Difference between revisions of "MediaWiki:Common.css"
From Eyewire
m |
|||
(11 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
+ | body.page-Main_Page h1.firstHeading { display: none; } | ||
+ | body.page-Retinal_Neuron_Classification h1.firstHeading { display: none; } | ||
+ | /* Reset italic styling set by user agent */ | ||
+ | cite, dfn { | ||
+ | font-style: inherit; | ||
+ | } | ||
+ | |||
+ | /* Straight quote marks for <q> */ | ||
+ | q { | ||
+ | quotes: '"' '"' "'" "'"; | ||
+ | } | ||
+ | |||
+ | /* Avoid collision of blockquote with floating elements by swapping margin and padding */ | ||
+ | blockquote { | ||
+ | overflow: hidden; | ||
+ | margin: 1em 0; | ||
+ | padding: 0 40px; | ||
+ | } | ||
+ | |||
+ | /* Prevent the 'double bold' bug in Firefox when using DirectWrite */ | ||
+ | strong.selflink { | ||
+ | font-weight: 700; | ||
+ | } | ||
+ | |||
+ | /* Consistent size for <sub> and <sup> */ | ||
+ | .mw-body sub, | ||
+ | .mw-body sup, | ||
+ | span.reference /* for Parsoid */ { | ||
+ | font-size: 80%; | ||
+ | } | ||
+ | |||
+ | /* Main page fixes */ | ||
+ | #interwiki-completelist { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | body.page-Main_Page #ca-delete { | ||
+ | display: none !important; | ||
+ | } | ||
+ | body.page-Main_Page #mp-topbanner { | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | /* Unhorrify 'Changed since last visit' colors */ | ||
+ | .updatedmarker { | ||
+ | background-color: transparent; | ||
+ | color: #006400; | ||
+ | } | ||
+ | |||
+ | /* Edit window toolbar */ | ||
+ | #toolbar { | ||
+ | height: 22px; | ||
+ | margin-bottom: 6px; | ||
+ | } | ||
+ | |||
+ | /* Hide charinsert base for those not using the gadget */ | ||
+ | #editpage-specialchars { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | /* Highlight linked elements (such as clicked references) in blue */ | ||
+ | body.action-info :target, | ||
+ | .citation:target { | ||
+ | background-color: #DEF; /* Fallback */ | ||
+ | background-color: rgba(0, 127, 255, 0.133); | ||
+ | } | ||
+ | |||
+ | /* Styling for citations. Breaks long urls, etc., rather than overflowing box */ | ||
+ | .citation { | ||
+ | word-wrap: break-word; | ||
+ | } | ||
+ | |||
+ | /* For linked citation numbers and document IDs, where the number need not be shown | ||
+ | on a screen or a handheld, but should be included in the printed version */ | ||
+ | @media screen, handheld { | ||
+ | .citation .printonly { | ||
+ | display: none; | ||
+ | } | ||
+ | } | ||
+ | |||
/* Make the list of references smaller */ | /* Make the list of references smaller */ | ||
ol.references, | ol.references, | ||
Line 5: | Line 84: | ||
font-size: 90%; /* Default font-size */ | font-size: 90%; /* Default font-size */ | ||
margin-bottom: 0.5em; | margin-bottom: 0.5em; | ||
+ | } | ||
+ | div.refbegin-100 { | ||
+ | font-size: 100%; /* Option for normal fontsize in {{refbegin}} */ | ||
} | } | ||
div.reflist ol.references { | div.reflist ol.references { | ||
font-size: 100%; /* Reset font-size when nested in div.reflist */ | font-size: 100%; /* Reset font-size when nested in div.reflist */ | ||
list-style-type: inherit; /* Enable custom list style types */ | list-style-type: inherit; /* Enable custom list style types */ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } | ||
Line 29: | Line 104: | ||
} | } | ||
− | /* | + | /* Reset top margin for lists embedded in columns */ |
− | . | + | div.columns { |
− | + | margin-top: 0.3em; | |
+ | } | ||
+ | div.columns dl, | ||
+ | div.columns ol, | ||
+ | div.columns ul { | ||
+ | margin-top: 0; | ||
} | } | ||
− | /* Default styling for | + | /* Avoid elements from breaking between columns */ |
− | + | .nocolbreak, | |
− | + | div.columns li, | |
− | . | + | div.columns dd dd { |
− | . | + | -webkit-column-break-inside: avoid; |
− | font-style: | + | page-break-inside: avoid; |
+ | break-inside: avoid-column; | ||
+ | } | ||
+ | |||
+ | /* Style for [[Template:Flowlist]] that Lets lists flow around floating objecs */ | ||
+ | .flowlist ul { | ||
+ | overflow-x: hidden; | ||
+ | margin-left: 0; | ||
+ | padding-left: 1.6em; | ||
+ | } | ||
+ | .flowlist ol { | ||
+ | overflow-x: hidden; | ||
+ | margin-left: 0; | ||
+ | padding-left: 3.2em; | ||
+ | } | ||
+ | .flowlist dl { | ||
+ | overflow-x: hidden; | ||
+ | } | ||
+ | |||
+ | /* Style for horizontal lists (separator following item). | ||
+ | IE8-specific classes are assigned in [[MediaWiki:Common.js]]. | ||
+ | @source mediawiki.org/wiki/Snippets/Horizontal_lists | ||
+ | @revision 6 (2014-05-09) | ||
+ | @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; | ||
+ | } | ||
+ | /* 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; | ||
+ | } | ||
+ | /* For IE8 */ | ||
+ | .hlist dd.hlist-last-child:after, | ||
+ | .hlist dt.hlist-last-child:after, | ||
+ | .hlist li.hlist-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; | ||
+ | } | ||
+ | /* For IE8 */ | ||
+ | .hlist dd dd.hlist-last-child:after, .hlist dd dt.hlist-last-child:after, .hlist dd li.hlist-last-child:after, | ||
+ | .hlist dt dd.hlist-last-child:after, .hlist dt dt.hlist-last-child:after, .hlist dt li.hlist-last-child:after, | ||
+ | .hlist li dd.hlist-last-child:after, .hlist li dt.hlist-last-child:after, .hlist li li.hlist-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) " "; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | .hlist dd ol > li:first-child:before, | ||
+ | .hlist dt ol > li:first-child:before, | ||
+ | .hlist li ol > li:first-child:before { | ||
+ | content: " (" counter(listitem) " "; | ||
+ | } | ||
+ | |||
+ | /* Unbulleted lists */ | ||
+ | .plainlist ol, | ||
+ | .plainlist ul { | ||
+ | line-height: inherit; | ||
+ | list-style: none none; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .plainlist ol li, | ||
+ | .plainlist ul li { | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | /* Default style for navigation boxes */ | ||
+ | .navbox { /* Navbox container style */ | ||
+ | border: 1px solid #aaa; | ||
+ | width: 100%; | ||
+ | margin: auto; | ||
+ | clear: both; | ||
+ | font-size: 88%; | ||
+ | text-align: center; | ||
+ | padding: 1px; | ||
+ | } | ||
+ | .navbox-inner, | ||
+ | .navbox-subgroup { | ||
+ | width: 100%; | ||
+ | } | ||
+ | .navbox-group, | ||
+ | .navbox-title, | ||
+ | .navbox-abovebelow { | ||
+ | padding: 0.25em 1em; /* Title, group and above/below styles */ | ||
+ | line-height: 1.5em; | ||
+ | text-align: center; | ||
+ | } | ||
+ | th.navbox-group { /* Group style */ | ||
+ | white-space: nowrap; | ||
+ | /* @noflip */ | ||
+ | text-align: right; | ||
+ | } | ||
+ | .navbox, | ||
+ | .navbox-subgroup { | ||
+ | background: #ffffff; /* Background color */ | ||
+ | } | ||
+ | .navbox-list { | ||
+ | line-height: 1.5em; | ||
+ | border-color: #ffffff; /* Must match background color */ | ||
+ | } | ||
+ | .navbox th, | ||
+ | .navbox-title { | ||
+ | background: #33ccff; /* Level 1 color */ | ||
+ | } | ||
+ | .navbox-abovebelow, | ||
+ | th.navbox-group, | ||
+ | .navbox-subgroup .navbox-title { | ||
+ | background: #a7e9ff; /* Level 2 color */ | ||
+ | } | ||
+ | .navbox-subgroup .navbox-group, | ||
+ | .navbox-subgroup .navbox-abovebelow { | ||
+ | background: #b9edff; /* Level 3 color */ | ||
+ | } | ||
+ | .navbox-even { | ||
+ | background: #e5f8ff; /* Even row striping */ | ||
+ | } | ||
+ | .navbox-odd { | ||
+ | background: transparent; /* Odd row striping */ | ||
+ | } | ||
+ | table.navbox { | ||
+ | margin-top: 1em; /* Prevent preceding content from clinging to navboxes */ | ||
+ | } | ||
+ | table.navbox table.navbox { | ||
+ | margin-top: 0; /* No top margin for nested navboxes */ | ||
+ | } | ||
+ | table.navbox + table.navbox { | ||
+ | margin-top: -1px; /* Single pixel border between adjacent navboxes */ | ||
+ | } | ||
+ | .navbox .hlist td dl, | ||
+ | .navbox .hlist td ol, | ||
+ | .navbox .hlist td ul, | ||
+ | .navbox td.hlist dl, | ||
+ | .navbox td.hlist ol, | ||
+ | .navbox td.hlist ul { | ||
+ | padding: 0.125em 0; /* Adjust hlist padding in navboxes */ | ||
+ | } | ||
+ | |||
+ | /* Default styling for Navbar template */ | ||
+ | .navbar { | ||
+ | display: inline; | ||
+ | font-size: 88%; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | .navbar ul { | ||
+ | display: inline; | ||
+ | white-space: nowrap; | ||
+ | } | ||
+ | .mw-body-content .navbar ul { | ||
+ | line-height: inherit; | ||
+ | } | ||
+ | .navbar li { | ||
+ | word-spacing: -0.125em; | ||
+ | } | ||
+ | .navbar.mini li span { | ||
+ | font-variant: small-caps; | ||
+ | } | ||
+ | /* Navbar styling when nested in infobox and navbox */ | ||
+ | .infobox .navbar { | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | .navbox .navbar { | ||
+ | display: block; | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | .navbox-title .navbar { | ||
+ | /* @noflip */ | ||
+ | float: left; | ||
+ | /* @noflip */ | ||
+ | text-align: left; | ||
+ | /* @noflip */ | ||
+ | margin-right: 0.5em; | ||
+ | width: 6em; | ||
+ | } | ||
+ | |||
+ | /* 'show'/'hide' buttons created dynamically by the CollapsibleTables javascript | ||
+ | in [[MediaWiki:Common.js]] are styled here so they can be customised. */ | ||
+ | .collapseButton { | ||
+ | /* @noflip */ | ||
+ | float: right; | ||
+ | font-weight: normal; | ||
+ | /* @noflip */ | ||
+ | margin-left: 0.5em; | ||
+ | /* @noflip */ | ||
+ | text-align: right; | ||
+ | width: auto; | ||
+ | } | ||
+ | /* In navboxes, the show/hide button balances the v·d·e links | ||
+ | from [[Template:Navbar]], so they need to be the same width. */ | ||
+ | .navbox .collapseButton { | ||
+ | width: 6em; | ||
+ | } | ||
+ | |||
+ | /* Styling for JQuery makeCollapsible, matching that of collapseButton */ | ||
+ | .mw-collapsible-toggle { | ||
+ | font-weight: normal; | ||
+ | /* @noflip */ | ||
+ | text-align: right; | ||
+ | } | ||
+ | .navbox .mw-collapsible-toggle { | ||
+ | width: 6em; | ||
+ | } | ||
+ | |||
+ | /* Infobox template style */ | ||
+ | .infobox { | ||
+ | border: 1px solid #aaa; | ||
+ | border-spacing: 3px; | ||
+ | background-color: #33ccff; | ||
+ | color: black; | ||
+ | /* @noflip */ | ||
+ | margin: 0.5em 0 0.5em 1em; | ||
+ | padding: 0.2em; | ||
+ | /* @noflip */ | ||
+ | float: right; | ||
+ | /* @noflip */ | ||