|
|
| (5 intermediate revisions by the same user not shown) |
| Line 19: |
Line 19: |
| */ | | */ |
|
| |
|
| /* Reset user agent styles. We don't reset small or blockquote here deliberately */ | | /* Fix dumb default styling */ |
| cite,
| | .content code, |
| dfn {
| | .content pre { |
| font-style: inherit; | | background-color: #f9f9f9; |
| | border: 1px solid #ddd; |
| | color: black; |
| } | | } |
|
| |
|
| q {
| | .content code { |
| quotes: '"' '"' "'" "'"; | | border-radius: 2px; |
| } | | } |
|
| |
|
| /* Hide the images */
| | @media all and (max-width: 768px) { |
| .geo-nondefault, .geo-multi-punct, | | .gallerybox .thumb > div { |
| /* Hide stuff meant for accounts with special permissions. Made visible again in
| | margin: 15px !important; |
| [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-patroller.css]] and
| | width: auto !important; |
| [[MediaWiki:Group-autoconfirmed.css]]. */
| | } |
| .checkuser-show,
| | } |
| .sysop-show,
| | |
| .templateeditor-show,
| | td { |
| .extendedmover-show,
| | background-color: #FFF; |
| .patroller-show,
| |
| .extendedconfirmed-show,
| |
| .autoconfirmed-show,
| |
| /* Copied from Common.css - allow for hiding text in compact form e.g. clean up templates */
| |
| .hide-when-compact,
| |
| /* portal pages are badly formatted. Until this changes these should be hidden. (see https://phabricator.wikimedia.org/T86495) */
| |
| .noprint.portal {
| |
| display: none; | |
| } | | } |
|
| |
|
| /* | | /* Use black bullet points, instead of blue circles: [[File:List bullet.svg]] */ |
| .infobox
| | .content ul { |
| DO NOT style infobox's here. That should be taken care of in the associated templates via template styles. Styles here will lead to flash of unstyled content on mobile.
| | list-style-image: url('filepath://List_bullet.svg'); |
| */
| |
| /* removed inline from module as we work toward Tstyles support
| |
| * Use three classes to match specificity of MobileFrontend/Minerva selectors */
| |
| .content .mw-parser-output .infobox-header, | |
| .content .mw-parser-output .infobox-subheader,
| |
| .content .mw-parser-output .infobox-above,
| |
| .content .mw-parser-output .infobox-title,
| |
| .content .mw-parser-output .infobox-image,
| |
| .content .mw-parser-output .infobox-full-data, | |
| .content .mw-parser-output .infobox-below {
| |
| text-align: center;
| |
| } | | } |
|
| |
|
| /* Unbulleted lists e.g. Barack Obama page*/ | | /* Fix footer hlist separator colour */ |
| .plainlist ul { | | .footer-content .hlist-separated li:after { |
| list-style: none;
| | color: #FFF; |
| padding-left: 0; /* Reset Minerva defaults */ | |
| } | | } |
|
| |
|
| /* Prevent line breaks in silly places: | | /* Fix changes autocollapsing in recent changes */ |
| 1) Where desired
| | .mw-changeslist-edit, .mw-changeslist-line { |
| 2) Links when we don't want them to
| | display: table-row !important; |
| */ | |
| .mw-parser-output .nowrap, | |
| .nowraplinks a { | |
| white-space: nowrap; | |
| } | | } |
| .mw-parser-output .infobox .nowrap { | | .mw-changeslist-line-inner { |
| white-space: normal !important; | | padding-top: 1.5em; |
| } | | } |
| /* But allow wrapping where desired: */
| | .mw-enhanced-rc-nested { |
| .wrap, | | padding-top: 0.5em; |
| .wraplinks a {
| |
| white-space: normal;
| |
| } | | } |
|
| |
|
| /* Generic class texhtml class for inline math */ | | /* Alternating cell background */ |
| span.texhtml {
| | .alternatecells:nth-child(odd) { |
| font-family: serif; | | background-color: #F9F9F9; |
| white-space: nowrap;
| |
| } | | } |
|
| |
|
| /* Prevent flags in tables from collapsing | | /* Alternating table rows, primarily used with [[Template:Infobox row]] */ |
| Fix for T116318
| | .alternaterows tr:nth-child(even), |
| */
| | .infobox-rows tr:nth-child(even), |
| .flagicon img { | | .alternaterows tr:nth-child(even) td, |
| min-width: 25px; | | .infobox-rows tr:nth-child(even) td { |
| | background-color: #F9F9F9; |
| } | | } |
|
| |
|
| /* Prevent unnecessary margin at the bottom of centralnotices */ | | /* Show TOC */ |
| .cnotice {
| | @media (max-width: 512px) { |
| margin-bottom: 0 !important; | | .skin-minerva .toc-mobile { |
| | display: block; |
| | } |
| } | | } |
|
| |
|
| | /* Turn a list into a tree view style (See [[.minecraft]]) */ |
| | .treeview { |
| | margin-top: 0.3em; |
| | } |
|
| |
|
| /* The message body cell(s), such as for {{Commonscat}}.
| | .treeview .treeview-header { |
| * this is a very small subset of the styles from Common.css
| | padding-left: 3px; |
| * just to make sure the box isn't squashed without any spacing
| | font-weight: bold; |
| * which looks out of place with visuals of other nearby elements
| | } |
| */
| | .treeview .treeview-header:last-child { |
| .mbox-text { | | border-color: #636363 !important; |
| /* @noflip */ | | border-left-style: dotted; |
| padding: 0.25em 0.9em; | | } |
| | .treeview .treeview-header:not(:last-child):before { |
| | content: none; |
| | } |
| | .treeview .treeview-header:last-child:before { |
| | border-bottom: 0; |
| } | | } |
|
| |
|
| /* Normal font styling for wikitable row headers with scope="row" tag */
| | .treeview ul, |
| .wikitable.plainrowheaders th[scope=row],
| | .treeview li { |
| .wikitable.plainrowheaders th[scope=rowgroup] { | | margin: 0; |
| font-weight: normal; | | padding: 0; |
| /* @noflip */ | | list-style-type: none; |
| text-align: left; | | list-style-image: none; |
| } | | } |
|
| |
|
| | .treeview li li { |
| | position: relative; |
| | padding-left: 13px; |
| | margin-left: 7px; |
| | border-left: 1px solid #636363; |
| | } |
| | .treeview li li:before { |
| | content: ""; |
| | position: absolute; |
| | top: 0; |
| | left: -1px; |
| | width: 11px; |
| | height: 11px; |
| | border-bottom: 1px solid #636363; |
| | } |
|
| |
|
| /**
| | .treeview li li:last-child:not(.treeview-continue) { |
| ******************DEPRECATED STYLES ************************************
| | border-color: transparent; |
| These styles will be removed shortly. Please see inline comments.
| | } |
| **/
| | .treeview li li:last-child:not(.treeview-continue):before { |
| | border-left: 1px solid #636363; |
| | width: 10px; |
| | } |
|
| |
|
| | .nbttree-inherited { |
| | background-color: #E6E6FA; |
| | } |
|
| |
|
| /* | | /* Try to use nearest neighbour scaling for pixelated images */ |
| FIXME: DUPLICATES Template:Hlist/styles.css
| | .pixel-image, |
| Note the mobile skin provides a `hlist-separated` class for this purpose. Use this class name alongside the hlist class instead as this will result in a FOUC.
| | .invslot-item-image, |
| Should be removed and moved to templates.
| | .sprite { |
| */
| | image-rendering: optimizeSpeed; |
| /* Counter hlist indenting of Minerva*/
| | image-rendering: -webkit-optimize-contrast; |
| /*.mw-parser-output .hlist ul,*/
| | image-rendering: optimize-contrast; |
| /*.mw-parser-output .hlist ol {*/
| | image-rendering: -moz-crisp-edges; |
| /* padding-left: 0;*/
| | image-rendering: -o-crisp-edges; |
| /*}*/
| | image-rendering: crisp-edges; |
| /* reset hlist margins of Minerva
| | image-rendering: pixelated; |
| do not add li here (see T235416) */
| | -ms-interpolation-mode: nearest-neighbor; |
| /*.mw-parser-output .hlist dd,*/
| | } |
| /*.mw-parser-output .hlist dt {*/
| |
| /* margin-right: 0;*/
| |
| /*}*/
| |
| /* do not add li here. Minerva provides it already*/
| |
| /*.mw-parser-output .hlist dd:after {*/
| |
| /* content: " · ";*/
| |
| /* font-weight: bold;*/
| |
| /*}*/
| |
| /*.mw-parser-output .hlist dt:after {*/
| |
| /* content: ": ";*/
| |
| /*}*/
| |
|
| |
|
| /* Should be removed and moved to templates once TemplateStyles is live */ | | /* Simulate link styling for JS only links */ |
| /*.heading-holder .hlist li:after,*/
| | .jslink { |
| /*.mw-parser-output .hlist dd:last-child:after,*/
| | color: #0645AD; |
| /*.mw-parser-output .hlist dt:last-child:after,*/
| | -webkit-user-select: none; |
| /*.mw-parser-output .hlist li:last-child:after {*/
| | -moz-user-select: none; |
| /* content: none;*/
| | -ms-user-select: none; |
| /*}*/
| | user-select: none; |
| /* Add parentheses around nested lists */
| | } |
| /* Should be removed and moved to templates once TemplateStyles is live */
| | .jslink:hover { |
| /*.mw-parser-output .hlist dd dd:first-child:before,*/
| | text-decoration: underline; |
| /*.mw-parser-output .hlist dd dt:first-child:before,*/
| | cursor: pointer; |
| /*.mw-parser-output .hlist dd li:first-child:before,*/
| | } |
| /*.mw-parser-output .hlist dt dd:first-child:before,*/
| | .jslink:active { |
| /*.mw-parser-output .hlist dt dt:first-child:before,*/
| | color: #FAA700; |
| /*.mw-parser-output .hlist dt li:first-child:before,*/
| | } |
| /*.mw-parser-output .hlist li dd:first-child:before,*/
| |
| /*.mw-parser-output .hlist li dt:first-child:before,*/
| |
| /*.mw-parser-output .hlist li li:first-child:before {*/
| |
| /* content: " (";*/
| |
| /* font-weight: normal;*/
| |
| /*}*/
| |
| /* Should be removed and moved to templates once TemplateStyles is live */
| |
| /*.mw-parser-output .hlist dd dd:last-child:after,*/
| |
| /*.mw-parser-output .hlist dd dt:last-child:after,*/
| |
| /*.mw-parser-output .hlist dd li:last-child:after,*/
| |
| /*.mw-parser-output .hlist dt dd:last-child:after,*/
| |
| /*.mw-parser-output .hlist dt dt:last-child:after,*/
| |
| /*.mw-parser-output .hlist dt li:last-child:after,*/
| |
| /*.mw-parser-output .hlist li dd:last-child:after,*/
| |
| /*.mw-parser-output .hlist li dt:last-child:after,*/
| |
| /*.mw-parser-output .hlist li li:last-child:after {*/
| |
| /* content: ") " !important; /* Override hlist-separated being dumb */ | |
| /* font-weight: normal;*/
| |
| /* padding-left: 0;*/
| |
| /*}*/
| |
|
| |
|
| /* Put ordinals in front of ordered list items */ | | /* Hatnotes and disambiguation notices */ |
| /* Should be removed and moved to templates once TemplateStyles is live */
| | .hatnote { |
| /*.mw-parser-output .hlist ol {*/
| | font-style: italic; |
| /* counter-reset: listitem;*/
| | } |
| /*}*/
| | .hatnote i { |
| | font-style: normal; |
| | } |
| | div.hatnote { |
| | padding-left: 1.6em; |
| | margin-bottom: 0.5em; |
| | } |
| | div.hatnote + div.hatnote { |
| | margin-top: -0.5em; |
| | } |
|
| |
|
| /* Should be removed and moved to templates once TemplateStyles is live */ | | /* Fix animated infobox images shifting the screen when images have different dimensions */ |
| /*.mw-parser-output .hlist ol > li {*/
| | .content span.animated a > img, |
| /* counter-increment: listitem;*/
| | .content span.animated a > .lazy-image-placeholder, |
| /*}*/
| | .content noscript span.animated > img { |
| | max-width: initial !important; |
| | } |
|
| |
|
| /* Should be removed and moved to templates once TemplateStyles is live */
| | body.page-Main_Page #firstHeading { |
| /*.mw-parser-output .hlist ol > li:before {*/
| | display: none; |
| /* content: " " counter(listitem) " ";*/
| | } |
| /* white-space: nowrap;*/
| |
| /*}*/
| |
|
| |
|
| /* Should be removed and moved to templates once TemplateStyles is live */ | | /* Hide nomobile */ |
| /*.mw-parser-output .hlist dd ol > li:first-child:before,*/
| | .nomobile { |
| /*.mw-parser-output .hlist dt ol > li:first-child:before,*/
| | display: none; |
| /*.mw-parser-output .hlist li ol > li:first-child:before {*/
| | } |
| /* content: " (" counter(listitem) " ";*/
| |
| /*}*/
| |
|
| |
|
| /* https://phabricator.wikimedia.org/T180396#5317728 */
| |
|
| |
| @media print {
| |
| .navbox,
| |
| .hatnote,
| |
| .ambox {
| |
| display: none !important;
| |
| }
| |
| }
| |
|
| |
|
|
| |
|