Plantilla:Reloj/Dos columnas/styles.css
Apariencia
.template-clocks-table-two-columns tbody {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
grid-template-areas:
"caption caption"
"CRI PER"
"SLV BOL"
"GTM CHL"
"HON PAR"
"MEX PRI"
"NIC DOM"
"COL VEN"
"CUB ARG"
"ECU URU"
"PAN ESP"
"xxx GNQ"
"footer footer"
}
.template-clocks-table-two-columns tr:first-of-type {
display: table;
grid-area: caption;
}
.template-clocks-table-two-columns tr:last-of-type {
display: table;
grid-area: footer;
background-color: var(--background-color-neutral,#eaecf0);
font-weight: bold;
text-align: center;
}
.template-clocks-table-two-columns tr:last-of-type br,
.template-clocks-table-two-columns tr:last-of-type img {
display: none;
}
.template-clocks-table-two-columns tr[data-country="CRI"] {
grid-area: CRI;
}
.template-clocks-table-two-columns tr[data-country="PER"] {
grid-area: PER;
}
.template-clocks-table-two-columns tr[data-country="SLV"] {
grid-area: SLV;
}
.template-clocks-table-two-columns tr[data-country="BOL"] {
grid-area: BOL;
}
.template-clocks-table-two-columns tr[data-country="GTM"] {
grid-area: GTM;
}
.template-clocks-table-two-columns tr[data-country="CHL"] {
grid-area: CHL;
}
.template-clocks-table-two-columns tr[data-country="HON"] {
grid-area: HON;
}
.template-clocks-table-two-columns tr[data-country="PAR"] {
grid-area: PAR;
}
.template-clocks-table-two-columns tr[data-country="MEX"] {
grid-area: MEX;
}
.template-clocks-table-two-columns tr[data-country="PRI"] {
grid-area: PRI;
}
.template-clocks-table-two-columns tr[data-country="NIC"] {
grid-area: NIC;
}
.template-clocks-table-two-columns tr[data-country="DOM"] {
grid-area: DOM;
}
.template-clocks-table-two-columns tr[data-country="COL"] {
grid-area: COL;
}
.template-clocks-table-two-columns tr[data-country="VEN"] {
grid-area: VEN;
}
.template-clocks-table-two-columns tr[data-country="CUB"] {
grid-area: CUB;
}
.template-clocks-table-two-columns tr[data-country="ARG"] {
grid-area: ARG;
}
.template-clocks-table-two-columns tr[data-country="ECU"] {
grid-area: ECU;
}
.template-clocks-table-two-columns tr[data-country="URU"] {
grid-area: URU;
}
.template-clocks-table-two-columns tr[data-country="PAN"] {
grid-area: PAN;
}
.template-clocks-table-two-columns tr[data-country="ESP"] {
grid-area: ESP;
}
.template-clocks-table-two-columns tr[data-country="GNQ"] {
display: none!important;
grid-area: GNQ;
}
.template-clocks-table-two-columns td:nth-of-type(1) {
width: 70%;
}
.template-clocks-table-two-columns td:nth-of-type(2) {
width: 15%;
}
.template-clocks-table-two-columns td:nth-of-type(3) {
width: 15%;
}