Ir al contenido

Plantilla:Reloj/Dos columnas/styles.css

De Wikipedia, la enciclopedia libre
.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%;
}