Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* 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 | ||
+ | showing ==headings== and ===headings=== but no further | ||
+ | (as long as there are no =headings= on the page, which | ||
+ | there shouldn't be according to the MoS). | ||
+ | */ | ||
+ | .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; | ||
+ | } | ||
/* Design for infoboxes */ | /* Design for infoboxes */ |
Revision as of 07:45, 4 November 2019
/* 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 showing ==headings== and ===headings=== but no further (as long as there are no =headings= on the page, which there shouldn't be according to the MoS). */ .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; } /* Design for infoboxes */ .infobox { float: right; margin: 0 0 1em 1em; padding: 1em; width: 400px; } .infobox-title { border-radius:10px; color: white; background: #800080; font-size: 2em; text-align: center; } .infobox-image { text-align: center; } .infobox th { border-radius:10px; background: #BEBEBE; text-align: center; vertical-align: top; width: 120px; } .infobox td { width: 200px; vertical-align: top; } /* Design tools */ .shadow { text-shadow: 0 0 7px black; } .box { border:1px solid black; } .box_shadow { box-shadow: 5px 5px 10px black; } .centered_text { text-align: center; } .round_box { border:1px solid black; border-radius:10px; } .inverted { color: white; background-color: black; }