Template:Frame data diagram/styles.css: Difference between revisions

Template page
No edit summary
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
.frame-data-diagram tr {
.frame-data-diagram {
height: 6em;
--own-panel-color: #f8b898;
--opponent-panel-color: #80d0f8;
color: black !important;
}
}


.frame-data-diagram td {
.frame-data-diagram td {
width: 6em;
width: 6em;
height: 4em;
text-align: center;
text-align: center;
}
}


.frame-data-diagram td:nth-child(1), .frame-data-diagram td:nth-child(2), .frame-data-diagram td:nth-child(3) {
.frame-data-diagram td:nth-child(1),
background: #f8b898;
.frame-data-diagram td:nth-child(2),
.frame-data-diagram td:nth-child(3) {
background: var(--own-panel-color);
}
}


.frame-data-diagram td:nth-child(4), .frame-data-diagram td:nth-child(5), .frame-data-diagram td:nth-child(6) {
.frame-data-diagram td:nth-child(4),
background: #80d0f8;
.frame-data-diagram td:nth-child(5),
.frame-data-diagram td:nth-child(6) {
background: var(--opponent-panel-color);
}
}

Latest revision as of 15:18, 25 March 2023

.frame-data-diagram {
	--own-panel-color: #f8b898;
	--opponent-panel-color: #80d0f8;
	color: black !important;
}

.frame-data-diagram td {
	width: 6em;
	height: 4em;
	text-align: center;
}

.frame-data-diagram td:nth-child(1),
.frame-data-diagram td:nth-child(2),
.frame-data-diagram td:nth-child(3) {
	background: var(--own-panel-color);
}

.frame-data-diagram td:nth-child(4),
.frame-data-diagram td:nth-child(5),
.frame-data-diagram td:nth-child(6) {
	background: var(--opponent-panel-color);
}