|
|
| Line 1: |
Line 1: |
| /* | | /* |
| | | * This is the CSS common to all desktop skins on en.Wikipedia. |
| Common CSS for all skins
| | * Styling inside .mw-parser-output should generally use TemplateStyles. |
| | | */ |
| See https://design.wikimedia.org/style-guide/visual-style_colors.html
| | /* Reset italic styling set by user agent */ |
| | | cite, |
| */ | | dfn { |
| | | font-style: inherit; |
| /* Larger conditions-area in AbuseFilter for some */ | |
| #wpFilterRules {
| |
| min-height: 250px; | |
| } | | } |
|
| |
|
| /* Larger notes-area in AbuseFilter for some */
| | :root { |
| #wpFilterNotes { | | --background-color-neutral-subtle: #f8f9fa; |
| min-height: 150px;
| | --border-color-base: #a2a9b1; |
| | --color-base: #202122; |
| } | | } |
|
| |
|
| /* Style for "notices" */ | | /* Straight quote marks for <q> */ |
| .notice {
| | q { |
| margin: 1em; | | quotes: '"' '"' "'" "'"; |
| padding: 0.2em;
| |
| } | | } |
|
| |
|
| #disambig {
| | /* Avoid collision of blockquote with floating elements by swapping margin and padding */ |
| border-top: 3px double var(--border-color-subtle, #c8ccd1);
| | blockquote { |
| border-bottom: 3px double var(--border-color-subtle, #c8ccd1);
| | overflow: hidden; |
| }
| | margin: 1em 0; |
| | | padding: 0 40px; |
| /* Add arrows to toggle-blocks for collapsible elements */ | |
| .mw-collapsible-toggle-expanded.mw-collapsible-arrowtoggle,
| |
| .mw-collapsible-toggle-expanded .mw-collapsible-arrowtoggle {
| |
| padding-left: 20px !important; | |
| background-image: url('https://upload.wikimedia.org/wikipedia/commons/1/10/MediaWiki_Vector_skin_action_arrow.png');
| |
| background-repeat: no-repeat; | |
| background-position: left center; | |
| } | | } |
|
| |
|
| .mw-collapsible-toggle-collapsed.mw-collapsible-arrowtoggle,
| | /* Consistent size for <small>, <sub> and <sup> */ |
| .mw-collapsible-toggle-collapsed .mw-collapsible-arrowtoggle {
| | small { |
| padding-left: 20px !important; | | font-size: 85%; |
| background-repeat: no-repeat;
| |
| } | | } |
|
| |
|
| .mw-content-ltr .mw-collapsible-toggle-collapsed.mw-collapsible-arrowtoggle, | | .mw-body-content sub, |
| .mw-content-ltr .mw-collapsible-toggle-collapsed .mw-collapsible-arrowtoggle { | | .mw-body-content sup { |
| background-image: url('https://upload.wikimedia.org/wikipedia/commons/4/41/MediaWiki_Vector_skin_right_arrow.png'); | | font-size: 80%; |
| /* @noflip */
| |
| background-position: left center;
| |
| } | | } |
|
| |
|
| .mw-content-rtl .mw-collapsible-toggle-collapsed.mw-collapsible-arrowtoggle, | | /* Same spacing for indented and unindented paragraphs on talk pages */ |
| .mw-content-rtl .mw-collapsible-toggle-collapsed .mw-collapsible-arrowtoggle {
| | .ns-talk .mw-body-content dd { |
| background-image: url('https://upload.wikimedia.org/wikipedia/commons/1/1e/MediaWiki_Vector_skin_left_arrow.png'); | | margin-top: 0.4em; |
| /* @noflip */ | | margin-bottom: 0.4em; |
| background-position: right center;
| |
| } | | } |
|
| |
|
| /* Metadata */ | | /* Reduce page jumps by hiding collapsed/dismissed content */ |
| table.metadata {
| | .client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child), |
| border: 1px solid var(--border-color-base, #a2a9b1);
| |
| display: none;
| |
| speak: none;
| |
| }
| |
|
| |
|
| /* Class for links with loudspeaker icon next to them */ | | /* Avoid FOUC/reflows on collapsed elements. */ |
| .audiolink a {
| | /* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */ |
| background: url("//upload.wikimedia.org/wikipedia/commons/f/f7/Loudspeaker.png") center left no-repeat !important;
| | /* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */ |
| padding-left: 16px !important;
| | /* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */ |
| padding-right: 0 !important;
| | .client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p, |
| }
| | .client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table, |
| | .client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody, |
| | .client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ), |
| | .client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content, |
|
| |
|
| /* When this would make a red link, hide it. For links where #ifexist cannot be used due to high number of requests. See [[meta:Help:Page_existence]] | | /* Hide charinsert base for those not using the gadget */ |
| */ | | #editpage-specialchars { |
| .hidden-redlink a.new {
| |
| display: none; | | display: none; |
| speak: none;
| |
| } | | } |
|
| |
|
| .client-nojs .scriptonly { | | /* Different margin on references */ |
| display: none; | | .references { |
| | margin-bottom: 0.5em; |
| } | | } |
|
| |
|
| .client-js .noscript {
| | /* Cite customizations */ |
| display: none; | | span[ rel="mw:referencedBy" ] { |
| | counter-reset: mw-ref-linkback 0; |
| } | | } |
|
| |
|
| /* Infobox templates */
| | span[ rel='mw:referencedBy' ] > a::before { |
| .infobox {
| | content: counter( mw-ref-linkback, lower-alpha ); |
| border: 1px solid var(--border-color-base, #a2a9b1); | | font-size: 80%; |
| background-color: var(--background-color-neutral-subtle, #f8f9fa); | | font-weight: bold; |
| margin-bottom: 0.5em; | | font-style: italic; |
| /* @noflip */ | |
| margin-left: 1em;
| |
| padding: 0.2em;
| |
| /* @noflip */
| |
| float: right;
| |
| /* @noflip */
| |
| clear: right;
| |
| } | | } |
|
| |
|
| .infobox td,
| | a[ rel="mw:referencedBy" ]::before { |
| .infobox th {
| | font-weight: bold; |
| vertical-align: middle; | | content: "^"; |
| } | | } |
|
| |
|
| .infobox caption {
| | span[ rel="mw:referencedBy" ]::before { |
| font-size: larger; | | content: "^ "; |
| margin-left: inherit;
| |
| } | | } |
|
| |
|
| .infobox.bordered { | | /* Styling for jQuery makeCollapsible, matching that of collapseButton */ |
| border-collapse: collapse; | | .mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) { |
| | font-weight: normal; |
| | padding-right: 0.2em; |
| | padding-left: 0.2em; |
| } | | } |
|
| |
|
| .infobox.bordered td, | | .mw-collapsible-leftside-toggle .mw-collapsible-toggle { |
| .infobox.bordered th {
| | /* @noflip */ |
| border: 1px solid var(--border-color-base, #a2a9b1); | | float: left; |
| } | | } |
|
| |
|
| .infobox.bordered .borderless td, | | /* Lists in wikitable data cells are always left-aligned */ |
| .infobox.bordered .borderless th { | | .wikitable td ul, |
| border: 0 solid var(--border-color-base, #a2a9b1); | | .wikitable td ol, |
| | .wikitable td dl { |
| | /* @noflip */ |
| | text-align: left; |
| } | | } |
|
| |
|
| .infobox.sisterproject { | | /* Change the external link icon to a PDF icon for all PDF files */ |
| width: 20em; | | .mw-parser-output a[href$=".pdf"].external, |
| font-size: 90%; | | .mw-parser-output a[href*=".pdf?"].external, |
| | .mw-parser-output a[href*=".pdf#"].external, |
| | .mw-parser-output a[href$=".PDF"].external, |
| | .mw-parser-output a[href*=".PDF?"].external, |
| | .mw-parser-output a[href*=".PDF#"].external { |
| | background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right; |
| | /* @noflip */ |
| | padding: 8px 18px 8px 0; |
| } | | } |
|
| |
|
| /** | | /* System messages styled similarly to fmbox */ |
| * Customisation of the interface | | /* for .mw-warning-with-logexcerpt, behavior of this line differs between |
| | * the edit-protected notice and the special:Contribs for blocked users |
| | * The latter has specificity of 3 classes so we have to triple up here. |
| */ | | */ |
| | | .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt, |
| /* Add a checker background to custom image rendering templates. */
| | div.mw-lag-warn-high, |
| /* For standard thumbnails, galleries, file history, file description preview this happens by default. */
| | div.mw-cascadeprotectedwarning, |
| .com-checker img:hover {
| | div#mw-protect-cascadeon { |
| background: url("//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat; | | clear: both; |
| | margin: 0.2em 0; |
| | border: 1px solid #bb7070; |
| | background-color: var(--background-color-error-subtle, #ffdbdb); |
| | padding: 0.25em 0.9em; |
| | box-sizing: border-box; |
| } | | } |
|
| |
|
| /* Moved upload link from toolbox into the MediaWiki:Sidebar thus suppressing the old duplicate */ | | /* default colors for partial block message */ |
| #p-tb #t-upload {
| | /* gotta get over the hump introduced by the triple class above */ |
| display: none; | | .mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt { |
| | border-color: var(--border-color-warning, #ab7f2a); |
| | background-color: var(--background-color-warning-subtle, #fef6e7); |
| } | | } |
|
| |
|
| /* Make sure the license dropdown of the upload form doesn't extend beyond the browser's | | /* Minimum thumb width */ |
| window, even if there are some long license descriptions. (If that happens, the description
| | @media (min-width: 640px) { |
| box *also* goes beyond the right edge of the window.)
| | figure[typeof~='mw:File/Thumb'], |
| */
| | figure[typeof~='mw:File/Frame'], |
| #wpLicense {
| | .thumbinner { |
| width: 100%;
| | min-width: 100px; |
| overflow: hidden; | | } |
| } | | } |
|
| |
|
| /* Give the upload form a little breathing space. */ | | /* Prevent floating boxes from overlapping any category listings, |
| #upload * td { | | file histories, edit previews, and edit [Show changes] views. */ |
| padding-bottom: 8px; | | #mw-subcategories, |
| | #mw-pages, |
| | #mw-category-media, |
| | #filehistory, |
| | #wikiPreview, |
| | #wikiDiff { |
| | clear: both; |
| } | | } |
|
| |
|
| #mw-upload-table * td {
| | /* Hide stuff meant for accounts with special permissions. Made visible again in |
| padding-bottom: 8px; | | [[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-abusefilter.css]], |
| | [[MediaWiki:Group-abusefilter-helper.css]], [[MediaWiki:Group-patroller.css]], |
| | [[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]], |
| | [[MediaWiki:Group-extendedconfirmed.css]], [[Mediawiki:Group-autoconfirmed.css]], and [[MediaWiki:Group-user.css]] */ |
| | .checkuser-show, |
| | .sysop-show, |
| | .abusefilter-show, |
| | .abusefilter-helper-show, |
| | .patroller-show, |
| | .templateeditor-show, |
| | .extendedmover-show, |
| | .extendedconfirmed-show, |
| | .autoconfirmed-show, |
| | .user-show { |
| | display: none; |
| } | | } |
|
| |
|
| /* Styling for Abuse Filter tags */ | | /* Hide the redlink generated by {{Editnotice}}, |
| .mw-tag-markers { | | this overrides the ".sysop-show { display: none; }" above that applies |
| font-style: italic;
| | to the same link as well. See [[phab:T45013]] |
| font-size: 90%;
| |
| }
| |
|
| |
|
| /* Something nice for lists in RTL languages */
| | Hide the images in editnotices to keep them readable in VE view. |
| div.RTL * ul {
| | Long term, editnotices should become a core feature so that they can be designed responsive. */ |
| margin-right: 10px;
| | .ve-ui-mwNoticesPopupTool-item .editnotice-redlink, |
| display: table; | | .ve-ui-mwNoticesPopupTool-item .mbox-image, |
| | .ve-ui-mwNoticesPopupTool-item .mbox-imageright { |
| | display: none !important; |
| } | | } |
|
| |
|
| div.RTL * ol {
| | /* Remove bullets when there are multiple edit page warnings */ |
| margin-right: 10px; | | ul.permissions-errors { |
| display: table;
| | margin: 0; |
| } | | } |
|
| |
|
| /* Special:Search styles */
| | ul.permissions-errors > li { |
| | | list-style: none; |
| .mw-search-results li { | |
| padding: 0.25em 1em; | |
| border-bottom: 1px solid var(--border-color-subtle, #d3daed);
| |
| } | | } |
|
| |
|
| .mw-search-results li:nth-child(odd) { | | /* larger inline math */ |
| background-color: var(--background-color-interactive-subtle, #f6f8fc); | | span.mwe-math-mathml-inline { |
| | font-size: 118%; |
| } | | } |
|
| |
|
| /* https://phabricator.wikimedia.org/T320459#8310207 */ | | /* Make <math display="block"> be left aligned with one space indent for |
| /* https://phabricator.wikimedia.org/T367122 */
| | * compatibility with style conventions |
| .searchResultImage .searchResultImage-thumbnail img {
| |
| object-fit: contain;
| |
| object-position: center;
| |
| border: none;
| |
| }
| |
| | |
| .searchResultImage .searchResultImage-thumbnail {
| |
| width: 120px;
| |
| height: initial;
| |
| max-height: 180px;
| |
| }
| |
| | |
| /* Main pages */
| |
| | |
| | |
| /* Hide title and "Nominate for deletion" button when viewing the main page (but not when editing it or viewing the talk page).
| |
| * The "mw-mainpage" class is for all localised main pages in [[MediaWiki:MainPages.js]].
| |
| */
| |
| | |
| /* Optimise for "Main Page" because the scripts don't apply until after page load so it flashes briefly.
| |
| * Support IE6: ".page" must go after ".action" as IE6 only supports one class per element and uses the last one. If reversed, the rule will hide headings on all pages. | |
| */ | | */ |
| .action-view.page-Main_Page #firstHeading, | | .mwe-math-fallback-image-display, |
| .mw-mainpage #firstHeading, | | .mwe-math-mathml-display { |
| .mw-mainpage #t-ajaxquickdelete,
| | margin-left: 1.6em !important; |
| .mw-mainpage #localNotice, | | margin-top: 0.6em; |
| .mw-mainpage #siteSub,
| | margin-bottom: 0.6em; |
| .mw-mainpage #catlinks { | |
| display: none; | |
| } | | } |
|
| |
|
| #mainpage-potd a img {
| | .mwe-math-mathml-display math { |
| width: 100% !important;
| | display: inline; |
| -ms-interpolation-mode: bicubic;
| |
| height: auto !important;
| |
| max-width: 600px !important; | |
| } | | } |
|
| |
|
| .utoc .tocnumber { | | @media screen { |
| display: none;
| | /* Put a chequered background behind images, only visible if they have transparency, |
| } | | * except on main, user, and portal namespaces |
| | */ |
| | body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img { |
| | background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat; |
| | } |
|
| |
|
| .utoc #toc ul,
| | /* Display "From Wikipedia, the free encyclopedia" in skins that support it, |
| .utoc .toc ul {
| | do not apply to print mode */ |
| line-height: 1.5em;
| | #siteSub { |
| list-style-type: square; | | display: block; |
| margin: .3em 0 0 1.5em;
| | } |
| padding: 0; | | |
| | /* Make the list of references smaller |
| | * Keep in sync with Template:Refbegin/styles.css |
| | * And Template:Reflist/styles.css |
| | */ |
| | .references { |
| | font-size: 90%; |
| | } |
| } | | } |
|
| |
|
| /* Necessary for displaying text in the upper right edge. (Used in [[Template:Shortcut]].) */ | | /* Hide FlaggedRevs notice UI when there are no pending changes */ |
| #content span.coordinates a.external.text:after,
| | .flaggedrevs_draft_synced, |
| #content span.coordinates a.external.autonumber:after {
| | .flaggedrevs_stable_synced, |
| content: "";
| | /* "Temporary" to remove links in sidebar T255381 */ |
| }
| | #t-upload, |
| | | /* Hide broken download box on Special:Book pending T285400 */ |
| #content div.coordinates a.external.text:after, | | .mw-special-Book #coll-downloadbox { |
| #content div.coordinates a.external.autonumber:after {
| |
| content: "";
| |
| }
| |
| | |
| #shortcut { | |
| display: none; | | display: none; |
| } | | } |
|
| |
|
| /** | | /* |
| * Style for horizontal lists (separator following item). | | * BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS; |
| * @source mediawiki.org/wiki/Snippets/Horizontal_lists | | * SEE [[MediaWiki talk:Common.css/to do]] |
| * @revision 6 (2014-05-09) | | * CSS is separated by component (which is why media queries are not joined) |
| * @author [[User:Edokter]]
| |
| */ | | */ |
| .hlist dl,
| |
| .hlist ol,
| |
| .hlist ul {
| |
| margin: 0;
| |
| padding: 0;
| |
| }
| |
|
| |
|
| /* Display list items inline */ | | /* Infoboxes */ |
| .hlist dd, | | .infobox { |
| .hlist dt, | | border: 1px solid #a2a9b1; |
| .hlist li { | | color: black; |
| margin: 0; | | padding: 0.2em; |
| display: inline; | | font-size: 88%; |
| | line-height: 1.5em; |
| | border-spacing: 3px; |
| | margin: 0.5em 0; |
| } | | } |
|
| |
|
| /* Display nested lists inline */
| | .infobox { |
| .hlist.inline,
| | background-color: var(--background-color-neutral-subtle, #f8f9fa); |
| .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; | |
| } | | } |
|
| |
|
| /* Hide empty list items */
| | @media (max-width: 640px) { |
| .hlist .mw-empty-li { | | .infobox { |
| display: none;
| | width: 100%; |
| | } |
| | |
| | .infobox .nowrap { |
| | white-space: normal; |
| | } |
| } | | } |
|
| |
|
| /* Generate interpuncts */ | | @media (min-width: 640px) { |
| .hlist dt:after {
| | .infobox { |
| content: ": ";
| | /* @noflip */ |
| | margin-left: 1em; |
| | /* @noflip */ |
| | float: right; |
| | /* @noflip */ |
| | clear: right; |
| | width: 22em; |
| | } |
| } | | } |
|
| |
|
| .hlist dd:after, | | .infobox-header, |
| .hlist li:after { | | .infobox-label, |
| content: " · "; | | .infobox-above, |
| font-weight: bold;
| | .infobox-full-data, |
| | .infobox-data, |
| | .infobox-below, |
| | .infobox-subheader, |
| | .infobox-image, |
| | .infobox-navbar, |
| | /* Remove element selector when every .infobox thing is using the standard module/templates */ |
| | .infobox th, |
| | .infobox td { |
| | vertical-align: top; |
| } | | } |
|
| |
|
| .hlist dd:last-child:after, | | .infobox-label, |
| .hlist dt:last-child:after, | | .infobox-data, |
| .hlist li:last-child:after { | | /* Remove element selector when every .infobox thing is using the standard module/templates */ |
| content: none; | | .infobox th, |
| | .infobox td { |
| | /* @noflip */ |
| | text-align: left; |
| } | | } |
|
| |
|
| /* Add parentheses around nested lists */ | | /* Remove .infobox when element selectors above are removed */ |
| .hlist dd dd:first-child:before, | | .infobox .infobox-above, |
| .hlist dd dt:first-child:before,
| | .infobox .infobox-title, |
| .hlist dd li:first-child:before,
| | /* Remove element selector when every .infobox thing is using the standard module/templates */ |
| .hlist dt dd:first-child:before,
| | .infobox caption { |
| .hlist dt dt:first-child:before,
| | font-size: 125%; |
| .hlist dt li:first-child:before,
| | font-weight: bold; |
| .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;
| |
| }
| |
| | |
| /* 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) " ";
| |
| }
| |
| | |
| /* END of HLISTs */
| |
| | |
| /* Unbulleted lists */ | |
| .plainlist ul { | |
| line-height: inherit;
| |
| list-style: none none;
| |
| margin: 0;
| |
| }
| |
| | |
| .plainlist ul li {
| |
| margin-bottom: 0;
| |
| }
| |
| | |
| /* Default style for navigation boxes */ | |
| .navbox { | |
| /* Navbox container style */ | |
| border: 1px solid var(--border-color-base, #a2a9b1);
| |
| width: 100%;
| |
| box-sizing: border-box;
| |
| margin: auto;
| |
| clear: both;
| |
| font-size: 88%; | |
| text-align: center; | | text-align: center; |
| padding: 1px;
| |
| } | | } |
|
| |
|
| .navbox-inner, | | .infobox-title, |
| .navbox-subgroup { | | /* Remove element selector when every .infobox thing is using the standard module/templates */ |
| width: 100%; | | .infobox caption { |
| | padding: 0.2em; |
| } | | } |
|
| |
|
| .navbox-group, | | /* Remove .infobox when element selectors above are removed */ |
| .navbox-title, | | .infobox .infobox-header, |
| .navbox-abovebelow { | | .infobox .infobox-subheader, |
| padding: 0.25em 1em;
| | .infobox .infobox-image, |
| /* Title, group and above/below styles */
| | .infobox .infobox-full-data, |
| line-height: 1.5em;
| | .infobox .infobox-below { |
| text-align: center; | | text-align: center; |
| } | | } |
|
| |
|
| th.navbox-group {
| | /* Remove .infobox when element selectors above are removed */ |
| /* Group style */
| | .infobox .infobox-navbar { |
| white-space: nowrap;
| |
| /* @noflip */ | | /* @noflip */ |
| text-align: right; | | text-align: right; |
| } | | } |
|
| |
|
| .navbox,
| | /* Normal font styling for wikitable row headers with scope="row" tag */ |
| .navbox-subgroup {
| | .wikitable.plainrowheaders th[scope=row], |
| background: #fdfdfd;
| | .wikitable.plainrowheaders th[scope=rowgroup] { |
| /* Background color */
| |
| }
| |
| | |
| .navbox-list {
| |
| line-height: 1.8em;
| |
| border-color: #fdfdfd;
| |
| /* Must match background color */
| |
| }
| |
| | |
| .navbox th, | |
| .navbox-title { | |
| background: #ccccff;
| |
| /* Level 1 color */
| |
| }
| |
| | |
| .navbox-abovebelow, | |
| th.navbox-group, | |
| .navbox-subgroup .navbox-title {
| |
| background: #ddddff;
| |
| /* Level 2 color */
| |
| }
| |
| | |
| .navbox-subgroup .navbox-group,
| |
| .navbox-subgroup .navbox-abovebelow {
| |
| background: #e6e6ff;
| |
| /* Level 3 color */
| |
| }
| |
| | |
| .navbox-even {
| |
| background: #f7f7f7;
| |
| /* Even row striping */
| |
| }
| |
| | |
| .navbox-odd {
| |
| background: transparent;
| |
| /* Odd row striping */
| |
| }
| |
| | |
| table.navbox+table.navbox {
| |
| /* Single pixel border between adjacent navboxes */
| |
| margin-top: -1px;
| |
| }
| |
| | |
| .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 */
| |
| }
| |
| | |
| ol+table.navbox,
| |
| ul+table.navbox {
| |
| margin-top: 0.5em;
| |
| /* Prevent lists from clinging to navboxes */
| |
| }
| |
| | |
| /* Default styling for Navbar template */
| |
| .navbar {
| |
| display: inline;
| |
| font-size: 88%;
| |
| font-weight: normal; | | font-weight: normal; |
| }
| | /* @noflip */ |
| | |
| .navbar ul {
| |
| display: inline;
| |
| white-space: nowrap;
| |
| }
| |
| | |
| .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 {
| |
| /* intentionally is flipped */
| |
| float: left;
| |
| /* intentionally is flipped */ | |
| text-align: left; | | text-align: left; |
| /* intentionally is flipped */
| |
| margin-right: 0.5em;
| |
| width: 6em;
| |
| } | | } |
|
| |
|
| /* Put on gallery_details the same styles as on gallery */ | | /* Remove underlines from certain links */ |
| table.gallery_details {
| | .nounderlines a, |
| border: 1px solid var(--border-color-subtle, #c8ccd1);
| | .IPA a:link, |
| margin: 2px;
| | .IPA a:visited { |
| padding: 2px; | | text-decoration: none !important; |
| background-color: var(--background-color-base, #fff);
| |
| } | | } |
|
| |
|
| table.gallery_details tr {
| | /* Prevent line breaks in silly places where desired (nowrap) |
| vertical-align: top;
| | and links when we don't want them to (nowraplinks a) */ |
| }
| | .nowrap, |
| | | .nowraplinks a { |
| table.gallery_details td {
| |
| vertical-align: top;
| |
| background-color: var(--background-color-neutral-subtle, #f8f9fa);
| |
| border: 2px solid var(--border-color-inverted, #fff);
| |
| }
| |
| | |
| /* Small font-size for hidden categories,
| |
| per [[Commons:Village_pump/Archive/2010Mar#Hidden_categories:_change_the_default_setting_for_logged-in_users]]
| |
| */ | |
| #mw-hidden-catlinks {
| |
| font-size: 87% !important;
| |
| }
| |
| | |
| /* Geographical coordinates defaults. See [[Template:Coord/link]]
| |
| for how these are used. The classes "geo", "longitude", and
| |
| "latitude" are used by the [[Geo microformat]].
| |
| */
| |
| .geo-default,
| |
| .geo-dms,
| |
| .geo-dec {
| |
| display: inline;
| |
| }
| |
| | |
| .geo-nondefault,
| |
| .geo-multi-punct {
| |
| display: none;
| |
| }
| |
| | |
| .longitude, | |
| .latitude { | |
| white-space: nowrap; | | white-space: nowrap; |
| } | | } |
|
| |
|
| /* Fix link color in jQuery dialogs */ | | /* But allow wrapping where desired: */ |
| .ui-dialog a { | | .wrap, |
| color: var(--color-progressive, #36c) !important; | | .wraplinks a { |
| | white-space: normal; |
| } | | } |
|
| |
|
| /* Class for template content that should be shown locally, even if JS is disabled, | | /* texhtml class for inline math (based on generic times-serif class) */ |
| but should not be visible on file pages shown on other sites.
| | /* remove spans when this is TemplateStyled */ |
| Use with style="display:none". Interacts with collapsible divs (see above).
| | span.texhtml { |
| */ | | font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif; |
| div.show-on-commons {
| | font-size: 118%; |
| display: block !important; | | line-height: 1; |
| | /* Force tabular and lining display for texhtml */ |
| | font-variant-numeric: lining-nums tabular-nums; |
| | font-kerning: none; |
| } | | } |
|
| |
|
| | | span.texhtml span.texhtml { |
| /* Note that image has annotations at Commons; visible only on other projects.
| | font-size: 100%; |
| See https://commons.wikimedia.org/w/index.php?title=Template_talk:ImageNote&oldid=55319045
| |
| */
| |
| .annotationboxforwikipedia, | |
| .hide-on-commons { | |
| display: none; | |
| } | | } |
|
| |
|
| /* Allow limiting of which header levels are shown in a TOC;
| | @media (min-width: 640px) { |
| <div class="toclimit-3">, for instance, will limit to
| | span.texhtml { |
| showing ==headings== and ===headings=== but no further
| | white-space: nowrap; |
| (as long as there are no =headings= on the page, which
| | } |
| there shouldn't be according to the MoS).
| |
| */
| |
| .toclimit-2 .toclevel-1 ul,
| |
| .toclimit-3 .toclevel-2 ul,
| |
| .toclimit-4 .toclevel-3 ul,
| |
| .toclimit-5 .toclevel-4 ul,
| |
| .toclimit-6 .toclevel-5 ul,
| |
| .toclimit-7 .toclevel-6 ul {
| |
| display: none
| |
| }
| |
| | |
| /* Redirects in categories, on [[Special:Allpages]], and [[Special:Prefixindex]] */
| |
| .redirect-in-category,
| |
| .allpagesredirect a {
| |
| color: gray;
| |
| }
| |
| | |
| /* Hide deletion-instructions headers inside closed deletion requests (redundant) */
| |
| .delh .massdeletionrequest-header {
| |
| display: none; | |
| }
| |
| | |
| /* Message box templates */
| |
| .messagebox { | |
| border: 1px solid var(--border-color-base, #a2a9b1);
| |
| background: var(--background-color-interactive-subtle, #f8f9fa);
| |
| width: 80%;
| |
| margin: 0 auto 1em; | |
| padding: 0.2em;
| |
| } | | } |
|
| |
|
| .messagebox.merge {
| | /* Prevent flags in tables from collapsing: Fix for T116318 |
| border: 1px solid #cf9fff;
| | * TODO: Remove when [[phab:T368469]] merges [[phab:T367463]] for the other skins |
| background: #f5edf5;
| |
| text-align: center;
| |
| }
| |
| | |
| .messagebox.cleanup {
| |
| border: 1px solid #9f9fff;
| |
| background: #efefff;
| |
| text-align: center;
| |
| }
| |
| | |
| .messagebox.standard-talk {
| |
| border: 1px solid #c0c090;
| |
| background: #f8eaba;
| |
| }
| |
| | |
| /** | |
| * TO BE PORTED TO TEMPLATESTYLES
| |
| * Used by:
| |
| * - [[Module:Message box]] (via [[Template:Mbox]], [[Template:Tmbox]], [[Template:Cmbox]]) | |
| * - [[Template:Dmbox]]
| |
| * - [[Template:Fmbox]]
| |
| */ | | */ |
| th.mbox-text,
| | @media (max-width: 640px) { |
| td.mbox-text {
| | .flagicon a > img, |
| /* The message body cell(s) */ | | .flagicon noscript > img { |
| border: none;
| | max-width: none !important; |
| padding: 0.25em 0.9em;
| | } |
| /* 0.9em left/right */ | |
| width: 100%;
| |
| /* Make all mboxes the same width regardless of text length */ | |
| } | |
| | |
| td.mbox-image {
| |
| /* The left image cell */
| |
| border: none;
| |
| padding: 2px 0 2px 0.9em;
| |
| /* 0.9em left, 0px right */
| |
| text-align: center;
| |
| } | | } |
|
| |
|
| /* Div based "warning" style fmbox messages. */
| | @media screen { |
| div.mw-warning-with-logexcerpt,
| | .nochecker .gallerybox .thumb img { |
| div.mw-lag-warn-high,
| | background-image: none; |
| div.mw-cascadeprotectedwarning,
| |
| #mw-protect-cascadeon {
| |
| clear: both;
| |
| margin: 0.2em 0;
| |
| border: 1px solid #bb7070;
| |
| background-color: var(--background-color-error-subtle, #ffdbdb);
| |
| padding: 0.25em 0.9em;
| |
| }
| |
| | |
| /* Div based "system" style fmbox messages.
| |
| Used in [[MediaWiki:Readonly lag]]. */
| |
| div.mw-lag-warn-normal,
| |
| div.fmbox-system {
| |
| clear: both;
| |
| margin: 0.2em 0;
| |
| border: 1px solid var(--border-color-base, #a2a9b1);
| |
| background-color: var(--background-color-neutral-subtle, #f8f9fa);
| |
| padding: 0.25em 0.9em;
| |
| }
| |
| | |
| /* These mbox-small classes must be placed after all other
| |
| ambox/tmbox/ombox etc classes. "body.mediawiki" is so
| |
| they override "table.ambox + table.ambox" above. */
| |
| body.mediawiki table.mbox-small {
| |
| /* For the "small=yes" option. */
| |
| clear: right;
| |
| float: right;
| |
| margin: 4px 0 4px 1em;
| |
| width: 238px;
| |
| font-size: 88%;
| |
| line-height: 1.25em;
| |
| }
| |
| | |
| body.mediawiki table.mbox-small-left {
| |
| /* For the "small=left" option. */
| |
| margin: 4px 1em 4px 0;
| |
| width: 238px;
| |
| border-collapse: collapse;
| |
| font-size: 88%;
| |
| line-height: 1.25em;
| |
| }
| |
| | |
| #catlinks li {
| |
| padding: 0 .3em;
| |
| margin: 0;
| |
| }
| |
| | |
| #catlinks li:first-child {
| |
| padding-left: 0;
| |
| }
| |
| | |
| /* Styling the parameter fields in [[Template:Information]] and related templates
| |
| also here (besides on [[MediaWiki:Filepage.css]]) to ensure proper preview
| |
| on other pages than those in the file namespace */
| |
| .fileinfo-paramfield {
| |
| background: #ccf;
| |
| /* @noflip */
| |
| text-align: right;
| |
| /* @noflip */
| |
| padding-right: 0.4em;
| |
| width: 15%;
| |
| font-weight: bold;
| |
| }
| |
| | |
| /********* General fixes for night mode *********/
| |
| html.skin-theme-clientpref-night .fileinfo-paramfield {
| |
| background: #2a2a5c;
| |
| color: white;
| |
| }
| |
| | |
| html.skin-theme-clientpref-night .fileinfotpl-type-artwork tbody>tr>th[style*="#ccf"] {
| |
| background-color: #2a2a5c !important;
| |
| ;
| |
| color: white;
| |
| }
| |
| | |
| @media screen and (prefers-color-scheme: dark) { | |
| html.skin-theme-clientpref-os .fileinfo-paramfield { | |
| background: #2a2a5c;
| |
| color: white;
| |
| }
| |
| | |
| html.skin-theme-clientpref-os .fileinfotpl-type-artwork tbody>tr>th[style*="#ccf"] {
| |
| background-color: #2a2a5c !important; | |
| ;
| |
| color: white;
| |
| } | | } |
| } | | } |
|
| |
|
| /* == END copy of [[Module:Information/styles.css]] == */ | | /* |
| | | * Put anything you mean to be a sitewide addition above the TemplateStyles |
| /* Allow users to edit the orange on the main page in their personal CSS files */
| | * comment above. |
| .bg-orange {
| |
| background: #fad67d;
| |
| }
| |
| | |
| /* Partially support HTML5 bdi tag on old browsers that don't support
| |
| it and reassign its default value on modern browsers,
| |
| needed for better i18n even on old browsers
| |
| isolation on signature-talk will resolve mix of RTL/LTR on RTL UI*/
| |
| bdi,
| |
| .signature-talk {
| |
| unicode-bidi: embed;
| |
| /* fallback, it is not completely same but will work on most cases */
| |
| unicode-bidi: -webkit-isolate;
| |
| unicode-bidi: -moz-isolate;
| |
| unicode-bidi: isolate;
| |
| }
| |
| | |
| /* Turn off some irrelevant MediaWiki help page links */
| |
| .mw-special-Upload #mw-indicator-mw-helplink {
| |
| display: none;
| |
| }
| |
| | |
| /* Same as .mw-references-columns (Cite extension)
| |
| * replacement for hardcoded [[Template:Column-width]]
| |
| */ | |
| .responsive-columns {
| |
| column-width: 35em;
| |
| }
| |
| | |
| /* Allow custom list styles in reference sections */
| |
| .reflist ol.references {
| |
| list-style-type: inherit;
| |
| }
| |
| | |
| /* T156351: Support for Parsoid's Cite implementation */
| |
| span[rel="mw:referencedBy"] {
| |
| counter-reset: mw-ref-linkback 0;
| |
| }
| |
| | |
| span[rel="mw:referencedBy"]>a::before {
| |
| font-weight: bold;
| |
| font-style: italic;
| |
| content: counter(mw-ref-linkback, lower-alpha);
| |
| }
| |
| | |
| | |
| | |
| | |
| | |
| | |
| | |
| /* Increase height of upload description field at Special:Upload
| |
| * Applies only when uploading a new file, not for the one-line input box when overwriting.
| |
| */ | | */ |
| textarea#wpUploadDescription {
| |
| height: 20em;
| |
| }
| |
|
| |
| /* Workaround for T330527, T270741 */
| |
| .filehistory td:last-child,
| |
| .listfiles .TablePager_col_img_description {
| |
| word-break: break-word;
| |
| min-width: auto;
| |
| }
| |
|
| |
| /* T367463: Fix for license templates with two images like [[Template:Money-BR]] */
| |
| body.skin--responsive table.layouttemplate img {
| |
| max-width: none !important;
| |
| }
| |
|
| |
| /* Remove bullets when there are multiple page errors */
| |
| ul.permissions-errors { margin: 0; }
| |
| ul.permissions-errors > li { list-style:none }
| |