MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
T.lamprecht (talk | contribs) (Created page with "→CSS placed here will be applied to all skins: /* * Allow limiting of which header levels are shown in a TOC; * <div class="toclimit-3">, for instance, will limit to *...") |
T.lamprecht (talk | contribs) mNo edit summary |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
@media screen { | |||
/* Underline (but only text, not full page with hr) for bigger difference between h3 and h4 */ | |||
h3 > .mw-headline { | |||
text-decoration: underline; | |||
text-decoration-thickness: 1px; | |||
} | |||
/* Make section stand out slightly more */ | |||
.mw-body-content h2 { | |||
margin-top: 1.25em; /* originally 1em */ | |||
font-size: 1.6em; /* originally 1.5em */ | |||
margin-bottom: 0.5em; /* originally not set */ | |||
} | |||
/* avoid that powered-by icons are glued together */ | |||
#footer-icons li a { | |||
padding: 0px 5px; | |||
} | |||
.warn-box { | |||
position: sticky; | |||
top: 10px; | |||
background-color: white; | |||
border: 5px solid orange; | |||
font-size: 18px; | |||
font-weight: bold; | |||
padding: 8px 16px; | |||
} | |||
.warn-box::before { | |||
content: '⚠️ '; | |||
} | |||
} | |||
/* allows to wrap some content into somewhat responsive columns */ | |||
/* .responsive-column-count { column-count: 2; } */ | |||
.responsive-column-count { | |||
display: grid; | |||
grid-template-columns: repeat(2, 1fr); | |||
} | |||
@media screen and (max-width: 1440px) { | |||
.responsive-column-count { | |||
grid-template-columns: repeat(3, 1fr); | |||
} | |||
} | |||
/* | /* |
Revision as of 09:19, 28 March 2023
/* CSS placed here will be applied to all skins */
@media screen {
/* Underline (but only text, not full page with hr) for bigger difference between h3 and h4 */
h3 > .mw-headline {
text-decoration: underline;
text-decoration-thickness: 1px;
}
/* Make section stand out slightly more */
.mw-body-content h2 {
margin-top: 1.25em; /* originally 1em */
font-size: 1.6em; /* originally 1.5em */
margin-bottom: 0.5em; /* originally not set */
}
/* avoid that powered-by icons are glued together */
#footer-icons li a {
padding: 0px 5px;
}
.warn-box {
position: sticky;
top: 10px;
background-color: white;
border: 5px solid orange;
font-size: 18px;
font-weight: bold;
padding: 8px 16px;
}
.warn-box::before {
content: '⚠️ ';
}
}
/* allows to wrap some content into somewhat responsive columns */
/* .responsive-column-count { column-count: 2; } */
.responsive-column-count {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 1440px) {
.responsive-column-count {
grid-template-columns: repeat(3, 1fr);
}
}
/*
* Allow limiting of which header levels are shown in a TOC;
* <div class="toclimit-3">, for instance, will limit to
* showing ==headings== and ===headings=== but no further.
* Used in [[Template:TOC]]
*/
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}