MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
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;
}