Difference between revisions of "MediaWiki:Common.css"
Jump to navigation
Jump to search
m (try again) |
m (Since we're also using the infobox class for non-infobox tables, where it's reasonable to want to be able to, say, center all text in a row) |
||
(33 intermediate revisions by 4 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 */ |
||
/* <quote> tag css - 2018-07-25 */ |
|||
.quote-tag cite::before { content: "\2014 \0020"; } |
|||
.right-quote { float: right; } |
|||
.left-quote { float: left; } |
|||
/* information boxes and navigation bars */ |
/* information boxes and navigation bars */ |
||
Line 22: | Line 28: | ||
text-align: center; |
text-align: center; |
||
} |
} |
||
.infobox td, .navbar td { |
.infobox .kv td, .navbar td { |
||
text-align: left; |
text-align: left; |
||
} |
} |
||
Line 38: | Line 44: | ||
font-size: 90%; |
font-size: 90%; |
||
} |
} |
||
/* putting the ToC in the infobox (2016-12-20) */ |
|||
.infobox #toc { |
|||
width: 100%!important; |
|||
padding: initial!important; |
|||
} |
|||
/* make sure images fit mobile screens (2018-06-13) */ |
|||
.thumbinner { max-width: 80vw; } |
|||
.thumbimage { max-width: 80vw; height: auto; } |
|||
/* Notice */ |
/* Notice */ |
||
Line 46: | Line 62: | ||
padding: 0.5em; |
padding: 0.5em; |
||
} |
} |
||
div.notice. |
div.notice.quality { |
||
font-style: italic; |
font-style: italic; |
||
} |
} |
||
Line 52: | Line 68: | ||
width: 1em; |
width: 1em; |
||
} |
} |
||
/* Coppermind: Objective styles*/ |
|||
.objective-complete:before { content: '\2714\FE0F'; } |
|||
/* curved */ |
/* curved */ |
||
Line 80: | Line 98: | ||
#footer-info-viewcount { float: right; } |
#footer-info-viewcount { float: right; } |
||
#footer-places { clear: both; } |
#footer-places { clear: both; } |
||
/* Notes section */ |
|||
.notes { |
|||
clear: both; |
|||
} |
|||
/* keep long references in blocks */ |
|||
.references li { |
|||
column-break-inside: avoid; |
|||
-webkit-column-break-inside: avoid; |
|||
-moz-column-break-inside: avoid; |
|||
} |
|||
/* auto columns*/ |
/* auto columns*/ |
||
Line 101: | Line 107: | ||
} |
} |
||
/* |
/* keep long references in blocks */ |
||
.references li { |
|||
-moz-column-break-inside: avoid; |
|||
background-color: #ddeeff; |
|||
-webkit-column-break-inside: avoid; |
|||
} |
|||
column-break-inside: avoid; |
|||
sup.reference:target { |
|||
background-color: #ddeeff; |
|||
} |
} |
||
/* bibliography styles */ |
|||
.bib td { text-align: center; } |
.bib td { text-align: center; } |
||
.bib .other td { background-color: #F2F2CE; } |
.bib .other td { background-color: #F2F2CE; } |
||
Line 121: | Line 127: | ||
#mw-indicator-series, #mw-indicator-cosmere { |
#mw-indicator-series, #mw-indicator-cosmere { |
||
float: left; |
float: left; |
||
} |
|||
/* awards css */ |
|||
.award { |
|||
border: 1px solid #999; |
|||
margin: 1px; |
|||
width: 20em; |
|||
} |
|||
.award table { |
|||
border-collapse: collapse; |
|||
width: 100%; |
|||
margin-bottom: 0; |
|||
background: #eee; |
|||
} |
|||
.award td { |
|||
height: 45px; |
|||
vertical-align: middle; |
|||
} |
|||
.award-l, .award-r { |
|||
width: 45px; |
|||
background: #ddd; |
|||
text-align: center; |
|||
font-size: 14pt; |
|||
color: black; |
|||
line-height: 1.25em; |
|||
} |
|||
.award-1 { |
|||
padding: 0 4px 0 4px; |
|||
} |
|||
/* hide things */ |
|||
.hidden { display: none; } |
|||
.cm-tracking { |
|||
vertical-align: sub; |
|||
font-size: xx-small; |
|||
} |
|||
/* hide the cite tracking {{t|tracking-link}} */ |
|||
.references .cm-tracking { display: none; } |
|||
/* REMOVE: hide the cite tracking <sub>#</sub> */ |
|||
.reference-text sub { display: none; } |
|||
/* hide the date ? error */ |
|||
.rosharan-date .error { display: none; } |
|||
/* some helper classes for table column styling 2018-11-08 */ |
|||
.center-col-1 td:nth-child(1) { text-align: center; } |
|||
.center-col-2 td:nth-child(2) { text-align: center; } |
|||
.center-col-3 td:nth-child(3) { text-align: center; } |
|||
.center-col-4 td:nth-child(4) { text-align: center; } |
|||
.center-col-5 td:nth-child(5) { text-align: center; } |
|||
.center-col-6 td:nth-child(6) { text-align: center; } |
|||
.center-col-7 td:nth-child(7) { text-align: center; } |
|||
/* thumbnail attribution style */ |
|||
.attribution { font-size: smaller; text-align: center; } |
|||
/* Main page overviews */ |
|||
.cosmere-overview { |
|||
column-count: 3; |
|||
font-size: 110%; |
|||
width: 80%; |
|||
margin: auto; |
|||
} |
|||
.series-overview p { |
|||
width: 100%; |
|||
display: grid; |
|||
grid-template-columns: repeat(5, 1fr); |
|||
font-size: 130%; |
|||
padding: 1px; |
|||
grid-gap: 2px; |
|||
text-align: center; |
|||
font-weight: bold; |
|||
} |
|||
@media (max-width: 640px) { |
|||
.coppermind-spoiler-warning { |
|||
font-size: 1em !important; |
|||
} |
|||
} |
|||
@font-face { |
|||
font-family: "Trajan Pro"; |
|||
src: url('https://coppermind.net/TrajanProBold.ttf') format("truetype"); |
|||
} |
} |
Latest revision as of 01:43, 25 January 2023
/* CSS placed here will be applied to all skins */ /* <quote> tag css - 2018-07-25 */ .quote-tag cite::before { content: "\2014 \0020"; } .right-quote { float: right; } .left-quote { float: left; } /* information boxes and navigation bars */ table.infobox, table.navbar { border: 1px solid #aaa; border-spacing: 1; background-color: white; } .infobox td, .navbar td .infobox th, .navbar th { padding: 4px; } .infobox th, .navbar th { background-color: #ddddff; white-space: nowrap; } .infobox tr.title th, .navbar tr.title th, .infobox th.title, .navbar th.title { color: black; background-color: #ccccff; text-align: center; } .infobox .kv td, .navbar td { text-align: left; } .infobox .kv th, .navbar .kv th { width: 15%; } .infobox.side { width: 22em; float: right; margin-left: 0.5em; } .infobox.side td { font-size: 90%; } /* putting the ToC in the infobox (2016-12-20) */ .infobox #toc { width: 100%!important; padding: initial!important; } /* make sure images fit mobile screens (2018-06-13) */ .thumbinner { max-width: 80vw; } .thumbimage { max-width: 80vw; height: auto; } /* Notice */ div.notice { text-align: center; margin: auto; width: 60%; padding: 0.5em; } div.notice.quality { font-style: italic; } img.notice { width: 1em; } /* Coppermind: Objective styles*/ .objective-complete:before { content: '\2714\FE0F'; } /* curved */ .curved { border-radius: 10px; } /* quotes */ blockquote.source { margin-right: 0; } /* navigation */ .navaid { display: block; margin: 1em 40px; font-style: italic; } .catlinks { padding-top: 0.5em; } #p-cactions li.selected a { color: #061626; } /* slimmer footer*/ #footer-info-lastmod { float: left; } #footer-info-viewcount { float: right; } #footer-places { clear: both; } /* auto columns*/ .references { -moz-column-width: 300px; -webkit-column-width: 300px; column-width: 300px; list-style-position: inside; } /* keep long references in blocks */ .references li { -moz-column-break-inside: avoid; -webkit-column-break-inside: avoid; column-break-inside: avoid; } /* bibliography styles */ .bib td { text-align: center; } .bib .other td { background-color: #F2F2CE; } .bib .cosmere td { background-color: #CEF2CE; } .bib .unreleased td:first-of-type { background-color: #F2CED4; } /* page indicators */ .mw-indicators { width: 50%; text-align: right; } #mw-indicator-series, #mw-indicator-cosmere { float: left; } /* awards css */ .award { border: 1px solid #999; margin: 1px; width: 20em; } .award table { border-collapse: collapse; width: 100%; margin-bottom: 0; background: #eee; } .award td { height: 45px; vertical-align: middle; } .award-l, .award-r { width: 45px; background: #ddd; text-align: center; font-size: 14pt; color: black; line-height: 1.25em; } .award-1 { padding: 0 4px 0 4px; } /* hide things */ .hidden { display: none; } .cm-tracking { vertical-align: sub; font-size: xx-small; } /* hide the cite tracking {{t|tracking-link}} */ .references .cm-tracking { display: none; } /* REMOVE: hide the cite tracking <sub>#</sub> */ .reference-text sub { display: none; } /* hide the date ? error */ .rosharan-date .error { display: none; } /* some helper classes for table column styling 2018-11-08 */ .center-col-1 td:nth-child(1) { text-align: center; } .center-col-2 td:nth-child(2) { text-align: center; } .center-col-3 td:nth-child(3) { text-align: center; } .center-col-4 td:nth-child(4) { text-align: center; } .center-col-5 td:nth-child(5) { text-align: center; } .center-col-6 td:nth-child(6) { text-align: center; } .center-col-7 td:nth-child(7) { text-align: center; } /* thumbnail attribution style */ .attribution { font-size: smaller; text-align: center; } /* Main page overviews */ .cosmere-overview { column-count: 3; font-size: 110%; width: 80%; margin: auto; } .series-overview p { width: 100%; display: grid; grid-template-columns: repeat(5, 1fr); font-size: 130%; padding: 1px; grid-gap: 2px; text-align: center; font-weight: bold; } @media (max-width: 640px) { .coppermind-spoiler-warning { font-size: 1em !important; } } @font-face { font-family: "Trajan Pro"; src: url('https://coppermind.net/TrajanProBold.ttf') format("truetype"); }