| Line 1: |
Line 1: |
| − | /* <pre> */
| |
| − | @import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i,600,600i&display=swap');
| |
| − | body {
| |
| − | font-family: system-ui, -apple-system, Roboto, Helvetica, sans-serif;
| |
| − | }
| |
| − |
| |
| − | @media all and (max-width: 320px) {
| |
| − | body {
| |
| − | font-size: 0.9em;
| |
| − | }
| |
| | | | |
| | + | /* Styling for citations. Breaks long urls, etc., rather than overflowing box */ |
| | + | .citation { |
| | + | word-wrap: break-word; |
| | } | | } |
| | | | |
| − | #mw-content-text {
| + | /* Make the list of references smaller */ |
| − | line-height: 1.7em;
| + | /* Keep in sync with Template:Refbegin/styles.css */ |
| | + | ol.references, |
| | + | div.reflist { |
| | + | font-size: 90%; /* Default font-size */ |
| | + | margin-bottom: 0.5em; |
| | } | | } |
| − | | + | div.reflist ol.references { |
| − | .pre-content h1, | + | font-size: 100%; /* Reset font-size when nested in div.reflist */ |
| − | .content h1, | + | margin-bottom: 0; /* Avoid double margin when nested in div.reflist */ |
| − | .content h2 {
| + | list-style-type: inherit; /* Enable custom list style types */ |
| − | color: #444e5a;
| |
| − | font-weight: bold;
| |
| − | font-family: 'PT Serif', 'Palatino', 'Georgia', serif;
| |
| | } | | } |
| | | | |
| − | h3,
| + | /* Allow hidden ref errors to be shown by user CSS */ |
| − | h4,
| + | /* TemplateStyles */ |
| − | h5,
| + | span.brokenref { |
| − | h6 {
| + | display: none; |
| − | color: #444e5a;
| |
| − | font-family: system-ui, -apple-system, Roboto, Helvetica, sans-serif;
| |
| | } | | } |
| | | | |
| − | body.skin-minerva {
| + | /* Reset top margin for lists embedded in columns */ |
| | + | div.columns { |
| | + | margin-top: 0.3em; |
| | } | | } |
| − | | + | div.columns dl, |
| − | body.skin-minerva a,
| + | div.columns ol, |
| − | body.skin-minerva image a {
| + | div.columns ul { |
| − | color: #327ba7;
| + | margin-top: 0; |
| | } | | } |
| | | | |
| − | body.skin-minerva a:visited,
| + | /* Avoid elements breaking between columns */ |
| − | body.skin-minerva image a:visited,
| + | .nocolbreak, |
| − | body.skin-minerva a:active,
| + | div.columns li, |
| − | body.skin-minerva image a:active {
| + | div.columns dd { |
| − | color: #327ba7;
| + | -webkit-column-break-inside: avoid; |
| | + | page-break-inside: avoid; |
| | + | break-inside: avoid-column; |
| | } | | } |
| | | | |
| − | body.skin-minerva a.new,
| + | /* Style for horizontal lists (separator following item). |
| − | body.skin-minerva image a.new {
| + | @source mediawiki.org/wiki/Snippets/Horizontal_lists |
| − | color: #ba0000;
| + | @revision 8 (2016-05-21) |
| | + | @author [[User:Edokter]] |
| | + | */ |
| | + | .hlist dl, |
| | + | .hlist ol, |
| | + | .hlist ul { |
| | + | margin: 0; |
| | + | padding: 0; |
| | } | | } |
| − | | + | /* Display list items inline */ |
| − | body.skin-minerva a.new:visited,
| + | .hlist dd, |
| − | body.skin-minerva image a.new:visited {
| + | .hlist dt, |
| − | color: #ba0000;
| + | .hlist li { |
| | + | margin: 0; |
| | + | display: inline; |
| | } | | } |
| − | | + | /* Display nested lists inline */ |
| − | body.skin-minerva div.vectorTabs li a,
| + | .hlist.inline, |
| − | body.skin-minerva div.vectorMenu li a,
| + | .hlist.inline dl, |
| − | body.skin-minerva #mw-panel .portal .body li a,
| + | .hlist.inline ol, |
| − | body.skin-minerva div.vectorTabs li a:visited,
| + | .hlist.inline ul, |
| − | body.skin-minerva div.vectorMenu li a:visited,
| + | .hlist dl dl, .hlist dl ol, .hlist dl ul, |
| − | body.skin-minerva #mw-panel .portal .body li a:visited,
| + | .hlist ol dl, .hlist ol ol, .hlist ol ul, |
| − | body.skin-minerva div.vectorTabs li a:active,
| + | .hlist ul dl, .hlist ul ol, .hlist ul ul { |
| − | body.skin-minerva div.vectorMenu li a:active,
| + | display: inline; |
| − | body.skin-minerva #mw-panel .portal .body li a:active {
| |
| − | color: #327ba7;
| |
| | } | | } |
| − | | + | /* Hide empty list items */ |
| − | body.skin-minerva div.vectorTabs li.new a,
| + | .hlist .mw-empty-li { |
| − | body.skin-minerva div.vectorMenu li.new a,
| + | display: none; |
| − | body.skin-minerva #mw-panel .portal .body li.new a,
| |
| − | body.skin-minerva div.vectorTabs li.new a:visited,
| |
| − | body.skin-minerva div.vectorMenu li.new a:visited,
| |
| − | body.skin-minerva #mw-panel .portal .body li.new a:visited,
| |
| − | body.skin-minerva div.vectorTabs li.new a:active,
| |
| − | body.skin-minerva div.vectorMenu li.new a:active,
| |
| − | body.skin-minerva #mw-panel .portal .body li.new a:active {
| |
| − | color: #ba0000;
| |
| | } | | } |
| − | | + | /* Generate interpuncts */ |
| − | body.skin-minerva .mw-body-content a.external,
| + | .hlist dt:after { |
| − | body.skin-minerva .mw-body-content a.extiw {
| + | content: ": "; |
| − | color: #3869bb;
| |
| | } | | } |
| − | | + | /** |
| − | body.skin-minerva .mw-body-content a.external:visited,
| + | * Note hlist style usage differd in |
| − | body.skin-minerva .mw-body-content a.extiw:visited,
| + | * the Minerva skin. Remember .hlist is a class defined in core as well! Please check Minerva desktop (and Minerva.css) when changing |
| − | body.skin-minerva .mw-body-content a.external:active,
| + | * See https://phabricator.wikimedia.org/T213239 |
| − | body.skin-minerva .mw-body-content a.extiw:active {
| + | */ |
| − | color: #3869bb;
| + | .hlist dd:after, |
| | + | .hlist li:after { |
| | + | content: " · "; |
| | + | font-weight: bold; |
| | } | | } |
| − | | + | .hlist dd:last-child:after, |
| − | body.skin-minerva .jsPurgeLink a.external {
| + | .hlist dt:last-child:after, |
| − | color: #327ba7;
| + | .hlist li:last-child:after { |
| | + | content: none; |
| | } | | } |
| − | | + | /* Add parentheses around nested lists */ |
| − | .header-container.header-chrome { | + | .hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, |
| − | background: url('filepath://RuneScape_Wiki_background.jpg') #f6f6f6 no-repeat;
| + | .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, |
| − | background-size: 900px;
| + | .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before { |
| − | background-position: 0 50%;
| + | content: " ("; |
| − | box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.1);
| + | font-weight: normal; |
| | } | | } |
| − | | + | .hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after, |
| − | .header-container .header { | + | .hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after, |
| − | height: 3.75em;
| + | .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 */ |
| − | .header-container .header .search-box { | + | .hlist ol { |
| − | text-align: right;
| + | counter-reset: listitem; |
| | } | | } |
| − | | + | .hlist ol > li { |
| − | .header-container .header .search { | + | counter-increment: listitem; |
| − | box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
| |
| | } | | } |
| − | | + | .hlist ol > li:before { |
| − | .header-container .mw-ui-icon-mainmenu:before { | + | content: " " counter(listitem) "\a0"; |
| − | background-image: linear-gradient(transparent, transparent), url("data:image/svg+xml,%3C%3Fxml version=%221.0%22 encoding=%22UTF-8%22%3F%3E%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2224%22 height=%2224%22 viewBox=%220 0 24 24%22%3E%3Ctitle%3Emenu%3C/title%3E%3Cpath fill=%22%23ffffff%22 fill-rule=%22evenodd%22 d=%22M21 19H2v-2h19v2zm0-6H2v-2h19v2zm0-6H2V5h19v2z%22/%3E%3C/svg%3E");
| |
| − | filter: drop-shadow(0 0.05em 0.25em rgba(0, 0, 0, 0.5));
| |
| | } | | } |
| − | | + | .hlist dd ol > li:first-child:before, |
| − | .header-container .branding-box h1 { | + | .hlist dt ol > li:first-child:before, |
| − | color: #ffffff;
| + | .hlist li ol > li:first-child:before { |
| − | font-size: 1.5em;
| + | content: " (" counter(listitem) "\a0"; |
| − | font-weight: bold;
| |
| − | font-family: 'PT Serif', 'Palatino', 'Georgia', serif;
| |
| − | margin: 0.15em 0;
| |
| − | text-shadow: 0 0.05em 0.25em rgba(0, 0, 0, 0.5);
| |
| − | -webkit-user-select: none;
| |
| − | -moz-user-select: none;
| |
| − | -ms-user-select: none;
| |
| − | user-select: none;
| |
| | } | | } |
| | | | |
| − | .search-overlay.overlay { | + | /* Unbulleted lists */ |
| − | padding-top: 3.75em;
| + | .plainlist ol, |
| | + | .plainlist ul { |
| | + | line-height: inherit; |
| | + | list-style: none none; |
| | + | margin: 0; |
| | } | | } |
| − | | + | .plainlist ol li, |
| − | .search-overlay .mw-ui-icon-clear.clear { | + | .plainlist ul li { |
| − | top: 30%;
| + | margin-bottom: 0; |
| | } | | } |
| | | | |
| − | .search-overlay .mw-ui-icon.mw-ui-icon-small:before { | + | /* Default style for navigation boxes */ |
| − | background-size: inherit;
| + | .navbox { /* Navbox container style */ |
| | + | box-sizing: border-box; |
| | + | border: 1px solid #a2a9b1; |
| | + | width: 100%; |
| | + | clear: both; |
| | + | font-size: 88%; |
| | + | text-align: center; |
| | + | padding: 1px; |
| | + | margin: 1em auto 0; /* Prevent preceding content from clinging to navboxes */ |
| | } | | } |
| − | | + | .navbox .navbox { |
| − | .search-overlay .page-summary h3 { | + | margin-top: 0; /* No top margin for nested navboxes */ |
| − | line-height: 1.4em;
| |
| | } | | } |
| − | | + | .navbox + .navbox { |
| − | footer > .post-content {
| + | margin-top: -1px; /* Single pixel border between adjacent navboxes */ |
| − | margin-top: 1em;
| |
| | } | | } |
| − | | + | .navbox-inner, |
| − | footer > .post-content > h2:first-child {
| + | .navbox-subgroup { |
| − | display: none;
| + | width: 100%; |
| | } | | } |
| − | | + | .navbox-group, |
| − | #content {
| + | .navbox-title, |
| − | border-top: none;
| + | .navbox-abovebelow { |
| | + | padding: 0.25em 1em; /* Title, group and above/below styles */ |
| | + | line-height: 1.5em; |
| | + | text-align: center; |
| | } | | } |
| − | | + | th.navbox-group { /* Group style */ |
| − | #page-actions .language-selector {
| + | white-space: nowrap; |
| − | display: none;
| + | /* @noflip */ |
| | + | text-align: right; |
| | } | | } |
| − | | + | .navbox, |
| − | .overlay-enabled, | + | .navbox-subgroup { |
| − | #content,
| + | background-color: #fdfdfd; /* Background color */ |
| − | .search-overlay { | |
| − | background-color: #fbfbfb;
| |
| | } | | } |
| − | | + | .navbox-list { |
| − | .content ul.actionbar,
| + | line-height: 1.5em; |
| − | .content ul.actionbar-revolution { | + | border-color: #fdfdfd; /* Must match background color */ |
| − | -webkit-box-sizing: border-box;
| |
| − | -moz-box-sizing: border-box;
| |
| − | -ms-box-sizing: border-box;
| |
| − | box-sizing: border-box;
| |
| − | padding: 39px 0 0 6px;
| |
| − | margin: 0;
| |
| − | width: 530px;
| |
| − | height: 76px;
| |
| | } | | } |
| − | | + | /* cell spacing for navbox cells */ |
| − | .content ul.actionbar li, | + | tr + tr > .navbox-abovebelow, |
| − | .content ul.actionbar-revolution li { | + | tr + tr > .navbox-group, |
| − | list-style: none;
| + | tr + tr > .navbox-image, |
| − | float: left;
| + | tr + tr > .navbox-list { /* Borders above 2nd, 3rd, etc. rows */ |
| − | margin: 0;
| + | border-top: 2px solid #fdfdfd; /* Must match background color */ |
| − | padding: 0;
| |
| − | width: 32px;
| |
| − | height: 32px;
| |
| − | line-height: 32px;
| |
| − | text-align: center;
| |
| − | margin-right: 4px;
| |
| | } | | } |
| − | | + | .navbox th, |
| − | .content ul.actionbar { | + | .navbox-title { |
| − | background: url('filepath://Template_action_bar.png');
| + | background-color: #ccccff; /* Level 1 color */ |
| | } | | } |
| − | | + | .navbox-abovebelow, |
| − | .content ul.actionbar-revolution { | + | th.navbox-group, |
| − | background: url('filepath://Template_action_bar_revolution.png');
| + | .navbox-subgroup .navbox-title { |
| | + | background-color: #ddddff; /* Level 2 color */ |
| | } | | } |
| − | | + | .navbox-subgroup .navbox-group, |
| − | .equipmenttable { | + | .navbox-subgroup .navbox-abovebelow { |
| − | background-image: url('filepath://Worn_equipment_interface_blank.png');
| + | background-color: #e6e6ff; /* Level 3 color */ |
| − | background-repeat: no-repeat;
| |
| − | background-position: top left;
| |
| − | width: 225px;
| |
| − | height: 320px;
| |
| − | text-align: center;
| |
| − | display: inline-block;
| |
| | } | | } |
| − | | + | .navbox-even { |
| − | .equipmenttable.equipmenttable-float-right {
| + | background-color: #f7f7f7; /* Even row striping */ |
| − | float: right;
| |
| | } | | } |
| − | | + | .navbox-odd { |
| − | .equipmenttable.equipmenttable-float-left {
| + | background-color: transparent; /* Odd row striping */ |
| − | float: left;
| |
| | } | | } |
| − | | + | .navbox .hlist td dl, |
| − | .equipmenttable.equipmenttable-float-center { | + | .navbox .hlist td ol, |
| − | display: block;
| + | .navbox .hlist td ul, |
| − | margin: 0 auto;
| + | .navbox td.hlist dl, |
| | + | .navbox td.hlist ol, |
| | + | .navbox td.hlist ul { |
| | + | padding: 0.125em 0; /* Adjust hlist padding in navboxes */ |
| | } | | } |
| | | | |
| − | .equipmenttable .equipmentrow { | + | /* Default styling for Navbar template */ |
| − | position: relative;
| + | .navbar { |
| | + | display: inline; |
| | + | font-size: 88%; |
| | + | font-weight: normal; |
| | } | | } |
| − | | + | .navbar ul { |
| − | .equipmenttable .equipmentrow.equipmentrow1 { | + | display: inline-block; |
| − | top: 65px;
| + | white-space: nowrap; |
| | } | | } |
| − | | + | .mw-body-content .navbar ul { |
| − | .equipmenttable .equipmentrow.equipmentrow2 {
| + | line-height: inherit; |
| − | top: 73px;
| |
| | } | | } |
| − | | + | .navbar li { |
| − | .equipmenttable .equipmentrow.equipmentrow3 {
| + | word-spacing: -0.125em; |
| − | top: 81px;
| |
| | } | | } |
| − | | + | .navbar.mini li abbr[title] { |
| − | .equipmenttable .equipmentrow.equipmentrow4 {
| + | font-variant: small-caps; |
| − | top: 88px;
| + | border-bottom: none; |
| | + | text-decoration: none; |
| | + | cursor: inherit; |
| | } | | } |
| − | | + | /* Navbar styling when nested in infobox and navbox */ |
| − | .equipmenttable .equipmentrow.equipmentrow5 { | + | .infobox .navbar { |
| − | top: 98px;
| + | font-size: 100%; |
| | } | | } |
| − | | + | .navbox .navbar { |
| − | .equipmenttable .equipmentrow .equipmentslot { | + | display: block; |
| − | display: table-cell;
| + | font-size: 100%; |
| − | position: relative;
| |
| − | height: 32px;
| |
| − | width: 32px;
| |
| − | vertical-align: middle;
| |
| | } | | } |
| − | | + | .navbox-title .navbar { |
| − | .equipmenttable .equipmentrow .equipmentslot img { | + | /* @noflip */ |
| − | max-height: 32px;
| + | float: left; |
| − | max-width: 32px;
| + | /* @noflip */ |
| | + | text-align: left; |
| | + | /* @noflip */ |
| | + | margin-right: 0.5em; |
| | } | | } |
| | | | |
| − | .equipmenttable .equipmentrow .equipmentslot.emptyslot img { | + | /* Styling for JQuery makeCollapsible, matching that of collapseButton */ |
| − | opacity: 0.5;
| + | .mw-parser-output .mw-collapsible-toggle { |
| | + | font-weight: normal; |
| | + | /* @noflip */ |
| | + | text-align: right; |
| | + | padding-right: 0.2em; |
| | + | padding-left: 0.2em; |
| | } | | } |
| − | | + | .mw-collapsible-leftside-toggle .mw-collapsible-toggle { |
| − | .equipmenttable .equipmentrow .equipmentslot.auraslot {
| + | /* @noflip */ |
| − | left: 57px;
| + | float: left; |
| | + | /* @noflip */ |
| | + | text-align: left; |
| | } | | } |
| | | | |
| − | .equipmenttable .equipmentrow .equipmentslot.headslot { | + | /* Infobox template style */ |
| − | left: 65px;
| + | .infobox { |
| | + | border: 1px solid #a2a9b1; |
| | + | border-spacing: 3px; |
| | + | background-color: #f8f9fa; |
| | + | color: black; |
| | + | /* @noflip */ |
| | + | margin: 0.5em 0 0.5em 1em; |
| | + | padding: 0.2em; |
| | + | /* @noflip */ |
| | + | float: right; |
| | + | /* @noflip */ |
| | + | clear: right; |
| | + | font-size: 88%; |
| | + | line-height: 1.5em; |
| | } | | } |
| − | | + | .infobox caption { |
| − | .equipmenttable .equipmentrow .equipmentslot.pocketslot { | + | font-size: 125%; |
| − | left: 73px;
| + | font-weight: bold; |
| | + | padding: 0.2em; |
| | + | text-align: center; |
| | } | | } |
| − | | + | .infobox td, |
| − | .equipmenttable .equipmentrow .equipmentslot.capeslot { | + | .infobox th { |
| − | left: 57px;
| + | vertical-align: top; |
| | + | /* @noflip */ |
| | + | text-align: left; |
| | } | | } |
| − | | + | .infobox.bordered { |
| − | .equipmenttable .equipmentrow .equipmentslot.neckslot {
| + | border-collapse: collapse; |
| − | left: 65px;
| |
| | } | | } |
| − | | + | .infobox.bordered td, |
| − | .equipmenttable .equipmentrow .equipmentslot.ammoslot { | + | .infobox.bordered th { |
| − | left: 73px;
| + | border: 1px solid #a2a9b1; |
| | } | | } |
| − | | + | .infobox.bordered .borderless td, |
| − | .equipmenttable .equipmentrow .equipmentslot.weaponslot { | + | .infobox.bordered .borderless th { |
| − | left: 37px;
| + | border: 0; |
| | } | | } |
| | | | |
| − | .equipmenttable .equipmentrow .equipmentslot.torsoslot { | + | .infobox.sisterproject { |
| − | left: 65px;
| + | width: 20em; |
| | + | font-size: 90%; |
| | } | | } |
| | | | |
| − | .equipmenttable .equipmentrow .equipmentslot.shieldslot { | + | .infobox.standard-talk { |
| − | left: 93px;
| + | border: 1px solid #c0c090; |
| | + | background-color: #f8eaba; |
| | } | | } |
| − | | + | .infobox.standard-talk.bordered td, |
| − | .equipmenttable .equipmentrow .equipmentslot.legsslot { | + | .infobox.standard-talk.bordered th { |
| − | left: 97px;
| + | border: 1px solid #c0c090; |
| | } | | } |
| | | | |
| − | .equipmenttable .equipmentrow .equipmentslot.glovesslot { | + | /* styles for bordered infobox with merged rows */ |
| − | left: 37px;
| + | .infobox.bordered .mergedtoprow td, |
| | + | .infobox.bordered .mergedtoprow th { |
| | + | border: 0; |
| | + | border-top: 1px solid #a2a9b1; |
| | + | /* @noflip */ |
| | + | border-right: 1px solid #a2a9b1; |
| | } | | } |
| | | | |
| − | .equipmenttable .equipmentrow .equipmentslot.bootsslot { | + | .infobox.bordered .mergedrow td, |
| − | left: 65px;
| + | .infobox.bordered .mergedrow th { |
| | + | border: 0; |
| | + | /* @noflip */ |
| | + | border-right: 1px solid #a2a9b1; |
| | } | | } |
| | | | |
| − | .equipmenttable .equipmentrow .equipmentslot.ringslot { | + | /* Styles for geography infoboxes, eg countries, |
| − | left: 93px;
| + | country subdivisions, cities, etc. */ |
| | + | .infobox.geography { |
| | + | border-collapse: collapse; |
| | + | line-height: 1.2em; |
| | + | font-size: 90%; |
| | } | | } |
| | | | |
| − | .infobox-bonuses.wikitable th { | + | .infobox.geography td, |
| − | padding: 0.25em 0.4em;
| + | .infobox.geography th { |
| − | text-align: center;
| + | border-top: 1px solid #a2a9b1; |
| − | white-space: nowrap;
| + | padding: 0.4em 0.6em 0.4em 0.6em; |
| − | width: 70px !important;
| |
| | } | | } |
| − | | + | .infobox.geography .mergedtoprow td, |
| − | .infobox-bonuses.wikitable td { | + | .infobox.geography .mergedtoprow th { |
| − | text-align: center;
| + | border-top: 1px solid #a2a9b1; |
| | + | padding: 0.4em 0.6em 0.2em 0.6em; |
| | } | | } |
| | | | |
| − | .infobox-bonuses.wikitable .combat-attributes { | + | .infobox.geography .mergedrow td, |
| − | text-align: left;
| + | .infobox.geography .mergedrow th { |
| | + | border: 0; |
| | + | padding: 0 0.6em 0.2em 0.6em; |
| | } | | } |
| | | | |
| − | .infobox-bonuses.wikitable .combat-attributes .image { | + | .infobox.geography .mergedbottomrow td, |
| − | display: inline-block;
| + | .infobox.geography .mergedbottomrow th { |
| − | margin-right: 4px;
| + | border-top: 0; |
| − | width: 23px;
| + | border-bottom: 1px solid #a2a9b1; |
| | + | padding: 0 0.6em 0.4em 0.6em; |
| | } | | } |
| | | | |
| − | .rsw-infobox { | + | .infobox.geography .maptable td, |
| − | font-size: 85%;
| + | .infobox.geography .maptable th { |
| − | background-color: #f9f9f9;
| + | border: 0; |
| − | box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
| + | padding: 0; |
| − | margin-bottom: 2.5em !important;
| |
| − | max-width: 300px;
| |
| − | display: table !important;
| |
| | } | | } |
| | | | |
| − | .rsw-infobox tbody { | + | /* Normal font styling for wikitable row headers with scope="row" tag */ |
| − | width: 100%;
| + | .wikitable.plainrowheaders th[scope=row] { |
| − | display: table;
| + | font-weight: normal; |
| | + | /* @noflip */ |
| | + | text-align: left; |
| | } | | } |
| | | | |
| − | .rsw-infobox .infobox-image { | + | /* Lists in wikitable data cells are always left-aligned */ |
| − | text-align: center;
| + | .wikitable td ul, |
| | + | .wikitable td ol, |
| | + | .wikitable td dl { |
| | + | /* @noflip */ |
| | + | text-align: left; |
| | } | | } |
| − | | + | /* ...unless they also use the hlist class */ |
| − | .rsw-infobox .infobox-header { | + | .toc.hlist ul, |
| − | color: #ffffff;
| + | #toc.hlist ul, |
| − | font-size: 1.15em;
| + | .wikitable.hlist td ul, |
| − | background: #246c97;
| + | .wikitable.hlist td ol, |
| − | border-bottom: 0.5em solid #f9f9f9;
| + | .wikitable.hlist td dl { |
| − | padding: 0.5em 0;
| + | text-align: inherit; |
| | } | | } |
| | | | |
| − | .rsw-infobox .infobox-subheader {
| + | /* Icons for medialist templates [[Template:Listen]], |
| − | background: #6ba5c8;
| + | [[Template:Multi-listen_start]], [[Template:Video]], |
| − | color: #ffffff;
| + | [[Template:Multi-video_start]] */ |
| − | line-height: 2em;
| + | /* TemplateStyles */ |
| − | border-top: 0.5em solid #f9f9f9;
| + | div.listenlist { |
| − | border-bottom: 0.5em solid #f9f9f9;
| + | background: url("//upload.wikimedia.org/wikipedia/commons/4/47/Sound-icon.svg") no-repeat scroll 0 0 transparent; |
| | + | background-size: 30px; |
| | + | padding-left: 40px; |
| | } | | } |
| | | | |
| − | .rsw-infobox .infobox-subheader a { | + | /* Fix for hieroglyphs specificity issue in infoboxes ([[phab:T43869]]) */ |
| − | color: #ffffff;
| + | table.mw-hiero-table td { |
| | + | vertical-align: middle; |
| | } | | } |
| | | | |
| − | .rsw-infobox th:not(.infobox-header):not(.infobox-subheader) {
| + | /* Change the external link icon to an Adobe icon for all PDF files */ |
| − | text-align: right;
| + | .mw-parser-output a[href$=".pdf"].external, |
| − | vertical-align: top;
| + | .mw-parser-output a[href*=".pdf?"].external, |
| − | border-left: 1px solid #efefef;
| + | .mw-parser-output a[href*=".pdf#"].external, |
| − | border-right: 0.175em solid #6ba5c8;
| + | .mw-parser-output a[href$=".PDF"].external, |
| − | padding: 0.2em 0.5em;
| + | .mw-parser-output a[href*=".PDF?"].external, |
| − | }
| + | .mw-parser-output a[href*=".PDF#"].external { |
| − | | + | background: url("//upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") no-repeat right; |
| − | .rsw-infobox td:not(.infobox-image):not(.infobox-map) {
| + | /* @noflip */ |
| − | border-right: 1px solid #efefef;
| + | padding-right: 18px; |
| − | padding: 0.25em 0.5em;
| |
| − | line-height: 1.6em;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox td[colspan="2"]:not(.infobox-image):not(.infobox-map) {
| |
| − | border: 1px solid #efefef;
| |
| − | padding-bottom: 0.6em;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox .infobox-map { | |
| − | border: 1px solid #efefef;
| |
| − | border-top: none;
| |
| − | text-align: center;
| |
| − | padding: 7px 0;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox .infobox-bottom-links,
| |
| − | .rsw-infobox .infobox-template-links { | |
| − | display: none;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox.infobox-monster {
| |
| − | font-size: 80%;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox.infobox-monster tbody {
| |
| − | table-layout: fixed;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox.infobox-monster input[type='number'] {
| |
| − | background: #ffffff;
| |
| − | border: 1px solid #efefef;
| |
| − | padding: 2px;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox.infobox-monster td { | |
| − | text-align: center;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox.infobox-monster td:not(.infobox-image):not(.infobox-map) {
| |
| − | border-right: 1px solid #efefef;
| |
| − | border-left: 1px solid #efefef;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox.infobox-monster th:not([colspan="2"]):last-child {
| |
| − | border-right: 1px solid #efefef;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox.infobox-monster th.infobox-header,
| |
| − | .rsw-infobox.infobox-monster th.infobox-subheader,
| |
| − | .rsw-infobox.infobox-monster th.combat-subheader { | |
| − | text-align: center;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox.infobox-monster th.offensive-header {
| |
| − | background-color: #801c13;
| |
| − | color: #ffffff;
| |
| − | text-align: center;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox.infobox-monster th.offensive-subheader {
| |
| − | background-color: #ecccc6;
| |
| − | color: #801c13;
| |
| − | text-align: center;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox.infobox-monster th.offensive-subheader a {
| |
| − | color: #801c13;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox.infobox-monster th.offensive-subheader:not(:last-child) { | |
| − | border-right: 0.175em solid #801c13;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox.infobox-monster th.defensive-header {
| |
| − | background-color: #438ab5;
| |
| − | color: #ffffff;
| |
| − | text-align: center;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox.infobox-monster th.defensive-subheader {
| |
| − | background-color: #c1deed;
| |
| − | color: #222222;
| |
| − | text-align: center;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox.infobox-monster th.defensive-subheader a {
| |
| − | color: #222222;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox.infobox-monster th.slayer-header {
| |
| − | background: #4c4c4c;
| |
| − | color: #ffffff;
| |
| − | text-align: center;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox.infobox-monster th.slayer-subheader {
| |
| − | background-color: #cccccc;
| |
| − | color: #4c4c4c;
| |
| − | text-align: center;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox.infobox-monster th.slayer-subheader:not(:last-child) {
| |
| − | border-right: 0.175em solid #4c4c4c;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox.infobox-user-stats th {
| |
| − | border: none;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox.infobox-user-stats th.infobox-header {
| |
| − | text-align: center;
| |
| − | border-bottom: none;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox.infobox-user-stats th.infobox-header a,
| |
| − | .rsw-infobox.infobox-user-stats th.infobox-header a:visited { | |
| − | color: #ffffff;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox.infobox-user-stats th.infobox-subheader {
| |
| − | text-align: center;
| |
| − | border-top: none;
| |
| − | border-bottom: 0.175em solid #f9f9f9;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox.infobox-user-stats td:not(.infobox-image):not(.infobox-map):last-child {
| |
| − | border: none;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox#infobox-familiar tbody {
| |
| − | table-layout: fixed;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox#infobox-familiar th[colspan="2"] {
| |
| − | text-align: right;
| |
| − | border-right: 0.175em solid #6ba5c8;
| |
| − | padding: 0.2em 0.5em;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox#infobox-familiar th[colspan="4"] { | |
| − | text-align: center;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox#infobox-familiar th:last-child { | |
| − | border-right: 1px solid #efefef;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox#infobox-familiar th:first-child { | |
| − | border-left: 1px solid #efefef;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox#infobox-familiar td.infobox-template-links {
| |
| − | border: 1px solid #efefef !important;
| |
| − | padding-bottom: 0.6em;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox#infobox-familiar td:first-child {
| |
| − | border-left: 1px solid #efefef !important;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox#infobox-familiar td:last-child {
| |
| − | border-right: 1px solid #efefef !important;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox#infobox-familiar td:not(.infobox-image):not(.infobox-map) {
| |
| − | border: none;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox#infobox-familiar td[colspan="2"]:not(.infobox-image):not(.infobox-map) {
| |
| − | border: none;
| |
| − | padding: 0.25em 0.5em;
| |
| − | }
| |
| − | | |
| − | .rsw-infobox .advanced-data {
| |
| − | display: none;
| |
| − | }
| |
| − | | |
| − | .infobox-bonuses.wikitable {
| |
| − | font-size: 0.9rem;
| |
| − | }
| |
| − | | |
| − | .infobox-bonuses.wikitable th {
| |
| − | min-width: 50px !important;
| |
| − | }
| |
| − | | |
| − | @media screen and (max-width: 560px) {
| |
| − | .infobox-wrapper {
| |
| − | width: 100% !important;
| |
| − | }
| |
| − | | |
| − | }
| |
| − | | |
| − | @media screen and (max-width: 499px) {
| |
| − | .rsw-infobox {
| |
| − | margin-left: auto !important;
| |
| − | margin-right: auto !important;
| |
| − | }
| |
| − | | |
| − | }
| |
| − | | |
| − | @media screen and (min-width: 500px) {
| |
| − | .rsw-infobox {
| |
| − | float: right;
| |
| − | margin-left: 1em !important;
| |
| − | }
| |
| − | | |
| − | }
| |
| − | | |
| − | .inventorytable {
| |
| − | background-image: url('filepath://Inventory_interface.png');
| |
| − | background-repeat: no-repeat;
| |
| − | background-position: top left;
| |
| − | width: 174px;
| |
| − | height: 328px;
| |
| − | padding: 37px 0 42px;
| |
| − | border-spacing: 0;
| |
| − | }
| |
| − | | |
| − | .inventorytable td { | |
| − | padding: 0 !important;
| |
| − | border: 0 !important;
| |
| − | text-align: center;
| |
| − | position: relative;
| |
| − | width: 46px;
| |
| − | height: 36px;
| |
| − | }
| |
| − | | |
| − | .inventorytable .inv-quantity-text {
| |
| − | top: -1px;
| |
| − | text-shadow: #000 1px 1px;
| |
| − | position: absolute;
| |
| − | color: yellow;
| |
| − | font-family: runescape-small;
| |
| − | left: 6px;
| |
| − | font-size: 16px;
| |
| − | }
| |
| − | | |
| − | .inventorytable .inv-quantity-text.qty-100k {
| |
| − | color: #FFFFFF;
| |
| − | }
| |
| − | | |
| − | .inventorytable .inv-quantity-text.qty-10m {
| |
| − | color: #01FF80;
| |
| − | }
| |
| − | | |
| − | .inventorytable .noted-item a {
| |
| − | width: 32px;
| |
| − | line-height: 28px;
| |
| − | background-image: url(/images/c/cc/Note.png?37169);
| |
| − | background-repeat: no-repeat;
| |
| − | display: inline-block;
| |
| − | background-position: center;
| |
| − | }
| |
| − | | |
| − | .inventorytable .noted-item img {
| |
| − | transform: scale(0.65);
| |
| − | }
| |
| − | | |
| − | .content table.messagebox,
| |
| − | .messagebox {
| |
| − | width: auto !important;
| |
| | } | | } |
| | | | |
| | + | /* Messagebox templates */ |
| | .messagebox { | | .messagebox { |
| − | display: block !important;
| + | border: 1px solid #a2a9b1; |
| − | padding: 5px 7px;
| + | background-color: #f8f9fa; |
| − | color: #54595d;
| + | width: 80%; |
| − | font-size: 0.8em;
| + | margin: 0 auto 1em auto; |
| − | background-color: #f8f9fa;
| + | padding: .2em; |
| − | margin-bottom: 1px;
| |
| − | overflow: hidden;
| |
| − | }
| |
| − | | |
| − | .messagebox.obsolete {
| |
| − | background-color: #cfcfcf;
| |
| − | border-color: #464646;
| |
| − | }
| |
| − | | |
| − | .messagebox.obsolete a,
| |
| − | .messagebox.obsolete a:visited,
| |
| − | .messagebox.obsolete a:active {
| |
| − | color: #6c6c6c;
| |
| − | }
| |
| − | | |
| − | .messagebox.info {
| |
| − | background-color: #ebebeb;
| |
| − | border-color: #898989;
| |
| − | }
| |
| − | | |
| − | .messagebox.info a,
| |
| − | .messagebox.info a:visited,
| |
| − | .messagebox.info a:active {
| |
| − | color: #6c6c6c;
| |
| − | }
| |
| − | | |
| − | .messagebox.action {
| |
| − | background-color: #cbdae2;
| |
| − | border-color: #45697D;
| |
| − | }
| |
| − | | |
| − | .messagebox.action a,
| |
| − | .messagebox.action a:visited,
| |
| − | .messagebox.action a:active {
| |
| − | color: #3c5c6e;
| |
| − | }
| |
| − | | |
| − | .messagebox.file {
| |
| − | background-color: #cfd8eb;
| |
| − | border-color: #617ebc;
| |
| − | }
| |
| − | | |
| − | .messagebox.file a,
| |
| − | .messagebox.file a:visited,
| |
| − | .messagebox.file a:active {
| |
| − | color: #556d97;
| |
| − | }
| |
| − | | |
| − | .messagebox.warn {
| |
| − | background-color: #ecd8d5;
| |
| − | border-color: #861c10;
| |
| − | }
| |
| − | | |
| − | .messagebox.warn a,
| |
| − | .messagebox.warn a:visited,
| |
| − | .messagebox.warn a:active {
| |
| − | color: #861c10;
| |
| − | }
| |
| − | | |
| − | .messagebox.disambig {
| |
| − | background-color: #ebebeb;
| |
| − | border-color: #898989;
| |
| − | margin-top: 20px !important;
| |
| − | margin-bottom: 30px !important;
| |
| − | }
| |
| − | | |
| − | .messagebox.disambig a,
| |
| − | .messagebox.disambig a:visited,
| |
| − | .messagebox.disambig a:active { | |
| − | color: #6c6c6c;
| |
| − | }
| |
| − | | |
| − | .messagebox.safe {
| |
| − | background-color: #d8f0d3;
| |
| − | border-color: #1b8408;
| |
| − | }
| |
| − | | |
| − | .messagebox.safe a,
| |
| − | .messagebox.safe a:visited,
| |
| − | .messagebox.safe a:active {
| |
| − | color: #1b8408;
| |
| − | }
| |
| − | | |
| − | .messagebox.unsafe {
| |
| − | background-color: #ffee88;
| |
| − | border-color: #997700;
| |
| − | }
| |
| − | | |
| − | .messagebox.unsafe a,
| |
| − | .messagebox.unsafe a:visited,
| |
| − | .messagebox.unsafe a:active {
| |
| − | color: #997700;
| |
| | } | | } |
| − | | + | .messagebox.merge { |
| − | .messagebox.easter { | + | border: 1px solid #c0b8cc; |
| − | background-color: #e5f9c2;
| + | background-color: #f0e5ff; |
| − | border-color: #598014;
| + | text-align: center; |
| | } | | } |
| − | | + | .messagebox.cleanup { |
| − | .messagebox.easter a, | + | border: 1px solid #9f9fff; |
| − | .messagebox.easter a:visited,
| + | background-color: #efefff; |
| − | .messagebox.easter a:active {
| + | text-align: center; |
| − | color: #598014;
| |
| | } | | } |
| − | | + | .messagebox.standard-talk { |
| − | .messagebox.halloween { | + | border: 1px solid #c0c090; |
| − | background-color: #e8d8ea;
| + | background-color: #f8eaba; |
| − | border-color: #794080;
| + | margin: 4px auto; |
| | } | | } |
| − | | + | /* For old WikiProject banners inside banner shells. */ |
| − | .messagebox.halloween a, | + | .mbox-inside .standard-talk, |
| − | .messagebox.halloween a:visited, | + | .messagebox.nested-talk { |
| − | .messagebox.halloween a:active {
| + | border: 1px solid #c0c090; |
| − | color: #794080;
| + | background-color: #f8eaba; |
| | + | width: 100%; |
| | + | margin: 2px 0; |
| | + | padding: 2px; |
| | } | | } |
| − | | + | .messagebox.small { |
| − | .messagebox.thanksgiving { | + | width: 238px; |
| − | background-color: #f0cba8;
| + | font-size: 85%; |
| − | border-color: #a65800;
| + | /* @noflip */ |
| | + | float: right; |
| | + | clear: both; |
| | + | /* @noflip */ |
| | + | margin: 0 0 1em 1em; |
| | + | line-height: 1.25em; |
| | } | | } |
| − | | + | .messagebox.small-talk { |
| − | .messagebox.thanksgiving a, | + | width: 238px; |
| − | .messagebox.thanksgiving a:visited,
| + | font-size: 85%; |
| − | .messagebox.thanksgiving a:active { | + | /* @noflip */ |
| − | color: #a65800;
| + | float: right; |
| | + | clear: both; |
| | + | /* @noflip */ |
| | + | margin: 0 0 1em 1em; |
| | + | line-height: 1.25em; |
| | + | background-color: #f8eaba; |
| | } | | } |
| | | | |
| − | .messagebox.christmas { | + | /* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */ |
| − | background-color: #d4eaf6;
| + | th.mbox-text, td.mbox-text { /* The message body cell(s) */ |
| − | border-color: #428bb5; | + | border: none; |
| | + | /* @noflip */ |
| | + | 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 */ |
| − | .messagebox.christmas a, | + | border: none; |
| − | .messagebox.christmas a:visited,
| + | /* @noflip */ |
| − | .messagebox.christmas a:active { | + | padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */ |
| − | color: #3a799d;
| + | text-align: center; |
| | } | | } |
| − | | + | td.mbox-imageright { /* The right image cell */ |
| − | .messagebox.bigRaffle { | + | border: none; |
| − | background-color: #f1de9f;
| + | /* @noflip */ |
| − | border-color: #640000;
| + | padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */ |
| | + | text-align: center; |
| | } | | } |
| − | | + | td.mbox-empty-cell { /* An empty narrow cell */ |
| − | .messagebox.bigRaffle a, | + | border: none; |
| − | .messagebox.bigRaffle a:visited,
| + | padding: 0; |
| − | .messagebox.bigRaffle a:active {
| + | width: 1px; |
| − | color: #640000;
| |
| | } | | } |
| | | | |
| − | .messagebox.stub { | + | /* Article message box styles */ |
| − | width: 40%;
| + | table.ambox { |
| | + | margin: 0 10%; /* 10% = Will not overlap with other elements */ |
| | + | border: 1px solid #a2a9b1; |
| | + | /* @noflip */ |
| | + | border-left: 10px solid #36c; /* Default "notice" blue */ |
| | + | background-color: #fbfbfb; |
| | + | box-sizing: border-box; |
| | } | | } |
| − | | + | table.ambox + table.ambox { /* Single border between stacked boxes. */ |
| − | .messagebox.welcomenotice { | + | margin-top: -1px; |
| − | padding: 1em;
| |
| − | width: 90%;
| |
| | } | | } |
| − | | + | .ambox th.mbox-text, |
| − | .messagebox.welcomenotice .wordmark { | + | .ambox td.mbox-text { /* The message body cell(s) */ |
| − | filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.1));
| + | padding: 0.25em 0.5em; /* 0.5em left/right */ |
| | } | | } |
| − | | + | .ambox td.mbox-image { /* The left image cell */ |
| − | .messagebox.hasdialogue { | + | /* @noflip */ |
| − | width: auto;
| + | padding: 2px 0 2px 0.5em; /* 0.5em left, 0px right */ |
| | } | | } |
| − | | + | .ambox td.mbox-imageright { /* The right image cell */ |
| − | .messagebox2 { | + | /* @noflip */ |
| − | display: block !important;
| + | padding: 2px 0.5em 2px 0; /* 0px left, 0.5em right */ |
| − | color: #54595d;
| |
| − | font-size: 0.8em;
| |
| − | background-color: #f8f9fa;
| |
| − | margin-bottom: 1px;
| |
| − | max-width: 100% !important;
| |
| − | overflow: hidden;
| |
| | } | | } |
| | | | |
| − | .messagebox2 .messagebox-image { | + | table.ambox-notice { |
| − | width: 55px;
| + | /* @noflip */ |
| − | display: flex;
| + | border-left: 10px solid #36c; /* Blue */ |
| − | justify-content: center;
| |
| − | align-items: center;
| |
| | } | | } |
| − | | + | table.ambox-speedy { |
| − | .messagebox2 .messagebox-title {
| + | /* @noflip */ |
| − | font-weight: bold;
| + | border-left: 10px solid #b32424; /* Red */ |
| − | line-height: 1.55em;
| + | background-color: #fee7e6; /* Pink */ |
| − | padding: 0.6em 0.6em 0.6em 0;
| |
| − | flex: 1;
| |
| | } | | } |
| − | | + | table.ambox-delete { |
| − | .messagebox2 .messagebox-text { | + | /* @noflip */ |
| − | line-height: 1.6em;
| + | border-left: 10px solid #b32424; /* Red */ |
| − | padding: 0.65em 0.65em 0.65em 55px;
| |
| − | border: 1px solid #e4eaee;
| |
| − | border-top-width: 0;
| |
| | } | | } |
| − | | + | table.ambox-content { |
| − | .messagebox2 .messagebox-header {
| + | /* @noflip */ |
| − | background: #ddedf6;
| + | border-left: 10px solid #f28500; /* Orange */ |
| − | border: 1px solid #c5e0ef;
| |
| − | border-bottom: 0.3em solid #589ac1;
| |
| − | display: flex;
| |
| | } | | } |
| − | | + | table.ambox-style { |
| − | .messagebox2.warn .messagebox-header {
| + | /* @noflip */ |
| − | background: #feecea;
| + | border-left: 10px solid #fc3; /* Yellow */ |
| − | border-color: #fdd6d2;
| |
| − | border-bottom-color: #ed3523;
| |
| | } | | } |
| − | | + | table.ambox-move { |
| − | .messagebox2.warn .messagebox-header a { | + | /* @noflip */ |
| − | color: #da2412;
| + | border-left: 10px solid #9932cc; /* Purple */ |
| | } | | } |
| − | | + | table.ambox-protection { |
| − | .messagebox2.action .messagebox-header {
| + | /* @noflip */ |
| − | background: #fef0e4;
| + | border-left: 10px solid #a2a9b1; /* Gray-gold */ |
| − | border-color: #fde2cb;
| |
| − | border-bottom-color: #f67e0c;
| |
| | } | | } |
| | | | |
| − | .messagebox2.action .messagebox-header a { | + | /* Image message box styles */ |
| − | color: #d76d08;
| + | table.imbox { |
| | + | margin: 4px 10%; |
| | + | border-collapse: collapse; |
| | + | border: 3px solid #36c; /* Default "notice" blue */ |
| | + | background-color: #fbfbfb; |
| | + | box-sizing: border-box; |
| | } | | } |
| − | | + | .imbox .mbox-text .imbox { /* For imboxes inside imbox-text cells. */ |
| − | .messagebox2.safe .messagebox-header { | + | margin: 0 -0.5em; /* 0.9 - 0.5 = 0.4em left/right. */ |
| − | background: #ecf8e3;
| + | display: block; /* Fix for webkit to force 100% width. */ |
| − | border-color: #def3cf;
| |
| − | border-bottom-color: #64ba1d;
| |
| − | }
| |
| − | | |
| − | .messagebox2.safe .messagebox-header a { | |
| − | color: #539b18;
| |
| − | }
| |
| − | | |
| − | .messagebox2.file .messagebox-header {
| |
| − | background: #e2e9f7;
| |
| − | border-color: #cedaf1;
| |
| − | border-bottom-color: #5675b7;
| |
| − | }
| |
| − | | |
| − | .messagebox2.file .messagebox-header a { | |
| − | color: #4664a4;
| |
| − | }
| |
| − | | |
| − | .messagebox2.event .messagebox-header {
| |
| − | background: #fceef9;
| |
| − | border-color: #f8d8f1;
| |
| − | border-bottom-color: #e667ca;
| |
| | } | | } |
| − | | + | .mbox-inside .imbox { /* For imboxes inside other templates. */ |
| − | .messagebox2.event .messagebox-header a { | + | margin: 4px; |
| − | color: #e148c0;
| |
| | } | | } |
| | | | |
| − | .messagebox2.info .messagebox-header { | + | table.imbox-notice { |
| − | background: #e4eaee;
| + | border: 3px solid #36c; /* Blue */ |
| − | border-color: #d4dee4;
| |
| − | border-bottom-color: #8b96a3;
| |
| | } | | } |
| − | | + | table.imbox-speedy { |
| − | .messagebox2.info .messagebox-header a {
| + | border: 3px solid #b32424; /* Red */ |
| − | color: #788493;
| + | background-color: #fee7e6; /* Pink */ |
| | } | | } |
| − | | + | table.imbox-delete { |
| − | .messagebox2.obsolete .messagebox-header {
| + | border: 3px solid #b32424; /* Red */ |
| − | background: #eeeeee;
| |
| − | border-color: #e1e1e1;
| |
| − | border-bottom-color: #6f6f6f;
| |
| | } | | } |
| − | | + | table.imbox-content { |
| − | .messagebox2.obsolete .messagebox-header a {
| + | border: 3px solid #f28500; /* Orange */ |
| − | color: #5e5e5e;
| |
| | } | | } |
| − | | + | table.imbox-style { |
| − | .navbox { | + | border: 3px solid #fc3; /* Yellow */ |
| − | border: 1px solid #d4dee4;
| |
| − | box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
| |
| − | font-size: 0.85em;
| |
| − | }
| |
| − | | |
| − | .content .navbox ul {
| |
| − | padding-left: 0;
| |
| − | }
| |
| − | | |
| − | .content .navbox ul li {
| |
| − | margin-bottom: 0;
| |
| | } | | } |
| − | | + | table.imbox-move { |
| − | @media screen and (max-width: 719px) {
| + | border: 3px solid #9932cc; /* Purple */ |
| − | .navbox td,
| |
| − | .navbox th,
| |
| − | .navbox tr,
| |
| − | .navbox tbody,
| |
| − | .navbox .navbox-subgroup {
| |
| − | display: block;
| |
| − | }
| |
| − | | |
| | } | | } |
| − | | + | table.imbox-protection { |
| − | @media screen and (min-width: 720px) {
| + | border: 3px solid #a2a9b1; /* Gray-gold */ |
| − | .content table.navbox,
| |
| − | .content .navbox table {
| |
| − | width: 100% !important;
| |
| − | }
| |
| − | | |
| | } | | } |
| − | | + | table.imbox-license { |
| − | .navbox .navbox-subgroup { | + | border: 3px solid #88a; /* Dark gray */ |
| − | margin: 0;
| + | background-color: #f7f8ff; /* Light gray */ |
| | } | | } |
| − | | + | table.imbox-featured { |
| − | .navbox .navbar {
| + | border: 3px solid #cba135; /* Brown-gold */ |
| − | display: none;
| |
| | } | | } |
| | | | |
| − | .navbox .pic-link, | + | /* Category message box styles */ |
| − | .navbox .chathead-link,
| + | table.cmbox { |
| − | .navbox img {
| + | margin: 3px 10%; |
| − | display: none;
| + | border-collapse: collapse; |
| | + | border: 1px solid #a2a9b1; |
| | + | background-color: #dfe8ff; /* Default "notice" blue */ |
| | + | box-sizing: border-box; |
| | } | | } |
| | | | |
| − | .navbox-title { | + | table.cmbox-notice { |
| − | color: #ffffff;
| + | background-color: #d8e8ff; /* Blue */ |
| − | background-color: #438ab5;
| |
| − | font-size: 140%;
| |
| − | font-weight: bold;
| |
| − | text-align: center;
| |
| − | padding: 0.25em 0;
| |
| | } | | } |
| − | | + | table.cmbox-speedy { |
| − | .navbox-title a, | + | margin-top: 4px; |
| − | .navbox-title a:not([href]) {
| + | margin-bottom: 4px; |
| − | color: #ffffff !important;
| + | border: 4px solid #b32424; /* Red */ |
| | + | background-color: #ffdbdb; /* Pink */ |
| | } | | } |
| − | | + | table.cmbox-delete { |
| − | @media screen and (min-width: 720px) {
| + | background-color: #ffdbdb; /* Pink */ |
| − | .navbox-title {
| |
| − | border-bottom: 1px solid #d4dee4;
| |
| − | }
| |
| − | | |
| | } | | } |
| − | | + | table.cmbox-content { |
| − | .navbox-group-title { | + | background-color: #ffe7ce; /* Orange */ |
| − | background-color: #ccd2d8;
| |
| − | font-weight: bold;
| |
| − | padding: 0.2em 0.85em;
| |
| | } | | } |
| − | | + | table.cmbox-style { |
| − | @media screen and (max-width: 719px) {
| + | background-color: #fff9db; /* Yellow */ |
| − | .navbox-group-title {
| |
| − | overflow: hidden;
| |
| − | white-space: nowrap;
| |
| − | text-overflow: ellipsis;
| |
| − | }
| |
| − | | |
| | } | | } |
| − | | + | table.cmbox-move { |
| − | @media screen and (min-width: 720px) {
| + | background-color: #e4d8ff; /* Purple */ |
| − | .navbox-group-title {
| |
| − | border: 1px solid #d4dee4;
| |
| − | border-width: 0 1px 1px 0;
| |
| − | width: 12vw;
| |
| − | }
| |
| − | | |
| | } | | } |
| − | | + | table.cmbox-protection { |
| − | .navbox-group-title-hidden { | + | background-color: #efefe1; /* Gray-gold */ |
| − | display: none;
| |
| | } | | } |
| | | | |
| − | .navbox-list { | + | /* Other pages message box styles */ |
| − | padding: 0;
| + | table.ombox { |
| − | position: relative;
| + | margin: 4px 10%; |
| | + | border-collapse: collapse; |
| | + | border: 1px solid #a2a9b1; /* Default "notice" gray */ |
| | + | background-color: #f8f9fa; |
| | + | box-sizing: border-box; |
| | } | | } |
| | | | |
| − | @media screen and (min-width: 720px) {
| + | table.ombox-notice { |
| − | .navbox-list {
| + | border: 1px solid #a2a9b1; /* Gray */ |
| − | border-bottom: 1px solid #d4dee4;
| |
| − | }
| |
| − | | |
| | } | | } |
| − | | + | table.ombox-speedy { |
| − | @media screen and (max-width: 719px) {
| + | border: 2px solid #b32424; /* Red */ |
| − | .navbox-list ul {
| + | background-color: #fee7e6; /* Pink */ |
| − | white-space: nowrap;
| |
| − | overflow-x: auto;
| |
| − | overflow-y: hidden;
| |
| − | -webkit-overflow-scrolling: touch;
| |
| − | }
| |
| − | | |
| | } | | } |
| − | | + | table.ombox-delete { |
| − | @media screen and (min-width: 720px) {
| + | border: 2px solid #b32424; /* Red */ |
| − | .navbox-list ul {
| |
| − | padding: 0.2em 0.85em 0.5em !important;
| |
| − | }
| |
| − | | |
| | } | | } |
| − | | + | table.ombox-content { |
| − | .navbox-list li { | + | border: 1px solid #f28500; /* Orange */ |
| − | display: inline-flex;
| |
| − | align-items: center;
| |
| − | height: 3.5em;
| |
| − | margin: 0 0 0 0.85em;
| |
| | } | | } |
| − | | + | table.ombox-style { |
| − | @media screen and (min-width: 720px) {
| + | border: 1px solid #fc3; /* Yellow */ |
| − | .navbox-list li {
| |
| − | height: 2.1em;
| |
| − | }
| |
| − | | |
| − | .navbox-list li:first-child {
| |
| − | margin-left: 0;
| |
| − | }
| |
| − | | |
| | } | | } |
| − | | + | table.ombox-move { |
| − | .navbox-list li + li { | + | border: 1px solid #9932cc; /* Purple */ |
| − | margin-left: 0.5em;
| |
| | } | | } |
| − | | + | table.ombox-protection { |
| − | .navbox-list li + li > a::before { | + | border: 2px solid #a2a9b1; /* Gray-gold */ |
| − | content: '•';
| |
| − | display: inline-block;
| |
| − | white-space: pre-wrap;
| |
| − | position: relative;
| |
| − | left: -0.425em;
| |
| − | color: #949eaa;
| |
| − | pointer-events: none;
| |
| | } | | } |
| | | | |
| − | .navbox-list li + li > a + a::before { | + | /* Talk page message box styles */ |
| − | display: none;
| + | table.tmbox { |
| | + | margin: 4px 10%; |
| | + | border-collapse: collapse; |
| | + | border: 1px solid #c0c090; /* Default "notice" gray-brown */ |
| | + | background-color: #f8eaba; |
| | + | min-width: 80%; |
| | + | box-sizing: border-box; |
| | } | | } |
| − | | + | .tmbox.mbox-small { |
| − | .navbox-list li:last-child { | + | min-width: 0; /* reset the min-width of tmbox above */ |
| − | margin-right: 2em;
| |
| | } | | } |
| − | | + | .mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */ |
| − | .navbox-list::after { | + | margin: 2px 0; /* this declaration overrides other styles (including mbox-small above) */ |
| − | content: '';
| + | width: 100%; /* For Safari and Opera */ |
| − | display: block;
| |
| − | position: absolute;
| |
| − | background-image: linear-gradient(to right, rgba(255, 255, 255, 0), #ffffff 95%, #ffffff);
| |
| − | height: 100%;
| |
| − | width: 2.5em;
| |
| − | top: 0;
| |
| − | right: 0;
| |
| − | pointer-events: none;
| |
| | } | | } |
| − | | + | .mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when */ |
| − | @media screen and (min-width: 720px) {
| + | line-height: 1.5em; /* also "nested", so reset styles that are */ |
| − | .navbox-list::after {
| + | font-size: 100%; /* set in "mbox-small" above. */ |
| − | display: none;
| |
| − | }
| |
| − | | |
| | } | | } |
| | | | |
| − | .navbox-list.navbox-parent { | + | table.tmbox-speedy { |
| − | border-bottom: 0;
| + | border: 2px solid #b32424; /* Red */ |
| − | padding: 0;
| + | background-color: #fee7e6; /* Pink */ |
| | } | | } |
| − | | + | table.tmbox-delete { |
| − | .navbox-list.navbox-parent::after { | + | border: 2px solid #b32424; /* Red */ |
| − | display: none;
| |
| | } | | } |
| − | | + | table.tmbox-content { |
| − | .navbox-group .navbox-group .navbox-group-title {
| + | border: 2px solid #f28500; /* Orange */ |
| − | background-color: #e4eaee;
| |
| − | padding: 0 0.85em 0 1.7em;
| |
| | } | | } |
| − | | + | table.tmbox-style { |
| − | @media screen and (min-width: 720px) {
| + | border: 2px solid #fc3; /* Yellow */ |
| − | .navbox-group .navbox-group .navbox-group-title {
| |
| − | padding-left: 0.85em;
| |
| − | }
| |
| − | | |
| | } | | } |
| − | | + | table.tmbox-move { |
| − | .navbox-group .navbox-group .navbox-list ul {
| + | border: 2px solid #9932cc; /* Purple */ |
| − | padding-left: 1.7em;
| |
| | } | | } |
| − | | + | table.tmbox-protection, |
| − | .navbox-group .navbox-group .navbox-list li { | + | table.tmbox-notice { |
| − | margin-bottom: 0;
| + | border: 1px solid #c0c090; /* Gray-brown */ |
| | } | | } |
| | | | |
| − | .navbox-group .navbox-group .navbox-list li:first-child { | + | /* Footer and header message box styles */ |
| − | margin-left: 0;
| + | table.fmbox { |
| | + | clear: both; |
| | + | margin: 0.2em 0; |
| | + | width: 100%; |
| | + | border: 1px solid #a2a9b1; |
| | + | background-color: #f8f9fa; /* Default "system" gray */ |
| | + | box-sizing: border-box; |
| | } | | } |
| − | | + | table.fmbox-system { |
| − | .navbox-group .navbox-group.navbox-group-split .navbox-list ul { | + | background-color: #f8f9fa; |
| − | padding-left: 0.85em;
| |
| | } | | } |
| − | | + | table.fmbox-warning { |
| − | .navbox-group .navbox-group .navbox-group:first-child .navbox-group-title { | + | border: 1px solid #bb7070; /* Dark pink */ |
| − | padding-top: 0.5em;
| + | background-color: #ffdbdb; /* Pink */ |
| | } | | } |
| − | | + | table.fmbox-editnotice { |
| − | @media screen and (min-width: 720px) {
| + | background-color: transparent; |
| − | .navbox-group .navbox-group .navbox-group:first-child .navbox-group-title {
| |
| − | padding-top: 0;
| |
| − | }
| |
| − | | |
| | } | | } |
| − | | + | /* Div based "warning" style fmbox messages. */ |
| − | .navbox-group .navbox-group .navbox-group .navbox-group-title { | + | div.mw-warning-with-logexcerpt, |
| − | background-color: transparent;
| + | div.mw-lag-warn-high, |
| − | padding-left: 2.55em;
| + | div.mw-cascadeprotectedwarning, |
| | + | div#mw-protect-cascadeon, |
| | + | div.titleblacklist-warning, |
| | + | div.locked-warning { |
| | + | clear: both; |
| | + | margin: 0.2em 0; |
| | + | border: 1px solid #bb7070; |
| | + | background-color: #ffdbdb; |
| | + | padding: 0.25em 0.9em; |
| | + | box-sizing: border-box; |
| | } | | } |
| | | | |
| − | @media screen and (min-width: 720px) {
| + | /* These mbox-small classes must be placed after all other |
| − | .navbox-group .navbox-group .navbox-group .navbox-group-title {
| + | ambox/tmbox/ombox etc classes. "html body.mediawiki" is so |
| − | background-color: #eef1f4;
| + | they override "table.ambox + table.ambox" above. */ |
| − | padding-left: 0.85em;
| + | html body.mediawiki .mbox-small { /* For the "small=yes" option. */ |
| − | }
| + | /* @noflip */ |
| − | | + | clear: right; |
| | + | /* @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. */ |
| − | .navbox-group .navbox-group .navbox-group .navbox-list ul { | + | /* @noflip */ |
| − | padding-left: 2.55em;
| + | margin: 4px 1em 4px 0; |
| | + | box-sizing: border-box; |
| | + | overflow: hidden; |
| | + | width: 238px; |
| | + | border-collapse: collapse; |
| | + | font-size: 88%; |
| | + | line-height: 1.25em; |
| | } | | } |
| | | | |
| − | .navbox-group .navbox-group .navbox-group.navbox-group-split .navbox-list ul { | + | /* Style for compact ambox */ |
| − | padding-left: 1.7em;
| + | /* 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. */ |
| − | .tile { | + | .compact-ambox table.ambox { |
| − | background: #ffffff;
| + | border: none; |
| − | border: 1px solid #e4eaee;
| + | border-collapse: collapse; |
| − | box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
| + | background-color: transparent; |
| − | padding: 1.5em 2em 1em;
| + | margin: 0 0 0 1.6em !important; |
| | + | padding: 0 !important; |
| | + | width: auto; |
| | + | display: block; |
| | } | | } |
| − | | + | body.mediawiki .compact-ambox table.mbox-small-left { |
| − | .tile h2 { | + | font-size: 100%; |
| − | font-weight: 600;
| + | width: auto; |
| − | border: none;
| + | margin: 0; |
| − | margin-top: 0.4em;
| |
| | } | | } |
| − | | + | /* Style the text cell as a list item and remove its padding */ |
| − | .tile .byline + h2 { | + | .compact-ambox table .mbox-text { |
| − | margin-top: -0.5em;
| + | padding: 0 !important; |
| | + | margin: 0 !important; |
| | } | | } |
| − | | + | .compact-ambox table .mbox-text-span { |
| − | .byline { | + | display: list-item; |
| − | font-size: 0.9em;
| + | line-height: 1.5em; |
| − | color: #949eaa;
| + | list-style-type: square; |
| | + | list-style-image: url(/w/skins/MonoBook/resources/images/bullet.svg); |
| | } | | } |
| − | | + | .skin-vector .compact-ambox table .mbox-text-span { |
| − | .byline a { | + | list-style-type: disc; |
| − | color: #949eaa;
| + | list-style-image: url(/w/skins/Vector/resources/skins.vector.styles/images/bullet-icon.svg); |
| | } | | } |
| − | | + | /* Allow for hiding text in compact form */ |
| − | .tile-halves { | + | .compact-ambox .hide-when-compact { |
| − | border: 1px solid #e4eaee;
| + | display: none; |
| − | background: #ffffff;
| |
| − | box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
| |
| | } | | } |
| | | | |
| − | .tile-halves .byline + h2 { | + | /* Hide (formatting) elements from screen, but not from screenreaders */ |
| − | margin-top: -0.5em;
| + | .visualhide { |
| | + | position: absolute; |
| | + | left: -10000px; |
| | + | top: auto; |
| | + | width: 1px; |
| | + | height: 1px; |
| | + | overflow: hidden; |
| | } | | } |
| | | | |
| − | .tile-top { | + | /* Remove underlines from certain links */ |
| − | padding: 1.3rem 1.5rem 2rem;
| + | .nounderlines a, |
| | + | .IPA a:link, .IPA a:visited { |
| | + | text-decoration: none !important; |
| | } | | } |
| | | | |
| − | .tile-top.tile-image { | + | /* Standard Navigationsleisten, aka box hiding thingy |
| − | background-color: #949eaa;
| + | from .de. Documentation at [[Wikipedia:NavFrame]]. */ |
| − | padding: 0;
| + | div.NavFrame { |
| | + | margin: 0; |
| | + | padding: 4px; |
| | + | border: 1px solid #a2a9b1; |
| | + | text-align: center; |
| | + | border-collapse: collapse; |
| | + | font-size: 95%; |
| | } | | } |
| − | | + | div.NavFrame + div.NavFrame { |
| − | .tile-bottom { | + | border-top-style: none; |
| − | background: #ffffff;
| + | border-top-style: hidden; |
| − | border-top: 1px solid #e4eaee;
| |
| − | padding: 1rem 1.5rem 2rem;
| |
| | } | | } |
| − | | + | div.NavFrame div.NavHead { |
| − | .tile-bottom.read-more {
| + | line-height: 1.6em; |
| − | background: #f9fafa;
| + | font-weight: bold; |
| − | padding: 0;
| + | background-color: #ccf; |
| − | transition: 0.3s ease-out;
| + | position: relative; |
| | } | | } |
| − | | + | div.NavFrame p, |
| − | .tile-bottom.read-more a { | + | div.NavFrame div.NavContent, |
| − | display: block;
| + | div.NavFrame div.NavContent p { |
| − | color: #949eaa;
| + | font-size: 100%; |
| − | font-weight: bold;
| |
| − | text-align: right;
| |
| − | padding: 1em 1.75em;
| |
| − | text-decoration: none;
| |
| | } | | } |
| − | | + | a.NavToggle { |
| − | .tile-bottom.read-more:hover {
| + | position: absolute; |
| − | background: #f2f4f4;
| + | top: 0; |
| | + | /* @noflip */ |
| | + | right: 3px; |
| | + | font-weight: normal; |
| | + | font-size: 90%; |
| | } | | } |
| | | | |
| − | .tile-bottom.read-more .arrow {
| |
| − | filter: invert(43%) sepia(50%) hue-rotate(175deg);
| |
| − | margin-left: 0.4em;
| |
| − | transition: 0.3s ease-out;
| |
| − | }
| |
| | | | |
| − | .tile.oswf-day { | + | /* Geographical coordinates defaults. See [[Template:Coord/link]] |
| − | float: none !important;
| + | for how these are used. The classes "geo", "longitude", and |
| − | padding: 0.5em 2em;
| + | "latitude" are used by the [[Geo microformat]]. */ |
| | + | /* TemplateStyles */ |
| | + | .geo-default, .geo-dms, .geo-dec { |
| | + | display: inline; |
| | } | | } |
| − | | + | .geo-nondefault, .geo-multi-punct { |
| − | .tile.oswf-day h2 { | + | display: none; |
| − | margin-right: auto;
| |
| − | margin-left: auto;
| |
| − | margin-top: -0.5em;
| |
| | } | | } |
| − | | + | .longitude, .latitude { |
| − | .oswf-tile { | + | white-space: nowrap; |
| − | margin-bottom: 1em;
| |
| | } | | } |
| | | | |
| − | .oswf-tile h2 { | + | /* User block messages */ |
| − | clear: none !important;
| + | div.user-block { |
| − | margin-top: 0;
| + | padding: 5px; |
| − | padding-top: 0.2em !important;
| + | margin-bottom: 0.5em; |
| | + | border: 1px solid #a9a9a9; |
| | + | background-color: #ffefd5; |
| | } | | } |
| | | | |
| − | .oswf-tile .oswf-img { | + | /* Prevent line breaks in silly places: |
| − | display: block;
| + | 1) Where desired |
| − | max-width: 75px;
| + | 2) Links when we don't want them to |
| − | float: right;
| + | 3) Bold "links" to the page itself */ |
| | + | .nowrap, |
| | + | .nowraplinks a, |
| | + | .nowraplinks .selflink { |
| | + | white-space: nowrap; |
| | } | | } |
| − | | + | .nowrap pre { |
| − | .oswf-tile .oswf-img img {
| + | white-space: pre; |
| − | max-width: 100%;
| |
| − | height: auto !important;
| |
| | } | | } |
| − | | + | /* But allow wrapping where desired: */ |
| − | table caption {
| + | .wrap, |
| − | text-align: center !important;
| + | .wraplinks a { |
| | + | white-space: normal; |
| | } | | } |
| | | | |
| − | table.wikitable {
| + | /* For template documentation */ |
| − | background: #ffffff !important;
| + | /* TemplateStyles */ |
| − | font-size: 0.9em;
| + | .template-documentation { |
| − | box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1);
| + | clear: both; |
| | + | margin: 1em 0 0 0; |
| | + | border: 1px solid #a2a9b1; |
| | + | background-color: #ecfcf4; |
| | + | padding: 1em; |
| | } | | } |
| | | | |
| − | table.wikitable > * > tr > th {
| + | /* Increase the height of the image upload box */ |
| − | color: #ffffff !important;
| + | #wpUploadDescription { |
| − | background: #438ab5 !important;
| + | height: 13em; |
| − | border-color: #356e90 !important;
| |
| | } | | } |
| | | | |
| − | table.wikitable > * > tr > th a {
| + | /* Minimum thumb width */ |
| − | color: #ffffff;
| + | .thumbinner { |
| | + | min-width: 100px; |
| | } | | } |
| | | | |
| − | table.wikitable > * > tr > th a:visited {
| + | /* Prevent floating boxes from overlapping any category listings, |
| − | color: #ffffff;
| + | file histories, edit previews, and edit [Show changes] views. */ |
| | + | #mw-subcategories, #mw-pages, #mw-category-media, |
| | + | #filehistory, #wikiPreview, #wikiDiff { |
| | + | clear: both; |
| | } | | } |
| | | | |
| − | table.wikitable > * > tr > td {
| + | /* Selectively hide headers in WikiProject banners */ |
| − | border-color: #e6e6e6 !important;
| + | /* TemplateStyles */ |
| − | padding: 0.25em 0.45em !important;
| + | .wpb .wpb-header { |
| | + | display: none; |
| | } | | } |
| − | | + | .wpbs-inner .wpb .wpb-header { |
| − | table.wikitable .header-top {
| + | display: block; /* for IE */ |
| − | background: #448fba !important;
| |
| | } | | } |
| − | | + | .wpbs-inner .wpb .wpb-header { |
| − | table.align-right-1 td:nth-of-type(1),
| + | display: table-row; /* for real browsers */ |
| − | table.align-right-2 td:nth-of-type(2),
| |
| − | table.align-right-3 td:nth-of-type(3),
| |
| − | table.align-right-4 td:nth-of-type(4),
| |
| − | table.align-right-5 td:nth-of-type(5),
| |
| − | table.align-right-6 td:nth-of-type(6),
| |
| − | table.align-right-7 td:nth-of-type(7),
| |
| − | table.align-right-8 td:nth-of-type(8),
| |
| − | table.align-right-9 td:nth-of-type(9),
| |
| − | table.align-right-10 td:nth-of-type(10) { | |
| − | text-align: right !important;
| |
| | } | | } |
| − | | + | .wpbs-inner .wpb-outside { |
| − | table.align-center-1 td:nth-of-type(1),
| + | display: none; /* hide things that should only display outside shells */ |
| − | table.align-center-2 td:nth-of-type(2),
| |
| − | table.align-center-3 td:nth-of-type(3),
| |
| − | table.align-center-4 td:nth-of-type(4),
| |
| − | table.align-center-5 td:nth-of-type(5),
| |
| − | table.align-center-6 td:nth-of-type(6),
| |
| − | table.align-center-7 td:nth-of-type(7),
| |
| − | table.align-center-8 td:nth-of-type(8),
| |
| − | table.align-center-9 td:nth-of-type(9),
| |
| − | table.align-center-10 td:nth-of-type(10) {
| |
| − | text-align: center !important;
| |
| | } | | } |
| | | | |
| − | table.align-left-1 td:nth-of-type(1),
| + | /* Styling for Abuse Filter tags */ |
| − | table.align-left-2 td:nth-of-type(2),
| + | .mw-tag-markers { |
| − | table.align-left-3 td:nth-of-type(3),
| + | font-style: italic; |
| − | table.align-left-4 td:nth-of-type(4),
| + | font-size: 90%; |
| − | table.align-left-5 td:nth-of-type(5),
| |
| − | table.align-left-6 td:nth-of-type(6),
| |
| − | table.align-left-7 td:nth-of-type(7),
| |
| − | table.align-left-8 td:nth-of-type(8),
| |
| − | table.align-left-9 td:nth-of-type(9),
| |
| − | table.align-left-10 td:nth-of-type(10) {
| |
| − | text-align: left !important;
| |
| | } | | } |
| | | | |
| − | table.alternating-rows tr:nth-child(odd),
| + | /* Hide stuff meant for accounts with special permissions. Made visible again in |
| − | table.alternating-cols td:nth-child(odd) {
| + | [[MediaWiki:Group-checkuser.css]], [[MediaWiki:Group-sysop.css]], [[MediaWiki:Group-patroller.css]], |
| − | background: #f9f9f9 !important;
| + | [[MediaWiki:Group-templateeditor.css]], [[MediaWiki:Group-extendedmover.css]], |
| | + | [[MediaWiki:Group-extendedconfirmed.css]], and [[Mediawiki:Group-autoconfirmed.css]]. */ |
| | + | .checkuser-show, |
| | + | .sysop-show, |
| | + | .patroller-show, |
| | + | .templateeditor-show, |
| | + | .extendedmover-show, |
| | + | .extendedconfirmed-show, |
| | + | .autoconfirmed-show, |
| | + | .user-show { |
| | + | display: none; |
| | } | | } |
| | | | |
| − | .update-history > ul { | + | /* Hide the redlink generated by {{Editnotice}}, |
| − | margin: 0;
| + | this overrides the ".sysop-show { display: none; }" above that applies |
| − | margin-bottom: 0.75em;
| + | to the same link as well. See [[phab:T45013]] |
| − | }
| |
| | | | |
| − | .update-history > ul > li { | + | Hide the images in editnotices to keep them readable in VE view. |
| − | list-style: none;
| + | Long term, editnotices should become a core feature so that they can be designed responsive. */ |
| | + | .ve-ui-mwNoticesPopupTool-item .editnotice-redlink, |
| | + | .ve-ui-mwNoticesPopupTool-item .mbox-image, |
| | + | .ve-ui-mwNoticesPopupTool-item .mbox-imageright { |
| | + | display: none !important; |
| | } | | } |
| | | | |
| − | .update-history li { | + | /* Remove bullets when there are multiple edit page warnings */ |
| − | margin-bottom: 0 !important;
| + | ul.permissions-errors > li { |
| | + | list-style: none none; |
| | } | | } |
| − | | + | ul.permissions-errors { |
| − | .update-type:hover a { | + | margin: 0; |
| − | text-decoration: none;
| |
| | } | | } |
| | | | |
| − | .update-type a { | + | /* Generic class for Times-based serif, texhtml class for inline math */ |
| − | color: white !important;
| + | .times-serif, |
| − | background: #3ea6e6;
| + | span.texhtml { |
| − | font-size: 80%;
| + | font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif; |
| − | font-weight: bold;
| + | font-size: 118%; |
| − | text-transform: uppercase;
| + | line-height: 1; |
| − | border-radius: 3px;
| |
| − | padding: 2px 5px;
| |
| | } | | } |
| − | | + | span.texhtml { |
| − | .update-type a:not( [href] ) { | + | white-space: nowrap; |
| − | color: #ffffff;
| |
| | } | | } |
| − | | + | span.texhtml span.texhtml { |
| − | .update-type.hidden a, | + | font-size: 100%; |
| − | .update-type.ninja a,
| |
| − | .update-type.nxt a {
| |
| − | background: #444e5a;
| |
| | } | | } |
| − | | + | span.mwe-math-mathml-inline { |
| − | .update-type.patch a { | + | font-size: 118%; |
| − | background: #6bc71f;
| |
| | } | | } |
| | | | |
| − | .update-type.hotfix a, | + | /* Force tabular and lining display for digits and texhtml */ |
| − | .update-type.coldfix a {
| + | .digits, |
| − | background: #ee4231;
| + | .texhtml { |
| | + | -moz-font-feature-settings: "lnum", "tnum", "kern" 0; |
| | + | -webkit-font-feature-settings: "lnum", "tnum", "kern" 0; |
| | + | font-feature-settings: "lnum", "tnum", "kern" 0; |
| | + | font-variant-numeric: lining-nums tabular-nums; |
| | + | font-kerning: none; |
| | } | | } |
| | | | |
| − | .questdetails .questdetails-header, | + | /* Make <math display="block"> be left aligned with one space indent for compatibility with style conventions */ |
| − | .trainingdetails .questdetails-header { | + | .mwe-math-fallback-image-display, |
| − | vertical-align: top;
| + | .mwe-math-mathml-display { |
| − | text-align: left;
| + | margin-left: 1.6em !important; |
| − | border-bottom: 1px solid #eaecf0;
| + | margin-top: 0.6em; |
| − | overflow: visible;
| + | margin-bottom: 0.6em; |
| − | max-width: 1em;
| |
| − | white-space: nowrap;
| |
| | } | | } |
| − | | + | .mwe-math-mathml-display math { |
| − | td.questdetails-info {
| + | display: inline; |
| − | padding-top: 1.5em;
| |
| − | padding-bottom: 0.5em;
| |
| − | border-bottom: 1px solid #eaecf0;
| |
| | } | | } |
| | | | |
| − | table .im-task-reqs { | + | /* Fix styling of transcluded prefindex tables */ |
| − | text-align: left;
| + | table#mw-prefixindex-list-table, |
| | + | table#mw-prefixindex-nav-table { |
| | + | width: 98%; |
| | } | | } |
| | | | |
| − | table .im-task-reqs p {
| + | /* Make it possible to hide checkboxes in <inputbox> */ |
| − | margin: 0.8em 0 0 0;
| + | .inputbox-hidecheckboxes form .inputbox-element, |
| | + | .inputbox-hidecheckboxes .mw-ui-checkbox { |
| | + | display: none !important; |
| | } | | } |
| | | | |
| − | @keyframes slide-up {
| + | /* Work-around for [[phab:T25965]] / [[phab:T100106]] (Kaltura advertisement) */ |
| − | from {
| + | .k-player .k-attribution { |
| − | opacity: 0;
| + | visibility: hidden; |
| − | transform: translateY(1rem);
| |
| − | }
| |
| − | | |
| − | to {
| |
| − | opacity: 1;
| |
| − | transform: translateY(0);
| |
| − | }
| |
| − | | |
| | } | | } |
| | | | |
| − | .arrow { | + | /* Move 'play' button of video player to bottom left corner */ |
| − | background: url('filepath://White-chevron.svg') no-repeat;
| + | .PopUpMediaTransform a .play-btn-large { |
| − | display: inline-block;
| + | margin: 0; |
| − | height: 0.65rem;
| + | top: auto; |
| − | width: 0.45rem;
| + | right: auto; |
| | + | bottom: 0; |
| | + | left: 0; |
| | } | | } |
| | | | |
| − | .arrow.dark { | + | /* Hide FlaggedRevs notice UI when there are no pending changes */ |
| − | filter: invert(80%);
| + | .flaggedrevs_draft_synced, |
| | + | .flaggedrevs_stable_synced { |
| | + | display: none; |
| | } | | } |
| | | | |
| − | body.page-RuneScape_Wiki .pre-content {
| + | /* Force imgs in galleries to have borders by wrapping them in class=bordered-images */ |
| − | display: none !important;
| + | .bordered-images img { |
| | + | border: solid #ddd 1px; |
| | } | | } |
| | | | |
| − | body.page-RuneScape_Wiki #content {
| + | /* Gallery styles background changes are restricted to screen view. In printing we should avoid applying backgrounds. */ |
| − | padding-bottom: 0;
| + | @media screen { |
| − | } | + | /* The backgrounds for galleries. */ |
| | + | #content .gallerybox div.thumb { |
| | + | /* Light gray padding */ |
| | + | background-color: #f8f9fa; |
| | + | } |
| | + | |
| | + | /* Put a chequered background behind images, only visible if they have transparency. |
| | + | '.filehistory a img' and '#file img:hover' are handled by MediaWiki core (as of 1.19) */ |
| | + | .gallerybox .thumb img { |
| | + | background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat; |
| | + | } |
| | + | /* But not on articles, user pages, portals or with opt-out. */ |
| | + | .ns-0 .gallerybox .thumb img, |
| | + | .ns-2 .gallerybox .thumb img, |
| | + | .ns-100 .gallerybox .thumb img, |
| | + | .nochecker .gallerybox .thumb img { |
| | + | background-image: none; |
| | + | } |
| | | | |
| − | body.page-RuneScape_Wiki .content {
| |
| − | margin: 0 auto;
| |
| | } | | } |
| | | | |
| − | body.page-RuneScape_Wiki .last-modified-bar {
| + | /* Temporary measures to remove links in sidebar T255381*/ |
| − | margin: 0 1em;
| + | #t-upload { |
| | + | display: none; |
| | } | | } |
| − | | + | #n-shoplink { |
| − | .mainpage-body {
| + | display: none; |
| − | color: #4c4c4c;
| |
| | } | | } |
| − |
| |
| − | .mainpage-body h2,
| |
| − | .mainpage-body h2 a {
| |
| − | color: #444e5a;
| |
| − | }
| |
| − |
| |
| − | .mainpage-body ul {
| |
| − | margin: 0 0.25em;
| |
| − | list-style-type: disc;
| |
| − | }
| |
| − |
| |
| − | .mainpage-left > * {
| |
| − | border-bottom: none;
| |
| − | }
| |
| − |
| |
| − | .mainpage-left .tile {
| |
| − | padding: 2.5em 1.75em 2em;
| |
| − | border-left-width: 0;
| |
| − | border-right-width: 0;
| |
| − | }
| |
| − |
| |
| − | .mainpage-left .tile h2 {
| |
| − | padding: 0;
| |
| − | margin: 0.65em 0.5em;
| |
| − | }
| |
| − |
| |
| − | .mainpage-left .tile-halves {
| |
| − | border-left-width: 0;
| |
| − | border-right-width: 0;
| |
| − | }
| |
| − |
| |
| − | .mainpage-left .tile-halves h2 {
| |
| − | padding: 0;
| |
| − | margin: 0.65em 0.5em;
| |
| − | }
| |
| − |
| |
| − | .tile.big-tile {
| |
| − | border: none;
| |
| − | border-bottom: 1px solid #e4eaee;
| |
| − | }
| |
| − |
| |
| − | .mainpage-recent-updates {
| |
| − | border-bottom: 1px solid #e4eaee;
| |
| − | padding: 1.5em 1em 2.5em;
| |
| − | white-space: nowrap;
| |
| − | overflow-x: scroll;
| |
| − | -webkit-overflow-scrolling: touch;
| |
| − | -webkit-scroll-snap-destination: 50% 50%;
| |
| − | scroll-snap-destination: 50% 50%;
| |
| − | -webkit-scroll-snap-type: mandatory;
| |
| − | scroll-snap-type: mandatory;
| |
| − | }
| |
| − |
| |
| − | .mainpage-recent-updates::before {
| |
| − | content: 'Recent updates';
| |
| − | display: block;
| |
| − | position: -webkit-sticky;
| |
| − | position: sticky;
| |
| − | left: 1.5em;
| |
| − | color: #949eaa;
| |
| − | font-weight: bold;
| |
| − | text-transform: uppercase;
| |
| − | letter-spacing: 0.025em;
| |
| − | }
| |
| − |
| |
| − | .mainpage-recent-updates .tile {
| |
| − | width: 78%;
| |
| − | }
| |
| − |
| |
| − | .mainpage-recent-updates .tile p,
| |
| − | .mainpage-recent-updates .tile a {
| |
| − | white-space: normal !important;
| |
| − | }
| |
| − |
| |
| − | .mainpage-recent-updates .tile-halves {
| |
| − | display: inline-block;
| |
| − | margin: 1em 0.75em 0 0;
| |
| − | width: 85vw;
| |
| − | max-width: 18em;
| |
| − | white-space: initial;
| |
| − | -webkit-scroll-snap-coordinate: 50% 50%;
| |
| − | scroll-snap-coordinate: 50% 50%;
| |
| − | scroll-snap-align: center;
| |
| − | }
| |
| − |
| |
| − | .mainpage-recent-updates .tile-halves:nth-child(1) {
| |
| − | animation: 0.9s 0.2s both slide-up;
| |
| − | }
| |
| − |
| |
| − | .mainpage-recent-updates .tile-halves:nth-child(2) {
| |
| − | animation: 0.9s 0.4s both slide-up;
| |
| − | }
| |
| − |
| |
| − | .mainpage-recent-updates .tile-halves:nth-child(3) {
| |
| − | animation: 0.9s 0.6s both slide-up;
| |
| − | margin-right: 1em;
| |
| − | }
| |
| − |
| |
| − | .mainpage-recent-updates .tile-top {
| |
| − | height: 9em;
| |
| − | overflow: hidden;
| |
| − | }
| |
| − |
| |
| − | .mainpage-recent-updates .tile-bottom {
| |
| − | display: flex;
| |
| − | padding-bottom: 0.5rem;
| |
| − | }
| |
| − |
| |
| − | .mainpage-recent-updates .tile-bottom p:not(.byline) {
| |
| − | color: #4c4c4c;
| |
| − | }
| |
| − |
| |
| − | .mainpage-recent-updates .byline {
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | .mainpage-recent-updates .byline + h2 {
| |
| − | margin: 0.025em 0 0;
| |
| − | padding: 0;
| |
| − | }
| |
| − |
| |
| − | @media only screen and (min-width: 58em) {
| |
| − | .mainpage-recent-updates {
| |
| − | display: flex;
| |
| − | flex-flow: row wrap;
| |
| − | justify-content: center;
| |
| − | overflow-x: initial;
| |
| − | }
| |
| − |
| |
| − | .mainpage-recent-updates::before {
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | .mainpage-recent-updates .tile-halves:nth-child(3) {
| |
| − | margin-right: 0;
| |
| − | }
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .mainpage-contents {
| |
| − | background: #5d6773;
| |
| − | padding: 2.5em 1em 2em;
| |
| − | }
| |
| − |
| |
| − | .mainpage-contents::before {
| |
| − | content: 'Explore';
| |
| − | margin-left: 1.5em;
| |
| − | color: #949eaa;
| |
| − | font-weight: bold;
| |
| − | text-transform: uppercase;
| |
| − | letter-spacing: 0.025em;
| |
| − | }
| |
| − |
| |
| − | .mainpage-contents .tile-halves {
| |
| − | border: none;
| |
| − | background: none;
| |
| − | box-shadow: none;
| |
| − | margin: 0 1.5em;
| |
| − | }
| |
| − |
| |
| − | .mainpage-contents .tile-halves:first-child {
| |
| − | margin-top: 1.25em;
| |
| − | }
| |
| − |
| |
| − | .mainpage-contents .tile-halves:first-child .tile-bottom {
| |
| − | border-top: none;
| |
| − | }
| |
| − |
| |
| − | .mainpage-contents .tile-halves:last-child {
| |
| − | margin-bottom: 0;
| |
| − | }
| |
| − |
| |
| − | .mainpage-contents .tile-halves:last-child .tile-top {
| |
| − | border-bottom: none;
| |
| − | }
| |
| − |
| |
| − | .mainpage-contents .tile-bottom {
| |
| − | border-color: #828d9a;
| |
| − | padding: 0.25em 0;
| |
| − | background: none;
| |
| − | }
| |
| − |
| |
| − | .mainpage-contents h2 {
| |
| − | padding: 0 0 0.35em;
| |
| − | width: 100%;
| |
| − | }
| |
| − |
| |
| − | .mainpage-contents h2 a {
| |
| − | color: #f9fafa;
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | .mainpage-skills .tile-top {
| |
| − | overflow-x: scroll;
| |
| − | -webkit-overflow-scrolling: touch;
| |
| − | }
| |
| − |
| |
| − | .mainpage-skills .tile-top h2 {
| |
| − | position: -webkit-sticky;
| |
| − | position: sticky;
| |
| − | left: 0.5em;
| |
| − | }
| |
| − |
| |
| − | .mainpage-skills .tile-top ul {
| |
| − | columns: 3;
| |
| − | width: 32em;
| |
| − | list-style: none;
| |
| − | margin-left: 0.75em;
| |
| − | }
| |
| − |
| |
| − | @media only screen and (min-width: 32em) {
| |
| − | .mainpage-skills .tile-top ul {
| |
| − | width: 100%;
| |
| − | max-width: 50em;
| |
| − | margin: auto;
| |
| − | }
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .mainpage-skills .tile-top li {
| |
| − | display: flex;
| |
| − | align-items: center;
| |
| − | margin-bottom: 0.6em;
| |
| − | }
| |
| − |
| |
| − | .mainpage-skills .tile-top li a:first-child {
| |
| − | width: 25px;
| |
| − | height: 25px;
| |
| − | padding: 4px;
| |
| − | border-radius: 3px;
| |
| − | }
| |
| − |
| |
| − | .mainpage-skills .tile-top li a:last-child {
| |
| − | flex: 1;
| |
| − | color: #444e5a;
| |
| − | font-weight: bold;
| |
| − | padding-left: 0.5em;
| |
| − | }
| |
| − |
| |
| − | .skill-agility a:first-child,
| |
| − | .skill-melee a:first-child {
| |
| − | background: #bc483d;
| |
| − | }
| |
| − |
| |
| − | .skill-ranged a:first-child {
| |
| − | background: #748d36;
| |
| − | }
| |
| − |
| |
| − | .skill-magic a:first-child {
| |
| − | background: #6274ab;
| |
| − | }
| |
| − |
| |
| − | .skill-fishing a:first-child,
| |
| − | .skill-fletching a:first-child {
| |
| − | background: #3e8e9a;
| |
| − | }
| |
| − |
| |
| − | .skill-cooking a:first-child,
| |
| − | .skill-divination a:first-child,
| |
| − | .skill-thieving a:first-child {
| |
| − | background: #91689e;
| |
| − | }
| |
| − |
| |
| − | .skill-farming a:first-child,
| |
| − | .skill-woodcutting a:first-child {
| |
| − | background: #59924f;
| |
| − | }
| |
| − |
| |
| − | .skill-mining a:first-child,
| |
| − | .skill-summoning a:first-child {
| |
| − | background: #6385a8;
| |
| − | }
| |
| − |
| |
| − | .skill-invention a:first-child,
| |
| − | .skill-smithing a:first-child {
| |
| − | background: #d2b244;
| |
| − | }
| |
| − |
| |
| − | .skill-archaeology a:first-child {
| |
| − | background: #a56831;
| |
| − | }
| |
| − |
| |
| − | .mainpage-wikinews::before {
| |
| − | content: 'From the wiki';
| |
| − | margin-left: 0.75em;
| |
| − | color: #949eaa;
| |
| − | font-weight: bold;
| |
| − | text-transform: uppercase;
| |
| − | letter-spacing: 0.025em;
| |
| − | }
| |
| − |
| |
| − | .mainpage-wikinews .news-date {
| |
| − | font-weight: bold;
| |
| − | margin-bottom: 0;
| |
| − | }
| |
| − |
| |
| − | .mainpage-left .mainpage-wikinews p {
| |
| − | margin-left: 0.75em;
| |
| − | margin-right: 0.75em;
| |
| − | }
| |
| − |
| |
| − | .mainpage-yg {
| |
| − | display: none;
| |
| − | padding-bottom: 2.5em !important;
| |
| − | }
| |
| − |
| |
| − | .mainpage-yg::before {
| |
| − | content: 'Discussions';
| |
| − | margin-left: 0.75em;
| |
| − | color: #949eaa;
| |
| − | font-weight: bold;
| |
| − | text-transform: uppercase;
| |
| − | letter-spacing: 0.025em;
| |
| − | }
| |
| − |
| |
| − | body.is-authenticated .mainpage-yg {
| |
| − | display: inherit;
| |
| − | }
| |
| − |
| |
| − | .mainpage-news {
| |
| − | background: #f9fafa;
| |
| − | }
| |
| − |
| |
| − | .mainpage-news .news-updates::before {
| |
| − | content: 'Newsposts';
| |
| − | margin-left: 0.75em;
| |
| − | color: #949eaa;
| |
| − | font-weight: bold;
| |
| − | text-transform: uppercase;
| |
| − | letter-spacing: 0.025em;
| |
| − | }
| |
| − |
| |
| − | .mainpage-news .news-updates li {
| |
| − | text-overflow: ellipsis;
| |
| − | white-space: nowrap;
| |
| − | overflow: hidden;
| |
| − | }
| |
| − |
| |
| − | .mainpage-social {
| |
| − | border: none;
| |
| − | margin-bottom: 0;
| |
| − | }
| |
| − |
| |
| − | .mainpage-social .tile-top {
| |
| − | display: flex;
| |
| − | align-items: center;
| |
| − | justify-content: center;
| |
| − | padding: 1em 2em;
| |
| − | height: 70px;
| |
| − | }
| |
| − |
| |
| − | .mainpage-social .tile-top .social-icon {
| |
| − | float: left;
| |
| − | margin: 0 1em 0 -1em;
| |
| − | width: 60px;
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | .mainpage-social .tile-top .social-header {
| |
| − | color: #ffffff;
| |
| − | font-weight: bold;
| |
| − | font-size: 1.25em;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | .mainpage-social .tile-top .social-tagline {
| |
| − | color: rgba(255, 255, 255, 0.85);
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | .mainpage-social .tile-bottom {
| |
| − | border: none;
| |
| − | padding: 1em 2em;
| |
| − | }
| |
| − |
| |
| − | .mainpage-social .tile-bottom p {
| |
| − | color: #949eaa;
| |
| − | font-weight: bold;
| |
| − | text-transform: uppercase;
| |
| − | letter-spacing: 0.025em;
| |
| − | color: #ffffff;
| |
| − | font-size: 0.9em;
| |
| − | text-align: center;
| |
| − | margin: 0;
| |
| − | }
| |
| − |
| |
| − | .mainpage-social.mainpage-discord .tile-top {
| |
| − | background: #7289da;
| |
| − | }
| |
| − |
| |
| − | .mainpage-social.mainpage-discord .tile-bottom {
| |
| − | background: #697ec4;
| |
| − | }
| |
| − |
| |
| − | .mainpage-social.mainpage-twitter .tile-top {
| |
| − | background: #1da1f2;
| |
| − | }
| |
| − |
| |
| − | .mainpage-social.mainpage-twitter .tile-bottom {
| |
| − | background: #1e96e0;
| |
| − | }
| |
| − |
| |
| − | .mw-recentchanges-toplinks th {
| |
| − | font-size: 90%;
| |
| − | }
| |
| − |
| |
| − | .mw-changeslist-legend {
| |
| − | margin-left: 0;
| |
| − | }
| |
| − |
| |
| − | #mw-mf-diffview del {
| |
| − | border: 2px #379541 solid;
| |
| − | padding: 0.15em 0.5em;
| |
| − | background-color: #c1edbf !important;
| |
| − | margin-right: 2px;
| |
| − | }
| |
| − |
| |
| − | #mw-mf-diffview del::before {
| |
| − | content: "- ";
| |
| − | font-weight: bold;
| |
| − | font-size: 100%;
| |
| − | }
| |
| − |
| |
| − | #mw-mf-diffview ins {
| |
| − | border: 2px #438ab5 solid;
| |
| − | padding: 0.15em 0.5em;
| |
| − | background-color: #bddff2 !important;
| |
| − | margin-right: 2px;
| |
| − | }
| |
| − |
| |
| − | #mw-mf-diffview ins::before {
| |
| − | content: "+ ";
| |
| − | font-weight: bold;
| |
| − | font-size: 100%;
| |
| − | }
| |
| − |
| |
| − | #mw-mf-minidiff {
| |
| − | background: #f9f9f9;
| |
| − | border: 1px #f1f1f1 solid;
| |
| − | padding: 10px;
| |
| − | }
| |
| − |
| |
| − | .mw-diff-inline-changed,
| |
| − | .mw-diff-inline-added {
| |
| − | padding-bottom: 10px;
| |
| − | }
| |
| − |
| |
| − | #mw-mf-diffview #mw-mf-diff-comment::before {
| |
| − | content: "(";
| |
| − | }
| |
| − |
| |
| − | #mw-mf-diffview #mw-mf-diff-comment::after {
| |
| − | content: ")";
| |
| − | }
| |
| − |
| |
| − | #mw-mf-diffarea {
| |
| − | padding: 1em 1em 2em !important;
| |
| − | }
| |
| − |
| |
| − | .forumsearchbox {
| |
| − | padding: 0.5em;
| |
| − | text-align: center;
| |
| − | font-size: 90%;
| |
| − | background-color: #f1f1f1;
| |
| − | margin: auto !important;
| |
| − | }
| |
| − |
| |
| − | .forumsearchbox tbody {
| |
| − | display: inline;
| |
| − | }
| |
| − |
| |
| − | .forumsearchbox input {
| |
| − | margin: 0.5em;
| |
| − | }
| |
| − |
| |
| − | .forumheader {
| |
| − | border-left: 15px solid #ccc;
| |
| − | background-color: #f1f1f1;
| |
| − | margin: 1em 0;
| |
| − | padding: 12px;
| |
| − | }
| |
| − |
| |
| − | .forum_title {
| |
| − | text-align: left;
| |
| − | }
| |
| − |
| |
| − | .forum_title .forum_new {
| |
| − | font-weight: bold;
| |
| − | padding-top: 2px;
| |
| − | padding-bottom: 1px;
| |
| − | }
| |
| − |
| |
| − | .forum_edited {
| |
| − | text-align: right;
| |
| − | }
| |
| − |
| |
| − | .forumlist {
| |
| − | margin: auto !important;
| |
| − | }
| |
| − |
| |
| − | .forumlist .forum_editor,
| |
| − | .forumlist .forum_type {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | .forumlist .forum_title,
| |
| − | .forumlist .forum_edited {
| |
| − | width: auto;
| |
| − | }
| |
| − |
| |
| − | .forumactiveheader,
| |
| − | .forumarchiveheader,
| |
| − | .forumoldarchives {
| |
| − | background-color: #438ab5;
| |
| − | color: #ffffff;
| |
| − | }
| |
| − |
| |
| − | .forumoldarchives a {
| |
| − | color: #ffffff;
| |
| − | }
| |
| − |
| |
| − | .forumcolumnheader {
| |
| − | background-color: #e6e6e6;
| |
| − | color: #000000;
| |
| − | text-align: left;
| |
| − | padding-left: 5px;
| |
| − | margin: auto;
| |
| − | }
| |
| − |
| |
| − | body.ns-110 #page-secondary-actions,
| |
| − | .page-Forum_Yew_Grove .shortcut {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | .page-Forum_Yew_Grove #mf-section-0 .hidden-mobile div {
| |
| − | float: none !important;
| |
| − | }
| |
| − |
| |
| − | .archive .forum_title,
| |
| − | .archive .forum_edited {
| |
| − | width: 100% !important;
| |
| − | min-width: 10em;
| |
| − | }
| |
| − |
| |
| − | .calc-container {
| |
| − | padding-right: 2px;
| |
| − | display: block;
| |
| − | min-width: 100%;
| |
| − | width: 100%;
| |
| − | max-width: 100%;
| |
| − | margin-top: -52px;
| |
| − | column-count: auto;
| |
| − | column-width: 491px;
| |
| − | column-fill: balance;
| |
| − | column-gap: 52px;
| |
| − | column-rule: dashed 1px rgba(137, 142, 152, 0.1);
| |
| − | }
| |
| − |
| |
| − | .calc-container .calc-tile-divider:first-child {
| |
| − | margin-bottom: 0px;
| |
| − | }
| |
| − |
| |
| − | .calc-section-header {
| |
| − | position: relative;
| |
| − | top: 0px;
| |
| − | padding-top: 1em;
| |
| − | background: #ffffff;
| |
| − | z-index: 5;
| |
| − | }
| |
| − |
| |
| − | .calc-section-header > h1 {
| |
| − | margin-top: 0;
| |
| − | margin-bottom: 0;
| |
| − | }
| |
| − |
| |
| − | .calc-sticky .calc-section-header {
| |
| − | position: sticky !important;
| |
| − | }
| |
| − |
| |
| − | .calc-toc {
| |
| − | padding-top: 13px;
| |
| − | padding-bottom: 13px;
| |
| − | }
| |
| − |
| |
| − | .calc-toc-section {
| |
| − | position: relative;
| |
| − | display: grid;
| |
| − | grid-template-columns: 144px 1fr;
| |
| − | margin-bottom: 0px;
| |
| − | }
| |
| − |
| |
| − | .calc-toc-section > p {
| |
| − | grid-column-start: 1;
| |
| − | grid-column-end: span 1;
| |
| − | margin: 0;
| |
| − | line-height: 34px;
| |
| − | text-align: right;
| |
| − | padding-right: 21px;
| |
| − | font-size: 1em;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − | .calc-toc-dots {
| |
| − | position: absolute;
| |
| − | top: 34px;
| |
| − | bottom: 26px;
| |
| − | right: 0px;
| |
| − | grid-column-start: 1;
| |
| − | grid-column-end: span 1;
| |
| − | border-right: 1px dotted #cccccc;
| |
| − | text-align: right;
| |
| − | margin-right: 29px;
| |
| − | }
| |
| − |
| |
| − | .calc-toc-list {
| |
| − | grid-column-start: 2;
| |
| − | grid-column-end: span 1;
| |
| − | padding: 0;
| |
| − | display: flex;
| |
| − | flex-direction: row;
| |
| − | flex-wrap: wrap;
| |
| − | justify-content: left;
| |
| − | }
| |
| − |
| |
| − | .calc-toc-list-item {
| |
| − | position: relative;
| |
| − | min-width: 193px;
| |
| − | width: 193px;
| |
| − | max-width: 193px;
| |
| − | height: 34px;
| |
| − | margin-right: 8px;
| |
| − | margin-bottom: 8px;
| |
| − | line-height: 34px;
| |
| − | padding-left: 34px;
| |
| − | padding-right: 6px;
| |
| − | color: #ffffff;
| |
| − | text-shadow: 1px 1px #0006;
| |
| − | white-space: nowrap;
| |
| − | overflow: hidden;
| |
| − | text-overflow: ellipsis;
| |
| − | }
| |
| − |
| |
| − | .calc-toc-list-item > a {
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | left: 0;
| |
| − | right: 0;
| |
| − | bottom: 0;
| |
| − | }
| |
| − |
| |
| − | .calc-toc-list-item > img {
| |
| − | position: absolute;
| |
| − | top: 6.5px;
| |
| − | left: 6.5px;
| |
| − | width: 21px;
| |
| − | height: 21px;
| |
| − | }
| |
| − |
| |
| − | .calc-tile-divider {
| |
| − | margin-bottom: -52px;
| |
| − | }
| |
| − |
| |
| − | .calc-tile-container {
| |
| − | display: inline-block;
| |
| − | -webkit-column-break-inside: avoid;
| |
| − | page-break-inside: avoid;
| |
| − | break-inside: avoid;
| |
| − | padding: 0;
| |
| − | padding-top: 78px;
| |
| − | padding-bottom: 0.25rem;
| |
| − | background: none !important;
| |
| − | width: calc(100% - 2px);
| |
| − | }
| |
| − |
| |
| − | @supports ( break-inside: avoid-column ) {
| |
| − | .calc-tile-container {
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .calc-header-title {
| |
| − | text-shadow: 1px 1px #0006;
| |
| − | height: 55px;
| |
| − | margin-left: 5px;
| |
| − | grid-column-start: 2;
| |
| − | grid-column-end: span 1;
| |
| − | min-width: 0;
| |
| − | color: rgba(255, 255, 255, 0.9);
| |
| − | z-index: inherit;
| |
| − | }
| |
| − |
| |
| − | .calc-header-title > h2 {
| |
| − | color: inherit !important;
| |
| − | white-space: nowrap;
| |
| − | overflow: hidden;
| |
| − | text-overflow: ellipsis;
| |
| − | font-size: 21px;
| |
| − | grid-template-rows: 0px 132px;
| |
| − | display: block !important;
| |
| − | height: auto;
| |
| − | margin: 0 !important;
| |
| − | padding: 0 !important;
| |
| − | line-height: 55px !important;
| |
| − | }
| |
| − |
| |
| − | .calc-header-title > h2 > span {
| |
| − | grid-template-rows: 77px 55px;
| |
| − | grid-row-start: 1;
| |
| − | grid-row-end: span 1;
| |
| − | display: block !important;
| |
| − | height: auto;
| |
| − | color: inherit !important;
| |
| − | }
| |
| − |
| |
| − | .calc-header-title > h2 > span > span {
| |
| − | grid-row-start: 2;
| |
| − | grid-row-end: span 1;
| |
| − | }
| |
| − |
| |
| − | .calc-header-title > h2 > .mw-headline-headanchor {
| |
| − | grid-row-start: 1;
| |
| − | grid-row-end: span 1;
| |
| − | }
| |
| − |
| |
| − | .calc.tile {
| |
| − | position: relative;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − | min-width: 100%;
| |
| − | height: unset;
| |
| − | z-index: 0;
| |
| − | }
| |
| − |
| |
| − | .calc .keyword {
| |
| − | font-size: 1.125em;
| |
| − | font-weight: bold;
| |
| − | }
| |
| − |
| |
| − | .calc-header {
| |
| − | grid-column-start: 1;
| |
| − | grid-column-end: span 2;
| |
| − | grid-row-start: 1;
| |
| − | grid-row-end: span 1;
| |
| − | display: grid;
| |
| − | grid-template-columns: 55px 1fr;
| |
| − | position: relative;
| |
| − | top: 0;
| |
| − | width: 100%;
| |
| − | height: 55px;
| |
| − | overflow: hidden;
| |
| − | background: transparent;
| |
| − | z-index: 2;
| |
| − | }
| |
| − |
| |
| − | .calc-header-background {
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | bottom: 0;
| |
| − | left: 0;
| |
| − | right: 0;
| |
| − | z-index: 1;
| |
| − | }
| |
| − |
| |
| − | .calc-header-background > img {
| |
| − | position: absolute;
| |
| − | top: 0;
| |
| − | bottom: 0;
| |
| − | left: 0;
| |
| − | right: 0;
| |
| − | }
| |
| − |
| |
| − | .calc-header-icon {
| |
| − | grid-column-start: 1;
| |
| − | grid-column-end: span 1;
| |
| − | min-width: 55px;
| |
| − | width: 55px;
| |
| − | max-width: 55px;
| |
| − | min-height: 55px;
| |
| − | height: 55px;
| |
| − | max-height: 55px;
| |
| − | z-index: inherit;
| |
| − | }
| |
| − |
| |
| − | .calc-header-icon > img {
| |
| − | object-fit: contain;
| |
| − | min-width: 25px;
| |
| − | width: 25px;
| |
| − | max-width: 25px;
| |
| − | min-height: 25px;
| |
| − | height: 25px;
| |
| − | max-height: 25px;
| |
| − | padding: 15px;
| |
| − | }
| |
| − |
| |
| − | .calc-header-title-semantics {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | .calc-header-command {
| |
| − | margin-left: 10px;
| |
| − | grid-column-start: 3;
| |
| − | grid-column-end: span 1;
| |
| − | height: 55px;
| |
| − | line-height: 55px;
| |
| − | z-index: inherit;
| |
| − | }
| |
| − |
| |
| − | .calc-list {
| |
| − | grid-column-start: 1;
| |
| − | grid-column-end: span 2;
| |
| − | grid-row-start: 2;
| |
| − | grid-row-end: span 1;
| |
| − | padding: 0px;
| |
| − | padding-top: 4px;
| |
| − | padding-bottom: 5.5px;
| |
| − | }
| |
| − |
| |
| − | .calc-list-item {
| |
| − | position: relative;
| |
| − | display: grid;
| |
| − | grid-template-columns: [thumb] min-content [main] 1fr [key] max-content;
| |
| − | grid-template-rows: min-content min-content;
| |
| − | width: auto;
| |
| − | padding: 8.5px;
| |
| − | margin: 0;
| |
| − | border-bottom: 1px solid rgba(137, 142, 152, 0.075);
| |
| − | }
| |
| − |
| |
| − | .calc-list-item:last-child {
| |
| − | border-bottom-color: transparent;
| |
| − | }
| |
| − |
| |
| − | .calc-list-item-thumbnail {
| |
| − | grid-column-start: thumb;
| |
| − | grid-column-end: span 1;
| |
| − | grid-row-start: 1;
| |
| − | grid-row-end: span 2;
| |
| − | margin-left: 0;
| |
| − | width: 44px;
| |
| − | height: 52.8px;
| |
| − | margin-right: 8.5px;
| |
| − | padding-top: 8.5px;
| |
| − | }
| |
| − |
| |
| − | .calc-list-item-thumbnail > img {
| |
| − | min-width: 44px;
| |
| − | width: 44px !important;
| |
| − | max-width: 44px;
| |
| − | min-height: 44px;
| |
| − | height: 44px !important;
| |
| − | max-height: 44px;
| |
| − | object-fit: contain;
| |
| − | object-position: center 0;
| |
| − | grid-row-start: 2;
| |
| − | grid-row-end: span 1;
| |
| − | }
| |
| − |
| |
| − | .calc-list-item-key {
| |
| − | width: 28px;
| |
| − | grid-column-start: key;
| |
| − | grid-column-end: span 1;
| |
| − | grid-row-start: 1;
| |
| − | grid-row-end: span 1;
| |
| − | margin-left: 8.5px;
| |
| − | }
| |
| − |
| |
| − | .calc-list-item-key > img {
| |
| − | position: absolute;
| |
| − | top: 8.5px;
| |
| − | right: 8.5px;
| |
| − | }
| |
| − |
| |
| − | .calc-list-item-title {
| |
| − | grid-column-start: main;
| |
| − | grid-column-end: span 1;
| |
| − | grid-row-start: 1;
| |
| − | grid-row-end: span 1;
| |
| − | padding-left: 8px;
| |
| − | text-indent: -8px;
| |
| − | }
| |
| − |
| |
| − | .calc-list-item-desc {
| |
| − | grid-column-start: main;
| |
| − | grid-column-end: span 1;
| |
| − | grid-row-start: 2;
| |
| − | grid-row-end: span 1;
| |
| − | margin-left: 8px;
| |
| − | text-indent: 0px;
| |
| − | }
| |
| − |
| |
| − | .rsw-chartjs.rsw-chartjs-config {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | .rsw-chartjs.rsw-chart-error {
| |
| − | font-family: monospace;
| |
| − | }
| |
| − |
| |
| − | .mw-echo-ui-overlay,
| |
| − | .overlay.visible {
| |
| − | z-index: 2 !important;
| |
| − | }
| |
| − |
| |
| − | .oo-ui-fieldLayout {
| |
| − | min-width: 350px;
| |
| − | margin-left: -10px;
| |
| − | }
| |
| − |
| |
| − | .ns-116 .archive {
| |
| − | display: none !important;
| |
| − | }
| |
| − |
| |
| − | .content table.wikitable {
| |
| − | border: none !important;
| |
| − | box-shadow: none !important;
| |
| − | }
| |
| − |
| |
| − | .header-container .branding-box h1 {
| |
| − | text-shadow: 0 0.05em 0.25em #000000;
| |
| − | }
| |
| − |
| |
| − | .update-redirect {
| |
| − | text-align: center;
| |
| − | background: #fffbf1;
| |
| − | border: 1px solid #909090;
| |
| − | font-weight: 600;
| |
| − | font-size: 2em;
| |
| − | line-height: 1em;
| |
| − | padding: 1em;
| |
| − | color: #000 !important;
| |
| − | }
| |
| − |
| |
| − | .update-redirect.nuke {
| |
| − | margin-bottom: 25%;
| |
| − | }
| |
| − |
| |
| − | .hatnote {
| |
| − | padding: 5px 7px;
| |
| − | color: #54595d;
| |
| − | font-size: 0.8em;
| |
| − | background-color: #f8f9fa;
| |
| − | margin-bottom: 1px;
| |
| − | overflow: hidden;
| |
| − | }
| |
| − |
| |
| − | .floornumber-us {
| |
| − | display: none;
| |
| − | }
| |
| − |
| |
| − | .fact-text {
| |
| − | color: #15f;
| |
| − | font-style: italic;
| |
| − | cursor: help;
| |
| − | border-bottom: dotted 1px black;
| |
