Toggle menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Template:B9s LED table/styles.css: Difference between revisions

Template page
(padding fix for citizen skin)
(fix for citizen changes (hopefully))
Line 17: Line 17:
@media screen and (prefers-color-scheme: dark) {
@media screen and (prefers-color-scheme: dark) {
/* only timeless has a dark theme skin right now */
/* only timeless has a dark theme skin right now */
body.skin-timeless .b9s-table {
body.skin-timeless .b9s-table,
html.skin-theme-clientpref-os body.skin-citizen .b9s-table {
--loaded:  var(--loaded-d);
--loaded:  var(--loaded-d);
--missing: var(--missing-d);
--missing: var(--missing-d);
Line 24: Line 25:
}
}


html.skin-citizen-dark .b9s-table {
html.skin-theme-clientpref-night body.skin-citizen .b9s-table {
--loaded:  var(--loaded-d);
--loaded:  var(--loaded-d);
--missing: var(--missing-d);
--missing: var(--missing-d);
Line 30: Line 31:
}
}


html.skin-citizen-dark .b9s-table td {
/*html.skin-citizen-dark .b9s-table td {
padding: 10px; /* default padding is 10px 20px 10px 0 but it looks weird with bg colors */
padding: 10px; /* default padding is 10px 20px 10px 0 but it looks weird with bg colors  
}
}*/


.b9s-loaded  { background-color: var(--loaded)  }
.b9s-loaded  { background-color: var(--loaded)  }
.b9s-missing { background-color: var(--missing) }
.b9s-missing { background-color: var(--missing) }
.b9s-corrupt { background-color: var(--corrupt) }
.b9s-corrupt { background-color: var(--corrupt) }