Difference between revisions of "MediaWiki:Common.css"
From MansonWiki, the Marilyn Manson encyclopedia
(95 intermediate revisions by 2 users 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 { | |
− | border:1px | + | border: solid 1px #ccc; |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
+ | .infobox { | ||
+ | background-color: #fcfcfc; | ||
+ | } | ||
− | .gallery | + | #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; | + | text-align: center; |
− | + | font-weight: 700; | |
− | + | } | |
− | } | + | |
− | . | + | .gallerybox { |
− | + | overflow: hidden; | |
− | + | margin:2px; | |
− | + | display: inline-block; | |
− | padding:2px 4px; | + | 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; |
+ | } | ||
− | #catlinks li { | + | .gallerytext { |
− | margin-right: 5px; | + | min-height: 0; |
− | padding- | + | overflow: hidden; |
− | + | font-size: 94%; | |
− | } | + | padding: 2px 4px; |
− | # | + | } |
− | border-right: 0; | + | |
− | } | + | #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; | ||
+ | } |
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; }