| Line 234: |
Line 234: |
| | } | | } |
| | | | |
| − | /* Article message box styles */ | + | |
| − | table.ambox {
| + | /* Mobile template hacks (see phab T56176) |
| − | margin: 0 10%; /* 10% = Will not overlap with other elements */ | + | If you are looking for the following, please update your template to use TemplateStyles: |
| − | border: 1px solid #a2a9b1;
| + | .mobile-float-reset { |
| − | /* @noflip */
| + | float: none !important; |
| − | border-left: 10px solid #36c; /* Default "notice" blue */
| + | width: 100% !important; |
| − | box-sizing: border-box; | + | } |
| | + | |
| | + | */ |
| | + | |
| | + | |
| | + | /* Hide the images */ |
| | + | .geo-nondefault, .geo-multi-punct, |
| | + | /* Hide stuff meant for accounts with special permissions. Made visible again in |
| | + | [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-patroller.css]] and |
| | + | [[MediaWiki:Group-autoconfirmed.css]]. */ |
| | + | .checkuser-show, |
| | + | .sysop-show, |
| | + | .templateeditor-show, |
| | + | .extendedmover-show, |
| | + | .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; |
| | } | | } |
| − | table.ambox + table.ambox { /* Single border between stacked boxes. */
| + | |
| − | margin-top: -1px;
| + | /* 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 |
| | + | TODO: Move to Citation template when templates have stylesheets |
| | + | See https://www.mediawiki.org/wiki/Requests_for_comment/Allow_styling_in_templates |
| | + | */ |
| | + | @media screen, handheld { |
| | + | .citation *.printonly { |
| | + | display: none; |
| | + | } |
| | } | | } |
| − | .ambox th.mbox-text, | + | /* |
| − | .ambox td.mbox-text { /* The message body cell(s) */ | + | Should be moved into Template:Cite_web |
| − | padding: 0.25em 0.5em; /* 0.5em left/right */ | + | Styling for citations (CSS3). Breaks long urls, etc., rather than overflowing box */ |
| | + | .citation { |
| | + | word-wrap: break-word; |
| | } | | } |
| − | .ambox td.mbox-image { /* The left image cell */ | + | |
| − | /* @noflip */
| + | /* |
| − | padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */ | + | .infobox |
| | + | 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. |
| | + | */ |
| | + | |
| | + | /* Default styling for Navbar template |
| | + | TODO: Move to Navbar template ASAP |
| | + | */ |
| | + | .navbar { |
| | + | display: inline; |
| | + | font-size: 88%; |
| | + | font-weight: normal; |
| | } | | } |
| − | .ambox td.mbox-imageright { /* The right image cell */ | + | .navbar ul { |
| − | /* @noflip */ | + | display: inline; |
| − | padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */ | + | white-space: nowrap; |
| | } | | } |
| − | | + | .navbar li { |
| − | table.ambox-notice {
| + | word-spacing: -0.125em; |
| − | /* @noflip */ | |
| − | border-left: 10px solid #36c; /* Blue */
| |
| | } | | } |
| − | table.ambox-speedy {
| + | .navbar.mini li span { |
| − | /* @noflip */ | + | font-variant: small-caps; |
| − | border-left: 10px solid #cf3f3f; /* Red */
| |
| | } | | } |
| − | table.ambox-delete {
| + | /* Navbar styling when nested in infobox and navbox */ |
| − | /* @noflip */
| + | .navbox .navbar, |
| − | border-left: 10px solid #b32424; /* Red */ | + | .infobox .navbar { |
| | + | font-size: 100%; |
| | } | | } |
| − | table.ambox-content {
| + | .navbox .navbar { |
| − | /* @noflip */ | + | display: block; |
| − | border-left: 10px solid #f28500; /* Orange */
| |
| | } | | } |
| − | table.ambox-style {
| + | .navbox-title .navbar { |
| | /* @noflip */ | | /* @noflip */ |
| − | border-left: 10px solid #fc3; /* Yellow */ | + | float: left; |
| − | }
| |
| − | table.ambox-move {
| |
| | /* @noflip */ | | /* @noflip */ |
| − | border-left: 10px solid #9932cc; /* Purple */ | + | text-align: left; |
| − | }
| |
| − | table.ambox-protection {
| |
| | /* @noflip */ | | /* @noflip */ |
| − | border-left: 10px solid #a2a9b1; /* Gray-gold */
| + | margin-right: 0.5em; |
| − | }
| + | width: 6em; |
| − | | |
| − | /* Image message box styles */
| |
| − | table.imbox {
| |
| − | margin: 4px 10%; | |
| − | border-collapse: collapse;
| |
| − | border: 3px solid #36c; /* Default "notice" blue */
| |
| − | box-sizing: border-box;
| |
| − | }
| |
| − | .imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */
| |
| − | margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */
| |
| − | display: block; /* Fix for webkit to force 100% width. */ | |
| | } | | } |
| − | .mbox-inside .imbox { /* For imboxes inside other templates. */
| + | /* Unbulleted lists e.g. Barack Obama page*/ |
| − | margin: 4px; | + | .plainlist ul { |
| | + | list-style: none; |
| | + | padding-left: 0; /* Reset Minerva defaults */ |
| | } | | } |
| | | | |
| − | table.imbox-notice {
| + | .visualhide { |
| − | border: 3px solid #36c; /* Blue */ | + | position: absolute; |
| − | }
| + | left: -10000px; |
| − | table.imbox-speedy {
| + | top: auto; |
| − | border: 5px solid #b32424; /* Red */ | + | width: 1px; |
| − | }
| + | height: 1px; |
| − | table.imbox-delete {
| + | overflow: hidden; |
| − | border: 3px solid #b32424; /* Red */
| |
| − | }
| |
| − | table.imbox-content {
| |
| − | border: 3px solid #f28500; /* Orange */
| |
| − | }
| |
| − | table.imbox-style {
| |
| − | border: 3px solid #fc3; /* Yellow */
| |
| − | }
| |
| − | table.imbox-move {
| |
| − | border: 3px solid #9932cc; /* Purple */ | |
| − | }
| |
| − | table.imbox-protection {
| |
| − | border: 3px solid #a2a9b1; /* Gray-gold */ | |
| − | }
| |
| − | table.imbox-license {
| |
| − | border: 3px solid #88a; /* Dark gray */ | |
| − | }
| |
| − | table.imbox-featured {
| |
| − | border: 3px solid #cba135; /* Brown-gold */ | |
| | } | | } |
| | | | |
| − | /* Category message box styles */ | + | /* Geographical coordinates hidden in mobile. Any styles relating to them should be put inside |
| − | table.cmbox {
| + | .[[Template:Coord/link]] |
| − | margin: 3px 10%;
| + | */ |
| − | border-collapse: collapse;
| |
| − | border: 1px solid #a2a9b1;
| |
| − | box-sizing: border-box;
| |
| − | }
| |
| | | | |
| − | table.cmbox-notice {
| + | /* Prevent line breaks in silly places: |
| − | | + | 1) Where desired |
| | + | 2) Links when we don't want them to |
| | + | 3) Bold "links" to the page itself |
| | + | 4) Ref tags with group names <ref group="Note"> --> "[Note 1]" |
| | + | Please document here what pages use this |
| | + | Enabled |
| | + | */ |
| | + | .mw-parser-output .nowrap, |
| | + | .nowraplinks a, |
| | + | .nowraplinks .selflink, |
| | + | sup.reference a { |
| | + | white-space: nowrap; |
| | } | | } |
| − | table.cmbox-speedy {
| + | .mw-parser-output .infobox .nowrap { |
| − | margin-top: 4px; | + | white-space: normal !important; |
| − | margin-bottom: 4px;
| |
| − | border: 4px solid #b32424; /* Red */
| |
| | } | | } |
| − | table.cmbox-delete {
| + | /* But allow wrapping where desired: */ |
| − | | + | .wrap, |
| | + | .wraplinks a { |
| | + | white-space: normal; |
| | } | | } |
| − | table.cmbox-content {
| + | |
| − | | + | /* Generic class for Times-based serif, texhtml class for inline math */ |
| | + | .times-serif, |
| | + | span.texhtml { |
| | + | font-family: serif; |
| | } | | } |
| − | table.cmbox-style {
| + | span.texhtml { |
| − |
| + | white-space: nowrap; |
| − | }
| |
| − | table.cmbox-move {
| |
| − | | |
| − | }
| |
| − | table.cmbox-protection {
| |
| − |
| |
| | } | | } |
| | | | |
| − | /* Other pages message box styles */ | + | /* Enable custom list style types for lists of references */ |
| − | table.ombox {
| + | .reflist ol.references { |
| − | margin: 4px 10%; | + | list-style-type: inherit; |
| − | border-collapse: collapse;
| |
| − | border: 1px solid #a2a9b1; /* Default "notice" gray */
| |
| − | box-sizing: border-box;
| |
| | } | | } |
| | | | |
| − | table.ombox-notice {
| + | /* Hanging indentation for Template:Refbegin */ |
| − | border: 1px solid #a2a9b1; /* Gray */ | + | .refbegin-hanging-indents > ul, |
| | + | .refbegin-hanging-indents > dl { |
| | + | list-style-type: none; |
| | + | margin-left: 0; |
| | } | | } |
| − | table.ombox-speedy {
| + | .refbegin-hanging-indents > ul > li, |
| − | border: 3px solid #b32424; /* Red */
| + | .refbegin-hanging-indents > dl > dd { |
| − | }
| + | margin-left: 0; |
| − | table.ombox-delete {
| + | padding-left: 1.0em; |
| − | border: 2px solid #b32424; /* Red */
| + | text-indent: -1.0em; |
| − | }
| + | list-style: none; |
| − | table.ombox-content {
| |
| − | border: 1px solid #f28500; /* Orange */
| |
| − | }
| |
| − | table.ombox-style {
| |
| − | border: 1px solid #fc3; /* Yellow */
| |
| − | }
| |
| − | table.ombox-move {
| |
| − | border: 1px solid #9932cc; /* Purple */
| |
| − | }
| |
| − | table.ombox-protection {
| |
| − | border: 2px solid #a2a9b1; /* Gray-gold */
| |
| − | }
| |
| − | | |
| − | /* Talk page message box styles */
| |
| − | table.tmbox {
| |
| − | margin: 4px 10%; | |
| − | border-collapse: collapse;
| |
| − | border: 1px solid #c0c090; /* Default "notice" gray-brown */
| |
| − | min-width: 80%;
| |
| − | box-sizing: border-box; | |
| − | }
| |
| − | .tmbox.mbox-small { | |
| − | min-width: 0; /* reset the min-width of tmbox above */
| |
| − | }
| |
| − | .mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
| |
| − | margin: 2px 0; /* this declaration overrides other styles (including mbox-small above) */ | |
| − | width: 100%; /* For Safari and Opera */
| |
| − | }
| |
| − | .mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */
| |
| − | line-height: 1.5em; /* also "nested", so reset styles that are */
| |
| − | font-size: 100%; /* set in "mbox-small" above. */ | |
| | } | | } |
| | | | |
| − | table.tmbox-speedy {
| + | /* Prevent flags in tables from collapsing |
| − | border: 3px solid #b32424; /* Red */
| + | Fix for T116318 |
| − | }
| + | */ |
| − | table.tmbox-delete {
| + | .flagicon img { |
| − | border: 2px solid #b32424; /* Red */
| + | min-width: 25px; |
| − | }
| |
| − | table.tmbox-content {
| |
| − | border: 2px solid #f28500; /* Orange */
| |
| − | }
| |
| − | table.tmbox-style {
| |
| − | border: 2px solid #fc3; /* Yellow */
| |
| − | }
| |
| − | table.tmbox-move {
| |
| − | border: 2px solid #9932cc; /* Purple */ | |
| − | }
| |
| − | table.tmbox-protection,
| |
| − | table.tmbox-notice {
| |
| − | border: 1px solid #c0c090; /* Gray-brown */
| |
| | } | | } |
| | | | |
| − | /* Disambig and set index box styles */ | + | /* Prevent unnecessary margin at the bottom of centralnotices */ |
| − | table.dmbox {
| + | .cnotice { |
| − | clear: both;
| + | margin-bottom: 0 !important; |
| − | margin: 0.9em 1em; | |
| − | border-top: 1px solid #ccc;
| |
| − | border-bottom: 1px solid #ccc;
| |
| − | background-color: transparent;
| |
| | } | | } |
| | | | |
| − | /* Footer and header message box styles */
| |
| − | table.fmbox {
| |
| − | clear: both;
| |
| − | margin: 0.2em 0;
| |
| − | width: 100%;
| |
| − | border: 1px solid #a2a9b1;
| |
| − | box-sizing: border-box;
| |
| − | }
| |
| − | table.fmbox-system {
| |
| − | background-color: #f8f9fa;
| |
| − | }
| |
| − | table.fmbox-warning {
| |
| − | border: 1px solid #bb7070; /* Dark pink */
| |
| − | }
| |
| − | table.fmbox-editnotice {
| |
| − | background-color: transparent;
| |
| − | }
| |
| − | /* Div based "warning" style fmbox messages. */
| |
| − | div.mw-warning-with-logexcerpt,
| |
| − | div.mw-lag-warn-high,
| |
| − | div.mw-cascadeprotectedwarning,
| |
| − | div#mw-protect-cascadeon,
| |
| − | div.titleblacklist-warning,
| |
| − | div.locked-warning {
| |
| − | clear: both;
| |
| − | margin: 0.2em 0;
| |
| − | border: 1px solid #bb7070;
| |
| − | padding: 0.25em 0.9em;
| |
| − | box-sizing: border-box;
| |
| − | }
| |
| | | | |
| − | /* These mbox-small classes must be placed after all other | + | /* The message body cell(s), such as for {{Commonscat}}. |
| − | ambox/tmbox/ombox etc classes. "html body.mediawiki" is so
| + | * this is a very small subset of the styles from Common.css |
| − | they override "table.ambox + table.ambox" above. */
| + | * just to make sure the box isn't squashed without any spacing |
| − | html body.mediawiki .mbox-small { /* For the "small=yes" option. */
| + | * which looks out of place with visuals of other nearby elements |
| | + | */ |
| | + | .mbox-text { |
| | /* @noflip */ | | /* @noflip */ |
| − | clear: right; | + | padding: 0.25em 0.9em; |
| − | /* @noflip */
| |
| − | float: right;
| |
| − | /* @noflip */
| |
| − | margin: 4px 0 4px 1em;
| |
| − | box-sizing: border-box;
| |
| − | width: 238px;
| |
| − | font-size: 88%;
| |
| − | line-height: 1.25em;
| |
| − | }
| |
| − | html body.mediawiki .mbox-small-left { /* For the "small=left" option. */
| |
| − | /* @noflip */
| |
| − | margin: 4px 1em 4px 0;
| |
| − | box-sizing: border-box;
| |
| − | overflow: hidden;
| |
| − | width: 238px;
| |
| − | border-collapse: collapse;
| |
| − | font-size: 88%;
| |
| − | line-height: 1.25em;
| |
| − | }
| |
| − | | |
| − | /* Style for compact ambox */
| |
| − | /* Hide the images */
| |
| − | .compact-ambox table .mbox-image,
| |
| − | .compact-ambox table .mbox-imageright,
| |
| − | .compact-ambox table .mbox-empty-cell {
| |
| − | display: none;
| |
| − | }
| |
| − | /* Remove borders, backgrounds, padding, etc. */
| |
| − | .compact-ambox table.ambox {
| |
| − | border: none;
| |
| − | border-collapse: collapse;
| |
| − | background-color: transparent;
| |
| − | margin: 0 0 0 1.6em !important;
| |
| − | padding: 0 !important;
| |
| − | width: auto;
| |
| − | display: block;
| |
| − | }
| |
| − | body.mediawiki .compact-ambox table.mbox-small-left {
| |
| − | font-size: 100%;
| |
| − | width: auto;
| |
| − | margin: 0;
| |
| − | }
| |
| − | /* Style the text cell as a list item and remove its padding */
| |
| − | .compact-ambox table .mbox-text {
| |
| − | padding: 0 !important;
| |
| − | margin: 0 !important;
| |
| − | }
| |
| − | .compact-ambox table .mbox-text-span {
| |
| − | display: list-item;
| |
| − | line-height: 1.5em;
| |
| − | list-style-type: square;
| |
| − | list-style-image: url(/w/skins/MonoBook/resources/images/bullet.gif);
| |
| − | }
| |
| − | .skin-vector .compact-ambox table .mbox-text-span {
| |
| − | list-style-type: disc;
| |
| − | list-style-image: url(/w/skins/Vector/images/bullet-icon.svg);
| |
| − | list-style-image: url(/w/skins/Vector/images/bullet-icon.png)\9;
| |
| − | }
| |
| − | /* Allow for hiding text in compact form */
| |
| − | .compact-ambox .hide-when-compact {
| |
| − | display: none;
| |
| | } | | } |
