#scorecontainer {
font-size: x-large;
margin-top: 0;
+ display: grid;
+ grid-template-columns: max-content 1fr;
+ gap: 12px;
}
#score {
- float: left;
+ grid-column: 1;
}
#scoresparkcontainer {
+ grid-column: 2;
overflow: hidden;
+ height: 0.85em;
+ margin-top: 0.15em;
+ width: 100%;
}
-#scorespark {
- margin-left: 0.5em;
- margin-right: 0.5em;
+#sparklinehover {
+ position: absolute;
+ display: none;
+ background-color: rgba(0, 0, 0, 0.6);
+ color: white;
+ font-size: 10px;
+ white-space: nowrap;
+ padding: 5px;
+ border: 1px solid white;
+ z-index: 10000;
}
#pvcontainer {
clear: left;
margin-top: 1em;
}
-.window {
- position: absolute;
- width: 0px;
- height: 0px;
- opacity: 0.0;
-}
.c1 {
opacity: 0.75;
}
-.l1arrow {
- opacity: 1.0;
-}
.hidden {
display: none;
}
-.vir path {
- opacity: 0.0;
-}
-.vir path.l1arrow {
- opacity: 1.0;
-}
#news {
font-size: smaller;
}
}
#bottompanel {
display: block;
- width: 100%;
+ width: calc(100% + 4px);
font-size: smaller;
margin-top: 0.5em;
margin-bottom: 0;
filter: invert(1);
}
+.imbalance-piece, .imbalance-inverted-piece {
+ width: 15px;
+ height: 15px;
+}
+
@media (prefers-color-scheme: dark) {
:root {