No edit summary |
No edit summary |
||
(5 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
.frame-data-diagram | .frame-data-diagram { | ||
--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: | .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: | .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);
}