MTRNord's Wiki

Template:Infobox server/styles.css: Difference between revisions

Browse history interactively
Newer edit →
MTRNord (talk | contribs)
Bureaucrats, Check users, Interface administrators, Administrators, Temporary account IP viewers
110 edits
Created page with ".infobox-server { float: right; clear: right; margin: 0 0 1em 1.5em; border: 1px solid #aaa; background: #f8f9fa; font-size: 88%; line-height: 1.5; width: 22em; } .infobox-server-title { background: #3366cc; color: #fff; font-size: 115%; font-weight: bold; text-align: center; padding: 5px 8px; } .infobox-server-subtitle { background: #d0deff; color: #333; text-align: center; font-style: italic; p..."
 
No edit summary
Line 53: Line 53:


/* Status badges */
/* Status badges */
.infobox-status-active     { color: #2a7a2a; font-weight: bold; }
.infobox-status-active         { color: #2a7a2a; font-weight: bold; }
.infobox-status-maintenance { color: #b36200; font-weight: bold; }
.infobox-status-maintenance   { color: #b36200; font-weight: bold; }
.infobox-status-decommissioned { color: #a00; font-weight: bold; }
.infobox-status-decommissioned { color: #a00;   font-weight: bold; }
 
/* ── Dark mode ────────────────────────────────────────────────────────────── */
.skin-theme-clientpref-night .infobox-server,
.skin-theme-clientpref-os    .infobox-server {
    background: #1e2130;
    border-color: #444;
    color: #e8e8e8;
}
.skin-theme-clientpref-night .infobox-server-subtitle,
.skin-theme-clientpref-os    .infobox-server-subtitle {
    background: #1e3060;
    color: #c8d4ff;
    border-bottom-color: #444;
}
.skin-theme-clientpref-night .infobox-server td,
.skin-theme-clientpref-os    .infobox-server td {
    border-top-color: #333;
}
.skin-theme-clientpref-night .infobox-server .infobox-label,
.skin-theme-clientpref-os    .infobox-server .infobox-label {
    color: #aab8d0;
}
.skin-theme-clientpref-night .infobox-server-section,
.skin-theme-clientpref-os    .infobox-server-section {
    background: #1a2a50;
    border-top-color: #444;
    color: #c8d4ff;
}
.skin-theme-clientpref-night .infobox-server-image,
.skin-theme-clientpref-os    .infobox-server-image {
    border-bottom-color: #333;
}
.skin-theme-clientpref-night .infobox-status-active,
.skin-theme-clientpref-os    .infobox-status-active        { color: #6ecf6e; }
.skin-theme-clientpref-night .infobox-status-maintenance,
.skin-theme-clientpref-os    .infobox-status-maintenance    { color: #ffb347; }
.skin-theme-clientpref-night .infobox-status-decommissioned,
.skin-theme-clientpref-os    .infobox-status-decommissioned { color: #ff6b6b; }
 
/* OS preference: revert to light colours when OS is actually light */
@media (prefers-color-scheme: light) {
    .skin-theme-clientpref-os .infobox-server            { background: #f8f9fa; border-color: #aaa; color: inherit; }
    .skin-theme-clientpref-os .infobox-server-subtitle    { background: #d0deff; color: #333; border-bottom-color: #aaa; }
    .skin-theme-clientpref-os .infobox-server td          { border-top-color: #eee; }
    .skin-theme-clientpref-os .infobox-server .infobox-label { color: #555; }
    .skin-theme-clientpref-os .infobox-server-section    { background: #dce6ff; border-top-color: #aaa; color: inherit; }
    .skin-theme-clientpref-os .infobox-server-image      { border-bottom-color: #eee; }
    .skin-theme-clientpref-os .infobox-status-active        { color: #2a7a2a; }
    .skin-theme-clientpref-os .infobox-status-maintenance    { color: #b36200; }
    .skin-theme-clientpref-os .infobox-status-decommissioned { color: #a00; }
}
Retrieved from "https://wiki.mtrnord.blog/wiki/Template:Infobox_server/styles.css"