MediaWiki:Common.css: Difference between revisions
From MakersLink
Gustavskog (talk | contribs) La till regler för temat för att följa light/dark mode för Utrustning info-ruta |
Gustavskog (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
/* --- Grundutseende (ljust, gäller alla skin som standard) --- */ | /* --- Grundutseende (ljust, gäller alla skin som standard) --- */ | ||
.infobox-mall { | table.infobox-mall { | ||
border: solid 1px #AAAAAA; | border: solid 1px #AAAAAA; | ||
background-color: #EEEEEE; | |||
} | |||
table.infobox-mall td, | |||
table.infobox-mall th { | |||
background-color: #EEEEEE; | background-color: #EEEEEE; | ||
color: #000000; | color: #000000; | ||
border-color: #AAAAAA; | |||
} | } | ||
.infobox-mall-header { | table.infobox-mall th.infobox-mall-header { | ||
background-color: #CCCCCC; | background-color: #CCCCCC; | ||
text-align: center; | |||
} | |||
table.infobox-mall td.infobox-mall-label { | |||
vertical-align: top; | |||
} | } | ||
/* --- Systemet är i mörkt läge ( | /* --- Systemet är i mörkt läge (Vector äldre, MonoBook, Timeless, | ||
samt Vector 2022 | samt Vector 2022 på "Automatiskt") --- */ | ||
@media (prefers-color-scheme: dark) { | @media (prefers-color-scheme: dark) { | ||
.infobox-mall { | table.infobox-mall { | ||
border-color: #555555; | |||
} | |||
table.infobox-mall td, | |||
table.infobox-mall th { | |||
background-color: #2b2b2b; | background-color: #2b2b2b; | ||
color: #e8e8e8; | color: #e8e8e8; | ||
border-color: #555555; | border-color: #555555; | ||
} | } | ||
.infobox-mall-header { | table.infobox-mall th.infobox-mall-header { | ||
background-color: #3a3a3a; | background-color: #3a3a3a; | ||
} | } | ||
} | } | ||
/* --- Vector 2022: | /* --- Vector 2022: manuellt tvingat "Mörkt" --- */ | ||
.skin-theme-clientpref-night table.infobox-mall { | |||
.skin-theme-clientpref-night .infobox-mall { | border-color: #555555; | ||
} | |||
.skin-theme-clientpref-night table.infobox-mall td, | |||
.skin-theme-clientpref-night table.infobox-mall th { | |||
background-color: #2b2b2b; | background-color: #2b2b2b; | ||
color: #e8e8e8; | color: #e8e8e8; | ||
border-color: #555555; | border-color: #555555; | ||
} | } | ||
.skin-theme-clientpref-night .infobox-mall-header { | .skin-theme-clientpref-night table.infobox-mall th.infobox-mall-header { | ||
background-color: #3a3a3a; | background-color: #3a3a3a; | ||
} | } | ||
/* --- Vector 2022: | /* --- Vector 2022: manuellt tvingat "Ljust" --- */ | ||
.skin-theme-clientpref-day table.infobox-mall { | |||
.skin-theme-clientpref-day .infobox-mall { | border-color: #AAAAAA; | ||
} | |||
.skin-theme-clientpref-day table.infobox-mall td, | |||
.skin-theme-clientpref-day table.infobox-mall th { | |||
background-color: #EEEEEE; | background-color: #EEEEEE; | ||
color: #000000; | color: #000000; | ||
border-color: #AAAAAA; | border-color: #AAAAAA; | ||
} | } | ||
.skin-theme-clientpref-day .infobox-mall-header { | .skin-theme-clientpref-day table.infobox-mall th.infobox-mall-header { | ||
background-color: #CCCCCC; | background-color: #CCCCCC; | ||
} | } | ||
Revision as of 00:05, 26 August 2026
/* CSS placed here will be applied to all skins */
/* --- Grundutseende (ljust, gäller alla skin som standard) --- */
table.infobox-mall {
border: solid 1px #AAAAAA;
background-color: #EEEEEE;
}
table.infobox-mall td,
table.infobox-mall th {
background-color: #EEEEEE;
color: #000000;
border-color: #AAAAAA;
}
table.infobox-mall th.infobox-mall-header {
background-color: #CCCCCC;
text-align: center;
}
table.infobox-mall td.infobox-mall-label {
vertical-align: top;
}
/* --- Systemet är i mörkt läge (Vector äldre, MonoBook, Timeless,
samt Vector 2022 på "Automatiskt") --- */
@media (prefers-color-scheme: dark) {
table.infobox-mall {
border-color: #555555;
}
table.infobox-mall td,
table.infobox-mall th {
background-color: #2b2b2b;
color: #e8e8e8;
border-color: #555555;
}
table.infobox-mall th.infobox-mall-header {
background-color: #3a3a3a;
}
}
/* --- Vector 2022: manuellt tvingat "Mörkt" --- */
.skin-theme-clientpref-night table.infobox-mall {
border-color: #555555;
}
.skin-theme-clientpref-night table.infobox-mall td,
.skin-theme-clientpref-night table.infobox-mall th {
background-color: #2b2b2b;
color: #e8e8e8;
border-color: #555555;
}
.skin-theme-clientpref-night table.infobox-mall th.infobox-mall-header {
background-color: #3a3a3a;
}
/* --- Vector 2022: manuellt tvingat "Ljust" --- */
.skin-theme-clientpref-day table.infobox-mall {
border-color: #AAAAAA;
}
.skin-theme-clientpref-day table.infobox-mall td,
.skin-theme-clientpref-day table.infobox-mall th {
background-color: #EEEEEE;
color: #000000;
border-color: #AAAAAA;
}
.skin-theme-clientpref-day table.infobox-mall th.infobox-mall-header {
background-color: #CCCCCC;
}
