Difference between revisions of "MediaWiki:Common.css"
From MansonWiki, the Marilyn Manson encyclopedia
(38 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | + | .nobr { | |
− | + | white-space: nowrap; | |
− | + | ||
− | + | ||
− | + | ||
} | } | ||
− | body.page-Main_Page #ca-delete { | + | |
+ | /* Main page fixes */ | ||
+ | |||
+ | #interwiki-completelist { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | body.page-Main_Page #ca-delete { | ||
display: none !important; | display: none !important; | ||
− | } | + | } |
/* page content */ | /* page content */ | ||
− | .maintable { | + | .maintable { |
border: solid 1px #ccc; | border: solid 1px #ccc; | ||
− | } | + | } |
− | .infobox { | + | .infobox { |
background-color: #fcfcfc; | background-color: #fcfcfc; | ||
− | } | + | } |
− | #content ul.gallery { | + | #content ul.gallery { |
− | + | clear: both; | |
− | + | list-style: none; | |
− | list-style: none; | + | margin: 2px; |
− | margin:2px; | + | padding: 2px; |
− | padding:2px; | + | overflow: auto; |
− | overflow: auto; | + | text-align: left; |
− | text-align: left; | + | } |
− | + | ||
− | } | + | |
− | .gallery.boldFirstLine .gallerytext:first-line { | + | .gallery.boldFirstLine .gallerytext center:first-line { |
− | font-weight: bolder; | + | font-weight: bolder !important; |
− | } | + | } |
− | .gallery .galleryheader { | + | .gallery .galleryheader { |
− | text-align:center; | + | text-align: center; |
− | font-weight:700; | + | font-weight: 700; |
− | } | + | } |
− | .gallerybox { | + | .gallerybox { |
− | overflow: hidden; | + | overflow: hidden; |
− | margin:2px; | + | margin:2px; |
− | display: inline-block; | + | display: inline-block; |
− | float: none; | + | float: none; |
− | vertical-align: top; | + | vertical-align: top; |
− | list-style: none !important; | + | list-style: none !important; |
− | } | + | border: none !important; |
+ | padding: 2px 2px 4px !important; | ||
+ | background-color: #ffffffcc; | ||
+ | } | ||
− | .gallerybox .thumb { | + | .gallerybox .thumb { |
− | text-align:center; | + | text-align: center; |
− | border: | + | border: none; |
− | margin:2px; | + | background: none; |
− | } | + | margin: 2px; |
+ | } | ||
− | .gallerytext { | + | .gallerytext { |
− | min-height: 0; | + | min-height: 0; |
− | overflow:hidden; | + | overflow: hidden; |
− | font-size:94%; | + | font-size: 94%; |
− | padding:2px 4px; | + | padding: 2px 4px; |
− | } | + | } |
− | #catlinks ul, #catlinks li { | + | #catlinks ul, #catlinks li { |
− | + | display: inline-block; | |
− | + | list-style: none; | |
− | + | margin: 0; | |
− | } | + | } |
− | #catlinks li { | + | #catlinks li { |
− | + | margin-right: 5px; | |
− | } | + | } |
− | #catlinks li:after { | + | |
− | content: " |"; | + | #catlinks li:after { |
− | } | + | content: " |"; |
− | #catlinks li:last-child::after { | + | } |
− | content: ''; | + | |
− | } | + | #catlinks li:last-child::after { |
+ | content: ''; | ||
+ | } | ||
/*** Main Page collapsible button fix ***/ | /*** Main Page collapsible button fix ***/ | ||
− | |||
− | |||
− | |||
− | .page-Main_Page #collapsibleTable0 th > span.collapseButton { | + | .page-Main_Page #collapsibleTable0 th > span { |
− | display: inline-block; | + | display: none; |
− | } | + | } |
+ | |||
+ | .page-Main_Page #collapsibleTable0 th > span.collapseButton { | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .disambiguation-bar { | ||
+ | background-color: #e3e3e3; | ||
+ | padding: 6px 12px; | ||
+ | } | ||
+ | |||
+ | .disambiguation-bar * { | ||
+ | vertical-align: middle; | ||
+ | } | ||
/*** TEMPLATES STUFF BEGIN ***/ | /*** TEMPLATES STUFF BEGIN ***/ | ||
− | + | /*** we can't apply a CSS style to an image rendered using the MediaWiki markup image tag ***/ | |
− | + | /*** this is also not a skin scope and we can't introduce CSS style directly in templates ***/ | |
− | + | .flag-outline img { | |
− | + | outline: solid 1px darkgray; | |
− | + | } | |
− | + | /*** gallery styles override ***/ | |
− | + | #column-content ul.gallery { | |
text-align: inherit; | text-align: inherit; | ||
− | |||
− | |||
− | |||
− | |||
} | } | ||
+ | |||
+ | #column-content li.gallerybox { | ||
+ | margin: 2px !important; | ||
+ | padding: 0; | ||
+ | } | ||
/*** TEMPLATES STUFF END ***/ | /*** TEMPLATES STUFF END ***/ | ||
− | + | ol.references { | |
+ | column-count: 4 !important; | ||
+ | column-gap: 2em !important; | ||
+ | font-size: 0.5 !important; | ||
+ | line-height: 0.9em !important; | ||
+ | margin: 0.5em !important; | ||
+ | } | ||
− | + | ol.references > * { | |
− | + | font-size: 0.75em !important; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ol.references .mw-cite-backlink { | |
− | + | font-size: 0.5em !important; | |
− | + | } | |
− | + | ol.references .reference-text { | |
− | + | font-size: 0.75em !important; | |
− | + | } | |
− | + | div.tablature { | |
− | + | width: 100%; | |
− | + | } | |
− | + | .disable-links-underlines a { | |
− | + | text-decoration: none !important; | |
− | + | } | |
− | + | .odd-even-rows-table { | |
− | + | border-collapse: collapse !important; | |
− | + | } | |
− | + | .odd-even-rows-table > tbody tr:first-child > th { | |
− | + | background-color: #ddd !important; | |
− | + | } | |
− | + | ||
− | .odd-even-rows-table > tbody tr > th.cancelled, | + | .odd-even-rows-table > tbody tr:nth-child(odd) > td { |
− | + | background-color: #eee !important; | |
− | + | } | |
− | + | ||
− | + | .odd-even-rows-table > tbody tr:nth-child(even) > td { | |
+ | background-color: #fff !important; | ||
+ | } | ||
+ | |||
+ | .odd-even-rows-table > tbody tr > th, | ||
+ | .odd-even-rows-table > tbody tr > td { | ||
+ | border: solid 1px #ddd !important; | ||
+ | } | ||
+ | |||
+ | .odd-even-rows-table > tbody tr > th.cancelled, | ||
+ | .odd-even-rows-table > tbody tr > td.cancelled { | ||
+ | background-color: #fdd !important; | ||
+ | color: #200 !important; | ||
+ | } | ||
/*** MW BUILTINS ***/ | /*** MW BUILTINS ***/ | ||
− | .mw-collapsible.no-float > .mw-collapsible-toggle { | + | .mw-collapsible.no-float > .mw-collapsible-toggle { |
float: none; | float: none; | ||
− | } | + | } |
/*** Custom timeline ***/ | /*** Custom timeline ***/ | ||
Line 158: | Line 192: | ||
width: 100%; | width: 100%; | ||
} | } | ||
+ | |||
.mw-timeline > .info { | .mw-timeline > .info { | ||
height: 40px; | height: 40px; | ||
position: relative; | position: relative; | ||
} | } | ||
+ | |||
.mw-timeline > .info > .period-begin, | .mw-timeline > .info > .period-begin, | ||
.mw-timeline > .info > .period-end { | .mw-timeline > .info > .period-end { | ||
Line 175: | Line 211: | ||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
+ | |||
.mw-timeline > .info > .period-begin { | .mw-timeline > .info > .period-begin { | ||
left: 0; | left: 0; | ||
} | } | ||
+ | |||
.mw-timeline > .info > .period-end { | .mw-timeline > .info > .period-end { | ||
right: 0; | right: 0; | ||
} | } | ||
+ | |||
.mw-timeline > .canvas { | .mw-timeline > .canvas { | ||
min-height: 100px; | min-height: 100px; | ||
Line 187: | Line 226: | ||
position: relative; | position: relative; | ||
} | } | ||
+ | |||
.mw-timeline > .canvas > .year, | .mw-timeline > .canvas > .year, | ||
.mw-timeline > .canvas > .milestone, | .mw-timeline > .canvas > .milestone, | ||
Line 196: | Line 236: | ||
width: 0; | width: 0; | ||
} | } | ||
+ | |||
.mw-timeline > .canvas > .year { | .mw-timeline > .canvas > .year { | ||
outline: dotted 1px #DDD; | outline: dotted 1px #DDD; | ||
} | } | ||
+ | |||
.mw-timeline > .canvas > .year.half-decade-year { | .mw-timeline > .canvas > .year.half-decade-year { | ||
outline: solid 0.5px #BBB; | outline: solid 0.5px #BBB; | ||
} | } | ||
+ | |||
.mw-timeline > .canvas > .year.decade-year { | .mw-timeline > .canvas > .year.decade-year { | ||
outline: solid 0.5px #999; | outline: solid 0.5px #999; | ||
} | } | ||
+ | |||
.mw-timeline > .canvas > .year > .label { | .mw-timeline > .canvas > .year > .label { | ||
font-size: 9px; | font-size: 9px; | ||
Line 213: | Line 257: | ||
width: 30px; | width: 30px; | ||
} | } | ||
+ | |||
.mw-timeline > .canvas > .milestone { | .mw-timeline > .canvas > .milestone { | ||
outline: solid 2px black; | outline: solid 2px black; | ||
} | } | ||
+ | |||
.mw-timeline > .canvas > .bar { | .mw-timeline > .canvas > .bar { | ||
border: solid 1px black; | border: solid 1px black; | ||
Line 222: | Line 268: | ||
width: auto; | width: auto; | ||
} | } | ||
+ | |||
.mw-timeline > .canvas > .bar > .label { | .mw-timeline > .canvas > .bar > .label { | ||
background-color: rgba(0, 0, 0, 0.55); | background-color: rgba(0, 0, 0, 0.55); | ||
Line 232: | Line 279: | ||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
+ | |||
.mw-timeline > .canvas > .bar > .label > .header-1 { | .mw-timeline > .canvas > .bar > .label > .header-1 { | ||
font-size: 11px; | font-size: 11px; | ||
Line 238: | Line 286: | ||
line-height: 8px; | line-height: 8px; | ||
} | } | ||
+ | |||
.mw-timeline > .canvas > .bar > .label > .header-2 { | .mw-timeline > .canvas > .bar > .label > .header-2 { | ||
font-size: 9px; | font-size: 9px; | ||
Line 245: | Line 294: | ||
} | } | ||
− | . | + | .unconfirmed { |
− | + | background-color: #edb; | |
− | + | } | |
− | } | + | |
− | .news-bulletin- | + | sup.unconfirmed { |
− | margin-bottom: 20px; | + | font-weight: bolder; |
− | } | + | padding: 1px; |
+ | } | ||
+ | |||
+ | .news-bulletin-title { | ||
+ | font-size: 120%; | ||
+ | font-weight: bolder; | ||
+ | } | ||
+ | |||
+ | .news-bulletin-text { | ||
+ | margin-bottom: 20px; | ||
+ | } | ||
table.footer-box { | table.footer-box { | ||
Line 261: | Line 319: | ||
table.footer-box > tbody > tr > th[colspan="2"] { | table.footer-box > tbody > tr > th[colspan="2"] { | ||
background-color: #e8e8e8; | background-color: #e8e8e8; | ||
− | border: solid 1px # | + | border: solid 1px #534; |
text-align: center; | text-align: center; | ||
} | } | ||
Line 273: | Line 331: | ||
table.footer-box > tbody > tr > th:not([colspan]) { | table.footer-box > tbody > tr > th:not([colspan]) { | ||
− | background-color: # | + | background-color: #534; |
color: #ffffff; | color: #ffffff; | ||
text-align: center; | text-align: center; | ||
Line 285: | Line 343: | ||
.spoilers { | .spoilers { | ||
− | |||
text-align: center; | text-align: center; | ||
} | } | ||
− | .spoilers-button { | + | .spoilers .spoilers-button-container { |
+ | background-color: #eee; | ||
+ | } | ||
+ | |||
+ | .spoilers .spoilers-button { | ||
background: none; | background: none; | ||
+ | border: none; | ||
cursor: pointer; | cursor: pointer; | ||
font-size: 80%; | font-size: 80%; | ||
+ | } | ||
+ | |||
+ | .spoilers .spoilers-body { | ||
+ | background-color: #f8f8f8; | ||
+ | border: none; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | /* etc mixins */ | ||
+ | |||
+ | table.valign-top > tr > th, | ||
+ | table.valign-top > tr > td, | ||
+ | table.valign-top > * > tr > th, | ||
+ | table.valign-top > * > tr > td { | ||
+ | vertical-align: top; | ||
} | } |
Latest revision as of 11:02, 22 February 2024
.nobr { white-space: nowrap; } /* Main page fixes */ #interwiki-completelist { font-weight: bold; } body.page-Main_Page #ca-delete { display: none !important; } /* page content */ .maintable { border: solid 1px #ccc; } .infobox { background-color: #fcfcfc; } #content ul.gallery { clear: both; list-style: none; margin: 2px; padding: 2px; overflow: auto; text-align: left; } .gallery.boldFirstLine .gallerytext center:first-line { font-weight: bolder !important; } .gallery .galleryheader { text-align: center; font-weight: 700; } .gallerybox { overflow: hidden; margin:2px; display: inline-block; float: none; vertical-align: top; list-style: none !important; border: none !important; padding: 2px 2px 4px !important; background-color: #ffffffcc; } .gallerybox .thumb { text-align: center; border: none; background: none; margin: 2px; } .gallerytext { min-height: 0; overflow: hidden; font-size: 94%; padding: 2px 4px; } #catlinks ul, #catlinks li { display: inline-block; list-style: none; margin: 0; } #catlinks li { margin-right: 5px; } #catlinks li:after { content: " |"; } #catlinks li:last-child::after { content: ''; } /*** Main Page collapsible button fix ***/ .page-Main_Page #collapsibleTable0 th > span { display: none; } .page-Main_Page #collapsibleTable0 th > span.collapseButton { display: inline-block; } .disambiguation-bar { background-color: #e3e3e3; padding: 6px 12px; } .disambiguation-bar * { vertical-align: middle; } /*** TEMPLATES STUFF BEGIN ***/ /*** we can't apply a CSS style to an image rendered using the MediaWiki markup image tag ***/ /*** this is also not a skin scope and we can't introduce CSS style directly in templates ***/ .flag-outline img { outline: solid 1px darkgray; } /*** gallery styles override ***/ #column-content ul.gallery { text-align: inherit; } #column-content li.gallerybox { margin: 2px !important; padding: 0; } /*** TEMPLATES STUFF END ***/ ol.references { column-count: 4 !important; column-gap: 2em !important; font-size: 0.5 !important; line-height: 0.9em !important; margin: 0.5em !important; } ol.references > * { font-size: 0.75em !important; } ol.references .mw-cite-backlink { font-size: 0.5em !important; } ol.references .reference-text { font-size: 0.75em !important; } div.tablature { width: 100%; } .disable-links-underlines a { text-decoration: none !important; } .odd-even-rows-table { border-collapse: collapse !important; } .odd-even-rows-table > tbody tr:first-child > th { background-color: #ddd !important; } .odd-even-rows-table > tbody tr:nth-child(odd) > td { background-color: #eee !important; } .odd-even-rows-table > tbody tr:nth-child(even) > td { background-color: #fff !important; } .odd-even-rows-table > tbody tr > th, .odd-even-rows-table > tbody tr > td { border: solid 1px #ddd !important; } .odd-even-rows-table > tbody tr > th.cancelled, .odd-even-rows-table > tbody tr > td.cancelled { background-color: #fdd !important; color: #200 !important; } /*** MW BUILTINS ***/ .mw-collapsible.no-float > .mw-collapsible-toggle { float: none; } /*** Custom timeline ***/ .mw-timeline { background-color: white; outline: solid 1px gray; width: 100%; } .mw-timeline > .info { height: 40px; position: relative; } .mw-timeline > .info > .period-begin, .mw-timeline > .info > .period-end { background-color: rgba(0, 0, 0, 0.55); color: white; font-size: 9px; font-weight: lighter; height: 8px; line-height: 8px; position: absolute; top: 0; padding: 2px 4px; white-space: nowrap; } .mw-timeline > .info > .period-begin { left: 0; } .mw-timeline > .info > .period-end { right: 0; } .mw-timeline > .canvas { min-height: 100px; outline: dotted 1px orange; padding: 20px; position: relative; } .mw-timeline > .canvas > .year, .mw-timeline > .canvas > .milestone, .mw-timeline > .canvas > .bar { bottom: 0; height: 100%; position: absolute; top: 0; width: 0; } .mw-timeline > .canvas > .year { outline: dotted 1px #DDD; } .mw-timeline > .canvas > .year.half-decade-year { outline: solid 0.5px #BBB; } .mw-timeline > .canvas > .year.decade-year { outline: solid 0.5px #999; } .mw-timeline > .canvas > .year > .label { font-size: 9px; left: -15px; position: absolute; text-align: center; top: -13px; width: 30px; } .mw-timeline > .canvas > .milestone { outline: solid 2px black; } .mw-timeline > .canvas > .bar { border: solid 1px black; height: 36px; opacity: 0.75; width: auto; } .mw-timeline > .canvas > .bar > .label { background-color: rgba(0, 0, 0, 0.55); color: white; height: 18px; left: -1px; padding: 2px 4px; position: absolute; top: -1px; white-space: nowrap; } .mw-timeline > .canvas > .bar > .label > .header-1 { font-size: 11px; font-weight: bolder; height: 10px; line-height: 8px; } .mw-timeline > .canvas > .bar > .label > .header-2 { font-size: 9px; font-weight: lighter; height: 8px; line-height: 8px; } .unconfirmed { background-color: #edb; } sup.unconfirmed { font-weight: bolder; padding: 1px; } .news-bulletin-title { font-size: 120%; font-weight: bolder; } .news-bulletin-text { margin-bottom: 20px; } table.footer-box { border: solid 1px #280000; width: 100%; } table.footer-box > tbody > tr > th[colspan="2"] { background-color: #e8e8e8; border: solid 1px #534; text-align: center; } table.footer-box > tbody > tr > th, table.footer-box > tbody > tr > td { font-size: 90%; line-height: 1.3em; vertical-align: middle; } table.footer-box > tbody > tr > th:not([colspan]) { background-color: #534; color: #ffffff; text-align: center; width: 10%; } table.footer-box > tbody > tr > td:not([colspan]) { } /* spoilers */ .spoilers { text-align: center; } .spoilers .spoilers-button-container { background-color: #eee; } .spoilers .spoilers-button { background: none; border: none; cursor: pointer; font-size: 80%; } .spoilers .spoilers-body { background-color: #f8f8f8; border: none; padding: 0; } /* etc mixins */ table.valign-top > tr > th, table.valign-top > tr > td, table.valign-top > * > tr > th, table.valign-top > * > tr > td { vertical-align: top; }