MediaWiki:Common.css: Difference between revisions
Jump to navigation
Jump to search
(Created page with "→CSS placed here will be applied to all skins: .toclimit-2 .toclevel-1 ul, .toclimit-3 .toclevel-2 ul, .toclimit-4 .toclevel-3 ul, .toclimit-5 .toclevel-4 ul, .toclimit-6...") |
mNo edit summary |
||
Line 1: | Line 1: | ||
/* | /* 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 people to optionally wrap lines in source listings */ | |||
div.wrapPreLines pre { | |||
white-space: pre-wrap; | |||
} | |||
/* Give a bit of space to the TOC */ | |||
#toc { | |||
margin: 1em 2em 0 0.5em; | |||
min-width: 200px; | |||
} | |||
/* Allow easy floating of TOC, left and right, example use: | |||
* | |||
* <div class="toclimit-3 float-right">__TOC__</div> | |||
*/ | |||
.float-left { | |||
float: left; | |||
} | |||
.float-right { | |||
float: right; | |||
} | |||
/* Give floating TOCs also a bit of space */ | |||
.float-left #toc { | |||
margin: 1em 2em 0 0; | |||
} | |||
.float-right #toc { | |||
margin: 1em 0 0 2em; | |||
} | |||
/* | |||
* 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-2 .toclevel-1 ul, | ||
.toclimit-3 .toclevel-2 ul, | .toclimit-3 .toclevel-2 ul, | ||
Line 7: | Line 53: | ||
.toclimit-7 .toclevel-6 ul { | .toclimit-7 .toclevel-6 ul { | ||
display: none; | display: none; | ||
} | |||
/* | |||
* Makes bigger tables a bit nicer to read | |||
*/ | |||
.wikitable tr:hover { | |||
background-color: #e8e9ea; | |||
} | } |
Revision as of 13:59, 11 March 2023
/* 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 people to optionally wrap lines in source listings */
div.wrapPreLines pre {
white-space: pre-wrap;
}
/* Give a bit of space to the TOC */
#toc {
margin: 1em 2em 0 0.5em;
min-width: 200px;
}
/* Allow easy floating of TOC, left and right, example use:
*
* <div class="toclimit-3 float-right">__TOC__</div>
*/
.float-left {
float: left;
}
.float-right {
float: right;
}
/* Give floating TOCs also a bit of space */
.float-left #toc {
margin: 1em 2em 0 0;
}
.float-right #toc {
margin: 1em 0 0 2em;
}
/*
* 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;
}
/*
* Makes bigger tables a bit nicer to read
*/
.wikitable tr:hover {
background-color: #e8e9ea;
}