1,131
edits
MediaWiki:Mobile.css: Difference between revisions
Jump to navigation
Jump to search
no edit summary
No edit summary |
No edit summary |
||
| Line 27: | Line 27: | ||
--ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E"); | --ul-list-style-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' width='5' height='13'%3E %3Ccircle cx='2.5' cy='9.5' r='2.5' fill='%234c4c4c'/%3E %3C/svg%3E"); | ||
--body-background-image: url("filepath://wiki-background.png"); | --body-background-image: url("filepath://wiki-background.png"); | ||
} | |||
body.wgl-darkmode { | |||
--body-main: #172136; | |||
--body-light: #313e59; | |||
--body-mid: #293753; | |||
--body-dark: #222e45; | |||
--body-border: #596e96; | |||
--body-background-color: #071022; | |||
--button-background: #222e45; | |||
--button-color: #fff; | |||
--button-border: #222e45; | |||
--button-dark: #18140c; | |||
--button-light: #3a301d; | |||
--sidebar: #596e96; | |||
--sidebar-text-color: #444444; | |||
--sidebar-link-color: #442b18; | |||
--background-text-color: #cbd9f4; | |||
--background-link-color: #8cabe6; | |||
--search-box: #313e59; | |||
--link-color: #8cabe6; | |||
--redlink-color: #ba0000; | |||
--text-color: #cbd9f4; | |||
--base-text-color: #cbd9f4; | |||
--base-heading-color: #cbd9f4; | |||
--base-heading-border: #e4eaee; | |||
--mw-code-background-color: #313e59; | |||
} | } | ||
| Line 150: | Line 177: | ||
:root { | :root { | ||
--admin-blue: #332e75; | --admin-blue: #332e75; | ||
--bearcat-green: #13592e; | --bearcat-green: #13592e; | ||
--awb-purple: #933b96; | --awb-purple: #933b96; | ||
--rsw-blue: #438ab6; | --rsw-blue: #438ab6; | ||
--osrsw-brown: #605443; | --osrsw-brown: #605443; | ||
} | |||
body.wgl-darkmode { | |||
--admin-blue: #332e75; | |||
--bearcat-green: #13592e; | |||
--awb-purple: #933b96; | |||
--rsw-blue: #438ab6; | |||
--osrsw-brown: #605443; | |||
} | } | ||
| Line 183: | Line 218: | ||
:root { | :root { | ||
--documentation-background: #f9fafa; | |||
--documentation-link-color: #e4eaee; | |||
--documentation-headers-color: #fff; | |||
--documentation-header-background: #949eaa; | |||
--documentation-subheader-background: #808c9a; | |||
--documentation-border: #e4eaee; | |||
--mw-templatedata-doc-muted-color: #888; | |||
} | |||
body.wgl-darkmode { | |||
--documentation-background: #f9fafa; | --documentation-background: #f9fafa; | ||
--documentation-link-color: #e4eaee; | --documentation-link-color: #e4eaee; | ||
| Line 312: | Line 357: | ||
:root { | :root { | ||
-- | --messagebox-obsolete-background: #cfcfcf; | ||
-- | --messagebox-obsolete-border: #464646; | ||
-- | --messagebox-obsolete-color: #6c6c6c; | ||
-- | --messagebox-info-background: #ebebeb; | ||
-- | --messagebox-info-border: #898989; | ||
-- | --messagebox-info-color: #6c6c6c; | ||
-- | --messagebox-action-background: #c7e8fa; | ||
-- | --messagebox-action-border: #0b5884; | ||
-- | --messagebox-action-color: #03436b; | ||
-- | --messagebox-warn-background: #dfc0ba; | ||
-- | --messagebox-warn-border: #861c10; | ||
-- | --messagebox-warn-color: #8e221a; | ||
-- | --messagebox-safe-background: #d8f0d3; | ||
-- | --messagebox-safe-border: #1b8408; | ||
-- | --messagebox-safe-color: #1b8408; | ||
-- | --messagebox-disambig-background: #ebebeb; | ||
-- | --messagebox-disambig-border: #898989; | ||
-- | --messagebox-disambig-color: #6c6c6c; | ||
-- | --messagebox-discord-background: #5865f2; | ||
-- | --messagebox-discord-border: #4c57d0; | ||
-- | --messagebox-discord-color: #d2e5fc; | ||
} | } | ||
. | body.wgl-darkmode { | ||
--messagebox-obsolete-background: #464646; | |||
--messagebox-obsolete-border: #333; | |||
--messagebox-obsolete-color: #ddd; | |||
--messagebox-info-background: #464646; | |||
--messagebox-info-border: #333; | |||
--messagebox-info-color: #ddd; | |||
--messagebox-action-background: #45697d; | |||
--messagebox-action-border: #2d5266; | |||
--messagebox-action-color: #cbd9f4; | |||
--messagebox-warn-background: #95271b; | |||
--messagebox-warn-border: #6b130a; | |||
--messagebox-warn-color: #f8ebe9; | |||
--messagebox-safe-background: #1b8408; | |||
--messagebox-safe-border: #126802; | |||
--messagebox-safe-color: #e9f6e7; | |||
--messagebox-disambig-background: #464646; | |||
--messagebox-disambig-border: #333; | |||
--messagebox-disambig-color: #ddd; | |||
--messagebox-discord-background: #464646; | |||
--messagebox-discord-border: #333; | |||
--messagebox-discord-color: #ddd; | |||
} | |||
.messagebox { | |||
color: var(--text-color); | color: var(--text-color); | ||
width: 65%; | width: 65%; | ||
| Line 348: | Line 417: | ||
} | } | ||
. | .messagebox.obsolete { | ||
background-color: var(-- | background-color: var(--messagebox-obsolete-background); | ||
border-color: var(-- | border-color: var(--messagebox-obsolete-border); | ||
} | } | ||
. | .messagebox.obsolete a, | ||
. | .messagebox.obsolete a:visited, | ||
. | .messagebox.obsolete a:active { | ||
color: var(-- | color: var(--messagebox-obsolete-color); | ||
} | } | ||
. | .messagebox.info { | ||
background-color: var(-- | background-color: var(--messagebox-info-background); | ||
border-color: var(-- | border-color: var(--messagebox-info-border); | ||
} | } | ||
. | .messagebox.info a, | ||
. | .messagebox.info a:visited, | ||
. | .messagebox.info a:active { | ||
color: var(-- | color: var(--messagebox-info-color); | ||
} | } | ||
. | .messagebox.action { | ||
background-color: var(-- | background-color: var(--messagebox-action-background); | ||
border-color: var(-- | border-color: var(--messagebox-action-border); | ||
} | } | ||
. | .messagebox.action a, | ||
. | .messagebox.action a:visited, | ||
. | .messagebox.action a:active { | ||
color: var(-- | color: var(--messagebox-action-color); | ||
} | } | ||
. | .messagebox.warn { | ||
background-color: var(-- | background-color: var(--messagebox-warn-background); | ||
border-color: var(-- | border-color: var(--messagebox-warn-border); | ||
} | } | ||
. | .messagebox.warn a, | ||
. | .messagebox.warn a:visited, | ||
. | .messagebox.warn a:active { | ||
color: var(-- | color: var(--messagebox-warn-color); | ||
} | } | ||
. | .messagebox.safe { | ||
background-color: var(-- | background-color: var(--messagebox-safe-background); | ||
border-color: var(-- | border-color: var(--messagebox-safe-border); | ||
} | } | ||
. | .messagebox.safe a, | ||
. | .messagebox.safe a:visited, | ||
. | .messagebox.safe a:active { | ||
color: var(-- | color: var(--messagebox-safe-color); | ||
} | } | ||
. | .messagebox.disambig { | ||
background-color: var(-- | background-color: var(--messagebox-disambig-background); | ||
border-color: var(-- | border-color: var(--messagebox-disambig-border); | ||
} | } | ||
. | .messagebox.disambig a, | ||
. | .messagebox.disambig a:visited, | ||
. | .messagebox.disambig a:active { | ||
color: var(-- | color: var(--messagebox-disambig-color); | ||
} | } | ||
. | .messagebox.discord { | ||
background-color: var(-- | background-color: var(--messagebox-discord-background); | ||
border-color: var(-- | border-color: var(--messagebox-discord-border); | ||
color: white; | color: white; | ||
} | } | ||
. | .messagebox.discord a, | ||
. | .messagebox.discord a:visited, | ||
. | .messagebox.discord a:active { | ||
color: var(-- | color: var(--messagebox-discord-color); | ||
} | } | ||
. | .messagebox.discord a.external.text, | ||
. | .messagebox.discord a:visited.external.text, | ||
. | .messagebox.discord a:active.external.text { | ||
color: var(-- | color: var(--messagebox-discord-color); | ||
font-style: italic; | font-style: italic; | ||
} | } | ||
. | .messagebox.stub { | ||
width: 40%; | width: 40%; | ||
} | } | ||
. | .messagebox.hasdialogue { | ||
padding: 0 10px; | padding: 0 10px; | ||
width: auto; | width: auto; | ||
| Line 449: | Line 518: | ||
:root { | :root { | ||
--ooui-text: var(--text-color); | |||
--ooui-interface: var(--body-light); | |||
--ooui-interface-border: var(--body-border); | |||
--ooui-window-background: rgba(255, 255, 255, 0.5); | |||
--oo-ui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px); | |||
} | |||
body.wgl-darkmode { | |||
--ooui-text: var(--text-color); | --ooui-text: var(--text-color); | ||
--ooui-interface: var(--body-light); | --ooui-interface: var(--body-light); | ||
| Line 549: | Line 626: | ||
:root { | :root { | ||
-- | --personal-links-bg: #d6cdb8; | ||
} | |||
-- | body.wgl-darkmode { | ||
--personal-links-bg: rgba(7, 16, 34, 0.5); | |||
} | |||
#p-personal { | |||
background: var(--personal-links-bg); | |||
} | } | ||
. | body.wgl-darkmode #pt-skin-toggles .oo-ui-icon-advanced { | ||
filter: brightness(0) invert(1); | |||
} | |||
body.wgl-darkmode #pt-notifications-notice, | |||
body.wgl-darkmode #pt-notifications-alert { | |||
filter: brightness(0) invert(1); | |||
} | } | ||
. | body.wgl-darkmode #pt-skin-toggles a { | ||
filter: brightness(0) invert(1); | |||
} | } | ||
.mwe-popups { | |||
background: var(--body-light); | |||
} | } | ||
.mwe-popups .mwe-popups-container { | |||
background | background: var(--body-light); | ||
} | |||
border- | |||
.mwe-popups .mwe-popups-container.flipped-x-y:before, | |||
.mwe-popups .mwe-popups-container.flipped-y:before { | |||
border-top: none; | |||
} | } | ||
.mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:before { | |||
border-bottom: none; | border-bottom: none; | ||
} | } | ||
.mwe-popups .mwe-popups-container.flipped-x-y:after, | |||
.mwe-popups .mwe-popups-container.flipped-y:after { | |||
border-top-color: var(--body-light); | |||
} | } | ||
.mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:after { | |||
border-bottom-color: var(--body-light); | |||
border- | |||
} | } | ||
.mwe-popups .mwe-popups-container .mwe-popups-extract { | |||
color: var(--text-color); | |||
} | } | ||
.mwe-popups .mwe-popups-container .mwe-popups-extract[dir=ltr]:after { | |||
background-image: linear-gradient(to right, rgba(49, 62, 89, 0), var(--body-light) 50%); | |||
color: var(-- | } | ||
.mwe-popups-overlay { | |||
background-color: var(--ooui-window-background); | |||
} | } | ||
#mwe-popups-settings { | |||
background: var(--ooui-interface); | |||
} | } | ||
#mwe-popups-settings header { | |||
border-color: var(--ooui-interface-border); | |||
} | } | ||
#mwe-popups-settings main p { | |||
color: var(-- | color: var(--base-text-color); | ||
} | } | ||
#mwe-popups-settings main form label > span { | |||
color: var(--ooui-text); | |||
} | } | ||
. | body.wgl-darkmode .mwe-popups .mwe-popups-container footer .mwe-popups-settings-icon span { | ||
filter: brightness(0) invert(1); | |||
} | } | ||
body.wgl-darkmode .mwe-popups .mwe-popups-container footer .mwe-popups-settings-icon:hover { | |||
. | background-color: var(--ooui-interface-border); | ||
} | } | ||
:root { | :root { | ||
-- | --tabber-tab-bg: var(--body-light); | ||
-- | --tabber-tab-border-color: var(--body-border); | ||
-- | --tabber-active-tab-bg: var(--body-light); | ||
-- | --tabber-active-tab-color: var(--text-color); | ||
--tabber-active-tab-hover-bg: var(--body-light); | |||
-- | --tabber-active-tab-hover-border-color: var(--body-border); | ||
-- | --tabber-active-tab-hover-color: var(--text-color); | ||
-- | --tabber-active-tab-border-hider-color: var(--body-light); | ||
-- | --tabber-inactive-tab-bg: var(--body-background-color); | ||
-- | --tabber-inactive-tab-border-color: var(--body-border); | ||
-- | --tabber-inactive-tab-color: var(--text-color); | ||
-- | --tabber-inactive-tab-hover-bg: var(--body-light); | ||
--tabber-inactive-tab-hover-border-color: var(--body-border); | |||
-- | |||
-- | |||
} | } | ||
. | .tabber { | ||
margin: 1em 0; | |||
} | } | ||
. | .tabber .tabbertab { | ||
background-color: var(--tabber-tab-bg); | |||
. | border: 1px solid var(--tabber-tab-border-color); | ||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
padding: 1em 1.5em; | |||
} | } | ||
. | ul.tabbernav { | ||
border: none; | |||
margin-left: 2em; | |||
margin-bottom: 0; | |||
margin-right: 2em; | |||
padding: 0; | |||
font-family: inherit; | |||
} | } | ||
. | ul.tabbernav li.tabberactive > a { | ||
background-color: var(--tabber-active-tab-bg); | |||
color: var(--tabber-active-tab-color); | |||
border-bottom: none; | |||
position: relative; | |||
} | } | ||
. | ul.tabbernav li.tabberactive > a:hover { | ||
color: var(--tabber-active-tab-hover-color); | |||
background: var(-- | background-color: var(--tabber-active-tab-hover-bg); | ||
color: var(-- | border-color: var(--tabber-active-tab-hover-border-color); | ||
border-bottom: none; | |||
} | } | ||
. | ul.tabbernav li.tabberactive > a::after { | ||
. | content: ""; | ||
position: absolute; | |||
left: 0; | |||
right: 0; | |||
bottom: -1px; | |||
border-bottom: 2px solid var(--tabber-active-tab-border-hider-color); | |||
} | } | ||
. | ul.tabbernav li a { | ||
background-color: var(--tabber-inactive-tab-bg); | |||
border-bottom: transparent; | |||
color: var(-- | border-color: var(--tabber-inactive-tab-border-color); | ||
color: var(--tabber-inactive-tab-color); | |||
display: inline-block; | |||
font-size: 110%; | |||
padding: 0.5em 1em; | |||
} | } | ||
. | ul.tabbernav li a:hover { | ||
background-color: var(--tabber-inactive-tab-hover-bg); | |||
background: var(-- | border-color: var(--tabber-inactive-tab-hover-border-color); | ||
color: var(-- | |||
} | } | ||
. | ul.tabbernav li a:link, | ||
. | ul.tabbernav li a:visited { | ||
color: var(--tabber-inactive-tab-color); | |||
} | } | ||
. | .js-tooltip-text { | ||
padding: 5px; | |||
} | } | ||
. | .js-tooltip-wrapper { | ||
position: absolute; | |||
z-index: 110; | |||
max-width: 75%; | |||
padding: 10px 15px; | |||
background: var(--body-light); | |||
border: 2px solid var(--body-border); | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
font-size: 0.7em; | |||
} | } | ||
. | .js-tooltip-click { | ||
color: var(--button-color); | |||
background: var(--button-background); | |||
border-radius: 2em; | |||
cursor: pointer; | |||
padding: 0 0.3em; | |||
-webkit-user-select: none; | |||
-moz-user-select: none; | |||
-ms-user-select: none; | |||
user-select: none; | |||
} | } | ||
. | .js-tooltip-arrow { | ||
position: absolute; | |||
} | border-color: transparent; | ||
border-style: solid; | |||
width: 0; | |||
height: 0; | |||
} | |||
. | .js-tooltip-arrow.js-tooltip-arrow-pointleft { | ||
border-right-color: var(--body-border); | |||
border-left-color: transparent; | |||
border-left-width: 0; | |||
} | } | ||
. | .js-tooltip-arrow.js-tooltip-arrow-pointright { | ||
border-color: var(-- | border-left-color: var(--body-border); | ||
border-right-color: transparent; | |||
border-right-width: 0; | |||
} | } | ||
. | .js-tooltip-close { | ||
float: right; | |||
margin-left: 10px; | |||
margin-right: -5px; | |||
margin-top: -5px; | |||
margin-bottom: 1px; | |||
background: var(--button-background); | |||
border: 0; | |||
cursor: pointer; | |||
} | } | ||
:root { | |||
--wikitable-header-bg: var(--body-dark); | |||
--wikitable-border: var(--body-border); | |||
--wikitable-bg: var(--body-light); | |||
--wikitable-bg-lighter: #e9e3d6; | |||
--wikitable-color: var(--text-color); | |||
--table-na-background: rgba(255, 255, 255, 0.3); | |||
--table-na-color: grey; | |||
--table-yes-background: rgba(0, 255, 0, 0.3); | |||
--table-yes-color: green; | |||
--table-no-background: rgba(255, 0, 0, 0.3); | |||
--table-no-color: red; | |||
--droptable-text-color: #000; | |||
--droptable-always-background: #afeeee; | |||
--droptable-common-background: #56e156; | |||
--droptable-uncommon-background: #ffed4c; | |||
--droptable-rare-background: #ff863c; | |||
--droptable-veryrare-background: #ff6262; | |||
--droptable-random-background: #ffa3ff; | |||
} | } | ||
. | body.wgl-darkmode { | ||
--wikitable-header-bg: var(--body-dark); | |||
--wikitable-border: var(--body-border); | |||
--wikitable-bg: var(--body-light); | |||
. | --wikitable-bg-lighter: #313e59; | ||
background-color: | --wikitable-color: var(--text-color); | ||
--table-na-background: rgba(0, 0, 0, 0.2); | |||
--table-na-color: #596e96; | |||
--table-yes-background: rgba(0, 255, 0, 0.3); | |||
--table-yes-color: #9f9; | |||
--table-no-background: rgba(255, 0, 0, 0.3); | |||
--table-no-color: red; | |||
--droptable-text-color: #000; | |||
--droptable-always-background: #afeeee; | |||
--droptable-common-background: #56e156; | |||
--droptable-uncommon-background: #ffed4c; | |||
--droptable-rare-background: #ff863c; | |||
--droptable-veryrare-background: #ff6262; | |||
--droptable-random-background: #ffa3ff; | |||
} | } | ||
.wikitable { | |||
background: var(--wikitable-bg); | |||
color: var(--wikitable-color); | |||
border-color: var(--wikitable-border); | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
} | } | ||
. | .wikitable > tr > th, | ||
.wikitable > tr > td, | |||
.wikitable > * > tr > th, | |||
.wikitable > * > tr > td { | |||
border-color: var(--wikitable-border); | |||
} | } | ||
. | .wikitable > tr > th, | ||
background | .wikitable > * > tr > th { | ||
background-color: var(--wikitable-header-bg); | |||
} | } | ||
. | .tabber .wikitable { | ||
box-shadow: none; | |||
} | } | ||
.table- | .table-bg-always, | ||
background: var(-- | .table-bg-blue { | ||
color: var(-- | background: var(--droptable-always-background); | ||
color: var(--droptable-text-color); | |||
} | } | ||
.table- | .table-bg-common, | ||
background: var(-- | .table-bg-green { | ||
background: var(--droptable-common-background); | |||
color: var(--droptable-text-color); | |||
} | } | ||
.table-bg-uncommon, | |||
.table-bg-yellow { | |||
background-color: var(-- | background: var(--droptable-uncommon-background); | ||
color: var(--droptable-text-color); | |||
} | } | ||
.table-bg-rare, | |||
.table-bg-orange { | |||
background: var(--droptable-rare-background); | |||
background-color: var(-- | color: var(--droptable-text-color); | ||
} | } | ||
table. | .table-bg-veryrare, | ||
.table-bg-red { | |||
background: var(--droptable-veryrare-background); | |||
color: var(--droptable-text-color); | |||
} | } | ||
table. | .table-bg-random, | ||
.table-bg-pink { | |||
background: var(--droptable-random-background); | |||
color: var(--droptable-text-color); | |||
} | } | ||
. | .table-bg-calc-grey { | ||
opacity: 0.6; | |||
background: #94866d; | |||
} | |||
.mw_metadata td, | |||
.mw_metadata th { | |||
border-color: var(--wikitable-border); | |||
} | |||
.mw_metadata th { | |||
background-color: var(--wikitable-header-bg); | |||
} | } | ||
. | .mw_metadata td { | ||
background-color: var(--wikitable-bg); | |||
} | } | ||
.mw-datatable { | |||
border-color: var(--wikitable-border); | |||
} | |||
.mw-datatable td, | |||
.mw-datatable th { | |||
border-color: var(--wikitable-border); | |||
} | |||
.mw-datatable th { | |||
background-color: var(--wikitable-header-bg); | |||
} | } | ||
.mw-datatable td { | |||
background-color: var(--wikitable-bg); | |||
} | |||
.mw-datatable tr:hover td { | |||
background-color: var(--wikitable-bg); | |||
} | } | ||
table. | table.alternating-rows tr:nth-child(odd), | ||
table. | table.alternating-cols td:nth-child(odd) { | ||
background: var(--wikitable-alternating-bg); | |||
} | |||
.table-na { | |||
background: var(--table-na-background); | |||
table | color: var(--table-na-color); | ||
vertical-align: middle; | |||
text-align: center; | |||
table | -webkit-user-select: none; | ||
cursor: default; | |||
table | |||
} | } | ||
.table-yes { | |||
background: var(--table-yes-background); | |||
color: var(--table-yes-color); | |||
} | |||
} | |||
. | .table-positive { | ||
background: var(-- | background: var(--table-yes-background); | ||
} | } | ||
. | .table-no { | ||
background: var(--table-no-background); | |||
color: var(--table-no-color); | |||
} | } | ||
. | .table-negative { | ||
background: var(--table-no-background); | |||
} | } | ||
. | #mw-allmessagestable .am_actual, | ||
#mw-allmessagestable .am_default { | |||
background-color: var(--wikitable-bg); | |||
} | } | ||
. | #mw-allmessagestable .am_default:hover, | ||
color: var(-- | #mw-allmessagestable .am_actual:hover, | ||
#mw-allmessagestable tbody:hover td { | |||
background-color: var(--wikitable-bg-lighter); | |||
} | } | ||
. | table.wikitable td.no-cell-spacing { | ||
padding: 0; | |||
height: 0; | |||
} | } | ||
. | table.wikitable td.no-cell-spacing table { | ||
margin: -1px; | |||
width: calc(100% + 2px); | |||
height: calc(100% + 2px); | |||
} | } | ||
. | .no-list-style li { | ||
list-style: none; | |||
} | } | ||
. | .no-list-style ul, | ||
.no-list-style ol, | |||
.no-list-style li { | |||
margin-left: 0; | |||
} | } | ||
. | 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), | |||
table.align-right-11 td:nth-of-type(11), | |||
table.align-right-12 td:nth-of-type(12), | |||
table.align-right-13 td:nth-of-type(13), | |||
table.align-right-14 td:nth-of-type(14), | |||
table.align-right-15 td:nth-of-type(15), | |||
table.align-right-16 td:nth-of-type(16), | |||
table.align-right-17 td:nth-of-type(17), | |||
table.align-right-18 td:nth-of-type(18), | |||
table.align-right-19 td:nth-of-type(19), | |||
table.align-right-20 td:nth-of-type(20) { | |||
text-align: right; | |||
} | } | ||
. | 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), | |||
table.align-center-11 td:nth-of-type(11), | |||
table.align-center-12 td:nth-of-type(12), | |||
table.align-center-13 td:nth-of-type(13), | |||
table.align-center-14 td:nth-of-type(14), | |||
table.align-center-15 td:nth-of-type(15), | |||
table.align-center-16 td:nth-of-type(16), | |||
table.align-center-17 td:nth-of-type(17), | |||
table.align-center-18 td:nth-of-type(18), | |||
table.align-center-19 td:nth-of-type(19), | |||
table.align-center-20 td:nth-of-type(20) { | |||
text-align: center; | |||
} | } | ||
. | 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), | |||
table.align-left-11 td:nth-of-type(11), | |||
table.align-left-12 td:nth-of-type(12), | |||
table.align-left-13 td:nth-of-type(13), | |||
table.align-left-14 td:nth-of-type(14), | |||
table.align-left-15 td:nth-of-type(15), | |||
table.align-left-16 td:nth-of-type(16), | |||
table.align-left-17 td:nth-of-type(17), | |||
table.align-left-18 td:nth-of-type(18), | |||
table.align-left-19 td:nth-of-type(19), | |||
table.align-left-20 td:nth-of-type(20) { | |||
text-align: left; | |||
} | } | ||
:root { | |||
--tile-border-color: #CABE9B; | |||
--tile-background-color: #F9F3EB; | |||
--byline-color: #5C6168; | |||
--tile-link-button-color: #F5E9DB; | |||
--tile-link-button-highlight-color: #dfccb0; | |||
--tile-dark-color: #fff; | |||
--tile-dark-bg: #5d6773; | |||
--tile-dark-link-color: #ccc; | |||
--tile-dark-byline-color: rgba(255, 255, 255, 0.7); | |||
--tile-dark-header-color: #fff; | |||
--tile-image-background-color: #5C6168; | |||
} | } | ||
.tile- | body.wgl-darkmode { | ||
--tile-border-color: #596e96; | |||
--tile-background-color: #313e59; | |||
--byline-color: #cbd9f4; | |||
--tile-link-button-color: #222e45; | |||
--tile-link-button-highlight-color: #2a3956; | |||
--tile-dark-color: #fff; | |||
--tile-dark-bg: #313e59; | |||
--tile-dark-link-color: #ccc; | |||
--tile-dark-byline-color: rgba(255, 255, 255, 0.7); | |||
--tile-dark-header-color: #fff; | |||
--tile-image-background-color: #313e59; | |||
} | } | ||
.tile | .tile { | ||
background: var(--tile-background-color); | background: var(--tile-background-color); | ||
border | border: 1px solid var(--tile-border-color); | ||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
padding: | padding: 1.5em 2em 1em; | ||
max-width: 40em; | |||
} | } | ||
.tile- | .tile h2 { | ||
font-size: 1.4em; | |||
font-weight: bold; | |||
border: none; | |||
margin: 0 0 0.4em; | |||
} | } | ||
.tile | .tile .byline + h2 { | ||
margin-top: -0.5em; | |||
} | } | ||
.tile- | .tile.dark { | ||
background: var(--tile- | color: var(--tile-dark-color); | ||
background: var(--tile-dark-bg); | |||
border: none; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3); | |||
} | } | ||
.tile | .tile.dark h2 { | ||
color: var(-- | color: var(--tile-dark-header-color); | ||
} | } | ||
.tile | .tile.dark a { | ||
color: var(--tile-dark-link-color); | |||
} | } | ||
.tile | .tile.dark .byline { | ||
color: var(--tile-dark-byline-color); | |||
} | } | ||
. | .byline { | ||
font-size: 0.9em; | |||
color: var(--byline-color); | |||
} | } | ||
. | .byline a { | ||
color: var(--byline-color); | |||
} | } | ||
. | .tile-row { | ||
margin: 1em; | display: flex; | ||
flex-flow: row wrap; | |||
margin-bottom: 1em; | |||
} | } | ||
. | .tile-halves { | ||
display: flex; | |||
flex-flow: row wrap; | |||
border: 1px solid var(--tile-border-color); | |||
background: var(--tile-background-color); | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
} | } | ||
. | .tile-halves h2 { | ||
font-size: | font-size: 1.4em; | ||
font-weight: bold; | |||
margin | border: none; | ||
margin: 0 0 0.4em; | |||
} | } | ||
. | .tile-halves .byline + h2 { | ||
margin-top: -0.5em; | |||
} | } | ||
. | .tile-top { | ||
width: 100%; | |||
padding: 1.3rem 1.5rem 0.6rem; | |||
} | } | ||
. | .tile-top.tile-image { | ||
display: flex; | |||
align-items: center; | |||
background-color: var(--tile-image-background-color); | |||
overflow: hidden; | |||
padding: 0; | |||
- | height: 13vw; | ||
max-height: 12em; | |||
- | transition: 0.4s ease-out; | ||
- | |||
} | } | ||
. | .tile-top.tile-image:hover img { | ||
transform: scale(1.1); | |||
transition: 0.5s ease-out; | |||
} | } | ||
. | .tile-top.tile-image a { | ||
width: 100%; | |||
} | } | ||
. | .tile-top.tile-image img { | ||
width: 100%; | |||
object-fit: cover; | |||
max-height: 200px; | |||
transition: 0.4s ease-out; | |||
} | } | ||
. | .tile-bottom { | ||
padding | background: var(--tile-background-color); | ||
border-top: 1px solid var(--tile-border-color); | |||
width: 100%; | |||
padding: 1rem 1.5rem 0.6rem; | |||
} | } | ||
. | .tile-bottom.link-button { | ||
align-self: flex-end; | |||
padding: 0; | |||
} | } | ||
. | .tile-bottom.link-button a { | ||
display: block; | |||
padding: 0.75em 1. | text-align: center; | ||
padding: 0.75em 1.5em 0.8em; | |||
text-decoration: none; | |||
} | } | ||
. | .tile-bottom.read-more { | ||
background: var(--tile-link-button-color); | |||
transition: 0.3s ease-out; | |||
} | } | ||
. | .tile-bottom.read-more a { | ||
color: var(-- | color: var(--byline-color); | ||
font-weight: bold; | |||
text-align: right; | |||
} | } | ||
. | .tile-bottom.read-more:hover { | ||
background: var(--tile-link-button-highlight-color); | |||
} | } | ||
.tile-bottom.read-more:hover .arrow { | |||
transform: translateX(50%); | |||
} | } | ||
.tile-bottom.read-more .arrow { | |||
filter: invert(36%) sepia(9%) saturate(463%) hue-rotate(175deg) brightness(94%) contrast(80%); | |||
margin-left: 0.4em; | |||
transition: 0.3s ease-out; | |||
} | } | ||
.tile.oswf-day { | |||
margin-left: 0.5em; | |||
margin- | |||
} | } | ||
.oswf-tile { | |||
margin: 1em; | |||
} | } | ||
. | .oswf-tile.oswf-complete { | ||
opacity: 0.65; | |||
} | } | ||
. | .oswf-tile .oswf-summary { | ||
font-size: 105%; | |||
line-height: 1.6; | |||
margin-top: -0.4em; | |||
} | } | ||
. | .oswf-tile .oswf-img { | ||
display: block; | |||
max-width: 75px; | |||
float: right; | |||
} | } | ||
. | .oswf-tile .oswf-img img { | ||
max-width: 100%; | |||
height: auto; | |||
} | } | ||
. | .oswf-tile .oswf-guidance { | ||
border-top: 1px solid #eeeeee; | |||
padding-top: 1em; | |||
} | } | ||
:root { | |||
--toc-bg: var(--body-light); | |||
--toc-title-bg: var(--body-dark); | |||
--toc-border-color: var(--body-border); | |||
--toc-subheader-left-border-color: #c7b67b; | |||
} | } | ||
. | body.wgl-darkmode { | ||
--toc-bg: var(--body-light); | |||
--toc-title-bg: var(--body-dark); | |||
--toc-border-color: var(--body-border); | |||
--toc-subheader-left-border-color: #596e96; | |||
} | } | ||
. | .toc { | ||
color: var(-- | font-size: 0.9em; | ||
background: var(--toc-bg); | |||
margin-top: 0.75em; | |||
padding: 0; | |||
border-color: var(--toc-border-color); | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.1); | |||
clear: left; | |||
} | } | ||
. | .toc .toctitle { | ||
background: var(--toc-title-bg); | |||
padding | padding: 0.25em 1em; | ||
} | } | ||
. | .toc .toctitle h2, | ||
.toc .toctitle a { | |||
font-family: inherit; | |||
} | } | ||
. | .toc .toctogglespan { | ||
padding-left: 0.2em; | |||
} | } | ||
. | .toc .tocnumber { | ||
display: none; | |||
} | } | ||
. | .toc > ul { | ||
line-height: 1.8em; | |||
padding: 0.75em 1.75em; | |||
margin: 0; | |||
} | } | ||
. | .toc ul ul { | ||
border-left: 1px dotted var(--toc-subheader-left-border-color); | |||
padding-left: 0.5em; | |||
} | } | ||
. | .toctogglelabel { | ||
color: var(--link-color); | |||
} | |||
.toclimit-2 #toc .toclevel-2, | |||
.toclimit-3 #toc .toclevel-3, | |||
.toclimit-4 #toc .toclevel-4, | |||
.toclimit-5 #toc .toclevel-5, | |||
.toclimit-6 #toc .toclevel-6, | |||
.toclimit-7 #toc .toclevel-7 { | |||
display: none; | |||
} | } | ||
:root { | |||
--mainpage-body-h2-links: var(--base-heading-color); | |||
--mainpage-recent-updates-description-color: #444e5a; | |||
--bigtile-background-color: #F9F3EB; | |||
--bigtile-background-fade-zero: rgba(249, 243, 235, 0); | |||
--bigtile-background-fade-seventyfive: rgba(249, 243, 235, 0.75); | |||
} | } | ||
.mainpage-recent-updates | body.wgl-darkmode { | ||
--mainpage-body-h2-links: var(--base-heading-color); | |||
--mainpage-recent-updates-description-color: #cbd9f4; | |||
--bigtile-background-color: #F9F3EB; | |||
--bigtile-background-fade-zero: rgba(249, 243, 235, 0); | |||
--bigtile-background-fade-seventyfive: rgba(249, 243, 235, 0.75); | |||
} | } | ||
. | body.page-Main_Page .mw-parser-output { | ||
max-width: 75em; | |||
margin: 0 auto; | |||
} | } | ||
.mainpage-recent-updates | .mainpage-recent-updates.tile-row .mw-parser-output { | ||
margin- | display: flex; | ||
flex-flow: row wrap; | |||
margin-bottom: 1em; | |||
} | } | ||
. | body.page-Main_Page.action-view .catlinks, | ||
body.page-Main_Page.action-view #contentSub, | |||
body.page-Main_Page.action-view #firstHeading, | |||
body.page-Main_Page.action-view #siteNotice { | |||
display: none; | |||
} | } | ||
.mainpage- | .mainpage-header { | ||
margin: | display: flex; | ||
margin: 2.6em 1.75em 1.5em; | |||
} | } | ||
.mainpage- | .mainpage-header .header-intro { | ||
flex: 2; | |||
} | } | ||
.mainpage- | .mainpage-header .header-intro h1 { | ||
font-size: 2.5em; | |||
margin | font-weight: bold; | ||
border: none; | |||
margin: 0 0 0.15em; | |||
} | } | ||
.mainpage- | .mainpage-header .header-intro p { | ||
font-size: 1.1em; | |||
line-height: 1.7em; | |||
} | } | ||
.mainpage- | .mainpage-header .header-stats { | ||
flex: 1; | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
margin-top: -1em; | |||
} | } | ||
.mainpage- | .mainpage-header .header-stats ul { | ||
list-style: none; | |||
} | } | ||
.mainpage- | .mainpage-body { | ||
display: flex; | |||
flex-flow: row wrap; | |||
} | } | ||
.mainpage- | .mainpage-body h2 a { | ||
color: var(--mainpage-body-h2-links); | |||
} | } | ||
.mainpage- | .mainpage-body .tile { | ||
padding-left: 1.75em; | |||
padding: | padding-right: 1.75em; | ||
width: | max-width: 100%; | ||
} | } | ||
.mainpage- | .mainpage-body * .tile-row { | ||
width: 100%; | |||
margin-bottom: 0.9rem; | |||
} | } | ||
.mainpage- | .mainpage-left { | ||
flex: 2; | |||
display: flex; | |||
flex-flow: column wrap; | |||
margin-right: 0.9rem; | |||
} | } | ||
.mainpage- | .mainpage-left > * { | ||
margin: 0 0 0.9rem; | |||
} | } | ||
. | .mainpage-right { | ||
flex: 1; | |||
display: flex; | |||
flex-flow: column wrap; | |||
} | } | ||
. | .mainpage-right > * { | ||
margin: 0 0 0.9rem; | |||
} | } | ||
. | .arrow { | ||
background: url("filepath://White-chevron.svg") no-repeat; | |||
display: inline-block; | |||
height: 0.7rem; | |||
width: 0.45rem; | |||
vertical-align: middle; | |||
} | } | ||
. | .arrow.dark { | ||
filter: invert(80%); | |||
} | } | ||
. | .mainpage-recent-updates * .tile-halves { | ||
flex: 1; | |||
align-content: flex-start; | |||
margin-right: 0.9rem; | |||
} | } | ||
. | .mainpage-recent-updates * .tile-halves:hover .tile-top img { | ||
transform: scale(1.04); | |||
} | } | ||
. | .mainpage-recent-updates * .tile-halves:last-child { | ||
. | margin-right: 0; | ||
} | } | ||
. | .mainpage-recent-updates * .tile-bottom.link-button a { | ||
. | text-align: left; | ||
padding: 1rem 1.5rem 0.75rem; | |||
} | } | ||
. | .mainpage-recent-updates h2 { | ||
margin: -0.5em 0 0.3em; | |||
} | } | ||
. | .mainpage-recent-updates p:not(.byline) { | ||
font-size: 0.9em; | |||
line-height: 1.75em; | |||
color: var(--mainpage-recent-updates-description-color); | |||
} | } | ||
. | .mainpage-contents .tile-halves { | ||
flex: 1; | |||
margin-right: 0.9rem; | |||
} | } | ||
. | .mainpage-contents * .tile-halves:last-child { | ||
. | margin-right: 0; | ||
} | } | ||
. | .mainpage-contents * .tile-top { | ||
position: relative; | |||
} | } | ||
. | .mainpage-contents h2 { | ||
margin: 0; | |||
padding: 0; | |||
} | |||
.mainpage-skills ul { | |||
columns: 3; | |||
margin: 1em 0.7em 0.7em 1em; | |||
} | } | ||
. | .mainpage-skills li { | ||
display: flex; | |||
margin-bottom: 0.29em; | |||
} | } | ||
. | .mainpage-skills li a:first-child { | ||
border-radius: 3px; | |||
padding: 4px; | |||
width: 25px; | |||
height: 25px; | |||
text-align: center; | |||
} | } | ||
.mainpage- | .mainpage-skills li a:last-child { | ||
flex: 1; | |||
display: flex; | |||
align-items: center; | |||
color: var(--base-text-color); | |||
font-weight: bold; | font-weight: bold; | ||
padding-left: 0.7em; | |||
text-decoration: none; | |||
} | } | ||
.mainpage- | .mainpage-skills li:hover a:first-child { | ||
border-radius: 3px 0 0 3px; | |||
} | } | ||
. | .mainpage-skills li:hover a:last-child { | ||
color: rgba(255, 255, 255, 0.9); | |||
border-radius: 0 3px 3px 0; | |||
} | } | ||
. | .skill-agility a:first-child, | ||
.skill-melee a:first-child { | |||
background: #bc483d; | |||
background | |||
} | } | ||
. | .skill-agility:hover a:last-child, | ||
.skill-melee:hover a:last-child { | |||
background: #932419; | |||
} | |||
.skill-ranged a:first-child { | |||
background: #748d36; | |||
} | } | ||
. | .skill-ranged:hover a:last-child { | ||
background: #4c6215; | |||
} | } | ||
.skill-magic a:first-child { | |||
background: #6274ab; | |||
} | } | ||
. | .skill-magic:hover a:last-child { | ||
background: #304791; | |||
background: # | |||
} | } | ||
. | .skill-fishing a:first-child, | ||
.skill-fletching a:first-child { | |||
background: #3e8e9a; | |||
} | |||
.skill-fishing:hover a:last-child, | |||
.skill-fletching:hover a:last-child { | |||
background: #1a6671; | |||
} | } | ||
. | .skill-cooking a:first-child, | ||
.skill-thieving a:first-child { | |||
background: #91689e; | |||
} | } | ||
. | .skill-cooking:hover a:last-child, | ||
background: # | .skill-thieving:hover a:last-child { | ||
background: #713684; | |||
} | } | ||
. | .skill-farming a:first-child, | ||
.skill-woodcutting a:first-child { | |||
background: #59924f; | |||
} | } | ||
. | .skill-farming:hover a:last-child, | ||
.skill-woodcutting:hover a:last-child { | |||
background: #306f25; | |||
} | } | ||
. | .skill-mining a:first-child { | ||
background: #6385a8; | |||
} | } | ||
. | .skill-mining:hover a:last-child { | ||
background: #315f8d; | |||
} | } | ||
. | .skill-smithing a:first-child { | ||
background: #d2b244; | |||
} | |||
background | |||
} | |||
. | .skill-smithing:hover a:last-child { | ||
background: #b69213; | |||
} | } | ||
.mainpage- | .mainpage-wikinews .news-date { | ||
font-weight: bold; | |||
margin-bottom: 0.3em; | |||
} | } | ||
.mainpage- | .mainpage-wikinews p:not(.news-date) { | ||
margin-left: 1em; | |||
} | } | ||
. | .popular-pages ul { | ||
display: grid; | |||
grid-template-columns: repeat(3, 1fr); | |||
grid-gap: 0.6em; | |||
margin: 1em 0 0.7em 0; | |||
} | } | ||
. | .mp-popular-page-light { | ||
display: flex; | |||
align-items: center; | |||
list-style: none; | |||
background-color: var(--button-background); | |||
transition: 0.2s; | |||
} | } | ||
. | .mp-popular-page-light a { | ||
color: | flex: 1; | ||
display: block; | |||
color: white; | |||
font-weight: bold; | font-weight: bold; | ||
text-align: center; | text-align: center; | ||
text- | text-decoration: none; | ||
padding: 0.7em 1em; | |||
} | } | ||
. | .mp-popular-page-light:hover { | ||
filter: brightness(115%); | |||
transition: 0.2s; | |||
} | } | ||
@media screen and (max-width: 1000px) { | |||
.popular-pages ul { | |||
grid-template-columns: repeat(2, 1fr); | |||
} | |||
} | } | ||
.mainpage-discord { | |||
.mainpage- | |||
border: none; | border: none; | ||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3); | box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3); | ||
} | } | ||
.mainpage- | .mainpage-discord .tile-top { | ||
background: # | display: flex; | ||
align-items: center; | |||
background: #5865f2; | |||
padding: 1em 1.75em; | |||
} | } | ||
.mainpage- | .mainpage-discord .tile-top a { | ||
flex: 1; | |||
position: relative; | |||
text-decoration: none; | |||
} | } | ||
.mainpage- | .mainpage-discord .tile-top a:hover .arrow { | ||
. | transform: translateX(50%); | ||
} | } | ||
.mainpage- | .mainpage-discord .tile-bottom { | ||
background: #525ee0; | |||
border: none; | |||
padding: 1em 1.75em; | |||
} | } | ||
.mainpage- | .mainpage-discord .tile-bottom p { | ||
color: #fff; | |||
font-weight: bold; | |||
font-size: 0.9em; | |||
text-align: center; | |||
text-transform: uppercase; | |||
letter-spacing: 0.03em; | |||
margin: 0; | |||
} | } | ||
.mainpage- | .mainpage-discord .partner-icon { | ||
margin-right: 0.75em; | |||
} | } | ||
.mainpage-discord .server-name { | |||
color: #fff; | |||
font-weight: bold; | |||
font-size: 1.25em; | |||
margin: 0.5em 0 -0.15em; | |||
} | |||
.mainpage-discord .server-tagline { | |||
color: rgba(255, 255, 255, 0.9); | |||
} | margin-bottom: 0.5em; | ||
} | |||
.mainpage-discord .arrow { | |||
position: absolute; | |||
} | top: calc(50% - .5em); | ||
right: 0; | |||
height: 1em; | |||
width: 0.7em; | |||
background-size: 0.7em 1em; | |||
transition: 0.3s ease-out; | |||
} | |||
.mainpage-twitter { | |||
border: none; | |||
} | box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3); | ||
} | |||
.mainpage-twitter .tile-top { | |||
display: flex; | |||
align-items: center; | |||
background: #00aced; | |||
padding: 1em 1.75em; | |||
} | |||
.mainpage-twitter .tile-top a { | |||
flex: 1; | |||
position: relative; | |||
text-decoration: none; | |||
} | |||
.mainpage-twitter .tile-top a:hover .arrow { | |||
transform: translateX(50%); | |||
} | |||
.mainpage-twitter .tile-bottom { | |||
background: #0084b4; | |||
} | border: none; | ||
padding: 1em 1.75em; | |||
} | |||
.mainpage-twitter .tile-bottom p { | |||
color: #fff; | |||
font-weight: bold; | |||
font-size: 0.9em; | |||
text-align: center; | |||
text-transform: uppercase; | |||
letter-spacing: 0.03em; | |||
margin: 0; | |||
} | |||
.mainpage-twitter .twitter-logo { | |||
margin-right: 0.75em; | |||
} | } | ||
.mainpage- | .mainpage-twitter .twitter-name { | ||
color: #fff; | |||
} | font-weight: bold; | ||
font-size: 1.25em; | |||
margin: 0.5em 0 -0.15em; | |||
} | |||
.mainpage-twitter .twitter-tagline { | |||
color: rgba(255, 255, 255, 0.9); | |||
margin-bottom: 0.5em; | |||
} | |||
.mainpage-twitter .arrow { | |||
position: absolute; | |||
top: calc(50% - .5em); | |||
right: 0; | |||
height: 1em; | |||
width: 0.7em; | |||
background-size: 0.7em 1em; | |||
transition: 0.3s ease-out; | |||
} | |||
.mainpage-editing { | |||
border: none; | |||
box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0, 0, 0, 0.3); | |||
} | } | ||
.mainpage-editing .tile-top { | |||
background: #438ab5; | |||
} | |||
.mainpage-editing .tile-bottom { | |||
background: #3980ab; | |||
border: none; | |||
padding: 0.8rem 1.5rem 0.4rem; | |||
} | |||
.mainpage-editing h2, | |||
.mainpage-editing a { | |||
color: #fff; | |||
} | |||
.mainpage-editing p { | |||
color: rgba(255, 255, 255, 0.9); | |||
} | |||
.mainpage-editing ul { | |||
list-style-image: url("filepath://Transparent-chevron.svg"); | |||
} | |||
.mainpage-poll .ajaxpoll { | |||
border: none; | |||
background-color: transparent; | |||
padding: 0; | |||
width: auto; | |||
} | |||
@media only screen and (max-width: 65.999rem) { | |||
.mainpage-recent-updates .tile-halves:last-child { | |||
display: none; | |||
} | |||
.mainpage-recent-updates .tile-halves:hover .tile-top img { | |||
transform: scale(1.04); | |||
} | |||
.mainpage-recent-updates .tile-halves:nth-last-child(2) { | |||
margin-right: 0; | |||
} | |||
.mainpage-recent-updates .tile-top { | |||
height: 18vw; | |||
} | |||
.mainpage-contents .tile-halves:nth-child(1), | |||
.mainpage-contents .tile-halves:nth-child(2), | |||
.mainpage-contents .tile-halves:nth-child(3) { | |||
margin-bottom: 0.9rem; | |||
} | |||
.mainpage-contents .tile-halves:nth-child(3) { | |||
margin-right: 0; | |||
} | |||
.mainpage-contents .line-break { | |||
width: 100%; | |||
} | |||
.mainpage-skills ul { | |||
columns: 2 9em; | |||
} | |||
.mainpage-header .header-stats { | |||
display: none; | |||
} | |||
} | |||
@media only screen and (min-width: 66rem) and (max-width: 81.999rem) { | |||
.mainpage-contents .contents-minigames { | |||
display: none; | |||
} | |||
.mainpage-contents .contents-calculators { | |||
margin-right: 0; | |||
} | |||
.mainpage-header .header-stats, | |||
.mainpage-contents .line-break { | |||
display: none; | |||
} | |||
} | |||
@media only screen and (min-width: 82rem) { | |||
.mainpage-header .header-intro { | |||
margin-right: 2em; | |||
} | |||
.mainpage-contents .line-break { | |||
display: none; | |||
} | |||
body.wgl-readermode .mainpage-contents .tile-halves:last-child { | |||
display: none; | |||
} | |||
body.wgl-readermode .mainpage-contents .tile-halves:nth-last-child(2) { | |||
margin-right: 0; | |||
} | |||
} | |||
body.wgl-darkmode .codeEditor-status { | |||
border-color: #172136; | |||
background-color: #313e59; | |||
} | |||
body.wgl-darkmode .codeEditor-status-message { | |||
border-color: #172136; | |||
} | |||
body.wgl-darkmode .CodeMirror-gutters { | |||
background-color: #313e59; | |||
border-color: #172136; | |||
} | |||
body.wgl-darkmode .CodeMirror-linenumber { | |||
color: #cbd9f4; | |||
} | |||
body.wgl-darkmode .CodeMirror { | |||
background: #222e45; | |||
caret-color: #61afef; | |||
} | |||
body.wgl-darkmode .CodeMirror pre { | |||
color: #cbd9f4; | |||
} | |||
body.wgl-darkmode .CodeMirror-cursor { | |||
border-left-color: #61afef; | |||
} | |||
body.wgl-darkmode .CodeMirror-selected { | |||
background-color: rgba(140, 171, 230, 0.1); | |||
} | |||
.CodeMirror-focused body.wgl-darkmode .CodeMirror-selected { | |||
background-color: rgba(140, 171, 230, 0.2); | |||
} | |||
body.wgl-darkmode .CodeMirror-line::selection, | |||
body.wgl-darkmode .CodeMirror-line > span::selection, | |||
body.wgl-darkmode .CodeMirror-line > span > span::selection { | |||
background: rgba(140, 171, 230, 0.2); | |||
} | |||
body.wgl-darkmode .CodeMirror-line::-moz-selection, | |||
body.wgl-darkmode .CodeMirror-line > span::-moz-selection, | |||
body.wgl-darkmode .CodeMirror-line > span > span::-moz-selection { | |||
background: rgba(140, 171, 230, 0.2); | |||
} | |||
body.wgl-darkmode .mw-editform .editOptions { | |||
color: #cbd9f4; | |||
background-color: #222e45; | |||
border-color: #172136; | |||
} | |||
body.wgl-darkmode .mw-editform #wpTextbox1 { | |||
color: #cbd9f4; | |||
background: #222e45; | |||
border-color: #172136; | |||
} | |||
body.wgl-darkmode .mw-editTools select#std-preload-list { | |||
background-color: #384766; | |||
border: 1px solid #475980; | |||
color: #cbd9f4; | |||
} | |||
body.wgl-darkmode .mw-editTools input#cust-preload-input { | |||
background-color: #384766; | |||
border: 1px solid #475980; | |||
color: #cbd9f4; | |||
padding: 2px 1px; | |||
} | |||
body.wgl-darkmode .mw-editTools input#cust-preload-button { | |||
background-color: #313e59; | |||
border: 1px solid #3f5073; | |||
border-left: none; | |||
color: #cbd9f4; | |||
padding: 2px 7px; | |||
cursor: pointer; | |||
} | |||
body.wgl-darkmode .mw-editTools input#cust-preload-button:hover { | |||
background-color: #384766; | |||
border: 1px solid #475980; | |||
border-left: none; | |||
} | |||
body.wgl-darkmode .mw-highlight pre { | |||
background-color: #222e45; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .hll { | |||
background-color: #49483e; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .c { | |||
color: #949eaa; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .err { | |||
color: #960050; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .k { | |||
color: #66d9ef; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .l { | |||
color: #ae81ff; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .n { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .o { | |||
color: #f92672; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .p { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .ch { | |||
color: #949eaa; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .cm { | |||
color: #949eaa; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .cp { | |||
color: #949eaa; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .cpf { | |||
color: #949eaa; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .c1 { | |||
color: #949eaa; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .cs { | |||
color: #949eaa; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .gd { | |||
color: #f92672; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .ge { | |||
font-style: italic; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .gi { | |||
color: #a6e22e; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .gs { | |||
font-weight: bold; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .gu { | |||
color: #949eaa; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .kc { | |||
color: #66d9ef; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .kd { | |||
color: #66d9ef; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .kn { | |||
color: #f92672; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .kp { | |||
color: #66d9ef; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .kr { | |||
color: #66d9ef; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .kt { | |||
color: #66d9ef; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .ld { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .m { | |||
color: #ae81ff; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .s { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .na { | |||
color: #a6e22e; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .nb { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .nc { | |||
color: #a6e22e; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .no { | |||
color: #66d9ef; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .nd { | |||
color: #a6e22e; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .ni { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .ne { | |||
color: #a6e22e; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .nf { | |||
color: #a6e22e; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .nl { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .nn { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .nx { | |||
color: #a6e22e; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .py { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .nt { | |||
color: #f92672; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .nv { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .ow { | |||
color: #f92672; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .w { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .mb { | |||
color: #ae81ff; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .mf { | |||
color: #ae81ff; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .mh { | |||
color: #ae81ff; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .mi { | |||
color: #ae81ff; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .mo { | |||
color: #ae81ff; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .sa { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .sb { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .sc { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .dl { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .sd { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .s2 { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .se { | |||
color: #ae81ff; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .sh { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .si { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .sx { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .sr { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .s1 { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .ss { | |||
color: #e6db74; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .bp { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .fm { | |||
color: #a6e22e; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .vc { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .vg { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .vi { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .vm { | |||
color: #f8f8f2; | |||
} | |||
body.wgl-darkmode .mw-highlight pre .il { | |||
color: #ae81ff; | |||
} | |||
body.wgl-darkmode .mw-highlight .linenos { | |||
background-color: #313e59; | |||
color: #cbd9f4; | |||
} | |||
body.wgl-darkmode .oo-ui-widget { | |||
color: #cbd9f4; | |||
} | |||
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button { | |||
color: #cbd9f4; | |||
background-color: #313e59; | |||
border-color: #3f5073; | |||
} | |||
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled:not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button:hover { | |||
color: #cbd9f4; | |||
background-color: #384766; | |||
border-color: #475980; | |||
} | |||
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button:hover { | |||
background-color: #447ff5; | |||
border-color: #447ff5; | |||
} | |||
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-disabled > .oo-ui-buttonElement-button[aria-disabled=true] { | |||
background-color: #8992a4; | |||
border-color: #8992a4; | |||
} | |||
body.wgl-darkmode .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button { | |||
background-color: #2a4b8d; | |||
border-color: #2a4b8d; | |||
} | |||
body.wgl-darkmode .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled { | |||
background-color: #8992a4; | |||
border-color: #8992a4; | |||
} | |||
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled { | |||
background-color: #384766; | |||
} | |||
body.wgl-darkmode .oo-ui-tagMultiselectWidget-handle { | |||
border-color: #475980; | |||
} | |||
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-inlined:hover .oo-ui-tagMultiselectWidget-handle { | |||
border-color: #556c9b; | |||
} | |||
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle { | |||
background-color: #222e45; | |||
border-color: #2f4060; | |||
} | |||
body.wgl-darkmode .oo-ui-menuSelectWidget { | |||
background-color: #313e59; | |||
border-color: #3f5073; | |||
} | |||
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled { | |||
background-color: #313e59; | |||
border-color: #3f5073; | |||
} | |||
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined { | |||
background-color: #182137; | |||
} | |||
body.wgl-darkmode .oo-ui-textInputWidget input, | |||
body.wgl-darkmode .oo-ui-textInputWidget textarea { | |||
color: #cbd9f4; | |||
background-color: #384766; | |||
border-color: #475980; | |||
} | |||
body.wgl-darkmode .oo-ui-textInputWidget .oo-ui-inputWidget-input::placeholder { | |||
color: rgba(203, 217, 244, 0.6); | |||
} | |||
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover input, | |||
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled:hover textarea { | |||
border-color: #556c9b; | |||
} | |||
body.wgl-darkmode .oo-ui-pendingElement-pending { | |||
background-image: repeating-linear-gradient(-45deg, #2f4060, #303f59 20px, #182137 20px, #182137 30px); | |||
} | |||
body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer, | |||
body.wgl-darkmode .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup > .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child { | |||
border-color: #3f5073; | |||
} | |||
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled, | |||
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover { | |||
background-color: #182137; | |||
} | |||
body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle { | |||
color: #cbd9f4; | |||
background-color: #313e59; | |||
border-color: #3f5073; | |||
} | |||
body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover { | |||
color: #cbd9f4; | |||
background-color: #313e59; | |||
border-color: #475980; | |||
} | |||
body.wgl-darkmode .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle { | |||
background-color: #384766; | |||
} | |||
body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected { | |||
background-color: #2a354c; | |||
} | |||
body.wgl-darkmode .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted { | |||
background-color: #384766; | |||
} | |||
body.wgl-darkmode .oo-ui-checkboxInputWidget [type=checkbox] + span, | |||
body.wgl-darkmode .oo-ui-radioInputWidget [type=radio] + span { | |||
background-color: #384766; | |||
border-color: #475980; | |||
} | |||
body.wgl-darkmode .oo-ui-checkboxInputWidget [type=checkbox]:disabled + span, | |||
body.wgl-darkmode .oo-ui-radioInputWidget [type=radio]:disabled + span { | |||
background-color: #8992a4; | |||
border-color: #8992a4; | |||
} | |||
body.wgl-darkmode .oo-ui-radioInputWidget.oo-ui-widget-enabled [type=radio]:checked + span { | |||
background-color: #8daeee; | |||
border-color: #728bba; | |||
} | |||
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select { | |||
color: #ccd9f4; | |||
} | |||
body.wgl-darkmode .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover { | |||
color: #ccd9f4; | |||
border-color: #3f5073; | |||
} | |||
body.wgl-darkmode .oo-ui-window-content { | |||
background-color: #222e45; | |||
color: #cbd9f4; | |||
} | |||
body.wgl-darkmode .oo-ui-window-content .oo-ui-window-body, | |||
body.wgl-darkmode .oo-ui-window-content .oo-ui-window-head { | |||
outline-color: #2f4060; | |||
} | |||
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget, | |||
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget, | |||
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info { | |||
background-color: #2a3956; | |||
border-color: #384c71; | |||
} | |||
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover, | |||
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget:hover, | |||
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info:hover { | |||
border-color: #3b5078; | |||
} | |||
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-empty.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel, | |||
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-dropTarget .oo-ui-selectFileWidget-dropLabel, | |||
body.wgl-darkmode .oo-ui-window-content .oo-ui-selectFileWidget-info .oo-ui-selectFileWidget-dropLabel { | |||
color: #cbd9f4; | |||
} | |||
body.wgl-darkmode .oo-ui-tagMultiselectWidget.oo-ui-widget-disabled .oo-ui-tagMultiselectWidget-handle { | |||
background-color: #313946; | |||
border-color: #363f50; | |||
} | |||
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled input, | |||
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-disabled textarea { | |||
text-shadow: 0 1px 1px #000; | |||
color: #e5f3fc; | |||
-webkit-text-fill-color: #e5f3fc; | |||
} | |||
body.wgl-darkmode .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) { | |||
background-color: #444e5a; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-toolbar-bar { | |||
background-color: #222e45; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-iconElement-icon.oo-ui-icon-cancel, | |||
.ve-activated body.wgl-darkmode .ve-ui-mwInternalLinkContextItem-withImage .oo-ui-iconElement-icon { | |||
filter: invert(0%); | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-tool:not(.oo-ui-toolGroupTool).oo-ui-tool-active { | |||
background: #313e59; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-popupToolGroup-handle:hover, | |||
.ve-activated body.wgl-darkmode .oo-ui-tool:not(.oo-ui-toolGroupTool).oo-ui-widget-enabled:hover, | |||
.ve-activated body.wgl-darkmode .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover { | |||
background: #384766; | |||
border-color: #384766; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { | |||
background: #313e59; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-menuToolGroup .oo-ui-tool.oo-ui-tool-active, | |||
.ve-activated body.wgl-darkmode .oo-ui-listToolGroup .oo-ui-tool-active.oo-ui-widget-enabled { | |||
background: #384766; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-popupToolGroup .oo-ui-toolGroup-tools { | |||
background: #222e45; | |||
border-color: #2f4060; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-tool-title { | |||
color: #cbd9f4; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-accel { | |||
color: rgba(203, 217, 244, 0.5); | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar { | |||
border-bottom-color: #2f4060; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-menuToolGroup { | |||
border-right-color: #2f4060; | |||
border-left-color: #2f4060; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-toolbar-actions .oo-ui-toolGroup { | |||
border-left-color: #2f4060; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-toolbar-actions > .oo-ui-toolbar:not(:last-child) { | |||
border-right-color: #2f4060; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-tool.oo-ui-widget-enabled > .oo-ui-tool-link:hover { | |||
background-color: #384766; | |||
} | |||
.ve-activated body.wgl-darkmode .ve-ui-toolbar .oo-ui-toolbar-popups .oo-ui-toolGroup-tools { | |||
background-color: #313e59; | |||
border: none; | |||
} | |||
.ve-activated body.wgl-darkmode .ve-ui-toolbar .oo-ui-toolbar-popups .oo-ui-toolGroup-tools .oo-ui-widget-disabled { | |||
opacity: 0.34; | |||
} | |||
.ve-activated body.wgl-darkmode .ve-ui-toolbar .oo-ui-toolbar-popups .oo-ui-toolGroup-tools .oo-ui-tool-active .oo-ui-tool-link { | |||
background-color: #313e59; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above, | |||
.ve-activated body.wgl-darkmode .oo-ui-bookletLayout > .oo-ui-menuLayout-menu { | |||
border-color: #2f4060; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-barToolGroup-tools.oo-ui-toolGroup-enabled-tools .oo-ui-tool.oo-ui-widget-disabled.oo-ui-flaggedElement-primary > .oo-ui-tool-link, | |||
.ve-activated body.wgl-darkmode .oo-ui-barToolGroup-tools.oo-ui-toolGroup-disabled-tools .oo-ui-tool.oo-ui-flaggedElement-primary > .oo-ui-tool-link { | |||
background-color: #8992a4; | |||
border-color: #8992a4; | |||
} | |||
.ve-activated body.wgl-darkmode .oo-ui-widget-disabled .oo-ui-tool > .oo-ui-tool-link span.oo-ui-tool-title { | |||
color: rgba(203, 217, 244, 0.5); | |||
} | |||
.ve-activated body.wgl-darkmode figure[typeof~="mw:Image/Thumb"], | |||
.ve-activated body.wgl-darkmode figure[typeof~="mw:Video/Thumb"], | |||
.ve-activated body.wgl-darkmode figure[typeof~="mw:Audio/Thumb"], | |||
.ve-activated body.wgl-darkmode figure[typeof~="mw:Image/Frame"], | |||
.ve-activated body.wgl-darkmode figure[typeof~="mw:Video/Frame"], | |||
.ve-activated body.wgl-darkmode figure[typeof~="mw:Audio/Frame"] { | |||
background: none; | |||
border: none; | |||
} | |||
body.wgl-darkmode .wikiEditor-toolbar-dialog .wikieditor-toolbar-field-wrapper label { | |||
color: #cbd9f4; | |||
} | |||
body.wgl-darkmode .wikiEditor-toolbar-dialog .wikieditor-toolbar-field-wrapper input { | |||
background: #313e59; | |||
border: 1px solid #596e96; | |||
color: #cbd9f4; | |||
border-radius: 3px; | |||
} | |||
body.wgl-darkmode .wikiEditor-toolbar-dialog .wikieditor-toolbar-field-wrapper select { | |||
background: #313e59; | |||
border: 1px solid #596e96; | |||
color: #cbd9f4; | |||
border-radius: 3px; | |||
} | |||
body.wgl-darkmode .wikiEditor-toolbar-dialog .ui-dialog-buttonpane { | |||
background-image: none !important; | |||
background-color: #172136 !important; | |||
color: #cbd9f4; | |||
border-color: #596e96 !important; | |||
} | |||
body.wgl-darkmode .wikiEditor-toolbar-dialog .ui-dialog-buttonset button { | |||
background-color: #313e59 !important; | |||
background-image: none !important; | |||
color: #cbd9f4; | |||
border-color: #596e96 !important; | |||
} | |||
body.wgl-darkmode .wikiEditor-toolbar-dialog .ui-dialog-buttonset button:hover { | |||
background: #556c9b !important; | |||
color: #e0e8f8; | |||
} | |||
body.wgl-darkmode .wikiEditor-toolbar-dialog #wikieditor-toolbar-link-int-target-status, | |||
body.wgl-darkmode .wikiEditor-toolbar-dialog .wikieditor-toolbar-table-preview-wrapper { | |||
color: #cbd9f4; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .wikiEditor-ui-view, | |||
body.wgl-darkmode .wikiEditor-ui .wikiEditor-ui-top { | |||
border-color: #172136; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar { | |||
background-color: #313e59; | |||
background-image: none; | |||
color: #cbd9f4; | |||
border-color: #172136; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .oo-ui-iconElement-icon.oo-ui-image-progressive { | |||
filter: brightness(1.5); | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .oo-ui-popupToolGroup-handle:hover, | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active > .oo-ui-popupToolGroup-handle { | |||
background-color: #556c9b; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable { | |||
border-color: #172136; | |||
background-color: #313e59; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable .oo-ui-tool-name-editModeVisual { | |||
background-color: #313e59; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable .oo-ui-tool-name-editModeVisual:hover { | |||
background-color: #556c9b; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable .oo-ui-tool-name-editModeSource { | |||
background-color: #556c9b; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .oo-ui-toolGroup-tools.oo-ui-clippableElement-clippable .oo-ui-tool-name-editModeSource .oo-ui-tool-title { | |||
color: #e0e8f8; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .tabs a, | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .tabs .tabs > .tab > a { | |||
color: #8cabe6; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .tabs span.tab a.current, | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .tabs span.tab a.current:visited { | |||
color: #cbd9f4; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .tabs span.tab a:before { | |||
filter: invert(1); | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .group { | |||
border-color: #172136; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .group .tool-select { | |||
background-color: #313e59; | |||
border-color: #172136; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .group .tool-select .label:after { | |||
filter: invert(1); | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .group .tool-select .options { | |||
border-color: #172136; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .group .tool-select .options .option:hover { | |||
background-color: #556c9b; | |||
color: #e0e8f8; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .group .tool-select .option { | |||
background-color: #313e59; | |||
color: #8cabe6; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .group-search { | |||
border-left-color: #172136; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .page-table td { | |||
border-color: #172136; | |||
color: #cbd9f4; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .page-table th { | |||
color: #cbd9f4; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .sections .section { | |||
border-color: #172136; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .sections .toolbar .group > .label { | |||
color: #cbd9f4; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .sections .toolbar a { | |||
color: #8cabe6; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .sections .toolbar .tool > .label { | |||
color: #cbd9f4; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .booklet .index > .current { | |||
background-color: #556c9b; | |||
color: #e0e8f8; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .booklet > .index > :hover { | |||
background-color: #4c608a; | |||
color: #e0e8f8; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .page-characters div span { | |||
background-color: #313e59; | |||
border-color: #26375a; | |||
color: #cbd9f4; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui-toolbar .page-characters div span:hover { | |||
color: #e0e8f8; | |||
border-color: #1f2c48; | |||
} | |||
body.wgl-darkmode .mw-content-ltr.mw-highlight-lines pre, | |||
body.wgl-darkmode .mw-content-ltr.content .mw-highlight-lines pre { | |||
box-shadow: inset 2.75em 0 0 #313e59; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_gutter, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_gutter { | |||
background: #313e59; | |||
color: #cbd9f4; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_print-margin, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_print-margin { | |||
width: 1px; | |||
background: #555651; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm { | |||
background-color: #222e45; | |||
color: #F8F8F2; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_cursor, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_cursor { | |||
color: #F8F8F0; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_marker-layer .ace_selection, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_marker-layer .ace_selection { | |||
background: #334567; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm.ace_multiselect .ace_selection.ace_start, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm.ace_multiselect .ace_selection.ace_start { | |||
box-shadow: 0 0 3px 0px #334567; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_marker-layer .ace_step, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_marker-layer .ace_step { | |||
background: #665200; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_marker-layer .ace_bracket, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_marker-layer .ace_bracket { | |||
margin: -1px 0 0 -1px; | |||
border: 1px solid #49483E; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_marker-layer .ace_active-line, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_marker-layer .ace_active-line { | |||
background: #2a3956; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_gutter-active-line, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_gutter-active-line { | |||
background-color: #43557a; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_marker-layer .ace_selected-word, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_marker-layer .ace_selected-word { | |||
border: 1px solid #49483E; | |||
background: #49483E; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_invisible, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_invisible { | |||
color: #52524d; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_entity.ace_name.ace_tag, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_entity.ace_name.ace_tag, | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_keyword, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_keyword, | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_meta.ace_tag, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_meta.ace_tag, | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_storage, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_storage { | |||
color: #F92672; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_punctuation, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_punctuation, | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_punctuation.ace_tag, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_punctuation.ace_tag { | |||
color: #fff; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_constant.ace_character, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_constant.ace_character, | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_constant.ace_language, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_constant.ace_language, | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_constant.ace_numeric, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_constant.ace_numeric, | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_constant.ace_other, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_constant.ace_other { | |||
color: #AE81FF; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_invalid, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_invalid { | |||
color: #F8F8F0; | |||
background-color: #F92672; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_invalid.ace_deprecated, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_invalid.ace_deprecated { | |||
color: #F8F8F0; | |||
background-color: #AE81FF; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_support.ace_constant, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_support.ace_constant, | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_support.ace_function, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_support.ace_function { | |||
color: #66D9EF; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_fold, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_fold { | |||
background-color: #A6E22E; | |||
border-color: #F8F8F2; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_storage.ace_type, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_storage.ace_type, | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_support.ace_class, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_support.ace_class, | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_support.ace_type, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_support.ace_type { | |||
color: #66D9EF; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_entity.ace_name.ace_function, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_entity.ace_name.ace_function, | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_entity.ace_other, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_entity.ace_other, | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_entity.ace_other.ace_attribute-name, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_entity.ace_other.ace_attribute-name, | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_variable, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_variable { | |||
color: #A6E22E; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_variable.ace_parameter, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_variable.ace_parameter { | |||
color: #FD971F; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_string, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_string { | |||
color: #E6DB74; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_keyword.ace_operator, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_keyword.ace_operator { | |||
color: #949eaa; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_comment, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_comment { | |||
color: #949eaa; | |||
} | |||
body.wgl-darkmode .wikiEditor-ui .ace-tm .ace_indent-guide, | |||
body.wgl-darkmode .ve-ui-mwAceEditorWidget .ace-tm .ace_indent-guide { | |||
background: none; | |||
border-right: solid 1px #334567; | |||
margin-left: -1px; | |||
} | |||
#mw-mf-page-center { | #mw-mf-page-center { | ||
background-color: var(--body-light); | background-color: var(--body-light); | ||