На память

Форматирование стиля таблиц в конструкторе Yootheme


Чтобы добавить оформления к таблицам, размещаемым в конструкторе YOOTHEME — добавьте этот код CSS в файл стилей
You can add the following to a custom/css/custom.css . Please read the tips below for how to load a custom.css file .


.uk-table {
    margin-bottom: 20px;
    width: 100%;
}
* + .uk-table {
    margin-top: 20px;
}
.uk-table th, .uk-table td {
    padding: 8px;
}
.uk-table th {
    text-align: left;
}
.uk-table td {
    vertical-align: top;
}
.uk-table thead th {
    vertical-align: bottom;
}
.uk-table caption, .uk-table tfoot {
    font-size: 13px;
    font-style: italic;
}
.uk-table caption {
    color: #6F7074;
    text-align: left;
}
.uk-table-middle, .uk-table-middle td {
    vertical-align: middle !important;
}
.uk-table-striped tbody tr:nth-of-type(2n+1) td {
    background: none repeat scroll 0 0 #3A3B40;
}
.uk-table-condensed td {
    padding: 2px 8px;
}
.uk-table-hover tbody tr:hover td {
    background: none repeat scroll 0 0 #414348;
}

Вот образец кода для таблицы


Table caption
Table Heading
Table Data
Table Data

Вот упрощённый вид таблицы


  • Maior durabilidade
  • Evita-se desperdício de material
  • Rapidez de montagem
  • Imune ao ataque de pragas
  • Facilidade de transporte
  • Estrutura mais leve
  • Fácil reposição
  • Reciclável e ecológico
  • Adaptável a quiasquer projetos e tipos de telha (cerâmica, fibrocimento e chapa)