MediaWiki:Common.css: Difference between revisions
Appearance
Created page with "→CSS placed here will be applied to all skins: →Table utility classes: table.col-1-center td:nth-child(1) { text-align: center; } table.col-2-center td:nth-child(2) { text-align: center; } table.col-3-center td:nth-child(3) { text-align: center; } table.col-4-center td:nth-child(4) { text-align: center; } table.col-5-center td:nth-child(5) { text-align: center; } table.col-6-center td:nth-child(6) { text-align: center; } table.col-7-center td:nth-child(7) { text..." |
Add CSS classes for various box types: info, warning, note etc. |
||
| Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
:root { | |||
--debian-red-color:#d70a53; | |||
--debwiki-note-background-color:light-dark(aliceblue,darkslateblue); | |||
--debwiki-note-border-color:steelblue; | |||
--debwiki-warning-background-color:light-dark(mistyrose,darkslategray); | |||
--debwiki-warning-border-color:var(--debian-red-color); | |||
--debwiki-tip-background-color:light-dark(honeydew,darkslategray); | |||
--debwiki-tip-border-color:limegreen; | |||
--debwiki-highlight-background-color:light-dark(lemonchiffon,darkslategray); | |||
--debwiki-highlight-border-color:gold; | |||
} | |||
div.debwiki-box { | |||
margin: 0.5em 0; | |||
padding: 0.5em 0.5em 0.5em 40px; | |||
border: 1px solid var(--border-color-base, gainsboro); | |||
border-left-width:0.25rem; | |||
overflow: hidden; | |||
background-color: var(--background-color-base, white); | |||
color: var(--color-base, darkslategray); | |||
} | |||
div.debwiki-box.debwiki-box-note { | |||
background-color:var(--debwiki-note-background-color); | |||
border-color:var(--debwiki-note-border-color) | |||
} | |||
div.debwiki-box.debwiki-box-warning { | |||
background-color:var(--debwiki-warning-background-color); | |||
border-color:var(--debwiki-warning-border-color) | |||
} | |||
div.debwiki-box.debwiki-box-tip { | |||
background-color:var(--debwiki-tip-background-color); | |||
border-color:var(--debwiki-tip-border-color) | |||
} | |||
div.debwiki-box.debwiki-box-highlight { | |||
background-color:var(--debwiki-highlight-background-color); | |||
border-color:var(--debwiki-highlight-border-color) | |||
} | |||
/* Table utility classes */ | /* Table utility classes */ | ||
Revision as of 07:49, 9 September 2026
/* CSS placed here will be applied to all skins */
:root {
--debian-red-color:#d70a53;
--debwiki-note-background-color:light-dark(aliceblue,darkslateblue);
--debwiki-note-border-color:steelblue;
--debwiki-warning-background-color:light-dark(mistyrose,darkslategray);
--debwiki-warning-border-color:var(--debian-red-color);
--debwiki-tip-background-color:light-dark(honeydew,darkslategray);
--debwiki-tip-border-color:limegreen;
--debwiki-highlight-background-color:light-dark(lemonchiffon,darkslategray);
--debwiki-highlight-border-color:gold;
}
div.debwiki-box {
margin: 0.5em 0;
padding: 0.5em 0.5em 0.5em 40px;
border: 1px solid var(--border-color-base, gainsboro);
border-left-width:0.25rem;
overflow: hidden;
background-color: var(--background-color-base, white);
color: var(--color-base, darkslategray);
}
div.debwiki-box.debwiki-box-note {
background-color:var(--debwiki-note-background-color);
border-color:var(--debwiki-note-border-color)
}
div.debwiki-box.debwiki-box-warning {
background-color:var(--debwiki-warning-background-color);
border-color:var(--debwiki-warning-border-color)
}
div.debwiki-box.debwiki-box-tip {
background-color:var(--debwiki-tip-background-color);
border-color:var(--debwiki-tip-border-color)
}
div.debwiki-box.debwiki-box-highlight {
background-color:var(--debwiki-highlight-background-color);
border-color:var(--debwiki-highlight-border-color)
}
/* Table utility classes */
table.col-1-center td:nth-child(1) { text-align: center; }
table.col-2-center td:nth-child(2) { text-align: center; }
table.col-3-center td:nth-child(3) { text-align: center; }
table.col-4-center td:nth-child(4) { text-align: center; }
table.col-5-center td:nth-child(5) { text-align: center; }
table.col-6-center td:nth-child(6) { text-align: center; }
table.col-7-center td:nth-child(7) { text-align: center; }
table.col-8-center td:nth-child(8) { text-align: center; }
table.col-9-center td:nth-child(9) { text-align: center; }
table.col-1-right td:nth-child(1) { text-align: right; }
table.col-2-right td:nth-child(2) { text-align: right; }
table.col-3-right td:nth-child(3) { text-align: right; }
table.col-4-right td:nth-child(4) { text-align: right; }
table.col-5-right td:nth-child(5) { text-align: right; }
table.col-6-right td:nth-child(6) { text-align: right; }
table.col-7-right td:nth-child(7) { text-align: right; }
table.col-8-right td:nth-child(8) { text-align: right; }
table.col-9-right td:nth-child(9) { text-align: right; }