|
|
| Line 1: |
Line 1: |
| − | /* CSS placed here will be applied to all skins */ | + | /* Spoiler box: force wrapping inside collapsibles */ |
| − | | + | .mw-collapsible .mw-collapsible-content, |
| − | table.alternategrey tr:nth-child(even) {background: #E0E0E0;}
| + | .spoiler-body { |
| − | | + | white-space: normal !important; /* override the nowrap */ |
| − | table.alternatebkor tr:nth-child(even) {background: black; color: orange;}
| + | display: block; |
| − | table.alternatebkor tr:nth-child(odd) {background: orange; color: black;}
| + | overflow-wrap: anywhere; /* wrap long words/URLs */ |
| − | | + | word-break: normal; |
| − | /* Infobox styling */ | + | |
| − | .infobox {
| + | |
| − | background: #f9f9f9; | + | |
| − | border: 1px solid #aaa; | + | |
| − | float: right;
| + | |
| − | clear: right;
| + | |
| − | margin: 0 0 1em 1em;
| + | |
| − | padding: 0.5em;
| + | |
| − | width: 300px;
| + | |
| − | font-size: 90%;
| + | |
| − | line-height: 1.4em; | + | |
| | } | | } |
| | | | |
| − | .infobox caption {
| + | /* Make sure the container behaves like a normal block */ |
| − | font-weight: bold;
| + | .spoiler-box { |
| − | font-size: 120%;
| + | |
| − | text-align: center;
| + | |
| − | margin-bottom: 0.5em;
| + | |
| − | }
| + | |
| − | | + | |
| − | .infobox th {
| + | |
| − | text-align: left;
| + | |
| − | vertical-align: top;
| + | |
| − | padding: 4px 8px;
| + | |
| − | }
| + | |
| − | | + | |
| − | .infobox td {
| + | |
| − | vertical-align: top;
| + | |
| − | padding: 4px 8px;
| + | |
| − | }
| + | |
| − | | + | |
| − | /* Style for horizontal lists (separator following item). | + | |
| − | @source mediawiki.org/wiki/Snippets/Horizontal_lists
| + | |
| − | @revision 9 (2016-08-10)
| + | |
| − | @author [[User:Edokter]]
| + | |
| − | */
| + | |
| − | .hlist dl,
| + | |
| − | .hlist ol,
| + | |
| − | .hlist ul {
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | }
| + | |
| − | /* Display list items inline */
| + | |
| − | .hlist dd,
| + | |
| − | .hlist dt,
| + | |
| − | .hlist li {
| + | |
| − | margin: 0;
| + | |
| − | display: inline;
| + | |
| − | }
| + | |
| − | /* Display nested lists inline */
| + | |
| − | .hlist.inline,
| + | |
| − | .hlist.inline dl,
| + | |
| − | .hlist.inline ol,
| + | |
| − | .hlist.inline ul,
| + | |
| − | .hlist dl dl, .hlist dl ol, .hlist dl ul,
| + | |
| − | .hlist ol dl, .hlist ol ol, .hlist ol ul,
| + | |
| − | .hlist ul dl, .hlist ul ol, .hlist ul ul {
| + | |
| − | display: inline;
| + | |
| − | }
| + | |
| − | /* Hide empty list items */
| + | |
| − | .hlist .mw-empty-li,
| + | |
| − | .hlist .mw-empty-elt {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − | /* Generate interpuncts */
| + | |
| − | .hlist dt:after {
| + | |
| − | content: ": ";
| + | |
| − | }
| + | |
| − | .hlist dd:after,
| + | |
| − | .hlist li:after {
| + | |
| − | content: " · ";
| + | |
| − | font-weight: bold;
| + | |
| − | }
| + | |
| − | .hlist dd:last-child:after,
| + | |
| − | .hlist dt:last-child:after,
| + | |
| − | .hlist li:last-child:after {
| + | |
| − | content: none;
| + | |
| − | }
| + | |
| − | /* Add parentheses around nested lists */
| + | |
| − | .hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
| + | |
| − | .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
| + | |
| − | .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
| + | |
| − | content: " (";
| + | |
| − | font-weight: normal;
| + | |
| − | }
| + | |
| − | .hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
| + | |
| − | .hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
| + | |
| − | .hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
| + | |
| − | content: ")";
| + | |
| − | font-weight: normal;
| + | |
| − | }
| + | |
| − | /* Put ordinals in front of ordered list items */
| + | |
| − | .hlist ol { | + | |
| − | counter-reset: listitem;
| + | |
| − | }
| + | |
| − | .hlist ol > li {
| + | |
| − | counter-increment: listitem;
| + | |
| − | }
| + | |
| − | .hlist ol > li:before {
| + | |
| − | content: " " counter(listitem) "\a0";
| + | |
| − | }
| + | |
| − | .hlist dd ol > li:first-child:before,
| + | |
| − | .hlist dt ol > li:first-child:before,
| + | |
| − | .hlist li ol > li:first-child:before {
| + | |
| − | content: " (" counter(listitem) "\a0";
| + | |
| − | }
| + | |
| − | | + | |
| − | /* End hlist style */
| + | |
| − | | + | |
| − | /* Spoiler box text wrapping */
| + | |
| − | .spoiler-body {
| + | |
| − | white-space: normal;
| + | |
| | display: block; | | display: block; |
| − | word-wrap: break-word; | + | max-width: 100%; |
| | + | box-sizing: border-box; |
| | } | | } |
