Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
TheSevenSins (talk | contribs) |
|||
(42 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* CSS placed here will be applied to all skins */ | ||
+ | |||
+ | /* Heading boxes */ | ||
+ | |||
+ | .categoryBOX{ | ||
+ | margin: 0px 0px 10px 0px; | ||
+ | } | ||
+ | |||
+ | .HeadingBoxes{ | ||
+ | margin-top: unset !important; | ||
+ | border:1px solid #cca6d1; | ||
+ | background:#6f027c; | ||
+ | color:#fff; | ||
+ | font-size:120%; | ||
+ | font-weight:bold; | ||
+ | text-align:left; | ||
+ | text-shadow: black 0.1em 0.1em 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 | ||
+ | (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: #9370DB; | ||
+ | text-align: center; | ||
+ | vertical-align: top; | ||
+ | width: 120px; | ||
+ | } | ||
+ | .infobox td { | ||
+ | width: 200px; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | |||
+ | /* Calculator */ | ||
+ | |||
+ | .calc { | ||
+ | text-align: center; | ||
+ | color: #000; | ||
+ | width: 180px; | ||
+ | background-color:lightgray; | ||
+ | border: 2px solid grey; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | |||
+ | .calc input { | ||
+ | color: #fff; | ||
+ | text-align: center; | ||
+ | border-radius: 5px; | ||
+ | } | ||
+ | |||
+ | /* Design tools */ | ||
.shadow | .shadow | ||
Line 13: | Line 94: | ||
.box_shadow | .box_shadow | ||
{ | { | ||
− | box-shadow: 10px | + | box-shadow: 5px 5px 10px black; |
} | } | ||
Line 19: | Line 100: | ||
{ | { | ||
text-align: center; | text-align: center; | ||
+ | } | ||
+ | |||
+ | .round_box | ||
+ | { | ||
+ | border:1px solid black; | ||
+ | border-radius:10px; | ||
+ | } | ||
+ | |||
+ | .inverted | ||
+ | { | ||
+ | color: white; | ||
+ | background-color: black; | ||
} | } |
Latest revision as of 03:11, 30 November 2019
/* CSS placed here will be applied to all skins */ /* Heading boxes */ .categoryBOX{ margin: 0px 0px 10px 0px; } .HeadingBoxes{ margin-top: unset !important; border:1px solid #cca6d1; background:#6f027c; color:#fff; font-size:120%; font-weight:bold; text-align:left; text-shadow: black 0.1em 0.1em 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 (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: #9370DB; text-align: center; vertical-align: top; width: 120px; } .infobox td { width: 200px; vertical-align: top; } /* Calculator */ .calc { text-align: center; color: #000; width: 180px; background-color:lightgray; border: 2px solid grey; border-radius: 5px; } .calc input { color: #fff; text-align: center; border-radius: 5px; } /* 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; }