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; |
| + | } |
| + | |
| + | } |
| + | |
| + | #mw-content-text { |
| + | line-height: 1.7em; |
| + | } |
| + | |
| + | .pre-content h1, |
| + | .content h1, |
| + | .content h2 { |
| + | color: #444e5a; |
| + | font-weight: bold; |
| + | font-family: 'PT Serif', 'Palatino', 'Georgia', serif; |
| + | } |
| + | |
| + | h3, |
| + | h4, |
| + | h5, |
| + | h6 { |
| + | color: #444e5a; |
| + | font-family: system-ui, -apple-system, Roboto, Helvetica, sans-serif; |
| + | } |
| + | |
| + | body.skin-minerva { |
| + | } |
| + | |
| + | body.skin-minerva a, |
| + | body.skin-minerva image a { |
| + | color: #327ba7; |
| + | } |
| + | |
| + | body.skin-minerva a:visited, |
| + | body.skin-minerva image a:visited, |
| + | body.skin-minerva a:active, |
| + | body.skin-minerva image a:active { |
| + | color: #327ba7; |
| + | } |
| + | |
| + | body.skin-minerva a.new, |
| + | body.skin-minerva image a.new { |
| + | color: #ba0000; |
| + | } |
| + | |
| + | body.skin-minerva a.new:visited, |
| + | body.skin-minerva image a.new:visited { |
| + | color: #ba0000; |
| + | } |
| + | |
| + | body.skin-minerva div.vectorTabs li a, |
| + | body.skin-minerva div.vectorMenu li a, |
| + | body.skin-minerva #mw-panel .portal .body li a, |
| + | body.skin-minerva div.vectorTabs li a:visited, |
| + | body.skin-minerva div.vectorMenu li a:visited, |
| + | body.skin-minerva #mw-panel .portal .body li a:visited, |
| + | body.skin-minerva div.vectorTabs li a:active, |
| + | body.skin-minerva div.vectorMenu li a:active, |
| + | body.skin-minerva #mw-panel .portal .body li a:active { |
| + | color: #327ba7; |
| + | } |
| + | |
| + | body.skin-minerva div.vectorTabs li.new a, |
| + | body.skin-minerva div.vectorMenu li.new a, |
| + | 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; |
| + | } |
| + | |
| + | body.skin-minerva .mw-body-content a.external, |
| + | body.skin-minerva .mw-body-content a.extiw { |
| + | color: #3869bb; |
| + | } |
| + | |
| + | body.skin-minerva .mw-body-content a.external:visited, |
| + | body.skin-minerva .mw-body-content a.extiw:visited, |
| + | body.skin-minerva .mw-body-content a.external:active, |
| + | body.skin-minerva .mw-body-content a.extiw:active { |
| + | color: #3869bb; |
| + | } |
| + | |
| + | body.skin-minerva .jsPurgeLink a.external { |
| + | color: #327ba7; |
| + | } |
| + | |
| + | .header-container.header-chrome { |
| + | background: url('filepath://RuneScape_Wiki_background.jpg') #f6f6f6 no-repeat; |
| + | background-size: 900px; |
| + | background-position: 0 50%; |
| + | box-shadow: inset 0 -1px 3px rgba(0, 0, 0, 0.1); |
| + | } |
| + | |
| + | .header-container .header { |
| + | height: 3.75em; |
| + | } |
| + | |
| + | .header-container .header .search-box { |
| + | text-align: right; |
| + | } |
| + | |
| + | .header-container .header .search { |
| + | box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); |
| + | } |
| + | |
| + | .header-container .mw-ui-icon-mainmenu:before { |
| + | 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)); |
| + | } |
| + | |
| + | .header-container .branding-box h1 { |
| + | color: #ffffff; |
| + | font-size: 1.5em; |
| + | 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 { |
| + | padding-top: 3.75em; |
| + | } |
| + | |
| + | .search-overlay .mw-ui-icon-clear.clear { |
| + | top: 30%; |
| + | } |
| + | |
| + | .search-overlay .mw-ui-icon.mw-ui-icon-small:before { |
| + | background-size: inherit; |
| + | } |
| + | |
| + | .search-overlay .page-summary h3 { |
| + | line-height: 1.4em; |
| + | } |
| + | |
| + | footer > .post-content { |
| + | margin-top: 1em; |
| + | } |
| + | |
| + | footer > .post-content > h2:first-child { |
| + | display: none; |
| + | } |
| + | |
| + | #content { |
| + | border-top: none; |
| + | } |
| + | |
| + | #page-actions .language-selector { |
| + | display: none; |
| + | } |
| + | |
| + | .overlay-enabled, |
| + | #content, |
| + | .search-overlay { |
| + | background-color: #fbfbfb; |
| + | } |
| + | |
| + | .content ul.actionbar, |
| + | .content ul.actionbar-revolution { |
| + | -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; |
| + | } |
| + | |
| + | .content ul.actionbar li, |
| + | .content ul.actionbar-revolution li { |
| + | list-style: none; |
| + | float: left; |
| + | margin: 0; |
| + | padding: 0; |
| + | width: 32px; |
| + | height: 32px; |
| + | line-height: 32px; |
| + | text-align: center; |
| + | margin-right: 4px; |
| + | } |
| + | |
| + | .content ul.actionbar { |
| + | background: url('filepath://Template_action_bar.png'); |
| + | } |
| + | |
| + | .content ul.actionbar-revolution { |
| + | background: url('filepath://Template_action_bar_revolution.png'); |
| + | } |
| + | |
| + | .equipmenttable { |
| + | background-image: url('filepath://Worn_equipment_interface_blank.png'); |
| + | background-repeat: no-repeat; |
| + | background-position: top left; |
| + | width: 225px; |
| + | height: 320px; |
| + | text-align: center; |
| + | display: inline-block; |
| + | } |
| + | |
| + | .equipmenttable.equipmenttable-float-right { |
| + | float: right; |
| + | } |
| + | |
| + | .equipmenttable.equipmenttable-float-left { |
| + | float: left; |
| + | } |
| + | |
| + | .equipmenttable.equipmenttable-float-center { |
| + | display: block; |
| + | margin: 0 auto; |
| + | } |
| + | |
| + | .equipmenttable .equipmentrow { |
| + | position: relative; |
| + | } |
| + | |
| + | .equipmenttable .equipmentrow.equipmentrow1 { |
| + | top: 65px; |
| + | } |
| + | |
| + | .equipmenttable .equipmentrow.equipmentrow2 { |
| + | top: 73px; |
| + | } |
| + | |
| + | .equipmenttable .equipmentrow.equipmentrow3 { |
| + | top: 81px; |
| + | } |
| + | |
| + | .equipmenttable .equipmentrow.equipmentrow4 { |
| + | top: 88px; |
| + | } |
| + | |
| + | .equipmenttable .equipmentrow.equipmentrow5 { |
| + | top: 98px; |
| + | } |
| + | |
| + | .equipmenttable .equipmentrow .equipmentslot { |
| + | display: table-cell; |
| + | position: relative; |
| + | height: 32px; |
| + | width: 32px; |
| + | vertical-align: middle; |
| + | } |
| + | |
| + | .equipmenttable .equipmentrow .equipmentslot img { |
| + | max-height: 32px; |
| + | max-width: 32px; |
| + | } |
| + | |
| + | .equipmenttable .equipmentrow .equipmentslot.emptyslot img { |
| + | opacity: 0.5; |
| + | } |
| + | |
| + | .equipmenttable .equipmentrow .equipmentslot.auraslot { |
| + | left: 57px; |
| + | } |
| + | |
| + | .equipmenttable .equipmentrow .equipmentslot.headslot { |
| + | left: 65px; |
| + | } |
| + | |
| + | .equipmenttable .equipmentrow .equipmentslot.pocketslot { |
| + | left: 73px; |
| + | } |
| + | |
| + | .equipmenttable .equipmentrow .equipmentslot.capeslot { |
| + | left: 57px; |
| + | } |
| + | |
| + | .equipmenttable .equipmentrow .equipmentslot.neckslot { |
| + | left: 65px; |
| + | } |
| + | |
| + | .equipmenttable .equipmentrow .equipmentslot.ammoslot { |
| + | left: 73px; |
| + | } |
| + | |
| + | .equipmenttable .equipmentrow .equipmentslot.weaponslot { |
| + | left: 37px; |
| + | } |
| + | |
| + | .equipmenttable .equipmentrow .equipmentslot.torsoslot { |
| + | left: 65px; |
| + | } |
| + | |
| + | .equipmenttable .equipmentrow .equipmentslot.shieldslot { |
| + | left: 93px; |
| + | } |
| + | |
| + | .equipmenttable .equipmentrow .equipmentslot.legsslot { |
| + | left: 97px; |
| + | } |
| + | |
| + | .equipmenttable .equipmentrow .equipmentslot.glovesslot { |
| + | left: 37px; |
| + | } |
| + | |
| + | .equipmenttable .equipmentrow .equipmentslot.bootsslot { |
| + | left: 65px; |
| + | } |
| + | |
| + | .equipmenttable .equipmentrow .equipmentslot.ringslot { |
| + | left: 93px; |
| + | } |
| + | |
| + | .infobox-bonuses.wikitable th { |
| + | padding: 0.25em 0.4em; |
| + | text-align: center; |
| + | white-space: nowrap; |
| + | width: 70px !important; |
| + | } |
| + | |
| + | .infobox-bonuses.wikitable td { |
| + | text-align: center; |
| + | } |
| + | |
| + | .infobox-bonuses.wikitable .combat-attributes { |
| + | text-align: left; |
| + | } |
| + | |
| + | .infobox-bonuses.wikitable .combat-attributes .image { |
| + | display: inline-block; |
| + | margin-right: 4px; |
| + | width: 23px; |
| + | } |
| + | |
| + | .rsw-infobox { |
| + | font-size: 85%; |
| + | background-color: #f9f9f9; |
| + | box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); |
| + | margin-bottom: 2.5em !important; |
| + | max-width: 300px; |
| + | display: table !important; |
| + | } |
| + | |
| + | .rsw-infobox tbody { |
| + | width: 100%; |
| + | display: table; |
| + | } |
| + | |
| + | .rsw-infobox .infobox-image { |
| + | text-align: center; |
| + | } |
| + | |
| + | .rsw-infobox .infobox-header { |
| + | color: #ffffff; |
| + | font-size: 1.15em; |
| + | background: #246c97; |
| + | border-bottom: 0.5em solid #f9f9f9; |
| + | padding: 0.5em 0; |
| + | } |
| + | |
| + | .rsw-infobox .infobox-subheader { |
| + | background: #6ba5c8; |
| + | color: #ffffff; |
| + | line-height: 2em; |
| + | border-top: 0.5em solid #f9f9f9; |
| + | border-bottom: 0.5em solid #f9f9f9; |
| + | } |
| + | |
| + | .rsw-infobox .infobox-subheader a { |
| + | color: #ffffff; |
| + | } |
| + | |
| + | .rsw-infobox th:not(.infobox-header):not(.infobox-subheader) { |
| + | text-align: right; |
| + | vertical-align: top; |
| + | border-left: 1px solid #efefef; |
| + | border-right: 0.175em solid #6ba5c8; |
| + | padding: 0.2em 0.5em; |
| + | } |
| + | |
| + | .rsw-infobox td:not(.infobox-image):not(.infobox-map) { |
| + | border-right: 1px solid #efefef; |
| + | 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 { |
| + | display: block !important; |
| + | padding: 5px 7px; |
| + | color: #54595d; |
| + | font-size: 0.8em; |
| + | background-color: #f8f9fa; |
| + | 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.easter { |
| + | background-color: #e5f9c2; |
| + | border-color: #598014; |
| + | } |
| + | |
| + | .messagebox.easter a, |
| + | .messagebox.easter a:visited, |
| + | .messagebox.easter a:active { |
| + | color: #598014; |
| + | } |
| + | |
| + | .messagebox.halloween { |
| + | background-color: #e8d8ea; |
| + | border-color: #794080; |
| + | } |
| + | |
| + | .messagebox.halloween a, |
| + | .messagebox.halloween a:visited, |
| + | .messagebox.halloween a:active { |
| + | color: #794080; |
| + | } |
| + | |
| + | .messagebox.thanksgiving { |
| + | background-color: #f0cba8; |
| + | border-color: #a65800; |
| + | } |
| + | |
| + | .messagebox.thanksgiving a, |
| + | .messagebox.thanksgiving a:visited, |
| + | .messagebox.thanksgiving a:active { |
| + | color: #a65800; |
| + | } |
| + | |
| + | .messagebox.christmas { |
| + | background-color: #d4eaf6; |
| + | border-color: #428bb5; |
| + | } |
| + | |
| + | .messagebox.christmas a, |
| + | .messagebox.christmas a:visited, |
| + | .messagebox.christmas a:active { |
| + | color: #3a799d; |
| + | } |
| + | |
| + | .messagebox.bigRaffle { |
| + | background-color: #f1de9f; |
| + | border-color: #640000; |
| + | } |
| + | |
| + | .messagebox.bigRaffle a, |
| + | .messagebox.bigRaffle a:visited, |
| + | .messagebox.bigRaffle a:active { |
| + | color: #640000; |
| + | } |
| + | |
| + | .messagebox.stub { |
| + | width: 40%; |
| + | } |
| + | |
| + | .messagebox.welcomenotice { |
| + | padding: 1em; |
| + | width: 90%; |
| + | } |
| + | |
| + | .messagebox.welcomenotice .wordmark { |
| + | filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.1)); |
| + | } |
| + | |
| + | .messagebox.hasdialogue { |
| + | width: auto; |
| + | } |
| + | |
| + | .messagebox2 { |
| + | display: block !important; |
| + | color: #54595d; |
| + | font-size: 0.8em; |
| + | background-color: #f8f9fa; |
| + | margin-bottom: 1px; |
| + | max-width: 100% !important; |
| + | overflow: hidden; |
| + | } |
| + | |
| + | .messagebox2 .messagebox-image { |
| + | width: 55px; |
| + | display: flex; |
| + | justify-content: center; |
| + | align-items: center; |
| + | } |
| + | |
| + | .messagebox2 .messagebox-title { |
| + | font-weight: bold; |
| + | line-height: 1.55em; |
| + | padding: 0.6em 0.6em 0.6em 0; |
| + | flex: 1; |
| + | } |
| + | |
| + | .messagebox2 .messagebox-text { |
| + | line-height: 1.6em; |
| + | padding: 0.65em 0.65em 0.65em 55px; |
| + | border: 1px solid #e4eaee; |
| + | border-top-width: 0; |
| + | } |
| + | |
| + | .messagebox2 .messagebox-header { |
| + | background: #ddedf6; |
| + | border: 1px solid #c5e0ef; |
| + | border-bottom: 0.3em solid #589ac1; |
| + | display: flex; |
| + | } |
| + | |
| + | .messagebox2.warn .messagebox-header { |
| + | background: #feecea; |
| + | border-color: #fdd6d2; |
| + | border-bottom-color: #ed3523; |
| + | } |
| + | |
| + | .messagebox2.warn .messagebox-header a { |
| + | color: #da2412; |
| + | } |
| + | |
| + | .messagebox2.action .messagebox-header { |
| + | background: #fef0e4; |
| + | border-color: #fde2cb; |
| + | border-bottom-color: #f67e0c; |
| + | } |
| + | |
| + | .messagebox2.action .messagebox-header a { |
| + | color: #d76d08; |
| + | } |
| + | |
| + | .messagebox2.safe .messagebox-header { |
| + | background: #ecf8e3; |
| + | 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; |
| + | } |
| + | |
| + | .messagebox2.event .messagebox-header a { |
| + | color: #e148c0; |
| + | } |
| + | |
| + | .messagebox2.info .messagebox-header { |
| + | background: #e4eaee; |
| + | border-color: #d4dee4; |
| + | border-bottom-color: #8b96a3; |
| + | } |
| + | |
| + | .messagebox2.info .messagebox-header a { |
| + | color: #788493; |
| + | } |
| + | |
| + | .messagebox2.obsolete .messagebox-header { |
| + | background: #eeeeee; |
| + | border-color: #e1e1e1; |
| + | border-bottom-color: #6f6f6f; |
| + | } |
| + | |
| + | .messagebox2.obsolete .messagebox-header a { |
| + | color: #5e5e5e; |
| + | } |
| + | |
| .navbox { | | .navbox { |
| border: 1px solid #d4dee4; | | border: 1px solid #d4dee4; |
Line 251: |
Line 1,186: |
| padding-left: 1.7em; | | padding-left: 1.7em; |
| } | | } |
| + | |
| + | .tile { |
| + | background: #ffffff; |
| + | border: 1px solid #e4eaee; |
| + | box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); |
| + | padding: 1.5em 2em 1em; |
| + | } |
| + | |
| + | .tile h2 { |
| + | font-weight: 600; |
| + | border: none; |
| + | margin-top: 0.4em; |
| + | } |
| + | |
| + | .tile .byline + h2 { |
| + | margin-top: -0.5em; |
| + | } |
| + | |
| + | .byline { |
| + | font-size: 0.9em; |
| + | color: #949eaa; |
| + | } |
| + | |
| + | .byline a { |
| + | color: #949eaa; |
| + | } |
| + | |
| + | .tile-halves { |
| + | border: 1px solid #e4eaee; |
| + | background: #ffffff; |
| + | box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); |
| + | } |
| + | |
| + | .tile-halves .byline + h2 { |
| + | margin-top: -0.5em; |
| + | } |
| + | |
| + | .tile-top { |
| + | padding: 1.3rem 1.5rem 2rem; |
| + | } |
| + | |
| + | .tile-top.tile-image { |
| + | background-color: #949eaa; |
| + | padding: 0; |
| + | } |
| + | |
| + | .tile-bottom { |
| + | background: #ffffff; |
| + | border-top: 1px solid #e4eaee; |
| + | padding: 1rem 1.5rem 2rem; |
| + | } |
| + | |
| + | .tile-bottom.read-more { |
| + | background: #f9fafa; |
| + | padding: 0; |
| + | transition: 0.3s ease-out; |
| + | } |
| + | |
| + | .tile-bottom.read-more a { |
| + | display: block; |
| + | color: #949eaa; |
| + | font-weight: bold; |
| + | text-align: right; |
| + | padding: 1em 1.75em; |
| + | text-decoration: none; |
| + | } |
| + | |
| + | .tile-bottom.read-more:hover { |
| + | background: #f2f4f4; |
| + | } |
| + | |
| + | .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 { |
| + | float: none !important; |
| + | padding: 0.5em 2em; |
| + | } |
| + | |
| + | .tile.oswf-day h2 { |
| + | margin-right: auto; |
| + | margin-left: auto; |
| + | margin-top: -0.5em; |
| + | } |
| + | |
| + | .oswf-tile { |
| + | margin-bottom: 1em; |
| + | } |
| + | |
| + | .oswf-tile h2 { |
| + | clear: none !important; |
| + | margin-top: 0; |
| + | padding-top: 0.2em !important; |
| + | } |
| + | |
| + | .oswf-tile .oswf-img { |
| + | display: block; |
| + | max-width: 75px; |
| + | float: right; |
| + | } |
| + | |
| + | .oswf-tile .oswf-img img { |
| + | max-width: 100%; |
| + | height: auto !important; |
| + | } |
| + | |
| + | table caption { |
| + | text-align: center !important; |
| + | } |
| + | |
| + | table.wikitable { |
| + | background: #ffffff !important; |
| + | font-size: 0.9em; |
| + | box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); |
| + | } |
| + | |
| + | table.wikitable > * > tr > th { |
| + | color: #ffffff !important; |
| + | background: #438ab5 !important; |
| + | border-color: #356e90 !important; |
| + | } |
| + | |
| + | table.wikitable > * > tr > th a { |
| + | color: #ffffff; |
| + | } |
| + | |
| + | table.wikitable > * > tr > th a:visited { |
| + | color: #ffffff; |
| + | } |
| + | |
| + | table.wikitable > * > tr > td { |
| + | border-color: #e6e6e6 !important; |
| + | padding: 0.25em 0.45em !important; |
| + | } |
| + | |
| + | table.wikitable .header-top { |
| + | background: #448fba !important; |
| + | } |
| + | |
| + | table.align-right-1 td:nth-of-type(1), |
| + | 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; |
| + | } |
| + | |
| + | table.align-center-1 td:nth-of-type(1), |
| + | 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), |
| + | table.align-left-2 td:nth-of-type(2), |
| + | table.align-left-3 td:nth-of-type(3), |
| + | table.align-left-4 td:nth-of-type(4), |
| + | 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), |
| + | table.alternating-cols td:nth-child(odd) { |
| + | background: #f9f9f9 !important; |
| + | } |
| + | |
| + | .update-history > ul { |
| + | margin: 0; |
| + | margin-bottom: 0.75em; |
| + | } |
| + | |
| + | .update-history > ul > li { |
| + | list-style: none; |
| + | } |
| + | |
| + | .update-history li { |
| + | margin-bottom: 0 !important; |
| + | } |
| + | |
| + | .update-type:hover a { |
| + | text-decoration: none; |
| + | } |
| + | |
| + | .update-type a { |
| + | color: white !important; |
| + | background: #3ea6e6; |
| + | font-size: 80%; |
| + | font-weight: bold; |
| + | text-transform: uppercase; |
| + | border-radius: 3px; |
| + | padding: 2px 5px; |
| + | } |
| + | |
| + | .update-type a:not( [href] ) { |
| + | color: #ffffff; |
| + | } |
| + | |
| + | .update-type.hidden a, |
| + | .update-type.ninja a, |
| + | .update-type.nxt a { |
| + | background: #444e5a; |
| + | } |
| + | |
| + | .update-type.patch a { |
| + | background: #6bc71f; |
| + | } |
| + | |
| + | .update-type.hotfix a, |
| + | .update-type.coldfix a { |
| + | background: #ee4231; |
| + | } |
| + | |
| + | .questdetails .questdetails-header, |
| + | .trainingdetails .questdetails-header { |
| + | vertical-align: top; |
| + | text-align: left; |
| + | border-bottom: 1px solid #eaecf0; |
| + | overflow: visible; |
| + | max-width: 1em; |
| + | white-space: nowrap; |
| + | } |
| + | |
| + | td.questdetails-info { |
| + | padding-top: 1.5em; |
| + | padding-bottom: 0.5em; |
| + | border-bottom: 1px solid #eaecf0; |
| + | } |
| + | |
| + | table .im-task-reqs { |
| + | text-align: left; |
| + | } |
| + | |
| + | table .im-task-reqs p { |
| + | margin: 0.8em 0 0 0; |
| + | } |
| + | |
| + | @keyframes slide-up { |
| + | from { |
| + | opacity: 0; |
| + | transform: translateY(1rem); |
| + | } |
| + | |
| + | to { |
| + | opacity: 1; |
| + | transform: translateY(0); |
| + | } |
| + | |
| + | } |
| + | |
| + | .arrow { |
| + | background: url('filepath://White-chevron.svg') no-repeat; |
| + | display: inline-block; |
| + | height: 0.65rem; |
| + | width: 0.45rem; |
| + | } |
| + | |
| + | .arrow.dark { |
| + | filter: invert(80%); |
| + | } |
| + | |
| + | body.page-RuneScape_Wiki .pre-content { |
| + | display: none !important; |
| + | } |
| + | |
| + | body.page-RuneScape_Wiki #content { |
| + | padding-bottom: 0; |
| + | } |
| + | |
| + | body.page-RuneScape_Wiki .content { |
| + | margin: 0 auto; |
| + | } |
| + | |
| + | body.page-RuneScape_Wiki .last-modified-bar { |
| + | margin: 0 1em; |
| + | } |
| + | |
| + | .mainpage-body { |
| + | 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; |