https://wiki.roatpkz.com/api.php?action=feedcontributions&feedformat=atom&user=Hefner 2026-07-21T20:03:19Z User contributions MediaWiki 1.41.0 https://wiki.roatpkz.com/index.php?title=User:Hefner/Sandbox14&diff=28933 2026-07-18T11:25:48Z

<p>Hefner: </p> <hr /> <div>__NOTOC__<br /> &lt;div class=&quot;debt-calculator&quot;&gt;<br /> <br /> &lt;h1&gt;Debt Calculator&lt;/h1&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-items&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:PKP.png|64px|link=]]<br /> <br /> &lt;h3&gt;PKP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;pkp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:Donator point.png|64px|link=]]<br /> <br /> &lt;h3&gt;DP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;dp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:$1_Donation_Credit.png|64px|link=]]<br /> <br /> &lt;h3&gt;Credits&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;credits-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-total&quot;&gt;<br /> <br /> &lt;span class=&quot;total-label&quot;&gt;TOTAL DEBT:&lt;/span&gt;<br /> <br /> &lt;span id=&quot;total&quot;&gt;0 PKP&lt;/span&gt;<br /> <br /> take more idc<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;</div>

Hefner https://wiki.roatpkz.com/index.php?title=User:Hefner/Sandbox14&diff=28932 2026-07-18T11:22:30Z

<p>Hefner: </p> <hr /> <div>__NOTOC__<br /> &lt;div class=&quot;debt-calculator&quot;&gt;<br /> <br /> &lt;h1&gt;I PK MAX JR Debt Calculator&lt;/h1&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-items&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:PKP.png|64px|link=]]<br /> <br /> &lt;h3&gt;PKP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;pkp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:Donator point.png|64px|link=]]<br /> <br /> &lt;h3&gt;DP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;dp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:$1_Donation_Credit.png|64px|link=]]<br /> <br /> &lt;h3&gt;Credits&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;credits-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-total&quot;&gt;<br /> <br /> &lt;span class=&quot;total-label&quot;&gt;TOTAL DEBT:&lt;/span&gt;<br /> <br /> &lt;span id=&quot;total&quot;&gt;0 PKP&lt;/span&gt;<br /> <br /> take more idc<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;</div>

Hefner https://wiki.roatpkz.com/index.php?title=User:Hefner/Sandbox14&diff=28931 2026-07-18T11:22:17Z

<p>Hefner: </p> <hr /> <div>__NOTOC__<br /> &lt;div class=&quot;debt-calculator&quot;&gt;<br /> <br /> &lt;h1&gt;I PK MAX JR Debt Calculator&lt;/h1&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-items&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:PKP.png|64px|link=]]<br /> <br /> &lt;h3&gt;PKP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;pkp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:Donator point.png|64px|link=]]<br /> <br /> &lt;h3&gt;DP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;dp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:$1_Donation_Credit.png|64px|link=]]<br /> <br /> &lt;h3&gt;Credits&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;credits-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-total&quot;&gt;<br /> <br /> &lt;span class=&quot;total-label&quot;&gt;TOTAL DEBT:&lt;/span&gt;<br /> <br /> &lt;span id=&quot;total&quot;&gt;0 PKP&lt;/span&gt;<br /> <br /> more idc<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;</div>

Hefner https://wiki.roatpkz.com/index.php?title=User:Hefner/Sandbox14&diff=28930 2026-07-18T11:18:17Z

<p>Hefner: </p> <hr /> <div>__NOTOC__<br /> &lt;div class=&quot;debt-calculator&quot;&gt;<br /> <br /> &lt;h1&gt;I PK MAX JR Debt Calculator&lt;/h1&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-items&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:PKP.png|64px|link=]]<br /> <br /> &lt;h3&gt;PKP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;pkp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:Donator point.png|64px|link=]]<br /> <br /> &lt;h3&gt;DP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;dp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:$1_Donation_Credit.png|64px|link=]]<br /> <br /> &lt;h3&gt;Credits&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;credits-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-total&quot;&gt;<br /> <br /> &lt;span class=&quot;total-label&quot;&gt;TOTAL DEBT:&lt;/span&gt;<br /> <br /> &lt;span id=&quot;total&quot;&gt;0 PKP&lt;/span&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;</div>

Hefner https://wiki.roatpkz.com/index.php?title=User:Hefner/Sandbox14&diff=28929 2026-07-18T11:18:05Z

<p>Hefner: </p> <hr /> <div>__NOTOC__<br /> &lt;div class=&quot;debt-calculator&quot;&gt;<br /> <br /> &lt;h1&gt;i pk max jr Debt Calculator&lt;/h1&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-items&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:PKP.png|64px|link=]]<br /> <br /> &lt;h3&gt;PKP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;pkp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:Donator point.png|64px|link=]]<br /> <br /> &lt;h3&gt;DP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;dp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:$1_Donation_Credit.png|64px|link=]]<br /> <br /> &lt;h3&gt;Credits&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;credits-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-total&quot;&gt;<br /> <br /> &lt;span class=&quot;total-label&quot;&gt;TOTAL DEBT:&lt;/span&gt;<br /> <br /> &lt;span id=&quot;total&quot;&gt;0 PKP&lt;/span&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;</div>

Hefner https://wiki.roatpkz.com/index.php?title=User:Hefner/Sandbox14&diff=28928 2026-07-18T11:16:04Z

<p>Hefner: </p> <hr /> <div>__NOTOC__<br /> &lt;div class=&quot;debt-calculator&quot;&gt;<br /> <br /> &lt;h1&gt;Smoothie's Debt Calculator&lt;/h1&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-items&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:PKP.png|64px|link=]]<br /> <br /> &lt;h3&gt;PKP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;pkp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:Donator point.png|64px|link=]]<br /> <br /> &lt;h3&gt;DP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;dp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:$1_Donation_Credit.png|64px|link=]]<br /> <br /> &lt;h3&gt;Credits&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;credits-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-total&quot;&gt;<br /> <br /> &lt;span class=&quot;total-label&quot;&gt;TOTAL DEBT:&lt;/span&gt;<br /> <br /> &lt;span id=&quot;total&quot;&gt;0 PKP&lt;/span&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;</div>

Hefner https://wiki.roatpkz.com/index.php?title=Debt&diff=28927 2026-07-18T11:15:34Z

<p>Hefner: Redirected page to User:Hefner/Sandbox14</p> <hr /> <div>#REDIRECT [[User:Hefner/Sandbox14]]</div>

Hefner https://wiki.roatpkz.com/index.php?title=User:Hefner/Sandbox14&diff=28926 2026-07-18T11:15:11Z

<p>Hefner: </p> <hr /> <div>__NOTOC__<br /> &lt;div class=&quot;debt-calculator&quot;&gt;<br /> <br /> &lt;h1&gt;Smoothie &amp; Max's Debt Calculator&lt;/h1&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-items&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:PKP.png|64px|link=]]<br /> <br /> &lt;h3&gt;PKP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;pkp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:Donator point.png|64px|link=]]<br /> <br /> &lt;h3&gt;DP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;dp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:$1_Donation_Credit.png|64px|link=]]<br /> <br /> &lt;h3&gt;Credits&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;credits-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-total&quot;&gt;<br /> <br /> &lt;span class=&quot;total-label&quot;&gt;TOTAL DEBT:&lt;/span&gt;<br /> <br /> &lt;span id=&quot;total&quot;&gt;0 PKP&lt;/span&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:Common.css&diff=28925 2026-07-18T11:14:01Z

<p>Hefner: </p> <hr /> <div>:root {<br /> --body-background-image: url('filepath://Roat Pkz Wiki background darkmode1.jpg');<br /> --body-background-color: #071022;<br /> --body-main: #172136;<br /> --body-light: #313e59;<br /> --body-mid: #222e45;<br /> --body-dark: #222e45;<br /> --body-border: #596e96;<br /> --link-color: #8cabe6;<br /> --background-link-color: var(--link-color);<br /> --redlink-color: #f26d60;<br /> --text-color: #cbd9f4;<br /> --background-text-color: #cbd9f4;<br /> --byline-color: #98a2b6;<br /> --subtle-color: var(--byline-color);<br /> --search-box: var(--body-light);<br /> --admin-blue: #0087ff;<br /> --bearcat-green: #00ff55;<br /> --awb-purple: #f319ff;<br /> --sidebar: #222e45;<br /> --button-background: #617ebc;<br /> --button-dark: #617ebc;<br /> --button-border: #617ebc;<br /> --button-light: #617ebc;<br /> --wikitable-header-bg: #222e45;<br /> --wikitable-border: #172136;<br /> --wikitable-bg: #313e59;<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --wikitable-alternating-bg: #2a3651;<br /> --table-na-background: rgba(0, 0, 0, 0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #0b5884;<br /> --droptable-common-background: #3c780a;<br /> --droptable-uncommon-background: #a48900;<br /> --droptable-rare-background: #b55e0c;<br /> --droptable-veryrare-background: #9f261e;<br /> --droptable-random-background: #984c89;<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);<br /> --tile-border-color: var(--body-border);<br /> --tile-background-color: var(--body-light);<br /> --tile-link-button-color: var(--body-mid);<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255, 255, 255, 0.7);<br /> --tile-dark-header-color: #fff;<br /> --documentation-background: var(--body-light);<br /> --documentation-border: var(--sidebar);<br /> --documentation-link-color: var(--link-color);<br /> --documentation-headers-color: var(--text-color);<br /> --documentation-header-background: var(--body-dark);<br /> --documentation-subheader-background: #1f293e;<br /> --base-text-color: var(--text-color);<br /> --base-heading-color: var(--text-color);<br /> --base-heading-border: var(--sidebar);<br /> --mainpage-recent-updates-description-color: var(--text-color);<br /> --thumb-bg: var(--body-mid);<br /> --thumb-caption-bg: var(--body-light);<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid);<br /> --diff-addedline-background: #438ab5;<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-color: #fff;<br /> --diff-deletedline-background: #379541;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-color: #fff;<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: var(--errorbox-bg);<br /> --warningbox-border: var(--errorbox-border);<br /> --successbox-bg: #2e5e05;<br /> --successbox-border: #3c780a;<br /> --messagebox-obsolete-background: #464646;<br /> --messagebox-obsolete-border: #333;<br /> --messagebox-obsolete-color: #ddd;<br /> --messagebox-obsolete-link-color: #bbb;<br /> --messagebox-info-background: var(--messagebox-obsolete-background);<br /> --messagebox-info-border: var(--messagebox-obsolete-border);<br /> --messagebox-info-color: var(--messagebox-obsolete-color);<br /> --messagebox-info-link-color: var(--messagebox-obsolete-link-color);<br /> --messagebox-action-background: #45697d;<br /> --messagebox-action-border: #2d5266;<br /> --messagebox-action-color: var(--text-color);<br /> --messagebox-action-link-color: #b8d5e5;<br /> --messagebox-warn-background: #95271b;<br /> --messagebox-warn-border: #6b130a;<br /> --messagebox-warn-color: #f8ebe9;<br /> --messagebox-warn-link-color: #e8b8b3;<br /> --messagebox-safe-background: #1b8408;<br /> --messagebox-safe-border: #126802;<br /> --messagebox-safe-color: #e9f6e7;<br /> --messagebox-safe-link-color: #c1e0bb;<br /> --messagebox-disambig-background: var(--messagebox-obsolete-background);<br /> --messagebox-disambig-border: var(--messagebox-obsolete-border);<br /> --messagebox-disambig-color: var(--messagebox-obsolete-color);<br /> --messagebox-disambig-link-color: var(--messagebox-obsolete-link-color);<br /> --mw-code-background-color: #222e45;<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-mid);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border);<br /> --scribuntoconsole-input: #3ea6e6;<br /> --scibuntoconsole-print: #f9d000;<br /> --scribuntoconsole-error: #ee4231;<br /> --scribuntoconsole-message: #6bc71f;<br /> --scribuntoconsole-tabcomplete: #855cd8;<br /> --scribuntoconsole-clear: #ee4231;<br /> --blockquote-color: var(--text-color);<br /> --coins-color: #6bc71f;<br /> --coins-pos-color: #3ea6e6;<br /> --coins-neg-color: #ee4231;<br /> --questdetails-header-background: var(--body-dark);<br /> --questdetails-header-background-alt: var(--body-dark);<br /> --fact-text-color: #3ea6e6;<br /> --production-selected-background: #3c780a;<br /> --production-selected-color: #fff;<br /> --wikipedia-border: var(--body-border);<br /> --wikipedia-background: var(--body-light);<br /> --keypress-background: var(--body-light);<br /> --keypress-border: var(--body-border);<br /> --keypress-color: var(--text-color);<br /> --ajaxpoll-background: var(--body-light);<br /> --ajaxpoll-text-color: var(--base-text-color);<br /> --ajaxpoll-answerbar-background: var(--body-mid);<br /> --ajaxpoll-answerbar-border: var(--body-border);<br /> --rc-negative-color: #ee4231;<br /> --rc-positive-color: #6bc71f;<br /> --filter-black-to-link: invert(63%) sepia(67%) saturate(242%) hue-rotate(182deg) brightness(93%) contrast(94%);<br /> --transcript-border-color: #596e96;<br /> --transcript-border-hover-color: #8596b7;<br /> --transcript-strikethrough-color: #fff;<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--navbox-title-background);<br /> --navbox-group-title-background: var(--navbox-title-background);<br /> --infobox-bg: var(--body-light);<br /> --infobox-border: var(--body-border);<br /> --infobox-header: var(--body-dark);<br /> --infobox-subheader: var(--body-mid);<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #444e5a;<br /> --sourceeditor-input-background: var(--body-mid);<br /> --sourceeditor-background: var(--body-light);<br /> --sourceeditor-background-secondary: var(--body-mid);<br /> --sourceeditor-border: var(--body-main);<br /> --codemirror-gutter-background: var(--body-light);<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border);<br /> --vector-tab-background: #222e45;<br /> --vector-tab-background--hover: #293753;<br /> --vector-tab-link-color: var(--background-link-color);<br /> --lighttable-bg-hover: #3c780a;<br /> --lighttable-bg-active: #2e5e05;<br /> --lighttable-link-color: #c3e8a3;<br /> --personal-links-bg: rgba(7, 16, 34, 0.75);<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg, #315d30 0 20px, #13421e 20px 30px);<br /> --tbz-unlocked-border-color: #00e417;<br /> --tbz-locked-background-color: #8a2525;<br /> --tbz-locked-border-color: #b32828;<br /> --tbz-partial-unlock-background: #5a5a5a;<br /> --tbz-partial-unlock-border-color: #13421e;<br /> }<br /> <br /> <br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape.woff2?17907) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: bold;<br /> src: local(&quot;RuneScape Bold&quot;),local(&quot;RuneScape Bold 12&quot;),local(&quot;RuneScape Chat 2&quot;),local(&quot;RuneScape Chat&quot;),url(/images/RuneScape_Bold.woff2?514fd) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape Small';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape_Small.woff2?1ee0e) format('woff2')<br /> }<br /> <br /> :root {<br /> --base-text-color: #cbd9f4;<br /> --base-heading-color: #cbd9f4;<br /> --base-heading-border: #596e96;<br /> --mw-code-background-color: #222e45;<br /> --body-background-image: url(/images/b/b5/Roat_Pkz_Wiki_background_darkmode2.png)<br /> }<br /> <br /> #mw-page-base {<br /> background: none<br /> }<br /> <br /> .mw-body {<br /> background-color: var(--body-main);<br /> color: var(--text-color);<br /> border-color: transparent;<br /> box-shadow: 0 0 7px rgba(0,0,0,0.15);<br /> margin-top: 0<br /> }<br /> <br /> h1,h2,h3,h4,h5,h6 {<br /> color: var(--text-color)<br /> }<br /> <br /> h1,h2 {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-body h1,.mw-body-content h1,.mw-body-content h2,.mw-body-content h3,.mw-body-content h4,.mw-body-content h5,.mw-body-content h6 {<br /> font-family: 'PT Serif','Palatino','Georgia',serif<br /> }<br /> <br /> .mw-parser-output h2:first-of-type {<br /> clear: left<br /> }<br /> <br /> .mw-footer {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer li {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer a,.mw-footer a:active,.mw-footer a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> ::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> a {<br /> color: var(--link-color)<br /> }<br /> <br /> a:visited,a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> a.new {<br /> color: var(--redlink-color)<br /> }<br /> <br /> a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .mw-parser-output a.extiw,.mw-parser-output a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited,.mw-parser-output a.extiw:active,.mw-parser-output a.external:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .jsPurgeLink a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> a[href=&quot;/w/User:AndBot&quot;],a[href=&quot;/w/User:BisetteBot&quot;],a[href=&quot;/w/User:Bot50&quot;],a[href=&quot;/w/User:BotDiesel2m&quot;],a[href=&quot;/w/User:Bowl&quot;],a[href=&quot;/w/User:Catbot&quot;],a[href=&quot;/w/User:CookBot&quot;],a[href=&quot;/w/User:Cresbot&quot;],a[href=&quot;/w/User:CrowBot&quot;],a[href=&quot;/w/User:Data_Chompy&quot;],a[href=&quot;/w/User:GauBot&quot;],a[href=&quot;/w/User:Gaz_Bot&quot;],a[href=&quot;/w/User:Gaz_GEBot&quot;],a[href=&quot;/w/User:HabbletAWB&quot;],a[href=&quot;/w/User:JakesterwarsBot&quot;],a[href=&quot;/w/User:JaydenBot&quot;],a[href=&quot;/w/User:MuudyBot&quot;],a[href=&quot;/w/User:MB%C3%A5t&quot;],a[href=&quot;/w/User:New_user_message&quot;],a[href=&quot;/w/User:Quadrabot&quot;],a[href=&quot;/w/User:Redirect_fixer&quot;],a[href=&quot;/w/User:Riblet15_bot_account&quot;],a[href=&quot;/w/User:ShoyBot&quot;],a[href=&quot;/w/User:SlapChoppe&quot;],a[href=&quot;/w/User:Spinewielder&quot;],a[href=&quot;/w/User:WolaznikBot&quot;] {<br /> color: var(--awb-purple)<br /> }<br /> <br /> a[href=&quot;/w/User:Andmcadams&quot;],a[href=&quot;/w/User:BigDiesel2m&quot;],a[href=&quot;/w/User:Brok&quot;],a[href=&quot;/w/User:Cook_Me_Plox&quot;],a[href=&quot;/w/User:Fjara&quot;],a[href=&quot;/w/User:Gau_Cho&quot;],a[href=&quot;/w/User:Gaz_Lloyd&quot;],a[href=&quot;/w/User:Iiii_I_I_I&quot;],a[href=&quot;/w/User:Jayden&quot;],a[href=&quot;/w/User:Jeljo&quot;],a[href=&quot;/w/User:Joeytje50&quot;],a[href=&quot;/w/User:Legaia_2_Pla&quot;],a[href=&quot;/w/User:Ostentatio&quot;],a[href=&quot;/w/User:Riblet15&quot;],a[href=&quot;/w/User:Shayani&quot;],a[href=&quot;/w/User:Shoyrukon&quot;],a[href=&quot;/w/User:TehKittyCat&quot;],a[href=&quot;/w/User:Towelcat&quot;],a[href=&quot;/w/User:Wolaznik&quot;] {<br /> color: var(--admin-blue)<br /> }<br /> <br /> a[href=&quot;/w/User:Spineweilder&quot;],a[href=&quot;/w/User:Jakesterwars&quot;],a[href=&quot;/w/User:Julia&quot;] {<br /> color: var(--bearcat-green)<br /> }<br /> <br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> background: url(/images/Jagex_moderator_emblem.png?093b0) left no-repeat;<br /> padding-left: 15px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> #ca-nstab-user a {<br /> background: none<br /> }<br /> <br /> :root {<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: #801c13;<br /> --warningbox-border: #9f261e;<br /> --successbox-bg: #801c13;<br /> --successbox-border: #9f261e<br /> }<br /> <br /> .mw-message-box-error,.errorbox,.mw-message-box-warning,.warningbox,.mw-message-box-success,.successbox,.usermessage {<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw-message-box-error,.errorbox {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .mw-message-box-warning,.warningbox,.usermessage {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .mw-message-box-success,.successbox {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .catlinks {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-dark);<br /> padding: 8px 15px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .catlinks li {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .filehistory a img,#file img {<br /> background: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v16h8V8H0z' opacity='.13'/%3E%3C/svg%3E&quot;) repeat<br /> }<br /> <br /> #file img:hover {<br /> background: none<br /> }<br /> <br /> .mw-highlight {<br /> background: none<br /> }<br /> <br /> .mw-highlight .linenos {<br /> background-color: var(--mw-code-background-color);<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-highlight a:hover .linenos,.mw-highlight .hll a .linenos {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-content-ltr.mw-highlight-lines pre,.mw-content-ltr.content .mw-highlight-lines pre {<br /> box-shadow: inset 2.75em 0 0 var(--mw-code-background-color)<br /> }<br /> <br /> #pagehistory ul {<br /> list-style: none;<br /> margin: 0<br /> }<br /> <br /> #pagehistory li {<br /> border: 1px solid transparent;<br /> padding: 1px 10px;<br /> margin: 2px 0<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: var(--body-light);<br /> color: inherit;<br /> border: 1px dashed var(--body-border);<br /> outline: none<br /> }<br /> <br /> #mw-history-compare &gt; div:first-of-type {<br /> position: -webkit-sticky;<br /> position: sticky;<br /> top: 0;<br /> background-color: var(--body-main);<br /> border-bottom: 1px solid var(--body-dark);<br /> padding: 0.25em 0<br /> }<br /> <br /> .wgl-stickyheader #mw-history-compare &gt; div:first-of-type {<br /> top: 2.5rem<br /> }<br /> <br /> .autocomment,.autocomment a,.autocomment a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> li span.deleted,span.history-deleted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-usertoollinks-contribs-no-edits,.mw-usertoollinks-contribs-no-edits:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .CategoryTreeToggle {<br /> color: var(--link-color)<br /> }<br /> <br /> body.wgl-stickyheader.action-view .mw-headline:target::before {<br /> display: block;<br /> content: '';<br /> margin-top: -3rem;<br /> height: 3rem;<br /> visibility: hidden;<br /> pointer-events: none<br /> }<br /> <br /> .mw-mmv-post-image {<br /> color: var(--text-color);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-mmv-image-metadata {<br /> border-top-color: var(--body-mid);<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-mmv-dialog,.mw-mmv-dialog .mw-mmv-dialog-down-arrow,.mw-mmv-options-dialog .mw-mmv-dialog-down-arrow {<br /> background-color: var(--body-light);<br /> box-shadow: none<br /> }<br /> <br /> .mw-mmv-options-enable-alert {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-mmv-options-dialog-header,.mw-mmv-options-text-header,.mw-mmv-options-text-body,.mw-mmv-options-enable-alert,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-dialog-header,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-text-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-revslider-container {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-revslider-slider-wrapper {<br /> border-top-color: var(--sidebar)<br /> }<br /> <br /> .mw-ui-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):hover,.mw-ui-button:not(:disabled):active {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):focus {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button:not(:disabled):visited {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled) {<br /> background-color: var(--ooui-progressive);<br /> color: #fff;<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):active,.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: none<br /> }<br /> <br /> .mw-ui-button.mw-ui-destructive:not(:disabled) {<br /> color: #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-quiet,.mw-ui-button.mw-ui-quiet.mw-ui-progressive,.mw-ui-button.mw-ui-quiet.mw-ui-destructive {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:hover,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover {<br /> background-color: rgba(0,24,73,0.02745098);<br /> color: var(--text-color);<br /> border-color: transparent<br /> }<br /> <br /> input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:focus,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:active,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active {<br /> background-color: rgba(0,36,73,0.08235294);<br /> color: var(--text-color);<br /> border-color: #72777d<br /> }<br /> <br /> .mw-ui-input {<br /> background-color: var(--ooui-input);<br /> color: var(--text-color);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-ui-input:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-ui-input::placeholder {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child {<br /> padding: 0;<br /> background: 0<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child::before {<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> display: inline-block;<br /> width: 47px;<br /> height: 20px<br /> }<br /> <br /> :root {<br /> --wikitable-header-bg: var(--body-dark);<br /> --wikitable-border: var(--body-main);<br /> --wikitable-bg: var(--body-light);<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --table-na-background: rgba(0,0,0,0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #afeeee;<br /> --droptable-common-background: #56e156;<br /> --droptable-uncommon-background: #ffed4c;<br /> --droptable-rare-background: #ff863c;<br /> --droptable-veryrare-background: #ff6262;<br /> --droptable-random-background: #ffa3ff<br /> }<br /> <br /> .wikitable {<br /> background: var(--wikitable-bg);<br /> color: var(--wikitable-color);<br /> border-color: var(--wikitable-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; tr &gt; td,.wikitable &gt; * &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th.table-noborder,.wikitable &gt; tr &gt; td.table-noborder,.wikitable &gt; * &gt; tr &gt; th.table-noborder,.wikitable &gt; * &gt; tr &gt; td.table-noborder {<br /> border-left-style: hidden;<br /> border-right-style: hidden;<br /> padding-left: 0;<br /> padding-right: 0<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .tabber .wikitable {<br /> box-shadow: none<br /> }<br /> <br /> .table-bg-always,.table-bg-blue {<br /> background: var(--droptable-always-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-common,.table-bg-green {<br /> background: var(--droptable-common-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-uncommon,.table-bg-yellow {<br /> background: var(--droptable-uncommon-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-rare,.table-bg-orange {<br /> background: var(--droptable-rare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-veryrare,.table-bg-red {<br /> background: var(--droptable-veryrare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-random,.table-bg-pink {<br /> background: var(--droptable-random-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-fade {<br /> opacity: 0.6;<br /> background: rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw_metadata td,.mw_metadata th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw_metadata th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw_metadata td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable td,.mw-datatable th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw-datatable td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> table.alternating-rows tr:nth-child(odd),table.alternating-cols td:nth-child(odd) {<br /> background: var(--wikitable-alternating-bg)<br /> }<br /> <br /> .table-na {<br /> background: var(--table-na-background);<br /> color: var(--table-na-color);<br /> vertical-align: middle;<br /> text-align: center<br /> }<br /> <br /> .table-yes {<br /> background: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .table-positive {<br /> background: var(--table-yes-background)<br /> }<br /> <br /> .table-no {<br /> background: var(--table-no-background);<br /> color: var(--table-no-color)<br /> }<br /> <br /> .table-negative {<br /> background: var(--table-no-background)<br /> }<br /> <br /> .table-maybe {<br /> background: var(--table-maybe-background);<br /> color: var(--table-maybe-color)<br /> }<br /> <br /> #mw-allmessagestable .am_actual,#mw-allmessagestable .am_default {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> #mw-allmessagestable .am_default:hover,#mw-allmessagestable .am_actual:hover,#mw-allmessagestable tbody:hover td {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> table.wikitable td.no-cell-spacing {<br /> padding: 0;<br /> height: 0<br /> }<br /> <br /> table.wikitable td.no-cell-spacing table {<br /> margin: -1px;<br /> width: calc(100% + 2px);<br /> height: calc(100% + 2px)<br /> }<br /> <br /> .plainlist ol,.plainlist ul {<br /> margin: 0<br /> }<br /> <br /> .plainlist li {<br /> margin-bottom: 0;<br /> list-style: none<br /> }<br /> <br /> 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) {<br /> text-align: right<br /> }<br /> <br /> 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) {<br /> text-align: center<br /> }<br /> <br /> 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) {<br /> text-align: left<br /> }<br /> <br /> .rsw-chartjs.rsw-chartjs-config {<br /> display: none<br /> }<br /> <br /> .rsw-chartjs.rsw-chart-error {<br /> font-family: monospace<br /> }<br /> <br /> .rsw-chartjs-canvas {<br /> background-color: var(--body-light)<br /> }<br /> <br /> :root {<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-background: #bddff2;<br /> --diff-addedline-color: #000;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-background: #c1edbf;<br /> --diff-deletedline-color: #000;<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid)<br /> }<br /> <br /> .diff-context {<br /> border-color: var(--diff-context-border-color);<br /> background: var(--diff-context-background);<br /> color: inherit<br /> }<br /> <br /> .diff-addedline {<br /> border-color: var(--diff-addedline-border-color)<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: var(--diff-addedline-background);<br /> color: var(--diff-addedline-color)<br /> }<br /> <br /> .diff-deletedline {<br /> border-color: var(--diff-deletedline-border-color)<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: var(--diff-deletedline-background);<br /> color: var(--diff-deletedline-color)<br /> }<br /> <br /> .mw-diff-movedpara-left:after,.mw-diff-movedpara-right:after {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-notification {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {<br /> background: var(--body-main)<br /> }<br /> <br /> .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> background-color: var(--ooui-normal);<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-head,.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {<br /> border-left-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:hover,.mw-echo-ui-notificationItemWidget-unread:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:last-child {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-unread {<br /> background-color: var(--search-box)<br /> }<br /> <br /> .mw-echo-ui-crossWikiNotificationItemWidget-group,.mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-content-message-header,.mw-echo-ui-notificationItemWidget-content-message-body,.mw-echo-ui-menuItemWidget &gt; .oo-ui-buttonElement-button &gt; .oo-ui-labelElement-label,.mw-echo-ui-notificationItemWidget-content-actions-timestamp {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--body-main)<br /> }<br /> <br /> @keyframes unseen-fadeout-to-unread {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--search-box)<br /> }<br /> }<br /> <br /> @keyframes unseen-fadeout-to-read {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--body-main)<br /> }<br /> }<br /> <br /> .mwe-popups {<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container {<br /> color: var(--text-color);<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:before,.mwe-popups .mwe-popups-container.flipped-y:before {<br /> border-top: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:before {<br /> border-bottom: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:after,.mwe-popups .mwe-popups-container.flipped-y:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:after {<br /> border-bottom-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-settings-icon:hover,.mwe-popups .mwe-popups-settings-icon:active {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mwe-popups .mw-ui-icon-element:not(.disabled):hover {<br /> background: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract {<br /> color: var(--text-color)<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract[dir='ltr']:after {<br /> background-image: linear-gradient(to right,rgba(49,62,89,0),var(--body-light) 50%)<br /> }<br /> <br /> .mwe-popups-overlay {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> #mwe-popups-settings {<br /> background: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--text-color)<br /> }<br /> <br /> #mwe-popups-settings header {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form p {<br /> color: var(--byline-color)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form form label &gt; span {<br /> color: var(--ooui-text)<br /> }<br /> <br /> :root {<br /> --smw-ask-options-even-bg: var(--body-mid);<br /> --smw-ask-options-odd-bg: var(--body-light);<br /> --smw-ask-action-btn-lblue-bg: var(--body-main);<br /> --smw-ask-action-btn-lblue-color: #000;<br /> --smw-ask-action-btn-lblue-border-color: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-bg: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-color: #fff;<br /> --smw-ask-action-btn-dblue-border-color: var(--button-border)<br /> }<br /> <br /> .smw-ask-condition fieldset,.smw-ask-printhead fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .smw-ask-search fieldset,.smw-ask-format fieldset,.smw-ask-options fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .strike &gt; span:before,.strike &gt; span:after {<br /> background: var(--sidebar)<br /> }<br /> <br /> .smw-ask-options-fields tr td {<br /> background-color: var(--smw-ask-options-even-bg)<br /> }<br /> <br /> .smw-ask-options-fields tr:nth-child(odd) td {<br /> background-color: var(--smw-ask-options-odd-bg)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-lblue,.smw-ask-action-btn.smw-ask-action-btn-lblue:hover,.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--smw-ask-action-btn-lblue-bg);<br /> color: var(--smw-ask-action-btn-lblue-color);<br /> border-color: var(--smw-ask-action-btn-lblue-border-color)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-dblue,.smw-ask-action-btn.smw-ask-action-btn-dblue:hover,.smw-ask-action-btn.smw-ask-action-btn-dblue:visited {<br /> background-color: var(--smw-ask-action-btn-dblue-bg);<br /> color: var(--smw-ask-action-btn-dblue-color);<br /> border-color: var(--smw-ask-action-btn-dblue-border-color)<br /> }<br /> <br /> .smw-ask-query textarea,.smw-ask-actions textarea {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-query-format select {<br /> background-color: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-toplinks {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info {<br /> background: none;<br /> padding: 0 !important<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info::before {<br /> content: '';<br /> background: var(--text-color);<br /> -webkit-mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> padding: 0 0 3px 18px<br /> }<br /> <br /> .smw-ask-options-row-odd {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smw-ask-options-row-even {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> #options-toggle:not(:checked) + #options-list .options-parameter-list:after {<br /> background-image: linear-gradient(to bottom,transparent,var(--body-mid) 90%)<br /> }<br /> <br /> .smw-ask-button-submit input {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-ask-button-submit input:hover,.smw-ask-button-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> input.smw-ask-action-btn.smw-ask-action-btn-dblue {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:hover {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-callout-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .smw-callout-info {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .smw-callout-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .smw-callout-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-bg)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label,.smw-tabs input.nav-tab:checked + label.nav-label:hover {<br /> color: inherit<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count {<br /> color: #fff;<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.moderate {<br /> color: #fff;<br /> background-color: #b55e0c;<br /> border-color: #b55e0c<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.high {<br /> color: #fff;<br /> background-color: #9f261e;<br /> border-color: #9f261e<br /> }<br /> <br /> .smw-property-page-results .header-title {<br /> background-color: var(--ooui-interface);<br /> border-bottom-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-property-page-results .value-row:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .smw-property-page-results .smw-table .header-row {<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-header {<br /> background-color: var(--body-dark);<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .smw-ui-input-filter {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ui-input-filter input {<br /> border-left-color: var(--ooui-interface-border) !important;<br /> color: var(--ooui-text) !important<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border);<br /> color: var(--subtle-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-active {<br /> color: #fff;<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-tabs section,.smw-tabs .subtab-content {<br /> border-top-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-column-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-factbox {<br /> background: var(--body-main);<br /> border-color: transparent<br /> }<br /> <br /> .mw-body .mw-indicators #mw-indicator-smw-entity-examiner.mw-indicator .smw-indicator-vertical-bar-loader {<br /> display: none<br /> }<br /> <br /> .smwb-theme-light .smwb-title,.smwb-theme-light .smwb-center,.smwb-theme-light .smwb-actions,.smwb-theme-light .smwb-prophead {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-factbox {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-ifactbox {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-propval {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smwb-action-separator {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .smwb-bottom {<br /> border-bottom: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-ifactbox .smwb-cell,.smwb-factbox .smwb-cell {<br /> border-top: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-propvalue .smwb-prophead,.smwb-ipropvalue .smwb-prophead,.smwb-propvalue .smwb-propval,.smwb-ipropvalue .smwb-propval {<br /> font-size: 0.9em<br /> }<br /> <br /> :root {<br /> --filter-black-to-link: invert(36%) sepia(58%) saturate(433%) hue-rotate(344deg) brightness(100%) contrast(91%)<br /> }<br /> <br /> #bodyContent span.smwbrowse a {<br /> color: black;<br /> background-image: url(/images/Smwbrowse.svg?87d2b);<br /> filter: var(--filter-black-to-link)<br /> }<br /> <br /> #bodyContent span.smwbrowse a:hover {<br /> color: black;<br /> background-image: url(/images/Smwbrowse-hover.svg?73b79);<br /> text-decoration: underline<br /> }<br /> <br /> #bodyContent span.smwsearch a {<br /> color: black;<br /> filter: var(--filter-black-to-link);<br /> background-image: url(/images/Smwsearch.svg?72b04)<br /> }<br /> <br /> #bodyContent span.smwsearch a:hover {<br /> color: black;<br /> background-image: url(/images/Smwsearch-hover.svg?62df0);<br /> text-decoration: underline<br /> }<br /> <br /> :root {<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-background-color);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border)<br /> }<br /> <br /> .tabber {<br /> margin: 1em 0<br /> }<br /> <br /> .tabber .tabbertab {<br /> background-color: var(--tabber-tab-bg);<br /> border: 1px solid var(--tabber-tab-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1em 1.5em<br /> }<br /> <br /> ul.tabbernav {<br /> border: none;<br /> margin-left: 2em;<br /> margin-bottom: 0;<br /> margin-right: 2em;<br /> padding: 0;<br /> font-family: inherit<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a {<br /> background-color: var(--tabber-active-tab-bg);<br /> color: var(--tabber-active-tab-color);<br /> border-bottom: none;<br /> position: relative<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a:hover {<br /> color: var(--tabber-active-tab-hover-color);<br /> background-color: var(--tabber-active-tab-hover-bg);<br /> border-color: var(--tabber-active-tab-hover-border-color);<br /> border-bottom: none<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a::after {<br /> content: '';<br /> position: absolute;<br /> left: 0;<br /> right: 0;<br /> bottom: -1px;<br /> border-bottom: 2px solid var(--tabber-active-tab-border-hider-color)<br /> }<br /> <br /> ul.tabbernav li a {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> border-bottom: transparent;<br /> border-color: var(--tabber-inactive-tab-border-color);<br /> color: var(--tabber-inactive-tab-color);<br /> display: inline-block;<br /> font-size: 110%;<br /> padding: 0.5em 1em<br /> }<br /> <br /> ul.tabbernav li a:hover {<br /> background-color: var(--tabber-inactive-tab-hover-bg);<br /> border-color: var(--tabber-inactive-tab-hover-border-color)<br /> }<br /> <br /> ul.tabbernav li a:link,ul.tabbernav li a:visited {<br /> color: var(--tabber-inactive-tab-color)<br /> }<br /> <br /> .js-tooltip-text {<br /> padding: 5px<br /> }<br /> <br /> .js-tooltip-wrapper {<br /> position: absolute;<br /> z-index: 10;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> color: var(--text-color);<br /> max-width: 75%;<br /> overflow-wrap: break-word;<br /> padding: 10px 15px;<br /> margin: 0px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> font-size: 0.8em<br /> }<br /> <br /> .js-tooltip-click {<br /> color: var(--button-color);<br /> background: var(--button-background);<br /> border-radius: 2em;<br /> cursor: pointer;<br /> padding: 0 0.3em;<br /> user-select: none<br /> }<br /> <br /> .js-tooltip-arrow {<br /> position: absolute;<br /> border-color: transparent;<br /> border-style: solid;<br /> width: 0;<br /> height: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointleft {<br /> border-right-color: var(--body-border);<br /> border-left-color: transparent;<br /> border-left-width: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointright {<br /> border-left-color: var(--body-border);<br /> border-right-color: transparent;<br /> border-right-width: 0<br /> }<br /> <br /> .js-tooltip-close {<br /> float: right;<br /> margin-left: 10px;<br /> margin-right: -5px;<br /> margin-top: -5px;<br /> margin-bottom: 1px;<br /> background: var(--button-background);<br /> border: 0;<br /> cursor: pointer<br /> }<br /> <br /> :root {<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px); <br /> }<br /> <br /> .oo-ui-widget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox'] + span,.oo-ui-radioInputWidget [type='radio'] + span {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,.oo-ui-radioInputWidget [type='radio']:disabled + span {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownWidget-handle {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border);<br /> background-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget select {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget option {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuSelectWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-menuSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-menuSectionOptionWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-title {<br /> color: inherit<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block),.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-optionWidget.oo-ui-widget-disabled {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-outlineControlsWidget {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {<br /> border-bottom-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {<br /> border-top-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {<br /> border-right-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {<br /> border-left-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {<br /> border-left-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-searchWidget-query {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-tabOptionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--body-dark);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {<br /> border-bottom-color: var(--body-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {<br /> background-color: var(--body-light);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> color: var(--ooui-progressive);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover,.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:focus {<br /> color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed {<br /> background: none;<br /> border-bottom: 1px solid var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile {<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tagItemWidget {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> @media screen and (min-width: 0) {<br /> .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {<br /> outline:1px solid var(--ooui-accent)<br /> }<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {<br /> border-color: #fff<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; input.oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover);<br /> color: #fff;<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive {<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active &gt; .oo-ui-buttonElement-button {<br /> color: #fff;<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-pendingElement-pending {<br /> background-image: var(--ooui-pending-background-image);<br /> background-size: 200%;<br /> animation: oo-ui-pendingElement-stripes 6s linear infinite<br /> }<br /> <br /> @keyframes oo-ui-pendingElement-stripes {<br /> 100% {<br /> background-position: 100%<br /> }<br /> }<br /> <br /> .oo-ui-messageDialog-content &gt; .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-message {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog-content .oo-ui-window-head,.oo-ui-processDialog-content .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:active {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:active {<br /> border-right-color: var(--ooui-interface-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button,.oo-ui-processDialog-actions-other .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-right-color: var(--ooui-normal-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-windowManager-modal.oo-ui-windowManager-floating &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-window {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-bar {<br /> background-color: var(--ooui-interface);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-position-top &gt; .oo-ui-toolbar-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-toolbar-bar .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active &gt; .oo-ui-tool-link,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent);<br /> box-shadow: none<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-menuToolGroup {<br /> border-left-color: var(--body-mid);<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> border-right-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 2px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-bookletLayout-outlinePanel &gt; .oo-ui-outlineControlsWidget {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-fieldLayout-disabled &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header &gt; .oo-ui-labelElement-label {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-panelLayout-framed {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .oo-ui-icon-settings {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Esettings%3C/title%3E%3Cg transform='translate(10 10)'%3E%3Cpath id='a' d='M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3'/%3E%3Cuse xlink:href='%23a' transform='rotate(45)'/%3E%3Cuse xlink:href='%23a' transform='rotate(90)'/%3E%3Cuse xlink:href='%23a' transform='rotate(135)'/%3E%3C/g%3E%3Cpath d='M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .oo-ui-icon-clear {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Eclear%3C/title%3E%3Cpath d='M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-widget-dateInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widget-dateInputWidget-calendar {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widget-calendarWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widget-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-day,.mw-widget-calendarWidget-day-heading {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-widget-calendarWidget-day-additional {<br /> color: var(--ooui-text);<br /> opacity: 0.67<br /> }<br /> <br /> .mw-widget-calendarWidget-day-today {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-item:hover {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-widget-calendarWidget-item-selected {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),0 2px 2px 0 rgba(0,0,0,0.25)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.mw-widgets-datetime-dateTimeInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input,.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .mw-kartographer-mapDialog-foot {<br /> background-color: var(--body-light);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-container {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a,.mw-kartographer-interactive .leaflet-popup-content a:visited,.mw-kartographer-interactive .leaflet-popup-content a:hover,.mw-kartographer-interactive .leaflet-popup-content a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a.new a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .leaflet-popup-content-wrapper {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .leaflet-popup-tip {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey {<br /> background: #e4eaee;<br /> color: #444e5a;<br /> text-shadow: none<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a,.leaflet-vis-tooltip.lbl-bg-grey a:visited,.leaflet-vis-tooltip.lbl-bg-grey a:active,.leaflet-vis-tooltip.lbl-bg-grey a:hover,.leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a, .leaflet-vis-tooltip.lbl-bg-grey a:visited, .leaflet-vis-tooltip.lbl-bg-grey a:active, .leaflet-vis-tooltip.lbl-bg-grey a:hover, .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:visited,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:active,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:hover,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before {<br /> display: block;<br /> border-left-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before {<br /> display: block;<br /> border-right-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before {<br /> display: block;<br /> border-top-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before {<br /> display: block;<br /> border-bottom-color: #e4eaee<br /> }<br /> <br /> .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover {<br /> background: var(--ooui-normal--hover)<br /> }<br /> <br /> .ve-ui-overlay {<br /> font-family: inherit<br /> }<br /> <br /> .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above {<br /> border-top-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-branchNode-blockSlug,.ve-ce-branchNode-newSlug {<br /> outline-color: var(--body-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-specialCharacterPage h3 {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character:hover {<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px var(--body-mid);<br /> background: none<br /> }<br /> <br /> .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwHelpPopupTool-version-label,.ve-ui-mwHelpPopupTool-version-link,.ve-ui-mwHelpPopupTool-version-date {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ce-tableCellableNode {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-mwReferencesListNode-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwTemplatePage-description,.ve-ui-mwParameterPage-label,.ve-ui-mwParameterPage-description-required,.ve-ui-mwParameterPage-description-deprecated {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwGalleryDialog-menuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog-innerMenuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container,.ve-ui-targetWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .ve-ui-mwSaveDialog {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-options {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-summary {<br /> background-color: var(--ooui-input)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-editSummary-count {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-license {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwReferenceContextItem-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwNoticesPopupTool-items &gt; div:not(:first-child),.ve-ui-mwHelpPopupTool-item:not(:first-child) {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineControlsWidget {<br /> background-color: var(--ooui-interface);<br /> border-top-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-sticky {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwParameterPage-undocumentedLabel {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwTwoPaneTransclusionDialogLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwParameterPage-doc-required,.ve-ui-mwParameterPage-doc-deprecated,.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-expandableContent-toggle {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-expandableContent-fade {<br /> background: linear-gradient(to right,rgba(255,255,255,0) 0,var(--ooui-interface) 90%)<br /> }<br /> <br /> .ve-ui-commandHelpDialog-shortcut &gt; kbd,.ve-ui-commandHelpDialog-sequence &gt; kbd {<br /> background-color: var(--keypress-background);<br /> color: var(--keypress-color);<br /> border-color: var(--keypress-border);<br /> box-shadow: none;<br /> text-shadow: none<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> background: var(--ooui-interface)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'],figure[typeof~='mw:File/Frame'],figure[typeof~='mw:Image/Thumb'],figure[typeof~='mw:Video/Thumb'],figure[typeof~='mw:Image/Frame'],figure[typeof~='mw:Video/Frame'] {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:File/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media) {<br /> border: none;<br /> background: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; figcaption,figure[typeof~='mw:File/Frame'] &gt; figcaption,figure[typeof~='mw:Image/Thumb'] &gt; figcaption,figure[typeof~='mw:Video/Thumb'] &gt; figcaption,figure[typeof~='mw:Image/Frame'] &gt; figcaption,figure[typeof~='mw:Video/Frame'] &gt; figcaption {<br /> border: none;<br /> background-color: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --fact-text-color: #15f;<br /> --production-selected-background: #c3e8a3;<br /> --production-selected-color: #000;<br /> --wikipedia-border: #e0e0e0;<br /> --wikipedia-background: #f8f8f8;<br /> --keypress-background: #eee;<br /> --keypress-border: #ccc;<br /> --keypress-color: #333;<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg,#bfffbd 0 20px,#4cf172 20px 30px);<br /> --tbz-unlocked-border-color: #012100;<br /> --tbz-locked-background-color: #ffc3c3;<br /> --tbz-locked-border-color: #df9090;<br /> --tbz-partial-unlock-background: #dae8d2;<br /> --tbz-partial-unlock-border-color: #aeaeae<br /> }<br /> <br /> .archivelist {<br /> background-color: var(--body-light);<br /> border: solid 1px var(--body-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> margin: 5px;<br /> padding: 5px;<br /> text-align: center;<br /> width: 120px<br /> }<br /> <br /> .collapsed-sec {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-weight: bold;<br /> text-shadow: 1px 1px #fff<br /> }<br /> <br /> .combat-styles-icons a {<br /> display: inline-block;<br /> text-align: center;<br /> min-width: 26px<br /> }<br /> <br /> .combat-styles-header a {<br /> color: var(--text-color)<br /> }<br /> <br /> .fact-text {<br /> color: var(--fact-text-color);<br /> font-style: italic;<br /> cursor: help;<br /> border-bottom: dotted 1px<br /> }<br /> <br /> .production-selected {<br /> background: var(--production-selected-background);<br /> color: var(--production-selected-color)<br /> }<br /> <br /> .relative-location {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-spacing: 0;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 5px;<br /> text-align: center<br /> }<br /> <br /> .relative-location-txt {<br /> color: var(--text-color)<br /> }<br /> <br /> .relative-location-header {<br /> background: var(--body-dark)<br /> }<br /> <br /> #musicMap data {<br /> display: none<br /> }<br /> <br /> .musicMap-buttons {<br /> text-align: center;<br /> margin: 0.7em<br /> }<br /> <br /> .talkheader {<br /> text-align: center;<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .shortcut {<br /> border: 1px solid var(--body-border);<br /> background: var(--body-light);<br /> float: right;<br /> font-size: 0.8em;<br /> margin: 0.5em 0em 0.5em 1em;<br /> padding: 0.5em;<br /> text-align: center<br /> }<br /> <br /> .succession {<br /> width: 50%;<br /> text-align: center<br /> }<br /> <br /> .succession th {<br /> width: 33%;<br /> font-size: 90%;<br /> background: var(--body-mid)<br /> }<br /> <br /> .succession td {<br /> background: var(--body-light)<br /> }<br /> <br /> .update {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0;<br /> padding: 0.25em 1em;<br /> text-align: center<br /> }<br /> <br /> .pollwrapper {<br /> display: flex;<br /> align-items: center;<br /> flex-direction: column;<br /> counter-reset: question<br /> }<br /> <br /> .pollbox {<br /> position: relative;<br /> padding: 1em 0.7em;<br /> margin: 0.7em;<br /> margin-bottom: 1.2em;<br /> width: 700px;<br /> font-size: 16px;<br /> border: 2px solid var(--body-border);<br /> background: var(--body-light)<br /> }<br /> <br /> .pollbox::before {<br /> content: &quot;Question &quot; counter(question);<br /> counter-increment: question;<br /> position: absolute;<br /> font-size: 16px;<br /> font-weight: bold;<br /> top: -0.5em;<br /> margin-top: -2px;<br /> left: 0.6em;<br /> line-height: 1em;<br /> background: linear-gradient(0deg,var(--body-light),var(--body-light) 50%,rgba(0,0,0,0) 50%);<br /> padding: 0 0.6em<br /> }<br /> <br /> .pollbox table {<br /> width: 100%;<br /> border-collapse: collapse;<br /> font-size: 14px<br /> }<br /> <br /> .pollbox caption {<br /> text-align: left;<br /> margin-bottom: 4px<br /> }<br /> <br /> .pollbox td {<br /> padding: 0px<br /> }<br /> <br /> .pollquestion td:first-child::before {<br /> content: &quot;&quot;;<br /> background: url(/images/Poll_shield.png?c691a);<br /> background-repeat: no-repeat;<br /> background-position: top;<br /> width: 10px;<br /> height: 14px;<br /> position: absolute;<br /> top: 4px;<br /> left: 0<br /> }<br /> <br /> .pollquestion td:first-child {<br /> position: relative;<br /> width: 32%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .pollquestion td.pollpercent {<br /> box-sizing: border-box;<br /> padding-left: 17px;<br /> padding-right: 8px<br /> }<br /> <br /> .pollquestion td:last-child {<br /> width: 22%;<br /> padding-left: 0.7em<br /> }<br /> <br /> .pollquestion .pollnote td {<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .pollquestion .pollnote td::before {<br /> content: none<br /> }<br /> <br /> .pollquestion data {<br /> display: block;<br /> height: 15px;<br /> background-image: url(/images/Poll_sword2.png?7d4c4);<br /> position: relative<br /> }<br /> <br /> .pollquestion data::before,.pollquestion data::after {<br /> content: &quot;&quot;;<br /> height: inherit;<br /> position: absolute;<br /> height: 15px<br /> }<br /> <br /> .pollquestion data::before {<br /> background: url(/images/Poll_sword1.png?d445b);<br /> width: 17px;<br /> right: 100%<br /> }<br /> <br /> .pollquestion data::after {<br /> background: url(/images/Poll_sword3.png?487b5);<br /> width: 8px;<br /> left: 100%<br /> }<br /> <br /> .archivepollq th {<br /> text-align: left;<br /> font-weight: normal;<br /> padding: 15px 0 0 0<br /> }<br /> <br /> .archivepollq td:first-child {<br /> position: relative;<br /> width: 80%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .archivepollq td.archivepollpercent {<br /> box-sizing: border-box;<br /> padding: 2px;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .archivepollq td:last-child {<br /> text-align: right;<br /> padding-left: 0.7em<br /> }<br /> <br /> .archivepollq .archivepollnote &gt; td {<br /> text-align: left;<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .archivepollq data {<br /> display: block;<br /> height: 25px;<br /> background: var(--body-border);<br /> position: relative<br /> }<br /> <br /> .archivepollq.e {<br /> border: 2px solid var(--errorbox-border);<br /> background: var(--errorbox-bg)<br /> }<br /> <br /> .archivepollq.e::before {<br /> content: &quot;Error&quot;;<br /> background: linear-gradient(0deg,var(--errorbox-bg),var(--errorbox-bg) 50%,rgba(0,0,0,0) 50%)<br /> }<br /> <br /> .wikipedia {<br /> border: 1px solid var(--wikipedia-border);<br /> background-color: var(--wikipedia-background)<br /> }<br /> <br /> .hatnote,.seealso {<br /> font-style: italic<br /> }<br /> <br /> .hatnote i,.seealso i {<br /> font-style: normal<br /> }<br /> <br /> div.hatnote,div.seealso {<br /> margin: 0.5em 1.6em<br /> }<br /> <br /> div.hatnote + div.hatnote,div.hatnote + div.seealso,div.seealso + div.hatnote,div.seealso + div.seealso {<br /> margin-top: -0.5em<br /> }<br /> <br /> .extimage div,.extimage a,.extimage img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .tbz-region {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> white-space: nowrap;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> width: 110px;<br /> padding: 0.35em 0.45em 0.25em;<br /> margin: 1px<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-badge {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> padding: 0.3em 0.35em 0.2em<br /> }<br /> <br /> .tbz-badge + .tbz-badge {<br /> margin-left: 1px<br /> }<br /> <br /> .tbz-badge.tbz-badge-wrapper {<br /> padding: 0.2em<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-unlocked {<br /> background: var(--tbz-unlocked-background);<br /> border-color: var(--tbz-unlocked-border-color)<br /> }<br /> <br /> .tbz-unlocked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-unlocked .tbz-check {<br /> display: inline-block;<br /> padding-left: 5px<br /> }<br /> <br /> .tbz-locked {<br /> background-color: var(--tbz-locked-background-color);<br /> border-color: var(--tbz-locked-border-color)<br /> }<br /> <br /> .tbz-locked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-locked .tbz-unlocked {<br /> background: var(--tbz-partial-unlock-background);<br /> border-color: var(--tbz-partial-unlock-border-color)<br /> }<br /> <br /> .combatinfo {<br /> width: 160px;<br /> text-align: center;<br /> float: right;<br /> clear: right<br /> }<br /> <br /> .combatinfo.combatinfo-left {<br /> float: left;<br /> clear: left<br /> }<br /> <br /> .combatinfo td {<br /> width: 25%<br /> }<br /> <br /> .wikitable.combatinfo &gt; caption {<br /> font-weight: normal<br /> }<br /> <br /> .growth-stage-table td.growth-stage {<br /> text-align: center;<br /> vertical-align: bottom<br /> }<br /> <br /> .keypress {<br /> background: var(--keypress-background);<br /> color: var(--keypress-color);<br /> font-family: inherit;<br /> border: 1px solid var(--keypress-border);<br /> border-radius: 2px;<br /> font-size: 0.9em;<br /> margin: 0 0.1em;<br /> padding: 0.1em 0.4em;<br /> white-space: nowrap<br /> }<br /> <br /> .rsw-music-player {<br /> height: 2em;<br /> vertical-align: middle<br /> }<br /> <br /> .item-drops .beast-version {<br /> font-size: smaller;<br /> font-style: italic<br /> }<br /> <br /> td.famtreesub {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table {<br /> border-spacing: 0;<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table td {<br /> height: 1em;<br /> width: 1em<br /> }<br /> <br /> td.famtreeleaf {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> padding: 0.2em<br /> }<br /> <br /> :root {<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #ccc<br /> }<br /> <br /> :root {<br /> --coins-color: green;<br /> --coins-pos-color: white;<br /> --coins-neg-color: #c02614<br /> }<br /> <br /> .coins {<br /> color: var(--coins-color);<br /> background-position: 0% 50%;<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> padding: 0<br /> }<br /> <br /> .coins-pos {<br /> color: var(--coins-pos-color)<br /> }<br /> <br /> .coins-neg {<br /> color: var(--coins-neg-color)<br /> }<br /> <br /> .coins-10000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 3px 35px<br /> }<br /> <br /> .coins-1000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-250 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-100 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-25 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-5 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-4 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-3 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-2 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-1 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> :root {<br /> --documentation-background: #f9fafa;<br /> --documentation-link-color: #e4eaee;<br /> --documentation-headers-color: #fff;<br /> --documentation-header-background: #949eaa;<br /> --documentation-subheader-background: #808c9a;<br /> --documentation-border: #e4eaee<br /> }<br /> <br /> .documentation {<br /> background: var(--documentation-background);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0<br /> }<br /> <br /> .documentation pre,.documentation code {<br /> background-color: var(--documentation-background);<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation h2,.documentation hr {<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation-header {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-header-background);<br /> font-weight: bold;<br /> padding: 1em 1.5em<br /> }<br /> <br /> .documentation-title {<br /> font-size: 1.25em<br /> }<br /> <br /> .documentation-subheader {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-subheader-background);<br /> padding: 0.5em 1.5em<br /> }<br /> <br /> .documentation-subheader a,.documentation-subheader a:visited,.documentation-subheader a:active {<br /> color: var(--documentation-link-color)<br /> }<br /> <br /> .documentation-documentation,.documentation-links {<br /> font-size: 0.85em<br /> }<br /> <br /> .documentation-content {<br /> padding: 1em 1.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dl:not(:empty) {<br /> column-count: 3;<br /> border-top: 1px solid var(--body-border);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dt::after {<br /> content: &quot;:&quot;<br /> }<br /> <br /> .mw-templatedata-doc-params dd,.mw-templatedata-doc-params dt {<br /> margin: 0.1em 2em;<br /> min-width: auto<br /> }<br /> <br /> .mw-templatedata-doc-muted {<br /> color: var(--subtle-color);<br /> font-style: italic<br /> }<br /> <br /> .fairycode {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-size: 120%;<br /> font-weight: bold;<br /> text-transform: lowercase;<br /> letter-spacing: 1px<br /> }<br /> <br /> .fairycode b ~ b:before {<br /> content: &quot;•&quot;<br /> }<br /> <br /> .floornumber &gt; .floornumber-us,#toc li a span.toctext span span:nth-child(2),.floornumber-setting-gb .floornumber &gt; .floornumber-us,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(2),.floornumber-setting-us .floornumber &gt; .floornumber-gb,.floornumber-setting-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none<br /> }<br /> <br /> .floornumber-setting-gb .floornumber &gt; .floornumber-gb,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(1),.floornumber-setting-us .floornumber &gt; .floornumber-us,.floornumber-setting-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-us,.floornumber-override-gb #toc li a span.toctext span span:nth-child(2),.floornumber-override-us .floornumber &gt; .floornumber-gb,.floornumber-override-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none !important<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-gb,.floornumber-override-gb #toc li a span.toctext span span:nth-child(1),.floornumber-override-us .floornumber &gt; .floornumber-us,.floornumber-override-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline !important<br /> }<br /> <br /> .musicplayer {<br /> border: 1px solid var(--body-border);<br /> font-size: 90%;<br /> background: var(--body-light);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> max-width: 300px;<br /> margin: 0 0 1em 1em;<br /> padding: 5px<br /> }<br /> <br /> .musicplayer audio,.infobox audio {<br /> max-width: 298px;<br /> margin-left: auto;<br /> margin-right: auto<br /> }<br /> <br /> .plink-template + a {<br /> margin-left: 0.25em<br /> }<br /> <br /> .plinkt-image {<br /> text-align: center<br /> }<br /> <br /> :root {<br /> --questdetails-header-background: #cfc2aa;<br /> --questdetails-header-background-alt: #cfbda1<br /> }<br /> <br /> .questdetails {<br /> width: 100%;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-collapse: separate<br /> }<br /> <br /> .questdetails th {<br /> text-align: left<br /> }<br /> <br /> .questdetails-header {<br /> padding: 0.5em 1em;<br /> background-color: var(--questdetails-header-background);<br /> width: 125px<br /> }<br /> <br /> .questdetails tr:nth-child(odd) .questdetails-header {<br /> background-color: var(--questdetails-header-background-alt)<br /> }<br /> <br /> .questdetails-info {<br /> padding-left: 1em;<br /> padding-right: 2em<br /> }<br /> <br /> ol.references,.reflist {<br /> font-size: 90%<br /> }<br /> <br /> .reflist {<br /> list-style-type: decimal<br /> }<br /> <br /> .reflist .references {<br /> font-size: 100%;<br /> list-style-type: inherit<br /> }<br /> <br /> .reflist-lower-alpha {<br /> list-style-type: lower-alpha<br /> }<br /> <br /> ol.references li:target,sup.reference:target {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .hideQuotes .refhide {<br /> display: none<br /> }<br /> <br /> .editnotice {<br /> font-size: 0.9em;<br /> padding-bottom: 0.75em;<br /> margin-bottom: 0.6em<br /> }<br /> <br /> .editnotice .editnotice-title {<br /> font-size: 1.2em;<br /> font-weight: bold;<br /> margin-bottom: 0.4em<br /> }<br /> <br /> <br /> <br /> <br /> .mw-message-box,.mw-message-box-error,.mw-message-box-warning,.mw-message-box-success,.usermessage {<br /> color: var(--text-color)<br /> }<br /> <br /> .messagebox {<br /> width: 65%;<br /> margin: 0.5em auto;<br /> border-left: 15px solid;<br /> border-color: var(--body-dark);<br /> background-color: var(--body-light);<br /> box-sizing: border-box<br /> }<br /> <br /> .messagebox.obsolete {<br /> background-color: var(--messagebox-obsolete-background);<br /> border-color: var(--messagebox-obsolete-border);<br /> color: var(--messagebox-obsolete-color)<br /> }<br /> <br /> .messagebox.obsolete a,.messagebox.obsolete a:visited,.messagebox.obsolete a:active {<br /> color: var(--messagebox-obsolete-link-color)<br /> }<br /> <br /> .messagebox.info {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border);<br /> color: var(--messagebox-info-color)<br /> }<br /> <br /> .messagebox.info a,.messagebox.info a:visited,.messagebox.info a:active {<br /> color: var(--messagebox-info-link-color)<br /> }<br /> <br /> .messagebox.action {<br /> background-color: var(--messagebox-action-background);<br /> border-color: var(--messagebox-action-border);<br /> color: var(--messagebox-action-color)<br /> }<br /> <br /> .messagebox.action a,.messagebox.action a:visited,.messagebox.action a:active {<br /> color: var(--messagebox-action-link-color)<br /> }<br /> <br /> .messagebox.warn {<br /> background-color: var(--messagebox-warn-background);<br /> border-color: var(--messagebox-warn-border);<br /> color: var(--messagebox-warn-color)<br /> }<br /> <br /> .messagebox.warn a,.messagebox.warn a:visited,.messagebox.warn a:active {<br /> color: var(--messagebox-warn-link-color)<br /> }<br /> <br /> .messagebox.safe {<br /> background-color: var(--messagebox-safe-background);<br /> border-color: var(--messagebox-safe-border);<br /> color: var(--messagebox-safe-color)<br /> }<br /> <br /> .messagebox.safe a,.messagebox.safe a:visited,.messagebox.safe a:active {<br /> color: var(--messagebox-safe-link-color)<br /> }<br /> <br /> .messagebox.disambig {<br /> background-color: var(--messagebox-disambig-background);<br /> border-color: var(--messagebox-disambig-border);<br /> color: var(--messagebox-disambig-color)<br /> }<br /> <br /> .messagebox.disambig a,.messagebox.disambig a:visited,.messagebox.disambig a:active {<br /> color: var(--messagebox-disambig-link-color)<br /> }<br /> <br /> .messagebox.discord {<br /> background-color: var(--messagebox-discord-background);<br /> border-color: var(--messagebox-discord-border);<br /> color: #fff<br /> }<br /> <br /> .messagebox.discord a,.messagebox.discord a:visited,.messagebox.discord a:active {<br /> color: var(--messagebox-discord-link-color)<br /> }<br /> <br /> .messagebox.discord a.external,.messagebox.discord a:visited.external,.messagebox.discord a:active.external {<br /> font-style: italic<br /> }<br /> <br /> .messagebox.stub {<br /> width: 40%<br /> }<br /> <br /> .messagebox.hasdialogue {<br /> padding: 0 10px;<br /> width: auto<br /> }<br /> <br /> :root {<br /> --ajaxpoll-background: #fafafa;<br /> --ajaxpoll-text-color: var(--byline-color);<br /> --ajaxpoll-answerbar-background: var(--body-light);<br /> --ajaxpoll-answerbar-border: var(--body-border)<br /> }<br /> <br /> .ajaxpoll {<br /> background: var(--ajaxpoll-background)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-hover-vote,.ajaxpoll .ajaxpoll-hover-revoke,.ajaxpoll .ajaxpoll-ajax {<br /> background: none<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote {<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote div {<br /> background: var(--ajaxpoll-answerbar-background);<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-our-vote div {<br /> border-color: #3c780a<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-misc,.ajaxpoll .ajaxpoll-info,.ajaxpoll .ajaxpoll-ajax {<br /> color: var(--ajaxpoll-text-color)<br /> }<br /> <br /> .ajaxpoll-id-info {<br /> display: none<br /> }<br /> <br /> .inventorytable,<br /> .lootingbagtable,<br /> .runepouchtable {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> height: auto;<br /> border-spacing: 0;<br /> border-collapse: separate;<br /> margin-top: 7px;<br /> margin-bottom: 7px;<br /> }<br /> <br /> .inventorytable.storage-left,<br /> .lootingbagtable.storage-left,<br /> .runepouchtable.storage-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .inventorytable.storage-center,<br /> .lootingbagtable.storage-center,<br /> .runepouchtable.storage-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .inventorytable.storage-right,<br /> .lootingbagtable.storage-right,<br /> .runepouchtable.storage-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .inventorytable td,<br /> .lootingbagtable td,<br /> .runepouchtable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> }<br /> <br /> .inventorytable {<br /> background-image: url(/images/e/e9/Inventory_tab.png);<br /> width: 204px;<br /> padding: 13px 16px 10px;<br /> }<br /> <br /> .inventorytable td {<br /> width: 43px;<br /> height: 36px;<br /> }<br /> <br /> .lootingbagtable {<br /> background-image: url(/images/7/78/Looting_bag_tab.png);<br /> width: 204px;<br /> padding: 31px 17px 20px 12px;<br /> }<br /> <br /> .lootingbagtable td {<br /> width: 44px;<br /> height: 32px;<br /> }<br /> <br /> .runepouchtable {<br /> background-image: url(/images/f/f1/Rune_pouch_background.png);<br /> width: 158px;<br /> padding: 24px 7px 6px;<br /> }<br /> <br /> .runepouchtable.storage-left {<br /> margin-left: 23px;<br /> }<br /> <br /> .runepouchtable.storage-right {<br /> margin-right: 23px;<br /> }<br /> <br /> .runepouchtable td {<br /> width: 32px;<br /> height: 32px;<br /> line-height: 1.6em;<br /> }<br /> <br /> .runepouchtable td.middle-rune {<br /> padding-left: 24px;<br /> padding-right: 24px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune {<br /> padding-left: 6px;<br /> padding-right: 6px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune {<br /> padding-left: 0;<br /> }<br /> <br /> .menagerietable {<br /> background-image: url(/images/9/9c/Menagerie_interface.png);<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> width: 300px;<br /> height: 250px;<br /> padding: 56px 28px 34px 6px;<br /> border-spacing: 0;<br /> }<br /> <br /> .menagerietable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> width: 46px;<br /> height: 32px;<br /> }<br /> <br /> .inventorytable .inv-quantity-text,<br /> .lootingbagtable .inv-quantity-text,<br /> .runepouchtable .inv-quantity-text,<br /> .equipment .inv-quantity-text {<br /> font-family: 'RuneScape Small';<br /> font-size: 12pt;<br /> position: absolute;<br /> top: -8px;<br /> left: 4px;<br /> text-shadow: #000 1px 1px;<br /> color: #ffff00;<br /> pointer-events: none;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-1,<br /> .lootingbagtable .inv-quantity-text.qty-1,<br /> .runepouchtable .inv-quantity-text.qty-1,<br /> .equipment .inv-quantity-text.qty-1 {<br /> color: #ffff00;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-100k,<br /> .lootingbagtable .inv-quantity-text.qty-100k,<br /> .runepouchtable .inv-quantity-text.qty-100k,<br /> .equipment .inv-quantity-text.qty-100k {<br /> color: #fff;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-10m,<br /> .lootingbagtable .inv-quantity-text.qty-10m,<br /> .runepouchtable .inv-quantity-text.qty-10m,<br /> .equipment .inv-quantity-text.qty-10m {<br /> color: #01ff80;<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {<br /> .inventorytable img,<br /> .lootingbagtable img,<br /> .runepouchtable img,<br /> .equipment img {<br /> image-rendering: pixelated;<br /> image-rendering: crisp-edges;<br /> }<br /> <br /> }<br /> <br /> .runepouchtable .inv-quantity-text {<br /> left: -1px;<br /> }<br /> <br /> .runepouchtable td.middle-rune .inv-quantity-text {<br /> left: 23px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune .inv-quantity-text {<br /> left: 5px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune .inv-quantity-text {<br /> left: 0;<br /> }<br /> <br /> .equipment .inv-quantity-text {<br /> top: -3px;<br /> }<br /> <br /> span.noted-item {<br /> width: 30px;<br /> height: 29px;<br /> text-align: center;<br /> display: inline-block;<br /> }<br /> <br /> span.noted-item a {<br /> width: 30px;<br /> height: 29px;<br /> }<br /> <br /> .noted-item a {<br /> background-image: url(/images/3/3a/Bank_note.png);<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> background-position: center;<br /> }<br /> <br /> td.noted-item a {<br /> width: 32px;<br /> line-height: 28px;<br /> }<br /> <br /> .noted-item img {<br /> transform: scale(0.65);<br /> }<br /> <br /> .equipment {<br /> background: #3e3529;<br /> border: 9px solid transparent;<br /> border-image-source: url(/images/c/c7/Interface_border.png);<br /> border-image-slice: 9;<br /> border-image-width: 9px;<br /> border-image-outset: 0;<br /> border-image-repeat: repeat;<br /> margin: 7px 0;<br /> padding: 0 2px 0 3px;<br /> }<br /> <br /> @media all and (max-width: 720px) {<br /> table.equipment {<br /> width: initial !important;<br /> }<br /> <br /> }<br /> <br /> .equipment-div,<br /> .equipment-div-buttons {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> position: relative;<br /> width: 175px;<br /> display: flex;<br /> }<br /> <br /> .equipment-div {<br /> background-image: url(/images/a/a7/Worn_equipment_tab_%28no_buttons%29.png);<br /> height: 222px;<br /> margin: 15px 0 14px;<br /> }<br /> <br /> .equipment-div-buttons {<br /> background-image: url(/images/e/e3/Worn_equipment_tab_%28borderless%29.png);<br /> height: 244px;<br /> margin: 4px 0 3px;<br /> }<br /> <br /> .equipment-blank {<br /> background-image: url(/images/c/cf/Blank_slot.png);<br /> width: 36px;<br /> height: 36px;<br /> }<br /> <br /> .equipment-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .equipment-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .equipment-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .equipment-stats,<br /> .equipment-ikod {<br /> font-family: RuneScape;<br /> font-size: 16px;<br /> line-height: 14px;<br /> color: #ff981f;<br /> text-shadow: 1px 1px 0 black;<br /> }<br /> <br /> td.equipment-stats b {<br /> font-family: RuneScape;<br /> font-weight: bold;<br /> display: block;<br /> margin-top: 2px;<br /> }<br /> <br /> td.equipment-stats data {<br /> display: block;<br /> padding-left: 8px;<br /> }<br /> <br /> td.equipment-stats data img {<br /> vertical-align: bottom;<br /> }<br /> <br /> td.equipment-ikod {<br /> max-width: 325px;<br /> }<br /> <br /> td.equipment-ikod em {<br /> font-style: normal;<br /> display: block;<br /> margin-bottom: 3px;<br /> }<br /> <br /> td.equipment-ikod b {<br /> font-weight: normal;<br /> color: white;<br /> }<br /> <br /> td.equipment-ikod strong {<br /> font-weight: normal;<br /> color: red;<br /> }<br /> <br /> td.equipment-ikod ul {<br /> list-style: none;<br /> margin: 0;<br /> }<br /> <br /> td.equipment-ikod li {<br /> display: inline-block;<br /> width: 32px;<br /> height: 32px;<br /> line-height: 32px;<br /> margin: 0;<br /> margin-right: 14px;<br /> }<br /> <br /> td.equipment-ikod img {<br /> cursor: help;<br /> }<br /> <br /> td.equipment-ikod hr {<br /> border-top: 1px solid #0e0e0c;<br /> border-bottom: 1px solid #474745;<br /> margin: 7px 0;<br /> }<br /> <br /> .equipment-plinkp {<br /> position: absolute;<br /> width: 36px;<br /> height: 36px;<br /> left: 0px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head,<br /> .equipment-cape,<br /> .equipment-neck,<br /> .equipment-ammo,<br /> .equipment-weapon,<br /> .equipment-torso,<br /> .equipment-shield,<br /> .equipment-legs,<br /> .equipment-gloves,<br /> .equipment-boots,<br /> .equipment-ring,<br /> .equipment-statsbutton,<br /> .equipment-ikodbutton {<br /> position: absolute;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head {<br /> left: 70px;<br /> top: 0px;<br /> }<br /> <br /> .equipment-cape {<br /> left: 29px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-neck {<br /> left: 70px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-ammo {<br /> left: 111px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-weapon {<br /> left: 14px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-torso {<br /> left: 70px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-shield {<br /> left: 126px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-legs {<br /> left: 70px;<br /> top: 118px;<br /> }<br /> <br /> .equipment-gloves {<br /> left: 14px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-boots {<br /> left: 70px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-ring {<br /> left: 126px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-statsbutton {<br /> top: 204px;<br /> left: 0px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> .equipment-ikodbutton {<br /> top: 204px;<br /> left: 90px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> :root {<br /> --transcript-border-color: #b4a36a;<br /> --transcript-border-hover-color: #876f1d;<br /> --transcript-strikethrough-color: #800000<br /> }<br /> <br /> .transcript {<br /> background: var(--body-light);<br /> border-radius: 0 0 120px 120px / 0 0 8px 8px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> max-width: 90ch;<br /> overflow: hidden;<br /> margin-bottom: 1em;<br /> padding: 0.5em 1em 1em;<br /> clear: left<br /> }<br /> <br /> .transcript.godletter {<br /> margin: 1em auto;<br /> padding: 1em 1.5em;<br /> max-width: 60ch<br /> }<br /> <br /> .quest-action {<br /> text-align: center;<br /> font-style: italic;<br /> margin: 0 5%<br /> }<br /> <br /> .quest-action:before,.quest-action:after {<br /> content: '———';<br /> margin: 4px;<br /> letter-spacing: -1px<br /> }<br /> <br /> .transcript-chatbox-image {<br /> display: inline-block;<br /> margin-right: 5px;<br /> position: relative;<br /> text-align: center;<br /> width: 32px<br /> }<br /> <br /> .transcript-chatbox-image + .transcript-chatbox-image {<br /> left: -10px;<br /> top: 10px;<br /> margin-right: 0<br /> }<br /> <br /> .transcript-opt::before {<br /> display: inline-block;<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> width: 7px;<br /> height: 10px;<br /> margin-right: 5px<br /> }<br /> <br /> .transcript-opt.disabled {<br /> filter: opacity(0.5)<br /> }<br /> <br /> .ns-120 .mw-parser-output s,.transcript s {<br /> text-decoration-color: var(--transcript-strikethrough-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output .template-colour,.transcript .template-colour {<br /> text-shadow: 1px 1px #000a<br /> }<br /> <br /> :root {<br /> --byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%);<br /> --tile-border-color: #596e96;<br /> --tile-background-color: #313e59;<br /> --tile-link-button-color: #222e45;<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255,255,255,0.7);<br /> --tile-dark-header-color: #fff<br /> }<br /> <br /> .tile {<br /> background: var(--tile-background-color);<br /> border: 1px solid var(--tile-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1.5em 2em 1em;<br /> max-width: 40em<br /> }<br /> <br /> .tile h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile.dark {<br /> color: var(--tile-dark-color);<br /> background: var(--tile-dark-bg);<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .tile.dark h2 {<br /> color: var(--tile-dark-header-color)<br /> }<br /> <br /> .tile.dark a {<br /> color: var(--tile-dark-link-color)<br /> }<br /> <br /> .tile.dark .byline {<br /> color: var(--tile-dark-byline-color)<br /> }<br /> <br /> .byline {<br /> font-size: 0.9em;<br /> color: var(--byline-color)<br /> }<br /> <br /> .byline a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .tile-row {<br /> display: flex;<br /> flex-flow: row wrap;<br /> margin-bottom: 1em<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-flow: row wrap;<br /> border: 1px solid var(--tile-border-color);<br /> background: var(--tile-background-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .tile-halves h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile-halves .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile-top {<br /> width: 100%;<br /> padding: 1.3rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-top.tile-image {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--byline-color);<br /> overflow: hidden;<br /> padding: 0;<br /> height: 13vw;<br /> max-height: 12em;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-halves:hover .tile-top.tile-image img {<br /> transform: scale(1.1);<br /> transition: 0.5s ease-out<br /> }<br /> <br /> .tile-top.tile-image a {<br /> width: 100%<br /> }<br /> <br /> .tile-top.tile-image img {<br /> width: 100%;<br /> object-fit: cover;<br /> max-height: 200px;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-top.tile-image span {<br /> width: 100%<br /> }<br /> <br /> .tile-bottom {<br /> background: var(--tile-background-color);<br /> border-top: 1px solid var(--tile-border-color);<br /> width: 100%;<br /> padding: 1rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-bottom.link-button {<br /> align-self: flex-end;<br /> padding: 0<br /> }<br /> <br /> .tile-bottom.link-button a {<br /> display: block;<br /> text-align: center;<br /> padding: 0.75em 1.5em 0.8em;<br /> text-decoration: none<br /> }<br /> <br /> .tile-bottom.read-more {<br /> background: var(--tile-link-button-color);<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile-bottom.read-more a {<br /> color: var(--byline-color);<br /> font-weight: bold;<br /> text-align: right<br /> }<br /> <br /> .tile-bottom.read-more:hover {<br /> background: var(--tile-link-button-highlight-color)<br /> }<br /> <br /> .tile-bottom.read-more:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .tile-bottom.read-more .arrow {<br /> filter: var(--byline-arrow-filter);<br /> margin-left: 0.4em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile.oswf-day {<br /> margin-left: 0.5em<br /> }<br /> <br /> .oswf-tile {<br /> margin: 1em<br /> }<br /> <br /> .oswf-tile.oswf-complete {<br /> opacity: 0.65<br /> }<br /> <br /> .oswf-tile .oswf-summary {<br /> font-size: 105%;<br /> line-height: 1.6;<br /> margin-top: -0.4em<br /> }<br /> <br /> .oswf-tile .oswf-img {<br /> display: block;<br /> max-width: 75px;<br /> float: right<br /> }<br /> <br /> .oswf-tile .oswf-img img {<br /> max-width: 100%;<br /> height: auto<br /> }<br /> <br /> .oswf-tile .oswf-guidance {<br /> border-top: 1px solid #eee;<br /> padding-top: 1em<br /> }<br /> <br /> body.page-Main_Page .mw-parser-output {<br /> max-width: 75em;<br /> margin: 0 auto;<br /> }<br /> <br /> body.page-Main_Page.action-view .catlinks,<br /> body.page-Main_Page.action-view #contentSub,<br /> body.page-Main_Page.action-view #siteNotice {<br /> display: none;<br /> }<br /> <br /> body.page-Main_Page h1 { display: none; }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> margin: 2.6em 1.75em 1.5em<br /> }<br /> <br /> .mainpage-header .header-intro {<br /> flex: 2<br /> }<br /> <br /> .mainpage-header .header-intro h1 {<br /> font-size: 2.5em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.15em<br /> }<br /> <br /> .mainpage-header .header-intro p {<br /> font-size: 1.1em;<br /> line-height: 1.7em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> flex: 1;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> margin-top: -1em<br /> }<br /> <br /> .mainpage-body {<br /> display: grid;<br /> grid-template-areas: &quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left right&quot;;<br /> gap: 0.9rem;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-body h2 a {<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-body .tile {<br /> padding-left: 1.75em;<br /> padding-right: 1.75em;<br /> max-width: 100%<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> width: 100%;<br /> margin-bottom: 0<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> display: grid;<br /> gap: 0.9rem<br /> }<br /> <br /> .mainpage-left {<br /> grid-area: left;<br /> flex: 2;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-left &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .mainpage-right {<br /> grid-area: right;<br /> flex: 1;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-right &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .arrow {<br /> background: url(/images/White-chevron.svg?b82be) no-repeat;<br /> display: inline-block;<br /> height: 0.7rem;<br /> width: 0.45rem;<br /> vertical-align: middle<br /> }<br /> <br /> .arrow.dark {<br /> filter: invert(80%)<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-area: update;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves {<br /> flex: 1;<br /> align-content: flex-start<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-bottom.link-button a {<br /> text-align: left;<br /> padding: 1rem 1.5rem 0.75rem<br /> }<br /> <br /> .mainpage-recent-updates h2 {<br /> margin: -0.5em 0 0.3em<br /> }<br /> <br /> .mainpage-recent-updates p:not(.byline) {<br /> font-size: 0.9em;<br /> line-height: 1.75em;<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-contents {<br /> grid-area: content;<br /> grid-template-columns: repeat(6,1fr)<br /> }<br /> <br /> .mainpage-contents .tile-halves {<br /> flex: 1<br /> }<br /> <br /> .mainpage-contents .tile-top {<br /> position: relative<br /> }<br /> <br /> .mainpage-contents h2 {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> .mainpage-contents .tile-bottom.link-button a {<br /> padding: 0.75em 0.2em<br /> }<br /> <br /> .mainpage-skills ul {<br /> columns: 3 9em;<br /> margin: 1em 0.7em 0.7em 1em<br /> }<br /> <br /> .mainpage-skills li {<br /> display: flex;<br /> margin-bottom: 0.29em<br /> }<br /> <br /> .mainpage-skills li a:first-child {<br /> border-radius: 2px;<br /> padding: 4px;<br /> width: 25px;<br /> height: 25px;<br /> text-align: center;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center<br /> }<br /> <br /> .mainpage-skills li a:last-child {<br /> flex: 1;<br /> display: flex;<br /> align-items: center;<br /> font-weight: bold;<br /> padding-left: 0.7em;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-skills li:hover a:first-child {<br /> border-radius: 2px 0 0 2px<br /> }<br /> <br /> .mainpage-skills li:hover a:last-child {<br /> color: rgba(255,255,255,0.9);<br /> border-radius: 0 2px 2px 0<br /> }<br /> <br /> .skill-agility a:first-child,.skill-melee a:first-child {<br /> background: #bc483d<br /> }<br /> <br /> .skill-agility:hover a:last-child,.skill-melee:hover a:last-child {<br /> background: #932419<br /> }<br /> <br /> .skill-ranged a:first-child {<br /> background: #748d36<br /> }<br /> <br /> .skill-ranged:hover a:last-child {<br /> background: #4c6215<br /> }<br /> <br /> .skill-magic a:first-child {<br /> background: #6274ab<br /> }<br /> <br /> .skill-magic:hover a:last-child {<br /> background: #304791<br /> }<br /> <br /> .skill-fishing a:first-child,.skill-fletching a:first-child {<br /> background: #3e8e9a<br /> }<br /> <br /> .skill-fishing:hover a:last-child,.skill-fletching:hover a:last-child {<br /> background: #1a6671<br /> }<br /> <br /> .skill-cooking a:first-child,.skill-thieving a:first-child {<br /> background: #91689e<br /> }<br /> <br /> .skill-cooking:hover a:last-child,.skill-thieving:hover a:last-child {<br /> background: #713684<br /> }<br /> <br /> .skill-farming a:first-child,.skill-woodcutting a:first-child {<br /> background: #59924f<br /> }<br /> <br /> .skill-farming:hover a:last-child,.skill-woodcutting:hover a:last-child {<br /> background: #306f25<br /> }<br /> <br /> .skill-mining a:first-child {<br /> background: #6385a8<br /> }<br /> <br /> .skill-mining:hover a:last-child {<br /> background: #315f8d<br /> }<br /> <br /> .skill-smithing a:first-child {<br /> background: #d2b244<br /> }<br /> <br /> .skill-smithing:hover a:last-child {<br /> background: #b69213<br /> }<br /> <br /> .popular-pages ul {<br /> display: grid;<br /> grid-template-columns: repeat(3,1fr);<br /> grid-gap: 0.6em;<br /> margin: 1em 0 0.7em 0<br /> }<br /> <br /> .mp-popular-page-light {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--button-background);<br /> transition: 100ms<br /> }<br /> <br /> .mp-popular-page-light a {<br /> flex: 1;<br /> display: block;<br /> color: #fff;<br /> font-weight: bold;<br /> text-align: center;<br /> text-decoration: none;<br /> padding: 0.7em 1em<br /> }<br /> <br /> .mp-popular-page-light:hover {<br /> filter: brightness(115%);<br /> transition: 100ms<br /> }<br /> <br /> .mainpage-discord {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-discord .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #5865f2;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-discord .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-discord .tile-bottom {<br /> background: #525ee0;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-discord .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-discord .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-discord .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-discord .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-youtube {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-youtube .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-youtube .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-youtube .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-youtube .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-youtube .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-youtube .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-youtube .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-rl {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-rl .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #383838;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-rl .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-rl .tile-bottom {<br /> background: #FF9300;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-rl .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-rl .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-rl .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-rl .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-twitter {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-twitter .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-twitter .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-twitter .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-twitter .twitter-logo {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-twitter .twitter-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-twitter .twitter-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-twitter .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .mainpage-editing {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-editing .tile-top {<br /> background: #222e45<br /> }<br /> <br /> .mainpage-editing .tile-bottom {<br /> background: #3980ab;<br /> border: none;<br /> padding: 0.8rem 1.5rem 0.4rem<br /> }<br /> <br /> .mainpage-editing h2,.mainpage-editing a {<br /> color: #fff<br /> }<br /> <br /> .mainpage-editing p {<br /> color: rgba(255,255,255,0.9)<br /> }<br /> <br /> .mainpage-editing ul {<br /> list-style-image: url(/images/Transparent-chevron.svg?20dcf)<br /> }<br /> <br /> .mainpage-poll .ajaxpoll {<br /> border: none;<br /> background: none;<br /> padding: 0;<br /> width: auto<br /> }<br /> <br /> .mainpage-trailblazer {<br /> grid-area: event<br /> }<br /> <br /> .mainpage-trailblazer .tb-logo {<br /> margin-bottom: 0.9rem<br /> }<br /> <br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-trailblazer .tile-row .tile-top {<br /> height: 20vw;<br /> min-height: 9em<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1200px) {<br /> .mainpage-contents {<br /> grid-template-columns:repeat(3,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1000px) {<br /> .mainpage-body {<br /> grid-template-areas:&quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left left&quot; &quot;right right right&quot;<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-top {<br /> height: 18vw;<br /> min-height: 9em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> display: none<br /> }<br /> <br /> .mainpage-left &gt; *:last-child,.mainpage-right &gt; *:last-child {<br /> margin-bottom: 0<br /> }<br /> <br /> .popular-pages ul {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-recent-updates {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: flex<br /> }<br /> <br /> .mainpage-contents {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background-color: var(--body-main);<br /> border-top-color: var(--body-border);<br /> box-shadow: none<br /> }<br /> <br /> .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,.mw-prefs-tabs &gt; .oo-ui-menuLayout-content &gt; .oo-ui-indexLayout-stackLayout &gt; .oo-ui-tabPanelLayout {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --rc-positive-color: #407813;<br /> --rc-negative-color: #b41e0f<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: var(--rc-positive-color)<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: var(--rc-negative-color)<br /> }<br /> <br /> .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {<br /> border-color: var(--body-border);<br /> background-color: var(--body-light);<br /> border-radius: 2px<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-menuSelectWidget-footer {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-tagItemWidget-popup-content {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-changeslist-legend,.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .client-js .mw-changeslist ul,.client-js .mw-changeslist table.mw-enhanced-rc {<br /> margin-left: 0<br /> }<br /> <br /> .mw-rcfilters-ui-watchlistTopSectionWidget-separator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-header {<br /> border-bottom-color: var(--ooui-interface);<br /> background-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-title {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-header {<br /> border-bottom-color: var(--ooui-interface-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-savedLinksListItemWidget-label {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted ul,.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted table.mw-enhanced-rc {<br /> margin-left: 1.5em<br /> }<br /> <br /> .page-Special_CreateAccount .mw-ui-container,.page-Special_UserLogin .mw-ui-container {<br /> max-width: 64rem;<br /> margin: 0 auto<br /> }<br /> <br /> .mw-number-text {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-body-content .mw-number-text h3 {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-indicator-mw-helplink a {<br /> background: none;<br /> padding: 0;<br /> display: flex;<br /> align-items: center<br /> }<br /> <br /> #mw-indicator-mw-helplink a::before {<br /> content: '';<br /> margin-right: 5px;<br /> -webkit-mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> background: var(--text-color);<br /> height: 20px;<br /> width: 20px<br /> }<br /> <br /> .results-info {<br /> color: inherit<br /> }<br /> <br /> .mw-search-profile-tabs {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> .search-types .current a {<br /> color: inherit<br /> }<br /> <br /> #mw-searchoptions {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> #mw-searchoptions .divider {<br /> border-color: var(--body-border)<br /> }<br /> <br /> #mw-searchoptions h4 {<br /> font-family: inherit<br /> }<br /> <br /> #mw-searchoptions .oo-ui-labelElement:nth-of-type(odd) {<br /> font-weight: bold<br /> }<br /> <br /> .searchresult {<br /> line-height: 1.5<br /> }<br /> <br /> .searchalttitle,#mw-search-interwiki li {<br /> font-size: 90%<br /> }<br /> <br /> .mw-search-result-data {<br /> color: var(--byline-color)<br /> }<br /> <br /> .page-Special_ListFiles a.image img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .page-Special_ListFiles .TablePager_col_thumb {<br /> text-align: center<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] {<br /> background-color: var(--body-main) !important;<br /> border-color: var(--wikitable-border) !important;<br /> margin-top: 0.5em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th,#editcount table[border=&quot;1&quot;] td {<br /> padding: 0.2em 0.4em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th {<br /> background-color: var(--wikitable-header-bg);<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] td {<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] tr:nth-child(odd) {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget {<br /> background-color: inherit<br /> }<br /> <br /> table.mw-interwikitable.body td.mw-interwikitable-local-yes {<br /> background-color: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .mw-protectedpages-unknown {<br /> color: var(--byline-color)<br /> }<br /> <br /> .watchlistredir,.allpagesredirect {<br /> font-style: italic<br /> }<br /> <br /> .allpagesredirect:after {<br /> color: var(--byline-color);<br /> content: &quot; (redirect)&quot;<br /> }<br /> <br /> .mw-apisandbox-toolbar {<br /> background: var(--body-main)<br /> }<br /> <br /> .oo-ui-menuOptionWidget .mw-apisandbox-flag {<br /> color: var(--byline-color)<br /> }<br /> <br /> tr.mw-abusefilter-list-disabled,tr.mw-abusefilter-list-disabled td {<br /> color: var(--byline-color)<br /> }<br /> <br /> table.mw-abuselog-details {<br /> background: var(--wikitable-bg);<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> table.mw-abuselog-details th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> table.mw-abuselog-details th,table.mw-abuselog-details td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-abusefilter-log-hidden-entry {<br /> color: var(--subtle-color)<br /> }<br /> <br /> body td.mw-abusefilter-history-changed {<br /> background: var(--table-no-background)<br /> }<br /> <br /> div.mw-abusefilter-editor,#mw-abusefilter-warn-preview,#mw-abusefilter-disallow-preview {<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-destfile-warning {<br /> border-color: var(--warningbox-border);<br /> color: var(--text-color);<br /> background-color: var(--warningbox-bg)<br /> }<br /> <br /> span.fileinput-button {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> ul.fileupload-results li.ful-success {<br /> background-color: var(--successbox-bg)<br /> }<br /> <br /> ul.fileupload-results li.ful-success a {<br /> color: var(--link-color)<br /> }<br /> <br /> ul.fileupload-results li.ful-error {<br /> background-color: var(--errorbox-bg)<br /> }<br /> <br /> #siteNotice {<br /> text-align: center<br /> }<br /> <br /> #siteNotice ul {<br /> list-style: none<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-body {<br /> margin: 0<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-close {<br /> float: none;<br /> text-align: right<br /> }<br /> <br /> .mw-dismissable-notice-close-parent {<br /> min-height: 1em<br /> }<br /> <br /> .mmg-xpline:after {<br /> content: ','<br /> }<br /> <br /> .mmg-xpline:last-child:after {<br /> content: ''<br /> }<br /> <br /> .mmg-itemline {<br /> display: block<br /> }<br /> <br /> .discussiontable th {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .discussiontable .topic,.discussiontable .edited,.discussiontable .edited-by,.discussiontable .rg-archive {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .dpltable {<br /> margin-top: -30px<br /> }<br /> <br /> .dpltable td {<br /> padding-left: 5px<br /> }<br /> <br /> .dpltable,.discussiontable {<br /> width: 100%<br /> }<br /> <br /> .dpltable .topic,.discussiontable .topic {<br /> width: 40%<br /> }<br /> <br /> .dpltable .edited,.discussiontable .edited,.dpltable .edited-by,.discussiontable .edited-by {<br /> width: 30%<br /> }<br /> <br /> .dpltable .rg-archive,.discussiontable .rg-archive {<br /> width: 20%<br /> }<br /> <br /> body.ns-110 #ca-talk {<br /> display: none<br /> }<br /> <br /> :root {<br /> --gemw-positive-color: #6bc71f;<br /> --gemw-unchanged-color: #3ea6e6;<br /> --gemw-negative-color: #ee4231;<br /> --gemw-historical-border-color: #000<br /> }<br /> <br /> .gemw-container {<br /> max-width: 60em;<br /> margin: 4em auto<br /> }<br /> <br /> .gemw-header {<br /> display: flex;<br /> border-left-width: 0.25em;<br /> border-left-style: solid;<br /> padding-left: 1em;<br /> margin-bottom: 3em<br /> }<br /> <br /> .gemw-header.positive {<br /> border-color: var(--gemw-positive-color)<br /> }<br /> <br /> .gemw-header.negative {<br /> border-color: var(--gemw-negative-color)<br /> }<br /> <br /> .gemw-header.unchanged {<br /> border-color: var(--gemw-unchanged-color)<br /> }<br /> <br /> .gemw-header .gemw-section-left {<br /> flex: 1<br /> }<br /> <br /> .gemw-header .gemw-name {<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> margin-bottom: 0<br /> }<br /> <br /> .gemw-header .gemw-name a {<br /> color: inherit<br /> }<br /> <br /> .gemw-header .gemw-examine {<br /> color: var(--byline-color);<br /> font-size: 1.05em;<br /> font-style: italic;<br /> margin: 0 1em 1.25em 0<br /> }<br /> <br /> .gemw-header .gemw-price {<br /> display: inline-block;<br /> font-size: 2.75em;<br /> font-weight: bold<br /> }<br /> <br /> .gemw-header .gemw-price::after {<br /> content: ' coins';<br /> color: var(--byline-color);<br /> font-size: 1rem;<br /> font-weight: normal;<br /> word-spacing: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-change {<br /> display: inline-block;<br /> font-size: 1rem;<br /> font-weight: bold;<br /> margin-left: 2em;<br /> word-spacing: 0.5em<br /> }<br /> <br /> .gemw-header .gemw-change img {<br /> vertical-align: baseline<br /> }<br /> <br /> .gemw-header .gemw-section-right {<br /> text-align: right<br /> }<br /> <br /> .gemw-header .gemw-updated {<br /> color: var(--byline-color);<br /> line-height: 1.5em;<br /> margin-top: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-time {<br /> color: var(--byline-color);<br /> font-weight: bold<br /> }<br /> <br /> .gemw-body {<br /> display: flex<br /> }<br /> <br /> .gemw-body .gemw-section-left {<br /> width: 40%;<br /> margin-right: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left dl {<br /> display: flex;<br /> flex-flow: row wrap;<br /> justify-content: space-between;<br /> margin-bottom: -1.25em<br /> }<br /> <br /> .gemw-body .gemw-section-left &gt; div {<br /> margin-top: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .gemw-body .gemw-property {<br /> width: 30%;<br /> border-top: 0.15em dotted var(--body-mid);<br /> padding-top: 0.25em;<br /> margin-bottom: 1.5em<br /> }<br /> <br /> .gemw-body .gemw-property dt {<br /> color: var(--byline-color);<br /> font-weight: normal<br /> }<br /> <br /> .gemw-body .gemw-property dd {<br /> font-weight: bold;<br /> margin: -0.25em 0 0<br /> }<br /> <br /> .gemw-body .gemw-links {<br /> color: var(--byline-color);<br /> margin-bottom: 0.35em<br /> }<br /> <br /> .gemw-body .gemw-section-right {<br /> width: 60%<br /> }<br /> <br /> .gemw-body .gemw-chart {<br /> color: #eceeee;<br /> font-size: 5em;<br /> text-align: center;<br /> line-height: 5em;<br /> position: relative<br /> }<br /> <br /> .gemw-body .gemw-chart .GEChartBox,.gemw-body .gemw-chart .GEdatachart {<br /> position: relative<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header.positive,.gemw-container.gemw-historical .gemw-header.negative,.gemw-container.gemw-historical .gemw-header.neutral,.gemw-container.gemw-historical .gemw-header.unchanged {<br /> border-color: var(--gemw-historical-border-color)<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-time .jsPurgeLink,.gemw-container.gemw-historical .gemw-header .gemw-time &gt; span.plainlinks {<br /> display: none<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-section-left:after {<br /> content: &quot;This is a historical item no longer available on the Grand Exchange. The data is preserved here as an archive.&quot;;<br /> font-style: italic<br /> }<br /> <br /> #overlay {<br /> display: none;<br /> background-color: var(--ooui-window-background);<br /> height: auto;<br /> width: auto;<br /> overflow: hidden;<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> bottom: 0;<br /> left: 0;<br /> z-index: 50<br /> }<br /> <br /> #GEchartpopup g.highcharts-label text &gt; a:visited,.GEdatachart g.highcharts-label text &gt; a:visited {<br /> fill: white<br /> }<br /> <br /> #GEchartpopup {<br /> background: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> border-radius: 2px;<br /> color: var(--ooui-text);<br /> position: fixed;<br /> left: 0;<br /> right: 0;<br /> top: 1em;<br /> bottom: 1em;<br /> margin: auto;<br /> padding: 1em;<br /> max-width: 975px;<br /> z-index: 52;<br /> overflow: auto<br /> }<br /> <br /> #GEchartpopup #closepopup {<br /> float: right;<br /> margin-bottom: 5px;<br /> z-index: 100<br /> }<br /> <br /> #GEchartpopup #itemstats {<br /> bottom: 50px;<br /> font-size: 11px;<br /> position: absolute;<br /> right: 45px;<br /> width: 200px;<br /> z-index: 10<br /> }<br /> <br /> #GEchartpopup #itemstats caption {<br /> cursor: pointer;<br /> text-align: right<br /> }<br /> <br /> #GEpopupchart {<br /> height: 500px<br /> }<br /> <br /> .highcharts-container .highcharts-range-selector {<br /> font-size: 11px<br /> }<br /> <br /> .GEPermLink {<br /> float: right;<br /> font-size: 14px<br /> }<br /> <br /> .GEPermLink ~ .GEdatachart {<br /> clear: right<br /> }<br /> <br /> form[id^=&quot;chartProperties&quot;] button {<br /> margin: 3px<br /> }<br /> <br /> .smallChart .highcharts-range-selector {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-button title + rect {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-title {<br /> white-space: nowrap !important<br /> }<br /> <br /> .smallChart .zoomButton,.smallChart svg &gt; text:first-of-type,.smallChart .highcharts-input-group {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-scrollbar,.mediumChart .highcharts-scrollbar {<br /> display: none<br /> }<br /> <br /> .highcharts-background,.highcharts-plot-background {<br /> fill: transparent<br /> }<br /> <br /> .highcharts-title,.highcharts-subtitle {<br /> color: var(--text-color) !important<br /> }<br /> <br /> .highcharts-axis-title {<br /> fill: var(--text-color) !important<br /> }<br /> <br /> .highcharts-yaxis-grid .highcharts-grid-line,.highcharts-tick,.highcharts-axis-line {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-axis-labels text,.highcharts-range-selector-group text {<br /> color: var(--ooui-text) !important;<br /> fill: var(--ooui-text) !important<br /> }<br /> <br /> .highcharts-label-box {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-button-box {<br /> fill: var(--ooui-normal)<br /> }<br /> <br /> .highcharts-navigator-outline {<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-track {<br /> fill: transparent;<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-button,.highcharts-scrollbar-thumb,.highcharts-navigator-handle {<br /> fill: var(--ooui-normal);<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-scrollbar-arrow {<br /> fill: var(--ooui-text)<br /> }<br /> <br /> .highcharts-scrollbar-rifles {<br /> stroke: var(--ooui-text)<br /> }<br /> <br /> #t-print,#t-permalink {<br /> display: none<br /> }<br /> <br /> .jcConfig {<br /> display: none<br /> }<br /> <br /> #filetoc {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> border-color: transparent;<br /> margin: 0.5em auto;<br /> text-align: center;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> .smwfact {<br /> display: none<br /> }<br /> <br /> .list-header {<br /> background-color: var(--body-mid);<br /> color: inherit<br /> }<br /> <br /> .editOptions {<br /> color: var(--text-color);<br /> background-color: var(--sourceeditor-background-secondary);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .updatedmarker {<br /> background-color: #c3e8a3;<br /> color: #162e02<br /> }<br /> <br /> .mw-json th,.mw-json td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-json td {<br /> background: var(--wikitable-bg)<br /> }<br /> <br /> .mw-json th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> <br /> html {<br /> -webkit-text-size-adjust: 100%<br /> }<br /> <br /> body {<br /> background: var(--body-background-image) var(--body-background-color) top left / 1500px 375px no-repeat;<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .vector-body {<br /> font-size: 0.9em<br /> }<br /> <br /> #firstHeading {<br /> font-weight: bold<br /> }<br /> <br /> pre,code,.mw-code {<br /> color: inherit;<br /> background-color: var(--mw-code-background-color);<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> dl {<br /> margin: 0<br /> }<br /> <br /> ul {<br /> list-style-image: var(--ul-list-style-image)<br /> }<br /> <br /> hr {<br /> background: none;<br /> border-color: var(--body-border);<br /> border-style: solid;<br /> border-width: 1px 0 0 0;<br /> height: initial<br /> }<br /> <br /> fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .vector-body blockquote {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --personal-links-bg: var(--body-main);<br /> --arrow-down: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5' fill='%23444'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading {<br /> background-color: var(--vector-tab-background);<br /> padding: 1em 0.75em 0.6923em;<br /> margin: 0<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading,.vector-menu-dropdown .vector-menu-heading:hover,.vector-menu-dropdown .vector-menu-heading:focus {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading:after {<br /> background-image: var(--arrow-down);<br /> opacity: 1<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-content {<br /> border-color: transparent;<br /> background-color: var(--body-light);<br /> box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);<br /> left: 0<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item a {<br /> color: var(--link-color)<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item.selected a,.vector-menu-dropdown .mw-list-item.selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> #p-personal {<br /> background: var(--personal-links-bg);<br /> top: 0;<br /> right: 0;<br /> border-radius: 0 0 0 4px;<br /> height: 1.875em<br /> }<br /> <br /> #p-personal ul {<br /> padding: 0 1em 0 0.4375em<br /> }<br /> <br /> .vector-search-box-inner {<br /> background: var(--search-box);<br /> height: 2.5em;<br /> margin-top: 0;<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-search-box-input {<br /> color: var(--text-color);<br /> height: 100%;<br /> border: none;<br /> background: none;<br /> padding-left: 0.75em<br /> }<br /> <br /> .vector-search-box-input::placeholder {<br /> color: var(--text-color);<br /> opacity: 0.67<br /> }<br /> <br /> .vector-search-box-inner:hover .vector-search-box-input,.vector-search-box-input:focus,.vector-search-box-inner:hover .vector-search-box-input:focus {<br /> border: none;<br /> box-shadow: none<br /> }<br /> <br /> :root {<br /> --searchbutton-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13'%3E%3Cg fill='none' stroke='%238cabe6' stroke-width='2'%3E%3Cpath d='M11.29 11.71l-4-4'/%3E%3Ccircle cx='5' cy='5' r='4'/%3E%3C/g%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .searchButton[name='go'] {<br /> background: no-repeat center var(--searchbutton-icon)<br /> }<br /> <br /> .vector-search-box {<br /> margin: 0<br /> }<br /> <br /> .vector-search-box form {<br /> margin-top: 0<br /> }<br /> <br /> .suggestions-results {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-result {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions a.mw-searchSuggest-link,.suggestions a.mw-searchSuggest-link:hover,.suggestions a.mw-searchSuggest-link:active,.suggestions a.mw-searchSuggest-link:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-special {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-special .special-label {<br /> color: var(--byline-color)<br /> }<br /> <br /> .suggestions-special .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current .special-label,.suggestions-result-current .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-panel {<br /> padding-top: 2.5em<br /> }<br /> <br /> .vector-menu-portal .vector-menu-heading {<br /> color: var(--background-text-color);<br /> font-weight: bold;<br /> background: none<br /> }<br /> <br /> .vector-menu-portal .vector-menu-content li a,.vector-menu-portal .vector-menu-content li a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-logo {<br /> filter: drop-shadow(0 2px 5px rgba(0,0,0,0.25));<br /> margin: -1.5em 0 0<br /> }<br /> <br /> #n-Discord a {<br /> color: #fff !important;<br /> font-weight: bold;<br /> border-radius: 4px;<br /> border: 1px solid #4c57d0;<br /> background-color: #5865f2;<br /> display: block;<br /> position: relative;<br /> padding: 4px 4px 5px calc(17px + 6.5px * 2);<br /> box-shadow: 0 2px 3px rgba(0,0,0,0.1);<br /> transition: 0.2s<br /> }<br /> <br /> #n-Discord a::before {<br /> content: 'Chat on ';<br /> font-weight: normal;<br /> opacity: 0.85<br /> }<br /> <br /> #n-Discord a::after {<br /> content: '';<br /> background: url(/images/0/06/Discord_logo_icon1.png) no-repeat;<br /> background-size: 17px 13px;<br /> filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));<br /> position: absolute;<br /> top: 5px;<br /> left: 7px;<br /> width: 17px;<br /> height: 13px<br /> }<br /> <br /> #n-Discord a:hover {<br /> text-decoration: none;<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a {<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a:hover {<br /> background-color: #4c57d0<br /> }<br /> <br /> :root {<br /> --vector-tab-background: var(--body-background-color);<br /> --vector-tab-background--hover: var(--body-mid);<br /> --vector-tab-link-color: var(--background-link-color);<br /> --watch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='transparent' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;);<br /> --unwatch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%238cabe6' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;)<br /> }<br /> <br /> .vector-menu-tabs-legacy {<br /> padding: 0<br /> }<br /> <br /> .vector-menu-tabs-legacy .new a,.vector-menu-tabs-legacy .new a:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected {<br /> background: var(--body-main)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected a,.vector-menu-tabs-legacy .selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy li a {<br /> color: var(--vector-tab-link-color);<br /> padding: 0 0.75em;<br /> padding-top: 1em<br /> }<br /> <br /> .vector-menu-tabs-legacy li a:visited {<br /> color: var(--vector-tab-link-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul li {<br /> background: var(--vector-tab-background)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul a:hover {<br /> text-decoration: none<br /> }<br /> <br /> #ca-view {<br /> display: none !important<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected):hover,#p-cactions:hover #p-cactions-label {<br /> background: var(--vector-tab-background--hover)<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected),#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-menu-tabs,.vector-menu-tabs a,#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> background-image: none<br /> }<br /> <br /> .ve-activated .vector-menu-tabs .selected {<br /> box-shadow: none<br /> }<br /> <br /> .vector-menu-tabs #ca-watch.icon a:before,.vector-menu-tabs #ca-watch.icon a:hover:before,.vector-menu-tabs #ca-watch.icon a:focus:before {<br /> background-image: var(--watch-icon)<br /> }<br /> <br /> .vector-menu-tabs #ca-unwatch.icon a:before,.vector-menu-tabs #ca-unwatch.icon a:hover:before,.vector-menu-tabs #ca-unwatch.icon a:focus:before {<br /> background-image: var(--unwatch-icon)<br /> }<br /> <br /> #p-Recent_changes {<br /> display: block<br /> }<br /> <br /> #p-Recent_changes .vector-menu-content {<br /> display: none<br /> }<br /> <br /> #p-Recent_changes .vector-menu-heading:after {<br /> content: '';<br /> position: relative;<br /> left: 0.5em;<br /> display: inline-block;<br /> background-color: #3c7b07;<br /> width: 6px;<br /> height: 6px;<br /> border-radius: 100%<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-item {<br /> position: relative;<br /> font-size: 0.75em;<br /> margin: 0.5em 0.25em 0 0.66em<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page {<br /> display: block;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden;<br /> max-width: max-content<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page,#p-Recent_changes .rc-sidebar-page:active,#p-Recent_changes .rc-sidebar-page:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user {<br /> color: var(--byline-color);<br /> margin: 0;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user a {<br /> color: inherit<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more {<br /> text-align: left<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more .rc-sidebar-page {<br /> display: inline-block<br /> }<br /> <br /> div.thumbinner {<br /> border: none;<br /> background-color: var(--thumb-bg);<br /> padding: 0<br /> }<br /> <br /> .thumbimage {<br /> background-color: transparent;<br /> border-color: transparent;<br /> border-bottom: none<br /> }<br /> <br /> .thumbcaption {<br /> background: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border)<br /> }<br /> <br /> .toc {<br /> font-size: 0.9em;<br /> background: var(--toc-bg);<br /> margin-top: 1em;<br /> padding: 0;<br /> border-color: var(--toc-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> clear: left<br /> }<br /> <br /> .toc .toctitle {<br /> background: var(--toc-title-bg);<br /> padding: 0.25em 1em<br /> }<br /> <br /> .toc .toctitle h2 {<br /> font-family: inherit<br /> }<br /> <br /> .toc &gt; ul {<br /> line-height: 1.8em;<br /> padding: 0.75em 1.75em;<br /> margin: 0<br /> }<br /> <br /> .toc ul ul {<br /> border-left: 1px dotted var(--toc-list-border-color);<br /> padding-left: 0.5em<br /> }<br /> <br /> .tocnumber {<br /> display: none<br /> }<br /> <br /> .toctogglespan {<br /> padding-left: 0.2em;<br /> font-size: 0.9em<br /> }<br /> <br /> .toctogglelabel {<br /> color: var(--link-color)<br /> }<br /> <br /> .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 {<br /> display: none<br /> }<br /> <br /> :root {<br /> --external-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238cabe6' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image: var(--external-icon);<br /> background-size: 0.833em<br /> }<br /> <br /> .mw-editsection {<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type),.mw-editsection-divider {<br /> color: var(--text-color)<br /> }<br /> <br /> #contentSub,#contentSub2 {<br /> color: var(--byline-color);<br /> margin: 0<br /> }<br /> <br /> #contentSub:not(:empty),#contentSub2:not(:empty) {<br /> margin: 0 0 1.4em 0<br /> }<br /> <br /> .mw-collapsible.mw-collapsed {<br /> min-width: 250px<br /> }<br /> <br /> .mw-collapsible:not(.mw-made-collapsible) th::before,.mw-collapsible .mw-collapsible-toggle {<br /> font-weight: normal;<br /> margin-left: 0.2em<br /> }<br /> .mw-collapsible-toggle-default .mw-collapsible-text {<br /> color: #8cabe6;<br /> }<br /> .wikiEditor-ui .wikiEditor-ui-view,.wikiEditor-ui .wikiEditor-ui-top {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar {<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab &gt; a,.wikiEditor-ui-toolbar .tabs span.tab &gt; a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a.current,.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br /> color: var(--text-colour)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select {<br /> background-color: var(--sourceeditor-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options .option {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group-search {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table td {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table th {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .section {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .group &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .tool &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet &gt; .index &gt; :hover {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet .index &gt; .current {<br /> background-color: var(--body-mid);<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span:hover {<br /> border-color: var(--body-dark);<br /> background-color: transparent<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a:before,.wikiEditor-ui-toolbar .group .tool-select .label:after {<br /> background: var(--text-color);<br /> -webkit-mask: var(--arrow-down) center no-repeat;<br /> mask: var(--arrow-down) center no-repeat<br /> }<br /> <br /> .ace-tm {<br /> background-color: var(--sourceeditor-input-background);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter {<br /> background: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-cell {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-active-line {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .ace_search {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ace_search_field {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .ace_searchbtn {<br /> border-color: var(--ooui-normal-border);<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ace_searchbtn:last-child {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .ace_searchbtn:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .ace_searchbtn.prev:after,.ace_searchbtn.next:after {<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .ace_button {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace_button:hover {<br /> background-color: rgba(0,23,70,0.086)<br /> }<br /> <br /> .ace_button:active {<br /> background-color: rgba(0,23,70,0.06)<br /> }<br /> <br /> .ace_button.checked {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .CodeMirror {<br /> background: var(--sourceeditor-input-background)<br /> }<br /> <br /> .CodeMirror pre {<br /> color: var(--text-color)<br /> }<br /> <br /> .codeEditor-status {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .codeEditor-status-message {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-gutters {<br /> background-color: var(--codemirror-gutter-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-linenumber {<br /> color: var(--text-color)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget .CodeMirror-linenumber {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-editform #wpTextbox1 {<br /> color: var(--text-color);<br /> background: var(--sourceeditor-input-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> input[name=&quot;model&quot;][value=&quot;Scribunto&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;css&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;less&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;javascript&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;json&quot;] ~ .wikiEditor-ui #wpTextbox1 {<br /> height: 600px<br /> }<br /> <br /> .tdg-templateDataDialog-listParamsPanel textarea.oo-ui-textInputWidget-autosized {<br /> resize: vertical<br /> }<br /> <br /> #wpAceFilterEditor {<br /> resize: horizontal<br /> }<br /> <br /> .warn-userupload,.ns-2 .upload-own-work {<br /> display: none<br /> }<br /> <br /> .ns-2 .warn-userupload {<br /> display: inline<br /> }<br /> <br /> textarea[name=&quot;wfUploadDescription&quot;] {<br /> height: 3em<br /> }<br /> <br /> #editform {<br /> margin-top: 1.25em<br /> }<br /> <br /> #mw-scribunto-input,#mw-scribunto-output {<br /> padding: 3px;<br /> font-family: monospace;<br /> font-size: 13px;<br /> line-height: 1.5em<br /> }<br /> <br /> #mw-scribunto-input {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> :root {<br /> --scribuntoconsole-input: #0b5884;<br /> --scibuntoconsole-print: #a48900;<br /> --scribuntoconsole-error: #9f261e;<br /> --scribuntoconsole-message: #3c780a;<br /> --scribuntoconsole-tabcomplete: #4f348b;<br /> --scribuntoconsole-clear: #9f261e<br /> }<br /> <br /> .mw-scribunto-console-fieldset {<br /> color: inherit;<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-scribunto-normalOutput,.mw-scribunto-print,.mw-scribunto-error,.mw-scribunto-propList,.mw-scribunto-message,.mw-scribunto-tabcomplete {<br /> background: none<br /> }<br /> <br /> .mw-scribunto-input {<br /> color: var(--scribuntoconsole-input)<br /> }<br /> <br /> .mw-scribunto-normalOutput {<br /> color: inherit<br /> }<br /> <br /> .mw-scribunto-print {<br /> color: var(--scibuntoconsole-print)<br /> }<br /> <br /> .mw-scribunto-error {<br /> color: var(--scribuntoconsole-error)<br /> }<br /> <br /> .mw-scribunto-propList,.mw-scribunto-message {<br /> color: var(--scribuntoconsole-message)<br /> }<br /> <br /> .mw-scribunto-tabcomplete {<br /> color: var(--scribuntoconsole-tabcomplete)<br /> }<br /> <br /> .mw-scribunto-clear {<br /> color: var(--scribuntoconsole-clear);<br /> border-bottom-color: var(--scribuntoconsole-clear)<br /> }<br /> <br /> .ui-widget-overlay {<br /> background: var(--ooui-window-background)<br /> }<br /> <br /> .ui-dialog,.ui-widget-content {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> background-image: none;<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar.ui-widget-header,.ui-widget-content .ui-dialog-titlebar.ui-widget-header {<br /> background-image: none !important;<br /> background-color: var(--body-dark) !important;<br /> border-color: var(--body-border) !important<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar .ui-dialog-title,.ui-widget-content .ui-dialog-titlebar .ui-dialog-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close,.ui-widget-content .ui-dialog-titlebar-close {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close:hover,.ui-widget-content .ui-dialog-titlebar-close:hover {<br /> background: var(--ooui-normal--hover);<br /> border: var(--link-color)<br /> }<br /> <br /> .ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {<br /> background: var(--ooui-normal) !important;<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border) !important<br /> }<br /> <br /> .ui-button:hover,.ui-state-default:hover,.ui-widget-content .ui-state-default:hover,.ui-widget-header .ui-state-default:hover {<br /> background: var(--ooui-normal--hover) !important;<br /> color: var(--ooui-text)<br /> }<br /> <br /> .infobox {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> font-size: 0.85em;<br /> width: 300px;<br /> margin: 0.5em 0 1em 1em;<br /> border-collapse: collapse;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> table-layout: fixed;<br /> word-break: break-word<br /> }<br /> <br /> .infobox .infobox-header {<br /> color: var(--infobox-text-color);<br /> font-size: 1.15em;<br /> line-height: 1.4em;<br /> background: var(--body-dark);<br /> padding: 0.5em 0<br /> }<br /> <br /> .infobox .infobox-header a {<br /> color: inherit;<br /> font-size: 1.15em;<br /> font-weight: bold<br /> }<br /> <br /> .infobox .infobox-subheader {<br /> background: var(--body-dark);<br /> color: var(--infobox-text-color);<br /> line-height: 2em<br /> }<br /> <br /> .infobox .infobox-subheader a {<br /> color: inherit<br /> }<br /> <br /> .infobox .infobox-subheader + .infobox-subheader {<br /> border-left: 2px solid var(--body-light)<br /> }<br /> <br /> .infobox .infobox-image {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-image.inventory-image {<br /> height: 32px<br /> }<br /> <br /> .infobox .infobox-image a.image + a.image {<br /> margin-left: 0.1em<br /> }<br /> <br /> .infobox .infobox-image img {<br /> max-width: 300px;<br /> height: auto<br /> }<br /> <br /> .infobox th:not(.infobox-header):not(.infobox-subheader):not(.infobox-nested) {<br /> text-align: right;<br /> vertical-align: top;<br /> border-right: 2px solid var(--body-dark);<br /> padding: 0.2em 0.5em<br /> }<br /> <br /> .infobox td {<br /> padding: 0.25em 0.5em;<br /> line-height: 1.6em<br /> }<br /> <br /> .infobox td.infobox-nested {<br /> padding: 0.25em 0;<br /> line-height: 1em<br /> }<br /> <br /> .infobox th ~ td {<br /> vertical-align: top<br /> }<br /> <br /> .infobox .infobox-padding {<br /> height: 0.5em;<br /> padding: 0;<br /> border: 0<br /> }<br /> <br /> .infobox .infobox-nested {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-nested + .infobox-nested {<br /> border-left: 2px solid var(--body-dark)<br /> }<br /> <br /> .infobox .infobox-cell-hidden {<br /> display: none<br /> }<br /> <br /> .infobox .infobox-full-width-content {<br /> max-width: 300px;<br /> text-align: center;<br /> overflow: hidden;<br /> padding: 0<br /> }<br /> <br /> .infobox .infobox-caption {<br /> font-weight: bold<br /> }<br /> <br /> .infobox select {<br /> max-width: 300px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .infobox-item .infobox-image {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .infobox.skill-info {<br /> float: none;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses {<br /> clear: left;<br /> float: none;<br /> word-break: break-word;<br /> font-size: 100%;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image {<br /> width: 125px;<br /> text-align: center;<br /> vertical-align: middle;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image-caption {<br /> font-size: 0.85em<br /> }<br /> <br /> .infobox-bonuses .infobox-subheader {<br /> width: 250px<br /> }<br /> <br /> .skill-info a[href$=&quot;?action=edit&quot;] + a[href$=&quot;?action=edit&quot;] {<br /> display: none<br /> }<br /> <br /> .poh-room {<br /> background-color: var(--infobox-room-poh-color);<br /> margin: auto;<br /> width: 100px<br /> }<br /> <br /> .poh-room img {<br /> display: block<br /> }<br /> <br /> .poh-room-row {<br /> display: flex<br /> }<br /> <br /> .poh-room-text {<br /> margin: auto;<br /> width: 92px<br /> }<br /> <br /> .infobox-buttons {<br /> text-align: center;<br /> max-width: 300px;<br /> display: none<br /> }<br /> <br /> .infobox-switch-resources {<br /> display: none<br /> }<br /> <br /> .switch-infobox .switch-infobox-triggers,.switch-infobox .loading-button {<br /> clear: left<br /> }<br /> <br /> .infobox-pure .max-hit-list a {<br /> display: inline-block;<br /> min-width: 32px;<br /> min-height: 32px;<br /> text-align: center<br /> }<br /> <br /> .advanced-data {<br /> display: none<br /> }<br /> <br /> .multi-infobox .infobox {<br /> margin: 0<br /> }<br /> <br /> :root {<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--body-dark);<br /> --navbox-group-title-background: var(--body-mid)<br /> }<br /> <br /> .navbox {<br /> font-size: 0.85em;<br /> background: var(--navbox-background);<br /> border-collapse: collapse;<br /> margin: 1em auto 0;<br /> width: 100%;<br /> clear: both;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .navbox img {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .navbox .navbox {<br /> font-size: 100%;<br /> margin: 0.5em auto 0;<br /> box-shadow: none<br /> }<br /> <br /> .navbox-title {<br /> font-size: 110%;<br /> line-height: 1.6em;<br /> background: var(--navbox-title-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-title-name {<br /> margin: 0 4em<br /> }<br /> <br /> .navbox-title .mw-collapsible-toggle {<br /> color: #fff;<br /> font-size: 0.9em;<br /> text-align: right<br /> <br /> }<br /> <br /> .navbox-title .navbox {<br /> font-size: 100%<br /> }<br /> <br /> .navbox-group:nth-child(2) {<br /> border-top: 1px solid var(--navbox-border)<br /> }<br /> <br /> .navbox-group-title {<br /> background: var(--navbox-group-title-background);<br /> border: 1px solid var(--navbox-border);<br /> border-width: 0 1px 1px 0;<br /> text-align: left;<br /> padding: 0.25em 1em;<br /> width: 1%;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list {<br /> border-bottom: 1px solid var(--navbox-border);<br /> padding: 0.25em 0.5em<br /> }<br /> <br /> .navbox-list ul {<br /> margin: 0<br /> }<br /> <br /> .navbox-list li {<br /> display: inline;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list li + li::before {<br /> content: '• '<br /> }<br /> <br /> .navbox-parent {<br /> padding: 0<br /> }<br /> <br /> .navbox-subgroup {<br /> border-collapse: collapse;<br /> border-spacing: 0;<br /> width: 100%<br /> }<br /> <br /> .navbox-subgroup &gt; tbody &gt; tr:last-child &gt; th,.navbox-subgroup &gt; tbody &gt; tr:last-child &gt; td {<br /> border-bottom: none<br /> }<br /> <br /> .navbox-footer {<br /> background: var(--navbox-footer-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-data {<br /> display: none<br /> }<br /> <br /> :root {<br /> --echo-icon-moon-bg-image: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='21' viewBox='0 0 21 21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.85464918.37900488c-1.91149353 1.51069427-3.13816124 3.84973402-3.13816124 6.47527736 0 4.55564936 3.69308349 8.24873286 8.24873286 8.24873286 2.5815709 0 4.8861545-1.1859235 6.3986798-3.0426994-.8206378 4.7389755-4.9523867 8.343122-9.9259291 8.343122-5.56375572 0-10.07407088-4.5103151-10.07407088-10.0740709 0-5.02506013 3.67919933-9.19079725 8.49074856-9.95036192z' fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-person-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213.836%22 viewBox=%220 0 12 13.836%22%3E %3Cpath fill='%234c4c4c' d=%22M1.938%2C6.656c-1.32%2C1.485-1.47%2C3.15-0.97%2C4.25c0.323%2C0.707%2C0.78%2C1.127%2C1.313%2C1.375 c0.496%2C0.229%2C1.074%2C0.273%2C1.658%2C0.282c0.023%2C0%2C0.04%2C0.03%2C0.062%2C0.03h4.187c0.61%2C0%2C1.225-0.125%2C1.75-0.405 c0.527-0.28%2C0.961-0.718%2C1.188-1.376c0.335-0.964%2C0.175-2.529-1.094-4.03C9.094%2C7.954%2C7.68%2C8.719%2C6.065%2C8.719 c-1.677%2C0-3.182-0.812-4.125-2.063H1.938z%22/%3E %3Cpath fill='%234c4c4c' d=%22M6.063%2C0c-1.89%2C0-3.595%2C1.674-3.594%2C3.563C2.467%2C5.45%2C4.173%2C7.155%2C6.06%2C7.155 c1.89%2C0%2C3.564-1.705%2C3.563-3.593C9.625%2C1.673%2C7.95%2C0%2C6.063%2C0L6.063%2C0z%22/%3E %3C/svg%3E&quot;);<br /> --echo-icon-bell-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebell%3C/title%3E%3Cpath d=%22M16 7a5.38 5.38 0 00-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 004 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 003-3H7a3 3 0 003 3z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-tray-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etray%3C/title%3E%3Cpath d=%22M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-fullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M1 1v6h2V3h4V1zm2 12H1v6h6v-2H3zm14 4h-4v2h6v-6h-2zm0-16h-4v2h4v4h2V1z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;);<br /> --echo-icon-exitFullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E exit fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M7 7V1H5v4H1v2zM5 19h2v-6H1v2h4zm10-4h4v-2h-6v6h2zm0-8h4V5h-4V1h-2v6z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-user-menu-legacy #pt-userpage a,.vector-user-menu-legacy #pt-anonuserpage {<br /> background-image: var(--echo-icon-person-bg-image);<br /> padding-top: 0;<br /> background-position-y: 0<br /> }<br /> <br /> .vector-user-menu-legacy #pt-anonuserpage {<br /> color: var(--byline-color)<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge,#pt-notifications-notice .mw-echo-notifications-badge {<br /> background-size: 75%;<br /> background-position: center 80%;<br /> background-repeat: no-repeat;<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .oo-ui-icon-bell {<br /> background-image: var(--echo-icon-bell-bg-image)<br /> }<br /> <br /> #pt-notifications-notice .oo-ui-icon-tray {<br /> background-image: var(--echo-icon-tray-bg-image)<br /> }<br /> <br /> #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-exitFullscreen-bg-image)<br /> }<br /> <br /> body.wgl-fixedWidth #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-fullscreen-bg-image)<br /> }<br /> <br /> #pt-theme-toggles .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-moon-bg-image)<br /> }<br /> <br /> #pt-anontalk {<br /> padding-top: 0.6em<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul {<br /> margin: 5px 0 0 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> margin: 5px 0 0 15px<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul,.ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> list-style: none;<br /> border-left: 1px dashed var(--transcript-border-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul:hover,.transcript &gt; ul:hover,.ns-120 .mw-parser-output &gt; ul ul:hover,.transcript &gt; ul ul:hover,.ns-120 .mw-parser-output &gt; ul ol:hover,.transcript &gt; ul ol:hover {<br /> border-color: var(--transcript-border-hover-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li,.transcript &gt; ul li,.ns-120 .mw-parser-output &gt; ul ul li,.transcript &gt; ul ul li,.ns-120 .mw-parser-output &gt; ul ol li,.transcript &gt; ul ol li {<br /> flex-direction: column;<br /> padding-left: 15px;<br /> margin: 14px 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li:last-of-type,.transcript &gt; ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ul li:last-of-type,.transcript &gt; ul ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ol li:last-of-type,.transcript &gt; ul ol li:last-of-type {<br /> margin-bottom: 0<br /> }<br /> <br /> .nodesktop {<br /> display: none<br /> }<br /> <br /> /*<br /> The following styles were used as a temporary fix for TabberNeue.<br /> We're currently using old Tabber because TabberNeue breaks if a tab<br /> dynamically changes size, such as multi-infobox.<br /> */<br /> <br /> :root {<br /> --tabber-inactive-tab-bg: #222e45;<br /> --tabber-fade-scroll: linear-gradient(to bottom,rgba(226,219,200,0),#d8ccb4 95%,#94866d);<br /> }<br /> <br /> .tabber__tabs {<br /> gap: 1px;<br /> }<br /> <br /> .tabber__tab {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> padding: 0.5em 0.8em;<br /> border: 1px solid var(--body-border);<br /> border-bottom: 0;<br /> }<br /> <br /> .tabber__tabs .tabber__tab {<br /> color: var(--text-color);<br /> }<br /> <br /> /* Specific styles needed to override color on Minerva. */<br /> body.mediawiki .tabber a:visited, <br /> body.mediawiki .tabber image a:visited,<br /> body.mediawiki .tabber a:active, <br /> body.mediawiki .tabber image a:active {<br /> color: var(--text-color);<br /> }<br /> <br /> .tabber__tab:active {<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab:hover {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab--active, .tabber__tab--active:visited {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__header, .tabber__section, .tabber__tabs {<br /> scroll-behavior: unset;<br /> box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* Add box shadow to tabber header */<br /> }<br /> <br /> .tabber__panel {<br /> /* Hide non-active tabs. */<br /> /* display:none conflicted with tabber somehow and hid all tabs. */<br /> width: 250;<br /> }<br /> <br /> .tabber__panel.tabber__panel--active {<br /> width: 300;<br /> }<br /> <br /> .tabber__section {<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> overflow-y: scroll;<br /> padding-bottom: 30px; /* only necessary for fade scroll hack */<br /> height: auto; /* Example height */<br /> width: auto; /* Example width */<br /> max-width: 1300px; /* Example max-width */<br /> }<br /> <br /> .tabber__panel {<br /> padding: 1em 1.5em;<br /> }<br /> <br /> .wikitable.hover th:hover {<br /> cursor: help;<br /> /* Add any additional styles specific to hovering over table headers */<br /> }<br /> <br /> /* Hover Box for switching the visibility of the selected item */<br /> .hoverbox { <br /> display:inline-block; <br /> padding:0em; <br /> color: white; /* Change this to the desired color */<br /> }<br /> <br /> .hoverbox .hoveritem { <br /> display:none; <br /> margin:0em; <br /> padding:0em; <br /> }<br /> <br /> .hoverbox .hoveritem.selected { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem.selected { <br /> display:none; <br /> }<br /> /* Style for the entire tier list */<br /> .tierlist {<br /> display: flex;<br /> gap: 20px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* Style for individual tiers */<br /> .tier {<br /> border: 1px solid #ccc;<br /> padding: 10px;<br /> width: 200px;<br /> min-height: 150px;<br /> background: #f9f9f9;<br /> border-radius: 8px;<br /> }<br /> <br /> /* Title for each tier */<br /> .tier h3 {<br /> text-align: center;<br /> margin-top: 0;<br /> }<br /> <br /> /* Style for the sortable list */<br /> .sortable {<br /> list-style: none;<br /> padding: 0;<br /> margin: 0;<br /> min-height: 50px;<br /> }<br /> <br /> /* Style for the dropdown selector */<br /> .tier-selector {<br /> width: 100%;<br /> padding: 5px;<br /> margin-top: 5px;<br /> }<br /> .collection-log-wrapper {<br /> margin: 10px 0;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .collection-log-killcount {<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> }<br /> <br /> .collection-log-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6, 48px);<br /> gap: 4px;<br /> padding: 6px 0;<br /> }<br /> <br /> <br /> .collection-log-item {<br /> width: 48px;<br /> height: 48px;<br /> border: 2px solid transparent; /* border only on container */<br /> border-radius: 4px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> position: relative;<br /> background-color: #1a2a3a;<br /> box-sizing: border-box;<br /> }<br /> <br /> .collection-log-item.obtained {<br /> border-color: #4caf50;<br /> background-color: #224422;<br /> }<br /> <br /> .collection-log-item.missing {<br /> border-color: #ffc107;<br /> background-color: #3a2a1a;<br /> }<br /> <br /> .collection-log-item img {<br /> max-width: 36px;<br /> max-height: 36px;<br /> object-fit: contain;<br /> border-radius: 2px;<br /> border: none; /* remove border here */<br /> opacity: 1;<br /> filter: none;<br /> }<br /> <br /> .collection-log-item.missing img {<br /> opacity: 0.3;<br /> filter: grayscale(100%);<br /> }<br /> <br /> .collection-log-qty-badge {<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> background: rgba(0, 0, 0, 0.7);<br /> color: white;<br /> font-size: 12px;<br /> font-weight: bold;<br /> line-height: 1;<br /> padding: 1px 4px;<br /> border-radius: 3px 0 0 0;<br /> user-select: none;<br /> }<br /> .collection-log-killcount-box {<br /> border: 2px solid black;<br /> background-color: #534d41;<br /> color: cyan;<br /> padding: 0.5em 1em;<br /> margin-bottom: 8px;<br /> text-align: center;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .ace_keyword { color: #c586c0 !important; }<br /> .ace_string { color: #ce9178 !important; }<br /> .ace_comment { color: #6a9955 !important; font-style: italic; }<br /> .ace_function { color: #dcdcaa !important; }<br /> .ace_constant { color: #569cd6 !important; }<br /> <br /> .mw-highlight .nf {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> .mw-highlight .nc {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> <br /> /* Highlight row on hover */<br /> .wikitable.lighttable tr:hover {<br /> background-color: #526382; /* dark blue highlight */<br /> color: #ffffff; /* readable text */<br /> }<br /> .custom-dropdown { position: relative; width: 150px; cursor: pointer; }<br /> .custom-dropdown .selected { background: #313e59; color: white; padding: 5px; border-radius: 4px; }<br /> .custom-dropdown .options { display: none; position: absolute; background: #222e45; top: 100%; left: 0; width: 100%; border-radius: 4px; z-index: 10; }<br /> .custom-dropdown .options div { padding: 5px; display: flex; align-items: center; }<br /> .custom-dropdown .options div:hover { background: #313e59; }<br /> .custom-dropdown .options div img.icon { width:16px; height:16px; margin-right:5px; }<br /> <br /> /* =========================<br /> Tier List<br /> ========================= */<br /> <br /> <br /> /* Main wrapper */<br /> <br /> .tier-list {<br /> margin:0;<br /> padding:0;<br /> }<br /> <br /> <br /> /* Tier rows */<br /> <br /> .tier-row {<br /> display:flex;<br /> height:78px;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> <br /> /* Tier labels */<br /> <br /> .tier-label {<br /> width:70px;<br /> min-width:70px;<br /> height:78px;<br /> <br /> display:flex;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> font-size:48px;<br /> line-height:1;<br /> font-weight:bold;<br /> color:white;<br /> <br /> box-sizing:border-box;<br /> }<br /> <br /> <br /> /* Tier colours */<br /> <br /> .tier-s {<br /> background:#ff7f7f;<br /> }<br /> <br /> .tier-a {<br /> background:#ffbf7f;<br /> }<br /> <br /> .tier-b {<br /> background:#ffdf7f;<br /> }<br /> <br /> .tier-c {<br /> background:#ffff7f;<br /> color:black;<br /> }<br /> <br /> .tier-d {<br /> background:#bfff7f;<br /> }<br /> <br /> .tier-f {<br /> background:#7fbfff;<br /> }<br /> <br /> <br /> /* Drop areas */<br /> <br /> .tier-items {<br /> flex:1;<br /> height:78px;<br /> <br /> display:flex;<br /> align-items:center;<br /> flex-wrap:wrap;<br /> <br /> padding:3px;<br /> gap:3px;<br /> <br /> background:#222;<br /> border:1px dashed #777;<br /> <br /> margin:0 !important;<br /> box-sizing:border-box;<br /> }<br /> <br /> <br /> /* =========================<br /> Items<br /> ========================= */<br /> <br /> .tier-item {<br /> width:64px;<br /> height:64px;<br /> <br /> display:flex !important;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> cursor:grab;<br /> border-radius:5px;<br /> overflow:hidden;<br /> <br /> line-height:0;<br /> flex-shrink:0;<br /> }<br /> <br /> <br /> .tier-item:active {<br /> cursor:grabbing;<br /> }<br /> <br /> <br /> /* MediaWiki wrapper fixes */<br /> <br /> .tier-item p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> display:flex !important;<br /> line-height:0 !important;<br /> }<br /> <br /> .tier-item span {<br /> display:flex !important;<br /> }<br /> <br /> .tier-item a {<br /> display:flex !important;<br /> <br /> width:64px;<br /> height:64px;<br /> <br /> align-items:center;<br /> justify-content:center;<br /> }<br /> <br /> <br /> /* Images */<br /> <br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> display:block !important;<br /> <br /> width:64px !important;<br /> height:64px !important;<br /> <br /> max-width:64px !important;<br /> max-height:64px !important;<br /> <br /> object-fit:contain !important;<br /> <br /> image-rendering:pixelated;<br /> image-rendering:crisp-edges;<br /> }<br /> <br /> <br /> /* =========================<br /> Reward Pool<br /> ========================= */<br /> <br /> .reward-pool {<br /> display:flex;<br /> flex-wrap:wrap;<br /> <br /> gap:5px;<br /> padding:5px;<br /> margin:8px 0;<br /> }<br /> <br /> <br /> /* =========================<br /> Rarity backgrounds<br /> ========================= */<br /> <br /> .gold-item {<br /> background:rgba(212,175,55,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .silver-item {<br /> background:rgba(192,192,192,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .bronze-item {<br /> background:rgba(205,127,50,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> <br /> /* =========================<br /> MediaWiki spacing fixes<br /> ========================= */<br /> <br /> .tier-list p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .tier-list p br {<br /> display:none !important;<br /> }<br /> <br /> <br /> /* =========================<br /> Prevent hover shifting<br /> ========================= */<br /> <br /> .tier-item,<br /> .tier-item a,<br /> .tier-item span,<br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> transform:none !important;<br /> }<br /> <br /> .tier-item a:hover,<br /> .tier-item img:hover,<br /> .tier-item .mw-file-element:hover {<br /> transform:none !important;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 .firstHeading,<br /> body.page-User_Hefner_Sandbox14 .firstHeading {<br /> display:none;<br /> }<br /> <br /> <br /> body.page-User_Hefner_Sandbox11 #contentSub,<br /> body.page-User_Hefner_Sandbox14 #contentSub {<br /> display:none !important;<br /> }<br /> <br /> /* =========================<br /> Smoothie's Debt Calculator<br /> ========================= */<br /> <br /> <br /> .debt-calculator {<br /> max-width:800px;<br /> margin:auto;<br /> text-align:center;<br /> }<br /> <br /> <br /> .debt-items {<br /> display:flex;<br /> justify-content:center;<br /> gap:30px;<br /> flex-wrap:wrap;<br /> }<br /> <br /> <br /> .debt-item {<br /> width:180px;<br /> <br /> padding:15px;<br /> <br /> background:#222;<br /> border:1px solid #555;<br /> border-radius:8px;<br /> <br /> display:flex;<br /> flex-direction:column;<br /> align-items:center;<br /> }<br /> <br /> <br /> .debt-item img,<br /> .debt-item .mw-file-element {<br /> width:64px;<br /> height:64px;<br /> <br /> object-fit:contain;<br /> image-rendering:pixelated;<br /> }<br /> <br /> <br /> .debt-item h3 {<br /> margin:10px 0;<br /> }<br /> <br /> <br /> .debt-item label {<br /> margin-top:8px;<br /> }<br /> <br /> <br /> .debt-item input {<br /> width:120px;<br /> <br /> text-align:center;<br /> <br /> margin-top:3px;<br /> }<br /> <br /> <br /> .debt-total {<br /> <br /> margin-top:1px;<br /> <br /> font-size:32px;<br /> font-weight:bold;<br /> <br /> }</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:Common.css&diff=28924 2026-07-18T11:13:22Z

<p>Hefner: </p> <hr /> <div>:root {<br /> --body-background-image: url('filepath://Roat Pkz Wiki background darkmode1.jpg');<br /> --body-background-color: #071022;<br /> --body-main: #172136;<br /> --body-light: #313e59;<br /> --body-mid: #222e45;<br /> --body-dark: #222e45;<br /> --body-border: #596e96;<br /> --link-color: #8cabe6;<br /> --background-link-color: var(--link-color);<br /> --redlink-color: #f26d60;<br /> --text-color: #cbd9f4;<br /> --background-text-color: #cbd9f4;<br /> --byline-color: #98a2b6;<br /> --subtle-color: var(--byline-color);<br /> --search-box: var(--body-light);<br /> --admin-blue: #0087ff;<br /> --bearcat-green: #00ff55;<br /> --awb-purple: #f319ff;<br /> --sidebar: #222e45;<br /> --button-background: #617ebc;<br /> --button-dark: #617ebc;<br /> --button-border: #617ebc;<br /> --button-light: #617ebc;<br /> --wikitable-header-bg: #222e45;<br /> --wikitable-border: #172136;<br /> --wikitable-bg: #313e59;<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --wikitable-alternating-bg: #2a3651;<br /> --table-na-background: rgba(0, 0, 0, 0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #0b5884;<br /> --droptable-common-background: #3c780a;<br /> --droptable-uncommon-background: #a48900;<br /> --droptable-rare-background: #b55e0c;<br /> --droptable-veryrare-background: #9f261e;<br /> --droptable-random-background: #984c89;<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);<br /> --tile-border-color: var(--body-border);<br /> --tile-background-color: var(--body-light);<br /> --tile-link-button-color: var(--body-mid);<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255, 255, 255, 0.7);<br /> --tile-dark-header-color: #fff;<br /> --documentation-background: var(--body-light);<br /> --documentation-border: var(--sidebar);<br /> --documentation-link-color: var(--link-color);<br /> --documentation-headers-color: var(--text-color);<br /> --documentation-header-background: var(--body-dark);<br /> --documentation-subheader-background: #1f293e;<br /> --base-text-color: var(--text-color);<br /> --base-heading-color: var(--text-color);<br /> --base-heading-border: var(--sidebar);<br /> --mainpage-recent-updates-description-color: var(--text-color);<br /> --thumb-bg: var(--body-mid);<br /> --thumb-caption-bg: var(--body-light);<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid);<br /> --diff-addedline-background: #438ab5;<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-color: #fff;<br /> --diff-deletedline-background: #379541;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-color: #fff;<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: var(--errorbox-bg);<br /> --warningbox-border: var(--errorbox-border);<br /> --successbox-bg: #2e5e05;<br /> --successbox-border: #3c780a;<br /> --messagebox-obsolete-background: #464646;<br /> --messagebox-obsolete-border: #333;<br /> --messagebox-obsolete-color: #ddd;<br /> --messagebox-obsolete-link-color: #bbb;<br /> --messagebox-info-background: var(--messagebox-obsolete-background);<br /> --messagebox-info-border: var(--messagebox-obsolete-border);<br /> --messagebox-info-color: var(--messagebox-obsolete-color);<br /> --messagebox-info-link-color: var(--messagebox-obsolete-link-color);<br /> --messagebox-action-background: #45697d;<br /> --messagebox-action-border: #2d5266;<br /> --messagebox-action-color: var(--text-color);<br /> --messagebox-action-link-color: #b8d5e5;<br /> --messagebox-warn-background: #95271b;<br /> --messagebox-warn-border: #6b130a;<br /> --messagebox-warn-color: #f8ebe9;<br /> --messagebox-warn-link-color: #e8b8b3;<br /> --messagebox-safe-background: #1b8408;<br /> --messagebox-safe-border: #126802;<br /> --messagebox-safe-color: #e9f6e7;<br /> --messagebox-safe-link-color: #c1e0bb;<br /> --messagebox-disambig-background: var(--messagebox-obsolete-background);<br /> --messagebox-disambig-border: var(--messagebox-obsolete-border);<br /> --messagebox-disambig-color: var(--messagebox-obsolete-color);<br /> --messagebox-disambig-link-color: var(--messagebox-obsolete-link-color);<br /> --mw-code-background-color: #222e45;<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-mid);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border);<br /> --scribuntoconsole-input: #3ea6e6;<br /> --scibuntoconsole-print: #f9d000;<br /> --scribuntoconsole-error: #ee4231;<br /> --scribuntoconsole-message: #6bc71f;<br /> --scribuntoconsole-tabcomplete: #855cd8;<br /> --scribuntoconsole-clear: #ee4231;<br /> --blockquote-color: var(--text-color);<br /> --coins-color: #6bc71f;<br /> --coins-pos-color: #3ea6e6;<br /> --coins-neg-color: #ee4231;<br /> --questdetails-header-background: var(--body-dark);<br /> --questdetails-header-background-alt: var(--body-dark);<br /> --fact-text-color: #3ea6e6;<br /> --production-selected-background: #3c780a;<br /> --production-selected-color: #fff;<br /> --wikipedia-border: var(--body-border);<br /> --wikipedia-background: var(--body-light);<br /> --keypress-background: var(--body-light);<br /> --keypress-border: var(--body-border);<br /> --keypress-color: var(--text-color);<br /> --ajaxpoll-background: var(--body-light);<br /> --ajaxpoll-text-color: var(--base-text-color);<br /> --ajaxpoll-answerbar-background: var(--body-mid);<br /> --ajaxpoll-answerbar-border: var(--body-border);<br /> --rc-negative-color: #ee4231;<br /> --rc-positive-color: #6bc71f;<br /> --filter-black-to-link: invert(63%) sepia(67%) saturate(242%) hue-rotate(182deg) brightness(93%) contrast(94%);<br /> --transcript-border-color: #596e96;<br /> --transcript-border-hover-color: #8596b7;<br /> --transcript-strikethrough-color: #fff;<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--navbox-title-background);<br /> --navbox-group-title-background: var(--navbox-title-background);<br /> --infobox-bg: var(--body-light);<br /> --infobox-border: var(--body-border);<br /> --infobox-header: var(--body-dark);<br /> --infobox-subheader: var(--body-mid);<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #444e5a;<br /> --sourceeditor-input-background: var(--body-mid);<br /> --sourceeditor-background: var(--body-light);<br /> --sourceeditor-background-secondary: var(--body-mid);<br /> --sourceeditor-border: var(--body-main);<br /> --codemirror-gutter-background: var(--body-light);<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border);<br /> --vector-tab-background: #222e45;<br /> --vector-tab-background--hover: #293753;<br /> --vector-tab-link-color: var(--background-link-color);<br /> --lighttable-bg-hover: #3c780a;<br /> --lighttable-bg-active: #2e5e05;<br /> --lighttable-link-color: #c3e8a3;<br /> --personal-links-bg: rgba(7, 16, 34, 0.75);<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg, #315d30 0 20px, #13421e 20px 30px);<br /> --tbz-unlocked-border-color: #00e417;<br /> --tbz-locked-background-color: #8a2525;<br /> --tbz-locked-border-color: #b32828;<br /> --tbz-partial-unlock-background: #5a5a5a;<br /> --tbz-partial-unlock-border-color: #13421e;<br /> }<br /> <br /> <br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape.woff2?17907) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: bold;<br /> src: local(&quot;RuneScape Bold&quot;),local(&quot;RuneScape Bold 12&quot;),local(&quot;RuneScape Chat 2&quot;),local(&quot;RuneScape Chat&quot;),url(/images/RuneScape_Bold.woff2?514fd) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape Small';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape_Small.woff2?1ee0e) format('woff2')<br /> }<br /> <br /> :root {<br /> --base-text-color: #cbd9f4;<br /> --base-heading-color: #cbd9f4;<br /> --base-heading-border: #596e96;<br /> --mw-code-background-color: #222e45;<br /> --body-background-image: url(/images/b/b5/Roat_Pkz_Wiki_background_darkmode2.png)<br /> }<br /> <br /> #mw-page-base {<br /> background: none<br /> }<br /> <br /> .mw-body {<br /> background-color: var(--body-main);<br /> color: var(--text-color);<br /> border-color: transparent;<br /> box-shadow: 0 0 7px rgba(0,0,0,0.15);<br /> margin-top: 0<br /> }<br /> <br /> h1,h2,h3,h4,h5,h6 {<br /> color: var(--text-color)<br /> }<br /> <br /> h1,h2 {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-body h1,.mw-body-content h1,.mw-body-content h2,.mw-body-content h3,.mw-body-content h4,.mw-body-content h5,.mw-body-content h6 {<br /> font-family: 'PT Serif','Palatino','Georgia',serif<br /> }<br /> <br /> .mw-parser-output h2:first-of-type {<br /> clear: left<br /> }<br /> <br /> .mw-footer {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer li {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer a,.mw-footer a:active,.mw-footer a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> ::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> a {<br /> color: var(--link-color)<br /> }<br /> <br /> a:visited,a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> a.new {<br /> color: var(--redlink-color)<br /> }<br /> <br /> a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .mw-parser-output a.extiw,.mw-parser-output a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited,.mw-parser-output a.extiw:active,.mw-parser-output a.external:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .jsPurgeLink a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> a[href=&quot;/w/User:AndBot&quot;],a[href=&quot;/w/User:BisetteBot&quot;],a[href=&quot;/w/User:Bot50&quot;],a[href=&quot;/w/User:BotDiesel2m&quot;],a[href=&quot;/w/User:Bowl&quot;],a[href=&quot;/w/User:Catbot&quot;],a[href=&quot;/w/User:CookBot&quot;],a[href=&quot;/w/User:Cresbot&quot;],a[href=&quot;/w/User:CrowBot&quot;],a[href=&quot;/w/User:Data_Chompy&quot;],a[href=&quot;/w/User:GauBot&quot;],a[href=&quot;/w/User:Gaz_Bot&quot;],a[href=&quot;/w/User:Gaz_GEBot&quot;],a[href=&quot;/w/User:HabbletAWB&quot;],a[href=&quot;/w/User:JakesterwarsBot&quot;],a[href=&quot;/w/User:JaydenBot&quot;],a[href=&quot;/w/User:MuudyBot&quot;],a[href=&quot;/w/User:MB%C3%A5t&quot;],a[href=&quot;/w/User:New_user_message&quot;],a[href=&quot;/w/User:Quadrabot&quot;],a[href=&quot;/w/User:Redirect_fixer&quot;],a[href=&quot;/w/User:Riblet15_bot_account&quot;],a[href=&quot;/w/User:ShoyBot&quot;],a[href=&quot;/w/User:SlapChoppe&quot;],a[href=&quot;/w/User:Spinewielder&quot;],a[href=&quot;/w/User:WolaznikBot&quot;] {<br /> color: var(--awb-purple)<br /> }<br /> <br /> a[href=&quot;/w/User:Andmcadams&quot;],a[href=&quot;/w/User:BigDiesel2m&quot;],a[href=&quot;/w/User:Brok&quot;],a[href=&quot;/w/User:Cook_Me_Plox&quot;],a[href=&quot;/w/User:Fjara&quot;],a[href=&quot;/w/User:Gau_Cho&quot;],a[href=&quot;/w/User:Gaz_Lloyd&quot;],a[href=&quot;/w/User:Iiii_I_I_I&quot;],a[href=&quot;/w/User:Jayden&quot;],a[href=&quot;/w/User:Jeljo&quot;],a[href=&quot;/w/User:Joeytje50&quot;],a[href=&quot;/w/User:Legaia_2_Pla&quot;],a[href=&quot;/w/User:Ostentatio&quot;],a[href=&quot;/w/User:Riblet15&quot;],a[href=&quot;/w/User:Shayani&quot;],a[href=&quot;/w/User:Shoyrukon&quot;],a[href=&quot;/w/User:TehKittyCat&quot;],a[href=&quot;/w/User:Towelcat&quot;],a[href=&quot;/w/User:Wolaznik&quot;] {<br /> color: var(--admin-blue)<br /> }<br /> <br /> a[href=&quot;/w/User:Spineweilder&quot;],a[href=&quot;/w/User:Jakesterwars&quot;],a[href=&quot;/w/User:Julia&quot;] {<br /> color: var(--bearcat-green)<br /> }<br /> <br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> background: url(/images/Jagex_moderator_emblem.png?093b0) left no-repeat;<br /> padding-left: 15px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> #ca-nstab-user a {<br /> background: none<br /> }<br /> <br /> :root {<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: #801c13;<br /> --warningbox-border: #9f261e;<br /> --successbox-bg: #801c13;<br /> --successbox-border: #9f261e<br /> }<br /> <br /> .mw-message-box-error,.errorbox,.mw-message-box-warning,.warningbox,.mw-message-box-success,.successbox,.usermessage {<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw-message-box-error,.errorbox {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .mw-message-box-warning,.warningbox,.usermessage {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .mw-message-box-success,.successbox {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .catlinks {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-dark);<br /> padding: 8px 15px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .catlinks li {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .filehistory a img,#file img {<br /> background: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v16h8V8H0z' opacity='.13'/%3E%3C/svg%3E&quot;) repeat<br /> }<br /> <br /> #file img:hover {<br /> background: none<br /> }<br /> <br /> .mw-highlight {<br /> background: none<br /> }<br /> <br /> .mw-highlight .linenos {<br /> background-color: var(--mw-code-background-color);<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-highlight a:hover .linenos,.mw-highlight .hll a .linenos {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-content-ltr.mw-highlight-lines pre,.mw-content-ltr.content .mw-highlight-lines pre {<br /> box-shadow: inset 2.75em 0 0 var(--mw-code-background-color)<br /> }<br /> <br /> #pagehistory ul {<br /> list-style: none;<br /> margin: 0<br /> }<br /> <br /> #pagehistory li {<br /> border: 1px solid transparent;<br /> padding: 1px 10px;<br /> margin: 2px 0<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: var(--body-light);<br /> color: inherit;<br /> border: 1px dashed var(--body-border);<br /> outline: none<br /> }<br /> <br /> #mw-history-compare &gt; div:first-of-type {<br /> position: -webkit-sticky;<br /> position: sticky;<br /> top: 0;<br /> background-color: var(--body-main);<br /> border-bottom: 1px solid var(--body-dark);<br /> padding: 0.25em 0<br /> }<br /> <br /> .wgl-stickyheader #mw-history-compare &gt; div:first-of-type {<br /> top: 2.5rem<br /> }<br /> <br /> .autocomment,.autocomment a,.autocomment a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> li span.deleted,span.history-deleted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-usertoollinks-contribs-no-edits,.mw-usertoollinks-contribs-no-edits:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .CategoryTreeToggle {<br /> color: var(--link-color)<br /> }<br /> <br /> body.wgl-stickyheader.action-view .mw-headline:target::before {<br /> display: block;<br /> content: '';<br /> margin-top: -3rem;<br /> height: 3rem;<br /> visibility: hidden;<br /> pointer-events: none<br /> }<br /> <br /> .mw-mmv-post-image {<br /> color: var(--text-color);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-mmv-image-metadata {<br /> border-top-color: var(--body-mid);<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-mmv-dialog,.mw-mmv-dialog .mw-mmv-dialog-down-arrow,.mw-mmv-options-dialog .mw-mmv-dialog-down-arrow {<br /> background-color: var(--body-light);<br /> box-shadow: none<br /> }<br /> <br /> .mw-mmv-options-enable-alert {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-mmv-options-dialog-header,.mw-mmv-options-text-header,.mw-mmv-options-text-body,.mw-mmv-options-enable-alert,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-dialog-header,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-text-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-revslider-container {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-revslider-slider-wrapper {<br /> border-top-color: var(--sidebar)<br /> }<br /> <br /> .mw-ui-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):hover,.mw-ui-button:not(:disabled):active {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):focus {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button:not(:disabled):visited {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled) {<br /> background-color: var(--ooui-progressive);<br /> color: #fff;<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):active,.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: none<br /> }<br /> <br /> .mw-ui-button.mw-ui-destructive:not(:disabled) {<br /> color: #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-quiet,.mw-ui-button.mw-ui-quiet.mw-ui-progressive,.mw-ui-button.mw-ui-quiet.mw-ui-destructive {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:hover,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover {<br /> background-color: rgba(0,24,73,0.02745098);<br /> color: var(--text-color);<br /> border-color: transparent<br /> }<br /> <br /> input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:focus,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:active,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active {<br /> background-color: rgba(0,36,73,0.08235294);<br /> color: var(--text-color);<br /> border-color: #72777d<br /> }<br /> <br /> .mw-ui-input {<br /> background-color: var(--ooui-input);<br /> color: var(--text-color);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-ui-input:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-ui-input::placeholder {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child {<br /> padding: 0;<br /> background: 0<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child::before {<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> display: inline-block;<br /> width: 47px;<br /> height: 20px<br /> }<br /> <br /> :root {<br /> --wikitable-header-bg: var(--body-dark);<br /> --wikitable-border: var(--body-main);<br /> --wikitable-bg: var(--body-light);<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --table-na-background: rgba(0,0,0,0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #afeeee;<br /> --droptable-common-background: #56e156;<br /> --droptable-uncommon-background: #ffed4c;<br /> --droptable-rare-background: #ff863c;<br /> --droptable-veryrare-background: #ff6262;<br /> --droptable-random-background: #ffa3ff<br /> }<br /> <br /> .wikitable {<br /> background: var(--wikitable-bg);<br /> color: var(--wikitable-color);<br /> border-color: var(--wikitable-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; tr &gt; td,.wikitable &gt; * &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th.table-noborder,.wikitable &gt; tr &gt; td.table-noborder,.wikitable &gt; * &gt; tr &gt; th.table-noborder,.wikitable &gt; * &gt; tr &gt; td.table-noborder {<br /> border-left-style: hidden;<br /> border-right-style: hidden;<br /> padding-left: 0;<br /> padding-right: 0<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .tabber .wikitable {<br /> box-shadow: none<br /> }<br /> <br /> .table-bg-always,.table-bg-blue {<br /> background: var(--droptable-always-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-common,.table-bg-green {<br /> background: var(--droptable-common-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-uncommon,.table-bg-yellow {<br /> background: var(--droptable-uncommon-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-rare,.table-bg-orange {<br /> background: var(--droptable-rare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-veryrare,.table-bg-red {<br /> background: var(--droptable-veryrare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-random,.table-bg-pink {<br /> background: var(--droptable-random-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-fade {<br /> opacity: 0.6;<br /> background: rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw_metadata td,.mw_metadata th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw_metadata th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw_metadata td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable td,.mw-datatable th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw-datatable td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> table.alternating-rows tr:nth-child(odd),table.alternating-cols td:nth-child(odd) {<br /> background: var(--wikitable-alternating-bg)<br /> }<br /> <br /> .table-na {<br /> background: var(--table-na-background);<br /> color: var(--table-na-color);<br /> vertical-align: middle;<br /> text-align: center<br /> }<br /> <br /> .table-yes {<br /> background: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .table-positive {<br /> background: var(--table-yes-background)<br /> }<br /> <br /> .table-no {<br /> background: var(--table-no-background);<br /> color: var(--table-no-color)<br /> }<br /> <br /> .table-negative {<br /> background: var(--table-no-background)<br /> }<br /> <br /> .table-maybe {<br /> background: var(--table-maybe-background);<br /> color: var(--table-maybe-color)<br /> }<br /> <br /> #mw-allmessagestable .am_actual,#mw-allmessagestable .am_default {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> #mw-allmessagestable .am_default:hover,#mw-allmessagestable .am_actual:hover,#mw-allmessagestable tbody:hover td {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> table.wikitable td.no-cell-spacing {<br /> padding: 0;<br /> height: 0<br /> }<br /> <br /> table.wikitable td.no-cell-spacing table {<br /> margin: -1px;<br /> width: calc(100% + 2px);<br /> height: calc(100% + 2px)<br /> }<br /> <br /> .plainlist ol,.plainlist ul {<br /> margin: 0<br /> }<br /> <br /> .plainlist li {<br /> margin-bottom: 0;<br /> list-style: none<br /> }<br /> <br /> 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) {<br /> text-align: right<br /> }<br /> <br /> 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) {<br /> text-align: center<br /> }<br /> <br /> 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) {<br /> text-align: left<br /> }<br /> <br /> .rsw-chartjs.rsw-chartjs-config {<br /> display: none<br /> }<br /> <br /> .rsw-chartjs.rsw-chart-error {<br /> font-family: monospace<br /> }<br /> <br /> .rsw-chartjs-canvas {<br /> background-color: var(--body-light)<br /> }<br /> <br /> :root {<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-background: #bddff2;<br /> --diff-addedline-color: #000;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-background: #c1edbf;<br /> --diff-deletedline-color: #000;<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid)<br /> }<br /> <br /> .diff-context {<br /> border-color: var(--diff-context-border-color);<br /> background: var(--diff-context-background);<br /> color: inherit<br /> }<br /> <br /> .diff-addedline {<br /> border-color: var(--diff-addedline-border-color)<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: var(--diff-addedline-background);<br /> color: var(--diff-addedline-color)<br /> }<br /> <br /> .diff-deletedline {<br /> border-color: var(--diff-deletedline-border-color)<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: var(--diff-deletedline-background);<br /> color: var(--diff-deletedline-color)<br /> }<br /> <br /> .mw-diff-movedpara-left:after,.mw-diff-movedpara-right:after {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-notification {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {<br /> background: var(--body-main)<br /> }<br /> <br /> .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> background-color: var(--ooui-normal);<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-head,.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {<br /> border-left-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:hover,.mw-echo-ui-notificationItemWidget-unread:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:last-child {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-unread {<br /> background-color: var(--search-box)<br /> }<br /> <br /> .mw-echo-ui-crossWikiNotificationItemWidget-group,.mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-content-message-header,.mw-echo-ui-notificationItemWidget-content-message-body,.mw-echo-ui-menuItemWidget &gt; .oo-ui-buttonElement-button &gt; .oo-ui-labelElement-label,.mw-echo-ui-notificationItemWidget-content-actions-timestamp {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--body-main)<br /> }<br /> <br /> @keyframes unseen-fadeout-to-unread {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--search-box)<br /> }<br /> }<br /> <br /> @keyframes unseen-fadeout-to-read {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--body-main)<br /> }<br /> }<br /> <br /> .mwe-popups {<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container {<br /> color: var(--text-color);<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:before,.mwe-popups .mwe-popups-container.flipped-y:before {<br /> border-top: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:before {<br /> border-bottom: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:after,.mwe-popups .mwe-popups-container.flipped-y:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:after {<br /> border-bottom-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-settings-icon:hover,.mwe-popups .mwe-popups-settings-icon:active {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mwe-popups .mw-ui-icon-element:not(.disabled):hover {<br /> background: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract {<br /> color: var(--text-color)<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract[dir='ltr']:after {<br /> background-image: linear-gradient(to right,rgba(49,62,89,0),var(--body-light) 50%)<br /> }<br /> <br /> .mwe-popups-overlay {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> #mwe-popups-settings {<br /> background: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--text-color)<br /> }<br /> <br /> #mwe-popups-settings header {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form p {<br /> color: var(--byline-color)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form form label &gt; span {<br /> color: var(--ooui-text)<br /> }<br /> <br /> :root {<br /> --smw-ask-options-even-bg: var(--body-mid);<br /> --smw-ask-options-odd-bg: var(--body-light);<br /> --smw-ask-action-btn-lblue-bg: var(--body-main);<br /> --smw-ask-action-btn-lblue-color: #000;<br /> --smw-ask-action-btn-lblue-border-color: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-bg: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-color: #fff;<br /> --smw-ask-action-btn-dblue-border-color: var(--button-border)<br /> }<br /> <br /> .smw-ask-condition fieldset,.smw-ask-printhead fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .smw-ask-search fieldset,.smw-ask-format fieldset,.smw-ask-options fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .strike &gt; span:before,.strike &gt; span:after {<br /> background: var(--sidebar)<br /> }<br /> <br /> .smw-ask-options-fields tr td {<br /> background-color: var(--smw-ask-options-even-bg)<br /> }<br /> <br /> .smw-ask-options-fields tr:nth-child(odd) td {<br /> background-color: var(--smw-ask-options-odd-bg)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-lblue,.smw-ask-action-btn.smw-ask-action-btn-lblue:hover,.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--smw-ask-action-btn-lblue-bg);<br /> color: var(--smw-ask-action-btn-lblue-color);<br /> border-color: var(--smw-ask-action-btn-lblue-border-color)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-dblue,.smw-ask-action-btn.smw-ask-action-btn-dblue:hover,.smw-ask-action-btn.smw-ask-action-btn-dblue:visited {<br /> background-color: var(--smw-ask-action-btn-dblue-bg);<br /> color: var(--smw-ask-action-btn-dblue-color);<br /> border-color: var(--smw-ask-action-btn-dblue-border-color)<br /> }<br /> <br /> .smw-ask-query textarea,.smw-ask-actions textarea {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-query-format select {<br /> background-color: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-toplinks {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info {<br /> background: none;<br /> padding: 0 !important<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info::before {<br /> content: '';<br /> background: var(--text-color);<br /> -webkit-mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> padding: 0 0 3px 18px<br /> }<br /> <br /> .smw-ask-options-row-odd {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smw-ask-options-row-even {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> #options-toggle:not(:checked) + #options-list .options-parameter-list:after {<br /> background-image: linear-gradient(to bottom,transparent,var(--body-mid) 90%)<br /> }<br /> <br /> .smw-ask-button-submit input {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-ask-button-submit input:hover,.smw-ask-button-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> input.smw-ask-action-btn.smw-ask-action-btn-dblue {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:hover {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-callout-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .smw-callout-info {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .smw-callout-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .smw-callout-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-bg)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label,.smw-tabs input.nav-tab:checked + label.nav-label:hover {<br /> color: inherit<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count {<br /> color: #fff;<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.moderate {<br /> color: #fff;<br /> background-color: #b55e0c;<br /> border-color: #b55e0c<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.high {<br /> color: #fff;<br /> background-color: #9f261e;<br /> border-color: #9f261e<br /> }<br /> <br /> .smw-property-page-results .header-title {<br /> background-color: var(--ooui-interface);<br /> border-bottom-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-property-page-results .value-row:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .smw-property-page-results .smw-table .header-row {<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-header {<br /> background-color: var(--body-dark);<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .smw-ui-input-filter {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ui-input-filter input {<br /> border-left-color: var(--ooui-interface-border) !important;<br /> color: var(--ooui-text) !important<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border);<br /> color: var(--subtle-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-active {<br /> color: #fff;<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-tabs section,.smw-tabs .subtab-content {<br /> border-top-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-column-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-factbox {<br /> background: var(--body-main);<br /> border-color: transparent<br /> }<br /> <br /> .mw-body .mw-indicators #mw-indicator-smw-entity-examiner.mw-indicator .smw-indicator-vertical-bar-loader {<br /> display: none<br /> }<br /> <br /> .smwb-theme-light .smwb-title,.smwb-theme-light .smwb-center,.smwb-theme-light .smwb-actions,.smwb-theme-light .smwb-prophead {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-factbox {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-ifactbox {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-propval {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smwb-action-separator {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .smwb-bottom {<br /> border-bottom: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-ifactbox .smwb-cell,.smwb-factbox .smwb-cell {<br /> border-top: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-propvalue .smwb-prophead,.smwb-ipropvalue .smwb-prophead,.smwb-propvalue .smwb-propval,.smwb-ipropvalue .smwb-propval {<br /> font-size: 0.9em<br /> }<br /> <br /> :root {<br /> --filter-black-to-link: invert(36%) sepia(58%) saturate(433%) hue-rotate(344deg) brightness(100%) contrast(91%)<br /> }<br /> <br /> #bodyContent span.smwbrowse a {<br /> color: black;<br /> background-image: url(/images/Smwbrowse.svg?87d2b);<br /> filter: var(--filter-black-to-link)<br /> }<br /> <br /> #bodyContent span.smwbrowse a:hover {<br /> color: black;<br /> background-image: url(/images/Smwbrowse-hover.svg?73b79);<br /> text-decoration: underline<br /> }<br /> <br /> #bodyContent span.smwsearch a {<br /> color: black;<br /> filter: var(--filter-black-to-link);<br /> background-image: url(/images/Smwsearch.svg?72b04)<br /> }<br /> <br /> #bodyContent span.smwsearch a:hover {<br /> color: black;<br /> background-image: url(/images/Smwsearch-hover.svg?62df0);<br /> text-decoration: underline<br /> }<br /> <br /> :root {<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-background-color);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border)<br /> }<br /> <br /> .tabber {<br /> margin: 1em 0<br /> }<br /> <br /> .tabber .tabbertab {<br /> background-color: var(--tabber-tab-bg);<br /> border: 1px solid var(--tabber-tab-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1em 1.5em<br /> }<br /> <br /> ul.tabbernav {<br /> border: none;<br /> margin-left: 2em;<br /> margin-bottom: 0;<br /> margin-right: 2em;<br /> padding: 0;<br /> font-family: inherit<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a {<br /> background-color: var(--tabber-active-tab-bg);<br /> color: var(--tabber-active-tab-color);<br /> border-bottom: none;<br /> position: relative<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a:hover {<br /> color: var(--tabber-active-tab-hover-color);<br /> background-color: var(--tabber-active-tab-hover-bg);<br /> border-color: var(--tabber-active-tab-hover-border-color);<br /> border-bottom: none<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a::after {<br /> content: '';<br /> position: absolute;<br /> left: 0;<br /> right: 0;<br /> bottom: -1px;<br /> border-bottom: 2px solid var(--tabber-active-tab-border-hider-color)<br /> }<br /> <br /> ul.tabbernav li a {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> border-bottom: transparent;<br /> border-color: var(--tabber-inactive-tab-border-color);<br /> color: var(--tabber-inactive-tab-color);<br /> display: inline-block;<br /> font-size: 110%;<br /> padding: 0.5em 1em<br /> }<br /> <br /> ul.tabbernav li a:hover {<br /> background-color: var(--tabber-inactive-tab-hover-bg);<br /> border-color: var(--tabber-inactive-tab-hover-border-color)<br /> }<br /> <br /> ul.tabbernav li a:link,ul.tabbernav li a:visited {<br /> color: var(--tabber-inactive-tab-color)<br /> }<br /> <br /> .js-tooltip-text {<br /> padding: 5px<br /> }<br /> <br /> .js-tooltip-wrapper {<br /> position: absolute;<br /> z-index: 10;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> color: var(--text-color);<br /> max-width: 75%;<br /> overflow-wrap: break-word;<br /> padding: 10px 15px;<br /> margin: 0px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> font-size: 0.8em<br /> }<br /> <br /> .js-tooltip-click {<br /> color: var(--button-color);<br /> background: var(--button-background);<br /> border-radius: 2em;<br /> cursor: pointer;<br /> padding: 0 0.3em;<br /> user-select: none<br /> }<br /> <br /> .js-tooltip-arrow {<br /> position: absolute;<br /> border-color: transparent;<br /> border-style: solid;<br /> width: 0;<br /> height: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointleft {<br /> border-right-color: var(--body-border);<br /> border-left-color: transparent;<br /> border-left-width: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointright {<br /> border-left-color: var(--body-border);<br /> border-right-color: transparent;<br /> border-right-width: 0<br /> }<br /> <br /> .js-tooltip-close {<br /> float: right;<br /> margin-left: 10px;<br /> margin-right: -5px;<br /> margin-top: -5px;<br /> margin-bottom: 1px;<br /> background: var(--button-background);<br /> border: 0;<br /> cursor: pointer<br /> }<br /> <br /> :root {<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px); <br /> }<br /> <br /> .oo-ui-widget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox'] + span,.oo-ui-radioInputWidget [type='radio'] + span {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,.oo-ui-radioInputWidget [type='radio']:disabled + span {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownWidget-handle {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border);<br /> background-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget select {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget option {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuSelectWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-menuSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-menuSectionOptionWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-title {<br /> color: inherit<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block),.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-optionWidget.oo-ui-widget-disabled {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-outlineControlsWidget {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {<br /> border-bottom-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {<br /> border-top-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {<br /> border-right-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {<br /> border-left-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {<br /> border-left-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-searchWidget-query {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-tabOptionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--body-dark);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {<br /> border-bottom-color: var(--body-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {<br /> background-color: var(--body-light);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> color: var(--ooui-progressive);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover,.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:focus {<br /> color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed {<br /> background: none;<br /> border-bottom: 1px solid var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile {<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tagItemWidget {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> @media screen and (min-width: 0) {<br /> .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {<br /> outline:1px solid var(--ooui-accent)<br /> }<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {<br /> border-color: #fff<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; input.oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover);<br /> color: #fff;<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive {<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active &gt; .oo-ui-buttonElement-button {<br /> color: #fff;<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-pendingElement-pending {<br /> background-image: var(--ooui-pending-background-image);<br /> background-size: 200%;<br /> animation: oo-ui-pendingElement-stripes 6s linear infinite<br /> }<br /> <br /> @keyframes oo-ui-pendingElement-stripes {<br /> 100% {<br /> background-position: 100%<br /> }<br /> }<br /> <br /> .oo-ui-messageDialog-content &gt; .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-message {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog-content .oo-ui-window-head,.oo-ui-processDialog-content .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:active {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:active {<br /> border-right-color: var(--ooui-interface-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button,.oo-ui-processDialog-actions-other .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-right-color: var(--ooui-normal-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-windowManager-modal.oo-ui-windowManager-floating &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-window {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-bar {<br /> background-color: var(--ooui-interface);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-position-top &gt; .oo-ui-toolbar-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-toolbar-bar .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active &gt; .oo-ui-tool-link,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent);<br /> box-shadow: none<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-menuToolGroup {<br /> border-left-color: var(--body-mid);<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> border-right-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 2px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-bookletLayout-outlinePanel &gt; .oo-ui-outlineControlsWidget {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-fieldLayout-disabled &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header &gt; .oo-ui-labelElement-label {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-panelLayout-framed {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .oo-ui-icon-settings {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Esettings%3C/title%3E%3Cg transform='translate(10 10)'%3E%3Cpath id='a' d='M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3'/%3E%3Cuse xlink:href='%23a' transform='rotate(45)'/%3E%3Cuse xlink:href='%23a' transform='rotate(90)'/%3E%3Cuse xlink:href='%23a' transform='rotate(135)'/%3E%3C/g%3E%3Cpath d='M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .oo-ui-icon-clear {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Eclear%3C/title%3E%3Cpath d='M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-widget-dateInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widget-dateInputWidget-calendar {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widget-calendarWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widget-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-day,.mw-widget-calendarWidget-day-heading {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-widget-calendarWidget-day-additional {<br /> color: var(--ooui-text);<br /> opacity: 0.67<br /> }<br /> <br /> .mw-widget-calendarWidget-day-today {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-item:hover {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-widget-calendarWidget-item-selected {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),0 2px 2px 0 rgba(0,0,0,0.25)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.mw-widgets-datetime-dateTimeInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input,.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .mw-kartographer-mapDialog-foot {<br /> background-color: var(--body-light);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-container {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a,.mw-kartographer-interactive .leaflet-popup-content a:visited,.mw-kartographer-interactive .leaflet-popup-content a:hover,.mw-kartographer-interactive .leaflet-popup-content a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a.new a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .leaflet-popup-content-wrapper {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .leaflet-popup-tip {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey {<br /> background: #e4eaee;<br /> color: #444e5a;<br /> text-shadow: none<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a,.leaflet-vis-tooltip.lbl-bg-grey a:visited,.leaflet-vis-tooltip.lbl-bg-grey a:active,.leaflet-vis-tooltip.lbl-bg-grey a:hover,.leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a, .leaflet-vis-tooltip.lbl-bg-grey a:visited, .leaflet-vis-tooltip.lbl-bg-grey a:active, .leaflet-vis-tooltip.lbl-bg-grey a:hover, .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:visited,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:active,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:hover,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before {<br /> display: block;<br /> border-left-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before {<br /> display: block;<br /> border-right-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before {<br /> display: block;<br /> border-top-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before {<br /> display: block;<br /> border-bottom-color: #e4eaee<br /> }<br /> <br /> .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover {<br /> background: var(--ooui-normal--hover)<br /> }<br /> <br /> .ve-ui-overlay {<br /> font-family: inherit<br /> }<br /> <br /> .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above {<br /> border-top-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-branchNode-blockSlug,.ve-ce-branchNode-newSlug {<br /> outline-color: var(--body-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-specialCharacterPage h3 {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character:hover {<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px var(--body-mid);<br /> background: none<br /> }<br /> <br /> .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwHelpPopupTool-version-label,.ve-ui-mwHelpPopupTool-version-link,.ve-ui-mwHelpPopupTool-version-date {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ce-tableCellableNode {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-mwReferencesListNode-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwTemplatePage-description,.ve-ui-mwParameterPage-label,.ve-ui-mwParameterPage-description-required,.ve-ui-mwParameterPage-description-deprecated {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwGalleryDialog-menuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog-innerMenuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container,.ve-ui-targetWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .ve-ui-mwSaveDialog {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-options {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-summary {<br /> background-color: var(--ooui-input)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-editSummary-count {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-license {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwReferenceContextItem-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwNoticesPopupTool-items &gt; div:not(:first-child),.ve-ui-mwHelpPopupTool-item:not(:first-child) {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineControlsWidget {<br /> background-color: var(--ooui-interface);<br /> border-top-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-sticky {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwParameterPage-undocumentedLabel {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwTwoPaneTransclusionDialogLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwParameterPage-doc-required,.ve-ui-mwParameterPage-doc-deprecated,.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-expandableContent-toggle {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-expandableContent-fade {<br /> background: linear-gradient(to right,rgba(255,255,255,0) 0,var(--ooui-interface) 90%)<br /> }<br /> <br /> .ve-ui-commandHelpDialog-shortcut &gt; kbd,.ve-ui-commandHelpDialog-sequence &gt; kbd {<br /> background-color: var(--keypress-background);<br /> color: var(--keypress-color);<br /> border-color: var(--keypress-border);<br /> box-shadow: none;<br /> text-shadow: none<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> background: var(--ooui-interface)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'],figure[typeof~='mw:File/Frame'],figure[typeof~='mw:Image/Thumb'],figure[typeof~='mw:Video/Thumb'],figure[typeof~='mw:Image/Frame'],figure[typeof~='mw:Video/Frame'] {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:File/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media) {<br /> border: none;<br /> background: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; figcaption,figure[typeof~='mw:File/Frame'] &gt; figcaption,figure[typeof~='mw:Image/Thumb'] &gt; figcaption,figure[typeof~='mw:Video/Thumb'] &gt; figcaption,figure[typeof~='mw:Image/Frame'] &gt; figcaption,figure[typeof~='mw:Video/Frame'] &gt; figcaption {<br /> border: none;<br /> background-color: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --fact-text-color: #15f;<br /> --production-selected-background: #c3e8a3;<br /> --production-selected-color: #000;<br /> --wikipedia-border: #e0e0e0;<br /> --wikipedia-background: #f8f8f8;<br /> --keypress-background: #eee;<br /> --keypress-border: #ccc;<br /> --keypress-color: #333;<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg,#bfffbd 0 20px,#4cf172 20px 30px);<br /> --tbz-unlocked-border-color: #012100;<br /> --tbz-locked-background-color: #ffc3c3;<br /> --tbz-locked-border-color: #df9090;<br /> --tbz-partial-unlock-background: #dae8d2;<br /> --tbz-partial-unlock-border-color: #aeaeae<br /> }<br /> <br /> .archivelist {<br /> background-color: var(--body-light);<br /> border: solid 1px var(--body-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> margin: 5px;<br /> padding: 5px;<br /> text-align: center;<br /> width: 120px<br /> }<br /> <br /> .collapsed-sec {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-weight: bold;<br /> text-shadow: 1px 1px #fff<br /> }<br /> <br /> .combat-styles-icons a {<br /> display: inline-block;<br /> text-align: center;<br /> min-width: 26px<br /> }<br /> <br /> .combat-styles-header a {<br /> color: var(--text-color)<br /> }<br /> <br /> .fact-text {<br /> color: var(--fact-text-color);<br /> font-style: italic;<br /> cursor: help;<br /> border-bottom: dotted 1px<br /> }<br /> <br /> .production-selected {<br /> background: var(--production-selected-background);<br /> color: var(--production-selected-color)<br /> }<br /> <br /> .relative-location {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-spacing: 0;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 5px;<br /> text-align: center<br /> }<br /> <br /> .relative-location-txt {<br /> color: var(--text-color)<br /> }<br /> <br /> .relative-location-header {<br /> background: var(--body-dark)<br /> }<br /> <br /> #musicMap data {<br /> display: none<br /> }<br /> <br /> .musicMap-buttons {<br /> text-align: center;<br /> margin: 0.7em<br /> }<br /> <br /> .talkheader {<br /> text-align: center;<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .shortcut {<br /> border: 1px solid var(--body-border);<br /> background: var(--body-light);<br /> float: right;<br /> font-size: 0.8em;<br /> margin: 0.5em 0em 0.5em 1em;<br /> padding: 0.5em;<br /> text-align: center<br /> }<br /> <br /> .succession {<br /> width: 50%;<br /> text-align: center<br /> }<br /> <br /> .succession th {<br /> width: 33%;<br /> font-size: 90%;<br /> background: var(--body-mid)<br /> }<br /> <br /> .succession td {<br /> background: var(--body-light)<br /> }<br /> <br /> .update {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0;<br /> padding: 0.25em 1em;<br /> text-align: center<br /> }<br /> <br /> .pollwrapper {<br /> display: flex;<br /> align-items: center;<br /> flex-direction: column;<br /> counter-reset: question<br /> }<br /> <br /> .pollbox {<br /> position: relative;<br /> padding: 1em 0.7em;<br /> margin: 0.7em;<br /> margin-bottom: 1.2em;<br /> width: 700px;<br /> font-size: 16px;<br /> border: 2px solid var(--body-border);<br /> background: var(--body-light)<br /> }<br /> <br /> .pollbox::before {<br /> content: &quot;Question &quot; counter(question);<br /> counter-increment: question;<br /> position: absolute;<br /> font-size: 16px;<br /> font-weight: bold;<br /> top: -0.5em;<br /> margin-top: -2px;<br /> left: 0.6em;<br /> line-height: 1em;<br /> background: linear-gradient(0deg,var(--body-light),var(--body-light) 50%,rgba(0,0,0,0) 50%);<br /> padding: 0 0.6em<br /> }<br /> <br /> .pollbox table {<br /> width: 100%;<br /> border-collapse: collapse;<br /> font-size: 14px<br /> }<br /> <br /> .pollbox caption {<br /> text-align: left;<br /> margin-bottom: 4px<br /> }<br /> <br /> .pollbox td {<br /> padding: 0px<br /> }<br /> <br /> .pollquestion td:first-child::before {<br /> content: &quot;&quot;;<br /> background: url(/images/Poll_shield.png?c691a);<br /> background-repeat: no-repeat;<br /> background-position: top;<br /> width: 10px;<br /> height: 14px;<br /> position: absolute;<br /> top: 4px;<br /> left: 0<br /> }<br /> <br /> .pollquestion td:first-child {<br /> position: relative;<br /> width: 32%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .pollquestion td.pollpercent {<br /> box-sizing: border-box;<br /> padding-left: 17px;<br /> padding-right: 8px<br /> }<br /> <br /> .pollquestion td:last-child {<br /> width: 22%;<br /> padding-left: 0.7em<br /> }<br /> <br /> .pollquestion .pollnote td {<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .pollquestion .pollnote td::before {<br /> content: none<br /> }<br /> <br /> .pollquestion data {<br /> display: block;<br /> height: 15px;<br /> background-image: url(/images/Poll_sword2.png?7d4c4);<br /> position: relative<br /> }<br /> <br /> .pollquestion data::before,.pollquestion data::after {<br /> content: &quot;&quot;;<br /> height: inherit;<br /> position: absolute;<br /> height: 15px<br /> }<br /> <br /> .pollquestion data::before {<br /> background: url(/images/Poll_sword1.png?d445b);<br /> width: 17px;<br /> right: 100%<br /> }<br /> <br /> .pollquestion data::after {<br /> background: url(/images/Poll_sword3.png?487b5);<br /> width: 8px;<br /> left: 100%<br /> }<br /> <br /> .archivepollq th {<br /> text-align: left;<br /> font-weight: normal;<br /> padding: 15px 0 0 0<br /> }<br /> <br /> .archivepollq td:first-child {<br /> position: relative;<br /> width: 80%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .archivepollq td.archivepollpercent {<br /> box-sizing: border-box;<br /> padding: 2px;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .archivepollq td:last-child {<br /> text-align: right;<br /> padding-left: 0.7em<br /> }<br /> <br /> .archivepollq .archivepollnote &gt; td {<br /> text-align: left;<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .archivepollq data {<br /> display: block;<br /> height: 25px;<br /> background: var(--body-border);<br /> position: relative<br /> }<br /> <br /> .archivepollq.e {<br /> border: 2px solid var(--errorbox-border);<br /> background: var(--errorbox-bg)<br /> }<br /> <br /> .archivepollq.e::before {<br /> content: &quot;Error&quot;;<br /> background: linear-gradient(0deg,var(--errorbox-bg),var(--errorbox-bg) 50%,rgba(0,0,0,0) 50%)<br /> }<br /> <br /> .wikipedia {<br /> border: 1px solid var(--wikipedia-border);<br /> background-color: var(--wikipedia-background)<br /> }<br /> <br /> .hatnote,.seealso {<br /> font-style: italic<br /> }<br /> <br /> .hatnote i,.seealso i {<br /> font-style: normal<br /> }<br /> <br /> div.hatnote,div.seealso {<br /> margin: 0.5em 1.6em<br /> }<br /> <br /> div.hatnote + div.hatnote,div.hatnote + div.seealso,div.seealso + div.hatnote,div.seealso + div.seealso {<br /> margin-top: -0.5em<br /> }<br /> <br /> .extimage div,.extimage a,.extimage img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .tbz-region {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> white-space: nowrap;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> width: 110px;<br /> padding: 0.35em 0.45em 0.25em;<br /> margin: 1px<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-badge {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> padding: 0.3em 0.35em 0.2em<br /> }<br /> <br /> .tbz-badge + .tbz-badge {<br /> margin-left: 1px<br /> }<br /> <br /> .tbz-badge.tbz-badge-wrapper {<br /> padding: 0.2em<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-unlocked {<br /> background: var(--tbz-unlocked-background);<br /> border-color: var(--tbz-unlocked-border-color)<br /> }<br /> <br /> .tbz-unlocked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-unlocked .tbz-check {<br /> display: inline-block;<br /> padding-left: 5px<br /> }<br /> <br /> .tbz-locked {<br /> background-color: var(--tbz-locked-background-color);<br /> border-color: var(--tbz-locked-border-color)<br /> }<br /> <br /> .tbz-locked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-locked .tbz-unlocked {<br /> background: var(--tbz-partial-unlock-background);<br /> border-color: var(--tbz-partial-unlock-border-color)<br /> }<br /> <br /> .combatinfo {<br /> width: 160px;<br /> text-align: center;<br /> float: right;<br /> clear: right<br /> }<br /> <br /> .combatinfo.combatinfo-left {<br /> float: left;<br /> clear: left<br /> }<br /> <br /> .combatinfo td {<br /> width: 25%<br /> }<br /> <br /> .wikitable.combatinfo &gt; caption {<br /> font-weight: normal<br /> }<br /> <br /> .growth-stage-table td.growth-stage {<br /> text-align: center;<br /> vertical-align: bottom<br /> }<br /> <br /> .keypress {<br /> background: var(--keypress-background);<br /> color: var(--keypress-color);<br /> font-family: inherit;<br /> border: 1px solid var(--keypress-border);<br /> border-radius: 2px;<br /> font-size: 0.9em;<br /> margin: 0 0.1em;<br /> padding: 0.1em 0.4em;<br /> white-space: nowrap<br /> }<br /> <br /> .rsw-music-player {<br /> height: 2em;<br /> vertical-align: middle<br /> }<br /> <br /> .item-drops .beast-version {<br /> font-size: smaller;<br /> font-style: italic<br /> }<br /> <br /> td.famtreesub {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table {<br /> border-spacing: 0;<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table td {<br /> height: 1em;<br /> width: 1em<br /> }<br /> <br /> td.famtreeleaf {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> padding: 0.2em<br /> }<br /> <br /> :root {<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #ccc<br /> }<br /> <br /> :root {<br /> --coins-color: green;<br /> --coins-pos-color: white;<br /> --coins-neg-color: #c02614<br /> }<br /> <br /> .coins {<br /> color: var(--coins-color);<br /> background-position: 0% 50%;<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> padding: 0<br /> }<br /> <br /> .coins-pos {<br /> color: var(--coins-pos-color)<br /> }<br /> <br /> .coins-neg {<br /> color: var(--coins-neg-color)<br /> }<br /> <br /> .coins-10000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 3px 35px<br /> }<br /> <br /> .coins-1000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-250 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-100 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-25 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-5 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-4 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-3 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-2 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-1 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> :root {<br /> --documentation-background: #f9fafa;<br /> --documentation-link-color: #e4eaee;<br /> --documentation-headers-color: #fff;<br /> --documentation-header-background: #949eaa;<br /> --documentation-subheader-background: #808c9a;<br /> --documentation-border: #e4eaee<br /> }<br /> <br /> .documentation {<br /> background: var(--documentation-background);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0<br /> }<br /> <br /> .documentation pre,.documentation code {<br /> background-color: var(--documentation-background);<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation h2,.documentation hr {<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation-header {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-header-background);<br /> font-weight: bold;<br /> padding: 1em 1.5em<br /> }<br /> <br /> .documentation-title {<br /> font-size: 1.25em<br /> }<br /> <br /> .documentation-subheader {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-subheader-background);<br /> padding: 0.5em 1.5em<br /> }<br /> <br /> .documentation-subheader a,.documentation-subheader a:visited,.documentation-subheader a:active {<br /> color: var(--documentation-link-color)<br /> }<br /> <br /> .documentation-documentation,.documentation-links {<br /> font-size: 0.85em<br /> }<br /> <br /> .documentation-content {<br /> padding: 1em 1.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dl:not(:empty) {<br /> column-count: 3;<br /> border-top: 1px solid var(--body-border);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dt::after {<br /> content: &quot;:&quot;<br /> }<br /> <br /> .mw-templatedata-doc-params dd,.mw-templatedata-doc-params dt {<br /> margin: 0.1em 2em;<br /> min-width: auto<br /> }<br /> <br /> .mw-templatedata-doc-muted {<br /> color: var(--subtle-color);<br /> font-style: italic<br /> }<br /> <br /> .fairycode {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-size: 120%;<br /> font-weight: bold;<br /> text-transform: lowercase;<br /> letter-spacing: 1px<br /> }<br /> <br /> .fairycode b ~ b:before {<br /> content: &quot;•&quot;<br /> }<br /> <br /> .floornumber &gt; .floornumber-us,#toc li a span.toctext span span:nth-child(2),.floornumber-setting-gb .floornumber &gt; .floornumber-us,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(2),.floornumber-setting-us .floornumber &gt; .floornumber-gb,.floornumber-setting-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none<br /> }<br /> <br /> .floornumber-setting-gb .floornumber &gt; .floornumber-gb,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(1),.floornumber-setting-us .floornumber &gt; .floornumber-us,.floornumber-setting-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-us,.floornumber-override-gb #toc li a span.toctext span span:nth-child(2),.floornumber-override-us .floornumber &gt; .floornumber-gb,.floornumber-override-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none !important<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-gb,.floornumber-override-gb #toc li a span.toctext span span:nth-child(1),.floornumber-override-us .floornumber &gt; .floornumber-us,.floornumber-override-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline !important<br /> }<br /> <br /> .musicplayer {<br /> border: 1px solid var(--body-border);<br /> font-size: 90%;<br /> background: var(--body-light);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> max-width: 300px;<br /> margin: 0 0 1em 1em;<br /> padding: 5px<br /> }<br /> <br /> .musicplayer audio,.infobox audio {<br /> max-width: 298px;<br /> margin-left: auto;<br /> margin-right: auto<br /> }<br /> <br /> .plink-template + a {<br /> margin-left: 0.25em<br /> }<br /> <br /> .plinkt-image {<br /> text-align: center<br /> }<br /> <br /> :root {<br /> --questdetails-header-background: #cfc2aa;<br /> --questdetails-header-background-alt: #cfbda1<br /> }<br /> <br /> .questdetails {<br /> width: 100%;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-collapse: separate<br /> }<br /> <br /> .questdetails th {<br /> text-align: left<br /> }<br /> <br /> .questdetails-header {<br /> padding: 0.5em 1em;<br /> background-color: var(--questdetails-header-background);<br /> width: 125px<br /> }<br /> <br /> .questdetails tr:nth-child(odd) .questdetails-header {<br /> background-color: var(--questdetails-header-background-alt)<br /> }<br /> <br /> .questdetails-info {<br /> padding-left: 1em;<br /> padding-right: 2em<br /> }<br /> <br /> ol.references,.reflist {<br /> font-size: 90%<br /> }<br /> <br /> .reflist {<br /> list-style-type: decimal<br /> }<br /> <br /> .reflist .references {<br /> font-size: 100%;<br /> list-style-type: inherit<br /> }<br /> <br /> .reflist-lower-alpha {<br /> list-style-type: lower-alpha<br /> }<br /> <br /> ol.references li:target,sup.reference:target {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .hideQuotes .refhide {<br /> display: none<br /> }<br /> <br /> .editnotice {<br /> font-size: 0.9em;<br /> padding-bottom: 0.75em;<br /> margin-bottom: 0.6em<br /> }<br /> <br /> .editnotice .editnotice-title {<br /> font-size: 1.2em;<br /> font-weight: bold;<br /> margin-bottom: 0.4em<br /> }<br /> <br /> <br /> <br /> <br /> .mw-message-box,.mw-message-box-error,.mw-message-box-warning,.mw-message-box-success,.usermessage {<br /> color: var(--text-color)<br /> }<br /> <br /> .messagebox {<br /> width: 65%;<br /> margin: 0.5em auto;<br /> border-left: 15px solid;<br /> border-color: var(--body-dark);<br /> background-color: var(--body-light);<br /> box-sizing: border-box<br /> }<br /> <br /> .messagebox.obsolete {<br /> background-color: var(--messagebox-obsolete-background);<br /> border-color: var(--messagebox-obsolete-border);<br /> color: var(--messagebox-obsolete-color)<br /> }<br /> <br /> .messagebox.obsolete a,.messagebox.obsolete a:visited,.messagebox.obsolete a:active {<br /> color: var(--messagebox-obsolete-link-color)<br /> }<br /> <br /> .messagebox.info {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border);<br /> color: var(--messagebox-info-color)<br /> }<br /> <br /> .messagebox.info a,.messagebox.info a:visited,.messagebox.info a:active {<br /> color: var(--messagebox-info-link-color)<br /> }<br /> <br /> .messagebox.action {<br /> background-color: var(--messagebox-action-background);<br /> border-color: var(--messagebox-action-border);<br /> color: var(--messagebox-action-color)<br /> }<br /> <br /> .messagebox.action a,.messagebox.action a:visited,.messagebox.action a:active {<br /> color: var(--messagebox-action-link-color)<br /> }<br /> <br /> .messagebox.warn {<br /> background-color: var(--messagebox-warn-background);<br /> border-color: var(--messagebox-warn-border);<br /> color: var(--messagebox-warn-color)<br /> }<br /> <br /> .messagebox.warn a,.messagebox.warn a:visited,.messagebox.warn a:active {<br /> color: var(--messagebox-warn-link-color)<br /> }<br /> <br /> .messagebox.safe {<br /> background-color: var(--messagebox-safe-background);<br /> border-color: var(--messagebox-safe-border);<br /> color: var(--messagebox-safe-color)<br /> }<br /> <br /> .messagebox.safe a,.messagebox.safe a:visited,.messagebox.safe a:active {<br /> color: var(--messagebox-safe-link-color)<br /> }<br /> <br /> .messagebox.disambig {<br /> background-color: var(--messagebox-disambig-background);<br /> border-color: var(--messagebox-disambig-border);<br /> color: var(--messagebox-disambig-color)<br /> }<br /> <br /> .messagebox.disambig a,.messagebox.disambig a:visited,.messagebox.disambig a:active {<br /> color: var(--messagebox-disambig-link-color)<br /> }<br /> <br /> .messagebox.discord {<br /> background-color: var(--messagebox-discord-background);<br /> border-color: var(--messagebox-discord-border);<br /> color: #fff<br /> }<br /> <br /> .messagebox.discord a,.messagebox.discord a:visited,.messagebox.discord a:active {<br /> color: var(--messagebox-discord-link-color)<br /> }<br /> <br /> .messagebox.discord a.external,.messagebox.discord a:visited.external,.messagebox.discord a:active.external {<br /> font-style: italic<br /> }<br /> <br /> .messagebox.stub {<br /> width: 40%<br /> }<br /> <br /> .messagebox.hasdialogue {<br /> padding: 0 10px;<br /> width: auto<br /> }<br /> <br /> :root {<br /> --ajaxpoll-background: #fafafa;<br /> --ajaxpoll-text-color: var(--byline-color);<br /> --ajaxpoll-answerbar-background: var(--body-light);<br /> --ajaxpoll-answerbar-border: var(--body-border)<br /> }<br /> <br /> .ajaxpoll {<br /> background: var(--ajaxpoll-background)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-hover-vote,.ajaxpoll .ajaxpoll-hover-revoke,.ajaxpoll .ajaxpoll-ajax {<br /> background: none<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote {<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote div {<br /> background: var(--ajaxpoll-answerbar-background);<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-our-vote div {<br /> border-color: #3c780a<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-misc,.ajaxpoll .ajaxpoll-info,.ajaxpoll .ajaxpoll-ajax {<br /> color: var(--ajaxpoll-text-color)<br /> }<br /> <br /> .ajaxpoll-id-info {<br /> display: none<br /> }<br /> <br /> .inventorytable,<br /> .lootingbagtable,<br /> .runepouchtable {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> height: auto;<br /> border-spacing: 0;<br /> border-collapse: separate;<br /> margin-top: 7px;<br /> margin-bottom: 7px;<br /> }<br /> <br /> .inventorytable.storage-left,<br /> .lootingbagtable.storage-left,<br /> .runepouchtable.storage-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .inventorytable.storage-center,<br /> .lootingbagtable.storage-center,<br /> .runepouchtable.storage-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .inventorytable.storage-right,<br /> .lootingbagtable.storage-right,<br /> .runepouchtable.storage-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .inventorytable td,<br /> .lootingbagtable td,<br /> .runepouchtable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> }<br /> <br /> .inventorytable {<br /> background-image: url(/images/e/e9/Inventory_tab.png);<br /> width: 204px;<br /> padding: 13px 16px 10px;<br /> }<br /> <br /> .inventorytable td {<br /> width: 43px;<br /> height: 36px;<br /> }<br /> <br /> .lootingbagtable {<br /> background-image: url(/images/7/78/Looting_bag_tab.png);<br /> width: 204px;<br /> padding: 31px 17px 20px 12px;<br /> }<br /> <br /> .lootingbagtable td {<br /> width: 44px;<br /> height: 32px;<br /> }<br /> <br /> .runepouchtable {<br /> background-image: url(/images/f/f1/Rune_pouch_background.png);<br /> width: 158px;<br /> padding: 24px 7px 6px;<br /> }<br /> <br /> .runepouchtable.storage-left {<br /> margin-left: 23px;<br /> }<br /> <br /> .runepouchtable.storage-right {<br /> margin-right: 23px;<br /> }<br /> <br /> .runepouchtable td {<br /> width: 32px;<br /> height: 32px;<br /> line-height: 1.6em;<br /> }<br /> <br /> .runepouchtable td.middle-rune {<br /> padding-left: 24px;<br /> padding-right: 24px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune {<br /> padding-left: 6px;<br /> padding-right: 6px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune {<br /> padding-left: 0;<br /> }<br /> <br /> .menagerietable {<br /> background-image: url(/images/9/9c/Menagerie_interface.png);<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> width: 300px;<br /> height: 250px;<br /> padding: 56px 28px 34px 6px;<br /> border-spacing: 0;<br /> }<br /> <br /> .menagerietable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> width: 46px;<br /> height: 32px;<br /> }<br /> <br /> .inventorytable .inv-quantity-text,<br /> .lootingbagtable .inv-quantity-text,<br /> .runepouchtable .inv-quantity-text,<br /> .equipment .inv-quantity-text {<br /> font-family: 'RuneScape Small';<br /> font-size: 12pt;<br /> position: absolute;<br /> top: -8px;<br /> left: 4px;<br /> text-shadow: #000 1px 1px;<br /> color: #ffff00;<br /> pointer-events: none;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-1,<br /> .lootingbagtable .inv-quantity-text.qty-1,<br /> .runepouchtable .inv-quantity-text.qty-1,<br /> .equipment .inv-quantity-text.qty-1 {<br /> color: #ffff00;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-100k,<br /> .lootingbagtable .inv-quantity-text.qty-100k,<br /> .runepouchtable .inv-quantity-text.qty-100k,<br /> .equipment .inv-quantity-text.qty-100k {<br /> color: #fff;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-10m,<br /> .lootingbagtable .inv-quantity-text.qty-10m,<br /> .runepouchtable .inv-quantity-text.qty-10m,<br /> .equipment .inv-quantity-text.qty-10m {<br /> color: #01ff80;<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {<br /> .inventorytable img,<br /> .lootingbagtable img,<br /> .runepouchtable img,<br /> .equipment img {<br /> image-rendering: pixelated;<br /> image-rendering: crisp-edges;<br /> }<br /> <br /> }<br /> <br /> .runepouchtable .inv-quantity-text {<br /> left: -1px;<br /> }<br /> <br /> .runepouchtable td.middle-rune .inv-quantity-text {<br /> left: 23px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune .inv-quantity-text {<br /> left: 5px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune .inv-quantity-text {<br /> left: 0;<br /> }<br /> <br /> .equipment .inv-quantity-text {<br /> top: -3px;<br /> }<br /> <br /> span.noted-item {<br /> width: 30px;<br /> height: 29px;<br /> text-align: center;<br /> display: inline-block;<br /> }<br /> <br /> span.noted-item a {<br /> width: 30px;<br /> height: 29px;<br /> }<br /> <br /> .noted-item a {<br /> background-image: url(/images/3/3a/Bank_note.png);<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> background-position: center;<br /> }<br /> <br /> td.noted-item a {<br /> width: 32px;<br /> line-height: 28px;<br /> }<br /> <br /> .noted-item img {<br /> transform: scale(0.65);<br /> }<br /> <br /> .equipment {<br /> background: #3e3529;<br /> border: 9px solid transparent;<br /> border-image-source: url(/images/c/c7/Interface_border.png);<br /> border-image-slice: 9;<br /> border-image-width: 9px;<br /> border-image-outset: 0;<br /> border-image-repeat: repeat;<br /> margin: 7px 0;<br /> padding: 0 2px 0 3px;<br /> }<br /> <br /> @media all and (max-width: 720px) {<br /> table.equipment {<br /> width: initial !important;<br /> }<br /> <br /> }<br /> <br /> .equipment-div,<br /> .equipment-div-buttons {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> position: relative;<br /> width: 175px;<br /> display: flex;<br /> }<br /> <br /> .equipment-div {<br /> background-image: url(/images/a/a7/Worn_equipment_tab_%28no_buttons%29.png);<br /> height: 222px;<br /> margin: 15px 0 14px;<br /> }<br /> <br /> .equipment-div-buttons {<br /> background-image: url(/images/e/e3/Worn_equipment_tab_%28borderless%29.png);<br /> height: 244px;<br /> margin: 4px 0 3px;<br /> }<br /> <br /> .equipment-blank {<br /> background-image: url(/images/c/cf/Blank_slot.png);<br /> width: 36px;<br /> height: 36px;<br /> }<br /> <br /> .equipment-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .equipment-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .equipment-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .equipment-stats,<br /> .equipment-ikod {<br /> font-family: RuneScape;<br /> font-size: 16px;<br /> line-height: 14px;<br /> color: #ff981f;<br /> text-shadow: 1px 1px 0 black;<br /> }<br /> <br /> td.equipment-stats b {<br /> font-family: RuneScape;<br /> font-weight: bold;<br /> display: block;<br /> margin-top: 2px;<br /> }<br /> <br /> td.equipment-stats data {<br /> display: block;<br /> padding-left: 8px;<br /> }<br /> <br /> td.equipment-stats data img {<br /> vertical-align: bottom;<br /> }<br /> <br /> td.equipment-ikod {<br /> max-width: 325px;<br /> }<br /> <br /> td.equipment-ikod em {<br /> font-style: normal;<br /> display: block;<br /> margin-bottom: 3px;<br /> }<br /> <br /> td.equipment-ikod b {<br /> font-weight: normal;<br /> color: white;<br /> }<br /> <br /> td.equipment-ikod strong {<br /> font-weight: normal;<br /> color: red;<br /> }<br /> <br /> td.equipment-ikod ul {<br /> list-style: none;<br /> margin: 0;<br /> }<br /> <br /> td.equipment-ikod li {<br /> display: inline-block;<br /> width: 32px;<br /> height: 32px;<br /> line-height: 32px;<br /> margin: 0;<br /> margin-right: 14px;<br /> }<br /> <br /> td.equipment-ikod img {<br /> cursor: help;<br /> }<br /> <br /> td.equipment-ikod hr {<br /> border-top: 1px solid #0e0e0c;<br /> border-bottom: 1px solid #474745;<br /> margin: 7px 0;<br /> }<br /> <br /> .equipment-plinkp {<br /> position: absolute;<br /> width: 36px;<br /> height: 36px;<br /> left: 0px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head,<br /> .equipment-cape,<br /> .equipment-neck,<br /> .equipment-ammo,<br /> .equipment-weapon,<br /> .equipment-torso,<br /> .equipment-shield,<br /> .equipment-legs,<br /> .equipment-gloves,<br /> .equipment-boots,<br /> .equipment-ring,<br /> .equipment-statsbutton,<br /> .equipment-ikodbutton {<br /> position: absolute;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head {<br /> left: 70px;<br /> top: 0px;<br /> }<br /> <br /> .equipment-cape {<br /> left: 29px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-neck {<br /> left: 70px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-ammo {<br /> left: 111px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-weapon {<br /> left: 14px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-torso {<br /> left: 70px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-shield {<br /> left: 126px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-legs {<br /> left: 70px;<br /> top: 118px;<br /> }<br /> <br /> .equipment-gloves {<br /> left: 14px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-boots {<br /> left: 70px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-ring {<br /> left: 126px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-statsbutton {<br /> top: 204px;<br /> left: 0px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> .equipment-ikodbutton {<br /> top: 204px;<br /> left: 90px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> :root {<br /> --transcript-border-color: #b4a36a;<br /> --transcript-border-hover-color: #876f1d;<br /> --transcript-strikethrough-color: #800000<br /> }<br /> <br /> .transcript {<br /> background: var(--body-light);<br /> border-radius: 0 0 120px 120px / 0 0 8px 8px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> max-width: 90ch;<br /> overflow: hidden;<br /> margin-bottom: 1em;<br /> padding: 0.5em 1em 1em;<br /> clear: left<br /> }<br /> <br /> .transcript.godletter {<br /> margin: 1em auto;<br /> padding: 1em 1.5em;<br /> max-width: 60ch<br /> }<br /> <br /> .quest-action {<br /> text-align: center;<br /> font-style: italic;<br /> margin: 0 5%<br /> }<br /> <br /> .quest-action:before,.quest-action:after {<br /> content: '———';<br /> margin: 4px;<br /> letter-spacing: -1px<br /> }<br /> <br /> .transcript-chatbox-image {<br /> display: inline-block;<br /> margin-right: 5px;<br /> position: relative;<br /> text-align: center;<br /> width: 32px<br /> }<br /> <br /> .transcript-chatbox-image + .transcript-chatbox-image {<br /> left: -10px;<br /> top: 10px;<br /> margin-right: 0<br /> }<br /> <br /> .transcript-opt::before {<br /> display: inline-block;<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> width: 7px;<br /> height: 10px;<br /> margin-right: 5px<br /> }<br /> <br /> .transcript-opt.disabled {<br /> filter: opacity(0.5)<br /> }<br /> <br /> .ns-120 .mw-parser-output s,.transcript s {<br /> text-decoration-color: var(--transcript-strikethrough-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output .template-colour,.transcript .template-colour {<br /> text-shadow: 1px 1px #000a<br /> }<br /> <br /> :root {<br /> --byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%);<br /> --tile-border-color: #596e96;<br /> --tile-background-color: #313e59;<br /> --tile-link-button-color: #222e45;<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255,255,255,0.7);<br /> --tile-dark-header-color: #fff<br /> }<br /> <br /> .tile {<br /> background: var(--tile-background-color);<br /> border: 1px solid var(--tile-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1.5em 2em 1em;<br /> max-width: 40em<br /> }<br /> <br /> .tile h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile.dark {<br /> color: var(--tile-dark-color);<br /> background: var(--tile-dark-bg);<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .tile.dark h2 {<br /> color: var(--tile-dark-header-color)<br /> }<br /> <br /> .tile.dark a {<br /> color: var(--tile-dark-link-color)<br /> }<br /> <br /> .tile.dark .byline {<br /> color: var(--tile-dark-byline-color)<br /> }<br /> <br /> .byline {<br /> font-size: 0.9em;<br /> color: var(--byline-color)<br /> }<br /> <br /> .byline a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .tile-row {<br /> display: flex;<br /> flex-flow: row wrap;<br /> margin-bottom: 1em<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-flow: row wrap;<br /> border: 1px solid var(--tile-border-color);<br /> background: var(--tile-background-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .tile-halves h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile-halves .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile-top {<br /> width: 100%;<br /> padding: 1.3rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-top.tile-image {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--byline-color);<br /> overflow: hidden;<br /> padding: 0;<br /> height: 13vw;<br /> max-height: 12em;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-halves:hover .tile-top.tile-image img {<br /> transform: scale(1.1);<br /> transition: 0.5s ease-out<br /> }<br /> <br /> .tile-top.tile-image a {<br /> width: 100%<br /> }<br /> <br /> .tile-top.tile-image img {<br /> width: 100%;<br /> object-fit: cover;<br /> max-height: 200px;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-top.tile-image span {<br /> width: 100%<br /> }<br /> <br /> .tile-bottom {<br /> background: var(--tile-background-color);<br /> border-top: 1px solid var(--tile-border-color);<br /> width: 100%;<br /> padding: 1rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-bottom.link-button {<br /> align-self: flex-end;<br /> padding: 0<br /> }<br /> <br /> .tile-bottom.link-button a {<br /> display: block;<br /> text-align: center;<br /> padding: 0.75em 1.5em 0.8em;<br /> text-decoration: none<br /> }<br /> <br /> .tile-bottom.read-more {<br /> background: var(--tile-link-button-color);<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile-bottom.read-more a {<br /> color: var(--byline-color);<br /> font-weight: bold;<br /> text-align: right<br /> }<br /> <br /> .tile-bottom.read-more:hover {<br /> background: var(--tile-link-button-highlight-color)<br /> }<br /> <br /> .tile-bottom.read-more:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .tile-bottom.read-more .arrow {<br /> filter: var(--byline-arrow-filter);<br /> margin-left: 0.4em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile.oswf-day {<br /> margin-left: 0.5em<br /> }<br /> <br /> .oswf-tile {<br /> margin: 1em<br /> }<br /> <br /> .oswf-tile.oswf-complete {<br /> opacity: 0.65<br /> }<br /> <br /> .oswf-tile .oswf-summary {<br /> font-size: 105%;<br /> line-height: 1.6;<br /> margin-top: -0.4em<br /> }<br /> <br /> .oswf-tile .oswf-img {<br /> display: block;<br /> max-width: 75px;<br /> float: right<br /> }<br /> <br /> .oswf-tile .oswf-img img {<br /> max-width: 100%;<br /> height: auto<br /> }<br /> <br /> .oswf-tile .oswf-guidance {<br /> border-top: 1px solid #eee;<br /> padding-top: 1em<br /> }<br /> <br /> body.page-Main_Page .mw-parser-output {<br /> max-width: 75em;<br /> margin: 0 auto;<br /> }<br /> <br /> body.page-Main_Page.action-view .catlinks,<br /> body.page-Main_Page.action-view #contentSub,<br /> body.page-Main_Page.action-view #siteNotice {<br /> display: none;<br /> }<br /> <br /> body.page-Main_Page h1 { display: none; }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> margin: 2.6em 1.75em 1.5em<br /> }<br /> <br /> .mainpage-header .header-intro {<br /> flex: 2<br /> }<br /> <br /> .mainpage-header .header-intro h1 {<br /> font-size: 2.5em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.15em<br /> }<br /> <br /> .mainpage-header .header-intro p {<br /> font-size: 1.1em;<br /> line-height: 1.7em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> flex: 1;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> margin-top: -1em<br /> }<br /> <br /> .mainpage-body {<br /> display: grid;<br /> grid-template-areas: &quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left right&quot;;<br /> gap: 0.9rem;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-body h2 a {<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-body .tile {<br /> padding-left: 1.75em;<br /> padding-right: 1.75em;<br /> max-width: 100%<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> width: 100%;<br /> margin-bottom: 0<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> display: grid;<br /> gap: 0.9rem<br /> }<br /> <br /> .mainpage-left {<br /> grid-area: left;<br /> flex: 2;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-left &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .mainpage-right {<br /> grid-area: right;<br /> flex: 1;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-right &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .arrow {<br /> background: url(/images/White-chevron.svg?b82be) no-repeat;<br /> display: inline-block;<br /> height: 0.7rem;<br /> width: 0.45rem;<br /> vertical-align: middle<br /> }<br /> <br /> .arrow.dark {<br /> filter: invert(80%)<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-area: update;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves {<br /> flex: 1;<br /> align-content: flex-start<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-bottom.link-button a {<br /> text-align: left;<br /> padding: 1rem 1.5rem 0.75rem<br /> }<br /> <br /> .mainpage-recent-updates h2 {<br /> margin: -0.5em 0 0.3em<br /> }<br /> <br /> .mainpage-recent-updates p:not(.byline) {<br /> font-size: 0.9em;<br /> line-height: 1.75em;<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-contents {<br /> grid-area: content;<br /> grid-template-columns: repeat(6,1fr)<br /> }<br /> <br /> .mainpage-contents .tile-halves {<br /> flex: 1<br /> }<br /> <br /> .mainpage-contents .tile-top {<br /> position: relative<br /> }<br /> <br /> .mainpage-contents h2 {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> .mainpage-contents .tile-bottom.link-button a {<br /> padding: 0.75em 0.2em<br /> }<br /> <br /> .mainpage-skills ul {<br /> columns: 3 9em;<br /> margin: 1em 0.7em 0.7em 1em<br /> }<br /> <br /> .mainpage-skills li {<br /> display: flex;<br /> margin-bottom: 0.29em<br /> }<br /> <br /> .mainpage-skills li a:first-child {<br /> border-radius: 2px;<br /> padding: 4px;<br /> width: 25px;<br /> height: 25px;<br /> text-align: center;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center<br /> }<br /> <br /> .mainpage-skills li a:last-child {<br /> flex: 1;<br /> display: flex;<br /> align-items: center;<br /> font-weight: bold;<br /> padding-left: 0.7em;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-skills li:hover a:first-child {<br /> border-radius: 2px 0 0 2px<br /> }<br /> <br /> .mainpage-skills li:hover a:last-child {<br /> color: rgba(255,255,255,0.9);<br /> border-radius: 0 2px 2px 0<br /> }<br /> <br /> .skill-agility a:first-child,.skill-melee a:first-child {<br /> background: #bc483d<br /> }<br /> <br /> .skill-agility:hover a:last-child,.skill-melee:hover a:last-child {<br /> background: #932419<br /> }<br /> <br /> .skill-ranged a:first-child {<br /> background: #748d36<br /> }<br /> <br /> .skill-ranged:hover a:last-child {<br /> background: #4c6215<br /> }<br /> <br /> .skill-magic a:first-child {<br /> background: #6274ab<br /> }<br /> <br /> .skill-magic:hover a:last-child {<br /> background: #304791<br /> }<br /> <br /> .skill-fishing a:first-child,.skill-fletching a:first-child {<br /> background: #3e8e9a<br /> }<br /> <br /> .skill-fishing:hover a:last-child,.skill-fletching:hover a:last-child {<br /> background: #1a6671<br /> }<br /> <br /> .skill-cooking a:first-child,.skill-thieving a:first-child {<br /> background: #91689e<br /> }<br /> <br /> .skill-cooking:hover a:last-child,.skill-thieving:hover a:last-child {<br /> background: #713684<br /> }<br /> <br /> .skill-farming a:first-child,.skill-woodcutting a:first-child {<br /> background: #59924f<br /> }<br /> <br /> .skill-farming:hover a:last-child,.skill-woodcutting:hover a:last-child {<br /> background: #306f25<br /> }<br /> <br /> .skill-mining a:first-child {<br /> background: #6385a8<br /> }<br /> <br /> .skill-mining:hover a:last-child {<br /> background: #315f8d<br /> }<br /> <br /> .skill-smithing a:first-child {<br /> background: #d2b244<br /> }<br /> <br /> .skill-smithing:hover a:last-child {<br /> background: #b69213<br /> }<br /> <br /> .popular-pages ul {<br /> display: grid;<br /> grid-template-columns: repeat(3,1fr);<br /> grid-gap: 0.6em;<br /> margin: 1em 0 0.7em 0<br /> }<br /> <br /> .mp-popular-page-light {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--button-background);<br /> transition: 100ms<br /> }<br /> <br /> .mp-popular-page-light a {<br /> flex: 1;<br /> display: block;<br /> color: #fff;<br /> font-weight: bold;<br /> text-align: center;<br /> text-decoration: none;<br /> padding: 0.7em 1em<br /> }<br /> <br /> .mp-popular-page-light:hover {<br /> filter: brightness(115%);<br /> transition: 100ms<br /> }<br /> <br /> .mainpage-discord {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-discord .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #5865f2;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-discord .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-discord .tile-bottom {<br /> background: #525ee0;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-discord .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-discord .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-discord .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-discord .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-youtube {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-youtube .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-youtube .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-youtube .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-youtube .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-youtube .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-youtube .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-youtube .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-rl {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-rl .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #383838;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-rl .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-rl .tile-bottom {<br /> background: #FF9300;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-rl .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-rl .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-rl .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-rl .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-twitter {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-twitter .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-twitter .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-twitter .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-twitter .twitter-logo {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-twitter .twitter-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-twitter .twitter-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-twitter .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .mainpage-editing {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-editing .tile-top {<br /> background: #222e45<br /> }<br /> <br /> .mainpage-editing .tile-bottom {<br /> background: #3980ab;<br /> border: none;<br /> padding: 0.8rem 1.5rem 0.4rem<br /> }<br /> <br /> .mainpage-editing h2,.mainpage-editing a {<br /> color: #fff<br /> }<br /> <br /> .mainpage-editing p {<br /> color: rgba(255,255,255,0.9)<br /> }<br /> <br /> .mainpage-editing ul {<br /> list-style-image: url(/images/Transparent-chevron.svg?20dcf)<br /> }<br /> <br /> .mainpage-poll .ajaxpoll {<br /> border: none;<br /> background: none;<br /> padding: 0;<br /> width: auto<br /> }<br /> <br /> .mainpage-trailblazer {<br /> grid-area: event<br /> }<br /> <br /> .mainpage-trailblazer .tb-logo {<br /> margin-bottom: 0.9rem<br /> }<br /> <br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-trailblazer .tile-row .tile-top {<br /> height: 20vw;<br /> min-height: 9em<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1200px) {<br /> .mainpage-contents {<br /> grid-template-columns:repeat(3,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1000px) {<br /> .mainpage-body {<br /> grid-template-areas:&quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left left&quot; &quot;right right right&quot;<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-top {<br /> height: 18vw;<br /> min-height: 9em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> display: none<br /> }<br /> <br /> .mainpage-left &gt; *:last-child,.mainpage-right &gt; *:last-child {<br /> margin-bottom: 0<br /> }<br /> <br /> .popular-pages ul {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-recent-updates {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: flex<br /> }<br /> <br /> .mainpage-contents {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background-color: var(--body-main);<br /> border-top-color: var(--body-border);<br /> box-shadow: none<br /> }<br /> <br /> .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,.mw-prefs-tabs &gt; .oo-ui-menuLayout-content &gt; .oo-ui-indexLayout-stackLayout &gt; .oo-ui-tabPanelLayout {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --rc-positive-color: #407813;<br /> --rc-negative-color: #b41e0f<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: var(--rc-positive-color)<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: var(--rc-negative-color)<br /> }<br /> <br /> .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {<br /> border-color: var(--body-border);<br /> background-color: var(--body-light);<br /> border-radius: 2px<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-menuSelectWidget-footer {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-tagItemWidget-popup-content {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-changeslist-legend,.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .client-js .mw-changeslist ul,.client-js .mw-changeslist table.mw-enhanced-rc {<br /> margin-left: 0<br /> }<br /> <br /> .mw-rcfilters-ui-watchlistTopSectionWidget-separator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-header {<br /> border-bottom-color: var(--ooui-interface);<br /> background-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-title {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-header {<br /> border-bottom-color: var(--ooui-interface-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-savedLinksListItemWidget-label {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted ul,.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted table.mw-enhanced-rc {<br /> margin-left: 1.5em<br /> }<br /> <br /> .page-Special_CreateAccount .mw-ui-container,.page-Special_UserLogin .mw-ui-container {<br /> max-width: 64rem;<br /> margin: 0 auto<br /> }<br /> <br /> .mw-number-text {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-body-content .mw-number-text h3 {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-indicator-mw-helplink a {<br /> background: none;<br /> padding: 0;<br /> display: flex;<br /> align-items: center<br /> }<br /> <br /> #mw-indicator-mw-helplink a::before {<br /> content: '';<br /> margin-right: 5px;<br /> -webkit-mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> background: var(--text-color);<br /> height: 20px;<br /> width: 20px<br /> }<br /> <br /> .results-info {<br /> color: inherit<br /> }<br /> <br /> .mw-search-profile-tabs {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> .search-types .current a {<br /> color: inherit<br /> }<br /> <br /> #mw-searchoptions {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> #mw-searchoptions .divider {<br /> border-color: var(--body-border)<br /> }<br /> <br /> #mw-searchoptions h4 {<br /> font-family: inherit<br /> }<br /> <br /> #mw-searchoptions .oo-ui-labelElement:nth-of-type(odd) {<br /> font-weight: bold<br /> }<br /> <br /> .searchresult {<br /> line-height: 1.5<br /> }<br /> <br /> .searchalttitle,#mw-search-interwiki li {<br /> font-size: 90%<br /> }<br /> <br /> .mw-search-result-data {<br /> color: var(--byline-color)<br /> }<br /> <br /> .page-Special_ListFiles a.image img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .page-Special_ListFiles .TablePager_col_thumb {<br /> text-align: center<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] {<br /> background-color: var(--body-main) !important;<br /> border-color: var(--wikitable-border) !important;<br /> margin-top: 0.5em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th,#editcount table[border=&quot;1&quot;] td {<br /> padding: 0.2em 0.4em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th {<br /> background-color: var(--wikitable-header-bg);<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] td {<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] tr:nth-child(odd) {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget {<br /> background-color: inherit<br /> }<br /> <br /> table.mw-interwikitable.body td.mw-interwikitable-local-yes {<br /> background-color: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .mw-protectedpages-unknown {<br /> color: var(--byline-color)<br /> }<br /> <br /> .watchlistredir,.allpagesredirect {<br /> font-style: italic<br /> }<br /> <br /> .allpagesredirect:after {<br /> color: var(--byline-color);<br /> content: &quot; (redirect)&quot;<br /> }<br /> <br /> .mw-apisandbox-toolbar {<br /> background: var(--body-main)<br /> }<br /> <br /> .oo-ui-menuOptionWidget .mw-apisandbox-flag {<br /> color: var(--byline-color)<br /> }<br /> <br /> tr.mw-abusefilter-list-disabled,tr.mw-abusefilter-list-disabled td {<br /> color: var(--byline-color)<br /> }<br /> <br /> table.mw-abuselog-details {<br /> background: var(--wikitable-bg);<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> table.mw-abuselog-details th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> table.mw-abuselog-details th,table.mw-abuselog-details td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-abusefilter-log-hidden-entry {<br /> color: var(--subtle-color)<br /> }<br /> <br /> body td.mw-abusefilter-history-changed {<br /> background: var(--table-no-background)<br /> }<br /> <br /> div.mw-abusefilter-editor,#mw-abusefilter-warn-preview,#mw-abusefilter-disallow-preview {<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-destfile-warning {<br /> border-color: var(--warningbox-border);<br /> color: var(--text-color);<br /> background-color: var(--warningbox-bg)<br /> }<br /> <br /> span.fileinput-button {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> ul.fileupload-results li.ful-success {<br /> background-color: var(--successbox-bg)<br /> }<br /> <br /> ul.fileupload-results li.ful-success a {<br /> color: var(--link-color)<br /> }<br /> <br /> ul.fileupload-results li.ful-error {<br /> background-color: var(--errorbox-bg)<br /> }<br /> <br /> #siteNotice {<br /> text-align: center<br /> }<br /> <br /> #siteNotice ul {<br /> list-style: none<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-body {<br /> margin: 0<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-close {<br /> float: none;<br /> text-align: right<br /> }<br /> <br /> .mw-dismissable-notice-close-parent {<br /> min-height: 1em<br /> }<br /> <br /> .mmg-xpline:after {<br /> content: ','<br /> }<br /> <br /> .mmg-xpline:last-child:after {<br /> content: ''<br /> }<br /> <br /> .mmg-itemline {<br /> display: block<br /> }<br /> <br /> .discussiontable th {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .discussiontable .topic,.discussiontable .edited,.discussiontable .edited-by,.discussiontable .rg-archive {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .dpltable {<br /> margin-top: -30px<br /> }<br /> <br /> .dpltable td {<br /> padding-left: 5px<br /> }<br /> <br /> .dpltable,.discussiontable {<br /> width: 100%<br /> }<br /> <br /> .dpltable .topic,.discussiontable .topic {<br /> width: 40%<br /> }<br /> <br /> .dpltable .edited,.discussiontable .edited,.dpltable .edited-by,.discussiontable .edited-by {<br /> width: 30%<br /> }<br /> <br /> .dpltable .rg-archive,.discussiontable .rg-archive {<br /> width: 20%<br /> }<br /> <br /> body.ns-110 #ca-talk {<br /> display: none<br /> }<br /> <br /> :root {<br /> --gemw-positive-color: #6bc71f;<br /> --gemw-unchanged-color: #3ea6e6;<br /> --gemw-negative-color: #ee4231;<br /> --gemw-historical-border-color: #000<br /> }<br /> <br /> .gemw-container {<br /> max-width: 60em;<br /> margin: 4em auto<br /> }<br /> <br /> .gemw-header {<br /> display: flex;<br /> border-left-width: 0.25em;<br /> border-left-style: solid;<br /> padding-left: 1em;<br /> margin-bottom: 3em<br /> }<br /> <br /> .gemw-header.positive {<br /> border-color: var(--gemw-positive-color)<br /> }<br /> <br /> .gemw-header.negative {<br /> border-color: var(--gemw-negative-color)<br /> }<br /> <br /> .gemw-header.unchanged {<br /> border-color: var(--gemw-unchanged-color)<br /> }<br /> <br /> .gemw-header .gemw-section-left {<br /> flex: 1<br /> }<br /> <br /> .gemw-header .gemw-name {<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> margin-bottom: 0<br /> }<br /> <br /> .gemw-header .gemw-name a {<br /> color: inherit<br /> }<br /> <br /> .gemw-header .gemw-examine {<br /> color: var(--byline-color);<br /> font-size: 1.05em;<br /> font-style: italic;<br /> margin: 0 1em 1.25em 0<br /> }<br /> <br /> .gemw-header .gemw-price {<br /> display: inline-block;<br /> font-size: 2.75em;<br /> font-weight: bold<br /> }<br /> <br /> .gemw-header .gemw-price::after {<br /> content: ' coins';<br /> color: var(--byline-color);<br /> font-size: 1rem;<br /> font-weight: normal;<br /> word-spacing: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-change {<br /> display: inline-block;<br /> font-size: 1rem;<br /> font-weight: bold;<br /> margin-left: 2em;<br /> word-spacing: 0.5em<br /> }<br /> <br /> .gemw-header .gemw-change img {<br /> vertical-align: baseline<br /> }<br /> <br /> .gemw-header .gemw-section-right {<br /> text-align: right<br /> }<br /> <br /> .gemw-header .gemw-updated {<br /> color: var(--byline-color);<br /> line-height: 1.5em;<br /> margin-top: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-time {<br /> color: var(--byline-color);<br /> font-weight: bold<br /> }<br /> <br /> .gemw-body {<br /> display: flex<br /> }<br /> <br /> .gemw-body .gemw-section-left {<br /> width: 40%;<br /> margin-right: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left dl {<br /> display: flex;<br /> flex-flow: row wrap;<br /> justify-content: space-between;<br /> margin-bottom: -1.25em<br /> }<br /> <br /> .gemw-body .gemw-section-left &gt; div {<br /> margin-top: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .gemw-body .gemw-property {<br /> width: 30%;<br /> border-top: 0.15em dotted var(--body-mid);<br /> padding-top: 0.25em;<br /> margin-bottom: 1.5em<br /> }<br /> <br /> .gemw-body .gemw-property dt {<br /> color: var(--byline-color);<br /> font-weight: normal<br /> }<br /> <br /> .gemw-body .gemw-property dd {<br /> font-weight: bold;<br /> margin: -0.25em 0 0<br /> }<br /> <br /> .gemw-body .gemw-links {<br /> color: var(--byline-color);<br /> margin-bottom: 0.35em<br /> }<br /> <br /> .gemw-body .gemw-section-right {<br /> width: 60%<br /> }<br /> <br /> .gemw-body .gemw-chart {<br /> color: #eceeee;<br /> font-size: 5em;<br /> text-align: center;<br /> line-height: 5em;<br /> position: relative<br /> }<br /> <br /> .gemw-body .gemw-chart .GEChartBox,.gemw-body .gemw-chart .GEdatachart {<br /> position: relative<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header.positive,.gemw-container.gemw-historical .gemw-header.negative,.gemw-container.gemw-historical .gemw-header.neutral,.gemw-container.gemw-historical .gemw-header.unchanged {<br /> border-color: var(--gemw-historical-border-color)<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-time .jsPurgeLink,.gemw-container.gemw-historical .gemw-header .gemw-time &gt; span.plainlinks {<br /> display: none<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-section-left:after {<br /> content: &quot;This is a historical item no longer available on the Grand Exchange. The data is preserved here as an archive.&quot;;<br /> font-style: italic<br /> }<br /> <br /> #overlay {<br /> display: none;<br /> background-color: var(--ooui-window-background);<br /> height: auto;<br /> width: auto;<br /> overflow: hidden;<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> bottom: 0;<br /> left: 0;<br /> z-index: 50<br /> }<br /> <br /> #GEchartpopup g.highcharts-label text &gt; a:visited,.GEdatachart g.highcharts-label text &gt; a:visited {<br /> fill: white<br /> }<br /> <br /> #GEchartpopup {<br /> background: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> border-radius: 2px;<br /> color: var(--ooui-text);<br /> position: fixed;<br /> left: 0;<br /> right: 0;<br /> top: 1em;<br /> bottom: 1em;<br /> margin: auto;<br /> padding: 1em;<br /> max-width: 975px;<br /> z-index: 52;<br /> overflow: auto<br /> }<br /> <br /> #GEchartpopup #closepopup {<br /> float: right;<br /> margin-bottom: 5px;<br /> z-index: 100<br /> }<br /> <br /> #GEchartpopup #itemstats {<br /> bottom: 50px;<br /> font-size: 11px;<br /> position: absolute;<br /> right: 45px;<br /> width: 200px;<br /> z-index: 10<br /> }<br /> <br /> #GEchartpopup #itemstats caption {<br /> cursor: pointer;<br /> text-align: right<br /> }<br /> <br /> #GEpopupchart {<br /> height: 500px<br /> }<br /> <br /> .highcharts-container .highcharts-range-selector {<br /> font-size: 11px<br /> }<br /> <br /> .GEPermLink {<br /> float: right;<br /> font-size: 14px<br /> }<br /> <br /> .GEPermLink ~ .GEdatachart {<br /> clear: right<br /> }<br /> <br /> form[id^=&quot;chartProperties&quot;] button {<br /> margin: 3px<br /> }<br /> <br /> .smallChart .highcharts-range-selector {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-button title + rect {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-title {<br /> white-space: nowrap !important<br /> }<br /> <br /> .smallChart .zoomButton,.smallChart svg &gt; text:first-of-type,.smallChart .highcharts-input-group {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-scrollbar,.mediumChart .highcharts-scrollbar {<br /> display: none<br /> }<br /> <br /> .highcharts-background,.highcharts-plot-background {<br /> fill: transparent<br /> }<br /> <br /> .highcharts-title,.highcharts-subtitle {<br /> color: var(--text-color) !important<br /> }<br /> <br /> .highcharts-axis-title {<br /> fill: var(--text-color) !important<br /> }<br /> <br /> .highcharts-yaxis-grid .highcharts-grid-line,.highcharts-tick,.highcharts-axis-line {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-axis-labels text,.highcharts-range-selector-group text {<br /> color: var(--ooui-text) !important;<br /> fill: var(--ooui-text) !important<br /> }<br /> <br /> .highcharts-label-box {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-button-box {<br /> fill: var(--ooui-normal)<br /> }<br /> <br /> .highcharts-navigator-outline {<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-track {<br /> fill: transparent;<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-button,.highcharts-scrollbar-thumb,.highcharts-navigator-handle {<br /> fill: var(--ooui-normal);<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-scrollbar-arrow {<br /> fill: var(--ooui-text)<br /> }<br /> <br /> .highcharts-scrollbar-rifles {<br /> stroke: var(--ooui-text)<br /> }<br /> <br /> #t-print,#t-permalink {<br /> display: none<br /> }<br /> <br /> .jcConfig {<br /> display: none<br /> }<br /> <br /> #filetoc {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> border-color: transparent;<br /> margin: 0.5em auto;<br /> text-align: center;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> .smwfact {<br /> display: none<br /> }<br /> <br /> .list-header {<br /> background-color: var(--body-mid);<br /> color: inherit<br /> }<br /> <br /> .editOptions {<br /> color: var(--text-color);<br /> background-color: var(--sourceeditor-background-secondary);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .updatedmarker {<br /> background-color: #c3e8a3;<br /> color: #162e02<br /> }<br /> <br /> .mw-json th,.mw-json td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-json td {<br /> background: var(--wikitable-bg)<br /> }<br /> <br /> .mw-json th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> <br /> html {<br /> -webkit-text-size-adjust: 100%<br /> }<br /> <br /> body {<br /> background: var(--body-background-image) var(--body-background-color) top left / 1500px 375px no-repeat;<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .vector-body {<br /> font-size: 0.9em<br /> }<br /> <br /> #firstHeading {<br /> font-weight: bold<br /> }<br /> <br /> pre,code,.mw-code {<br /> color: inherit;<br /> background-color: var(--mw-code-background-color);<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> dl {<br /> margin: 0<br /> }<br /> <br /> ul {<br /> list-style-image: var(--ul-list-style-image)<br /> }<br /> <br /> hr {<br /> background: none;<br /> border-color: var(--body-border);<br /> border-style: solid;<br /> border-width: 1px 0 0 0;<br /> height: initial<br /> }<br /> <br /> fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .vector-body blockquote {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --personal-links-bg: var(--body-main);<br /> --arrow-down: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5' fill='%23444'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading {<br /> background-color: var(--vector-tab-background);<br /> padding: 1em 0.75em 0.6923em;<br /> margin: 0<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading,.vector-menu-dropdown .vector-menu-heading:hover,.vector-menu-dropdown .vector-menu-heading:focus {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading:after {<br /> background-image: var(--arrow-down);<br /> opacity: 1<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-content {<br /> border-color: transparent;<br /> background-color: var(--body-light);<br /> box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);<br /> left: 0<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item a {<br /> color: var(--link-color)<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item.selected a,.vector-menu-dropdown .mw-list-item.selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> #p-personal {<br /> background: var(--personal-links-bg);<br /> top: 0;<br /> right: 0;<br /> border-radius: 0 0 0 4px;<br /> height: 1.875em<br /> }<br /> <br /> #p-personal ul {<br /> padding: 0 1em 0 0.4375em<br /> }<br /> <br /> .vector-search-box-inner {<br /> background: var(--search-box);<br /> height: 2.5em;<br /> margin-top: 0;<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-search-box-input {<br /> color: var(--text-color);<br /> height: 100%;<br /> border: none;<br /> background: none;<br /> padding-left: 0.75em<br /> }<br /> <br /> .vector-search-box-input::placeholder {<br /> color: var(--text-color);<br /> opacity: 0.67<br /> }<br /> <br /> .vector-search-box-inner:hover .vector-search-box-input,.vector-search-box-input:focus,.vector-search-box-inner:hover .vector-search-box-input:focus {<br /> border: none;<br /> box-shadow: none<br /> }<br /> <br /> :root {<br /> --searchbutton-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13'%3E%3Cg fill='none' stroke='%238cabe6' stroke-width='2'%3E%3Cpath d='M11.29 11.71l-4-4'/%3E%3Ccircle cx='5' cy='5' r='4'/%3E%3C/g%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .searchButton[name='go'] {<br /> background: no-repeat center var(--searchbutton-icon)<br /> }<br /> <br /> .vector-search-box {<br /> margin: 0<br /> }<br /> <br /> .vector-search-box form {<br /> margin-top: 0<br /> }<br /> <br /> .suggestions-results {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-result {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions a.mw-searchSuggest-link,.suggestions a.mw-searchSuggest-link:hover,.suggestions a.mw-searchSuggest-link:active,.suggestions a.mw-searchSuggest-link:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-special {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-special .special-label {<br /> color: var(--byline-color)<br /> }<br /> <br /> .suggestions-special .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current .special-label,.suggestions-result-current .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-panel {<br /> padding-top: 2.5em<br /> }<br /> <br /> .vector-menu-portal .vector-menu-heading {<br /> color: var(--background-text-color);<br /> font-weight: bold;<br /> background: none<br /> }<br /> <br /> .vector-menu-portal .vector-menu-content li a,.vector-menu-portal .vector-menu-content li a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-logo {<br /> filter: drop-shadow(0 2px 5px rgba(0,0,0,0.25));<br /> margin: -1.5em 0 0<br /> }<br /> <br /> #n-Discord a {<br /> color: #fff !important;<br /> font-weight: bold;<br /> border-radius: 4px;<br /> border: 1px solid #4c57d0;<br /> background-color: #5865f2;<br /> display: block;<br /> position: relative;<br /> padding: 4px 4px 5px calc(17px + 6.5px * 2);<br /> box-shadow: 0 2px 3px rgba(0,0,0,0.1);<br /> transition: 0.2s<br /> }<br /> <br /> #n-Discord a::before {<br /> content: 'Chat on ';<br /> font-weight: normal;<br /> opacity: 0.85<br /> }<br /> <br /> #n-Discord a::after {<br /> content: '';<br /> background: url(/images/0/06/Discord_logo_icon1.png) no-repeat;<br /> background-size: 17px 13px;<br /> filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));<br /> position: absolute;<br /> top: 5px;<br /> left: 7px;<br /> width: 17px;<br /> height: 13px<br /> }<br /> <br /> #n-Discord a:hover {<br /> text-decoration: none;<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a {<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a:hover {<br /> background-color: #4c57d0<br /> }<br /> <br /> :root {<br /> --vector-tab-background: var(--body-background-color);<br /> --vector-tab-background--hover: var(--body-mid);<br /> --vector-tab-link-color: var(--background-link-color);<br /> --watch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='transparent' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;);<br /> --unwatch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%238cabe6' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;)<br /> }<br /> <br /> .vector-menu-tabs-legacy {<br /> padding: 0<br /> }<br /> <br /> .vector-menu-tabs-legacy .new a,.vector-menu-tabs-legacy .new a:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected {<br /> background: var(--body-main)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected a,.vector-menu-tabs-legacy .selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy li a {<br /> color: var(--vector-tab-link-color);<br /> padding: 0 0.75em;<br /> padding-top: 1em<br /> }<br /> <br /> .vector-menu-tabs-legacy li a:visited {<br /> color: var(--vector-tab-link-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul li {<br /> background: var(--vector-tab-background)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul a:hover {<br /> text-decoration: none<br /> }<br /> <br /> #ca-view {<br /> display: none !important<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected):hover,#p-cactions:hover #p-cactions-label {<br /> background: var(--vector-tab-background--hover)<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected),#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-menu-tabs,.vector-menu-tabs a,#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> background-image: none<br /> }<br /> <br /> .ve-activated .vector-menu-tabs .selected {<br /> box-shadow: none<br /> }<br /> <br /> .vector-menu-tabs #ca-watch.icon a:before,.vector-menu-tabs #ca-watch.icon a:hover:before,.vector-menu-tabs #ca-watch.icon a:focus:before {<br /> background-image: var(--watch-icon)<br /> }<br /> <br /> .vector-menu-tabs #ca-unwatch.icon a:before,.vector-menu-tabs #ca-unwatch.icon a:hover:before,.vector-menu-tabs #ca-unwatch.icon a:focus:before {<br /> background-image: var(--unwatch-icon)<br /> }<br /> <br /> #p-Recent_changes {<br /> display: block<br /> }<br /> <br /> #p-Recent_changes .vector-menu-content {<br /> display: none<br /> }<br /> <br /> #p-Recent_changes .vector-menu-heading:after {<br /> content: '';<br /> position: relative;<br /> left: 0.5em;<br /> display: inline-block;<br /> background-color: #3c7b07;<br /> width: 6px;<br /> height: 6px;<br /> border-radius: 100%<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-item {<br /> position: relative;<br /> font-size: 0.75em;<br /> margin: 0.5em 0.25em 0 0.66em<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page {<br /> display: block;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden;<br /> max-width: max-content<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page,#p-Recent_changes .rc-sidebar-page:active,#p-Recent_changes .rc-sidebar-page:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user {<br /> color: var(--byline-color);<br /> margin: 0;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user a {<br /> color: inherit<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more {<br /> text-align: left<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more .rc-sidebar-page {<br /> display: inline-block<br /> }<br /> <br /> div.thumbinner {<br /> border: none;<br /> background-color: var(--thumb-bg);<br /> padding: 0<br /> }<br /> <br /> .thumbimage {<br /> background-color: transparent;<br /> border-color: transparent;<br /> border-bottom: none<br /> }<br /> <br /> .thumbcaption {<br /> background: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border)<br /> }<br /> <br /> .toc {<br /> font-size: 0.9em;<br /> background: var(--toc-bg);<br /> margin-top: 1em;<br /> padding: 0;<br /> border-color: var(--toc-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> clear: left<br /> }<br /> <br /> .toc .toctitle {<br /> background: var(--toc-title-bg);<br /> padding: 0.25em 1em<br /> }<br /> <br /> .toc .toctitle h2 {<br /> font-family: inherit<br /> }<br /> <br /> .toc &gt; ul {<br /> line-height: 1.8em;<br /> padding: 0.75em 1.75em;<br /> margin: 0<br /> }<br /> <br /> .toc ul ul {<br /> border-left: 1px dotted var(--toc-list-border-color);<br /> padding-left: 0.5em<br /> }<br /> <br /> .tocnumber {<br /> display: none<br /> }<br /> <br /> .toctogglespan {<br /> padding-left: 0.2em;<br /> font-size: 0.9em<br /> }<br /> <br /> .toctogglelabel {<br /> color: var(--link-color)<br /> }<br /> <br /> .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 {<br /> display: none<br /> }<br /> <br /> :root {<br /> --external-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238cabe6' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image: var(--external-icon);<br /> background-size: 0.833em<br /> }<br /> <br /> .mw-editsection {<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type),.mw-editsection-divider {<br /> color: var(--text-color)<br /> }<br /> <br /> #contentSub,#contentSub2 {<br /> color: var(--byline-color);<br /> margin: 0<br /> }<br /> <br /> #contentSub:not(:empty),#contentSub2:not(:empty) {<br /> margin: 0 0 1.4em 0<br /> }<br /> <br /> .mw-collapsible.mw-collapsed {<br /> min-width: 250px<br /> }<br /> <br /> .mw-collapsible:not(.mw-made-collapsible) th::before,.mw-collapsible .mw-collapsible-toggle {<br /> font-weight: normal;<br /> margin-left: 0.2em<br /> }<br /> .mw-collapsible-toggle-default .mw-collapsible-text {<br /> color: #8cabe6;<br /> }<br /> .wikiEditor-ui .wikiEditor-ui-view,.wikiEditor-ui .wikiEditor-ui-top {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar {<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab &gt; a,.wikiEditor-ui-toolbar .tabs span.tab &gt; a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a.current,.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br /> color: var(--text-colour)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select {<br /> background-color: var(--sourceeditor-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options .option {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group-search {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table td {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table th {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .section {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .group &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .tool &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet &gt; .index &gt; :hover {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet .index &gt; .current {<br /> background-color: var(--body-mid);<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span:hover {<br /> border-color: var(--body-dark);<br /> background-color: transparent<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a:before,.wikiEditor-ui-toolbar .group .tool-select .label:after {<br /> background: var(--text-color);<br /> -webkit-mask: var(--arrow-down) center no-repeat;<br /> mask: var(--arrow-down) center no-repeat<br /> }<br /> <br /> .ace-tm {<br /> background-color: var(--sourceeditor-input-background);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter {<br /> background: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-cell {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-active-line {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .ace_search {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ace_search_field {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .ace_searchbtn {<br /> border-color: var(--ooui-normal-border);<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ace_searchbtn:last-child {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .ace_searchbtn:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .ace_searchbtn.prev:after,.ace_searchbtn.next:after {<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .ace_button {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace_button:hover {<br /> background-color: rgba(0,23,70,0.086)<br /> }<br /> <br /> .ace_button:active {<br /> background-color: rgba(0,23,70,0.06)<br /> }<br /> <br /> .ace_button.checked {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .CodeMirror {<br /> background: var(--sourceeditor-input-background)<br /> }<br /> <br /> .CodeMirror pre {<br /> color: var(--text-color)<br /> }<br /> <br /> .codeEditor-status {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .codeEditor-status-message {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-gutters {<br /> background-color: var(--codemirror-gutter-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-linenumber {<br /> color: var(--text-color)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget .CodeMirror-linenumber {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-editform #wpTextbox1 {<br /> color: var(--text-color);<br /> background: var(--sourceeditor-input-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> input[name=&quot;model&quot;][value=&quot;Scribunto&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;css&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;less&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;javascript&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;json&quot;] ~ .wikiEditor-ui #wpTextbox1 {<br /> height: 600px<br /> }<br /> <br /> .tdg-templateDataDialog-listParamsPanel textarea.oo-ui-textInputWidget-autosized {<br /> resize: vertical<br /> }<br /> <br /> #wpAceFilterEditor {<br /> resize: horizontal<br /> }<br /> <br /> .warn-userupload,.ns-2 .upload-own-work {<br /> display: none<br /> }<br /> <br /> .ns-2 .warn-userupload {<br /> display: inline<br /> }<br /> <br /> textarea[name=&quot;wfUploadDescription&quot;] {<br /> height: 3em<br /> }<br /> <br /> #editform {<br /> margin-top: 1.25em<br /> }<br /> <br /> #mw-scribunto-input,#mw-scribunto-output {<br /> padding: 3px;<br /> font-family: monospace;<br /> font-size: 13px;<br /> line-height: 1.5em<br /> }<br /> <br /> #mw-scribunto-input {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> :root {<br /> --scribuntoconsole-input: #0b5884;<br /> --scibuntoconsole-print: #a48900;<br /> --scribuntoconsole-error: #9f261e;<br /> --scribuntoconsole-message: #3c780a;<br /> --scribuntoconsole-tabcomplete: #4f348b;<br /> --scribuntoconsole-clear: #9f261e<br /> }<br /> <br /> .mw-scribunto-console-fieldset {<br /> color: inherit;<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-scribunto-normalOutput,.mw-scribunto-print,.mw-scribunto-error,.mw-scribunto-propList,.mw-scribunto-message,.mw-scribunto-tabcomplete {<br /> background: none<br /> }<br /> <br /> .mw-scribunto-input {<br /> color: var(--scribuntoconsole-input)<br /> }<br /> <br /> .mw-scribunto-normalOutput {<br /> color: inherit<br /> }<br /> <br /> .mw-scribunto-print {<br /> color: var(--scibuntoconsole-print)<br /> }<br /> <br /> .mw-scribunto-error {<br /> color: var(--scribuntoconsole-error)<br /> }<br /> <br /> .mw-scribunto-propList,.mw-scribunto-message {<br /> color: var(--scribuntoconsole-message)<br /> }<br /> <br /> .mw-scribunto-tabcomplete {<br /> color: var(--scribuntoconsole-tabcomplete)<br /> }<br /> <br /> .mw-scribunto-clear {<br /> color: var(--scribuntoconsole-clear);<br /> border-bottom-color: var(--scribuntoconsole-clear)<br /> }<br /> <br /> .ui-widget-overlay {<br /> background: var(--ooui-window-background)<br /> }<br /> <br /> .ui-dialog,.ui-widget-content {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> background-image: none;<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar.ui-widget-header,.ui-widget-content .ui-dialog-titlebar.ui-widget-header {<br /> background-image: none !important;<br /> background-color: var(--body-dark) !important;<br /> border-color: var(--body-border) !important<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar .ui-dialog-title,.ui-widget-content .ui-dialog-titlebar .ui-dialog-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close,.ui-widget-content .ui-dialog-titlebar-close {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close:hover,.ui-widget-content .ui-dialog-titlebar-close:hover {<br /> background: var(--ooui-normal--hover);<br /> border: var(--link-color)<br /> }<br /> <br /> .ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {<br /> background: var(--ooui-normal) !important;<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border) !important<br /> }<br /> <br /> .ui-button:hover,.ui-state-default:hover,.ui-widget-content .ui-state-default:hover,.ui-widget-header .ui-state-default:hover {<br /> background: var(--ooui-normal--hover) !important;<br /> color: var(--ooui-text)<br /> }<br /> <br /> .infobox {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> font-size: 0.85em;<br /> width: 300px;<br /> margin: 0.5em 0 1em 1em;<br /> border-collapse: collapse;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> table-layout: fixed;<br /> word-break: break-word<br /> }<br /> <br /> .infobox .infobox-header {<br /> color: var(--infobox-text-color);<br /> font-size: 1.15em;<br /> line-height: 1.4em;<br /> background: var(--body-dark);<br /> padding: 0.5em 0<br /> }<br /> <br /> .infobox .infobox-header a {<br /> color: inherit;<br /> font-size: 1.15em;<br /> font-weight: bold<br /> }<br /> <br /> .infobox .infobox-subheader {<br /> background: var(--body-dark);<br /> color: var(--infobox-text-color);<br /> line-height: 2em<br /> }<br /> <br /> .infobox .infobox-subheader a {<br /> color: inherit<br /> }<br /> <br /> .infobox .infobox-subheader + .infobox-subheader {<br /> border-left: 2px solid var(--body-light)<br /> }<br /> <br /> .infobox .infobox-image {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-image.inventory-image {<br /> height: 32px<br /> }<br /> <br /> .infobox .infobox-image a.image + a.image {<br /> margin-left: 0.1em<br /> }<br /> <br /> .infobox .infobox-image img {<br /> max-width: 300px;<br /> height: auto<br /> }<br /> <br /> .infobox th:not(.infobox-header):not(.infobox-subheader):not(.infobox-nested) {<br /> text-align: right;<br /> vertical-align: top;<br /> border-right: 2px solid var(--body-dark);<br /> padding: 0.2em 0.5em<br /> }<br /> <br /> .infobox td {<br /> padding: 0.25em 0.5em;<br /> line-height: 1.6em<br /> }<br /> <br /> .infobox td.infobox-nested {<br /> padding: 0.25em 0;<br /> line-height: 1em<br /> }<br /> <br /> .infobox th ~ td {<br /> vertical-align: top<br /> }<br /> <br /> .infobox .infobox-padding {<br /> height: 0.5em;<br /> padding: 0;<br /> border: 0<br /> }<br /> <br /> .infobox .infobox-nested {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-nested + .infobox-nested {<br /> border-left: 2px solid var(--body-dark)<br /> }<br /> <br /> .infobox .infobox-cell-hidden {<br /> display: none<br /> }<br /> <br /> .infobox .infobox-full-width-content {<br /> max-width: 300px;<br /> text-align: center;<br /> overflow: hidden;<br /> padding: 0<br /> }<br /> <br /> .infobox .infobox-caption {<br /> font-weight: bold<br /> }<br /> <br /> .infobox select {<br /> max-width: 300px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .infobox-item .infobox-image {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .infobox.skill-info {<br /> float: none;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses {<br /> clear: left;<br /> float: none;<br /> word-break: break-word;<br /> font-size: 100%;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image {<br /> width: 125px;<br /> text-align: center;<br /> vertical-align: middle;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image-caption {<br /> font-size: 0.85em<br /> }<br /> <br /> .infobox-bonuses .infobox-subheader {<br /> width: 250px<br /> }<br /> <br /> .skill-info a[href$=&quot;?action=edit&quot;] + a[href$=&quot;?action=edit&quot;] {<br /> display: none<br /> }<br /> <br /> .poh-room {<br /> background-color: var(--infobox-room-poh-color);<br /> margin: auto;<br /> width: 100px<br /> }<br /> <br /> .poh-room img {<br /> display: block<br /> }<br /> <br /> .poh-room-row {<br /> display: flex<br /> }<br /> <br /> .poh-room-text {<br /> margin: auto;<br /> width: 92px<br /> }<br /> <br /> .infobox-buttons {<br /> text-align: center;<br /> max-width: 300px;<br /> display: none<br /> }<br /> <br /> .infobox-switch-resources {<br /> display: none<br /> }<br /> <br /> .switch-infobox .switch-infobox-triggers,.switch-infobox .loading-button {<br /> clear: left<br /> }<br /> <br /> .infobox-pure .max-hit-list a {<br /> display: inline-block;<br /> min-width: 32px;<br /> min-height: 32px;<br /> text-align: center<br /> }<br /> <br /> .advanced-data {<br /> display: none<br /> }<br /> <br /> .multi-infobox .infobox {<br /> margin: 0<br /> }<br /> <br /> :root {<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--body-dark);<br /> --navbox-group-title-background: var(--body-mid)<br /> }<br /> <br /> .navbox {<br /> font-size: 0.85em;<br /> background: var(--navbox-background);<br /> border-collapse: collapse;<br /> margin: 1em auto 0;<br /> width: 100%;<br /> clear: both;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .navbox img {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .navbox .navbox {<br /> font-size: 100%;<br /> margin: 0.5em auto 0;<br /> box-shadow: none<br /> }<br /> <br /> .navbox-title {<br /> font-size: 110%;<br /> line-height: 1.6em;<br /> background: var(--navbox-title-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-title-name {<br /> margin: 0 4em<br /> }<br /> <br /> .navbox-title .mw-collapsible-toggle {<br /> color: #fff;<br /> font-size: 0.9em;<br /> text-align: right<br /> <br /> }<br /> <br /> .navbox-title .navbox {<br /> font-size: 100%<br /> }<br /> <br /> .navbox-group:nth-child(2) {<br /> border-top: 1px solid var(--navbox-border)<br /> }<br /> <br /> .navbox-group-title {<br /> background: var(--navbox-group-title-background);<br /> border: 1px solid var(--navbox-border);<br /> border-width: 0 1px 1px 0;<br /> text-align: left;<br /> padding: 0.25em 1em;<br /> width: 1%;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list {<br /> border-bottom: 1px solid var(--navbox-border);<br /> padding: 0.25em 0.5em<br /> }<br /> <br /> .navbox-list ul {<br /> margin: 0<br /> }<br /> <br /> .navbox-list li {<br /> display: inline;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list li + li::before {<br /> content: '• '<br /> }<br /> <br /> .navbox-parent {<br /> padding: 0<br /> }<br /> <br /> .navbox-subgroup {<br /> border-collapse: collapse;<br /> border-spacing: 0;<br /> width: 100%<br /> }<br /> <br /> .navbox-subgroup &gt; tbody &gt; tr:last-child &gt; th,.navbox-subgroup &gt; tbody &gt; tr:last-child &gt; td {<br /> border-bottom: none<br /> }<br /> <br /> .navbox-footer {<br /> background: var(--navbox-footer-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-data {<br /> display: none<br /> }<br /> <br /> :root {<br /> --echo-icon-moon-bg-image: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='21' viewBox='0 0 21 21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.85464918.37900488c-1.91149353 1.51069427-3.13816124 3.84973402-3.13816124 6.47527736 0 4.55564936 3.69308349 8.24873286 8.24873286 8.24873286 2.5815709 0 4.8861545-1.1859235 6.3986798-3.0426994-.8206378 4.7389755-4.9523867 8.343122-9.9259291 8.343122-5.56375572 0-10.07407088-4.5103151-10.07407088-10.0740709 0-5.02506013 3.67919933-9.19079725 8.49074856-9.95036192z' fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-person-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213.836%22 viewBox=%220 0 12 13.836%22%3E %3Cpath fill='%234c4c4c' d=%22M1.938%2C6.656c-1.32%2C1.485-1.47%2C3.15-0.97%2C4.25c0.323%2C0.707%2C0.78%2C1.127%2C1.313%2C1.375 c0.496%2C0.229%2C1.074%2C0.273%2C1.658%2C0.282c0.023%2C0%2C0.04%2C0.03%2C0.062%2C0.03h4.187c0.61%2C0%2C1.225-0.125%2C1.75-0.405 c0.527-0.28%2C0.961-0.718%2C1.188-1.376c0.335-0.964%2C0.175-2.529-1.094-4.03C9.094%2C7.954%2C7.68%2C8.719%2C6.065%2C8.719 c-1.677%2C0-3.182-0.812-4.125-2.063H1.938z%22/%3E %3Cpath fill='%234c4c4c' d=%22M6.063%2C0c-1.89%2C0-3.595%2C1.674-3.594%2C3.563C2.467%2C5.45%2C4.173%2C7.155%2C6.06%2C7.155 c1.89%2C0%2C3.564-1.705%2C3.563-3.593C9.625%2C1.673%2C7.95%2C0%2C6.063%2C0L6.063%2C0z%22/%3E %3C/svg%3E&quot;);<br /> --echo-icon-bell-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebell%3C/title%3E%3Cpath d=%22M16 7a5.38 5.38 0 00-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 004 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 003-3H7a3 3 0 003 3z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-tray-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etray%3C/title%3E%3Cpath d=%22M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-fullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M1 1v6h2V3h4V1zm2 12H1v6h6v-2H3zm14 4h-4v2h6v-6h-2zm0-16h-4v2h4v4h2V1z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;);<br /> --echo-icon-exitFullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E exit fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M7 7V1H5v4H1v2zM5 19h2v-6H1v2h4zm10-4h4v-2h-6v6h2zm0-8h4V5h-4V1h-2v6z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-user-menu-legacy #pt-userpage a,.vector-user-menu-legacy #pt-anonuserpage {<br /> background-image: var(--echo-icon-person-bg-image);<br /> padding-top: 0;<br /> background-position-y: 0<br /> }<br /> <br /> .vector-user-menu-legacy #pt-anonuserpage {<br /> color: var(--byline-color)<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge,#pt-notifications-notice .mw-echo-notifications-badge {<br /> background-size: 75%;<br /> background-position: center 80%;<br /> background-repeat: no-repeat;<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .oo-ui-icon-bell {<br /> background-image: var(--echo-icon-bell-bg-image)<br /> }<br /> <br /> #pt-notifications-notice .oo-ui-icon-tray {<br /> background-image: var(--echo-icon-tray-bg-image)<br /> }<br /> <br /> #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-exitFullscreen-bg-image)<br /> }<br /> <br /> body.wgl-fixedWidth #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-fullscreen-bg-image)<br /> }<br /> <br /> #pt-theme-toggles .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-moon-bg-image)<br /> }<br /> <br /> #pt-anontalk {<br /> padding-top: 0.6em<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul {<br /> margin: 5px 0 0 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> margin: 5px 0 0 15px<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul,.ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> list-style: none;<br /> border-left: 1px dashed var(--transcript-border-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul:hover,.transcript &gt; ul:hover,.ns-120 .mw-parser-output &gt; ul ul:hover,.transcript &gt; ul ul:hover,.ns-120 .mw-parser-output &gt; ul ol:hover,.transcript &gt; ul ol:hover {<br /> border-color: var(--transcript-border-hover-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li,.transcript &gt; ul li,.ns-120 .mw-parser-output &gt; ul ul li,.transcript &gt; ul ul li,.ns-120 .mw-parser-output &gt; ul ol li,.transcript &gt; ul ol li {<br /> flex-direction: column;<br /> padding-left: 15px;<br /> margin: 14px 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li:last-of-type,.transcript &gt; ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ul li:last-of-type,.transcript &gt; ul ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ol li:last-of-type,.transcript &gt; ul ol li:last-of-type {<br /> margin-bottom: 0<br /> }<br /> <br /> .nodesktop {<br /> display: none<br /> }<br /> <br /> /*<br /> The following styles were used as a temporary fix for TabberNeue.<br /> We're currently using old Tabber because TabberNeue breaks if a tab<br /> dynamically changes size, such as multi-infobox.<br /> */<br /> <br /> :root {<br /> --tabber-inactive-tab-bg: #222e45;<br /> --tabber-fade-scroll: linear-gradient(to bottom,rgba(226,219,200,0),#d8ccb4 95%,#94866d);<br /> }<br /> <br /> .tabber__tabs {<br /> gap: 1px;<br /> }<br /> <br /> .tabber__tab {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> padding: 0.5em 0.8em;<br /> border: 1px solid var(--body-border);<br /> border-bottom: 0;<br /> }<br /> <br /> .tabber__tabs .tabber__tab {<br /> color: var(--text-color);<br /> }<br /> <br /> /* Specific styles needed to override color on Minerva. */<br /> body.mediawiki .tabber a:visited, <br /> body.mediawiki .tabber image a:visited,<br /> body.mediawiki .tabber a:active, <br /> body.mediawiki .tabber image a:active {<br /> color: var(--text-color);<br /> }<br /> <br /> .tabber__tab:active {<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab:hover {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab--active, .tabber__tab--active:visited {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__header, .tabber__section, .tabber__tabs {<br /> scroll-behavior: unset;<br /> box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* Add box shadow to tabber header */<br /> }<br /> <br /> .tabber__panel {<br /> /* Hide non-active tabs. */<br /> /* display:none conflicted with tabber somehow and hid all tabs. */<br /> width: 250;<br /> }<br /> <br /> .tabber__panel.tabber__panel--active {<br /> width: 300;<br /> }<br /> <br /> .tabber__section {<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> overflow-y: scroll;<br /> padding-bottom: 30px; /* only necessary for fade scroll hack */<br /> height: auto; /* Example height */<br /> width: auto; /* Example width */<br /> max-width: 1300px; /* Example max-width */<br /> }<br /> <br /> .tabber__panel {<br /> padding: 1em 1.5em;<br /> }<br /> <br /> .wikitable.hover th:hover {<br /> cursor: help;<br /> /* Add any additional styles specific to hovering over table headers */<br /> }<br /> <br /> /* Hover Box for switching the visibility of the selected item */<br /> .hoverbox { <br /> display:inline-block; <br /> padding:0em; <br /> color: white; /* Change this to the desired color */<br /> }<br /> <br /> .hoverbox .hoveritem { <br /> display:none; <br /> margin:0em; <br /> padding:0em; <br /> }<br /> <br /> .hoverbox .hoveritem.selected { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem.selected { <br /> display:none; <br /> }<br /> /* Style for the entire tier list */<br /> .tierlist {<br /> display: flex;<br /> gap: 20px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* Style for individual tiers */<br /> .tier {<br /> border: 1px solid #ccc;<br /> padding: 10px;<br /> width: 200px;<br /> min-height: 150px;<br /> background: #f9f9f9;<br /> border-radius: 8px;<br /> }<br /> <br /> /* Title for each tier */<br /> .tier h3 {<br /> text-align: center;<br /> margin-top: 0;<br /> }<br /> <br /> /* Style for the sortable list */<br /> .sortable {<br /> list-style: none;<br /> padding: 0;<br /> margin: 0;<br /> min-height: 50px;<br /> }<br /> <br /> /* Style for the dropdown selector */<br /> .tier-selector {<br /> width: 100%;<br /> padding: 5px;<br /> margin-top: 5px;<br /> }<br /> .collection-log-wrapper {<br /> margin: 10px 0;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .collection-log-killcount {<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> }<br /> <br /> .collection-log-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6, 48px);<br /> gap: 4px;<br /> padding: 6px 0;<br /> }<br /> <br /> <br /> .collection-log-item {<br /> width: 48px;<br /> height: 48px;<br /> border: 2px solid transparent; /* border only on container */<br /> border-radius: 4px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> position: relative;<br /> background-color: #1a2a3a;<br /> box-sizing: border-box;<br /> }<br /> <br /> .collection-log-item.obtained {<br /> border-color: #4caf50;<br /> background-color: #224422;<br /> }<br /> <br /> .collection-log-item.missing {<br /> border-color: #ffc107;<br /> background-color: #3a2a1a;<br /> }<br /> <br /> .collection-log-item img {<br /> max-width: 36px;<br /> max-height: 36px;<br /> object-fit: contain;<br /> border-radius: 2px;<br /> border: none; /* remove border here */<br /> opacity: 1;<br /> filter: none;<br /> }<br /> <br /> .collection-log-item.missing img {<br /> opacity: 0.3;<br /> filter: grayscale(100%);<br /> }<br /> <br /> .collection-log-qty-badge {<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> background: rgba(0, 0, 0, 0.7);<br /> color: white;<br /> font-size: 12px;<br /> font-weight: bold;<br /> line-height: 1;<br /> padding: 1px 4px;<br /> border-radius: 3px 0 0 0;<br /> user-select: none;<br /> }<br /> .collection-log-killcount-box {<br /> border: 2px solid black;<br /> background-color: #534d41;<br /> color: cyan;<br /> padding: 0.5em 1em;<br /> margin-bottom: 8px;<br /> text-align: center;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .ace_keyword { color: #c586c0 !important; }<br /> .ace_string { color: #ce9178 !important; }<br /> .ace_comment { color: #6a9955 !important; font-style: italic; }<br /> .ace_function { color: #dcdcaa !important; }<br /> .ace_constant { color: #569cd6 !important; }<br /> <br /> .mw-highlight .nf {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> .mw-highlight .nc {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> <br /> /* Highlight row on hover */<br /> .wikitable.lighttable tr:hover {<br /> background-color: #526382; /* dark blue highlight */<br /> color: #ffffff; /* readable text */<br /> }<br /> .custom-dropdown { position: relative; width: 150px; cursor: pointer; }<br /> .custom-dropdown .selected { background: #313e59; color: white; padding: 5px; border-radius: 4px; }<br /> .custom-dropdown .options { display: none; position: absolute; background: #222e45; top: 100%; left: 0; width: 100%; border-radius: 4px; z-index: 10; }<br /> .custom-dropdown .options div { padding: 5px; display: flex; align-items: center; }<br /> .custom-dropdown .options div:hover { background: #313e59; }<br /> .custom-dropdown .options div img.icon { width:16px; height:16px; margin-right:5px; }<br /> <br /> /* =========================<br /> Tier List<br /> ========================= */<br /> <br /> <br /> /* Main wrapper */<br /> <br /> .tier-list {<br /> margin:0;<br /> padding:0;<br /> }<br /> <br /> <br /> /* Tier rows */<br /> <br /> .tier-row {<br /> display:flex;<br /> height:78px;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> <br /> /* Tier labels */<br /> <br /> .tier-label {<br /> width:70px;<br /> min-width:70px;<br /> height:78px;<br /> <br /> display:flex;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> font-size:48px;<br /> line-height:1;<br /> font-weight:bold;<br /> color:white;<br /> <br /> box-sizing:border-box;<br /> }<br /> <br /> <br /> /* Tier colours */<br /> <br /> .tier-s {<br /> background:#ff7f7f;<br /> }<br /> <br /> .tier-a {<br /> background:#ffbf7f;<br /> }<br /> <br /> .tier-b {<br /> background:#ffdf7f;<br /> }<br /> <br /> .tier-c {<br /> background:#ffff7f;<br /> color:black;<br /> }<br /> <br /> .tier-d {<br /> background:#bfff7f;<br /> }<br /> <br /> .tier-f {<br /> background:#7fbfff;<br /> }<br /> <br /> <br /> /* Drop areas */<br /> <br /> .tier-items {<br /> flex:1;<br /> height:78px;<br /> <br /> display:flex;<br /> align-items:center;<br /> flex-wrap:wrap;<br /> <br /> padding:3px;<br /> gap:3px;<br /> <br /> background:#222;<br /> border:1px dashed #777;<br /> <br /> margin:0 !important;<br /> box-sizing:border-box;<br /> }<br /> <br /> <br /> /* =========================<br /> Items<br /> ========================= */<br /> <br /> .tier-item {<br /> width:64px;<br /> height:64px;<br /> <br /> display:flex !important;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> cursor:grab;<br /> border-radius:5px;<br /> overflow:hidden;<br /> <br /> line-height:0;<br /> flex-shrink:0;<br /> }<br /> <br /> <br /> .tier-item:active {<br /> cursor:grabbing;<br /> }<br /> <br /> <br /> /* MediaWiki wrapper fixes */<br /> <br /> .tier-item p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> display:flex !important;<br /> line-height:0 !important;<br /> }<br /> <br /> .tier-item span {<br /> display:flex !important;<br /> }<br /> <br /> .tier-item a {<br /> display:flex !important;<br /> <br /> width:64px;<br /> height:64px;<br /> <br /> align-items:center;<br /> justify-content:center;<br /> }<br /> <br /> <br /> /* Images */<br /> <br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> display:block !important;<br /> <br /> width:64px !important;<br /> height:64px !important;<br /> <br /> max-width:64px !important;<br /> max-height:64px !important;<br /> <br /> object-fit:contain !important;<br /> <br /> image-rendering:pixelated;<br /> image-rendering:crisp-edges;<br /> }<br /> <br /> <br /> /* =========================<br /> Reward Pool<br /> ========================= */<br /> <br /> .reward-pool {<br /> display:flex;<br /> flex-wrap:wrap;<br /> <br /> gap:5px;<br /> padding:5px;<br /> margin:8px 0;<br /> }<br /> <br /> <br /> /* =========================<br /> Rarity backgrounds<br /> ========================= */<br /> <br /> .gold-item {<br /> background:rgba(212,175,55,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .silver-item {<br /> background:rgba(192,192,192,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .bronze-item {<br /> background:rgba(205,127,50,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> <br /> /* =========================<br /> MediaWiki spacing fixes<br /> ========================= */<br /> <br /> .tier-list p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .tier-list p br {<br /> display:none !important;<br /> }<br /> <br /> <br /> /* =========================<br /> Prevent hover shifting<br /> ========================= */<br /> <br /> .tier-item,<br /> .tier-item a,<br /> .tier-item span,<br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> transform:none !important;<br /> }<br /> <br /> .tier-item a:hover,<br /> .tier-item img:hover,<br /> .tier-item .mw-file-element:hover {<br /> transform:none !important;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 .firstHeading {<br /> display:none;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 #contentSub {<br /> display:none !important;<br /> }<br /> <br /> /* =========================<br /> Smoothie's Debt Calculator<br /> ========================= */<br /> <br /> <br /> .debt-calculator {<br /> max-width:800px;<br /> margin:auto;<br /> text-align:center;<br /> }<br /> <br /> <br /> .debt-items {<br /> display:flex;<br /> justify-content:center;<br /> gap:30px;<br /> flex-wrap:wrap;<br /> }<br /> <br /> <br /> .debt-item {<br /> width:180px;<br /> <br /> padding:15px;<br /> <br /> background:#222;<br /> border:1px solid #555;<br /> border-radius:8px;<br /> <br /> display:flex;<br /> flex-direction:column;<br /> align-items:center;<br /> }<br /> <br /> <br /> .debt-item img,<br /> .debt-item .mw-file-element {<br /> width:64px;<br /> height:64px;<br /> <br /> object-fit:contain;<br /> image-rendering:pixelated;<br /> }<br /> <br /> <br /> .debt-item h3 {<br /> margin:10px 0;<br /> }<br /> <br /> <br /> .debt-item label {<br /> margin-top:8px;<br /> }<br /> <br /> <br /> .debt-item input {<br /> width:120px;<br /> <br /> text-align:center;<br /> <br /> margin-top:3px;<br /> }<br /> <br /> <br /> .debt-total {<br /> <br /> margin-top:1px;<br /> <br /> font-size:32px;<br /> font-weight:bold;<br /> <br /> }</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:SmoothiesDebtCalculator.js&diff=28923 2026-07-18T11:12:27Z

<p>Hefner: </p> <hr /> <div>(function () {<br /> <br /> <br /> function parseAmount(value) {<br /> <br /> value = value<br /> .toLowerCase()<br /> .replace(/,/g,&quot;&quot;)<br /> .trim();<br /> <br /> <br /> if (value.endsWith(&quot;b&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000000000;<br /> }<br /> <br /> <br /> if (value.endsWith(&quot;m&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000000;<br /> }<br /> <br /> <br /> if (value.endsWith(&quot;k&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000;<br /> }<br /> <br /> <br /> return Number(value) || 0;<br /> <br /> }<br /> <br /> <br /> <br /> function saveValues() {<br /> <br /> let fields = [<br /> &quot;pkp-amount&quot;,<br /> &quot;dp-price&quot;,<br /> &quot;dp-amount&quot;,<br /> &quot;credits-price&quot;,<br /> &quot;credits-amount&quot;<br /> ];<br /> <br /> <br /> fields.forEach(function(id){<br /> <br /> let input = document.getElementById(id);<br /> <br /> if(input){<br /> <br /> localStorage.setItem(<br /> &quot;smoothie-&quot; + id,<br /> input.value<br /> );<br /> <br /> }<br /> <br /> });<br /> <br /> }<br /> <br /> <br /> <br /> function loadValues() {<br /> <br /> let fields = [<br /> &quot;pkp-amount&quot;,<br /> &quot;dp-price&quot;,<br /> &quot;dp-amount&quot;,<br /> &quot;credits-price&quot;,<br /> &quot;credits-amount&quot;<br /> ];<br /> <br /> <br /> fields.forEach(function(id){<br /> <br /> let input = document.getElementById(id);<br /> <br /> let saved = localStorage.getItem(<br /> &quot;smoothie-&quot; + id<br /> );<br /> <br /> <br /> if(input &amp;&amp; saved !== null &amp;&amp; saved !== &quot;&quot;){<br /> <br /> input.value = saved;<br /> <br /> }<br /> <br /> });<br /> <br /> }<br /> <br /> <br /> <br /> function calculateDebt() {<br /> <br /> <br /> let totalBox = document.getElementById(&quot;total&quot;);<br /> <br /> <br /> if(!totalBox){<br /> return;<br /> }<br /> <br /> <br /> let pkp =<br /> parseAmount(<br /> document.getElementById(&quot;pkp-amount&quot;).value<br /> );<br /> <br /> <br /> let dp =<br /> parseAmount(<br /> document.getElementById(&quot;dp-price&quot;).value<br /> )<br /> *<br /> parseAmount(<br /> document.getElementById(&quot;dp-amount&quot;).value<br /> );<br /> <br /> <br /> let credits =<br /> parseAmount(<br /> document.getElementById(&quot;credits-price&quot;).value<br /> )<br /> *<br /> parseAmount(<br /> document.getElementById(&quot;credits-amount&quot;).value<br /> );<br /> <br /> <br /> let total = pkp + dp + credits;<br /> <br /> <br /> totalBox.innerHTML =<br /> Math.floor(total).toLocaleString() + &quot; PKP&quot;;<br /> <br /> }<br /> <br /> <br /> <br /> function createCalculator(){<br /> <br /> <br /> // Stop MediaWiki hook from rebuilding calculator<br /> if(document.getElementById(&quot;pkp-amount&quot;)){<br /> return;<br /> }<br /> <br /> <br /> let pkp = document.getElementById(&quot;pkp-inputs&quot;);<br /> let dp = document.getElementById(&quot;dp-inputs&quot;);<br /> let credits = document.getElementById(&quot;credits-inputs&quot;);<br /> <br /> <br /> if(!pkp || !dp || !credits){<br /> return;<br /> }<br /> <br /> <br /> <br /> pkp.innerHTML = `<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;pkp-amount&quot; type=&quot;text&quot; value=&quot;0&quot;&gt;<br /> <br /> `;<br /> <br /> <br /> <br /> dp.innerHTML = `<br /> <br /> &lt;label&gt;Trade Price (PKP)&lt;/label&gt;<br /> &lt;input id=&quot;dp-price&quot; type=&quot;text&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;dp-amount&quot; type=&quot;text&quot; value=&quot;0&quot;&gt;<br /> <br /> `;<br /> <br /> <br /> <br /> credits.innerHTML = `<br /> <br /> &lt;label&gt;Trade Price (PKP)&lt;/label&gt;<br /> &lt;input id=&quot;credits-price&quot; type=&quot;text&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;credits-amount&quot; type=&quot;text&quot; value=&quot;0&quot;&gt;<br /> <br /> `;<br /> <br /> <br /> <br /> // Make images not selectable with TAB<br /> document<br /> .querySelectorAll(&quot;.debt-calculator a&quot;)<br /> .forEach(function(link){<br /> <br /> link.setAttribute(<br /> &quot;tabindex&quot;,<br /> &quot;-1&quot;<br /> );<br /> <br /> });<br /> <br /> <br /> <br /> document<br /> .querySelectorAll(&quot;.debt-item input&quot;)<br /> .forEach(function(input){<br /> <br /> input.addEventListener(<br /> &quot;input&quot;,<br /> function(){<br /> <br /> calculateDebt();<br /> saveValues();<br /> <br /> }<br /> );<br /> <br /> });<br /> <br /> <br /> <br /> loadValues();<br /> <br /> calculateDebt();<br /> <br /> }<br /> <br /> <br /> <br /> mw.hook(&quot;wikipage.content&quot;).add(function(){<br /> <br /> createCalculator();<br /> <br /> });<br /> <br /> <br /> })();</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:SmoothiesDebtCalculator.js&diff=28922 2026-07-18T11:11:19Z

<p>Hefner: </p> <hr /> <div>(function () {<br /> <br /> <br /> function parseAmount(value) {<br /> <br /> value = value<br /> .toLowerCase()<br /> .replace(/,/g,&quot;&quot;)<br /> .trim();<br /> <br /> <br /> if (value.endsWith(&quot;b&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000000000;<br /> }<br /> <br /> <br /> if (value.endsWith(&quot;m&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000000;<br /> }<br /> <br /> <br /> if (value.endsWith(&quot;k&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000;<br /> }<br /> <br /> <br /> return Number(value) || 0;<br /> <br /> }<br /> <br /> <br /> <br /> function saveValues() {<br /> <br /> let fields = [<br /> &quot;pkp-amount&quot;,<br /> &quot;dp-price&quot;,<br /> &quot;dp-amount&quot;,<br /> &quot;credits-price&quot;,<br /> &quot;credits-amount&quot;<br /> ];<br /> <br /> <br /> fields.forEach(function(id){<br /> <br /> let input = document.getElementById(id);<br /> <br /> if(input){<br /> <br /> localStorage.setItem(<br /> &quot;smoothie-&quot; + id,<br /> input.value<br /> );<br /> <br /> }<br /> <br /> });<br /> <br /> }<br /> <br /> <br /> <br /> function loadValues() {<br /> <br /> let fields = [<br /> &quot;pkp-amount&quot;,<br /> &quot;dp-price&quot;,<br /> &quot;dp-amount&quot;,<br /> &quot;credits-price&quot;,<br /> &quot;credits-amount&quot;<br /> ];<br /> <br /> <br /> fields.forEach(function(id){<br /> <br /> let input = document.getElementById(id);<br /> <br /> let saved = localStorage.getItem(<br /> &quot;smoothie-&quot; + id<br /> );<br /> <br /> <br /> if(input &amp;&amp; saved !== null){<br /> <br /> input.value = saved;<br /> <br /> }<br /> <br /> });<br /> <br /> }<br /> <br /> <br /> <br /> function calculateDebt() {<br /> <br /> <br /> let totalBox = document.getElementById(&quot;total&quot;);<br /> <br /> if(!totalBox){<br /> return;<br /> }<br /> <br /> <br /> let pkp =<br /> parseAmount(<br /> document.getElementById(&quot;pkp-amount&quot;).value<br /> );<br /> <br /> <br /> let dp =<br /> parseAmount(<br /> document.getElementById(&quot;dp-price&quot;).value<br /> )<br /> *<br /> parseAmount(<br /> document.getElementById(&quot;dp-amount&quot;).value<br /> );<br /> <br /> <br /> let credits =<br /> parseAmount(<br /> document.getElementById(&quot;credits-price&quot;).value<br /> )<br /> *<br /> parseAmount(<br /> document.getElementById(&quot;credits-amount&quot;).value<br /> );<br /> <br /> <br /> let total = pkp + dp + credits;<br /> <br /> <br /> totalBox.innerHTML =<br /> Math.floor(total).toLocaleString() + &quot; PKP&quot;;<br /> <br /> }<br /> <br /> <br /> <br /> function createCalculator(){<br /> <br /> <br /> // Prevent duplicate creation<br /> if(document.getElementById(&quot;pkp-amount&quot;)){<br /> return;<br /> }<br /> <br /> <br /> let pkp = document.getElementById(&quot;pkp-inputs&quot;);<br /> let dp = document.getElementById(&quot;dp-inputs&quot;);<br /> let credits = document.getElementById(&quot;credits-inputs&quot;);<br /> <br /> <br /> if (!pkp || !dp || !credits) {<br /> return;<br /> }<br /> <br /> <br /> <br /> pkp.innerHTML = `<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;pkp-amount&quot; type=&quot;text&quot;&gt;<br /> <br /> `;<br /> <br /> <br /> <br /> dp.innerHTML = `<br /> <br /> &lt;label&gt;Trade Price (PKP)&lt;/label&gt;<br /> &lt;input id=&quot;dp-price&quot; type=&quot;text&quot;&gt;<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;dp-amount&quot; type=&quot;text&quot;&gt;<br /> <br /> `;<br /> <br /> <br /> <br /> credits.innerHTML = `<br /> <br /> &lt;label&gt;Trade Price (PKP)&lt;/label&gt;<br /> &lt;input id=&quot;credits-price&quot; type=&quot;text&quot;&gt;<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;credits-amount&quot; type=&quot;text&quot;&gt;<br /> <br /> `;<br /> <br /> <br /> <br /> // Images cannot be selected with TAB<br /> document<br /> .querySelectorAll(&quot;.debt-calculator a&quot;)<br /> .forEach(function(link){<br /> <br /> link.setAttribute(<br /> &quot;tabindex&quot;,<br /> &quot;-1&quot;<br /> );<br /> <br /> });<br /> <br /> <br /> <br /> document<br /> .querySelectorAll(&quot;.debt-item input&quot;)<br /> .forEach(function(input){<br /> <br /> input.addEventListener(<br /> &quot;input&quot;,<br /> function(){<br /> <br /> calculateDebt();<br /> saveValues();<br /> <br /> }<br /> );<br /> <br /> });<br /> <br /> <br /> <br /> loadValues();<br /> <br /> calculateDebt();<br /> <br /> }<br /> <br /> <br /> <br /> mw.hook(&quot;wikipage.content&quot;).add(function(){<br /> <br /> createCalculator();<br /> <br /> });<br /> <br /> <br /> })();</div>

Hefner https://wiki.roatpkz.com/index.php?title=User:Hefner/Sandbox14&diff=28921 2026-07-18T11:11:02Z

<p>Hefner: </p> <hr /> <div>__NOTOC__<br /> &lt;div class=&quot;debt-calculator&quot;&gt;<br /> <br /> &lt;h1&gt;Smoothie's Debt Calculator&lt;/h1&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-items&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:PKP.png|64px|link=]]<br /> <br /> &lt;h3&gt;PKP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;pkp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:Donator point.png|64px|link=]]<br /> <br /> &lt;h3&gt;DP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;dp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:$1_Donation_Credit.png|64px|link=]]<br /> <br /> &lt;h3&gt;Credits&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;credits-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-total&quot;&gt;<br /> <br /> &lt;span class=&quot;total-label&quot;&gt;TOTAL DEBT:&lt;/span&gt;<br /> <br /> &lt;span id=&quot;total&quot;&gt;0 PKP&lt;/span&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:SmoothiesDebtCalculator.js&diff=28920 2026-07-18T11:08:56Z

<p>Hefner: </p> <hr /> <div>(function () {<br /> <br /> <br /> function parseAmount(value) {<br /> <br /> value = value<br /> .toLowerCase()<br /> .replace(/,/g,&quot;&quot;)<br /> .trim();<br /> <br /> <br /> if (value.endsWith(&quot;b&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000000000;<br /> }<br /> <br /> <br /> if (value.endsWith(&quot;m&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000000;<br /> }<br /> <br /> <br /> if (value.endsWith(&quot;k&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000;<br /> }<br /> <br /> <br /> return Number(value) || 0;<br /> <br /> }<br /> <br /> <br /> <br /> function saveValues() {<br /> <br /> let fields = [<br /> &quot;pkp-amount&quot;,<br /> &quot;dp-price&quot;,<br /> &quot;dp-amount&quot;,<br /> &quot;credits-price&quot;,<br /> &quot;credits-amount&quot;<br /> ];<br /> <br /> <br /> fields.forEach(function(id){<br /> <br /> let input = document.getElementById(id);<br /> <br /> if(input){<br /> <br /> localStorage.setItem(<br /> &quot;smoothie-&quot; + id,<br /> input.value<br /> );<br /> <br /> }<br /> <br /> });<br /> <br /> }<br /> <br /> <br /> <br /> function loadValues() {<br /> <br /> let fields = [<br /> &quot;pkp-amount&quot;,<br /> &quot;dp-price&quot;,<br /> &quot;dp-amount&quot;,<br /> &quot;credits-price&quot;,<br /> &quot;credits-amount&quot;<br /> ];<br /> <br /> <br /> fields.forEach(function(id){<br /> <br /> let input = document.getElementById(id);<br /> <br /> let saved = localStorage.getItem(<br /> &quot;smoothie-&quot; + id<br /> );<br /> <br /> <br /> if(input &amp;&amp; saved !== null){<br /> <br /> input.value = saved;<br /> <br /> }<br /> <br /> });<br /> <br /> }<br /> <br /> <br /> <br /> function calculateDebt() {<br /> <br /> <br /> let pkp =<br /> parseAmount(<br /> document.getElementById(&quot;pkp-amount&quot;).value<br /> );<br /> <br /> <br /> let dp =<br /> parseAmount(<br /> document.getElementById(&quot;dp-price&quot;).value<br /> )<br /> *<br /> parseAmount(<br /> document.getElementById(&quot;dp-amount&quot;).value<br /> );<br /> <br /> <br /> let credits =<br /> parseAmount(<br /> document.getElementById(&quot;credits-price&quot;).value<br /> )<br /> *<br /> parseAmount(<br /> document.getElementById(&quot;credits-amount&quot;).value<br /> );<br /> <br /> <br /> let total = pkp + dp + credits;<br /> <br /> <br /> document.getElementById(&quot;total&quot;).innerHTML =<br /> Math.floor(total).toLocaleString() + &quot; PKP&quot;;<br /> <br /> <br /> let mercherFee = total * 0.08;<br /> <br /> <br /> document.getElementById(&quot;mercher-fee&quot;).innerHTML =<br /> Math.floor(mercherFee).toLocaleString() + &quot; PKP&quot;;<br /> <br /> }<br /> <br /> <br /> <br /> function createCalculator(){<br /> <br /> <br /> let pkp = document.getElementById(&quot;pkp-inputs&quot;);<br /> let dp = document.getElementById(&quot;dp-inputs&quot;);<br /> let credits = document.getElementById(&quot;credits-inputs&quot;);<br /> <br /> <br /> if (!pkp || !dp || !credits) {<br /> return;<br /> }<br /> <br /> <br /> <br /> pkp.innerHTML = `<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;pkp-amount&quot; type=&quot;text&quot;&gt;<br /> <br /> `;<br /> <br /> <br /> <br /> dp.innerHTML = `<br /> <br /> &lt;label&gt;Trade Price (PKP)&lt;/label&gt;<br /> &lt;input id=&quot;dp-price&quot; type=&quot;text&quot;&gt;<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;dp-amount&quot; type=&quot;text&quot;&gt;<br /> <br /> `;<br /> <br /> <br /> <br /> credits.innerHTML = `<br /> <br /> &lt;label&gt;Trade Price (PKP)&lt;/label&gt;<br /> &lt;input id=&quot;credits-price&quot; type=&quot;text&quot;&gt;<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;credits-amount&quot; type=&quot;text&quot;&gt;<br /> <br /> `;<br /> <br /> <br /> <br /> // Remove image links from tab order<br /> document<br /> .querySelectorAll(&quot;.debt-calculator a&quot;)<br /> .forEach(function(link){<br /> <br /> link.setAttribute(<br /> &quot;tabindex&quot;,<br /> &quot;-1&quot;<br /> );<br /> <br /> });<br /> <br /> <br /> <br /> document<br /> .querySelectorAll(&quot;.debt-item input&quot;)<br /> .forEach(function(input){<br /> <br /> input.addEventListener(<br /> &quot;input&quot;,<br /> function(){<br /> <br /> calculateDebt();<br /> saveValues();<br /> <br /> }<br /> );<br /> <br /> });<br /> <br /> <br /> <br /> loadValues();<br /> <br /> calculateDebt();<br /> <br /> }<br /> <br /> <br /> <br /> mw.hook(&quot;wikipage.content&quot;).add(function(){<br /> <br /> createCalculator();<br /> <br /> });<br /> <br /> <br /> })();</div>

Hefner https://wiki.roatpkz.com/index.php?title=User:Hefner/Sandbox14&diff=28919 2026-07-18T11:07:33Z

<p>Hefner: </p> <hr /> <div>__NOTOC__<br /> &lt;div class=&quot;debt-calculator&quot;&gt;<br /> <br /> &lt;h1&gt;Smoothie's Debt Calculator&lt;/h1&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-items&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:PKP.png|64px|link=]]<br /> <br /> &lt;h3&gt;PKP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;pkp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:Donator point.png|64px|link=]]<br /> <br /> &lt;h3&gt;DP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;dp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:$1_Donation_Credit.png|64px|link=]]<br /> <br /> &lt;h3&gt;Credits&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;credits-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-total&quot;&gt;<br /> <br /> TOTAL DEBT:<br /> <br /> &lt;span id=&quot;total&quot;&gt;0 PKP&lt;/span&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:SmoothiesDebtCalculator.js&diff=28918 2026-07-18T11:06:19Z

<p>Hefner: </p> <hr /> <div>(function () {<br /> <br /> <br /> function parseAmount(value) {<br /> <br /> value = value<br /> .toLowerCase()<br /> .replace(/,/g,&quot;&quot;)<br /> .trim();<br /> <br /> <br /> if (value.endsWith(&quot;b&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000000000;<br /> }<br /> <br /> <br /> if (value.endsWith(&quot;m&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000000;<br /> }<br /> <br /> <br /> if (value.endsWith(&quot;k&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000;<br /> }<br /> <br /> <br /> return Number(value) || 0;<br /> <br /> }<br /> <br /> <br /> <br /> function saveValues() {<br /> <br /> let fields = [<br /> &quot;pkp-amount&quot;,<br /> &quot;dp-price&quot;,<br /> &quot;dp-amount&quot;,<br /> &quot;credits-price&quot;,<br /> &quot;credits-amount&quot;<br /> ];<br /> <br /> <br /> fields.forEach(function(id){<br /> <br /> let input = document.getElementById(id);<br /> <br /> if(input){<br /> <br /> localStorage.setItem(<br /> &quot;smoothie-&quot; + id,<br /> input.value<br /> );<br /> <br /> }<br /> <br /> });<br /> <br /> }<br /> <br /> <br /> <br /> function loadValues() {<br /> <br /> let fields = [<br /> &quot;pkp-amount&quot;,<br /> &quot;dp-price&quot;,<br /> &quot;dp-amount&quot;,<br /> &quot;credits-price&quot;,<br /> &quot;credits-amount&quot;<br /> ];<br /> <br /> <br /> fields.forEach(function(id){<br /> <br /> let input = document.getElementById(id);<br /> <br /> let saved =<br /> localStorage.getItem(<br /> &quot;smoothie-&quot; + id<br /> );<br /> <br /> <br /> if(input &amp;&amp; saved !== null){<br /> <br /> input.value = saved;<br /> <br /> }<br /> <br /> });<br /> <br /> }<br /> <br /> <br /> <br /> function calculateDebt() {<br /> <br /> <br /> let pkp =<br /> parseAmount(<br /> document.getElementById(&quot;pkp-amount&quot;).value<br /> );<br /> <br /> <br /> let dp =<br /> parseAmount(<br /> document.getElementById(&quot;dp-price&quot;).value<br /> )<br /> *<br /> parseAmount(<br /> document.getElementById(&quot;dp-amount&quot;).value<br /> );<br /> <br /> <br /> let credits =<br /> parseAmount(<br /> document.getElementById(&quot;credits-price&quot;).value<br /> )<br /> *<br /> parseAmount(<br /> document.getElementById(&quot;credits-amount&quot;).value<br /> );<br /> <br /> <br /> let total = pkp + dp + credits;<br /> <br /> <br /> document.getElementById(&quot;total&quot;).innerHTML =<br /> Math.floor(total).toLocaleString() + &quot; PKP&quot;;<br /> <br /> <br /> <br /> let mercherFee = total * 0.08;<br /> <br /> <br /> document.getElementById(&quot;mercher-fee&quot;).innerHTML =<br /> Math.floor(mercherFee).toLocaleString() + &quot; PKP&quot;;<br /> <br /> }<br /> <br /> <br /> <br /> function createCalculator(){<br /> <br /> <br /> let pkp = document.getElementById(&quot;pkp-inputs&quot;);<br /> let dp = document.getElementById(&quot;dp-inputs&quot;);<br /> let credits = document.getElementById(&quot;credits-inputs&quot;);<br /> <br /> <br /> if (!pkp || !dp || !credits) {<br /> return;<br /> }<br /> <br /> <br /> <br /> pkp.innerHTML = `<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;pkp-amount&quot; type=&quot;text&quot; value=&quot;0&quot;&gt;<br /> <br /> `;<br /> <br /> <br /> <br /> dp.innerHTML = `<br /> <br /> &lt;label&gt;Trade Price (PKP)&lt;/label&gt;<br /> &lt;input id=&quot;dp-price&quot; type=&quot;text&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;dp-amount&quot; type=&quot;text&quot; value=&quot;0&quot;&gt;<br /> <br /> `;<br /> <br /> <br /> <br /> credits.innerHTML = `<br /> <br /> &lt;label&gt;Trade Price (PKP)&lt;/label&gt;<br /> &lt;input id=&quot;credits-price&quot; type=&quot;text&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;credits-amount&quot; type=&quot;text&quot; value=&quot;0&quot;&gt;<br /> <br /> `;<br /> <br /> <br /> <br /> document<br /> .querySelectorAll(&quot;.debt-item input&quot;)<br /> .forEach(function(input){<br /> <br /> input.addEventListener(<br /> &quot;input&quot;,<br /> function(){<br /> <br /> calculateDebt();<br /> saveValues();<br /> <br /> }<br /> );<br /> <br /> });<br /> <br /> <br /> <br /> loadValues();<br /> calculateDebt();<br /> <br /> }<br /> <br /> <br /> <br /> mw.hook(&quot;wikipage.content&quot;).add(function(){<br /> <br /> createCalculator();<br /> <br /> });<br /> <br /> <br /> })();</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:Common.css&diff=28917 2026-07-18T11:04:53Z

<p>Hefner: </p> <hr /> <div>:root {<br /> --body-background-image: url('filepath://Roat Pkz Wiki background darkmode1.jpg');<br /> --body-background-color: #071022;<br /> --body-main: #172136;<br /> --body-light: #313e59;<br /> --body-mid: #222e45;<br /> --body-dark: #222e45;<br /> --body-border: #596e96;<br /> --link-color: #8cabe6;<br /> --background-link-color: var(--link-color);<br /> --redlink-color: #f26d60;<br /> --text-color: #cbd9f4;<br /> --background-text-color: #cbd9f4;<br /> --byline-color: #98a2b6;<br /> --subtle-color: var(--byline-color);<br /> --search-box: var(--body-light);<br /> --admin-blue: #0087ff;<br /> --bearcat-green: #00ff55;<br /> --awb-purple: #f319ff;<br /> --sidebar: #222e45;<br /> --button-background: #617ebc;<br /> --button-dark: #617ebc;<br /> --button-border: #617ebc;<br /> --button-light: #617ebc;<br /> --wikitable-header-bg: #222e45;<br /> --wikitable-border: #172136;<br /> --wikitable-bg: #313e59;<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --wikitable-alternating-bg: #2a3651;<br /> --table-na-background: rgba(0, 0, 0, 0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #0b5884;<br /> --droptable-common-background: #3c780a;<br /> --droptable-uncommon-background: #a48900;<br /> --droptable-rare-background: #b55e0c;<br /> --droptable-veryrare-background: #9f261e;<br /> --droptable-random-background: #984c89;<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);<br /> --tile-border-color: var(--body-border);<br /> --tile-background-color: var(--body-light);<br /> --tile-link-button-color: var(--body-mid);<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255, 255, 255, 0.7);<br /> --tile-dark-header-color: #fff;<br /> --documentation-background: var(--body-light);<br /> --documentation-border: var(--sidebar);<br /> --documentation-link-color: var(--link-color);<br /> --documentation-headers-color: var(--text-color);<br /> --documentation-header-background: var(--body-dark);<br /> --documentation-subheader-background: #1f293e;<br /> --base-text-color: var(--text-color);<br /> --base-heading-color: var(--text-color);<br /> --base-heading-border: var(--sidebar);<br /> --mainpage-recent-updates-description-color: var(--text-color);<br /> --thumb-bg: var(--body-mid);<br /> --thumb-caption-bg: var(--body-light);<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid);<br /> --diff-addedline-background: #438ab5;<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-color: #fff;<br /> --diff-deletedline-background: #379541;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-color: #fff;<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: var(--errorbox-bg);<br /> --warningbox-border: var(--errorbox-border);<br /> --successbox-bg: #2e5e05;<br /> --successbox-border: #3c780a;<br /> --messagebox-obsolete-background: #464646;<br /> --messagebox-obsolete-border: #333;<br /> --messagebox-obsolete-color: #ddd;<br /> --messagebox-obsolete-link-color: #bbb;<br /> --messagebox-info-background: var(--messagebox-obsolete-background);<br /> --messagebox-info-border: var(--messagebox-obsolete-border);<br /> --messagebox-info-color: var(--messagebox-obsolete-color);<br /> --messagebox-info-link-color: var(--messagebox-obsolete-link-color);<br /> --messagebox-action-background: #45697d;<br /> --messagebox-action-border: #2d5266;<br /> --messagebox-action-color: var(--text-color);<br /> --messagebox-action-link-color: #b8d5e5;<br /> --messagebox-warn-background: #95271b;<br /> --messagebox-warn-border: #6b130a;<br /> --messagebox-warn-color: #f8ebe9;<br /> --messagebox-warn-link-color: #e8b8b3;<br /> --messagebox-safe-background: #1b8408;<br /> --messagebox-safe-border: #126802;<br /> --messagebox-safe-color: #e9f6e7;<br /> --messagebox-safe-link-color: #c1e0bb;<br /> --messagebox-disambig-background: var(--messagebox-obsolete-background);<br /> --messagebox-disambig-border: var(--messagebox-obsolete-border);<br /> --messagebox-disambig-color: var(--messagebox-obsolete-color);<br /> --messagebox-disambig-link-color: var(--messagebox-obsolete-link-color);<br /> --mw-code-background-color: #222e45;<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-mid);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border);<br /> --scribuntoconsole-input: #3ea6e6;<br /> --scibuntoconsole-print: #f9d000;<br /> --scribuntoconsole-error: #ee4231;<br /> --scribuntoconsole-message: #6bc71f;<br /> --scribuntoconsole-tabcomplete: #855cd8;<br /> --scribuntoconsole-clear: #ee4231;<br /> --blockquote-color: var(--text-color);<br /> --coins-color: #6bc71f;<br /> --coins-pos-color: #3ea6e6;<br /> --coins-neg-color: #ee4231;<br /> --questdetails-header-background: var(--body-dark);<br /> --questdetails-header-background-alt: var(--body-dark);<br /> --fact-text-color: #3ea6e6;<br /> --production-selected-background: #3c780a;<br /> --production-selected-color: #fff;<br /> --wikipedia-border: var(--body-border);<br /> --wikipedia-background: var(--body-light);<br /> --keypress-background: var(--body-light);<br /> --keypress-border: var(--body-border);<br /> --keypress-color: var(--text-color);<br /> --ajaxpoll-background: var(--body-light);<br /> --ajaxpoll-text-color: var(--base-text-color);<br /> --ajaxpoll-answerbar-background: var(--body-mid);<br /> --ajaxpoll-answerbar-border: var(--body-border);<br /> --rc-negative-color: #ee4231;<br /> --rc-positive-color: #6bc71f;<br /> --filter-black-to-link: invert(63%) sepia(67%) saturate(242%) hue-rotate(182deg) brightness(93%) contrast(94%);<br /> --transcript-border-color: #596e96;<br /> --transcript-border-hover-color: #8596b7;<br /> --transcript-strikethrough-color: #fff;<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--navbox-title-background);<br /> --navbox-group-title-background: var(--navbox-title-background);<br /> --infobox-bg: var(--body-light);<br /> --infobox-border: var(--body-border);<br /> --infobox-header: var(--body-dark);<br /> --infobox-subheader: var(--body-mid);<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #444e5a;<br /> --sourceeditor-input-background: var(--body-mid);<br /> --sourceeditor-background: var(--body-light);<br /> --sourceeditor-background-secondary: var(--body-mid);<br /> --sourceeditor-border: var(--body-main);<br /> --codemirror-gutter-background: var(--body-light);<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border);<br /> --vector-tab-background: #222e45;<br /> --vector-tab-background--hover: #293753;<br /> --vector-tab-link-color: var(--background-link-color);<br /> --lighttable-bg-hover: #3c780a;<br /> --lighttable-bg-active: #2e5e05;<br /> --lighttable-link-color: #c3e8a3;<br /> --personal-links-bg: rgba(7, 16, 34, 0.75);<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg, #315d30 0 20px, #13421e 20px 30px);<br /> --tbz-unlocked-border-color: #00e417;<br /> --tbz-locked-background-color: #8a2525;<br /> --tbz-locked-border-color: #b32828;<br /> --tbz-partial-unlock-background: #5a5a5a;<br /> --tbz-partial-unlock-border-color: #13421e;<br /> }<br /> <br /> <br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape.woff2?17907) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: bold;<br /> src: local(&quot;RuneScape Bold&quot;),local(&quot;RuneScape Bold 12&quot;),local(&quot;RuneScape Chat 2&quot;),local(&quot;RuneScape Chat&quot;),url(/images/RuneScape_Bold.woff2?514fd) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape Small';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape_Small.woff2?1ee0e) format('woff2')<br /> }<br /> <br /> :root {<br /> --base-text-color: #cbd9f4;<br /> --base-heading-color: #cbd9f4;<br /> --base-heading-border: #596e96;<br /> --mw-code-background-color: #222e45;<br /> --body-background-image: url(/images/b/b5/Roat_Pkz_Wiki_background_darkmode2.png)<br /> }<br /> <br /> #mw-page-base {<br /> background: none<br /> }<br /> <br /> .mw-body {<br /> background-color: var(--body-main);<br /> color: var(--text-color);<br /> border-color: transparent;<br /> box-shadow: 0 0 7px rgba(0,0,0,0.15);<br /> margin-top: 0<br /> }<br /> <br /> h1,h2,h3,h4,h5,h6 {<br /> color: var(--text-color)<br /> }<br /> <br /> h1,h2 {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-body h1,.mw-body-content h1,.mw-body-content h2,.mw-body-content h3,.mw-body-content h4,.mw-body-content h5,.mw-body-content h6 {<br /> font-family: 'PT Serif','Palatino','Georgia',serif<br /> }<br /> <br /> .mw-parser-output h2:first-of-type {<br /> clear: left<br /> }<br /> <br /> .mw-footer {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer li {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer a,.mw-footer a:active,.mw-footer a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> ::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> a {<br /> color: var(--link-color)<br /> }<br /> <br /> a:visited,a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> a.new {<br /> color: var(--redlink-color)<br /> }<br /> <br /> a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .mw-parser-output a.extiw,.mw-parser-output a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited,.mw-parser-output a.extiw:active,.mw-parser-output a.external:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .jsPurgeLink a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> a[href=&quot;/w/User:AndBot&quot;],a[href=&quot;/w/User:BisetteBot&quot;],a[href=&quot;/w/User:Bot50&quot;],a[href=&quot;/w/User:BotDiesel2m&quot;],a[href=&quot;/w/User:Bowl&quot;],a[href=&quot;/w/User:Catbot&quot;],a[href=&quot;/w/User:CookBot&quot;],a[href=&quot;/w/User:Cresbot&quot;],a[href=&quot;/w/User:CrowBot&quot;],a[href=&quot;/w/User:Data_Chompy&quot;],a[href=&quot;/w/User:GauBot&quot;],a[href=&quot;/w/User:Gaz_Bot&quot;],a[href=&quot;/w/User:Gaz_GEBot&quot;],a[href=&quot;/w/User:HabbletAWB&quot;],a[href=&quot;/w/User:JakesterwarsBot&quot;],a[href=&quot;/w/User:JaydenBot&quot;],a[href=&quot;/w/User:MuudyBot&quot;],a[href=&quot;/w/User:MB%C3%A5t&quot;],a[href=&quot;/w/User:New_user_message&quot;],a[href=&quot;/w/User:Quadrabot&quot;],a[href=&quot;/w/User:Redirect_fixer&quot;],a[href=&quot;/w/User:Riblet15_bot_account&quot;],a[href=&quot;/w/User:ShoyBot&quot;],a[href=&quot;/w/User:SlapChoppe&quot;],a[href=&quot;/w/User:Spinewielder&quot;],a[href=&quot;/w/User:WolaznikBot&quot;] {<br /> color: var(--awb-purple)<br /> }<br /> <br /> a[href=&quot;/w/User:Andmcadams&quot;],a[href=&quot;/w/User:BigDiesel2m&quot;],a[href=&quot;/w/User:Brok&quot;],a[href=&quot;/w/User:Cook_Me_Plox&quot;],a[href=&quot;/w/User:Fjara&quot;],a[href=&quot;/w/User:Gau_Cho&quot;],a[href=&quot;/w/User:Gaz_Lloyd&quot;],a[href=&quot;/w/User:Iiii_I_I_I&quot;],a[href=&quot;/w/User:Jayden&quot;],a[href=&quot;/w/User:Jeljo&quot;],a[href=&quot;/w/User:Joeytje50&quot;],a[href=&quot;/w/User:Legaia_2_Pla&quot;],a[href=&quot;/w/User:Ostentatio&quot;],a[href=&quot;/w/User:Riblet15&quot;],a[href=&quot;/w/User:Shayani&quot;],a[href=&quot;/w/User:Shoyrukon&quot;],a[href=&quot;/w/User:TehKittyCat&quot;],a[href=&quot;/w/User:Towelcat&quot;],a[href=&quot;/w/User:Wolaznik&quot;] {<br /> color: var(--admin-blue)<br /> }<br /> <br /> a[href=&quot;/w/User:Spineweilder&quot;],a[href=&quot;/w/User:Jakesterwars&quot;],a[href=&quot;/w/User:Julia&quot;] {<br /> color: var(--bearcat-green)<br /> }<br /> <br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> background: url(/images/Jagex_moderator_emblem.png?093b0) left no-repeat;<br /> padding-left: 15px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> #ca-nstab-user a {<br /> background: none<br /> }<br /> <br /> :root {<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: #801c13;<br /> --warningbox-border: #9f261e;<br /> --successbox-bg: #801c13;<br /> --successbox-border: #9f261e<br /> }<br /> <br /> .mw-message-box-error,.errorbox,.mw-message-box-warning,.warningbox,.mw-message-box-success,.successbox,.usermessage {<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw-message-box-error,.errorbox {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .mw-message-box-warning,.warningbox,.usermessage {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .mw-message-box-success,.successbox {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .catlinks {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-dark);<br /> padding: 8px 15px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .catlinks li {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .filehistory a img,#file img {<br /> background: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v16h8V8H0z' opacity='.13'/%3E%3C/svg%3E&quot;) repeat<br /> }<br /> <br /> #file img:hover {<br /> background: none<br /> }<br /> <br /> .mw-highlight {<br /> background: none<br /> }<br /> <br /> .mw-highlight .linenos {<br /> background-color: var(--mw-code-background-color);<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-highlight a:hover .linenos,.mw-highlight .hll a .linenos {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-content-ltr.mw-highlight-lines pre,.mw-content-ltr.content .mw-highlight-lines pre {<br /> box-shadow: inset 2.75em 0 0 var(--mw-code-background-color)<br /> }<br /> <br /> #pagehistory ul {<br /> list-style: none;<br /> margin: 0<br /> }<br /> <br /> #pagehistory li {<br /> border: 1px solid transparent;<br /> padding: 1px 10px;<br /> margin: 2px 0<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: var(--body-light);<br /> color: inherit;<br /> border: 1px dashed var(--body-border);<br /> outline: none<br /> }<br /> <br /> #mw-history-compare &gt; div:first-of-type {<br /> position: -webkit-sticky;<br /> position: sticky;<br /> top: 0;<br /> background-color: var(--body-main);<br /> border-bottom: 1px solid var(--body-dark);<br /> padding: 0.25em 0<br /> }<br /> <br /> .wgl-stickyheader #mw-history-compare &gt; div:first-of-type {<br /> top: 2.5rem<br /> }<br /> <br /> .autocomment,.autocomment a,.autocomment a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> li span.deleted,span.history-deleted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-usertoollinks-contribs-no-edits,.mw-usertoollinks-contribs-no-edits:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .CategoryTreeToggle {<br /> color: var(--link-color)<br /> }<br /> <br /> body.wgl-stickyheader.action-view .mw-headline:target::before {<br /> display: block;<br /> content: '';<br /> margin-top: -3rem;<br /> height: 3rem;<br /> visibility: hidden;<br /> pointer-events: none<br /> }<br /> <br /> .mw-mmv-post-image {<br /> color: var(--text-color);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-mmv-image-metadata {<br /> border-top-color: var(--body-mid);<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-mmv-dialog,.mw-mmv-dialog .mw-mmv-dialog-down-arrow,.mw-mmv-options-dialog .mw-mmv-dialog-down-arrow {<br /> background-color: var(--body-light);<br /> box-shadow: none<br /> }<br /> <br /> .mw-mmv-options-enable-alert {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-mmv-options-dialog-header,.mw-mmv-options-text-header,.mw-mmv-options-text-body,.mw-mmv-options-enable-alert,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-dialog-header,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-text-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-revslider-container {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-revslider-slider-wrapper {<br /> border-top-color: var(--sidebar)<br /> }<br /> <br /> .mw-ui-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):hover,.mw-ui-button:not(:disabled):active {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):focus {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button:not(:disabled):visited {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled) {<br /> background-color: var(--ooui-progressive);<br /> color: #fff;<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):active,.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: none<br /> }<br /> <br /> .mw-ui-button.mw-ui-destructive:not(:disabled) {<br /> color: #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-quiet,.mw-ui-button.mw-ui-quiet.mw-ui-progressive,.mw-ui-button.mw-ui-quiet.mw-ui-destructive {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:hover,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover {<br /> background-color: rgba(0,24,73,0.02745098);<br /> color: var(--text-color);<br /> border-color: transparent<br /> }<br /> <br /> input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:focus,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:active,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active {<br /> background-color: rgba(0,36,73,0.08235294);<br /> color: var(--text-color);<br /> border-color: #72777d<br /> }<br /> <br /> .mw-ui-input {<br /> background-color: var(--ooui-input);<br /> color: var(--text-color);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-ui-input:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-ui-input::placeholder {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child {<br /> padding: 0;<br /> background: 0<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child::before {<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> display: inline-block;<br /> width: 47px;<br /> height: 20px<br /> }<br /> <br /> :root {<br /> --wikitable-header-bg: var(--body-dark);<br /> --wikitable-border: var(--body-main);<br /> --wikitable-bg: var(--body-light);<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --table-na-background: rgba(0,0,0,0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #afeeee;<br /> --droptable-common-background: #56e156;<br /> --droptable-uncommon-background: #ffed4c;<br /> --droptable-rare-background: #ff863c;<br /> --droptable-veryrare-background: #ff6262;<br /> --droptable-random-background: #ffa3ff<br /> }<br /> <br /> .wikitable {<br /> background: var(--wikitable-bg);<br /> color: var(--wikitable-color);<br /> border-color: var(--wikitable-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; tr &gt; td,.wikitable &gt; * &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th.table-noborder,.wikitable &gt; tr &gt; td.table-noborder,.wikitable &gt; * &gt; tr &gt; th.table-noborder,.wikitable &gt; * &gt; tr &gt; td.table-noborder {<br /> border-left-style: hidden;<br /> border-right-style: hidden;<br /> padding-left: 0;<br /> padding-right: 0<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .tabber .wikitable {<br /> box-shadow: none<br /> }<br /> <br /> .table-bg-always,.table-bg-blue {<br /> background: var(--droptable-always-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-common,.table-bg-green {<br /> background: var(--droptable-common-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-uncommon,.table-bg-yellow {<br /> background: var(--droptable-uncommon-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-rare,.table-bg-orange {<br /> background: var(--droptable-rare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-veryrare,.table-bg-red {<br /> background: var(--droptable-veryrare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-random,.table-bg-pink {<br /> background: var(--droptable-random-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-fade {<br /> opacity: 0.6;<br /> background: rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw_metadata td,.mw_metadata th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw_metadata th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw_metadata td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable td,.mw-datatable th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw-datatable td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> table.alternating-rows tr:nth-child(odd),table.alternating-cols td:nth-child(odd) {<br /> background: var(--wikitable-alternating-bg)<br /> }<br /> <br /> .table-na {<br /> background: var(--table-na-background);<br /> color: var(--table-na-color);<br /> vertical-align: middle;<br /> text-align: center<br /> }<br /> <br /> .table-yes {<br /> background: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .table-positive {<br /> background: var(--table-yes-background)<br /> }<br /> <br /> .table-no {<br /> background: var(--table-no-background);<br /> color: var(--table-no-color)<br /> }<br /> <br /> .table-negative {<br /> background: var(--table-no-background)<br /> }<br /> <br /> .table-maybe {<br /> background: var(--table-maybe-background);<br /> color: var(--table-maybe-color)<br /> }<br /> <br /> #mw-allmessagestable .am_actual,#mw-allmessagestable .am_default {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> #mw-allmessagestable .am_default:hover,#mw-allmessagestable .am_actual:hover,#mw-allmessagestable tbody:hover td {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> table.wikitable td.no-cell-spacing {<br /> padding: 0;<br /> height: 0<br /> }<br /> <br /> table.wikitable td.no-cell-spacing table {<br /> margin: -1px;<br /> width: calc(100% + 2px);<br /> height: calc(100% + 2px)<br /> }<br /> <br /> .plainlist ol,.plainlist ul {<br /> margin: 0<br /> }<br /> <br /> .plainlist li {<br /> margin-bottom: 0;<br /> list-style: none<br /> }<br /> <br /> 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) {<br /> text-align: right<br /> }<br /> <br /> 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) {<br /> text-align: center<br /> }<br /> <br /> 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) {<br /> text-align: left<br /> }<br /> <br /> .rsw-chartjs.rsw-chartjs-config {<br /> display: none<br /> }<br /> <br /> .rsw-chartjs.rsw-chart-error {<br /> font-family: monospace<br /> }<br /> <br /> .rsw-chartjs-canvas {<br /> background-color: var(--body-light)<br /> }<br /> <br /> :root {<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-background: #bddff2;<br /> --diff-addedline-color: #000;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-background: #c1edbf;<br /> --diff-deletedline-color: #000;<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid)<br /> }<br /> <br /> .diff-context {<br /> border-color: var(--diff-context-border-color);<br /> background: var(--diff-context-background);<br /> color: inherit<br /> }<br /> <br /> .diff-addedline {<br /> border-color: var(--diff-addedline-border-color)<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: var(--diff-addedline-background);<br /> color: var(--diff-addedline-color)<br /> }<br /> <br /> .diff-deletedline {<br /> border-color: var(--diff-deletedline-border-color)<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: var(--diff-deletedline-background);<br /> color: var(--diff-deletedline-color)<br /> }<br /> <br /> .mw-diff-movedpara-left:after,.mw-diff-movedpara-right:after {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-notification {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {<br /> background: var(--body-main)<br /> }<br /> <br /> .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> background-color: var(--ooui-normal);<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-head,.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {<br /> border-left-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:hover,.mw-echo-ui-notificationItemWidget-unread:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:last-child {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-unread {<br /> background-color: var(--search-box)<br /> }<br /> <br /> .mw-echo-ui-crossWikiNotificationItemWidget-group,.mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-content-message-header,.mw-echo-ui-notificationItemWidget-content-message-body,.mw-echo-ui-menuItemWidget &gt; .oo-ui-buttonElement-button &gt; .oo-ui-labelElement-label,.mw-echo-ui-notificationItemWidget-content-actions-timestamp {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--body-main)<br /> }<br /> <br /> @keyframes unseen-fadeout-to-unread {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--search-box)<br /> }<br /> }<br /> <br /> @keyframes unseen-fadeout-to-read {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--body-main)<br /> }<br /> }<br /> <br /> .mwe-popups {<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container {<br /> color: var(--text-color);<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:before,.mwe-popups .mwe-popups-container.flipped-y:before {<br /> border-top: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:before {<br /> border-bottom: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:after,.mwe-popups .mwe-popups-container.flipped-y:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:after {<br /> border-bottom-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-settings-icon:hover,.mwe-popups .mwe-popups-settings-icon:active {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mwe-popups .mw-ui-icon-element:not(.disabled):hover {<br /> background: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract {<br /> color: var(--text-color)<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract[dir='ltr']:after {<br /> background-image: linear-gradient(to right,rgba(49,62,89,0),var(--body-light) 50%)<br /> }<br /> <br /> .mwe-popups-overlay {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> #mwe-popups-settings {<br /> background: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--text-color)<br /> }<br /> <br /> #mwe-popups-settings header {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form p {<br /> color: var(--byline-color)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form form label &gt; span {<br /> color: var(--ooui-text)<br /> }<br /> <br /> :root {<br /> --smw-ask-options-even-bg: var(--body-mid);<br /> --smw-ask-options-odd-bg: var(--body-light);<br /> --smw-ask-action-btn-lblue-bg: var(--body-main);<br /> --smw-ask-action-btn-lblue-color: #000;<br /> --smw-ask-action-btn-lblue-border-color: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-bg: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-color: #fff;<br /> --smw-ask-action-btn-dblue-border-color: var(--button-border)<br /> }<br /> <br /> .smw-ask-condition fieldset,.smw-ask-printhead fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .smw-ask-search fieldset,.smw-ask-format fieldset,.smw-ask-options fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .strike &gt; span:before,.strike &gt; span:after {<br /> background: var(--sidebar)<br /> }<br /> <br /> .smw-ask-options-fields tr td {<br /> background-color: var(--smw-ask-options-even-bg)<br /> }<br /> <br /> .smw-ask-options-fields tr:nth-child(odd) td {<br /> background-color: var(--smw-ask-options-odd-bg)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-lblue,.smw-ask-action-btn.smw-ask-action-btn-lblue:hover,.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--smw-ask-action-btn-lblue-bg);<br /> color: var(--smw-ask-action-btn-lblue-color);<br /> border-color: var(--smw-ask-action-btn-lblue-border-color)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-dblue,.smw-ask-action-btn.smw-ask-action-btn-dblue:hover,.smw-ask-action-btn.smw-ask-action-btn-dblue:visited {<br /> background-color: var(--smw-ask-action-btn-dblue-bg);<br /> color: var(--smw-ask-action-btn-dblue-color);<br /> border-color: var(--smw-ask-action-btn-dblue-border-color)<br /> }<br /> <br /> .smw-ask-query textarea,.smw-ask-actions textarea {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-query-format select {<br /> background-color: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-toplinks {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info {<br /> background: none;<br /> padding: 0 !important<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info::before {<br /> content: '';<br /> background: var(--text-color);<br /> -webkit-mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> padding: 0 0 3px 18px<br /> }<br /> <br /> .smw-ask-options-row-odd {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smw-ask-options-row-even {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> #options-toggle:not(:checked) + #options-list .options-parameter-list:after {<br /> background-image: linear-gradient(to bottom,transparent,var(--body-mid) 90%)<br /> }<br /> <br /> .smw-ask-button-submit input {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-ask-button-submit input:hover,.smw-ask-button-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> input.smw-ask-action-btn.smw-ask-action-btn-dblue {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:hover {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-callout-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .smw-callout-info {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .smw-callout-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .smw-callout-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-bg)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label,.smw-tabs input.nav-tab:checked + label.nav-label:hover {<br /> color: inherit<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count {<br /> color: #fff;<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.moderate {<br /> color: #fff;<br /> background-color: #b55e0c;<br /> border-color: #b55e0c<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.high {<br /> color: #fff;<br /> background-color: #9f261e;<br /> border-color: #9f261e<br /> }<br /> <br /> .smw-property-page-results .header-title {<br /> background-color: var(--ooui-interface);<br /> border-bottom-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-property-page-results .value-row:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .smw-property-page-results .smw-table .header-row {<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-header {<br /> background-color: var(--body-dark);<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .smw-ui-input-filter {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ui-input-filter input {<br /> border-left-color: var(--ooui-interface-border) !important;<br /> color: var(--ooui-text) !important<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border);<br /> color: var(--subtle-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-active {<br /> color: #fff;<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-tabs section,.smw-tabs .subtab-content {<br /> border-top-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-column-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-factbox {<br /> background: var(--body-main);<br /> border-color: transparent<br /> }<br /> <br /> .mw-body .mw-indicators #mw-indicator-smw-entity-examiner.mw-indicator .smw-indicator-vertical-bar-loader {<br /> display: none<br /> }<br /> <br /> .smwb-theme-light .smwb-title,.smwb-theme-light .smwb-center,.smwb-theme-light .smwb-actions,.smwb-theme-light .smwb-prophead {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-factbox {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-ifactbox {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-propval {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smwb-action-separator {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .smwb-bottom {<br /> border-bottom: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-ifactbox .smwb-cell,.smwb-factbox .smwb-cell {<br /> border-top: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-propvalue .smwb-prophead,.smwb-ipropvalue .smwb-prophead,.smwb-propvalue .smwb-propval,.smwb-ipropvalue .smwb-propval {<br /> font-size: 0.9em<br /> }<br /> <br /> :root {<br /> --filter-black-to-link: invert(36%) sepia(58%) saturate(433%) hue-rotate(344deg) brightness(100%) contrast(91%)<br /> }<br /> <br /> #bodyContent span.smwbrowse a {<br /> color: black;<br /> background-image: url(/images/Smwbrowse.svg?87d2b);<br /> filter: var(--filter-black-to-link)<br /> }<br /> <br /> #bodyContent span.smwbrowse a:hover {<br /> color: black;<br /> background-image: url(/images/Smwbrowse-hover.svg?73b79);<br /> text-decoration: underline<br /> }<br /> <br /> #bodyContent span.smwsearch a {<br /> color: black;<br /> filter: var(--filter-black-to-link);<br /> background-image: url(/images/Smwsearch.svg?72b04)<br /> }<br /> <br /> #bodyContent span.smwsearch a:hover {<br /> color: black;<br /> background-image: url(/images/Smwsearch-hover.svg?62df0);<br /> text-decoration: underline<br /> }<br /> <br /> :root {<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-background-color);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border)<br /> }<br /> <br /> .tabber {<br /> margin: 1em 0<br /> }<br /> <br /> .tabber .tabbertab {<br /> background-color: var(--tabber-tab-bg);<br /> border: 1px solid var(--tabber-tab-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1em 1.5em<br /> }<br /> <br /> ul.tabbernav {<br /> border: none;<br /> margin-left: 2em;<br /> margin-bottom: 0;<br /> margin-right: 2em;<br /> padding: 0;<br /> font-family: inherit<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a {<br /> background-color: var(--tabber-active-tab-bg);<br /> color: var(--tabber-active-tab-color);<br /> border-bottom: none;<br /> position: relative<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a:hover {<br /> color: var(--tabber-active-tab-hover-color);<br /> background-color: var(--tabber-active-tab-hover-bg);<br /> border-color: var(--tabber-active-tab-hover-border-color);<br /> border-bottom: none<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a::after {<br /> content: '';<br /> position: absolute;<br /> left: 0;<br /> right: 0;<br /> bottom: -1px;<br /> border-bottom: 2px solid var(--tabber-active-tab-border-hider-color)<br /> }<br /> <br /> ul.tabbernav li a {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> border-bottom: transparent;<br /> border-color: var(--tabber-inactive-tab-border-color);<br /> color: var(--tabber-inactive-tab-color);<br /> display: inline-block;<br /> font-size: 110%;<br /> padding: 0.5em 1em<br /> }<br /> <br /> ul.tabbernav li a:hover {<br /> background-color: var(--tabber-inactive-tab-hover-bg);<br /> border-color: var(--tabber-inactive-tab-hover-border-color)<br /> }<br /> <br /> ul.tabbernav li a:link,ul.tabbernav li a:visited {<br /> color: var(--tabber-inactive-tab-color)<br /> }<br /> <br /> .js-tooltip-text {<br /> padding: 5px<br /> }<br /> <br /> .js-tooltip-wrapper {<br /> position: absolute;<br /> z-index: 10;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> color: var(--text-color);<br /> max-width: 75%;<br /> overflow-wrap: break-word;<br /> padding: 10px 15px;<br /> margin: 0px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> font-size: 0.8em<br /> }<br /> <br /> .js-tooltip-click {<br /> color: var(--button-color);<br /> background: var(--button-background);<br /> border-radius: 2em;<br /> cursor: pointer;<br /> padding: 0 0.3em;<br /> user-select: none<br /> }<br /> <br /> .js-tooltip-arrow {<br /> position: absolute;<br /> border-color: transparent;<br /> border-style: solid;<br /> width: 0;<br /> height: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointleft {<br /> border-right-color: var(--body-border);<br /> border-left-color: transparent;<br /> border-left-width: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointright {<br /> border-left-color: var(--body-border);<br /> border-right-color: transparent;<br /> border-right-width: 0<br /> }<br /> <br /> .js-tooltip-close {<br /> float: right;<br /> margin-left: 10px;<br /> margin-right: -5px;<br /> margin-top: -5px;<br /> margin-bottom: 1px;<br /> background: var(--button-background);<br /> border: 0;<br /> cursor: pointer<br /> }<br /> <br /> :root {<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px); <br /> }<br /> <br /> .oo-ui-widget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox'] + span,.oo-ui-radioInputWidget [type='radio'] + span {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,.oo-ui-radioInputWidget [type='radio']:disabled + span {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownWidget-handle {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border);<br /> background-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget select {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget option {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuSelectWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-menuSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-menuSectionOptionWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-title {<br /> color: inherit<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block),.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-optionWidget.oo-ui-widget-disabled {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-outlineControlsWidget {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {<br /> border-bottom-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {<br /> border-top-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {<br /> border-right-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {<br /> border-left-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {<br /> border-left-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-searchWidget-query {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-tabOptionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--body-dark);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {<br /> border-bottom-color: var(--body-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {<br /> background-color: var(--body-light);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> color: var(--ooui-progressive);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover,.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:focus {<br /> color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed {<br /> background: none;<br /> border-bottom: 1px solid var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile {<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tagItemWidget {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> @media screen and (min-width: 0) {<br /> .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {<br /> outline:1px solid var(--ooui-accent)<br /> }<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {<br /> border-color: #fff<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; input.oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover);<br /> color: #fff;<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive {<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active &gt; .oo-ui-buttonElement-button {<br /> color: #fff;<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-pendingElement-pending {<br /> background-image: var(--ooui-pending-background-image);<br /> background-size: 200%;<br /> animation: oo-ui-pendingElement-stripes 6s linear infinite<br /> }<br /> <br /> @keyframes oo-ui-pendingElement-stripes {<br /> 100% {<br /> background-position: 100%<br /> }<br /> }<br /> <br /> .oo-ui-messageDialog-content &gt; .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-message {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog-content .oo-ui-window-head,.oo-ui-processDialog-content .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:active {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:active {<br /> border-right-color: var(--ooui-interface-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button,.oo-ui-processDialog-actions-other .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-right-color: var(--ooui-normal-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-windowManager-modal.oo-ui-windowManager-floating &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-window {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-bar {<br /> background-color: var(--ooui-interface);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-position-top &gt; .oo-ui-toolbar-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-toolbar-bar .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active &gt; .oo-ui-tool-link,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent);<br /> box-shadow: none<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-menuToolGroup {<br /> border-left-color: var(--body-mid);<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> border-right-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 2px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-bookletLayout-outlinePanel &gt; .oo-ui-outlineControlsWidget {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-fieldLayout-disabled &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header &gt; .oo-ui-labelElement-label {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-panelLayout-framed {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .oo-ui-icon-settings {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Esettings%3C/title%3E%3Cg transform='translate(10 10)'%3E%3Cpath id='a' d='M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3'/%3E%3Cuse xlink:href='%23a' transform='rotate(45)'/%3E%3Cuse xlink:href='%23a' transform='rotate(90)'/%3E%3Cuse xlink:href='%23a' transform='rotate(135)'/%3E%3C/g%3E%3Cpath d='M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .oo-ui-icon-clear {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Eclear%3C/title%3E%3Cpath d='M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-widget-dateInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widget-dateInputWidget-calendar {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widget-calendarWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widget-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-day,.mw-widget-calendarWidget-day-heading {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-widget-calendarWidget-day-additional {<br /> color: var(--ooui-text);<br /> opacity: 0.67<br /> }<br /> <br /> .mw-widget-calendarWidget-day-today {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-item:hover {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-widget-calendarWidget-item-selected {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),0 2px 2px 0 rgba(0,0,0,0.25)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.mw-widgets-datetime-dateTimeInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input,.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .mw-kartographer-mapDialog-foot {<br /> background-color: var(--body-light);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-container {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a,.mw-kartographer-interactive .leaflet-popup-content a:visited,.mw-kartographer-interactive .leaflet-popup-content a:hover,.mw-kartographer-interactive .leaflet-popup-content a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a.new a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .leaflet-popup-content-wrapper {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .leaflet-popup-tip {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey {<br /> background: #e4eaee;<br /> color: #444e5a;<br /> text-shadow: none<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a,.leaflet-vis-tooltip.lbl-bg-grey a:visited,.leaflet-vis-tooltip.lbl-bg-grey a:active,.leaflet-vis-tooltip.lbl-bg-grey a:hover,.leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a, .leaflet-vis-tooltip.lbl-bg-grey a:visited, .leaflet-vis-tooltip.lbl-bg-grey a:active, .leaflet-vis-tooltip.lbl-bg-grey a:hover, .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:visited,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:active,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:hover,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before {<br /> display: block;<br /> border-left-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before {<br /> display: block;<br /> border-right-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before {<br /> display: block;<br /> border-top-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before {<br /> display: block;<br /> border-bottom-color: #e4eaee<br /> }<br /> <br /> .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover {<br /> background: var(--ooui-normal--hover)<br /> }<br /> <br /> .ve-ui-overlay {<br /> font-family: inherit<br /> }<br /> <br /> .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above {<br /> border-top-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-branchNode-blockSlug,.ve-ce-branchNode-newSlug {<br /> outline-color: var(--body-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-specialCharacterPage h3 {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character:hover {<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px var(--body-mid);<br /> background: none<br /> }<br /> <br /> .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwHelpPopupTool-version-label,.ve-ui-mwHelpPopupTool-version-link,.ve-ui-mwHelpPopupTool-version-date {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ce-tableCellableNode {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-mwReferencesListNode-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwTemplatePage-description,.ve-ui-mwParameterPage-label,.ve-ui-mwParameterPage-description-required,.ve-ui-mwParameterPage-description-deprecated {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwGalleryDialog-menuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog-innerMenuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container,.ve-ui-targetWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .ve-ui-mwSaveDialog {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-options {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-summary {<br /> background-color: var(--ooui-input)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-editSummary-count {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-license {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwReferenceContextItem-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwNoticesPopupTool-items &gt; div:not(:first-child),.ve-ui-mwHelpPopupTool-item:not(:first-child) {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineControlsWidget {<br /> background-color: var(--ooui-interface);<br /> border-top-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-sticky {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwParameterPage-undocumentedLabel {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwTwoPaneTransclusionDialogLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwParameterPage-doc-required,.ve-ui-mwParameterPage-doc-deprecated,.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-expandableContent-toggle {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-expandableContent-fade {<br /> background: linear-gradient(to right,rgba(255,255,255,0) 0,var(--ooui-interface) 90%)<br /> }<br /> <br /> .ve-ui-commandHelpDialog-shortcut &gt; kbd,.ve-ui-commandHelpDialog-sequence &gt; kbd {<br /> background-color: var(--keypress-background);<br /> color: var(--keypress-color);<br /> border-color: var(--keypress-border);<br /> box-shadow: none;<br /> text-shadow: none<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> background: var(--ooui-interface)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'],figure[typeof~='mw:File/Frame'],figure[typeof~='mw:Image/Thumb'],figure[typeof~='mw:Video/Thumb'],figure[typeof~='mw:Image/Frame'],figure[typeof~='mw:Video/Frame'] {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:File/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media) {<br /> border: none;<br /> background: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; figcaption,figure[typeof~='mw:File/Frame'] &gt; figcaption,figure[typeof~='mw:Image/Thumb'] &gt; figcaption,figure[typeof~='mw:Video/Thumb'] &gt; figcaption,figure[typeof~='mw:Image/Frame'] &gt; figcaption,figure[typeof~='mw:Video/Frame'] &gt; figcaption {<br /> border: none;<br /> background-color: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --fact-text-color: #15f;<br /> --production-selected-background: #c3e8a3;<br /> --production-selected-color: #000;<br /> --wikipedia-border: #e0e0e0;<br /> --wikipedia-background: #f8f8f8;<br /> --keypress-background: #eee;<br /> --keypress-border: #ccc;<br /> --keypress-color: #333;<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg,#bfffbd 0 20px,#4cf172 20px 30px);<br /> --tbz-unlocked-border-color: #012100;<br /> --tbz-locked-background-color: #ffc3c3;<br /> --tbz-locked-border-color: #df9090;<br /> --tbz-partial-unlock-background: #dae8d2;<br /> --tbz-partial-unlock-border-color: #aeaeae<br /> }<br /> <br /> .archivelist {<br /> background-color: var(--body-light);<br /> border: solid 1px var(--body-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> margin: 5px;<br /> padding: 5px;<br /> text-align: center;<br /> width: 120px<br /> }<br /> <br /> .collapsed-sec {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-weight: bold;<br /> text-shadow: 1px 1px #fff<br /> }<br /> <br /> .combat-styles-icons a {<br /> display: inline-block;<br /> text-align: center;<br /> min-width: 26px<br /> }<br /> <br /> .combat-styles-header a {<br /> color: var(--text-color)<br /> }<br /> <br /> .fact-text {<br /> color: var(--fact-text-color);<br /> font-style: italic;<br /> cursor: help;<br /> border-bottom: dotted 1px<br /> }<br /> <br /> .production-selected {<br /> background: var(--production-selected-background);<br /> color: var(--production-selected-color)<br /> }<br /> <br /> .relative-location {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-spacing: 0;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 5px;<br /> text-align: center<br /> }<br /> <br /> .relative-location-txt {<br /> color: var(--text-color)<br /> }<br /> <br /> .relative-location-header {<br /> background: var(--body-dark)<br /> }<br /> <br /> #musicMap data {<br /> display: none<br /> }<br /> <br /> .musicMap-buttons {<br /> text-align: center;<br /> margin: 0.7em<br /> }<br /> <br /> .talkheader {<br /> text-align: center;<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .shortcut {<br /> border: 1px solid var(--body-border);<br /> background: var(--body-light);<br /> float: right;<br /> font-size: 0.8em;<br /> margin: 0.5em 0em 0.5em 1em;<br /> padding: 0.5em;<br /> text-align: center<br /> }<br /> <br /> .succession {<br /> width: 50%;<br /> text-align: center<br /> }<br /> <br /> .succession th {<br /> width: 33%;<br /> font-size: 90%;<br /> background: var(--body-mid)<br /> }<br /> <br /> .succession td {<br /> background: var(--body-light)<br /> }<br /> <br /> .update {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0;<br /> padding: 0.25em 1em;<br /> text-align: center<br /> }<br /> <br /> .pollwrapper {<br /> display: flex;<br /> align-items: center;<br /> flex-direction: column;<br /> counter-reset: question<br /> }<br /> <br /> .pollbox {<br /> position: relative;<br /> padding: 1em 0.7em;<br /> margin: 0.7em;<br /> margin-bottom: 1.2em;<br /> width: 700px;<br /> font-size: 16px;<br /> border: 2px solid var(--body-border);<br /> background: var(--body-light)<br /> }<br /> <br /> .pollbox::before {<br /> content: &quot;Question &quot; counter(question);<br /> counter-increment: question;<br /> position: absolute;<br /> font-size: 16px;<br /> font-weight: bold;<br /> top: -0.5em;<br /> margin-top: -2px;<br /> left: 0.6em;<br /> line-height: 1em;<br /> background: linear-gradient(0deg,var(--body-light),var(--body-light) 50%,rgba(0,0,0,0) 50%);<br /> padding: 0 0.6em<br /> }<br /> <br /> .pollbox table {<br /> width: 100%;<br /> border-collapse: collapse;<br /> font-size: 14px<br /> }<br /> <br /> .pollbox caption {<br /> text-align: left;<br /> margin-bottom: 4px<br /> }<br /> <br /> .pollbox td {<br /> padding: 0px<br /> }<br /> <br /> .pollquestion td:first-child::before {<br /> content: &quot;&quot;;<br /> background: url(/images/Poll_shield.png?c691a);<br /> background-repeat: no-repeat;<br /> background-position: top;<br /> width: 10px;<br /> height: 14px;<br /> position: absolute;<br /> top: 4px;<br /> left: 0<br /> }<br /> <br /> .pollquestion td:first-child {<br /> position: relative;<br /> width: 32%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .pollquestion td.pollpercent {<br /> box-sizing: border-box;<br /> padding-left: 17px;<br /> padding-right: 8px<br /> }<br /> <br /> .pollquestion td:last-child {<br /> width: 22%;<br /> padding-left: 0.7em<br /> }<br /> <br /> .pollquestion .pollnote td {<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .pollquestion .pollnote td::before {<br /> content: none<br /> }<br /> <br /> .pollquestion data {<br /> display: block;<br /> height: 15px;<br /> background-image: url(/images/Poll_sword2.png?7d4c4);<br /> position: relative<br /> }<br /> <br /> .pollquestion data::before,.pollquestion data::after {<br /> content: &quot;&quot;;<br /> height: inherit;<br /> position: absolute;<br /> height: 15px<br /> }<br /> <br /> .pollquestion data::before {<br /> background: url(/images/Poll_sword1.png?d445b);<br /> width: 17px;<br /> right: 100%<br /> }<br /> <br /> .pollquestion data::after {<br /> background: url(/images/Poll_sword3.png?487b5);<br /> width: 8px;<br /> left: 100%<br /> }<br /> <br /> .archivepollq th {<br /> text-align: left;<br /> font-weight: normal;<br /> padding: 15px 0 0 0<br /> }<br /> <br /> .archivepollq td:first-child {<br /> position: relative;<br /> width: 80%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .archivepollq td.archivepollpercent {<br /> box-sizing: border-box;<br /> padding: 2px;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .archivepollq td:last-child {<br /> text-align: right;<br /> padding-left: 0.7em<br /> }<br /> <br /> .archivepollq .archivepollnote &gt; td {<br /> text-align: left;<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .archivepollq data {<br /> display: block;<br /> height: 25px;<br /> background: var(--body-border);<br /> position: relative<br /> }<br /> <br /> .archivepollq.e {<br /> border: 2px solid var(--errorbox-border);<br /> background: var(--errorbox-bg)<br /> }<br /> <br /> .archivepollq.e::before {<br /> content: &quot;Error&quot;;<br /> background: linear-gradient(0deg,var(--errorbox-bg),var(--errorbox-bg) 50%,rgba(0,0,0,0) 50%)<br /> }<br /> <br /> .wikipedia {<br /> border: 1px solid var(--wikipedia-border);<br /> background-color: var(--wikipedia-background)<br /> }<br /> <br /> .hatnote,.seealso {<br /> font-style: italic<br /> }<br /> <br /> .hatnote i,.seealso i {<br /> font-style: normal<br /> }<br /> <br /> div.hatnote,div.seealso {<br /> margin: 0.5em 1.6em<br /> }<br /> <br /> div.hatnote + div.hatnote,div.hatnote + div.seealso,div.seealso + div.hatnote,div.seealso + div.seealso {<br /> margin-top: -0.5em<br /> }<br /> <br /> .extimage div,.extimage a,.extimage img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .tbz-region {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> white-space: nowrap;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> width: 110px;<br /> padding: 0.35em 0.45em 0.25em;<br /> margin: 1px<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-badge {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> padding: 0.3em 0.35em 0.2em<br /> }<br /> <br /> .tbz-badge + .tbz-badge {<br /> margin-left: 1px<br /> }<br /> <br /> .tbz-badge.tbz-badge-wrapper {<br /> padding: 0.2em<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-unlocked {<br /> background: var(--tbz-unlocked-background);<br /> border-color: var(--tbz-unlocked-border-color)<br /> }<br /> <br /> .tbz-unlocked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-unlocked .tbz-check {<br /> display: inline-block;<br /> padding-left: 5px<br /> }<br /> <br /> .tbz-locked {<br /> background-color: var(--tbz-locked-background-color);<br /> border-color: var(--tbz-locked-border-color)<br /> }<br /> <br /> .tbz-locked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-locked .tbz-unlocked {<br /> background: var(--tbz-partial-unlock-background);<br /> border-color: var(--tbz-partial-unlock-border-color)<br /> }<br /> <br /> .combatinfo {<br /> width: 160px;<br /> text-align: center;<br /> float: right;<br /> clear: right<br /> }<br /> <br /> .combatinfo.combatinfo-left {<br /> float: left;<br /> clear: left<br /> }<br /> <br /> .combatinfo td {<br /> width: 25%<br /> }<br /> <br /> .wikitable.combatinfo &gt; caption {<br /> font-weight: normal<br /> }<br /> <br /> .growth-stage-table td.growth-stage {<br /> text-align: center;<br /> vertical-align: bottom<br /> }<br /> <br /> .keypress {<br /> background: var(--keypress-background);<br /> color: var(--keypress-color);<br /> font-family: inherit;<br /> border: 1px solid var(--keypress-border);<br /> border-radius: 2px;<br /> font-size: 0.9em;<br /> margin: 0 0.1em;<br /> padding: 0.1em 0.4em;<br /> white-space: nowrap<br /> }<br /> <br /> .rsw-music-player {<br /> height: 2em;<br /> vertical-align: middle<br /> }<br /> <br /> .item-drops .beast-version {<br /> font-size: smaller;<br /> font-style: italic<br /> }<br /> <br /> td.famtreesub {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table {<br /> border-spacing: 0;<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table td {<br /> height: 1em;<br /> width: 1em<br /> }<br /> <br /> td.famtreeleaf {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> padding: 0.2em<br /> }<br /> <br /> :root {<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #ccc<br /> }<br /> <br /> :root {<br /> --coins-color: green;<br /> --coins-pos-color: white;<br /> --coins-neg-color: #c02614<br /> }<br /> <br /> .coins {<br /> color: var(--coins-color);<br /> background-position: 0% 50%;<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> padding: 0<br /> }<br /> <br /> .coins-pos {<br /> color: var(--coins-pos-color)<br /> }<br /> <br /> .coins-neg {<br /> color: var(--coins-neg-color)<br /> }<br /> <br /> .coins-10000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 3px 35px<br /> }<br /> <br /> .coins-1000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-250 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-100 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-25 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-5 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-4 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-3 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-2 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-1 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> :root {<br /> --documentation-background: #f9fafa;<br /> --documentation-link-color: #e4eaee;<br /> --documentation-headers-color: #fff;<br /> --documentation-header-background: #949eaa;<br /> --documentation-subheader-background: #808c9a;<br /> --documentation-border: #e4eaee<br /> }<br /> <br /> .documentation {<br /> background: var(--documentation-background);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0<br /> }<br /> <br /> .documentation pre,.documentation code {<br /> background-color: var(--documentation-background);<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation h2,.documentation hr {<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation-header {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-header-background);<br /> font-weight: bold;<br /> padding: 1em 1.5em<br /> }<br /> <br /> .documentation-title {<br /> font-size: 1.25em<br /> }<br /> <br /> .documentation-subheader {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-subheader-background);<br /> padding: 0.5em 1.5em<br /> }<br /> <br /> .documentation-subheader a,.documentation-subheader a:visited,.documentation-subheader a:active {<br /> color: var(--documentation-link-color)<br /> }<br /> <br /> .documentation-documentation,.documentation-links {<br /> font-size: 0.85em<br /> }<br /> <br /> .documentation-content {<br /> padding: 1em 1.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dl:not(:empty) {<br /> column-count: 3;<br /> border-top: 1px solid var(--body-border);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dt::after {<br /> content: &quot;:&quot;<br /> }<br /> <br /> .mw-templatedata-doc-params dd,.mw-templatedata-doc-params dt {<br /> margin: 0.1em 2em;<br /> min-width: auto<br /> }<br /> <br /> .mw-templatedata-doc-muted {<br /> color: var(--subtle-color);<br /> font-style: italic<br /> }<br /> <br /> .fairycode {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-size: 120%;<br /> font-weight: bold;<br /> text-transform: lowercase;<br /> letter-spacing: 1px<br /> }<br /> <br /> .fairycode b ~ b:before {<br /> content: &quot;•&quot;<br /> }<br /> <br /> .floornumber &gt; .floornumber-us,#toc li a span.toctext span span:nth-child(2),.floornumber-setting-gb .floornumber &gt; .floornumber-us,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(2),.floornumber-setting-us .floornumber &gt; .floornumber-gb,.floornumber-setting-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none<br /> }<br /> <br /> .floornumber-setting-gb .floornumber &gt; .floornumber-gb,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(1),.floornumber-setting-us .floornumber &gt; .floornumber-us,.floornumber-setting-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-us,.floornumber-override-gb #toc li a span.toctext span span:nth-child(2),.floornumber-override-us .floornumber &gt; .floornumber-gb,.floornumber-override-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none !important<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-gb,.floornumber-override-gb #toc li a span.toctext span span:nth-child(1),.floornumber-override-us .floornumber &gt; .floornumber-us,.floornumber-override-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline !important<br /> }<br /> <br /> .musicplayer {<br /> border: 1px solid var(--body-border);<br /> font-size: 90%;<br /> background: var(--body-light);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> max-width: 300px;<br /> margin: 0 0 1em 1em;<br /> padding: 5px<br /> }<br /> <br /> .musicplayer audio,.infobox audio {<br /> max-width: 298px;<br /> margin-left: auto;<br /> margin-right: auto<br /> }<br /> <br /> .plink-template + a {<br /> margin-left: 0.25em<br /> }<br /> <br /> .plinkt-image {<br /> text-align: center<br /> }<br /> <br /> :root {<br /> --questdetails-header-background: #cfc2aa;<br /> --questdetails-header-background-alt: #cfbda1<br /> }<br /> <br /> .questdetails {<br /> width: 100%;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-collapse: separate<br /> }<br /> <br /> .questdetails th {<br /> text-align: left<br /> }<br /> <br /> .questdetails-header {<br /> padding: 0.5em 1em;<br /> background-color: var(--questdetails-header-background);<br /> width: 125px<br /> }<br /> <br /> .questdetails tr:nth-child(odd) .questdetails-header {<br /> background-color: var(--questdetails-header-background-alt)<br /> }<br /> <br /> .questdetails-info {<br /> padding-left: 1em;<br /> padding-right: 2em<br /> }<br /> <br /> ol.references,.reflist {<br /> font-size: 90%<br /> }<br /> <br /> .reflist {<br /> list-style-type: decimal<br /> }<br /> <br /> .reflist .references {<br /> font-size: 100%;<br /> list-style-type: inherit<br /> }<br /> <br /> .reflist-lower-alpha {<br /> list-style-type: lower-alpha<br /> }<br /> <br /> ol.references li:target,sup.reference:target {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .hideQuotes .refhide {<br /> display: none<br /> }<br /> <br /> .editnotice {<br /> font-size: 0.9em;<br /> padding-bottom: 0.75em;<br /> margin-bottom: 0.6em<br /> }<br /> <br /> .editnotice .editnotice-title {<br /> font-size: 1.2em;<br /> font-weight: bold;<br /> margin-bottom: 0.4em<br /> }<br /> <br /> <br /> <br /> <br /> .mw-message-box,.mw-message-box-error,.mw-message-box-warning,.mw-message-box-success,.usermessage {<br /> color: var(--text-color)<br /> }<br /> <br /> .messagebox {<br /> width: 65%;<br /> margin: 0.5em auto;<br /> border-left: 15px solid;<br /> border-color: var(--body-dark);<br /> background-color: var(--body-light);<br /> box-sizing: border-box<br /> }<br /> <br /> .messagebox.obsolete {<br /> background-color: var(--messagebox-obsolete-background);<br /> border-color: var(--messagebox-obsolete-border);<br /> color: var(--messagebox-obsolete-color)<br /> }<br /> <br /> .messagebox.obsolete a,.messagebox.obsolete a:visited,.messagebox.obsolete a:active {<br /> color: var(--messagebox-obsolete-link-color)<br /> }<br /> <br /> .messagebox.info {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border);<br /> color: var(--messagebox-info-color)<br /> }<br /> <br /> .messagebox.info a,.messagebox.info a:visited,.messagebox.info a:active {<br /> color: var(--messagebox-info-link-color)<br /> }<br /> <br /> .messagebox.action {<br /> background-color: var(--messagebox-action-background);<br /> border-color: var(--messagebox-action-border);<br /> color: var(--messagebox-action-color)<br /> }<br /> <br /> .messagebox.action a,.messagebox.action a:visited,.messagebox.action a:active {<br /> color: var(--messagebox-action-link-color)<br /> }<br /> <br /> .messagebox.warn {<br /> background-color: var(--messagebox-warn-background);<br /> border-color: var(--messagebox-warn-border);<br /> color: var(--messagebox-warn-color)<br /> }<br /> <br /> .messagebox.warn a,.messagebox.warn a:visited,.messagebox.warn a:active {<br /> color: var(--messagebox-warn-link-color)<br /> }<br /> <br /> .messagebox.safe {<br /> background-color: var(--messagebox-safe-background);<br /> border-color: var(--messagebox-safe-border);<br /> color: var(--messagebox-safe-color)<br /> }<br /> <br /> .messagebox.safe a,.messagebox.safe a:visited,.messagebox.safe a:active {<br /> color: var(--messagebox-safe-link-color)<br /> }<br /> <br /> .messagebox.disambig {<br /> background-color: var(--messagebox-disambig-background);<br /> border-color: var(--messagebox-disambig-border);<br /> color: var(--messagebox-disambig-color)<br /> }<br /> <br /> .messagebox.disambig a,.messagebox.disambig a:visited,.messagebox.disambig a:active {<br /> color: var(--messagebox-disambig-link-color)<br /> }<br /> <br /> .messagebox.discord {<br /> background-color: var(--messagebox-discord-background);<br /> border-color: var(--messagebox-discord-border);<br /> color: #fff<br /> }<br /> <br /> .messagebox.discord a,.messagebox.discord a:visited,.messagebox.discord a:active {<br /> color: var(--messagebox-discord-link-color)<br /> }<br /> <br /> .messagebox.discord a.external,.messagebox.discord a:visited.external,.messagebox.discord a:active.external {<br /> font-style: italic<br /> }<br /> <br /> .messagebox.stub {<br /> width: 40%<br /> }<br /> <br /> .messagebox.hasdialogue {<br /> padding: 0 10px;<br /> width: auto<br /> }<br /> <br /> :root {<br /> --ajaxpoll-background: #fafafa;<br /> --ajaxpoll-text-color: var(--byline-color);<br /> --ajaxpoll-answerbar-background: var(--body-light);<br /> --ajaxpoll-answerbar-border: var(--body-border)<br /> }<br /> <br /> .ajaxpoll {<br /> background: var(--ajaxpoll-background)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-hover-vote,.ajaxpoll .ajaxpoll-hover-revoke,.ajaxpoll .ajaxpoll-ajax {<br /> background: none<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote {<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote div {<br /> background: var(--ajaxpoll-answerbar-background);<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-our-vote div {<br /> border-color: #3c780a<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-misc,.ajaxpoll .ajaxpoll-info,.ajaxpoll .ajaxpoll-ajax {<br /> color: var(--ajaxpoll-text-color)<br /> }<br /> <br /> .ajaxpoll-id-info {<br /> display: none<br /> }<br /> <br /> .inventorytable,<br /> .lootingbagtable,<br /> .runepouchtable {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> height: auto;<br /> border-spacing: 0;<br /> border-collapse: separate;<br /> margin-top: 7px;<br /> margin-bottom: 7px;<br /> }<br /> <br /> .inventorytable.storage-left,<br /> .lootingbagtable.storage-left,<br /> .runepouchtable.storage-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .inventorytable.storage-center,<br /> .lootingbagtable.storage-center,<br /> .runepouchtable.storage-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .inventorytable.storage-right,<br /> .lootingbagtable.storage-right,<br /> .runepouchtable.storage-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .inventorytable td,<br /> .lootingbagtable td,<br /> .runepouchtable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> }<br /> <br /> .inventorytable {<br /> background-image: url(/images/e/e9/Inventory_tab.png);<br /> width: 204px;<br /> padding: 13px 16px 10px;<br /> }<br /> <br /> .inventorytable td {<br /> width: 43px;<br /> height: 36px;<br /> }<br /> <br /> .lootingbagtable {<br /> background-image: url(/images/7/78/Looting_bag_tab.png);<br /> width: 204px;<br /> padding: 31px 17px 20px 12px;<br /> }<br /> <br /> .lootingbagtable td {<br /> width: 44px;<br /> height: 32px;<br /> }<br /> <br /> .runepouchtable {<br /> background-image: url(/images/f/f1/Rune_pouch_background.png);<br /> width: 158px;<br /> padding: 24px 7px 6px;<br /> }<br /> <br /> .runepouchtable.storage-left {<br /> margin-left: 23px;<br /> }<br /> <br /> .runepouchtable.storage-right {<br /> margin-right: 23px;<br /> }<br /> <br /> .runepouchtable td {<br /> width: 32px;<br /> height: 32px;<br /> line-height: 1.6em;<br /> }<br /> <br /> .runepouchtable td.middle-rune {<br /> padding-left: 24px;<br /> padding-right: 24px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune {<br /> padding-left: 6px;<br /> padding-right: 6px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune {<br /> padding-left: 0;<br /> }<br /> <br /> .menagerietable {<br /> background-image: url(/images/9/9c/Menagerie_interface.png);<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> width: 300px;<br /> height: 250px;<br /> padding: 56px 28px 34px 6px;<br /> border-spacing: 0;<br /> }<br /> <br /> .menagerietable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> width: 46px;<br /> height: 32px;<br /> }<br /> <br /> .inventorytable .inv-quantity-text,<br /> .lootingbagtable .inv-quantity-text,<br /> .runepouchtable .inv-quantity-text,<br /> .equipment .inv-quantity-text {<br /> font-family: 'RuneScape Small';<br /> font-size: 12pt;<br /> position: absolute;<br /> top: -8px;<br /> left: 4px;<br /> text-shadow: #000 1px 1px;<br /> color: #ffff00;<br /> pointer-events: none;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-1,<br /> .lootingbagtable .inv-quantity-text.qty-1,<br /> .runepouchtable .inv-quantity-text.qty-1,<br /> .equipment .inv-quantity-text.qty-1 {<br /> color: #ffff00;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-100k,<br /> .lootingbagtable .inv-quantity-text.qty-100k,<br /> .runepouchtable .inv-quantity-text.qty-100k,<br /> .equipment .inv-quantity-text.qty-100k {<br /> color: #fff;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-10m,<br /> .lootingbagtable .inv-quantity-text.qty-10m,<br /> .runepouchtable .inv-quantity-text.qty-10m,<br /> .equipment .inv-quantity-text.qty-10m {<br /> color: #01ff80;<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {<br /> .inventorytable img,<br /> .lootingbagtable img,<br /> .runepouchtable img,<br /> .equipment img {<br /> image-rendering: pixelated;<br /> image-rendering: crisp-edges;<br /> }<br /> <br /> }<br /> <br /> .runepouchtable .inv-quantity-text {<br /> left: -1px;<br /> }<br /> <br /> .runepouchtable td.middle-rune .inv-quantity-text {<br /> left: 23px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune .inv-quantity-text {<br /> left: 5px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune .inv-quantity-text {<br /> left: 0;<br /> }<br /> <br /> .equipment .inv-quantity-text {<br /> top: -3px;<br /> }<br /> <br /> span.noted-item {<br /> width: 30px;<br /> height: 29px;<br /> text-align: center;<br /> display: inline-block;<br /> }<br /> <br /> span.noted-item a {<br /> width: 30px;<br /> height: 29px;<br /> }<br /> <br /> .noted-item a {<br /> background-image: url(/images/3/3a/Bank_note.png);<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> background-position: center;<br /> }<br /> <br /> td.noted-item a {<br /> width: 32px;<br /> line-height: 28px;<br /> }<br /> <br /> .noted-item img {<br /> transform: scale(0.65);<br /> }<br /> <br /> .equipment {<br /> background: #3e3529;<br /> border: 9px solid transparent;<br /> border-image-source: url(/images/c/c7/Interface_border.png);<br /> border-image-slice: 9;<br /> border-image-width: 9px;<br /> border-image-outset: 0;<br /> border-image-repeat: repeat;<br /> margin: 7px 0;<br /> padding: 0 2px 0 3px;<br /> }<br /> <br /> @media all and (max-width: 720px) {<br /> table.equipment {<br /> width: initial !important;<br /> }<br /> <br /> }<br /> <br /> .equipment-div,<br /> .equipment-div-buttons {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> position: relative;<br /> width: 175px;<br /> display: flex;<br /> }<br /> <br /> .equipment-div {<br /> background-image: url(/images/a/a7/Worn_equipment_tab_%28no_buttons%29.png);<br /> height: 222px;<br /> margin: 15px 0 14px;<br /> }<br /> <br /> .equipment-div-buttons {<br /> background-image: url(/images/e/e3/Worn_equipment_tab_%28borderless%29.png);<br /> height: 244px;<br /> margin: 4px 0 3px;<br /> }<br /> <br /> .equipment-blank {<br /> background-image: url(/images/c/cf/Blank_slot.png);<br /> width: 36px;<br /> height: 36px;<br /> }<br /> <br /> .equipment-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .equipment-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .equipment-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .equipment-stats,<br /> .equipment-ikod {<br /> font-family: RuneScape;<br /> font-size: 16px;<br /> line-height: 14px;<br /> color: #ff981f;<br /> text-shadow: 1px 1px 0 black;<br /> }<br /> <br /> td.equipment-stats b {<br /> font-family: RuneScape;<br /> font-weight: bold;<br /> display: block;<br /> margin-top: 2px;<br /> }<br /> <br /> td.equipment-stats data {<br /> display: block;<br /> padding-left: 8px;<br /> }<br /> <br /> td.equipment-stats data img {<br /> vertical-align: bottom;<br /> }<br /> <br /> td.equipment-ikod {<br /> max-width: 325px;<br /> }<br /> <br /> td.equipment-ikod em {<br /> font-style: normal;<br /> display: block;<br /> margin-bottom: 3px;<br /> }<br /> <br /> td.equipment-ikod b {<br /> font-weight: normal;<br /> color: white;<br /> }<br /> <br /> td.equipment-ikod strong {<br /> font-weight: normal;<br /> color: red;<br /> }<br /> <br /> td.equipment-ikod ul {<br /> list-style: none;<br /> margin: 0;<br /> }<br /> <br /> td.equipment-ikod li {<br /> display: inline-block;<br /> width: 32px;<br /> height: 32px;<br /> line-height: 32px;<br /> margin: 0;<br /> margin-right: 14px;<br /> }<br /> <br /> td.equipment-ikod img {<br /> cursor: help;<br /> }<br /> <br /> td.equipment-ikod hr {<br /> border-top: 1px solid #0e0e0c;<br /> border-bottom: 1px solid #474745;<br /> margin: 7px 0;<br /> }<br /> <br /> .equipment-plinkp {<br /> position: absolute;<br /> width: 36px;<br /> height: 36px;<br /> left: 0px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head,<br /> .equipment-cape,<br /> .equipment-neck,<br /> .equipment-ammo,<br /> .equipment-weapon,<br /> .equipment-torso,<br /> .equipment-shield,<br /> .equipment-legs,<br /> .equipment-gloves,<br /> .equipment-boots,<br /> .equipment-ring,<br /> .equipment-statsbutton,<br /> .equipment-ikodbutton {<br /> position: absolute;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head {<br /> left: 70px;<br /> top: 0px;<br /> }<br /> <br /> .equipment-cape {<br /> left: 29px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-neck {<br /> left: 70px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-ammo {<br /> left: 111px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-weapon {<br /> left: 14px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-torso {<br /> left: 70px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-shield {<br /> left: 126px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-legs {<br /> left: 70px;<br /> top: 118px;<br /> }<br /> <br /> .equipment-gloves {<br /> left: 14px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-boots {<br /> left: 70px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-ring {<br /> left: 126px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-statsbutton {<br /> top: 204px;<br /> left: 0px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> .equipment-ikodbutton {<br /> top: 204px;<br /> left: 90px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> :root {<br /> --transcript-border-color: #b4a36a;<br /> --transcript-border-hover-color: #876f1d;<br /> --transcript-strikethrough-color: #800000<br /> }<br /> <br /> .transcript {<br /> background: var(--body-light);<br /> border-radius: 0 0 120px 120px / 0 0 8px 8px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> max-width: 90ch;<br /> overflow: hidden;<br /> margin-bottom: 1em;<br /> padding: 0.5em 1em 1em;<br /> clear: left<br /> }<br /> <br /> .transcript.godletter {<br /> margin: 1em auto;<br /> padding: 1em 1.5em;<br /> max-width: 60ch<br /> }<br /> <br /> .quest-action {<br /> text-align: center;<br /> font-style: italic;<br /> margin: 0 5%<br /> }<br /> <br /> .quest-action:before,.quest-action:after {<br /> content: '———';<br /> margin: 4px;<br /> letter-spacing: -1px<br /> }<br /> <br /> .transcript-chatbox-image {<br /> display: inline-block;<br /> margin-right: 5px;<br /> position: relative;<br /> text-align: center;<br /> width: 32px<br /> }<br /> <br /> .transcript-chatbox-image + .transcript-chatbox-image {<br /> left: -10px;<br /> top: 10px;<br /> margin-right: 0<br /> }<br /> <br /> .transcript-opt::before {<br /> display: inline-block;<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> width: 7px;<br /> height: 10px;<br /> margin-right: 5px<br /> }<br /> <br /> .transcript-opt.disabled {<br /> filter: opacity(0.5)<br /> }<br /> <br /> .ns-120 .mw-parser-output s,.transcript s {<br /> text-decoration-color: var(--transcript-strikethrough-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output .template-colour,.transcript .template-colour {<br /> text-shadow: 1px 1px #000a<br /> }<br /> <br /> :root {<br /> --byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%);<br /> --tile-border-color: #596e96;<br /> --tile-background-color: #313e59;<br /> --tile-link-button-color: #222e45;<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255,255,255,0.7);<br /> --tile-dark-header-color: #fff<br /> }<br /> <br /> .tile {<br /> background: var(--tile-background-color);<br /> border: 1px solid var(--tile-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1.5em 2em 1em;<br /> max-width: 40em<br /> }<br /> <br /> .tile h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile.dark {<br /> color: var(--tile-dark-color);<br /> background: var(--tile-dark-bg);<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .tile.dark h2 {<br /> color: var(--tile-dark-header-color)<br /> }<br /> <br /> .tile.dark a {<br /> color: var(--tile-dark-link-color)<br /> }<br /> <br /> .tile.dark .byline {<br /> color: var(--tile-dark-byline-color)<br /> }<br /> <br /> .byline {<br /> font-size: 0.9em;<br /> color: var(--byline-color)<br /> }<br /> <br /> .byline a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .tile-row {<br /> display: flex;<br /> flex-flow: row wrap;<br /> margin-bottom: 1em<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-flow: row wrap;<br /> border: 1px solid var(--tile-border-color);<br /> background: var(--tile-background-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .tile-halves h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile-halves .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile-top {<br /> width: 100%;<br /> padding: 1.3rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-top.tile-image {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--byline-color);<br /> overflow: hidden;<br /> padding: 0;<br /> height: 13vw;<br /> max-height: 12em;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-halves:hover .tile-top.tile-image img {<br /> transform: scale(1.1);<br /> transition: 0.5s ease-out<br /> }<br /> <br /> .tile-top.tile-image a {<br /> width: 100%<br /> }<br /> <br /> .tile-top.tile-image img {<br /> width: 100%;<br /> object-fit: cover;<br /> max-height: 200px;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-top.tile-image span {<br /> width: 100%<br /> }<br /> <br /> .tile-bottom {<br /> background: var(--tile-background-color);<br /> border-top: 1px solid var(--tile-border-color);<br /> width: 100%;<br /> padding: 1rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-bottom.link-button {<br /> align-self: flex-end;<br /> padding: 0<br /> }<br /> <br /> .tile-bottom.link-button a {<br /> display: block;<br /> text-align: center;<br /> padding: 0.75em 1.5em 0.8em;<br /> text-decoration: none<br /> }<br /> <br /> .tile-bottom.read-more {<br /> background: var(--tile-link-button-color);<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile-bottom.read-more a {<br /> color: var(--byline-color);<br /> font-weight: bold;<br /> text-align: right<br /> }<br /> <br /> .tile-bottom.read-more:hover {<br /> background: var(--tile-link-button-highlight-color)<br /> }<br /> <br /> .tile-bottom.read-more:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .tile-bottom.read-more .arrow {<br /> filter: var(--byline-arrow-filter);<br /> margin-left: 0.4em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile.oswf-day {<br /> margin-left: 0.5em<br /> }<br /> <br /> .oswf-tile {<br /> margin: 1em<br /> }<br /> <br /> .oswf-tile.oswf-complete {<br /> opacity: 0.65<br /> }<br /> <br /> .oswf-tile .oswf-summary {<br /> font-size: 105%;<br /> line-height: 1.6;<br /> margin-top: -0.4em<br /> }<br /> <br /> .oswf-tile .oswf-img {<br /> display: block;<br /> max-width: 75px;<br /> float: right<br /> }<br /> <br /> .oswf-tile .oswf-img img {<br /> max-width: 100%;<br /> height: auto<br /> }<br /> <br /> .oswf-tile .oswf-guidance {<br /> border-top: 1px solid #eee;<br /> padding-top: 1em<br /> }<br /> <br /> body.page-Main_Page .mw-parser-output {<br /> max-width: 75em;<br /> margin: 0 auto;<br /> }<br /> <br /> body.page-Main_Page.action-view .catlinks,<br /> body.page-Main_Page.action-view #contentSub,<br /> body.page-Main_Page.action-view #siteNotice {<br /> display: none;<br /> }<br /> <br /> body.page-Main_Page h1 { display: none; }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> margin: 2.6em 1.75em 1.5em<br /> }<br /> <br /> .mainpage-header .header-intro {<br /> flex: 2<br /> }<br /> <br /> .mainpage-header .header-intro h1 {<br /> font-size: 2.5em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.15em<br /> }<br /> <br /> .mainpage-header .header-intro p {<br /> font-size: 1.1em;<br /> line-height: 1.7em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> flex: 1;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> margin-top: -1em<br /> }<br /> <br /> .mainpage-body {<br /> display: grid;<br /> grid-template-areas: &quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left right&quot;;<br /> gap: 0.9rem;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-body h2 a {<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-body .tile {<br /> padding-left: 1.75em;<br /> padding-right: 1.75em;<br /> max-width: 100%<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> width: 100%;<br /> margin-bottom: 0<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> display: grid;<br /> gap: 0.9rem<br /> }<br /> <br /> .mainpage-left {<br /> grid-area: left;<br /> flex: 2;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-left &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .mainpage-right {<br /> grid-area: right;<br /> flex: 1;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-right &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .arrow {<br /> background: url(/images/White-chevron.svg?b82be) no-repeat;<br /> display: inline-block;<br /> height: 0.7rem;<br /> width: 0.45rem;<br /> vertical-align: middle<br /> }<br /> <br /> .arrow.dark {<br /> filter: invert(80%)<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-area: update;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves {<br /> flex: 1;<br /> align-content: flex-start<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-bottom.link-button a {<br /> text-align: left;<br /> padding: 1rem 1.5rem 0.75rem<br /> }<br /> <br /> .mainpage-recent-updates h2 {<br /> margin: -0.5em 0 0.3em<br /> }<br /> <br /> .mainpage-recent-updates p:not(.byline) {<br /> font-size: 0.9em;<br /> line-height: 1.75em;<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-contents {<br /> grid-area: content;<br /> grid-template-columns: repeat(6,1fr)<br /> }<br /> <br /> .mainpage-contents .tile-halves {<br /> flex: 1<br /> }<br /> <br /> .mainpage-contents .tile-top {<br /> position: relative<br /> }<br /> <br /> .mainpage-contents h2 {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> .mainpage-contents .tile-bottom.link-button a {<br /> padding: 0.75em 0.2em<br /> }<br /> <br /> .mainpage-skills ul {<br /> columns: 3 9em;<br /> margin: 1em 0.7em 0.7em 1em<br /> }<br /> <br /> .mainpage-skills li {<br /> display: flex;<br /> margin-bottom: 0.29em<br /> }<br /> <br /> .mainpage-skills li a:first-child {<br /> border-radius: 2px;<br /> padding: 4px;<br /> width: 25px;<br /> height: 25px;<br /> text-align: center;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center<br /> }<br /> <br /> .mainpage-skills li a:last-child {<br /> flex: 1;<br /> display: flex;<br /> align-items: center;<br /> font-weight: bold;<br /> padding-left: 0.7em;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-skills li:hover a:first-child {<br /> border-radius: 2px 0 0 2px<br /> }<br /> <br /> .mainpage-skills li:hover a:last-child {<br /> color: rgba(255,255,255,0.9);<br /> border-radius: 0 2px 2px 0<br /> }<br /> <br /> .skill-agility a:first-child,.skill-melee a:first-child {<br /> background: #bc483d<br /> }<br /> <br /> .skill-agility:hover a:last-child,.skill-melee:hover a:last-child {<br /> background: #932419<br /> }<br /> <br /> .skill-ranged a:first-child {<br /> background: #748d36<br /> }<br /> <br /> .skill-ranged:hover a:last-child {<br /> background: #4c6215<br /> }<br /> <br /> .skill-magic a:first-child {<br /> background: #6274ab<br /> }<br /> <br /> .skill-magic:hover a:last-child {<br /> background: #304791<br /> }<br /> <br /> .skill-fishing a:first-child,.skill-fletching a:first-child {<br /> background: #3e8e9a<br /> }<br /> <br /> .skill-fishing:hover a:last-child,.skill-fletching:hover a:last-child {<br /> background: #1a6671<br /> }<br /> <br /> .skill-cooking a:first-child,.skill-thieving a:first-child {<br /> background: #91689e<br /> }<br /> <br /> .skill-cooking:hover a:last-child,.skill-thieving:hover a:last-child {<br /> background: #713684<br /> }<br /> <br /> .skill-farming a:first-child,.skill-woodcutting a:first-child {<br /> background: #59924f<br /> }<br /> <br /> .skill-farming:hover a:last-child,.skill-woodcutting:hover a:last-child {<br /> background: #306f25<br /> }<br /> <br /> .skill-mining a:first-child {<br /> background: #6385a8<br /> }<br /> <br /> .skill-mining:hover a:last-child {<br /> background: #315f8d<br /> }<br /> <br /> .skill-smithing a:first-child {<br /> background: #d2b244<br /> }<br /> <br /> .skill-smithing:hover a:last-child {<br /> background: #b69213<br /> }<br /> <br /> .popular-pages ul {<br /> display: grid;<br /> grid-template-columns: repeat(3,1fr);<br /> grid-gap: 0.6em;<br /> margin: 1em 0 0.7em 0<br /> }<br /> <br /> .mp-popular-page-light {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--button-background);<br /> transition: 100ms<br /> }<br /> <br /> .mp-popular-page-light a {<br /> flex: 1;<br /> display: block;<br /> color: #fff;<br /> font-weight: bold;<br /> text-align: center;<br /> text-decoration: none;<br /> padding: 0.7em 1em<br /> }<br /> <br /> .mp-popular-page-light:hover {<br /> filter: brightness(115%);<br /> transition: 100ms<br /> }<br /> <br /> .mainpage-discord {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-discord .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #5865f2;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-discord .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-discord .tile-bottom {<br /> background: #525ee0;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-discord .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-discord .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-discord .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-discord .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-youtube {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-youtube .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-youtube .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-youtube .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-youtube .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-youtube .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-youtube .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-youtube .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-rl {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-rl .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #383838;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-rl .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-rl .tile-bottom {<br /> background: #FF9300;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-rl .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-rl .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-rl .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-rl .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-twitter {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-twitter .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-twitter .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-twitter .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-twitter .twitter-logo {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-twitter .twitter-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-twitter .twitter-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-twitter .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .mainpage-editing {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-editing .tile-top {<br /> background: #222e45<br /> }<br /> <br /> .mainpage-editing .tile-bottom {<br /> background: #3980ab;<br /> border: none;<br /> padding: 0.8rem 1.5rem 0.4rem<br /> }<br /> <br /> .mainpage-editing h2,.mainpage-editing a {<br /> color: #fff<br /> }<br /> <br /> .mainpage-editing p {<br /> color: rgba(255,255,255,0.9)<br /> }<br /> <br /> .mainpage-editing ul {<br /> list-style-image: url(/images/Transparent-chevron.svg?20dcf)<br /> }<br /> <br /> .mainpage-poll .ajaxpoll {<br /> border: none;<br /> background: none;<br /> padding: 0;<br /> width: auto<br /> }<br /> <br /> .mainpage-trailblazer {<br /> grid-area: event<br /> }<br /> <br /> .mainpage-trailblazer .tb-logo {<br /> margin-bottom: 0.9rem<br /> }<br /> <br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-trailblazer .tile-row .tile-top {<br /> height: 20vw;<br /> min-height: 9em<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1200px) {<br /> .mainpage-contents {<br /> grid-template-columns:repeat(3,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1000px) {<br /> .mainpage-body {<br /> grid-template-areas:&quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left left&quot; &quot;right right right&quot;<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-top {<br /> height: 18vw;<br /> min-height: 9em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> display: none<br /> }<br /> <br /> .mainpage-left &gt; *:last-child,.mainpage-right &gt; *:last-child {<br /> margin-bottom: 0<br /> }<br /> <br /> .popular-pages ul {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-recent-updates {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: flex<br /> }<br /> <br /> .mainpage-contents {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background-color: var(--body-main);<br /> border-top-color: var(--body-border);<br /> box-shadow: none<br /> }<br /> <br /> .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,.mw-prefs-tabs &gt; .oo-ui-menuLayout-content &gt; .oo-ui-indexLayout-stackLayout &gt; .oo-ui-tabPanelLayout {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --rc-positive-color: #407813;<br /> --rc-negative-color: #b41e0f<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: var(--rc-positive-color)<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: var(--rc-negative-color)<br /> }<br /> <br /> .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {<br /> border-color: var(--body-border);<br /> background-color: var(--body-light);<br /> border-radius: 2px<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-menuSelectWidget-footer {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-tagItemWidget-popup-content {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-changeslist-legend,.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .client-js .mw-changeslist ul,.client-js .mw-changeslist table.mw-enhanced-rc {<br /> margin-left: 0<br /> }<br /> <br /> .mw-rcfilters-ui-watchlistTopSectionWidget-separator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-header {<br /> border-bottom-color: var(--ooui-interface);<br /> background-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-title {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-header {<br /> border-bottom-color: var(--ooui-interface-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-savedLinksListItemWidget-label {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted ul,.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted table.mw-enhanced-rc {<br /> margin-left: 1.5em<br /> }<br /> <br /> .page-Special_CreateAccount .mw-ui-container,.page-Special_UserLogin .mw-ui-container {<br /> max-width: 64rem;<br /> margin: 0 auto<br /> }<br /> <br /> .mw-number-text {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-body-content .mw-number-text h3 {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-indicator-mw-helplink a {<br /> background: none;<br /> padding: 0;<br /> display: flex;<br /> align-items: center<br /> }<br /> <br /> #mw-indicator-mw-helplink a::before {<br /> content: '';<br /> margin-right: 5px;<br /> -webkit-mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> background: var(--text-color);<br /> height: 20px;<br /> width: 20px<br /> }<br /> <br /> .results-info {<br /> color: inherit<br /> }<br /> <br /> .mw-search-profile-tabs {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> .search-types .current a {<br /> color: inherit<br /> }<br /> <br /> #mw-searchoptions {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> #mw-searchoptions .divider {<br /> border-color: var(--body-border)<br /> }<br /> <br /> #mw-searchoptions h4 {<br /> font-family: inherit<br /> }<br /> <br /> #mw-searchoptions .oo-ui-labelElement:nth-of-type(odd) {<br /> font-weight: bold<br /> }<br /> <br /> .searchresult {<br /> line-height: 1.5<br /> }<br /> <br /> .searchalttitle,#mw-search-interwiki li {<br /> font-size: 90%<br /> }<br /> <br /> .mw-search-result-data {<br /> color: var(--byline-color)<br /> }<br /> <br /> .page-Special_ListFiles a.image img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .page-Special_ListFiles .TablePager_col_thumb {<br /> text-align: center<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] {<br /> background-color: var(--body-main) !important;<br /> border-color: var(--wikitable-border) !important;<br /> margin-top: 0.5em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th,#editcount table[border=&quot;1&quot;] td {<br /> padding: 0.2em 0.4em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th {<br /> background-color: var(--wikitable-header-bg);<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] td {<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] tr:nth-child(odd) {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget {<br /> background-color: inherit<br /> }<br /> <br /> table.mw-interwikitable.body td.mw-interwikitable-local-yes {<br /> background-color: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .mw-protectedpages-unknown {<br /> color: var(--byline-color)<br /> }<br /> <br /> .watchlistredir,.allpagesredirect {<br /> font-style: italic<br /> }<br /> <br /> .allpagesredirect:after {<br /> color: var(--byline-color);<br /> content: &quot; (redirect)&quot;<br /> }<br /> <br /> .mw-apisandbox-toolbar {<br /> background: var(--body-main)<br /> }<br /> <br /> .oo-ui-menuOptionWidget .mw-apisandbox-flag {<br /> color: var(--byline-color)<br /> }<br /> <br /> tr.mw-abusefilter-list-disabled,tr.mw-abusefilter-list-disabled td {<br /> color: var(--byline-color)<br /> }<br /> <br /> table.mw-abuselog-details {<br /> background: var(--wikitable-bg);<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> table.mw-abuselog-details th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> table.mw-abuselog-details th,table.mw-abuselog-details td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-abusefilter-log-hidden-entry {<br /> color: var(--subtle-color)<br /> }<br /> <br /> body td.mw-abusefilter-history-changed {<br /> background: var(--table-no-background)<br /> }<br /> <br /> div.mw-abusefilter-editor,#mw-abusefilter-warn-preview,#mw-abusefilter-disallow-preview {<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-destfile-warning {<br /> border-color: var(--warningbox-border);<br /> color: var(--text-color);<br /> background-color: var(--warningbox-bg)<br /> }<br /> <br /> span.fileinput-button {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> ul.fileupload-results li.ful-success {<br /> background-color: var(--successbox-bg)<br /> }<br /> <br /> ul.fileupload-results li.ful-success a {<br /> color: var(--link-color)<br /> }<br /> <br /> ul.fileupload-results li.ful-error {<br /> background-color: var(--errorbox-bg)<br /> }<br /> <br /> #siteNotice {<br /> text-align: center<br /> }<br /> <br /> #siteNotice ul {<br /> list-style: none<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-body {<br /> margin: 0<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-close {<br /> float: none;<br /> text-align: right<br /> }<br /> <br /> .mw-dismissable-notice-close-parent {<br /> min-height: 1em<br /> }<br /> <br /> .mmg-xpline:after {<br /> content: ','<br /> }<br /> <br /> .mmg-xpline:last-child:after {<br /> content: ''<br /> }<br /> <br /> .mmg-itemline {<br /> display: block<br /> }<br /> <br /> .discussiontable th {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .discussiontable .topic,.discussiontable .edited,.discussiontable .edited-by,.discussiontable .rg-archive {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .dpltable {<br /> margin-top: -30px<br /> }<br /> <br /> .dpltable td {<br /> padding-left: 5px<br /> }<br /> <br /> .dpltable,.discussiontable {<br /> width: 100%<br /> }<br /> <br /> .dpltable .topic,.discussiontable .topic {<br /> width: 40%<br /> }<br /> <br /> .dpltable .edited,.discussiontable .edited,.dpltable .edited-by,.discussiontable .edited-by {<br /> width: 30%<br /> }<br /> <br /> .dpltable .rg-archive,.discussiontable .rg-archive {<br /> width: 20%<br /> }<br /> <br /> body.ns-110 #ca-talk {<br /> display: none<br /> }<br /> <br /> :root {<br /> --gemw-positive-color: #6bc71f;<br /> --gemw-unchanged-color: #3ea6e6;<br /> --gemw-negative-color: #ee4231;<br /> --gemw-historical-border-color: #000<br /> }<br /> <br /> .gemw-container {<br /> max-width: 60em;<br /> margin: 4em auto<br /> }<br /> <br /> .gemw-header {<br /> display: flex;<br /> border-left-width: 0.25em;<br /> border-left-style: solid;<br /> padding-left: 1em;<br /> margin-bottom: 3em<br /> }<br /> <br /> .gemw-header.positive {<br /> border-color: var(--gemw-positive-color)<br /> }<br /> <br /> .gemw-header.negative {<br /> border-color: var(--gemw-negative-color)<br /> }<br /> <br /> .gemw-header.unchanged {<br /> border-color: var(--gemw-unchanged-color)<br /> }<br /> <br /> .gemw-header .gemw-section-left {<br /> flex: 1<br /> }<br /> <br /> .gemw-header .gemw-name {<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> margin-bottom: 0<br /> }<br /> <br /> .gemw-header .gemw-name a {<br /> color: inherit<br /> }<br /> <br /> .gemw-header .gemw-examine {<br /> color: var(--byline-color);<br /> font-size: 1.05em;<br /> font-style: italic;<br /> margin: 0 1em 1.25em 0<br /> }<br /> <br /> .gemw-header .gemw-price {<br /> display: inline-block;<br /> font-size: 2.75em;<br /> font-weight: bold<br /> }<br /> <br /> .gemw-header .gemw-price::after {<br /> content: ' coins';<br /> color: var(--byline-color);<br /> font-size: 1rem;<br /> font-weight: normal;<br /> word-spacing: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-change {<br /> display: inline-block;<br /> font-size: 1rem;<br /> font-weight: bold;<br /> margin-left: 2em;<br /> word-spacing: 0.5em<br /> }<br /> <br /> .gemw-header .gemw-change img {<br /> vertical-align: baseline<br /> }<br /> <br /> .gemw-header .gemw-section-right {<br /> text-align: right<br /> }<br /> <br /> .gemw-header .gemw-updated {<br /> color: var(--byline-color);<br /> line-height: 1.5em;<br /> margin-top: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-time {<br /> color: var(--byline-color);<br /> font-weight: bold<br /> }<br /> <br /> .gemw-body {<br /> display: flex<br /> }<br /> <br /> .gemw-body .gemw-section-left {<br /> width: 40%;<br /> margin-right: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left dl {<br /> display: flex;<br /> flex-flow: row wrap;<br /> justify-content: space-between;<br /> margin-bottom: -1.25em<br /> }<br /> <br /> .gemw-body .gemw-section-left &gt; div {<br /> margin-top: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .gemw-body .gemw-property {<br /> width: 30%;<br /> border-top: 0.15em dotted var(--body-mid);<br /> padding-top: 0.25em;<br /> margin-bottom: 1.5em<br /> }<br /> <br /> .gemw-body .gemw-property dt {<br /> color: var(--byline-color);<br /> font-weight: normal<br /> }<br /> <br /> .gemw-body .gemw-property dd {<br /> font-weight: bold;<br /> margin: -0.25em 0 0<br /> }<br /> <br /> .gemw-body .gemw-links {<br /> color: var(--byline-color);<br /> margin-bottom: 0.35em<br /> }<br /> <br /> .gemw-body .gemw-section-right {<br /> width: 60%<br /> }<br /> <br /> .gemw-body .gemw-chart {<br /> color: #eceeee;<br /> font-size: 5em;<br /> text-align: center;<br /> line-height: 5em;<br /> position: relative<br /> }<br /> <br /> .gemw-body .gemw-chart .GEChartBox,.gemw-body .gemw-chart .GEdatachart {<br /> position: relative<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header.positive,.gemw-container.gemw-historical .gemw-header.negative,.gemw-container.gemw-historical .gemw-header.neutral,.gemw-container.gemw-historical .gemw-header.unchanged {<br /> border-color: var(--gemw-historical-border-color)<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-time .jsPurgeLink,.gemw-container.gemw-historical .gemw-header .gemw-time &gt; span.plainlinks {<br /> display: none<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-section-left:after {<br /> content: &quot;This is a historical item no longer available on the Grand Exchange. The data is preserved here as an archive.&quot;;<br /> font-style: italic<br /> }<br /> <br /> #overlay {<br /> display: none;<br /> background-color: var(--ooui-window-background);<br /> height: auto;<br /> width: auto;<br /> overflow: hidden;<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> bottom: 0;<br /> left: 0;<br /> z-index: 50<br /> }<br /> <br /> #GEchartpopup g.highcharts-label text &gt; a:visited,.GEdatachart g.highcharts-label text &gt; a:visited {<br /> fill: white<br /> }<br /> <br /> #GEchartpopup {<br /> background: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> border-radius: 2px;<br /> color: var(--ooui-text);<br /> position: fixed;<br /> left: 0;<br /> right: 0;<br /> top: 1em;<br /> bottom: 1em;<br /> margin: auto;<br /> padding: 1em;<br /> max-width: 975px;<br /> z-index: 52;<br /> overflow: auto<br /> }<br /> <br /> #GEchartpopup #closepopup {<br /> float: right;<br /> margin-bottom: 5px;<br /> z-index: 100<br /> }<br /> <br /> #GEchartpopup #itemstats {<br /> bottom: 50px;<br /> font-size: 11px;<br /> position: absolute;<br /> right: 45px;<br /> width: 200px;<br /> z-index: 10<br /> }<br /> <br /> #GEchartpopup #itemstats caption {<br /> cursor: pointer;<br /> text-align: right<br /> }<br /> <br /> #GEpopupchart {<br /> height: 500px<br /> }<br /> <br /> .highcharts-container .highcharts-range-selector {<br /> font-size: 11px<br /> }<br /> <br /> .GEPermLink {<br /> float: right;<br /> font-size: 14px<br /> }<br /> <br /> .GEPermLink ~ .GEdatachart {<br /> clear: right<br /> }<br /> <br /> form[id^=&quot;chartProperties&quot;] button {<br /> margin: 3px<br /> }<br /> <br /> .smallChart .highcharts-range-selector {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-button title + rect {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-title {<br /> white-space: nowrap !important<br /> }<br /> <br /> .smallChart .zoomButton,.smallChart svg &gt; text:first-of-type,.smallChart .highcharts-input-group {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-scrollbar,.mediumChart .highcharts-scrollbar {<br /> display: none<br /> }<br /> <br /> .highcharts-background,.highcharts-plot-background {<br /> fill: transparent<br /> }<br /> <br /> .highcharts-title,.highcharts-subtitle {<br /> color: var(--text-color) !important<br /> }<br /> <br /> .highcharts-axis-title {<br /> fill: var(--text-color) !important<br /> }<br /> <br /> .highcharts-yaxis-grid .highcharts-grid-line,.highcharts-tick,.highcharts-axis-line {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-axis-labels text,.highcharts-range-selector-group text {<br /> color: var(--ooui-text) !important;<br /> fill: var(--ooui-text) !important<br /> }<br /> <br /> .highcharts-label-box {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-button-box {<br /> fill: var(--ooui-normal)<br /> }<br /> <br /> .highcharts-navigator-outline {<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-track {<br /> fill: transparent;<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-button,.highcharts-scrollbar-thumb,.highcharts-navigator-handle {<br /> fill: var(--ooui-normal);<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-scrollbar-arrow {<br /> fill: var(--ooui-text)<br /> }<br /> <br /> .highcharts-scrollbar-rifles {<br /> stroke: var(--ooui-text)<br /> }<br /> <br /> #t-print,#t-permalink {<br /> display: none<br /> }<br /> <br /> .jcConfig {<br /> display: none<br /> }<br /> <br /> #filetoc {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> border-color: transparent;<br /> margin: 0.5em auto;<br /> text-align: center;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> .smwfact {<br /> display: none<br /> }<br /> <br /> .list-header {<br /> background-color: var(--body-mid);<br /> color: inherit<br /> }<br /> <br /> .editOptions {<br /> color: var(--text-color);<br /> background-color: var(--sourceeditor-background-secondary);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .updatedmarker {<br /> background-color: #c3e8a3;<br /> color: #162e02<br /> }<br /> <br /> .mw-json th,.mw-json td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-json td {<br /> background: var(--wikitable-bg)<br /> }<br /> <br /> .mw-json th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> <br /> html {<br /> -webkit-text-size-adjust: 100%<br /> }<br /> <br /> body {<br /> background: var(--body-background-image) var(--body-background-color) top left / 1500px 375px no-repeat;<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .vector-body {<br /> font-size: 0.9em<br /> }<br /> <br /> #firstHeading {<br /> font-weight: bold<br /> }<br /> <br /> pre,code,.mw-code {<br /> color: inherit;<br /> background-color: var(--mw-code-background-color);<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> dl {<br /> margin: 0<br /> }<br /> <br /> ul {<br /> list-style-image: var(--ul-list-style-image)<br /> }<br /> <br /> hr {<br /> background: none;<br /> border-color: var(--body-border);<br /> border-style: solid;<br /> border-width: 1px 0 0 0;<br /> height: initial<br /> }<br /> <br /> fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .vector-body blockquote {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --personal-links-bg: var(--body-main);<br /> --arrow-down: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5' fill='%23444'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading {<br /> background-color: var(--vector-tab-background);<br /> padding: 1em 0.75em 0.6923em;<br /> margin: 0<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading,.vector-menu-dropdown .vector-menu-heading:hover,.vector-menu-dropdown .vector-menu-heading:focus {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading:after {<br /> background-image: var(--arrow-down);<br /> opacity: 1<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-content {<br /> border-color: transparent;<br /> background-color: var(--body-light);<br /> box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);<br /> left: 0<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item a {<br /> color: var(--link-color)<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item.selected a,.vector-menu-dropdown .mw-list-item.selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> #p-personal {<br /> background: var(--personal-links-bg);<br /> top: 0;<br /> right: 0;<br /> border-radius: 0 0 0 4px;<br /> height: 1.875em<br /> }<br /> <br /> #p-personal ul {<br /> padding: 0 1em 0 0.4375em<br /> }<br /> <br /> .vector-search-box-inner {<br /> background: var(--search-box);<br /> height: 2.5em;<br /> margin-top: 0;<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-search-box-input {<br /> color: var(--text-color);<br /> height: 100%;<br /> border: none;<br /> background: none;<br /> padding-left: 0.75em<br /> }<br /> <br /> .vector-search-box-input::placeholder {<br /> color: var(--text-color);<br /> opacity: 0.67<br /> }<br /> <br /> .vector-search-box-inner:hover .vector-search-box-input,.vector-search-box-input:focus,.vector-search-box-inner:hover .vector-search-box-input:focus {<br /> border: none;<br /> box-shadow: none<br /> }<br /> <br /> :root {<br /> --searchbutton-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13'%3E%3Cg fill='none' stroke='%238cabe6' stroke-width='2'%3E%3Cpath d='M11.29 11.71l-4-4'/%3E%3Ccircle cx='5' cy='5' r='4'/%3E%3C/g%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .searchButton[name='go'] {<br /> background: no-repeat center var(--searchbutton-icon)<br /> }<br /> <br /> .vector-search-box {<br /> margin: 0<br /> }<br /> <br /> .vector-search-box form {<br /> margin-top: 0<br /> }<br /> <br /> .suggestions-results {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-result {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions a.mw-searchSuggest-link,.suggestions a.mw-searchSuggest-link:hover,.suggestions a.mw-searchSuggest-link:active,.suggestions a.mw-searchSuggest-link:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-special {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-special .special-label {<br /> color: var(--byline-color)<br /> }<br /> <br /> .suggestions-special .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current .special-label,.suggestions-result-current .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-panel {<br /> padding-top: 2.5em<br /> }<br /> <br /> .vector-menu-portal .vector-menu-heading {<br /> color: var(--background-text-color);<br /> font-weight: bold;<br /> background: none<br /> }<br /> <br /> .vector-menu-portal .vector-menu-content li a,.vector-menu-portal .vector-menu-content li a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-logo {<br /> filter: drop-shadow(0 2px 5px rgba(0,0,0,0.25));<br /> margin: -1.5em 0 0<br /> }<br /> <br /> #n-Discord a {<br /> color: #fff !important;<br /> font-weight: bold;<br /> border-radius: 4px;<br /> border: 1px solid #4c57d0;<br /> background-color: #5865f2;<br /> display: block;<br /> position: relative;<br /> padding: 4px 4px 5px calc(17px + 6.5px * 2);<br /> box-shadow: 0 2px 3px rgba(0,0,0,0.1);<br /> transition: 0.2s<br /> }<br /> <br /> #n-Discord a::before {<br /> content: 'Chat on ';<br /> font-weight: normal;<br /> opacity: 0.85<br /> }<br /> <br /> #n-Discord a::after {<br /> content: '';<br /> background: url(/images/0/06/Discord_logo_icon1.png) no-repeat;<br /> background-size: 17px 13px;<br /> filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));<br /> position: absolute;<br /> top: 5px;<br /> left: 7px;<br /> width: 17px;<br /> height: 13px<br /> }<br /> <br /> #n-Discord a:hover {<br /> text-decoration: none;<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a {<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a:hover {<br /> background-color: #4c57d0<br /> }<br /> <br /> :root {<br /> --vector-tab-background: var(--body-background-color);<br /> --vector-tab-background--hover: var(--body-mid);<br /> --vector-tab-link-color: var(--background-link-color);<br /> --watch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='transparent' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;);<br /> --unwatch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%238cabe6' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;)<br /> }<br /> <br /> .vector-menu-tabs-legacy {<br /> padding: 0<br /> }<br /> <br /> .vector-menu-tabs-legacy .new a,.vector-menu-tabs-legacy .new a:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected {<br /> background: var(--body-main)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected a,.vector-menu-tabs-legacy .selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy li a {<br /> color: var(--vector-tab-link-color);<br /> padding: 0 0.75em;<br /> padding-top: 1em<br /> }<br /> <br /> .vector-menu-tabs-legacy li a:visited {<br /> color: var(--vector-tab-link-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul li {<br /> background: var(--vector-tab-background)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul a:hover {<br /> text-decoration: none<br /> }<br /> <br /> #ca-view {<br /> display: none !important<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected):hover,#p-cactions:hover #p-cactions-label {<br /> background: var(--vector-tab-background--hover)<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected),#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-menu-tabs,.vector-menu-tabs a,#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> background-image: none<br /> }<br /> <br /> .ve-activated .vector-menu-tabs .selected {<br /> box-shadow: none<br /> }<br /> <br /> .vector-menu-tabs #ca-watch.icon a:before,.vector-menu-tabs #ca-watch.icon a:hover:before,.vector-menu-tabs #ca-watch.icon a:focus:before {<br /> background-image: var(--watch-icon)<br /> }<br /> <br /> .vector-menu-tabs #ca-unwatch.icon a:before,.vector-menu-tabs #ca-unwatch.icon a:hover:before,.vector-menu-tabs #ca-unwatch.icon a:focus:before {<br /> background-image: var(--unwatch-icon)<br /> }<br /> <br /> #p-Recent_changes {<br /> display: block<br /> }<br /> <br /> #p-Recent_changes .vector-menu-content {<br /> display: none<br /> }<br /> <br /> #p-Recent_changes .vector-menu-heading:after {<br /> content: '';<br /> position: relative;<br /> left: 0.5em;<br /> display: inline-block;<br /> background-color: #3c7b07;<br /> width: 6px;<br /> height: 6px;<br /> border-radius: 100%<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-item {<br /> position: relative;<br /> font-size: 0.75em;<br /> margin: 0.5em 0.25em 0 0.66em<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page {<br /> display: block;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden;<br /> max-width: max-content<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page,#p-Recent_changes .rc-sidebar-page:active,#p-Recent_changes .rc-sidebar-page:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user {<br /> color: var(--byline-color);<br /> margin: 0;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user a {<br /> color: inherit<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more {<br /> text-align: left<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more .rc-sidebar-page {<br /> display: inline-block<br /> }<br /> <br /> div.thumbinner {<br /> border: none;<br /> background-color: var(--thumb-bg);<br /> padding: 0<br /> }<br /> <br /> .thumbimage {<br /> background-color: transparent;<br /> border-color: transparent;<br /> border-bottom: none<br /> }<br /> <br /> .thumbcaption {<br /> background: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border)<br /> }<br /> <br /> .toc {<br /> font-size: 0.9em;<br /> background: var(--toc-bg);<br /> margin-top: 1em;<br /> padding: 0;<br /> border-color: var(--toc-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> clear: left<br /> }<br /> <br /> .toc .toctitle {<br /> background: var(--toc-title-bg);<br /> padding: 0.25em 1em<br /> }<br /> <br /> .toc .toctitle h2 {<br /> font-family: inherit<br /> }<br /> <br /> .toc &gt; ul {<br /> line-height: 1.8em;<br /> padding: 0.75em 1.75em;<br /> margin: 0<br /> }<br /> <br /> .toc ul ul {<br /> border-left: 1px dotted var(--toc-list-border-color);<br /> padding-left: 0.5em<br /> }<br /> <br /> .tocnumber {<br /> display: none<br /> }<br /> <br /> .toctogglespan {<br /> padding-left: 0.2em;<br /> font-size: 0.9em<br /> }<br /> <br /> .toctogglelabel {<br /> color: var(--link-color)<br /> }<br /> <br /> .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 {<br /> display: none<br /> }<br /> <br /> :root {<br /> --external-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238cabe6' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image: var(--external-icon);<br /> background-size: 0.833em<br /> }<br /> <br /> .mw-editsection {<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type),.mw-editsection-divider {<br /> color: var(--text-color)<br /> }<br /> <br /> #contentSub,#contentSub2 {<br /> color: var(--byline-color);<br /> margin: 0<br /> }<br /> <br /> #contentSub:not(:empty),#contentSub2:not(:empty) {<br /> margin: 0 0 1.4em 0<br /> }<br /> <br /> .mw-collapsible.mw-collapsed {<br /> min-width: 250px<br /> }<br /> <br /> .mw-collapsible:not(.mw-made-collapsible) th::before,.mw-collapsible .mw-collapsible-toggle {<br /> font-weight: normal;<br /> margin-left: 0.2em<br /> }<br /> .mw-collapsible-toggle-default .mw-collapsible-text {<br /> color: #8cabe6;<br /> }<br /> .wikiEditor-ui .wikiEditor-ui-view,.wikiEditor-ui .wikiEditor-ui-top {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar {<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab &gt; a,.wikiEditor-ui-toolbar .tabs span.tab &gt; a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a.current,.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br /> color: var(--text-colour)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select {<br /> background-color: var(--sourceeditor-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options .option {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group-search {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table td {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table th {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .section {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .group &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .tool &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet &gt; .index &gt; :hover {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet .index &gt; .current {<br /> background-color: var(--body-mid);<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span:hover {<br /> border-color: var(--body-dark);<br /> background-color: transparent<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a:before,.wikiEditor-ui-toolbar .group .tool-select .label:after {<br /> background: var(--text-color);<br /> -webkit-mask: var(--arrow-down) center no-repeat;<br /> mask: var(--arrow-down) center no-repeat<br /> }<br /> <br /> .ace-tm {<br /> background-color: var(--sourceeditor-input-background);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter {<br /> background: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-cell {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-active-line {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .ace_search {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ace_search_field {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .ace_searchbtn {<br /> border-color: var(--ooui-normal-border);<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ace_searchbtn:last-child {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .ace_searchbtn:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .ace_searchbtn.prev:after,.ace_searchbtn.next:after {<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .ace_button {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace_button:hover {<br /> background-color: rgba(0,23,70,0.086)<br /> }<br /> <br /> .ace_button:active {<br /> background-color: rgba(0,23,70,0.06)<br /> }<br /> <br /> .ace_button.checked {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .CodeMirror {<br /> background: var(--sourceeditor-input-background)<br /> }<br /> <br /> .CodeMirror pre {<br /> color: var(--text-color)<br /> }<br /> <br /> .codeEditor-status {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .codeEditor-status-message {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-gutters {<br /> background-color: var(--codemirror-gutter-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-linenumber {<br /> color: var(--text-color)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget .CodeMirror-linenumber {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-editform #wpTextbox1 {<br /> color: var(--text-color);<br /> background: var(--sourceeditor-input-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> input[name=&quot;model&quot;][value=&quot;Scribunto&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;css&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;less&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;javascript&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;json&quot;] ~ .wikiEditor-ui #wpTextbox1 {<br /> height: 600px<br /> }<br /> <br /> .tdg-templateDataDialog-listParamsPanel textarea.oo-ui-textInputWidget-autosized {<br /> resize: vertical<br /> }<br /> <br /> #wpAceFilterEditor {<br /> resize: horizontal<br /> }<br /> <br /> .warn-userupload,.ns-2 .upload-own-work {<br /> display: none<br /> }<br /> <br /> .ns-2 .warn-userupload {<br /> display: inline<br /> }<br /> <br /> textarea[name=&quot;wfUploadDescription&quot;] {<br /> height: 3em<br /> }<br /> <br /> #editform {<br /> margin-top: 1.25em<br /> }<br /> <br /> #mw-scribunto-input,#mw-scribunto-output {<br /> padding: 3px;<br /> font-family: monospace;<br /> font-size: 13px;<br /> line-height: 1.5em<br /> }<br /> <br /> #mw-scribunto-input {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> :root {<br /> --scribuntoconsole-input: #0b5884;<br /> --scibuntoconsole-print: #a48900;<br /> --scribuntoconsole-error: #9f261e;<br /> --scribuntoconsole-message: #3c780a;<br /> --scribuntoconsole-tabcomplete: #4f348b;<br /> --scribuntoconsole-clear: #9f261e<br /> }<br /> <br /> .mw-scribunto-console-fieldset {<br /> color: inherit;<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-scribunto-normalOutput,.mw-scribunto-print,.mw-scribunto-error,.mw-scribunto-propList,.mw-scribunto-message,.mw-scribunto-tabcomplete {<br /> background: none<br /> }<br /> <br /> .mw-scribunto-input {<br /> color: var(--scribuntoconsole-input)<br /> }<br /> <br /> .mw-scribunto-normalOutput {<br /> color: inherit<br /> }<br /> <br /> .mw-scribunto-print {<br /> color: var(--scibuntoconsole-print)<br /> }<br /> <br /> .mw-scribunto-error {<br /> color: var(--scribuntoconsole-error)<br /> }<br /> <br /> .mw-scribunto-propList,.mw-scribunto-message {<br /> color: var(--scribuntoconsole-message)<br /> }<br /> <br /> .mw-scribunto-tabcomplete {<br /> color: var(--scribuntoconsole-tabcomplete)<br /> }<br /> <br /> .mw-scribunto-clear {<br /> color: var(--scribuntoconsole-clear);<br /> border-bottom-color: var(--scribuntoconsole-clear)<br /> }<br /> <br /> .ui-widget-overlay {<br /> background: var(--ooui-window-background)<br /> }<br /> <br /> .ui-dialog,.ui-widget-content {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> background-image: none;<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar.ui-widget-header,.ui-widget-content .ui-dialog-titlebar.ui-widget-header {<br /> background-image: none !important;<br /> background-color: var(--body-dark) !important;<br /> border-color: var(--body-border) !important<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar .ui-dialog-title,.ui-widget-content .ui-dialog-titlebar .ui-dialog-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close,.ui-widget-content .ui-dialog-titlebar-close {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close:hover,.ui-widget-content .ui-dialog-titlebar-close:hover {<br /> background: var(--ooui-normal--hover);<br /> border: var(--link-color)<br /> }<br /> <br /> .ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {<br /> background: var(--ooui-normal) !important;<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border) !important<br /> }<br /> <br /> .ui-button:hover,.ui-state-default:hover,.ui-widget-content .ui-state-default:hover,.ui-widget-header .ui-state-default:hover {<br /> background: var(--ooui-normal--hover) !important;<br /> color: var(--ooui-text)<br /> }<br /> <br /> .infobox {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> font-size: 0.85em;<br /> width: 300px;<br /> margin: 0.5em 0 1em 1em;<br /> border-collapse: collapse;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> table-layout: fixed;<br /> word-break: break-word<br /> }<br /> <br /> .infobox .infobox-header {<br /> color: var(--infobox-text-color);<br /> font-size: 1.15em;<br /> line-height: 1.4em;<br /> background: var(--body-dark);<br /> padding: 0.5em 0<br /> }<br /> <br /> .infobox .infobox-header a {<br /> color: inherit;<br /> font-size: 1.15em;<br /> font-weight: bold<br /> }<br /> <br /> .infobox .infobox-subheader {<br /> background: var(--body-dark);<br /> color: var(--infobox-text-color);<br /> line-height: 2em<br /> }<br /> <br /> .infobox .infobox-subheader a {<br /> color: inherit<br /> }<br /> <br /> .infobox .infobox-subheader + .infobox-subheader {<br /> border-left: 2px solid var(--body-light)<br /> }<br /> <br /> .infobox .infobox-image {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-image.inventory-image {<br /> height: 32px<br /> }<br /> <br /> .infobox .infobox-image a.image + a.image {<br /> margin-left: 0.1em<br /> }<br /> <br /> .infobox .infobox-image img {<br /> max-width: 300px;<br /> height: auto<br /> }<br /> <br /> .infobox th:not(.infobox-header):not(.infobox-subheader):not(.infobox-nested) {<br /> text-align: right;<br /> vertical-align: top;<br /> border-right: 2px solid var(--body-dark);<br /> padding: 0.2em 0.5em<br /> }<br /> <br /> .infobox td {<br /> padding: 0.25em 0.5em;<br /> line-height: 1.6em<br /> }<br /> <br /> .infobox td.infobox-nested {<br /> padding: 0.25em 0;<br /> line-height: 1em<br /> }<br /> <br /> .infobox th ~ td {<br /> vertical-align: top<br /> }<br /> <br /> .infobox .infobox-padding {<br /> height: 0.5em;<br /> padding: 0;<br /> border: 0<br /> }<br /> <br /> .infobox .infobox-nested {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-nested + .infobox-nested {<br /> border-left: 2px solid var(--body-dark)<br /> }<br /> <br /> .infobox .infobox-cell-hidden {<br /> display: none<br /> }<br /> <br /> .infobox .infobox-full-width-content {<br /> max-width: 300px;<br /> text-align: center;<br /> overflow: hidden;<br /> padding: 0<br /> }<br /> <br /> .infobox .infobox-caption {<br /> font-weight: bold<br /> }<br /> <br /> .infobox select {<br /> max-width: 300px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .infobox-item .infobox-image {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .infobox.skill-info {<br /> float: none;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses {<br /> clear: left;<br /> float: none;<br /> word-break: break-word;<br /> font-size: 100%;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image {<br /> width: 125px;<br /> text-align: center;<br /> vertical-align: middle;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image-caption {<br /> font-size: 0.85em<br /> }<br /> <br /> .infobox-bonuses .infobox-subheader {<br /> width: 250px<br /> }<br /> <br /> .skill-info a[href$=&quot;?action=edit&quot;] + a[href$=&quot;?action=edit&quot;] {<br /> display: none<br /> }<br /> <br /> .poh-room {<br /> background-color: var(--infobox-room-poh-color);<br /> margin: auto;<br /> width: 100px<br /> }<br /> <br /> .poh-room img {<br /> display: block<br /> }<br /> <br /> .poh-room-row {<br /> display: flex<br /> }<br /> <br /> .poh-room-text {<br /> margin: auto;<br /> width: 92px<br /> }<br /> <br /> .infobox-buttons {<br /> text-align: center;<br /> max-width: 300px;<br /> display: none<br /> }<br /> <br /> .infobox-switch-resources {<br /> display: none<br /> }<br /> <br /> .switch-infobox .switch-infobox-triggers,.switch-infobox .loading-button {<br /> clear: left<br /> }<br /> <br /> .infobox-pure .max-hit-list a {<br /> display: inline-block;<br /> min-width: 32px;<br /> min-height: 32px;<br /> text-align: center<br /> }<br /> <br /> .advanced-data {<br /> display: none<br /> }<br /> <br /> .multi-infobox .infobox {<br /> margin: 0<br /> }<br /> <br /> :root {<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--body-dark);<br /> --navbox-group-title-background: var(--body-mid)<br /> }<br /> <br /> .navbox {<br /> font-size: 0.85em;<br /> background: var(--navbox-background);<br /> border-collapse: collapse;<br /> margin: 1em auto 0;<br /> width: 100%;<br /> clear: both;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .navbox img {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .navbox .navbox {<br /> font-size: 100%;<br /> margin: 0.5em auto 0;<br /> box-shadow: none<br /> }<br /> <br /> .navbox-title {<br /> font-size: 110%;<br /> line-height: 1.6em;<br /> background: var(--navbox-title-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-title-name {<br /> margin: 0 4em<br /> }<br /> <br /> .navbox-title .mw-collapsible-toggle {<br /> color: #fff;<br /> font-size: 0.9em;<br /> text-align: right<br /> <br /> }<br /> <br /> .navbox-title .navbox {<br /> font-size: 100%<br /> }<br /> <br /> .navbox-group:nth-child(2) {<br /> border-top: 1px solid var(--navbox-border)<br /> }<br /> <br /> .navbox-group-title {<br /> background: var(--navbox-group-title-background);<br /> border: 1px solid var(--navbox-border);<br /> border-width: 0 1px 1px 0;<br /> text-align: left;<br /> padding: 0.25em 1em;<br /> width: 1%;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list {<br /> border-bottom: 1px solid var(--navbox-border);<br /> padding: 0.25em 0.5em<br /> }<br /> <br /> .navbox-list ul {<br /> margin: 0<br /> }<br /> <br /> .navbox-list li {<br /> display: inline;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list li + li::before {<br /> content: '• '<br /> }<br /> <br /> .navbox-parent {<br /> padding: 0<br /> }<br /> <br /> .navbox-subgroup {<br /> border-collapse: collapse;<br /> border-spacing: 0;<br /> width: 100%<br /> }<br /> <br /> .navbox-subgroup &gt; tbody &gt; tr:last-child &gt; th,.navbox-subgroup &gt; tbody &gt; tr:last-child &gt; td {<br /> border-bottom: none<br /> }<br /> <br /> .navbox-footer {<br /> background: var(--navbox-footer-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-data {<br /> display: none<br /> }<br /> <br /> :root {<br /> --echo-icon-moon-bg-image: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='21' viewBox='0 0 21 21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.85464918.37900488c-1.91149353 1.51069427-3.13816124 3.84973402-3.13816124 6.47527736 0 4.55564936 3.69308349 8.24873286 8.24873286 8.24873286 2.5815709 0 4.8861545-1.1859235 6.3986798-3.0426994-.8206378 4.7389755-4.9523867 8.343122-9.9259291 8.343122-5.56375572 0-10.07407088-4.5103151-10.07407088-10.0740709 0-5.02506013 3.67919933-9.19079725 8.49074856-9.95036192z' fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-person-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213.836%22 viewBox=%220 0 12 13.836%22%3E %3Cpath fill='%234c4c4c' d=%22M1.938%2C6.656c-1.32%2C1.485-1.47%2C3.15-0.97%2C4.25c0.323%2C0.707%2C0.78%2C1.127%2C1.313%2C1.375 c0.496%2C0.229%2C1.074%2C0.273%2C1.658%2C0.282c0.023%2C0%2C0.04%2C0.03%2C0.062%2C0.03h4.187c0.61%2C0%2C1.225-0.125%2C1.75-0.405 c0.527-0.28%2C0.961-0.718%2C1.188-1.376c0.335-0.964%2C0.175-2.529-1.094-4.03C9.094%2C7.954%2C7.68%2C8.719%2C6.065%2C8.719 c-1.677%2C0-3.182-0.812-4.125-2.063H1.938z%22/%3E %3Cpath fill='%234c4c4c' d=%22M6.063%2C0c-1.89%2C0-3.595%2C1.674-3.594%2C3.563C2.467%2C5.45%2C4.173%2C7.155%2C6.06%2C7.155 c1.89%2C0%2C3.564-1.705%2C3.563-3.593C9.625%2C1.673%2C7.95%2C0%2C6.063%2C0L6.063%2C0z%22/%3E %3C/svg%3E&quot;);<br /> --echo-icon-bell-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebell%3C/title%3E%3Cpath d=%22M16 7a5.38 5.38 0 00-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 004 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 003-3H7a3 3 0 003 3z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-tray-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etray%3C/title%3E%3Cpath d=%22M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-fullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M1 1v6h2V3h4V1zm2 12H1v6h6v-2H3zm14 4h-4v2h6v-6h-2zm0-16h-4v2h4v4h2V1z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;);<br /> --echo-icon-exitFullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E exit fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M7 7V1H5v4H1v2zM5 19h2v-6H1v2h4zm10-4h4v-2h-6v6h2zm0-8h4V5h-4V1h-2v6z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-user-menu-legacy #pt-userpage a,.vector-user-menu-legacy #pt-anonuserpage {<br /> background-image: var(--echo-icon-person-bg-image);<br /> padding-top: 0;<br /> background-position-y: 0<br /> }<br /> <br /> .vector-user-menu-legacy #pt-anonuserpage {<br /> color: var(--byline-color)<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge,#pt-notifications-notice .mw-echo-notifications-badge {<br /> background-size: 75%;<br /> background-position: center 80%;<br /> background-repeat: no-repeat;<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .oo-ui-icon-bell {<br /> background-image: var(--echo-icon-bell-bg-image)<br /> }<br /> <br /> #pt-notifications-notice .oo-ui-icon-tray {<br /> background-image: var(--echo-icon-tray-bg-image)<br /> }<br /> <br /> #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-exitFullscreen-bg-image)<br /> }<br /> <br /> body.wgl-fixedWidth #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-fullscreen-bg-image)<br /> }<br /> <br /> #pt-theme-toggles .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-moon-bg-image)<br /> }<br /> <br /> #pt-anontalk {<br /> padding-top: 0.6em<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul {<br /> margin: 5px 0 0 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> margin: 5px 0 0 15px<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul,.ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> list-style: none;<br /> border-left: 1px dashed var(--transcript-border-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul:hover,.transcript &gt; ul:hover,.ns-120 .mw-parser-output &gt; ul ul:hover,.transcript &gt; ul ul:hover,.ns-120 .mw-parser-output &gt; ul ol:hover,.transcript &gt; ul ol:hover {<br /> border-color: var(--transcript-border-hover-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li,.transcript &gt; ul li,.ns-120 .mw-parser-output &gt; ul ul li,.transcript &gt; ul ul li,.ns-120 .mw-parser-output &gt; ul ol li,.transcript &gt; ul ol li {<br /> flex-direction: column;<br /> padding-left: 15px;<br /> margin: 14px 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li:last-of-type,.transcript &gt; ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ul li:last-of-type,.transcript &gt; ul ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ol li:last-of-type,.transcript &gt; ul ol li:last-of-type {<br /> margin-bottom: 0<br /> }<br /> <br /> .nodesktop {<br /> display: none<br /> }<br /> <br /> /*<br /> The following styles were used as a temporary fix for TabberNeue.<br /> We're currently using old Tabber because TabberNeue breaks if a tab<br /> dynamically changes size, such as multi-infobox.<br /> */<br /> <br /> :root {<br /> --tabber-inactive-tab-bg: #222e45;<br /> --tabber-fade-scroll: linear-gradient(to bottom,rgba(226,219,200,0),#d8ccb4 95%,#94866d);<br /> }<br /> <br /> .tabber__tabs {<br /> gap: 1px;<br /> }<br /> <br /> .tabber__tab {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> padding: 0.5em 0.8em;<br /> border: 1px solid var(--body-border);<br /> border-bottom: 0;<br /> }<br /> <br /> .tabber__tabs .tabber__tab {<br /> color: var(--text-color);<br /> }<br /> <br /> /* Specific styles needed to override color on Minerva. */<br /> body.mediawiki .tabber a:visited, <br /> body.mediawiki .tabber image a:visited,<br /> body.mediawiki .tabber a:active, <br /> body.mediawiki .tabber image a:active {<br /> color: var(--text-color);<br /> }<br /> <br /> .tabber__tab:active {<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab:hover {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab--active, .tabber__tab--active:visited {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__header, .tabber__section, .tabber__tabs {<br /> scroll-behavior: unset;<br /> box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* Add box shadow to tabber header */<br /> }<br /> <br /> .tabber__panel {<br /> /* Hide non-active tabs. */<br /> /* display:none conflicted with tabber somehow and hid all tabs. */<br /> width: 250;<br /> }<br /> <br /> .tabber__panel.tabber__panel--active {<br /> width: 300;<br /> }<br /> <br /> .tabber__section {<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> overflow-y: scroll;<br /> padding-bottom: 30px; /* only necessary for fade scroll hack */<br /> height: auto; /* Example height */<br /> width: auto; /* Example width */<br /> max-width: 1300px; /* Example max-width */<br /> }<br /> <br /> .tabber__panel {<br /> padding: 1em 1.5em;<br /> }<br /> <br /> .wikitable.hover th:hover {<br /> cursor: help;<br /> /* Add any additional styles specific to hovering over table headers */<br /> }<br /> <br /> /* Hover Box for switching the visibility of the selected item */<br /> .hoverbox { <br /> display:inline-block; <br /> padding:0em; <br /> color: white; /* Change this to the desired color */<br /> }<br /> <br /> .hoverbox .hoveritem { <br /> display:none; <br /> margin:0em; <br /> padding:0em; <br /> }<br /> <br /> .hoverbox .hoveritem.selected { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem.selected { <br /> display:none; <br /> }<br /> /* Style for the entire tier list */<br /> .tierlist {<br /> display: flex;<br /> gap: 20px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* Style for individual tiers */<br /> .tier {<br /> border: 1px solid #ccc;<br /> padding: 10px;<br /> width: 200px;<br /> min-height: 150px;<br /> background: #f9f9f9;<br /> border-radius: 8px;<br /> }<br /> <br /> /* Title for each tier */<br /> .tier h3 {<br /> text-align: center;<br /> margin-top: 0;<br /> }<br /> <br /> /* Style for the sortable list */<br /> .sortable {<br /> list-style: none;<br /> padding: 0;<br /> margin: 0;<br /> min-height: 50px;<br /> }<br /> <br /> /* Style for the dropdown selector */<br /> .tier-selector {<br /> width: 100%;<br /> padding: 5px;<br /> margin-top: 5px;<br /> }<br /> .collection-log-wrapper {<br /> margin: 10px 0;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .collection-log-killcount {<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> }<br /> <br /> .collection-log-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6, 48px);<br /> gap: 4px;<br /> padding: 6px 0;<br /> }<br /> <br /> <br /> .collection-log-item {<br /> width: 48px;<br /> height: 48px;<br /> border: 2px solid transparent; /* border only on container */<br /> border-radius: 4px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> position: relative;<br /> background-color: #1a2a3a;<br /> box-sizing: border-box;<br /> }<br /> <br /> .collection-log-item.obtained {<br /> border-color: #4caf50;<br /> background-color: #224422;<br /> }<br /> <br /> .collection-log-item.missing {<br /> border-color: #ffc107;<br /> background-color: #3a2a1a;<br /> }<br /> <br /> .collection-log-item img {<br /> max-width: 36px;<br /> max-height: 36px;<br /> object-fit: contain;<br /> border-radius: 2px;<br /> border: none; /* remove border here */<br /> opacity: 1;<br /> filter: none;<br /> }<br /> <br /> .collection-log-item.missing img {<br /> opacity: 0.3;<br /> filter: grayscale(100%);<br /> }<br /> <br /> .collection-log-qty-badge {<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> background: rgba(0, 0, 0, 0.7);<br /> color: white;<br /> font-size: 12px;<br /> font-weight: bold;<br /> line-height: 1;<br /> padding: 1px 4px;<br /> border-radius: 3px 0 0 0;<br /> user-select: none;<br /> }<br /> .collection-log-killcount-box {<br /> border: 2px solid black;<br /> background-color: #534d41;<br /> color: cyan;<br /> padding: 0.5em 1em;<br /> margin-bottom: 8px;<br /> text-align: center;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .ace_keyword { color: #c586c0 !important; }<br /> .ace_string { color: #ce9178 !important; }<br /> .ace_comment { color: #6a9955 !important; font-style: italic; }<br /> .ace_function { color: #dcdcaa !important; }<br /> .ace_constant { color: #569cd6 !important; }<br /> <br /> .mw-highlight .nf {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> .mw-highlight .nc {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> <br /> /* Highlight row on hover */<br /> .wikitable.lighttable tr:hover {<br /> background-color: #526382; /* dark blue highlight */<br /> color: #ffffff; /* readable text */<br /> }<br /> .custom-dropdown { position: relative; width: 150px; cursor: pointer; }<br /> .custom-dropdown .selected { background: #313e59; color: white; padding: 5px; border-radius: 4px; }<br /> .custom-dropdown .options { display: none; position: absolute; background: #222e45; top: 100%; left: 0; width: 100%; border-radius: 4px; z-index: 10; }<br /> .custom-dropdown .options div { padding: 5px; display: flex; align-items: center; }<br /> .custom-dropdown .options div:hover { background: #313e59; }<br /> .custom-dropdown .options div img.icon { width:16px; height:16px; margin-right:5px; }<br /> <br /> /* =========================<br /> Tier List<br /> ========================= */<br /> <br /> <br /> /* Main wrapper */<br /> <br /> .tier-list {<br /> margin:0;<br /> padding:0;<br /> }<br /> <br /> <br /> /* Tier rows */<br /> <br /> .tier-row {<br /> display:flex;<br /> height:78px;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> <br /> /* Tier labels */<br /> <br /> .tier-label {<br /> width:70px;<br /> min-width:70px;<br /> height:78px;<br /> <br /> display:flex;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> font-size:48px;<br /> line-height:1;<br /> font-weight:bold;<br /> color:white;<br /> <br /> box-sizing:border-box;<br /> }<br /> <br /> <br /> /* Tier colours */<br /> <br /> .tier-s {<br /> background:#ff7f7f;<br /> }<br /> <br /> .tier-a {<br /> background:#ffbf7f;<br /> }<br /> <br /> .tier-b {<br /> background:#ffdf7f;<br /> }<br /> <br /> .tier-c {<br /> background:#ffff7f;<br /> color:black;<br /> }<br /> <br /> .tier-d {<br /> background:#bfff7f;<br /> }<br /> <br /> .tier-f {<br /> background:#7fbfff;<br /> }<br /> <br /> <br /> /* Drop areas */<br /> <br /> .tier-items {<br /> flex:1;<br /> height:78px;<br /> <br /> display:flex;<br /> align-items:center;<br /> flex-wrap:wrap;<br /> <br /> padding:3px;<br /> gap:3px;<br /> <br /> background:#222;<br /> border:1px dashed #777;<br /> <br /> margin:0 !important;<br /> box-sizing:border-box;<br /> }<br /> <br /> <br /> /* =========================<br /> Items<br /> ========================= */<br /> <br /> .tier-item {<br /> width:64px;<br /> height:64px;<br /> <br /> display:flex !important;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> cursor:grab;<br /> border-radius:5px;<br /> overflow:hidden;<br /> <br /> line-height:0;<br /> flex-shrink:0;<br /> }<br /> <br /> <br /> .tier-item:active {<br /> cursor:grabbing;<br /> }<br /> <br /> <br /> /* MediaWiki wrapper fixes */<br /> <br /> .tier-item p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> display:flex !important;<br /> line-height:0 !important;<br /> }<br /> <br /> .tier-item span {<br /> display:flex !important;<br /> }<br /> <br /> .tier-item a {<br /> display:flex !important;<br /> <br /> width:64px;<br /> height:64px;<br /> <br /> align-items:center;<br /> justify-content:center;<br /> }<br /> <br /> <br /> /* Images */<br /> <br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> display:block !important;<br /> <br /> width:64px !important;<br /> height:64px !important;<br /> <br /> max-width:64px !important;<br /> max-height:64px !important;<br /> <br /> object-fit:contain !important;<br /> <br /> image-rendering:pixelated;<br /> image-rendering:crisp-edges;<br /> }<br /> <br /> <br /> /* =========================<br /> Reward Pool<br /> ========================= */<br /> <br /> .reward-pool {<br /> display:flex;<br /> flex-wrap:wrap;<br /> <br /> gap:5px;<br /> padding:5px;<br /> margin:8px 0;<br /> }<br /> <br /> <br /> /* =========================<br /> Rarity backgrounds<br /> ========================= */<br /> <br /> .gold-item {<br /> background:rgba(212,175,55,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .silver-item {<br /> background:rgba(192,192,192,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .bronze-item {<br /> background:rgba(205,127,50,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> <br /> /* =========================<br /> MediaWiki spacing fixes<br /> ========================= */<br /> <br /> .tier-list p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .tier-list p br {<br /> display:none !important;<br /> }<br /> <br /> <br /> /* =========================<br /> Prevent hover shifting<br /> ========================= */<br /> <br /> .tier-item,<br /> .tier-item a,<br /> .tier-item span,<br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> transform:none !important;<br /> }<br /> <br /> .tier-item a:hover,<br /> .tier-item img:hover,<br /> .tier-item .mw-file-element:hover {<br /> transform:none !important;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 .firstHeading {<br /> display:none;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 #contentSub {<br /> display:none !important;<br /> }<br /> <br /> /* =========================<br /> Smoothie's Debt Calculator<br /> ========================= */<br /> <br /> <br /> .debt-calculator {<br /> max-width:800px;<br /> margin:auto;<br /> text-align:center;<br /> }<br /> <br /> <br /> .debt-items {<br /> display:flex;<br /> justify-content:center;<br /> gap:30px;<br /> flex-wrap:wrap;<br /> }<br /> <br /> <br /> .debt-item {<br /> width:180px;<br /> <br /> padding:15px;<br /> <br /> background:#222;<br /> border:1px solid #555;<br /> border-radius:8px;<br /> <br /> display:flex;<br /> flex-direction:column;<br /> align-items:center;<br /> }<br /> <br /> <br /> .debt-item img,<br /> .debt-item .mw-file-element {<br /> width:64px;<br /> height:64px;<br /> <br /> object-fit:contain;<br /> image-rendering:pixelated;<br /> }<br /> <br /> <br /> .debt-item h3 {<br /> margin:10px 0;<br /> }<br /> <br /> <br /> .debt-item label {<br /> margin-top:8px;<br /> }<br /> <br /> <br /> .debt-item input {<br /> width:120px;<br /> <br /> text-align:center;<br /> <br /> margin-top:3px;<br /> }<br /> <br /> <br /> .debt-total {<br /> <br /> margin-top:10px;<br /> <br /> font-size:32px;<br /> font-weight:bold;<br /> <br /> }</div>

Hefner https://wiki.roatpkz.com/index.php?title=User:Hefner/Sandbox14&diff=28916 2026-07-18T11:04:39Z

<p>Hefner: </p> <hr /> <div>__NOTOC__<br /> &lt;div class=&quot;debt-calculator&quot;&gt;<br /> <br /> &lt;h1&gt;Smoothie's Debt Calculator&lt;/h1&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-items&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:PKP.png|64px]]<br /> <br /> &lt;h3&gt;PKP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;pkp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:Donator point.png|64px]]<br /> <br /> &lt;h3&gt;DP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;dp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:$1_Donation_Credit.png|64px]]<br /> <br /> &lt;h3&gt;Credits&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;credits-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-total&quot;&gt;<br /> <br /> TOTAL DEBT:<br /> <br /> &lt;span id=&quot;total&quot;&gt;0 PKP&lt;/span&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;</div>

Hefner https://wiki.roatpkz.com/index.php?title=User:Hefner/Sandbox14&diff=28915 2026-07-18T11:03:18Z

<p>Hefner: </p> <hr /> <div>__NOTOC__<br /> &lt;div class=&quot;debt-calculator&quot;&gt;<br /> <br /> &lt;h1&gt;Smoothie's Debt Calculator&lt;/h1&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-items&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:PKP.png|64px]]<br /> <br /> &lt;h3&gt;PKP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;pkp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:Donator point.png|64px]]<br /> <br /> &lt;h3&gt;DP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;dp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:$1_Donation_Credit.png|64px]]<br /> <br /> &lt;h3&gt;Credits&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;credits-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-total&quot;&gt;<br /> <br /> TOTAL:<br /> &lt;br&gt;<br /> <br /> &lt;span id=&quot;total&quot;&gt;0 PKP&lt;/span&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:Common.css&diff=28914 2026-07-18T11:03:13Z

<p>Hefner: </p> <hr /> <div>:root {<br /> --body-background-image: url('filepath://Roat Pkz Wiki background darkmode1.jpg');<br /> --body-background-color: #071022;<br /> --body-main: #172136;<br /> --body-light: #313e59;<br /> --body-mid: #222e45;<br /> --body-dark: #222e45;<br /> --body-border: #596e96;<br /> --link-color: #8cabe6;<br /> --background-link-color: var(--link-color);<br /> --redlink-color: #f26d60;<br /> --text-color: #cbd9f4;<br /> --background-text-color: #cbd9f4;<br /> --byline-color: #98a2b6;<br /> --subtle-color: var(--byline-color);<br /> --search-box: var(--body-light);<br /> --admin-blue: #0087ff;<br /> --bearcat-green: #00ff55;<br /> --awb-purple: #f319ff;<br /> --sidebar: #222e45;<br /> --button-background: #617ebc;<br /> --button-dark: #617ebc;<br /> --button-border: #617ebc;<br /> --button-light: #617ebc;<br /> --wikitable-header-bg: #222e45;<br /> --wikitable-border: #172136;<br /> --wikitable-bg: #313e59;<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --wikitable-alternating-bg: #2a3651;<br /> --table-na-background: rgba(0, 0, 0, 0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #0b5884;<br /> --droptable-common-background: #3c780a;<br /> --droptable-uncommon-background: #a48900;<br /> --droptable-rare-background: #b55e0c;<br /> --droptable-veryrare-background: #9f261e;<br /> --droptable-random-background: #984c89;<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);<br /> --tile-border-color: var(--body-border);<br /> --tile-background-color: var(--body-light);<br /> --tile-link-button-color: var(--body-mid);<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255, 255, 255, 0.7);<br /> --tile-dark-header-color: #fff;<br /> --documentation-background: var(--body-light);<br /> --documentation-border: var(--sidebar);<br /> --documentation-link-color: var(--link-color);<br /> --documentation-headers-color: var(--text-color);<br /> --documentation-header-background: var(--body-dark);<br /> --documentation-subheader-background: #1f293e;<br /> --base-text-color: var(--text-color);<br /> --base-heading-color: var(--text-color);<br /> --base-heading-border: var(--sidebar);<br /> --mainpage-recent-updates-description-color: var(--text-color);<br /> --thumb-bg: var(--body-mid);<br /> --thumb-caption-bg: var(--body-light);<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid);<br /> --diff-addedline-background: #438ab5;<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-color: #fff;<br /> --diff-deletedline-background: #379541;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-color: #fff;<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: var(--errorbox-bg);<br /> --warningbox-border: var(--errorbox-border);<br /> --successbox-bg: #2e5e05;<br /> --successbox-border: #3c780a;<br /> --messagebox-obsolete-background: #464646;<br /> --messagebox-obsolete-border: #333;<br /> --messagebox-obsolete-color: #ddd;<br /> --messagebox-obsolete-link-color: #bbb;<br /> --messagebox-info-background: var(--messagebox-obsolete-background);<br /> --messagebox-info-border: var(--messagebox-obsolete-border);<br /> --messagebox-info-color: var(--messagebox-obsolete-color);<br /> --messagebox-info-link-color: var(--messagebox-obsolete-link-color);<br /> --messagebox-action-background: #45697d;<br /> --messagebox-action-border: #2d5266;<br /> --messagebox-action-color: var(--text-color);<br /> --messagebox-action-link-color: #b8d5e5;<br /> --messagebox-warn-background: #95271b;<br /> --messagebox-warn-border: #6b130a;<br /> --messagebox-warn-color: #f8ebe9;<br /> --messagebox-warn-link-color: #e8b8b3;<br /> --messagebox-safe-background: #1b8408;<br /> --messagebox-safe-border: #126802;<br /> --messagebox-safe-color: #e9f6e7;<br /> --messagebox-safe-link-color: #c1e0bb;<br /> --messagebox-disambig-background: var(--messagebox-obsolete-background);<br /> --messagebox-disambig-border: var(--messagebox-obsolete-border);<br /> --messagebox-disambig-color: var(--messagebox-obsolete-color);<br /> --messagebox-disambig-link-color: var(--messagebox-obsolete-link-color);<br /> --mw-code-background-color: #222e45;<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-mid);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border);<br /> --scribuntoconsole-input: #3ea6e6;<br /> --scibuntoconsole-print: #f9d000;<br /> --scribuntoconsole-error: #ee4231;<br /> --scribuntoconsole-message: #6bc71f;<br /> --scribuntoconsole-tabcomplete: #855cd8;<br /> --scribuntoconsole-clear: #ee4231;<br /> --blockquote-color: var(--text-color);<br /> --coins-color: #6bc71f;<br /> --coins-pos-color: #3ea6e6;<br /> --coins-neg-color: #ee4231;<br /> --questdetails-header-background: var(--body-dark);<br /> --questdetails-header-background-alt: var(--body-dark);<br /> --fact-text-color: #3ea6e6;<br /> --production-selected-background: #3c780a;<br /> --production-selected-color: #fff;<br /> --wikipedia-border: var(--body-border);<br /> --wikipedia-background: var(--body-light);<br /> --keypress-background: var(--body-light);<br /> --keypress-border: var(--body-border);<br /> --keypress-color: var(--text-color);<br /> --ajaxpoll-background: var(--body-light);<br /> --ajaxpoll-text-color: var(--base-text-color);<br /> --ajaxpoll-answerbar-background: var(--body-mid);<br /> --ajaxpoll-answerbar-border: var(--body-border);<br /> --rc-negative-color: #ee4231;<br /> --rc-positive-color: #6bc71f;<br /> --filter-black-to-link: invert(63%) sepia(67%) saturate(242%) hue-rotate(182deg) brightness(93%) contrast(94%);<br /> --transcript-border-color: #596e96;<br /> --transcript-border-hover-color: #8596b7;<br /> --transcript-strikethrough-color: #fff;<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--navbox-title-background);<br /> --navbox-group-title-background: var(--navbox-title-background);<br /> --infobox-bg: var(--body-light);<br /> --infobox-border: var(--body-border);<br /> --infobox-header: var(--body-dark);<br /> --infobox-subheader: var(--body-mid);<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #444e5a;<br /> --sourceeditor-input-background: var(--body-mid);<br /> --sourceeditor-background: var(--body-light);<br /> --sourceeditor-background-secondary: var(--body-mid);<br /> --sourceeditor-border: var(--body-main);<br /> --codemirror-gutter-background: var(--body-light);<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border);<br /> --vector-tab-background: #222e45;<br /> --vector-tab-background--hover: #293753;<br /> --vector-tab-link-color: var(--background-link-color);<br /> --lighttable-bg-hover: #3c780a;<br /> --lighttable-bg-active: #2e5e05;<br /> --lighttable-link-color: #c3e8a3;<br /> --personal-links-bg: rgba(7, 16, 34, 0.75);<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg, #315d30 0 20px, #13421e 20px 30px);<br /> --tbz-unlocked-border-color: #00e417;<br /> --tbz-locked-background-color: #8a2525;<br /> --tbz-locked-border-color: #b32828;<br /> --tbz-partial-unlock-background: #5a5a5a;<br /> --tbz-partial-unlock-border-color: #13421e;<br /> }<br /> <br /> <br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape.woff2?17907) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: bold;<br /> src: local(&quot;RuneScape Bold&quot;),local(&quot;RuneScape Bold 12&quot;),local(&quot;RuneScape Chat 2&quot;),local(&quot;RuneScape Chat&quot;),url(/images/RuneScape_Bold.woff2?514fd) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape Small';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape_Small.woff2?1ee0e) format('woff2')<br /> }<br /> <br /> :root {<br /> --base-text-color: #cbd9f4;<br /> --base-heading-color: #cbd9f4;<br /> --base-heading-border: #596e96;<br /> --mw-code-background-color: #222e45;<br /> --body-background-image: url(/images/b/b5/Roat_Pkz_Wiki_background_darkmode2.png)<br /> }<br /> <br /> #mw-page-base {<br /> background: none<br /> }<br /> <br /> .mw-body {<br /> background-color: var(--body-main);<br /> color: var(--text-color);<br /> border-color: transparent;<br /> box-shadow: 0 0 7px rgba(0,0,0,0.15);<br /> margin-top: 0<br /> }<br /> <br /> h1,h2,h3,h4,h5,h6 {<br /> color: var(--text-color)<br /> }<br /> <br /> h1,h2 {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-body h1,.mw-body-content h1,.mw-body-content h2,.mw-body-content h3,.mw-body-content h4,.mw-body-content h5,.mw-body-content h6 {<br /> font-family: 'PT Serif','Palatino','Georgia',serif<br /> }<br /> <br /> .mw-parser-output h2:first-of-type {<br /> clear: left<br /> }<br /> <br /> .mw-footer {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer li {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer a,.mw-footer a:active,.mw-footer a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> ::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> a {<br /> color: var(--link-color)<br /> }<br /> <br /> a:visited,a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> a.new {<br /> color: var(--redlink-color)<br /> }<br /> <br /> a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .mw-parser-output a.extiw,.mw-parser-output a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited,.mw-parser-output a.extiw:active,.mw-parser-output a.external:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .jsPurgeLink a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> a[href=&quot;/w/User:AndBot&quot;],a[href=&quot;/w/User:BisetteBot&quot;],a[href=&quot;/w/User:Bot50&quot;],a[href=&quot;/w/User:BotDiesel2m&quot;],a[href=&quot;/w/User:Bowl&quot;],a[href=&quot;/w/User:Catbot&quot;],a[href=&quot;/w/User:CookBot&quot;],a[href=&quot;/w/User:Cresbot&quot;],a[href=&quot;/w/User:CrowBot&quot;],a[href=&quot;/w/User:Data_Chompy&quot;],a[href=&quot;/w/User:GauBot&quot;],a[href=&quot;/w/User:Gaz_Bot&quot;],a[href=&quot;/w/User:Gaz_GEBot&quot;],a[href=&quot;/w/User:HabbletAWB&quot;],a[href=&quot;/w/User:JakesterwarsBot&quot;],a[href=&quot;/w/User:JaydenBot&quot;],a[href=&quot;/w/User:MuudyBot&quot;],a[href=&quot;/w/User:MB%C3%A5t&quot;],a[href=&quot;/w/User:New_user_message&quot;],a[href=&quot;/w/User:Quadrabot&quot;],a[href=&quot;/w/User:Redirect_fixer&quot;],a[href=&quot;/w/User:Riblet15_bot_account&quot;],a[href=&quot;/w/User:ShoyBot&quot;],a[href=&quot;/w/User:SlapChoppe&quot;],a[href=&quot;/w/User:Spinewielder&quot;],a[href=&quot;/w/User:WolaznikBot&quot;] {<br /> color: var(--awb-purple)<br /> }<br /> <br /> a[href=&quot;/w/User:Andmcadams&quot;],a[href=&quot;/w/User:BigDiesel2m&quot;],a[href=&quot;/w/User:Brok&quot;],a[href=&quot;/w/User:Cook_Me_Plox&quot;],a[href=&quot;/w/User:Fjara&quot;],a[href=&quot;/w/User:Gau_Cho&quot;],a[href=&quot;/w/User:Gaz_Lloyd&quot;],a[href=&quot;/w/User:Iiii_I_I_I&quot;],a[href=&quot;/w/User:Jayden&quot;],a[href=&quot;/w/User:Jeljo&quot;],a[href=&quot;/w/User:Joeytje50&quot;],a[href=&quot;/w/User:Legaia_2_Pla&quot;],a[href=&quot;/w/User:Ostentatio&quot;],a[href=&quot;/w/User:Riblet15&quot;],a[href=&quot;/w/User:Shayani&quot;],a[href=&quot;/w/User:Shoyrukon&quot;],a[href=&quot;/w/User:TehKittyCat&quot;],a[href=&quot;/w/User:Towelcat&quot;],a[href=&quot;/w/User:Wolaznik&quot;] {<br /> color: var(--admin-blue)<br /> }<br /> <br /> a[href=&quot;/w/User:Spineweilder&quot;],a[href=&quot;/w/User:Jakesterwars&quot;],a[href=&quot;/w/User:Julia&quot;] {<br /> color: var(--bearcat-green)<br /> }<br /> <br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> background: url(/images/Jagex_moderator_emblem.png?093b0) left no-repeat;<br /> padding-left: 15px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> #ca-nstab-user a {<br /> background: none<br /> }<br /> <br /> :root {<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: #801c13;<br /> --warningbox-border: #9f261e;<br /> --successbox-bg: #801c13;<br /> --successbox-border: #9f261e<br /> }<br /> <br /> .mw-message-box-error,.errorbox,.mw-message-box-warning,.warningbox,.mw-message-box-success,.successbox,.usermessage {<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw-message-box-error,.errorbox {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .mw-message-box-warning,.warningbox,.usermessage {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .mw-message-box-success,.successbox {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .catlinks {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-dark);<br /> padding: 8px 15px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .catlinks li {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .filehistory a img,#file img {<br /> background: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v16h8V8H0z' opacity='.13'/%3E%3C/svg%3E&quot;) repeat<br /> }<br /> <br /> #file img:hover {<br /> background: none<br /> }<br /> <br /> .mw-highlight {<br /> background: none<br /> }<br /> <br /> .mw-highlight .linenos {<br /> background-color: var(--mw-code-background-color);<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-highlight a:hover .linenos,.mw-highlight .hll a .linenos {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-content-ltr.mw-highlight-lines pre,.mw-content-ltr.content .mw-highlight-lines pre {<br /> box-shadow: inset 2.75em 0 0 var(--mw-code-background-color)<br /> }<br /> <br /> #pagehistory ul {<br /> list-style: none;<br /> margin: 0<br /> }<br /> <br /> #pagehistory li {<br /> border: 1px solid transparent;<br /> padding: 1px 10px;<br /> margin: 2px 0<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: var(--body-light);<br /> color: inherit;<br /> border: 1px dashed var(--body-border);<br /> outline: none<br /> }<br /> <br /> #mw-history-compare &gt; div:first-of-type {<br /> position: -webkit-sticky;<br /> position: sticky;<br /> top: 0;<br /> background-color: var(--body-main);<br /> border-bottom: 1px solid var(--body-dark);<br /> padding: 0.25em 0<br /> }<br /> <br /> .wgl-stickyheader #mw-history-compare &gt; div:first-of-type {<br /> top: 2.5rem<br /> }<br /> <br /> .autocomment,.autocomment a,.autocomment a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> li span.deleted,span.history-deleted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-usertoollinks-contribs-no-edits,.mw-usertoollinks-contribs-no-edits:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .CategoryTreeToggle {<br /> color: var(--link-color)<br /> }<br /> <br /> body.wgl-stickyheader.action-view .mw-headline:target::before {<br /> display: block;<br /> content: '';<br /> margin-top: -3rem;<br /> height: 3rem;<br /> visibility: hidden;<br /> pointer-events: none<br /> }<br /> <br /> .mw-mmv-post-image {<br /> color: var(--text-color);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-mmv-image-metadata {<br /> border-top-color: var(--body-mid);<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-mmv-dialog,.mw-mmv-dialog .mw-mmv-dialog-down-arrow,.mw-mmv-options-dialog .mw-mmv-dialog-down-arrow {<br /> background-color: var(--body-light);<br /> box-shadow: none<br /> }<br /> <br /> .mw-mmv-options-enable-alert {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-mmv-options-dialog-header,.mw-mmv-options-text-header,.mw-mmv-options-text-body,.mw-mmv-options-enable-alert,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-dialog-header,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-text-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-revslider-container {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-revslider-slider-wrapper {<br /> border-top-color: var(--sidebar)<br /> }<br /> <br /> .mw-ui-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):hover,.mw-ui-button:not(:disabled):active {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):focus {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button:not(:disabled):visited {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled) {<br /> background-color: var(--ooui-progressive);<br /> color: #fff;<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):active,.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: none<br /> }<br /> <br /> .mw-ui-button.mw-ui-destructive:not(:disabled) {<br /> color: #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-quiet,.mw-ui-button.mw-ui-quiet.mw-ui-progressive,.mw-ui-button.mw-ui-quiet.mw-ui-destructive {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:hover,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover {<br /> background-color: rgba(0,24,73,0.02745098);<br /> color: var(--text-color);<br /> border-color: transparent<br /> }<br /> <br /> input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:focus,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:active,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active {<br /> background-color: rgba(0,36,73,0.08235294);<br /> color: var(--text-color);<br /> border-color: #72777d<br /> }<br /> <br /> .mw-ui-input {<br /> background-color: var(--ooui-input);<br /> color: var(--text-color);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-ui-input:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-ui-input::placeholder {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child {<br /> padding: 0;<br /> background: 0<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child::before {<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> display: inline-block;<br /> width: 47px;<br /> height: 20px<br /> }<br /> <br /> :root {<br /> --wikitable-header-bg: var(--body-dark);<br /> --wikitable-border: var(--body-main);<br /> --wikitable-bg: var(--body-light);<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --table-na-background: rgba(0,0,0,0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #afeeee;<br /> --droptable-common-background: #56e156;<br /> --droptable-uncommon-background: #ffed4c;<br /> --droptable-rare-background: #ff863c;<br /> --droptable-veryrare-background: #ff6262;<br /> --droptable-random-background: #ffa3ff<br /> }<br /> <br /> .wikitable {<br /> background: var(--wikitable-bg);<br /> color: var(--wikitable-color);<br /> border-color: var(--wikitable-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; tr &gt; td,.wikitable &gt; * &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th.table-noborder,.wikitable &gt; tr &gt; td.table-noborder,.wikitable &gt; * &gt; tr &gt; th.table-noborder,.wikitable &gt; * &gt; tr &gt; td.table-noborder {<br /> border-left-style: hidden;<br /> border-right-style: hidden;<br /> padding-left: 0;<br /> padding-right: 0<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .tabber .wikitable {<br /> box-shadow: none<br /> }<br /> <br /> .table-bg-always,.table-bg-blue {<br /> background: var(--droptable-always-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-common,.table-bg-green {<br /> background: var(--droptable-common-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-uncommon,.table-bg-yellow {<br /> background: var(--droptable-uncommon-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-rare,.table-bg-orange {<br /> background: var(--droptable-rare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-veryrare,.table-bg-red {<br /> background: var(--droptable-veryrare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-random,.table-bg-pink {<br /> background: var(--droptable-random-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-fade {<br /> opacity: 0.6;<br /> background: rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw_metadata td,.mw_metadata th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw_metadata th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw_metadata td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable td,.mw-datatable th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw-datatable td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> table.alternating-rows tr:nth-child(odd),table.alternating-cols td:nth-child(odd) {<br /> background: var(--wikitable-alternating-bg)<br /> }<br /> <br /> .table-na {<br /> background: var(--table-na-background);<br /> color: var(--table-na-color);<br /> vertical-align: middle;<br /> text-align: center<br /> }<br /> <br /> .table-yes {<br /> background: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .table-positive {<br /> background: var(--table-yes-background)<br /> }<br /> <br /> .table-no {<br /> background: var(--table-no-background);<br /> color: var(--table-no-color)<br /> }<br /> <br /> .table-negative {<br /> background: var(--table-no-background)<br /> }<br /> <br /> .table-maybe {<br /> background: var(--table-maybe-background);<br /> color: var(--table-maybe-color)<br /> }<br /> <br /> #mw-allmessagestable .am_actual,#mw-allmessagestable .am_default {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> #mw-allmessagestable .am_default:hover,#mw-allmessagestable .am_actual:hover,#mw-allmessagestable tbody:hover td {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> table.wikitable td.no-cell-spacing {<br /> padding: 0;<br /> height: 0<br /> }<br /> <br /> table.wikitable td.no-cell-spacing table {<br /> margin: -1px;<br /> width: calc(100% + 2px);<br /> height: calc(100% + 2px)<br /> }<br /> <br /> .plainlist ol,.plainlist ul {<br /> margin: 0<br /> }<br /> <br /> .plainlist li {<br /> margin-bottom: 0;<br /> list-style: none<br /> }<br /> <br /> 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) {<br /> text-align: right<br /> }<br /> <br /> 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) {<br /> text-align: center<br /> }<br /> <br /> 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) {<br /> text-align: left<br /> }<br /> <br /> .rsw-chartjs.rsw-chartjs-config {<br /> display: none<br /> }<br /> <br /> .rsw-chartjs.rsw-chart-error {<br /> font-family: monospace<br /> }<br /> <br /> .rsw-chartjs-canvas {<br /> background-color: var(--body-light)<br /> }<br /> <br /> :root {<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-background: #bddff2;<br /> --diff-addedline-color: #000;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-background: #c1edbf;<br /> --diff-deletedline-color: #000;<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid)<br /> }<br /> <br /> .diff-context {<br /> border-color: var(--diff-context-border-color);<br /> background: var(--diff-context-background);<br /> color: inherit<br /> }<br /> <br /> .diff-addedline {<br /> border-color: var(--diff-addedline-border-color)<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: var(--diff-addedline-background);<br /> color: var(--diff-addedline-color)<br /> }<br /> <br /> .diff-deletedline {<br /> border-color: var(--diff-deletedline-border-color)<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: var(--diff-deletedline-background);<br /> color: var(--diff-deletedline-color)<br /> }<br /> <br /> .mw-diff-movedpara-left:after,.mw-diff-movedpara-right:after {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-notification {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {<br /> background: var(--body-main)<br /> }<br /> <br /> .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> background-color: var(--ooui-normal);<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-head,.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {<br /> border-left-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:hover,.mw-echo-ui-notificationItemWidget-unread:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:last-child {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-unread {<br /> background-color: var(--search-box)<br /> }<br /> <br /> .mw-echo-ui-crossWikiNotificationItemWidget-group,.mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-content-message-header,.mw-echo-ui-notificationItemWidget-content-message-body,.mw-echo-ui-menuItemWidget &gt; .oo-ui-buttonElement-button &gt; .oo-ui-labelElement-label,.mw-echo-ui-notificationItemWidget-content-actions-timestamp {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--body-main)<br /> }<br /> <br /> @keyframes unseen-fadeout-to-unread {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--search-box)<br /> }<br /> }<br /> <br /> @keyframes unseen-fadeout-to-read {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--body-main)<br /> }<br /> }<br /> <br /> .mwe-popups {<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container {<br /> color: var(--text-color);<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:before,.mwe-popups .mwe-popups-container.flipped-y:before {<br /> border-top: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:before {<br /> border-bottom: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:after,.mwe-popups .mwe-popups-container.flipped-y:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:after {<br /> border-bottom-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-settings-icon:hover,.mwe-popups .mwe-popups-settings-icon:active {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mwe-popups .mw-ui-icon-element:not(.disabled):hover {<br /> background: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract {<br /> color: var(--text-color)<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract[dir='ltr']:after {<br /> background-image: linear-gradient(to right,rgba(49,62,89,0),var(--body-light) 50%)<br /> }<br /> <br /> .mwe-popups-overlay {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> #mwe-popups-settings {<br /> background: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--text-color)<br /> }<br /> <br /> #mwe-popups-settings header {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form p {<br /> color: var(--byline-color)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form form label &gt; span {<br /> color: var(--ooui-text)<br /> }<br /> <br /> :root {<br /> --smw-ask-options-even-bg: var(--body-mid);<br /> --smw-ask-options-odd-bg: var(--body-light);<br /> --smw-ask-action-btn-lblue-bg: var(--body-main);<br /> --smw-ask-action-btn-lblue-color: #000;<br /> --smw-ask-action-btn-lblue-border-color: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-bg: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-color: #fff;<br /> --smw-ask-action-btn-dblue-border-color: var(--button-border)<br /> }<br /> <br /> .smw-ask-condition fieldset,.smw-ask-printhead fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .smw-ask-search fieldset,.smw-ask-format fieldset,.smw-ask-options fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .strike &gt; span:before,.strike &gt; span:after {<br /> background: var(--sidebar)<br /> }<br /> <br /> .smw-ask-options-fields tr td {<br /> background-color: var(--smw-ask-options-even-bg)<br /> }<br /> <br /> .smw-ask-options-fields tr:nth-child(odd) td {<br /> background-color: var(--smw-ask-options-odd-bg)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-lblue,.smw-ask-action-btn.smw-ask-action-btn-lblue:hover,.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--smw-ask-action-btn-lblue-bg);<br /> color: var(--smw-ask-action-btn-lblue-color);<br /> border-color: var(--smw-ask-action-btn-lblue-border-color)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-dblue,.smw-ask-action-btn.smw-ask-action-btn-dblue:hover,.smw-ask-action-btn.smw-ask-action-btn-dblue:visited {<br /> background-color: var(--smw-ask-action-btn-dblue-bg);<br /> color: var(--smw-ask-action-btn-dblue-color);<br /> border-color: var(--smw-ask-action-btn-dblue-border-color)<br /> }<br /> <br /> .smw-ask-query textarea,.smw-ask-actions textarea {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-query-format select {<br /> background-color: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-toplinks {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info {<br /> background: none;<br /> padding: 0 !important<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info::before {<br /> content: '';<br /> background: var(--text-color);<br /> -webkit-mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> padding: 0 0 3px 18px<br /> }<br /> <br /> .smw-ask-options-row-odd {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smw-ask-options-row-even {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> #options-toggle:not(:checked) + #options-list .options-parameter-list:after {<br /> background-image: linear-gradient(to bottom,transparent,var(--body-mid) 90%)<br /> }<br /> <br /> .smw-ask-button-submit input {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-ask-button-submit input:hover,.smw-ask-button-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> input.smw-ask-action-btn.smw-ask-action-btn-dblue {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:hover {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-callout-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .smw-callout-info {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .smw-callout-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .smw-callout-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-bg)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label,.smw-tabs input.nav-tab:checked + label.nav-label:hover {<br /> color: inherit<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count {<br /> color: #fff;<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.moderate {<br /> color: #fff;<br /> background-color: #b55e0c;<br /> border-color: #b55e0c<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.high {<br /> color: #fff;<br /> background-color: #9f261e;<br /> border-color: #9f261e<br /> }<br /> <br /> .smw-property-page-results .header-title {<br /> background-color: var(--ooui-interface);<br /> border-bottom-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-property-page-results .value-row:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .smw-property-page-results .smw-table .header-row {<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-header {<br /> background-color: var(--body-dark);<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .smw-ui-input-filter {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ui-input-filter input {<br /> border-left-color: var(--ooui-interface-border) !important;<br /> color: var(--ooui-text) !important<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border);<br /> color: var(--subtle-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-active {<br /> color: #fff;<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-tabs section,.smw-tabs .subtab-content {<br /> border-top-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-column-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-factbox {<br /> background: var(--body-main);<br /> border-color: transparent<br /> }<br /> <br /> .mw-body .mw-indicators #mw-indicator-smw-entity-examiner.mw-indicator .smw-indicator-vertical-bar-loader {<br /> display: none<br /> }<br /> <br /> .smwb-theme-light .smwb-title,.smwb-theme-light .smwb-center,.smwb-theme-light .smwb-actions,.smwb-theme-light .smwb-prophead {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-factbox {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-ifactbox {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-propval {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smwb-action-separator {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .smwb-bottom {<br /> border-bottom: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-ifactbox .smwb-cell,.smwb-factbox .smwb-cell {<br /> border-top: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-propvalue .smwb-prophead,.smwb-ipropvalue .smwb-prophead,.smwb-propvalue .smwb-propval,.smwb-ipropvalue .smwb-propval {<br /> font-size: 0.9em<br /> }<br /> <br /> :root {<br /> --filter-black-to-link: invert(36%) sepia(58%) saturate(433%) hue-rotate(344deg) brightness(100%) contrast(91%)<br /> }<br /> <br /> #bodyContent span.smwbrowse a {<br /> color: black;<br /> background-image: url(/images/Smwbrowse.svg?87d2b);<br /> filter: var(--filter-black-to-link)<br /> }<br /> <br /> #bodyContent span.smwbrowse a:hover {<br /> color: black;<br /> background-image: url(/images/Smwbrowse-hover.svg?73b79);<br /> text-decoration: underline<br /> }<br /> <br /> #bodyContent span.smwsearch a {<br /> color: black;<br /> filter: var(--filter-black-to-link);<br /> background-image: url(/images/Smwsearch.svg?72b04)<br /> }<br /> <br /> #bodyContent span.smwsearch a:hover {<br /> color: black;<br /> background-image: url(/images/Smwsearch-hover.svg?62df0);<br /> text-decoration: underline<br /> }<br /> <br /> :root {<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-background-color);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border)<br /> }<br /> <br /> .tabber {<br /> margin: 1em 0<br /> }<br /> <br /> .tabber .tabbertab {<br /> background-color: var(--tabber-tab-bg);<br /> border: 1px solid var(--tabber-tab-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1em 1.5em<br /> }<br /> <br /> ul.tabbernav {<br /> border: none;<br /> margin-left: 2em;<br /> margin-bottom: 0;<br /> margin-right: 2em;<br /> padding: 0;<br /> font-family: inherit<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a {<br /> background-color: var(--tabber-active-tab-bg);<br /> color: var(--tabber-active-tab-color);<br /> border-bottom: none;<br /> position: relative<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a:hover {<br /> color: var(--tabber-active-tab-hover-color);<br /> background-color: var(--tabber-active-tab-hover-bg);<br /> border-color: var(--tabber-active-tab-hover-border-color);<br /> border-bottom: none<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a::after {<br /> content: '';<br /> position: absolute;<br /> left: 0;<br /> right: 0;<br /> bottom: -1px;<br /> border-bottom: 2px solid var(--tabber-active-tab-border-hider-color)<br /> }<br /> <br /> ul.tabbernav li a {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> border-bottom: transparent;<br /> border-color: var(--tabber-inactive-tab-border-color);<br /> color: var(--tabber-inactive-tab-color);<br /> display: inline-block;<br /> font-size: 110%;<br /> padding: 0.5em 1em<br /> }<br /> <br /> ul.tabbernav li a:hover {<br /> background-color: var(--tabber-inactive-tab-hover-bg);<br /> border-color: var(--tabber-inactive-tab-hover-border-color)<br /> }<br /> <br /> ul.tabbernav li a:link,ul.tabbernav li a:visited {<br /> color: var(--tabber-inactive-tab-color)<br /> }<br /> <br /> .js-tooltip-text {<br /> padding: 5px<br /> }<br /> <br /> .js-tooltip-wrapper {<br /> position: absolute;<br /> z-index: 10;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> color: var(--text-color);<br /> max-width: 75%;<br /> overflow-wrap: break-word;<br /> padding: 10px 15px;<br /> margin: 0px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> font-size: 0.8em<br /> }<br /> <br /> .js-tooltip-click {<br /> color: var(--button-color);<br /> background: var(--button-background);<br /> border-radius: 2em;<br /> cursor: pointer;<br /> padding: 0 0.3em;<br /> user-select: none<br /> }<br /> <br /> .js-tooltip-arrow {<br /> position: absolute;<br /> border-color: transparent;<br /> border-style: solid;<br /> width: 0;<br /> height: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointleft {<br /> border-right-color: var(--body-border);<br /> border-left-color: transparent;<br /> border-left-width: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointright {<br /> border-left-color: var(--body-border);<br /> border-right-color: transparent;<br /> border-right-width: 0<br /> }<br /> <br /> .js-tooltip-close {<br /> float: right;<br /> margin-left: 10px;<br /> margin-right: -5px;<br /> margin-top: -5px;<br /> margin-bottom: 1px;<br /> background: var(--button-background);<br /> border: 0;<br /> cursor: pointer<br /> }<br /> <br /> :root {<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px); <br /> }<br /> <br /> .oo-ui-widget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox'] + span,.oo-ui-radioInputWidget [type='radio'] + span {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,.oo-ui-radioInputWidget [type='radio']:disabled + span {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownWidget-handle {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border);<br /> background-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget select {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget option {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuSelectWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-menuSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-menuSectionOptionWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-title {<br /> color: inherit<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block),.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-optionWidget.oo-ui-widget-disabled {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-outlineControlsWidget {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {<br /> border-bottom-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {<br /> border-top-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {<br /> border-right-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {<br /> border-left-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {<br /> border-left-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-searchWidget-query {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-tabOptionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--body-dark);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {<br /> border-bottom-color: var(--body-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {<br /> background-color: var(--body-light);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> color: var(--ooui-progressive);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover,.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:focus {<br /> color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed {<br /> background: none;<br /> border-bottom: 1px solid var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile {<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tagItemWidget {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> @media screen and (min-width: 0) {<br /> .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {<br /> outline:1px solid var(--ooui-accent)<br /> }<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {<br /> border-color: #fff<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; input.oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover);<br /> color: #fff;<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive {<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active &gt; .oo-ui-buttonElement-button {<br /> color: #fff;<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-pendingElement-pending {<br /> background-image: var(--ooui-pending-background-image);<br /> background-size: 200%;<br /> animation: oo-ui-pendingElement-stripes 6s linear infinite<br /> }<br /> <br /> @keyframes oo-ui-pendingElement-stripes {<br /> 100% {<br /> background-position: 100%<br /> }<br /> }<br /> <br /> .oo-ui-messageDialog-content &gt; .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-message {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog-content .oo-ui-window-head,.oo-ui-processDialog-content .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:active {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:active {<br /> border-right-color: var(--ooui-interface-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button,.oo-ui-processDialog-actions-other .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-right-color: var(--ooui-normal-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-windowManager-modal.oo-ui-windowManager-floating &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-window {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-bar {<br /> background-color: var(--ooui-interface);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-position-top &gt; .oo-ui-toolbar-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-toolbar-bar .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active &gt; .oo-ui-tool-link,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent);<br /> box-shadow: none<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-menuToolGroup {<br /> border-left-color: var(--body-mid);<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> border-right-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 2px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-bookletLayout-outlinePanel &gt; .oo-ui-outlineControlsWidget {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-fieldLayout-disabled &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header &gt; .oo-ui-labelElement-label {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-panelLayout-framed {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .oo-ui-icon-settings {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Esettings%3C/title%3E%3Cg transform='translate(10 10)'%3E%3Cpath id='a' d='M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3'/%3E%3Cuse xlink:href='%23a' transform='rotate(45)'/%3E%3Cuse xlink:href='%23a' transform='rotate(90)'/%3E%3Cuse xlink:href='%23a' transform='rotate(135)'/%3E%3C/g%3E%3Cpath d='M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .oo-ui-icon-clear {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Eclear%3C/title%3E%3Cpath d='M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-widget-dateInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widget-dateInputWidget-calendar {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widget-calendarWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widget-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-day,.mw-widget-calendarWidget-day-heading {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-widget-calendarWidget-day-additional {<br /> color: var(--ooui-text);<br /> opacity: 0.67<br /> }<br /> <br /> .mw-widget-calendarWidget-day-today {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-item:hover {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-widget-calendarWidget-item-selected {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),0 2px 2px 0 rgba(0,0,0,0.25)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.mw-widgets-datetime-dateTimeInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input,.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .mw-kartographer-mapDialog-foot {<br /> background-color: var(--body-light);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-container {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a,.mw-kartographer-interactive .leaflet-popup-content a:visited,.mw-kartographer-interactive .leaflet-popup-content a:hover,.mw-kartographer-interactive .leaflet-popup-content a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a.new a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .leaflet-popup-content-wrapper {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .leaflet-popup-tip {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey {<br /> background: #e4eaee;<br /> color: #444e5a;<br /> text-shadow: none<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a,.leaflet-vis-tooltip.lbl-bg-grey a:visited,.leaflet-vis-tooltip.lbl-bg-grey a:active,.leaflet-vis-tooltip.lbl-bg-grey a:hover,.leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a, .leaflet-vis-tooltip.lbl-bg-grey a:visited, .leaflet-vis-tooltip.lbl-bg-grey a:active, .leaflet-vis-tooltip.lbl-bg-grey a:hover, .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:visited,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:active,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:hover,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before {<br /> display: block;<br /> border-left-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before {<br /> display: block;<br /> border-right-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before {<br /> display: block;<br /> border-top-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before {<br /> display: block;<br /> border-bottom-color: #e4eaee<br /> }<br /> <br /> .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover {<br /> background: var(--ooui-normal--hover)<br /> }<br /> <br /> .ve-ui-overlay {<br /> font-family: inherit<br /> }<br /> <br /> .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above {<br /> border-top-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-branchNode-blockSlug,.ve-ce-branchNode-newSlug {<br /> outline-color: var(--body-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-specialCharacterPage h3 {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character:hover {<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px var(--body-mid);<br /> background: none<br /> }<br /> <br /> .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwHelpPopupTool-version-label,.ve-ui-mwHelpPopupTool-version-link,.ve-ui-mwHelpPopupTool-version-date {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ce-tableCellableNode {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-mwReferencesListNode-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwTemplatePage-description,.ve-ui-mwParameterPage-label,.ve-ui-mwParameterPage-description-required,.ve-ui-mwParameterPage-description-deprecated {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwGalleryDialog-menuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog-innerMenuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container,.ve-ui-targetWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .ve-ui-mwSaveDialog {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-options {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-summary {<br /> background-color: var(--ooui-input)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-editSummary-count {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-license {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwReferenceContextItem-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwNoticesPopupTool-items &gt; div:not(:first-child),.ve-ui-mwHelpPopupTool-item:not(:first-child) {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineControlsWidget {<br /> background-color: var(--ooui-interface);<br /> border-top-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-sticky {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwParameterPage-undocumentedLabel {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwTwoPaneTransclusionDialogLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwParameterPage-doc-required,.ve-ui-mwParameterPage-doc-deprecated,.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-expandableContent-toggle {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-expandableContent-fade {<br /> background: linear-gradient(to right,rgba(255,255,255,0) 0,var(--ooui-interface) 90%)<br /> }<br /> <br /> .ve-ui-commandHelpDialog-shortcut &gt; kbd,.ve-ui-commandHelpDialog-sequence &gt; kbd {<br /> background-color: var(--keypress-background);<br /> color: var(--keypress-color);<br /> border-color: var(--keypress-border);<br /> box-shadow: none;<br /> text-shadow: none<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> background: var(--ooui-interface)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'],figure[typeof~='mw:File/Frame'],figure[typeof~='mw:Image/Thumb'],figure[typeof~='mw:Video/Thumb'],figure[typeof~='mw:Image/Frame'],figure[typeof~='mw:Video/Frame'] {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:File/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media) {<br /> border: none;<br /> background: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; figcaption,figure[typeof~='mw:File/Frame'] &gt; figcaption,figure[typeof~='mw:Image/Thumb'] &gt; figcaption,figure[typeof~='mw:Video/Thumb'] &gt; figcaption,figure[typeof~='mw:Image/Frame'] &gt; figcaption,figure[typeof~='mw:Video/Frame'] &gt; figcaption {<br /> border: none;<br /> background-color: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --fact-text-color: #15f;<br /> --production-selected-background: #c3e8a3;<br /> --production-selected-color: #000;<br /> --wikipedia-border: #e0e0e0;<br /> --wikipedia-background: #f8f8f8;<br /> --keypress-background: #eee;<br /> --keypress-border: #ccc;<br /> --keypress-color: #333;<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg,#bfffbd 0 20px,#4cf172 20px 30px);<br /> --tbz-unlocked-border-color: #012100;<br /> --tbz-locked-background-color: #ffc3c3;<br /> --tbz-locked-border-color: #df9090;<br /> --tbz-partial-unlock-background: #dae8d2;<br /> --tbz-partial-unlock-border-color: #aeaeae<br /> }<br /> <br /> .archivelist {<br /> background-color: var(--body-light);<br /> border: solid 1px var(--body-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> margin: 5px;<br /> padding: 5px;<br /> text-align: center;<br /> width: 120px<br /> }<br /> <br /> .collapsed-sec {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-weight: bold;<br /> text-shadow: 1px 1px #fff<br /> }<br /> <br /> .combat-styles-icons a {<br /> display: inline-block;<br /> text-align: center;<br /> min-width: 26px<br /> }<br /> <br /> .combat-styles-header a {<br /> color: var(--text-color)<br /> }<br /> <br /> .fact-text {<br /> color: var(--fact-text-color);<br /> font-style: italic;<br /> cursor: help;<br /> border-bottom: dotted 1px<br /> }<br /> <br /> .production-selected {<br /> background: var(--production-selected-background);<br /> color: var(--production-selected-color)<br /> }<br /> <br /> .relative-location {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-spacing: 0;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 5px;<br /> text-align: center<br /> }<br /> <br /> .relative-location-txt {<br /> color: var(--text-color)<br /> }<br /> <br /> .relative-location-header {<br /> background: var(--body-dark)<br /> }<br /> <br /> #musicMap data {<br /> display: none<br /> }<br /> <br /> .musicMap-buttons {<br /> text-align: center;<br /> margin: 0.7em<br /> }<br /> <br /> .talkheader {<br /> text-align: center;<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .shortcut {<br /> border: 1px solid var(--body-border);<br /> background: var(--body-light);<br /> float: right;<br /> font-size: 0.8em;<br /> margin: 0.5em 0em 0.5em 1em;<br /> padding: 0.5em;<br /> text-align: center<br /> }<br /> <br /> .succession {<br /> width: 50%;<br /> text-align: center<br /> }<br /> <br /> .succession th {<br /> width: 33%;<br /> font-size: 90%;<br /> background: var(--body-mid)<br /> }<br /> <br /> .succession td {<br /> background: var(--body-light)<br /> }<br /> <br /> .update {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0;<br /> padding: 0.25em 1em;<br /> text-align: center<br /> }<br /> <br /> .pollwrapper {<br /> display: flex;<br /> align-items: center;<br /> flex-direction: column;<br /> counter-reset: question<br /> }<br /> <br /> .pollbox {<br /> position: relative;<br /> padding: 1em 0.7em;<br /> margin: 0.7em;<br /> margin-bottom: 1.2em;<br /> width: 700px;<br /> font-size: 16px;<br /> border: 2px solid var(--body-border);<br /> background: var(--body-light)<br /> }<br /> <br /> .pollbox::before {<br /> content: &quot;Question &quot; counter(question);<br /> counter-increment: question;<br /> position: absolute;<br /> font-size: 16px;<br /> font-weight: bold;<br /> top: -0.5em;<br /> margin-top: -2px;<br /> left: 0.6em;<br /> line-height: 1em;<br /> background: linear-gradient(0deg,var(--body-light),var(--body-light) 50%,rgba(0,0,0,0) 50%);<br /> padding: 0 0.6em<br /> }<br /> <br /> .pollbox table {<br /> width: 100%;<br /> border-collapse: collapse;<br /> font-size: 14px<br /> }<br /> <br /> .pollbox caption {<br /> text-align: left;<br /> margin-bottom: 4px<br /> }<br /> <br /> .pollbox td {<br /> padding: 0px<br /> }<br /> <br /> .pollquestion td:first-child::before {<br /> content: &quot;&quot;;<br /> background: url(/images/Poll_shield.png?c691a);<br /> background-repeat: no-repeat;<br /> background-position: top;<br /> width: 10px;<br /> height: 14px;<br /> position: absolute;<br /> top: 4px;<br /> left: 0<br /> }<br /> <br /> .pollquestion td:first-child {<br /> position: relative;<br /> width: 32%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .pollquestion td.pollpercent {<br /> box-sizing: border-box;<br /> padding-left: 17px;<br /> padding-right: 8px<br /> }<br /> <br /> .pollquestion td:last-child {<br /> width: 22%;<br /> padding-left: 0.7em<br /> }<br /> <br /> .pollquestion .pollnote td {<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .pollquestion .pollnote td::before {<br /> content: none<br /> }<br /> <br /> .pollquestion data {<br /> display: block;<br /> height: 15px;<br /> background-image: url(/images/Poll_sword2.png?7d4c4);<br /> position: relative<br /> }<br /> <br /> .pollquestion data::before,.pollquestion data::after {<br /> content: &quot;&quot;;<br /> height: inherit;<br /> position: absolute;<br /> height: 15px<br /> }<br /> <br /> .pollquestion data::before {<br /> background: url(/images/Poll_sword1.png?d445b);<br /> width: 17px;<br /> right: 100%<br /> }<br /> <br /> .pollquestion data::after {<br /> background: url(/images/Poll_sword3.png?487b5);<br /> width: 8px;<br /> left: 100%<br /> }<br /> <br /> .archivepollq th {<br /> text-align: left;<br /> font-weight: normal;<br /> padding: 15px 0 0 0<br /> }<br /> <br /> .archivepollq td:first-child {<br /> position: relative;<br /> width: 80%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .archivepollq td.archivepollpercent {<br /> box-sizing: border-box;<br /> padding: 2px;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .archivepollq td:last-child {<br /> text-align: right;<br /> padding-left: 0.7em<br /> }<br /> <br /> .archivepollq .archivepollnote &gt; td {<br /> text-align: left;<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .archivepollq data {<br /> display: block;<br /> height: 25px;<br /> background: var(--body-border);<br /> position: relative<br /> }<br /> <br /> .archivepollq.e {<br /> border: 2px solid var(--errorbox-border);<br /> background: var(--errorbox-bg)<br /> }<br /> <br /> .archivepollq.e::before {<br /> content: &quot;Error&quot;;<br /> background: linear-gradient(0deg,var(--errorbox-bg),var(--errorbox-bg) 50%,rgba(0,0,0,0) 50%)<br /> }<br /> <br /> .wikipedia {<br /> border: 1px solid var(--wikipedia-border);<br /> background-color: var(--wikipedia-background)<br /> }<br /> <br /> .hatnote,.seealso {<br /> font-style: italic<br /> }<br /> <br /> .hatnote i,.seealso i {<br /> font-style: normal<br /> }<br /> <br /> div.hatnote,div.seealso {<br /> margin: 0.5em 1.6em<br /> }<br /> <br /> div.hatnote + div.hatnote,div.hatnote + div.seealso,div.seealso + div.hatnote,div.seealso + div.seealso {<br /> margin-top: -0.5em<br /> }<br /> <br /> .extimage div,.extimage a,.extimage img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .tbz-region {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> white-space: nowrap;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> width: 110px;<br /> padding: 0.35em 0.45em 0.25em;<br /> margin: 1px<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-badge {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> padding: 0.3em 0.35em 0.2em<br /> }<br /> <br /> .tbz-badge + .tbz-badge {<br /> margin-left: 1px<br /> }<br /> <br /> .tbz-badge.tbz-badge-wrapper {<br /> padding: 0.2em<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-unlocked {<br /> background: var(--tbz-unlocked-background);<br /> border-color: var(--tbz-unlocked-border-color)<br /> }<br /> <br /> .tbz-unlocked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-unlocked .tbz-check {<br /> display: inline-block;<br /> padding-left: 5px<br /> }<br /> <br /> .tbz-locked {<br /> background-color: var(--tbz-locked-background-color);<br /> border-color: var(--tbz-locked-border-color)<br /> }<br /> <br /> .tbz-locked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-locked .tbz-unlocked {<br /> background: var(--tbz-partial-unlock-background);<br /> border-color: var(--tbz-partial-unlock-border-color)<br /> }<br /> <br /> .combatinfo {<br /> width: 160px;<br /> text-align: center;<br /> float: right;<br /> clear: right<br /> }<br /> <br /> .combatinfo.combatinfo-left {<br /> float: left;<br /> clear: left<br /> }<br /> <br /> .combatinfo td {<br /> width: 25%<br /> }<br /> <br /> .wikitable.combatinfo &gt; caption {<br /> font-weight: normal<br /> }<br /> <br /> .growth-stage-table td.growth-stage {<br /> text-align: center;<br /> vertical-align: bottom<br /> }<br /> <br /> .keypress {<br /> background: var(--keypress-background);<br /> color: var(--keypress-color);<br /> font-family: inherit;<br /> border: 1px solid var(--keypress-border);<br /> border-radius: 2px;<br /> font-size: 0.9em;<br /> margin: 0 0.1em;<br /> padding: 0.1em 0.4em;<br /> white-space: nowrap<br /> }<br /> <br /> .rsw-music-player {<br /> height: 2em;<br /> vertical-align: middle<br /> }<br /> <br /> .item-drops .beast-version {<br /> font-size: smaller;<br /> font-style: italic<br /> }<br /> <br /> td.famtreesub {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table {<br /> border-spacing: 0;<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table td {<br /> height: 1em;<br /> width: 1em<br /> }<br /> <br /> td.famtreeleaf {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> padding: 0.2em<br /> }<br /> <br /> :root {<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #ccc<br /> }<br /> <br /> :root {<br /> --coins-color: green;<br /> --coins-pos-color: white;<br /> --coins-neg-color: #c02614<br /> }<br /> <br /> .coins {<br /> color: var(--coins-color);<br /> background-position: 0% 50%;<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> padding: 0<br /> }<br /> <br /> .coins-pos {<br /> color: var(--coins-pos-color)<br /> }<br /> <br /> .coins-neg {<br /> color: var(--coins-neg-color)<br /> }<br /> <br /> .coins-10000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 3px 35px<br /> }<br /> <br /> .coins-1000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-250 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-100 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-25 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-5 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-4 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-3 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-2 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-1 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> :root {<br /> --documentation-background: #f9fafa;<br /> --documentation-link-color: #e4eaee;<br /> --documentation-headers-color: #fff;<br /> --documentation-header-background: #949eaa;<br /> --documentation-subheader-background: #808c9a;<br /> --documentation-border: #e4eaee<br /> }<br /> <br /> .documentation {<br /> background: var(--documentation-background);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0<br /> }<br /> <br /> .documentation pre,.documentation code {<br /> background-color: var(--documentation-background);<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation h2,.documentation hr {<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation-header {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-header-background);<br /> font-weight: bold;<br /> padding: 1em 1.5em<br /> }<br /> <br /> .documentation-title {<br /> font-size: 1.25em<br /> }<br /> <br /> .documentation-subheader {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-subheader-background);<br /> padding: 0.5em 1.5em<br /> }<br /> <br /> .documentation-subheader a,.documentation-subheader a:visited,.documentation-subheader a:active {<br /> color: var(--documentation-link-color)<br /> }<br /> <br /> .documentation-documentation,.documentation-links {<br /> font-size: 0.85em<br /> }<br /> <br /> .documentation-content {<br /> padding: 1em 1.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dl:not(:empty) {<br /> column-count: 3;<br /> border-top: 1px solid var(--body-border);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dt::after {<br /> content: &quot;:&quot;<br /> }<br /> <br /> .mw-templatedata-doc-params dd,.mw-templatedata-doc-params dt {<br /> margin: 0.1em 2em;<br /> min-width: auto<br /> }<br /> <br /> .mw-templatedata-doc-muted {<br /> color: var(--subtle-color);<br /> font-style: italic<br /> }<br /> <br /> .fairycode {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-size: 120%;<br /> font-weight: bold;<br /> text-transform: lowercase;<br /> letter-spacing: 1px<br /> }<br /> <br /> .fairycode b ~ b:before {<br /> content: &quot;•&quot;<br /> }<br /> <br /> .floornumber &gt; .floornumber-us,#toc li a span.toctext span span:nth-child(2),.floornumber-setting-gb .floornumber &gt; .floornumber-us,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(2),.floornumber-setting-us .floornumber &gt; .floornumber-gb,.floornumber-setting-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none<br /> }<br /> <br /> .floornumber-setting-gb .floornumber &gt; .floornumber-gb,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(1),.floornumber-setting-us .floornumber &gt; .floornumber-us,.floornumber-setting-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-us,.floornumber-override-gb #toc li a span.toctext span span:nth-child(2),.floornumber-override-us .floornumber &gt; .floornumber-gb,.floornumber-override-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none !important<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-gb,.floornumber-override-gb #toc li a span.toctext span span:nth-child(1),.floornumber-override-us .floornumber &gt; .floornumber-us,.floornumber-override-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline !important<br /> }<br /> <br /> .musicplayer {<br /> border: 1px solid var(--body-border);<br /> font-size: 90%;<br /> background: var(--body-light);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> max-width: 300px;<br /> margin: 0 0 1em 1em;<br /> padding: 5px<br /> }<br /> <br /> .musicplayer audio,.infobox audio {<br /> max-width: 298px;<br /> margin-left: auto;<br /> margin-right: auto<br /> }<br /> <br /> .plink-template + a {<br /> margin-left: 0.25em<br /> }<br /> <br /> .plinkt-image {<br /> text-align: center<br /> }<br /> <br /> :root {<br /> --questdetails-header-background: #cfc2aa;<br /> --questdetails-header-background-alt: #cfbda1<br /> }<br /> <br /> .questdetails {<br /> width: 100%;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-collapse: separate<br /> }<br /> <br /> .questdetails th {<br /> text-align: left<br /> }<br /> <br /> .questdetails-header {<br /> padding: 0.5em 1em;<br /> background-color: var(--questdetails-header-background);<br /> width: 125px<br /> }<br /> <br /> .questdetails tr:nth-child(odd) .questdetails-header {<br /> background-color: var(--questdetails-header-background-alt)<br /> }<br /> <br /> .questdetails-info {<br /> padding-left: 1em;<br /> padding-right: 2em<br /> }<br /> <br /> ol.references,.reflist {<br /> font-size: 90%<br /> }<br /> <br /> .reflist {<br /> list-style-type: decimal<br /> }<br /> <br /> .reflist .references {<br /> font-size: 100%;<br /> list-style-type: inherit<br /> }<br /> <br /> .reflist-lower-alpha {<br /> list-style-type: lower-alpha<br /> }<br /> <br /> ol.references li:target,sup.reference:target {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .hideQuotes .refhide {<br /> display: none<br /> }<br /> <br /> .editnotice {<br /> font-size: 0.9em;<br /> padding-bottom: 0.75em;<br /> margin-bottom: 0.6em<br /> }<br /> <br /> .editnotice .editnotice-title {<br /> font-size: 1.2em;<br /> font-weight: bold;<br /> margin-bottom: 0.4em<br /> }<br /> <br /> <br /> <br /> <br /> .mw-message-box,.mw-message-box-error,.mw-message-box-warning,.mw-message-box-success,.usermessage {<br /> color: var(--text-color)<br /> }<br /> <br /> .messagebox {<br /> width: 65%;<br /> margin: 0.5em auto;<br /> border-left: 15px solid;<br /> border-color: var(--body-dark);<br /> background-color: var(--body-light);<br /> box-sizing: border-box<br /> }<br /> <br /> .messagebox.obsolete {<br /> background-color: var(--messagebox-obsolete-background);<br /> border-color: var(--messagebox-obsolete-border);<br /> color: var(--messagebox-obsolete-color)<br /> }<br /> <br /> .messagebox.obsolete a,.messagebox.obsolete a:visited,.messagebox.obsolete a:active {<br /> color: var(--messagebox-obsolete-link-color)<br /> }<br /> <br /> .messagebox.info {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border);<br /> color: var(--messagebox-info-color)<br /> }<br /> <br /> .messagebox.info a,.messagebox.info a:visited,.messagebox.info a:active {<br /> color: var(--messagebox-info-link-color)<br /> }<br /> <br /> .messagebox.action {<br /> background-color: var(--messagebox-action-background);<br /> border-color: var(--messagebox-action-border);<br /> color: var(--messagebox-action-color)<br /> }<br /> <br /> .messagebox.action a,.messagebox.action a:visited,.messagebox.action a:active {<br /> color: var(--messagebox-action-link-color)<br /> }<br /> <br /> .messagebox.warn {<br /> background-color: var(--messagebox-warn-background);<br /> border-color: var(--messagebox-warn-border);<br /> color: var(--messagebox-warn-color)<br /> }<br /> <br /> .messagebox.warn a,.messagebox.warn a:visited,.messagebox.warn a:active {<br /> color: var(--messagebox-warn-link-color)<br /> }<br /> <br /> .messagebox.safe {<br /> background-color: var(--messagebox-safe-background);<br /> border-color: var(--messagebox-safe-border);<br /> color: var(--messagebox-safe-color)<br /> }<br /> <br /> .messagebox.safe a,.messagebox.safe a:visited,.messagebox.safe a:active {<br /> color: var(--messagebox-safe-link-color)<br /> }<br /> <br /> .messagebox.disambig {<br /> background-color: var(--messagebox-disambig-background);<br /> border-color: var(--messagebox-disambig-border);<br /> color: var(--messagebox-disambig-color)<br /> }<br /> <br /> .messagebox.disambig a,.messagebox.disambig a:visited,.messagebox.disambig a:active {<br /> color: var(--messagebox-disambig-link-color)<br /> }<br /> <br /> .messagebox.discord {<br /> background-color: var(--messagebox-discord-background);<br /> border-color: var(--messagebox-discord-border);<br /> color: #fff<br /> }<br /> <br /> .messagebox.discord a,.messagebox.discord a:visited,.messagebox.discord a:active {<br /> color: var(--messagebox-discord-link-color)<br /> }<br /> <br /> .messagebox.discord a.external,.messagebox.discord a:visited.external,.messagebox.discord a:active.external {<br /> font-style: italic<br /> }<br /> <br /> .messagebox.stub {<br /> width: 40%<br /> }<br /> <br /> .messagebox.hasdialogue {<br /> padding: 0 10px;<br /> width: auto<br /> }<br /> <br /> :root {<br /> --ajaxpoll-background: #fafafa;<br /> --ajaxpoll-text-color: var(--byline-color);<br /> --ajaxpoll-answerbar-background: var(--body-light);<br /> --ajaxpoll-answerbar-border: var(--body-border)<br /> }<br /> <br /> .ajaxpoll {<br /> background: var(--ajaxpoll-background)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-hover-vote,.ajaxpoll .ajaxpoll-hover-revoke,.ajaxpoll .ajaxpoll-ajax {<br /> background: none<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote {<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote div {<br /> background: var(--ajaxpoll-answerbar-background);<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-our-vote div {<br /> border-color: #3c780a<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-misc,.ajaxpoll .ajaxpoll-info,.ajaxpoll .ajaxpoll-ajax {<br /> color: var(--ajaxpoll-text-color)<br /> }<br /> <br /> .ajaxpoll-id-info {<br /> display: none<br /> }<br /> <br /> .inventorytable,<br /> .lootingbagtable,<br /> .runepouchtable {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> height: auto;<br /> border-spacing: 0;<br /> border-collapse: separate;<br /> margin-top: 7px;<br /> margin-bottom: 7px;<br /> }<br /> <br /> .inventorytable.storage-left,<br /> .lootingbagtable.storage-left,<br /> .runepouchtable.storage-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .inventorytable.storage-center,<br /> .lootingbagtable.storage-center,<br /> .runepouchtable.storage-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .inventorytable.storage-right,<br /> .lootingbagtable.storage-right,<br /> .runepouchtable.storage-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .inventorytable td,<br /> .lootingbagtable td,<br /> .runepouchtable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> }<br /> <br /> .inventorytable {<br /> background-image: url(/images/e/e9/Inventory_tab.png);<br /> width: 204px;<br /> padding: 13px 16px 10px;<br /> }<br /> <br /> .inventorytable td {<br /> width: 43px;<br /> height: 36px;<br /> }<br /> <br /> .lootingbagtable {<br /> background-image: url(/images/7/78/Looting_bag_tab.png);<br /> width: 204px;<br /> padding: 31px 17px 20px 12px;<br /> }<br /> <br /> .lootingbagtable td {<br /> width: 44px;<br /> height: 32px;<br /> }<br /> <br /> .runepouchtable {<br /> background-image: url(/images/f/f1/Rune_pouch_background.png);<br /> width: 158px;<br /> padding: 24px 7px 6px;<br /> }<br /> <br /> .runepouchtable.storage-left {<br /> margin-left: 23px;<br /> }<br /> <br /> .runepouchtable.storage-right {<br /> margin-right: 23px;<br /> }<br /> <br /> .runepouchtable td {<br /> width: 32px;<br /> height: 32px;<br /> line-height: 1.6em;<br /> }<br /> <br /> .runepouchtable td.middle-rune {<br /> padding-left: 24px;<br /> padding-right: 24px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune {<br /> padding-left: 6px;<br /> padding-right: 6px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune {<br /> padding-left: 0;<br /> }<br /> <br /> .menagerietable {<br /> background-image: url(/images/9/9c/Menagerie_interface.png);<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> width: 300px;<br /> height: 250px;<br /> padding: 56px 28px 34px 6px;<br /> border-spacing: 0;<br /> }<br /> <br /> .menagerietable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> width: 46px;<br /> height: 32px;<br /> }<br /> <br /> .inventorytable .inv-quantity-text,<br /> .lootingbagtable .inv-quantity-text,<br /> .runepouchtable .inv-quantity-text,<br /> .equipment .inv-quantity-text {<br /> font-family: 'RuneScape Small';<br /> font-size: 12pt;<br /> position: absolute;<br /> top: -8px;<br /> left: 4px;<br /> text-shadow: #000 1px 1px;<br /> color: #ffff00;<br /> pointer-events: none;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-1,<br /> .lootingbagtable .inv-quantity-text.qty-1,<br /> .runepouchtable .inv-quantity-text.qty-1,<br /> .equipment .inv-quantity-text.qty-1 {<br /> color: #ffff00;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-100k,<br /> .lootingbagtable .inv-quantity-text.qty-100k,<br /> .runepouchtable .inv-quantity-text.qty-100k,<br /> .equipment .inv-quantity-text.qty-100k {<br /> color: #fff;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-10m,<br /> .lootingbagtable .inv-quantity-text.qty-10m,<br /> .runepouchtable .inv-quantity-text.qty-10m,<br /> .equipment .inv-quantity-text.qty-10m {<br /> color: #01ff80;<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {<br /> .inventorytable img,<br /> .lootingbagtable img,<br /> .runepouchtable img,<br /> .equipment img {<br /> image-rendering: pixelated;<br /> image-rendering: crisp-edges;<br /> }<br /> <br /> }<br /> <br /> .runepouchtable .inv-quantity-text {<br /> left: -1px;<br /> }<br /> <br /> .runepouchtable td.middle-rune .inv-quantity-text {<br /> left: 23px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune .inv-quantity-text {<br /> left: 5px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune .inv-quantity-text {<br /> left: 0;<br /> }<br /> <br /> .equipment .inv-quantity-text {<br /> top: -3px;<br /> }<br /> <br /> span.noted-item {<br /> width: 30px;<br /> height: 29px;<br /> text-align: center;<br /> display: inline-block;<br /> }<br /> <br /> span.noted-item a {<br /> width: 30px;<br /> height: 29px;<br /> }<br /> <br /> .noted-item a {<br /> background-image: url(/images/3/3a/Bank_note.png);<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> background-position: center;<br /> }<br /> <br /> td.noted-item a {<br /> width: 32px;<br /> line-height: 28px;<br /> }<br /> <br /> .noted-item img {<br /> transform: scale(0.65);<br /> }<br /> <br /> .equipment {<br /> background: #3e3529;<br /> border: 9px solid transparent;<br /> border-image-source: url(/images/c/c7/Interface_border.png);<br /> border-image-slice: 9;<br /> border-image-width: 9px;<br /> border-image-outset: 0;<br /> border-image-repeat: repeat;<br /> margin: 7px 0;<br /> padding: 0 2px 0 3px;<br /> }<br /> <br /> @media all and (max-width: 720px) {<br /> table.equipment {<br /> width: initial !important;<br /> }<br /> <br /> }<br /> <br /> .equipment-div,<br /> .equipment-div-buttons {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> position: relative;<br /> width: 175px;<br /> display: flex;<br /> }<br /> <br /> .equipment-div {<br /> background-image: url(/images/a/a7/Worn_equipment_tab_%28no_buttons%29.png);<br /> height: 222px;<br /> margin: 15px 0 14px;<br /> }<br /> <br /> .equipment-div-buttons {<br /> background-image: url(/images/e/e3/Worn_equipment_tab_%28borderless%29.png);<br /> height: 244px;<br /> margin: 4px 0 3px;<br /> }<br /> <br /> .equipment-blank {<br /> background-image: url(/images/c/cf/Blank_slot.png);<br /> width: 36px;<br /> height: 36px;<br /> }<br /> <br /> .equipment-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .equipment-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .equipment-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .equipment-stats,<br /> .equipment-ikod {<br /> font-family: RuneScape;<br /> font-size: 16px;<br /> line-height: 14px;<br /> color: #ff981f;<br /> text-shadow: 1px 1px 0 black;<br /> }<br /> <br /> td.equipment-stats b {<br /> font-family: RuneScape;<br /> font-weight: bold;<br /> display: block;<br /> margin-top: 2px;<br /> }<br /> <br /> td.equipment-stats data {<br /> display: block;<br /> padding-left: 8px;<br /> }<br /> <br /> td.equipment-stats data img {<br /> vertical-align: bottom;<br /> }<br /> <br /> td.equipment-ikod {<br /> max-width: 325px;<br /> }<br /> <br /> td.equipment-ikod em {<br /> font-style: normal;<br /> display: block;<br /> margin-bottom: 3px;<br /> }<br /> <br /> td.equipment-ikod b {<br /> font-weight: normal;<br /> color: white;<br /> }<br /> <br /> td.equipment-ikod strong {<br /> font-weight: normal;<br /> color: red;<br /> }<br /> <br /> td.equipment-ikod ul {<br /> list-style: none;<br /> margin: 0;<br /> }<br /> <br /> td.equipment-ikod li {<br /> display: inline-block;<br /> width: 32px;<br /> height: 32px;<br /> line-height: 32px;<br /> margin: 0;<br /> margin-right: 14px;<br /> }<br /> <br /> td.equipment-ikod img {<br /> cursor: help;<br /> }<br /> <br /> td.equipment-ikod hr {<br /> border-top: 1px solid #0e0e0c;<br /> border-bottom: 1px solid #474745;<br /> margin: 7px 0;<br /> }<br /> <br /> .equipment-plinkp {<br /> position: absolute;<br /> width: 36px;<br /> height: 36px;<br /> left: 0px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head,<br /> .equipment-cape,<br /> .equipment-neck,<br /> .equipment-ammo,<br /> .equipment-weapon,<br /> .equipment-torso,<br /> .equipment-shield,<br /> .equipment-legs,<br /> .equipment-gloves,<br /> .equipment-boots,<br /> .equipment-ring,<br /> .equipment-statsbutton,<br /> .equipment-ikodbutton {<br /> position: absolute;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head {<br /> left: 70px;<br /> top: 0px;<br /> }<br /> <br /> .equipment-cape {<br /> left: 29px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-neck {<br /> left: 70px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-ammo {<br /> left: 111px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-weapon {<br /> left: 14px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-torso {<br /> left: 70px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-shield {<br /> left: 126px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-legs {<br /> left: 70px;<br /> top: 118px;<br /> }<br /> <br /> .equipment-gloves {<br /> left: 14px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-boots {<br /> left: 70px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-ring {<br /> left: 126px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-statsbutton {<br /> top: 204px;<br /> left: 0px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> .equipment-ikodbutton {<br /> top: 204px;<br /> left: 90px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> :root {<br /> --transcript-border-color: #b4a36a;<br /> --transcript-border-hover-color: #876f1d;<br /> --transcript-strikethrough-color: #800000<br /> }<br /> <br /> .transcript {<br /> background: var(--body-light);<br /> border-radius: 0 0 120px 120px / 0 0 8px 8px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> max-width: 90ch;<br /> overflow: hidden;<br /> margin-bottom: 1em;<br /> padding: 0.5em 1em 1em;<br /> clear: left<br /> }<br /> <br /> .transcript.godletter {<br /> margin: 1em auto;<br /> padding: 1em 1.5em;<br /> max-width: 60ch<br /> }<br /> <br /> .quest-action {<br /> text-align: center;<br /> font-style: italic;<br /> margin: 0 5%<br /> }<br /> <br /> .quest-action:before,.quest-action:after {<br /> content: '———';<br /> margin: 4px;<br /> letter-spacing: -1px<br /> }<br /> <br /> .transcript-chatbox-image {<br /> display: inline-block;<br /> margin-right: 5px;<br /> position: relative;<br /> text-align: center;<br /> width: 32px<br /> }<br /> <br /> .transcript-chatbox-image + .transcript-chatbox-image {<br /> left: -10px;<br /> top: 10px;<br /> margin-right: 0<br /> }<br /> <br /> .transcript-opt::before {<br /> display: inline-block;<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> width: 7px;<br /> height: 10px;<br /> margin-right: 5px<br /> }<br /> <br /> .transcript-opt.disabled {<br /> filter: opacity(0.5)<br /> }<br /> <br /> .ns-120 .mw-parser-output s,.transcript s {<br /> text-decoration-color: var(--transcript-strikethrough-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output .template-colour,.transcript .template-colour {<br /> text-shadow: 1px 1px #000a<br /> }<br /> <br /> :root {<br /> --byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%);<br /> --tile-border-color: #596e96;<br /> --tile-background-color: #313e59;<br /> --tile-link-button-color: #222e45;<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255,255,255,0.7);<br /> --tile-dark-header-color: #fff<br /> }<br /> <br /> .tile {<br /> background: var(--tile-background-color);<br /> border: 1px solid var(--tile-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1.5em 2em 1em;<br /> max-width: 40em<br /> }<br /> <br /> .tile h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile.dark {<br /> color: var(--tile-dark-color);<br /> background: var(--tile-dark-bg);<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .tile.dark h2 {<br /> color: var(--tile-dark-header-color)<br /> }<br /> <br /> .tile.dark a {<br /> color: var(--tile-dark-link-color)<br /> }<br /> <br /> .tile.dark .byline {<br /> color: var(--tile-dark-byline-color)<br /> }<br /> <br /> .byline {<br /> font-size: 0.9em;<br /> color: var(--byline-color)<br /> }<br /> <br /> .byline a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .tile-row {<br /> display: flex;<br /> flex-flow: row wrap;<br /> margin-bottom: 1em<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-flow: row wrap;<br /> border: 1px solid var(--tile-border-color);<br /> background: var(--tile-background-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .tile-halves h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile-halves .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile-top {<br /> width: 100%;<br /> padding: 1.3rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-top.tile-image {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--byline-color);<br /> overflow: hidden;<br /> padding: 0;<br /> height: 13vw;<br /> max-height: 12em;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-halves:hover .tile-top.tile-image img {<br /> transform: scale(1.1);<br /> transition: 0.5s ease-out<br /> }<br /> <br /> .tile-top.tile-image a {<br /> width: 100%<br /> }<br /> <br /> .tile-top.tile-image img {<br /> width: 100%;<br /> object-fit: cover;<br /> max-height: 200px;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-top.tile-image span {<br /> width: 100%<br /> }<br /> <br /> .tile-bottom {<br /> background: var(--tile-background-color);<br /> border-top: 1px solid var(--tile-border-color);<br /> width: 100%;<br /> padding: 1rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-bottom.link-button {<br /> align-self: flex-end;<br /> padding: 0<br /> }<br /> <br /> .tile-bottom.link-button a {<br /> display: block;<br /> text-align: center;<br /> padding: 0.75em 1.5em 0.8em;<br /> text-decoration: none<br /> }<br /> <br /> .tile-bottom.read-more {<br /> background: var(--tile-link-button-color);<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile-bottom.read-more a {<br /> color: var(--byline-color);<br /> font-weight: bold;<br /> text-align: right<br /> }<br /> <br /> .tile-bottom.read-more:hover {<br /> background: var(--tile-link-button-highlight-color)<br /> }<br /> <br /> .tile-bottom.read-more:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .tile-bottom.read-more .arrow {<br /> filter: var(--byline-arrow-filter);<br /> margin-left: 0.4em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile.oswf-day {<br /> margin-left: 0.5em<br /> }<br /> <br /> .oswf-tile {<br /> margin: 1em<br /> }<br /> <br /> .oswf-tile.oswf-complete {<br /> opacity: 0.65<br /> }<br /> <br /> .oswf-tile .oswf-summary {<br /> font-size: 105%;<br /> line-height: 1.6;<br /> margin-top: -0.4em<br /> }<br /> <br /> .oswf-tile .oswf-img {<br /> display: block;<br /> max-width: 75px;<br /> float: right<br /> }<br /> <br /> .oswf-tile .oswf-img img {<br /> max-width: 100%;<br /> height: auto<br /> }<br /> <br /> .oswf-tile .oswf-guidance {<br /> border-top: 1px solid #eee;<br /> padding-top: 1em<br /> }<br /> <br /> body.page-Main_Page .mw-parser-output {<br /> max-width: 75em;<br /> margin: 0 auto;<br /> }<br /> <br /> body.page-Main_Page.action-view .catlinks,<br /> body.page-Main_Page.action-view #contentSub,<br /> body.page-Main_Page.action-view #siteNotice {<br /> display: none;<br /> }<br /> <br /> body.page-Main_Page h1 { display: none; }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> margin: 2.6em 1.75em 1.5em<br /> }<br /> <br /> .mainpage-header .header-intro {<br /> flex: 2<br /> }<br /> <br /> .mainpage-header .header-intro h1 {<br /> font-size: 2.5em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.15em<br /> }<br /> <br /> .mainpage-header .header-intro p {<br /> font-size: 1.1em;<br /> line-height: 1.7em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> flex: 1;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> margin-top: -1em<br /> }<br /> <br /> .mainpage-body {<br /> display: grid;<br /> grid-template-areas: &quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left right&quot;;<br /> gap: 0.9rem;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-body h2 a {<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-body .tile {<br /> padding-left: 1.75em;<br /> padding-right: 1.75em;<br /> max-width: 100%<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> width: 100%;<br /> margin-bottom: 0<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> display: grid;<br /> gap: 0.9rem<br /> }<br /> <br /> .mainpage-left {<br /> grid-area: left;<br /> flex: 2;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-left &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .mainpage-right {<br /> grid-area: right;<br /> flex: 1;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-right &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .arrow {<br /> background: url(/images/White-chevron.svg?b82be) no-repeat;<br /> display: inline-block;<br /> height: 0.7rem;<br /> width: 0.45rem;<br /> vertical-align: middle<br /> }<br /> <br /> .arrow.dark {<br /> filter: invert(80%)<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-area: update;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves {<br /> flex: 1;<br /> align-content: flex-start<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-bottom.link-button a {<br /> text-align: left;<br /> padding: 1rem 1.5rem 0.75rem<br /> }<br /> <br /> .mainpage-recent-updates h2 {<br /> margin: -0.5em 0 0.3em<br /> }<br /> <br /> .mainpage-recent-updates p:not(.byline) {<br /> font-size: 0.9em;<br /> line-height: 1.75em;<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-contents {<br /> grid-area: content;<br /> grid-template-columns: repeat(6,1fr)<br /> }<br /> <br /> .mainpage-contents .tile-halves {<br /> flex: 1<br /> }<br /> <br /> .mainpage-contents .tile-top {<br /> position: relative<br /> }<br /> <br /> .mainpage-contents h2 {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> .mainpage-contents .tile-bottom.link-button a {<br /> padding: 0.75em 0.2em<br /> }<br /> <br /> .mainpage-skills ul {<br /> columns: 3 9em;<br /> margin: 1em 0.7em 0.7em 1em<br /> }<br /> <br /> .mainpage-skills li {<br /> display: flex;<br /> margin-bottom: 0.29em<br /> }<br /> <br /> .mainpage-skills li a:first-child {<br /> border-radius: 2px;<br /> padding: 4px;<br /> width: 25px;<br /> height: 25px;<br /> text-align: center;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center<br /> }<br /> <br /> .mainpage-skills li a:last-child {<br /> flex: 1;<br /> display: flex;<br /> align-items: center;<br /> font-weight: bold;<br /> padding-left: 0.7em;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-skills li:hover a:first-child {<br /> border-radius: 2px 0 0 2px<br /> }<br /> <br /> .mainpage-skills li:hover a:last-child {<br /> color: rgba(255,255,255,0.9);<br /> border-radius: 0 2px 2px 0<br /> }<br /> <br /> .skill-agility a:first-child,.skill-melee a:first-child {<br /> background: #bc483d<br /> }<br /> <br /> .skill-agility:hover a:last-child,.skill-melee:hover a:last-child {<br /> background: #932419<br /> }<br /> <br /> .skill-ranged a:first-child {<br /> background: #748d36<br /> }<br /> <br /> .skill-ranged:hover a:last-child {<br /> background: #4c6215<br /> }<br /> <br /> .skill-magic a:first-child {<br /> background: #6274ab<br /> }<br /> <br /> .skill-magic:hover a:last-child {<br /> background: #304791<br /> }<br /> <br /> .skill-fishing a:first-child,.skill-fletching a:first-child {<br /> background: #3e8e9a<br /> }<br /> <br /> .skill-fishing:hover a:last-child,.skill-fletching:hover a:last-child {<br /> background: #1a6671<br /> }<br /> <br /> .skill-cooking a:first-child,.skill-thieving a:first-child {<br /> background: #91689e<br /> }<br /> <br /> .skill-cooking:hover a:last-child,.skill-thieving:hover a:last-child {<br /> background: #713684<br /> }<br /> <br /> .skill-farming a:first-child,.skill-woodcutting a:first-child {<br /> background: #59924f<br /> }<br /> <br /> .skill-farming:hover a:last-child,.skill-woodcutting:hover a:last-child {<br /> background: #306f25<br /> }<br /> <br /> .skill-mining a:first-child {<br /> background: #6385a8<br /> }<br /> <br /> .skill-mining:hover a:last-child {<br /> background: #315f8d<br /> }<br /> <br /> .skill-smithing a:first-child {<br /> background: #d2b244<br /> }<br /> <br /> .skill-smithing:hover a:last-child {<br /> background: #b69213<br /> }<br /> <br /> .popular-pages ul {<br /> display: grid;<br /> grid-template-columns: repeat(3,1fr);<br /> grid-gap: 0.6em;<br /> margin: 1em 0 0.7em 0<br /> }<br /> <br /> .mp-popular-page-light {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--button-background);<br /> transition: 100ms<br /> }<br /> <br /> .mp-popular-page-light a {<br /> flex: 1;<br /> display: block;<br /> color: #fff;<br /> font-weight: bold;<br /> text-align: center;<br /> text-decoration: none;<br /> padding: 0.7em 1em<br /> }<br /> <br /> .mp-popular-page-light:hover {<br /> filter: brightness(115%);<br /> transition: 100ms<br /> }<br /> <br /> .mainpage-discord {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-discord .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #5865f2;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-discord .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-discord .tile-bottom {<br /> background: #525ee0;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-discord .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-discord .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-discord .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-discord .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-youtube {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-youtube .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-youtube .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-youtube .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-youtube .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-youtube .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-youtube .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-youtube .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-rl {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-rl .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #383838;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-rl .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-rl .tile-bottom {<br /> background: #FF9300;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-rl .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-rl .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-rl .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-rl .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-twitter {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-twitter .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-twitter .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-twitter .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-twitter .twitter-logo {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-twitter .twitter-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-twitter .twitter-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-twitter .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .mainpage-editing {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-editing .tile-top {<br /> background: #222e45<br /> }<br /> <br /> .mainpage-editing .tile-bottom {<br /> background: #3980ab;<br /> border: none;<br /> padding: 0.8rem 1.5rem 0.4rem<br /> }<br /> <br /> .mainpage-editing h2,.mainpage-editing a {<br /> color: #fff<br /> }<br /> <br /> .mainpage-editing p {<br /> color: rgba(255,255,255,0.9)<br /> }<br /> <br /> .mainpage-editing ul {<br /> list-style-image: url(/images/Transparent-chevron.svg?20dcf)<br /> }<br /> <br /> .mainpage-poll .ajaxpoll {<br /> border: none;<br /> background: none;<br /> padding: 0;<br /> width: auto<br /> }<br /> <br /> .mainpage-trailblazer {<br /> grid-area: event<br /> }<br /> <br /> .mainpage-trailblazer .tb-logo {<br /> margin-bottom: 0.9rem<br /> }<br /> <br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-trailblazer .tile-row .tile-top {<br /> height: 20vw;<br /> min-height: 9em<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1200px) {<br /> .mainpage-contents {<br /> grid-template-columns:repeat(3,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1000px) {<br /> .mainpage-body {<br /> grid-template-areas:&quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left left&quot; &quot;right right right&quot;<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-top {<br /> height: 18vw;<br /> min-height: 9em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> display: none<br /> }<br /> <br /> .mainpage-left &gt; *:last-child,.mainpage-right &gt; *:last-child {<br /> margin-bottom: 0<br /> }<br /> <br /> .popular-pages ul {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-recent-updates {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: flex<br /> }<br /> <br /> .mainpage-contents {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background-color: var(--body-main);<br /> border-top-color: var(--body-border);<br /> box-shadow: none<br /> }<br /> <br /> .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,.mw-prefs-tabs &gt; .oo-ui-menuLayout-content &gt; .oo-ui-indexLayout-stackLayout &gt; .oo-ui-tabPanelLayout {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --rc-positive-color: #407813;<br /> --rc-negative-color: #b41e0f<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: var(--rc-positive-color)<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: var(--rc-negative-color)<br /> }<br /> <br /> .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {<br /> border-color: var(--body-border);<br /> background-color: var(--body-light);<br /> border-radius: 2px<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-menuSelectWidget-footer {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-tagItemWidget-popup-content {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-changeslist-legend,.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .client-js .mw-changeslist ul,.client-js .mw-changeslist table.mw-enhanced-rc {<br /> margin-left: 0<br /> }<br /> <br /> .mw-rcfilters-ui-watchlistTopSectionWidget-separator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-header {<br /> border-bottom-color: var(--ooui-interface);<br /> background-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-title {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-header {<br /> border-bottom-color: var(--ooui-interface-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-savedLinksListItemWidget-label {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted ul,.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted table.mw-enhanced-rc {<br /> margin-left: 1.5em<br /> }<br /> <br /> .page-Special_CreateAccount .mw-ui-container,.page-Special_UserLogin .mw-ui-container {<br /> max-width: 64rem;<br /> margin: 0 auto<br /> }<br /> <br /> .mw-number-text {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-body-content .mw-number-text h3 {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-indicator-mw-helplink a {<br /> background: none;<br /> padding: 0;<br /> display: flex;<br /> align-items: center<br /> }<br /> <br /> #mw-indicator-mw-helplink a::before {<br /> content: '';<br /> margin-right: 5px;<br /> -webkit-mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> background: var(--text-color);<br /> height: 20px;<br /> width: 20px<br /> }<br /> <br /> .results-info {<br /> color: inherit<br /> }<br /> <br /> .mw-search-profile-tabs {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> .search-types .current a {<br /> color: inherit<br /> }<br /> <br /> #mw-searchoptions {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> #mw-searchoptions .divider {<br /> border-color: var(--body-border)<br /> }<br /> <br /> #mw-searchoptions h4 {<br /> font-family: inherit<br /> }<br /> <br /> #mw-searchoptions .oo-ui-labelElement:nth-of-type(odd) {<br /> font-weight: bold<br /> }<br /> <br /> .searchresult {<br /> line-height: 1.5<br /> }<br /> <br /> .searchalttitle,#mw-search-interwiki li {<br /> font-size: 90%<br /> }<br /> <br /> .mw-search-result-data {<br /> color: var(--byline-color)<br /> }<br /> <br /> .page-Special_ListFiles a.image img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .page-Special_ListFiles .TablePager_col_thumb {<br /> text-align: center<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] {<br /> background-color: var(--body-main) !important;<br /> border-color: var(--wikitable-border) !important;<br /> margin-top: 0.5em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th,#editcount table[border=&quot;1&quot;] td {<br /> padding: 0.2em 0.4em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th {<br /> background-color: var(--wikitable-header-bg);<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] td {<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] tr:nth-child(odd) {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget {<br /> background-color: inherit<br /> }<br /> <br /> table.mw-interwikitable.body td.mw-interwikitable-local-yes {<br /> background-color: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .mw-protectedpages-unknown {<br /> color: var(--byline-color)<br /> }<br /> <br /> .watchlistredir,.allpagesredirect {<br /> font-style: italic<br /> }<br /> <br /> .allpagesredirect:after {<br /> color: var(--byline-color);<br /> content: &quot; (redirect)&quot;<br /> }<br /> <br /> .mw-apisandbox-toolbar {<br /> background: var(--body-main)<br /> }<br /> <br /> .oo-ui-menuOptionWidget .mw-apisandbox-flag {<br /> color: var(--byline-color)<br /> }<br /> <br /> tr.mw-abusefilter-list-disabled,tr.mw-abusefilter-list-disabled td {<br /> color: var(--byline-color)<br /> }<br /> <br /> table.mw-abuselog-details {<br /> background: var(--wikitable-bg);<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> table.mw-abuselog-details th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> table.mw-abuselog-details th,table.mw-abuselog-details td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-abusefilter-log-hidden-entry {<br /> color: var(--subtle-color)<br /> }<br /> <br /> body td.mw-abusefilter-history-changed {<br /> background: var(--table-no-background)<br /> }<br /> <br /> div.mw-abusefilter-editor,#mw-abusefilter-warn-preview,#mw-abusefilter-disallow-preview {<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-destfile-warning {<br /> border-color: var(--warningbox-border);<br /> color: var(--text-color);<br /> background-color: var(--warningbox-bg)<br /> }<br /> <br /> span.fileinput-button {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> ul.fileupload-results li.ful-success {<br /> background-color: var(--successbox-bg)<br /> }<br /> <br /> ul.fileupload-results li.ful-success a {<br /> color: var(--link-color)<br /> }<br /> <br /> ul.fileupload-results li.ful-error {<br /> background-color: var(--errorbox-bg)<br /> }<br /> <br /> #siteNotice {<br /> text-align: center<br /> }<br /> <br /> #siteNotice ul {<br /> list-style: none<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-body {<br /> margin: 0<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-close {<br /> float: none;<br /> text-align: right<br /> }<br /> <br /> .mw-dismissable-notice-close-parent {<br /> min-height: 1em<br /> }<br /> <br /> .mmg-xpline:after {<br /> content: ','<br /> }<br /> <br /> .mmg-xpline:last-child:after {<br /> content: ''<br /> }<br /> <br /> .mmg-itemline {<br /> display: block<br /> }<br /> <br /> .discussiontable th {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .discussiontable .topic,.discussiontable .edited,.discussiontable .edited-by,.discussiontable .rg-archive {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .dpltable {<br /> margin-top: -30px<br /> }<br /> <br /> .dpltable td {<br /> padding-left: 5px<br /> }<br /> <br /> .dpltable,.discussiontable {<br /> width: 100%<br /> }<br /> <br /> .dpltable .topic,.discussiontable .topic {<br /> width: 40%<br /> }<br /> <br /> .dpltable .edited,.discussiontable .edited,.dpltable .edited-by,.discussiontable .edited-by {<br /> width: 30%<br /> }<br /> <br /> .dpltable .rg-archive,.discussiontable .rg-archive {<br /> width: 20%<br /> }<br /> <br /> body.ns-110 #ca-talk {<br /> display: none<br /> }<br /> <br /> :root {<br /> --gemw-positive-color: #6bc71f;<br /> --gemw-unchanged-color: #3ea6e6;<br /> --gemw-negative-color: #ee4231;<br /> --gemw-historical-border-color: #000<br /> }<br /> <br /> .gemw-container {<br /> max-width: 60em;<br /> margin: 4em auto<br /> }<br /> <br /> .gemw-header {<br /> display: flex;<br /> border-left-width: 0.25em;<br /> border-left-style: solid;<br /> padding-left: 1em;<br /> margin-bottom: 3em<br /> }<br /> <br /> .gemw-header.positive {<br /> border-color: var(--gemw-positive-color)<br /> }<br /> <br /> .gemw-header.negative {<br /> border-color: var(--gemw-negative-color)<br /> }<br /> <br /> .gemw-header.unchanged {<br /> border-color: var(--gemw-unchanged-color)<br /> }<br /> <br /> .gemw-header .gemw-section-left {<br /> flex: 1<br /> }<br /> <br /> .gemw-header .gemw-name {<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> margin-bottom: 0<br /> }<br /> <br /> .gemw-header .gemw-name a {<br /> color: inherit<br /> }<br /> <br /> .gemw-header .gemw-examine {<br /> color: var(--byline-color);<br /> font-size: 1.05em;<br /> font-style: italic;<br /> margin: 0 1em 1.25em 0<br /> }<br /> <br /> .gemw-header .gemw-price {<br /> display: inline-block;<br /> font-size: 2.75em;<br /> font-weight: bold<br /> }<br /> <br /> .gemw-header .gemw-price::after {<br /> content: ' coins';<br /> color: var(--byline-color);<br /> font-size: 1rem;<br /> font-weight: normal;<br /> word-spacing: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-change {<br /> display: inline-block;<br /> font-size: 1rem;<br /> font-weight: bold;<br /> margin-left: 2em;<br /> word-spacing: 0.5em<br /> }<br /> <br /> .gemw-header .gemw-change img {<br /> vertical-align: baseline<br /> }<br /> <br /> .gemw-header .gemw-section-right {<br /> text-align: right<br /> }<br /> <br /> .gemw-header .gemw-updated {<br /> color: var(--byline-color);<br /> line-height: 1.5em;<br /> margin-top: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-time {<br /> color: var(--byline-color);<br /> font-weight: bold<br /> }<br /> <br /> .gemw-body {<br /> display: flex<br /> }<br /> <br /> .gemw-body .gemw-section-left {<br /> width: 40%;<br /> margin-right: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left dl {<br /> display: flex;<br /> flex-flow: row wrap;<br /> justify-content: space-between;<br /> margin-bottom: -1.25em<br /> }<br /> <br /> .gemw-body .gemw-section-left &gt; div {<br /> margin-top: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .gemw-body .gemw-property {<br /> width: 30%;<br /> border-top: 0.15em dotted var(--body-mid);<br /> padding-top: 0.25em;<br /> margin-bottom: 1.5em<br /> }<br /> <br /> .gemw-body .gemw-property dt {<br /> color: var(--byline-color);<br /> font-weight: normal<br /> }<br /> <br /> .gemw-body .gemw-property dd {<br /> font-weight: bold;<br /> margin: -0.25em 0 0<br /> }<br /> <br /> .gemw-body .gemw-links {<br /> color: var(--byline-color);<br /> margin-bottom: 0.35em<br /> }<br /> <br /> .gemw-body .gemw-section-right {<br /> width: 60%<br /> }<br /> <br /> .gemw-body .gemw-chart {<br /> color: #eceeee;<br /> font-size: 5em;<br /> text-align: center;<br /> line-height: 5em;<br /> position: relative<br /> }<br /> <br /> .gemw-body .gemw-chart .GEChartBox,.gemw-body .gemw-chart .GEdatachart {<br /> position: relative<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header.positive,.gemw-container.gemw-historical .gemw-header.negative,.gemw-container.gemw-historical .gemw-header.neutral,.gemw-container.gemw-historical .gemw-header.unchanged {<br /> border-color: var(--gemw-historical-border-color)<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-time .jsPurgeLink,.gemw-container.gemw-historical .gemw-header .gemw-time &gt; span.plainlinks {<br /> display: none<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-section-left:after {<br /> content: &quot;This is a historical item no longer available on the Grand Exchange. The data is preserved here as an archive.&quot;;<br /> font-style: italic<br /> }<br /> <br /> #overlay {<br /> display: none;<br /> background-color: var(--ooui-window-background);<br /> height: auto;<br /> width: auto;<br /> overflow: hidden;<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> bottom: 0;<br /> left: 0;<br /> z-index: 50<br /> }<br /> <br /> #GEchartpopup g.highcharts-label text &gt; a:visited,.GEdatachart g.highcharts-label text &gt; a:visited {<br /> fill: white<br /> }<br /> <br /> #GEchartpopup {<br /> background: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> border-radius: 2px;<br /> color: var(--ooui-text);<br /> position: fixed;<br /> left: 0;<br /> right: 0;<br /> top: 1em;<br /> bottom: 1em;<br /> margin: auto;<br /> padding: 1em;<br /> max-width: 975px;<br /> z-index: 52;<br /> overflow: auto<br /> }<br /> <br /> #GEchartpopup #closepopup {<br /> float: right;<br /> margin-bottom: 5px;<br /> z-index: 100<br /> }<br /> <br /> #GEchartpopup #itemstats {<br /> bottom: 50px;<br /> font-size: 11px;<br /> position: absolute;<br /> right: 45px;<br /> width: 200px;<br /> z-index: 10<br /> }<br /> <br /> #GEchartpopup #itemstats caption {<br /> cursor: pointer;<br /> text-align: right<br /> }<br /> <br /> #GEpopupchart {<br /> height: 500px<br /> }<br /> <br /> .highcharts-container .highcharts-range-selector {<br /> font-size: 11px<br /> }<br /> <br /> .GEPermLink {<br /> float: right;<br /> font-size: 14px<br /> }<br /> <br /> .GEPermLink ~ .GEdatachart {<br /> clear: right<br /> }<br /> <br /> form[id^=&quot;chartProperties&quot;] button {<br /> margin: 3px<br /> }<br /> <br /> .smallChart .highcharts-range-selector {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-button title + rect {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-title {<br /> white-space: nowrap !important<br /> }<br /> <br /> .smallChart .zoomButton,.smallChart svg &gt; text:first-of-type,.smallChart .highcharts-input-group {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-scrollbar,.mediumChart .highcharts-scrollbar {<br /> display: none<br /> }<br /> <br /> .highcharts-background,.highcharts-plot-background {<br /> fill: transparent<br /> }<br /> <br /> .highcharts-title,.highcharts-subtitle {<br /> color: var(--text-color) !important<br /> }<br /> <br /> .highcharts-axis-title {<br /> fill: var(--text-color) !important<br /> }<br /> <br /> .highcharts-yaxis-grid .highcharts-grid-line,.highcharts-tick,.highcharts-axis-line {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-axis-labels text,.highcharts-range-selector-group text {<br /> color: var(--ooui-text) !important;<br /> fill: var(--ooui-text) !important<br /> }<br /> <br /> .highcharts-label-box {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-button-box {<br /> fill: var(--ooui-normal)<br /> }<br /> <br /> .highcharts-navigator-outline {<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-track {<br /> fill: transparent;<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-button,.highcharts-scrollbar-thumb,.highcharts-navigator-handle {<br /> fill: var(--ooui-normal);<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-scrollbar-arrow {<br /> fill: var(--ooui-text)<br /> }<br /> <br /> .highcharts-scrollbar-rifles {<br /> stroke: var(--ooui-text)<br /> }<br /> <br /> #t-print,#t-permalink {<br /> display: none<br /> }<br /> <br /> .jcConfig {<br /> display: none<br /> }<br /> <br /> #filetoc {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> border-color: transparent;<br /> margin: 0.5em auto;<br /> text-align: center;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> .smwfact {<br /> display: none<br /> }<br /> <br /> .list-header {<br /> background-color: var(--body-mid);<br /> color: inherit<br /> }<br /> <br /> .editOptions {<br /> color: var(--text-color);<br /> background-color: var(--sourceeditor-background-secondary);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .updatedmarker {<br /> background-color: #c3e8a3;<br /> color: #162e02<br /> }<br /> <br /> .mw-json th,.mw-json td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-json td {<br /> background: var(--wikitable-bg)<br /> }<br /> <br /> .mw-json th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> <br /> html {<br /> -webkit-text-size-adjust: 100%<br /> }<br /> <br /> body {<br /> background: var(--body-background-image) var(--body-background-color) top left / 1500px 375px no-repeat;<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .vector-body {<br /> font-size: 0.9em<br /> }<br /> <br /> #firstHeading {<br /> font-weight: bold<br /> }<br /> <br /> pre,code,.mw-code {<br /> color: inherit;<br /> background-color: var(--mw-code-background-color);<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> dl {<br /> margin: 0<br /> }<br /> <br /> ul {<br /> list-style-image: var(--ul-list-style-image)<br /> }<br /> <br /> hr {<br /> background: none;<br /> border-color: var(--body-border);<br /> border-style: solid;<br /> border-width: 1px 0 0 0;<br /> height: initial<br /> }<br /> <br /> fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .vector-body blockquote {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --personal-links-bg: var(--body-main);<br /> --arrow-down: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5' fill='%23444'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading {<br /> background-color: var(--vector-tab-background);<br /> padding: 1em 0.75em 0.6923em;<br /> margin: 0<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading,.vector-menu-dropdown .vector-menu-heading:hover,.vector-menu-dropdown .vector-menu-heading:focus {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading:after {<br /> background-image: var(--arrow-down);<br /> opacity: 1<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-content {<br /> border-color: transparent;<br /> background-color: var(--body-light);<br /> box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);<br /> left: 0<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item a {<br /> color: var(--link-color)<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item.selected a,.vector-menu-dropdown .mw-list-item.selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> #p-personal {<br /> background: var(--personal-links-bg);<br /> top: 0;<br /> right: 0;<br /> border-radius: 0 0 0 4px;<br /> height: 1.875em<br /> }<br /> <br /> #p-personal ul {<br /> padding: 0 1em 0 0.4375em<br /> }<br /> <br /> .vector-search-box-inner {<br /> background: var(--search-box);<br /> height: 2.5em;<br /> margin-top: 0;<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-search-box-input {<br /> color: var(--text-color);<br /> height: 100%;<br /> border: none;<br /> background: none;<br /> padding-left: 0.75em<br /> }<br /> <br /> .vector-search-box-input::placeholder {<br /> color: var(--text-color);<br /> opacity: 0.67<br /> }<br /> <br /> .vector-search-box-inner:hover .vector-search-box-input,.vector-search-box-input:focus,.vector-search-box-inner:hover .vector-search-box-input:focus {<br /> border: none;<br /> box-shadow: none<br /> }<br /> <br /> :root {<br /> --searchbutton-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13'%3E%3Cg fill='none' stroke='%238cabe6' stroke-width='2'%3E%3Cpath d='M11.29 11.71l-4-4'/%3E%3Ccircle cx='5' cy='5' r='4'/%3E%3C/g%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .searchButton[name='go'] {<br /> background: no-repeat center var(--searchbutton-icon)<br /> }<br /> <br /> .vector-search-box {<br /> margin: 0<br /> }<br /> <br /> .vector-search-box form {<br /> margin-top: 0<br /> }<br /> <br /> .suggestions-results {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-result {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions a.mw-searchSuggest-link,.suggestions a.mw-searchSuggest-link:hover,.suggestions a.mw-searchSuggest-link:active,.suggestions a.mw-searchSuggest-link:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-special {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-special .special-label {<br /> color: var(--byline-color)<br /> }<br /> <br /> .suggestions-special .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current .special-label,.suggestions-result-current .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-panel {<br /> padding-top: 2.5em<br /> }<br /> <br /> .vector-menu-portal .vector-menu-heading {<br /> color: var(--background-text-color);<br /> font-weight: bold;<br /> background: none<br /> }<br /> <br /> .vector-menu-portal .vector-menu-content li a,.vector-menu-portal .vector-menu-content li a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-logo {<br /> filter: drop-shadow(0 2px 5px rgba(0,0,0,0.25));<br /> margin: -1.5em 0 0<br /> }<br /> <br /> #n-Discord a {<br /> color: #fff !important;<br /> font-weight: bold;<br /> border-radius: 4px;<br /> border: 1px solid #4c57d0;<br /> background-color: #5865f2;<br /> display: block;<br /> position: relative;<br /> padding: 4px 4px 5px calc(17px + 6.5px * 2);<br /> box-shadow: 0 2px 3px rgba(0,0,0,0.1);<br /> transition: 0.2s<br /> }<br /> <br /> #n-Discord a::before {<br /> content: 'Chat on ';<br /> font-weight: normal;<br /> opacity: 0.85<br /> }<br /> <br /> #n-Discord a::after {<br /> content: '';<br /> background: url(/images/0/06/Discord_logo_icon1.png) no-repeat;<br /> background-size: 17px 13px;<br /> filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));<br /> position: absolute;<br /> top: 5px;<br /> left: 7px;<br /> width: 17px;<br /> height: 13px<br /> }<br /> <br /> #n-Discord a:hover {<br /> text-decoration: none;<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a {<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a:hover {<br /> background-color: #4c57d0<br /> }<br /> <br /> :root {<br /> --vector-tab-background: var(--body-background-color);<br /> --vector-tab-background--hover: var(--body-mid);<br /> --vector-tab-link-color: var(--background-link-color);<br /> --watch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='transparent' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;);<br /> --unwatch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%238cabe6' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;)<br /> }<br /> <br /> .vector-menu-tabs-legacy {<br /> padding: 0<br /> }<br /> <br /> .vector-menu-tabs-legacy .new a,.vector-menu-tabs-legacy .new a:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected {<br /> background: var(--body-main)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected a,.vector-menu-tabs-legacy .selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy li a {<br /> color: var(--vector-tab-link-color);<br /> padding: 0 0.75em;<br /> padding-top: 1em<br /> }<br /> <br /> .vector-menu-tabs-legacy li a:visited {<br /> color: var(--vector-tab-link-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul li {<br /> background: var(--vector-tab-background)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul a:hover {<br /> text-decoration: none<br /> }<br /> <br /> #ca-view {<br /> display: none !important<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected):hover,#p-cactions:hover #p-cactions-label {<br /> background: var(--vector-tab-background--hover)<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected),#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-menu-tabs,.vector-menu-tabs a,#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> background-image: none<br /> }<br /> <br /> .ve-activated .vector-menu-tabs .selected {<br /> box-shadow: none<br /> }<br /> <br /> .vector-menu-tabs #ca-watch.icon a:before,.vector-menu-tabs #ca-watch.icon a:hover:before,.vector-menu-tabs #ca-watch.icon a:focus:before {<br /> background-image: var(--watch-icon)<br /> }<br /> <br /> .vector-menu-tabs #ca-unwatch.icon a:before,.vector-menu-tabs #ca-unwatch.icon a:hover:before,.vector-menu-tabs #ca-unwatch.icon a:focus:before {<br /> background-image: var(--unwatch-icon)<br /> }<br /> <br /> #p-Recent_changes {<br /> display: block<br /> }<br /> <br /> #p-Recent_changes .vector-menu-content {<br /> display: none<br /> }<br /> <br /> #p-Recent_changes .vector-menu-heading:after {<br /> content: '';<br /> position: relative;<br /> left: 0.5em;<br /> display: inline-block;<br /> background-color: #3c7b07;<br /> width: 6px;<br /> height: 6px;<br /> border-radius: 100%<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-item {<br /> position: relative;<br /> font-size: 0.75em;<br /> margin: 0.5em 0.25em 0 0.66em<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page {<br /> display: block;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden;<br /> max-width: max-content<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page,#p-Recent_changes .rc-sidebar-page:active,#p-Recent_changes .rc-sidebar-page:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user {<br /> color: var(--byline-color);<br /> margin: 0;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user a {<br /> color: inherit<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more {<br /> text-align: left<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more .rc-sidebar-page {<br /> display: inline-block<br /> }<br /> <br /> div.thumbinner {<br /> border: none;<br /> background-color: var(--thumb-bg);<br /> padding: 0<br /> }<br /> <br /> .thumbimage {<br /> background-color: transparent;<br /> border-color: transparent;<br /> border-bottom: none<br /> }<br /> <br /> .thumbcaption {<br /> background: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border)<br /> }<br /> <br /> .toc {<br /> font-size: 0.9em;<br /> background: var(--toc-bg);<br /> margin-top: 1em;<br /> padding: 0;<br /> border-color: var(--toc-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> clear: left<br /> }<br /> <br /> .toc .toctitle {<br /> background: var(--toc-title-bg);<br /> padding: 0.25em 1em<br /> }<br /> <br /> .toc .toctitle h2 {<br /> font-family: inherit<br /> }<br /> <br /> .toc &gt; ul {<br /> line-height: 1.8em;<br /> padding: 0.75em 1.75em;<br /> margin: 0<br /> }<br /> <br /> .toc ul ul {<br /> border-left: 1px dotted var(--toc-list-border-color);<br /> padding-left: 0.5em<br /> }<br /> <br /> .tocnumber {<br /> display: none<br /> }<br /> <br /> .toctogglespan {<br /> padding-left: 0.2em;<br /> font-size: 0.9em<br /> }<br /> <br /> .toctogglelabel {<br /> color: var(--link-color)<br /> }<br /> <br /> .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 {<br /> display: none<br /> }<br /> <br /> :root {<br /> --external-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238cabe6' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image: var(--external-icon);<br /> background-size: 0.833em<br /> }<br /> <br /> .mw-editsection {<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type),.mw-editsection-divider {<br /> color: var(--text-color)<br /> }<br /> <br /> #contentSub,#contentSub2 {<br /> color: var(--byline-color);<br /> margin: 0<br /> }<br /> <br /> #contentSub:not(:empty),#contentSub2:not(:empty) {<br /> margin: 0 0 1.4em 0<br /> }<br /> <br /> .mw-collapsible.mw-collapsed {<br /> min-width: 250px<br /> }<br /> <br /> .mw-collapsible:not(.mw-made-collapsible) th::before,.mw-collapsible .mw-collapsible-toggle {<br /> font-weight: normal;<br /> margin-left: 0.2em<br /> }<br /> .mw-collapsible-toggle-default .mw-collapsible-text {<br /> color: #8cabe6;<br /> }<br /> .wikiEditor-ui .wikiEditor-ui-view,.wikiEditor-ui .wikiEditor-ui-top {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar {<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab &gt; a,.wikiEditor-ui-toolbar .tabs span.tab &gt; a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a.current,.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br /> color: var(--text-colour)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select {<br /> background-color: var(--sourceeditor-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options .option {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group-search {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table td {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table th {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .section {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .group &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .tool &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet &gt; .index &gt; :hover {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet .index &gt; .current {<br /> background-color: var(--body-mid);<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span:hover {<br /> border-color: var(--body-dark);<br /> background-color: transparent<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a:before,.wikiEditor-ui-toolbar .group .tool-select .label:after {<br /> background: var(--text-color);<br /> -webkit-mask: var(--arrow-down) center no-repeat;<br /> mask: var(--arrow-down) center no-repeat<br /> }<br /> <br /> .ace-tm {<br /> background-color: var(--sourceeditor-input-background);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter {<br /> background: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-cell {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-active-line {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .ace_search {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ace_search_field {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .ace_searchbtn {<br /> border-color: var(--ooui-normal-border);<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ace_searchbtn:last-child {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .ace_searchbtn:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .ace_searchbtn.prev:after,.ace_searchbtn.next:after {<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .ace_button {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace_button:hover {<br /> background-color: rgba(0,23,70,0.086)<br /> }<br /> <br /> .ace_button:active {<br /> background-color: rgba(0,23,70,0.06)<br /> }<br /> <br /> .ace_button.checked {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .CodeMirror {<br /> background: var(--sourceeditor-input-background)<br /> }<br /> <br /> .CodeMirror pre {<br /> color: var(--text-color)<br /> }<br /> <br /> .codeEditor-status {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .codeEditor-status-message {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-gutters {<br /> background-color: var(--codemirror-gutter-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-linenumber {<br /> color: var(--text-color)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget .CodeMirror-linenumber {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-editform #wpTextbox1 {<br /> color: var(--text-color);<br /> background: var(--sourceeditor-input-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> input[name=&quot;model&quot;][value=&quot;Scribunto&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;css&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;less&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;javascript&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;json&quot;] ~ .wikiEditor-ui #wpTextbox1 {<br /> height: 600px<br /> }<br /> <br /> .tdg-templateDataDialog-listParamsPanel textarea.oo-ui-textInputWidget-autosized {<br /> resize: vertical<br /> }<br /> <br /> #wpAceFilterEditor {<br /> resize: horizontal<br /> }<br /> <br /> .warn-userupload,.ns-2 .upload-own-work {<br /> display: none<br /> }<br /> <br /> .ns-2 .warn-userupload {<br /> display: inline<br /> }<br /> <br /> textarea[name=&quot;wfUploadDescription&quot;] {<br /> height: 3em<br /> }<br /> <br /> #editform {<br /> margin-top: 1.25em<br /> }<br /> <br /> #mw-scribunto-input,#mw-scribunto-output {<br /> padding: 3px;<br /> font-family: monospace;<br /> font-size: 13px;<br /> line-height: 1.5em<br /> }<br /> <br /> #mw-scribunto-input {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> :root {<br /> --scribuntoconsole-input: #0b5884;<br /> --scibuntoconsole-print: #a48900;<br /> --scribuntoconsole-error: #9f261e;<br /> --scribuntoconsole-message: #3c780a;<br /> --scribuntoconsole-tabcomplete: #4f348b;<br /> --scribuntoconsole-clear: #9f261e<br /> }<br /> <br /> .mw-scribunto-console-fieldset {<br /> color: inherit;<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-scribunto-normalOutput,.mw-scribunto-print,.mw-scribunto-error,.mw-scribunto-propList,.mw-scribunto-message,.mw-scribunto-tabcomplete {<br /> background: none<br /> }<br /> <br /> .mw-scribunto-input {<br /> color: var(--scribuntoconsole-input)<br /> }<br /> <br /> .mw-scribunto-normalOutput {<br /> color: inherit<br /> }<br /> <br /> .mw-scribunto-print {<br /> color: var(--scibuntoconsole-print)<br /> }<br /> <br /> .mw-scribunto-error {<br /> color: var(--scribuntoconsole-error)<br /> }<br /> <br /> .mw-scribunto-propList,.mw-scribunto-message {<br /> color: var(--scribuntoconsole-message)<br /> }<br /> <br /> .mw-scribunto-tabcomplete {<br /> color: var(--scribuntoconsole-tabcomplete)<br /> }<br /> <br /> .mw-scribunto-clear {<br /> color: var(--scribuntoconsole-clear);<br /> border-bottom-color: var(--scribuntoconsole-clear)<br /> }<br /> <br /> .ui-widget-overlay {<br /> background: var(--ooui-window-background)<br /> }<br /> <br /> .ui-dialog,.ui-widget-content {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> background-image: none;<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar.ui-widget-header,.ui-widget-content .ui-dialog-titlebar.ui-widget-header {<br /> background-image: none !important;<br /> background-color: var(--body-dark) !important;<br /> border-color: var(--body-border) !important<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar .ui-dialog-title,.ui-widget-content .ui-dialog-titlebar .ui-dialog-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close,.ui-widget-content .ui-dialog-titlebar-close {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close:hover,.ui-widget-content .ui-dialog-titlebar-close:hover {<br /> background: var(--ooui-normal--hover);<br /> border: var(--link-color)<br /> }<br /> <br /> .ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {<br /> background: var(--ooui-normal) !important;<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border) !important<br /> }<br /> <br /> .ui-button:hover,.ui-state-default:hover,.ui-widget-content .ui-state-default:hover,.ui-widget-header .ui-state-default:hover {<br /> background: var(--ooui-normal--hover) !important;<br /> color: var(--ooui-text)<br /> }<br /> <br /> .infobox {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> font-size: 0.85em;<br /> width: 300px;<br /> margin: 0.5em 0 1em 1em;<br /> border-collapse: collapse;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> table-layout: fixed;<br /> word-break: break-word<br /> }<br /> <br /> .infobox .infobox-header {<br /> color: var(--infobox-text-color);<br /> font-size: 1.15em;<br /> line-height: 1.4em;<br /> background: var(--body-dark);<br /> padding: 0.5em 0<br /> }<br /> <br /> .infobox .infobox-header a {<br /> color: inherit;<br /> font-size: 1.15em;<br /> font-weight: bold<br /> }<br /> <br /> .infobox .infobox-subheader {<br /> background: var(--body-dark);<br /> color: var(--infobox-text-color);<br /> line-height: 2em<br /> }<br /> <br /> .infobox .infobox-subheader a {<br /> color: inherit<br /> }<br /> <br /> .infobox .infobox-subheader + .infobox-subheader {<br /> border-left: 2px solid var(--body-light)<br /> }<br /> <br /> .infobox .infobox-image {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-image.inventory-image {<br /> height: 32px<br /> }<br /> <br /> .infobox .infobox-image a.image + a.image {<br /> margin-left: 0.1em<br /> }<br /> <br /> .infobox .infobox-image img {<br /> max-width: 300px;<br /> height: auto<br /> }<br /> <br /> .infobox th:not(.infobox-header):not(.infobox-subheader):not(.infobox-nested) {<br /> text-align: right;<br /> vertical-align: top;<br /> border-right: 2px solid var(--body-dark);<br /> padding: 0.2em 0.5em<br /> }<br /> <br /> .infobox td {<br /> padding: 0.25em 0.5em;<br /> line-height: 1.6em<br /> }<br /> <br /> .infobox td.infobox-nested {<br /> padding: 0.25em 0;<br /> line-height: 1em<br /> }<br /> <br /> .infobox th ~ td {<br /> vertical-align: top<br /> }<br /> <br /> .infobox .infobox-padding {<br /> height: 0.5em;<br /> padding: 0;<br /> border: 0<br /> }<br /> <br /> .infobox .infobox-nested {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-nested + .infobox-nested {<br /> border-left: 2px solid var(--body-dark)<br /> }<br /> <br /> .infobox .infobox-cell-hidden {<br /> display: none<br /> }<br /> <br /> .infobox .infobox-full-width-content {<br /> max-width: 300px;<br /> text-align: center;<br /> overflow: hidden;<br /> padding: 0<br /> }<br /> <br /> .infobox .infobox-caption {<br /> font-weight: bold<br /> }<br /> <br /> .infobox select {<br /> max-width: 300px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .infobox-item .infobox-image {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .infobox.skill-info {<br /> float: none;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses {<br /> clear: left;<br /> float: none;<br /> word-break: break-word;<br /> font-size: 100%;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image {<br /> width: 125px;<br /> text-align: center;<br /> vertical-align: middle;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image-caption {<br /> font-size: 0.85em<br /> }<br /> <br /> .infobox-bonuses .infobox-subheader {<br /> width: 250px<br /> }<br /> <br /> .skill-info a[href$=&quot;?action=edit&quot;] + a[href$=&quot;?action=edit&quot;] {<br /> display: none<br /> }<br /> <br /> .poh-room {<br /> background-color: var(--infobox-room-poh-color);<br /> margin: auto;<br /> width: 100px<br /> }<br /> <br /> .poh-room img {<br /> display: block<br /> }<br /> <br /> .poh-room-row {<br /> display: flex<br /> }<br /> <br /> .poh-room-text {<br /> margin: auto;<br /> width: 92px<br /> }<br /> <br /> .infobox-buttons {<br /> text-align: center;<br /> max-width: 300px;<br /> display: none<br /> }<br /> <br /> .infobox-switch-resources {<br /> display: none<br /> }<br /> <br /> .switch-infobox .switch-infobox-triggers,.switch-infobox .loading-button {<br /> clear: left<br /> }<br /> <br /> .infobox-pure .max-hit-list a {<br /> display: inline-block;<br /> min-width: 32px;<br /> min-height: 32px;<br /> text-align: center<br /> }<br /> <br /> .advanced-data {<br /> display: none<br /> }<br /> <br /> .multi-infobox .infobox {<br /> margin: 0<br /> }<br /> <br /> :root {<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--body-dark);<br /> --navbox-group-title-background: var(--body-mid)<br /> }<br /> <br /> .navbox {<br /> font-size: 0.85em;<br /> background: var(--navbox-background);<br /> border-collapse: collapse;<br /> margin: 1em auto 0;<br /> width: 100%;<br /> clear: both;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .navbox img {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .navbox .navbox {<br /> font-size: 100%;<br /> margin: 0.5em auto 0;<br /> box-shadow: none<br /> }<br /> <br /> .navbox-title {<br /> font-size: 110%;<br /> line-height: 1.6em;<br /> background: var(--navbox-title-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-title-name {<br /> margin: 0 4em<br /> }<br /> <br /> .navbox-title .mw-collapsible-toggle {<br /> color: #fff;<br /> font-size: 0.9em;<br /> text-align: right<br /> <br /> }<br /> <br /> .navbox-title .navbox {<br /> font-size: 100%<br /> }<br /> <br /> .navbox-group:nth-child(2) {<br /> border-top: 1px solid var(--navbox-border)<br /> }<br /> <br /> .navbox-group-title {<br /> background: var(--navbox-group-title-background);<br /> border: 1px solid var(--navbox-border);<br /> border-width: 0 1px 1px 0;<br /> text-align: left;<br /> padding: 0.25em 1em;<br /> width: 1%;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list {<br /> border-bottom: 1px solid var(--navbox-border);<br /> padding: 0.25em 0.5em<br /> }<br /> <br /> .navbox-list ul {<br /> margin: 0<br /> }<br /> <br /> .navbox-list li {<br /> display: inline;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list li + li::before {<br /> content: '• '<br /> }<br /> <br /> .navbox-parent {<br /> padding: 0<br /> }<br /> <br /> .navbox-subgroup {<br /> border-collapse: collapse;<br /> border-spacing: 0;<br /> width: 100%<br /> }<br /> <br /> .navbox-subgroup &gt; tbody &gt; tr:last-child &gt; th,.navbox-subgroup &gt; tbody &gt; tr:last-child &gt; td {<br /> border-bottom: none<br /> }<br /> <br /> .navbox-footer {<br /> background: var(--navbox-footer-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-data {<br /> display: none<br /> }<br /> <br /> :root {<br /> --echo-icon-moon-bg-image: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='21' viewBox='0 0 21 21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.85464918.37900488c-1.91149353 1.51069427-3.13816124 3.84973402-3.13816124 6.47527736 0 4.55564936 3.69308349 8.24873286 8.24873286 8.24873286 2.5815709 0 4.8861545-1.1859235 6.3986798-3.0426994-.8206378 4.7389755-4.9523867 8.343122-9.9259291 8.343122-5.56375572 0-10.07407088-4.5103151-10.07407088-10.0740709 0-5.02506013 3.67919933-9.19079725 8.49074856-9.95036192z' fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-person-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213.836%22 viewBox=%220 0 12 13.836%22%3E %3Cpath fill='%234c4c4c' d=%22M1.938%2C6.656c-1.32%2C1.485-1.47%2C3.15-0.97%2C4.25c0.323%2C0.707%2C0.78%2C1.127%2C1.313%2C1.375 c0.496%2C0.229%2C1.074%2C0.273%2C1.658%2C0.282c0.023%2C0%2C0.04%2C0.03%2C0.062%2C0.03h4.187c0.61%2C0%2C1.225-0.125%2C1.75-0.405 c0.527-0.28%2C0.961-0.718%2C1.188-1.376c0.335-0.964%2C0.175-2.529-1.094-4.03C9.094%2C7.954%2C7.68%2C8.719%2C6.065%2C8.719 c-1.677%2C0-3.182-0.812-4.125-2.063H1.938z%22/%3E %3Cpath fill='%234c4c4c' d=%22M6.063%2C0c-1.89%2C0-3.595%2C1.674-3.594%2C3.563C2.467%2C5.45%2C4.173%2C7.155%2C6.06%2C7.155 c1.89%2C0%2C3.564-1.705%2C3.563-3.593C9.625%2C1.673%2C7.95%2C0%2C6.063%2C0L6.063%2C0z%22/%3E %3C/svg%3E&quot;);<br /> --echo-icon-bell-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebell%3C/title%3E%3Cpath d=%22M16 7a5.38 5.38 0 00-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 004 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 003-3H7a3 3 0 003 3z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-tray-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etray%3C/title%3E%3Cpath d=%22M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-fullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M1 1v6h2V3h4V1zm2 12H1v6h6v-2H3zm14 4h-4v2h6v-6h-2zm0-16h-4v2h4v4h2V1z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;);<br /> --echo-icon-exitFullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E exit fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M7 7V1H5v4H1v2zM5 19h2v-6H1v2h4zm10-4h4v-2h-6v6h2zm0-8h4V5h-4V1h-2v6z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-user-menu-legacy #pt-userpage a,.vector-user-menu-legacy #pt-anonuserpage {<br /> background-image: var(--echo-icon-person-bg-image);<br /> padding-top: 0;<br /> background-position-y: 0<br /> }<br /> <br /> .vector-user-menu-legacy #pt-anonuserpage {<br /> color: var(--byline-color)<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge,#pt-notifications-notice .mw-echo-notifications-badge {<br /> background-size: 75%;<br /> background-position: center 80%;<br /> background-repeat: no-repeat;<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .oo-ui-icon-bell {<br /> background-image: var(--echo-icon-bell-bg-image)<br /> }<br /> <br /> #pt-notifications-notice .oo-ui-icon-tray {<br /> background-image: var(--echo-icon-tray-bg-image)<br /> }<br /> <br /> #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-exitFullscreen-bg-image)<br /> }<br /> <br /> body.wgl-fixedWidth #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-fullscreen-bg-image)<br /> }<br /> <br /> #pt-theme-toggles .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-moon-bg-image)<br /> }<br /> <br /> #pt-anontalk {<br /> padding-top: 0.6em<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul {<br /> margin: 5px 0 0 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> margin: 5px 0 0 15px<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul,.ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> list-style: none;<br /> border-left: 1px dashed var(--transcript-border-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul:hover,.transcript &gt; ul:hover,.ns-120 .mw-parser-output &gt; ul ul:hover,.transcript &gt; ul ul:hover,.ns-120 .mw-parser-output &gt; ul ol:hover,.transcript &gt; ul ol:hover {<br /> border-color: var(--transcript-border-hover-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li,.transcript &gt; ul li,.ns-120 .mw-parser-output &gt; ul ul li,.transcript &gt; ul ul li,.ns-120 .mw-parser-output &gt; ul ol li,.transcript &gt; ul ol li {<br /> flex-direction: column;<br /> padding-left: 15px;<br /> margin: 14px 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li:last-of-type,.transcript &gt; ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ul li:last-of-type,.transcript &gt; ul ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ol li:last-of-type,.transcript &gt; ul ol li:last-of-type {<br /> margin-bottom: 0<br /> }<br /> <br /> .nodesktop {<br /> display: none<br /> }<br /> <br /> /*<br /> The following styles were used as a temporary fix for TabberNeue.<br /> We're currently using old Tabber because TabberNeue breaks if a tab<br /> dynamically changes size, such as multi-infobox.<br /> */<br /> <br /> :root {<br /> --tabber-inactive-tab-bg: #222e45;<br /> --tabber-fade-scroll: linear-gradient(to bottom,rgba(226,219,200,0),#d8ccb4 95%,#94866d);<br /> }<br /> <br /> .tabber__tabs {<br /> gap: 1px;<br /> }<br /> <br /> .tabber__tab {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> padding: 0.5em 0.8em;<br /> border: 1px solid var(--body-border);<br /> border-bottom: 0;<br /> }<br /> <br /> .tabber__tabs .tabber__tab {<br /> color: var(--text-color);<br /> }<br /> <br /> /* Specific styles needed to override color on Minerva. */<br /> body.mediawiki .tabber a:visited, <br /> body.mediawiki .tabber image a:visited,<br /> body.mediawiki .tabber a:active, <br /> body.mediawiki .tabber image a:active {<br /> color: var(--text-color);<br /> }<br /> <br /> .tabber__tab:active {<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab:hover {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab--active, .tabber__tab--active:visited {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__header, .tabber__section, .tabber__tabs {<br /> scroll-behavior: unset;<br /> box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* Add box shadow to tabber header */<br /> }<br /> <br /> .tabber__panel {<br /> /* Hide non-active tabs. */<br /> /* display:none conflicted with tabber somehow and hid all tabs. */<br /> width: 250;<br /> }<br /> <br /> .tabber__panel.tabber__panel--active {<br /> width: 300;<br /> }<br /> <br /> .tabber__section {<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> overflow-y: scroll;<br /> padding-bottom: 30px; /* only necessary for fade scroll hack */<br /> height: auto; /* Example height */<br /> width: auto; /* Example width */<br /> max-width: 1300px; /* Example max-width */<br /> }<br /> <br /> .tabber__panel {<br /> padding: 1em 1.5em;<br /> }<br /> <br /> .wikitable.hover th:hover {<br /> cursor: help;<br /> /* Add any additional styles specific to hovering over table headers */<br /> }<br /> <br /> /* Hover Box for switching the visibility of the selected item */<br /> .hoverbox { <br /> display:inline-block; <br /> padding:0em; <br /> color: white; /* Change this to the desired color */<br /> }<br /> <br /> .hoverbox .hoveritem { <br /> display:none; <br /> margin:0em; <br /> padding:0em; <br /> }<br /> <br /> .hoverbox .hoveritem.selected { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem.selected { <br /> display:none; <br /> }<br /> /* Style for the entire tier list */<br /> .tierlist {<br /> display: flex;<br /> gap: 20px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* Style for individual tiers */<br /> .tier {<br /> border: 1px solid #ccc;<br /> padding: 10px;<br /> width: 200px;<br /> min-height: 150px;<br /> background: #f9f9f9;<br /> border-radius: 8px;<br /> }<br /> <br /> /* Title for each tier */<br /> .tier h3 {<br /> text-align: center;<br /> margin-top: 0;<br /> }<br /> <br /> /* Style for the sortable list */<br /> .sortable {<br /> list-style: none;<br /> padding: 0;<br /> margin: 0;<br /> min-height: 50px;<br /> }<br /> <br /> /* Style for the dropdown selector */<br /> .tier-selector {<br /> width: 100%;<br /> padding: 5px;<br /> margin-top: 5px;<br /> }<br /> .collection-log-wrapper {<br /> margin: 10px 0;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .collection-log-killcount {<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> }<br /> <br /> .collection-log-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6, 48px);<br /> gap: 4px;<br /> padding: 6px 0;<br /> }<br /> <br /> <br /> .collection-log-item {<br /> width: 48px;<br /> height: 48px;<br /> border: 2px solid transparent; /* border only on container */<br /> border-radius: 4px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> position: relative;<br /> background-color: #1a2a3a;<br /> box-sizing: border-box;<br /> }<br /> <br /> .collection-log-item.obtained {<br /> border-color: #4caf50;<br /> background-color: #224422;<br /> }<br /> <br /> .collection-log-item.missing {<br /> border-color: #ffc107;<br /> background-color: #3a2a1a;<br /> }<br /> <br /> .collection-log-item img {<br /> max-width: 36px;<br /> max-height: 36px;<br /> object-fit: contain;<br /> border-radius: 2px;<br /> border: none; /* remove border here */<br /> opacity: 1;<br /> filter: none;<br /> }<br /> <br /> .collection-log-item.missing img {<br /> opacity: 0.3;<br /> filter: grayscale(100%);<br /> }<br /> <br /> .collection-log-qty-badge {<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> background: rgba(0, 0, 0, 0.7);<br /> color: white;<br /> font-size: 12px;<br /> font-weight: bold;<br /> line-height: 1;<br /> padding: 1px 4px;<br /> border-radius: 3px 0 0 0;<br /> user-select: none;<br /> }<br /> .collection-log-killcount-box {<br /> border: 2px solid black;<br /> background-color: #534d41;<br /> color: cyan;<br /> padding: 0.5em 1em;<br /> margin-bottom: 8px;<br /> text-align: center;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .ace_keyword { color: #c586c0 !important; }<br /> .ace_string { color: #ce9178 !important; }<br /> .ace_comment { color: #6a9955 !important; font-style: italic; }<br /> .ace_function { color: #dcdcaa !important; }<br /> .ace_constant { color: #569cd6 !important; }<br /> <br /> .mw-highlight .nf {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> .mw-highlight .nc {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> <br /> /* Highlight row on hover */<br /> .wikitable.lighttable tr:hover {<br /> background-color: #526382; /* dark blue highlight */<br /> color: #ffffff; /* readable text */<br /> }<br /> .custom-dropdown { position: relative; width: 150px; cursor: pointer; }<br /> .custom-dropdown .selected { background: #313e59; color: white; padding: 5px; border-radius: 4px; }<br /> .custom-dropdown .options { display: none; position: absolute; background: #222e45; top: 100%; left: 0; width: 100%; border-radius: 4px; z-index: 10; }<br /> .custom-dropdown .options div { padding: 5px; display: flex; align-items: center; }<br /> .custom-dropdown .options div:hover { background: #313e59; }<br /> .custom-dropdown .options div img.icon { width:16px; height:16px; margin-right:5px; }<br /> <br /> /* =========================<br /> Tier List<br /> ========================= */<br /> <br /> <br /> /* Main wrapper */<br /> <br /> .tier-list {<br /> margin:0;<br /> padding:0;<br /> }<br /> <br /> <br /> /* Tier rows */<br /> <br /> .tier-row {<br /> display:flex;<br /> height:78px;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> <br /> /* Tier labels */<br /> <br /> .tier-label {<br /> width:70px;<br /> min-width:70px;<br /> height:78px;<br /> <br /> display:flex;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> font-size:48px;<br /> line-height:1;<br /> font-weight:bold;<br /> color:white;<br /> <br /> box-sizing:border-box;<br /> }<br /> <br /> <br /> /* Tier colours */<br /> <br /> .tier-s {<br /> background:#ff7f7f;<br /> }<br /> <br /> .tier-a {<br /> background:#ffbf7f;<br /> }<br /> <br /> .tier-b {<br /> background:#ffdf7f;<br /> }<br /> <br /> .tier-c {<br /> background:#ffff7f;<br /> color:black;<br /> }<br /> <br /> .tier-d {<br /> background:#bfff7f;<br /> }<br /> <br /> .tier-f {<br /> background:#7fbfff;<br /> }<br /> <br /> <br /> /* Drop areas */<br /> <br /> .tier-items {<br /> flex:1;<br /> height:78px;<br /> <br /> display:flex;<br /> align-items:center;<br /> flex-wrap:wrap;<br /> <br /> padding:3px;<br /> gap:3px;<br /> <br /> background:#222;<br /> border:1px dashed #777;<br /> <br /> margin:0 !important;<br /> box-sizing:border-box;<br /> }<br /> <br /> <br /> /* =========================<br /> Items<br /> ========================= */<br /> <br /> .tier-item {<br /> width:64px;<br /> height:64px;<br /> <br /> display:flex !important;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> cursor:grab;<br /> border-radius:5px;<br /> overflow:hidden;<br /> <br /> line-height:0;<br /> flex-shrink:0;<br /> }<br /> <br /> <br /> .tier-item:active {<br /> cursor:grabbing;<br /> }<br /> <br /> <br /> /* MediaWiki wrapper fixes */<br /> <br /> .tier-item p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> display:flex !important;<br /> line-height:0 !important;<br /> }<br /> <br /> .tier-item span {<br /> display:flex !important;<br /> }<br /> <br /> .tier-item a {<br /> display:flex !important;<br /> <br /> width:64px;<br /> height:64px;<br /> <br /> align-items:center;<br /> justify-content:center;<br /> }<br /> <br /> <br /> /* Images */<br /> <br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> display:block !important;<br /> <br /> width:64px !important;<br /> height:64px !important;<br /> <br /> max-width:64px !important;<br /> max-height:64px !important;<br /> <br /> object-fit:contain !important;<br /> <br /> image-rendering:pixelated;<br /> image-rendering:crisp-edges;<br /> }<br /> <br /> <br /> /* =========================<br /> Reward Pool<br /> ========================= */<br /> <br /> .reward-pool {<br /> display:flex;<br /> flex-wrap:wrap;<br /> <br /> gap:5px;<br /> padding:5px;<br /> margin:8px 0;<br /> }<br /> <br /> <br /> /* =========================<br /> Rarity backgrounds<br /> ========================= */<br /> <br /> .gold-item {<br /> background:rgba(212,175,55,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .silver-item {<br /> background:rgba(192,192,192,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .bronze-item {<br /> background:rgba(205,127,50,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> <br /> /* =========================<br /> MediaWiki spacing fixes<br /> ========================= */<br /> <br /> .tier-list p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .tier-list p br {<br /> display:none !important;<br /> }<br /> <br /> <br /> /* =========================<br /> Prevent hover shifting<br /> ========================= */<br /> <br /> .tier-item,<br /> .tier-item a,<br /> .tier-item span,<br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> transform:none !important;<br /> }<br /> <br /> .tier-item a:hover,<br /> .tier-item img:hover,<br /> .tier-item .mw-file-element:hover {<br /> transform:none !important;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 .firstHeading {<br /> display:none;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 #contentSub {<br /> display:none !important;<br /> }<br /> <br /> /* =========================<br /> Smoothie's Debt Calculator<br /> ========================= */<br /> <br /> <br /> .debt-calculator {<br /> max-width:800px;<br /> margin:auto;<br /> text-align:center;<br /> }<br /> <br /> <br /> .debt-items {<br /> display:flex;<br /> justify-content:center;<br /> gap:30px;<br /> flex-wrap:wrap;<br /> }<br /> <br /> <br /> .debt-item {<br /> width:180px;<br /> <br /> padding:15px;<br /> <br /> background:#222;<br /> border:1px solid #555;<br /> border-radius:8px;<br /> <br /> display:flex;<br /> flex-direction:column;<br /> align-items:center;<br /> }<br /> <br /> <br /> .debt-item img,<br /> .debt-item .mw-file-element {<br /> width:64px;<br /> height:64px;<br /> <br /> object-fit:contain;<br /> image-rendering:pixelated;<br /> }<br /> <br /> <br /> .debt-item h3 {<br /> margin:10px 0;<br /> }<br /> <br /> <br /> .debt-item label {<br /> margin-top:8px;<br /> }<br /> <br /> <br /> .debt-item input {<br /> width:120px;<br /> <br /> text-align:center;<br /> <br /> margin-top:3px;<br /> }<br /> <br /> <br /> .debt-total {<br /> <br /> margin-top:20px;<br /> <br /> font-size:32px;<br /> font-weight:bold;<br /> <br /> }</div>

Hefner https://wiki.roatpkz.com/index.php?title=User:Hefner/Sandbox14&diff=28913 2026-07-18T11:02:28Z

<p>Hefner: </p> <hr /> <div>&lt;div class=&quot;debt-calculator&quot;&gt;<br /> <br /> &lt;h1&gt;Smoothie's Debt Calculator&lt;/h1&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-items&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:PKP.png|64px]]<br /> <br /> &lt;h3&gt;PKP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;pkp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:Donator point.png|64px]]<br /> <br /> &lt;h3&gt;DP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;dp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:$1_Donation_Credit.png|64px]]<br /> <br /> &lt;h3&gt;Credits&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;credits-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-total&quot;&gt;<br /> <br /> TOTAL:<br /> &lt;br&gt;<br /> <br /> &lt;span id=&quot;total&quot;&gt;0 PKP&lt;/span&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:SmoothiesDebtCalculator.js&diff=28912 2026-07-18T11:01:05Z

<p>Hefner: </p> <hr /> <div>(function () {<br /> <br /> <br /> function parseAmount(value) {<br /> <br /> value = value<br /> .toLowerCase()<br /> .replace(/,/g,&quot;&quot;)<br /> .trim();<br /> <br /> <br /> if (value.endsWith(&quot;b&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000000000;<br /> }<br /> <br /> <br /> if (value.endsWith(&quot;m&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000000;<br /> }<br /> <br /> <br /> if (value.endsWith(&quot;k&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000;<br /> }<br /> <br /> <br /> return Number(value) || 0;<br /> <br /> }<br /> <br /> <br /> <br /> function calculateDebt() {<br /> <br /> <br /> let pkp =<br /> parseAmount(<br /> document.getElementById(&quot;pkp-amount&quot;).value<br /> );<br /> <br /> <br /> let dp =<br /> parseAmount(<br /> document.getElementById(&quot;dp-price&quot;).value<br /> )<br /> *<br /> parseAmount(<br /> document.getElementById(&quot;dp-amount&quot;).value<br /> );<br /> <br /> <br /> let credits =<br /> parseAmount(<br /> document.getElementById(&quot;credits-price&quot;).value<br /> )<br /> *<br /> parseAmount(<br /> document.getElementById(&quot;credits-amount&quot;).value<br /> );<br /> <br /> <br /> let total = pkp + dp + credits;<br /> <br /> <br /> document.getElementById(&quot;total&quot;).innerHTML =<br /> Math.floor(total).toLocaleString() + &quot; PKP&quot;;<br /> <br /> }<br /> <br /> <br /> <br /> <br /> function createCalculator(){<br /> <br /> <br /> let pkp = document.getElementById(&quot;pkp-inputs&quot;);<br /> let dp = document.getElementById(&quot;dp-inputs&quot;);<br /> let credits = document.getElementById(&quot;credits-inputs&quot;);<br /> <br /> <br /> if(!pkp || !dp || !credits) {<br /> return;<br /> }<br /> <br /> <br /> <br /> pkp.innerHTML = `<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;pkp-amount&quot; value=&quot;0&quot;&gt;<br /> <br /> `;<br /> <br /> <br /> <br /> dp.innerHTML = `<br /> <br /> &lt;label&gt;Trade Price (PKP)&lt;/label&gt;<br /> &lt;input id=&quot;dp-price&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;dp-amount&quot; value=&quot;0&quot;&gt;<br /> <br /> `;<br /> <br /> <br /> <br /> credits.innerHTML = `<br /> <br /> &lt;label&gt;Trade Price (PKP)&lt;/label&gt;<br /> &lt;input id=&quot;credits-price&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;credits-amount&quot; value=&quot;0&quot;&gt;<br /> <br /> `;<br /> <br /> <br /> <br /> document<br /> .querySelectorAll(&quot;.debt-item input&quot;)<br /> .forEach(function(input){<br /> <br /> input.addEventListener(<br /> &quot;input&quot;,<br /> calculateDebt<br /> );<br /> <br /> });<br /> <br /> <br /> }<br /> <br /> <br /> <br /> mw.hook(&quot;wikipage.content&quot;).add(function(){<br /> <br /> createCalculator();<br /> <br /> });<br /> <br /> <br /> })();</div>

Hefner https://wiki.roatpkz.com/index.php?title=User:Hefner/Sandbox14&diff=28911 2026-07-18T11:00:57Z

<p>Hefner: </p> <hr /> <div>&lt;div class=&quot;debt-calculator&quot;&gt;<br /> <br /> &lt;h1&gt;Smoothie's Debt Calculator&lt;/h1&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-items&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:PKP.png|64px]]<br /> <br /> &lt;h3&gt;PKP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;pkp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:Donator point.png|64px]]<br /> <br /> &lt;h3&gt;DP&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;dp-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[$1_Donation_Credit.png|64px]]<br /> <br /> &lt;h3&gt;Credits&lt;/h3&gt;<br /> <br /> &lt;div id=&quot;credits-inputs&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-total&quot;&gt;<br /> <br /> TOTAL:<br /> &lt;br&gt;<br /> <br /> &lt;span id=&quot;total&quot;&gt;0 PKP&lt;/span&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;</div>

Hefner https://wiki.roatpkz.com/index.php?title=User:Hefner/Sandbox14&diff=28910 2026-07-18T10:59:22Z

<p>Hefner: </p> <hr /> <div>&lt;div class=&quot;debt-calculator&quot;&gt;<br /> <br /> &lt;h1&gt;Smoothie's Debt Calculator&lt;/h1&gt;<br /> <br /> &lt;div class=&quot;debt-images&quot;&gt;<br /> <br /> &lt;div class=&quot;debt-image&quot;&gt;<br /> [[File:PKP.png|64px]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;debt-image&quot;&gt;<br /> [[File:Donator point.png|64px]]<br /> &lt;/div&gt;<br /> <br /> &lt;div class=&quot;debt-image&quot;&gt;<br /> [[File:$1_Donation_Credit.png|64px]]<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div id=&quot;debt-calculator-app&quot;&gt;&lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-total&quot;&gt;<br /> <br /> TOTAL:<br /> &lt;br&gt;<br /> <br /> &lt;span id=&quot;total&quot;&gt;0 PKP&lt;/span&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:SmoothiesDebtCalculator.js&diff=28909 2026-07-18T10:59:16Z

<p>Hefner: </p> <hr /> <div>(function () {<br /> <br /> <br /> function parseAmount(value) {<br /> <br /> value = value<br /> .toLowerCase()<br /> .replace(/,/g,&quot;&quot;)<br /> .trim();<br /> <br /> <br /> if (value.endsWith(&quot;b&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000000000;<br /> }<br /> <br /> if (value.endsWith(&quot;m&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000000;<br /> }<br /> <br /> if (value.endsWith(&quot;k&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000;<br /> }<br /> <br /> return Number(value) || 0;<br /> }<br /> <br /> <br /> <br /> function calculateDebt() {<br /> <br /> <br /> let pkp =<br /> parseAmount(<br /> document.getElementById(&quot;pkp-amount&quot;).value<br /> );<br /> <br /> <br /> let dp =<br /> parseAmount(<br /> document.getElementById(&quot;dp-price&quot;).value<br /> )<br /> *<br /> parseAmount(<br /> document.getElementById(&quot;dp-amount&quot;).value<br /> );<br /> <br /> <br /> let credits =<br /> parseAmount(<br /> document.getElementById(&quot;credits-price&quot;).value<br /> )<br /> *<br /> parseAmount(<br /> document.getElementById(&quot;credits-amount&quot;).value<br /> );<br /> <br /> <br /> let total = pkp + dp + credits;<br /> <br /> <br /> document.getElementById(&quot;total&quot;).innerHTML =<br /> Math.floor(total).toLocaleString() + &quot; PKP&quot;;<br /> <br /> }<br /> <br /> <br /> <br /> function createCalculator(){<br /> <br /> <br /> let app = document.getElementById(<br /> &quot;debt-calculator-app&quot;<br /> );<br /> <br /> <br /> if(!app) return;<br /> <br /> <br /> <br /> app.innerHTML = `<br /> <br /> &lt;div class=&quot;debt-items&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> &lt;h3&gt;PKP&lt;/h3&gt;<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;pkp-amount&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> &lt;h3&gt;DP&lt;/h3&gt;<br /> <br /> &lt;label&gt;Trade Price (PKP)&lt;/label&gt;<br /> &lt;input id=&quot;dp-price&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;dp-amount&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> &lt;h3&gt;Credits&lt;/h3&gt;<br /> <br /> &lt;label&gt;Trade Price (PKP)&lt;/label&gt;<br /> &lt;input id=&quot;credits-price&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;credits-amount&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> `;<br /> <br /> <br /> <br /> document<br /> .querySelectorAll(&quot;#debt-calculator-app input&quot;)<br /> .forEach(function(input){<br /> <br /> input.addEventListener(<br /> &quot;input&quot;,<br /> calculateDebt<br /> );<br /> <br /> });<br /> <br /> <br /> }<br /> <br /> <br /> <br /> mw.hook(&quot;wikipage.content&quot;).add(function(){<br /> <br /> createCalculator();<br /> <br /> });<br /> <br /> <br /> })();</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:SmoothiesDebtCalculator.js&diff=28908 2026-07-18T10:56:41Z

<p>Hefner: </p> <hr /> <div>(function () {<br /> <br /> function parseAmount(value) {<br /> <br /> value = value<br /> .toLowerCase()<br /> .replace(/,/g,&quot;&quot;)<br /> .trim();<br /> <br /> if (value.endsWith(&quot;b&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000000000;<br /> }<br /> <br /> if (value.endsWith(&quot;m&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000000;<br /> }<br /> <br /> if (value.endsWith(&quot;k&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000;<br /> }<br /> <br /> return Number(value) || 0;<br /> }<br /> <br /> <br /> function calculateDebt() {<br /> <br /> let pkp =<br /> parseAmount(document.getElementById(&quot;pkp-amount&quot;).value);<br /> <br /> <br /> let dp =<br /> parseAmount(document.getElementById(&quot;dp-price&quot;).value) *<br /> parseAmount(document.getElementById(&quot;dp-amount&quot;).value);<br /> <br /> <br /> let credits =<br /> parseAmount(document.getElementById(&quot;credits-price&quot;).value) *<br /> parseAmount(document.getElementById(&quot;credits-amount&quot;).value);<br /> <br /> <br /> let total = pkp + dp + credits;<br /> <br /> <br /> document.getElementById(&quot;total&quot;).innerHTML =<br /> Math.floor(total).toLocaleString() + &quot; PKP&quot;;<br /> }<br /> <br /> <br /> <br /> function createCalculator() {<br /> <br /> let app = document.getElementById(&quot;debt-calculator-app&quot;);<br /> <br /> if (!app) return;<br /> <br /> <br /> app.innerHTML = `<br /> <br /> &lt;div class=&quot;debt-items&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> &lt;img src=&quot;/images/PKP.png&quot;&gt;<br /> <br /> &lt;h3&gt;PKP&lt;/h3&gt;<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;pkp-amount&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> &lt;img src=&quot;/images/DP.png&quot;&gt;<br /> <br /> &lt;h3&gt;DP&lt;/h3&gt;<br /> <br /> &lt;label&gt;Trade Price (PKP)&lt;/label&gt;<br /> &lt;input id=&quot;dp-price&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;dp-amount&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> &lt;img src=&quot;/images/Credits.png&quot;&gt;<br /> <br /> &lt;h3&gt;Credits&lt;/h3&gt;<br /> <br /> &lt;label&gt;Trade Price (PKP)&lt;/label&gt;<br /> &lt;input id=&quot;credits-price&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;credits-amount&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> `;<br /> <br /> <br /> <br /> document.querySelectorAll(&quot;#debt-calculator-app input&quot;)<br /> .forEach(function(input){<br /> <br /> input.addEventListener(&quot;input&quot;, calculateDebt);<br /> <br /> });<br /> <br /> <br /> }<br /> <br /> <br /> <br /> mw.hook(&quot;wikipage.content&quot;).add(function(){<br /> <br /> createCalculator();<br /> <br /> });<br /> <br /> <br /> })();</div>

Hefner https://wiki.roatpkz.com/index.php?title=User:Hefner/Sandbox14&diff=28907 2026-07-18T10:56:32Z

<p>Hefner: </p> <hr /> <div>&lt;div class=&quot;debt-calculator&quot;&gt;<br /> <br /> &lt;h1&gt;Smoothie's Debt Calculator&lt;/h1&gt;<br /> <br /> &lt;div id=&quot;debt-calculator-app&quot;&gt;&lt;/div&gt;<br /> <br /> &lt;div class=&quot;debt-total&quot;&gt;<br /> TOTAL:<br /> &lt;br&gt;<br /> &lt;span id=&quot;total&quot;&gt;0 PKP&lt;/span&gt;<br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:SmoothiesDebtCalculator.js&diff=28906 2026-07-18T10:55:47Z

<p>Hefner: </p> <hr /> <div>console.log(&quot;Smoothies calculator loaded&quot;);<br /> (function () {<br /> <br /> function parseAmount(value) {<br /> <br /> value = value<br /> .toLowerCase()<br /> .replace(/,/g,&quot;&quot;)<br /> .trim();<br /> <br /> <br /> if (value.endsWith(&quot;b&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000000000;<br /> }<br /> <br /> if (value.endsWith(&quot;m&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000000;<br /> }<br /> <br /> if (value.endsWith(&quot;k&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000;<br /> }<br /> <br /> return Number(value) || 0;<br /> }<br /> <br /> <br /> <br /> function calculateDebt() {<br /> <br /> let pkp =<br /> parseAmount(<br /> document.getElementById(&quot;pkp-amount&quot;).value<br /> );<br /> <br /> <br /> let dp =<br /> parseAmount(<br /> document.getElementById(&quot;dp-price&quot;).value<br /> )<br /> *<br /> parseAmount(<br /> document.getElementById(&quot;dp-amount&quot;).value<br /> );<br /> <br /> <br /> let credits =<br /> parseAmount(<br /> document.getElementById(&quot;credits-price&quot;).value<br /> )<br /> *<br /> parseAmount(<br /> document.getElementById(&quot;credits-amount&quot;).value<br /> );<br /> <br /> <br /> let total = pkp + dp + credits;<br /> <br /> <br /> document.getElementById(&quot;total&quot;).innerHTML =<br /> Math.floor(total).toLocaleString() + &quot; PKP&quot;;<br /> <br /> }<br /> <br /> <br /> <br /> document.addEventListener(&quot;DOMContentLoaded&quot;, function(){<br /> <br /> let inputs = document.querySelectorAll(<br /> &quot;.debt-item input&quot;<br /> );<br /> <br /> <br /> inputs.forEach(function(input){<br /> <br /> input.addEventListener(<br /> &quot;input&quot;,<br /> calculateDebt<br /> );<br /> <br /> });<br /> <br /> });<br /> <br /> console.log(&quot;Inputs found:&quot;, document.querySelectorAll(&quot;.debt-item input&quot;).length);<br /> })();</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:SmoothiesDebtCalculator.js&diff=28905 2026-07-18T10:54:59Z

<p>Hefner: </p> <hr /> <div>console.log(&quot;Smoothies calculator loaded&quot;);<br /> (function () {<br /> <br /> function parseAmount(value) {<br /> <br /> value = value<br /> .toLowerCase()<br /> .replace(/,/g,&quot;&quot;)<br /> .trim();<br /> <br /> <br /> if (value.endsWith(&quot;b&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000000000;<br /> }<br /> <br /> if (value.endsWith(&quot;m&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000000;<br /> }<br /> <br /> if (value.endsWith(&quot;k&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000;<br /> }<br /> <br /> return Number(value) || 0;<br /> }<br /> <br /> <br /> <br /> function calculateDebt() {<br /> <br /> let pkp =<br /> parseAmount(<br /> document.getElementById(&quot;pkp-amount&quot;).value<br /> );<br /> <br /> <br /> let dp =<br /> parseAmount(<br /> document.getElementById(&quot;dp-price&quot;).value<br /> )<br /> *<br /> parseAmount(<br /> document.getElementById(&quot;dp-amount&quot;).value<br /> );<br /> <br /> <br /> let credits =<br /> parseAmount(<br /> document.getElementById(&quot;credits-price&quot;).value<br /> )<br /> *<br /> parseAmount(<br /> document.getElementById(&quot;credits-amount&quot;).value<br /> );<br /> <br /> <br /> let total = pkp + dp + credits;<br /> <br /> <br /> document.getElementById(&quot;total&quot;).innerHTML =<br /> Math.floor(total).toLocaleString() + &quot; PKP&quot;;<br /> <br /> }<br /> <br /> <br /> <br /> document.addEventListener(&quot;DOMContentLoaded&quot;, function(){<br /> <br /> let inputs = document.querySelectorAll(<br /> &quot;.debt-item input&quot;<br /> );<br /> <br /> <br /> inputs.forEach(function(input){<br /> <br /> input.addEventListener(<br /> &quot;input&quot;,<br /> calculateDebt<br /> );<br /> <br /> });<br /> <br /> });<br /> <br /> <br /> })();</div>

Hefner https://wiki.roatpkz.com/index.php?title=User:Hefner/Sandbox14&diff=28904 2026-07-18T10:53:45Z

<p>Hefner: </p> <hr /> <div>&lt;div class=&quot;debt-calculator&quot;&gt;<br /> <br /> &lt;h1&gt;Smoothie's Debt Calculator&lt;/h1&gt;<br /> <br /> &lt;div class=&quot;debt-items&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:PKP.png|64px]]<br /> <br /> &lt;h3&gt;PKP&lt;/h3&gt;<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;pkp-amount&quot; type=&quot;text&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:DP.png|64px]]<br /> <br /> &lt;h3&gt;DP&lt;/h3&gt;<br /> <br /> &lt;label&gt;Trade Price (PKP)&lt;/label&gt;<br /> &lt;input id=&quot;dp-price&quot; type=&quot;text&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;dp-amount&quot; type=&quot;text&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:Credits.png|64px]]<br /> <br /> &lt;h3&gt;Credits&lt;/h3&gt;<br /> <br /> &lt;label&gt;Trade Price (PKP)&lt;/label&gt;<br /> &lt;input id=&quot;credits-price&quot; type=&quot;text&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;credits-amount&quot; type=&quot;text&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-total&quot;&gt;<br /> <br /> TOTAL:<br /> &lt;br&gt;<br /> <br /> &lt;span id=&quot;total&quot;&gt;0 PKP&lt;/span&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:Common.js&diff=28903 2026-07-18T10:51:20Z

<p>Hefner: </p> <hr /> <div>mw.loader.load('/index.php?title=MediaWiki:DropCalc.js&amp;action=raw&amp;ctype=text/javascript');<br /> mw.loader.load('/index.php?title=MediaWiki:SlayerPointsCalc.js&amp;action=raw&amp;ctype=text/javascript');<br /> mw.loader.load('/index.php?title=MediaWiki:BingoSheet.js&amp;action=raw&amp;ctype=text/javascript');<br /> mw.loader.load('/index.php?title=MediaWiki:TeamBingo.js&amp;action=raw&amp;ctype=text/javascript');<br /> mw.loader.load('/index.php?title=MediaWiki:Tierlist.js&amp;action=raw&amp;ctype=text/javascript');<br /> mw.loader.load('/index.php?title=MediaWiki:SmoothiesDebtCalculator.js&amp;action=raw&amp;ctype=text/javascript');</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:Common.js&diff=28902 2026-07-18T10:50:48Z

<p>Hefner: </p> <hr /> <div>mw.loader.load('/index.php?title=MediaWiki:DropCalc.js&amp;action=raw&amp;ctype=text/javascript');<br /> mw.loader.load('/index.php?title=MediaWiki:SlayerPointsCalc.js&amp;action=raw&amp;ctype=text/javascript');<br /> mw.loader.load('/index.php?title=MediaWiki:BingoSheet.js&amp;action=raw&amp;ctype=text/javascript');<br /> mw.loader.load('/index.php?title=MediaWiki:TeamBingo.js&amp;action=raw&amp;ctype=text/javascript');<br /> mw.loader.load('/index.php?title=MediaWiki:Tierlist.js&amp;action=raw&amp;ctype=text/javascript');<br /> mw.loader.load('/w/index.php?title=MediaWiki:SmoothiesDebtCalculator.js&amp;action=raw&amp;ctype=text/javascript');</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:SmoothiesDebtCalculator.js&diff=28901 2026-07-18T10:50:22Z

<p>Hefner: Created page with &quot;(function () { function parseAmount(value) { value = value .toLowerCase() .replace(/,/g,&quot;&quot;) .trim(); if (value.endsWith(&quot;b&quot;)) { return Number(value.slice(0,-1)) * 1000000000; } if (value.endsWith(&quot;m&quot;)) { return Number(value.slice(0,-1)) * 1000000; } if (value.endsWith(&quot;k&quot;)) { return Number(value.slice(0,-1)) * 1000; } return Number(value) || 0; } function calculateDebt() { let...&quot;</p> <hr /> <div>(function () {<br /> <br /> function parseAmount(value) {<br /> <br /> value = value<br /> .toLowerCase()<br /> .replace(/,/g,&quot;&quot;)<br /> .trim();<br /> <br /> <br /> if (value.endsWith(&quot;b&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000000000;<br /> }<br /> <br /> if (value.endsWith(&quot;m&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000000;<br /> }<br /> <br /> if (value.endsWith(&quot;k&quot;)) {<br /> return Number(value.slice(0,-1)) * 1000;<br /> }<br /> <br /> return Number(value) || 0;<br /> }<br /> <br /> <br /> <br /> function calculateDebt() {<br /> <br /> let pkp =<br /> parseAmount(<br /> document.getElementById(&quot;pkp-amount&quot;).value<br /> );<br /> <br /> <br /> let dp =<br /> parseAmount(<br /> document.getElementById(&quot;dp-price&quot;).value<br /> )<br /> *<br /> parseAmount(<br /> document.getElementById(&quot;dp-amount&quot;).value<br /> );<br /> <br /> <br /> let credits =<br /> parseAmount(<br /> document.getElementById(&quot;credits-price&quot;).value<br /> )<br /> *<br /> parseAmount(<br /> document.getElementById(&quot;credits-amount&quot;).value<br /> );<br /> <br /> <br /> let total = pkp + dp + credits;<br /> <br /> <br /> document.getElementById(&quot;total&quot;).innerHTML =<br /> Math.floor(total).toLocaleString() + &quot; PKP&quot;;<br /> <br /> }<br /> <br /> <br /> <br /> document.addEventListener(&quot;DOMContentLoaded&quot;, function(){<br /> <br /> let inputs = document.querySelectorAll(<br /> &quot;.debt-item input&quot;<br /> );<br /> <br /> <br /> inputs.forEach(function(input){<br /> <br /> input.addEventListener(<br /> &quot;input&quot;,<br /> calculateDebt<br /> );<br /> <br /> });<br /> <br /> });<br /> <br /> <br /> })();</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:Common.css&diff=28900 2026-07-18T10:49:34Z

<p>Hefner: </p> <hr /> <div>:root {<br /> --body-background-image: url('filepath://Roat Pkz Wiki background darkmode1.jpg');<br /> --body-background-color: #071022;<br /> --body-main: #172136;<br /> --body-light: #313e59;<br /> --body-mid: #222e45;<br /> --body-dark: #222e45;<br /> --body-border: #596e96;<br /> --link-color: #8cabe6;<br /> --background-link-color: var(--link-color);<br /> --redlink-color: #f26d60;<br /> --text-color: #cbd9f4;<br /> --background-text-color: #cbd9f4;<br /> --byline-color: #98a2b6;<br /> --subtle-color: var(--byline-color);<br /> --search-box: var(--body-light);<br /> --admin-blue: #0087ff;<br /> --bearcat-green: #00ff55;<br /> --awb-purple: #f319ff;<br /> --sidebar: #222e45;<br /> --button-background: #617ebc;<br /> --button-dark: #617ebc;<br /> --button-border: #617ebc;<br /> --button-light: #617ebc;<br /> --wikitable-header-bg: #222e45;<br /> --wikitable-border: #172136;<br /> --wikitable-bg: #313e59;<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --wikitable-alternating-bg: #2a3651;<br /> --table-na-background: rgba(0, 0, 0, 0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #0b5884;<br /> --droptable-common-background: #3c780a;<br /> --droptable-uncommon-background: #a48900;<br /> --droptable-rare-background: #b55e0c;<br /> --droptable-veryrare-background: #9f261e;<br /> --droptable-random-background: #984c89;<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);<br /> --tile-border-color: var(--body-border);<br /> --tile-background-color: var(--body-light);<br /> --tile-link-button-color: var(--body-mid);<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255, 255, 255, 0.7);<br /> --tile-dark-header-color: #fff;<br /> --documentation-background: var(--body-light);<br /> --documentation-border: var(--sidebar);<br /> --documentation-link-color: var(--link-color);<br /> --documentation-headers-color: var(--text-color);<br /> --documentation-header-background: var(--body-dark);<br /> --documentation-subheader-background: #1f293e;<br /> --base-text-color: var(--text-color);<br /> --base-heading-color: var(--text-color);<br /> --base-heading-border: var(--sidebar);<br /> --mainpage-recent-updates-description-color: var(--text-color);<br /> --thumb-bg: var(--body-mid);<br /> --thumb-caption-bg: var(--body-light);<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid);<br /> --diff-addedline-background: #438ab5;<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-color: #fff;<br /> --diff-deletedline-background: #379541;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-color: #fff;<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: var(--errorbox-bg);<br /> --warningbox-border: var(--errorbox-border);<br /> --successbox-bg: #2e5e05;<br /> --successbox-border: #3c780a;<br /> --messagebox-obsolete-background: #464646;<br /> --messagebox-obsolete-border: #333;<br /> --messagebox-obsolete-color: #ddd;<br /> --messagebox-obsolete-link-color: #bbb;<br /> --messagebox-info-background: var(--messagebox-obsolete-background);<br /> --messagebox-info-border: var(--messagebox-obsolete-border);<br /> --messagebox-info-color: var(--messagebox-obsolete-color);<br /> --messagebox-info-link-color: var(--messagebox-obsolete-link-color);<br /> --messagebox-action-background: #45697d;<br /> --messagebox-action-border: #2d5266;<br /> --messagebox-action-color: var(--text-color);<br /> --messagebox-action-link-color: #b8d5e5;<br /> --messagebox-warn-background: #95271b;<br /> --messagebox-warn-border: #6b130a;<br /> --messagebox-warn-color: #f8ebe9;<br /> --messagebox-warn-link-color: #e8b8b3;<br /> --messagebox-safe-background: #1b8408;<br /> --messagebox-safe-border: #126802;<br /> --messagebox-safe-color: #e9f6e7;<br /> --messagebox-safe-link-color: #c1e0bb;<br /> --messagebox-disambig-background: var(--messagebox-obsolete-background);<br /> --messagebox-disambig-border: var(--messagebox-obsolete-border);<br /> --messagebox-disambig-color: var(--messagebox-obsolete-color);<br /> --messagebox-disambig-link-color: var(--messagebox-obsolete-link-color);<br /> --mw-code-background-color: #222e45;<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-mid);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border);<br /> --scribuntoconsole-input: #3ea6e6;<br /> --scibuntoconsole-print: #f9d000;<br /> --scribuntoconsole-error: #ee4231;<br /> --scribuntoconsole-message: #6bc71f;<br /> --scribuntoconsole-tabcomplete: #855cd8;<br /> --scribuntoconsole-clear: #ee4231;<br /> --blockquote-color: var(--text-color);<br /> --coins-color: #6bc71f;<br /> --coins-pos-color: #3ea6e6;<br /> --coins-neg-color: #ee4231;<br /> --questdetails-header-background: var(--body-dark);<br /> --questdetails-header-background-alt: var(--body-dark);<br /> --fact-text-color: #3ea6e6;<br /> --production-selected-background: #3c780a;<br /> --production-selected-color: #fff;<br /> --wikipedia-border: var(--body-border);<br /> --wikipedia-background: var(--body-light);<br /> --keypress-background: var(--body-light);<br /> --keypress-border: var(--body-border);<br /> --keypress-color: var(--text-color);<br /> --ajaxpoll-background: var(--body-light);<br /> --ajaxpoll-text-color: var(--base-text-color);<br /> --ajaxpoll-answerbar-background: var(--body-mid);<br /> --ajaxpoll-answerbar-border: var(--body-border);<br /> --rc-negative-color: #ee4231;<br /> --rc-positive-color: #6bc71f;<br /> --filter-black-to-link: invert(63%) sepia(67%) saturate(242%) hue-rotate(182deg) brightness(93%) contrast(94%);<br /> --transcript-border-color: #596e96;<br /> --transcript-border-hover-color: #8596b7;<br /> --transcript-strikethrough-color: #fff;<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--navbox-title-background);<br /> --navbox-group-title-background: var(--navbox-title-background);<br /> --infobox-bg: var(--body-light);<br /> --infobox-border: var(--body-border);<br /> --infobox-header: var(--body-dark);<br /> --infobox-subheader: var(--body-mid);<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #444e5a;<br /> --sourceeditor-input-background: var(--body-mid);<br /> --sourceeditor-background: var(--body-light);<br /> --sourceeditor-background-secondary: var(--body-mid);<br /> --sourceeditor-border: var(--body-main);<br /> --codemirror-gutter-background: var(--body-light);<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border);<br /> --vector-tab-background: #222e45;<br /> --vector-tab-background--hover: #293753;<br /> --vector-tab-link-color: var(--background-link-color);<br /> --lighttable-bg-hover: #3c780a;<br /> --lighttable-bg-active: #2e5e05;<br /> --lighttable-link-color: #c3e8a3;<br /> --personal-links-bg: rgba(7, 16, 34, 0.75);<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg, #315d30 0 20px, #13421e 20px 30px);<br /> --tbz-unlocked-border-color: #00e417;<br /> --tbz-locked-background-color: #8a2525;<br /> --tbz-locked-border-color: #b32828;<br /> --tbz-partial-unlock-background: #5a5a5a;<br /> --tbz-partial-unlock-border-color: #13421e;<br /> }<br /> <br /> <br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape.woff2?17907) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: bold;<br /> src: local(&quot;RuneScape Bold&quot;),local(&quot;RuneScape Bold 12&quot;),local(&quot;RuneScape Chat 2&quot;),local(&quot;RuneScape Chat&quot;),url(/images/RuneScape_Bold.woff2?514fd) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape Small';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape_Small.woff2?1ee0e) format('woff2')<br /> }<br /> <br /> :root {<br /> --base-text-color: #cbd9f4;<br /> --base-heading-color: #cbd9f4;<br /> --base-heading-border: #596e96;<br /> --mw-code-background-color: #222e45;<br /> --body-background-image: url(/images/b/b5/Roat_Pkz_Wiki_background_darkmode2.png)<br /> }<br /> <br /> #mw-page-base {<br /> background: none<br /> }<br /> <br /> .mw-body {<br /> background-color: var(--body-main);<br /> color: var(--text-color);<br /> border-color: transparent;<br /> box-shadow: 0 0 7px rgba(0,0,0,0.15);<br /> margin-top: 0<br /> }<br /> <br /> h1,h2,h3,h4,h5,h6 {<br /> color: var(--text-color)<br /> }<br /> <br /> h1,h2 {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-body h1,.mw-body-content h1,.mw-body-content h2,.mw-body-content h3,.mw-body-content h4,.mw-body-content h5,.mw-body-content h6 {<br /> font-family: 'PT Serif','Palatino','Georgia',serif<br /> }<br /> <br /> .mw-parser-output h2:first-of-type {<br /> clear: left<br /> }<br /> <br /> .mw-footer {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer li {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer a,.mw-footer a:active,.mw-footer a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> ::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> a {<br /> color: var(--link-color)<br /> }<br /> <br /> a:visited,a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> a.new {<br /> color: var(--redlink-color)<br /> }<br /> <br /> a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .mw-parser-output a.extiw,.mw-parser-output a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited,.mw-parser-output a.extiw:active,.mw-parser-output a.external:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .jsPurgeLink a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> a[href=&quot;/w/User:AndBot&quot;],a[href=&quot;/w/User:BisetteBot&quot;],a[href=&quot;/w/User:Bot50&quot;],a[href=&quot;/w/User:BotDiesel2m&quot;],a[href=&quot;/w/User:Bowl&quot;],a[href=&quot;/w/User:Catbot&quot;],a[href=&quot;/w/User:CookBot&quot;],a[href=&quot;/w/User:Cresbot&quot;],a[href=&quot;/w/User:CrowBot&quot;],a[href=&quot;/w/User:Data_Chompy&quot;],a[href=&quot;/w/User:GauBot&quot;],a[href=&quot;/w/User:Gaz_Bot&quot;],a[href=&quot;/w/User:Gaz_GEBot&quot;],a[href=&quot;/w/User:HabbletAWB&quot;],a[href=&quot;/w/User:JakesterwarsBot&quot;],a[href=&quot;/w/User:JaydenBot&quot;],a[href=&quot;/w/User:MuudyBot&quot;],a[href=&quot;/w/User:MB%C3%A5t&quot;],a[href=&quot;/w/User:New_user_message&quot;],a[href=&quot;/w/User:Quadrabot&quot;],a[href=&quot;/w/User:Redirect_fixer&quot;],a[href=&quot;/w/User:Riblet15_bot_account&quot;],a[href=&quot;/w/User:ShoyBot&quot;],a[href=&quot;/w/User:SlapChoppe&quot;],a[href=&quot;/w/User:Spinewielder&quot;],a[href=&quot;/w/User:WolaznikBot&quot;] {<br /> color: var(--awb-purple)<br /> }<br /> <br /> a[href=&quot;/w/User:Andmcadams&quot;],a[href=&quot;/w/User:BigDiesel2m&quot;],a[href=&quot;/w/User:Brok&quot;],a[href=&quot;/w/User:Cook_Me_Plox&quot;],a[href=&quot;/w/User:Fjara&quot;],a[href=&quot;/w/User:Gau_Cho&quot;],a[href=&quot;/w/User:Gaz_Lloyd&quot;],a[href=&quot;/w/User:Iiii_I_I_I&quot;],a[href=&quot;/w/User:Jayden&quot;],a[href=&quot;/w/User:Jeljo&quot;],a[href=&quot;/w/User:Joeytje50&quot;],a[href=&quot;/w/User:Legaia_2_Pla&quot;],a[href=&quot;/w/User:Ostentatio&quot;],a[href=&quot;/w/User:Riblet15&quot;],a[href=&quot;/w/User:Shayani&quot;],a[href=&quot;/w/User:Shoyrukon&quot;],a[href=&quot;/w/User:TehKittyCat&quot;],a[href=&quot;/w/User:Towelcat&quot;],a[href=&quot;/w/User:Wolaznik&quot;] {<br /> color: var(--admin-blue)<br /> }<br /> <br /> a[href=&quot;/w/User:Spineweilder&quot;],a[href=&quot;/w/User:Jakesterwars&quot;],a[href=&quot;/w/User:Julia&quot;] {<br /> color: var(--bearcat-green)<br /> }<br /> <br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> background: url(/images/Jagex_moderator_emblem.png?093b0) left no-repeat;<br /> padding-left: 15px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> #ca-nstab-user a {<br /> background: none<br /> }<br /> <br /> :root {<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: #801c13;<br /> --warningbox-border: #9f261e;<br /> --successbox-bg: #801c13;<br /> --successbox-border: #9f261e<br /> }<br /> <br /> .mw-message-box-error,.errorbox,.mw-message-box-warning,.warningbox,.mw-message-box-success,.successbox,.usermessage {<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw-message-box-error,.errorbox {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .mw-message-box-warning,.warningbox,.usermessage {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .mw-message-box-success,.successbox {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .catlinks {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-dark);<br /> padding: 8px 15px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .catlinks li {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .filehistory a img,#file img {<br /> background: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v16h8V8H0z' opacity='.13'/%3E%3C/svg%3E&quot;) repeat<br /> }<br /> <br /> #file img:hover {<br /> background: none<br /> }<br /> <br /> .mw-highlight {<br /> background: none<br /> }<br /> <br /> .mw-highlight .linenos {<br /> background-color: var(--mw-code-background-color);<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-highlight a:hover .linenos,.mw-highlight .hll a .linenos {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-content-ltr.mw-highlight-lines pre,.mw-content-ltr.content .mw-highlight-lines pre {<br /> box-shadow: inset 2.75em 0 0 var(--mw-code-background-color)<br /> }<br /> <br /> #pagehistory ul {<br /> list-style: none;<br /> margin: 0<br /> }<br /> <br /> #pagehistory li {<br /> border: 1px solid transparent;<br /> padding: 1px 10px;<br /> margin: 2px 0<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: var(--body-light);<br /> color: inherit;<br /> border: 1px dashed var(--body-border);<br /> outline: none<br /> }<br /> <br /> #mw-history-compare &gt; div:first-of-type {<br /> position: -webkit-sticky;<br /> position: sticky;<br /> top: 0;<br /> background-color: var(--body-main);<br /> border-bottom: 1px solid var(--body-dark);<br /> padding: 0.25em 0<br /> }<br /> <br /> .wgl-stickyheader #mw-history-compare &gt; div:first-of-type {<br /> top: 2.5rem<br /> }<br /> <br /> .autocomment,.autocomment a,.autocomment a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> li span.deleted,span.history-deleted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-usertoollinks-contribs-no-edits,.mw-usertoollinks-contribs-no-edits:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .CategoryTreeToggle {<br /> color: var(--link-color)<br /> }<br /> <br /> body.wgl-stickyheader.action-view .mw-headline:target::before {<br /> display: block;<br /> content: '';<br /> margin-top: -3rem;<br /> height: 3rem;<br /> visibility: hidden;<br /> pointer-events: none<br /> }<br /> <br /> .mw-mmv-post-image {<br /> color: var(--text-color);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-mmv-image-metadata {<br /> border-top-color: var(--body-mid);<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-mmv-dialog,.mw-mmv-dialog .mw-mmv-dialog-down-arrow,.mw-mmv-options-dialog .mw-mmv-dialog-down-arrow {<br /> background-color: var(--body-light);<br /> box-shadow: none<br /> }<br /> <br /> .mw-mmv-options-enable-alert {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-mmv-options-dialog-header,.mw-mmv-options-text-header,.mw-mmv-options-text-body,.mw-mmv-options-enable-alert,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-dialog-header,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-text-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-revslider-container {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-revslider-slider-wrapper {<br /> border-top-color: var(--sidebar)<br /> }<br /> <br /> .mw-ui-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):hover,.mw-ui-button:not(:disabled):active {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):focus {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button:not(:disabled):visited {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled) {<br /> background-color: var(--ooui-progressive);<br /> color: #fff;<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):active,.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: none<br /> }<br /> <br /> .mw-ui-button.mw-ui-destructive:not(:disabled) {<br /> color: #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-quiet,.mw-ui-button.mw-ui-quiet.mw-ui-progressive,.mw-ui-button.mw-ui-quiet.mw-ui-destructive {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:hover,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover {<br /> background-color: rgba(0,24,73,0.02745098);<br /> color: var(--text-color);<br /> border-color: transparent<br /> }<br /> <br /> input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:focus,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:active,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active {<br /> background-color: rgba(0,36,73,0.08235294);<br /> color: var(--text-color);<br /> border-color: #72777d<br /> }<br /> <br /> .mw-ui-input {<br /> background-color: var(--ooui-input);<br /> color: var(--text-color);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-ui-input:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-ui-input::placeholder {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child {<br /> padding: 0;<br /> background: 0<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child::before {<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> display: inline-block;<br /> width: 47px;<br /> height: 20px<br /> }<br /> <br /> :root {<br /> --wikitable-header-bg: var(--body-dark);<br /> --wikitable-border: var(--body-main);<br /> --wikitable-bg: var(--body-light);<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --table-na-background: rgba(0,0,0,0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #afeeee;<br /> --droptable-common-background: #56e156;<br /> --droptable-uncommon-background: #ffed4c;<br /> --droptable-rare-background: #ff863c;<br /> --droptable-veryrare-background: #ff6262;<br /> --droptable-random-background: #ffa3ff<br /> }<br /> <br /> .wikitable {<br /> background: var(--wikitable-bg);<br /> color: var(--wikitable-color);<br /> border-color: var(--wikitable-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; tr &gt; td,.wikitable &gt; * &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th.table-noborder,.wikitable &gt; tr &gt; td.table-noborder,.wikitable &gt; * &gt; tr &gt; th.table-noborder,.wikitable &gt; * &gt; tr &gt; td.table-noborder {<br /> border-left-style: hidden;<br /> border-right-style: hidden;<br /> padding-left: 0;<br /> padding-right: 0<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .tabber .wikitable {<br /> box-shadow: none<br /> }<br /> <br /> .table-bg-always,.table-bg-blue {<br /> background: var(--droptable-always-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-common,.table-bg-green {<br /> background: var(--droptable-common-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-uncommon,.table-bg-yellow {<br /> background: var(--droptable-uncommon-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-rare,.table-bg-orange {<br /> background: var(--droptable-rare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-veryrare,.table-bg-red {<br /> background: var(--droptable-veryrare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-random,.table-bg-pink {<br /> background: var(--droptable-random-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-fade {<br /> opacity: 0.6;<br /> background: rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw_metadata td,.mw_metadata th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw_metadata th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw_metadata td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable td,.mw-datatable th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw-datatable td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> table.alternating-rows tr:nth-child(odd),table.alternating-cols td:nth-child(odd) {<br /> background: var(--wikitable-alternating-bg)<br /> }<br /> <br /> .table-na {<br /> background: var(--table-na-background);<br /> color: var(--table-na-color);<br /> vertical-align: middle;<br /> text-align: center<br /> }<br /> <br /> .table-yes {<br /> background: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .table-positive {<br /> background: var(--table-yes-background)<br /> }<br /> <br /> .table-no {<br /> background: var(--table-no-background);<br /> color: var(--table-no-color)<br /> }<br /> <br /> .table-negative {<br /> background: var(--table-no-background)<br /> }<br /> <br /> .table-maybe {<br /> background: var(--table-maybe-background);<br /> color: var(--table-maybe-color)<br /> }<br /> <br /> #mw-allmessagestable .am_actual,#mw-allmessagestable .am_default {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> #mw-allmessagestable .am_default:hover,#mw-allmessagestable .am_actual:hover,#mw-allmessagestable tbody:hover td {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> table.wikitable td.no-cell-spacing {<br /> padding: 0;<br /> height: 0<br /> }<br /> <br /> table.wikitable td.no-cell-spacing table {<br /> margin: -1px;<br /> width: calc(100% + 2px);<br /> height: calc(100% + 2px)<br /> }<br /> <br /> .plainlist ol,.plainlist ul {<br /> margin: 0<br /> }<br /> <br /> .plainlist li {<br /> margin-bottom: 0;<br /> list-style: none<br /> }<br /> <br /> 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) {<br /> text-align: right<br /> }<br /> <br /> 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) {<br /> text-align: center<br /> }<br /> <br /> 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) {<br /> text-align: left<br /> }<br /> <br /> .rsw-chartjs.rsw-chartjs-config {<br /> display: none<br /> }<br /> <br /> .rsw-chartjs.rsw-chart-error {<br /> font-family: monospace<br /> }<br /> <br /> .rsw-chartjs-canvas {<br /> background-color: var(--body-light)<br /> }<br /> <br /> :root {<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-background: #bddff2;<br /> --diff-addedline-color: #000;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-background: #c1edbf;<br /> --diff-deletedline-color: #000;<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid)<br /> }<br /> <br /> .diff-context {<br /> border-color: var(--diff-context-border-color);<br /> background: var(--diff-context-background);<br /> color: inherit<br /> }<br /> <br /> .diff-addedline {<br /> border-color: var(--diff-addedline-border-color)<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: var(--diff-addedline-background);<br /> color: var(--diff-addedline-color)<br /> }<br /> <br /> .diff-deletedline {<br /> border-color: var(--diff-deletedline-border-color)<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: var(--diff-deletedline-background);<br /> color: var(--diff-deletedline-color)<br /> }<br /> <br /> .mw-diff-movedpara-left:after,.mw-diff-movedpara-right:after {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-notification {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {<br /> background: var(--body-main)<br /> }<br /> <br /> .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> background-color: var(--ooui-normal);<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-head,.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {<br /> border-left-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:hover,.mw-echo-ui-notificationItemWidget-unread:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:last-child {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-unread {<br /> background-color: var(--search-box)<br /> }<br /> <br /> .mw-echo-ui-crossWikiNotificationItemWidget-group,.mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-content-message-header,.mw-echo-ui-notificationItemWidget-content-message-body,.mw-echo-ui-menuItemWidget &gt; .oo-ui-buttonElement-button &gt; .oo-ui-labelElement-label,.mw-echo-ui-notificationItemWidget-content-actions-timestamp {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--body-main)<br /> }<br /> <br /> @keyframes unseen-fadeout-to-unread {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--search-box)<br /> }<br /> }<br /> <br /> @keyframes unseen-fadeout-to-read {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--body-main)<br /> }<br /> }<br /> <br /> .mwe-popups {<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container {<br /> color: var(--text-color);<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:before,.mwe-popups .mwe-popups-container.flipped-y:before {<br /> border-top: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:before {<br /> border-bottom: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:after,.mwe-popups .mwe-popups-container.flipped-y:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:after {<br /> border-bottom-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-settings-icon:hover,.mwe-popups .mwe-popups-settings-icon:active {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mwe-popups .mw-ui-icon-element:not(.disabled):hover {<br /> background: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract {<br /> color: var(--text-color)<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract[dir='ltr']:after {<br /> background-image: linear-gradient(to right,rgba(49,62,89,0),var(--body-light) 50%)<br /> }<br /> <br /> .mwe-popups-overlay {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> #mwe-popups-settings {<br /> background: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--text-color)<br /> }<br /> <br /> #mwe-popups-settings header {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form p {<br /> color: var(--byline-color)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form form label &gt; span {<br /> color: var(--ooui-text)<br /> }<br /> <br /> :root {<br /> --smw-ask-options-even-bg: var(--body-mid);<br /> --smw-ask-options-odd-bg: var(--body-light);<br /> --smw-ask-action-btn-lblue-bg: var(--body-main);<br /> --smw-ask-action-btn-lblue-color: #000;<br /> --smw-ask-action-btn-lblue-border-color: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-bg: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-color: #fff;<br /> --smw-ask-action-btn-dblue-border-color: var(--button-border)<br /> }<br /> <br /> .smw-ask-condition fieldset,.smw-ask-printhead fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .smw-ask-search fieldset,.smw-ask-format fieldset,.smw-ask-options fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .strike &gt; span:before,.strike &gt; span:after {<br /> background: var(--sidebar)<br /> }<br /> <br /> .smw-ask-options-fields tr td {<br /> background-color: var(--smw-ask-options-even-bg)<br /> }<br /> <br /> .smw-ask-options-fields tr:nth-child(odd) td {<br /> background-color: var(--smw-ask-options-odd-bg)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-lblue,.smw-ask-action-btn.smw-ask-action-btn-lblue:hover,.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--smw-ask-action-btn-lblue-bg);<br /> color: var(--smw-ask-action-btn-lblue-color);<br /> border-color: var(--smw-ask-action-btn-lblue-border-color)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-dblue,.smw-ask-action-btn.smw-ask-action-btn-dblue:hover,.smw-ask-action-btn.smw-ask-action-btn-dblue:visited {<br /> background-color: var(--smw-ask-action-btn-dblue-bg);<br /> color: var(--smw-ask-action-btn-dblue-color);<br /> border-color: var(--smw-ask-action-btn-dblue-border-color)<br /> }<br /> <br /> .smw-ask-query textarea,.smw-ask-actions textarea {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-query-format select {<br /> background-color: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-toplinks {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info {<br /> background: none;<br /> padding: 0 !important<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info::before {<br /> content: '';<br /> background: var(--text-color);<br /> -webkit-mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> padding: 0 0 3px 18px<br /> }<br /> <br /> .smw-ask-options-row-odd {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smw-ask-options-row-even {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> #options-toggle:not(:checked) + #options-list .options-parameter-list:after {<br /> background-image: linear-gradient(to bottom,transparent,var(--body-mid) 90%)<br /> }<br /> <br /> .smw-ask-button-submit input {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-ask-button-submit input:hover,.smw-ask-button-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> input.smw-ask-action-btn.smw-ask-action-btn-dblue {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:hover {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-callout-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .smw-callout-info {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .smw-callout-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .smw-callout-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-bg)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label,.smw-tabs input.nav-tab:checked + label.nav-label:hover {<br /> color: inherit<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count {<br /> color: #fff;<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.moderate {<br /> color: #fff;<br /> background-color: #b55e0c;<br /> border-color: #b55e0c<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.high {<br /> color: #fff;<br /> background-color: #9f261e;<br /> border-color: #9f261e<br /> }<br /> <br /> .smw-property-page-results .header-title {<br /> background-color: var(--ooui-interface);<br /> border-bottom-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-property-page-results .value-row:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .smw-property-page-results .smw-table .header-row {<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-header {<br /> background-color: var(--body-dark);<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .smw-ui-input-filter {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ui-input-filter input {<br /> border-left-color: var(--ooui-interface-border) !important;<br /> color: var(--ooui-text) !important<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border);<br /> color: var(--subtle-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-active {<br /> color: #fff;<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-tabs section,.smw-tabs .subtab-content {<br /> border-top-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-column-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-factbox {<br /> background: var(--body-main);<br /> border-color: transparent<br /> }<br /> <br /> .mw-body .mw-indicators #mw-indicator-smw-entity-examiner.mw-indicator .smw-indicator-vertical-bar-loader {<br /> display: none<br /> }<br /> <br /> .smwb-theme-light .smwb-title,.smwb-theme-light .smwb-center,.smwb-theme-light .smwb-actions,.smwb-theme-light .smwb-prophead {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-factbox {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-ifactbox {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-propval {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smwb-action-separator {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .smwb-bottom {<br /> border-bottom: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-ifactbox .smwb-cell,.smwb-factbox .smwb-cell {<br /> border-top: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-propvalue .smwb-prophead,.smwb-ipropvalue .smwb-prophead,.smwb-propvalue .smwb-propval,.smwb-ipropvalue .smwb-propval {<br /> font-size: 0.9em<br /> }<br /> <br /> :root {<br /> --filter-black-to-link: invert(36%) sepia(58%) saturate(433%) hue-rotate(344deg) brightness(100%) contrast(91%)<br /> }<br /> <br /> #bodyContent span.smwbrowse a {<br /> color: black;<br /> background-image: url(/images/Smwbrowse.svg?87d2b);<br /> filter: var(--filter-black-to-link)<br /> }<br /> <br /> #bodyContent span.smwbrowse a:hover {<br /> color: black;<br /> background-image: url(/images/Smwbrowse-hover.svg?73b79);<br /> text-decoration: underline<br /> }<br /> <br /> #bodyContent span.smwsearch a {<br /> color: black;<br /> filter: var(--filter-black-to-link);<br /> background-image: url(/images/Smwsearch.svg?72b04)<br /> }<br /> <br /> #bodyContent span.smwsearch a:hover {<br /> color: black;<br /> background-image: url(/images/Smwsearch-hover.svg?62df0);<br /> text-decoration: underline<br /> }<br /> <br /> :root {<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-background-color);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border)<br /> }<br /> <br /> .tabber {<br /> margin: 1em 0<br /> }<br /> <br /> .tabber .tabbertab {<br /> background-color: var(--tabber-tab-bg);<br /> border: 1px solid var(--tabber-tab-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1em 1.5em<br /> }<br /> <br /> ul.tabbernav {<br /> border: none;<br /> margin-left: 2em;<br /> margin-bottom: 0;<br /> margin-right: 2em;<br /> padding: 0;<br /> font-family: inherit<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a {<br /> background-color: var(--tabber-active-tab-bg);<br /> color: var(--tabber-active-tab-color);<br /> border-bottom: none;<br /> position: relative<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a:hover {<br /> color: var(--tabber-active-tab-hover-color);<br /> background-color: var(--tabber-active-tab-hover-bg);<br /> border-color: var(--tabber-active-tab-hover-border-color);<br /> border-bottom: none<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a::after {<br /> content: '';<br /> position: absolute;<br /> left: 0;<br /> right: 0;<br /> bottom: -1px;<br /> border-bottom: 2px solid var(--tabber-active-tab-border-hider-color)<br /> }<br /> <br /> ul.tabbernav li a {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> border-bottom: transparent;<br /> border-color: var(--tabber-inactive-tab-border-color);<br /> color: var(--tabber-inactive-tab-color);<br /> display: inline-block;<br /> font-size: 110%;<br /> padding: 0.5em 1em<br /> }<br /> <br /> ul.tabbernav li a:hover {<br /> background-color: var(--tabber-inactive-tab-hover-bg);<br /> border-color: var(--tabber-inactive-tab-hover-border-color)<br /> }<br /> <br /> ul.tabbernav li a:link,ul.tabbernav li a:visited {<br /> color: var(--tabber-inactive-tab-color)<br /> }<br /> <br /> .js-tooltip-text {<br /> padding: 5px<br /> }<br /> <br /> .js-tooltip-wrapper {<br /> position: absolute;<br /> z-index: 10;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> color: var(--text-color);<br /> max-width: 75%;<br /> overflow-wrap: break-word;<br /> padding: 10px 15px;<br /> margin: 0px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> font-size: 0.8em<br /> }<br /> <br /> .js-tooltip-click {<br /> color: var(--button-color);<br /> background: var(--button-background);<br /> border-radius: 2em;<br /> cursor: pointer;<br /> padding: 0 0.3em;<br /> user-select: none<br /> }<br /> <br /> .js-tooltip-arrow {<br /> position: absolute;<br /> border-color: transparent;<br /> border-style: solid;<br /> width: 0;<br /> height: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointleft {<br /> border-right-color: var(--body-border);<br /> border-left-color: transparent;<br /> border-left-width: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointright {<br /> border-left-color: var(--body-border);<br /> border-right-color: transparent;<br /> border-right-width: 0<br /> }<br /> <br /> .js-tooltip-close {<br /> float: right;<br /> margin-left: 10px;<br /> margin-right: -5px;<br /> margin-top: -5px;<br /> margin-bottom: 1px;<br /> background: var(--button-background);<br /> border: 0;<br /> cursor: pointer<br /> }<br /> <br /> :root {<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px); <br /> }<br /> <br /> .oo-ui-widget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox'] + span,.oo-ui-radioInputWidget [type='radio'] + span {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,.oo-ui-radioInputWidget [type='radio']:disabled + span {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownWidget-handle {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border);<br /> background-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget select {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget option {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuSelectWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-menuSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-menuSectionOptionWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-title {<br /> color: inherit<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block),.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-optionWidget.oo-ui-widget-disabled {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-outlineControlsWidget {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {<br /> border-bottom-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {<br /> border-top-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {<br /> border-right-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {<br /> border-left-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {<br /> border-left-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-searchWidget-query {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-tabOptionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--body-dark);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {<br /> border-bottom-color: var(--body-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {<br /> background-color: var(--body-light);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> color: var(--ooui-progressive);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover,.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:focus {<br /> color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed {<br /> background: none;<br /> border-bottom: 1px solid var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile {<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tagItemWidget {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> @media screen and (min-width: 0) {<br /> .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {<br /> outline:1px solid var(--ooui-accent)<br /> }<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {<br /> border-color: #fff<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; input.oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover);<br /> color: #fff;<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive {<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active &gt; .oo-ui-buttonElement-button {<br /> color: #fff;<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-pendingElement-pending {<br /> background-image: var(--ooui-pending-background-image);<br /> background-size: 200%;<br /> animation: oo-ui-pendingElement-stripes 6s linear infinite<br /> }<br /> <br /> @keyframes oo-ui-pendingElement-stripes {<br /> 100% {<br /> background-position: 100%<br /> }<br /> }<br /> <br /> .oo-ui-messageDialog-content &gt; .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-message {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog-content .oo-ui-window-head,.oo-ui-processDialog-content .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:active {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:active {<br /> border-right-color: var(--ooui-interface-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button,.oo-ui-processDialog-actions-other .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-right-color: var(--ooui-normal-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-windowManager-modal.oo-ui-windowManager-floating &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-window {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-bar {<br /> background-color: var(--ooui-interface);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-position-top &gt; .oo-ui-toolbar-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-toolbar-bar .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active &gt; .oo-ui-tool-link,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent);<br /> box-shadow: none<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-menuToolGroup {<br /> border-left-color: var(--body-mid);<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> border-right-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 2px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-bookletLayout-outlinePanel &gt; .oo-ui-outlineControlsWidget {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-fieldLayout-disabled &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header &gt; .oo-ui-labelElement-label {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-panelLayout-framed {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .oo-ui-icon-settings {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Esettings%3C/title%3E%3Cg transform='translate(10 10)'%3E%3Cpath id='a' d='M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3'/%3E%3Cuse xlink:href='%23a' transform='rotate(45)'/%3E%3Cuse xlink:href='%23a' transform='rotate(90)'/%3E%3Cuse xlink:href='%23a' transform='rotate(135)'/%3E%3C/g%3E%3Cpath d='M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .oo-ui-icon-clear {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Eclear%3C/title%3E%3Cpath d='M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-widget-dateInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widget-dateInputWidget-calendar {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widget-calendarWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widget-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-day,.mw-widget-calendarWidget-day-heading {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-widget-calendarWidget-day-additional {<br /> color: var(--ooui-text);<br /> opacity: 0.67<br /> }<br /> <br /> .mw-widget-calendarWidget-day-today {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-item:hover {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-widget-calendarWidget-item-selected {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),0 2px 2px 0 rgba(0,0,0,0.25)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.mw-widgets-datetime-dateTimeInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input,.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .mw-kartographer-mapDialog-foot {<br /> background-color: var(--body-light);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-container {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a,.mw-kartographer-interactive .leaflet-popup-content a:visited,.mw-kartographer-interactive .leaflet-popup-content a:hover,.mw-kartographer-interactive .leaflet-popup-content a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a.new a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .leaflet-popup-content-wrapper {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .leaflet-popup-tip {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey {<br /> background: #e4eaee;<br /> color: #444e5a;<br /> text-shadow: none<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a,.leaflet-vis-tooltip.lbl-bg-grey a:visited,.leaflet-vis-tooltip.lbl-bg-grey a:active,.leaflet-vis-tooltip.lbl-bg-grey a:hover,.leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a, .leaflet-vis-tooltip.lbl-bg-grey a:visited, .leaflet-vis-tooltip.lbl-bg-grey a:active, .leaflet-vis-tooltip.lbl-bg-grey a:hover, .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:visited,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:active,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:hover,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before {<br /> display: block;<br /> border-left-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before {<br /> display: block;<br /> border-right-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before {<br /> display: block;<br /> border-top-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before {<br /> display: block;<br /> border-bottom-color: #e4eaee<br /> }<br /> <br /> .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover {<br /> background: var(--ooui-normal--hover)<br /> }<br /> <br /> .ve-ui-overlay {<br /> font-family: inherit<br /> }<br /> <br /> .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above {<br /> border-top-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-branchNode-blockSlug,.ve-ce-branchNode-newSlug {<br /> outline-color: var(--body-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-specialCharacterPage h3 {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character:hover {<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px var(--body-mid);<br /> background: none<br /> }<br /> <br /> .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwHelpPopupTool-version-label,.ve-ui-mwHelpPopupTool-version-link,.ve-ui-mwHelpPopupTool-version-date {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ce-tableCellableNode {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-mwReferencesListNode-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwTemplatePage-description,.ve-ui-mwParameterPage-label,.ve-ui-mwParameterPage-description-required,.ve-ui-mwParameterPage-description-deprecated {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwGalleryDialog-menuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog-innerMenuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container,.ve-ui-targetWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .ve-ui-mwSaveDialog {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-options {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-summary {<br /> background-color: var(--ooui-input)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-editSummary-count {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-license {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwReferenceContextItem-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwNoticesPopupTool-items &gt; div:not(:first-child),.ve-ui-mwHelpPopupTool-item:not(:first-child) {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineControlsWidget {<br /> background-color: var(--ooui-interface);<br /> border-top-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-sticky {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwParameterPage-undocumentedLabel {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwTwoPaneTransclusionDialogLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwParameterPage-doc-required,.ve-ui-mwParameterPage-doc-deprecated,.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-expandableContent-toggle {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-expandableContent-fade {<br /> background: linear-gradient(to right,rgba(255,255,255,0) 0,var(--ooui-interface) 90%)<br /> }<br /> <br /> .ve-ui-commandHelpDialog-shortcut &gt; kbd,.ve-ui-commandHelpDialog-sequence &gt; kbd {<br /> background-color: var(--keypress-background);<br /> color: var(--keypress-color);<br /> border-color: var(--keypress-border);<br /> box-shadow: none;<br /> text-shadow: none<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> background: var(--ooui-interface)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'],figure[typeof~='mw:File/Frame'],figure[typeof~='mw:Image/Thumb'],figure[typeof~='mw:Video/Thumb'],figure[typeof~='mw:Image/Frame'],figure[typeof~='mw:Video/Frame'] {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:File/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media) {<br /> border: none;<br /> background: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; figcaption,figure[typeof~='mw:File/Frame'] &gt; figcaption,figure[typeof~='mw:Image/Thumb'] &gt; figcaption,figure[typeof~='mw:Video/Thumb'] &gt; figcaption,figure[typeof~='mw:Image/Frame'] &gt; figcaption,figure[typeof~='mw:Video/Frame'] &gt; figcaption {<br /> border: none;<br /> background-color: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --fact-text-color: #15f;<br /> --production-selected-background: #c3e8a3;<br /> --production-selected-color: #000;<br /> --wikipedia-border: #e0e0e0;<br /> --wikipedia-background: #f8f8f8;<br /> --keypress-background: #eee;<br /> --keypress-border: #ccc;<br /> --keypress-color: #333;<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg,#bfffbd 0 20px,#4cf172 20px 30px);<br /> --tbz-unlocked-border-color: #012100;<br /> --tbz-locked-background-color: #ffc3c3;<br /> --tbz-locked-border-color: #df9090;<br /> --tbz-partial-unlock-background: #dae8d2;<br /> --tbz-partial-unlock-border-color: #aeaeae<br /> }<br /> <br /> .archivelist {<br /> background-color: var(--body-light);<br /> border: solid 1px var(--body-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> margin: 5px;<br /> padding: 5px;<br /> text-align: center;<br /> width: 120px<br /> }<br /> <br /> .collapsed-sec {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-weight: bold;<br /> text-shadow: 1px 1px #fff<br /> }<br /> <br /> .combat-styles-icons a {<br /> display: inline-block;<br /> text-align: center;<br /> min-width: 26px<br /> }<br /> <br /> .combat-styles-header a {<br /> color: var(--text-color)<br /> }<br /> <br /> .fact-text {<br /> color: var(--fact-text-color);<br /> font-style: italic;<br /> cursor: help;<br /> border-bottom: dotted 1px<br /> }<br /> <br /> .production-selected {<br /> background: var(--production-selected-background);<br /> color: var(--production-selected-color)<br /> }<br /> <br /> .relative-location {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-spacing: 0;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 5px;<br /> text-align: center<br /> }<br /> <br /> .relative-location-txt {<br /> color: var(--text-color)<br /> }<br /> <br /> .relative-location-header {<br /> background: var(--body-dark)<br /> }<br /> <br /> #musicMap data {<br /> display: none<br /> }<br /> <br /> .musicMap-buttons {<br /> text-align: center;<br /> margin: 0.7em<br /> }<br /> <br /> .talkheader {<br /> text-align: center;<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .shortcut {<br /> border: 1px solid var(--body-border);<br /> background: var(--body-light);<br /> float: right;<br /> font-size: 0.8em;<br /> margin: 0.5em 0em 0.5em 1em;<br /> padding: 0.5em;<br /> text-align: center<br /> }<br /> <br /> .succession {<br /> width: 50%;<br /> text-align: center<br /> }<br /> <br /> .succession th {<br /> width: 33%;<br /> font-size: 90%;<br /> background: var(--body-mid)<br /> }<br /> <br /> .succession td {<br /> background: var(--body-light)<br /> }<br /> <br /> .update {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0;<br /> padding: 0.25em 1em;<br /> text-align: center<br /> }<br /> <br /> .pollwrapper {<br /> display: flex;<br /> align-items: center;<br /> flex-direction: column;<br /> counter-reset: question<br /> }<br /> <br /> .pollbox {<br /> position: relative;<br /> padding: 1em 0.7em;<br /> margin: 0.7em;<br /> margin-bottom: 1.2em;<br /> width: 700px;<br /> font-size: 16px;<br /> border: 2px solid var(--body-border);<br /> background: var(--body-light)<br /> }<br /> <br /> .pollbox::before {<br /> content: &quot;Question &quot; counter(question);<br /> counter-increment: question;<br /> position: absolute;<br /> font-size: 16px;<br /> font-weight: bold;<br /> top: -0.5em;<br /> margin-top: -2px;<br /> left: 0.6em;<br /> line-height: 1em;<br /> background: linear-gradient(0deg,var(--body-light),var(--body-light) 50%,rgba(0,0,0,0) 50%);<br /> padding: 0 0.6em<br /> }<br /> <br /> .pollbox table {<br /> width: 100%;<br /> border-collapse: collapse;<br /> font-size: 14px<br /> }<br /> <br /> .pollbox caption {<br /> text-align: left;<br /> margin-bottom: 4px<br /> }<br /> <br /> .pollbox td {<br /> padding: 0px<br /> }<br /> <br /> .pollquestion td:first-child::before {<br /> content: &quot;&quot;;<br /> background: url(/images/Poll_shield.png?c691a);<br /> background-repeat: no-repeat;<br /> background-position: top;<br /> width: 10px;<br /> height: 14px;<br /> position: absolute;<br /> top: 4px;<br /> left: 0<br /> }<br /> <br /> .pollquestion td:first-child {<br /> position: relative;<br /> width: 32%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .pollquestion td.pollpercent {<br /> box-sizing: border-box;<br /> padding-left: 17px;<br /> padding-right: 8px<br /> }<br /> <br /> .pollquestion td:last-child {<br /> width: 22%;<br /> padding-left: 0.7em<br /> }<br /> <br /> .pollquestion .pollnote td {<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .pollquestion .pollnote td::before {<br /> content: none<br /> }<br /> <br /> .pollquestion data {<br /> display: block;<br /> height: 15px;<br /> background-image: url(/images/Poll_sword2.png?7d4c4);<br /> position: relative<br /> }<br /> <br /> .pollquestion data::before,.pollquestion data::after {<br /> content: &quot;&quot;;<br /> height: inherit;<br /> position: absolute;<br /> height: 15px<br /> }<br /> <br /> .pollquestion data::before {<br /> background: url(/images/Poll_sword1.png?d445b);<br /> width: 17px;<br /> right: 100%<br /> }<br /> <br /> .pollquestion data::after {<br /> background: url(/images/Poll_sword3.png?487b5);<br /> width: 8px;<br /> left: 100%<br /> }<br /> <br /> .archivepollq th {<br /> text-align: left;<br /> font-weight: normal;<br /> padding: 15px 0 0 0<br /> }<br /> <br /> .archivepollq td:first-child {<br /> position: relative;<br /> width: 80%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .archivepollq td.archivepollpercent {<br /> box-sizing: border-box;<br /> padding: 2px;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .archivepollq td:last-child {<br /> text-align: right;<br /> padding-left: 0.7em<br /> }<br /> <br /> .archivepollq .archivepollnote &gt; td {<br /> text-align: left;<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .archivepollq data {<br /> display: block;<br /> height: 25px;<br /> background: var(--body-border);<br /> position: relative<br /> }<br /> <br /> .archivepollq.e {<br /> border: 2px solid var(--errorbox-border);<br /> background: var(--errorbox-bg)<br /> }<br /> <br /> .archivepollq.e::before {<br /> content: &quot;Error&quot;;<br /> background: linear-gradient(0deg,var(--errorbox-bg),var(--errorbox-bg) 50%,rgba(0,0,0,0) 50%)<br /> }<br /> <br /> .wikipedia {<br /> border: 1px solid var(--wikipedia-border);<br /> background-color: var(--wikipedia-background)<br /> }<br /> <br /> .hatnote,.seealso {<br /> font-style: italic<br /> }<br /> <br /> .hatnote i,.seealso i {<br /> font-style: normal<br /> }<br /> <br /> div.hatnote,div.seealso {<br /> margin: 0.5em 1.6em<br /> }<br /> <br /> div.hatnote + div.hatnote,div.hatnote + div.seealso,div.seealso + div.hatnote,div.seealso + div.seealso {<br /> margin-top: -0.5em<br /> }<br /> <br /> .extimage div,.extimage a,.extimage img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .tbz-region {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> white-space: nowrap;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> width: 110px;<br /> padding: 0.35em 0.45em 0.25em;<br /> margin: 1px<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-badge {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> padding: 0.3em 0.35em 0.2em<br /> }<br /> <br /> .tbz-badge + .tbz-badge {<br /> margin-left: 1px<br /> }<br /> <br /> .tbz-badge.tbz-badge-wrapper {<br /> padding: 0.2em<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-unlocked {<br /> background: var(--tbz-unlocked-background);<br /> border-color: var(--tbz-unlocked-border-color)<br /> }<br /> <br /> .tbz-unlocked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-unlocked .tbz-check {<br /> display: inline-block;<br /> padding-left: 5px<br /> }<br /> <br /> .tbz-locked {<br /> background-color: var(--tbz-locked-background-color);<br /> border-color: var(--tbz-locked-border-color)<br /> }<br /> <br /> .tbz-locked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-locked .tbz-unlocked {<br /> background: var(--tbz-partial-unlock-background);<br /> border-color: var(--tbz-partial-unlock-border-color)<br /> }<br /> <br /> .combatinfo {<br /> width: 160px;<br /> text-align: center;<br /> float: right;<br /> clear: right<br /> }<br /> <br /> .combatinfo.combatinfo-left {<br /> float: left;<br /> clear: left<br /> }<br /> <br /> .combatinfo td {<br /> width: 25%<br /> }<br /> <br /> .wikitable.combatinfo &gt; caption {<br /> font-weight: normal<br /> }<br /> <br /> .growth-stage-table td.growth-stage {<br /> text-align: center;<br /> vertical-align: bottom<br /> }<br /> <br /> .keypress {<br /> background: var(--keypress-background);<br /> color: var(--keypress-color);<br /> font-family: inherit;<br /> border: 1px solid var(--keypress-border);<br /> border-radius: 2px;<br /> font-size: 0.9em;<br /> margin: 0 0.1em;<br /> padding: 0.1em 0.4em;<br /> white-space: nowrap<br /> }<br /> <br /> .rsw-music-player {<br /> height: 2em;<br /> vertical-align: middle<br /> }<br /> <br /> .item-drops .beast-version {<br /> font-size: smaller;<br /> font-style: italic<br /> }<br /> <br /> td.famtreesub {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table {<br /> border-spacing: 0;<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table td {<br /> height: 1em;<br /> width: 1em<br /> }<br /> <br /> td.famtreeleaf {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> padding: 0.2em<br /> }<br /> <br /> :root {<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #ccc<br /> }<br /> <br /> :root {<br /> --coins-color: green;<br /> --coins-pos-color: white;<br /> --coins-neg-color: #c02614<br /> }<br /> <br /> .coins {<br /> color: var(--coins-color);<br /> background-position: 0% 50%;<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> padding: 0<br /> }<br /> <br /> .coins-pos {<br /> color: var(--coins-pos-color)<br /> }<br /> <br /> .coins-neg {<br /> color: var(--coins-neg-color)<br /> }<br /> <br /> .coins-10000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 3px 35px<br /> }<br /> <br /> .coins-1000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-250 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-100 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-25 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-5 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-4 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-3 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-2 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-1 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> :root {<br /> --documentation-background: #f9fafa;<br /> --documentation-link-color: #e4eaee;<br /> --documentation-headers-color: #fff;<br /> --documentation-header-background: #949eaa;<br /> --documentation-subheader-background: #808c9a;<br /> --documentation-border: #e4eaee<br /> }<br /> <br /> .documentation {<br /> background: var(--documentation-background);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0<br /> }<br /> <br /> .documentation pre,.documentation code {<br /> background-color: var(--documentation-background);<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation h2,.documentation hr {<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation-header {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-header-background);<br /> font-weight: bold;<br /> padding: 1em 1.5em<br /> }<br /> <br /> .documentation-title {<br /> font-size: 1.25em<br /> }<br /> <br /> .documentation-subheader {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-subheader-background);<br /> padding: 0.5em 1.5em<br /> }<br /> <br /> .documentation-subheader a,.documentation-subheader a:visited,.documentation-subheader a:active {<br /> color: var(--documentation-link-color)<br /> }<br /> <br /> .documentation-documentation,.documentation-links {<br /> font-size: 0.85em<br /> }<br /> <br /> .documentation-content {<br /> padding: 1em 1.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dl:not(:empty) {<br /> column-count: 3;<br /> border-top: 1px solid var(--body-border);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dt::after {<br /> content: &quot;:&quot;<br /> }<br /> <br /> .mw-templatedata-doc-params dd,.mw-templatedata-doc-params dt {<br /> margin: 0.1em 2em;<br /> min-width: auto<br /> }<br /> <br /> .mw-templatedata-doc-muted {<br /> color: var(--subtle-color);<br /> font-style: italic<br /> }<br /> <br /> .fairycode {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-size: 120%;<br /> font-weight: bold;<br /> text-transform: lowercase;<br /> letter-spacing: 1px<br /> }<br /> <br /> .fairycode b ~ b:before {<br /> content: &quot;•&quot;<br /> }<br /> <br /> .floornumber &gt; .floornumber-us,#toc li a span.toctext span span:nth-child(2),.floornumber-setting-gb .floornumber &gt; .floornumber-us,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(2),.floornumber-setting-us .floornumber &gt; .floornumber-gb,.floornumber-setting-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none<br /> }<br /> <br /> .floornumber-setting-gb .floornumber &gt; .floornumber-gb,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(1),.floornumber-setting-us .floornumber &gt; .floornumber-us,.floornumber-setting-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-us,.floornumber-override-gb #toc li a span.toctext span span:nth-child(2),.floornumber-override-us .floornumber &gt; .floornumber-gb,.floornumber-override-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none !important<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-gb,.floornumber-override-gb #toc li a span.toctext span span:nth-child(1),.floornumber-override-us .floornumber &gt; .floornumber-us,.floornumber-override-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline !important<br /> }<br /> <br /> .musicplayer {<br /> border: 1px solid var(--body-border);<br /> font-size: 90%;<br /> background: var(--body-light);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> max-width: 300px;<br /> margin: 0 0 1em 1em;<br /> padding: 5px<br /> }<br /> <br /> .musicplayer audio,.infobox audio {<br /> max-width: 298px;<br /> margin-left: auto;<br /> margin-right: auto<br /> }<br /> <br /> .plink-template + a {<br /> margin-left: 0.25em<br /> }<br /> <br /> .plinkt-image {<br /> text-align: center<br /> }<br /> <br /> :root {<br /> --questdetails-header-background: #cfc2aa;<br /> --questdetails-header-background-alt: #cfbda1<br /> }<br /> <br /> .questdetails {<br /> width: 100%;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-collapse: separate<br /> }<br /> <br /> .questdetails th {<br /> text-align: left<br /> }<br /> <br /> .questdetails-header {<br /> padding: 0.5em 1em;<br /> background-color: var(--questdetails-header-background);<br /> width: 125px<br /> }<br /> <br /> .questdetails tr:nth-child(odd) .questdetails-header {<br /> background-color: var(--questdetails-header-background-alt)<br /> }<br /> <br /> .questdetails-info {<br /> padding-left: 1em;<br /> padding-right: 2em<br /> }<br /> <br /> ol.references,.reflist {<br /> font-size: 90%<br /> }<br /> <br /> .reflist {<br /> list-style-type: decimal<br /> }<br /> <br /> .reflist .references {<br /> font-size: 100%;<br /> list-style-type: inherit<br /> }<br /> <br /> .reflist-lower-alpha {<br /> list-style-type: lower-alpha<br /> }<br /> <br /> ol.references li:target,sup.reference:target {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .hideQuotes .refhide {<br /> display: none<br /> }<br /> <br /> .editnotice {<br /> font-size: 0.9em;<br /> padding-bottom: 0.75em;<br /> margin-bottom: 0.6em<br /> }<br /> <br /> .editnotice .editnotice-title {<br /> font-size: 1.2em;<br /> font-weight: bold;<br /> margin-bottom: 0.4em<br /> }<br /> <br /> <br /> <br /> <br /> .mw-message-box,.mw-message-box-error,.mw-message-box-warning,.mw-message-box-success,.usermessage {<br /> color: var(--text-color)<br /> }<br /> <br /> .messagebox {<br /> width: 65%;<br /> margin: 0.5em auto;<br /> border-left: 15px solid;<br /> border-color: var(--body-dark);<br /> background-color: var(--body-light);<br /> box-sizing: border-box<br /> }<br /> <br /> .messagebox.obsolete {<br /> background-color: var(--messagebox-obsolete-background);<br /> border-color: var(--messagebox-obsolete-border);<br /> color: var(--messagebox-obsolete-color)<br /> }<br /> <br /> .messagebox.obsolete a,.messagebox.obsolete a:visited,.messagebox.obsolete a:active {<br /> color: var(--messagebox-obsolete-link-color)<br /> }<br /> <br /> .messagebox.info {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border);<br /> color: var(--messagebox-info-color)<br /> }<br /> <br /> .messagebox.info a,.messagebox.info a:visited,.messagebox.info a:active {<br /> color: var(--messagebox-info-link-color)<br /> }<br /> <br /> .messagebox.action {<br /> background-color: var(--messagebox-action-background);<br /> border-color: var(--messagebox-action-border);<br /> color: var(--messagebox-action-color)<br /> }<br /> <br /> .messagebox.action a,.messagebox.action a:visited,.messagebox.action a:active {<br /> color: var(--messagebox-action-link-color)<br /> }<br /> <br /> .messagebox.warn {<br /> background-color: var(--messagebox-warn-background);<br /> border-color: var(--messagebox-warn-border);<br /> color: var(--messagebox-warn-color)<br /> }<br /> <br /> .messagebox.warn a,.messagebox.warn a:visited,.messagebox.warn a:active {<br /> color: var(--messagebox-warn-link-color)<br /> }<br /> <br /> .messagebox.safe {<br /> background-color: var(--messagebox-safe-background);<br /> border-color: var(--messagebox-safe-border);<br /> color: var(--messagebox-safe-color)<br /> }<br /> <br /> .messagebox.safe a,.messagebox.safe a:visited,.messagebox.safe a:active {<br /> color: var(--messagebox-safe-link-color)<br /> }<br /> <br /> .messagebox.disambig {<br /> background-color: var(--messagebox-disambig-background);<br /> border-color: var(--messagebox-disambig-border);<br /> color: var(--messagebox-disambig-color)<br /> }<br /> <br /> .messagebox.disambig a,.messagebox.disambig a:visited,.messagebox.disambig a:active {<br /> color: var(--messagebox-disambig-link-color)<br /> }<br /> <br /> .messagebox.discord {<br /> background-color: var(--messagebox-discord-background);<br /> border-color: var(--messagebox-discord-border);<br /> color: #fff<br /> }<br /> <br /> .messagebox.discord a,.messagebox.discord a:visited,.messagebox.discord a:active {<br /> color: var(--messagebox-discord-link-color)<br /> }<br /> <br /> .messagebox.discord a.external,.messagebox.discord a:visited.external,.messagebox.discord a:active.external {<br /> font-style: italic<br /> }<br /> <br /> .messagebox.stub {<br /> width: 40%<br /> }<br /> <br /> .messagebox.hasdialogue {<br /> padding: 0 10px;<br /> width: auto<br /> }<br /> <br /> :root {<br /> --ajaxpoll-background: #fafafa;<br /> --ajaxpoll-text-color: var(--byline-color);<br /> --ajaxpoll-answerbar-background: var(--body-light);<br /> --ajaxpoll-answerbar-border: var(--body-border)<br /> }<br /> <br /> .ajaxpoll {<br /> background: var(--ajaxpoll-background)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-hover-vote,.ajaxpoll .ajaxpoll-hover-revoke,.ajaxpoll .ajaxpoll-ajax {<br /> background: none<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote {<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote div {<br /> background: var(--ajaxpoll-answerbar-background);<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-our-vote div {<br /> border-color: #3c780a<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-misc,.ajaxpoll .ajaxpoll-info,.ajaxpoll .ajaxpoll-ajax {<br /> color: var(--ajaxpoll-text-color)<br /> }<br /> <br /> .ajaxpoll-id-info {<br /> display: none<br /> }<br /> <br /> .inventorytable,<br /> .lootingbagtable,<br /> .runepouchtable {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> height: auto;<br /> border-spacing: 0;<br /> border-collapse: separate;<br /> margin-top: 7px;<br /> margin-bottom: 7px;<br /> }<br /> <br /> .inventorytable.storage-left,<br /> .lootingbagtable.storage-left,<br /> .runepouchtable.storage-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .inventorytable.storage-center,<br /> .lootingbagtable.storage-center,<br /> .runepouchtable.storage-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .inventorytable.storage-right,<br /> .lootingbagtable.storage-right,<br /> .runepouchtable.storage-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .inventorytable td,<br /> .lootingbagtable td,<br /> .runepouchtable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> }<br /> <br /> .inventorytable {<br /> background-image: url(/images/e/e9/Inventory_tab.png);<br /> width: 204px;<br /> padding: 13px 16px 10px;<br /> }<br /> <br /> .inventorytable td {<br /> width: 43px;<br /> height: 36px;<br /> }<br /> <br /> .lootingbagtable {<br /> background-image: url(/images/7/78/Looting_bag_tab.png);<br /> width: 204px;<br /> padding: 31px 17px 20px 12px;<br /> }<br /> <br /> .lootingbagtable td {<br /> width: 44px;<br /> height: 32px;<br /> }<br /> <br /> .runepouchtable {<br /> background-image: url(/images/f/f1/Rune_pouch_background.png);<br /> width: 158px;<br /> padding: 24px 7px 6px;<br /> }<br /> <br /> .runepouchtable.storage-left {<br /> margin-left: 23px;<br /> }<br /> <br /> .runepouchtable.storage-right {<br /> margin-right: 23px;<br /> }<br /> <br /> .runepouchtable td {<br /> width: 32px;<br /> height: 32px;<br /> line-height: 1.6em;<br /> }<br /> <br /> .runepouchtable td.middle-rune {<br /> padding-left: 24px;<br /> padding-right: 24px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune {<br /> padding-left: 6px;<br /> padding-right: 6px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune {<br /> padding-left: 0;<br /> }<br /> <br /> .menagerietable {<br /> background-image: url(/images/9/9c/Menagerie_interface.png);<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> width: 300px;<br /> height: 250px;<br /> padding: 56px 28px 34px 6px;<br /> border-spacing: 0;<br /> }<br /> <br /> .menagerietable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> width: 46px;<br /> height: 32px;<br /> }<br /> <br /> .inventorytable .inv-quantity-text,<br /> .lootingbagtable .inv-quantity-text,<br /> .runepouchtable .inv-quantity-text,<br /> .equipment .inv-quantity-text {<br /> font-family: 'RuneScape Small';<br /> font-size: 12pt;<br /> position: absolute;<br /> top: -8px;<br /> left: 4px;<br /> text-shadow: #000 1px 1px;<br /> color: #ffff00;<br /> pointer-events: none;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-1,<br /> .lootingbagtable .inv-quantity-text.qty-1,<br /> .runepouchtable .inv-quantity-text.qty-1,<br /> .equipment .inv-quantity-text.qty-1 {<br /> color: #ffff00;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-100k,<br /> .lootingbagtable .inv-quantity-text.qty-100k,<br /> .runepouchtable .inv-quantity-text.qty-100k,<br /> .equipment .inv-quantity-text.qty-100k {<br /> color: #fff;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-10m,<br /> .lootingbagtable .inv-quantity-text.qty-10m,<br /> .runepouchtable .inv-quantity-text.qty-10m,<br /> .equipment .inv-quantity-text.qty-10m {<br /> color: #01ff80;<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {<br /> .inventorytable img,<br /> .lootingbagtable img,<br /> .runepouchtable img,<br /> .equipment img {<br /> image-rendering: pixelated;<br /> image-rendering: crisp-edges;<br /> }<br /> <br /> }<br /> <br /> .runepouchtable .inv-quantity-text {<br /> left: -1px;<br /> }<br /> <br /> .runepouchtable td.middle-rune .inv-quantity-text {<br /> left: 23px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune .inv-quantity-text {<br /> left: 5px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune .inv-quantity-text {<br /> left: 0;<br /> }<br /> <br /> .equipment .inv-quantity-text {<br /> top: -3px;<br /> }<br /> <br /> span.noted-item {<br /> width: 30px;<br /> height: 29px;<br /> text-align: center;<br /> display: inline-block;<br /> }<br /> <br /> span.noted-item a {<br /> width: 30px;<br /> height: 29px;<br /> }<br /> <br /> .noted-item a {<br /> background-image: url(/images/3/3a/Bank_note.png);<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> background-position: center;<br /> }<br /> <br /> td.noted-item a {<br /> width: 32px;<br /> line-height: 28px;<br /> }<br /> <br /> .noted-item img {<br /> transform: scale(0.65);<br /> }<br /> <br /> .equipment {<br /> background: #3e3529;<br /> border: 9px solid transparent;<br /> border-image-source: url(/images/c/c7/Interface_border.png);<br /> border-image-slice: 9;<br /> border-image-width: 9px;<br /> border-image-outset: 0;<br /> border-image-repeat: repeat;<br /> margin: 7px 0;<br /> padding: 0 2px 0 3px;<br /> }<br /> <br /> @media all and (max-width: 720px) {<br /> table.equipment {<br /> width: initial !important;<br /> }<br /> <br /> }<br /> <br /> .equipment-div,<br /> .equipment-div-buttons {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> position: relative;<br /> width: 175px;<br /> display: flex;<br /> }<br /> <br /> .equipment-div {<br /> background-image: url(/images/a/a7/Worn_equipment_tab_%28no_buttons%29.png);<br /> height: 222px;<br /> margin: 15px 0 14px;<br /> }<br /> <br /> .equipment-div-buttons {<br /> background-image: url(/images/e/e3/Worn_equipment_tab_%28borderless%29.png);<br /> height: 244px;<br /> margin: 4px 0 3px;<br /> }<br /> <br /> .equipment-blank {<br /> background-image: url(/images/c/cf/Blank_slot.png);<br /> width: 36px;<br /> height: 36px;<br /> }<br /> <br /> .equipment-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .equipment-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .equipment-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .equipment-stats,<br /> .equipment-ikod {<br /> font-family: RuneScape;<br /> font-size: 16px;<br /> line-height: 14px;<br /> color: #ff981f;<br /> text-shadow: 1px 1px 0 black;<br /> }<br /> <br /> td.equipment-stats b {<br /> font-family: RuneScape;<br /> font-weight: bold;<br /> display: block;<br /> margin-top: 2px;<br /> }<br /> <br /> td.equipment-stats data {<br /> display: block;<br /> padding-left: 8px;<br /> }<br /> <br /> td.equipment-stats data img {<br /> vertical-align: bottom;<br /> }<br /> <br /> td.equipment-ikod {<br /> max-width: 325px;<br /> }<br /> <br /> td.equipment-ikod em {<br /> font-style: normal;<br /> display: block;<br /> margin-bottom: 3px;<br /> }<br /> <br /> td.equipment-ikod b {<br /> font-weight: normal;<br /> color: white;<br /> }<br /> <br /> td.equipment-ikod strong {<br /> font-weight: normal;<br /> color: red;<br /> }<br /> <br /> td.equipment-ikod ul {<br /> list-style: none;<br /> margin: 0;<br /> }<br /> <br /> td.equipment-ikod li {<br /> display: inline-block;<br /> width: 32px;<br /> height: 32px;<br /> line-height: 32px;<br /> margin: 0;<br /> margin-right: 14px;<br /> }<br /> <br /> td.equipment-ikod img {<br /> cursor: help;<br /> }<br /> <br /> td.equipment-ikod hr {<br /> border-top: 1px solid #0e0e0c;<br /> border-bottom: 1px solid #474745;<br /> margin: 7px 0;<br /> }<br /> <br /> .equipment-plinkp {<br /> position: absolute;<br /> width: 36px;<br /> height: 36px;<br /> left: 0px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head,<br /> .equipment-cape,<br /> .equipment-neck,<br /> .equipment-ammo,<br /> .equipment-weapon,<br /> .equipment-torso,<br /> .equipment-shield,<br /> .equipment-legs,<br /> .equipment-gloves,<br /> .equipment-boots,<br /> .equipment-ring,<br /> .equipment-statsbutton,<br /> .equipment-ikodbutton {<br /> position: absolute;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head {<br /> left: 70px;<br /> top: 0px;<br /> }<br /> <br /> .equipment-cape {<br /> left: 29px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-neck {<br /> left: 70px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-ammo {<br /> left: 111px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-weapon {<br /> left: 14px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-torso {<br /> left: 70px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-shield {<br /> left: 126px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-legs {<br /> left: 70px;<br /> top: 118px;<br /> }<br /> <br /> .equipment-gloves {<br /> left: 14px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-boots {<br /> left: 70px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-ring {<br /> left: 126px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-statsbutton {<br /> top: 204px;<br /> left: 0px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> .equipment-ikodbutton {<br /> top: 204px;<br /> left: 90px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> :root {<br /> --transcript-border-color: #b4a36a;<br /> --transcript-border-hover-color: #876f1d;<br /> --transcript-strikethrough-color: #800000<br /> }<br /> <br /> .transcript {<br /> background: var(--body-light);<br /> border-radius: 0 0 120px 120px / 0 0 8px 8px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> max-width: 90ch;<br /> overflow: hidden;<br /> margin-bottom: 1em;<br /> padding: 0.5em 1em 1em;<br /> clear: left<br /> }<br /> <br /> .transcript.godletter {<br /> margin: 1em auto;<br /> padding: 1em 1.5em;<br /> max-width: 60ch<br /> }<br /> <br /> .quest-action {<br /> text-align: center;<br /> font-style: italic;<br /> margin: 0 5%<br /> }<br /> <br /> .quest-action:before,.quest-action:after {<br /> content: '———';<br /> margin: 4px;<br /> letter-spacing: -1px<br /> }<br /> <br /> .transcript-chatbox-image {<br /> display: inline-block;<br /> margin-right: 5px;<br /> position: relative;<br /> text-align: center;<br /> width: 32px<br /> }<br /> <br /> .transcript-chatbox-image + .transcript-chatbox-image {<br /> left: -10px;<br /> top: 10px;<br /> margin-right: 0<br /> }<br /> <br /> .transcript-opt::before {<br /> display: inline-block;<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> width: 7px;<br /> height: 10px;<br /> margin-right: 5px<br /> }<br /> <br /> .transcript-opt.disabled {<br /> filter: opacity(0.5)<br /> }<br /> <br /> .ns-120 .mw-parser-output s,.transcript s {<br /> text-decoration-color: var(--transcript-strikethrough-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output .template-colour,.transcript .template-colour {<br /> text-shadow: 1px 1px #000a<br /> }<br /> <br /> :root {<br /> --byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%);<br /> --tile-border-color: #596e96;<br /> --tile-background-color: #313e59;<br /> --tile-link-button-color: #222e45;<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255,255,255,0.7);<br /> --tile-dark-header-color: #fff<br /> }<br /> <br /> .tile {<br /> background: var(--tile-background-color);<br /> border: 1px solid var(--tile-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1.5em 2em 1em;<br /> max-width: 40em<br /> }<br /> <br /> .tile h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile.dark {<br /> color: var(--tile-dark-color);<br /> background: var(--tile-dark-bg);<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .tile.dark h2 {<br /> color: var(--tile-dark-header-color)<br /> }<br /> <br /> .tile.dark a {<br /> color: var(--tile-dark-link-color)<br /> }<br /> <br /> .tile.dark .byline {<br /> color: var(--tile-dark-byline-color)<br /> }<br /> <br /> .byline {<br /> font-size: 0.9em;<br /> color: var(--byline-color)<br /> }<br /> <br /> .byline a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .tile-row {<br /> display: flex;<br /> flex-flow: row wrap;<br /> margin-bottom: 1em<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-flow: row wrap;<br /> border: 1px solid var(--tile-border-color);<br /> background: var(--tile-background-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .tile-halves h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile-halves .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile-top {<br /> width: 100%;<br /> padding: 1.3rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-top.tile-image {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--byline-color);<br /> overflow: hidden;<br /> padding: 0;<br /> height: 13vw;<br /> max-height: 12em;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-halves:hover .tile-top.tile-image img {<br /> transform: scale(1.1);<br /> transition: 0.5s ease-out<br /> }<br /> <br /> .tile-top.tile-image a {<br /> width: 100%<br /> }<br /> <br /> .tile-top.tile-image img {<br /> width: 100%;<br /> object-fit: cover;<br /> max-height: 200px;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-top.tile-image span {<br /> width: 100%<br /> }<br /> <br /> .tile-bottom {<br /> background: var(--tile-background-color);<br /> border-top: 1px solid var(--tile-border-color);<br /> width: 100%;<br /> padding: 1rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-bottom.link-button {<br /> align-self: flex-end;<br /> padding: 0<br /> }<br /> <br /> .tile-bottom.link-button a {<br /> display: block;<br /> text-align: center;<br /> padding: 0.75em 1.5em 0.8em;<br /> text-decoration: none<br /> }<br /> <br /> .tile-bottom.read-more {<br /> background: var(--tile-link-button-color);<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile-bottom.read-more a {<br /> color: var(--byline-color);<br /> font-weight: bold;<br /> text-align: right<br /> }<br /> <br /> .tile-bottom.read-more:hover {<br /> background: var(--tile-link-button-highlight-color)<br /> }<br /> <br /> .tile-bottom.read-more:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .tile-bottom.read-more .arrow {<br /> filter: var(--byline-arrow-filter);<br /> margin-left: 0.4em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile.oswf-day {<br /> margin-left: 0.5em<br /> }<br /> <br /> .oswf-tile {<br /> margin: 1em<br /> }<br /> <br /> .oswf-tile.oswf-complete {<br /> opacity: 0.65<br /> }<br /> <br /> .oswf-tile .oswf-summary {<br /> font-size: 105%;<br /> line-height: 1.6;<br /> margin-top: -0.4em<br /> }<br /> <br /> .oswf-tile .oswf-img {<br /> display: block;<br /> max-width: 75px;<br /> float: right<br /> }<br /> <br /> .oswf-tile .oswf-img img {<br /> max-width: 100%;<br /> height: auto<br /> }<br /> <br /> .oswf-tile .oswf-guidance {<br /> border-top: 1px solid #eee;<br /> padding-top: 1em<br /> }<br /> <br /> body.page-Main_Page .mw-parser-output {<br /> max-width: 75em;<br /> margin: 0 auto;<br /> }<br /> <br /> body.page-Main_Page.action-view .catlinks,<br /> body.page-Main_Page.action-view #contentSub,<br /> body.page-Main_Page.action-view #siteNotice {<br /> display: none;<br /> }<br /> <br /> body.page-Main_Page h1 { display: none; }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> margin: 2.6em 1.75em 1.5em<br /> }<br /> <br /> .mainpage-header .header-intro {<br /> flex: 2<br /> }<br /> <br /> .mainpage-header .header-intro h1 {<br /> font-size: 2.5em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.15em<br /> }<br /> <br /> .mainpage-header .header-intro p {<br /> font-size: 1.1em;<br /> line-height: 1.7em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> flex: 1;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> margin-top: -1em<br /> }<br /> <br /> .mainpage-body {<br /> display: grid;<br /> grid-template-areas: &quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left right&quot;;<br /> gap: 0.9rem;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-body h2 a {<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-body .tile {<br /> padding-left: 1.75em;<br /> padding-right: 1.75em;<br /> max-width: 100%<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> width: 100%;<br /> margin-bottom: 0<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> display: grid;<br /> gap: 0.9rem<br /> }<br /> <br /> .mainpage-left {<br /> grid-area: left;<br /> flex: 2;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-left &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .mainpage-right {<br /> grid-area: right;<br /> flex: 1;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-right &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .arrow {<br /> background: url(/images/White-chevron.svg?b82be) no-repeat;<br /> display: inline-block;<br /> height: 0.7rem;<br /> width: 0.45rem;<br /> vertical-align: middle<br /> }<br /> <br /> .arrow.dark {<br /> filter: invert(80%)<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-area: update;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves {<br /> flex: 1;<br /> align-content: flex-start<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-bottom.link-button a {<br /> text-align: left;<br /> padding: 1rem 1.5rem 0.75rem<br /> }<br /> <br /> .mainpage-recent-updates h2 {<br /> margin: -0.5em 0 0.3em<br /> }<br /> <br /> .mainpage-recent-updates p:not(.byline) {<br /> font-size: 0.9em;<br /> line-height: 1.75em;<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-contents {<br /> grid-area: content;<br /> grid-template-columns: repeat(6,1fr)<br /> }<br /> <br /> .mainpage-contents .tile-halves {<br /> flex: 1<br /> }<br /> <br /> .mainpage-contents .tile-top {<br /> position: relative<br /> }<br /> <br /> .mainpage-contents h2 {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> .mainpage-contents .tile-bottom.link-button a {<br /> padding: 0.75em 0.2em<br /> }<br /> <br /> .mainpage-skills ul {<br /> columns: 3 9em;<br /> margin: 1em 0.7em 0.7em 1em<br /> }<br /> <br /> .mainpage-skills li {<br /> display: flex;<br /> margin-bottom: 0.29em<br /> }<br /> <br /> .mainpage-skills li a:first-child {<br /> border-radius: 2px;<br /> padding: 4px;<br /> width: 25px;<br /> height: 25px;<br /> text-align: center;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center<br /> }<br /> <br /> .mainpage-skills li a:last-child {<br /> flex: 1;<br /> display: flex;<br /> align-items: center;<br /> font-weight: bold;<br /> padding-left: 0.7em;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-skills li:hover a:first-child {<br /> border-radius: 2px 0 0 2px<br /> }<br /> <br /> .mainpage-skills li:hover a:last-child {<br /> color: rgba(255,255,255,0.9);<br /> border-radius: 0 2px 2px 0<br /> }<br /> <br /> .skill-agility a:first-child,.skill-melee a:first-child {<br /> background: #bc483d<br /> }<br /> <br /> .skill-agility:hover a:last-child,.skill-melee:hover a:last-child {<br /> background: #932419<br /> }<br /> <br /> .skill-ranged a:first-child {<br /> background: #748d36<br /> }<br /> <br /> .skill-ranged:hover a:last-child {<br /> background: #4c6215<br /> }<br /> <br /> .skill-magic a:first-child {<br /> background: #6274ab<br /> }<br /> <br /> .skill-magic:hover a:last-child {<br /> background: #304791<br /> }<br /> <br /> .skill-fishing a:first-child,.skill-fletching a:first-child {<br /> background: #3e8e9a<br /> }<br /> <br /> .skill-fishing:hover a:last-child,.skill-fletching:hover a:last-child {<br /> background: #1a6671<br /> }<br /> <br /> .skill-cooking a:first-child,.skill-thieving a:first-child {<br /> background: #91689e<br /> }<br /> <br /> .skill-cooking:hover a:last-child,.skill-thieving:hover a:last-child {<br /> background: #713684<br /> }<br /> <br /> .skill-farming a:first-child,.skill-woodcutting a:first-child {<br /> background: #59924f<br /> }<br /> <br /> .skill-farming:hover a:last-child,.skill-woodcutting:hover a:last-child {<br /> background: #306f25<br /> }<br /> <br /> .skill-mining a:first-child {<br /> background: #6385a8<br /> }<br /> <br /> .skill-mining:hover a:last-child {<br /> background: #315f8d<br /> }<br /> <br /> .skill-smithing a:first-child {<br /> background: #d2b244<br /> }<br /> <br /> .skill-smithing:hover a:last-child {<br /> background: #b69213<br /> }<br /> <br /> .popular-pages ul {<br /> display: grid;<br /> grid-template-columns: repeat(3,1fr);<br /> grid-gap: 0.6em;<br /> margin: 1em 0 0.7em 0<br /> }<br /> <br /> .mp-popular-page-light {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--button-background);<br /> transition: 100ms<br /> }<br /> <br /> .mp-popular-page-light a {<br /> flex: 1;<br /> display: block;<br /> color: #fff;<br /> font-weight: bold;<br /> text-align: center;<br /> text-decoration: none;<br /> padding: 0.7em 1em<br /> }<br /> <br /> .mp-popular-page-light:hover {<br /> filter: brightness(115%);<br /> transition: 100ms<br /> }<br /> <br /> .mainpage-discord {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-discord .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #5865f2;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-discord .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-discord .tile-bottom {<br /> background: #525ee0;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-discord .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-discord .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-discord .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-discord .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-youtube {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-youtube .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-youtube .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-youtube .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-youtube .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-youtube .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-youtube .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-youtube .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-rl {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-rl .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #383838;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-rl .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-rl .tile-bottom {<br /> background: #FF9300;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-rl .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-rl .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-rl .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-rl .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-twitter {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-twitter .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-twitter .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-twitter .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-twitter .twitter-logo {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-twitter .twitter-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-twitter .twitter-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-twitter .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .mainpage-editing {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-editing .tile-top {<br /> background: #222e45<br /> }<br /> <br /> .mainpage-editing .tile-bottom {<br /> background: #3980ab;<br /> border: none;<br /> padding: 0.8rem 1.5rem 0.4rem<br /> }<br /> <br /> .mainpage-editing h2,.mainpage-editing a {<br /> color: #fff<br /> }<br /> <br /> .mainpage-editing p {<br /> color: rgba(255,255,255,0.9)<br /> }<br /> <br /> .mainpage-editing ul {<br /> list-style-image: url(/images/Transparent-chevron.svg?20dcf)<br /> }<br /> <br /> .mainpage-poll .ajaxpoll {<br /> border: none;<br /> background: none;<br /> padding: 0;<br /> width: auto<br /> }<br /> <br /> .mainpage-trailblazer {<br /> grid-area: event<br /> }<br /> <br /> .mainpage-trailblazer .tb-logo {<br /> margin-bottom: 0.9rem<br /> }<br /> <br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-trailblazer .tile-row .tile-top {<br /> height: 20vw;<br /> min-height: 9em<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1200px) {<br /> .mainpage-contents {<br /> grid-template-columns:repeat(3,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1000px) {<br /> .mainpage-body {<br /> grid-template-areas:&quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left left&quot; &quot;right right right&quot;<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-top {<br /> height: 18vw;<br /> min-height: 9em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> display: none<br /> }<br /> <br /> .mainpage-left &gt; *:last-child,.mainpage-right &gt; *:last-child {<br /> margin-bottom: 0<br /> }<br /> <br /> .popular-pages ul {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-recent-updates {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: flex<br /> }<br /> <br /> .mainpage-contents {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background-color: var(--body-main);<br /> border-top-color: var(--body-border);<br /> box-shadow: none<br /> }<br /> <br /> .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,.mw-prefs-tabs &gt; .oo-ui-menuLayout-content &gt; .oo-ui-indexLayout-stackLayout &gt; .oo-ui-tabPanelLayout {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --rc-positive-color: #407813;<br /> --rc-negative-color: #b41e0f<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: var(--rc-positive-color)<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: var(--rc-negative-color)<br /> }<br /> <br /> .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {<br /> border-color: var(--body-border);<br /> background-color: var(--body-light);<br /> border-radius: 2px<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-menuSelectWidget-footer {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-tagItemWidget-popup-content {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-changeslist-legend,.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .client-js .mw-changeslist ul,.client-js .mw-changeslist table.mw-enhanced-rc {<br /> margin-left: 0<br /> }<br /> <br /> .mw-rcfilters-ui-watchlistTopSectionWidget-separator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-header {<br /> border-bottom-color: var(--ooui-interface);<br /> background-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-title {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-header {<br /> border-bottom-color: var(--ooui-interface-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-savedLinksListItemWidget-label {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted ul,.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted table.mw-enhanced-rc {<br /> margin-left: 1.5em<br /> }<br /> <br /> .page-Special_CreateAccount .mw-ui-container,.page-Special_UserLogin .mw-ui-container {<br /> max-width: 64rem;<br /> margin: 0 auto<br /> }<br /> <br /> .mw-number-text {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-body-content .mw-number-text h3 {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-indicator-mw-helplink a {<br /> background: none;<br /> padding: 0;<br /> display: flex;<br /> align-items: center<br /> }<br /> <br /> #mw-indicator-mw-helplink a::before {<br /> content: '';<br /> margin-right: 5px;<br /> -webkit-mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> background: var(--text-color);<br /> height: 20px;<br /> width: 20px<br /> }<br /> <br /> .results-info {<br /> color: inherit<br /> }<br /> <br /> .mw-search-profile-tabs {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> .search-types .current a {<br /> color: inherit<br /> }<br /> <br /> #mw-searchoptions {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> #mw-searchoptions .divider {<br /> border-color: var(--body-border)<br /> }<br /> <br /> #mw-searchoptions h4 {<br /> font-family: inherit<br /> }<br /> <br /> #mw-searchoptions .oo-ui-labelElement:nth-of-type(odd) {<br /> font-weight: bold<br /> }<br /> <br /> .searchresult {<br /> line-height: 1.5<br /> }<br /> <br /> .searchalttitle,#mw-search-interwiki li {<br /> font-size: 90%<br /> }<br /> <br /> .mw-search-result-data {<br /> color: var(--byline-color)<br /> }<br /> <br /> .page-Special_ListFiles a.image img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .page-Special_ListFiles .TablePager_col_thumb {<br /> text-align: center<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] {<br /> background-color: var(--body-main) !important;<br /> border-color: var(--wikitable-border) !important;<br /> margin-top: 0.5em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th,#editcount table[border=&quot;1&quot;] td {<br /> padding: 0.2em 0.4em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th {<br /> background-color: var(--wikitable-header-bg);<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] td {<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] tr:nth-child(odd) {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget {<br /> background-color: inherit<br /> }<br /> <br /> table.mw-interwikitable.body td.mw-interwikitable-local-yes {<br /> background-color: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .mw-protectedpages-unknown {<br /> color: var(--byline-color)<br /> }<br /> <br /> .watchlistredir,.allpagesredirect {<br /> font-style: italic<br /> }<br /> <br /> .allpagesredirect:after {<br /> color: var(--byline-color);<br /> content: &quot; (redirect)&quot;<br /> }<br /> <br /> .mw-apisandbox-toolbar {<br /> background: var(--body-main)<br /> }<br /> <br /> .oo-ui-menuOptionWidget .mw-apisandbox-flag {<br /> color: var(--byline-color)<br /> }<br /> <br /> tr.mw-abusefilter-list-disabled,tr.mw-abusefilter-list-disabled td {<br /> color: var(--byline-color)<br /> }<br /> <br /> table.mw-abuselog-details {<br /> background: var(--wikitable-bg);<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> table.mw-abuselog-details th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> table.mw-abuselog-details th,table.mw-abuselog-details td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-abusefilter-log-hidden-entry {<br /> color: var(--subtle-color)<br /> }<br /> <br /> body td.mw-abusefilter-history-changed {<br /> background: var(--table-no-background)<br /> }<br /> <br /> div.mw-abusefilter-editor,#mw-abusefilter-warn-preview,#mw-abusefilter-disallow-preview {<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-destfile-warning {<br /> border-color: var(--warningbox-border);<br /> color: var(--text-color);<br /> background-color: var(--warningbox-bg)<br /> }<br /> <br /> span.fileinput-button {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> ul.fileupload-results li.ful-success {<br /> background-color: var(--successbox-bg)<br /> }<br /> <br /> ul.fileupload-results li.ful-success a {<br /> color: var(--link-color)<br /> }<br /> <br /> ul.fileupload-results li.ful-error {<br /> background-color: var(--errorbox-bg)<br /> }<br /> <br /> #siteNotice {<br /> text-align: center<br /> }<br /> <br /> #siteNotice ul {<br /> list-style: none<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-body {<br /> margin: 0<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-close {<br /> float: none;<br /> text-align: right<br /> }<br /> <br /> .mw-dismissable-notice-close-parent {<br /> min-height: 1em<br /> }<br /> <br /> .mmg-xpline:after {<br /> content: ','<br /> }<br /> <br /> .mmg-xpline:last-child:after {<br /> content: ''<br /> }<br /> <br /> .mmg-itemline {<br /> display: block<br /> }<br /> <br /> .discussiontable th {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .discussiontable .topic,.discussiontable .edited,.discussiontable .edited-by,.discussiontable .rg-archive {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .dpltable {<br /> margin-top: -30px<br /> }<br /> <br /> .dpltable td {<br /> padding-left: 5px<br /> }<br /> <br /> .dpltable,.discussiontable {<br /> width: 100%<br /> }<br /> <br /> .dpltable .topic,.discussiontable .topic {<br /> width: 40%<br /> }<br /> <br /> .dpltable .edited,.discussiontable .edited,.dpltable .edited-by,.discussiontable .edited-by {<br /> width: 30%<br /> }<br /> <br /> .dpltable .rg-archive,.discussiontable .rg-archive {<br /> width: 20%<br /> }<br /> <br /> body.ns-110 #ca-talk {<br /> display: none<br /> }<br /> <br /> :root {<br /> --gemw-positive-color: #6bc71f;<br /> --gemw-unchanged-color: #3ea6e6;<br /> --gemw-negative-color: #ee4231;<br /> --gemw-historical-border-color: #000<br /> }<br /> <br /> .gemw-container {<br /> max-width: 60em;<br /> margin: 4em auto<br /> }<br /> <br /> .gemw-header {<br /> display: flex;<br /> border-left-width: 0.25em;<br /> border-left-style: solid;<br /> padding-left: 1em;<br /> margin-bottom: 3em<br /> }<br /> <br /> .gemw-header.positive {<br /> border-color: var(--gemw-positive-color)<br /> }<br /> <br /> .gemw-header.negative {<br /> border-color: var(--gemw-negative-color)<br /> }<br /> <br /> .gemw-header.unchanged {<br /> border-color: var(--gemw-unchanged-color)<br /> }<br /> <br /> .gemw-header .gemw-section-left {<br /> flex: 1<br /> }<br /> <br /> .gemw-header .gemw-name {<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> margin-bottom: 0<br /> }<br /> <br /> .gemw-header .gemw-name a {<br /> color: inherit<br /> }<br /> <br /> .gemw-header .gemw-examine {<br /> color: var(--byline-color);<br /> font-size: 1.05em;<br /> font-style: italic;<br /> margin: 0 1em 1.25em 0<br /> }<br /> <br /> .gemw-header .gemw-price {<br /> display: inline-block;<br /> font-size: 2.75em;<br /> font-weight: bold<br /> }<br /> <br /> .gemw-header .gemw-price::after {<br /> content: ' coins';<br /> color: var(--byline-color);<br /> font-size: 1rem;<br /> font-weight: normal;<br /> word-spacing: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-change {<br /> display: inline-block;<br /> font-size: 1rem;<br /> font-weight: bold;<br /> margin-left: 2em;<br /> word-spacing: 0.5em<br /> }<br /> <br /> .gemw-header .gemw-change img {<br /> vertical-align: baseline<br /> }<br /> <br /> .gemw-header .gemw-section-right {<br /> text-align: right<br /> }<br /> <br /> .gemw-header .gemw-updated {<br /> color: var(--byline-color);<br /> line-height: 1.5em;<br /> margin-top: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-time {<br /> color: var(--byline-color);<br /> font-weight: bold<br /> }<br /> <br /> .gemw-body {<br /> display: flex<br /> }<br /> <br /> .gemw-body .gemw-section-left {<br /> width: 40%;<br /> margin-right: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left dl {<br /> display: flex;<br /> flex-flow: row wrap;<br /> justify-content: space-between;<br /> margin-bottom: -1.25em<br /> }<br /> <br /> .gemw-body .gemw-section-left &gt; div {<br /> margin-top: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .gemw-body .gemw-property {<br /> width: 30%;<br /> border-top: 0.15em dotted var(--body-mid);<br /> padding-top: 0.25em;<br /> margin-bottom: 1.5em<br /> }<br /> <br /> .gemw-body .gemw-property dt {<br /> color: var(--byline-color);<br /> font-weight: normal<br /> }<br /> <br /> .gemw-body .gemw-property dd {<br /> font-weight: bold;<br /> margin: -0.25em 0 0<br /> }<br /> <br /> .gemw-body .gemw-links {<br /> color: var(--byline-color);<br /> margin-bottom: 0.35em<br /> }<br /> <br /> .gemw-body .gemw-section-right {<br /> width: 60%<br /> }<br /> <br /> .gemw-body .gemw-chart {<br /> color: #eceeee;<br /> font-size: 5em;<br /> text-align: center;<br /> line-height: 5em;<br /> position: relative<br /> }<br /> <br /> .gemw-body .gemw-chart .GEChartBox,.gemw-body .gemw-chart .GEdatachart {<br /> position: relative<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header.positive,.gemw-container.gemw-historical .gemw-header.negative,.gemw-container.gemw-historical .gemw-header.neutral,.gemw-container.gemw-historical .gemw-header.unchanged {<br /> border-color: var(--gemw-historical-border-color)<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-time .jsPurgeLink,.gemw-container.gemw-historical .gemw-header .gemw-time &gt; span.plainlinks {<br /> display: none<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-section-left:after {<br /> content: &quot;This is a historical item no longer available on the Grand Exchange. The data is preserved here as an archive.&quot;;<br /> font-style: italic<br /> }<br /> <br /> #overlay {<br /> display: none;<br /> background-color: var(--ooui-window-background);<br /> height: auto;<br /> width: auto;<br /> overflow: hidden;<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> bottom: 0;<br /> left: 0;<br /> z-index: 50<br /> }<br /> <br /> #GEchartpopup g.highcharts-label text &gt; a:visited,.GEdatachart g.highcharts-label text &gt; a:visited {<br /> fill: white<br /> }<br /> <br /> #GEchartpopup {<br /> background: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> border-radius: 2px;<br /> color: var(--ooui-text);<br /> position: fixed;<br /> left: 0;<br /> right: 0;<br /> top: 1em;<br /> bottom: 1em;<br /> margin: auto;<br /> padding: 1em;<br /> max-width: 975px;<br /> z-index: 52;<br /> overflow: auto<br /> }<br /> <br /> #GEchartpopup #closepopup {<br /> float: right;<br /> margin-bottom: 5px;<br /> z-index: 100<br /> }<br /> <br /> #GEchartpopup #itemstats {<br /> bottom: 50px;<br /> font-size: 11px;<br /> position: absolute;<br /> right: 45px;<br /> width: 200px;<br /> z-index: 10<br /> }<br /> <br /> #GEchartpopup #itemstats caption {<br /> cursor: pointer;<br /> text-align: right<br /> }<br /> <br /> #GEpopupchart {<br /> height: 500px<br /> }<br /> <br /> .highcharts-container .highcharts-range-selector {<br /> font-size: 11px<br /> }<br /> <br /> .GEPermLink {<br /> float: right;<br /> font-size: 14px<br /> }<br /> <br /> .GEPermLink ~ .GEdatachart {<br /> clear: right<br /> }<br /> <br /> form[id^=&quot;chartProperties&quot;] button {<br /> margin: 3px<br /> }<br /> <br /> .smallChart .highcharts-range-selector {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-button title + rect {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-title {<br /> white-space: nowrap !important<br /> }<br /> <br /> .smallChart .zoomButton,.smallChart svg &gt; text:first-of-type,.smallChart .highcharts-input-group {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-scrollbar,.mediumChart .highcharts-scrollbar {<br /> display: none<br /> }<br /> <br /> .highcharts-background,.highcharts-plot-background {<br /> fill: transparent<br /> }<br /> <br /> .highcharts-title,.highcharts-subtitle {<br /> color: var(--text-color) !important<br /> }<br /> <br /> .highcharts-axis-title {<br /> fill: var(--text-color) !important<br /> }<br /> <br /> .highcharts-yaxis-grid .highcharts-grid-line,.highcharts-tick,.highcharts-axis-line {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-axis-labels text,.highcharts-range-selector-group text {<br /> color: var(--ooui-text) !important;<br /> fill: var(--ooui-text) !important<br /> }<br /> <br /> .highcharts-label-box {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-button-box {<br /> fill: var(--ooui-normal)<br /> }<br /> <br /> .highcharts-navigator-outline {<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-track {<br /> fill: transparent;<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-button,.highcharts-scrollbar-thumb,.highcharts-navigator-handle {<br /> fill: var(--ooui-normal);<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-scrollbar-arrow {<br /> fill: var(--ooui-text)<br /> }<br /> <br /> .highcharts-scrollbar-rifles {<br /> stroke: var(--ooui-text)<br /> }<br /> <br /> #t-print,#t-permalink {<br /> display: none<br /> }<br /> <br /> .jcConfig {<br /> display: none<br /> }<br /> <br /> #filetoc {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> border-color: transparent;<br /> margin: 0.5em auto;<br /> text-align: center;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> .smwfact {<br /> display: none<br /> }<br /> <br /> .list-header {<br /> background-color: var(--body-mid);<br /> color: inherit<br /> }<br /> <br /> .editOptions {<br /> color: var(--text-color);<br /> background-color: var(--sourceeditor-background-secondary);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .updatedmarker {<br /> background-color: #c3e8a3;<br /> color: #162e02<br /> }<br /> <br /> .mw-json th,.mw-json td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-json td {<br /> background: var(--wikitable-bg)<br /> }<br /> <br /> .mw-json th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> <br /> html {<br /> -webkit-text-size-adjust: 100%<br /> }<br /> <br /> body {<br /> background: var(--body-background-image) var(--body-background-color) top left / 1500px 375px no-repeat;<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .vector-body {<br /> font-size: 0.9em<br /> }<br /> <br /> #firstHeading {<br /> font-weight: bold<br /> }<br /> <br /> pre,code,.mw-code {<br /> color: inherit;<br /> background-color: var(--mw-code-background-color);<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> dl {<br /> margin: 0<br /> }<br /> <br /> ul {<br /> list-style-image: var(--ul-list-style-image)<br /> }<br /> <br /> hr {<br /> background: none;<br /> border-color: var(--body-border);<br /> border-style: solid;<br /> border-width: 1px 0 0 0;<br /> height: initial<br /> }<br /> <br /> fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .vector-body blockquote {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --personal-links-bg: var(--body-main);<br /> --arrow-down: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5' fill='%23444'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading {<br /> background-color: var(--vector-tab-background);<br /> padding: 1em 0.75em 0.6923em;<br /> margin: 0<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading,.vector-menu-dropdown .vector-menu-heading:hover,.vector-menu-dropdown .vector-menu-heading:focus {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading:after {<br /> background-image: var(--arrow-down);<br /> opacity: 1<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-content {<br /> border-color: transparent;<br /> background-color: var(--body-light);<br /> box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);<br /> left: 0<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item a {<br /> color: var(--link-color)<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item.selected a,.vector-menu-dropdown .mw-list-item.selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> #p-personal {<br /> background: var(--personal-links-bg);<br /> top: 0;<br /> right: 0;<br /> border-radius: 0 0 0 4px;<br /> height: 1.875em<br /> }<br /> <br /> #p-personal ul {<br /> padding: 0 1em 0 0.4375em<br /> }<br /> <br /> .vector-search-box-inner {<br /> background: var(--search-box);<br /> height: 2.5em;<br /> margin-top: 0;<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-search-box-input {<br /> color: var(--text-color);<br /> height: 100%;<br /> border: none;<br /> background: none;<br /> padding-left: 0.75em<br /> }<br /> <br /> .vector-search-box-input::placeholder {<br /> color: var(--text-color);<br /> opacity: 0.67<br /> }<br /> <br /> .vector-search-box-inner:hover .vector-search-box-input,.vector-search-box-input:focus,.vector-search-box-inner:hover .vector-search-box-input:focus {<br /> border: none;<br /> box-shadow: none<br /> }<br /> <br /> :root {<br /> --searchbutton-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13'%3E%3Cg fill='none' stroke='%238cabe6' stroke-width='2'%3E%3Cpath d='M11.29 11.71l-4-4'/%3E%3Ccircle cx='5' cy='5' r='4'/%3E%3C/g%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .searchButton[name='go'] {<br /> background: no-repeat center var(--searchbutton-icon)<br /> }<br /> <br /> .vector-search-box {<br /> margin: 0<br /> }<br /> <br /> .vector-search-box form {<br /> margin-top: 0<br /> }<br /> <br /> .suggestions-results {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-result {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions a.mw-searchSuggest-link,.suggestions a.mw-searchSuggest-link:hover,.suggestions a.mw-searchSuggest-link:active,.suggestions a.mw-searchSuggest-link:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-special {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-special .special-label {<br /> color: var(--byline-color)<br /> }<br /> <br /> .suggestions-special .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current .special-label,.suggestions-result-current .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-panel {<br /> padding-top: 2.5em<br /> }<br /> <br /> .vector-menu-portal .vector-menu-heading {<br /> color: var(--background-text-color);<br /> font-weight: bold;<br /> background: none<br /> }<br /> <br /> .vector-menu-portal .vector-menu-content li a,.vector-menu-portal .vector-menu-content li a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-logo {<br /> filter: drop-shadow(0 2px 5px rgba(0,0,0,0.25));<br /> margin: -1.5em 0 0<br /> }<br /> <br /> #n-Discord a {<br /> color: #fff !important;<br /> font-weight: bold;<br /> border-radius: 4px;<br /> border: 1px solid #4c57d0;<br /> background-color: #5865f2;<br /> display: block;<br /> position: relative;<br /> padding: 4px 4px 5px calc(17px + 6.5px * 2);<br /> box-shadow: 0 2px 3px rgba(0,0,0,0.1);<br /> transition: 0.2s<br /> }<br /> <br /> #n-Discord a::before {<br /> content: 'Chat on ';<br /> font-weight: normal;<br /> opacity: 0.85<br /> }<br /> <br /> #n-Discord a::after {<br /> content: '';<br /> background: url(/images/0/06/Discord_logo_icon1.png) no-repeat;<br /> background-size: 17px 13px;<br /> filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));<br /> position: absolute;<br /> top: 5px;<br /> left: 7px;<br /> width: 17px;<br /> height: 13px<br /> }<br /> <br /> #n-Discord a:hover {<br /> text-decoration: none;<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a {<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a:hover {<br /> background-color: #4c57d0<br /> }<br /> <br /> :root {<br /> --vector-tab-background: var(--body-background-color);<br /> --vector-tab-background--hover: var(--body-mid);<br /> --vector-tab-link-color: var(--background-link-color);<br /> --watch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='transparent' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;);<br /> --unwatch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%238cabe6' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;)<br /> }<br /> <br /> .vector-menu-tabs-legacy {<br /> padding: 0<br /> }<br /> <br /> .vector-menu-tabs-legacy .new a,.vector-menu-tabs-legacy .new a:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected {<br /> background: var(--body-main)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected a,.vector-menu-tabs-legacy .selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy li a {<br /> color: var(--vector-tab-link-color);<br /> padding: 0 0.75em;<br /> padding-top: 1em<br /> }<br /> <br /> .vector-menu-tabs-legacy li a:visited {<br /> color: var(--vector-tab-link-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul li {<br /> background: var(--vector-tab-background)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul a:hover {<br /> text-decoration: none<br /> }<br /> <br /> #ca-view {<br /> display: none !important<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected):hover,#p-cactions:hover #p-cactions-label {<br /> background: var(--vector-tab-background--hover)<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected),#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-menu-tabs,.vector-menu-tabs a,#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> background-image: none<br /> }<br /> <br /> .ve-activated .vector-menu-tabs .selected {<br /> box-shadow: none<br /> }<br /> <br /> .vector-menu-tabs #ca-watch.icon a:before,.vector-menu-tabs #ca-watch.icon a:hover:before,.vector-menu-tabs #ca-watch.icon a:focus:before {<br /> background-image: var(--watch-icon)<br /> }<br /> <br /> .vector-menu-tabs #ca-unwatch.icon a:before,.vector-menu-tabs #ca-unwatch.icon a:hover:before,.vector-menu-tabs #ca-unwatch.icon a:focus:before {<br /> background-image: var(--unwatch-icon)<br /> }<br /> <br /> #p-Recent_changes {<br /> display: block<br /> }<br /> <br /> #p-Recent_changes .vector-menu-content {<br /> display: none<br /> }<br /> <br /> #p-Recent_changes .vector-menu-heading:after {<br /> content: '';<br /> position: relative;<br /> left: 0.5em;<br /> display: inline-block;<br /> background-color: #3c7b07;<br /> width: 6px;<br /> height: 6px;<br /> border-radius: 100%<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-item {<br /> position: relative;<br /> font-size: 0.75em;<br /> margin: 0.5em 0.25em 0 0.66em<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page {<br /> display: block;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden;<br /> max-width: max-content<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page,#p-Recent_changes .rc-sidebar-page:active,#p-Recent_changes .rc-sidebar-page:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user {<br /> color: var(--byline-color);<br /> margin: 0;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user a {<br /> color: inherit<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more {<br /> text-align: left<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more .rc-sidebar-page {<br /> display: inline-block<br /> }<br /> <br /> div.thumbinner {<br /> border: none;<br /> background-color: var(--thumb-bg);<br /> padding: 0<br /> }<br /> <br /> .thumbimage {<br /> background-color: transparent;<br /> border-color: transparent;<br /> border-bottom: none<br /> }<br /> <br /> .thumbcaption {<br /> background: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border)<br /> }<br /> <br /> .toc {<br /> font-size: 0.9em;<br /> background: var(--toc-bg);<br /> margin-top: 1em;<br /> padding: 0;<br /> border-color: var(--toc-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> clear: left<br /> }<br /> <br /> .toc .toctitle {<br /> background: var(--toc-title-bg);<br /> padding: 0.25em 1em<br /> }<br /> <br /> .toc .toctitle h2 {<br /> font-family: inherit<br /> }<br /> <br /> .toc &gt; ul {<br /> line-height: 1.8em;<br /> padding: 0.75em 1.75em;<br /> margin: 0<br /> }<br /> <br /> .toc ul ul {<br /> border-left: 1px dotted var(--toc-list-border-color);<br /> padding-left: 0.5em<br /> }<br /> <br /> .tocnumber {<br /> display: none<br /> }<br /> <br /> .toctogglespan {<br /> padding-left: 0.2em;<br /> font-size: 0.9em<br /> }<br /> <br /> .toctogglelabel {<br /> color: var(--link-color)<br /> }<br /> <br /> .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 {<br /> display: none<br /> }<br /> <br /> :root {<br /> --external-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238cabe6' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image: var(--external-icon);<br /> background-size: 0.833em<br /> }<br /> <br /> .mw-editsection {<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type),.mw-editsection-divider {<br /> color: var(--text-color)<br /> }<br /> <br /> #contentSub,#contentSub2 {<br /> color: var(--byline-color);<br /> margin: 0<br /> }<br /> <br /> #contentSub:not(:empty),#contentSub2:not(:empty) {<br /> margin: 0 0 1.4em 0<br /> }<br /> <br /> .mw-collapsible.mw-collapsed {<br /> min-width: 250px<br /> }<br /> <br /> .mw-collapsible:not(.mw-made-collapsible) th::before,.mw-collapsible .mw-collapsible-toggle {<br /> font-weight: normal;<br /> margin-left: 0.2em<br /> }<br /> .mw-collapsible-toggle-default .mw-collapsible-text {<br /> color: #8cabe6;<br /> }<br /> .wikiEditor-ui .wikiEditor-ui-view,.wikiEditor-ui .wikiEditor-ui-top {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar {<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab &gt; a,.wikiEditor-ui-toolbar .tabs span.tab &gt; a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a.current,.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br /> color: var(--text-colour)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select {<br /> background-color: var(--sourceeditor-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options .option {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group-search {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table td {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table th {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .section {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .group &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .tool &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet &gt; .index &gt; :hover {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet .index &gt; .current {<br /> background-color: var(--body-mid);<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span:hover {<br /> border-color: var(--body-dark);<br /> background-color: transparent<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a:before,.wikiEditor-ui-toolbar .group .tool-select .label:after {<br /> background: var(--text-color);<br /> -webkit-mask: var(--arrow-down) center no-repeat;<br /> mask: var(--arrow-down) center no-repeat<br /> }<br /> <br /> .ace-tm {<br /> background-color: var(--sourceeditor-input-background);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter {<br /> background: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-cell {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-active-line {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .ace_search {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ace_search_field {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .ace_searchbtn {<br /> border-color: var(--ooui-normal-border);<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ace_searchbtn:last-child {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .ace_searchbtn:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .ace_searchbtn.prev:after,.ace_searchbtn.next:after {<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .ace_button {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace_button:hover {<br /> background-color: rgba(0,23,70,0.086)<br /> }<br /> <br /> .ace_button:active {<br /> background-color: rgba(0,23,70,0.06)<br /> }<br /> <br /> .ace_button.checked {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .CodeMirror {<br /> background: var(--sourceeditor-input-background)<br /> }<br /> <br /> .CodeMirror pre {<br /> color: var(--text-color)<br /> }<br /> <br /> .codeEditor-status {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .codeEditor-status-message {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-gutters {<br /> background-color: var(--codemirror-gutter-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-linenumber {<br /> color: var(--text-color)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget .CodeMirror-linenumber {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-editform #wpTextbox1 {<br /> color: var(--text-color);<br /> background: var(--sourceeditor-input-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> input[name=&quot;model&quot;][value=&quot;Scribunto&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;css&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;less&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;javascript&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;json&quot;] ~ .wikiEditor-ui #wpTextbox1 {<br /> height: 600px<br /> }<br /> <br /> .tdg-templateDataDialog-listParamsPanel textarea.oo-ui-textInputWidget-autosized {<br /> resize: vertical<br /> }<br /> <br /> #wpAceFilterEditor {<br /> resize: horizontal<br /> }<br /> <br /> .warn-userupload,.ns-2 .upload-own-work {<br /> display: none<br /> }<br /> <br /> .ns-2 .warn-userupload {<br /> display: inline<br /> }<br /> <br /> textarea[name=&quot;wfUploadDescription&quot;] {<br /> height: 3em<br /> }<br /> <br /> #editform {<br /> margin-top: 1.25em<br /> }<br /> <br /> #mw-scribunto-input,#mw-scribunto-output {<br /> padding: 3px;<br /> font-family: monospace;<br /> font-size: 13px;<br /> line-height: 1.5em<br /> }<br /> <br /> #mw-scribunto-input {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> :root {<br /> --scribuntoconsole-input: #0b5884;<br /> --scibuntoconsole-print: #a48900;<br /> --scribuntoconsole-error: #9f261e;<br /> --scribuntoconsole-message: #3c780a;<br /> --scribuntoconsole-tabcomplete: #4f348b;<br /> --scribuntoconsole-clear: #9f261e<br /> }<br /> <br /> .mw-scribunto-console-fieldset {<br /> color: inherit;<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-scribunto-normalOutput,.mw-scribunto-print,.mw-scribunto-error,.mw-scribunto-propList,.mw-scribunto-message,.mw-scribunto-tabcomplete {<br /> background: none<br /> }<br /> <br /> .mw-scribunto-input {<br /> color: var(--scribuntoconsole-input)<br /> }<br /> <br /> .mw-scribunto-normalOutput {<br /> color: inherit<br /> }<br /> <br /> .mw-scribunto-print {<br /> color: var(--scibuntoconsole-print)<br /> }<br /> <br /> .mw-scribunto-error {<br /> color: var(--scribuntoconsole-error)<br /> }<br /> <br /> .mw-scribunto-propList,.mw-scribunto-message {<br /> color: var(--scribuntoconsole-message)<br /> }<br /> <br /> .mw-scribunto-tabcomplete {<br /> color: var(--scribuntoconsole-tabcomplete)<br /> }<br /> <br /> .mw-scribunto-clear {<br /> color: var(--scribuntoconsole-clear);<br /> border-bottom-color: var(--scribuntoconsole-clear)<br /> }<br /> <br /> .ui-widget-overlay {<br /> background: var(--ooui-window-background)<br /> }<br /> <br /> .ui-dialog,.ui-widget-content {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> background-image: none;<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar.ui-widget-header,.ui-widget-content .ui-dialog-titlebar.ui-widget-header {<br /> background-image: none !important;<br /> background-color: var(--body-dark) !important;<br /> border-color: var(--body-border) !important<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar .ui-dialog-title,.ui-widget-content .ui-dialog-titlebar .ui-dialog-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close,.ui-widget-content .ui-dialog-titlebar-close {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close:hover,.ui-widget-content .ui-dialog-titlebar-close:hover {<br /> background: var(--ooui-normal--hover);<br /> border: var(--link-color)<br /> }<br /> <br /> .ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {<br /> background: var(--ooui-normal) !important;<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border) !important<br /> }<br /> <br /> .ui-button:hover,.ui-state-default:hover,.ui-widget-content .ui-state-default:hover,.ui-widget-header .ui-state-default:hover {<br /> background: var(--ooui-normal--hover) !important;<br /> color: var(--ooui-text)<br /> }<br /> <br /> .infobox {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> font-size: 0.85em;<br /> width: 300px;<br /> margin: 0.5em 0 1em 1em;<br /> border-collapse: collapse;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> table-layout: fixed;<br /> word-break: break-word<br /> }<br /> <br /> .infobox .infobox-header {<br /> color: var(--infobox-text-color);<br /> font-size: 1.15em;<br /> line-height: 1.4em;<br /> background: var(--body-dark);<br /> padding: 0.5em 0<br /> }<br /> <br /> .infobox .infobox-header a {<br /> color: inherit;<br /> font-size: 1.15em;<br /> font-weight: bold<br /> }<br /> <br /> .infobox .infobox-subheader {<br /> background: var(--body-dark);<br /> color: var(--infobox-text-color);<br /> line-height: 2em<br /> }<br /> <br /> .infobox .infobox-subheader a {<br /> color: inherit<br /> }<br /> <br /> .infobox .infobox-subheader + .infobox-subheader {<br /> border-left: 2px solid var(--body-light)<br /> }<br /> <br /> .infobox .infobox-image {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-image.inventory-image {<br /> height: 32px<br /> }<br /> <br /> .infobox .infobox-image a.image + a.image {<br /> margin-left: 0.1em<br /> }<br /> <br /> .infobox .infobox-image img {<br /> max-width: 300px;<br /> height: auto<br /> }<br /> <br /> .infobox th:not(.infobox-header):not(.infobox-subheader):not(.infobox-nested) {<br /> text-align: right;<br /> vertical-align: top;<br /> border-right: 2px solid var(--body-dark);<br /> padding: 0.2em 0.5em<br /> }<br /> <br /> .infobox td {<br /> padding: 0.25em 0.5em;<br /> line-height: 1.6em<br /> }<br /> <br /> .infobox td.infobox-nested {<br /> padding: 0.25em 0;<br /> line-height: 1em<br /> }<br /> <br /> .infobox th ~ td {<br /> vertical-align: top<br /> }<br /> <br /> .infobox .infobox-padding {<br /> height: 0.5em;<br /> padding: 0;<br /> border: 0<br /> }<br /> <br /> .infobox .infobox-nested {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-nested + .infobox-nested {<br /> border-left: 2px solid var(--body-dark)<br /> }<br /> <br /> .infobox .infobox-cell-hidden {<br /> display: none<br /> }<br /> <br /> .infobox .infobox-full-width-content {<br /> max-width: 300px;<br /> text-align: center;<br /> overflow: hidden;<br /> padding: 0<br /> }<br /> <br /> .infobox .infobox-caption {<br /> font-weight: bold<br /> }<br /> <br /> .infobox select {<br /> max-width: 300px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .infobox-item .infobox-image {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .infobox.skill-info {<br /> float: none;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses {<br /> clear: left;<br /> float: none;<br /> word-break: break-word;<br /> font-size: 100%;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image {<br /> width: 125px;<br /> text-align: center;<br /> vertical-align: middle;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image-caption {<br /> font-size: 0.85em<br /> }<br /> <br /> .infobox-bonuses .infobox-subheader {<br /> width: 250px<br /> }<br /> <br /> .skill-info a[href$=&quot;?action=edit&quot;] + a[href$=&quot;?action=edit&quot;] {<br /> display: none<br /> }<br /> <br /> .poh-room {<br /> background-color: var(--infobox-room-poh-color);<br /> margin: auto;<br /> width: 100px<br /> }<br /> <br /> .poh-room img {<br /> display: block<br /> }<br /> <br /> .poh-room-row {<br /> display: flex<br /> }<br /> <br /> .poh-room-text {<br /> margin: auto;<br /> width: 92px<br /> }<br /> <br /> .infobox-buttons {<br /> text-align: center;<br /> max-width: 300px;<br /> display: none<br /> }<br /> <br /> .infobox-switch-resources {<br /> display: none<br /> }<br /> <br /> .switch-infobox .switch-infobox-triggers,.switch-infobox .loading-button {<br /> clear: left<br /> }<br /> <br /> .infobox-pure .max-hit-list a {<br /> display: inline-block;<br /> min-width: 32px;<br /> min-height: 32px;<br /> text-align: center<br /> }<br /> <br /> .advanced-data {<br /> display: none<br /> }<br /> <br /> .multi-infobox .infobox {<br /> margin: 0<br /> }<br /> <br /> :root {<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--body-dark);<br /> --navbox-group-title-background: var(--body-mid)<br /> }<br /> <br /> .navbox {<br /> font-size: 0.85em;<br /> background: var(--navbox-background);<br /> border-collapse: collapse;<br /> margin: 1em auto 0;<br /> width: 100%;<br /> clear: both;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .navbox img {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .navbox .navbox {<br /> font-size: 100%;<br /> margin: 0.5em auto 0;<br /> box-shadow: none<br /> }<br /> <br /> .navbox-title {<br /> font-size: 110%;<br /> line-height: 1.6em;<br /> background: var(--navbox-title-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-title-name {<br /> margin: 0 4em<br /> }<br /> <br /> .navbox-title .mw-collapsible-toggle {<br /> color: #fff;<br /> font-size: 0.9em;<br /> text-align: right<br /> <br /> }<br /> <br /> .navbox-title .navbox {<br /> font-size: 100%<br /> }<br /> <br /> .navbox-group:nth-child(2) {<br /> border-top: 1px solid var(--navbox-border)<br /> }<br /> <br /> .navbox-group-title {<br /> background: var(--navbox-group-title-background);<br /> border: 1px solid var(--navbox-border);<br /> border-width: 0 1px 1px 0;<br /> text-align: left;<br /> padding: 0.25em 1em;<br /> width: 1%;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list {<br /> border-bottom: 1px solid var(--navbox-border);<br /> padding: 0.25em 0.5em<br /> }<br /> <br /> .navbox-list ul {<br /> margin: 0<br /> }<br /> <br /> .navbox-list li {<br /> display: inline;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list li + li::before {<br /> content: '• '<br /> }<br /> <br /> .navbox-parent {<br /> padding: 0<br /> }<br /> <br /> .navbox-subgroup {<br /> border-collapse: collapse;<br /> border-spacing: 0;<br /> width: 100%<br /> }<br /> <br /> .navbox-subgroup &gt; tbody &gt; tr:last-child &gt; th,.navbox-subgroup &gt; tbody &gt; tr:last-child &gt; td {<br /> border-bottom: none<br /> }<br /> <br /> .navbox-footer {<br /> background: var(--navbox-footer-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-data {<br /> display: none<br /> }<br /> <br /> :root {<br /> --echo-icon-moon-bg-image: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='21' viewBox='0 0 21 21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.85464918.37900488c-1.91149353 1.51069427-3.13816124 3.84973402-3.13816124 6.47527736 0 4.55564936 3.69308349 8.24873286 8.24873286 8.24873286 2.5815709 0 4.8861545-1.1859235 6.3986798-3.0426994-.8206378 4.7389755-4.9523867 8.343122-9.9259291 8.343122-5.56375572 0-10.07407088-4.5103151-10.07407088-10.0740709 0-5.02506013 3.67919933-9.19079725 8.49074856-9.95036192z' fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-person-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213.836%22 viewBox=%220 0 12 13.836%22%3E %3Cpath fill='%234c4c4c' d=%22M1.938%2C6.656c-1.32%2C1.485-1.47%2C3.15-0.97%2C4.25c0.323%2C0.707%2C0.78%2C1.127%2C1.313%2C1.375 c0.496%2C0.229%2C1.074%2C0.273%2C1.658%2C0.282c0.023%2C0%2C0.04%2C0.03%2C0.062%2C0.03h4.187c0.61%2C0%2C1.225-0.125%2C1.75-0.405 c0.527-0.28%2C0.961-0.718%2C1.188-1.376c0.335-0.964%2C0.175-2.529-1.094-4.03C9.094%2C7.954%2C7.68%2C8.719%2C6.065%2C8.719 c-1.677%2C0-3.182-0.812-4.125-2.063H1.938z%22/%3E %3Cpath fill='%234c4c4c' d=%22M6.063%2C0c-1.89%2C0-3.595%2C1.674-3.594%2C3.563C2.467%2C5.45%2C4.173%2C7.155%2C6.06%2C7.155 c1.89%2C0%2C3.564-1.705%2C3.563-3.593C9.625%2C1.673%2C7.95%2C0%2C6.063%2C0L6.063%2C0z%22/%3E %3C/svg%3E&quot;);<br /> --echo-icon-bell-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebell%3C/title%3E%3Cpath d=%22M16 7a5.38 5.38 0 00-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 004 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 003-3H7a3 3 0 003 3z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-tray-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etray%3C/title%3E%3Cpath d=%22M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-fullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M1 1v6h2V3h4V1zm2 12H1v6h6v-2H3zm14 4h-4v2h6v-6h-2zm0-16h-4v2h4v4h2V1z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;);<br /> --echo-icon-exitFullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E exit fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M7 7V1H5v4H1v2zM5 19h2v-6H1v2h4zm10-4h4v-2h-6v6h2zm0-8h4V5h-4V1h-2v6z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-user-menu-legacy #pt-userpage a,.vector-user-menu-legacy #pt-anonuserpage {<br /> background-image: var(--echo-icon-person-bg-image);<br /> padding-top: 0;<br /> background-position-y: 0<br /> }<br /> <br /> .vector-user-menu-legacy #pt-anonuserpage {<br /> color: var(--byline-color)<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge,#pt-notifications-notice .mw-echo-notifications-badge {<br /> background-size: 75%;<br /> background-position: center 80%;<br /> background-repeat: no-repeat;<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .oo-ui-icon-bell {<br /> background-image: var(--echo-icon-bell-bg-image)<br /> }<br /> <br /> #pt-notifications-notice .oo-ui-icon-tray {<br /> background-image: var(--echo-icon-tray-bg-image)<br /> }<br /> <br /> #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-exitFullscreen-bg-image)<br /> }<br /> <br /> body.wgl-fixedWidth #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-fullscreen-bg-image)<br /> }<br /> <br /> #pt-theme-toggles .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-moon-bg-image)<br /> }<br /> <br /> #pt-anontalk {<br /> padding-top: 0.6em<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul {<br /> margin: 5px 0 0 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> margin: 5px 0 0 15px<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul,.ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> list-style: none;<br /> border-left: 1px dashed var(--transcript-border-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul:hover,.transcript &gt; ul:hover,.ns-120 .mw-parser-output &gt; ul ul:hover,.transcript &gt; ul ul:hover,.ns-120 .mw-parser-output &gt; ul ol:hover,.transcript &gt; ul ol:hover {<br /> border-color: var(--transcript-border-hover-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li,.transcript &gt; ul li,.ns-120 .mw-parser-output &gt; ul ul li,.transcript &gt; ul ul li,.ns-120 .mw-parser-output &gt; ul ol li,.transcript &gt; ul ol li {<br /> flex-direction: column;<br /> padding-left: 15px;<br /> margin: 14px 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li:last-of-type,.transcript &gt; ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ul li:last-of-type,.transcript &gt; ul ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ol li:last-of-type,.transcript &gt; ul ol li:last-of-type {<br /> margin-bottom: 0<br /> }<br /> <br /> .nodesktop {<br /> display: none<br /> }<br /> <br /> /*<br /> The following styles were used as a temporary fix for TabberNeue.<br /> We're currently using old Tabber because TabberNeue breaks if a tab<br /> dynamically changes size, such as multi-infobox.<br /> */<br /> <br /> :root {<br /> --tabber-inactive-tab-bg: #222e45;<br /> --tabber-fade-scroll: linear-gradient(to bottom,rgba(226,219,200,0),#d8ccb4 95%,#94866d);<br /> }<br /> <br /> .tabber__tabs {<br /> gap: 1px;<br /> }<br /> <br /> .tabber__tab {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> padding: 0.5em 0.8em;<br /> border: 1px solid var(--body-border);<br /> border-bottom: 0;<br /> }<br /> <br /> .tabber__tabs .tabber__tab {<br /> color: var(--text-color);<br /> }<br /> <br /> /* Specific styles needed to override color on Minerva. */<br /> body.mediawiki .tabber a:visited, <br /> body.mediawiki .tabber image a:visited,<br /> body.mediawiki .tabber a:active, <br /> body.mediawiki .tabber image a:active {<br /> color: var(--text-color);<br /> }<br /> <br /> .tabber__tab:active {<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab:hover {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab--active, .tabber__tab--active:visited {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__header, .tabber__section, .tabber__tabs {<br /> scroll-behavior: unset;<br /> box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* Add box shadow to tabber header */<br /> }<br /> <br /> .tabber__panel {<br /> /* Hide non-active tabs. */<br /> /* display:none conflicted with tabber somehow and hid all tabs. */<br /> width: 250;<br /> }<br /> <br /> .tabber__panel.tabber__panel--active {<br /> width: 300;<br /> }<br /> <br /> .tabber__section {<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> overflow-y: scroll;<br /> padding-bottom: 30px; /* only necessary for fade scroll hack */<br /> height: auto; /* Example height */<br /> width: auto; /* Example width */<br /> max-width: 1300px; /* Example max-width */<br /> }<br /> <br /> .tabber__panel {<br /> padding: 1em 1.5em;<br /> }<br /> <br /> .wikitable.hover th:hover {<br /> cursor: help;<br /> /* Add any additional styles specific to hovering over table headers */<br /> }<br /> <br /> /* Hover Box for switching the visibility of the selected item */<br /> .hoverbox { <br /> display:inline-block; <br /> padding:0em; <br /> color: white; /* Change this to the desired color */<br /> }<br /> <br /> .hoverbox .hoveritem { <br /> display:none; <br /> margin:0em; <br /> padding:0em; <br /> }<br /> <br /> .hoverbox .hoveritem.selected { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem.selected { <br /> display:none; <br /> }<br /> /* Style for the entire tier list */<br /> .tierlist {<br /> display: flex;<br /> gap: 20px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* Style for individual tiers */<br /> .tier {<br /> border: 1px solid #ccc;<br /> padding: 10px;<br /> width: 200px;<br /> min-height: 150px;<br /> background: #f9f9f9;<br /> border-radius: 8px;<br /> }<br /> <br /> /* Title for each tier */<br /> .tier h3 {<br /> text-align: center;<br /> margin-top: 0;<br /> }<br /> <br /> /* Style for the sortable list */<br /> .sortable {<br /> list-style: none;<br /> padding: 0;<br /> margin: 0;<br /> min-height: 50px;<br /> }<br /> <br /> /* Style for the dropdown selector */<br /> .tier-selector {<br /> width: 100%;<br /> padding: 5px;<br /> margin-top: 5px;<br /> }<br /> .collection-log-wrapper {<br /> margin: 10px 0;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .collection-log-killcount {<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> }<br /> <br /> .collection-log-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6, 48px);<br /> gap: 4px;<br /> padding: 6px 0;<br /> }<br /> <br /> <br /> .collection-log-item {<br /> width: 48px;<br /> height: 48px;<br /> border: 2px solid transparent; /* border only on container */<br /> border-radius: 4px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> position: relative;<br /> background-color: #1a2a3a;<br /> box-sizing: border-box;<br /> }<br /> <br /> .collection-log-item.obtained {<br /> border-color: #4caf50;<br /> background-color: #224422;<br /> }<br /> <br /> .collection-log-item.missing {<br /> border-color: #ffc107;<br /> background-color: #3a2a1a;<br /> }<br /> <br /> .collection-log-item img {<br /> max-width: 36px;<br /> max-height: 36px;<br /> object-fit: contain;<br /> border-radius: 2px;<br /> border: none; /* remove border here */<br /> opacity: 1;<br /> filter: none;<br /> }<br /> <br /> .collection-log-item.missing img {<br /> opacity: 0.3;<br /> filter: grayscale(100%);<br /> }<br /> <br /> .collection-log-qty-badge {<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> background: rgba(0, 0, 0, 0.7);<br /> color: white;<br /> font-size: 12px;<br /> font-weight: bold;<br /> line-height: 1;<br /> padding: 1px 4px;<br /> border-radius: 3px 0 0 0;<br /> user-select: none;<br /> }<br /> .collection-log-killcount-box {<br /> border: 2px solid black;<br /> background-color: #534d41;<br /> color: cyan;<br /> padding: 0.5em 1em;<br /> margin-bottom: 8px;<br /> text-align: center;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .ace_keyword { color: #c586c0 !important; }<br /> .ace_string { color: #ce9178 !important; }<br /> .ace_comment { color: #6a9955 !important; font-style: italic; }<br /> .ace_function { color: #dcdcaa !important; }<br /> .ace_constant { color: #569cd6 !important; }<br /> <br /> .mw-highlight .nf {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> .mw-highlight .nc {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> <br /> /* Highlight row on hover */<br /> .wikitable.lighttable tr:hover {<br /> background-color: #526382; /* dark blue highlight */<br /> color: #ffffff; /* readable text */<br /> }<br /> .custom-dropdown { position: relative; width: 150px; cursor: pointer; }<br /> .custom-dropdown .selected { background: #313e59; color: white; padding: 5px; border-radius: 4px; }<br /> .custom-dropdown .options { display: none; position: absolute; background: #222e45; top: 100%; left: 0; width: 100%; border-radius: 4px; z-index: 10; }<br /> .custom-dropdown .options div { padding: 5px; display: flex; align-items: center; }<br /> .custom-dropdown .options div:hover { background: #313e59; }<br /> .custom-dropdown .options div img.icon { width:16px; height:16px; margin-right:5px; }<br /> <br /> /* =========================<br /> Tier List<br /> ========================= */<br /> <br /> <br /> /* Main wrapper */<br /> <br /> .tier-list {<br /> margin:0;<br /> padding:0;<br /> }<br /> <br /> <br /> /* Tier rows */<br /> <br /> .tier-row {<br /> display:flex;<br /> height:78px;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> <br /> /* Tier labels */<br /> <br /> .tier-label {<br /> width:70px;<br /> min-width:70px;<br /> height:78px;<br /> <br /> display:flex;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> font-size:48px;<br /> line-height:1;<br /> font-weight:bold;<br /> color:white;<br /> <br /> box-sizing:border-box;<br /> }<br /> <br /> <br /> /* Tier colours */<br /> <br /> .tier-s {<br /> background:#ff7f7f;<br /> }<br /> <br /> .tier-a {<br /> background:#ffbf7f;<br /> }<br /> <br /> .tier-b {<br /> background:#ffdf7f;<br /> }<br /> <br /> .tier-c {<br /> background:#ffff7f;<br /> color:black;<br /> }<br /> <br /> .tier-d {<br /> background:#bfff7f;<br /> }<br /> <br /> .tier-f {<br /> background:#7fbfff;<br /> }<br /> <br /> <br /> /* Drop areas */<br /> <br /> .tier-items {<br /> flex:1;<br /> height:78px;<br /> <br /> display:flex;<br /> align-items:center;<br /> flex-wrap:wrap;<br /> <br /> padding:3px;<br /> gap:3px;<br /> <br /> background:#222;<br /> border:1px dashed #777;<br /> <br /> margin:0 !important;<br /> box-sizing:border-box;<br /> }<br /> <br /> <br /> /* =========================<br /> Items<br /> ========================= */<br /> <br /> .tier-item {<br /> width:64px;<br /> height:64px;<br /> <br /> display:flex !important;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> cursor:grab;<br /> border-radius:5px;<br /> overflow:hidden;<br /> <br /> line-height:0;<br /> flex-shrink:0;<br /> }<br /> <br /> <br /> .tier-item:active {<br /> cursor:grabbing;<br /> }<br /> <br /> <br /> /* MediaWiki wrapper fixes */<br /> <br /> .tier-item p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> display:flex !important;<br /> line-height:0 !important;<br /> }<br /> <br /> .tier-item span {<br /> display:flex !important;<br /> }<br /> <br /> .tier-item a {<br /> display:flex !important;<br /> <br /> width:64px;<br /> height:64px;<br /> <br /> align-items:center;<br /> justify-content:center;<br /> }<br /> <br /> <br /> /* Images */<br /> <br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> display:block !important;<br /> <br /> width:64px !important;<br /> height:64px !important;<br /> <br /> max-width:64px !important;<br /> max-height:64px !important;<br /> <br /> object-fit:contain !important;<br /> <br /> image-rendering:pixelated;<br /> image-rendering:crisp-edges;<br /> }<br /> <br /> <br /> /* =========================<br /> Reward Pool<br /> ========================= */<br /> <br /> .reward-pool {<br /> display:flex;<br /> flex-wrap:wrap;<br /> <br /> gap:5px;<br /> padding:5px;<br /> margin:8px 0;<br /> }<br /> <br /> <br /> /* =========================<br /> Rarity backgrounds<br /> ========================= */<br /> <br /> .gold-item {<br /> background:rgba(212,175,55,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .silver-item {<br /> background:rgba(192,192,192,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .bronze-item {<br /> background:rgba(205,127,50,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> <br /> /* =========================<br /> MediaWiki spacing fixes<br /> ========================= */<br /> <br /> .tier-list p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .tier-list p br {<br /> display:none !important;<br /> }<br /> <br /> <br /> /* =========================<br /> Prevent hover shifting<br /> ========================= */<br /> <br /> .tier-item,<br /> .tier-item a,<br /> .tier-item span,<br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> transform:none !important;<br /> }<br /> <br /> .tier-item a:hover,<br /> .tier-item img:hover,<br /> .tier-item .mw-file-element:hover {<br /> transform:none !important;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 .firstHeading {<br /> display:none;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 #contentSub {<br /> display:none !important;<br /> }<br /> <br /> /* =========================<br /> Smoothie's Debt Calculator<br /> ========================= */<br /> <br /> <br /> .debt-calculator {<br /> max-width:800px;<br /> margin:auto;<br /> text-align:center;<br /> }<br /> <br /> <br /> .debt-items {<br /> display:flex;<br /> justify-content:center;<br /> gap:30px;<br /> flex-wrap:wrap;<br /> }<br /> <br /> <br /> .debt-item {<br /> width:180px;<br /> <br /> padding:15px;<br /> <br /> background:#222;<br /> border:1px solid #555;<br /> border-radius:8px;<br /> <br /> display:flex;<br /> flex-direction:column;<br /> align-items:center;<br /> }<br /> <br /> <br /> .debt-item img,<br /> .debt-item .mw-file-element {<br /> width:64px;<br /> height:64px;<br /> <br /> object-fit:contain;<br /> image-rendering:pixelated;<br /> }<br /> <br /> <br /> .debt-item h3 {<br /> margin:10px 0;<br /> }<br /> <br /> <br /> .debt-item label {<br /> margin-top:8px;<br /> }<br /> <br /> <br /> .debt-item input {<br /> width:120px;<br /> <br /> text-align:center;<br /> <br /> margin-top:3px;<br /> }<br /> <br /> <br /> .debt-total {<br /> <br /> margin-top:40px;<br /> <br /> font-size:32px;<br /> font-weight:bold;<br /> <br /> }</div>

Hefner https://wiki.roatpkz.com/index.php?title=User:Hefner/Sandbox14&diff=28899 2026-07-18T10:49:03Z

<p>Hefner: Created page with &quot;&lt;div class=&quot;debt-calculator&quot;&gt; &lt;h1&gt;Smoothie&#039;s Debt Calculator&lt;/h1&gt; &lt;div class=&quot;debt-items&quot;&gt; &lt;div class=&quot;debt-item&quot;&gt; 64px &lt;h3&gt;PKP&lt;/h3&gt; &lt;label&gt;Amount&lt;/label&gt; &lt;input id=&quot;pkp-amount&quot; type=&quot;text&quot; value=&quot;0&quot;&gt; &lt;/div&gt; &lt;div class=&quot;debt-item&quot;&gt; 64px &lt;h3&gt;DP&lt;/h3&gt; &lt;label&gt;Trade Price (PKP)&lt;/label&gt; &lt;input id=&quot;dp-price&quot; type=&quot;text&quot; value=&quot;0&quot;&gt; &lt;label&gt;Amount&lt;/label&gt; &lt;input id=&quot;dp-amount&quot; type=&quot;text&quot; value=&quot;0&quot;&gt; &lt;/div&gt; &lt;div class=&quot;debt-item&quot;...&quot;</p> <hr /> <div>&lt;div class=&quot;debt-calculator&quot;&gt;<br /> <br /> &lt;h1&gt;Smoothie's Debt Calculator&lt;/h1&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-items&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:PKP.png|64px]]<br /> <br /> &lt;h3&gt;PKP&lt;/h3&gt;<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;pkp-amount&quot; type=&quot;text&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:DP.png|64px]]<br /> <br /> &lt;h3&gt;DP&lt;/h3&gt;<br /> <br /> &lt;label&gt;Trade Price (PKP)&lt;/label&gt;<br /> &lt;input id=&quot;dp-price&quot; type=&quot;text&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;dp-amount&quot; type=&quot;text&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> <br /> &lt;div class=&quot;debt-item&quot;&gt;<br /> <br /> [[File:Credits.png|64px]]<br /> <br /> &lt;h3&gt;Credits&lt;/h3&gt;<br /> <br /> &lt;label&gt;Trade Price (PKP)&lt;/label&gt;<br /> &lt;input id=&quot;credits-price&quot; type=&quot;text&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;label&gt;Amount&lt;/label&gt;<br /> &lt;input id=&quot;credits-amount&quot; type=&quot;text&quot; value=&quot;0&quot;&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;debt-total&quot;&gt;<br /> <br /> TOTAL:<br /> &lt;br&gt;<br /> &lt;span id=&quot;total&quot;&gt;0 PKP&lt;/span&gt;<br /> <br /> &lt;/div&gt;<br /> <br /> <br /> &lt;/div&gt;</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:Common.css&diff=28898 2026-07-18T10:27:44Z

<p>Hefner: </p> <hr /> <div>:root {<br /> --body-background-image: url('filepath://Roat Pkz Wiki background darkmode1.jpg');<br /> --body-background-color: #071022;<br /> --body-main: #172136;<br /> --body-light: #313e59;<br /> --body-mid: #222e45;<br /> --body-dark: #222e45;<br /> --body-border: #596e96;<br /> --link-color: #8cabe6;<br /> --background-link-color: var(--link-color);<br /> --redlink-color: #f26d60;<br /> --text-color: #cbd9f4;<br /> --background-text-color: #cbd9f4;<br /> --byline-color: #98a2b6;<br /> --subtle-color: var(--byline-color);<br /> --search-box: var(--body-light);<br /> --admin-blue: #0087ff;<br /> --bearcat-green: #00ff55;<br /> --awb-purple: #f319ff;<br /> --sidebar: #222e45;<br /> --button-background: #617ebc;<br /> --button-dark: #617ebc;<br /> --button-border: #617ebc;<br /> --button-light: #617ebc;<br /> --wikitable-header-bg: #222e45;<br /> --wikitable-border: #172136;<br /> --wikitable-bg: #313e59;<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --wikitable-alternating-bg: #2a3651;<br /> --table-na-background: rgba(0, 0, 0, 0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #0b5884;<br /> --droptable-common-background: #3c780a;<br /> --droptable-uncommon-background: #a48900;<br /> --droptable-rare-background: #b55e0c;<br /> --droptable-veryrare-background: #9f261e;<br /> --droptable-random-background: #984c89;<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);<br /> --tile-border-color: var(--body-border);<br /> --tile-background-color: var(--body-light);<br /> --tile-link-button-color: var(--body-mid);<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255, 255, 255, 0.7);<br /> --tile-dark-header-color: #fff;<br /> --documentation-background: var(--body-light);<br /> --documentation-border: var(--sidebar);<br /> --documentation-link-color: var(--link-color);<br /> --documentation-headers-color: var(--text-color);<br /> --documentation-header-background: var(--body-dark);<br /> --documentation-subheader-background: #1f293e;<br /> --base-text-color: var(--text-color);<br /> --base-heading-color: var(--text-color);<br /> --base-heading-border: var(--sidebar);<br /> --mainpage-recent-updates-description-color: var(--text-color);<br /> --thumb-bg: var(--body-mid);<br /> --thumb-caption-bg: var(--body-light);<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid);<br /> --diff-addedline-background: #438ab5;<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-color: #fff;<br /> --diff-deletedline-background: #379541;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-color: #fff;<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: var(--errorbox-bg);<br /> --warningbox-border: var(--errorbox-border);<br /> --successbox-bg: #2e5e05;<br /> --successbox-border: #3c780a;<br /> --messagebox-obsolete-background: #464646;<br /> --messagebox-obsolete-border: #333;<br /> --messagebox-obsolete-color: #ddd;<br /> --messagebox-obsolete-link-color: #bbb;<br /> --messagebox-info-background: var(--messagebox-obsolete-background);<br /> --messagebox-info-border: var(--messagebox-obsolete-border);<br /> --messagebox-info-color: var(--messagebox-obsolete-color);<br /> --messagebox-info-link-color: var(--messagebox-obsolete-link-color);<br /> --messagebox-action-background: #45697d;<br /> --messagebox-action-border: #2d5266;<br /> --messagebox-action-color: var(--text-color);<br /> --messagebox-action-link-color: #b8d5e5;<br /> --messagebox-warn-background: #95271b;<br /> --messagebox-warn-border: #6b130a;<br /> --messagebox-warn-color: #f8ebe9;<br /> --messagebox-warn-link-color: #e8b8b3;<br /> --messagebox-safe-background: #1b8408;<br /> --messagebox-safe-border: #126802;<br /> --messagebox-safe-color: #e9f6e7;<br /> --messagebox-safe-link-color: #c1e0bb;<br /> --messagebox-disambig-background: var(--messagebox-obsolete-background);<br /> --messagebox-disambig-border: var(--messagebox-obsolete-border);<br /> --messagebox-disambig-color: var(--messagebox-obsolete-color);<br /> --messagebox-disambig-link-color: var(--messagebox-obsolete-link-color);<br /> --mw-code-background-color: #222e45;<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-mid);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border);<br /> --scribuntoconsole-input: #3ea6e6;<br /> --scibuntoconsole-print: #f9d000;<br /> --scribuntoconsole-error: #ee4231;<br /> --scribuntoconsole-message: #6bc71f;<br /> --scribuntoconsole-tabcomplete: #855cd8;<br /> --scribuntoconsole-clear: #ee4231;<br /> --blockquote-color: var(--text-color);<br /> --coins-color: #6bc71f;<br /> --coins-pos-color: #3ea6e6;<br /> --coins-neg-color: #ee4231;<br /> --questdetails-header-background: var(--body-dark);<br /> --questdetails-header-background-alt: var(--body-dark);<br /> --fact-text-color: #3ea6e6;<br /> --production-selected-background: #3c780a;<br /> --production-selected-color: #fff;<br /> --wikipedia-border: var(--body-border);<br /> --wikipedia-background: var(--body-light);<br /> --keypress-background: var(--body-light);<br /> --keypress-border: var(--body-border);<br /> --keypress-color: var(--text-color);<br /> --ajaxpoll-background: var(--body-light);<br /> --ajaxpoll-text-color: var(--base-text-color);<br /> --ajaxpoll-answerbar-background: var(--body-mid);<br /> --ajaxpoll-answerbar-border: var(--body-border);<br /> --rc-negative-color: #ee4231;<br /> --rc-positive-color: #6bc71f;<br /> --filter-black-to-link: invert(63%) sepia(67%) saturate(242%) hue-rotate(182deg) brightness(93%) contrast(94%);<br /> --transcript-border-color: #596e96;<br /> --transcript-border-hover-color: #8596b7;<br /> --transcript-strikethrough-color: #fff;<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--navbox-title-background);<br /> --navbox-group-title-background: var(--navbox-title-background);<br /> --infobox-bg: var(--body-light);<br /> --infobox-border: var(--body-border);<br /> --infobox-header: var(--body-dark);<br /> --infobox-subheader: var(--body-mid);<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #444e5a;<br /> --sourceeditor-input-background: var(--body-mid);<br /> --sourceeditor-background: var(--body-light);<br /> --sourceeditor-background-secondary: var(--body-mid);<br /> --sourceeditor-border: var(--body-main);<br /> --codemirror-gutter-background: var(--body-light);<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border);<br /> --vector-tab-background: #222e45;<br /> --vector-tab-background--hover: #293753;<br /> --vector-tab-link-color: var(--background-link-color);<br /> --lighttable-bg-hover: #3c780a;<br /> --lighttable-bg-active: #2e5e05;<br /> --lighttable-link-color: #c3e8a3;<br /> --personal-links-bg: rgba(7, 16, 34, 0.75);<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg, #315d30 0 20px, #13421e 20px 30px);<br /> --tbz-unlocked-border-color: #00e417;<br /> --tbz-locked-background-color: #8a2525;<br /> --tbz-locked-border-color: #b32828;<br /> --tbz-partial-unlock-background: #5a5a5a;<br /> --tbz-partial-unlock-border-color: #13421e;<br /> }<br /> <br /> <br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape.woff2?17907) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: bold;<br /> src: local(&quot;RuneScape Bold&quot;),local(&quot;RuneScape Bold 12&quot;),local(&quot;RuneScape Chat 2&quot;),local(&quot;RuneScape Chat&quot;),url(/images/RuneScape_Bold.woff2?514fd) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape Small';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape_Small.woff2?1ee0e) format('woff2')<br /> }<br /> <br /> :root {<br /> --base-text-color: #cbd9f4;<br /> --base-heading-color: #cbd9f4;<br /> --base-heading-border: #596e96;<br /> --mw-code-background-color: #222e45;<br /> --body-background-image: url(/images/b/b5/Roat_Pkz_Wiki_background_darkmode2.png)<br /> }<br /> <br /> #mw-page-base {<br /> background: none<br /> }<br /> <br /> .mw-body {<br /> background-color: var(--body-main);<br /> color: var(--text-color);<br /> border-color: transparent;<br /> box-shadow: 0 0 7px rgba(0,0,0,0.15);<br /> margin-top: 0<br /> }<br /> <br /> h1,h2,h3,h4,h5,h6 {<br /> color: var(--text-color)<br /> }<br /> <br /> h1,h2 {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-body h1,.mw-body-content h1,.mw-body-content h2,.mw-body-content h3,.mw-body-content h4,.mw-body-content h5,.mw-body-content h6 {<br /> font-family: 'PT Serif','Palatino','Georgia',serif<br /> }<br /> <br /> .mw-parser-output h2:first-of-type {<br /> clear: left<br /> }<br /> <br /> .mw-footer {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer li {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer a,.mw-footer a:active,.mw-footer a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> ::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> a {<br /> color: var(--link-color)<br /> }<br /> <br /> a:visited,a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> a.new {<br /> color: var(--redlink-color)<br /> }<br /> <br /> a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .mw-parser-output a.extiw,.mw-parser-output a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited,.mw-parser-output a.extiw:active,.mw-parser-output a.external:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .jsPurgeLink a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> a[href=&quot;/w/User:AndBot&quot;],a[href=&quot;/w/User:BisetteBot&quot;],a[href=&quot;/w/User:Bot50&quot;],a[href=&quot;/w/User:BotDiesel2m&quot;],a[href=&quot;/w/User:Bowl&quot;],a[href=&quot;/w/User:Catbot&quot;],a[href=&quot;/w/User:CookBot&quot;],a[href=&quot;/w/User:Cresbot&quot;],a[href=&quot;/w/User:CrowBot&quot;],a[href=&quot;/w/User:Data_Chompy&quot;],a[href=&quot;/w/User:GauBot&quot;],a[href=&quot;/w/User:Gaz_Bot&quot;],a[href=&quot;/w/User:Gaz_GEBot&quot;],a[href=&quot;/w/User:HabbletAWB&quot;],a[href=&quot;/w/User:JakesterwarsBot&quot;],a[href=&quot;/w/User:JaydenBot&quot;],a[href=&quot;/w/User:MuudyBot&quot;],a[href=&quot;/w/User:MB%C3%A5t&quot;],a[href=&quot;/w/User:New_user_message&quot;],a[href=&quot;/w/User:Quadrabot&quot;],a[href=&quot;/w/User:Redirect_fixer&quot;],a[href=&quot;/w/User:Riblet15_bot_account&quot;],a[href=&quot;/w/User:ShoyBot&quot;],a[href=&quot;/w/User:SlapChoppe&quot;],a[href=&quot;/w/User:Spinewielder&quot;],a[href=&quot;/w/User:WolaznikBot&quot;] {<br /> color: var(--awb-purple)<br /> }<br /> <br /> a[href=&quot;/w/User:Andmcadams&quot;],a[href=&quot;/w/User:BigDiesel2m&quot;],a[href=&quot;/w/User:Brok&quot;],a[href=&quot;/w/User:Cook_Me_Plox&quot;],a[href=&quot;/w/User:Fjara&quot;],a[href=&quot;/w/User:Gau_Cho&quot;],a[href=&quot;/w/User:Gaz_Lloyd&quot;],a[href=&quot;/w/User:Iiii_I_I_I&quot;],a[href=&quot;/w/User:Jayden&quot;],a[href=&quot;/w/User:Jeljo&quot;],a[href=&quot;/w/User:Joeytje50&quot;],a[href=&quot;/w/User:Legaia_2_Pla&quot;],a[href=&quot;/w/User:Ostentatio&quot;],a[href=&quot;/w/User:Riblet15&quot;],a[href=&quot;/w/User:Shayani&quot;],a[href=&quot;/w/User:Shoyrukon&quot;],a[href=&quot;/w/User:TehKittyCat&quot;],a[href=&quot;/w/User:Towelcat&quot;],a[href=&quot;/w/User:Wolaznik&quot;] {<br /> color: var(--admin-blue)<br /> }<br /> <br /> a[href=&quot;/w/User:Spineweilder&quot;],a[href=&quot;/w/User:Jakesterwars&quot;],a[href=&quot;/w/User:Julia&quot;] {<br /> color: var(--bearcat-green)<br /> }<br /> <br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> background: url(/images/Jagex_moderator_emblem.png?093b0) left no-repeat;<br /> padding-left: 15px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> #ca-nstab-user a {<br /> background: none<br /> }<br /> <br /> :root {<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: #801c13;<br /> --warningbox-border: #9f261e;<br /> --successbox-bg: #801c13;<br /> --successbox-border: #9f261e<br /> }<br /> <br /> .mw-message-box-error,.errorbox,.mw-message-box-warning,.warningbox,.mw-message-box-success,.successbox,.usermessage {<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw-message-box-error,.errorbox {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .mw-message-box-warning,.warningbox,.usermessage {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .mw-message-box-success,.successbox {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .catlinks {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-dark);<br /> padding: 8px 15px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .catlinks li {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .filehistory a img,#file img {<br /> background: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v16h8V8H0z' opacity='.13'/%3E%3C/svg%3E&quot;) repeat<br /> }<br /> <br /> #file img:hover {<br /> background: none<br /> }<br /> <br /> .mw-highlight {<br /> background: none<br /> }<br /> <br /> .mw-highlight .linenos {<br /> background-color: var(--mw-code-background-color);<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-highlight a:hover .linenos,.mw-highlight .hll a .linenos {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-content-ltr.mw-highlight-lines pre,.mw-content-ltr.content .mw-highlight-lines pre {<br /> box-shadow: inset 2.75em 0 0 var(--mw-code-background-color)<br /> }<br /> <br /> #pagehistory ul {<br /> list-style: none;<br /> margin: 0<br /> }<br /> <br /> #pagehistory li {<br /> border: 1px solid transparent;<br /> padding: 1px 10px;<br /> margin: 2px 0<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: var(--body-light);<br /> color: inherit;<br /> border: 1px dashed var(--body-border);<br /> outline: none<br /> }<br /> <br /> #mw-history-compare &gt; div:first-of-type {<br /> position: -webkit-sticky;<br /> position: sticky;<br /> top: 0;<br /> background-color: var(--body-main);<br /> border-bottom: 1px solid var(--body-dark);<br /> padding: 0.25em 0<br /> }<br /> <br /> .wgl-stickyheader #mw-history-compare &gt; div:first-of-type {<br /> top: 2.5rem<br /> }<br /> <br /> .autocomment,.autocomment a,.autocomment a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> li span.deleted,span.history-deleted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-usertoollinks-contribs-no-edits,.mw-usertoollinks-contribs-no-edits:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .CategoryTreeToggle {<br /> color: var(--link-color)<br /> }<br /> <br /> body.wgl-stickyheader.action-view .mw-headline:target::before {<br /> display: block;<br /> content: '';<br /> margin-top: -3rem;<br /> height: 3rem;<br /> visibility: hidden;<br /> pointer-events: none<br /> }<br /> <br /> .mw-mmv-post-image {<br /> color: var(--text-color);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-mmv-image-metadata {<br /> border-top-color: var(--body-mid);<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-mmv-dialog,.mw-mmv-dialog .mw-mmv-dialog-down-arrow,.mw-mmv-options-dialog .mw-mmv-dialog-down-arrow {<br /> background-color: var(--body-light);<br /> box-shadow: none<br /> }<br /> <br /> .mw-mmv-options-enable-alert {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-mmv-options-dialog-header,.mw-mmv-options-text-header,.mw-mmv-options-text-body,.mw-mmv-options-enable-alert,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-dialog-header,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-text-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-revslider-container {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-revslider-slider-wrapper {<br /> border-top-color: var(--sidebar)<br /> }<br /> <br /> .mw-ui-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):hover,.mw-ui-button:not(:disabled):active {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):focus {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button:not(:disabled):visited {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled) {<br /> background-color: var(--ooui-progressive);<br /> color: #fff;<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):active,.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: none<br /> }<br /> <br /> .mw-ui-button.mw-ui-destructive:not(:disabled) {<br /> color: #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-quiet,.mw-ui-button.mw-ui-quiet.mw-ui-progressive,.mw-ui-button.mw-ui-quiet.mw-ui-destructive {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:hover,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover {<br /> background-color: rgba(0,24,73,0.02745098);<br /> color: var(--text-color);<br /> border-color: transparent<br /> }<br /> <br /> input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:focus,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:active,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active {<br /> background-color: rgba(0,36,73,0.08235294);<br /> color: var(--text-color);<br /> border-color: #72777d<br /> }<br /> <br /> .mw-ui-input {<br /> background-color: var(--ooui-input);<br /> color: var(--text-color);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-ui-input:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-ui-input::placeholder {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child {<br /> padding: 0;<br /> background: 0<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child::before {<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> display: inline-block;<br /> width: 47px;<br /> height: 20px<br /> }<br /> <br /> :root {<br /> --wikitable-header-bg: var(--body-dark);<br /> --wikitable-border: var(--body-main);<br /> --wikitable-bg: var(--body-light);<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --table-na-background: rgba(0,0,0,0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #afeeee;<br /> --droptable-common-background: #56e156;<br /> --droptable-uncommon-background: #ffed4c;<br /> --droptable-rare-background: #ff863c;<br /> --droptable-veryrare-background: #ff6262;<br /> --droptable-random-background: #ffa3ff<br /> }<br /> <br /> .wikitable {<br /> background: var(--wikitable-bg);<br /> color: var(--wikitable-color);<br /> border-color: var(--wikitable-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; tr &gt; td,.wikitable &gt; * &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th.table-noborder,.wikitable &gt; tr &gt; td.table-noborder,.wikitable &gt; * &gt; tr &gt; th.table-noborder,.wikitable &gt; * &gt; tr &gt; td.table-noborder {<br /> border-left-style: hidden;<br /> border-right-style: hidden;<br /> padding-left: 0;<br /> padding-right: 0<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .tabber .wikitable {<br /> box-shadow: none<br /> }<br /> <br /> .table-bg-always,.table-bg-blue {<br /> background: var(--droptable-always-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-common,.table-bg-green {<br /> background: var(--droptable-common-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-uncommon,.table-bg-yellow {<br /> background: var(--droptable-uncommon-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-rare,.table-bg-orange {<br /> background: var(--droptable-rare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-veryrare,.table-bg-red {<br /> background: var(--droptable-veryrare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-random,.table-bg-pink {<br /> background: var(--droptable-random-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-fade {<br /> opacity: 0.6;<br /> background: rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw_metadata td,.mw_metadata th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw_metadata th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw_metadata td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable td,.mw-datatable th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw-datatable td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> table.alternating-rows tr:nth-child(odd),table.alternating-cols td:nth-child(odd) {<br /> background: var(--wikitable-alternating-bg)<br /> }<br /> <br /> .table-na {<br /> background: var(--table-na-background);<br /> color: var(--table-na-color);<br /> vertical-align: middle;<br /> text-align: center<br /> }<br /> <br /> .table-yes {<br /> background: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .table-positive {<br /> background: var(--table-yes-background)<br /> }<br /> <br /> .table-no {<br /> background: var(--table-no-background);<br /> color: var(--table-no-color)<br /> }<br /> <br /> .table-negative {<br /> background: var(--table-no-background)<br /> }<br /> <br /> .table-maybe {<br /> background: var(--table-maybe-background);<br /> color: var(--table-maybe-color)<br /> }<br /> <br /> #mw-allmessagestable .am_actual,#mw-allmessagestable .am_default {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> #mw-allmessagestable .am_default:hover,#mw-allmessagestable .am_actual:hover,#mw-allmessagestable tbody:hover td {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> table.wikitable td.no-cell-spacing {<br /> padding: 0;<br /> height: 0<br /> }<br /> <br /> table.wikitable td.no-cell-spacing table {<br /> margin: -1px;<br /> width: calc(100% + 2px);<br /> height: calc(100% + 2px)<br /> }<br /> <br /> .plainlist ol,.plainlist ul {<br /> margin: 0<br /> }<br /> <br /> .plainlist li {<br /> margin-bottom: 0;<br /> list-style: none<br /> }<br /> <br /> 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) {<br /> text-align: right<br /> }<br /> <br /> 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) {<br /> text-align: center<br /> }<br /> <br /> 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) {<br /> text-align: left<br /> }<br /> <br /> .rsw-chartjs.rsw-chartjs-config {<br /> display: none<br /> }<br /> <br /> .rsw-chartjs.rsw-chart-error {<br /> font-family: monospace<br /> }<br /> <br /> .rsw-chartjs-canvas {<br /> background-color: var(--body-light)<br /> }<br /> <br /> :root {<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-background: #bddff2;<br /> --diff-addedline-color: #000;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-background: #c1edbf;<br /> --diff-deletedline-color: #000;<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid)<br /> }<br /> <br /> .diff-context {<br /> border-color: var(--diff-context-border-color);<br /> background: var(--diff-context-background);<br /> color: inherit<br /> }<br /> <br /> .diff-addedline {<br /> border-color: var(--diff-addedline-border-color)<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: var(--diff-addedline-background);<br /> color: var(--diff-addedline-color)<br /> }<br /> <br /> .diff-deletedline {<br /> border-color: var(--diff-deletedline-border-color)<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: var(--diff-deletedline-background);<br /> color: var(--diff-deletedline-color)<br /> }<br /> <br /> .mw-diff-movedpara-left:after,.mw-diff-movedpara-right:after {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-notification {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {<br /> background: var(--body-main)<br /> }<br /> <br /> .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> background-color: var(--ooui-normal);<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-head,.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {<br /> border-left-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:hover,.mw-echo-ui-notificationItemWidget-unread:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:last-child {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-unread {<br /> background-color: var(--search-box)<br /> }<br /> <br /> .mw-echo-ui-crossWikiNotificationItemWidget-group,.mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-content-message-header,.mw-echo-ui-notificationItemWidget-content-message-body,.mw-echo-ui-menuItemWidget &gt; .oo-ui-buttonElement-button &gt; .oo-ui-labelElement-label,.mw-echo-ui-notificationItemWidget-content-actions-timestamp {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--body-main)<br /> }<br /> <br /> @keyframes unseen-fadeout-to-unread {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--search-box)<br /> }<br /> }<br /> <br /> @keyframes unseen-fadeout-to-read {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--body-main)<br /> }<br /> }<br /> <br /> .mwe-popups {<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container {<br /> color: var(--text-color);<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:before,.mwe-popups .mwe-popups-container.flipped-y:before {<br /> border-top: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:before {<br /> border-bottom: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:after,.mwe-popups .mwe-popups-container.flipped-y:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:after {<br /> border-bottom-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-settings-icon:hover,.mwe-popups .mwe-popups-settings-icon:active {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mwe-popups .mw-ui-icon-element:not(.disabled):hover {<br /> background: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract {<br /> color: var(--text-color)<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract[dir='ltr']:after {<br /> background-image: linear-gradient(to right,rgba(49,62,89,0),var(--body-light) 50%)<br /> }<br /> <br /> .mwe-popups-overlay {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> #mwe-popups-settings {<br /> background: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--text-color)<br /> }<br /> <br /> #mwe-popups-settings header {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form p {<br /> color: var(--byline-color)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form form label &gt; span {<br /> color: var(--ooui-text)<br /> }<br /> <br /> :root {<br /> --smw-ask-options-even-bg: var(--body-mid);<br /> --smw-ask-options-odd-bg: var(--body-light);<br /> --smw-ask-action-btn-lblue-bg: var(--body-main);<br /> --smw-ask-action-btn-lblue-color: #000;<br /> --smw-ask-action-btn-lblue-border-color: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-bg: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-color: #fff;<br /> --smw-ask-action-btn-dblue-border-color: var(--button-border)<br /> }<br /> <br /> .smw-ask-condition fieldset,.smw-ask-printhead fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .smw-ask-search fieldset,.smw-ask-format fieldset,.smw-ask-options fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .strike &gt; span:before,.strike &gt; span:after {<br /> background: var(--sidebar)<br /> }<br /> <br /> .smw-ask-options-fields tr td {<br /> background-color: var(--smw-ask-options-even-bg)<br /> }<br /> <br /> .smw-ask-options-fields tr:nth-child(odd) td {<br /> background-color: var(--smw-ask-options-odd-bg)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-lblue,.smw-ask-action-btn.smw-ask-action-btn-lblue:hover,.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--smw-ask-action-btn-lblue-bg);<br /> color: var(--smw-ask-action-btn-lblue-color);<br /> border-color: var(--smw-ask-action-btn-lblue-border-color)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-dblue,.smw-ask-action-btn.smw-ask-action-btn-dblue:hover,.smw-ask-action-btn.smw-ask-action-btn-dblue:visited {<br /> background-color: var(--smw-ask-action-btn-dblue-bg);<br /> color: var(--smw-ask-action-btn-dblue-color);<br /> border-color: var(--smw-ask-action-btn-dblue-border-color)<br /> }<br /> <br /> .smw-ask-query textarea,.smw-ask-actions textarea {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-query-format select {<br /> background-color: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-toplinks {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info {<br /> background: none;<br /> padding: 0 !important<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info::before {<br /> content: '';<br /> background: var(--text-color);<br /> -webkit-mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> padding: 0 0 3px 18px<br /> }<br /> <br /> .smw-ask-options-row-odd {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smw-ask-options-row-even {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> #options-toggle:not(:checked) + #options-list .options-parameter-list:after {<br /> background-image: linear-gradient(to bottom,transparent,var(--body-mid) 90%)<br /> }<br /> <br /> .smw-ask-button-submit input {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-ask-button-submit input:hover,.smw-ask-button-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> input.smw-ask-action-btn.smw-ask-action-btn-dblue {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:hover {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-callout-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .smw-callout-info {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .smw-callout-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .smw-callout-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-bg)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label,.smw-tabs input.nav-tab:checked + label.nav-label:hover {<br /> color: inherit<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count {<br /> color: #fff;<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.moderate {<br /> color: #fff;<br /> background-color: #b55e0c;<br /> border-color: #b55e0c<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.high {<br /> color: #fff;<br /> background-color: #9f261e;<br /> border-color: #9f261e<br /> }<br /> <br /> .smw-property-page-results .header-title {<br /> background-color: var(--ooui-interface);<br /> border-bottom-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-property-page-results .value-row:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .smw-property-page-results .smw-table .header-row {<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-header {<br /> background-color: var(--body-dark);<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .smw-ui-input-filter {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ui-input-filter input {<br /> border-left-color: var(--ooui-interface-border) !important;<br /> color: var(--ooui-text) !important<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border);<br /> color: var(--subtle-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-active {<br /> color: #fff;<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-tabs section,.smw-tabs .subtab-content {<br /> border-top-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-column-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-factbox {<br /> background: var(--body-main);<br /> border-color: transparent<br /> }<br /> <br /> .mw-body .mw-indicators #mw-indicator-smw-entity-examiner.mw-indicator .smw-indicator-vertical-bar-loader {<br /> display: none<br /> }<br /> <br /> .smwb-theme-light .smwb-title,.smwb-theme-light .smwb-center,.smwb-theme-light .smwb-actions,.smwb-theme-light .smwb-prophead {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-factbox {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-ifactbox {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-propval {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smwb-action-separator {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .smwb-bottom {<br /> border-bottom: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-ifactbox .smwb-cell,.smwb-factbox .smwb-cell {<br /> border-top: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-propvalue .smwb-prophead,.smwb-ipropvalue .smwb-prophead,.smwb-propvalue .smwb-propval,.smwb-ipropvalue .smwb-propval {<br /> font-size: 0.9em<br /> }<br /> <br /> :root {<br /> --filter-black-to-link: invert(36%) sepia(58%) saturate(433%) hue-rotate(344deg) brightness(100%) contrast(91%)<br /> }<br /> <br /> #bodyContent span.smwbrowse a {<br /> color: black;<br /> background-image: url(/images/Smwbrowse.svg?87d2b);<br /> filter: var(--filter-black-to-link)<br /> }<br /> <br /> #bodyContent span.smwbrowse a:hover {<br /> color: black;<br /> background-image: url(/images/Smwbrowse-hover.svg?73b79);<br /> text-decoration: underline<br /> }<br /> <br /> #bodyContent span.smwsearch a {<br /> color: black;<br /> filter: var(--filter-black-to-link);<br /> background-image: url(/images/Smwsearch.svg?72b04)<br /> }<br /> <br /> #bodyContent span.smwsearch a:hover {<br /> color: black;<br /> background-image: url(/images/Smwsearch-hover.svg?62df0);<br /> text-decoration: underline<br /> }<br /> <br /> :root {<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-background-color);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border)<br /> }<br /> <br /> .tabber {<br /> margin: 1em 0<br /> }<br /> <br /> .tabber .tabbertab {<br /> background-color: var(--tabber-tab-bg);<br /> border: 1px solid var(--tabber-tab-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1em 1.5em<br /> }<br /> <br /> ul.tabbernav {<br /> border: none;<br /> margin-left: 2em;<br /> margin-bottom: 0;<br /> margin-right: 2em;<br /> padding: 0;<br /> font-family: inherit<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a {<br /> background-color: var(--tabber-active-tab-bg);<br /> color: var(--tabber-active-tab-color);<br /> border-bottom: none;<br /> position: relative<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a:hover {<br /> color: var(--tabber-active-tab-hover-color);<br /> background-color: var(--tabber-active-tab-hover-bg);<br /> border-color: var(--tabber-active-tab-hover-border-color);<br /> border-bottom: none<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a::after {<br /> content: '';<br /> position: absolute;<br /> left: 0;<br /> right: 0;<br /> bottom: -1px;<br /> border-bottom: 2px solid var(--tabber-active-tab-border-hider-color)<br /> }<br /> <br /> ul.tabbernav li a {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> border-bottom: transparent;<br /> border-color: var(--tabber-inactive-tab-border-color);<br /> color: var(--tabber-inactive-tab-color);<br /> display: inline-block;<br /> font-size: 110%;<br /> padding: 0.5em 1em<br /> }<br /> <br /> ul.tabbernav li a:hover {<br /> background-color: var(--tabber-inactive-tab-hover-bg);<br /> border-color: var(--tabber-inactive-tab-hover-border-color)<br /> }<br /> <br /> ul.tabbernav li a:link,ul.tabbernav li a:visited {<br /> color: var(--tabber-inactive-tab-color)<br /> }<br /> <br /> .js-tooltip-text {<br /> padding: 5px<br /> }<br /> <br /> .js-tooltip-wrapper {<br /> position: absolute;<br /> z-index: 10;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> color: var(--text-color);<br /> max-width: 75%;<br /> overflow-wrap: break-word;<br /> padding: 10px 15px;<br /> margin: 0px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> font-size: 0.8em<br /> }<br /> <br /> .js-tooltip-click {<br /> color: var(--button-color);<br /> background: var(--button-background);<br /> border-radius: 2em;<br /> cursor: pointer;<br /> padding: 0 0.3em;<br /> user-select: none<br /> }<br /> <br /> .js-tooltip-arrow {<br /> position: absolute;<br /> border-color: transparent;<br /> border-style: solid;<br /> width: 0;<br /> height: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointleft {<br /> border-right-color: var(--body-border);<br /> border-left-color: transparent;<br /> border-left-width: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointright {<br /> border-left-color: var(--body-border);<br /> border-right-color: transparent;<br /> border-right-width: 0<br /> }<br /> <br /> .js-tooltip-close {<br /> float: right;<br /> margin-left: 10px;<br /> margin-right: -5px;<br /> margin-top: -5px;<br /> margin-bottom: 1px;<br /> background: var(--button-background);<br /> border: 0;<br /> cursor: pointer<br /> }<br /> <br /> :root {<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px); <br /> }<br /> <br /> .oo-ui-widget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox'] + span,.oo-ui-radioInputWidget [type='radio'] + span {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,.oo-ui-radioInputWidget [type='radio']:disabled + span {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownWidget-handle {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border);<br /> background-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget select {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget option {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuSelectWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-menuSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-menuSectionOptionWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-title {<br /> color: inherit<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block),.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-optionWidget.oo-ui-widget-disabled {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-outlineControlsWidget {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {<br /> border-bottom-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {<br /> border-top-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {<br /> border-right-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {<br /> border-left-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {<br /> border-left-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-searchWidget-query {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-tabOptionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--body-dark);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {<br /> border-bottom-color: var(--body-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {<br /> background-color: var(--body-light);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> color: var(--ooui-progressive);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover,.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:focus {<br /> color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed {<br /> background: none;<br /> border-bottom: 1px solid var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile {<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tagItemWidget {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> @media screen and (min-width: 0) {<br /> .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {<br /> outline:1px solid var(--ooui-accent)<br /> }<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {<br /> border-color: #fff<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; input.oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover);<br /> color: #fff;<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive {<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active &gt; .oo-ui-buttonElement-button {<br /> color: #fff;<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-pendingElement-pending {<br /> background-image: var(--ooui-pending-background-image);<br /> background-size: 200%;<br /> animation: oo-ui-pendingElement-stripes 6s linear infinite<br /> }<br /> <br /> @keyframes oo-ui-pendingElement-stripes {<br /> 100% {<br /> background-position: 100%<br /> }<br /> }<br /> <br /> .oo-ui-messageDialog-content &gt; .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-message {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog-content .oo-ui-window-head,.oo-ui-processDialog-content .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:active {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:active {<br /> border-right-color: var(--ooui-interface-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button,.oo-ui-processDialog-actions-other .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-right-color: var(--ooui-normal-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-windowManager-modal.oo-ui-windowManager-floating &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-window {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-bar {<br /> background-color: var(--ooui-interface);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-position-top &gt; .oo-ui-toolbar-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-toolbar-bar .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active &gt; .oo-ui-tool-link,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent);<br /> box-shadow: none<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-menuToolGroup {<br /> border-left-color: var(--body-mid);<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> border-right-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 2px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-bookletLayout-outlinePanel &gt; .oo-ui-outlineControlsWidget {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-fieldLayout-disabled &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header &gt; .oo-ui-labelElement-label {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-panelLayout-framed {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .oo-ui-icon-settings {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Esettings%3C/title%3E%3Cg transform='translate(10 10)'%3E%3Cpath id='a' d='M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3'/%3E%3Cuse xlink:href='%23a' transform='rotate(45)'/%3E%3Cuse xlink:href='%23a' transform='rotate(90)'/%3E%3Cuse xlink:href='%23a' transform='rotate(135)'/%3E%3C/g%3E%3Cpath d='M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .oo-ui-icon-clear {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Eclear%3C/title%3E%3Cpath d='M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-widget-dateInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widget-dateInputWidget-calendar {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widget-calendarWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widget-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-day,.mw-widget-calendarWidget-day-heading {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-widget-calendarWidget-day-additional {<br /> color: var(--ooui-text);<br /> opacity: 0.67<br /> }<br /> <br /> .mw-widget-calendarWidget-day-today {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-item:hover {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-widget-calendarWidget-item-selected {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),0 2px 2px 0 rgba(0,0,0,0.25)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.mw-widgets-datetime-dateTimeInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input,.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .mw-kartographer-mapDialog-foot {<br /> background-color: var(--body-light);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-container {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a,.mw-kartographer-interactive .leaflet-popup-content a:visited,.mw-kartographer-interactive .leaflet-popup-content a:hover,.mw-kartographer-interactive .leaflet-popup-content a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a.new a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .leaflet-popup-content-wrapper {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .leaflet-popup-tip {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey {<br /> background: #e4eaee;<br /> color: #444e5a;<br /> text-shadow: none<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a,.leaflet-vis-tooltip.lbl-bg-grey a:visited,.leaflet-vis-tooltip.lbl-bg-grey a:active,.leaflet-vis-tooltip.lbl-bg-grey a:hover,.leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a, .leaflet-vis-tooltip.lbl-bg-grey a:visited, .leaflet-vis-tooltip.lbl-bg-grey a:active, .leaflet-vis-tooltip.lbl-bg-grey a:hover, .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:visited,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:active,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:hover,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before {<br /> display: block;<br /> border-left-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before {<br /> display: block;<br /> border-right-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before {<br /> display: block;<br /> border-top-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before {<br /> display: block;<br /> border-bottom-color: #e4eaee<br /> }<br /> <br /> .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover {<br /> background: var(--ooui-normal--hover)<br /> }<br /> <br /> .ve-ui-overlay {<br /> font-family: inherit<br /> }<br /> <br /> .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above {<br /> border-top-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-branchNode-blockSlug,.ve-ce-branchNode-newSlug {<br /> outline-color: var(--body-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-specialCharacterPage h3 {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character:hover {<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px var(--body-mid);<br /> background: none<br /> }<br /> <br /> .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwHelpPopupTool-version-label,.ve-ui-mwHelpPopupTool-version-link,.ve-ui-mwHelpPopupTool-version-date {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ce-tableCellableNode {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-mwReferencesListNode-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwTemplatePage-description,.ve-ui-mwParameterPage-label,.ve-ui-mwParameterPage-description-required,.ve-ui-mwParameterPage-description-deprecated {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwGalleryDialog-menuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog-innerMenuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container,.ve-ui-targetWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .ve-ui-mwSaveDialog {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-options {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-summary {<br /> background-color: var(--ooui-input)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-editSummary-count {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-license {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwReferenceContextItem-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwNoticesPopupTool-items &gt; div:not(:first-child),.ve-ui-mwHelpPopupTool-item:not(:first-child) {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineControlsWidget {<br /> background-color: var(--ooui-interface);<br /> border-top-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-sticky {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwParameterPage-undocumentedLabel {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwTwoPaneTransclusionDialogLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwParameterPage-doc-required,.ve-ui-mwParameterPage-doc-deprecated,.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-expandableContent-toggle {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-expandableContent-fade {<br /> background: linear-gradient(to right,rgba(255,255,255,0) 0,var(--ooui-interface) 90%)<br /> }<br /> <br /> .ve-ui-commandHelpDialog-shortcut &gt; kbd,.ve-ui-commandHelpDialog-sequence &gt; kbd {<br /> background-color: var(--keypress-background);<br /> color: var(--keypress-color);<br /> border-color: var(--keypress-border);<br /> box-shadow: none;<br /> text-shadow: none<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> background: var(--ooui-interface)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'],figure[typeof~='mw:File/Frame'],figure[typeof~='mw:Image/Thumb'],figure[typeof~='mw:Video/Thumb'],figure[typeof~='mw:Image/Frame'],figure[typeof~='mw:Video/Frame'] {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:File/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media) {<br /> border: none;<br /> background: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; figcaption,figure[typeof~='mw:File/Frame'] &gt; figcaption,figure[typeof~='mw:Image/Thumb'] &gt; figcaption,figure[typeof~='mw:Video/Thumb'] &gt; figcaption,figure[typeof~='mw:Image/Frame'] &gt; figcaption,figure[typeof~='mw:Video/Frame'] &gt; figcaption {<br /> border: none;<br /> background-color: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --fact-text-color: #15f;<br /> --production-selected-background: #c3e8a3;<br /> --production-selected-color: #000;<br /> --wikipedia-border: #e0e0e0;<br /> --wikipedia-background: #f8f8f8;<br /> --keypress-background: #eee;<br /> --keypress-border: #ccc;<br /> --keypress-color: #333;<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg,#bfffbd 0 20px,#4cf172 20px 30px);<br /> --tbz-unlocked-border-color: #012100;<br /> --tbz-locked-background-color: #ffc3c3;<br /> --tbz-locked-border-color: #df9090;<br /> --tbz-partial-unlock-background: #dae8d2;<br /> --tbz-partial-unlock-border-color: #aeaeae<br /> }<br /> <br /> .archivelist {<br /> background-color: var(--body-light);<br /> border: solid 1px var(--body-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> margin: 5px;<br /> padding: 5px;<br /> text-align: center;<br /> width: 120px<br /> }<br /> <br /> .collapsed-sec {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-weight: bold;<br /> text-shadow: 1px 1px #fff<br /> }<br /> <br /> .combat-styles-icons a {<br /> display: inline-block;<br /> text-align: center;<br /> min-width: 26px<br /> }<br /> <br /> .combat-styles-header a {<br /> color: var(--text-color)<br /> }<br /> <br /> .fact-text {<br /> color: var(--fact-text-color);<br /> font-style: italic;<br /> cursor: help;<br /> border-bottom: dotted 1px<br /> }<br /> <br /> .production-selected {<br /> background: var(--production-selected-background);<br /> color: var(--production-selected-color)<br /> }<br /> <br /> .relative-location {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-spacing: 0;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 5px;<br /> text-align: center<br /> }<br /> <br /> .relative-location-txt {<br /> color: var(--text-color)<br /> }<br /> <br /> .relative-location-header {<br /> background: var(--body-dark)<br /> }<br /> <br /> #musicMap data {<br /> display: none<br /> }<br /> <br /> .musicMap-buttons {<br /> text-align: center;<br /> margin: 0.7em<br /> }<br /> <br /> .talkheader {<br /> text-align: center;<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .shortcut {<br /> border: 1px solid var(--body-border);<br /> background: var(--body-light);<br /> float: right;<br /> font-size: 0.8em;<br /> margin: 0.5em 0em 0.5em 1em;<br /> padding: 0.5em;<br /> text-align: center<br /> }<br /> <br /> .succession {<br /> width: 50%;<br /> text-align: center<br /> }<br /> <br /> .succession th {<br /> width: 33%;<br /> font-size: 90%;<br /> background: var(--body-mid)<br /> }<br /> <br /> .succession td {<br /> background: var(--body-light)<br /> }<br /> <br /> .update {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0;<br /> padding: 0.25em 1em;<br /> text-align: center<br /> }<br /> <br /> .pollwrapper {<br /> display: flex;<br /> align-items: center;<br /> flex-direction: column;<br /> counter-reset: question<br /> }<br /> <br /> .pollbox {<br /> position: relative;<br /> padding: 1em 0.7em;<br /> margin: 0.7em;<br /> margin-bottom: 1.2em;<br /> width: 700px;<br /> font-size: 16px;<br /> border: 2px solid var(--body-border);<br /> background: var(--body-light)<br /> }<br /> <br /> .pollbox::before {<br /> content: &quot;Question &quot; counter(question);<br /> counter-increment: question;<br /> position: absolute;<br /> font-size: 16px;<br /> font-weight: bold;<br /> top: -0.5em;<br /> margin-top: -2px;<br /> left: 0.6em;<br /> line-height: 1em;<br /> background: linear-gradient(0deg,var(--body-light),var(--body-light) 50%,rgba(0,0,0,0) 50%);<br /> padding: 0 0.6em<br /> }<br /> <br /> .pollbox table {<br /> width: 100%;<br /> border-collapse: collapse;<br /> font-size: 14px<br /> }<br /> <br /> .pollbox caption {<br /> text-align: left;<br /> margin-bottom: 4px<br /> }<br /> <br /> .pollbox td {<br /> padding: 0px<br /> }<br /> <br /> .pollquestion td:first-child::before {<br /> content: &quot;&quot;;<br /> background: url(/images/Poll_shield.png?c691a);<br /> background-repeat: no-repeat;<br /> background-position: top;<br /> width: 10px;<br /> height: 14px;<br /> position: absolute;<br /> top: 4px;<br /> left: 0<br /> }<br /> <br /> .pollquestion td:first-child {<br /> position: relative;<br /> width: 32%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .pollquestion td.pollpercent {<br /> box-sizing: border-box;<br /> padding-left: 17px;<br /> padding-right: 8px<br /> }<br /> <br /> .pollquestion td:last-child {<br /> width: 22%;<br /> padding-left: 0.7em<br /> }<br /> <br /> .pollquestion .pollnote td {<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .pollquestion .pollnote td::before {<br /> content: none<br /> }<br /> <br /> .pollquestion data {<br /> display: block;<br /> height: 15px;<br /> background-image: url(/images/Poll_sword2.png?7d4c4);<br /> position: relative<br /> }<br /> <br /> .pollquestion data::before,.pollquestion data::after {<br /> content: &quot;&quot;;<br /> height: inherit;<br /> position: absolute;<br /> height: 15px<br /> }<br /> <br /> .pollquestion data::before {<br /> background: url(/images/Poll_sword1.png?d445b);<br /> width: 17px;<br /> right: 100%<br /> }<br /> <br /> .pollquestion data::after {<br /> background: url(/images/Poll_sword3.png?487b5);<br /> width: 8px;<br /> left: 100%<br /> }<br /> <br /> .archivepollq th {<br /> text-align: left;<br /> font-weight: normal;<br /> padding: 15px 0 0 0<br /> }<br /> <br /> .archivepollq td:first-child {<br /> position: relative;<br /> width: 80%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .archivepollq td.archivepollpercent {<br /> box-sizing: border-box;<br /> padding: 2px;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .archivepollq td:last-child {<br /> text-align: right;<br /> padding-left: 0.7em<br /> }<br /> <br /> .archivepollq .archivepollnote &gt; td {<br /> text-align: left;<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .archivepollq data {<br /> display: block;<br /> height: 25px;<br /> background: var(--body-border);<br /> position: relative<br /> }<br /> <br /> .archivepollq.e {<br /> border: 2px solid var(--errorbox-border);<br /> background: var(--errorbox-bg)<br /> }<br /> <br /> .archivepollq.e::before {<br /> content: &quot;Error&quot;;<br /> background: linear-gradient(0deg,var(--errorbox-bg),var(--errorbox-bg) 50%,rgba(0,0,0,0) 50%)<br /> }<br /> <br /> .wikipedia {<br /> border: 1px solid var(--wikipedia-border);<br /> background-color: var(--wikipedia-background)<br /> }<br /> <br /> .hatnote,.seealso {<br /> font-style: italic<br /> }<br /> <br /> .hatnote i,.seealso i {<br /> font-style: normal<br /> }<br /> <br /> div.hatnote,div.seealso {<br /> margin: 0.5em 1.6em<br /> }<br /> <br /> div.hatnote + div.hatnote,div.hatnote + div.seealso,div.seealso + div.hatnote,div.seealso + div.seealso {<br /> margin-top: -0.5em<br /> }<br /> <br /> .extimage div,.extimage a,.extimage img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .tbz-region {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> white-space: nowrap;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> width: 110px;<br /> padding: 0.35em 0.45em 0.25em;<br /> margin: 1px<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-badge {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> padding: 0.3em 0.35em 0.2em<br /> }<br /> <br /> .tbz-badge + .tbz-badge {<br /> margin-left: 1px<br /> }<br /> <br /> .tbz-badge.tbz-badge-wrapper {<br /> padding: 0.2em<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-unlocked {<br /> background: var(--tbz-unlocked-background);<br /> border-color: var(--tbz-unlocked-border-color)<br /> }<br /> <br /> .tbz-unlocked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-unlocked .tbz-check {<br /> display: inline-block;<br /> padding-left: 5px<br /> }<br /> <br /> .tbz-locked {<br /> background-color: var(--tbz-locked-background-color);<br /> border-color: var(--tbz-locked-border-color)<br /> }<br /> <br /> .tbz-locked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-locked .tbz-unlocked {<br /> background: var(--tbz-partial-unlock-background);<br /> border-color: var(--tbz-partial-unlock-border-color)<br /> }<br /> <br /> .combatinfo {<br /> width: 160px;<br /> text-align: center;<br /> float: right;<br /> clear: right<br /> }<br /> <br /> .combatinfo.combatinfo-left {<br /> float: left;<br /> clear: left<br /> }<br /> <br /> .combatinfo td {<br /> width: 25%<br /> }<br /> <br /> .wikitable.combatinfo &gt; caption {<br /> font-weight: normal<br /> }<br /> <br /> .growth-stage-table td.growth-stage {<br /> text-align: center;<br /> vertical-align: bottom<br /> }<br /> <br /> .keypress {<br /> background: var(--keypress-background);<br /> color: var(--keypress-color);<br /> font-family: inherit;<br /> border: 1px solid var(--keypress-border);<br /> border-radius: 2px;<br /> font-size: 0.9em;<br /> margin: 0 0.1em;<br /> padding: 0.1em 0.4em;<br /> white-space: nowrap<br /> }<br /> <br /> .rsw-music-player {<br /> height: 2em;<br /> vertical-align: middle<br /> }<br /> <br /> .item-drops .beast-version {<br /> font-size: smaller;<br /> font-style: italic<br /> }<br /> <br /> td.famtreesub {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table {<br /> border-spacing: 0;<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table td {<br /> height: 1em;<br /> width: 1em<br /> }<br /> <br /> td.famtreeleaf {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> padding: 0.2em<br /> }<br /> <br /> :root {<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #ccc<br /> }<br /> <br /> :root {<br /> --coins-color: green;<br /> --coins-pos-color: white;<br /> --coins-neg-color: #c02614<br /> }<br /> <br /> .coins {<br /> color: var(--coins-color);<br /> background-position: 0% 50%;<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> padding: 0<br /> }<br /> <br /> .coins-pos {<br /> color: var(--coins-pos-color)<br /> }<br /> <br /> .coins-neg {<br /> color: var(--coins-neg-color)<br /> }<br /> <br /> .coins-10000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 3px 35px<br /> }<br /> <br /> .coins-1000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-250 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-100 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-25 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-5 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-4 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-3 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-2 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-1 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> :root {<br /> --documentation-background: #f9fafa;<br /> --documentation-link-color: #e4eaee;<br /> --documentation-headers-color: #fff;<br /> --documentation-header-background: #949eaa;<br /> --documentation-subheader-background: #808c9a;<br /> --documentation-border: #e4eaee<br /> }<br /> <br /> .documentation {<br /> background: var(--documentation-background);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0<br /> }<br /> <br /> .documentation pre,.documentation code {<br /> background-color: var(--documentation-background);<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation h2,.documentation hr {<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation-header {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-header-background);<br /> font-weight: bold;<br /> padding: 1em 1.5em<br /> }<br /> <br /> .documentation-title {<br /> font-size: 1.25em<br /> }<br /> <br /> .documentation-subheader {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-subheader-background);<br /> padding: 0.5em 1.5em<br /> }<br /> <br /> .documentation-subheader a,.documentation-subheader a:visited,.documentation-subheader a:active {<br /> color: var(--documentation-link-color)<br /> }<br /> <br /> .documentation-documentation,.documentation-links {<br /> font-size: 0.85em<br /> }<br /> <br /> .documentation-content {<br /> padding: 1em 1.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dl:not(:empty) {<br /> column-count: 3;<br /> border-top: 1px solid var(--body-border);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dt::after {<br /> content: &quot;:&quot;<br /> }<br /> <br /> .mw-templatedata-doc-params dd,.mw-templatedata-doc-params dt {<br /> margin: 0.1em 2em;<br /> min-width: auto<br /> }<br /> <br /> .mw-templatedata-doc-muted {<br /> color: var(--subtle-color);<br /> font-style: italic<br /> }<br /> <br /> .fairycode {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-size: 120%;<br /> font-weight: bold;<br /> text-transform: lowercase;<br /> letter-spacing: 1px<br /> }<br /> <br /> .fairycode b ~ b:before {<br /> content: &quot;•&quot;<br /> }<br /> <br /> .floornumber &gt; .floornumber-us,#toc li a span.toctext span span:nth-child(2),.floornumber-setting-gb .floornumber &gt; .floornumber-us,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(2),.floornumber-setting-us .floornumber &gt; .floornumber-gb,.floornumber-setting-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none<br /> }<br /> <br /> .floornumber-setting-gb .floornumber &gt; .floornumber-gb,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(1),.floornumber-setting-us .floornumber &gt; .floornumber-us,.floornumber-setting-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-us,.floornumber-override-gb #toc li a span.toctext span span:nth-child(2),.floornumber-override-us .floornumber &gt; .floornumber-gb,.floornumber-override-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none !important<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-gb,.floornumber-override-gb #toc li a span.toctext span span:nth-child(1),.floornumber-override-us .floornumber &gt; .floornumber-us,.floornumber-override-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline !important<br /> }<br /> <br /> .musicplayer {<br /> border: 1px solid var(--body-border);<br /> font-size: 90%;<br /> background: var(--body-light);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> max-width: 300px;<br /> margin: 0 0 1em 1em;<br /> padding: 5px<br /> }<br /> <br /> .musicplayer audio,.infobox audio {<br /> max-width: 298px;<br /> margin-left: auto;<br /> margin-right: auto<br /> }<br /> <br /> .plink-template + a {<br /> margin-left: 0.25em<br /> }<br /> <br /> .plinkt-image {<br /> text-align: center<br /> }<br /> <br /> :root {<br /> --questdetails-header-background: #cfc2aa;<br /> --questdetails-header-background-alt: #cfbda1<br /> }<br /> <br /> .questdetails {<br /> width: 100%;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-collapse: separate<br /> }<br /> <br /> .questdetails th {<br /> text-align: left<br /> }<br /> <br /> .questdetails-header {<br /> padding: 0.5em 1em;<br /> background-color: var(--questdetails-header-background);<br /> width: 125px<br /> }<br /> <br /> .questdetails tr:nth-child(odd) .questdetails-header {<br /> background-color: var(--questdetails-header-background-alt)<br /> }<br /> <br /> .questdetails-info {<br /> padding-left: 1em;<br /> padding-right: 2em<br /> }<br /> <br /> ol.references,.reflist {<br /> font-size: 90%<br /> }<br /> <br /> .reflist {<br /> list-style-type: decimal<br /> }<br /> <br /> .reflist .references {<br /> font-size: 100%;<br /> list-style-type: inherit<br /> }<br /> <br /> .reflist-lower-alpha {<br /> list-style-type: lower-alpha<br /> }<br /> <br /> ol.references li:target,sup.reference:target {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .hideQuotes .refhide {<br /> display: none<br /> }<br /> <br /> .editnotice {<br /> font-size: 0.9em;<br /> padding-bottom: 0.75em;<br /> margin-bottom: 0.6em<br /> }<br /> <br /> .editnotice .editnotice-title {<br /> font-size: 1.2em;<br /> font-weight: bold;<br /> margin-bottom: 0.4em<br /> }<br /> <br /> <br /> <br /> <br /> .mw-message-box,.mw-message-box-error,.mw-message-box-warning,.mw-message-box-success,.usermessage {<br /> color: var(--text-color)<br /> }<br /> <br /> .messagebox {<br /> width: 65%;<br /> margin: 0.5em auto;<br /> border-left: 15px solid;<br /> border-color: var(--body-dark);<br /> background-color: var(--body-light);<br /> box-sizing: border-box<br /> }<br /> <br /> .messagebox.obsolete {<br /> background-color: var(--messagebox-obsolete-background);<br /> border-color: var(--messagebox-obsolete-border);<br /> color: var(--messagebox-obsolete-color)<br /> }<br /> <br /> .messagebox.obsolete a,.messagebox.obsolete a:visited,.messagebox.obsolete a:active {<br /> color: var(--messagebox-obsolete-link-color)<br /> }<br /> <br /> .messagebox.info {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border);<br /> color: var(--messagebox-info-color)<br /> }<br /> <br /> .messagebox.info a,.messagebox.info a:visited,.messagebox.info a:active {<br /> color: var(--messagebox-info-link-color)<br /> }<br /> <br /> .messagebox.action {<br /> background-color: var(--messagebox-action-background);<br /> border-color: var(--messagebox-action-border);<br /> color: var(--messagebox-action-color)<br /> }<br /> <br /> .messagebox.action a,.messagebox.action a:visited,.messagebox.action a:active {<br /> color: var(--messagebox-action-link-color)<br /> }<br /> <br /> .messagebox.warn {<br /> background-color: var(--messagebox-warn-background);<br /> border-color: var(--messagebox-warn-border);<br /> color: var(--messagebox-warn-color)<br /> }<br /> <br /> .messagebox.warn a,.messagebox.warn a:visited,.messagebox.warn a:active {<br /> color: var(--messagebox-warn-link-color)<br /> }<br /> <br /> .messagebox.safe {<br /> background-color: var(--messagebox-safe-background);<br /> border-color: var(--messagebox-safe-border);<br /> color: var(--messagebox-safe-color)<br /> }<br /> <br /> .messagebox.safe a,.messagebox.safe a:visited,.messagebox.safe a:active {<br /> color: var(--messagebox-safe-link-color)<br /> }<br /> <br /> .messagebox.disambig {<br /> background-color: var(--messagebox-disambig-background);<br /> border-color: var(--messagebox-disambig-border);<br /> color: var(--messagebox-disambig-color)<br /> }<br /> <br /> .messagebox.disambig a,.messagebox.disambig a:visited,.messagebox.disambig a:active {<br /> color: var(--messagebox-disambig-link-color)<br /> }<br /> <br /> .messagebox.discord {<br /> background-color: var(--messagebox-discord-background);<br /> border-color: var(--messagebox-discord-border);<br /> color: #fff<br /> }<br /> <br /> .messagebox.discord a,.messagebox.discord a:visited,.messagebox.discord a:active {<br /> color: var(--messagebox-discord-link-color)<br /> }<br /> <br /> .messagebox.discord a.external,.messagebox.discord a:visited.external,.messagebox.discord a:active.external {<br /> font-style: italic<br /> }<br /> <br /> .messagebox.stub {<br /> width: 40%<br /> }<br /> <br /> .messagebox.hasdialogue {<br /> padding: 0 10px;<br /> width: auto<br /> }<br /> <br /> :root {<br /> --ajaxpoll-background: #fafafa;<br /> --ajaxpoll-text-color: var(--byline-color);<br /> --ajaxpoll-answerbar-background: var(--body-light);<br /> --ajaxpoll-answerbar-border: var(--body-border)<br /> }<br /> <br /> .ajaxpoll {<br /> background: var(--ajaxpoll-background)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-hover-vote,.ajaxpoll .ajaxpoll-hover-revoke,.ajaxpoll .ajaxpoll-ajax {<br /> background: none<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote {<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote div {<br /> background: var(--ajaxpoll-answerbar-background);<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-our-vote div {<br /> border-color: #3c780a<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-misc,.ajaxpoll .ajaxpoll-info,.ajaxpoll .ajaxpoll-ajax {<br /> color: var(--ajaxpoll-text-color)<br /> }<br /> <br /> .ajaxpoll-id-info {<br /> display: none<br /> }<br /> <br /> .inventorytable,<br /> .lootingbagtable,<br /> .runepouchtable {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> height: auto;<br /> border-spacing: 0;<br /> border-collapse: separate;<br /> margin-top: 7px;<br /> margin-bottom: 7px;<br /> }<br /> <br /> .inventorytable.storage-left,<br /> .lootingbagtable.storage-left,<br /> .runepouchtable.storage-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .inventorytable.storage-center,<br /> .lootingbagtable.storage-center,<br /> .runepouchtable.storage-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .inventorytable.storage-right,<br /> .lootingbagtable.storage-right,<br /> .runepouchtable.storage-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .inventorytable td,<br /> .lootingbagtable td,<br /> .runepouchtable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> }<br /> <br /> .inventorytable {<br /> background-image: url(/images/e/e9/Inventory_tab.png);<br /> width: 204px;<br /> padding: 13px 16px 10px;<br /> }<br /> <br /> .inventorytable td {<br /> width: 43px;<br /> height: 36px;<br /> }<br /> <br /> .lootingbagtable {<br /> background-image: url(/images/7/78/Looting_bag_tab.png);<br /> width: 204px;<br /> padding: 31px 17px 20px 12px;<br /> }<br /> <br /> .lootingbagtable td {<br /> width: 44px;<br /> height: 32px;<br /> }<br /> <br /> .runepouchtable {<br /> background-image: url(/images/f/f1/Rune_pouch_background.png);<br /> width: 158px;<br /> padding: 24px 7px 6px;<br /> }<br /> <br /> .runepouchtable.storage-left {<br /> margin-left: 23px;<br /> }<br /> <br /> .runepouchtable.storage-right {<br /> margin-right: 23px;<br /> }<br /> <br /> .runepouchtable td {<br /> width: 32px;<br /> height: 32px;<br /> line-height: 1.6em;<br /> }<br /> <br /> .runepouchtable td.middle-rune {<br /> padding-left: 24px;<br /> padding-right: 24px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune {<br /> padding-left: 6px;<br /> padding-right: 6px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune {<br /> padding-left: 0;<br /> }<br /> <br /> .menagerietable {<br /> background-image: url(/images/9/9c/Menagerie_interface.png);<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> width: 300px;<br /> height: 250px;<br /> padding: 56px 28px 34px 6px;<br /> border-spacing: 0;<br /> }<br /> <br /> .menagerietable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> width: 46px;<br /> height: 32px;<br /> }<br /> <br /> .inventorytable .inv-quantity-text,<br /> .lootingbagtable .inv-quantity-text,<br /> .runepouchtable .inv-quantity-text,<br /> .equipment .inv-quantity-text {<br /> font-family: 'RuneScape Small';<br /> font-size: 12pt;<br /> position: absolute;<br /> top: -8px;<br /> left: 4px;<br /> text-shadow: #000 1px 1px;<br /> color: #ffff00;<br /> pointer-events: none;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-1,<br /> .lootingbagtable .inv-quantity-text.qty-1,<br /> .runepouchtable .inv-quantity-text.qty-1,<br /> .equipment .inv-quantity-text.qty-1 {<br /> color: #ffff00;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-100k,<br /> .lootingbagtable .inv-quantity-text.qty-100k,<br /> .runepouchtable .inv-quantity-text.qty-100k,<br /> .equipment .inv-quantity-text.qty-100k {<br /> color: #fff;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-10m,<br /> .lootingbagtable .inv-quantity-text.qty-10m,<br /> .runepouchtable .inv-quantity-text.qty-10m,<br /> .equipment .inv-quantity-text.qty-10m {<br /> color: #01ff80;<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {<br /> .inventorytable img,<br /> .lootingbagtable img,<br /> .runepouchtable img,<br /> .equipment img {<br /> image-rendering: pixelated;<br /> image-rendering: crisp-edges;<br /> }<br /> <br /> }<br /> <br /> .runepouchtable .inv-quantity-text {<br /> left: -1px;<br /> }<br /> <br /> .runepouchtable td.middle-rune .inv-quantity-text {<br /> left: 23px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune .inv-quantity-text {<br /> left: 5px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune .inv-quantity-text {<br /> left: 0;<br /> }<br /> <br /> .equipment .inv-quantity-text {<br /> top: -3px;<br /> }<br /> <br /> span.noted-item {<br /> width: 30px;<br /> height: 29px;<br /> text-align: center;<br /> display: inline-block;<br /> }<br /> <br /> span.noted-item a {<br /> width: 30px;<br /> height: 29px;<br /> }<br /> <br /> .noted-item a {<br /> background-image: url(/images/3/3a/Bank_note.png);<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> background-position: center;<br /> }<br /> <br /> td.noted-item a {<br /> width: 32px;<br /> line-height: 28px;<br /> }<br /> <br /> .noted-item img {<br /> transform: scale(0.65);<br /> }<br /> <br /> .equipment {<br /> background: #3e3529;<br /> border: 9px solid transparent;<br /> border-image-source: url(/images/c/c7/Interface_border.png);<br /> border-image-slice: 9;<br /> border-image-width: 9px;<br /> border-image-outset: 0;<br /> border-image-repeat: repeat;<br /> margin: 7px 0;<br /> padding: 0 2px 0 3px;<br /> }<br /> <br /> @media all and (max-width: 720px) {<br /> table.equipment {<br /> width: initial !important;<br /> }<br /> <br /> }<br /> <br /> .equipment-div,<br /> .equipment-div-buttons {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> position: relative;<br /> width: 175px;<br /> display: flex;<br /> }<br /> <br /> .equipment-div {<br /> background-image: url(/images/a/a7/Worn_equipment_tab_%28no_buttons%29.png);<br /> height: 222px;<br /> margin: 15px 0 14px;<br /> }<br /> <br /> .equipment-div-buttons {<br /> background-image: url(/images/e/e3/Worn_equipment_tab_%28borderless%29.png);<br /> height: 244px;<br /> margin: 4px 0 3px;<br /> }<br /> <br /> .equipment-blank {<br /> background-image: url(/images/c/cf/Blank_slot.png);<br /> width: 36px;<br /> height: 36px;<br /> }<br /> <br /> .equipment-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .equipment-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .equipment-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .equipment-stats,<br /> .equipment-ikod {<br /> font-family: RuneScape;<br /> font-size: 16px;<br /> line-height: 14px;<br /> color: #ff981f;<br /> text-shadow: 1px 1px 0 black;<br /> }<br /> <br /> td.equipment-stats b {<br /> font-family: RuneScape;<br /> font-weight: bold;<br /> display: block;<br /> margin-top: 2px;<br /> }<br /> <br /> td.equipment-stats data {<br /> display: block;<br /> padding-left: 8px;<br /> }<br /> <br /> td.equipment-stats data img {<br /> vertical-align: bottom;<br /> }<br /> <br /> td.equipment-ikod {<br /> max-width: 325px;<br /> }<br /> <br /> td.equipment-ikod em {<br /> font-style: normal;<br /> display: block;<br /> margin-bottom: 3px;<br /> }<br /> <br /> td.equipment-ikod b {<br /> font-weight: normal;<br /> color: white;<br /> }<br /> <br /> td.equipment-ikod strong {<br /> font-weight: normal;<br /> color: red;<br /> }<br /> <br /> td.equipment-ikod ul {<br /> list-style: none;<br /> margin: 0;<br /> }<br /> <br /> td.equipment-ikod li {<br /> display: inline-block;<br /> width: 32px;<br /> height: 32px;<br /> line-height: 32px;<br /> margin: 0;<br /> margin-right: 14px;<br /> }<br /> <br /> td.equipment-ikod img {<br /> cursor: help;<br /> }<br /> <br /> td.equipment-ikod hr {<br /> border-top: 1px solid #0e0e0c;<br /> border-bottom: 1px solid #474745;<br /> margin: 7px 0;<br /> }<br /> <br /> .equipment-plinkp {<br /> position: absolute;<br /> width: 36px;<br /> height: 36px;<br /> left: 0px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head,<br /> .equipment-cape,<br /> .equipment-neck,<br /> .equipment-ammo,<br /> .equipment-weapon,<br /> .equipment-torso,<br /> .equipment-shield,<br /> .equipment-legs,<br /> .equipment-gloves,<br /> .equipment-boots,<br /> .equipment-ring,<br /> .equipment-statsbutton,<br /> .equipment-ikodbutton {<br /> position: absolute;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head {<br /> left: 70px;<br /> top: 0px;<br /> }<br /> <br /> .equipment-cape {<br /> left: 29px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-neck {<br /> left: 70px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-ammo {<br /> left: 111px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-weapon {<br /> left: 14px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-torso {<br /> left: 70px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-shield {<br /> left: 126px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-legs {<br /> left: 70px;<br /> top: 118px;<br /> }<br /> <br /> .equipment-gloves {<br /> left: 14px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-boots {<br /> left: 70px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-ring {<br /> left: 126px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-statsbutton {<br /> top: 204px;<br /> left: 0px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> .equipment-ikodbutton {<br /> top: 204px;<br /> left: 90px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> :root {<br /> --transcript-border-color: #b4a36a;<br /> --transcript-border-hover-color: #876f1d;<br /> --transcript-strikethrough-color: #800000<br /> }<br /> <br /> .transcript {<br /> background: var(--body-light);<br /> border-radius: 0 0 120px 120px / 0 0 8px 8px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> max-width: 90ch;<br /> overflow: hidden;<br /> margin-bottom: 1em;<br /> padding: 0.5em 1em 1em;<br /> clear: left<br /> }<br /> <br /> .transcript.godletter {<br /> margin: 1em auto;<br /> padding: 1em 1.5em;<br /> max-width: 60ch<br /> }<br /> <br /> .quest-action {<br /> text-align: center;<br /> font-style: italic;<br /> margin: 0 5%<br /> }<br /> <br /> .quest-action:before,.quest-action:after {<br /> content: '———';<br /> margin: 4px;<br /> letter-spacing: -1px<br /> }<br /> <br /> .transcript-chatbox-image {<br /> display: inline-block;<br /> margin-right: 5px;<br /> position: relative;<br /> text-align: center;<br /> width: 32px<br /> }<br /> <br /> .transcript-chatbox-image + .transcript-chatbox-image {<br /> left: -10px;<br /> top: 10px;<br /> margin-right: 0<br /> }<br /> <br /> .transcript-opt::before {<br /> display: inline-block;<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> width: 7px;<br /> height: 10px;<br /> margin-right: 5px<br /> }<br /> <br /> .transcript-opt.disabled {<br /> filter: opacity(0.5)<br /> }<br /> <br /> .ns-120 .mw-parser-output s,.transcript s {<br /> text-decoration-color: var(--transcript-strikethrough-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output .template-colour,.transcript .template-colour {<br /> text-shadow: 1px 1px #000a<br /> }<br /> <br /> :root {<br /> --byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%);<br /> --tile-border-color: #596e96;<br /> --tile-background-color: #313e59;<br /> --tile-link-button-color: #222e45;<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255,255,255,0.7);<br /> --tile-dark-header-color: #fff<br /> }<br /> <br /> .tile {<br /> background: var(--tile-background-color);<br /> border: 1px solid var(--tile-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1.5em 2em 1em;<br /> max-width: 40em<br /> }<br /> <br /> .tile h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile.dark {<br /> color: var(--tile-dark-color);<br /> background: var(--tile-dark-bg);<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .tile.dark h2 {<br /> color: var(--tile-dark-header-color)<br /> }<br /> <br /> .tile.dark a {<br /> color: var(--tile-dark-link-color)<br /> }<br /> <br /> .tile.dark .byline {<br /> color: var(--tile-dark-byline-color)<br /> }<br /> <br /> .byline {<br /> font-size: 0.9em;<br /> color: var(--byline-color)<br /> }<br /> <br /> .byline a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .tile-row {<br /> display: flex;<br /> flex-flow: row wrap;<br /> margin-bottom: 1em<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-flow: row wrap;<br /> border: 1px solid var(--tile-border-color);<br /> background: var(--tile-background-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .tile-halves h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile-halves .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile-top {<br /> width: 100%;<br /> padding: 1.3rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-top.tile-image {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--byline-color);<br /> overflow: hidden;<br /> padding: 0;<br /> height: 13vw;<br /> max-height: 12em;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-halves:hover .tile-top.tile-image img {<br /> transform: scale(1.1);<br /> transition: 0.5s ease-out<br /> }<br /> <br /> .tile-top.tile-image a {<br /> width: 100%<br /> }<br /> <br /> .tile-top.tile-image img {<br /> width: 100%;<br /> object-fit: cover;<br /> max-height: 200px;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-top.tile-image span {<br /> width: 100%<br /> }<br /> <br /> .tile-bottom {<br /> background: var(--tile-background-color);<br /> border-top: 1px solid var(--tile-border-color);<br /> width: 100%;<br /> padding: 1rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-bottom.link-button {<br /> align-self: flex-end;<br /> padding: 0<br /> }<br /> <br /> .tile-bottom.link-button a {<br /> display: block;<br /> text-align: center;<br /> padding: 0.75em 1.5em 0.8em;<br /> text-decoration: none<br /> }<br /> <br /> .tile-bottom.read-more {<br /> background: var(--tile-link-button-color);<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile-bottom.read-more a {<br /> color: var(--byline-color);<br /> font-weight: bold;<br /> text-align: right<br /> }<br /> <br /> .tile-bottom.read-more:hover {<br /> background: var(--tile-link-button-highlight-color)<br /> }<br /> <br /> .tile-bottom.read-more:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .tile-bottom.read-more .arrow {<br /> filter: var(--byline-arrow-filter);<br /> margin-left: 0.4em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile.oswf-day {<br /> margin-left: 0.5em<br /> }<br /> <br /> .oswf-tile {<br /> margin: 1em<br /> }<br /> <br /> .oswf-tile.oswf-complete {<br /> opacity: 0.65<br /> }<br /> <br /> .oswf-tile .oswf-summary {<br /> font-size: 105%;<br /> line-height: 1.6;<br /> margin-top: -0.4em<br /> }<br /> <br /> .oswf-tile .oswf-img {<br /> display: block;<br /> max-width: 75px;<br /> float: right<br /> }<br /> <br /> .oswf-tile .oswf-img img {<br /> max-width: 100%;<br /> height: auto<br /> }<br /> <br /> .oswf-tile .oswf-guidance {<br /> border-top: 1px solid #eee;<br /> padding-top: 1em<br /> }<br /> <br /> body.page-Main_Page .mw-parser-output {<br /> max-width: 75em;<br /> margin: 0 auto;<br /> }<br /> <br /> body.page-Main_Page.action-view .catlinks,<br /> body.page-Main_Page.action-view #contentSub,<br /> body.page-Main_Page.action-view #siteNotice {<br /> display: none;<br /> }<br /> <br /> body.page-Main_Page h1 { display: none; }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> margin: 2.6em 1.75em 1.5em<br /> }<br /> <br /> .mainpage-header .header-intro {<br /> flex: 2<br /> }<br /> <br /> .mainpage-header .header-intro h1 {<br /> font-size: 2.5em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.15em<br /> }<br /> <br /> .mainpage-header .header-intro p {<br /> font-size: 1.1em;<br /> line-height: 1.7em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> flex: 1;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> margin-top: -1em<br /> }<br /> <br /> .mainpage-body {<br /> display: grid;<br /> grid-template-areas: &quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left right&quot;;<br /> gap: 0.9rem;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-body h2 a {<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-body .tile {<br /> padding-left: 1.75em;<br /> padding-right: 1.75em;<br /> max-width: 100%<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> width: 100%;<br /> margin-bottom: 0<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> display: grid;<br /> gap: 0.9rem<br /> }<br /> <br /> .mainpage-left {<br /> grid-area: left;<br /> flex: 2;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-left &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .mainpage-right {<br /> grid-area: right;<br /> flex: 1;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-right &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .arrow {<br /> background: url(/images/White-chevron.svg?b82be) no-repeat;<br /> display: inline-block;<br /> height: 0.7rem;<br /> width: 0.45rem;<br /> vertical-align: middle<br /> }<br /> <br /> .arrow.dark {<br /> filter: invert(80%)<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-area: update;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves {<br /> flex: 1;<br /> align-content: flex-start<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-bottom.link-button a {<br /> text-align: left;<br /> padding: 1rem 1.5rem 0.75rem<br /> }<br /> <br /> .mainpage-recent-updates h2 {<br /> margin: -0.5em 0 0.3em<br /> }<br /> <br /> .mainpage-recent-updates p:not(.byline) {<br /> font-size: 0.9em;<br /> line-height: 1.75em;<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-contents {<br /> grid-area: content;<br /> grid-template-columns: repeat(6,1fr)<br /> }<br /> <br /> .mainpage-contents .tile-halves {<br /> flex: 1<br /> }<br /> <br /> .mainpage-contents .tile-top {<br /> position: relative<br /> }<br /> <br /> .mainpage-contents h2 {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> .mainpage-contents .tile-bottom.link-button a {<br /> padding: 0.75em 0.2em<br /> }<br /> <br /> .mainpage-skills ul {<br /> columns: 3 9em;<br /> margin: 1em 0.7em 0.7em 1em<br /> }<br /> <br /> .mainpage-skills li {<br /> display: flex;<br /> margin-bottom: 0.29em<br /> }<br /> <br /> .mainpage-skills li a:first-child {<br /> border-radius: 2px;<br /> padding: 4px;<br /> width: 25px;<br /> height: 25px;<br /> text-align: center;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center<br /> }<br /> <br /> .mainpage-skills li a:last-child {<br /> flex: 1;<br /> display: flex;<br /> align-items: center;<br /> font-weight: bold;<br /> padding-left: 0.7em;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-skills li:hover a:first-child {<br /> border-radius: 2px 0 0 2px<br /> }<br /> <br /> .mainpage-skills li:hover a:last-child {<br /> color: rgba(255,255,255,0.9);<br /> border-radius: 0 2px 2px 0<br /> }<br /> <br /> .skill-agility a:first-child,.skill-melee a:first-child {<br /> background: #bc483d<br /> }<br /> <br /> .skill-agility:hover a:last-child,.skill-melee:hover a:last-child {<br /> background: #932419<br /> }<br /> <br /> .skill-ranged a:first-child {<br /> background: #748d36<br /> }<br /> <br /> .skill-ranged:hover a:last-child {<br /> background: #4c6215<br /> }<br /> <br /> .skill-magic a:first-child {<br /> background: #6274ab<br /> }<br /> <br /> .skill-magic:hover a:last-child {<br /> background: #304791<br /> }<br /> <br /> .skill-fishing a:first-child,.skill-fletching a:first-child {<br /> background: #3e8e9a<br /> }<br /> <br /> .skill-fishing:hover a:last-child,.skill-fletching:hover a:last-child {<br /> background: #1a6671<br /> }<br /> <br /> .skill-cooking a:first-child,.skill-thieving a:first-child {<br /> background: #91689e<br /> }<br /> <br /> .skill-cooking:hover a:last-child,.skill-thieving:hover a:last-child {<br /> background: #713684<br /> }<br /> <br /> .skill-farming a:first-child,.skill-woodcutting a:first-child {<br /> background: #59924f<br /> }<br /> <br /> .skill-farming:hover a:last-child,.skill-woodcutting:hover a:last-child {<br /> background: #306f25<br /> }<br /> <br /> .skill-mining a:first-child {<br /> background: #6385a8<br /> }<br /> <br /> .skill-mining:hover a:last-child {<br /> background: #315f8d<br /> }<br /> <br /> .skill-smithing a:first-child {<br /> background: #d2b244<br /> }<br /> <br /> .skill-smithing:hover a:last-child {<br /> background: #b69213<br /> }<br /> <br /> .popular-pages ul {<br /> display: grid;<br /> grid-template-columns: repeat(3,1fr);<br /> grid-gap: 0.6em;<br /> margin: 1em 0 0.7em 0<br /> }<br /> <br /> .mp-popular-page-light {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--button-background);<br /> transition: 100ms<br /> }<br /> <br /> .mp-popular-page-light a {<br /> flex: 1;<br /> display: block;<br /> color: #fff;<br /> font-weight: bold;<br /> text-align: center;<br /> text-decoration: none;<br /> padding: 0.7em 1em<br /> }<br /> <br /> .mp-popular-page-light:hover {<br /> filter: brightness(115%);<br /> transition: 100ms<br /> }<br /> <br /> .mainpage-discord {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-discord .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #5865f2;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-discord .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-discord .tile-bottom {<br /> background: #525ee0;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-discord .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-discord .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-discord .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-discord .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-youtube {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-youtube .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-youtube .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-youtube .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-youtube .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-youtube .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-youtube .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-youtube .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-rl {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-rl .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #383838;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-rl .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-rl .tile-bottom {<br /> background: #FF9300;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-rl .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-rl .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-rl .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-rl .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-twitter {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-twitter .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-twitter .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-twitter .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-twitter .twitter-logo {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-twitter .twitter-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-twitter .twitter-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-twitter .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .mainpage-editing {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-editing .tile-top {<br /> background: #222e45<br /> }<br /> <br /> .mainpage-editing .tile-bottom {<br /> background: #3980ab;<br /> border: none;<br /> padding: 0.8rem 1.5rem 0.4rem<br /> }<br /> <br /> .mainpage-editing h2,.mainpage-editing a {<br /> color: #fff<br /> }<br /> <br /> .mainpage-editing p {<br /> color: rgba(255,255,255,0.9)<br /> }<br /> <br /> .mainpage-editing ul {<br /> list-style-image: url(/images/Transparent-chevron.svg?20dcf)<br /> }<br /> <br /> .mainpage-poll .ajaxpoll {<br /> border: none;<br /> background: none;<br /> padding: 0;<br /> width: auto<br /> }<br /> <br /> .mainpage-trailblazer {<br /> grid-area: event<br /> }<br /> <br /> .mainpage-trailblazer .tb-logo {<br /> margin-bottom: 0.9rem<br /> }<br /> <br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-trailblazer .tile-row .tile-top {<br /> height: 20vw;<br /> min-height: 9em<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1200px) {<br /> .mainpage-contents {<br /> grid-template-columns:repeat(3,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1000px) {<br /> .mainpage-body {<br /> grid-template-areas:&quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left left&quot; &quot;right right right&quot;<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-top {<br /> height: 18vw;<br /> min-height: 9em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> display: none<br /> }<br /> <br /> .mainpage-left &gt; *:last-child,.mainpage-right &gt; *:last-child {<br /> margin-bottom: 0<br /> }<br /> <br /> .popular-pages ul {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-recent-updates {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: flex<br /> }<br /> <br /> .mainpage-contents {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background-color: var(--body-main);<br /> border-top-color: var(--body-border);<br /> box-shadow: none<br /> }<br /> <br /> .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,.mw-prefs-tabs &gt; .oo-ui-menuLayout-content &gt; .oo-ui-indexLayout-stackLayout &gt; .oo-ui-tabPanelLayout {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --rc-positive-color: #407813;<br /> --rc-negative-color: #b41e0f<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: var(--rc-positive-color)<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: var(--rc-negative-color)<br /> }<br /> <br /> .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {<br /> border-color: var(--body-border);<br /> background-color: var(--body-light);<br /> border-radius: 2px<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-menuSelectWidget-footer {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-tagItemWidget-popup-content {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-changeslist-legend,.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .client-js .mw-changeslist ul,.client-js .mw-changeslist table.mw-enhanced-rc {<br /> margin-left: 0<br /> }<br /> <br /> .mw-rcfilters-ui-watchlistTopSectionWidget-separator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-header {<br /> border-bottom-color: var(--ooui-interface);<br /> background-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-title {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-header {<br /> border-bottom-color: var(--ooui-interface-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-savedLinksListItemWidget-label {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted ul,.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted table.mw-enhanced-rc {<br /> margin-left: 1.5em<br /> }<br /> <br /> .page-Special_CreateAccount .mw-ui-container,.page-Special_UserLogin .mw-ui-container {<br /> max-width: 64rem;<br /> margin: 0 auto<br /> }<br /> <br /> .mw-number-text {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-body-content .mw-number-text h3 {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-indicator-mw-helplink a {<br /> background: none;<br /> padding: 0;<br /> display: flex;<br /> align-items: center<br /> }<br /> <br /> #mw-indicator-mw-helplink a::before {<br /> content: '';<br /> margin-right: 5px;<br /> -webkit-mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> background: var(--text-color);<br /> height: 20px;<br /> width: 20px<br /> }<br /> <br /> .results-info {<br /> color: inherit<br /> }<br /> <br /> .mw-search-profile-tabs {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> .search-types .current a {<br /> color: inherit<br /> }<br /> <br /> #mw-searchoptions {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> #mw-searchoptions .divider {<br /> border-color: var(--body-border)<br /> }<br /> <br /> #mw-searchoptions h4 {<br /> font-family: inherit<br /> }<br /> <br /> #mw-searchoptions .oo-ui-labelElement:nth-of-type(odd) {<br /> font-weight: bold<br /> }<br /> <br /> .searchresult {<br /> line-height: 1.5<br /> }<br /> <br /> .searchalttitle,#mw-search-interwiki li {<br /> font-size: 90%<br /> }<br /> <br /> .mw-search-result-data {<br /> color: var(--byline-color)<br /> }<br /> <br /> .page-Special_ListFiles a.image img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .page-Special_ListFiles .TablePager_col_thumb {<br /> text-align: center<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] {<br /> background-color: var(--body-main) !important;<br /> border-color: var(--wikitable-border) !important;<br /> margin-top: 0.5em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th,#editcount table[border=&quot;1&quot;] td {<br /> padding: 0.2em 0.4em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th {<br /> background-color: var(--wikitable-header-bg);<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] td {<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] tr:nth-child(odd) {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget {<br /> background-color: inherit<br /> }<br /> <br /> table.mw-interwikitable.body td.mw-interwikitable-local-yes {<br /> background-color: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .mw-protectedpages-unknown {<br /> color: var(--byline-color)<br /> }<br /> <br /> .watchlistredir,.allpagesredirect {<br /> font-style: italic<br /> }<br /> <br /> .allpagesredirect:after {<br /> color: var(--byline-color);<br /> content: &quot; (redirect)&quot;<br /> }<br /> <br /> .mw-apisandbox-toolbar {<br /> background: var(--body-main)<br /> }<br /> <br /> .oo-ui-menuOptionWidget .mw-apisandbox-flag {<br /> color: var(--byline-color)<br /> }<br /> <br /> tr.mw-abusefilter-list-disabled,tr.mw-abusefilter-list-disabled td {<br /> color: var(--byline-color)<br /> }<br /> <br /> table.mw-abuselog-details {<br /> background: var(--wikitable-bg);<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> table.mw-abuselog-details th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> table.mw-abuselog-details th,table.mw-abuselog-details td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-abusefilter-log-hidden-entry {<br /> color: var(--subtle-color)<br /> }<br /> <br /> body td.mw-abusefilter-history-changed {<br /> background: var(--table-no-background)<br /> }<br /> <br /> div.mw-abusefilter-editor,#mw-abusefilter-warn-preview,#mw-abusefilter-disallow-preview {<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-destfile-warning {<br /> border-color: var(--warningbox-border);<br /> color: var(--text-color);<br /> background-color: var(--warningbox-bg)<br /> }<br /> <br /> span.fileinput-button {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> ul.fileupload-results li.ful-success {<br /> background-color: var(--successbox-bg)<br /> }<br /> <br /> ul.fileupload-results li.ful-success a {<br /> color: var(--link-color)<br /> }<br /> <br /> ul.fileupload-results li.ful-error {<br /> background-color: var(--errorbox-bg)<br /> }<br /> <br /> #siteNotice {<br /> text-align: center<br /> }<br /> <br /> #siteNotice ul {<br /> list-style: none<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-body {<br /> margin: 0<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-close {<br /> float: none;<br /> text-align: right<br /> }<br /> <br /> .mw-dismissable-notice-close-parent {<br /> min-height: 1em<br /> }<br /> <br /> .mmg-xpline:after {<br /> content: ','<br /> }<br /> <br /> .mmg-xpline:last-child:after {<br /> content: ''<br /> }<br /> <br /> .mmg-itemline {<br /> display: block<br /> }<br /> <br /> .discussiontable th {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .discussiontable .topic,.discussiontable .edited,.discussiontable .edited-by,.discussiontable .rg-archive {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .dpltable {<br /> margin-top: -30px<br /> }<br /> <br /> .dpltable td {<br /> padding-left: 5px<br /> }<br /> <br /> .dpltable,.discussiontable {<br /> width: 100%<br /> }<br /> <br /> .dpltable .topic,.discussiontable .topic {<br /> width: 40%<br /> }<br /> <br /> .dpltable .edited,.discussiontable .edited,.dpltable .edited-by,.discussiontable .edited-by {<br /> width: 30%<br /> }<br /> <br /> .dpltable .rg-archive,.discussiontable .rg-archive {<br /> width: 20%<br /> }<br /> <br /> body.ns-110 #ca-talk {<br /> display: none<br /> }<br /> <br /> :root {<br /> --gemw-positive-color: #6bc71f;<br /> --gemw-unchanged-color: #3ea6e6;<br /> --gemw-negative-color: #ee4231;<br /> --gemw-historical-border-color: #000<br /> }<br /> <br /> .gemw-container {<br /> max-width: 60em;<br /> margin: 4em auto<br /> }<br /> <br /> .gemw-header {<br /> display: flex;<br /> border-left-width: 0.25em;<br /> border-left-style: solid;<br /> padding-left: 1em;<br /> margin-bottom: 3em<br /> }<br /> <br /> .gemw-header.positive {<br /> border-color: var(--gemw-positive-color)<br /> }<br /> <br /> .gemw-header.negative {<br /> border-color: var(--gemw-negative-color)<br /> }<br /> <br /> .gemw-header.unchanged {<br /> border-color: var(--gemw-unchanged-color)<br /> }<br /> <br /> .gemw-header .gemw-section-left {<br /> flex: 1<br /> }<br /> <br /> .gemw-header .gemw-name {<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> margin-bottom: 0<br /> }<br /> <br /> .gemw-header .gemw-name a {<br /> color: inherit<br /> }<br /> <br /> .gemw-header .gemw-examine {<br /> color: var(--byline-color);<br /> font-size: 1.05em;<br /> font-style: italic;<br /> margin: 0 1em 1.25em 0<br /> }<br /> <br /> .gemw-header .gemw-price {<br /> display: inline-block;<br /> font-size: 2.75em;<br /> font-weight: bold<br /> }<br /> <br /> .gemw-header .gemw-price::after {<br /> content: ' coins';<br /> color: var(--byline-color);<br /> font-size: 1rem;<br /> font-weight: normal;<br /> word-spacing: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-change {<br /> display: inline-block;<br /> font-size: 1rem;<br /> font-weight: bold;<br /> margin-left: 2em;<br /> word-spacing: 0.5em<br /> }<br /> <br /> .gemw-header .gemw-change img {<br /> vertical-align: baseline<br /> }<br /> <br /> .gemw-header .gemw-section-right {<br /> text-align: right<br /> }<br /> <br /> .gemw-header .gemw-updated {<br /> color: var(--byline-color);<br /> line-height: 1.5em;<br /> margin-top: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-time {<br /> color: var(--byline-color);<br /> font-weight: bold<br /> }<br /> <br /> .gemw-body {<br /> display: flex<br /> }<br /> <br /> .gemw-body .gemw-section-left {<br /> width: 40%;<br /> margin-right: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left dl {<br /> display: flex;<br /> flex-flow: row wrap;<br /> justify-content: space-between;<br /> margin-bottom: -1.25em<br /> }<br /> <br /> .gemw-body .gemw-section-left &gt; div {<br /> margin-top: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .gemw-body .gemw-property {<br /> width: 30%;<br /> border-top: 0.15em dotted var(--body-mid);<br /> padding-top: 0.25em;<br /> margin-bottom: 1.5em<br /> }<br /> <br /> .gemw-body .gemw-property dt {<br /> color: var(--byline-color);<br /> font-weight: normal<br /> }<br /> <br /> .gemw-body .gemw-property dd {<br /> font-weight: bold;<br /> margin: -0.25em 0 0<br /> }<br /> <br /> .gemw-body .gemw-links {<br /> color: var(--byline-color);<br /> margin-bottom: 0.35em<br /> }<br /> <br /> .gemw-body .gemw-section-right {<br /> width: 60%<br /> }<br /> <br /> .gemw-body .gemw-chart {<br /> color: #eceeee;<br /> font-size: 5em;<br /> text-align: center;<br /> line-height: 5em;<br /> position: relative<br /> }<br /> <br /> .gemw-body .gemw-chart .GEChartBox,.gemw-body .gemw-chart .GEdatachart {<br /> position: relative<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header.positive,.gemw-container.gemw-historical .gemw-header.negative,.gemw-container.gemw-historical .gemw-header.neutral,.gemw-container.gemw-historical .gemw-header.unchanged {<br /> border-color: var(--gemw-historical-border-color)<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-time .jsPurgeLink,.gemw-container.gemw-historical .gemw-header .gemw-time &gt; span.plainlinks {<br /> display: none<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-section-left:after {<br /> content: &quot;This is a historical item no longer available on the Grand Exchange. The data is preserved here as an archive.&quot;;<br /> font-style: italic<br /> }<br /> <br /> #overlay {<br /> display: none;<br /> background-color: var(--ooui-window-background);<br /> height: auto;<br /> width: auto;<br /> overflow: hidden;<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> bottom: 0;<br /> left: 0;<br /> z-index: 50<br /> }<br /> <br /> #GEchartpopup g.highcharts-label text &gt; a:visited,.GEdatachart g.highcharts-label text &gt; a:visited {<br /> fill: white<br /> }<br /> <br /> #GEchartpopup {<br /> background: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> border-radius: 2px;<br /> color: var(--ooui-text);<br /> position: fixed;<br /> left: 0;<br /> right: 0;<br /> top: 1em;<br /> bottom: 1em;<br /> margin: auto;<br /> padding: 1em;<br /> max-width: 975px;<br /> z-index: 52;<br /> overflow: auto<br /> }<br /> <br /> #GEchartpopup #closepopup {<br /> float: right;<br /> margin-bottom: 5px;<br /> z-index: 100<br /> }<br /> <br /> #GEchartpopup #itemstats {<br /> bottom: 50px;<br /> font-size: 11px;<br /> position: absolute;<br /> right: 45px;<br /> width: 200px;<br /> z-index: 10<br /> }<br /> <br /> #GEchartpopup #itemstats caption {<br /> cursor: pointer;<br /> text-align: right<br /> }<br /> <br /> #GEpopupchart {<br /> height: 500px<br /> }<br /> <br /> .highcharts-container .highcharts-range-selector {<br /> font-size: 11px<br /> }<br /> <br /> .GEPermLink {<br /> float: right;<br /> font-size: 14px<br /> }<br /> <br /> .GEPermLink ~ .GEdatachart {<br /> clear: right<br /> }<br /> <br /> form[id^=&quot;chartProperties&quot;] button {<br /> margin: 3px<br /> }<br /> <br /> .smallChart .highcharts-range-selector {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-button title + rect {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-title {<br /> white-space: nowrap !important<br /> }<br /> <br /> .smallChart .zoomButton,.smallChart svg &gt; text:first-of-type,.smallChart .highcharts-input-group {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-scrollbar,.mediumChart .highcharts-scrollbar {<br /> display: none<br /> }<br /> <br /> .highcharts-background,.highcharts-plot-background {<br /> fill: transparent<br /> }<br /> <br /> .highcharts-title,.highcharts-subtitle {<br /> color: var(--text-color) !important<br /> }<br /> <br /> .highcharts-axis-title {<br /> fill: var(--text-color) !important<br /> }<br /> <br /> .highcharts-yaxis-grid .highcharts-grid-line,.highcharts-tick,.highcharts-axis-line {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-axis-labels text,.highcharts-range-selector-group text {<br /> color: var(--ooui-text) !important;<br /> fill: var(--ooui-text) !important<br /> }<br /> <br /> .highcharts-label-box {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-button-box {<br /> fill: var(--ooui-normal)<br /> }<br /> <br /> .highcharts-navigator-outline {<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-track {<br /> fill: transparent;<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-button,.highcharts-scrollbar-thumb,.highcharts-navigator-handle {<br /> fill: var(--ooui-normal);<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-scrollbar-arrow {<br /> fill: var(--ooui-text)<br /> }<br /> <br /> .highcharts-scrollbar-rifles {<br /> stroke: var(--ooui-text)<br /> }<br /> <br /> #t-print,#t-permalink {<br /> display: none<br /> }<br /> <br /> .jcConfig {<br /> display: none<br /> }<br /> <br /> #filetoc {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> border-color: transparent;<br /> margin: 0.5em auto;<br /> text-align: center;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> .smwfact {<br /> display: none<br /> }<br /> <br /> .list-header {<br /> background-color: var(--body-mid);<br /> color: inherit<br /> }<br /> <br /> .editOptions {<br /> color: var(--text-color);<br /> background-color: var(--sourceeditor-background-secondary);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .updatedmarker {<br /> background-color: #c3e8a3;<br /> color: #162e02<br /> }<br /> <br /> .mw-json th,.mw-json td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-json td {<br /> background: var(--wikitable-bg)<br /> }<br /> <br /> .mw-json th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> <br /> html {<br /> -webkit-text-size-adjust: 100%<br /> }<br /> <br /> body {<br /> background: var(--body-background-image) var(--body-background-color) top left / 1500px 375px no-repeat;<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .vector-body {<br /> font-size: 0.9em<br /> }<br /> <br /> #firstHeading {<br /> font-weight: bold<br /> }<br /> <br /> pre,code,.mw-code {<br /> color: inherit;<br /> background-color: var(--mw-code-background-color);<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> dl {<br /> margin: 0<br /> }<br /> <br /> ul {<br /> list-style-image: var(--ul-list-style-image)<br /> }<br /> <br /> hr {<br /> background: none;<br /> border-color: var(--body-border);<br /> border-style: solid;<br /> border-width: 1px 0 0 0;<br /> height: initial<br /> }<br /> <br /> fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .vector-body blockquote {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --personal-links-bg: var(--body-main);<br /> --arrow-down: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5' fill='%23444'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading {<br /> background-color: var(--vector-tab-background);<br /> padding: 1em 0.75em 0.6923em;<br /> margin: 0<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading,.vector-menu-dropdown .vector-menu-heading:hover,.vector-menu-dropdown .vector-menu-heading:focus {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading:after {<br /> background-image: var(--arrow-down);<br /> opacity: 1<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-content {<br /> border-color: transparent;<br /> background-color: var(--body-light);<br /> box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);<br /> left: 0<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item a {<br /> color: var(--link-color)<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item.selected a,.vector-menu-dropdown .mw-list-item.selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> #p-personal {<br /> background: var(--personal-links-bg);<br /> top: 0;<br /> right: 0;<br /> border-radius: 0 0 0 4px;<br /> height: 1.875em<br /> }<br /> <br /> #p-personal ul {<br /> padding: 0 1em 0 0.4375em<br /> }<br /> <br /> .vector-search-box-inner {<br /> background: var(--search-box);<br /> height: 2.5em;<br /> margin-top: 0;<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-search-box-input {<br /> color: var(--text-color);<br /> height: 100%;<br /> border: none;<br /> background: none;<br /> padding-left: 0.75em<br /> }<br /> <br /> .vector-search-box-input::placeholder {<br /> color: var(--text-color);<br /> opacity: 0.67<br /> }<br /> <br /> .vector-search-box-inner:hover .vector-search-box-input,.vector-search-box-input:focus,.vector-search-box-inner:hover .vector-search-box-input:focus {<br /> border: none;<br /> box-shadow: none<br /> }<br /> <br /> :root {<br /> --searchbutton-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13'%3E%3Cg fill='none' stroke='%238cabe6' stroke-width='2'%3E%3Cpath d='M11.29 11.71l-4-4'/%3E%3Ccircle cx='5' cy='5' r='4'/%3E%3C/g%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .searchButton[name='go'] {<br /> background: no-repeat center var(--searchbutton-icon)<br /> }<br /> <br /> .vector-search-box {<br /> margin: 0<br /> }<br /> <br /> .vector-search-box form {<br /> margin-top: 0<br /> }<br /> <br /> .suggestions-results {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-result {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions a.mw-searchSuggest-link,.suggestions a.mw-searchSuggest-link:hover,.suggestions a.mw-searchSuggest-link:active,.suggestions a.mw-searchSuggest-link:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-special {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-special .special-label {<br /> color: var(--byline-color)<br /> }<br /> <br /> .suggestions-special .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current .special-label,.suggestions-result-current .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-panel {<br /> padding-top: 2.5em<br /> }<br /> <br /> .vector-menu-portal .vector-menu-heading {<br /> color: var(--background-text-color);<br /> font-weight: bold;<br /> background: none<br /> }<br /> <br /> .vector-menu-portal .vector-menu-content li a,.vector-menu-portal .vector-menu-content li a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-logo {<br /> filter: drop-shadow(0 2px 5px rgba(0,0,0,0.25));<br /> margin: -1.5em 0 0<br /> }<br /> <br /> #n-Discord a {<br /> color: #fff !important;<br /> font-weight: bold;<br /> border-radius: 4px;<br /> border: 1px solid #4c57d0;<br /> background-color: #5865f2;<br /> display: block;<br /> position: relative;<br /> padding: 4px 4px 5px calc(17px + 6.5px * 2);<br /> box-shadow: 0 2px 3px rgba(0,0,0,0.1);<br /> transition: 0.2s<br /> }<br /> <br /> #n-Discord a::before {<br /> content: 'Chat on ';<br /> font-weight: normal;<br /> opacity: 0.85<br /> }<br /> <br /> #n-Discord a::after {<br /> content: '';<br /> background: url(/images/0/06/Discord_logo_icon1.png) no-repeat;<br /> background-size: 17px 13px;<br /> filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));<br /> position: absolute;<br /> top: 5px;<br /> left: 7px;<br /> width: 17px;<br /> height: 13px<br /> }<br /> <br /> #n-Discord a:hover {<br /> text-decoration: none;<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a {<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a:hover {<br /> background-color: #4c57d0<br /> }<br /> <br /> :root {<br /> --vector-tab-background: var(--body-background-color);<br /> --vector-tab-background--hover: var(--body-mid);<br /> --vector-tab-link-color: var(--background-link-color);<br /> --watch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='transparent' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;);<br /> --unwatch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%238cabe6' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;)<br /> }<br /> <br /> .vector-menu-tabs-legacy {<br /> padding: 0<br /> }<br /> <br /> .vector-menu-tabs-legacy .new a,.vector-menu-tabs-legacy .new a:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected {<br /> background: var(--body-main)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected a,.vector-menu-tabs-legacy .selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy li a {<br /> color: var(--vector-tab-link-color);<br /> padding: 0 0.75em;<br /> padding-top: 1em<br /> }<br /> <br /> .vector-menu-tabs-legacy li a:visited {<br /> color: var(--vector-tab-link-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul li {<br /> background: var(--vector-tab-background)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul a:hover {<br /> text-decoration: none<br /> }<br /> <br /> #ca-view {<br /> display: none !important<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected):hover,#p-cactions:hover #p-cactions-label {<br /> background: var(--vector-tab-background--hover)<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected),#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-menu-tabs,.vector-menu-tabs a,#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> background-image: none<br /> }<br /> <br /> .ve-activated .vector-menu-tabs .selected {<br /> box-shadow: none<br /> }<br /> <br /> .vector-menu-tabs #ca-watch.icon a:before,.vector-menu-tabs #ca-watch.icon a:hover:before,.vector-menu-tabs #ca-watch.icon a:focus:before {<br /> background-image: var(--watch-icon)<br /> }<br /> <br /> .vector-menu-tabs #ca-unwatch.icon a:before,.vector-menu-tabs #ca-unwatch.icon a:hover:before,.vector-menu-tabs #ca-unwatch.icon a:focus:before {<br /> background-image: var(--unwatch-icon)<br /> }<br /> <br /> #p-Recent_changes {<br /> display: block<br /> }<br /> <br /> #p-Recent_changes .vector-menu-content {<br /> display: none<br /> }<br /> <br /> #p-Recent_changes .vector-menu-heading:after {<br /> content: '';<br /> position: relative;<br /> left: 0.5em;<br /> display: inline-block;<br /> background-color: #3c7b07;<br /> width: 6px;<br /> height: 6px;<br /> border-radius: 100%<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-item {<br /> position: relative;<br /> font-size: 0.75em;<br /> margin: 0.5em 0.25em 0 0.66em<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page {<br /> display: block;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden;<br /> max-width: max-content<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page,#p-Recent_changes .rc-sidebar-page:active,#p-Recent_changes .rc-sidebar-page:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user {<br /> color: var(--byline-color);<br /> margin: 0;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user a {<br /> color: inherit<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more {<br /> text-align: left<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more .rc-sidebar-page {<br /> display: inline-block<br /> }<br /> <br /> div.thumbinner {<br /> border: none;<br /> background-color: var(--thumb-bg);<br /> padding: 0<br /> }<br /> <br /> .thumbimage {<br /> background-color: transparent;<br /> border-color: transparent;<br /> border-bottom: none<br /> }<br /> <br /> .thumbcaption {<br /> background: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border)<br /> }<br /> <br /> .toc {<br /> font-size: 0.9em;<br /> background: var(--toc-bg);<br /> margin-top: 1em;<br /> padding: 0;<br /> border-color: var(--toc-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> clear: left<br /> }<br /> <br /> .toc .toctitle {<br /> background: var(--toc-title-bg);<br /> padding: 0.25em 1em<br /> }<br /> <br /> .toc .toctitle h2 {<br /> font-family: inherit<br /> }<br /> <br /> .toc &gt; ul {<br /> line-height: 1.8em;<br /> padding: 0.75em 1.75em;<br /> margin: 0<br /> }<br /> <br /> .toc ul ul {<br /> border-left: 1px dotted var(--toc-list-border-color);<br /> padding-left: 0.5em<br /> }<br /> <br /> .tocnumber {<br /> display: none<br /> }<br /> <br /> .toctogglespan {<br /> padding-left: 0.2em;<br /> font-size: 0.9em<br /> }<br /> <br /> .toctogglelabel {<br /> color: var(--link-color)<br /> }<br /> <br /> .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 {<br /> display: none<br /> }<br /> <br /> :root {<br /> --external-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238cabe6' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image: var(--external-icon);<br /> background-size: 0.833em<br /> }<br /> <br /> .mw-editsection {<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type),.mw-editsection-divider {<br /> color: var(--text-color)<br /> }<br /> <br /> #contentSub,#contentSub2 {<br /> color: var(--byline-color);<br /> margin: 0<br /> }<br /> <br /> #contentSub:not(:empty),#contentSub2:not(:empty) {<br /> margin: 0 0 1.4em 0<br /> }<br /> <br /> .mw-collapsible.mw-collapsed {<br /> min-width: 250px<br /> }<br /> <br /> .mw-collapsible:not(.mw-made-collapsible) th::before,.mw-collapsible .mw-collapsible-toggle {<br /> font-weight: normal;<br /> margin-left: 0.2em<br /> }<br /> .mw-collapsible-toggle-default .mw-collapsible-text {<br /> color: #8cabe6;<br /> }<br /> .wikiEditor-ui .wikiEditor-ui-view,.wikiEditor-ui .wikiEditor-ui-top {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar {<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab &gt; a,.wikiEditor-ui-toolbar .tabs span.tab &gt; a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a.current,.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br /> color: var(--text-colour)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select {<br /> background-color: var(--sourceeditor-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options .option {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group-search {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table td {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table th {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .section {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .group &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .tool &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet &gt; .index &gt; :hover {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet .index &gt; .current {<br /> background-color: var(--body-mid);<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span:hover {<br /> border-color: var(--body-dark);<br /> background-color: transparent<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a:before,.wikiEditor-ui-toolbar .group .tool-select .label:after {<br /> background: var(--text-color);<br /> -webkit-mask: var(--arrow-down) center no-repeat;<br /> mask: var(--arrow-down) center no-repeat<br /> }<br /> <br /> .ace-tm {<br /> background-color: var(--sourceeditor-input-background);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter {<br /> background: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-cell {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-active-line {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .ace_search {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ace_search_field {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .ace_searchbtn {<br /> border-color: var(--ooui-normal-border);<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ace_searchbtn:last-child {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .ace_searchbtn:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .ace_searchbtn.prev:after,.ace_searchbtn.next:after {<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .ace_button {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace_button:hover {<br /> background-color: rgba(0,23,70,0.086)<br /> }<br /> <br /> .ace_button:active {<br /> background-color: rgba(0,23,70,0.06)<br /> }<br /> <br /> .ace_button.checked {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .CodeMirror {<br /> background: var(--sourceeditor-input-background)<br /> }<br /> <br /> .CodeMirror pre {<br /> color: var(--text-color)<br /> }<br /> <br /> .codeEditor-status {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .codeEditor-status-message {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-gutters {<br /> background-color: var(--codemirror-gutter-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-linenumber {<br /> color: var(--text-color)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget .CodeMirror-linenumber {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-editform #wpTextbox1 {<br /> color: var(--text-color);<br /> background: var(--sourceeditor-input-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> input[name=&quot;model&quot;][value=&quot;Scribunto&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;css&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;less&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;javascript&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;json&quot;] ~ .wikiEditor-ui #wpTextbox1 {<br /> height: 600px<br /> }<br /> <br /> .tdg-templateDataDialog-listParamsPanel textarea.oo-ui-textInputWidget-autosized {<br /> resize: vertical<br /> }<br /> <br /> #wpAceFilterEditor {<br /> resize: horizontal<br /> }<br /> <br /> .warn-userupload,.ns-2 .upload-own-work {<br /> display: none<br /> }<br /> <br /> .ns-2 .warn-userupload {<br /> display: inline<br /> }<br /> <br /> textarea[name=&quot;wfUploadDescription&quot;] {<br /> height: 3em<br /> }<br /> <br /> #editform {<br /> margin-top: 1.25em<br /> }<br /> <br /> #mw-scribunto-input,#mw-scribunto-output {<br /> padding: 3px;<br /> font-family: monospace;<br /> font-size: 13px;<br /> line-height: 1.5em<br /> }<br /> <br /> #mw-scribunto-input {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> :root {<br /> --scribuntoconsole-input: #0b5884;<br /> --scibuntoconsole-print: #a48900;<br /> --scribuntoconsole-error: #9f261e;<br /> --scribuntoconsole-message: #3c780a;<br /> --scribuntoconsole-tabcomplete: #4f348b;<br /> --scribuntoconsole-clear: #9f261e<br /> }<br /> <br /> .mw-scribunto-console-fieldset {<br /> color: inherit;<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-scribunto-normalOutput,.mw-scribunto-print,.mw-scribunto-error,.mw-scribunto-propList,.mw-scribunto-message,.mw-scribunto-tabcomplete {<br /> background: none<br /> }<br /> <br /> .mw-scribunto-input {<br /> color: var(--scribuntoconsole-input)<br /> }<br /> <br /> .mw-scribunto-normalOutput {<br /> color: inherit<br /> }<br /> <br /> .mw-scribunto-print {<br /> color: var(--scibuntoconsole-print)<br /> }<br /> <br /> .mw-scribunto-error {<br /> color: var(--scribuntoconsole-error)<br /> }<br /> <br /> .mw-scribunto-propList,.mw-scribunto-message {<br /> color: var(--scribuntoconsole-message)<br /> }<br /> <br /> .mw-scribunto-tabcomplete {<br /> color: var(--scribuntoconsole-tabcomplete)<br /> }<br /> <br /> .mw-scribunto-clear {<br /> color: var(--scribuntoconsole-clear);<br /> border-bottom-color: var(--scribuntoconsole-clear)<br /> }<br /> <br /> .ui-widget-overlay {<br /> background: var(--ooui-window-background)<br /> }<br /> <br /> .ui-dialog,.ui-widget-content {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> background-image: none;<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar.ui-widget-header,.ui-widget-content .ui-dialog-titlebar.ui-widget-header {<br /> background-image: none !important;<br /> background-color: var(--body-dark) !important;<br /> border-color: var(--body-border) !important<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar .ui-dialog-title,.ui-widget-content .ui-dialog-titlebar .ui-dialog-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close,.ui-widget-content .ui-dialog-titlebar-close {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close:hover,.ui-widget-content .ui-dialog-titlebar-close:hover {<br /> background: var(--ooui-normal--hover);<br /> border: var(--link-color)<br /> }<br /> <br /> .ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {<br /> background: var(--ooui-normal) !important;<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border) !important<br /> }<br /> <br /> .ui-button:hover,.ui-state-default:hover,.ui-widget-content .ui-state-default:hover,.ui-widget-header .ui-state-default:hover {<br /> background: var(--ooui-normal--hover) !important;<br /> color: var(--ooui-text)<br /> }<br /> <br /> .infobox {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> font-size: 0.85em;<br /> width: 300px;<br /> margin: 0.5em 0 1em 1em;<br /> border-collapse: collapse;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> table-layout: fixed;<br /> word-break: break-word<br /> }<br /> <br /> .infobox .infobox-header {<br /> color: var(--infobox-text-color);<br /> font-size: 1.15em;<br /> line-height: 1.4em;<br /> background: var(--body-dark);<br /> padding: 0.5em 0<br /> }<br /> <br /> .infobox .infobox-header a {<br /> color: inherit;<br /> font-size: 1.15em;<br /> font-weight: bold<br /> }<br /> <br /> .infobox .infobox-subheader {<br /> background: var(--body-dark);<br /> color: var(--infobox-text-color);<br /> line-height: 2em<br /> }<br /> <br /> .infobox .infobox-subheader a {<br /> color: inherit<br /> }<br /> <br /> .infobox .infobox-subheader + .infobox-subheader {<br /> border-left: 2px solid var(--body-light)<br /> }<br /> <br /> .infobox .infobox-image {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-image.inventory-image {<br /> height: 32px<br /> }<br /> <br /> .infobox .infobox-image a.image + a.image {<br /> margin-left: 0.1em<br /> }<br /> <br /> .infobox .infobox-image img {<br /> max-width: 300px;<br /> height: auto<br /> }<br /> <br /> .infobox th:not(.infobox-header):not(.infobox-subheader):not(.infobox-nested) {<br /> text-align: right;<br /> vertical-align: top;<br /> border-right: 2px solid var(--body-dark);<br /> padding: 0.2em 0.5em<br /> }<br /> <br /> .infobox td {<br /> padding: 0.25em 0.5em;<br /> line-height: 1.6em<br /> }<br /> <br /> .infobox td.infobox-nested {<br /> padding: 0.25em 0;<br /> line-height: 1em<br /> }<br /> <br /> .infobox th ~ td {<br /> vertical-align: top<br /> }<br /> <br /> .infobox .infobox-padding {<br /> height: 0.5em;<br /> padding: 0;<br /> border: 0<br /> }<br /> <br /> .infobox .infobox-nested {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-nested + .infobox-nested {<br /> border-left: 2px solid var(--body-dark)<br /> }<br /> <br /> .infobox .infobox-cell-hidden {<br /> display: none<br /> }<br /> <br /> .infobox .infobox-full-width-content {<br /> max-width: 300px;<br /> text-align: center;<br /> overflow: hidden;<br /> padding: 0<br /> }<br /> <br /> .infobox .infobox-caption {<br /> font-weight: bold<br /> }<br /> <br /> .infobox select {<br /> max-width: 300px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .infobox-item .infobox-image {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .infobox.skill-info {<br /> float: none;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses {<br /> clear: left;<br /> float: none;<br /> word-break: break-word;<br /> font-size: 100%;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image {<br /> width: 125px;<br /> text-align: center;<br /> vertical-align: middle;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image-caption {<br /> font-size: 0.85em<br /> }<br /> <br /> .infobox-bonuses .infobox-subheader {<br /> width: 250px<br /> }<br /> <br /> .skill-info a[href$=&quot;?action=edit&quot;] + a[href$=&quot;?action=edit&quot;] {<br /> display: none<br /> }<br /> <br /> .poh-room {<br /> background-color: var(--infobox-room-poh-color);<br /> margin: auto;<br /> width: 100px<br /> }<br /> <br /> .poh-room img {<br /> display: block<br /> }<br /> <br /> .poh-room-row {<br /> display: flex<br /> }<br /> <br /> .poh-room-text {<br /> margin: auto;<br /> width: 92px<br /> }<br /> <br /> .infobox-buttons {<br /> text-align: center;<br /> max-width: 300px;<br /> display: none<br /> }<br /> <br /> .infobox-switch-resources {<br /> display: none<br /> }<br /> <br /> .switch-infobox .switch-infobox-triggers,.switch-infobox .loading-button {<br /> clear: left<br /> }<br /> <br /> .infobox-pure .max-hit-list a {<br /> display: inline-block;<br /> min-width: 32px;<br /> min-height: 32px;<br /> text-align: center<br /> }<br /> <br /> .advanced-data {<br /> display: none<br /> }<br /> <br /> .multi-infobox .infobox {<br /> margin: 0<br /> }<br /> <br /> :root {<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--body-dark);<br /> --navbox-group-title-background: var(--body-mid)<br /> }<br /> <br /> .navbox {<br /> font-size: 0.85em;<br /> background: var(--navbox-background);<br /> border-collapse: collapse;<br /> margin: 1em auto 0;<br /> width: 100%;<br /> clear: both;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .navbox img {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .navbox .navbox {<br /> font-size: 100%;<br /> margin: 0.5em auto 0;<br /> box-shadow: none<br /> }<br /> <br /> .navbox-title {<br /> font-size: 110%;<br /> line-height: 1.6em;<br /> background: var(--navbox-title-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-title-name {<br /> margin: 0 4em<br /> }<br /> <br /> .navbox-title .mw-collapsible-toggle {<br /> color: #fff;<br /> font-size: 0.9em;<br /> text-align: right<br /> <br /> }<br /> <br /> .navbox-title .navbox {<br /> font-size: 100%<br /> }<br /> <br /> .navbox-group:nth-child(2) {<br /> border-top: 1px solid var(--navbox-border)<br /> }<br /> <br /> .navbox-group-title {<br /> background: var(--navbox-group-title-background);<br /> border: 1px solid var(--navbox-border);<br /> border-width: 0 1px 1px 0;<br /> text-align: left;<br /> padding: 0.25em 1em;<br /> width: 1%;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list {<br /> border-bottom: 1px solid var(--navbox-border);<br /> padding: 0.25em 0.5em<br /> }<br /> <br /> .navbox-list ul {<br /> margin: 0<br /> }<br /> <br /> .navbox-list li {<br /> display: inline;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list li + li::before {<br /> content: '• '<br /> }<br /> <br /> .navbox-parent {<br /> padding: 0<br /> }<br /> <br /> .navbox-subgroup {<br /> border-collapse: collapse;<br /> border-spacing: 0;<br /> width: 100%<br /> }<br /> <br /> .navbox-subgroup &gt; tbody &gt; tr:last-child &gt; th,.navbox-subgroup &gt; tbody &gt; tr:last-child &gt; td {<br /> border-bottom: none<br /> }<br /> <br /> .navbox-footer {<br /> background: var(--navbox-footer-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-data {<br /> display: none<br /> }<br /> <br /> :root {<br /> --echo-icon-moon-bg-image: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='21' viewBox='0 0 21 21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.85464918.37900488c-1.91149353 1.51069427-3.13816124 3.84973402-3.13816124 6.47527736 0 4.55564936 3.69308349 8.24873286 8.24873286 8.24873286 2.5815709 0 4.8861545-1.1859235 6.3986798-3.0426994-.8206378 4.7389755-4.9523867 8.343122-9.9259291 8.343122-5.56375572 0-10.07407088-4.5103151-10.07407088-10.0740709 0-5.02506013 3.67919933-9.19079725 8.49074856-9.95036192z' fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-person-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213.836%22 viewBox=%220 0 12 13.836%22%3E %3Cpath fill='%234c4c4c' d=%22M1.938%2C6.656c-1.32%2C1.485-1.47%2C3.15-0.97%2C4.25c0.323%2C0.707%2C0.78%2C1.127%2C1.313%2C1.375 c0.496%2C0.229%2C1.074%2C0.273%2C1.658%2C0.282c0.023%2C0%2C0.04%2C0.03%2C0.062%2C0.03h4.187c0.61%2C0%2C1.225-0.125%2C1.75-0.405 c0.527-0.28%2C0.961-0.718%2C1.188-1.376c0.335-0.964%2C0.175-2.529-1.094-4.03C9.094%2C7.954%2C7.68%2C8.719%2C6.065%2C8.719 c-1.677%2C0-3.182-0.812-4.125-2.063H1.938z%22/%3E %3Cpath fill='%234c4c4c' d=%22M6.063%2C0c-1.89%2C0-3.595%2C1.674-3.594%2C3.563C2.467%2C5.45%2C4.173%2C7.155%2C6.06%2C7.155 c1.89%2C0%2C3.564-1.705%2C3.563-3.593C9.625%2C1.673%2C7.95%2C0%2C6.063%2C0L6.063%2C0z%22/%3E %3C/svg%3E&quot;);<br /> --echo-icon-bell-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebell%3C/title%3E%3Cpath d=%22M16 7a5.38 5.38 0 00-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 004 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 003-3H7a3 3 0 003 3z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-tray-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etray%3C/title%3E%3Cpath d=%22M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-fullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M1 1v6h2V3h4V1zm2 12H1v6h6v-2H3zm14 4h-4v2h6v-6h-2zm0-16h-4v2h4v4h2V1z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;);<br /> --echo-icon-exitFullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E exit fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M7 7V1H5v4H1v2zM5 19h2v-6H1v2h4zm10-4h4v-2h-6v6h2zm0-8h4V5h-4V1h-2v6z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-user-menu-legacy #pt-userpage a,.vector-user-menu-legacy #pt-anonuserpage {<br /> background-image: var(--echo-icon-person-bg-image);<br /> padding-top: 0;<br /> background-position-y: 0<br /> }<br /> <br /> .vector-user-menu-legacy #pt-anonuserpage {<br /> color: var(--byline-color)<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge,#pt-notifications-notice .mw-echo-notifications-badge {<br /> background-size: 75%;<br /> background-position: center 80%;<br /> background-repeat: no-repeat;<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .oo-ui-icon-bell {<br /> background-image: var(--echo-icon-bell-bg-image)<br /> }<br /> <br /> #pt-notifications-notice .oo-ui-icon-tray {<br /> background-image: var(--echo-icon-tray-bg-image)<br /> }<br /> <br /> #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-exitFullscreen-bg-image)<br /> }<br /> <br /> body.wgl-fixedWidth #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-fullscreen-bg-image)<br /> }<br /> <br /> #pt-theme-toggles .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-moon-bg-image)<br /> }<br /> <br /> #pt-anontalk {<br /> padding-top: 0.6em<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul {<br /> margin: 5px 0 0 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> margin: 5px 0 0 15px<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul,.ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> list-style: none;<br /> border-left: 1px dashed var(--transcript-border-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul:hover,.transcript &gt; ul:hover,.ns-120 .mw-parser-output &gt; ul ul:hover,.transcript &gt; ul ul:hover,.ns-120 .mw-parser-output &gt; ul ol:hover,.transcript &gt; ul ol:hover {<br /> border-color: var(--transcript-border-hover-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li,.transcript &gt; ul li,.ns-120 .mw-parser-output &gt; ul ul li,.transcript &gt; ul ul li,.ns-120 .mw-parser-output &gt; ul ol li,.transcript &gt; ul ol li {<br /> flex-direction: column;<br /> padding-left: 15px;<br /> margin: 14px 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li:last-of-type,.transcript &gt; ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ul li:last-of-type,.transcript &gt; ul ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ol li:last-of-type,.transcript &gt; ul ol li:last-of-type {<br /> margin-bottom: 0<br /> }<br /> <br /> .nodesktop {<br /> display: none<br /> }<br /> <br /> /*<br /> The following styles were used as a temporary fix for TabberNeue.<br /> We're currently using old Tabber because TabberNeue breaks if a tab<br /> dynamically changes size, such as multi-infobox.<br /> */<br /> <br /> :root {<br /> --tabber-inactive-tab-bg: #222e45;<br /> --tabber-fade-scroll: linear-gradient(to bottom,rgba(226,219,200,0),#d8ccb4 95%,#94866d);<br /> }<br /> <br /> .tabber__tabs {<br /> gap: 1px;<br /> }<br /> <br /> .tabber__tab {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> padding: 0.5em 0.8em;<br /> border: 1px solid var(--body-border);<br /> border-bottom: 0;<br /> }<br /> <br /> .tabber__tabs .tabber__tab {<br /> color: var(--text-color);<br /> }<br /> <br /> /* Specific styles needed to override color on Minerva. */<br /> body.mediawiki .tabber a:visited, <br /> body.mediawiki .tabber image a:visited,<br /> body.mediawiki .tabber a:active, <br /> body.mediawiki .tabber image a:active {<br /> color: var(--text-color);<br /> }<br /> <br /> .tabber__tab:active {<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab:hover {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab--active, .tabber__tab--active:visited {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__header, .tabber__section, .tabber__tabs {<br /> scroll-behavior: unset;<br /> box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* Add box shadow to tabber header */<br /> }<br /> <br /> .tabber__panel {<br /> /* Hide non-active tabs. */<br /> /* display:none conflicted with tabber somehow and hid all tabs. */<br /> width: 250;<br /> }<br /> <br /> .tabber__panel.tabber__panel--active {<br /> width: 300;<br /> }<br /> <br /> .tabber__section {<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> overflow-y: scroll;<br /> padding-bottom: 30px; /* only necessary for fade scroll hack */<br /> height: auto; /* Example height */<br /> width: auto; /* Example width */<br /> max-width: 1300px; /* Example max-width */<br /> }<br /> <br /> .tabber__panel {<br /> padding: 1em 1.5em;<br /> }<br /> <br /> .wikitable.hover th:hover {<br /> cursor: help;<br /> /* Add any additional styles specific to hovering over table headers */<br /> }<br /> <br /> /* Hover Box for switching the visibility of the selected item */<br /> .hoverbox { <br /> display:inline-block; <br /> padding:0em; <br /> color: white; /* Change this to the desired color */<br /> }<br /> <br /> .hoverbox .hoveritem { <br /> display:none; <br /> margin:0em; <br /> padding:0em; <br /> }<br /> <br /> .hoverbox .hoveritem.selected { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem.selected { <br /> display:none; <br /> }<br /> /* Style for the entire tier list */<br /> .tierlist {<br /> display: flex;<br /> gap: 20px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* Style for individual tiers */<br /> .tier {<br /> border: 1px solid #ccc;<br /> padding: 10px;<br /> width: 200px;<br /> min-height: 150px;<br /> background: #f9f9f9;<br /> border-radius: 8px;<br /> }<br /> <br /> /* Title for each tier */<br /> .tier h3 {<br /> text-align: center;<br /> margin-top: 0;<br /> }<br /> <br /> /* Style for the sortable list */<br /> .sortable {<br /> list-style: none;<br /> padding: 0;<br /> margin: 0;<br /> min-height: 50px;<br /> }<br /> <br /> /* Style for the dropdown selector */<br /> .tier-selector {<br /> width: 100%;<br /> padding: 5px;<br /> margin-top: 5px;<br /> }<br /> .collection-log-wrapper {<br /> margin: 10px 0;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .collection-log-killcount {<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> }<br /> <br /> .collection-log-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6, 48px);<br /> gap: 4px;<br /> padding: 6px 0;<br /> }<br /> <br /> <br /> .collection-log-item {<br /> width: 48px;<br /> height: 48px;<br /> border: 2px solid transparent; /* border only on container */<br /> border-radius: 4px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> position: relative;<br /> background-color: #1a2a3a;<br /> box-sizing: border-box;<br /> }<br /> <br /> .collection-log-item.obtained {<br /> border-color: #4caf50;<br /> background-color: #224422;<br /> }<br /> <br /> .collection-log-item.missing {<br /> border-color: #ffc107;<br /> background-color: #3a2a1a;<br /> }<br /> <br /> .collection-log-item img {<br /> max-width: 36px;<br /> max-height: 36px;<br /> object-fit: contain;<br /> border-radius: 2px;<br /> border: none; /* remove border here */<br /> opacity: 1;<br /> filter: none;<br /> }<br /> <br /> .collection-log-item.missing img {<br /> opacity: 0.3;<br /> filter: grayscale(100%);<br /> }<br /> <br /> .collection-log-qty-badge {<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> background: rgba(0, 0, 0, 0.7);<br /> color: white;<br /> font-size: 12px;<br /> font-weight: bold;<br /> line-height: 1;<br /> padding: 1px 4px;<br /> border-radius: 3px 0 0 0;<br /> user-select: none;<br /> }<br /> .collection-log-killcount-box {<br /> border: 2px solid black;<br /> background-color: #534d41;<br /> color: cyan;<br /> padding: 0.5em 1em;<br /> margin-bottom: 8px;<br /> text-align: center;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .ace_keyword { color: #c586c0 !important; }<br /> .ace_string { color: #ce9178 !important; }<br /> .ace_comment { color: #6a9955 !important; font-style: italic; }<br /> .ace_function { color: #dcdcaa !important; }<br /> .ace_constant { color: #569cd6 !important; }<br /> <br /> .mw-highlight .nf {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> .mw-highlight .nc {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> <br /> /* Highlight row on hover */<br /> .wikitable.lighttable tr:hover {<br /> background-color: #526382; /* dark blue highlight */<br /> color: #ffffff; /* readable text */<br /> }<br /> .custom-dropdown { position: relative; width: 150px; cursor: pointer; }<br /> .custom-dropdown .selected { background: #313e59; color: white; padding: 5px; border-radius: 4px; }<br /> .custom-dropdown .options { display: none; position: absolute; background: #222e45; top: 100%; left: 0; width: 100%; border-radius: 4px; z-index: 10; }<br /> .custom-dropdown .options div { padding: 5px; display: flex; align-items: center; }<br /> .custom-dropdown .options div:hover { background: #313e59; }<br /> .custom-dropdown .options div img.icon { width:16px; height:16px; margin-right:5px; }<br /> <br /> /* =========================<br /> Tier List<br /> ========================= */<br /> <br /> <br /> /* Main wrapper */<br /> <br /> .tier-list {<br /> margin:0;<br /> padding:0;<br /> }<br /> <br /> <br /> /* Tier rows */<br /> <br /> .tier-row {<br /> display:flex;<br /> height:78px;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> <br /> /* Tier labels */<br /> <br /> .tier-label {<br /> width:70px;<br /> min-width:70px;<br /> height:78px;<br /> <br /> display:flex;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> font-size:48px;<br /> line-height:1;<br /> font-weight:bold;<br /> color:white;<br /> <br /> box-sizing:border-box;<br /> }<br /> <br /> <br /> /* Tier colours */<br /> <br /> .tier-s {<br /> background:#ff7f7f;<br /> }<br /> <br /> .tier-a {<br /> background:#ffbf7f;<br /> }<br /> <br /> .tier-b {<br /> background:#ffdf7f;<br /> }<br /> <br /> .tier-c {<br /> background:#ffff7f;<br /> color:black;<br /> }<br /> <br /> .tier-d {<br /> background:#bfff7f;<br /> }<br /> <br /> .tier-f {<br /> background:#7fbfff;<br /> }<br /> <br /> <br /> /* Drop areas */<br /> <br /> .tier-items {<br /> flex:1;<br /> height:78px;<br /> <br /> display:flex;<br /> align-items:center;<br /> flex-wrap:wrap;<br /> <br /> padding:3px;<br /> gap:3px;<br /> <br /> background:#222;<br /> border:1px dashed #777;<br /> <br /> margin:0 !important;<br /> box-sizing:border-box;<br /> }<br /> <br /> <br /> /* =========================<br /> Items<br /> ========================= */<br /> <br /> .tier-item {<br /> width:64px;<br /> height:64px;<br /> <br /> display:flex !important;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> cursor:grab;<br /> border-radius:5px;<br /> overflow:hidden;<br /> <br /> line-height:0;<br /> flex-shrink:0;<br /> }<br /> <br /> <br /> .tier-item:active {<br /> cursor:grabbing;<br /> }<br /> <br /> <br /> /* MediaWiki wrapper fixes */<br /> <br /> .tier-item p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> display:flex !important;<br /> line-height:0 !important;<br /> }<br /> <br /> .tier-item span {<br /> display:flex !important;<br /> }<br /> <br /> .tier-item a {<br /> display:flex !important;<br /> <br /> width:64px;<br /> height:64px;<br /> <br /> align-items:center;<br /> justify-content:center;<br /> }<br /> <br /> <br /> /* Images */<br /> <br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> display:block !important;<br /> <br /> width:64px !important;<br /> height:64px !important;<br /> <br /> max-width:64px !important;<br /> max-height:64px !important;<br /> <br /> object-fit:contain !important;<br /> <br /> image-rendering:pixelated;<br /> image-rendering:crisp-edges;<br /> }<br /> <br /> <br /> /* =========================<br /> Reward Pool<br /> ========================= */<br /> <br /> .reward-pool {<br /> display:flex;<br /> flex-wrap:wrap;<br /> <br /> gap:5px;<br /> padding:5px;<br /> margin:8px 0;<br /> }<br /> <br /> <br /> /* =========================<br /> Rarity backgrounds<br /> ========================= */<br /> <br /> .gold-item {<br /> background:rgba(212,175,55,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .silver-item {<br /> background:rgba(192,192,192,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .bronze-item {<br /> background:rgba(205,127,50,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> <br /> /* =========================<br /> MediaWiki spacing fixes<br /> ========================= */<br /> <br /> .tier-list p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .tier-list p br {<br /> display:none !important;<br /> }<br /> <br /> <br /> /* =========================<br /> Prevent hover shifting<br /> ========================= */<br /> <br /> .tier-item,<br /> .tier-item a,<br /> .tier-item span,<br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> transform:none !important;<br /> }<br /> <br /> .tier-item a:hover,<br /> .tier-item img:hover,<br /> .tier-item .mw-file-element:hover {<br /> transform:none !important;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 .firstHeading {<br /> display:none;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 #contentSub {<br /> display:none !important;<br /> }</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:Common.css&diff=28897 2026-07-18T10:21:16Z

<p>Hefner: </p> <hr /> <div>:root {<br /> --body-background-image: url('filepath://Roat Pkz Wiki background darkmode1.jpg');<br /> --body-background-color: #071022;<br /> --body-main: #172136;<br /> --body-light: #313e59;<br /> --body-mid: #222e45;<br /> --body-dark: #222e45;<br /> --body-border: #596e96;<br /> --link-color: #8cabe6;<br /> --background-link-color: var(--link-color);<br /> --redlink-color: #f26d60;<br /> --text-color: #cbd9f4;<br /> --background-text-color: #cbd9f4;<br /> --byline-color: #98a2b6;<br /> --subtle-color: var(--byline-color);<br /> --search-box: var(--body-light);<br /> --admin-blue: #0087ff;<br /> --bearcat-green: #00ff55;<br /> --awb-purple: #f319ff;<br /> --sidebar: #222e45;<br /> --button-background: #617ebc;<br /> --button-dark: #617ebc;<br /> --button-border: #617ebc;<br /> --button-light: #617ebc;<br /> --wikitable-header-bg: #222e45;<br /> --wikitable-border: #172136;<br /> --wikitable-bg: #313e59;<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --wikitable-alternating-bg: #2a3651;<br /> --table-na-background: rgba(0, 0, 0, 0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #0b5884;<br /> --droptable-common-background: #3c780a;<br /> --droptable-uncommon-background: #a48900;<br /> --droptable-rare-background: #b55e0c;<br /> --droptable-veryrare-background: #9f261e;<br /> --droptable-random-background: #984c89;<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);<br /> --tile-border-color: var(--body-border);<br /> --tile-background-color: var(--body-light);<br /> --tile-link-button-color: var(--body-mid);<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255, 255, 255, 0.7);<br /> --tile-dark-header-color: #fff;<br /> --documentation-background: var(--body-light);<br /> --documentation-border: var(--sidebar);<br /> --documentation-link-color: var(--link-color);<br /> --documentation-headers-color: var(--text-color);<br /> --documentation-header-background: var(--body-dark);<br /> --documentation-subheader-background: #1f293e;<br /> --base-text-color: var(--text-color);<br /> --base-heading-color: var(--text-color);<br /> --base-heading-border: var(--sidebar);<br /> --mainpage-recent-updates-description-color: var(--text-color);<br /> --thumb-bg: var(--body-mid);<br /> --thumb-caption-bg: var(--body-light);<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid);<br /> --diff-addedline-background: #438ab5;<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-color: #fff;<br /> --diff-deletedline-background: #379541;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-color: #fff;<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: var(--errorbox-bg);<br /> --warningbox-border: var(--errorbox-border);<br /> --successbox-bg: #2e5e05;<br /> --successbox-border: #3c780a;<br /> --messagebox-obsolete-background: #464646;<br /> --messagebox-obsolete-border: #333;<br /> --messagebox-obsolete-color: #ddd;<br /> --messagebox-obsolete-link-color: #bbb;<br /> --messagebox-info-background: var(--messagebox-obsolete-background);<br /> --messagebox-info-border: var(--messagebox-obsolete-border);<br /> --messagebox-info-color: var(--messagebox-obsolete-color);<br /> --messagebox-info-link-color: var(--messagebox-obsolete-link-color);<br /> --messagebox-action-background: #45697d;<br /> --messagebox-action-border: #2d5266;<br /> --messagebox-action-color: var(--text-color);<br /> --messagebox-action-link-color: #b8d5e5;<br /> --messagebox-warn-background: #95271b;<br /> --messagebox-warn-border: #6b130a;<br /> --messagebox-warn-color: #f8ebe9;<br /> --messagebox-warn-link-color: #e8b8b3;<br /> --messagebox-safe-background: #1b8408;<br /> --messagebox-safe-border: #126802;<br /> --messagebox-safe-color: #e9f6e7;<br /> --messagebox-safe-link-color: #c1e0bb;<br /> --messagebox-disambig-background: var(--messagebox-obsolete-background);<br /> --messagebox-disambig-border: var(--messagebox-obsolete-border);<br /> --messagebox-disambig-color: var(--messagebox-obsolete-color);<br /> --messagebox-disambig-link-color: var(--messagebox-obsolete-link-color);<br /> --mw-code-background-color: #222e45;<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-mid);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border);<br /> --scribuntoconsole-input: #3ea6e6;<br /> --scibuntoconsole-print: #f9d000;<br /> --scribuntoconsole-error: #ee4231;<br /> --scribuntoconsole-message: #6bc71f;<br /> --scribuntoconsole-tabcomplete: #855cd8;<br /> --scribuntoconsole-clear: #ee4231;<br /> --blockquote-color: var(--text-color);<br /> --coins-color: #6bc71f;<br /> --coins-pos-color: #3ea6e6;<br /> --coins-neg-color: #ee4231;<br /> --questdetails-header-background: var(--body-dark);<br /> --questdetails-header-background-alt: var(--body-dark);<br /> --fact-text-color: #3ea6e6;<br /> --production-selected-background: #3c780a;<br /> --production-selected-color: #fff;<br /> --wikipedia-border: var(--body-border);<br /> --wikipedia-background: var(--body-light);<br /> --keypress-background: var(--body-light);<br /> --keypress-border: var(--body-border);<br /> --keypress-color: var(--text-color);<br /> --ajaxpoll-background: var(--body-light);<br /> --ajaxpoll-text-color: var(--base-text-color);<br /> --ajaxpoll-answerbar-background: var(--body-mid);<br /> --ajaxpoll-answerbar-border: var(--body-border);<br /> --rc-negative-color: #ee4231;<br /> --rc-positive-color: #6bc71f;<br /> --filter-black-to-link: invert(63%) sepia(67%) saturate(242%) hue-rotate(182deg) brightness(93%) contrast(94%);<br /> --transcript-border-color: #596e96;<br /> --transcript-border-hover-color: #8596b7;<br /> --transcript-strikethrough-color: #fff;<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--navbox-title-background);<br /> --navbox-group-title-background: var(--navbox-title-background);<br /> --infobox-bg: var(--body-light);<br /> --infobox-border: var(--body-border);<br /> --infobox-header: var(--body-dark);<br /> --infobox-subheader: var(--body-mid);<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #444e5a;<br /> --sourceeditor-input-background: var(--body-mid);<br /> --sourceeditor-background: var(--body-light);<br /> --sourceeditor-background-secondary: var(--body-mid);<br /> --sourceeditor-border: var(--body-main);<br /> --codemirror-gutter-background: var(--body-light);<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border);<br /> --vector-tab-background: #222e45;<br /> --vector-tab-background--hover: #293753;<br /> --vector-tab-link-color: var(--background-link-color);<br /> --lighttable-bg-hover: #3c780a;<br /> --lighttable-bg-active: #2e5e05;<br /> --lighttable-link-color: #c3e8a3;<br /> --personal-links-bg: rgba(7, 16, 34, 0.75);<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg, #315d30 0 20px, #13421e 20px 30px);<br /> --tbz-unlocked-border-color: #00e417;<br /> --tbz-locked-background-color: #8a2525;<br /> --tbz-locked-border-color: #b32828;<br /> --tbz-partial-unlock-background: #5a5a5a;<br /> --tbz-partial-unlock-border-color: #13421e;<br /> }<br /> <br /> <br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape.woff2?17907) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: bold;<br /> src: local(&quot;RuneScape Bold&quot;),local(&quot;RuneScape Bold 12&quot;),local(&quot;RuneScape Chat 2&quot;),local(&quot;RuneScape Chat&quot;),url(/images/RuneScape_Bold.woff2?514fd) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape Small';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape_Small.woff2?1ee0e) format('woff2')<br /> }<br /> <br /> :root {<br /> --base-text-color: #cbd9f4;<br /> --base-heading-color: #cbd9f4;<br /> --base-heading-border: #596e96;<br /> --mw-code-background-color: #222e45;<br /> --body-background-image: url(/images/b/b5/Roat_Pkz_Wiki_background_darkmode2.png)<br /> }<br /> <br /> #mw-page-base {<br /> background: none<br /> }<br /> <br /> .mw-body {<br /> background-color: var(--body-main);<br /> color: var(--text-color);<br /> border-color: transparent;<br /> box-shadow: 0 0 7px rgba(0,0,0,0.15);<br /> margin-top: 0<br /> }<br /> <br /> h1,h2,h3,h4,h5,h6 {<br /> color: var(--text-color)<br /> }<br /> <br /> h1,h2 {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-body h1,.mw-body-content h1,.mw-body-content h2,.mw-body-content h3,.mw-body-content h4,.mw-body-content h5,.mw-body-content h6 {<br /> font-family: 'PT Serif','Palatino','Georgia',serif<br /> }<br /> <br /> .mw-parser-output h2:first-of-type {<br /> clear: left<br /> }<br /> <br /> .mw-footer {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer li {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer a,.mw-footer a:active,.mw-footer a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> ::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> a {<br /> color: var(--link-color)<br /> }<br /> <br /> a:visited,a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> a.new {<br /> color: var(--redlink-color)<br /> }<br /> <br /> a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .mw-parser-output a.extiw,.mw-parser-output a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited,.mw-parser-output a.extiw:active,.mw-parser-output a.external:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .jsPurgeLink a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> a[href=&quot;/w/User:AndBot&quot;],a[href=&quot;/w/User:BisetteBot&quot;],a[href=&quot;/w/User:Bot50&quot;],a[href=&quot;/w/User:BotDiesel2m&quot;],a[href=&quot;/w/User:Bowl&quot;],a[href=&quot;/w/User:Catbot&quot;],a[href=&quot;/w/User:CookBot&quot;],a[href=&quot;/w/User:Cresbot&quot;],a[href=&quot;/w/User:CrowBot&quot;],a[href=&quot;/w/User:Data_Chompy&quot;],a[href=&quot;/w/User:GauBot&quot;],a[href=&quot;/w/User:Gaz_Bot&quot;],a[href=&quot;/w/User:Gaz_GEBot&quot;],a[href=&quot;/w/User:HabbletAWB&quot;],a[href=&quot;/w/User:JakesterwarsBot&quot;],a[href=&quot;/w/User:JaydenBot&quot;],a[href=&quot;/w/User:MuudyBot&quot;],a[href=&quot;/w/User:MB%C3%A5t&quot;],a[href=&quot;/w/User:New_user_message&quot;],a[href=&quot;/w/User:Quadrabot&quot;],a[href=&quot;/w/User:Redirect_fixer&quot;],a[href=&quot;/w/User:Riblet15_bot_account&quot;],a[href=&quot;/w/User:ShoyBot&quot;],a[href=&quot;/w/User:SlapChoppe&quot;],a[href=&quot;/w/User:Spinewielder&quot;],a[href=&quot;/w/User:WolaznikBot&quot;] {<br /> color: var(--awb-purple)<br /> }<br /> <br /> a[href=&quot;/w/User:Andmcadams&quot;],a[href=&quot;/w/User:BigDiesel2m&quot;],a[href=&quot;/w/User:Brok&quot;],a[href=&quot;/w/User:Cook_Me_Plox&quot;],a[href=&quot;/w/User:Fjara&quot;],a[href=&quot;/w/User:Gau_Cho&quot;],a[href=&quot;/w/User:Gaz_Lloyd&quot;],a[href=&quot;/w/User:Iiii_I_I_I&quot;],a[href=&quot;/w/User:Jayden&quot;],a[href=&quot;/w/User:Jeljo&quot;],a[href=&quot;/w/User:Joeytje50&quot;],a[href=&quot;/w/User:Legaia_2_Pla&quot;],a[href=&quot;/w/User:Ostentatio&quot;],a[href=&quot;/w/User:Riblet15&quot;],a[href=&quot;/w/User:Shayani&quot;],a[href=&quot;/w/User:Shoyrukon&quot;],a[href=&quot;/w/User:TehKittyCat&quot;],a[href=&quot;/w/User:Towelcat&quot;],a[href=&quot;/w/User:Wolaznik&quot;] {<br /> color: var(--admin-blue)<br /> }<br /> <br /> a[href=&quot;/w/User:Spineweilder&quot;],a[href=&quot;/w/User:Jakesterwars&quot;],a[href=&quot;/w/User:Julia&quot;] {<br /> color: var(--bearcat-green)<br /> }<br /> <br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> background: url(/images/Jagex_moderator_emblem.png?093b0) left no-repeat;<br /> padding-left: 15px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> #ca-nstab-user a {<br /> background: none<br /> }<br /> <br /> :root {<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: #801c13;<br /> --warningbox-border: #9f261e;<br /> --successbox-bg: #801c13;<br /> --successbox-border: #9f261e<br /> }<br /> <br /> .mw-message-box-error,.errorbox,.mw-message-box-warning,.warningbox,.mw-message-box-success,.successbox,.usermessage {<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw-message-box-error,.errorbox {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .mw-message-box-warning,.warningbox,.usermessage {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .mw-message-box-success,.successbox {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .catlinks {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-dark);<br /> padding: 8px 15px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .catlinks li {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .filehistory a img,#file img {<br /> background: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v16h8V8H0z' opacity='.13'/%3E%3C/svg%3E&quot;) repeat<br /> }<br /> <br /> #file img:hover {<br /> background: none<br /> }<br /> <br /> .mw-highlight {<br /> background: none<br /> }<br /> <br /> .mw-highlight .linenos {<br /> background-color: var(--mw-code-background-color);<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-highlight a:hover .linenos,.mw-highlight .hll a .linenos {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-content-ltr.mw-highlight-lines pre,.mw-content-ltr.content .mw-highlight-lines pre {<br /> box-shadow: inset 2.75em 0 0 var(--mw-code-background-color)<br /> }<br /> <br /> #pagehistory ul {<br /> list-style: none;<br /> margin: 0<br /> }<br /> <br /> #pagehistory li {<br /> border: 1px solid transparent;<br /> padding: 1px 10px;<br /> margin: 2px 0<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: var(--body-light);<br /> color: inherit;<br /> border: 1px dashed var(--body-border);<br /> outline: none<br /> }<br /> <br /> #mw-history-compare &gt; div:first-of-type {<br /> position: -webkit-sticky;<br /> position: sticky;<br /> top: 0;<br /> background-color: var(--body-main);<br /> border-bottom: 1px solid var(--body-dark);<br /> padding: 0.25em 0<br /> }<br /> <br /> .wgl-stickyheader #mw-history-compare &gt; div:first-of-type {<br /> top: 2.5rem<br /> }<br /> <br /> .autocomment,.autocomment a,.autocomment a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> li span.deleted,span.history-deleted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-usertoollinks-contribs-no-edits,.mw-usertoollinks-contribs-no-edits:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .CategoryTreeToggle {<br /> color: var(--link-color)<br /> }<br /> <br /> body.wgl-stickyheader.action-view .mw-headline:target::before {<br /> display: block;<br /> content: '';<br /> margin-top: -3rem;<br /> height: 3rem;<br /> visibility: hidden;<br /> pointer-events: none<br /> }<br /> <br /> .mw-mmv-post-image {<br /> color: var(--text-color);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-mmv-image-metadata {<br /> border-top-color: var(--body-mid);<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-mmv-dialog,.mw-mmv-dialog .mw-mmv-dialog-down-arrow,.mw-mmv-options-dialog .mw-mmv-dialog-down-arrow {<br /> background-color: var(--body-light);<br /> box-shadow: none<br /> }<br /> <br /> .mw-mmv-options-enable-alert {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-mmv-options-dialog-header,.mw-mmv-options-text-header,.mw-mmv-options-text-body,.mw-mmv-options-enable-alert,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-dialog-header,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-text-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-revslider-container {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-revslider-slider-wrapper {<br /> border-top-color: var(--sidebar)<br /> }<br /> <br /> .mw-ui-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):hover,.mw-ui-button:not(:disabled):active {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):focus {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button:not(:disabled):visited {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled) {<br /> background-color: var(--ooui-progressive);<br /> color: #fff;<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):active,.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: none<br /> }<br /> <br /> .mw-ui-button.mw-ui-destructive:not(:disabled) {<br /> color: #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-quiet,.mw-ui-button.mw-ui-quiet.mw-ui-progressive,.mw-ui-button.mw-ui-quiet.mw-ui-destructive {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:hover,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover {<br /> background-color: rgba(0,24,73,0.02745098);<br /> color: var(--text-color);<br /> border-color: transparent<br /> }<br /> <br /> input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:focus,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:active,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active {<br /> background-color: rgba(0,36,73,0.08235294);<br /> color: var(--text-color);<br /> border-color: #72777d<br /> }<br /> <br /> .mw-ui-input {<br /> background-color: var(--ooui-input);<br /> color: var(--text-color);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-ui-input:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-ui-input::placeholder {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child {<br /> padding: 0;<br /> background: 0<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child::before {<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> display: inline-block;<br /> width: 47px;<br /> height: 20px<br /> }<br /> <br /> :root {<br /> --wikitable-header-bg: var(--body-dark);<br /> --wikitable-border: var(--body-main);<br /> --wikitable-bg: var(--body-light);<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --table-na-background: rgba(0,0,0,0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #afeeee;<br /> --droptable-common-background: #56e156;<br /> --droptable-uncommon-background: #ffed4c;<br /> --droptable-rare-background: #ff863c;<br /> --droptable-veryrare-background: #ff6262;<br /> --droptable-random-background: #ffa3ff<br /> }<br /> <br /> .wikitable {<br /> background: var(--wikitable-bg);<br /> color: var(--wikitable-color);<br /> border-color: var(--wikitable-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; tr &gt; td,.wikitable &gt; * &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th.table-noborder,.wikitable &gt; tr &gt; td.table-noborder,.wikitable &gt; * &gt; tr &gt; th.table-noborder,.wikitable &gt; * &gt; tr &gt; td.table-noborder {<br /> border-left-style: hidden;<br /> border-right-style: hidden;<br /> padding-left: 0;<br /> padding-right: 0<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .tabber .wikitable {<br /> box-shadow: none<br /> }<br /> <br /> .table-bg-always,.table-bg-blue {<br /> background: var(--droptable-always-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-common,.table-bg-green {<br /> background: var(--droptable-common-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-uncommon,.table-bg-yellow {<br /> background: var(--droptable-uncommon-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-rare,.table-bg-orange {<br /> background: var(--droptable-rare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-veryrare,.table-bg-red {<br /> background: var(--droptable-veryrare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-random,.table-bg-pink {<br /> background: var(--droptable-random-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-fade {<br /> opacity: 0.6;<br /> background: rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw_metadata td,.mw_metadata th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw_metadata th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw_metadata td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable td,.mw-datatable th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw-datatable td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> table.alternating-rows tr:nth-child(odd),table.alternating-cols td:nth-child(odd) {<br /> background: var(--wikitable-alternating-bg)<br /> }<br /> <br /> .table-na {<br /> background: var(--table-na-background);<br /> color: var(--table-na-color);<br /> vertical-align: middle;<br /> text-align: center<br /> }<br /> <br /> .table-yes {<br /> background: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .table-positive {<br /> background: var(--table-yes-background)<br /> }<br /> <br /> .table-no {<br /> background: var(--table-no-background);<br /> color: var(--table-no-color)<br /> }<br /> <br /> .table-negative {<br /> background: var(--table-no-background)<br /> }<br /> <br /> .table-maybe {<br /> background: var(--table-maybe-background);<br /> color: var(--table-maybe-color)<br /> }<br /> <br /> #mw-allmessagestable .am_actual,#mw-allmessagestable .am_default {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> #mw-allmessagestable .am_default:hover,#mw-allmessagestable .am_actual:hover,#mw-allmessagestable tbody:hover td {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> table.wikitable td.no-cell-spacing {<br /> padding: 0;<br /> height: 0<br /> }<br /> <br /> table.wikitable td.no-cell-spacing table {<br /> margin: -1px;<br /> width: calc(100% + 2px);<br /> height: calc(100% + 2px)<br /> }<br /> <br /> .plainlist ol,.plainlist ul {<br /> margin: 0<br /> }<br /> <br /> .plainlist li {<br /> margin-bottom: 0;<br /> list-style: none<br /> }<br /> <br /> 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) {<br /> text-align: right<br /> }<br /> <br /> 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) {<br /> text-align: center<br /> }<br /> <br /> 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) {<br /> text-align: left<br /> }<br /> <br /> .rsw-chartjs.rsw-chartjs-config {<br /> display: none<br /> }<br /> <br /> .rsw-chartjs.rsw-chart-error {<br /> font-family: monospace<br /> }<br /> <br /> .rsw-chartjs-canvas {<br /> background-color: var(--body-light)<br /> }<br /> <br /> :root {<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-background: #bddff2;<br /> --diff-addedline-color: #000;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-background: #c1edbf;<br /> --diff-deletedline-color: #000;<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid)<br /> }<br /> <br /> .diff-context {<br /> border-color: var(--diff-context-border-color);<br /> background: var(--diff-context-background);<br /> color: inherit<br /> }<br /> <br /> .diff-addedline {<br /> border-color: var(--diff-addedline-border-color)<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: var(--diff-addedline-background);<br /> color: var(--diff-addedline-color)<br /> }<br /> <br /> .diff-deletedline {<br /> border-color: var(--diff-deletedline-border-color)<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: var(--diff-deletedline-background);<br /> color: var(--diff-deletedline-color)<br /> }<br /> <br /> .mw-diff-movedpara-left:after,.mw-diff-movedpara-right:after {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-notification {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {<br /> background: var(--body-main)<br /> }<br /> <br /> .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> background-color: var(--ooui-normal);<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-head,.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {<br /> border-left-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:hover,.mw-echo-ui-notificationItemWidget-unread:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:last-child {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-unread {<br /> background-color: var(--search-box)<br /> }<br /> <br /> .mw-echo-ui-crossWikiNotificationItemWidget-group,.mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-content-message-header,.mw-echo-ui-notificationItemWidget-content-message-body,.mw-echo-ui-menuItemWidget &gt; .oo-ui-buttonElement-button &gt; .oo-ui-labelElement-label,.mw-echo-ui-notificationItemWidget-content-actions-timestamp {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--body-main)<br /> }<br /> <br /> @keyframes unseen-fadeout-to-unread {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--search-box)<br /> }<br /> }<br /> <br /> @keyframes unseen-fadeout-to-read {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--body-main)<br /> }<br /> }<br /> <br /> .mwe-popups {<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container {<br /> color: var(--text-color);<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:before,.mwe-popups .mwe-popups-container.flipped-y:before {<br /> border-top: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:before {<br /> border-bottom: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:after,.mwe-popups .mwe-popups-container.flipped-y:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:after {<br /> border-bottom-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-settings-icon:hover,.mwe-popups .mwe-popups-settings-icon:active {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mwe-popups .mw-ui-icon-element:not(.disabled):hover {<br /> background: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract {<br /> color: var(--text-color)<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract[dir='ltr']:after {<br /> background-image: linear-gradient(to right,rgba(49,62,89,0),var(--body-light) 50%)<br /> }<br /> <br /> .mwe-popups-overlay {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> #mwe-popups-settings {<br /> background: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--text-color)<br /> }<br /> <br /> #mwe-popups-settings header {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form p {<br /> color: var(--byline-color)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form form label &gt; span {<br /> color: var(--ooui-text)<br /> }<br /> <br /> :root {<br /> --smw-ask-options-even-bg: var(--body-mid);<br /> --smw-ask-options-odd-bg: var(--body-light);<br /> --smw-ask-action-btn-lblue-bg: var(--body-main);<br /> --smw-ask-action-btn-lblue-color: #000;<br /> --smw-ask-action-btn-lblue-border-color: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-bg: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-color: #fff;<br /> --smw-ask-action-btn-dblue-border-color: var(--button-border)<br /> }<br /> <br /> .smw-ask-condition fieldset,.smw-ask-printhead fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .smw-ask-search fieldset,.smw-ask-format fieldset,.smw-ask-options fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .strike &gt; span:before,.strike &gt; span:after {<br /> background: var(--sidebar)<br /> }<br /> <br /> .smw-ask-options-fields tr td {<br /> background-color: var(--smw-ask-options-even-bg)<br /> }<br /> <br /> .smw-ask-options-fields tr:nth-child(odd) td {<br /> background-color: var(--smw-ask-options-odd-bg)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-lblue,.smw-ask-action-btn.smw-ask-action-btn-lblue:hover,.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--smw-ask-action-btn-lblue-bg);<br /> color: var(--smw-ask-action-btn-lblue-color);<br /> border-color: var(--smw-ask-action-btn-lblue-border-color)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-dblue,.smw-ask-action-btn.smw-ask-action-btn-dblue:hover,.smw-ask-action-btn.smw-ask-action-btn-dblue:visited {<br /> background-color: var(--smw-ask-action-btn-dblue-bg);<br /> color: var(--smw-ask-action-btn-dblue-color);<br /> border-color: var(--smw-ask-action-btn-dblue-border-color)<br /> }<br /> <br /> .smw-ask-query textarea,.smw-ask-actions textarea {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-query-format select {<br /> background-color: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-toplinks {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info {<br /> background: none;<br /> padding: 0 !important<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info::before {<br /> content: '';<br /> background: var(--text-color);<br /> -webkit-mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> padding: 0 0 3px 18px<br /> }<br /> <br /> .smw-ask-options-row-odd {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smw-ask-options-row-even {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> #options-toggle:not(:checked) + #options-list .options-parameter-list:after {<br /> background-image: linear-gradient(to bottom,transparent,var(--body-mid) 90%)<br /> }<br /> <br /> .smw-ask-button-submit input {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-ask-button-submit input:hover,.smw-ask-button-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> input.smw-ask-action-btn.smw-ask-action-btn-dblue {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:hover {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-callout-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .smw-callout-info {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .smw-callout-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .smw-callout-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-bg)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label,.smw-tabs input.nav-tab:checked + label.nav-label:hover {<br /> color: inherit<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count {<br /> color: #fff;<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.moderate {<br /> color: #fff;<br /> background-color: #b55e0c;<br /> border-color: #b55e0c<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.high {<br /> color: #fff;<br /> background-color: #9f261e;<br /> border-color: #9f261e<br /> }<br /> <br /> .smw-property-page-results .header-title {<br /> background-color: var(--ooui-interface);<br /> border-bottom-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-property-page-results .value-row:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .smw-property-page-results .smw-table .header-row {<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-header {<br /> background-color: var(--body-dark);<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .smw-ui-input-filter {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ui-input-filter input {<br /> border-left-color: var(--ooui-interface-border) !important;<br /> color: var(--ooui-text) !important<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border);<br /> color: var(--subtle-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-active {<br /> color: #fff;<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-tabs section,.smw-tabs .subtab-content {<br /> border-top-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-column-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-factbox {<br /> background: var(--body-main);<br /> border-color: transparent<br /> }<br /> <br /> .mw-body .mw-indicators #mw-indicator-smw-entity-examiner.mw-indicator .smw-indicator-vertical-bar-loader {<br /> display: none<br /> }<br /> <br /> .smwb-theme-light .smwb-title,.smwb-theme-light .smwb-center,.smwb-theme-light .smwb-actions,.smwb-theme-light .smwb-prophead {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-factbox {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-ifactbox {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-propval {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smwb-action-separator {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .smwb-bottom {<br /> border-bottom: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-ifactbox .smwb-cell,.smwb-factbox .smwb-cell {<br /> border-top: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-propvalue .smwb-prophead,.smwb-ipropvalue .smwb-prophead,.smwb-propvalue .smwb-propval,.smwb-ipropvalue .smwb-propval {<br /> font-size: 0.9em<br /> }<br /> <br /> :root {<br /> --filter-black-to-link: invert(36%) sepia(58%) saturate(433%) hue-rotate(344deg) brightness(100%) contrast(91%)<br /> }<br /> <br /> #bodyContent span.smwbrowse a {<br /> color: black;<br /> background-image: url(/images/Smwbrowse.svg?87d2b);<br /> filter: var(--filter-black-to-link)<br /> }<br /> <br /> #bodyContent span.smwbrowse a:hover {<br /> color: black;<br /> background-image: url(/images/Smwbrowse-hover.svg?73b79);<br /> text-decoration: underline<br /> }<br /> <br /> #bodyContent span.smwsearch a {<br /> color: black;<br /> filter: var(--filter-black-to-link);<br /> background-image: url(/images/Smwsearch.svg?72b04)<br /> }<br /> <br /> #bodyContent span.smwsearch a:hover {<br /> color: black;<br /> background-image: url(/images/Smwsearch-hover.svg?62df0);<br /> text-decoration: underline<br /> }<br /> <br /> :root {<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-background-color);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border)<br /> }<br /> <br /> .tabber {<br /> margin: 1em 0<br /> }<br /> <br /> .tabber .tabbertab {<br /> background-color: var(--tabber-tab-bg);<br /> border: 1px solid var(--tabber-tab-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1em 1.5em<br /> }<br /> <br /> ul.tabbernav {<br /> border: none;<br /> margin-left: 2em;<br /> margin-bottom: 0;<br /> margin-right: 2em;<br /> padding: 0;<br /> font-family: inherit<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a {<br /> background-color: var(--tabber-active-tab-bg);<br /> color: var(--tabber-active-tab-color);<br /> border-bottom: none;<br /> position: relative<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a:hover {<br /> color: var(--tabber-active-tab-hover-color);<br /> background-color: var(--tabber-active-tab-hover-bg);<br /> border-color: var(--tabber-active-tab-hover-border-color);<br /> border-bottom: none<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a::after {<br /> content: '';<br /> position: absolute;<br /> left: 0;<br /> right: 0;<br /> bottom: -1px;<br /> border-bottom: 2px solid var(--tabber-active-tab-border-hider-color)<br /> }<br /> <br /> ul.tabbernav li a {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> border-bottom: transparent;<br /> border-color: var(--tabber-inactive-tab-border-color);<br /> color: var(--tabber-inactive-tab-color);<br /> display: inline-block;<br /> font-size: 110%;<br /> padding: 0.5em 1em<br /> }<br /> <br /> ul.tabbernav li a:hover {<br /> background-color: var(--tabber-inactive-tab-hover-bg);<br /> border-color: var(--tabber-inactive-tab-hover-border-color)<br /> }<br /> <br /> ul.tabbernav li a:link,ul.tabbernav li a:visited {<br /> color: var(--tabber-inactive-tab-color)<br /> }<br /> <br /> .js-tooltip-text {<br /> padding: 5px<br /> }<br /> <br /> .js-tooltip-wrapper {<br /> position: absolute;<br /> z-index: 10;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> color: var(--text-color);<br /> max-width: 75%;<br /> overflow-wrap: break-word;<br /> padding: 10px 15px;<br /> margin: 0px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> font-size: 0.8em<br /> }<br /> <br /> .js-tooltip-click {<br /> color: var(--button-color);<br /> background: var(--button-background);<br /> border-radius: 2em;<br /> cursor: pointer;<br /> padding: 0 0.3em;<br /> user-select: none<br /> }<br /> <br /> .js-tooltip-arrow {<br /> position: absolute;<br /> border-color: transparent;<br /> border-style: solid;<br /> width: 0;<br /> height: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointleft {<br /> border-right-color: var(--body-border);<br /> border-left-color: transparent;<br /> border-left-width: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointright {<br /> border-left-color: var(--body-border);<br /> border-right-color: transparent;<br /> border-right-width: 0<br /> }<br /> <br /> .js-tooltip-close {<br /> float: right;<br /> margin-left: 10px;<br /> margin-right: -5px;<br /> margin-top: -5px;<br /> margin-bottom: 1px;<br /> background: var(--button-background);<br /> border: 0;<br /> cursor: pointer<br /> }<br /> <br /> :root {<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px); <br /> }<br /> <br /> .oo-ui-widget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox'] + span,.oo-ui-radioInputWidget [type='radio'] + span {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,.oo-ui-radioInputWidget [type='radio']:disabled + span {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownWidget-handle {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border);<br /> background-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget select {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget option {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuSelectWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-menuSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-menuSectionOptionWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-title {<br /> color: inherit<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block),.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-optionWidget.oo-ui-widget-disabled {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-outlineControlsWidget {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {<br /> border-bottom-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {<br /> border-top-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {<br /> border-right-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {<br /> border-left-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {<br /> border-left-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-searchWidget-query {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-tabOptionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--body-dark);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {<br /> border-bottom-color: var(--body-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {<br /> background-color: var(--body-light);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> color: var(--ooui-progressive);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover,.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:focus {<br /> color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed {<br /> background: none;<br /> border-bottom: 1px solid var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile {<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tagItemWidget {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> @media screen and (min-width: 0) {<br /> .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {<br /> outline:1px solid var(--ooui-accent)<br /> }<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {<br /> border-color: #fff<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; input.oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover);<br /> color: #fff;<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive {<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active &gt; .oo-ui-buttonElement-button {<br /> color: #fff;<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-pendingElement-pending {<br /> background-image: var(--ooui-pending-background-image);<br /> background-size: 200%;<br /> animation: oo-ui-pendingElement-stripes 6s linear infinite<br /> }<br /> <br /> @keyframes oo-ui-pendingElement-stripes {<br /> 100% {<br /> background-position: 100%<br /> }<br /> }<br /> <br /> .oo-ui-messageDialog-content &gt; .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-message {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog-content .oo-ui-window-head,.oo-ui-processDialog-content .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:active {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:active {<br /> border-right-color: var(--ooui-interface-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button,.oo-ui-processDialog-actions-other .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-right-color: var(--ooui-normal-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-windowManager-modal.oo-ui-windowManager-floating &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-window {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-bar {<br /> background-color: var(--ooui-interface);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-position-top &gt; .oo-ui-toolbar-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-toolbar-bar .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active &gt; .oo-ui-tool-link,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent);<br /> box-shadow: none<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-menuToolGroup {<br /> border-left-color: var(--body-mid);<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> border-right-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 2px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-bookletLayout-outlinePanel &gt; .oo-ui-outlineControlsWidget {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-fieldLayout-disabled &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header &gt; .oo-ui-labelElement-label {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-panelLayout-framed {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .oo-ui-icon-settings {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Esettings%3C/title%3E%3Cg transform='translate(10 10)'%3E%3Cpath id='a' d='M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3'/%3E%3Cuse xlink:href='%23a' transform='rotate(45)'/%3E%3Cuse xlink:href='%23a' transform='rotate(90)'/%3E%3Cuse xlink:href='%23a' transform='rotate(135)'/%3E%3C/g%3E%3Cpath d='M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .oo-ui-icon-clear {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Eclear%3C/title%3E%3Cpath d='M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-widget-dateInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widget-dateInputWidget-calendar {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widget-calendarWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widget-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-day,.mw-widget-calendarWidget-day-heading {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-widget-calendarWidget-day-additional {<br /> color: var(--ooui-text);<br /> opacity: 0.67<br /> }<br /> <br /> .mw-widget-calendarWidget-day-today {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-item:hover {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-widget-calendarWidget-item-selected {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),0 2px 2px 0 rgba(0,0,0,0.25)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.mw-widgets-datetime-dateTimeInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input,.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .mw-kartographer-mapDialog-foot {<br /> background-color: var(--body-light);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-container {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a,.mw-kartographer-interactive .leaflet-popup-content a:visited,.mw-kartographer-interactive .leaflet-popup-content a:hover,.mw-kartographer-interactive .leaflet-popup-content a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a.new a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .leaflet-popup-content-wrapper {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .leaflet-popup-tip {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey {<br /> background: #e4eaee;<br /> color: #444e5a;<br /> text-shadow: none<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a,.leaflet-vis-tooltip.lbl-bg-grey a:visited,.leaflet-vis-tooltip.lbl-bg-grey a:active,.leaflet-vis-tooltip.lbl-bg-grey a:hover,.leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a, .leaflet-vis-tooltip.lbl-bg-grey a:visited, .leaflet-vis-tooltip.lbl-bg-grey a:active, .leaflet-vis-tooltip.lbl-bg-grey a:hover, .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:visited,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:active,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:hover,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before {<br /> display: block;<br /> border-left-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before {<br /> display: block;<br /> border-right-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before {<br /> display: block;<br /> border-top-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before {<br /> display: block;<br /> border-bottom-color: #e4eaee<br /> }<br /> <br /> .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover {<br /> background: var(--ooui-normal--hover)<br /> }<br /> <br /> .ve-ui-overlay {<br /> font-family: inherit<br /> }<br /> <br /> .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above {<br /> border-top-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-branchNode-blockSlug,.ve-ce-branchNode-newSlug {<br /> outline-color: var(--body-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-specialCharacterPage h3 {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character:hover {<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px var(--body-mid);<br /> background: none<br /> }<br /> <br /> .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwHelpPopupTool-version-label,.ve-ui-mwHelpPopupTool-version-link,.ve-ui-mwHelpPopupTool-version-date {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ce-tableCellableNode {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-mwReferencesListNode-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwTemplatePage-description,.ve-ui-mwParameterPage-label,.ve-ui-mwParameterPage-description-required,.ve-ui-mwParameterPage-description-deprecated {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwGalleryDialog-menuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog-innerMenuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container,.ve-ui-targetWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .ve-ui-mwSaveDialog {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-options {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-summary {<br /> background-color: var(--ooui-input)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-editSummary-count {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-license {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwReferenceContextItem-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwNoticesPopupTool-items &gt; div:not(:first-child),.ve-ui-mwHelpPopupTool-item:not(:first-child) {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineControlsWidget {<br /> background-color: var(--ooui-interface);<br /> border-top-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-sticky {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwParameterPage-undocumentedLabel {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwTwoPaneTransclusionDialogLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwParameterPage-doc-required,.ve-ui-mwParameterPage-doc-deprecated,.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-expandableContent-toggle {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-expandableContent-fade {<br /> background: linear-gradient(to right,rgba(255,255,255,0) 0,var(--ooui-interface) 90%)<br /> }<br /> <br /> .ve-ui-commandHelpDialog-shortcut &gt; kbd,.ve-ui-commandHelpDialog-sequence &gt; kbd {<br /> background-color: var(--keypress-background);<br /> color: var(--keypress-color);<br /> border-color: var(--keypress-border);<br /> box-shadow: none;<br /> text-shadow: none<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> background: var(--ooui-interface)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'],figure[typeof~='mw:File/Frame'],figure[typeof~='mw:Image/Thumb'],figure[typeof~='mw:Video/Thumb'],figure[typeof~='mw:Image/Frame'],figure[typeof~='mw:Video/Frame'] {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:File/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media) {<br /> border: none;<br /> background: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; figcaption,figure[typeof~='mw:File/Frame'] &gt; figcaption,figure[typeof~='mw:Image/Thumb'] &gt; figcaption,figure[typeof~='mw:Video/Thumb'] &gt; figcaption,figure[typeof~='mw:Image/Frame'] &gt; figcaption,figure[typeof~='mw:Video/Frame'] &gt; figcaption {<br /> border: none;<br /> background-color: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --fact-text-color: #15f;<br /> --production-selected-background: #c3e8a3;<br /> --production-selected-color: #000;<br /> --wikipedia-border: #e0e0e0;<br /> --wikipedia-background: #f8f8f8;<br /> --keypress-background: #eee;<br /> --keypress-border: #ccc;<br /> --keypress-color: #333;<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg,#bfffbd 0 20px,#4cf172 20px 30px);<br /> --tbz-unlocked-border-color: #012100;<br /> --tbz-locked-background-color: #ffc3c3;<br /> --tbz-locked-border-color: #df9090;<br /> --tbz-partial-unlock-background: #dae8d2;<br /> --tbz-partial-unlock-border-color: #aeaeae<br /> }<br /> <br /> .archivelist {<br /> background-color: var(--body-light);<br /> border: solid 1px var(--body-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> margin: 5px;<br /> padding: 5px;<br /> text-align: center;<br /> width: 120px<br /> }<br /> <br /> .collapsed-sec {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-weight: bold;<br /> text-shadow: 1px 1px #fff<br /> }<br /> <br /> .combat-styles-icons a {<br /> display: inline-block;<br /> text-align: center;<br /> min-width: 26px<br /> }<br /> <br /> .combat-styles-header a {<br /> color: var(--text-color)<br /> }<br /> <br /> .fact-text {<br /> color: var(--fact-text-color);<br /> font-style: italic;<br /> cursor: help;<br /> border-bottom: dotted 1px<br /> }<br /> <br /> .production-selected {<br /> background: var(--production-selected-background);<br /> color: var(--production-selected-color)<br /> }<br /> <br /> .relative-location {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-spacing: 0;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 5px;<br /> text-align: center<br /> }<br /> <br /> .relative-location-txt {<br /> color: var(--text-color)<br /> }<br /> <br /> .relative-location-header {<br /> background: var(--body-dark)<br /> }<br /> <br /> #musicMap data {<br /> display: none<br /> }<br /> <br /> .musicMap-buttons {<br /> text-align: center;<br /> margin: 0.7em<br /> }<br /> <br /> .talkheader {<br /> text-align: center;<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .shortcut {<br /> border: 1px solid var(--body-border);<br /> background: var(--body-light);<br /> float: right;<br /> font-size: 0.8em;<br /> margin: 0.5em 0em 0.5em 1em;<br /> padding: 0.5em;<br /> text-align: center<br /> }<br /> <br /> .succession {<br /> width: 50%;<br /> text-align: center<br /> }<br /> <br /> .succession th {<br /> width: 33%;<br /> font-size: 90%;<br /> background: var(--body-mid)<br /> }<br /> <br /> .succession td {<br /> background: var(--body-light)<br /> }<br /> <br /> .update {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0;<br /> padding: 0.25em 1em;<br /> text-align: center<br /> }<br /> <br /> .pollwrapper {<br /> display: flex;<br /> align-items: center;<br /> flex-direction: column;<br /> counter-reset: question<br /> }<br /> <br /> .pollbox {<br /> position: relative;<br /> padding: 1em 0.7em;<br /> margin: 0.7em;<br /> margin-bottom: 1.2em;<br /> width: 700px;<br /> font-size: 16px;<br /> border: 2px solid var(--body-border);<br /> background: var(--body-light)<br /> }<br /> <br /> .pollbox::before {<br /> content: &quot;Question &quot; counter(question);<br /> counter-increment: question;<br /> position: absolute;<br /> font-size: 16px;<br /> font-weight: bold;<br /> top: -0.5em;<br /> margin-top: -2px;<br /> left: 0.6em;<br /> line-height: 1em;<br /> background: linear-gradient(0deg,var(--body-light),var(--body-light) 50%,rgba(0,0,0,0) 50%);<br /> padding: 0 0.6em<br /> }<br /> <br /> .pollbox table {<br /> width: 100%;<br /> border-collapse: collapse;<br /> font-size: 14px<br /> }<br /> <br /> .pollbox caption {<br /> text-align: left;<br /> margin-bottom: 4px<br /> }<br /> <br /> .pollbox td {<br /> padding: 0px<br /> }<br /> <br /> .pollquestion td:first-child::before {<br /> content: &quot;&quot;;<br /> background: url(/images/Poll_shield.png?c691a);<br /> background-repeat: no-repeat;<br /> background-position: top;<br /> width: 10px;<br /> height: 14px;<br /> position: absolute;<br /> top: 4px;<br /> left: 0<br /> }<br /> <br /> .pollquestion td:first-child {<br /> position: relative;<br /> width: 32%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .pollquestion td.pollpercent {<br /> box-sizing: border-box;<br /> padding-left: 17px;<br /> padding-right: 8px<br /> }<br /> <br /> .pollquestion td:last-child {<br /> width: 22%;<br /> padding-left: 0.7em<br /> }<br /> <br /> .pollquestion .pollnote td {<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .pollquestion .pollnote td::before {<br /> content: none<br /> }<br /> <br /> .pollquestion data {<br /> display: block;<br /> height: 15px;<br /> background-image: url(/images/Poll_sword2.png?7d4c4);<br /> position: relative<br /> }<br /> <br /> .pollquestion data::before,.pollquestion data::after {<br /> content: &quot;&quot;;<br /> height: inherit;<br /> position: absolute;<br /> height: 15px<br /> }<br /> <br /> .pollquestion data::before {<br /> background: url(/images/Poll_sword1.png?d445b);<br /> width: 17px;<br /> right: 100%<br /> }<br /> <br /> .pollquestion data::after {<br /> background: url(/images/Poll_sword3.png?487b5);<br /> width: 8px;<br /> left: 100%<br /> }<br /> <br /> .archivepollq th {<br /> text-align: left;<br /> font-weight: normal;<br /> padding: 15px 0 0 0<br /> }<br /> <br /> .archivepollq td:first-child {<br /> position: relative;<br /> width: 80%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .archivepollq td.archivepollpercent {<br /> box-sizing: border-box;<br /> padding: 2px;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .archivepollq td:last-child {<br /> text-align: right;<br /> padding-left: 0.7em<br /> }<br /> <br /> .archivepollq .archivepollnote &gt; td {<br /> text-align: left;<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .archivepollq data {<br /> display: block;<br /> height: 25px;<br /> background: var(--body-border);<br /> position: relative<br /> }<br /> <br /> .archivepollq.e {<br /> border: 2px solid var(--errorbox-border);<br /> background: var(--errorbox-bg)<br /> }<br /> <br /> .archivepollq.e::before {<br /> content: &quot;Error&quot;;<br /> background: linear-gradient(0deg,var(--errorbox-bg),var(--errorbox-bg) 50%,rgba(0,0,0,0) 50%)<br /> }<br /> <br /> .wikipedia {<br /> border: 1px solid var(--wikipedia-border);<br /> background-color: var(--wikipedia-background)<br /> }<br /> <br /> .hatnote,.seealso {<br /> font-style: italic<br /> }<br /> <br /> .hatnote i,.seealso i {<br /> font-style: normal<br /> }<br /> <br /> div.hatnote,div.seealso {<br /> margin: 0.5em 1.6em<br /> }<br /> <br /> div.hatnote + div.hatnote,div.hatnote + div.seealso,div.seealso + div.hatnote,div.seealso + div.seealso {<br /> margin-top: -0.5em<br /> }<br /> <br /> .extimage div,.extimage a,.extimage img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .tbz-region {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> white-space: nowrap;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> width: 110px;<br /> padding: 0.35em 0.45em 0.25em;<br /> margin: 1px<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-badge {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> padding: 0.3em 0.35em 0.2em<br /> }<br /> <br /> .tbz-badge + .tbz-badge {<br /> margin-left: 1px<br /> }<br /> <br /> .tbz-badge.tbz-badge-wrapper {<br /> padding: 0.2em<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-unlocked {<br /> background: var(--tbz-unlocked-background);<br /> border-color: var(--tbz-unlocked-border-color)<br /> }<br /> <br /> .tbz-unlocked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-unlocked .tbz-check {<br /> display: inline-block;<br /> padding-left: 5px<br /> }<br /> <br /> .tbz-locked {<br /> background-color: var(--tbz-locked-background-color);<br /> border-color: var(--tbz-locked-border-color)<br /> }<br /> <br /> .tbz-locked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-locked .tbz-unlocked {<br /> background: var(--tbz-partial-unlock-background);<br /> border-color: var(--tbz-partial-unlock-border-color)<br /> }<br /> <br /> .combatinfo {<br /> width: 160px;<br /> text-align: center;<br /> float: right;<br /> clear: right<br /> }<br /> <br /> .combatinfo.combatinfo-left {<br /> float: left;<br /> clear: left<br /> }<br /> <br /> .combatinfo td {<br /> width: 25%<br /> }<br /> <br /> .wikitable.combatinfo &gt; caption {<br /> font-weight: normal<br /> }<br /> <br /> .growth-stage-table td.growth-stage {<br /> text-align: center;<br /> vertical-align: bottom<br /> }<br /> <br /> .keypress {<br /> background: var(--keypress-background);<br /> color: var(--keypress-color);<br /> font-family: inherit;<br /> border: 1px solid var(--keypress-border);<br /> border-radius: 2px;<br /> font-size: 0.9em;<br /> margin: 0 0.1em;<br /> padding: 0.1em 0.4em;<br /> white-space: nowrap<br /> }<br /> <br /> .rsw-music-player {<br /> height: 2em;<br /> vertical-align: middle<br /> }<br /> <br /> .item-drops .beast-version {<br /> font-size: smaller;<br /> font-style: italic<br /> }<br /> <br /> td.famtreesub {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table {<br /> border-spacing: 0;<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table td {<br /> height: 1em;<br /> width: 1em<br /> }<br /> <br /> td.famtreeleaf {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> padding: 0.2em<br /> }<br /> <br /> :root {<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #ccc<br /> }<br /> <br /> :root {<br /> --coins-color: green;<br /> --coins-pos-color: white;<br /> --coins-neg-color: #c02614<br /> }<br /> <br /> .coins {<br /> color: var(--coins-color);<br /> background-position: 0% 50%;<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> padding: 0<br /> }<br /> <br /> .coins-pos {<br /> color: var(--coins-pos-color)<br /> }<br /> <br /> .coins-neg {<br /> color: var(--coins-neg-color)<br /> }<br /> <br /> .coins-10000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 3px 35px<br /> }<br /> <br /> .coins-1000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-250 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-100 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-25 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-5 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-4 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-3 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-2 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-1 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> :root {<br /> --documentation-background: #f9fafa;<br /> --documentation-link-color: #e4eaee;<br /> --documentation-headers-color: #fff;<br /> --documentation-header-background: #949eaa;<br /> --documentation-subheader-background: #808c9a;<br /> --documentation-border: #e4eaee<br /> }<br /> <br /> .documentation {<br /> background: var(--documentation-background);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0<br /> }<br /> <br /> .documentation pre,.documentation code {<br /> background-color: var(--documentation-background);<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation h2,.documentation hr {<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation-header {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-header-background);<br /> font-weight: bold;<br /> padding: 1em 1.5em<br /> }<br /> <br /> .documentation-title {<br /> font-size: 1.25em<br /> }<br /> <br /> .documentation-subheader {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-subheader-background);<br /> padding: 0.5em 1.5em<br /> }<br /> <br /> .documentation-subheader a,.documentation-subheader a:visited,.documentation-subheader a:active {<br /> color: var(--documentation-link-color)<br /> }<br /> <br /> .documentation-documentation,.documentation-links {<br /> font-size: 0.85em<br /> }<br /> <br /> .documentation-content {<br /> padding: 1em 1.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dl:not(:empty) {<br /> column-count: 3;<br /> border-top: 1px solid var(--body-border);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dt::after {<br /> content: &quot;:&quot;<br /> }<br /> <br /> .mw-templatedata-doc-params dd,.mw-templatedata-doc-params dt {<br /> margin: 0.1em 2em;<br /> min-width: auto<br /> }<br /> <br /> .mw-templatedata-doc-muted {<br /> color: var(--subtle-color);<br /> font-style: italic<br /> }<br /> <br /> .fairycode {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-size: 120%;<br /> font-weight: bold;<br /> text-transform: lowercase;<br /> letter-spacing: 1px<br /> }<br /> <br /> .fairycode b ~ b:before {<br /> content: &quot;•&quot;<br /> }<br /> <br /> .floornumber &gt; .floornumber-us,#toc li a span.toctext span span:nth-child(2),.floornumber-setting-gb .floornumber &gt; .floornumber-us,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(2),.floornumber-setting-us .floornumber &gt; .floornumber-gb,.floornumber-setting-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none<br /> }<br /> <br /> .floornumber-setting-gb .floornumber &gt; .floornumber-gb,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(1),.floornumber-setting-us .floornumber &gt; .floornumber-us,.floornumber-setting-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-us,.floornumber-override-gb #toc li a span.toctext span span:nth-child(2),.floornumber-override-us .floornumber &gt; .floornumber-gb,.floornumber-override-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none !important<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-gb,.floornumber-override-gb #toc li a span.toctext span span:nth-child(1),.floornumber-override-us .floornumber &gt; .floornumber-us,.floornumber-override-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline !important<br /> }<br /> <br /> .musicplayer {<br /> border: 1px solid var(--body-border);<br /> font-size: 90%;<br /> background: var(--body-light);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> max-width: 300px;<br /> margin: 0 0 1em 1em;<br /> padding: 5px<br /> }<br /> <br /> .musicplayer audio,.infobox audio {<br /> max-width: 298px;<br /> margin-left: auto;<br /> margin-right: auto<br /> }<br /> <br /> .plink-template + a {<br /> margin-left: 0.25em<br /> }<br /> <br /> .plinkt-image {<br /> text-align: center<br /> }<br /> <br /> :root {<br /> --questdetails-header-background: #cfc2aa;<br /> --questdetails-header-background-alt: #cfbda1<br /> }<br /> <br /> .questdetails {<br /> width: 100%;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-collapse: separate<br /> }<br /> <br /> .questdetails th {<br /> text-align: left<br /> }<br /> <br /> .questdetails-header {<br /> padding: 0.5em 1em;<br /> background-color: var(--questdetails-header-background);<br /> width: 125px<br /> }<br /> <br /> .questdetails tr:nth-child(odd) .questdetails-header {<br /> background-color: var(--questdetails-header-background-alt)<br /> }<br /> <br /> .questdetails-info {<br /> padding-left: 1em;<br /> padding-right: 2em<br /> }<br /> <br /> ol.references,.reflist {<br /> font-size: 90%<br /> }<br /> <br /> .reflist {<br /> list-style-type: decimal<br /> }<br /> <br /> .reflist .references {<br /> font-size: 100%;<br /> list-style-type: inherit<br /> }<br /> <br /> .reflist-lower-alpha {<br /> list-style-type: lower-alpha<br /> }<br /> <br /> ol.references li:target,sup.reference:target {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .hideQuotes .refhide {<br /> display: none<br /> }<br /> <br /> .editnotice {<br /> font-size: 0.9em;<br /> padding-bottom: 0.75em;<br /> margin-bottom: 0.6em<br /> }<br /> <br /> .editnotice .editnotice-title {<br /> font-size: 1.2em;<br /> font-weight: bold;<br /> margin-bottom: 0.4em<br /> }<br /> <br /> <br /> <br /> <br /> .mw-message-box,.mw-message-box-error,.mw-message-box-warning,.mw-message-box-success,.usermessage {<br /> color: var(--text-color)<br /> }<br /> <br /> .messagebox {<br /> width: 65%;<br /> margin: 0.5em auto;<br /> border-left: 15px solid;<br /> border-color: var(--body-dark);<br /> background-color: var(--body-light);<br /> box-sizing: border-box<br /> }<br /> <br /> .messagebox.obsolete {<br /> background-color: var(--messagebox-obsolete-background);<br /> border-color: var(--messagebox-obsolete-border);<br /> color: var(--messagebox-obsolete-color)<br /> }<br /> <br /> .messagebox.obsolete a,.messagebox.obsolete a:visited,.messagebox.obsolete a:active {<br /> color: var(--messagebox-obsolete-link-color)<br /> }<br /> <br /> .messagebox.info {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border);<br /> color: var(--messagebox-info-color)<br /> }<br /> <br /> .messagebox.info a,.messagebox.info a:visited,.messagebox.info a:active {<br /> color: var(--messagebox-info-link-color)<br /> }<br /> <br /> .messagebox.action {<br /> background-color: var(--messagebox-action-background);<br /> border-color: var(--messagebox-action-border);<br /> color: var(--messagebox-action-color)<br /> }<br /> <br /> .messagebox.action a,.messagebox.action a:visited,.messagebox.action a:active {<br /> color: var(--messagebox-action-link-color)<br /> }<br /> <br /> .messagebox.warn {<br /> background-color: var(--messagebox-warn-background);<br /> border-color: var(--messagebox-warn-border);<br /> color: var(--messagebox-warn-color)<br /> }<br /> <br /> .messagebox.warn a,.messagebox.warn a:visited,.messagebox.warn a:active {<br /> color: var(--messagebox-warn-link-color)<br /> }<br /> <br /> .messagebox.safe {<br /> background-color: var(--messagebox-safe-background);<br /> border-color: var(--messagebox-safe-border);<br /> color: var(--messagebox-safe-color)<br /> }<br /> <br /> .messagebox.safe a,.messagebox.safe a:visited,.messagebox.safe a:active {<br /> color: var(--messagebox-safe-link-color)<br /> }<br /> <br /> .messagebox.disambig {<br /> background-color: var(--messagebox-disambig-background);<br /> border-color: var(--messagebox-disambig-border);<br /> color: var(--messagebox-disambig-color)<br /> }<br /> <br /> .messagebox.disambig a,.messagebox.disambig a:visited,.messagebox.disambig a:active {<br /> color: var(--messagebox-disambig-link-color)<br /> }<br /> <br /> .messagebox.discord {<br /> background-color: var(--messagebox-discord-background);<br /> border-color: var(--messagebox-discord-border);<br /> color: #fff<br /> }<br /> <br /> .messagebox.discord a,.messagebox.discord a:visited,.messagebox.discord a:active {<br /> color: var(--messagebox-discord-link-color)<br /> }<br /> <br /> .messagebox.discord a.external,.messagebox.discord a:visited.external,.messagebox.discord a:active.external {<br /> font-style: italic<br /> }<br /> <br /> .messagebox.stub {<br /> width: 40%<br /> }<br /> <br /> .messagebox.hasdialogue {<br /> padding: 0 10px;<br /> width: auto<br /> }<br /> <br /> :root {<br /> --ajaxpoll-background: #fafafa;<br /> --ajaxpoll-text-color: var(--byline-color);<br /> --ajaxpoll-answerbar-background: var(--body-light);<br /> --ajaxpoll-answerbar-border: var(--body-border)<br /> }<br /> <br /> .ajaxpoll {<br /> background: var(--ajaxpoll-background)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-hover-vote,.ajaxpoll .ajaxpoll-hover-revoke,.ajaxpoll .ajaxpoll-ajax {<br /> background: none<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote {<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote div {<br /> background: var(--ajaxpoll-answerbar-background);<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-our-vote div {<br /> border-color: #3c780a<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-misc,.ajaxpoll .ajaxpoll-info,.ajaxpoll .ajaxpoll-ajax {<br /> color: var(--ajaxpoll-text-color)<br /> }<br /> <br /> .ajaxpoll-id-info {<br /> display: none<br /> }<br /> <br /> .inventorytable,<br /> .lootingbagtable,<br /> .runepouchtable {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> height: auto;<br /> border-spacing: 0;<br /> border-collapse: separate;<br /> margin-top: 7px;<br /> margin-bottom: 7px;<br /> }<br /> <br /> .inventorytable.storage-left,<br /> .lootingbagtable.storage-left,<br /> .runepouchtable.storage-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .inventorytable.storage-center,<br /> .lootingbagtable.storage-center,<br /> .runepouchtable.storage-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .inventorytable.storage-right,<br /> .lootingbagtable.storage-right,<br /> .runepouchtable.storage-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .inventorytable td,<br /> .lootingbagtable td,<br /> .runepouchtable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> }<br /> <br /> .inventorytable {<br /> background-image: url(/images/e/e9/Inventory_tab.png);<br /> width: 204px;<br /> padding: 13px 16px 10px;<br /> }<br /> <br /> .inventorytable td {<br /> width: 43px;<br /> height: 36px;<br /> }<br /> <br /> .lootingbagtable {<br /> background-image: url(/images/7/78/Looting_bag_tab.png);<br /> width: 204px;<br /> padding: 31px 17px 20px 12px;<br /> }<br /> <br /> .lootingbagtable td {<br /> width: 44px;<br /> height: 32px;<br /> }<br /> <br /> .runepouchtable {<br /> background-image: url(/images/f/f1/Rune_pouch_background.png);<br /> width: 158px;<br /> padding: 24px 7px 6px;<br /> }<br /> <br /> .runepouchtable.storage-left {<br /> margin-left: 23px;<br /> }<br /> <br /> .runepouchtable.storage-right {<br /> margin-right: 23px;<br /> }<br /> <br /> .runepouchtable td {<br /> width: 32px;<br /> height: 32px;<br /> line-height: 1.6em;<br /> }<br /> <br /> .runepouchtable td.middle-rune {<br /> padding-left: 24px;<br /> padding-right: 24px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune {<br /> padding-left: 6px;<br /> padding-right: 6px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune {<br /> padding-left: 0;<br /> }<br /> <br /> .menagerietable {<br /> background-image: url(/images/9/9c/Menagerie_interface.png);<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> width: 300px;<br /> height: 250px;<br /> padding: 56px 28px 34px 6px;<br /> border-spacing: 0;<br /> }<br /> <br /> .menagerietable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> width: 46px;<br /> height: 32px;<br /> }<br /> <br /> .inventorytable .inv-quantity-text,<br /> .lootingbagtable .inv-quantity-text,<br /> .runepouchtable .inv-quantity-text,<br /> .equipment .inv-quantity-text {<br /> font-family: 'RuneScape Small';<br /> font-size: 12pt;<br /> position: absolute;<br /> top: -8px;<br /> left: 4px;<br /> text-shadow: #000 1px 1px;<br /> color: #ffff00;<br /> pointer-events: none;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-1,<br /> .lootingbagtable .inv-quantity-text.qty-1,<br /> .runepouchtable .inv-quantity-text.qty-1,<br /> .equipment .inv-quantity-text.qty-1 {<br /> color: #ffff00;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-100k,<br /> .lootingbagtable .inv-quantity-text.qty-100k,<br /> .runepouchtable .inv-quantity-text.qty-100k,<br /> .equipment .inv-quantity-text.qty-100k {<br /> color: #fff;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-10m,<br /> .lootingbagtable .inv-quantity-text.qty-10m,<br /> .runepouchtable .inv-quantity-text.qty-10m,<br /> .equipment .inv-quantity-text.qty-10m {<br /> color: #01ff80;<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {<br /> .inventorytable img,<br /> .lootingbagtable img,<br /> .runepouchtable img,<br /> .equipment img {<br /> image-rendering: pixelated;<br /> image-rendering: crisp-edges;<br /> }<br /> <br /> }<br /> <br /> .runepouchtable .inv-quantity-text {<br /> left: -1px;<br /> }<br /> <br /> .runepouchtable td.middle-rune .inv-quantity-text {<br /> left: 23px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune .inv-quantity-text {<br /> left: 5px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune .inv-quantity-text {<br /> left: 0;<br /> }<br /> <br /> .equipment .inv-quantity-text {<br /> top: -3px;<br /> }<br /> <br /> span.noted-item {<br /> width: 30px;<br /> height: 29px;<br /> text-align: center;<br /> display: inline-block;<br /> }<br /> <br /> span.noted-item a {<br /> width: 30px;<br /> height: 29px;<br /> }<br /> <br /> .noted-item a {<br /> background-image: url(/images/3/3a/Bank_note.png);<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> background-position: center;<br /> }<br /> <br /> td.noted-item a {<br /> width: 32px;<br /> line-height: 28px;<br /> }<br /> <br /> .noted-item img {<br /> transform: scale(0.65);<br /> }<br /> <br /> .equipment {<br /> background: #3e3529;<br /> border: 9px solid transparent;<br /> border-image-source: url(/images/c/c7/Interface_border.png);<br /> border-image-slice: 9;<br /> border-image-width: 9px;<br /> border-image-outset: 0;<br /> border-image-repeat: repeat;<br /> margin: 7px 0;<br /> padding: 0 2px 0 3px;<br /> }<br /> <br /> @media all and (max-width: 720px) {<br /> table.equipment {<br /> width: initial !important;<br /> }<br /> <br /> }<br /> <br /> .equipment-div,<br /> .equipment-div-buttons {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> position: relative;<br /> width: 175px;<br /> display: flex;<br /> }<br /> <br /> .equipment-div {<br /> background-image: url(/images/a/a7/Worn_equipment_tab_%28no_buttons%29.png);<br /> height: 222px;<br /> margin: 15px 0 14px;<br /> }<br /> <br /> .equipment-div-buttons {<br /> background-image: url(/images/e/e3/Worn_equipment_tab_%28borderless%29.png);<br /> height: 244px;<br /> margin: 4px 0 3px;<br /> }<br /> <br /> .equipment-blank {<br /> background-image: url(/images/c/cf/Blank_slot.png);<br /> width: 36px;<br /> height: 36px;<br /> }<br /> <br /> .equipment-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .equipment-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .equipment-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .equipment-stats,<br /> .equipment-ikod {<br /> font-family: RuneScape;<br /> font-size: 16px;<br /> line-height: 14px;<br /> color: #ff981f;<br /> text-shadow: 1px 1px 0 black;<br /> }<br /> <br /> td.equipment-stats b {<br /> font-family: RuneScape;<br /> font-weight: bold;<br /> display: block;<br /> margin-top: 2px;<br /> }<br /> <br /> td.equipment-stats data {<br /> display: block;<br /> padding-left: 8px;<br /> }<br /> <br /> td.equipment-stats data img {<br /> vertical-align: bottom;<br /> }<br /> <br /> td.equipment-ikod {<br /> max-width: 325px;<br /> }<br /> <br /> td.equipment-ikod em {<br /> font-style: normal;<br /> display: block;<br /> margin-bottom: 3px;<br /> }<br /> <br /> td.equipment-ikod b {<br /> font-weight: normal;<br /> color: white;<br /> }<br /> <br /> td.equipment-ikod strong {<br /> font-weight: normal;<br /> color: red;<br /> }<br /> <br /> td.equipment-ikod ul {<br /> list-style: none;<br /> margin: 0;<br /> }<br /> <br /> td.equipment-ikod li {<br /> display: inline-block;<br /> width: 32px;<br /> height: 32px;<br /> line-height: 32px;<br /> margin: 0;<br /> margin-right: 14px;<br /> }<br /> <br /> td.equipment-ikod img {<br /> cursor: help;<br /> }<br /> <br /> td.equipment-ikod hr {<br /> border-top: 1px solid #0e0e0c;<br /> border-bottom: 1px solid #474745;<br /> margin: 7px 0;<br /> }<br /> <br /> .equipment-plinkp {<br /> position: absolute;<br /> width: 36px;<br /> height: 36px;<br /> left: 0px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head,<br /> .equipment-cape,<br /> .equipment-neck,<br /> .equipment-ammo,<br /> .equipment-weapon,<br /> .equipment-torso,<br /> .equipment-shield,<br /> .equipment-legs,<br /> .equipment-gloves,<br /> .equipment-boots,<br /> .equipment-ring,<br /> .equipment-statsbutton,<br /> .equipment-ikodbutton {<br /> position: absolute;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head {<br /> left: 70px;<br /> top: 0px;<br /> }<br /> <br /> .equipment-cape {<br /> left: 29px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-neck {<br /> left: 70px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-ammo {<br /> left: 111px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-weapon {<br /> left: 14px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-torso {<br /> left: 70px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-shield {<br /> left: 126px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-legs {<br /> left: 70px;<br /> top: 118px;<br /> }<br /> <br /> .equipment-gloves {<br /> left: 14px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-boots {<br /> left: 70px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-ring {<br /> left: 126px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-statsbutton {<br /> top: 204px;<br /> left: 0px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> .equipment-ikodbutton {<br /> top: 204px;<br /> left: 90px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> :root {<br /> --transcript-border-color: #b4a36a;<br /> --transcript-border-hover-color: #876f1d;<br /> --transcript-strikethrough-color: #800000<br /> }<br /> <br /> .transcript {<br /> background: var(--body-light);<br /> border-radius: 0 0 120px 120px / 0 0 8px 8px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> max-width: 90ch;<br /> overflow: hidden;<br /> margin-bottom: 1em;<br /> padding: 0.5em 1em 1em;<br /> clear: left<br /> }<br /> <br /> .transcript.godletter {<br /> margin: 1em auto;<br /> padding: 1em 1.5em;<br /> max-width: 60ch<br /> }<br /> <br /> .quest-action {<br /> text-align: center;<br /> font-style: italic;<br /> margin: 0 5%<br /> }<br /> <br /> .quest-action:before,.quest-action:after {<br /> content: '———';<br /> margin: 4px;<br /> letter-spacing: -1px<br /> }<br /> <br /> .transcript-chatbox-image {<br /> display: inline-block;<br /> margin-right: 5px;<br /> position: relative;<br /> text-align: center;<br /> width: 32px<br /> }<br /> <br /> .transcript-chatbox-image + .transcript-chatbox-image {<br /> left: -10px;<br /> top: 10px;<br /> margin-right: 0<br /> }<br /> <br /> .transcript-opt::before {<br /> display: inline-block;<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> width: 7px;<br /> height: 10px;<br /> margin-right: 5px<br /> }<br /> <br /> .transcript-opt.disabled {<br /> filter: opacity(0.5)<br /> }<br /> <br /> .ns-120 .mw-parser-output s,.transcript s {<br /> text-decoration-color: var(--transcript-strikethrough-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output .template-colour,.transcript .template-colour {<br /> text-shadow: 1px 1px #000a<br /> }<br /> <br /> :root {<br /> --byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%);<br /> --tile-border-color: #596e96;<br /> --tile-background-color: #313e59;<br /> --tile-link-button-color: #222e45;<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255,255,255,0.7);<br /> --tile-dark-header-color: #fff<br /> }<br /> <br /> .tile {<br /> background: var(--tile-background-color);<br /> border: 1px solid var(--tile-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1.5em 2em 1em;<br /> max-width: 40em<br /> }<br /> <br /> .tile h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile.dark {<br /> color: var(--tile-dark-color);<br /> background: var(--tile-dark-bg);<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .tile.dark h2 {<br /> color: var(--tile-dark-header-color)<br /> }<br /> <br /> .tile.dark a {<br /> color: var(--tile-dark-link-color)<br /> }<br /> <br /> .tile.dark .byline {<br /> color: var(--tile-dark-byline-color)<br /> }<br /> <br /> .byline {<br /> font-size: 0.9em;<br /> color: var(--byline-color)<br /> }<br /> <br /> .byline a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .tile-row {<br /> display: flex;<br /> flex-flow: row wrap;<br /> margin-bottom: 1em<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-flow: row wrap;<br /> border: 1px solid var(--tile-border-color);<br /> background: var(--tile-background-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .tile-halves h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile-halves .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile-top {<br /> width: 100%;<br /> padding: 1.3rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-top.tile-image {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--byline-color);<br /> overflow: hidden;<br /> padding: 0;<br /> height: 13vw;<br /> max-height: 12em;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-halves:hover .tile-top.tile-image img {<br /> transform: scale(1.1);<br /> transition: 0.5s ease-out<br /> }<br /> <br /> .tile-top.tile-image a {<br /> width: 100%<br /> }<br /> <br /> .tile-top.tile-image img {<br /> width: 100%;<br /> object-fit: cover;<br /> max-height: 200px;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-top.tile-image span {<br /> width: 100%<br /> }<br /> <br /> .tile-bottom {<br /> background: var(--tile-background-color);<br /> border-top: 1px solid var(--tile-border-color);<br /> width: 100%;<br /> padding: 1rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-bottom.link-button {<br /> align-self: flex-end;<br /> padding: 0<br /> }<br /> <br /> .tile-bottom.link-button a {<br /> display: block;<br /> text-align: center;<br /> padding: 0.75em 1.5em 0.8em;<br /> text-decoration: none<br /> }<br /> <br /> .tile-bottom.read-more {<br /> background: var(--tile-link-button-color);<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile-bottom.read-more a {<br /> color: var(--byline-color);<br /> font-weight: bold;<br /> text-align: right<br /> }<br /> <br /> .tile-bottom.read-more:hover {<br /> background: var(--tile-link-button-highlight-color)<br /> }<br /> <br /> .tile-bottom.read-more:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .tile-bottom.read-more .arrow {<br /> filter: var(--byline-arrow-filter);<br /> margin-left: 0.4em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile.oswf-day {<br /> margin-left: 0.5em<br /> }<br /> <br /> .oswf-tile {<br /> margin: 1em<br /> }<br /> <br /> .oswf-tile.oswf-complete {<br /> opacity: 0.65<br /> }<br /> <br /> .oswf-tile .oswf-summary {<br /> font-size: 105%;<br /> line-height: 1.6;<br /> margin-top: -0.4em<br /> }<br /> <br /> .oswf-tile .oswf-img {<br /> display: block;<br /> max-width: 75px;<br /> float: right<br /> }<br /> <br /> .oswf-tile .oswf-img img {<br /> max-width: 100%;<br /> height: auto<br /> }<br /> <br /> .oswf-tile .oswf-guidance {<br /> border-top: 1px solid #eee;<br /> padding-top: 1em<br /> }<br /> <br /> body.page-Main_Page .mw-parser-output {<br /> max-width: 75em;<br /> margin: 0 auto;<br /> }<br /> <br /> body.page-Main_Page.action-view .catlinks,<br /> body.page-Main_Page.action-view #contentSub,<br /> body.page-Main_Page.action-view #siteNotice {<br /> display: none;<br /> }<br /> <br /> body.page-Main_Page h1 { display: none; }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> margin: 2.6em 1.75em 1.5em<br /> }<br /> <br /> .mainpage-header .header-intro {<br /> flex: 2<br /> }<br /> <br /> .mainpage-header .header-intro h1 {<br /> font-size: 2.5em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.15em<br /> }<br /> <br /> .mainpage-header .header-intro p {<br /> font-size: 1.1em;<br /> line-height: 1.7em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> flex: 1;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> margin-top: -1em<br /> }<br /> <br /> .mainpage-body {<br /> display: grid;<br /> grid-template-areas: &quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left right&quot;;<br /> gap: 0.9rem;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-body h2 a {<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-body .tile {<br /> padding-left: 1.75em;<br /> padding-right: 1.75em;<br /> max-width: 100%<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> width: 100%;<br /> margin-bottom: 0<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> display: grid;<br /> gap: 0.9rem<br /> }<br /> <br /> .mainpage-left {<br /> grid-area: left;<br /> flex: 2;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-left &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .mainpage-right {<br /> grid-area: right;<br /> flex: 1;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-right &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .arrow {<br /> background: url(/images/White-chevron.svg?b82be) no-repeat;<br /> display: inline-block;<br /> height: 0.7rem;<br /> width: 0.45rem;<br /> vertical-align: middle<br /> }<br /> <br /> .arrow.dark {<br /> filter: invert(80%)<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-area: update;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves {<br /> flex: 1;<br /> align-content: flex-start<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-bottom.link-button a {<br /> text-align: left;<br /> padding: 1rem 1.5rem 0.75rem<br /> }<br /> <br /> .mainpage-recent-updates h2 {<br /> margin: -0.5em 0 0.3em<br /> }<br /> <br /> .mainpage-recent-updates p:not(.byline) {<br /> font-size: 0.9em;<br /> line-height: 1.75em;<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-contents {<br /> grid-area: content;<br /> grid-template-columns: repeat(6,1fr)<br /> }<br /> <br /> .mainpage-contents .tile-halves {<br /> flex: 1<br /> }<br /> <br /> .mainpage-contents .tile-top {<br /> position: relative<br /> }<br /> <br /> .mainpage-contents h2 {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> .mainpage-contents .tile-bottom.link-button a {<br /> padding: 0.75em 0.2em<br /> }<br /> <br /> .mainpage-skills ul {<br /> columns: 3 9em;<br /> margin: 1em 0.7em 0.7em 1em<br /> }<br /> <br /> .mainpage-skills li {<br /> display: flex;<br /> margin-bottom: 0.29em<br /> }<br /> <br /> .mainpage-skills li a:first-child {<br /> border-radius: 2px;<br /> padding: 4px;<br /> width: 25px;<br /> height: 25px;<br /> text-align: center;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center<br /> }<br /> <br /> .mainpage-skills li a:last-child {<br /> flex: 1;<br /> display: flex;<br /> align-items: center;<br /> font-weight: bold;<br /> padding-left: 0.7em;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-skills li:hover a:first-child {<br /> border-radius: 2px 0 0 2px<br /> }<br /> <br /> .mainpage-skills li:hover a:last-child {<br /> color: rgba(255,255,255,0.9);<br /> border-radius: 0 2px 2px 0<br /> }<br /> <br /> .skill-agility a:first-child,.skill-melee a:first-child {<br /> background: #bc483d<br /> }<br /> <br /> .skill-agility:hover a:last-child,.skill-melee:hover a:last-child {<br /> background: #932419<br /> }<br /> <br /> .skill-ranged a:first-child {<br /> background: #748d36<br /> }<br /> <br /> .skill-ranged:hover a:last-child {<br /> background: #4c6215<br /> }<br /> <br /> .skill-magic a:first-child {<br /> background: #6274ab<br /> }<br /> <br /> .skill-magic:hover a:last-child {<br /> background: #304791<br /> }<br /> <br /> .skill-fishing a:first-child,.skill-fletching a:first-child {<br /> background: #3e8e9a<br /> }<br /> <br /> .skill-fishing:hover a:last-child,.skill-fletching:hover a:last-child {<br /> background: #1a6671<br /> }<br /> <br /> .skill-cooking a:first-child,.skill-thieving a:first-child {<br /> background: #91689e<br /> }<br /> <br /> .skill-cooking:hover a:last-child,.skill-thieving:hover a:last-child {<br /> background: #713684<br /> }<br /> <br /> .skill-farming a:first-child,.skill-woodcutting a:first-child {<br /> background: #59924f<br /> }<br /> <br /> .skill-farming:hover a:last-child,.skill-woodcutting:hover a:last-child {<br /> background: #306f25<br /> }<br /> <br /> .skill-mining a:first-child {<br /> background: #6385a8<br /> }<br /> <br /> .skill-mining:hover a:last-child {<br /> background: #315f8d<br /> }<br /> <br /> .skill-smithing a:first-child {<br /> background: #d2b244<br /> }<br /> <br /> .skill-smithing:hover a:last-child {<br /> background: #b69213<br /> }<br /> <br /> .popular-pages ul {<br /> display: grid;<br /> grid-template-columns: repeat(3,1fr);<br /> grid-gap: 0.6em;<br /> margin: 1em 0 0.7em 0<br /> }<br /> <br /> .mp-popular-page-light {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--button-background);<br /> transition: 100ms<br /> }<br /> <br /> .mp-popular-page-light a {<br /> flex: 1;<br /> display: block;<br /> color: #fff;<br /> font-weight: bold;<br /> text-align: center;<br /> text-decoration: none;<br /> padding: 0.7em 1em<br /> }<br /> <br /> .mp-popular-page-light:hover {<br /> filter: brightness(115%);<br /> transition: 100ms<br /> }<br /> <br /> .mainpage-discord {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-discord .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #5865f2;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-discord .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-discord .tile-bottom {<br /> background: #525ee0;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-discord .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-discord .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-discord .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-discord .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-youtube {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-youtube .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-youtube .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-youtube .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-youtube .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-youtube .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-youtube .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-youtube .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-rl {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-rl .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #383838;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-rl .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-rl .tile-bottom {<br /> background: #FF9300;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-rl .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-rl .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-rl .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-rl .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-twitter {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-twitter .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-twitter .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-twitter .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-twitter .twitter-logo {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-twitter .twitter-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-twitter .twitter-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-twitter .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .mainpage-editing {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-editing .tile-top {<br /> background: #222e45<br /> }<br /> <br /> .mainpage-editing .tile-bottom {<br /> background: #3980ab;<br /> border: none;<br /> padding: 0.8rem 1.5rem 0.4rem<br /> }<br /> <br /> .mainpage-editing h2,.mainpage-editing a {<br /> color: #fff<br /> }<br /> <br /> .mainpage-editing p {<br /> color: rgba(255,255,255,0.9)<br /> }<br /> <br /> .mainpage-editing ul {<br /> list-style-image: url(/images/Transparent-chevron.svg?20dcf)<br /> }<br /> <br /> .mainpage-poll .ajaxpoll {<br /> border: none;<br /> background: none;<br /> padding: 0;<br /> width: auto<br /> }<br /> <br /> .mainpage-trailblazer {<br /> grid-area: event<br /> }<br /> <br /> .mainpage-trailblazer .tb-logo {<br /> margin-bottom: 0.9rem<br /> }<br /> <br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-trailblazer .tile-row .tile-top {<br /> height: 20vw;<br /> min-height: 9em<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1200px) {<br /> .mainpage-contents {<br /> grid-template-columns:repeat(3,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1000px) {<br /> .mainpage-body {<br /> grid-template-areas:&quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left left&quot; &quot;right right right&quot;<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-top {<br /> height: 18vw;<br /> min-height: 9em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> display: none<br /> }<br /> <br /> .mainpage-left &gt; *:last-child,.mainpage-right &gt; *:last-child {<br /> margin-bottom: 0<br /> }<br /> <br /> .popular-pages ul {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-recent-updates {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: flex<br /> }<br /> <br /> .mainpage-contents {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background-color: var(--body-main);<br /> border-top-color: var(--body-border);<br /> box-shadow: none<br /> }<br /> <br /> .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,.mw-prefs-tabs &gt; .oo-ui-menuLayout-content &gt; .oo-ui-indexLayout-stackLayout &gt; .oo-ui-tabPanelLayout {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --rc-positive-color: #407813;<br /> --rc-negative-color: #b41e0f<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: var(--rc-positive-color)<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: var(--rc-negative-color)<br /> }<br /> <br /> .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {<br /> border-color: var(--body-border);<br /> background-color: var(--body-light);<br /> border-radius: 2px<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-menuSelectWidget-footer {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-tagItemWidget-popup-content {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-changeslist-legend,.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .client-js .mw-changeslist ul,.client-js .mw-changeslist table.mw-enhanced-rc {<br /> margin-left: 0<br /> }<br /> <br /> .mw-rcfilters-ui-watchlistTopSectionWidget-separator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-header {<br /> border-bottom-color: var(--ooui-interface);<br /> background-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-title {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-header {<br /> border-bottom-color: var(--ooui-interface-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-savedLinksListItemWidget-label {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted ul,.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted table.mw-enhanced-rc {<br /> margin-left: 1.5em<br /> }<br /> <br /> .page-Special_CreateAccount .mw-ui-container,.page-Special_UserLogin .mw-ui-container {<br /> max-width: 64rem;<br /> margin: 0 auto<br /> }<br /> <br /> .mw-number-text {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-body-content .mw-number-text h3 {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-indicator-mw-helplink a {<br /> background: none;<br /> padding: 0;<br /> display: flex;<br /> align-items: center<br /> }<br /> <br /> #mw-indicator-mw-helplink a::before {<br /> content: '';<br /> margin-right: 5px;<br /> -webkit-mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> background: var(--text-color);<br /> height: 20px;<br /> width: 20px<br /> }<br /> <br /> .results-info {<br /> color: inherit<br /> }<br /> <br /> .mw-search-profile-tabs {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> .search-types .current a {<br /> color: inherit<br /> }<br /> <br /> #mw-searchoptions {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> #mw-searchoptions .divider {<br /> border-color: var(--body-border)<br /> }<br /> <br /> #mw-searchoptions h4 {<br /> font-family: inherit<br /> }<br /> <br /> #mw-searchoptions .oo-ui-labelElement:nth-of-type(odd) {<br /> font-weight: bold<br /> }<br /> <br /> .searchresult {<br /> line-height: 1.5<br /> }<br /> <br /> .searchalttitle,#mw-search-interwiki li {<br /> font-size: 90%<br /> }<br /> <br /> .mw-search-result-data {<br /> color: var(--byline-color)<br /> }<br /> <br /> .page-Special_ListFiles a.image img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .page-Special_ListFiles .TablePager_col_thumb {<br /> text-align: center<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] {<br /> background-color: var(--body-main) !important;<br /> border-color: var(--wikitable-border) !important;<br /> margin-top: 0.5em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th,#editcount table[border=&quot;1&quot;] td {<br /> padding: 0.2em 0.4em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th {<br /> background-color: var(--wikitable-header-bg);<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] td {<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] tr:nth-child(odd) {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget {<br /> background-color: inherit<br /> }<br /> <br /> table.mw-interwikitable.body td.mw-interwikitable-local-yes {<br /> background-color: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .mw-protectedpages-unknown {<br /> color: var(--byline-color)<br /> }<br /> <br /> .watchlistredir,.allpagesredirect {<br /> font-style: italic<br /> }<br /> <br /> .allpagesredirect:after {<br /> color: var(--byline-color);<br /> content: &quot; (redirect)&quot;<br /> }<br /> <br /> .mw-apisandbox-toolbar {<br /> background: var(--body-main)<br /> }<br /> <br /> .oo-ui-menuOptionWidget .mw-apisandbox-flag {<br /> color: var(--byline-color)<br /> }<br /> <br /> tr.mw-abusefilter-list-disabled,tr.mw-abusefilter-list-disabled td {<br /> color: var(--byline-color)<br /> }<br /> <br /> table.mw-abuselog-details {<br /> background: var(--wikitable-bg);<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> table.mw-abuselog-details th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> table.mw-abuselog-details th,table.mw-abuselog-details td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-abusefilter-log-hidden-entry {<br /> color: var(--subtle-color)<br /> }<br /> <br /> body td.mw-abusefilter-history-changed {<br /> background: var(--table-no-background)<br /> }<br /> <br /> div.mw-abusefilter-editor,#mw-abusefilter-warn-preview,#mw-abusefilter-disallow-preview {<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-destfile-warning {<br /> border-color: var(--warningbox-border);<br /> color: var(--text-color);<br /> background-color: var(--warningbox-bg)<br /> }<br /> <br /> span.fileinput-button {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> ul.fileupload-results li.ful-success {<br /> background-color: var(--successbox-bg)<br /> }<br /> <br /> ul.fileupload-results li.ful-success a {<br /> color: var(--link-color)<br /> }<br /> <br /> ul.fileupload-results li.ful-error {<br /> background-color: var(--errorbox-bg)<br /> }<br /> <br /> #siteNotice {<br /> text-align: center<br /> }<br /> <br /> #siteNotice ul {<br /> list-style: none<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-body {<br /> margin: 0<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-close {<br /> float: none;<br /> text-align: right<br /> }<br /> <br /> .mw-dismissable-notice-close-parent {<br /> min-height: 1em<br /> }<br /> <br /> .mmg-xpline:after {<br /> content: ','<br /> }<br /> <br /> .mmg-xpline:last-child:after {<br /> content: ''<br /> }<br /> <br /> .mmg-itemline {<br /> display: block<br /> }<br /> <br /> .discussiontable th {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .discussiontable .topic,.discussiontable .edited,.discussiontable .edited-by,.discussiontable .rg-archive {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .dpltable {<br /> margin-top: -30px<br /> }<br /> <br /> .dpltable td {<br /> padding-left: 5px<br /> }<br /> <br /> .dpltable,.discussiontable {<br /> width: 100%<br /> }<br /> <br /> .dpltable .topic,.discussiontable .topic {<br /> width: 40%<br /> }<br /> <br /> .dpltable .edited,.discussiontable .edited,.dpltable .edited-by,.discussiontable .edited-by {<br /> width: 30%<br /> }<br /> <br /> .dpltable .rg-archive,.discussiontable .rg-archive {<br /> width: 20%<br /> }<br /> <br /> body.ns-110 #ca-talk {<br /> display: none<br /> }<br /> <br /> :root {<br /> --gemw-positive-color: #6bc71f;<br /> --gemw-unchanged-color: #3ea6e6;<br /> --gemw-negative-color: #ee4231;<br /> --gemw-historical-border-color: #000<br /> }<br /> <br /> .gemw-container {<br /> max-width: 60em;<br /> margin: 4em auto<br /> }<br /> <br /> .gemw-header {<br /> display: flex;<br /> border-left-width: 0.25em;<br /> border-left-style: solid;<br /> padding-left: 1em;<br /> margin-bottom: 3em<br /> }<br /> <br /> .gemw-header.positive {<br /> border-color: var(--gemw-positive-color)<br /> }<br /> <br /> .gemw-header.negative {<br /> border-color: var(--gemw-negative-color)<br /> }<br /> <br /> .gemw-header.unchanged {<br /> border-color: var(--gemw-unchanged-color)<br /> }<br /> <br /> .gemw-header .gemw-section-left {<br /> flex: 1<br /> }<br /> <br /> .gemw-header .gemw-name {<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> margin-bottom: 0<br /> }<br /> <br /> .gemw-header .gemw-name a {<br /> color: inherit<br /> }<br /> <br /> .gemw-header .gemw-examine {<br /> color: var(--byline-color);<br /> font-size: 1.05em;<br /> font-style: italic;<br /> margin: 0 1em 1.25em 0<br /> }<br /> <br /> .gemw-header .gemw-price {<br /> display: inline-block;<br /> font-size: 2.75em;<br /> font-weight: bold<br /> }<br /> <br /> .gemw-header .gemw-price::after {<br /> content: ' coins';<br /> color: var(--byline-color);<br /> font-size: 1rem;<br /> font-weight: normal;<br /> word-spacing: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-change {<br /> display: inline-block;<br /> font-size: 1rem;<br /> font-weight: bold;<br /> margin-left: 2em;<br /> word-spacing: 0.5em<br /> }<br /> <br /> .gemw-header .gemw-change img {<br /> vertical-align: baseline<br /> }<br /> <br /> .gemw-header .gemw-section-right {<br /> text-align: right<br /> }<br /> <br /> .gemw-header .gemw-updated {<br /> color: var(--byline-color);<br /> line-height: 1.5em;<br /> margin-top: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-time {<br /> color: var(--byline-color);<br /> font-weight: bold<br /> }<br /> <br /> .gemw-body {<br /> display: flex<br /> }<br /> <br /> .gemw-body .gemw-section-left {<br /> width: 40%;<br /> margin-right: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left dl {<br /> display: flex;<br /> flex-flow: row wrap;<br /> justify-content: space-between;<br /> margin-bottom: -1.25em<br /> }<br /> <br /> .gemw-body .gemw-section-left &gt; div {<br /> margin-top: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .gemw-body .gemw-property {<br /> width: 30%;<br /> border-top: 0.15em dotted var(--body-mid);<br /> padding-top: 0.25em;<br /> margin-bottom: 1.5em<br /> }<br /> <br /> .gemw-body .gemw-property dt {<br /> color: var(--byline-color);<br /> font-weight: normal<br /> }<br /> <br /> .gemw-body .gemw-property dd {<br /> font-weight: bold;<br /> margin: -0.25em 0 0<br /> }<br /> <br /> .gemw-body .gemw-links {<br /> color: var(--byline-color);<br /> margin-bottom: 0.35em<br /> }<br /> <br /> .gemw-body .gemw-section-right {<br /> width: 60%<br /> }<br /> <br /> .gemw-body .gemw-chart {<br /> color: #eceeee;<br /> font-size: 5em;<br /> text-align: center;<br /> line-height: 5em;<br /> position: relative<br /> }<br /> <br /> .gemw-body .gemw-chart .GEChartBox,.gemw-body .gemw-chart .GEdatachart {<br /> position: relative<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header.positive,.gemw-container.gemw-historical .gemw-header.negative,.gemw-container.gemw-historical .gemw-header.neutral,.gemw-container.gemw-historical .gemw-header.unchanged {<br /> border-color: var(--gemw-historical-border-color)<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-time .jsPurgeLink,.gemw-container.gemw-historical .gemw-header .gemw-time &gt; span.plainlinks {<br /> display: none<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-section-left:after {<br /> content: &quot;This is a historical item no longer available on the Grand Exchange. The data is preserved here as an archive.&quot;;<br /> font-style: italic<br /> }<br /> <br /> #overlay {<br /> display: none;<br /> background-color: var(--ooui-window-background);<br /> height: auto;<br /> width: auto;<br /> overflow: hidden;<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> bottom: 0;<br /> left: 0;<br /> z-index: 50<br /> }<br /> <br /> #GEchartpopup g.highcharts-label text &gt; a:visited,.GEdatachart g.highcharts-label text &gt; a:visited {<br /> fill: white<br /> }<br /> <br /> #GEchartpopup {<br /> background: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> border-radius: 2px;<br /> color: var(--ooui-text);<br /> position: fixed;<br /> left: 0;<br /> right: 0;<br /> top: 1em;<br /> bottom: 1em;<br /> margin: auto;<br /> padding: 1em;<br /> max-width: 975px;<br /> z-index: 52;<br /> overflow: auto<br /> }<br /> <br /> #GEchartpopup #closepopup {<br /> float: right;<br /> margin-bottom: 5px;<br /> z-index: 100<br /> }<br /> <br /> #GEchartpopup #itemstats {<br /> bottom: 50px;<br /> font-size: 11px;<br /> position: absolute;<br /> right: 45px;<br /> width: 200px;<br /> z-index: 10<br /> }<br /> <br /> #GEchartpopup #itemstats caption {<br /> cursor: pointer;<br /> text-align: right<br /> }<br /> <br /> #GEpopupchart {<br /> height: 500px<br /> }<br /> <br /> .highcharts-container .highcharts-range-selector {<br /> font-size: 11px<br /> }<br /> <br /> .GEPermLink {<br /> float: right;<br /> font-size: 14px<br /> }<br /> <br /> .GEPermLink ~ .GEdatachart {<br /> clear: right<br /> }<br /> <br /> form[id^=&quot;chartProperties&quot;] button {<br /> margin: 3px<br /> }<br /> <br /> .smallChart .highcharts-range-selector {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-button title + rect {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-title {<br /> white-space: nowrap !important<br /> }<br /> <br /> .smallChart .zoomButton,.smallChart svg &gt; text:first-of-type,.smallChart .highcharts-input-group {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-scrollbar,.mediumChart .highcharts-scrollbar {<br /> display: none<br /> }<br /> <br /> .highcharts-background,.highcharts-plot-background {<br /> fill: transparent<br /> }<br /> <br /> .highcharts-title,.highcharts-subtitle {<br /> color: var(--text-color) !important<br /> }<br /> <br /> .highcharts-axis-title {<br /> fill: var(--text-color) !important<br /> }<br /> <br /> .highcharts-yaxis-grid .highcharts-grid-line,.highcharts-tick,.highcharts-axis-line {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-axis-labels text,.highcharts-range-selector-group text {<br /> color: var(--ooui-text) !important;<br /> fill: var(--ooui-text) !important<br /> }<br /> <br /> .highcharts-label-box {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-button-box {<br /> fill: var(--ooui-normal)<br /> }<br /> <br /> .highcharts-navigator-outline {<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-track {<br /> fill: transparent;<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-button,.highcharts-scrollbar-thumb,.highcharts-navigator-handle {<br /> fill: var(--ooui-normal);<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-scrollbar-arrow {<br /> fill: var(--ooui-text)<br /> }<br /> <br /> .highcharts-scrollbar-rifles {<br /> stroke: var(--ooui-text)<br /> }<br /> <br /> #t-print,#t-permalink {<br /> display: none<br /> }<br /> <br /> .jcConfig {<br /> display: none<br /> }<br /> <br /> #filetoc {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> border-color: transparent;<br /> margin: 0.5em auto;<br /> text-align: center;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> .smwfact {<br /> display: none<br /> }<br /> <br /> .list-header {<br /> background-color: var(--body-mid);<br /> color: inherit<br /> }<br /> <br /> .editOptions {<br /> color: var(--text-color);<br /> background-color: var(--sourceeditor-background-secondary);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .updatedmarker {<br /> background-color: #c3e8a3;<br /> color: #162e02<br /> }<br /> <br /> .mw-json th,.mw-json td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-json td {<br /> background: var(--wikitable-bg)<br /> }<br /> <br /> .mw-json th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> <br /> html {<br /> -webkit-text-size-adjust: 100%<br /> }<br /> <br /> body {<br /> background: var(--body-background-image) var(--body-background-color) top left / 1500px 375px no-repeat;<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .vector-body {<br /> font-size: 0.9em<br /> }<br /> <br /> #firstHeading {<br /> font-weight: bold<br /> }<br /> <br /> pre,code,.mw-code {<br /> color: inherit;<br /> background-color: var(--mw-code-background-color);<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> dl {<br /> margin: 0<br /> }<br /> <br /> ul {<br /> list-style-image: var(--ul-list-style-image)<br /> }<br /> <br /> hr {<br /> background: none;<br /> border-color: var(--body-border);<br /> border-style: solid;<br /> border-width: 1px 0 0 0;<br /> height: initial<br /> }<br /> <br /> fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .vector-body blockquote {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --personal-links-bg: var(--body-main);<br /> --arrow-down: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5' fill='%23444'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading {<br /> background-color: var(--vector-tab-background);<br /> padding: 1em 0.75em 0.6923em;<br /> margin: 0<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading,.vector-menu-dropdown .vector-menu-heading:hover,.vector-menu-dropdown .vector-menu-heading:focus {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading:after {<br /> background-image: var(--arrow-down);<br /> opacity: 1<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-content {<br /> border-color: transparent;<br /> background-color: var(--body-light);<br /> box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);<br /> left: 0<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item a {<br /> color: var(--link-color)<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item.selected a,.vector-menu-dropdown .mw-list-item.selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> #p-personal {<br /> background: var(--personal-links-bg);<br /> top: 0;<br /> right: 0;<br /> border-radius: 0 0 0 4px;<br /> height: 1.875em<br /> }<br /> <br /> #p-personal ul {<br /> padding: 0 1em 0 0.4375em<br /> }<br /> <br /> .vector-search-box-inner {<br /> background: var(--search-box);<br /> height: 2.5em;<br /> margin-top: 0;<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-search-box-input {<br /> color: var(--text-color);<br /> height: 100%;<br /> border: none;<br /> background: none;<br /> padding-left: 0.75em<br /> }<br /> <br /> .vector-search-box-input::placeholder {<br /> color: var(--text-color);<br /> opacity: 0.67<br /> }<br /> <br /> .vector-search-box-inner:hover .vector-search-box-input,.vector-search-box-input:focus,.vector-search-box-inner:hover .vector-search-box-input:focus {<br /> border: none;<br /> box-shadow: none<br /> }<br /> <br /> :root {<br /> --searchbutton-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13'%3E%3Cg fill='none' stroke='%238cabe6' stroke-width='2'%3E%3Cpath d='M11.29 11.71l-4-4'/%3E%3Ccircle cx='5' cy='5' r='4'/%3E%3C/g%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .searchButton[name='go'] {<br /> background: no-repeat center var(--searchbutton-icon)<br /> }<br /> <br /> .vector-search-box {<br /> margin: 0<br /> }<br /> <br /> .vector-search-box form {<br /> margin-top: 0<br /> }<br /> <br /> .suggestions-results {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-result {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions a.mw-searchSuggest-link,.suggestions a.mw-searchSuggest-link:hover,.suggestions a.mw-searchSuggest-link:active,.suggestions a.mw-searchSuggest-link:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-special {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-special .special-label {<br /> color: var(--byline-color)<br /> }<br /> <br /> .suggestions-special .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current .special-label,.suggestions-result-current .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-panel {<br /> padding-top: 2.5em<br /> }<br /> <br /> .vector-menu-portal .vector-menu-heading {<br /> color: var(--background-text-color);<br /> font-weight: bold;<br /> background: none<br /> }<br /> <br /> .vector-menu-portal .vector-menu-content li a,.vector-menu-portal .vector-menu-content li a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-logo {<br /> filter: drop-shadow(0 2px 5px rgba(0,0,0,0.25));<br /> margin: -1.5em 0 0<br /> }<br /> <br /> #n-Discord a {<br /> color: #fff !important;<br /> font-weight: bold;<br /> border-radius: 4px;<br /> border: 1px solid #4c57d0;<br /> background-color: #5865f2;<br /> display: block;<br /> position: relative;<br /> padding: 4px 4px 5px calc(17px + 6.5px * 2);<br /> box-shadow: 0 2px 3px rgba(0,0,0,0.1);<br /> transition: 0.2s<br /> }<br /> <br /> #n-Discord a::before {<br /> content: 'Chat on ';<br /> font-weight: normal;<br /> opacity: 0.85<br /> }<br /> <br /> #n-Discord a::after {<br /> content: '';<br /> background: url(/images/0/06/Discord_logo_icon1.png) no-repeat;<br /> background-size: 17px 13px;<br /> filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));<br /> position: absolute;<br /> top: 5px;<br /> left: 7px;<br /> width: 17px;<br /> height: 13px<br /> }<br /> <br /> #n-Discord a:hover {<br /> text-decoration: none;<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a {<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a:hover {<br /> background-color: #4c57d0<br /> }<br /> <br /> :root {<br /> --vector-tab-background: var(--body-background-color);<br /> --vector-tab-background--hover: var(--body-mid);<br /> --vector-tab-link-color: var(--background-link-color);<br /> --watch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='transparent' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;);<br /> --unwatch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%238cabe6' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;)<br /> }<br /> <br /> .vector-menu-tabs-legacy {<br /> padding: 0<br /> }<br /> <br /> .vector-menu-tabs-legacy .new a,.vector-menu-tabs-legacy .new a:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected {<br /> background: var(--body-main)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected a,.vector-menu-tabs-legacy .selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy li a {<br /> color: var(--vector-tab-link-color);<br /> padding: 0 0.75em;<br /> padding-top: 1em<br /> }<br /> <br /> .vector-menu-tabs-legacy li a:visited {<br /> color: var(--vector-tab-link-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul li {<br /> background: var(--vector-tab-background)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul a:hover {<br /> text-decoration: none<br /> }<br /> <br /> #ca-view {<br /> display: none !important<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected):hover,#p-cactions:hover #p-cactions-label {<br /> background: var(--vector-tab-background--hover)<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected),#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-menu-tabs,.vector-menu-tabs a,#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> background-image: none<br /> }<br /> <br /> .ve-activated .vector-menu-tabs .selected {<br /> box-shadow: none<br /> }<br /> <br /> .vector-menu-tabs #ca-watch.icon a:before,.vector-menu-tabs #ca-watch.icon a:hover:before,.vector-menu-tabs #ca-watch.icon a:focus:before {<br /> background-image: var(--watch-icon)<br /> }<br /> <br /> .vector-menu-tabs #ca-unwatch.icon a:before,.vector-menu-tabs #ca-unwatch.icon a:hover:before,.vector-menu-tabs #ca-unwatch.icon a:focus:before {<br /> background-image: var(--unwatch-icon)<br /> }<br /> <br /> #p-Recent_changes {<br /> display: block<br /> }<br /> <br /> #p-Recent_changes .vector-menu-content {<br /> display: none<br /> }<br /> <br /> #p-Recent_changes .vector-menu-heading:after {<br /> content: '';<br /> position: relative;<br /> left: 0.5em;<br /> display: inline-block;<br /> background-color: #3c7b07;<br /> width: 6px;<br /> height: 6px;<br /> border-radius: 100%<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-item {<br /> position: relative;<br /> font-size: 0.75em;<br /> margin: 0.5em 0.25em 0 0.66em<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page {<br /> display: block;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden;<br /> max-width: max-content<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page,#p-Recent_changes .rc-sidebar-page:active,#p-Recent_changes .rc-sidebar-page:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user {<br /> color: var(--byline-color);<br /> margin: 0;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user a {<br /> color: inherit<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more {<br /> text-align: left<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more .rc-sidebar-page {<br /> display: inline-block<br /> }<br /> <br /> div.thumbinner {<br /> border: none;<br /> background-color: var(--thumb-bg);<br /> padding: 0<br /> }<br /> <br /> .thumbimage {<br /> background-color: transparent;<br /> border-color: transparent;<br /> border-bottom: none<br /> }<br /> <br /> .thumbcaption {<br /> background: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border)<br /> }<br /> <br /> .toc {<br /> font-size: 0.9em;<br /> background: var(--toc-bg);<br /> margin-top: 1em;<br /> padding: 0;<br /> border-color: var(--toc-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> clear: left<br /> }<br /> <br /> .toc .toctitle {<br /> background: var(--toc-title-bg);<br /> padding: 0.25em 1em<br /> }<br /> <br /> .toc .toctitle h2 {<br /> font-family: inherit<br /> }<br /> <br /> .toc &gt; ul {<br /> line-height: 1.8em;<br /> padding: 0.75em 1.75em;<br /> margin: 0<br /> }<br /> <br /> .toc ul ul {<br /> border-left: 1px dotted var(--toc-list-border-color);<br /> padding-left: 0.5em<br /> }<br /> <br /> .tocnumber {<br /> display: none<br /> }<br /> <br /> .toctogglespan {<br /> padding-left: 0.2em;<br /> font-size: 0.9em<br /> }<br /> <br /> .toctogglelabel {<br /> color: var(--link-color)<br /> }<br /> <br /> .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 {<br /> display: none<br /> }<br /> <br /> :root {<br /> --external-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238cabe6' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image: var(--external-icon);<br /> background-size: 0.833em<br /> }<br /> <br /> .mw-editsection {<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type),.mw-editsection-divider {<br /> color: var(--text-color)<br /> }<br /> <br /> #contentSub,#contentSub2 {<br /> color: var(--byline-color);<br /> margin: 0<br /> }<br /> <br /> #contentSub:not(:empty),#contentSub2:not(:empty) {<br /> margin: 0 0 1.4em 0<br /> }<br /> <br /> .mw-collapsible.mw-collapsed {<br /> min-width: 250px<br /> }<br /> <br /> .mw-collapsible:not(.mw-made-collapsible) th::before,.mw-collapsible .mw-collapsible-toggle {<br /> font-weight: normal;<br /> margin-left: 0.2em<br /> }<br /> .mw-collapsible-toggle-default .mw-collapsible-text {<br /> color: #8cabe6;<br /> }<br /> .wikiEditor-ui .wikiEditor-ui-view,.wikiEditor-ui .wikiEditor-ui-top {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar {<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab &gt; a,.wikiEditor-ui-toolbar .tabs span.tab &gt; a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a.current,.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br /> color: var(--text-colour)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select {<br /> background-color: var(--sourceeditor-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options .option {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group-search {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table td {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table th {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .section {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .group &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .tool &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet &gt; .index &gt; :hover {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet .index &gt; .current {<br /> background-color: var(--body-mid);<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span:hover {<br /> border-color: var(--body-dark);<br /> background-color: transparent<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a:before,.wikiEditor-ui-toolbar .group .tool-select .label:after {<br /> background: var(--text-color);<br /> -webkit-mask: var(--arrow-down) center no-repeat;<br /> mask: var(--arrow-down) center no-repeat<br /> }<br /> <br /> .ace-tm {<br /> background-color: var(--sourceeditor-input-background);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter {<br /> background: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-cell {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-active-line {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .ace_search {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ace_search_field {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .ace_searchbtn {<br /> border-color: var(--ooui-normal-border);<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ace_searchbtn:last-child {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .ace_searchbtn:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .ace_searchbtn.prev:after,.ace_searchbtn.next:after {<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .ace_button {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace_button:hover {<br /> background-color: rgba(0,23,70,0.086)<br /> }<br /> <br /> .ace_button:active {<br /> background-color: rgba(0,23,70,0.06)<br /> }<br /> <br /> .ace_button.checked {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .CodeMirror {<br /> background: var(--sourceeditor-input-background)<br /> }<br /> <br /> .CodeMirror pre {<br /> color: var(--text-color)<br /> }<br /> <br /> .codeEditor-status {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .codeEditor-status-message {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-gutters {<br /> background-color: var(--codemirror-gutter-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-linenumber {<br /> color: var(--text-color)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget .CodeMirror-linenumber {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-editform #wpTextbox1 {<br /> color: var(--text-color);<br /> background: var(--sourceeditor-input-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> input[name=&quot;model&quot;][value=&quot;Scribunto&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;css&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;less&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;javascript&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;json&quot;] ~ .wikiEditor-ui #wpTextbox1 {<br /> height: 600px<br /> }<br /> <br /> .tdg-templateDataDialog-listParamsPanel textarea.oo-ui-textInputWidget-autosized {<br /> resize: vertical<br /> }<br /> <br /> #wpAceFilterEditor {<br /> resize: horizontal<br /> }<br /> <br /> .warn-userupload,.ns-2 .upload-own-work {<br /> display: none<br /> }<br /> <br /> .ns-2 .warn-userupload {<br /> display: inline<br /> }<br /> <br /> textarea[name=&quot;wfUploadDescription&quot;] {<br /> height: 3em<br /> }<br /> <br /> #editform {<br /> margin-top: 1.25em<br /> }<br /> <br /> #mw-scribunto-input,#mw-scribunto-output {<br /> padding: 3px;<br /> font-family: monospace;<br /> font-size: 13px;<br /> line-height: 1.5em<br /> }<br /> <br /> #mw-scribunto-input {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> :root {<br /> --scribuntoconsole-input: #0b5884;<br /> --scibuntoconsole-print: #a48900;<br /> --scribuntoconsole-error: #9f261e;<br /> --scribuntoconsole-message: #3c780a;<br /> --scribuntoconsole-tabcomplete: #4f348b;<br /> --scribuntoconsole-clear: #9f261e<br /> }<br /> <br /> .mw-scribunto-console-fieldset {<br /> color: inherit;<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-scribunto-normalOutput,.mw-scribunto-print,.mw-scribunto-error,.mw-scribunto-propList,.mw-scribunto-message,.mw-scribunto-tabcomplete {<br /> background: none<br /> }<br /> <br /> .mw-scribunto-input {<br /> color: var(--scribuntoconsole-input)<br /> }<br /> <br /> .mw-scribunto-normalOutput {<br /> color: inherit<br /> }<br /> <br /> .mw-scribunto-print {<br /> color: var(--scibuntoconsole-print)<br /> }<br /> <br /> .mw-scribunto-error {<br /> color: var(--scribuntoconsole-error)<br /> }<br /> <br /> .mw-scribunto-propList,.mw-scribunto-message {<br /> color: var(--scribuntoconsole-message)<br /> }<br /> <br /> .mw-scribunto-tabcomplete {<br /> color: var(--scribuntoconsole-tabcomplete)<br /> }<br /> <br /> .mw-scribunto-clear {<br /> color: var(--scribuntoconsole-clear);<br /> border-bottom-color: var(--scribuntoconsole-clear)<br /> }<br /> <br /> .ui-widget-overlay {<br /> background: var(--ooui-window-background)<br /> }<br /> <br /> .ui-dialog,.ui-widget-content {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> background-image: none;<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar.ui-widget-header,.ui-widget-content .ui-dialog-titlebar.ui-widget-header {<br /> background-image: none !important;<br /> background-color: var(--body-dark) !important;<br /> border-color: var(--body-border) !important<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar .ui-dialog-title,.ui-widget-content .ui-dialog-titlebar .ui-dialog-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close,.ui-widget-content .ui-dialog-titlebar-close {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close:hover,.ui-widget-content .ui-dialog-titlebar-close:hover {<br /> background: var(--ooui-normal--hover);<br /> border: var(--link-color)<br /> }<br /> <br /> .ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {<br /> background: var(--ooui-normal) !important;<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border) !important<br /> }<br /> <br /> .ui-button:hover,.ui-state-default:hover,.ui-widget-content .ui-state-default:hover,.ui-widget-header .ui-state-default:hover {<br /> background: var(--ooui-normal--hover) !important;<br /> color: var(--ooui-text)<br /> }<br /> <br /> .infobox {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> font-size: 0.85em;<br /> width: 300px;<br /> margin: 0.5em 0 1em 1em;<br /> border-collapse: collapse;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> table-layout: fixed;<br /> word-break: break-word<br /> }<br /> <br /> .infobox .infobox-header {<br /> color: var(--infobox-text-color);<br /> font-size: 1.15em;<br /> line-height: 1.4em;<br /> background: var(--body-dark);<br /> padding: 0.5em 0<br /> }<br /> <br /> .infobox .infobox-header a {<br /> color: inherit;<br /> font-size: 1.15em;<br /> font-weight: bold<br /> }<br /> <br /> .infobox .infobox-subheader {<br /> background: var(--body-dark);<br /> color: var(--infobox-text-color);<br /> line-height: 2em<br /> }<br /> <br /> .infobox .infobox-subheader a {<br /> color: inherit<br /> }<br /> <br /> .infobox .infobox-subheader + .infobox-subheader {<br /> border-left: 2px solid var(--body-light)<br /> }<br /> <br /> .infobox .infobox-image {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-image.inventory-image {<br /> height: 32px<br /> }<br /> <br /> .infobox .infobox-image a.image + a.image {<br /> margin-left: 0.1em<br /> }<br /> <br /> .infobox .infobox-image img {<br /> max-width: 300px;<br /> height: auto<br /> }<br /> <br /> .infobox th:not(.infobox-header):not(.infobox-subheader):not(.infobox-nested) {<br /> text-align: right;<br /> vertical-align: top;<br /> border-right: 2px solid var(--body-dark);<br /> padding: 0.2em 0.5em<br /> }<br /> <br /> .infobox td {<br /> padding: 0.25em 0.5em;<br /> line-height: 1.6em<br /> }<br /> <br /> .infobox td.infobox-nested {<br /> padding: 0.25em 0;<br /> line-height: 1em<br /> }<br /> <br /> .infobox th ~ td {<br /> vertical-align: top<br /> }<br /> <br /> .infobox .infobox-padding {<br /> height: 0.5em;<br /> padding: 0;<br /> border: 0<br /> }<br /> <br /> .infobox .infobox-nested {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-nested + .infobox-nested {<br /> border-left: 2px solid var(--body-dark)<br /> }<br /> <br /> .infobox .infobox-cell-hidden {<br /> display: none<br /> }<br /> <br /> .infobox .infobox-full-width-content {<br /> max-width: 300px;<br /> text-align: center;<br /> overflow: hidden;<br /> padding: 0<br /> }<br /> <br /> .infobox .infobox-caption {<br /> font-weight: bold<br /> }<br /> <br /> .infobox select {<br /> max-width: 300px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .infobox-item .infobox-image {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .infobox.skill-info {<br /> float: none;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses {<br /> clear: left;<br /> float: none;<br /> word-break: break-word;<br /> font-size: 100%;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image {<br /> width: 125px;<br /> text-align: center;<br /> vertical-align: middle;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image-caption {<br /> font-size: 0.85em<br /> }<br /> <br /> .infobox-bonuses .infobox-subheader {<br /> width: 250px<br /> }<br /> <br /> .skill-info a[href$=&quot;?action=edit&quot;] + a[href$=&quot;?action=edit&quot;] {<br /> display: none<br /> }<br /> <br /> .poh-room {<br /> background-color: var(--infobox-room-poh-color);<br /> margin: auto;<br /> width: 100px<br /> }<br /> <br /> .poh-room img {<br /> display: block<br /> }<br /> <br /> .poh-room-row {<br /> display: flex<br /> }<br /> <br /> .poh-room-text {<br /> margin: auto;<br /> width: 92px<br /> }<br /> <br /> .infobox-buttons {<br /> text-align: center;<br /> max-width: 300px;<br /> display: none<br /> }<br /> <br /> .infobox-switch-resources {<br /> display: none<br /> }<br /> <br /> .switch-infobox .switch-infobox-triggers,.switch-infobox .loading-button {<br /> clear: left<br /> }<br /> <br /> .infobox-pure .max-hit-list a {<br /> display: inline-block;<br /> min-width: 32px;<br /> min-height: 32px;<br /> text-align: center<br /> }<br /> <br /> .advanced-data {<br /> display: none<br /> }<br /> <br /> .multi-infobox .infobox {<br /> margin: 0<br /> }<br /> <br /> :root {<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--body-dark);<br /> --navbox-group-title-background: var(--body-mid)<br /> }<br /> <br /> .navbox {<br /> font-size: 0.85em;<br /> background: var(--navbox-background);<br /> border-collapse: collapse;<br /> margin: 1em auto 0;<br /> width: 100%;<br /> clear: both;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .navbox img {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .navbox .navbox {<br /> font-size: 100%;<br /> margin: 0.5em auto 0;<br /> box-shadow: none<br /> }<br /> <br /> .navbox-title {<br /> font-size: 110%;<br /> line-height: 1.6em;<br /> background: var(--navbox-title-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-title-name {<br /> margin: 0 4em<br /> }<br /> <br /> .navbox-title .mw-collapsible-toggle {<br /> color: #fff;<br /> font-size: 0.9em;<br /> text-align: right<br /> <br /> }<br /> <br /> .navbox-title .navbox {<br /> font-size: 100%<br /> }<br /> <br /> .navbox-group:nth-child(2) {<br /> border-top: 1px solid var(--navbox-border)<br /> }<br /> <br /> .navbox-group-title {<br /> background: var(--navbox-group-title-background);<br /> border: 1px solid var(--navbox-border);<br /> border-width: 0 1px 1px 0;<br /> text-align: left;<br /> padding: 0.25em 1em;<br /> width: 1%;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list {<br /> border-bottom: 1px solid var(--navbox-border);<br /> padding: 0.25em 0.5em<br /> }<br /> <br /> .navbox-list ul {<br /> margin: 0<br /> }<br /> <br /> .navbox-list li {<br /> display: inline;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list li + li::before {<br /> content: '• '<br /> }<br /> <br /> .navbox-parent {<br /> padding: 0<br /> }<br /> <br /> .navbox-subgroup {<br /> border-collapse: collapse;<br /> border-spacing: 0;<br /> width: 100%<br /> }<br /> <br /> .navbox-subgroup &gt; tbody &gt; tr:last-child &gt; th,.navbox-subgroup &gt; tbody &gt; tr:last-child &gt; td {<br /> border-bottom: none<br /> }<br /> <br /> .navbox-footer {<br /> background: var(--navbox-footer-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-data {<br /> display: none<br /> }<br /> <br /> :root {<br /> --echo-icon-moon-bg-image: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='21' viewBox='0 0 21 21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.85464918.37900488c-1.91149353 1.51069427-3.13816124 3.84973402-3.13816124 6.47527736 0 4.55564936 3.69308349 8.24873286 8.24873286 8.24873286 2.5815709 0 4.8861545-1.1859235 6.3986798-3.0426994-.8206378 4.7389755-4.9523867 8.343122-9.9259291 8.343122-5.56375572 0-10.07407088-4.5103151-10.07407088-10.0740709 0-5.02506013 3.67919933-9.19079725 8.49074856-9.95036192z' fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-person-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213.836%22 viewBox=%220 0 12 13.836%22%3E %3Cpath fill='%234c4c4c' d=%22M1.938%2C6.656c-1.32%2C1.485-1.47%2C3.15-0.97%2C4.25c0.323%2C0.707%2C0.78%2C1.127%2C1.313%2C1.375 c0.496%2C0.229%2C1.074%2C0.273%2C1.658%2C0.282c0.023%2C0%2C0.04%2C0.03%2C0.062%2C0.03h4.187c0.61%2C0%2C1.225-0.125%2C1.75-0.405 c0.527-0.28%2C0.961-0.718%2C1.188-1.376c0.335-0.964%2C0.175-2.529-1.094-4.03C9.094%2C7.954%2C7.68%2C8.719%2C6.065%2C8.719 c-1.677%2C0-3.182-0.812-4.125-2.063H1.938z%22/%3E %3Cpath fill='%234c4c4c' d=%22M6.063%2C0c-1.89%2C0-3.595%2C1.674-3.594%2C3.563C2.467%2C5.45%2C4.173%2C7.155%2C6.06%2C7.155 c1.89%2C0%2C3.564-1.705%2C3.563-3.593C9.625%2C1.673%2C7.95%2C0%2C6.063%2C0L6.063%2C0z%22/%3E %3C/svg%3E&quot;);<br /> --echo-icon-bell-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebell%3C/title%3E%3Cpath d=%22M16 7a5.38 5.38 0 00-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 004 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 003-3H7a3 3 0 003 3z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-tray-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etray%3C/title%3E%3Cpath d=%22M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-fullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M1 1v6h2V3h4V1zm2 12H1v6h6v-2H3zm14 4h-4v2h6v-6h-2zm0-16h-4v2h4v4h2V1z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;);<br /> --echo-icon-exitFullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E exit fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M7 7V1H5v4H1v2zM5 19h2v-6H1v2h4zm10-4h4v-2h-6v6h2zm0-8h4V5h-4V1h-2v6z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-user-menu-legacy #pt-userpage a,.vector-user-menu-legacy #pt-anonuserpage {<br /> background-image: var(--echo-icon-person-bg-image);<br /> padding-top: 0;<br /> background-position-y: 0<br /> }<br /> <br /> .vector-user-menu-legacy #pt-anonuserpage {<br /> color: var(--byline-color)<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge,#pt-notifications-notice .mw-echo-notifications-badge {<br /> background-size: 75%;<br /> background-position: center 80%;<br /> background-repeat: no-repeat;<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .oo-ui-icon-bell {<br /> background-image: var(--echo-icon-bell-bg-image)<br /> }<br /> <br /> #pt-notifications-notice .oo-ui-icon-tray {<br /> background-image: var(--echo-icon-tray-bg-image)<br /> }<br /> <br /> #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-exitFullscreen-bg-image)<br /> }<br /> <br /> body.wgl-fixedWidth #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-fullscreen-bg-image)<br /> }<br /> <br /> #pt-theme-toggles .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-moon-bg-image)<br /> }<br /> <br /> #pt-anontalk {<br /> padding-top: 0.6em<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul {<br /> margin: 5px 0 0 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> margin: 5px 0 0 15px<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul,.ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> list-style: none;<br /> border-left: 1px dashed var(--transcript-border-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul:hover,.transcript &gt; ul:hover,.ns-120 .mw-parser-output &gt; ul ul:hover,.transcript &gt; ul ul:hover,.ns-120 .mw-parser-output &gt; ul ol:hover,.transcript &gt; ul ol:hover {<br /> border-color: var(--transcript-border-hover-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li,.transcript &gt; ul li,.ns-120 .mw-parser-output &gt; ul ul li,.transcript &gt; ul ul li,.ns-120 .mw-parser-output &gt; ul ol li,.transcript &gt; ul ol li {<br /> flex-direction: column;<br /> padding-left: 15px;<br /> margin: 14px 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li:last-of-type,.transcript &gt; ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ul li:last-of-type,.transcript &gt; ul ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ol li:last-of-type,.transcript &gt; ul ol li:last-of-type {<br /> margin-bottom: 0<br /> }<br /> <br /> .nodesktop {<br /> display: none<br /> }<br /> <br /> /*<br /> The following styles were used as a temporary fix for TabberNeue.<br /> We're currently using old Tabber because TabberNeue breaks if a tab<br /> dynamically changes size, such as multi-infobox.<br /> */<br /> <br /> :root {<br /> --tabber-inactive-tab-bg: #222e45;<br /> --tabber-fade-scroll: linear-gradient(to bottom,rgba(226,219,200,0),#d8ccb4 95%,#94866d);<br /> }<br /> <br /> .tabber__tabs {<br /> gap: 1px;<br /> }<br /> <br /> .tabber__tab {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> padding: 0.5em 0.8em;<br /> border: 1px solid var(--body-border);<br /> border-bottom: 0;<br /> }<br /> <br /> .tabber__tabs .tabber__tab {<br /> color: var(--text-color);<br /> }<br /> <br /> /* Specific styles needed to override color on Minerva. */<br /> body.mediawiki .tabber a:visited, <br /> body.mediawiki .tabber image a:visited,<br /> body.mediawiki .tabber a:active, <br /> body.mediawiki .tabber image a:active {<br /> color: var(--text-color);<br /> }<br /> <br /> .tabber__tab:active {<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab:hover {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab--active, .tabber__tab--active:visited {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__header, .tabber__section, .tabber__tabs {<br /> scroll-behavior: unset;<br /> box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* Add box shadow to tabber header */<br /> }<br /> <br /> .tabber__panel {<br /> /* Hide non-active tabs. */<br /> /* display:none conflicted with tabber somehow and hid all tabs. */<br /> width: 250;<br /> }<br /> <br /> .tabber__panel.tabber__panel--active {<br /> width: 300;<br /> }<br /> <br /> .tabber__section {<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> overflow-y: scroll;<br /> padding-bottom: 30px; /* only necessary for fade scroll hack */<br /> height: auto; /* Example height */<br /> width: auto; /* Example width */<br /> max-width: 1300px; /* Example max-width */<br /> }<br /> <br /> .tabber__panel {<br /> padding: 1em 1.5em;<br /> }<br /> <br /> .wikitable.hover th:hover {<br /> cursor: help;<br /> /* Add any additional styles specific to hovering over table headers */<br /> }<br /> <br /> /* Hover Box for switching the visibility of the selected item */<br /> .hoverbox { <br /> display:inline-block; <br /> padding:0em; <br /> color: white; /* Change this to the desired color */<br /> }<br /> <br /> .hoverbox .hoveritem { <br /> display:none; <br /> margin:0em; <br /> padding:0em; <br /> }<br /> <br /> .hoverbox .hoveritem.selected { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem.selected { <br /> display:none; <br /> }<br /> /* Style for the entire tier list */<br /> .tierlist {<br /> display: flex;<br /> gap: 20px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* Style for individual tiers */<br /> .tier {<br /> border: 1px solid #ccc;<br /> padding: 10px;<br /> width: 200px;<br /> min-height: 150px;<br /> background: #f9f9f9;<br /> border-radius: 8px;<br /> }<br /> <br /> /* Title for each tier */<br /> .tier h3 {<br /> text-align: center;<br /> margin-top: 0;<br /> }<br /> <br /> /* Style for the sortable list */<br /> .sortable {<br /> list-style: none;<br /> padding: 0;<br /> margin: 0;<br /> min-height: 50px;<br /> }<br /> <br /> /* Style for the dropdown selector */<br /> .tier-selector {<br /> width: 100%;<br /> padding: 5px;<br /> margin-top: 5px;<br /> }<br /> .collection-log-wrapper {<br /> margin: 10px 0;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .collection-log-killcount {<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> }<br /> <br /> .collection-log-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6, 48px);<br /> gap: 4px;<br /> padding: 6px 0;<br /> }<br /> <br /> <br /> .collection-log-item {<br /> width: 48px;<br /> height: 48px;<br /> border: 2px solid transparent; /* border only on container */<br /> border-radius: 4px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> position: relative;<br /> background-color: #1a2a3a;<br /> box-sizing: border-box;<br /> }<br /> <br /> .collection-log-item.obtained {<br /> border-color: #4caf50;<br /> background-color: #224422;<br /> }<br /> <br /> .collection-log-item.missing {<br /> border-color: #ffc107;<br /> background-color: #3a2a1a;<br /> }<br /> <br /> .collection-log-item img {<br /> max-width: 36px;<br /> max-height: 36px;<br /> object-fit: contain;<br /> border-radius: 2px;<br /> border: none; /* remove border here */<br /> opacity: 1;<br /> filter: none;<br /> }<br /> <br /> .collection-log-item.missing img {<br /> opacity: 0.3;<br /> filter: grayscale(100%);<br /> }<br /> <br /> .collection-log-qty-badge {<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> background: rgba(0, 0, 0, 0.7);<br /> color: white;<br /> font-size: 12px;<br /> font-weight: bold;<br /> line-height: 1;<br /> padding: 1px 4px;<br /> border-radius: 3px 0 0 0;<br /> user-select: none;<br /> }<br /> .collection-log-killcount-box {<br /> border: 2px solid black;<br /> background-color: #534d41;<br /> color: cyan;<br /> padding: 0.5em 1em;<br /> margin-bottom: 8px;<br /> text-align: center;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .ace_keyword { color: #c586c0 !important; }<br /> .ace_string { color: #ce9178 !important; }<br /> .ace_comment { color: #6a9955 !important; font-style: italic; }<br /> .ace_function { color: #dcdcaa !important; }<br /> .ace_constant { color: #569cd6 !important; }<br /> <br /> .mw-highlight .nf {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> .mw-highlight .nc {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> <br /> /* Highlight row on hover */<br /> .wikitable.lighttable tr:hover {<br /> background-color: #526382; /* dark blue highlight */<br /> color: #ffffff; /* readable text */<br /> }<br /> .custom-dropdown { position: relative; width: 150px; cursor: pointer; }<br /> .custom-dropdown .selected { background: #313e59; color: white; padding: 5px; border-radius: 4px; }<br /> .custom-dropdown .options { display: none; position: absolute; background: #222e45; top: 100%; left: 0; width: 100%; border-radius: 4px; z-index: 10; }<br /> .custom-dropdown .options div { padding: 5px; display: flex; align-items: center; }<br /> .custom-dropdown .options div:hover { background: #313e59; }<br /> .custom-dropdown .options div img.icon { width:16px; height:16px; margin-right:5px; }<br /> <br /> /* =========================<br /> Tier List<br /> ========================= */<br /> <br /> <br /> /* Main wrapper */<br /> <br /> .tier-list {<br /> margin:0;<br /> padding:0;<br /> }<br /> <br /> <br /> /* Tier rows */<br /> <br /> .tier-row {<br /> display:flex;<br /> height:70px;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> <br /> /* Tier labels */<br /> <br /> .tier-label {<br /> width:70px;<br /> min-width:70px;<br /> height:70px;<br /> <br /> display:flex;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> font-size:48px;<br /> line-height:1;<br /> font-weight:bold;<br /> color:white;<br /> <br /> box-sizing:border-box;<br /> }<br /> <br /> <br /> /* Tier colours */<br /> <br /> .tier-s {<br /> background:#ff7f7f;<br /> }<br /> <br /> .tier-a {<br /> background:#ffbf7f;<br /> }<br /> <br /> .tier-b {<br /> background:#ffdf7f;<br /> }<br /> <br /> .tier-c {<br /> background:#ffff7f;<br /> color:black;<br /> }<br /> <br /> .tier-d {<br /> background:#bfff7f;<br /> }<br /> <br /> .tier-f {<br /> background:#7fbfff;<br /> }<br /> <br /> <br /> /* Drop areas */<br /> <br /> .tier-items {<br /> flex:1;<br /> height:70px;<br /> <br /> display:flex;<br /> align-items:center;<br /> flex-wrap:wrap;<br /> <br /> padding:3px;<br /> gap:3px;<br /> <br /> background:#222;<br /> border:1px dashed #777;<br /> <br /> margin:0 !important;<br /> }<br /> <br /> <br /> /* =========================<br /> Items<br /> ========================= */<br /> <br /> .tier-item {<br /> width:64px;<br /> height:64px;<br /> <br /> display:flex !important;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> cursor:grab;<br /> border-radius:5px;<br /> overflow:hidden;<br /> <br /> line-height:0;<br /> }<br /> <br /> <br /> /* Drag */<br /> <br /> .tier-item:active {<br /> cursor:grabbing;<br /> }<br /> <br /> <br /> /* MediaWiki wrapper fixes */<br /> <br /> .tier-item p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> display:flex !important;<br /> line-height:0 !important;<br /> }<br /> <br /> .tier-item span {<br /> display:flex !important;<br /> }<br /> <br /> .tier-item a {<br /> display:flex !important;<br /> width:64px;<br /> height:64px;<br /> <br /> align-items:center;<br /> justify-content:center;<br /> }<br /> <br /> <br /> /* Images */<br /> <br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> width:64px !important;<br /> height:64px !important;<br /> <br /> max-width:64px !important;<br /> max-height:64px !important;<br /> <br /> object-fit:contain !important;<br /> <br /> image-rendering:pixelated;<br /> image-rendering:crisp-edges;<br /> }<br /> <br /> <br /> /* =========================<br /> Reward Pool<br /> ========================= */<br /> <br /> .reward-pool {<br /> display:flex;<br /> flex-wrap:wrap;<br /> gap:5px;<br /> <br /> padding:5px;<br /> margin:8px 0;<br /> }<br /> <br /> <br /> /* =========================<br /> Rarity backgrounds<br /> ========================= */<br /> <br /> .gold-item {<br /> background:rgba(212,175,55,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .silver-item {<br /> background:rgba(192,192,192,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .bronze-item {<br /> background:rgba(205,127,50,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .tier-list p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .tier-list p br {<br /> display:none !important;<br /> }<br /> <br /> /* Stop hover shifting */<br /> <br /> .tier-item,<br /> .tier-item a,<br /> .tier-item span,<br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> transform:none !important;<br /> }<br /> <br /> .tier-item a:hover,<br /> .tier-item img:hover,<br /> .tier-item .mw-file-element:hover {<br /> transform:none !important;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 .firstHeading {<br /> display:none;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 #contentSub {<br /> display:none !important;<br /> }</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:Common.css&diff=28896 2026-07-18T10:19:11Z

<p>Hefner: </p> <hr /> <div>:root {<br /> --body-background-image: url('filepath://Roat Pkz Wiki background darkmode1.jpg');<br /> --body-background-color: #071022;<br /> --body-main: #172136;<br /> --body-light: #313e59;<br /> --body-mid: #222e45;<br /> --body-dark: #222e45;<br /> --body-border: #596e96;<br /> --link-color: #8cabe6;<br /> --background-link-color: var(--link-color);<br /> --redlink-color: #f26d60;<br /> --text-color: #cbd9f4;<br /> --background-text-color: #cbd9f4;<br /> --byline-color: #98a2b6;<br /> --subtle-color: var(--byline-color);<br /> --search-box: var(--body-light);<br /> --admin-blue: #0087ff;<br /> --bearcat-green: #00ff55;<br /> --awb-purple: #f319ff;<br /> --sidebar: #222e45;<br /> --button-background: #617ebc;<br /> --button-dark: #617ebc;<br /> --button-border: #617ebc;<br /> --button-light: #617ebc;<br /> --wikitable-header-bg: #222e45;<br /> --wikitable-border: #172136;<br /> --wikitable-bg: #313e59;<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --wikitable-alternating-bg: #2a3651;<br /> --table-na-background: rgba(0, 0, 0, 0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #0b5884;<br /> --droptable-common-background: #3c780a;<br /> --droptable-uncommon-background: #a48900;<br /> --droptable-rare-background: #b55e0c;<br /> --droptable-veryrare-background: #9f261e;<br /> --droptable-random-background: #984c89;<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);<br /> --tile-border-color: var(--body-border);<br /> --tile-background-color: var(--body-light);<br /> --tile-link-button-color: var(--body-mid);<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255, 255, 255, 0.7);<br /> --tile-dark-header-color: #fff;<br /> --documentation-background: var(--body-light);<br /> --documentation-border: var(--sidebar);<br /> --documentation-link-color: var(--link-color);<br /> --documentation-headers-color: var(--text-color);<br /> --documentation-header-background: var(--body-dark);<br /> --documentation-subheader-background: #1f293e;<br /> --base-text-color: var(--text-color);<br /> --base-heading-color: var(--text-color);<br /> --base-heading-border: var(--sidebar);<br /> --mainpage-recent-updates-description-color: var(--text-color);<br /> --thumb-bg: var(--body-mid);<br /> --thumb-caption-bg: var(--body-light);<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid);<br /> --diff-addedline-background: #438ab5;<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-color: #fff;<br /> --diff-deletedline-background: #379541;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-color: #fff;<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: var(--errorbox-bg);<br /> --warningbox-border: var(--errorbox-border);<br /> --successbox-bg: #2e5e05;<br /> --successbox-border: #3c780a;<br /> --messagebox-obsolete-background: #464646;<br /> --messagebox-obsolete-border: #333;<br /> --messagebox-obsolete-color: #ddd;<br /> --messagebox-obsolete-link-color: #bbb;<br /> --messagebox-info-background: var(--messagebox-obsolete-background);<br /> --messagebox-info-border: var(--messagebox-obsolete-border);<br /> --messagebox-info-color: var(--messagebox-obsolete-color);<br /> --messagebox-info-link-color: var(--messagebox-obsolete-link-color);<br /> --messagebox-action-background: #45697d;<br /> --messagebox-action-border: #2d5266;<br /> --messagebox-action-color: var(--text-color);<br /> --messagebox-action-link-color: #b8d5e5;<br /> --messagebox-warn-background: #95271b;<br /> --messagebox-warn-border: #6b130a;<br /> --messagebox-warn-color: #f8ebe9;<br /> --messagebox-warn-link-color: #e8b8b3;<br /> --messagebox-safe-background: #1b8408;<br /> --messagebox-safe-border: #126802;<br /> --messagebox-safe-color: #e9f6e7;<br /> --messagebox-safe-link-color: #c1e0bb;<br /> --messagebox-disambig-background: var(--messagebox-obsolete-background);<br /> --messagebox-disambig-border: var(--messagebox-obsolete-border);<br /> --messagebox-disambig-color: var(--messagebox-obsolete-color);<br /> --messagebox-disambig-link-color: var(--messagebox-obsolete-link-color);<br /> --mw-code-background-color: #222e45;<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-mid);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border);<br /> --scribuntoconsole-input: #3ea6e6;<br /> --scibuntoconsole-print: #f9d000;<br /> --scribuntoconsole-error: #ee4231;<br /> --scribuntoconsole-message: #6bc71f;<br /> --scribuntoconsole-tabcomplete: #855cd8;<br /> --scribuntoconsole-clear: #ee4231;<br /> --blockquote-color: var(--text-color);<br /> --coins-color: #6bc71f;<br /> --coins-pos-color: #3ea6e6;<br /> --coins-neg-color: #ee4231;<br /> --questdetails-header-background: var(--body-dark);<br /> --questdetails-header-background-alt: var(--body-dark);<br /> --fact-text-color: #3ea6e6;<br /> --production-selected-background: #3c780a;<br /> --production-selected-color: #fff;<br /> --wikipedia-border: var(--body-border);<br /> --wikipedia-background: var(--body-light);<br /> --keypress-background: var(--body-light);<br /> --keypress-border: var(--body-border);<br /> --keypress-color: var(--text-color);<br /> --ajaxpoll-background: var(--body-light);<br /> --ajaxpoll-text-color: var(--base-text-color);<br /> --ajaxpoll-answerbar-background: var(--body-mid);<br /> --ajaxpoll-answerbar-border: var(--body-border);<br /> --rc-negative-color: #ee4231;<br /> --rc-positive-color: #6bc71f;<br /> --filter-black-to-link: invert(63%) sepia(67%) saturate(242%) hue-rotate(182deg) brightness(93%) contrast(94%);<br /> --transcript-border-color: #596e96;<br /> --transcript-border-hover-color: #8596b7;<br /> --transcript-strikethrough-color: #fff;<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--navbox-title-background);<br /> --navbox-group-title-background: var(--navbox-title-background);<br /> --infobox-bg: var(--body-light);<br /> --infobox-border: var(--body-border);<br /> --infobox-header: var(--body-dark);<br /> --infobox-subheader: var(--body-mid);<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #444e5a;<br /> --sourceeditor-input-background: var(--body-mid);<br /> --sourceeditor-background: var(--body-light);<br /> --sourceeditor-background-secondary: var(--body-mid);<br /> --sourceeditor-border: var(--body-main);<br /> --codemirror-gutter-background: var(--body-light);<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border);<br /> --vector-tab-background: #222e45;<br /> --vector-tab-background--hover: #293753;<br /> --vector-tab-link-color: var(--background-link-color);<br /> --lighttable-bg-hover: #3c780a;<br /> --lighttable-bg-active: #2e5e05;<br /> --lighttable-link-color: #c3e8a3;<br /> --personal-links-bg: rgba(7, 16, 34, 0.75);<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg, #315d30 0 20px, #13421e 20px 30px);<br /> --tbz-unlocked-border-color: #00e417;<br /> --tbz-locked-background-color: #8a2525;<br /> --tbz-locked-border-color: #b32828;<br /> --tbz-partial-unlock-background: #5a5a5a;<br /> --tbz-partial-unlock-border-color: #13421e;<br /> }<br /> <br /> <br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape.woff2?17907) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: bold;<br /> src: local(&quot;RuneScape Bold&quot;),local(&quot;RuneScape Bold 12&quot;),local(&quot;RuneScape Chat 2&quot;),local(&quot;RuneScape Chat&quot;),url(/images/RuneScape_Bold.woff2?514fd) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape Small';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape_Small.woff2?1ee0e) format('woff2')<br /> }<br /> <br /> :root {<br /> --base-text-color: #cbd9f4;<br /> --base-heading-color: #cbd9f4;<br /> --base-heading-border: #596e96;<br /> --mw-code-background-color: #222e45;<br /> --body-background-image: url(/images/b/b5/Roat_Pkz_Wiki_background_darkmode2.png)<br /> }<br /> <br /> #mw-page-base {<br /> background: none<br /> }<br /> <br /> .mw-body {<br /> background-color: var(--body-main);<br /> color: var(--text-color);<br /> border-color: transparent;<br /> box-shadow: 0 0 7px rgba(0,0,0,0.15);<br /> margin-top: 0<br /> }<br /> <br /> h1,h2,h3,h4,h5,h6 {<br /> color: var(--text-color)<br /> }<br /> <br /> h1,h2 {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-body h1,.mw-body-content h1,.mw-body-content h2,.mw-body-content h3,.mw-body-content h4,.mw-body-content h5,.mw-body-content h6 {<br /> font-family: 'PT Serif','Palatino','Georgia',serif<br /> }<br /> <br /> .mw-parser-output h2:first-of-type {<br /> clear: left<br /> }<br /> <br /> .mw-footer {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer li {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer a,.mw-footer a:active,.mw-footer a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> ::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> a {<br /> color: var(--link-color)<br /> }<br /> <br /> a:visited,a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> a.new {<br /> color: var(--redlink-color)<br /> }<br /> <br /> a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .mw-parser-output a.extiw,.mw-parser-output a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited,.mw-parser-output a.extiw:active,.mw-parser-output a.external:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .jsPurgeLink a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> a[href=&quot;/w/User:AndBot&quot;],a[href=&quot;/w/User:BisetteBot&quot;],a[href=&quot;/w/User:Bot50&quot;],a[href=&quot;/w/User:BotDiesel2m&quot;],a[href=&quot;/w/User:Bowl&quot;],a[href=&quot;/w/User:Catbot&quot;],a[href=&quot;/w/User:CookBot&quot;],a[href=&quot;/w/User:Cresbot&quot;],a[href=&quot;/w/User:CrowBot&quot;],a[href=&quot;/w/User:Data_Chompy&quot;],a[href=&quot;/w/User:GauBot&quot;],a[href=&quot;/w/User:Gaz_Bot&quot;],a[href=&quot;/w/User:Gaz_GEBot&quot;],a[href=&quot;/w/User:HabbletAWB&quot;],a[href=&quot;/w/User:JakesterwarsBot&quot;],a[href=&quot;/w/User:JaydenBot&quot;],a[href=&quot;/w/User:MuudyBot&quot;],a[href=&quot;/w/User:MB%C3%A5t&quot;],a[href=&quot;/w/User:New_user_message&quot;],a[href=&quot;/w/User:Quadrabot&quot;],a[href=&quot;/w/User:Redirect_fixer&quot;],a[href=&quot;/w/User:Riblet15_bot_account&quot;],a[href=&quot;/w/User:ShoyBot&quot;],a[href=&quot;/w/User:SlapChoppe&quot;],a[href=&quot;/w/User:Spinewielder&quot;],a[href=&quot;/w/User:WolaznikBot&quot;] {<br /> color: var(--awb-purple)<br /> }<br /> <br /> a[href=&quot;/w/User:Andmcadams&quot;],a[href=&quot;/w/User:BigDiesel2m&quot;],a[href=&quot;/w/User:Brok&quot;],a[href=&quot;/w/User:Cook_Me_Plox&quot;],a[href=&quot;/w/User:Fjara&quot;],a[href=&quot;/w/User:Gau_Cho&quot;],a[href=&quot;/w/User:Gaz_Lloyd&quot;],a[href=&quot;/w/User:Iiii_I_I_I&quot;],a[href=&quot;/w/User:Jayden&quot;],a[href=&quot;/w/User:Jeljo&quot;],a[href=&quot;/w/User:Joeytje50&quot;],a[href=&quot;/w/User:Legaia_2_Pla&quot;],a[href=&quot;/w/User:Ostentatio&quot;],a[href=&quot;/w/User:Riblet15&quot;],a[href=&quot;/w/User:Shayani&quot;],a[href=&quot;/w/User:Shoyrukon&quot;],a[href=&quot;/w/User:TehKittyCat&quot;],a[href=&quot;/w/User:Towelcat&quot;],a[href=&quot;/w/User:Wolaznik&quot;] {<br /> color: var(--admin-blue)<br /> }<br /> <br /> a[href=&quot;/w/User:Spineweilder&quot;],a[href=&quot;/w/User:Jakesterwars&quot;],a[href=&quot;/w/User:Julia&quot;] {<br /> color: var(--bearcat-green)<br /> }<br /> <br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> background: url(/images/Jagex_moderator_emblem.png?093b0) left no-repeat;<br /> padding-left: 15px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> #ca-nstab-user a {<br /> background: none<br /> }<br /> <br /> :root {<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: #801c13;<br /> --warningbox-border: #9f261e;<br /> --successbox-bg: #801c13;<br /> --successbox-border: #9f261e<br /> }<br /> <br /> .mw-message-box-error,.errorbox,.mw-message-box-warning,.warningbox,.mw-message-box-success,.successbox,.usermessage {<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw-message-box-error,.errorbox {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .mw-message-box-warning,.warningbox,.usermessage {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .mw-message-box-success,.successbox {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .catlinks {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-dark);<br /> padding: 8px 15px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .catlinks li {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .filehistory a img,#file img {<br /> background: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v16h8V8H0z' opacity='.13'/%3E%3C/svg%3E&quot;) repeat<br /> }<br /> <br /> #file img:hover {<br /> background: none<br /> }<br /> <br /> .mw-highlight {<br /> background: none<br /> }<br /> <br /> .mw-highlight .linenos {<br /> background-color: var(--mw-code-background-color);<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-highlight a:hover .linenos,.mw-highlight .hll a .linenos {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-content-ltr.mw-highlight-lines pre,.mw-content-ltr.content .mw-highlight-lines pre {<br /> box-shadow: inset 2.75em 0 0 var(--mw-code-background-color)<br /> }<br /> <br /> #pagehistory ul {<br /> list-style: none;<br /> margin: 0<br /> }<br /> <br /> #pagehistory li {<br /> border: 1px solid transparent;<br /> padding: 1px 10px;<br /> margin: 2px 0<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: var(--body-light);<br /> color: inherit;<br /> border: 1px dashed var(--body-border);<br /> outline: none<br /> }<br /> <br /> #mw-history-compare &gt; div:first-of-type {<br /> position: -webkit-sticky;<br /> position: sticky;<br /> top: 0;<br /> background-color: var(--body-main);<br /> border-bottom: 1px solid var(--body-dark);<br /> padding: 0.25em 0<br /> }<br /> <br /> .wgl-stickyheader #mw-history-compare &gt; div:first-of-type {<br /> top: 2.5rem<br /> }<br /> <br /> .autocomment,.autocomment a,.autocomment a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> li span.deleted,span.history-deleted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-usertoollinks-contribs-no-edits,.mw-usertoollinks-contribs-no-edits:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .CategoryTreeToggle {<br /> color: var(--link-color)<br /> }<br /> <br /> body.wgl-stickyheader.action-view .mw-headline:target::before {<br /> display: block;<br /> content: '';<br /> margin-top: -3rem;<br /> height: 3rem;<br /> visibility: hidden;<br /> pointer-events: none<br /> }<br /> <br /> .mw-mmv-post-image {<br /> color: var(--text-color);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-mmv-image-metadata {<br /> border-top-color: var(--body-mid);<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-mmv-dialog,.mw-mmv-dialog .mw-mmv-dialog-down-arrow,.mw-mmv-options-dialog .mw-mmv-dialog-down-arrow {<br /> background-color: var(--body-light);<br /> box-shadow: none<br /> }<br /> <br /> .mw-mmv-options-enable-alert {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-mmv-options-dialog-header,.mw-mmv-options-text-header,.mw-mmv-options-text-body,.mw-mmv-options-enable-alert,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-dialog-header,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-text-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-revslider-container {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-revslider-slider-wrapper {<br /> border-top-color: var(--sidebar)<br /> }<br /> <br /> .mw-ui-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):hover,.mw-ui-button:not(:disabled):active {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):focus {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button:not(:disabled):visited {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled) {<br /> background-color: var(--ooui-progressive);<br /> color: #fff;<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):active,.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: none<br /> }<br /> <br /> .mw-ui-button.mw-ui-destructive:not(:disabled) {<br /> color: #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-quiet,.mw-ui-button.mw-ui-quiet.mw-ui-progressive,.mw-ui-button.mw-ui-quiet.mw-ui-destructive {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:hover,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover {<br /> background-color: rgba(0,24,73,0.02745098);<br /> color: var(--text-color);<br /> border-color: transparent<br /> }<br /> <br /> input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:focus,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:active,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active {<br /> background-color: rgba(0,36,73,0.08235294);<br /> color: var(--text-color);<br /> border-color: #72777d<br /> }<br /> <br /> .mw-ui-input {<br /> background-color: var(--ooui-input);<br /> color: var(--text-color);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-ui-input:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-ui-input::placeholder {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child {<br /> padding: 0;<br /> background: 0<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child::before {<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> display: inline-block;<br /> width: 47px;<br /> height: 20px<br /> }<br /> <br /> :root {<br /> --wikitable-header-bg: var(--body-dark);<br /> --wikitable-border: var(--body-main);<br /> --wikitable-bg: var(--body-light);<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --table-na-background: rgba(0,0,0,0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #afeeee;<br /> --droptable-common-background: #56e156;<br /> --droptable-uncommon-background: #ffed4c;<br /> --droptable-rare-background: #ff863c;<br /> --droptable-veryrare-background: #ff6262;<br /> --droptable-random-background: #ffa3ff<br /> }<br /> <br /> .wikitable {<br /> background: var(--wikitable-bg);<br /> color: var(--wikitable-color);<br /> border-color: var(--wikitable-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; tr &gt; td,.wikitable &gt; * &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th.table-noborder,.wikitable &gt; tr &gt; td.table-noborder,.wikitable &gt; * &gt; tr &gt; th.table-noborder,.wikitable &gt; * &gt; tr &gt; td.table-noborder {<br /> border-left-style: hidden;<br /> border-right-style: hidden;<br /> padding-left: 0;<br /> padding-right: 0<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .tabber .wikitable {<br /> box-shadow: none<br /> }<br /> <br /> .table-bg-always,.table-bg-blue {<br /> background: var(--droptable-always-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-common,.table-bg-green {<br /> background: var(--droptable-common-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-uncommon,.table-bg-yellow {<br /> background: var(--droptable-uncommon-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-rare,.table-bg-orange {<br /> background: var(--droptable-rare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-veryrare,.table-bg-red {<br /> background: var(--droptable-veryrare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-random,.table-bg-pink {<br /> background: var(--droptable-random-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-fade {<br /> opacity: 0.6;<br /> background: rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw_metadata td,.mw_metadata th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw_metadata th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw_metadata td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable td,.mw-datatable th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw-datatable td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> table.alternating-rows tr:nth-child(odd),table.alternating-cols td:nth-child(odd) {<br /> background: var(--wikitable-alternating-bg)<br /> }<br /> <br /> .table-na {<br /> background: var(--table-na-background);<br /> color: var(--table-na-color);<br /> vertical-align: middle;<br /> text-align: center<br /> }<br /> <br /> .table-yes {<br /> background: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .table-positive {<br /> background: var(--table-yes-background)<br /> }<br /> <br /> .table-no {<br /> background: var(--table-no-background);<br /> color: var(--table-no-color)<br /> }<br /> <br /> .table-negative {<br /> background: var(--table-no-background)<br /> }<br /> <br /> .table-maybe {<br /> background: var(--table-maybe-background);<br /> color: var(--table-maybe-color)<br /> }<br /> <br /> #mw-allmessagestable .am_actual,#mw-allmessagestable .am_default {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> #mw-allmessagestable .am_default:hover,#mw-allmessagestable .am_actual:hover,#mw-allmessagestable tbody:hover td {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> table.wikitable td.no-cell-spacing {<br /> padding: 0;<br /> height: 0<br /> }<br /> <br /> table.wikitable td.no-cell-spacing table {<br /> margin: -1px;<br /> width: calc(100% + 2px);<br /> height: calc(100% + 2px)<br /> }<br /> <br /> .plainlist ol,.plainlist ul {<br /> margin: 0<br /> }<br /> <br /> .plainlist li {<br /> margin-bottom: 0;<br /> list-style: none<br /> }<br /> <br /> 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) {<br /> text-align: right<br /> }<br /> <br /> 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) {<br /> text-align: center<br /> }<br /> <br /> 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) {<br /> text-align: left<br /> }<br /> <br /> .rsw-chartjs.rsw-chartjs-config {<br /> display: none<br /> }<br /> <br /> .rsw-chartjs.rsw-chart-error {<br /> font-family: monospace<br /> }<br /> <br /> .rsw-chartjs-canvas {<br /> background-color: var(--body-light)<br /> }<br /> <br /> :root {<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-background: #bddff2;<br /> --diff-addedline-color: #000;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-background: #c1edbf;<br /> --diff-deletedline-color: #000;<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid)<br /> }<br /> <br /> .diff-context {<br /> border-color: var(--diff-context-border-color);<br /> background: var(--diff-context-background);<br /> color: inherit<br /> }<br /> <br /> .diff-addedline {<br /> border-color: var(--diff-addedline-border-color)<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: var(--diff-addedline-background);<br /> color: var(--diff-addedline-color)<br /> }<br /> <br /> .diff-deletedline {<br /> border-color: var(--diff-deletedline-border-color)<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: var(--diff-deletedline-background);<br /> color: var(--diff-deletedline-color)<br /> }<br /> <br /> .mw-diff-movedpara-left:after,.mw-diff-movedpara-right:after {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-notification {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {<br /> background: var(--body-main)<br /> }<br /> <br /> .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> background-color: var(--ooui-normal);<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-head,.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {<br /> border-left-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:hover,.mw-echo-ui-notificationItemWidget-unread:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:last-child {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-unread {<br /> background-color: var(--search-box)<br /> }<br /> <br /> .mw-echo-ui-crossWikiNotificationItemWidget-group,.mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-content-message-header,.mw-echo-ui-notificationItemWidget-content-message-body,.mw-echo-ui-menuItemWidget &gt; .oo-ui-buttonElement-button &gt; .oo-ui-labelElement-label,.mw-echo-ui-notificationItemWidget-content-actions-timestamp {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--body-main)<br /> }<br /> <br /> @keyframes unseen-fadeout-to-unread {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--search-box)<br /> }<br /> }<br /> <br /> @keyframes unseen-fadeout-to-read {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--body-main)<br /> }<br /> }<br /> <br /> .mwe-popups {<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container {<br /> color: var(--text-color);<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:before,.mwe-popups .mwe-popups-container.flipped-y:before {<br /> border-top: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:before {<br /> border-bottom: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:after,.mwe-popups .mwe-popups-container.flipped-y:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:after {<br /> border-bottom-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-settings-icon:hover,.mwe-popups .mwe-popups-settings-icon:active {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mwe-popups .mw-ui-icon-element:not(.disabled):hover {<br /> background: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract {<br /> color: var(--text-color)<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract[dir='ltr']:after {<br /> background-image: linear-gradient(to right,rgba(49,62,89,0),var(--body-light) 50%)<br /> }<br /> <br /> .mwe-popups-overlay {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> #mwe-popups-settings {<br /> background: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--text-color)<br /> }<br /> <br /> #mwe-popups-settings header {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form p {<br /> color: var(--byline-color)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form form label &gt; span {<br /> color: var(--ooui-text)<br /> }<br /> <br /> :root {<br /> --smw-ask-options-even-bg: var(--body-mid);<br /> --smw-ask-options-odd-bg: var(--body-light);<br /> --smw-ask-action-btn-lblue-bg: var(--body-main);<br /> --smw-ask-action-btn-lblue-color: #000;<br /> --smw-ask-action-btn-lblue-border-color: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-bg: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-color: #fff;<br /> --smw-ask-action-btn-dblue-border-color: var(--button-border)<br /> }<br /> <br /> .smw-ask-condition fieldset,.smw-ask-printhead fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .smw-ask-search fieldset,.smw-ask-format fieldset,.smw-ask-options fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .strike &gt; span:before,.strike &gt; span:after {<br /> background: var(--sidebar)<br /> }<br /> <br /> .smw-ask-options-fields tr td {<br /> background-color: var(--smw-ask-options-even-bg)<br /> }<br /> <br /> .smw-ask-options-fields tr:nth-child(odd) td {<br /> background-color: var(--smw-ask-options-odd-bg)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-lblue,.smw-ask-action-btn.smw-ask-action-btn-lblue:hover,.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--smw-ask-action-btn-lblue-bg);<br /> color: var(--smw-ask-action-btn-lblue-color);<br /> border-color: var(--smw-ask-action-btn-lblue-border-color)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-dblue,.smw-ask-action-btn.smw-ask-action-btn-dblue:hover,.smw-ask-action-btn.smw-ask-action-btn-dblue:visited {<br /> background-color: var(--smw-ask-action-btn-dblue-bg);<br /> color: var(--smw-ask-action-btn-dblue-color);<br /> border-color: var(--smw-ask-action-btn-dblue-border-color)<br /> }<br /> <br /> .smw-ask-query textarea,.smw-ask-actions textarea {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-query-format select {<br /> background-color: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-toplinks {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info {<br /> background: none;<br /> padding: 0 !important<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info::before {<br /> content: '';<br /> background: var(--text-color);<br /> -webkit-mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> padding: 0 0 3px 18px<br /> }<br /> <br /> .smw-ask-options-row-odd {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smw-ask-options-row-even {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> #options-toggle:not(:checked) + #options-list .options-parameter-list:after {<br /> background-image: linear-gradient(to bottom,transparent,var(--body-mid) 90%)<br /> }<br /> <br /> .smw-ask-button-submit input {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-ask-button-submit input:hover,.smw-ask-button-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> input.smw-ask-action-btn.smw-ask-action-btn-dblue {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:hover {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-callout-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .smw-callout-info {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .smw-callout-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .smw-callout-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-bg)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label,.smw-tabs input.nav-tab:checked + label.nav-label:hover {<br /> color: inherit<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count {<br /> color: #fff;<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.moderate {<br /> color: #fff;<br /> background-color: #b55e0c;<br /> border-color: #b55e0c<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.high {<br /> color: #fff;<br /> background-color: #9f261e;<br /> border-color: #9f261e<br /> }<br /> <br /> .smw-property-page-results .header-title {<br /> background-color: var(--ooui-interface);<br /> border-bottom-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-property-page-results .value-row:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .smw-property-page-results .smw-table .header-row {<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-header {<br /> background-color: var(--body-dark);<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .smw-ui-input-filter {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ui-input-filter input {<br /> border-left-color: var(--ooui-interface-border) !important;<br /> color: var(--ooui-text) !important<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border);<br /> color: var(--subtle-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-active {<br /> color: #fff;<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-tabs section,.smw-tabs .subtab-content {<br /> border-top-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-column-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-factbox {<br /> background: var(--body-main);<br /> border-color: transparent<br /> }<br /> <br /> .mw-body .mw-indicators #mw-indicator-smw-entity-examiner.mw-indicator .smw-indicator-vertical-bar-loader {<br /> display: none<br /> }<br /> <br /> .smwb-theme-light .smwb-title,.smwb-theme-light .smwb-center,.smwb-theme-light .smwb-actions,.smwb-theme-light .smwb-prophead {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-factbox {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-ifactbox {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-propval {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smwb-action-separator {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .smwb-bottom {<br /> border-bottom: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-ifactbox .smwb-cell,.smwb-factbox .smwb-cell {<br /> border-top: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-propvalue .smwb-prophead,.smwb-ipropvalue .smwb-prophead,.smwb-propvalue .smwb-propval,.smwb-ipropvalue .smwb-propval {<br /> font-size: 0.9em<br /> }<br /> <br /> :root {<br /> --filter-black-to-link: invert(36%) sepia(58%) saturate(433%) hue-rotate(344deg) brightness(100%) contrast(91%)<br /> }<br /> <br /> #bodyContent span.smwbrowse a {<br /> color: black;<br /> background-image: url(/images/Smwbrowse.svg?87d2b);<br /> filter: var(--filter-black-to-link)<br /> }<br /> <br /> #bodyContent span.smwbrowse a:hover {<br /> color: black;<br /> background-image: url(/images/Smwbrowse-hover.svg?73b79);<br /> text-decoration: underline<br /> }<br /> <br /> #bodyContent span.smwsearch a {<br /> color: black;<br /> filter: var(--filter-black-to-link);<br /> background-image: url(/images/Smwsearch.svg?72b04)<br /> }<br /> <br /> #bodyContent span.smwsearch a:hover {<br /> color: black;<br /> background-image: url(/images/Smwsearch-hover.svg?62df0);<br /> text-decoration: underline<br /> }<br /> <br /> :root {<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-background-color);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border)<br /> }<br /> <br /> .tabber {<br /> margin: 1em 0<br /> }<br /> <br /> .tabber .tabbertab {<br /> background-color: var(--tabber-tab-bg);<br /> border: 1px solid var(--tabber-tab-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1em 1.5em<br /> }<br /> <br /> ul.tabbernav {<br /> border: none;<br /> margin-left: 2em;<br /> margin-bottom: 0;<br /> margin-right: 2em;<br /> padding: 0;<br /> font-family: inherit<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a {<br /> background-color: var(--tabber-active-tab-bg);<br /> color: var(--tabber-active-tab-color);<br /> border-bottom: none;<br /> position: relative<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a:hover {<br /> color: var(--tabber-active-tab-hover-color);<br /> background-color: var(--tabber-active-tab-hover-bg);<br /> border-color: var(--tabber-active-tab-hover-border-color);<br /> border-bottom: none<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a::after {<br /> content: '';<br /> position: absolute;<br /> left: 0;<br /> right: 0;<br /> bottom: -1px;<br /> border-bottom: 2px solid var(--tabber-active-tab-border-hider-color)<br /> }<br /> <br /> ul.tabbernav li a {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> border-bottom: transparent;<br /> border-color: var(--tabber-inactive-tab-border-color);<br /> color: var(--tabber-inactive-tab-color);<br /> display: inline-block;<br /> font-size: 110%;<br /> padding: 0.5em 1em<br /> }<br /> <br /> ul.tabbernav li a:hover {<br /> background-color: var(--tabber-inactive-tab-hover-bg);<br /> border-color: var(--tabber-inactive-tab-hover-border-color)<br /> }<br /> <br /> ul.tabbernav li a:link,ul.tabbernav li a:visited {<br /> color: var(--tabber-inactive-tab-color)<br /> }<br /> <br /> .js-tooltip-text {<br /> padding: 5px<br /> }<br /> <br /> .js-tooltip-wrapper {<br /> position: absolute;<br /> z-index: 10;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> color: var(--text-color);<br /> max-width: 75%;<br /> overflow-wrap: break-word;<br /> padding: 10px 15px;<br /> margin: 0px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> font-size: 0.8em<br /> }<br /> <br /> .js-tooltip-click {<br /> color: var(--button-color);<br /> background: var(--button-background);<br /> border-radius: 2em;<br /> cursor: pointer;<br /> padding: 0 0.3em;<br /> user-select: none<br /> }<br /> <br /> .js-tooltip-arrow {<br /> position: absolute;<br /> border-color: transparent;<br /> border-style: solid;<br /> width: 0;<br /> height: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointleft {<br /> border-right-color: var(--body-border);<br /> border-left-color: transparent;<br /> border-left-width: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointright {<br /> border-left-color: var(--body-border);<br /> border-right-color: transparent;<br /> border-right-width: 0<br /> }<br /> <br /> .js-tooltip-close {<br /> float: right;<br /> margin-left: 10px;<br /> margin-right: -5px;<br /> margin-top: -5px;<br /> margin-bottom: 1px;<br /> background: var(--button-background);<br /> border: 0;<br /> cursor: pointer<br /> }<br /> <br /> :root {<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px); <br /> }<br /> <br /> .oo-ui-widget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox'] + span,.oo-ui-radioInputWidget [type='radio'] + span {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,.oo-ui-radioInputWidget [type='radio']:disabled + span {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownWidget-handle {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border);<br /> background-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget select {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget option {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuSelectWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-menuSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-menuSectionOptionWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-title {<br /> color: inherit<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block),.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-optionWidget.oo-ui-widget-disabled {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-outlineControlsWidget {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {<br /> border-bottom-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {<br /> border-top-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {<br /> border-right-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {<br /> border-left-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {<br /> border-left-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-searchWidget-query {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-tabOptionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--body-dark);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {<br /> border-bottom-color: var(--body-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {<br /> background-color: var(--body-light);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> color: var(--ooui-progressive);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover,.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:focus {<br /> color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed {<br /> background: none;<br /> border-bottom: 1px solid var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile {<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tagItemWidget {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> @media screen and (min-width: 0) {<br /> .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {<br /> outline:1px solid var(--ooui-accent)<br /> }<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {<br /> border-color: #fff<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; input.oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover);<br /> color: #fff;<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive {<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active &gt; .oo-ui-buttonElement-button {<br /> color: #fff;<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-pendingElement-pending {<br /> background-image: var(--ooui-pending-background-image);<br /> background-size: 200%;<br /> animation: oo-ui-pendingElement-stripes 6s linear infinite<br /> }<br /> <br /> @keyframes oo-ui-pendingElement-stripes {<br /> 100% {<br /> background-position: 100%<br /> }<br /> }<br /> <br /> .oo-ui-messageDialog-content &gt; .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-message {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog-content .oo-ui-window-head,.oo-ui-processDialog-content .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:active {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:active {<br /> border-right-color: var(--ooui-interface-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button,.oo-ui-processDialog-actions-other .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-right-color: var(--ooui-normal-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-windowManager-modal.oo-ui-windowManager-floating &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-window {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-bar {<br /> background-color: var(--ooui-interface);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-position-top &gt; .oo-ui-toolbar-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-toolbar-bar .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active &gt; .oo-ui-tool-link,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent);<br /> box-shadow: none<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-menuToolGroup {<br /> border-left-color: var(--body-mid);<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> border-right-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 2px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-bookletLayout-outlinePanel &gt; .oo-ui-outlineControlsWidget {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-fieldLayout-disabled &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header &gt; .oo-ui-labelElement-label {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-panelLayout-framed {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .oo-ui-icon-settings {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Esettings%3C/title%3E%3Cg transform='translate(10 10)'%3E%3Cpath id='a' d='M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3'/%3E%3Cuse xlink:href='%23a' transform='rotate(45)'/%3E%3Cuse xlink:href='%23a' transform='rotate(90)'/%3E%3Cuse xlink:href='%23a' transform='rotate(135)'/%3E%3C/g%3E%3Cpath d='M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .oo-ui-icon-clear {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Eclear%3C/title%3E%3Cpath d='M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-widget-dateInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widget-dateInputWidget-calendar {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widget-calendarWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widget-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-day,.mw-widget-calendarWidget-day-heading {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-widget-calendarWidget-day-additional {<br /> color: var(--ooui-text);<br /> opacity: 0.67<br /> }<br /> <br /> .mw-widget-calendarWidget-day-today {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-item:hover {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-widget-calendarWidget-item-selected {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),0 2px 2px 0 rgba(0,0,0,0.25)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.mw-widgets-datetime-dateTimeInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input,.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .mw-kartographer-mapDialog-foot {<br /> background-color: var(--body-light);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-container {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a,.mw-kartographer-interactive .leaflet-popup-content a:visited,.mw-kartographer-interactive .leaflet-popup-content a:hover,.mw-kartographer-interactive .leaflet-popup-content a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a.new a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .leaflet-popup-content-wrapper {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .leaflet-popup-tip {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey {<br /> background: #e4eaee;<br /> color: #444e5a;<br /> text-shadow: none<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a,.leaflet-vis-tooltip.lbl-bg-grey a:visited,.leaflet-vis-tooltip.lbl-bg-grey a:active,.leaflet-vis-tooltip.lbl-bg-grey a:hover,.leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a, .leaflet-vis-tooltip.lbl-bg-grey a:visited, .leaflet-vis-tooltip.lbl-bg-grey a:active, .leaflet-vis-tooltip.lbl-bg-grey a:hover, .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:visited,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:active,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:hover,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before {<br /> display: block;<br /> border-left-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before {<br /> display: block;<br /> border-right-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before {<br /> display: block;<br /> border-top-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before {<br /> display: block;<br /> border-bottom-color: #e4eaee<br /> }<br /> <br /> .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover {<br /> background: var(--ooui-normal--hover)<br /> }<br /> <br /> .ve-ui-overlay {<br /> font-family: inherit<br /> }<br /> <br /> .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above {<br /> border-top-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-branchNode-blockSlug,.ve-ce-branchNode-newSlug {<br /> outline-color: var(--body-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-specialCharacterPage h3 {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character:hover {<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px var(--body-mid);<br /> background: none<br /> }<br /> <br /> .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwHelpPopupTool-version-label,.ve-ui-mwHelpPopupTool-version-link,.ve-ui-mwHelpPopupTool-version-date {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ce-tableCellableNode {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-mwReferencesListNode-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwTemplatePage-description,.ve-ui-mwParameterPage-label,.ve-ui-mwParameterPage-description-required,.ve-ui-mwParameterPage-description-deprecated {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwGalleryDialog-menuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog-innerMenuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container,.ve-ui-targetWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .ve-ui-mwSaveDialog {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-options {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-summary {<br /> background-color: var(--ooui-input)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-editSummary-count {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-license {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwReferenceContextItem-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwNoticesPopupTool-items &gt; div:not(:first-child),.ve-ui-mwHelpPopupTool-item:not(:first-child) {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineControlsWidget {<br /> background-color: var(--ooui-interface);<br /> border-top-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-sticky {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwParameterPage-undocumentedLabel {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwTwoPaneTransclusionDialogLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwParameterPage-doc-required,.ve-ui-mwParameterPage-doc-deprecated,.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-expandableContent-toggle {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-expandableContent-fade {<br /> background: linear-gradient(to right,rgba(255,255,255,0) 0,var(--ooui-interface) 90%)<br /> }<br /> <br /> .ve-ui-commandHelpDialog-shortcut &gt; kbd,.ve-ui-commandHelpDialog-sequence &gt; kbd {<br /> background-color: var(--keypress-background);<br /> color: var(--keypress-color);<br /> border-color: var(--keypress-border);<br /> box-shadow: none;<br /> text-shadow: none<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> background: var(--ooui-interface)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'],figure[typeof~='mw:File/Frame'],figure[typeof~='mw:Image/Thumb'],figure[typeof~='mw:Video/Thumb'],figure[typeof~='mw:Image/Frame'],figure[typeof~='mw:Video/Frame'] {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:File/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media) {<br /> border: none;<br /> background: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; figcaption,figure[typeof~='mw:File/Frame'] &gt; figcaption,figure[typeof~='mw:Image/Thumb'] &gt; figcaption,figure[typeof~='mw:Video/Thumb'] &gt; figcaption,figure[typeof~='mw:Image/Frame'] &gt; figcaption,figure[typeof~='mw:Video/Frame'] &gt; figcaption {<br /> border: none;<br /> background-color: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --fact-text-color: #15f;<br /> --production-selected-background: #c3e8a3;<br /> --production-selected-color: #000;<br /> --wikipedia-border: #e0e0e0;<br /> --wikipedia-background: #f8f8f8;<br /> --keypress-background: #eee;<br /> --keypress-border: #ccc;<br /> --keypress-color: #333;<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg,#bfffbd 0 20px,#4cf172 20px 30px);<br /> --tbz-unlocked-border-color: #012100;<br /> --tbz-locked-background-color: #ffc3c3;<br /> --tbz-locked-border-color: #df9090;<br /> --tbz-partial-unlock-background: #dae8d2;<br /> --tbz-partial-unlock-border-color: #aeaeae<br /> }<br /> <br /> .archivelist {<br /> background-color: var(--body-light);<br /> border: solid 1px var(--body-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> margin: 5px;<br /> padding: 5px;<br /> text-align: center;<br /> width: 120px<br /> }<br /> <br /> .collapsed-sec {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-weight: bold;<br /> text-shadow: 1px 1px #fff<br /> }<br /> <br /> .combat-styles-icons a {<br /> display: inline-block;<br /> text-align: center;<br /> min-width: 26px<br /> }<br /> <br /> .combat-styles-header a {<br /> color: var(--text-color)<br /> }<br /> <br /> .fact-text {<br /> color: var(--fact-text-color);<br /> font-style: italic;<br /> cursor: help;<br /> border-bottom: dotted 1px<br /> }<br /> <br /> .production-selected {<br /> background: var(--production-selected-background);<br /> color: var(--production-selected-color)<br /> }<br /> <br /> .relative-location {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-spacing: 0;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 5px;<br /> text-align: center<br /> }<br /> <br /> .relative-location-txt {<br /> color: var(--text-color)<br /> }<br /> <br /> .relative-location-header {<br /> background: var(--body-dark)<br /> }<br /> <br /> #musicMap data {<br /> display: none<br /> }<br /> <br /> .musicMap-buttons {<br /> text-align: center;<br /> margin: 0.7em<br /> }<br /> <br /> .talkheader {<br /> text-align: center;<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .shortcut {<br /> border: 1px solid var(--body-border);<br /> background: var(--body-light);<br /> float: right;<br /> font-size: 0.8em;<br /> margin: 0.5em 0em 0.5em 1em;<br /> padding: 0.5em;<br /> text-align: center<br /> }<br /> <br /> .succession {<br /> width: 50%;<br /> text-align: center<br /> }<br /> <br /> .succession th {<br /> width: 33%;<br /> font-size: 90%;<br /> background: var(--body-mid)<br /> }<br /> <br /> .succession td {<br /> background: var(--body-light)<br /> }<br /> <br /> .update {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0;<br /> padding: 0.25em 1em;<br /> text-align: center<br /> }<br /> <br /> .pollwrapper {<br /> display: flex;<br /> align-items: center;<br /> flex-direction: column;<br /> counter-reset: question<br /> }<br /> <br /> .pollbox {<br /> position: relative;<br /> padding: 1em 0.7em;<br /> margin: 0.7em;<br /> margin-bottom: 1.2em;<br /> width: 700px;<br /> font-size: 16px;<br /> border: 2px solid var(--body-border);<br /> background: var(--body-light)<br /> }<br /> <br /> .pollbox::before {<br /> content: &quot;Question &quot; counter(question);<br /> counter-increment: question;<br /> position: absolute;<br /> font-size: 16px;<br /> font-weight: bold;<br /> top: -0.5em;<br /> margin-top: -2px;<br /> left: 0.6em;<br /> line-height: 1em;<br /> background: linear-gradient(0deg,var(--body-light),var(--body-light) 50%,rgba(0,0,0,0) 50%);<br /> padding: 0 0.6em<br /> }<br /> <br /> .pollbox table {<br /> width: 100%;<br /> border-collapse: collapse;<br /> font-size: 14px<br /> }<br /> <br /> .pollbox caption {<br /> text-align: left;<br /> margin-bottom: 4px<br /> }<br /> <br /> .pollbox td {<br /> padding: 0px<br /> }<br /> <br /> .pollquestion td:first-child::before {<br /> content: &quot;&quot;;<br /> background: url(/images/Poll_shield.png?c691a);<br /> background-repeat: no-repeat;<br /> background-position: top;<br /> width: 10px;<br /> height: 14px;<br /> position: absolute;<br /> top: 4px;<br /> left: 0<br /> }<br /> <br /> .pollquestion td:first-child {<br /> position: relative;<br /> width: 32%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .pollquestion td.pollpercent {<br /> box-sizing: border-box;<br /> padding-left: 17px;<br /> padding-right: 8px<br /> }<br /> <br /> .pollquestion td:last-child {<br /> width: 22%;<br /> padding-left: 0.7em<br /> }<br /> <br /> .pollquestion .pollnote td {<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .pollquestion .pollnote td::before {<br /> content: none<br /> }<br /> <br /> .pollquestion data {<br /> display: block;<br /> height: 15px;<br /> background-image: url(/images/Poll_sword2.png?7d4c4);<br /> position: relative<br /> }<br /> <br /> .pollquestion data::before,.pollquestion data::after {<br /> content: &quot;&quot;;<br /> height: inherit;<br /> position: absolute;<br /> height: 15px<br /> }<br /> <br /> .pollquestion data::before {<br /> background: url(/images/Poll_sword1.png?d445b);<br /> width: 17px;<br /> right: 100%<br /> }<br /> <br /> .pollquestion data::after {<br /> background: url(/images/Poll_sword3.png?487b5);<br /> width: 8px;<br /> left: 100%<br /> }<br /> <br /> .archivepollq th {<br /> text-align: left;<br /> font-weight: normal;<br /> padding: 15px 0 0 0<br /> }<br /> <br /> .archivepollq td:first-child {<br /> position: relative;<br /> width: 80%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .archivepollq td.archivepollpercent {<br /> box-sizing: border-box;<br /> padding: 2px;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .archivepollq td:last-child {<br /> text-align: right;<br /> padding-left: 0.7em<br /> }<br /> <br /> .archivepollq .archivepollnote &gt; td {<br /> text-align: left;<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .archivepollq data {<br /> display: block;<br /> height: 25px;<br /> background: var(--body-border);<br /> position: relative<br /> }<br /> <br /> .archivepollq.e {<br /> border: 2px solid var(--errorbox-border);<br /> background: var(--errorbox-bg)<br /> }<br /> <br /> .archivepollq.e::before {<br /> content: &quot;Error&quot;;<br /> background: linear-gradient(0deg,var(--errorbox-bg),var(--errorbox-bg) 50%,rgba(0,0,0,0) 50%)<br /> }<br /> <br /> .wikipedia {<br /> border: 1px solid var(--wikipedia-border);<br /> background-color: var(--wikipedia-background)<br /> }<br /> <br /> .hatnote,.seealso {<br /> font-style: italic<br /> }<br /> <br /> .hatnote i,.seealso i {<br /> font-style: normal<br /> }<br /> <br /> div.hatnote,div.seealso {<br /> margin: 0.5em 1.6em<br /> }<br /> <br /> div.hatnote + div.hatnote,div.hatnote + div.seealso,div.seealso + div.hatnote,div.seealso + div.seealso {<br /> margin-top: -0.5em<br /> }<br /> <br /> .extimage div,.extimage a,.extimage img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .tbz-region {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> white-space: nowrap;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> width: 110px;<br /> padding: 0.35em 0.45em 0.25em;<br /> margin: 1px<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-badge {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> padding: 0.3em 0.35em 0.2em<br /> }<br /> <br /> .tbz-badge + .tbz-badge {<br /> margin-left: 1px<br /> }<br /> <br /> .tbz-badge.tbz-badge-wrapper {<br /> padding: 0.2em<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-unlocked {<br /> background: var(--tbz-unlocked-background);<br /> border-color: var(--tbz-unlocked-border-color)<br /> }<br /> <br /> .tbz-unlocked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-unlocked .tbz-check {<br /> display: inline-block;<br /> padding-left: 5px<br /> }<br /> <br /> .tbz-locked {<br /> background-color: var(--tbz-locked-background-color);<br /> border-color: var(--tbz-locked-border-color)<br /> }<br /> <br /> .tbz-locked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-locked .tbz-unlocked {<br /> background: var(--tbz-partial-unlock-background);<br /> border-color: var(--tbz-partial-unlock-border-color)<br /> }<br /> <br /> .combatinfo {<br /> width: 160px;<br /> text-align: center;<br /> float: right;<br /> clear: right<br /> }<br /> <br /> .combatinfo.combatinfo-left {<br /> float: left;<br /> clear: left<br /> }<br /> <br /> .combatinfo td {<br /> width: 25%<br /> }<br /> <br /> .wikitable.combatinfo &gt; caption {<br /> font-weight: normal<br /> }<br /> <br /> .growth-stage-table td.growth-stage {<br /> text-align: center;<br /> vertical-align: bottom<br /> }<br /> <br /> .keypress {<br /> background: var(--keypress-background);<br /> color: var(--keypress-color);<br /> font-family: inherit;<br /> border: 1px solid var(--keypress-border);<br /> border-radius: 2px;<br /> font-size: 0.9em;<br /> margin: 0 0.1em;<br /> padding: 0.1em 0.4em;<br /> white-space: nowrap<br /> }<br /> <br /> .rsw-music-player {<br /> height: 2em;<br /> vertical-align: middle<br /> }<br /> <br /> .item-drops .beast-version {<br /> font-size: smaller;<br /> font-style: italic<br /> }<br /> <br /> td.famtreesub {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table {<br /> border-spacing: 0;<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table td {<br /> height: 1em;<br /> width: 1em<br /> }<br /> <br /> td.famtreeleaf {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> padding: 0.2em<br /> }<br /> <br /> :root {<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #ccc<br /> }<br /> <br /> :root {<br /> --coins-color: green;<br /> --coins-pos-color: white;<br /> --coins-neg-color: #c02614<br /> }<br /> <br /> .coins {<br /> color: var(--coins-color);<br /> background-position: 0% 50%;<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> padding: 0<br /> }<br /> <br /> .coins-pos {<br /> color: var(--coins-pos-color)<br /> }<br /> <br /> .coins-neg {<br /> color: var(--coins-neg-color)<br /> }<br /> <br /> .coins-10000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 3px 35px<br /> }<br /> <br /> .coins-1000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-250 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-100 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-25 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-5 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-4 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-3 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-2 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-1 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> :root {<br /> --documentation-background: #f9fafa;<br /> --documentation-link-color: #e4eaee;<br /> --documentation-headers-color: #fff;<br /> --documentation-header-background: #949eaa;<br /> --documentation-subheader-background: #808c9a;<br /> --documentation-border: #e4eaee<br /> }<br /> <br /> .documentation {<br /> background: var(--documentation-background);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0<br /> }<br /> <br /> .documentation pre,.documentation code {<br /> background-color: var(--documentation-background);<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation h2,.documentation hr {<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation-header {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-header-background);<br /> font-weight: bold;<br /> padding: 1em 1.5em<br /> }<br /> <br /> .documentation-title {<br /> font-size: 1.25em<br /> }<br /> <br /> .documentation-subheader {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-subheader-background);<br /> padding: 0.5em 1.5em<br /> }<br /> <br /> .documentation-subheader a,.documentation-subheader a:visited,.documentation-subheader a:active {<br /> color: var(--documentation-link-color)<br /> }<br /> <br /> .documentation-documentation,.documentation-links {<br /> font-size: 0.85em<br /> }<br /> <br /> .documentation-content {<br /> padding: 1em 1.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dl:not(:empty) {<br /> column-count: 3;<br /> border-top: 1px solid var(--body-border);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dt::after {<br /> content: &quot;:&quot;<br /> }<br /> <br /> .mw-templatedata-doc-params dd,.mw-templatedata-doc-params dt {<br /> margin: 0.1em 2em;<br /> min-width: auto<br /> }<br /> <br /> .mw-templatedata-doc-muted {<br /> color: var(--subtle-color);<br /> font-style: italic<br /> }<br /> <br /> .fairycode {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-size: 120%;<br /> font-weight: bold;<br /> text-transform: lowercase;<br /> letter-spacing: 1px<br /> }<br /> <br /> .fairycode b ~ b:before {<br /> content: &quot;•&quot;<br /> }<br /> <br /> .floornumber &gt; .floornumber-us,#toc li a span.toctext span span:nth-child(2),.floornumber-setting-gb .floornumber &gt; .floornumber-us,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(2),.floornumber-setting-us .floornumber &gt; .floornumber-gb,.floornumber-setting-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none<br /> }<br /> <br /> .floornumber-setting-gb .floornumber &gt; .floornumber-gb,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(1),.floornumber-setting-us .floornumber &gt; .floornumber-us,.floornumber-setting-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-us,.floornumber-override-gb #toc li a span.toctext span span:nth-child(2),.floornumber-override-us .floornumber &gt; .floornumber-gb,.floornumber-override-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none !important<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-gb,.floornumber-override-gb #toc li a span.toctext span span:nth-child(1),.floornumber-override-us .floornumber &gt; .floornumber-us,.floornumber-override-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline !important<br /> }<br /> <br /> .musicplayer {<br /> border: 1px solid var(--body-border);<br /> font-size: 90%;<br /> background: var(--body-light);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> max-width: 300px;<br /> margin: 0 0 1em 1em;<br /> padding: 5px<br /> }<br /> <br /> .musicplayer audio,.infobox audio {<br /> max-width: 298px;<br /> margin-left: auto;<br /> margin-right: auto<br /> }<br /> <br /> .plink-template + a {<br /> margin-left: 0.25em<br /> }<br /> <br /> .plinkt-image {<br /> text-align: center<br /> }<br /> <br /> :root {<br /> --questdetails-header-background: #cfc2aa;<br /> --questdetails-header-background-alt: #cfbda1<br /> }<br /> <br /> .questdetails {<br /> width: 100%;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-collapse: separate<br /> }<br /> <br /> .questdetails th {<br /> text-align: left<br /> }<br /> <br /> .questdetails-header {<br /> padding: 0.5em 1em;<br /> background-color: var(--questdetails-header-background);<br /> width: 125px<br /> }<br /> <br /> .questdetails tr:nth-child(odd) .questdetails-header {<br /> background-color: var(--questdetails-header-background-alt)<br /> }<br /> <br /> .questdetails-info {<br /> padding-left: 1em;<br /> padding-right: 2em<br /> }<br /> <br /> ol.references,.reflist {<br /> font-size: 90%<br /> }<br /> <br /> .reflist {<br /> list-style-type: decimal<br /> }<br /> <br /> .reflist .references {<br /> font-size: 100%;<br /> list-style-type: inherit<br /> }<br /> <br /> .reflist-lower-alpha {<br /> list-style-type: lower-alpha<br /> }<br /> <br /> ol.references li:target,sup.reference:target {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .hideQuotes .refhide {<br /> display: none<br /> }<br /> <br /> .editnotice {<br /> font-size: 0.9em;<br /> padding-bottom: 0.75em;<br /> margin-bottom: 0.6em<br /> }<br /> <br /> .editnotice .editnotice-title {<br /> font-size: 1.2em;<br /> font-weight: bold;<br /> margin-bottom: 0.4em<br /> }<br /> <br /> <br /> <br /> <br /> .mw-message-box,.mw-message-box-error,.mw-message-box-warning,.mw-message-box-success,.usermessage {<br /> color: var(--text-color)<br /> }<br /> <br /> .messagebox {<br /> width: 65%;<br /> margin: 0.5em auto;<br /> border-left: 15px solid;<br /> border-color: var(--body-dark);<br /> background-color: var(--body-light);<br /> box-sizing: border-box<br /> }<br /> <br /> .messagebox.obsolete {<br /> background-color: var(--messagebox-obsolete-background);<br /> border-color: var(--messagebox-obsolete-border);<br /> color: var(--messagebox-obsolete-color)<br /> }<br /> <br /> .messagebox.obsolete a,.messagebox.obsolete a:visited,.messagebox.obsolete a:active {<br /> color: var(--messagebox-obsolete-link-color)<br /> }<br /> <br /> .messagebox.info {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border);<br /> color: var(--messagebox-info-color)<br /> }<br /> <br /> .messagebox.info a,.messagebox.info a:visited,.messagebox.info a:active {<br /> color: var(--messagebox-info-link-color)<br /> }<br /> <br /> .messagebox.action {<br /> background-color: var(--messagebox-action-background);<br /> border-color: var(--messagebox-action-border);<br /> color: var(--messagebox-action-color)<br /> }<br /> <br /> .messagebox.action a,.messagebox.action a:visited,.messagebox.action a:active {<br /> color: var(--messagebox-action-link-color)<br /> }<br /> <br /> .messagebox.warn {<br /> background-color: var(--messagebox-warn-background);<br /> border-color: var(--messagebox-warn-border);<br /> color: var(--messagebox-warn-color)<br /> }<br /> <br /> .messagebox.warn a,.messagebox.warn a:visited,.messagebox.warn a:active {<br /> color: var(--messagebox-warn-link-color)<br /> }<br /> <br /> .messagebox.safe {<br /> background-color: var(--messagebox-safe-background);<br /> border-color: var(--messagebox-safe-border);<br /> color: var(--messagebox-safe-color)<br /> }<br /> <br /> .messagebox.safe a,.messagebox.safe a:visited,.messagebox.safe a:active {<br /> color: var(--messagebox-safe-link-color)<br /> }<br /> <br /> .messagebox.disambig {<br /> background-color: var(--messagebox-disambig-background);<br /> border-color: var(--messagebox-disambig-border);<br /> color: var(--messagebox-disambig-color)<br /> }<br /> <br /> .messagebox.disambig a,.messagebox.disambig a:visited,.messagebox.disambig a:active {<br /> color: var(--messagebox-disambig-link-color)<br /> }<br /> <br /> .messagebox.discord {<br /> background-color: var(--messagebox-discord-background);<br /> border-color: var(--messagebox-discord-border);<br /> color: #fff<br /> }<br /> <br /> .messagebox.discord a,.messagebox.discord a:visited,.messagebox.discord a:active {<br /> color: var(--messagebox-discord-link-color)<br /> }<br /> <br /> .messagebox.discord a.external,.messagebox.discord a:visited.external,.messagebox.discord a:active.external {<br /> font-style: italic<br /> }<br /> <br /> .messagebox.stub {<br /> width: 40%<br /> }<br /> <br /> .messagebox.hasdialogue {<br /> padding: 0 10px;<br /> width: auto<br /> }<br /> <br /> :root {<br /> --ajaxpoll-background: #fafafa;<br /> --ajaxpoll-text-color: var(--byline-color);<br /> --ajaxpoll-answerbar-background: var(--body-light);<br /> --ajaxpoll-answerbar-border: var(--body-border)<br /> }<br /> <br /> .ajaxpoll {<br /> background: var(--ajaxpoll-background)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-hover-vote,.ajaxpoll .ajaxpoll-hover-revoke,.ajaxpoll .ajaxpoll-ajax {<br /> background: none<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote {<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote div {<br /> background: var(--ajaxpoll-answerbar-background);<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-our-vote div {<br /> border-color: #3c780a<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-misc,.ajaxpoll .ajaxpoll-info,.ajaxpoll .ajaxpoll-ajax {<br /> color: var(--ajaxpoll-text-color)<br /> }<br /> <br /> .ajaxpoll-id-info {<br /> display: none<br /> }<br /> <br /> .inventorytable,<br /> .lootingbagtable,<br /> .runepouchtable {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> height: auto;<br /> border-spacing: 0;<br /> border-collapse: separate;<br /> margin-top: 7px;<br /> margin-bottom: 7px;<br /> }<br /> <br /> .inventorytable.storage-left,<br /> .lootingbagtable.storage-left,<br /> .runepouchtable.storage-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .inventorytable.storage-center,<br /> .lootingbagtable.storage-center,<br /> .runepouchtable.storage-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .inventorytable.storage-right,<br /> .lootingbagtable.storage-right,<br /> .runepouchtable.storage-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .inventorytable td,<br /> .lootingbagtable td,<br /> .runepouchtable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> }<br /> <br /> .inventorytable {<br /> background-image: url(/images/e/e9/Inventory_tab.png);<br /> width: 204px;<br /> padding: 13px 16px 10px;<br /> }<br /> <br /> .inventorytable td {<br /> width: 43px;<br /> height: 36px;<br /> }<br /> <br /> .lootingbagtable {<br /> background-image: url(/images/7/78/Looting_bag_tab.png);<br /> width: 204px;<br /> padding: 31px 17px 20px 12px;<br /> }<br /> <br /> .lootingbagtable td {<br /> width: 44px;<br /> height: 32px;<br /> }<br /> <br /> .runepouchtable {<br /> background-image: url(/images/f/f1/Rune_pouch_background.png);<br /> width: 158px;<br /> padding: 24px 7px 6px;<br /> }<br /> <br /> .runepouchtable.storage-left {<br /> margin-left: 23px;<br /> }<br /> <br /> .runepouchtable.storage-right {<br /> margin-right: 23px;<br /> }<br /> <br /> .runepouchtable td {<br /> width: 32px;<br /> height: 32px;<br /> line-height: 1.6em;<br /> }<br /> <br /> .runepouchtable td.middle-rune {<br /> padding-left: 24px;<br /> padding-right: 24px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune {<br /> padding-left: 6px;<br /> padding-right: 6px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune {<br /> padding-left: 0;<br /> }<br /> <br /> .menagerietable {<br /> background-image: url(/images/9/9c/Menagerie_interface.png);<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> width: 300px;<br /> height: 250px;<br /> padding: 56px 28px 34px 6px;<br /> border-spacing: 0;<br /> }<br /> <br /> .menagerietable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> width: 46px;<br /> height: 32px;<br /> }<br /> <br /> .inventorytable .inv-quantity-text,<br /> .lootingbagtable .inv-quantity-text,<br /> .runepouchtable .inv-quantity-text,<br /> .equipment .inv-quantity-text {<br /> font-family: 'RuneScape Small';<br /> font-size: 12pt;<br /> position: absolute;<br /> top: -8px;<br /> left: 4px;<br /> text-shadow: #000 1px 1px;<br /> color: #ffff00;<br /> pointer-events: none;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-1,<br /> .lootingbagtable .inv-quantity-text.qty-1,<br /> .runepouchtable .inv-quantity-text.qty-1,<br /> .equipment .inv-quantity-text.qty-1 {<br /> color: #ffff00;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-100k,<br /> .lootingbagtable .inv-quantity-text.qty-100k,<br /> .runepouchtable .inv-quantity-text.qty-100k,<br /> .equipment .inv-quantity-text.qty-100k {<br /> color: #fff;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-10m,<br /> .lootingbagtable .inv-quantity-text.qty-10m,<br /> .runepouchtable .inv-quantity-text.qty-10m,<br /> .equipment .inv-quantity-text.qty-10m {<br /> color: #01ff80;<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {<br /> .inventorytable img,<br /> .lootingbagtable img,<br /> .runepouchtable img,<br /> .equipment img {<br /> image-rendering: pixelated;<br /> image-rendering: crisp-edges;<br /> }<br /> <br /> }<br /> <br /> .runepouchtable .inv-quantity-text {<br /> left: -1px;<br /> }<br /> <br /> .runepouchtable td.middle-rune .inv-quantity-text {<br /> left: 23px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune .inv-quantity-text {<br /> left: 5px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune .inv-quantity-text {<br /> left: 0;<br /> }<br /> <br /> .equipment .inv-quantity-text {<br /> top: -3px;<br /> }<br /> <br /> span.noted-item {<br /> width: 30px;<br /> height: 29px;<br /> text-align: center;<br /> display: inline-block;<br /> }<br /> <br /> span.noted-item a {<br /> width: 30px;<br /> height: 29px;<br /> }<br /> <br /> .noted-item a {<br /> background-image: url(/images/3/3a/Bank_note.png);<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> background-position: center;<br /> }<br /> <br /> td.noted-item a {<br /> width: 32px;<br /> line-height: 28px;<br /> }<br /> <br /> .noted-item img {<br /> transform: scale(0.65);<br /> }<br /> <br /> .equipment {<br /> background: #3e3529;<br /> border: 9px solid transparent;<br /> border-image-source: url(/images/c/c7/Interface_border.png);<br /> border-image-slice: 9;<br /> border-image-width: 9px;<br /> border-image-outset: 0;<br /> border-image-repeat: repeat;<br /> margin: 7px 0;<br /> padding: 0 2px 0 3px;<br /> }<br /> <br /> @media all and (max-width: 720px) {<br /> table.equipment {<br /> width: initial !important;<br /> }<br /> <br /> }<br /> <br /> .equipment-div,<br /> .equipment-div-buttons {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> position: relative;<br /> width: 175px;<br /> display: flex;<br /> }<br /> <br /> .equipment-div {<br /> background-image: url(/images/a/a7/Worn_equipment_tab_%28no_buttons%29.png);<br /> height: 222px;<br /> margin: 15px 0 14px;<br /> }<br /> <br /> .equipment-div-buttons {<br /> background-image: url(/images/e/e3/Worn_equipment_tab_%28borderless%29.png);<br /> height: 244px;<br /> margin: 4px 0 3px;<br /> }<br /> <br /> .equipment-blank {<br /> background-image: url(/images/c/cf/Blank_slot.png);<br /> width: 36px;<br /> height: 36px;<br /> }<br /> <br /> .equipment-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .equipment-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .equipment-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .equipment-stats,<br /> .equipment-ikod {<br /> font-family: RuneScape;<br /> font-size: 16px;<br /> line-height: 14px;<br /> color: #ff981f;<br /> text-shadow: 1px 1px 0 black;<br /> }<br /> <br /> td.equipment-stats b {<br /> font-family: RuneScape;<br /> font-weight: bold;<br /> display: block;<br /> margin-top: 2px;<br /> }<br /> <br /> td.equipment-stats data {<br /> display: block;<br /> padding-left: 8px;<br /> }<br /> <br /> td.equipment-stats data img {<br /> vertical-align: bottom;<br /> }<br /> <br /> td.equipment-ikod {<br /> max-width: 325px;<br /> }<br /> <br /> td.equipment-ikod em {<br /> font-style: normal;<br /> display: block;<br /> margin-bottom: 3px;<br /> }<br /> <br /> td.equipment-ikod b {<br /> font-weight: normal;<br /> color: white;<br /> }<br /> <br /> td.equipment-ikod strong {<br /> font-weight: normal;<br /> color: red;<br /> }<br /> <br /> td.equipment-ikod ul {<br /> list-style: none;<br /> margin: 0;<br /> }<br /> <br /> td.equipment-ikod li {<br /> display: inline-block;<br /> width: 32px;<br /> height: 32px;<br /> line-height: 32px;<br /> margin: 0;<br /> margin-right: 14px;<br /> }<br /> <br /> td.equipment-ikod img {<br /> cursor: help;<br /> }<br /> <br /> td.equipment-ikod hr {<br /> border-top: 1px solid #0e0e0c;<br /> border-bottom: 1px solid #474745;<br /> margin: 7px 0;<br /> }<br /> <br /> .equipment-plinkp {<br /> position: absolute;<br /> width: 36px;<br /> height: 36px;<br /> left: 0px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head,<br /> .equipment-cape,<br /> .equipment-neck,<br /> .equipment-ammo,<br /> .equipment-weapon,<br /> .equipment-torso,<br /> .equipment-shield,<br /> .equipment-legs,<br /> .equipment-gloves,<br /> .equipment-boots,<br /> .equipment-ring,<br /> .equipment-statsbutton,<br /> .equipment-ikodbutton {<br /> position: absolute;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head {<br /> left: 70px;<br /> top: 0px;<br /> }<br /> <br /> .equipment-cape {<br /> left: 29px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-neck {<br /> left: 70px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-ammo {<br /> left: 111px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-weapon {<br /> left: 14px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-torso {<br /> left: 70px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-shield {<br /> left: 126px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-legs {<br /> left: 70px;<br /> top: 118px;<br /> }<br /> <br /> .equipment-gloves {<br /> left: 14px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-boots {<br /> left: 70px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-ring {<br /> left: 126px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-statsbutton {<br /> top: 204px;<br /> left: 0px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> .equipment-ikodbutton {<br /> top: 204px;<br /> left: 90px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> :root {<br /> --transcript-border-color: #b4a36a;<br /> --transcript-border-hover-color: #876f1d;<br /> --transcript-strikethrough-color: #800000<br /> }<br /> <br /> .transcript {<br /> background: var(--body-light);<br /> border-radius: 0 0 120px 120px / 0 0 8px 8px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> max-width: 90ch;<br /> overflow: hidden;<br /> margin-bottom: 1em;<br /> padding: 0.5em 1em 1em;<br /> clear: left<br /> }<br /> <br /> .transcript.godletter {<br /> margin: 1em auto;<br /> padding: 1em 1.5em;<br /> max-width: 60ch<br /> }<br /> <br /> .quest-action {<br /> text-align: center;<br /> font-style: italic;<br /> margin: 0 5%<br /> }<br /> <br /> .quest-action:before,.quest-action:after {<br /> content: '———';<br /> margin: 4px;<br /> letter-spacing: -1px<br /> }<br /> <br /> .transcript-chatbox-image {<br /> display: inline-block;<br /> margin-right: 5px;<br /> position: relative;<br /> text-align: center;<br /> width: 32px<br /> }<br /> <br /> .transcript-chatbox-image + .transcript-chatbox-image {<br /> left: -10px;<br /> top: 10px;<br /> margin-right: 0<br /> }<br /> <br /> .transcript-opt::before {<br /> display: inline-block;<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> width: 7px;<br /> height: 10px;<br /> margin-right: 5px<br /> }<br /> <br /> .transcript-opt.disabled {<br /> filter: opacity(0.5)<br /> }<br /> <br /> .ns-120 .mw-parser-output s,.transcript s {<br /> text-decoration-color: var(--transcript-strikethrough-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output .template-colour,.transcript .template-colour {<br /> text-shadow: 1px 1px #000a<br /> }<br /> <br /> :root {<br /> --byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%);<br /> --tile-border-color: #596e96;<br /> --tile-background-color: #313e59;<br /> --tile-link-button-color: #222e45;<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255,255,255,0.7);<br /> --tile-dark-header-color: #fff<br /> }<br /> <br /> .tile {<br /> background: var(--tile-background-color);<br /> border: 1px solid var(--tile-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1.5em 2em 1em;<br /> max-width: 40em<br /> }<br /> <br /> .tile h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile.dark {<br /> color: var(--tile-dark-color);<br /> background: var(--tile-dark-bg);<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .tile.dark h2 {<br /> color: var(--tile-dark-header-color)<br /> }<br /> <br /> .tile.dark a {<br /> color: var(--tile-dark-link-color)<br /> }<br /> <br /> .tile.dark .byline {<br /> color: var(--tile-dark-byline-color)<br /> }<br /> <br /> .byline {<br /> font-size: 0.9em;<br /> color: var(--byline-color)<br /> }<br /> <br /> .byline a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .tile-row {<br /> display: flex;<br /> flex-flow: row wrap;<br /> margin-bottom: 1em<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-flow: row wrap;<br /> border: 1px solid var(--tile-border-color);<br /> background: var(--tile-background-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .tile-halves h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile-halves .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile-top {<br /> width: 100%;<br /> padding: 1.3rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-top.tile-image {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--byline-color);<br /> overflow: hidden;<br /> padding: 0;<br /> height: 13vw;<br /> max-height: 12em;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-halves:hover .tile-top.tile-image img {<br /> transform: scale(1.1);<br /> transition: 0.5s ease-out<br /> }<br /> <br /> .tile-top.tile-image a {<br /> width: 100%<br /> }<br /> <br /> .tile-top.tile-image img {<br /> width: 100%;<br /> object-fit: cover;<br /> max-height: 200px;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-top.tile-image span {<br /> width: 100%<br /> }<br /> <br /> .tile-bottom {<br /> background: var(--tile-background-color);<br /> border-top: 1px solid var(--tile-border-color);<br /> width: 100%;<br /> padding: 1rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-bottom.link-button {<br /> align-self: flex-end;<br /> padding: 0<br /> }<br /> <br /> .tile-bottom.link-button a {<br /> display: block;<br /> text-align: center;<br /> padding: 0.75em 1.5em 0.8em;<br /> text-decoration: none<br /> }<br /> <br /> .tile-bottom.read-more {<br /> background: var(--tile-link-button-color);<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile-bottom.read-more a {<br /> color: var(--byline-color);<br /> font-weight: bold;<br /> text-align: right<br /> }<br /> <br /> .tile-bottom.read-more:hover {<br /> background: var(--tile-link-button-highlight-color)<br /> }<br /> <br /> .tile-bottom.read-more:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .tile-bottom.read-more .arrow {<br /> filter: var(--byline-arrow-filter);<br /> margin-left: 0.4em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile.oswf-day {<br /> margin-left: 0.5em<br /> }<br /> <br /> .oswf-tile {<br /> margin: 1em<br /> }<br /> <br /> .oswf-tile.oswf-complete {<br /> opacity: 0.65<br /> }<br /> <br /> .oswf-tile .oswf-summary {<br /> font-size: 105%;<br /> line-height: 1.6;<br /> margin-top: -0.4em<br /> }<br /> <br /> .oswf-tile .oswf-img {<br /> display: block;<br /> max-width: 75px;<br /> float: right<br /> }<br /> <br /> .oswf-tile .oswf-img img {<br /> max-width: 100%;<br /> height: auto<br /> }<br /> <br /> .oswf-tile .oswf-guidance {<br /> border-top: 1px solid #eee;<br /> padding-top: 1em<br /> }<br /> <br /> body.page-Main_Page .mw-parser-output {<br /> max-width: 75em;<br /> margin: 0 auto;<br /> }<br /> <br /> body.page-Main_Page.action-view .catlinks,<br /> body.page-Main_Page.action-view #contentSub,<br /> body.page-Main_Page.action-view #siteNotice {<br /> display: none;<br /> }<br /> <br /> body.page-Main_Page h1 { display: none; }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> margin: 2.6em 1.75em 1.5em<br /> }<br /> <br /> .mainpage-header .header-intro {<br /> flex: 2<br /> }<br /> <br /> .mainpage-header .header-intro h1 {<br /> font-size: 2.5em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.15em<br /> }<br /> <br /> .mainpage-header .header-intro p {<br /> font-size: 1.1em;<br /> line-height: 1.7em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> flex: 1;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> margin-top: -1em<br /> }<br /> <br /> .mainpage-body {<br /> display: grid;<br /> grid-template-areas: &quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left right&quot;;<br /> gap: 0.9rem;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-body h2 a {<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-body .tile {<br /> padding-left: 1.75em;<br /> padding-right: 1.75em;<br /> max-width: 100%<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> width: 100%;<br /> margin-bottom: 0<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> display: grid;<br /> gap: 0.9rem<br /> }<br /> <br /> .mainpage-left {<br /> grid-area: left;<br /> flex: 2;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-left &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .mainpage-right {<br /> grid-area: right;<br /> flex: 1;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-right &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .arrow {<br /> background: url(/images/White-chevron.svg?b82be) no-repeat;<br /> display: inline-block;<br /> height: 0.7rem;<br /> width: 0.45rem;<br /> vertical-align: middle<br /> }<br /> <br /> .arrow.dark {<br /> filter: invert(80%)<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-area: update;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves {<br /> flex: 1;<br /> align-content: flex-start<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-bottom.link-button a {<br /> text-align: left;<br /> padding: 1rem 1.5rem 0.75rem<br /> }<br /> <br /> .mainpage-recent-updates h2 {<br /> margin: -0.5em 0 0.3em<br /> }<br /> <br /> .mainpage-recent-updates p:not(.byline) {<br /> font-size: 0.9em;<br /> line-height: 1.75em;<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-contents {<br /> grid-area: content;<br /> grid-template-columns: repeat(6,1fr)<br /> }<br /> <br /> .mainpage-contents .tile-halves {<br /> flex: 1<br /> }<br /> <br /> .mainpage-contents .tile-top {<br /> position: relative<br /> }<br /> <br /> .mainpage-contents h2 {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> .mainpage-contents .tile-bottom.link-button a {<br /> padding: 0.75em 0.2em<br /> }<br /> <br /> .mainpage-skills ul {<br /> columns: 3 9em;<br /> margin: 1em 0.7em 0.7em 1em<br /> }<br /> <br /> .mainpage-skills li {<br /> display: flex;<br /> margin-bottom: 0.29em<br /> }<br /> <br /> .mainpage-skills li a:first-child {<br /> border-radius: 2px;<br /> padding: 4px;<br /> width: 25px;<br /> height: 25px;<br /> text-align: center;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center<br /> }<br /> <br /> .mainpage-skills li a:last-child {<br /> flex: 1;<br /> display: flex;<br /> align-items: center;<br /> font-weight: bold;<br /> padding-left: 0.7em;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-skills li:hover a:first-child {<br /> border-radius: 2px 0 0 2px<br /> }<br /> <br /> .mainpage-skills li:hover a:last-child {<br /> color: rgba(255,255,255,0.9);<br /> border-radius: 0 2px 2px 0<br /> }<br /> <br /> .skill-agility a:first-child,.skill-melee a:first-child {<br /> background: #bc483d<br /> }<br /> <br /> .skill-agility:hover a:last-child,.skill-melee:hover a:last-child {<br /> background: #932419<br /> }<br /> <br /> .skill-ranged a:first-child {<br /> background: #748d36<br /> }<br /> <br /> .skill-ranged:hover a:last-child {<br /> background: #4c6215<br /> }<br /> <br /> .skill-magic a:first-child {<br /> background: #6274ab<br /> }<br /> <br /> .skill-magic:hover a:last-child {<br /> background: #304791<br /> }<br /> <br /> .skill-fishing a:first-child,.skill-fletching a:first-child {<br /> background: #3e8e9a<br /> }<br /> <br /> .skill-fishing:hover a:last-child,.skill-fletching:hover a:last-child {<br /> background: #1a6671<br /> }<br /> <br /> .skill-cooking a:first-child,.skill-thieving a:first-child {<br /> background: #91689e<br /> }<br /> <br /> .skill-cooking:hover a:last-child,.skill-thieving:hover a:last-child {<br /> background: #713684<br /> }<br /> <br /> .skill-farming a:first-child,.skill-woodcutting a:first-child {<br /> background: #59924f<br /> }<br /> <br /> .skill-farming:hover a:last-child,.skill-woodcutting:hover a:last-child {<br /> background: #306f25<br /> }<br /> <br /> .skill-mining a:first-child {<br /> background: #6385a8<br /> }<br /> <br /> .skill-mining:hover a:last-child {<br /> background: #315f8d<br /> }<br /> <br /> .skill-smithing a:first-child {<br /> background: #d2b244<br /> }<br /> <br /> .skill-smithing:hover a:last-child {<br /> background: #b69213<br /> }<br /> <br /> .popular-pages ul {<br /> display: grid;<br /> grid-template-columns: repeat(3,1fr);<br /> grid-gap: 0.6em;<br /> margin: 1em 0 0.7em 0<br /> }<br /> <br /> .mp-popular-page-light {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--button-background);<br /> transition: 100ms<br /> }<br /> <br /> .mp-popular-page-light a {<br /> flex: 1;<br /> display: block;<br /> color: #fff;<br /> font-weight: bold;<br /> text-align: center;<br /> text-decoration: none;<br /> padding: 0.7em 1em<br /> }<br /> <br /> .mp-popular-page-light:hover {<br /> filter: brightness(115%);<br /> transition: 100ms<br /> }<br /> <br /> .mainpage-discord {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-discord .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #5865f2;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-discord .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-discord .tile-bottom {<br /> background: #525ee0;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-discord .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-discord .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-discord .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-discord .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-youtube {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-youtube .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-youtube .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-youtube .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-youtube .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-youtube .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-youtube .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-youtube .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-rl {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-rl .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #383838;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-rl .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-rl .tile-bottom {<br /> background: #FF9300;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-rl .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-rl .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-rl .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-rl .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-twitter {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-twitter .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-twitter .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-twitter .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-twitter .twitter-logo {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-twitter .twitter-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-twitter .twitter-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-twitter .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .mainpage-editing {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-editing .tile-top {<br /> background: #222e45<br /> }<br /> <br /> .mainpage-editing .tile-bottom {<br /> background: #3980ab;<br /> border: none;<br /> padding: 0.8rem 1.5rem 0.4rem<br /> }<br /> <br /> .mainpage-editing h2,.mainpage-editing a {<br /> color: #fff<br /> }<br /> <br /> .mainpage-editing p {<br /> color: rgba(255,255,255,0.9)<br /> }<br /> <br /> .mainpage-editing ul {<br /> list-style-image: url(/images/Transparent-chevron.svg?20dcf)<br /> }<br /> <br /> .mainpage-poll .ajaxpoll {<br /> border: none;<br /> background: none;<br /> padding: 0;<br /> width: auto<br /> }<br /> <br /> .mainpage-trailblazer {<br /> grid-area: event<br /> }<br /> <br /> .mainpage-trailblazer .tb-logo {<br /> margin-bottom: 0.9rem<br /> }<br /> <br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-trailblazer .tile-row .tile-top {<br /> height: 20vw;<br /> min-height: 9em<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1200px) {<br /> .mainpage-contents {<br /> grid-template-columns:repeat(3,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1000px) {<br /> .mainpage-body {<br /> grid-template-areas:&quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left left&quot; &quot;right right right&quot;<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-top {<br /> height: 18vw;<br /> min-height: 9em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> display: none<br /> }<br /> <br /> .mainpage-left &gt; *:last-child,.mainpage-right &gt; *:last-child {<br /> margin-bottom: 0<br /> }<br /> <br /> .popular-pages ul {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-recent-updates {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: flex<br /> }<br /> <br /> .mainpage-contents {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background-color: var(--body-main);<br /> border-top-color: var(--body-border);<br /> box-shadow: none<br /> }<br /> <br /> .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,.mw-prefs-tabs &gt; .oo-ui-menuLayout-content &gt; .oo-ui-indexLayout-stackLayout &gt; .oo-ui-tabPanelLayout {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --rc-positive-color: #407813;<br /> --rc-negative-color: #b41e0f<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: var(--rc-positive-color)<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: var(--rc-negative-color)<br /> }<br /> <br /> .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {<br /> border-color: var(--body-border);<br /> background-color: var(--body-light);<br /> border-radius: 2px<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-menuSelectWidget-footer {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-tagItemWidget-popup-content {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-changeslist-legend,.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .client-js .mw-changeslist ul,.client-js .mw-changeslist table.mw-enhanced-rc {<br /> margin-left: 0<br /> }<br /> <br /> .mw-rcfilters-ui-watchlistTopSectionWidget-separator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-header {<br /> border-bottom-color: var(--ooui-interface);<br /> background-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-title {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-header {<br /> border-bottom-color: var(--ooui-interface-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-savedLinksListItemWidget-label {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted ul,.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted table.mw-enhanced-rc {<br /> margin-left: 1.5em<br /> }<br /> <br /> .page-Special_CreateAccount .mw-ui-container,.page-Special_UserLogin .mw-ui-container {<br /> max-width: 64rem;<br /> margin: 0 auto<br /> }<br /> <br /> .mw-number-text {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-body-content .mw-number-text h3 {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-indicator-mw-helplink a {<br /> background: none;<br /> padding: 0;<br /> display: flex;<br /> align-items: center<br /> }<br /> <br /> #mw-indicator-mw-helplink a::before {<br /> content: '';<br /> margin-right: 5px;<br /> -webkit-mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> background: var(--text-color);<br /> height: 20px;<br /> width: 20px<br /> }<br /> <br /> .results-info {<br /> color: inherit<br /> }<br /> <br /> .mw-search-profile-tabs {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> .search-types .current a {<br /> color: inherit<br /> }<br /> <br /> #mw-searchoptions {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> #mw-searchoptions .divider {<br /> border-color: var(--body-border)<br /> }<br /> <br /> #mw-searchoptions h4 {<br /> font-family: inherit<br /> }<br /> <br /> #mw-searchoptions .oo-ui-labelElement:nth-of-type(odd) {<br /> font-weight: bold<br /> }<br /> <br /> .searchresult {<br /> line-height: 1.5<br /> }<br /> <br /> .searchalttitle,#mw-search-interwiki li {<br /> font-size: 90%<br /> }<br /> <br /> .mw-search-result-data {<br /> color: var(--byline-color)<br /> }<br /> <br /> .page-Special_ListFiles a.image img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .page-Special_ListFiles .TablePager_col_thumb {<br /> text-align: center<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] {<br /> background-color: var(--body-main) !important;<br /> border-color: var(--wikitable-border) !important;<br /> margin-top: 0.5em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th,#editcount table[border=&quot;1&quot;] td {<br /> padding: 0.2em 0.4em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th {<br /> background-color: var(--wikitable-header-bg);<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] td {<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] tr:nth-child(odd) {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget {<br /> background-color: inherit<br /> }<br /> <br /> table.mw-interwikitable.body td.mw-interwikitable-local-yes {<br /> background-color: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .mw-protectedpages-unknown {<br /> color: var(--byline-color)<br /> }<br /> <br /> .watchlistredir,.allpagesredirect {<br /> font-style: italic<br /> }<br /> <br /> .allpagesredirect:after {<br /> color: var(--byline-color);<br /> content: &quot; (redirect)&quot;<br /> }<br /> <br /> .mw-apisandbox-toolbar {<br /> background: var(--body-main)<br /> }<br /> <br /> .oo-ui-menuOptionWidget .mw-apisandbox-flag {<br /> color: var(--byline-color)<br /> }<br /> <br /> tr.mw-abusefilter-list-disabled,tr.mw-abusefilter-list-disabled td {<br /> color: var(--byline-color)<br /> }<br /> <br /> table.mw-abuselog-details {<br /> background: var(--wikitable-bg);<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> table.mw-abuselog-details th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> table.mw-abuselog-details th,table.mw-abuselog-details td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-abusefilter-log-hidden-entry {<br /> color: var(--subtle-color)<br /> }<br /> <br /> body td.mw-abusefilter-history-changed {<br /> background: var(--table-no-background)<br /> }<br /> <br /> div.mw-abusefilter-editor,#mw-abusefilter-warn-preview,#mw-abusefilter-disallow-preview {<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-destfile-warning {<br /> border-color: var(--warningbox-border);<br /> color: var(--text-color);<br /> background-color: var(--warningbox-bg)<br /> }<br /> <br /> span.fileinput-button {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> ul.fileupload-results li.ful-success {<br /> background-color: var(--successbox-bg)<br /> }<br /> <br /> ul.fileupload-results li.ful-success a {<br /> color: var(--link-color)<br /> }<br /> <br /> ul.fileupload-results li.ful-error {<br /> background-color: var(--errorbox-bg)<br /> }<br /> <br /> #siteNotice {<br /> text-align: center<br /> }<br /> <br /> #siteNotice ul {<br /> list-style: none<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-body {<br /> margin: 0<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-close {<br /> float: none;<br /> text-align: right<br /> }<br /> <br /> .mw-dismissable-notice-close-parent {<br /> min-height: 1em<br /> }<br /> <br /> .mmg-xpline:after {<br /> content: ','<br /> }<br /> <br /> .mmg-xpline:last-child:after {<br /> content: ''<br /> }<br /> <br /> .mmg-itemline {<br /> display: block<br /> }<br /> <br /> .discussiontable th {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .discussiontable .topic,.discussiontable .edited,.discussiontable .edited-by,.discussiontable .rg-archive {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .dpltable {<br /> margin-top: -30px<br /> }<br /> <br /> .dpltable td {<br /> padding-left: 5px<br /> }<br /> <br /> .dpltable,.discussiontable {<br /> width: 100%<br /> }<br /> <br /> .dpltable .topic,.discussiontable .topic {<br /> width: 40%<br /> }<br /> <br /> .dpltable .edited,.discussiontable .edited,.dpltable .edited-by,.discussiontable .edited-by {<br /> width: 30%<br /> }<br /> <br /> .dpltable .rg-archive,.discussiontable .rg-archive {<br /> width: 20%<br /> }<br /> <br /> body.ns-110 #ca-talk {<br /> display: none<br /> }<br /> <br /> :root {<br /> --gemw-positive-color: #6bc71f;<br /> --gemw-unchanged-color: #3ea6e6;<br /> --gemw-negative-color: #ee4231;<br /> --gemw-historical-border-color: #000<br /> }<br /> <br /> .gemw-container {<br /> max-width: 60em;<br /> margin: 4em auto<br /> }<br /> <br /> .gemw-header {<br /> display: flex;<br /> border-left-width: 0.25em;<br /> border-left-style: solid;<br /> padding-left: 1em;<br /> margin-bottom: 3em<br /> }<br /> <br /> .gemw-header.positive {<br /> border-color: var(--gemw-positive-color)<br /> }<br /> <br /> .gemw-header.negative {<br /> border-color: var(--gemw-negative-color)<br /> }<br /> <br /> .gemw-header.unchanged {<br /> border-color: var(--gemw-unchanged-color)<br /> }<br /> <br /> .gemw-header .gemw-section-left {<br /> flex: 1<br /> }<br /> <br /> .gemw-header .gemw-name {<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> margin-bottom: 0<br /> }<br /> <br /> .gemw-header .gemw-name a {<br /> color: inherit<br /> }<br /> <br /> .gemw-header .gemw-examine {<br /> color: var(--byline-color);<br /> font-size: 1.05em;<br /> font-style: italic;<br /> margin: 0 1em 1.25em 0<br /> }<br /> <br /> .gemw-header .gemw-price {<br /> display: inline-block;<br /> font-size: 2.75em;<br /> font-weight: bold<br /> }<br /> <br /> .gemw-header .gemw-price::after {<br /> content: ' coins';<br /> color: var(--byline-color);<br /> font-size: 1rem;<br /> font-weight: normal;<br /> word-spacing: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-change {<br /> display: inline-block;<br /> font-size: 1rem;<br /> font-weight: bold;<br /> margin-left: 2em;<br /> word-spacing: 0.5em<br /> }<br /> <br /> .gemw-header .gemw-change img {<br /> vertical-align: baseline<br /> }<br /> <br /> .gemw-header .gemw-section-right {<br /> text-align: right<br /> }<br /> <br /> .gemw-header .gemw-updated {<br /> color: var(--byline-color);<br /> line-height: 1.5em;<br /> margin-top: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-time {<br /> color: var(--byline-color);<br /> font-weight: bold<br /> }<br /> <br /> .gemw-body {<br /> display: flex<br /> }<br /> <br /> .gemw-body .gemw-section-left {<br /> width: 40%;<br /> margin-right: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left dl {<br /> display: flex;<br /> flex-flow: row wrap;<br /> justify-content: space-between;<br /> margin-bottom: -1.25em<br /> }<br /> <br /> .gemw-body .gemw-section-left &gt; div {<br /> margin-top: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .gemw-body .gemw-property {<br /> width: 30%;<br /> border-top: 0.15em dotted var(--body-mid);<br /> padding-top: 0.25em;<br /> margin-bottom: 1.5em<br /> }<br /> <br /> .gemw-body .gemw-property dt {<br /> color: var(--byline-color);<br /> font-weight: normal<br /> }<br /> <br /> .gemw-body .gemw-property dd {<br /> font-weight: bold;<br /> margin: -0.25em 0 0<br /> }<br /> <br /> .gemw-body .gemw-links {<br /> color: var(--byline-color);<br /> margin-bottom: 0.35em<br /> }<br /> <br /> .gemw-body .gemw-section-right {<br /> width: 60%<br /> }<br /> <br /> .gemw-body .gemw-chart {<br /> color: #eceeee;<br /> font-size: 5em;<br /> text-align: center;<br /> line-height: 5em;<br /> position: relative<br /> }<br /> <br /> .gemw-body .gemw-chart .GEChartBox,.gemw-body .gemw-chart .GEdatachart {<br /> position: relative<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header.positive,.gemw-container.gemw-historical .gemw-header.negative,.gemw-container.gemw-historical .gemw-header.neutral,.gemw-container.gemw-historical .gemw-header.unchanged {<br /> border-color: var(--gemw-historical-border-color)<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-time .jsPurgeLink,.gemw-container.gemw-historical .gemw-header .gemw-time &gt; span.plainlinks {<br /> display: none<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-section-left:after {<br /> content: &quot;This is a historical item no longer available on the Grand Exchange. The data is preserved here as an archive.&quot;;<br /> font-style: italic<br /> }<br /> <br /> #overlay {<br /> display: none;<br /> background-color: var(--ooui-window-background);<br /> height: auto;<br /> width: auto;<br /> overflow: hidden;<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> bottom: 0;<br /> left: 0;<br /> z-index: 50<br /> }<br /> <br /> #GEchartpopup g.highcharts-label text &gt; a:visited,.GEdatachart g.highcharts-label text &gt; a:visited {<br /> fill: white<br /> }<br /> <br /> #GEchartpopup {<br /> background: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> border-radius: 2px;<br /> color: var(--ooui-text);<br /> position: fixed;<br /> left: 0;<br /> right: 0;<br /> top: 1em;<br /> bottom: 1em;<br /> margin: auto;<br /> padding: 1em;<br /> max-width: 975px;<br /> z-index: 52;<br /> overflow: auto<br /> }<br /> <br /> #GEchartpopup #closepopup {<br /> float: right;<br /> margin-bottom: 5px;<br /> z-index: 100<br /> }<br /> <br /> #GEchartpopup #itemstats {<br /> bottom: 50px;<br /> font-size: 11px;<br /> position: absolute;<br /> right: 45px;<br /> width: 200px;<br /> z-index: 10<br /> }<br /> <br /> #GEchartpopup #itemstats caption {<br /> cursor: pointer;<br /> text-align: right<br /> }<br /> <br /> #GEpopupchart {<br /> height: 500px<br /> }<br /> <br /> .highcharts-container .highcharts-range-selector {<br /> font-size: 11px<br /> }<br /> <br /> .GEPermLink {<br /> float: right;<br /> font-size: 14px<br /> }<br /> <br /> .GEPermLink ~ .GEdatachart {<br /> clear: right<br /> }<br /> <br /> form[id^=&quot;chartProperties&quot;] button {<br /> margin: 3px<br /> }<br /> <br /> .smallChart .highcharts-range-selector {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-button title + rect {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-title {<br /> white-space: nowrap !important<br /> }<br /> <br /> .smallChart .zoomButton,.smallChart svg &gt; text:first-of-type,.smallChart .highcharts-input-group {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-scrollbar,.mediumChart .highcharts-scrollbar {<br /> display: none<br /> }<br /> <br /> .highcharts-background,.highcharts-plot-background {<br /> fill: transparent<br /> }<br /> <br /> .highcharts-title,.highcharts-subtitle {<br /> color: var(--text-color) !important<br /> }<br /> <br /> .highcharts-axis-title {<br /> fill: var(--text-color) !important<br /> }<br /> <br /> .highcharts-yaxis-grid .highcharts-grid-line,.highcharts-tick,.highcharts-axis-line {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-axis-labels text,.highcharts-range-selector-group text {<br /> color: var(--ooui-text) !important;<br /> fill: var(--ooui-text) !important<br /> }<br /> <br /> .highcharts-label-box {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-button-box {<br /> fill: var(--ooui-normal)<br /> }<br /> <br /> .highcharts-navigator-outline {<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-track {<br /> fill: transparent;<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-button,.highcharts-scrollbar-thumb,.highcharts-navigator-handle {<br /> fill: var(--ooui-normal);<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-scrollbar-arrow {<br /> fill: var(--ooui-text)<br /> }<br /> <br /> .highcharts-scrollbar-rifles {<br /> stroke: var(--ooui-text)<br /> }<br /> <br /> #t-print,#t-permalink {<br /> display: none<br /> }<br /> <br /> .jcConfig {<br /> display: none<br /> }<br /> <br /> #filetoc {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> border-color: transparent;<br /> margin: 0.5em auto;<br /> text-align: center;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> .smwfact {<br /> display: none<br /> }<br /> <br /> .list-header {<br /> background-color: var(--body-mid);<br /> color: inherit<br /> }<br /> <br /> .editOptions {<br /> color: var(--text-color);<br /> background-color: var(--sourceeditor-background-secondary);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .updatedmarker {<br /> background-color: #c3e8a3;<br /> color: #162e02<br /> }<br /> <br /> .mw-json th,.mw-json td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-json td {<br /> background: var(--wikitable-bg)<br /> }<br /> <br /> .mw-json th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> <br /> html {<br /> -webkit-text-size-adjust: 100%<br /> }<br /> <br /> body {<br /> background: var(--body-background-image) var(--body-background-color) top left / 1500px 375px no-repeat;<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .vector-body {<br /> font-size: 0.9em<br /> }<br /> <br /> #firstHeading {<br /> font-weight: bold<br /> }<br /> <br /> pre,code,.mw-code {<br /> color: inherit;<br /> background-color: var(--mw-code-background-color);<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> dl {<br /> margin: 0<br /> }<br /> <br /> ul {<br /> list-style-image: var(--ul-list-style-image)<br /> }<br /> <br /> hr {<br /> background: none;<br /> border-color: var(--body-border);<br /> border-style: solid;<br /> border-width: 1px 0 0 0;<br /> height: initial<br /> }<br /> <br /> fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .vector-body blockquote {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --personal-links-bg: var(--body-main);<br /> --arrow-down: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5' fill='%23444'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading {<br /> background-color: var(--vector-tab-background);<br /> padding: 1em 0.75em 0.6923em;<br /> margin: 0<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading,.vector-menu-dropdown .vector-menu-heading:hover,.vector-menu-dropdown .vector-menu-heading:focus {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading:after {<br /> background-image: var(--arrow-down);<br /> opacity: 1<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-content {<br /> border-color: transparent;<br /> background-color: var(--body-light);<br /> box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);<br /> left: 0<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item a {<br /> color: var(--link-color)<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item.selected a,.vector-menu-dropdown .mw-list-item.selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> #p-personal {<br /> background: var(--personal-links-bg);<br /> top: 0;<br /> right: 0;<br /> border-radius: 0 0 0 4px;<br /> height: 1.875em<br /> }<br /> <br /> #p-personal ul {<br /> padding: 0 1em 0 0.4375em<br /> }<br /> <br /> .vector-search-box-inner {<br /> background: var(--search-box);<br /> height: 2.5em;<br /> margin-top: 0;<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-search-box-input {<br /> color: var(--text-color);<br /> height: 100%;<br /> border: none;<br /> background: none;<br /> padding-left: 0.75em<br /> }<br /> <br /> .vector-search-box-input::placeholder {<br /> color: var(--text-color);<br /> opacity: 0.67<br /> }<br /> <br /> .vector-search-box-inner:hover .vector-search-box-input,.vector-search-box-input:focus,.vector-search-box-inner:hover .vector-search-box-input:focus {<br /> border: none;<br /> box-shadow: none<br /> }<br /> <br /> :root {<br /> --searchbutton-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13'%3E%3Cg fill='none' stroke='%238cabe6' stroke-width='2'%3E%3Cpath d='M11.29 11.71l-4-4'/%3E%3Ccircle cx='5' cy='5' r='4'/%3E%3C/g%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .searchButton[name='go'] {<br /> background: no-repeat center var(--searchbutton-icon)<br /> }<br /> <br /> .vector-search-box {<br /> margin: 0<br /> }<br /> <br /> .vector-search-box form {<br /> margin-top: 0<br /> }<br /> <br /> .suggestions-results {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-result {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions a.mw-searchSuggest-link,.suggestions a.mw-searchSuggest-link:hover,.suggestions a.mw-searchSuggest-link:active,.suggestions a.mw-searchSuggest-link:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-special {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-special .special-label {<br /> color: var(--byline-color)<br /> }<br /> <br /> .suggestions-special .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current .special-label,.suggestions-result-current .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-panel {<br /> padding-top: 2.5em<br /> }<br /> <br /> .vector-menu-portal .vector-menu-heading {<br /> color: var(--background-text-color);<br /> font-weight: bold;<br /> background: none<br /> }<br /> <br /> .vector-menu-portal .vector-menu-content li a,.vector-menu-portal .vector-menu-content li a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-logo {<br /> filter: drop-shadow(0 2px 5px rgba(0,0,0,0.25));<br /> margin: -1.5em 0 0<br /> }<br /> <br /> #n-Discord a {<br /> color: #fff !important;<br /> font-weight: bold;<br /> border-radius: 4px;<br /> border: 1px solid #4c57d0;<br /> background-color: #5865f2;<br /> display: block;<br /> position: relative;<br /> padding: 4px 4px 5px calc(17px + 6.5px * 2);<br /> box-shadow: 0 2px 3px rgba(0,0,0,0.1);<br /> transition: 0.2s<br /> }<br /> <br /> #n-Discord a::before {<br /> content: 'Chat on ';<br /> font-weight: normal;<br /> opacity: 0.85<br /> }<br /> <br /> #n-Discord a::after {<br /> content: '';<br /> background: url(/images/0/06/Discord_logo_icon1.png) no-repeat;<br /> background-size: 17px 13px;<br /> filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));<br /> position: absolute;<br /> top: 5px;<br /> left: 7px;<br /> width: 17px;<br /> height: 13px<br /> }<br /> <br /> #n-Discord a:hover {<br /> text-decoration: none;<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a {<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a:hover {<br /> background-color: #4c57d0<br /> }<br /> <br /> :root {<br /> --vector-tab-background: var(--body-background-color);<br /> --vector-tab-background--hover: var(--body-mid);<br /> --vector-tab-link-color: var(--background-link-color);<br /> --watch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='transparent' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;);<br /> --unwatch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%238cabe6' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;)<br /> }<br /> <br /> .vector-menu-tabs-legacy {<br /> padding: 0<br /> }<br /> <br /> .vector-menu-tabs-legacy .new a,.vector-menu-tabs-legacy .new a:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected {<br /> background: var(--body-main)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected a,.vector-menu-tabs-legacy .selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy li a {<br /> color: var(--vector-tab-link-color);<br /> padding: 0 0.75em;<br /> padding-top: 1em<br /> }<br /> <br /> .vector-menu-tabs-legacy li a:visited {<br /> color: var(--vector-tab-link-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul li {<br /> background: var(--vector-tab-background)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul a:hover {<br /> text-decoration: none<br /> }<br /> <br /> #ca-view {<br /> display: none !important<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected):hover,#p-cactions:hover #p-cactions-label {<br /> background: var(--vector-tab-background--hover)<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected),#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-menu-tabs,.vector-menu-tabs a,#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> background-image: none<br /> }<br /> <br /> .ve-activated .vector-menu-tabs .selected {<br /> box-shadow: none<br /> }<br /> <br /> .vector-menu-tabs #ca-watch.icon a:before,.vector-menu-tabs #ca-watch.icon a:hover:before,.vector-menu-tabs #ca-watch.icon a:focus:before {<br /> background-image: var(--watch-icon)<br /> }<br /> <br /> .vector-menu-tabs #ca-unwatch.icon a:before,.vector-menu-tabs #ca-unwatch.icon a:hover:before,.vector-menu-tabs #ca-unwatch.icon a:focus:before {<br /> background-image: var(--unwatch-icon)<br /> }<br /> <br /> #p-Recent_changes {<br /> display: block<br /> }<br /> <br /> #p-Recent_changes .vector-menu-content {<br /> display: none<br /> }<br /> <br /> #p-Recent_changes .vector-menu-heading:after {<br /> content: '';<br /> position: relative;<br /> left: 0.5em;<br /> display: inline-block;<br /> background-color: #3c7b07;<br /> width: 6px;<br /> height: 6px;<br /> border-radius: 100%<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-item {<br /> position: relative;<br /> font-size: 0.75em;<br /> margin: 0.5em 0.25em 0 0.66em<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page {<br /> display: block;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden;<br /> max-width: max-content<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page,#p-Recent_changes .rc-sidebar-page:active,#p-Recent_changes .rc-sidebar-page:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user {<br /> color: var(--byline-color);<br /> margin: 0;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user a {<br /> color: inherit<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more {<br /> text-align: left<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more .rc-sidebar-page {<br /> display: inline-block<br /> }<br /> <br /> div.thumbinner {<br /> border: none;<br /> background-color: var(--thumb-bg);<br /> padding: 0<br /> }<br /> <br /> .thumbimage {<br /> background-color: transparent;<br /> border-color: transparent;<br /> border-bottom: none<br /> }<br /> <br /> .thumbcaption {<br /> background: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border)<br /> }<br /> <br /> .toc {<br /> font-size: 0.9em;<br /> background: var(--toc-bg);<br /> margin-top: 1em;<br /> padding: 0;<br /> border-color: var(--toc-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> clear: left<br /> }<br /> <br /> .toc .toctitle {<br /> background: var(--toc-title-bg);<br /> padding: 0.25em 1em<br /> }<br /> <br /> .toc .toctitle h2 {<br /> font-family: inherit<br /> }<br /> <br /> .toc &gt; ul {<br /> line-height: 1.8em;<br /> padding: 0.75em 1.75em;<br /> margin: 0<br /> }<br /> <br /> .toc ul ul {<br /> border-left: 1px dotted var(--toc-list-border-color);<br /> padding-left: 0.5em<br /> }<br /> <br /> .tocnumber {<br /> display: none<br /> }<br /> <br /> .toctogglespan {<br /> padding-left: 0.2em;<br /> font-size: 0.9em<br /> }<br /> <br /> .toctogglelabel {<br /> color: var(--link-color)<br /> }<br /> <br /> .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 {<br /> display: none<br /> }<br /> <br /> :root {<br /> --external-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238cabe6' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image: var(--external-icon);<br /> background-size: 0.833em<br /> }<br /> <br /> .mw-editsection {<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type),.mw-editsection-divider {<br /> color: var(--text-color)<br /> }<br /> <br /> #contentSub,#contentSub2 {<br /> color: var(--byline-color);<br /> margin: 0<br /> }<br /> <br /> #contentSub:not(:empty),#contentSub2:not(:empty) {<br /> margin: 0 0 1.4em 0<br /> }<br /> <br /> .mw-collapsible.mw-collapsed {<br /> min-width: 250px<br /> }<br /> <br /> .mw-collapsible:not(.mw-made-collapsible) th::before,.mw-collapsible .mw-collapsible-toggle {<br /> font-weight: normal;<br /> margin-left: 0.2em<br /> }<br /> .mw-collapsible-toggle-default .mw-collapsible-text {<br /> color: #8cabe6;<br /> }<br /> .wikiEditor-ui .wikiEditor-ui-view,.wikiEditor-ui .wikiEditor-ui-top {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar {<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab &gt; a,.wikiEditor-ui-toolbar .tabs span.tab &gt; a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a.current,.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br /> color: var(--text-colour)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select {<br /> background-color: var(--sourceeditor-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options .option {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group-search {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table td {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table th {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .section {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .group &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .tool &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet &gt; .index &gt; :hover {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet .index &gt; .current {<br /> background-color: var(--body-mid);<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span:hover {<br /> border-color: var(--body-dark);<br /> background-color: transparent<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a:before,.wikiEditor-ui-toolbar .group .tool-select .label:after {<br /> background: var(--text-color);<br /> -webkit-mask: var(--arrow-down) center no-repeat;<br /> mask: var(--arrow-down) center no-repeat<br /> }<br /> <br /> .ace-tm {<br /> background-color: var(--sourceeditor-input-background);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter {<br /> background: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-cell {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-active-line {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .ace_search {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ace_search_field {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .ace_searchbtn {<br /> border-color: var(--ooui-normal-border);<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ace_searchbtn:last-child {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .ace_searchbtn:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .ace_searchbtn.prev:after,.ace_searchbtn.next:after {<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .ace_button {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace_button:hover {<br /> background-color: rgba(0,23,70,0.086)<br /> }<br /> <br /> .ace_button:active {<br /> background-color: rgba(0,23,70,0.06)<br /> }<br /> <br /> .ace_button.checked {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .CodeMirror {<br /> background: var(--sourceeditor-input-background)<br /> }<br /> <br /> .CodeMirror pre {<br /> color: var(--text-color)<br /> }<br /> <br /> .codeEditor-status {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .codeEditor-status-message {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-gutters {<br /> background-color: var(--codemirror-gutter-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-linenumber {<br /> color: var(--text-color)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget .CodeMirror-linenumber {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-editform #wpTextbox1 {<br /> color: var(--text-color);<br /> background: var(--sourceeditor-input-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> input[name=&quot;model&quot;][value=&quot;Scribunto&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;css&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;less&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;javascript&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;json&quot;] ~ .wikiEditor-ui #wpTextbox1 {<br /> height: 600px<br /> }<br /> <br /> .tdg-templateDataDialog-listParamsPanel textarea.oo-ui-textInputWidget-autosized {<br /> resize: vertical<br /> }<br /> <br /> #wpAceFilterEditor {<br /> resize: horizontal<br /> }<br /> <br /> .warn-userupload,.ns-2 .upload-own-work {<br /> display: none<br /> }<br /> <br /> .ns-2 .warn-userupload {<br /> display: inline<br /> }<br /> <br /> textarea[name=&quot;wfUploadDescription&quot;] {<br /> height: 3em<br /> }<br /> <br /> #editform {<br /> margin-top: 1.25em<br /> }<br /> <br /> #mw-scribunto-input,#mw-scribunto-output {<br /> padding: 3px;<br /> font-family: monospace;<br /> font-size: 13px;<br /> line-height: 1.5em<br /> }<br /> <br /> #mw-scribunto-input {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> :root {<br /> --scribuntoconsole-input: #0b5884;<br /> --scibuntoconsole-print: #a48900;<br /> --scribuntoconsole-error: #9f261e;<br /> --scribuntoconsole-message: #3c780a;<br /> --scribuntoconsole-tabcomplete: #4f348b;<br /> --scribuntoconsole-clear: #9f261e<br /> }<br /> <br /> .mw-scribunto-console-fieldset {<br /> color: inherit;<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-scribunto-normalOutput,.mw-scribunto-print,.mw-scribunto-error,.mw-scribunto-propList,.mw-scribunto-message,.mw-scribunto-tabcomplete {<br /> background: none<br /> }<br /> <br /> .mw-scribunto-input {<br /> color: var(--scribuntoconsole-input)<br /> }<br /> <br /> .mw-scribunto-normalOutput {<br /> color: inherit<br /> }<br /> <br /> .mw-scribunto-print {<br /> color: var(--scibuntoconsole-print)<br /> }<br /> <br /> .mw-scribunto-error {<br /> color: var(--scribuntoconsole-error)<br /> }<br /> <br /> .mw-scribunto-propList,.mw-scribunto-message {<br /> color: var(--scribuntoconsole-message)<br /> }<br /> <br /> .mw-scribunto-tabcomplete {<br /> color: var(--scribuntoconsole-tabcomplete)<br /> }<br /> <br /> .mw-scribunto-clear {<br /> color: var(--scribuntoconsole-clear);<br /> border-bottom-color: var(--scribuntoconsole-clear)<br /> }<br /> <br /> .ui-widget-overlay {<br /> background: var(--ooui-window-background)<br /> }<br /> <br /> .ui-dialog,.ui-widget-content {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> background-image: none;<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar.ui-widget-header,.ui-widget-content .ui-dialog-titlebar.ui-widget-header {<br /> background-image: none !important;<br /> background-color: var(--body-dark) !important;<br /> border-color: var(--body-border) !important<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar .ui-dialog-title,.ui-widget-content .ui-dialog-titlebar .ui-dialog-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close,.ui-widget-content .ui-dialog-titlebar-close {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close:hover,.ui-widget-content .ui-dialog-titlebar-close:hover {<br /> background: var(--ooui-normal--hover);<br /> border: var(--link-color)<br /> }<br /> <br /> .ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {<br /> background: var(--ooui-normal) !important;<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border) !important<br /> }<br /> <br /> .ui-button:hover,.ui-state-default:hover,.ui-widget-content .ui-state-default:hover,.ui-widget-header .ui-state-default:hover {<br /> background: var(--ooui-normal--hover) !important;<br /> color: var(--ooui-text)<br /> }<br /> <br /> .infobox {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> font-size: 0.85em;<br /> width: 300px;<br /> margin: 0.5em 0 1em 1em;<br /> border-collapse: collapse;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> table-layout: fixed;<br /> word-break: break-word<br /> }<br /> <br /> .infobox .infobox-header {<br /> color: var(--infobox-text-color);<br /> font-size: 1.15em;<br /> line-height: 1.4em;<br /> background: var(--body-dark);<br /> padding: 0.5em 0<br /> }<br /> <br /> .infobox .infobox-header a {<br /> color: inherit;<br /> font-size: 1.15em;<br /> font-weight: bold<br /> }<br /> <br /> .infobox .infobox-subheader {<br /> background: var(--body-dark);<br /> color: var(--infobox-text-color);<br /> line-height: 2em<br /> }<br /> <br /> .infobox .infobox-subheader a {<br /> color: inherit<br /> }<br /> <br /> .infobox .infobox-subheader + .infobox-subheader {<br /> border-left: 2px solid var(--body-light)<br /> }<br /> <br /> .infobox .infobox-image {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-image.inventory-image {<br /> height: 32px<br /> }<br /> <br /> .infobox .infobox-image a.image + a.image {<br /> margin-left: 0.1em<br /> }<br /> <br /> .infobox .infobox-image img {<br /> max-width: 300px;<br /> height: auto<br /> }<br /> <br /> .infobox th:not(.infobox-header):not(.infobox-subheader):not(.infobox-nested) {<br /> text-align: right;<br /> vertical-align: top;<br /> border-right: 2px solid var(--body-dark);<br /> padding: 0.2em 0.5em<br /> }<br /> <br /> .infobox td {<br /> padding: 0.25em 0.5em;<br /> line-height: 1.6em<br /> }<br /> <br /> .infobox td.infobox-nested {<br /> padding: 0.25em 0;<br /> line-height: 1em<br /> }<br /> <br /> .infobox th ~ td {<br /> vertical-align: top<br /> }<br /> <br /> .infobox .infobox-padding {<br /> height: 0.5em;<br /> padding: 0;<br /> border: 0<br /> }<br /> <br /> .infobox .infobox-nested {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-nested + .infobox-nested {<br /> border-left: 2px solid var(--body-dark)<br /> }<br /> <br /> .infobox .infobox-cell-hidden {<br /> display: none<br /> }<br /> <br /> .infobox .infobox-full-width-content {<br /> max-width: 300px;<br /> text-align: center;<br /> overflow: hidden;<br /> padding: 0<br /> }<br /> <br /> .infobox .infobox-caption {<br /> font-weight: bold<br /> }<br /> <br /> .infobox select {<br /> max-width: 300px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .infobox-item .infobox-image {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .infobox.skill-info {<br /> float: none;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses {<br /> clear: left;<br /> float: none;<br /> word-break: break-word;<br /> font-size: 100%;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image {<br /> width: 125px;<br /> text-align: center;<br /> vertical-align: middle;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image-caption {<br /> font-size: 0.85em<br /> }<br /> <br /> .infobox-bonuses .infobox-subheader {<br /> width: 250px<br /> }<br /> <br /> .skill-info a[href$=&quot;?action=edit&quot;] + a[href$=&quot;?action=edit&quot;] {<br /> display: none<br /> }<br /> <br /> .poh-room {<br /> background-color: var(--infobox-room-poh-color);<br /> margin: auto;<br /> width: 100px<br /> }<br /> <br /> .poh-room img {<br /> display: block<br /> }<br /> <br /> .poh-room-row {<br /> display: flex<br /> }<br /> <br /> .poh-room-text {<br /> margin: auto;<br /> width: 92px<br /> }<br /> <br /> .infobox-buttons {<br /> text-align: center;<br /> max-width: 300px;<br /> display: none<br /> }<br /> <br /> .infobox-switch-resources {<br /> display: none<br /> }<br /> <br /> .switch-infobox .switch-infobox-triggers,.switch-infobox .loading-button {<br /> clear: left<br /> }<br /> <br /> .infobox-pure .max-hit-list a {<br /> display: inline-block;<br /> min-width: 32px;<br /> min-height: 32px;<br /> text-align: center<br /> }<br /> <br /> .advanced-data {<br /> display: none<br /> }<br /> <br /> .multi-infobox .infobox {<br /> margin: 0<br /> }<br /> <br /> :root {<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--body-dark);<br /> --navbox-group-title-background: var(--body-mid)<br /> }<br /> <br /> .navbox {<br /> font-size: 0.85em;<br /> background: var(--navbox-background);<br /> border-collapse: collapse;<br /> margin: 1em auto 0;<br /> width: 100%;<br /> clear: both;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .navbox img {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .navbox .navbox {<br /> font-size: 100%;<br /> margin: 0.5em auto 0;<br /> box-shadow: none<br /> }<br /> <br /> .navbox-title {<br /> font-size: 110%;<br /> line-height: 1.6em;<br /> background: var(--navbox-title-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-title-name {<br /> margin: 0 4em<br /> }<br /> <br /> .navbox-title .mw-collapsible-toggle {<br /> color: #fff;<br /> font-size: 0.9em;<br /> text-align: right<br /> <br /> }<br /> <br /> .navbox-title .navbox {<br /> font-size: 100%<br /> }<br /> <br /> .navbox-group:nth-child(2) {<br /> border-top: 1px solid var(--navbox-border)<br /> }<br /> <br /> .navbox-group-title {<br /> background: var(--navbox-group-title-background);<br /> border: 1px solid var(--navbox-border);<br /> border-width: 0 1px 1px 0;<br /> text-align: left;<br /> padding: 0.25em 1em;<br /> width: 1%;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list {<br /> border-bottom: 1px solid var(--navbox-border);<br /> padding: 0.25em 0.5em<br /> }<br /> <br /> .navbox-list ul {<br /> margin: 0<br /> }<br /> <br /> .navbox-list li {<br /> display: inline;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list li + li::before {<br /> content: '• '<br /> }<br /> <br /> .navbox-parent {<br /> padding: 0<br /> }<br /> <br /> .navbox-subgroup {<br /> border-collapse: collapse;<br /> border-spacing: 0;<br /> width: 100%<br /> }<br /> <br /> .navbox-subgroup &gt; tbody &gt; tr:last-child &gt; th,.navbox-subgroup &gt; tbody &gt; tr:last-child &gt; td {<br /> border-bottom: none<br /> }<br /> <br /> .navbox-footer {<br /> background: var(--navbox-footer-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-data {<br /> display: none<br /> }<br /> <br /> :root {<br /> --echo-icon-moon-bg-image: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='21' viewBox='0 0 21 21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.85464918.37900488c-1.91149353 1.51069427-3.13816124 3.84973402-3.13816124 6.47527736 0 4.55564936 3.69308349 8.24873286 8.24873286 8.24873286 2.5815709 0 4.8861545-1.1859235 6.3986798-3.0426994-.8206378 4.7389755-4.9523867 8.343122-9.9259291 8.343122-5.56375572 0-10.07407088-4.5103151-10.07407088-10.0740709 0-5.02506013 3.67919933-9.19079725 8.49074856-9.95036192z' fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-person-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213.836%22 viewBox=%220 0 12 13.836%22%3E %3Cpath fill='%234c4c4c' d=%22M1.938%2C6.656c-1.32%2C1.485-1.47%2C3.15-0.97%2C4.25c0.323%2C0.707%2C0.78%2C1.127%2C1.313%2C1.375 c0.496%2C0.229%2C1.074%2C0.273%2C1.658%2C0.282c0.023%2C0%2C0.04%2C0.03%2C0.062%2C0.03h4.187c0.61%2C0%2C1.225-0.125%2C1.75-0.405 c0.527-0.28%2C0.961-0.718%2C1.188-1.376c0.335-0.964%2C0.175-2.529-1.094-4.03C9.094%2C7.954%2C7.68%2C8.719%2C6.065%2C8.719 c-1.677%2C0-3.182-0.812-4.125-2.063H1.938z%22/%3E %3Cpath fill='%234c4c4c' d=%22M6.063%2C0c-1.89%2C0-3.595%2C1.674-3.594%2C3.563C2.467%2C5.45%2C4.173%2C7.155%2C6.06%2C7.155 c1.89%2C0%2C3.564-1.705%2C3.563-3.593C9.625%2C1.673%2C7.95%2C0%2C6.063%2C0L6.063%2C0z%22/%3E %3C/svg%3E&quot;);<br /> --echo-icon-bell-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebell%3C/title%3E%3Cpath d=%22M16 7a5.38 5.38 0 00-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 004 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 003-3H7a3 3 0 003 3z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-tray-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etray%3C/title%3E%3Cpath d=%22M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-fullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M1 1v6h2V3h4V1zm2 12H1v6h6v-2H3zm14 4h-4v2h6v-6h-2zm0-16h-4v2h4v4h2V1z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;);<br /> --echo-icon-exitFullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E exit fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M7 7V1H5v4H1v2zM5 19h2v-6H1v2h4zm10-4h4v-2h-6v6h2zm0-8h4V5h-4V1h-2v6z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-user-menu-legacy #pt-userpage a,.vector-user-menu-legacy #pt-anonuserpage {<br /> background-image: var(--echo-icon-person-bg-image);<br /> padding-top: 0;<br /> background-position-y: 0<br /> }<br /> <br /> .vector-user-menu-legacy #pt-anonuserpage {<br /> color: var(--byline-color)<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge,#pt-notifications-notice .mw-echo-notifications-badge {<br /> background-size: 75%;<br /> background-position: center 80%;<br /> background-repeat: no-repeat;<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .oo-ui-icon-bell {<br /> background-image: var(--echo-icon-bell-bg-image)<br /> }<br /> <br /> #pt-notifications-notice .oo-ui-icon-tray {<br /> background-image: var(--echo-icon-tray-bg-image)<br /> }<br /> <br /> #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-exitFullscreen-bg-image)<br /> }<br /> <br /> body.wgl-fixedWidth #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-fullscreen-bg-image)<br /> }<br /> <br /> #pt-theme-toggles .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-moon-bg-image)<br /> }<br /> <br /> #pt-anontalk {<br /> padding-top: 0.6em<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul {<br /> margin: 5px 0 0 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> margin: 5px 0 0 15px<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul,.ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> list-style: none;<br /> border-left: 1px dashed var(--transcript-border-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul:hover,.transcript &gt; ul:hover,.ns-120 .mw-parser-output &gt; ul ul:hover,.transcript &gt; ul ul:hover,.ns-120 .mw-parser-output &gt; ul ol:hover,.transcript &gt; ul ol:hover {<br /> border-color: var(--transcript-border-hover-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li,.transcript &gt; ul li,.ns-120 .mw-parser-output &gt; ul ul li,.transcript &gt; ul ul li,.ns-120 .mw-parser-output &gt; ul ol li,.transcript &gt; ul ol li {<br /> flex-direction: column;<br /> padding-left: 15px;<br /> margin: 14px 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li:last-of-type,.transcript &gt; ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ul li:last-of-type,.transcript &gt; ul ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ol li:last-of-type,.transcript &gt; ul ol li:last-of-type {<br /> margin-bottom: 0<br /> }<br /> <br /> .nodesktop {<br /> display: none<br /> }<br /> <br /> /*<br /> The following styles were used as a temporary fix for TabberNeue.<br /> We're currently using old Tabber because TabberNeue breaks if a tab<br /> dynamically changes size, such as multi-infobox.<br /> */<br /> <br /> :root {<br /> --tabber-inactive-tab-bg: #222e45;<br /> --tabber-fade-scroll: linear-gradient(to bottom,rgba(226,219,200,0),#d8ccb4 95%,#94866d);<br /> }<br /> <br /> .tabber__tabs {<br /> gap: 1px;<br /> }<br /> <br /> .tabber__tab {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> padding: 0.5em 0.8em;<br /> border: 1px solid var(--body-border);<br /> border-bottom: 0;<br /> }<br /> <br /> .tabber__tabs .tabber__tab {<br /> color: var(--text-color);<br /> }<br /> <br /> /* Specific styles needed to override color on Minerva. */<br /> body.mediawiki .tabber a:visited, <br /> body.mediawiki .tabber image a:visited,<br /> body.mediawiki .tabber a:active, <br /> body.mediawiki .tabber image a:active {<br /> color: var(--text-color);<br /> }<br /> <br /> .tabber__tab:active {<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab:hover {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab--active, .tabber__tab--active:visited {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__header, .tabber__section, .tabber__tabs {<br /> scroll-behavior: unset;<br /> box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* Add box shadow to tabber header */<br /> }<br /> <br /> .tabber__panel {<br /> /* Hide non-active tabs. */<br /> /* display:none conflicted with tabber somehow and hid all tabs. */<br /> width: 250;<br /> }<br /> <br /> .tabber__panel.tabber__panel--active {<br /> width: 300;<br /> }<br /> <br /> .tabber__section {<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> overflow-y: scroll;<br /> padding-bottom: 30px; /* only necessary for fade scroll hack */<br /> height: auto; /* Example height */<br /> width: auto; /* Example width */<br /> max-width: 1300px; /* Example max-width */<br /> }<br /> <br /> .tabber__panel {<br /> padding: 1em 1.5em;<br /> }<br /> <br /> .wikitable.hover th:hover {<br /> cursor: help;<br /> /* Add any additional styles specific to hovering over table headers */<br /> }<br /> <br /> /* Hover Box for switching the visibility of the selected item */<br /> .hoverbox { <br /> display:inline-block; <br /> padding:0em; <br /> color: white; /* Change this to the desired color */<br /> }<br /> <br /> .hoverbox .hoveritem { <br /> display:none; <br /> margin:0em; <br /> padding:0em; <br /> }<br /> <br /> .hoverbox .hoveritem.selected { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem.selected { <br /> display:none; <br /> }<br /> /* Style for the entire tier list */<br /> .tierlist {<br /> display: flex;<br /> gap: 20px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* Style for individual tiers */<br /> .tier {<br /> border: 1px solid #ccc;<br /> padding: 10px;<br /> width: 200px;<br /> min-height: 150px;<br /> background: #f9f9f9;<br /> border-radius: 8px;<br /> }<br /> <br /> /* Title for each tier */<br /> .tier h3 {<br /> text-align: center;<br /> margin-top: 0;<br /> }<br /> <br /> /* Style for the sortable list */<br /> .sortable {<br /> list-style: none;<br /> padding: 0;<br /> margin: 0;<br /> min-height: 50px;<br /> }<br /> <br /> /* Style for the dropdown selector */<br /> .tier-selector {<br /> width: 100%;<br /> padding: 5px;<br /> margin-top: 5px;<br /> }<br /> .collection-log-wrapper {<br /> margin: 10px 0;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .collection-log-killcount {<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> }<br /> <br /> .collection-log-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6, 48px);<br /> gap: 4px;<br /> padding: 6px 0;<br /> }<br /> <br /> <br /> .collection-log-item {<br /> width: 48px;<br /> height: 48px;<br /> border: 2px solid transparent; /* border only on container */<br /> border-radius: 4px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> position: relative;<br /> background-color: #1a2a3a;<br /> box-sizing: border-box;<br /> }<br /> <br /> .collection-log-item.obtained {<br /> border-color: #4caf50;<br /> background-color: #224422;<br /> }<br /> <br /> .collection-log-item.missing {<br /> border-color: #ffc107;<br /> background-color: #3a2a1a;<br /> }<br /> <br /> .collection-log-item img {<br /> max-width: 36px;<br /> max-height: 36px;<br /> object-fit: contain;<br /> border-radius: 2px;<br /> border: none; /* remove border here */<br /> opacity: 1;<br /> filter: none;<br /> }<br /> <br /> .collection-log-item.missing img {<br /> opacity: 0.3;<br /> filter: grayscale(100%);<br /> }<br /> <br /> .collection-log-qty-badge {<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> background: rgba(0, 0, 0, 0.7);<br /> color: white;<br /> font-size: 12px;<br /> font-weight: bold;<br /> line-height: 1;<br /> padding: 1px 4px;<br /> border-radius: 3px 0 0 0;<br /> user-select: none;<br /> }<br /> .collection-log-killcount-box {<br /> border: 2px solid black;<br /> background-color: #534d41;<br /> color: cyan;<br /> padding: 0.5em 1em;<br /> margin-bottom: 8px;<br /> text-align: center;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .ace_keyword { color: #c586c0 !important; }<br /> .ace_string { color: #ce9178 !important; }<br /> .ace_comment { color: #6a9955 !important; font-style: italic; }<br /> .ace_function { color: #dcdcaa !important; }<br /> .ace_constant { color: #569cd6 !important; }<br /> <br /> .mw-highlight .nf {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> .mw-highlight .nc {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> <br /> /* Highlight row on hover */<br /> .wikitable.lighttable tr:hover {<br /> background-color: #526382; /* dark blue highlight */<br /> color: #ffffff; /* readable text */<br /> }<br /> .custom-dropdown { position: relative; width: 150px; cursor: pointer; }<br /> .custom-dropdown .selected { background: #313e59; color: white; padding: 5px; border-radius: 4px; }<br /> .custom-dropdown .options { display: none; position: absolute; background: #222e45; top: 100%; left: 0; width: 100%; border-radius: 4px; z-index: 10; }<br /> .custom-dropdown .options div { padding: 5px; display: flex; align-items: center; }<br /> .custom-dropdown .options div:hover { background: #313e59; }<br /> .custom-dropdown .options div img.icon { width:16px; height:16px; margin-right:5px; }<br /> <br /> /* =========================<br /> Tier List<br /> ========================= */<br /> <br /> <br /> /* Main wrapper */<br /> <br /> .tier-list {<br /> margin:0;<br /> padding:0;<br /> }<br /> <br /> <br /> /* Tier rows */<br /> <br /> .tier-row {<br /> display:flex;<br /> height:64px;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> <br /> /* Tier labels */<br /> <br /> .tier-label {<br /> width:60px;<br /> height:60px;<br /> <br /> display:flex;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> font-size:42px;<br /> line-height:1;<br /> font-weight:bold;<br /> color:white;<br /> }<br /> <br /> <br /> /* Tier colours */<br /> <br /> .tier-s {<br /> background:#ff7f7f;<br /> }<br /> <br /> .tier-a {<br /> background:#ffbf7f;<br /> }<br /> <br /> .tier-b {<br /> background:#ffdf7f;<br /> }<br /> <br /> .tier-c {<br /> background:#ffff7f;<br /> color:black;<br /> }<br /> <br /> .tier-d {<br /> background:#bfff7f;<br /> }<br /> <br /> .tier-f {<br /> background:#7fbfff;<br /> }<br /> <br /> <br /> /* Drop areas */<br /> <br /> .tier-items {<br /> flex:1;<br /> height:64px;<br /> <br /> display:flex;<br /> align-items:center;<br /> flex-wrap:wrap;<br /> <br /> padding:3px;<br /> gap:3px;<br /> <br /> background:#222;<br /> border:1px dashed #777;<br /> <br /> margin:0 !important;<br /> }<br /> <br /> <br /> /* =========================<br /> Items<br /> ========================= */<br /> <br /> .tier-item {<br /> width:64px;<br /> height:64px;<br /> <br /> display:flex !important;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> cursor:grab;<br /> border-radius:5px;<br /> overflow:hidden;<br /> <br /> line-height:0;<br /> }<br /> <br /> <br /> /* Drag */<br /> <br /> .tier-item:active {<br /> cursor:grabbing;<br /> }<br /> <br /> <br /> /* MediaWiki wrapper fixes */<br /> <br /> .tier-item p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> display:flex !important;<br /> line-height:0 !important;<br /> }<br /> <br /> .tier-item span {<br /> display:flex !important;<br /> }<br /> <br /> .tier-item a {<br /> display:flex !important;<br /> width:64px;<br /> height:64px;<br /> <br /> align-items:center;<br /> justify-content:center;<br /> }<br /> <br /> <br /> /* Images */<br /> <br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> width:64px !important;<br /> height:64px !important;<br /> <br /> max-width:64px !important;<br /> max-height:64px !important;<br /> <br /> object-fit:contain !important;<br /> <br /> image-rendering:pixelated;<br /> image-rendering:crisp-edges;<br /> }<br /> <br /> <br /> /* =========================<br /> Reward Pool<br /> ========================= */<br /> <br /> .reward-pool {<br /> display:flex;<br /> flex-wrap:wrap;<br /> gap:5px;<br /> <br /> padding:5px;<br /> margin:8px 0;<br /> }<br /> <br /> <br /> /* =========================<br /> Rarity backgrounds<br /> ========================= */<br /> <br /> .gold-item {<br /> background:rgba(212,175,55,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .silver-item {<br /> background:rgba(192,192,192,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .bronze-item {<br /> background:rgba(205,127,50,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .tier-list p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .tier-list p br {<br /> display:none !important;<br /> }<br /> <br /> /* Stop hover shifting */<br /> <br /> .tier-item,<br /> .tier-item a,<br /> .tier-item span,<br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> transform:none !important;<br /> }<br /> <br /> .tier-item a:hover,<br /> .tier-item img:hover,<br /> .tier-item .mw-file-element:hover {<br /> transform:none !important;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 .firstHeading {<br /> display:none;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 #contentSub {<br /> display:none !important;<br /> }</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:Common.css&diff=28895 2026-07-18T10:18:18Z

<p>Hefner: </p> <hr /> <div>:root {<br /> --body-background-image: url('filepath://Roat Pkz Wiki background darkmode1.jpg');<br /> --body-background-color: #071022;<br /> --body-main: #172136;<br /> --body-light: #313e59;<br /> --body-mid: #222e45;<br /> --body-dark: #222e45;<br /> --body-border: #596e96;<br /> --link-color: #8cabe6;<br /> --background-link-color: var(--link-color);<br /> --redlink-color: #f26d60;<br /> --text-color: #cbd9f4;<br /> --background-text-color: #cbd9f4;<br /> --byline-color: #98a2b6;<br /> --subtle-color: var(--byline-color);<br /> --search-box: var(--body-light);<br /> --admin-blue: #0087ff;<br /> --bearcat-green: #00ff55;<br /> --awb-purple: #f319ff;<br /> --sidebar: #222e45;<br /> --button-background: #617ebc;<br /> --button-dark: #617ebc;<br /> --button-border: #617ebc;<br /> --button-light: #617ebc;<br /> --wikitable-header-bg: #222e45;<br /> --wikitable-border: #172136;<br /> --wikitable-bg: #313e59;<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --wikitable-alternating-bg: #2a3651;<br /> --table-na-background: rgba(0, 0, 0, 0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #0b5884;<br /> --droptable-common-background: #3c780a;<br /> --droptable-uncommon-background: #a48900;<br /> --droptable-rare-background: #b55e0c;<br /> --droptable-veryrare-background: #9f261e;<br /> --droptable-random-background: #984c89;<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);<br /> --tile-border-color: var(--body-border);<br /> --tile-background-color: var(--body-light);<br /> --tile-link-button-color: var(--body-mid);<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255, 255, 255, 0.7);<br /> --tile-dark-header-color: #fff;<br /> --documentation-background: var(--body-light);<br /> --documentation-border: var(--sidebar);<br /> --documentation-link-color: var(--link-color);<br /> --documentation-headers-color: var(--text-color);<br /> --documentation-header-background: var(--body-dark);<br /> --documentation-subheader-background: #1f293e;<br /> --base-text-color: var(--text-color);<br /> --base-heading-color: var(--text-color);<br /> --base-heading-border: var(--sidebar);<br /> --mainpage-recent-updates-description-color: var(--text-color);<br /> --thumb-bg: var(--body-mid);<br /> --thumb-caption-bg: var(--body-light);<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid);<br /> --diff-addedline-background: #438ab5;<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-color: #fff;<br /> --diff-deletedline-background: #379541;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-color: #fff;<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: var(--errorbox-bg);<br /> --warningbox-border: var(--errorbox-border);<br /> --successbox-bg: #2e5e05;<br /> --successbox-border: #3c780a;<br /> --messagebox-obsolete-background: #464646;<br /> --messagebox-obsolete-border: #333;<br /> --messagebox-obsolete-color: #ddd;<br /> --messagebox-obsolete-link-color: #bbb;<br /> --messagebox-info-background: var(--messagebox-obsolete-background);<br /> --messagebox-info-border: var(--messagebox-obsolete-border);<br /> --messagebox-info-color: var(--messagebox-obsolete-color);<br /> --messagebox-info-link-color: var(--messagebox-obsolete-link-color);<br /> --messagebox-action-background: #45697d;<br /> --messagebox-action-border: #2d5266;<br /> --messagebox-action-color: var(--text-color);<br /> --messagebox-action-link-color: #b8d5e5;<br /> --messagebox-warn-background: #95271b;<br /> --messagebox-warn-border: #6b130a;<br /> --messagebox-warn-color: #f8ebe9;<br /> --messagebox-warn-link-color: #e8b8b3;<br /> --messagebox-safe-background: #1b8408;<br /> --messagebox-safe-border: #126802;<br /> --messagebox-safe-color: #e9f6e7;<br /> --messagebox-safe-link-color: #c1e0bb;<br /> --messagebox-disambig-background: var(--messagebox-obsolete-background);<br /> --messagebox-disambig-border: var(--messagebox-obsolete-border);<br /> --messagebox-disambig-color: var(--messagebox-obsolete-color);<br /> --messagebox-disambig-link-color: var(--messagebox-obsolete-link-color);<br /> --mw-code-background-color: #222e45;<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-mid);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border);<br /> --scribuntoconsole-input: #3ea6e6;<br /> --scibuntoconsole-print: #f9d000;<br /> --scribuntoconsole-error: #ee4231;<br /> --scribuntoconsole-message: #6bc71f;<br /> --scribuntoconsole-tabcomplete: #855cd8;<br /> --scribuntoconsole-clear: #ee4231;<br /> --blockquote-color: var(--text-color);<br /> --coins-color: #6bc71f;<br /> --coins-pos-color: #3ea6e6;<br /> --coins-neg-color: #ee4231;<br /> --questdetails-header-background: var(--body-dark);<br /> --questdetails-header-background-alt: var(--body-dark);<br /> --fact-text-color: #3ea6e6;<br /> --production-selected-background: #3c780a;<br /> --production-selected-color: #fff;<br /> --wikipedia-border: var(--body-border);<br /> --wikipedia-background: var(--body-light);<br /> --keypress-background: var(--body-light);<br /> --keypress-border: var(--body-border);<br /> --keypress-color: var(--text-color);<br /> --ajaxpoll-background: var(--body-light);<br /> --ajaxpoll-text-color: var(--base-text-color);<br /> --ajaxpoll-answerbar-background: var(--body-mid);<br /> --ajaxpoll-answerbar-border: var(--body-border);<br /> --rc-negative-color: #ee4231;<br /> --rc-positive-color: #6bc71f;<br /> --filter-black-to-link: invert(63%) sepia(67%) saturate(242%) hue-rotate(182deg) brightness(93%) contrast(94%);<br /> --transcript-border-color: #596e96;<br /> --transcript-border-hover-color: #8596b7;<br /> --transcript-strikethrough-color: #fff;<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--navbox-title-background);<br /> --navbox-group-title-background: var(--navbox-title-background);<br /> --infobox-bg: var(--body-light);<br /> --infobox-border: var(--body-border);<br /> --infobox-header: var(--body-dark);<br /> --infobox-subheader: var(--body-mid);<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #444e5a;<br /> --sourceeditor-input-background: var(--body-mid);<br /> --sourceeditor-background: var(--body-light);<br /> --sourceeditor-background-secondary: var(--body-mid);<br /> --sourceeditor-border: var(--body-main);<br /> --codemirror-gutter-background: var(--body-light);<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border);<br /> --vector-tab-background: #222e45;<br /> --vector-tab-background--hover: #293753;<br /> --vector-tab-link-color: var(--background-link-color);<br /> --lighttable-bg-hover: #3c780a;<br /> --lighttable-bg-active: #2e5e05;<br /> --lighttable-link-color: #c3e8a3;<br /> --personal-links-bg: rgba(7, 16, 34, 0.75);<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg, #315d30 0 20px, #13421e 20px 30px);<br /> --tbz-unlocked-border-color: #00e417;<br /> --tbz-locked-background-color: #8a2525;<br /> --tbz-locked-border-color: #b32828;<br /> --tbz-partial-unlock-background: #5a5a5a;<br /> --tbz-partial-unlock-border-color: #13421e;<br /> }<br /> <br /> <br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape.woff2?17907) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: bold;<br /> src: local(&quot;RuneScape Bold&quot;),local(&quot;RuneScape Bold 12&quot;),local(&quot;RuneScape Chat 2&quot;),local(&quot;RuneScape Chat&quot;),url(/images/RuneScape_Bold.woff2?514fd) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape Small';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape_Small.woff2?1ee0e) format('woff2')<br /> }<br /> <br /> :root {<br /> --base-text-color: #cbd9f4;<br /> --base-heading-color: #cbd9f4;<br /> --base-heading-border: #596e96;<br /> --mw-code-background-color: #222e45;<br /> --body-background-image: url(/images/b/b5/Roat_Pkz_Wiki_background_darkmode2.png)<br /> }<br /> <br /> #mw-page-base {<br /> background: none<br /> }<br /> <br /> .mw-body {<br /> background-color: var(--body-main);<br /> color: var(--text-color);<br /> border-color: transparent;<br /> box-shadow: 0 0 7px rgba(0,0,0,0.15);<br /> margin-top: 0<br /> }<br /> <br /> h1,h2,h3,h4,h5,h6 {<br /> color: var(--text-color)<br /> }<br /> <br /> h1,h2 {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-body h1,.mw-body-content h1,.mw-body-content h2,.mw-body-content h3,.mw-body-content h4,.mw-body-content h5,.mw-body-content h6 {<br /> font-family: 'PT Serif','Palatino','Georgia',serif<br /> }<br /> <br /> .mw-parser-output h2:first-of-type {<br /> clear: left<br /> }<br /> <br /> .mw-footer {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer li {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer a,.mw-footer a:active,.mw-footer a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> ::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> a {<br /> color: var(--link-color)<br /> }<br /> <br /> a:visited,a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> a.new {<br /> color: var(--redlink-color)<br /> }<br /> <br /> a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .mw-parser-output a.extiw,.mw-parser-output a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited,.mw-parser-output a.extiw:active,.mw-parser-output a.external:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .jsPurgeLink a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> a[href=&quot;/w/User:AndBot&quot;],a[href=&quot;/w/User:BisetteBot&quot;],a[href=&quot;/w/User:Bot50&quot;],a[href=&quot;/w/User:BotDiesel2m&quot;],a[href=&quot;/w/User:Bowl&quot;],a[href=&quot;/w/User:Catbot&quot;],a[href=&quot;/w/User:CookBot&quot;],a[href=&quot;/w/User:Cresbot&quot;],a[href=&quot;/w/User:CrowBot&quot;],a[href=&quot;/w/User:Data_Chompy&quot;],a[href=&quot;/w/User:GauBot&quot;],a[href=&quot;/w/User:Gaz_Bot&quot;],a[href=&quot;/w/User:Gaz_GEBot&quot;],a[href=&quot;/w/User:HabbletAWB&quot;],a[href=&quot;/w/User:JakesterwarsBot&quot;],a[href=&quot;/w/User:JaydenBot&quot;],a[href=&quot;/w/User:MuudyBot&quot;],a[href=&quot;/w/User:MB%C3%A5t&quot;],a[href=&quot;/w/User:New_user_message&quot;],a[href=&quot;/w/User:Quadrabot&quot;],a[href=&quot;/w/User:Redirect_fixer&quot;],a[href=&quot;/w/User:Riblet15_bot_account&quot;],a[href=&quot;/w/User:ShoyBot&quot;],a[href=&quot;/w/User:SlapChoppe&quot;],a[href=&quot;/w/User:Spinewielder&quot;],a[href=&quot;/w/User:WolaznikBot&quot;] {<br /> color: var(--awb-purple)<br /> }<br /> <br /> a[href=&quot;/w/User:Andmcadams&quot;],a[href=&quot;/w/User:BigDiesel2m&quot;],a[href=&quot;/w/User:Brok&quot;],a[href=&quot;/w/User:Cook_Me_Plox&quot;],a[href=&quot;/w/User:Fjara&quot;],a[href=&quot;/w/User:Gau_Cho&quot;],a[href=&quot;/w/User:Gaz_Lloyd&quot;],a[href=&quot;/w/User:Iiii_I_I_I&quot;],a[href=&quot;/w/User:Jayden&quot;],a[href=&quot;/w/User:Jeljo&quot;],a[href=&quot;/w/User:Joeytje50&quot;],a[href=&quot;/w/User:Legaia_2_Pla&quot;],a[href=&quot;/w/User:Ostentatio&quot;],a[href=&quot;/w/User:Riblet15&quot;],a[href=&quot;/w/User:Shayani&quot;],a[href=&quot;/w/User:Shoyrukon&quot;],a[href=&quot;/w/User:TehKittyCat&quot;],a[href=&quot;/w/User:Towelcat&quot;],a[href=&quot;/w/User:Wolaznik&quot;] {<br /> color: var(--admin-blue)<br /> }<br /> <br /> a[href=&quot;/w/User:Spineweilder&quot;],a[href=&quot;/w/User:Jakesterwars&quot;],a[href=&quot;/w/User:Julia&quot;] {<br /> color: var(--bearcat-green)<br /> }<br /> <br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> background: url(/images/Jagex_moderator_emblem.png?093b0) left no-repeat;<br /> padding-left: 15px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> #ca-nstab-user a {<br /> background: none<br /> }<br /> <br /> :root {<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: #801c13;<br /> --warningbox-border: #9f261e;<br /> --successbox-bg: #801c13;<br /> --successbox-border: #9f261e<br /> }<br /> <br /> .mw-message-box-error,.errorbox,.mw-message-box-warning,.warningbox,.mw-message-box-success,.successbox,.usermessage {<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw-message-box-error,.errorbox {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .mw-message-box-warning,.warningbox,.usermessage {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .mw-message-box-success,.successbox {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .catlinks {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-dark);<br /> padding: 8px 15px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .catlinks li {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .filehistory a img,#file img {<br /> background: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v16h8V8H0z' opacity='.13'/%3E%3C/svg%3E&quot;) repeat<br /> }<br /> <br /> #file img:hover {<br /> background: none<br /> }<br /> <br /> .mw-highlight {<br /> background: none<br /> }<br /> <br /> .mw-highlight .linenos {<br /> background-color: var(--mw-code-background-color);<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-highlight a:hover .linenos,.mw-highlight .hll a .linenos {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-content-ltr.mw-highlight-lines pre,.mw-content-ltr.content .mw-highlight-lines pre {<br /> box-shadow: inset 2.75em 0 0 var(--mw-code-background-color)<br /> }<br /> <br /> #pagehistory ul {<br /> list-style: none;<br /> margin: 0<br /> }<br /> <br /> #pagehistory li {<br /> border: 1px solid transparent;<br /> padding: 1px 10px;<br /> margin: 2px 0<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: var(--body-light);<br /> color: inherit;<br /> border: 1px dashed var(--body-border);<br /> outline: none<br /> }<br /> <br /> #mw-history-compare &gt; div:first-of-type {<br /> position: -webkit-sticky;<br /> position: sticky;<br /> top: 0;<br /> background-color: var(--body-main);<br /> border-bottom: 1px solid var(--body-dark);<br /> padding: 0.25em 0<br /> }<br /> <br /> .wgl-stickyheader #mw-history-compare &gt; div:first-of-type {<br /> top: 2.5rem<br /> }<br /> <br /> .autocomment,.autocomment a,.autocomment a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> li span.deleted,span.history-deleted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-usertoollinks-contribs-no-edits,.mw-usertoollinks-contribs-no-edits:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .CategoryTreeToggle {<br /> color: var(--link-color)<br /> }<br /> <br /> body.wgl-stickyheader.action-view .mw-headline:target::before {<br /> display: block;<br /> content: '';<br /> margin-top: -3rem;<br /> height: 3rem;<br /> visibility: hidden;<br /> pointer-events: none<br /> }<br /> <br /> .mw-mmv-post-image {<br /> color: var(--text-color);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-mmv-image-metadata {<br /> border-top-color: var(--body-mid);<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-mmv-dialog,.mw-mmv-dialog .mw-mmv-dialog-down-arrow,.mw-mmv-options-dialog .mw-mmv-dialog-down-arrow {<br /> background-color: var(--body-light);<br /> box-shadow: none<br /> }<br /> <br /> .mw-mmv-options-enable-alert {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-mmv-options-dialog-header,.mw-mmv-options-text-header,.mw-mmv-options-text-body,.mw-mmv-options-enable-alert,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-dialog-header,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-text-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-revslider-container {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-revslider-slider-wrapper {<br /> border-top-color: var(--sidebar)<br /> }<br /> <br /> .mw-ui-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):hover,.mw-ui-button:not(:disabled):active {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):focus {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button:not(:disabled):visited {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled) {<br /> background-color: var(--ooui-progressive);<br /> color: #fff;<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):active,.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: none<br /> }<br /> <br /> .mw-ui-button.mw-ui-destructive:not(:disabled) {<br /> color: #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-quiet,.mw-ui-button.mw-ui-quiet.mw-ui-progressive,.mw-ui-button.mw-ui-quiet.mw-ui-destructive {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:hover,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover {<br /> background-color: rgba(0,24,73,0.02745098);<br /> color: var(--text-color);<br /> border-color: transparent<br /> }<br /> <br /> input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:focus,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:active,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active {<br /> background-color: rgba(0,36,73,0.08235294);<br /> color: var(--text-color);<br /> border-color: #72777d<br /> }<br /> <br /> .mw-ui-input {<br /> background-color: var(--ooui-input);<br /> color: var(--text-color);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-ui-input:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-ui-input::placeholder {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child {<br /> padding: 0;<br /> background: 0<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child::before {<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> display: inline-block;<br /> width: 47px;<br /> height: 20px<br /> }<br /> <br /> :root {<br /> --wikitable-header-bg: var(--body-dark);<br /> --wikitable-border: var(--body-main);<br /> --wikitable-bg: var(--body-light);<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --table-na-background: rgba(0,0,0,0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #afeeee;<br /> --droptable-common-background: #56e156;<br /> --droptable-uncommon-background: #ffed4c;<br /> --droptable-rare-background: #ff863c;<br /> --droptable-veryrare-background: #ff6262;<br /> --droptable-random-background: #ffa3ff<br /> }<br /> <br /> .wikitable {<br /> background: var(--wikitable-bg);<br /> color: var(--wikitable-color);<br /> border-color: var(--wikitable-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; tr &gt; td,.wikitable &gt; * &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th.table-noborder,.wikitable &gt; tr &gt; td.table-noborder,.wikitable &gt; * &gt; tr &gt; th.table-noborder,.wikitable &gt; * &gt; tr &gt; td.table-noborder {<br /> border-left-style: hidden;<br /> border-right-style: hidden;<br /> padding-left: 0;<br /> padding-right: 0<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .tabber .wikitable {<br /> box-shadow: none<br /> }<br /> <br /> .table-bg-always,.table-bg-blue {<br /> background: var(--droptable-always-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-common,.table-bg-green {<br /> background: var(--droptable-common-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-uncommon,.table-bg-yellow {<br /> background: var(--droptable-uncommon-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-rare,.table-bg-orange {<br /> background: var(--droptable-rare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-veryrare,.table-bg-red {<br /> background: var(--droptable-veryrare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-random,.table-bg-pink {<br /> background: var(--droptable-random-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-fade {<br /> opacity: 0.6;<br /> background: rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw_metadata td,.mw_metadata th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw_metadata th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw_metadata td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable td,.mw-datatable th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw-datatable td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> table.alternating-rows tr:nth-child(odd),table.alternating-cols td:nth-child(odd) {<br /> background: var(--wikitable-alternating-bg)<br /> }<br /> <br /> .table-na {<br /> background: var(--table-na-background);<br /> color: var(--table-na-color);<br /> vertical-align: middle;<br /> text-align: center<br /> }<br /> <br /> .table-yes {<br /> background: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .table-positive {<br /> background: var(--table-yes-background)<br /> }<br /> <br /> .table-no {<br /> background: var(--table-no-background);<br /> color: var(--table-no-color)<br /> }<br /> <br /> .table-negative {<br /> background: var(--table-no-background)<br /> }<br /> <br /> .table-maybe {<br /> background: var(--table-maybe-background);<br /> color: var(--table-maybe-color)<br /> }<br /> <br /> #mw-allmessagestable .am_actual,#mw-allmessagestable .am_default {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> #mw-allmessagestable .am_default:hover,#mw-allmessagestable .am_actual:hover,#mw-allmessagestable tbody:hover td {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> table.wikitable td.no-cell-spacing {<br /> padding: 0;<br /> height: 0<br /> }<br /> <br /> table.wikitable td.no-cell-spacing table {<br /> margin: -1px;<br /> width: calc(100% + 2px);<br /> height: calc(100% + 2px)<br /> }<br /> <br /> .plainlist ol,.plainlist ul {<br /> margin: 0<br /> }<br /> <br /> .plainlist li {<br /> margin-bottom: 0;<br /> list-style: none<br /> }<br /> <br /> 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) {<br /> text-align: right<br /> }<br /> <br /> 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) {<br /> text-align: center<br /> }<br /> <br /> 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) {<br /> text-align: left<br /> }<br /> <br /> .rsw-chartjs.rsw-chartjs-config {<br /> display: none<br /> }<br /> <br /> .rsw-chartjs.rsw-chart-error {<br /> font-family: monospace<br /> }<br /> <br /> .rsw-chartjs-canvas {<br /> background-color: var(--body-light)<br /> }<br /> <br /> :root {<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-background: #bddff2;<br /> --diff-addedline-color: #000;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-background: #c1edbf;<br /> --diff-deletedline-color: #000;<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid)<br /> }<br /> <br /> .diff-context {<br /> border-color: var(--diff-context-border-color);<br /> background: var(--diff-context-background);<br /> color: inherit<br /> }<br /> <br /> .diff-addedline {<br /> border-color: var(--diff-addedline-border-color)<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: var(--diff-addedline-background);<br /> color: var(--diff-addedline-color)<br /> }<br /> <br /> .diff-deletedline {<br /> border-color: var(--diff-deletedline-border-color)<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: var(--diff-deletedline-background);<br /> color: var(--diff-deletedline-color)<br /> }<br /> <br /> .mw-diff-movedpara-left:after,.mw-diff-movedpara-right:after {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-notification {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {<br /> background: var(--body-main)<br /> }<br /> <br /> .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> background-color: var(--ooui-normal);<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-head,.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {<br /> border-left-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:hover,.mw-echo-ui-notificationItemWidget-unread:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:last-child {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-unread {<br /> background-color: var(--search-box)<br /> }<br /> <br /> .mw-echo-ui-crossWikiNotificationItemWidget-group,.mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-content-message-header,.mw-echo-ui-notificationItemWidget-content-message-body,.mw-echo-ui-menuItemWidget &gt; .oo-ui-buttonElement-button &gt; .oo-ui-labelElement-label,.mw-echo-ui-notificationItemWidget-content-actions-timestamp {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--body-main)<br /> }<br /> <br /> @keyframes unseen-fadeout-to-unread {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--search-box)<br /> }<br /> }<br /> <br /> @keyframes unseen-fadeout-to-read {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--body-main)<br /> }<br /> }<br /> <br /> .mwe-popups {<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container {<br /> color: var(--text-color);<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:before,.mwe-popups .mwe-popups-container.flipped-y:before {<br /> border-top: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:before {<br /> border-bottom: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:after,.mwe-popups .mwe-popups-container.flipped-y:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:after {<br /> border-bottom-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-settings-icon:hover,.mwe-popups .mwe-popups-settings-icon:active {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mwe-popups .mw-ui-icon-element:not(.disabled):hover {<br /> background: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract {<br /> color: var(--text-color)<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract[dir='ltr']:after {<br /> background-image: linear-gradient(to right,rgba(49,62,89,0),var(--body-light) 50%)<br /> }<br /> <br /> .mwe-popups-overlay {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> #mwe-popups-settings {<br /> background: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--text-color)<br /> }<br /> <br /> #mwe-popups-settings header {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form p {<br /> color: var(--byline-color)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form form label &gt; span {<br /> color: var(--ooui-text)<br /> }<br /> <br /> :root {<br /> --smw-ask-options-even-bg: var(--body-mid);<br /> --smw-ask-options-odd-bg: var(--body-light);<br /> --smw-ask-action-btn-lblue-bg: var(--body-main);<br /> --smw-ask-action-btn-lblue-color: #000;<br /> --smw-ask-action-btn-lblue-border-color: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-bg: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-color: #fff;<br /> --smw-ask-action-btn-dblue-border-color: var(--button-border)<br /> }<br /> <br /> .smw-ask-condition fieldset,.smw-ask-printhead fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .smw-ask-search fieldset,.smw-ask-format fieldset,.smw-ask-options fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .strike &gt; span:before,.strike &gt; span:after {<br /> background: var(--sidebar)<br /> }<br /> <br /> .smw-ask-options-fields tr td {<br /> background-color: var(--smw-ask-options-even-bg)<br /> }<br /> <br /> .smw-ask-options-fields tr:nth-child(odd) td {<br /> background-color: var(--smw-ask-options-odd-bg)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-lblue,.smw-ask-action-btn.smw-ask-action-btn-lblue:hover,.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--smw-ask-action-btn-lblue-bg);<br /> color: var(--smw-ask-action-btn-lblue-color);<br /> border-color: var(--smw-ask-action-btn-lblue-border-color)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-dblue,.smw-ask-action-btn.smw-ask-action-btn-dblue:hover,.smw-ask-action-btn.smw-ask-action-btn-dblue:visited {<br /> background-color: var(--smw-ask-action-btn-dblue-bg);<br /> color: var(--smw-ask-action-btn-dblue-color);<br /> border-color: var(--smw-ask-action-btn-dblue-border-color)<br /> }<br /> <br /> .smw-ask-query textarea,.smw-ask-actions textarea {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-query-format select {<br /> background-color: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-toplinks {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info {<br /> background: none;<br /> padding: 0 !important<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info::before {<br /> content: '';<br /> background: var(--text-color);<br /> -webkit-mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> padding: 0 0 3px 18px<br /> }<br /> <br /> .smw-ask-options-row-odd {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smw-ask-options-row-even {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> #options-toggle:not(:checked) + #options-list .options-parameter-list:after {<br /> background-image: linear-gradient(to bottom,transparent,var(--body-mid) 90%)<br /> }<br /> <br /> .smw-ask-button-submit input {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-ask-button-submit input:hover,.smw-ask-button-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> input.smw-ask-action-btn.smw-ask-action-btn-dblue {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:hover {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-callout-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .smw-callout-info {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .smw-callout-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .smw-callout-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-bg)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label,.smw-tabs input.nav-tab:checked + label.nav-label:hover {<br /> color: inherit<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count {<br /> color: #fff;<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.moderate {<br /> color: #fff;<br /> background-color: #b55e0c;<br /> border-color: #b55e0c<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.high {<br /> color: #fff;<br /> background-color: #9f261e;<br /> border-color: #9f261e<br /> }<br /> <br /> .smw-property-page-results .header-title {<br /> background-color: var(--ooui-interface);<br /> border-bottom-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-property-page-results .value-row:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .smw-property-page-results .smw-table .header-row {<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-header {<br /> background-color: var(--body-dark);<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .smw-ui-input-filter {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ui-input-filter input {<br /> border-left-color: var(--ooui-interface-border) !important;<br /> color: var(--ooui-text) !important<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border);<br /> color: var(--subtle-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-active {<br /> color: #fff;<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-tabs section,.smw-tabs .subtab-content {<br /> border-top-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-column-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-factbox {<br /> background: var(--body-main);<br /> border-color: transparent<br /> }<br /> <br /> .mw-body .mw-indicators #mw-indicator-smw-entity-examiner.mw-indicator .smw-indicator-vertical-bar-loader {<br /> display: none<br /> }<br /> <br /> .smwb-theme-light .smwb-title,.smwb-theme-light .smwb-center,.smwb-theme-light .smwb-actions,.smwb-theme-light .smwb-prophead {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-factbox {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-ifactbox {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-propval {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smwb-action-separator {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .smwb-bottom {<br /> border-bottom: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-ifactbox .smwb-cell,.smwb-factbox .smwb-cell {<br /> border-top: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-propvalue .smwb-prophead,.smwb-ipropvalue .smwb-prophead,.smwb-propvalue .smwb-propval,.smwb-ipropvalue .smwb-propval {<br /> font-size: 0.9em<br /> }<br /> <br /> :root {<br /> --filter-black-to-link: invert(36%) sepia(58%) saturate(433%) hue-rotate(344deg) brightness(100%) contrast(91%)<br /> }<br /> <br /> #bodyContent span.smwbrowse a {<br /> color: black;<br /> background-image: url(/images/Smwbrowse.svg?87d2b);<br /> filter: var(--filter-black-to-link)<br /> }<br /> <br /> #bodyContent span.smwbrowse a:hover {<br /> color: black;<br /> background-image: url(/images/Smwbrowse-hover.svg?73b79);<br /> text-decoration: underline<br /> }<br /> <br /> #bodyContent span.smwsearch a {<br /> color: black;<br /> filter: var(--filter-black-to-link);<br /> background-image: url(/images/Smwsearch.svg?72b04)<br /> }<br /> <br /> #bodyContent span.smwsearch a:hover {<br /> color: black;<br /> background-image: url(/images/Smwsearch-hover.svg?62df0);<br /> text-decoration: underline<br /> }<br /> <br /> :root {<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-background-color);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border)<br /> }<br /> <br /> .tabber {<br /> margin: 1em 0<br /> }<br /> <br /> .tabber .tabbertab {<br /> background-color: var(--tabber-tab-bg);<br /> border: 1px solid var(--tabber-tab-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1em 1.5em<br /> }<br /> <br /> ul.tabbernav {<br /> border: none;<br /> margin-left: 2em;<br /> margin-bottom: 0;<br /> margin-right: 2em;<br /> padding: 0;<br /> font-family: inherit<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a {<br /> background-color: var(--tabber-active-tab-bg);<br /> color: var(--tabber-active-tab-color);<br /> border-bottom: none;<br /> position: relative<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a:hover {<br /> color: var(--tabber-active-tab-hover-color);<br /> background-color: var(--tabber-active-tab-hover-bg);<br /> border-color: var(--tabber-active-tab-hover-border-color);<br /> border-bottom: none<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a::after {<br /> content: '';<br /> position: absolute;<br /> left: 0;<br /> right: 0;<br /> bottom: -1px;<br /> border-bottom: 2px solid var(--tabber-active-tab-border-hider-color)<br /> }<br /> <br /> ul.tabbernav li a {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> border-bottom: transparent;<br /> border-color: var(--tabber-inactive-tab-border-color);<br /> color: var(--tabber-inactive-tab-color);<br /> display: inline-block;<br /> font-size: 110%;<br /> padding: 0.5em 1em<br /> }<br /> <br /> ul.tabbernav li a:hover {<br /> background-color: var(--tabber-inactive-tab-hover-bg);<br /> border-color: var(--tabber-inactive-tab-hover-border-color)<br /> }<br /> <br /> ul.tabbernav li a:link,ul.tabbernav li a:visited {<br /> color: var(--tabber-inactive-tab-color)<br /> }<br /> <br /> .js-tooltip-text {<br /> padding: 5px<br /> }<br /> <br /> .js-tooltip-wrapper {<br /> position: absolute;<br /> z-index: 10;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> color: var(--text-color);<br /> max-width: 75%;<br /> overflow-wrap: break-word;<br /> padding: 10px 15px;<br /> margin: 0px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> font-size: 0.8em<br /> }<br /> <br /> .js-tooltip-click {<br /> color: var(--button-color);<br /> background: var(--button-background);<br /> border-radius: 2em;<br /> cursor: pointer;<br /> padding: 0 0.3em;<br /> user-select: none<br /> }<br /> <br /> .js-tooltip-arrow {<br /> position: absolute;<br /> border-color: transparent;<br /> border-style: solid;<br /> width: 0;<br /> height: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointleft {<br /> border-right-color: var(--body-border);<br /> border-left-color: transparent;<br /> border-left-width: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointright {<br /> border-left-color: var(--body-border);<br /> border-right-color: transparent;<br /> border-right-width: 0<br /> }<br /> <br /> .js-tooltip-close {<br /> float: right;<br /> margin-left: 10px;<br /> margin-right: -5px;<br /> margin-top: -5px;<br /> margin-bottom: 1px;<br /> background: var(--button-background);<br /> border: 0;<br /> cursor: pointer<br /> }<br /> <br /> :root {<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px); <br /> }<br /> <br /> .oo-ui-widget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox'] + span,.oo-ui-radioInputWidget [type='radio'] + span {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,.oo-ui-radioInputWidget [type='radio']:disabled + span {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownWidget-handle {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border);<br /> background-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget select {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget option {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuSelectWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-menuSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-menuSectionOptionWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-title {<br /> color: inherit<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block),.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-optionWidget.oo-ui-widget-disabled {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-outlineControlsWidget {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {<br /> border-bottom-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {<br /> border-top-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {<br /> border-right-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {<br /> border-left-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {<br /> border-left-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-searchWidget-query {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-tabOptionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--body-dark);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {<br /> border-bottom-color: var(--body-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {<br /> background-color: var(--body-light);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> color: var(--ooui-progressive);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover,.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:focus {<br /> color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed {<br /> background: none;<br /> border-bottom: 1px solid var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile {<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tagItemWidget {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> @media screen and (min-width: 0) {<br /> .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {<br /> outline:1px solid var(--ooui-accent)<br /> }<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {<br /> border-color: #fff<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; input.oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover);<br /> color: #fff;<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive {<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active &gt; .oo-ui-buttonElement-button {<br /> color: #fff;<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-pendingElement-pending {<br /> background-image: var(--ooui-pending-background-image);<br /> background-size: 200%;<br /> animation: oo-ui-pendingElement-stripes 6s linear infinite<br /> }<br /> <br /> @keyframes oo-ui-pendingElement-stripes {<br /> 100% {<br /> background-position: 100%<br /> }<br /> }<br /> <br /> .oo-ui-messageDialog-content &gt; .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-message {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog-content .oo-ui-window-head,.oo-ui-processDialog-content .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:active {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:active {<br /> border-right-color: var(--ooui-interface-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button,.oo-ui-processDialog-actions-other .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-right-color: var(--ooui-normal-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-windowManager-modal.oo-ui-windowManager-floating &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-window {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-bar {<br /> background-color: var(--ooui-interface);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-position-top &gt; .oo-ui-toolbar-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-toolbar-bar .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active &gt; .oo-ui-tool-link,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent);<br /> box-shadow: none<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-menuToolGroup {<br /> border-left-color: var(--body-mid);<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> border-right-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 2px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-bookletLayout-outlinePanel &gt; .oo-ui-outlineControlsWidget {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-fieldLayout-disabled &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header &gt; .oo-ui-labelElement-label {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-panelLayout-framed {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .oo-ui-icon-settings {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Esettings%3C/title%3E%3Cg transform='translate(10 10)'%3E%3Cpath id='a' d='M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3'/%3E%3Cuse xlink:href='%23a' transform='rotate(45)'/%3E%3Cuse xlink:href='%23a' transform='rotate(90)'/%3E%3Cuse xlink:href='%23a' transform='rotate(135)'/%3E%3C/g%3E%3Cpath d='M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .oo-ui-icon-clear {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Eclear%3C/title%3E%3Cpath d='M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-widget-dateInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widget-dateInputWidget-calendar {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widget-calendarWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widget-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-day,.mw-widget-calendarWidget-day-heading {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-widget-calendarWidget-day-additional {<br /> color: var(--ooui-text);<br /> opacity: 0.67<br /> }<br /> <br /> .mw-widget-calendarWidget-day-today {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-item:hover {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-widget-calendarWidget-item-selected {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),0 2px 2px 0 rgba(0,0,0,0.25)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.mw-widgets-datetime-dateTimeInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input,.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .mw-kartographer-mapDialog-foot {<br /> background-color: var(--body-light);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-container {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a,.mw-kartographer-interactive .leaflet-popup-content a:visited,.mw-kartographer-interactive .leaflet-popup-content a:hover,.mw-kartographer-interactive .leaflet-popup-content a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a.new a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .leaflet-popup-content-wrapper {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .leaflet-popup-tip {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey {<br /> background: #e4eaee;<br /> color: #444e5a;<br /> text-shadow: none<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a,.leaflet-vis-tooltip.lbl-bg-grey a:visited,.leaflet-vis-tooltip.lbl-bg-grey a:active,.leaflet-vis-tooltip.lbl-bg-grey a:hover,.leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a, .leaflet-vis-tooltip.lbl-bg-grey a:visited, .leaflet-vis-tooltip.lbl-bg-grey a:active, .leaflet-vis-tooltip.lbl-bg-grey a:hover, .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:visited,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:active,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:hover,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before {<br /> display: block;<br /> border-left-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before {<br /> display: block;<br /> border-right-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before {<br /> display: block;<br /> border-top-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before {<br /> display: block;<br /> border-bottom-color: #e4eaee<br /> }<br /> <br /> .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover {<br /> background: var(--ooui-normal--hover)<br /> }<br /> <br /> .ve-ui-overlay {<br /> font-family: inherit<br /> }<br /> <br /> .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above {<br /> border-top-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-branchNode-blockSlug,.ve-ce-branchNode-newSlug {<br /> outline-color: var(--body-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-specialCharacterPage h3 {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character:hover {<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px var(--body-mid);<br /> background: none<br /> }<br /> <br /> .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwHelpPopupTool-version-label,.ve-ui-mwHelpPopupTool-version-link,.ve-ui-mwHelpPopupTool-version-date {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ce-tableCellableNode {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-mwReferencesListNode-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwTemplatePage-description,.ve-ui-mwParameterPage-label,.ve-ui-mwParameterPage-description-required,.ve-ui-mwParameterPage-description-deprecated {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwGalleryDialog-menuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog-innerMenuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container,.ve-ui-targetWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .ve-ui-mwSaveDialog {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-options {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-summary {<br /> background-color: var(--ooui-input)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-editSummary-count {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-license {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwReferenceContextItem-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwNoticesPopupTool-items &gt; div:not(:first-child),.ve-ui-mwHelpPopupTool-item:not(:first-child) {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineControlsWidget {<br /> background-color: var(--ooui-interface);<br /> border-top-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-sticky {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwParameterPage-undocumentedLabel {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwTwoPaneTransclusionDialogLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwParameterPage-doc-required,.ve-ui-mwParameterPage-doc-deprecated,.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-expandableContent-toggle {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-expandableContent-fade {<br /> background: linear-gradient(to right,rgba(255,255,255,0) 0,var(--ooui-interface) 90%)<br /> }<br /> <br /> .ve-ui-commandHelpDialog-shortcut &gt; kbd,.ve-ui-commandHelpDialog-sequence &gt; kbd {<br /> background-color: var(--keypress-background);<br /> color: var(--keypress-color);<br /> border-color: var(--keypress-border);<br /> box-shadow: none;<br /> text-shadow: none<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> background: var(--ooui-interface)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'],figure[typeof~='mw:File/Frame'],figure[typeof~='mw:Image/Thumb'],figure[typeof~='mw:Video/Thumb'],figure[typeof~='mw:Image/Frame'],figure[typeof~='mw:Video/Frame'] {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:File/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media) {<br /> border: none;<br /> background: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; figcaption,figure[typeof~='mw:File/Frame'] &gt; figcaption,figure[typeof~='mw:Image/Thumb'] &gt; figcaption,figure[typeof~='mw:Video/Thumb'] &gt; figcaption,figure[typeof~='mw:Image/Frame'] &gt; figcaption,figure[typeof~='mw:Video/Frame'] &gt; figcaption {<br /> border: none;<br /> background-color: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --fact-text-color: #15f;<br /> --production-selected-background: #c3e8a3;<br /> --production-selected-color: #000;<br /> --wikipedia-border: #e0e0e0;<br /> --wikipedia-background: #f8f8f8;<br /> --keypress-background: #eee;<br /> --keypress-border: #ccc;<br /> --keypress-color: #333;<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg,#bfffbd 0 20px,#4cf172 20px 30px);<br /> --tbz-unlocked-border-color: #012100;<br /> --tbz-locked-background-color: #ffc3c3;<br /> --tbz-locked-border-color: #df9090;<br /> --tbz-partial-unlock-background: #dae8d2;<br /> --tbz-partial-unlock-border-color: #aeaeae<br /> }<br /> <br /> .archivelist {<br /> background-color: var(--body-light);<br /> border: solid 1px var(--body-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> margin: 5px;<br /> padding: 5px;<br /> text-align: center;<br /> width: 120px<br /> }<br /> <br /> .collapsed-sec {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-weight: bold;<br /> text-shadow: 1px 1px #fff<br /> }<br /> <br /> .combat-styles-icons a {<br /> display: inline-block;<br /> text-align: center;<br /> min-width: 26px<br /> }<br /> <br /> .combat-styles-header a {<br /> color: var(--text-color)<br /> }<br /> <br /> .fact-text {<br /> color: var(--fact-text-color);<br /> font-style: italic;<br /> cursor: help;<br /> border-bottom: dotted 1px<br /> }<br /> <br /> .production-selected {<br /> background: var(--production-selected-background);<br /> color: var(--production-selected-color)<br /> }<br /> <br /> .relative-location {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-spacing: 0;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 5px;<br /> text-align: center<br /> }<br /> <br /> .relative-location-txt {<br /> color: var(--text-color)<br /> }<br /> <br /> .relative-location-header {<br /> background: var(--body-dark)<br /> }<br /> <br /> #musicMap data {<br /> display: none<br /> }<br /> <br /> .musicMap-buttons {<br /> text-align: center;<br /> margin: 0.7em<br /> }<br /> <br /> .talkheader {<br /> text-align: center;<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .shortcut {<br /> border: 1px solid var(--body-border);<br /> background: var(--body-light);<br /> float: right;<br /> font-size: 0.8em;<br /> margin: 0.5em 0em 0.5em 1em;<br /> padding: 0.5em;<br /> text-align: center<br /> }<br /> <br /> .succession {<br /> width: 50%;<br /> text-align: center<br /> }<br /> <br /> .succession th {<br /> width: 33%;<br /> font-size: 90%;<br /> background: var(--body-mid)<br /> }<br /> <br /> .succession td {<br /> background: var(--body-light)<br /> }<br /> <br /> .update {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0;<br /> padding: 0.25em 1em;<br /> text-align: center<br /> }<br /> <br /> .pollwrapper {<br /> display: flex;<br /> align-items: center;<br /> flex-direction: column;<br /> counter-reset: question<br /> }<br /> <br /> .pollbox {<br /> position: relative;<br /> padding: 1em 0.7em;<br /> margin: 0.7em;<br /> margin-bottom: 1.2em;<br /> width: 700px;<br /> font-size: 16px;<br /> border: 2px solid var(--body-border);<br /> background: var(--body-light)<br /> }<br /> <br /> .pollbox::before {<br /> content: &quot;Question &quot; counter(question);<br /> counter-increment: question;<br /> position: absolute;<br /> font-size: 16px;<br /> font-weight: bold;<br /> top: -0.5em;<br /> margin-top: -2px;<br /> left: 0.6em;<br /> line-height: 1em;<br /> background: linear-gradient(0deg,var(--body-light),var(--body-light) 50%,rgba(0,0,0,0) 50%);<br /> padding: 0 0.6em<br /> }<br /> <br /> .pollbox table {<br /> width: 100%;<br /> border-collapse: collapse;<br /> font-size: 14px<br /> }<br /> <br /> .pollbox caption {<br /> text-align: left;<br /> margin-bottom: 4px<br /> }<br /> <br /> .pollbox td {<br /> padding: 0px<br /> }<br /> <br /> .pollquestion td:first-child::before {<br /> content: &quot;&quot;;<br /> background: url(/images/Poll_shield.png?c691a);<br /> background-repeat: no-repeat;<br /> background-position: top;<br /> width: 10px;<br /> height: 14px;<br /> position: absolute;<br /> top: 4px;<br /> left: 0<br /> }<br /> <br /> .pollquestion td:first-child {<br /> position: relative;<br /> width: 32%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .pollquestion td.pollpercent {<br /> box-sizing: border-box;<br /> padding-left: 17px;<br /> padding-right: 8px<br /> }<br /> <br /> .pollquestion td:last-child {<br /> width: 22%;<br /> padding-left: 0.7em<br /> }<br /> <br /> .pollquestion .pollnote td {<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .pollquestion .pollnote td::before {<br /> content: none<br /> }<br /> <br /> .pollquestion data {<br /> display: block;<br /> height: 15px;<br /> background-image: url(/images/Poll_sword2.png?7d4c4);<br /> position: relative<br /> }<br /> <br /> .pollquestion data::before,.pollquestion data::after {<br /> content: &quot;&quot;;<br /> height: inherit;<br /> position: absolute;<br /> height: 15px<br /> }<br /> <br /> .pollquestion data::before {<br /> background: url(/images/Poll_sword1.png?d445b);<br /> width: 17px;<br /> right: 100%<br /> }<br /> <br /> .pollquestion data::after {<br /> background: url(/images/Poll_sword3.png?487b5);<br /> width: 8px;<br /> left: 100%<br /> }<br /> <br /> .archivepollq th {<br /> text-align: left;<br /> font-weight: normal;<br /> padding: 15px 0 0 0<br /> }<br /> <br /> .archivepollq td:first-child {<br /> position: relative;<br /> width: 80%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .archivepollq td.archivepollpercent {<br /> box-sizing: border-box;<br /> padding: 2px;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .archivepollq td:last-child {<br /> text-align: right;<br /> padding-left: 0.7em<br /> }<br /> <br /> .archivepollq .archivepollnote &gt; td {<br /> text-align: left;<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .archivepollq data {<br /> display: block;<br /> height: 25px;<br /> background: var(--body-border);<br /> position: relative<br /> }<br /> <br /> .archivepollq.e {<br /> border: 2px solid var(--errorbox-border);<br /> background: var(--errorbox-bg)<br /> }<br /> <br /> .archivepollq.e::before {<br /> content: &quot;Error&quot;;<br /> background: linear-gradient(0deg,var(--errorbox-bg),var(--errorbox-bg) 50%,rgba(0,0,0,0) 50%)<br /> }<br /> <br /> .wikipedia {<br /> border: 1px solid var(--wikipedia-border);<br /> background-color: var(--wikipedia-background)<br /> }<br /> <br /> .hatnote,.seealso {<br /> font-style: italic<br /> }<br /> <br /> .hatnote i,.seealso i {<br /> font-style: normal<br /> }<br /> <br /> div.hatnote,div.seealso {<br /> margin: 0.5em 1.6em<br /> }<br /> <br /> div.hatnote + div.hatnote,div.hatnote + div.seealso,div.seealso + div.hatnote,div.seealso + div.seealso {<br /> margin-top: -0.5em<br /> }<br /> <br /> .extimage div,.extimage a,.extimage img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .tbz-region {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> white-space: nowrap;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> width: 110px;<br /> padding: 0.35em 0.45em 0.25em;<br /> margin: 1px<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-badge {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> padding: 0.3em 0.35em 0.2em<br /> }<br /> <br /> .tbz-badge + .tbz-badge {<br /> margin-left: 1px<br /> }<br /> <br /> .tbz-badge.tbz-badge-wrapper {<br /> padding: 0.2em<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-unlocked {<br /> background: var(--tbz-unlocked-background);<br /> border-color: var(--tbz-unlocked-border-color)<br /> }<br /> <br /> .tbz-unlocked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-unlocked .tbz-check {<br /> display: inline-block;<br /> padding-left: 5px<br /> }<br /> <br /> .tbz-locked {<br /> background-color: var(--tbz-locked-background-color);<br /> border-color: var(--tbz-locked-border-color)<br /> }<br /> <br /> .tbz-locked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-locked .tbz-unlocked {<br /> background: var(--tbz-partial-unlock-background);<br /> border-color: var(--tbz-partial-unlock-border-color)<br /> }<br /> <br /> .combatinfo {<br /> width: 160px;<br /> text-align: center;<br /> float: right;<br /> clear: right<br /> }<br /> <br /> .combatinfo.combatinfo-left {<br /> float: left;<br /> clear: left<br /> }<br /> <br /> .combatinfo td {<br /> width: 25%<br /> }<br /> <br /> .wikitable.combatinfo &gt; caption {<br /> font-weight: normal<br /> }<br /> <br /> .growth-stage-table td.growth-stage {<br /> text-align: center;<br /> vertical-align: bottom<br /> }<br /> <br /> .keypress {<br /> background: var(--keypress-background);<br /> color: var(--keypress-color);<br /> font-family: inherit;<br /> border: 1px solid var(--keypress-border);<br /> border-radius: 2px;<br /> font-size: 0.9em;<br /> margin: 0 0.1em;<br /> padding: 0.1em 0.4em;<br /> white-space: nowrap<br /> }<br /> <br /> .rsw-music-player {<br /> height: 2em;<br /> vertical-align: middle<br /> }<br /> <br /> .item-drops .beast-version {<br /> font-size: smaller;<br /> font-style: italic<br /> }<br /> <br /> td.famtreesub {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table {<br /> border-spacing: 0;<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table td {<br /> height: 1em;<br /> width: 1em<br /> }<br /> <br /> td.famtreeleaf {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> padding: 0.2em<br /> }<br /> <br /> :root {<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #ccc<br /> }<br /> <br /> :root {<br /> --coins-color: green;<br /> --coins-pos-color: white;<br /> --coins-neg-color: #c02614<br /> }<br /> <br /> .coins {<br /> color: var(--coins-color);<br /> background-position: 0% 50%;<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> padding: 0<br /> }<br /> <br /> .coins-pos {<br /> color: var(--coins-pos-color)<br /> }<br /> <br /> .coins-neg {<br /> color: var(--coins-neg-color)<br /> }<br /> <br /> .coins-10000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 3px 35px<br /> }<br /> <br /> .coins-1000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-250 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-100 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-25 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-5 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-4 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-3 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-2 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-1 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> :root {<br /> --documentation-background: #f9fafa;<br /> --documentation-link-color: #e4eaee;<br /> --documentation-headers-color: #fff;<br /> --documentation-header-background: #949eaa;<br /> --documentation-subheader-background: #808c9a;<br /> --documentation-border: #e4eaee<br /> }<br /> <br /> .documentation {<br /> background: var(--documentation-background);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0<br /> }<br /> <br /> .documentation pre,.documentation code {<br /> background-color: var(--documentation-background);<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation h2,.documentation hr {<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation-header {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-header-background);<br /> font-weight: bold;<br /> padding: 1em 1.5em<br /> }<br /> <br /> .documentation-title {<br /> font-size: 1.25em<br /> }<br /> <br /> .documentation-subheader {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-subheader-background);<br /> padding: 0.5em 1.5em<br /> }<br /> <br /> .documentation-subheader a,.documentation-subheader a:visited,.documentation-subheader a:active {<br /> color: var(--documentation-link-color)<br /> }<br /> <br /> .documentation-documentation,.documentation-links {<br /> font-size: 0.85em<br /> }<br /> <br /> .documentation-content {<br /> padding: 1em 1.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dl:not(:empty) {<br /> column-count: 3;<br /> border-top: 1px solid var(--body-border);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dt::after {<br /> content: &quot;:&quot;<br /> }<br /> <br /> .mw-templatedata-doc-params dd,.mw-templatedata-doc-params dt {<br /> margin: 0.1em 2em;<br /> min-width: auto<br /> }<br /> <br /> .mw-templatedata-doc-muted {<br /> color: var(--subtle-color);<br /> font-style: italic<br /> }<br /> <br /> .fairycode {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-size: 120%;<br /> font-weight: bold;<br /> text-transform: lowercase;<br /> letter-spacing: 1px<br /> }<br /> <br /> .fairycode b ~ b:before {<br /> content: &quot;•&quot;<br /> }<br /> <br /> .floornumber &gt; .floornumber-us,#toc li a span.toctext span span:nth-child(2),.floornumber-setting-gb .floornumber &gt; .floornumber-us,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(2),.floornumber-setting-us .floornumber &gt; .floornumber-gb,.floornumber-setting-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none<br /> }<br /> <br /> .floornumber-setting-gb .floornumber &gt; .floornumber-gb,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(1),.floornumber-setting-us .floornumber &gt; .floornumber-us,.floornumber-setting-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-us,.floornumber-override-gb #toc li a span.toctext span span:nth-child(2),.floornumber-override-us .floornumber &gt; .floornumber-gb,.floornumber-override-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none !important<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-gb,.floornumber-override-gb #toc li a span.toctext span span:nth-child(1),.floornumber-override-us .floornumber &gt; .floornumber-us,.floornumber-override-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline !important<br /> }<br /> <br /> .musicplayer {<br /> border: 1px solid var(--body-border);<br /> font-size: 90%;<br /> background: var(--body-light);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> max-width: 300px;<br /> margin: 0 0 1em 1em;<br /> padding: 5px<br /> }<br /> <br /> .musicplayer audio,.infobox audio {<br /> max-width: 298px;<br /> margin-left: auto;<br /> margin-right: auto<br /> }<br /> <br /> .plink-template + a {<br /> margin-left: 0.25em<br /> }<br /> <br /> .plinkt-image {<br /> text-align: center<br /> }<br /> <br /> :root {<br /> --questdetails-header-background: #cfc2aa;<br /> --questdetails-header-background-alt: #cfbda1<br /> }<br /> <br /> .questdetails {<br /> width: 100%;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-collapse: separate<br /> }<br /> <br /> .questdetails th {<br /> text-align: left<br /> }<br /> <br /> .questdetails-header {<br /> padding: 0.5em 1em;<br /> background-color: var(--questdetails-header-background);<br /> width: 125px<br /> }<br /> <br /> .questdetails tr:nth-child(odd) .questdetails-header {<br /> background-color: var(--questdetails-header-background-alt)<br /> }<br /> <br /> .questdetails-info {<br /> padding-left: 1em;<br /> padding-right: 2em<br /> }<br /> <br /> ol.references,.reflist {<br /> font-size: 90%<br /> }<br /> <br /> .reflist {<br /> list-style-type: decimal<br /> }<br /> <br /> .reflist .references {<br /> font-size: 100%;<br /> list-style-type: inherit<br /> }<br /> <br /> .reflist-lower-alpha {<br /> list-style-type: lower-alpha<br /> }<br /> <br /> ol.references li:target,sup.reference:target {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .hideQuotes .refhide {<br /> display: none<br /> }<br /> <br /> .editnotice {<br /> font-size: 0.9em;<br /> padding-bottom: 0.75em;<br /> margin-bottom: 0.6em<br /> }<br /> <br /> .editnotice .editnotice-title {<br /> font-size: 1.2em;<br /> font-weight: bold;<br /> margin-bottom: 0.4em<br /> }<br /> <br /> <br /> <br /> <br /> .mw-message-box,.mw-message-box-error,.mw-message-box-warning,.mw-message-box-success,.usermessage {<br /> color: var(--text-color)<br /> }<br /> <br /> .messagebox {<br /> width: 65%;<br /> margin: 0.5em auto;<br /> border-left: 15px solid;<br /> border-color: var(--body-dark);<br /> background-color: var(--body-light);<br /> box-sizing: border-box<br /> }<br /> <br /> .messagebox.obsolete {<br /> background-color: var(--messagebox-obsolete-background);<br /> border-color: var(--messagebox-obsolete-border);<br /> color: var(--messagebox-obsolete-color)<br /> }<br /> <br /> .messagebox.obsolete a,.messagebox.obsolete a:visited,.messagebox.obsolete a:active {<br /> color: var(--messagebox-obsolete-link-color)<br /> }<br /> <br /> .messagebox.info {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border);<br /> color: var(--messagebox-info-color)<br /> }<br /> <br /> .messagebox.info a,.messagebox.info a:visited,.messagebox.info a:active {<br /> color: var(--messagebox-info-link-color)<br /> }<br /> <br /> .messagebox.action {<br /> background-color: var(--messagebox-action-background);<br /> border-color: var(--messagebox-action-border);<br /> color: var(--messagebox-action-color)<br /> }<br /> <br /> .messagebox.action a,.messagebox.action a:visited,.messagebox.action a:active {<br /> color: var(--messagebox-action-link-color)<br /> }<br /> <br /> .messagebox.warn {<br /> background-color: var(--messagebox-warn-background);<br /> border-color: var(--messagebox-warn-border);<br /> color: var(--messagebox-warn-color)<br /> }<br /> <br /> .messagebox.warn a,.messagebox.warn a:visited,.messagebox.warn a:active {<br /> color: var(--messagebox-warn-link-color)<br /> }<br /> <br /> .messagebox.safe {<br /> background-color: var(--messagebox-safe-background);<br /> border-color: var(--messagebox-safe-border);<br /> color: var(--messagebox-safe-color)<br /> }<br /> <br /> .messagebox.safe a,.messagebox.safe a:visited,.messagebox.safe a:active {<br /> color: var(--messagebox-safe-link-color)<br /> }<br /> <br /> .messagebox.disambig {<br /> background-color: var(--messagebox-disambig-background);<br /> border-color: var(--messagebox-disambig-border);<br /> color: var(--messagebox-disambig-color)<br /> }<br /> <br /> .messagebox.disambig a,.messagebox.disambig a:visited,.messagebox.disambig a:active {<br /> color: var(--messagebox-disambig-link-color)<br /> }<br /> <br /> .messagebox.discord {<br /> background-color: var(--messagebox-discord-background);<br /> border-color: var(--messagebox-discord-border);<br /> color: #fff<br /> }<br /> <br /> .messagebox.discord a,.messagebox.discord a:visited,.messagebox.discord a:active {<br /> color: var(--messagebox-discord-link-color)<br /> }<br /> <br /> .messagebox.discord a.external,.messagebox.discord a:visited.external,.messagebox.discord a:active.external {<br /> font-style: italic<br /> }<br /> <br /> .messagebox.stub {<br /> width: 40%<br /> }<br /> <br /> .messagebox.hasdialogue {<br /> padding: 0 10px;<br /> width: auto<br /> }<br /> <br /> :root {<br /> --ajaxpoll-background: #fafafa;<br /> --ajaxpoll-text-color: var(--byline-color);<br /> --ajaxpoll-answerbar-background: var(--body-light);<br /> --ajaxpoll-answerbar-border: var(--body-border)<br /> }<br /> <br /> .ajaxpoll {<br /> background: var(--ajaxpoll-background)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-hover-vote,.ajaxpoll .ajaxpoll-hover-revoke,.ajaxpoll .ajaxpoll-ajax {<br /> background: none<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote {<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote div {<br /> background: var(--ajaxpoll-answerbar-background);<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-our-vote div {<br /> border-color: #3c780a<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-misc,.ajaxpoll .ajaxpoll-info,.ajaxpoll .ajaxpoll-ajax {<br /> color: var(--ajaxpoll-text-color)<br /> }<br /> <br /> .ajaxpoll-id-info {<br /> display: none<br /> }<br /> <br /> .inventorytable,<br /> .lootingbagtable,<br /> .runepouchtable {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> height: auto;<br /> border-spacing: 0;<br /> border-collapse: separate;<br /> margin-top: 7px;<br /> margin-bottom: 7px;<br /> }<br /> <br /> .inventorytable.storage-left,<br /> .lootingbagtable.storage-left,<br /> .runepouchtable.storage-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .inventorytable.storage-center,<br /> .lootingbagtable.storage-center,<br /> .runepouchtable.storage-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .inventorytable.storage-right,<br /> .lootingbagtable.storage-right,<br /> .runepouchtable.storage-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .inventorytable td,<br /> .lootingbagtable td,<br /> .runepouchtable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> }<br /> <br /> .inventorytable {<br /> background-image: url(/images/e/e9/Inventory_tab.png);<br /> width: 204px;<br /> padding: 13px 16px 10px;<br /> }<br /> <br /> .inventorytable td {<br /> width: 43px;<br /> height: 36px;<br /> }<br /> <br /> .lootingbagtable {<br /> background-image: url(/images/7/78/Looting_bag_tab.png);<br /> width: 204px;<br /> padding: 31px 17px 20px 12px;<br /> }<br /> <br /> .lootingbagtable td {<br /> width: 44px;<br /> height: 32px;<br /> }<br /> <br /> .runepouchtable {<br /> background-image: url(/images/f/f1/Rune_pouch_background.png);<br /> width: 158px;<br /> padding: 24px 7px 6px;<br /> }<br /> <br /> .runepouchtable.storage-left {<br /> margin-left: 23px;<br /> }<br /> <br /> .runepouchtable.storage-right {<br /> margin-right: 23px;<br /> }<br /> <br /> .runepouchtable td {<br /> width: 32px;<br /> height: 32px;<br /> line-height: 1.6em;<br /> }<br /> <br /> .runepouchtable td.middle-rune {<br /> padding-left: 24px;<br /> padding-right: 24px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune {<br /> padding-left: 6px;<br /> padding-right: 6px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune {<br /> padding-left: 0;<br /> }<br /> <br /> .menagerietable {<br /> background-image: url(/images/9/9c/Menagerie_interface.png);<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> width: 300px;<br /> height: 250px;<br /> padding: 56px 28px 34px 6px;<br /> border-spacing: 0;<br /> }<br /> <br /> .menagerietable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> width: 46px;<br /> height: 32px;<br /> }<br /> <br /> .inventorytable .inv-quantity-text,<br /> .lootingbagtable .inv-quantity-text,<br /> .runepouchtable .inv-quantity-text,<br /> .equipment .inv-quantity-text {<br /> font-family: 'RuneScape Small';<br /> font-size: 12pt;<br /> position: absolute;<br /> top: -8px;<br /> left: 4px;<br /> text-shadow: #000 1px 1px;<br /> color: #ffff00;<br /> pointer-events: none;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-1,<br /> .lootingbagtable .inv-quantity-text.qty-1,<br /> .runepouchtable .inv-quantity-text.qty-1,<br /> .equipment .inv-quantity-text.qty-1 {<br /> color: #ffff00;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-100k,<br /> .lootingbagtable .inv-quantity-text.qty-100k,<br /> .runepouchtable .inv-quantity-text.qty-100k,<br /> .equipment .inv-quantity-text.qty-100k {<br /> color: #fff;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-10m,<br /> .lootingbagtable .inv-quantity-text.qty-10m,<br /> .runepouchtable .inv-quantity-text.qty-10m,<br /> .equipment .inv-quantity-text.qty-10m {<br /> color: #01ff80;<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {<br /> .inventorytable img,<br /> .lootingbagtable img,<br /> .runepouchtable img,<br /> .equipment img {<br /> image-rendering: pixelated;<br /> image-rendering: crisp-edges;<br /> }<br /> <br /> }<br /> <br /> .runepouchtable .inv-quantity-text {<br /> left: -1px;<br /> }<br /> <br /> .runepouchtable td.middle-rune .inv-quantity-text {<br /> left: 23px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune .inv-quantity-text {<br /> left: 5px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune .inv-quantity-text {<br /> left: 0;<br /> }<br /> <br /> .equipment .inv-quantity-text {<br /> top: -3px;<br /> }<br /> <br /> span.noted-item {<br /> width: 30px;<br /> height: 29px;<br /> text-align: center;<br /> display: inline-block;<br /> }<br /> <br /> span.noted-item a {<br /> width: 30px;<br /> height: 29px;<br /> }<br /> <br /> .noted-item a {<br /> background-image: url(/images/3/3a/Bank_note.png);<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> background-position: center;<br /> }<br /> <br /> td.noted-item a {<br /> width: 32px;<br /> line-height: 28px;<br /> }<br /> <br /> .noted-item img {<br /> transform: scale(0.65);<br /> }<br /> <br /> .equipment {<br /> background: #3e3529;<br /> border: 9px solid transparent;<br /> border-image-source: url(/images/c/c7/Interface_border.png);<br /> border-image-slice: 9;<br /> border-image-width: 9px;<br /> border-image-outset: 0;<br /> border-image-repeat: repeat;<br /> margin: 7px 0;<br /> padding: 0 2px 0 3px;<br /> }<br /> <br /> @media all and (max-width: 720px) {<br /> table.equipment {<br /> width: initial !important;<br /> }<br /> <br /> }<br /> <br /> .equipment-div,<br /> .equipment-div-buttons {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> position: relative;<br /> width: 175px;<br /> display: flex;<br /> }<br /> <br /> .equipment-div {<br /> background-image: url(/images/a/a7/Worn_equipment_tab_%28no_buttons%29.png);<br /> height: 222px;<br /> margin: 15px 0 14px;<br /> }<br /> <br /> .equipment-div-buttons {<br /> background-image: url(/images/e/e3/Worn_equipment_tab_%28borderless%29.png);<br /> height: 244px;<br /> margin: 4px 0 3px;<br /> }<br /> <br /> .equipment-blank {<br /> background-image: url(/images/c/cf/Blank_slot.png);<br /> width: 36px;<br /> height: 36px;<br /> }<br /> <br /> .equipment-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .equipment-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .equipment-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .equipment-stats,<br /> .equipment-ikod {<br /> font-family: RuneScape;<br /> font-size: 16px;<br /> line-height: 14px;<br /> color: #ff981f;<br /> text-shadow: 1px 1px 0 black;<br /> }<br /> <br /> td.equipment-stats b {<br /> font-family: RuneScape;<br /> font-weight: bold;<br /> display: block;<br /> margin-top: 2px;<br /> }<br /> <br /> td.equipment-stats data {<br /> display: block;<br /> padding-left: 8px;<br /> }<br /> <br /> td.equipment-stats data img {<br /> vertical-align: bottom;<br /> }<br /> <br /> td.equipment-ikod {<br /> max-width: 325px;<br /> }<br /> <br /> td.equipment-ikod em {<br /> font-style: normal;<br /> display: block;<br /> margin-bottom: 3px;<br /> }<br /> <br /> td.equipment-ikod b {<br /> font-weight: normal;<br /> color: white;<br /> }<br /> <br /> td.equipment-ikod strong {<br /> font-weight: normal;<br /> color: red;<br /> }<br /> <br /> td.equipment-ikod ul {<br /> list-style: none;<br /> margin: 0;<br /> }<br /> <br /> td.equipment-ikod li {<br /> display: inline-block;<br /> width: 32px;<br /> height: 32px;<br /> line-height: 32px;<br /> margin: 0;<br /> margin-right: 14px;<br /> }<br /> <br /> td.equipment-ikod img {<br /> cursor: help;<br /> }<br /> <br /> td.equipment-ikod hr {<br /> border-top: 1px solid #0e0e0c;<br /> border-bottom: 1px solid #474745;<br /> margin: 7px 0;<br /> }<br /> <br /> .equipment-plinkp {<br /> position: absolute;<br /> width: 36px;<br /> height: 36px;<br /> left: 0px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head,<br /> .equipment-cape,<br /> .equipment-neck,<br /> .equipment-ammo,<br /> .equipment-weapon,<br /> .equipment-torso,<br /> .equipment-shield,<br /> .equipment-legs,<br /> .equipment-gloves,<br /> .equipment-boots,<br /> .equipment-ring,<br /> .equipment-statsbutton,<br /> .equipment-ikodbutton {<br /> position: absolute;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head {<br /> left: 70px;<br /> top: 0px;<br /> }<br /> <br /> .equipment-cape {<br /> left: 29px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-neck {<br /> left: 70px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-ammo {<br /> left: 111px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-weapon {<br /> left: 14px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-torso {<br /> left: 70px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-shield {<br /> left: 126px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-legs {<br /> left: 70px;<br /> top: 118px;<br /> }<br /> <br /> .equipment-gloves {<br /> left: 14px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-boots {<br /> left: 70px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-ring {<br /> left: 126px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-statsbutton {<br /> top: 204px;<br /> left: 0px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> .equipment-ikodbutton {<br /> top: 204px;<br /> left: 90px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> :root {<br /> --transcript-border-color: #b4a36a;<br /> --transcript-border-hover-color: #876f1d;<br /> --transcript-strikethrough-color: #800000<br /> }<br /> <br /> .transcript {<br /> background: var(--body-light);<br /> border-radius: 0 0 120px 120px / 0 0 8px 8px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> max-width: 90ch;<br /> overflow: hidden;<br /> margin-bottom: 1em;<br /> padding: 0.5em 1em 1em;<br /> clear: left<br /> }<br /> <br /> .transcript.godletter {<br /> margin: 1em auto;<br /> padding: 1em 1.5em;<br /> max-width: 60ch<br /> }<br /> <br /> .quest-action {<br /> text-align: center;<br /> font-style: italic;<br /> margin: 0 5%<br /> }<br /> <br /> .quest-action:before,.quest-action:after {<br /> content: '———';<br /> margin: 4px;<br /> letter-spacing: -1px<br /> }<br /> <br /> .transcript-chatbox-image {<br /> display: inline-block;<br /> margin-right: 5px;<br /> position: relative;<br /> text-align: center;<br /> width: 32px<br /> }<br /> <br /> .transcript-chatbox-image + .transcript-chatbox-image {<br /> left: -10px;<br /> top: 10px;<br /> margin-right: 0<br /> }<br /> <br /> .transcript-opt::before {<br /> display: inline-block;<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> width: 7px;<br /> height: 10px;<br /> margin-right: 5px<br /> }<br /> <br /> .transcript-opt.disabled {<br /> filter: opacity(0.5)<br /> }<br /> <br /> .ns-120 .mw-parser-output s,.transcript s {<br /> text-decoration-color: var(--transcript-strikethrough-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output .template-colour,.transcript .template-colour {<br /> text-shadow: 1px 1px #000a<br /> }<br /> <br /> :root {<br /> --byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%);<br /> --tile-border-color: #596e96;<br /> --tile-background-color: #313e59;<br /> --tile-link-button-color: #222e45;<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255,255,255,0.7);<br /> --tile-dark-header-color: #fff<br /> }<br /> <br /> .tile {<br /> background: var(--tile-background-color);<br /> border: 1px solid var(--tile-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1.5em 2em 1em;<br /> max-width: 40em<br /> }<br /> <br /> .tile h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile.dark {<br /> color: var(--tile-dark-color);<br /> background: var(--tile-dark-bg);<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .tile.dark h2 {<br /> color: var(--tile-dark-header-color)<br /> }<br /> <br /> .tile.dark a {<br /> color: var(--tile-dark-link-color)<br /> }<br /> <br /> .tile.dark .byline {<br /> color: var(--tile-dark-byline-color)<br /> }<br /> <br /> .byline {<br /> font-size: 0.9em;<br /> color: var(--byline-color)<br /> }<br /> <br /> .byline a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .tile-row {<br /> display: flex;<br /> flex-flow: row wrap;<br /> margin-bottom: 1em<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-flow: row wrap;<br /> border: 1px solid var(--tile-border-color);<br /> background: var(--tile-background-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .tile-halves h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile-halves .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile-top {<br /> width: 100%;<br /> padding: 1.3rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-top.tile-image {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--byline-color);<br /> overflow: hidden;<br /> padding: 0;<br /> height: 13vw;<br /> max-height: 12em;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-halves:hover .tile-top.tile-image img {<br /> transform: scale(1.1);<br /> transition: 0.5s ease-out<br /> }<br /> <br /> .tile-top.tile-image a {<br /> width: 100%<br /> }<br /> <br /> .tile-top.tile-image img {<br /> width: 100%;<br /> object-fit: cover;<br /> max-height: 200px;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-top.tile-image span {<br /> width: 100%<br /> }<br /> <br /> .tile-bottom {<br /> background: var(--tile-background-color);<br /> border-top: 1px solid var(--tile-border-color);<br /> width: 100%;<br /> padding: 1rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-bottom.link-button {<br /> align-self: flex-end;<br /> padding: 0<br /> }<br /> <br /> .tile-bottom.link-button a {<br /> display: block;<br /> text-align: center;<br /> padding: 0.75em 1.5em 0.8em;<br /> text-decoration: none<br /> }<br /> <br /> .tile-bottom.read-more {<br /> background: var(--tile-link-button-color);<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile-bottom.read-more a {<br /> color: var(--byline-color);<br /> font-weight: bold;<br /> text-align: right<br /> }<br /> <br /> .tile-bottom.read-more:hover {<br /> background: var(--tile-link-button-highlight-color)<br /> }<br /> <br /> .tile-bottom.read-more:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .tile-bottom.read-more .arrow {<br /> filter: var(--byline-arrow-filter);<br /> margin-left: 0.4em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile.oswf-day {<br /> margin-left: 0.5em<br /> }<br /> <br /> .oswf-tile {<br /> margin: 1em<br /> }<br /> <br /> .oswf-tile.oswf-complete {<br /> opacity: 0.65<br /> }<br /> <br /> .oswf-tile .oswf-summary {<br /> font-size: 105%;<br /> line-height: 1.6;<br /> margin-top: -0.4em<br /> }<br /> <br /> .oswf-tile .oswf-img {<br /> display: block;<br /> max-width: 75px;<br /> float: right<br /> }<br /> <br /> .oswf-tile .oswf-img img {<br /> max-width: 100%;<br /> height: auto<br /> }<br /> <br /> .oswf-tile .oswf-guidance {<br /> border-top: 1px solid #eee;<br /> padding-top: 1em<br /> }<br /> <br /> body.page-Main_Page .mw-parser-output {<br /> max-width: 75em;<br /> margin: 0 auto;<br /> }<br /> <br /> body.page-Main_Page.action-view .catlinks,<br /> body.page-Main_Page.action-view #contentSub,<br /> body.page-Main_Page.action-view #siteNotice {<br /> display: none;<br /> }<br /> <br /> body.page-Main_Page h1 { display: none; }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> margin: 2.6em 1.75em 1.5em<br /> }<br /> <br /> .mainpage-header .header-intro {<br /> flex: 2<br /> }<br /> <br /> .mainpage-header .header-intro h1 {<br /> font-size: 2.5em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.15em<br /> }<br /> <br /> .mainpage-header .header-intro p {<br /> font-size: 1.1em;<br /> line-height: 1.7em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> flex: 1;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> margin-top: -1em<br /> }<br /> <br /> .mainpage-body {<br /> display: grid;<br /> grid-template-areas: &quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left right&quot;;<br /> gap: 0.9rem;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-body h2 a {<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-body .tile {<br /> padding-left: 1.75em;<br /> padding-right: 1.75em;<br /> max-width: 100%<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> width: 100%;<br /> margin-bottom: 0<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> display: grid;<br /> gap: 0.9rem<br /> }<br /> <br /> .mainpage-left {<br /> grid-area: left;<br /> flex: 2;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-left &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .mainpage-right {<br /> grid-area: right;<br /> flex: 1;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-right &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .arrow {<br /> background: url(/images/White-chevron.svg?b82be) no-repeat;<br /> display: inline-block;<br /> height: 0.7rem;<br /> width: 0.45rem;<br /> vertical-align: middle<br /> }<br /> <br /> .arrow.dark {<br /> filter: invert(80%)<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-area: update;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves {<br /> flex: 1;<br /> align-content: flex-start<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-bottom.link-button a {<br /> text-align: left;<br /> padding: 1rem 1.5rem 0.75rem<br /> }<br /> <br /> .mainpage-recent-updates h2 {<br /> margin: -0.5em 0 0.3em<br /> }<br /> <br /> .mainpage-recent-updates p:not(.byline) {<br /> font-size: 0.9em;<br /> line-height: 1.75em;<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-contents {<br /> grid-area: content;<br /> grid-template-columns: repeat(6,1fr)<br /> }<br /> <br /> .mainpage-contents .tile-halves {<br /> flex: 1<br /> }<br /> <br /> .mainpage-contents .tile-top {<br /> position: relative<br /> }<br /> <br /> .mainpage-contents h2 {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> .mainpage-contents .tile-bottom.link-button a {<br /> padding: 0.75em 0.2em<br /> }<br /> <br /> .mainpage-skills ul {<br /> columns: 3 9em;<br /> margin: 1em 0.7em 0.7em 1em<br /> }<br /> <br /> .mainpage-skills li {<br /> display: flex;<br /> margin-bottom: 0.29em<br /> }<br /> <br /> .mainpage-skills li a:first-child {<br /> border-radius: 2px;<br /> padding: 4px;<br /> width: 25px;<br /> height: 25px;<br /> text-align: center;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center<br /> }<br /> <br /> .mainpage-skills li a:last-child {<br /> flex: 1;<br /> display: flex;<br /> align-items: center;<br /> font-weight: bold;<br /> padding-left: 0.7em;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-skills li:hover a:first-child {<br /> border-radius: 2px 0 0 2px<br /> }<br /> <br /> .mainpage-skills li:hover a:last-child {<br /> color: rgba(255,255,255,0.9);<br /> border-radius: 0 2px 2px 0<br /> }<br /> <br /> .skill-agility a:first-child,.skill-melee a:first-child {<br /> background: #bc483d<br /> }<br /> <br /> .skill-agility:hover a:last-child,.skill-melee:hover a:last-child {<br /> background: #932419<br /> }<br /> <br /> .skill-ranged a:first-child {<br /> background: #748d36<br /> }<br /> <br /> .skill-ranged:hover a:last-child {<br /> background: #4c6215<br /> }<br /> <br /> .skill-magic a:first-child {<br /> background: #6274ab<br /> }<br /> <br /> .skill-magic:hover a:last-child {<br /> background: #304791<br /> }<br /> <br /> .skill-fishing a:first-child,.skill-fletching a:first-child {<br /> background: #3e8e9a<br /> }<br /> <br /> .skill-fishing:hover a:last-child,.skill-fletching:hover a:last-child {<br /> background: #1a6671<br /> }<br /> <br /> .skill-cooking a:first-child,.skill-thieving a:first-child {<br /> background: #91689e<br /> }<br /> <br /> .skill-cooking:hover a:last-child,.skill-thieving:hover a:last-child {<br /> background: #713684<br /> }<br /> <br /> .skill-farming a:first-child,.skill-woodcutting a:first-child {<br /> background: #59924f<br /> }<br /> <br /> .skill-farming:hover a:last-child,.skill-woodcutting:hover a:last-child {<br /> background: #306f25<br /> }<br /> <br /> .skill-mining a:first-child {<br /> background: #6385a8<br /> }<br /> <br /> .skill-mining:hover a:last-child {<br /> background: #315f8d<br /> }<br /> <br /> .skill-smithing a:first-child {<br /> background: #d2b244<br /> }<br /> <br /> .skill-smithing:hover a:last-child {<br /> background: #b69213<br /> }<br /> <br /> .popular-pages ul {<br /> display: grid;<br /> grid-template-columns: repeat(3,1fr);<br /> grid-gap: 0.6em;<br /> margin: 1em 0 0.7em 0<br /> }<br /> <br /> .mp-popular-page-light {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--button-background);<br /> transition: 100ms<br /> }<br /> <br /> .mp-popular-page-light a {<br /> flex: 1;<br /> display: block;<br /> color: #fff;<br /> font-weight: bold;<br /> text-align: center;<br /> text-decoration: none;<br /> padding: 0.7em 1em<br /> }<br /> <br /> .mp-popular-page-light:hover {<br /> filter: brightness(115%);<br /> transition: 100ms<br /> }<br /> <br /> .mainpage-discord {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-discord .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #5865f2;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-discord .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-discord .tile-bottom {<br /> background: #525ee0;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-discord .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-discord .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-discord .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-discord .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-youtube {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-youtube .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-youtube .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-youtube .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-youtube .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-youtube .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-youtube .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-youtube .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-rl {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-rl .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #383838;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-rl .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-rl .tile-bottom {<br /> background: #FF9300;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-rl .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-rl .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-rl .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-rl .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-twitter {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-twitter .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-twitter .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-twitter .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-twitter .twitter-logo {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-twitter .twitter-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-twitter .twitter-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-twitter .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .mainpage-editing {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-editing .tile-top {<br /> background: #222e45<br /> }<br /> <br /> .mainpage-editing .tile-bottom {<br /> background: #3980ab;<br /> border: none;<br /> padding: 0.8rem 1.5rem 0.4rem<br /> }<br /> <br /> .mainpage-editing h2,.mainpage-editing a {<br /> color: #fff<br /> }<br /> <br /> .mainpage-editing p {<br /> color: rgba(255,255,255,0.9)<br /> }<br /> <br /> .mainpage-editing ul {<br /> list-style-image: url(/images/Transparent-chevron.svg?20dcf)<br /> }<br /> <br /> .mainpage-poll .ajaxpoll {<br /> border: none;<br /> background: none;<br /> padding: 0;<br /> width: auto<br /> }<br /> <br /> .mainpage-trailblazer {<br /> grid-area: event<br /> }<br /> <br /> .mainpage-trailblazer .tb-logo {<br /> margin-bottom: 0.9rem<br /> }<br /> <br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-trailblazer .tile-row .tile-top {<br /> height: 20vw;<br /> min-height: 9em<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1200px) {<br /> .mainpage-contents {<br /> grid-template-columns:repeat(3,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1000px) {<br /> .mainpage-body {<br /> grid-template-areas:&quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left left&quot; &quot;right right right&quot;<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-top {<br /> height: 18vw;<br /> min-height: 9em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> display: none<br /> }<br /> <br /> .mainpage-left &gt; *:last-child,.mainpage-right &gt; *:last-child {<br /> margin-bottom: 0<br /> }<br /> <br /> .popular-pages ul {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-recent-updates {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: flex<br /> }<br /> <br /> .mainpage-contents {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background-color: var(--body-main);<br /> border-top-color: var(--body-border);<br /> box-shadow: none<br /> }<br /> <br /> .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,.mw-prefs-tabs &gt; .oo-ui-menuLayout-content &gt; .oo-ui-indexLayout-stackLayout &gt; .oo-ui-tabPanelLayout {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --rc-positive-color: #407813;<br /> --rc-negative-color: #b41e0f<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: var(--rc-positive-color)<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: var(--rc-negative-color)<br /> }<br /> <br /> .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {<br /> border-color: var(--body-border);<br /> background-color: var(--body-light);<br /> border-radius: 2px<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-menuSelectWidget-footer {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-tagItemWidget-popup-content {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-changeslist-legend,.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .client-js .mw-changeslist ul,.client-js .mw-changeslist table.mw-enhanced-rc {<br /> margin-left: 0<br /> }<br /> <br /> .mw-rcfilters-ui-watchlistTopSectionWidget-separator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-header {<br /> border-bottom-color: var(--ooui-interface);<br /> background-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-title {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-header {<br /> border-bottom-color: var(--ooui-interface-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-savedLinksListItemWidget-label {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted ul,.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted table.mw-enhanced-rc {<br /> margin-left: 1.5em<br /> }<br /> <br /> .page-Special_CreateAccount .mw-ui-container,.page-Special_UserLogin .mw-ui-container {<br /> max-width: 64rem;<br /> margin: 0 auto<br /> }<br /> <br /> .mw-number-text {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-body-content .mw-number-text h3 {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-indicator-mw-helplink a {<br /> background: none;<br /> padding: 0;<br /> display: flex;<br /> align-items: center<br /> }<br /> <br /> #mw-indicator-mw-helplink a::before {<br /> content: '';<br /> margin-right: 5px;<br /> -webkit-mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> background: var(--text-color);<br /> height: 20px;<br /> width: 20px<br /> }<br /> <br /> .results-info {<br /> color: inherit<br /> }<br /> <br /> .mw-search-profile-tabs {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> .search-types .current a {<br /> color: inherit<br /> }<br /> <br /> #mw-searchoptions {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> #mw-searchoptions .divider {<br /> border-color: var(--body-border)<br /> }<br /> <br /> #mw-searchoptions h4 {<br /> font-family: inherit<br /> }<br /> <br /> #mw-searchoptions .oo-ui-labelElement:nth-of-type(odd) {<br /> font-weight: bold<br /> }<br /> <br /> .searchresult {<br /> line-height: 1.5<br /> }<br /> <br /> .searchalttitle,#mw-search-interwiki li {<br /> font-size: 90%<br /> }<br /> <br /> .mw-search-result-data {<br /> color: var(--byline-color)<br /> }<br /> <br /> .page-Special_ListFiles a.image img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .page-Special_ListFiles .TablePager_col_thumb {<br /> text-align: center<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] {<br /> background-color: var(--body-main) !important;<br /> border-color: var(--wikitable-border) !important;<br /> margin-top: 0.5em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th,#editcount table[border=&quot;1&quot;] td {<br /> padding: 0.2em 0.4em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th {<br /> background-color: var(--wikitable-header-bg);<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] td {<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] tr:nth-child(odd) {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget {<br /> background-color: inherit<br /> }<br /> <br /> table.mw-interwikitable.body td.mw-interwikitable-local-yes {<br /> background-color: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .mw-protectedpages-unknown {<br /> color: var(--byline-color)<br /> }<br /> <br /> .watchlistredir,.allpagesredirect {<br /> font-style: italic<br /> }<br /> <br /> .allpagesredirect:after {<br /> color: var(--byline-color);<br /> content: &quot; (redirect)&quot;<br /> }<br /> <br /> .mw-apisandbox-toolbar {<br /> background: var(--body-main)<br /> }<br /> <br /> .oo-ui-menuOptionWidget .mw-apisandbox-flag {<br /> color: var(--byline-color)<br /> }<br /> <br /> tr.mw-abusefilter-list-disabled,tr.mw-abusefilter-list-disabled td {<br /> color: var(--byline-color)<br /> }<br /> <br /> table.mw-abuselog-details {<br /> background: var(--wikitable-bg);<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> table.mw-abuselog-details th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> table.mw-abuselog-details th,table.mw-abuselog-details td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-abusefilter-log-hidden-entry {<br /> color: var(--subtle-color)<br /> }<br /> <br /> body td.mw-abusefilter-history-changed {<br /> background: var(--table-no-background)<br /> }<br /> <br /> div.mw-abusefilter-editor,#mw-abusefilter-warn-preview,#mw-abusefilter-disallow-preview {<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-destfile-warning {<br /> border-color: var(--warningbox-border);<br /> color: var(--text-color);<br /> background-color: var(--warningbox-bg)<br /> }<br /> <br /> span.fileinput-button {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> ul.fileupload-results li.ful-success {<br /> background-color: var(--successbox-bg)<br /> }<br /> <br /> ul.fileupload-results li.ful-success a {<br /> color: var(--link-color)<br /> }<br /> <br /> ul.fileupload-results li.ful-error {<br /> background-color: var(--errorbox-bg)<br /> }<br /> <br /> #siteNotice {<br /> text-align: center<br /> }<br /> <br /> #siteNotice ul {<br /> list-style: none<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-body {<br /> margin: 0<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-close {<br /> float: none;<br /> text-align: right<br /> }<br /> <br /> .mw-dismissable-notice-close-parent {<br /> min-height: 1em<br /> }<br /> <br /> .mmg-xpline:after {<br /> content: ','<br /> }<br /> <br /> .mmg-xpline:last-child:after {<br /> content: ''<br /> }<br /> <br /> .mmg-itemline {<br /> display: block<br /> }<br /> <br /> .discussiontable th {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .discussiontable .topic,.discussiontable .edited,.discussiontable .edited-by,.discussiontable .rg-archive {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .dpltable {<br /> margin-top: -30px<br /> }<br /> <br /> .dpltable td {<br /> padding-left: 5px<br /> }<br /> <br /> .dpltable,.discussiontable {<br /> width: 100%<br /> }<br /> <br /> .dpltable .topic,.discussiontable .topic {<br /> width: 40%<br /> }<br /> <br /> .dpltable .edited,.discussiontable .edited,.dpltable .edited-by,.discussiontable .edited-by {<br /> width: 30%<br /> }<br /> <br /> .dpltable .rg-archive,.discussiontable .rg-archive {<br /> width: 20%<br /> }<br /> <br /> body.ns-110 #ca-talk {<br /> display: none<br /> }<br /> <br /> :root {<br /> --gemw-positive-color: #6bc71f;<br /> --gemw-unchanged-color: #3ea6e6;<br /> --gemw-negative-color: #ee4231;<br /> --gemw-historical-border-color: #000<br /> }<br /> <br /> .gemw-container {<br /> max-width: 60em;<br /> margin: 4em auto<br /> }<br /> <br /> .gemw-header {<br /> display: flex;<br /> border-left-width: 0.25em;<br /> border-left-style: solid;<br /> padding-left: 1em;<br /> margin-bottom: 3em<br /> }<br /> <br /> .gemw-header.positive {<br /> border-color: var(--gemw-positive-color)<br /> }<br /> <br /> .gemw-header.negative {<br /> border-color: var(--gemw-negative-color)<br /> }<br /> <br /> .gemw-header.unchanged {<br /> border-color: var(--gemw-unchanged-color)<br /> }<br /> <br /> .gemw-header .gemw-section-left {<br /> flex: 1<br /> }<br /> <br /> .gemw-header .gemw-name {<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> margin-bottom: 0<br /> }<br /> <br /> .gemw-header .gemw-name a {<br /> color: inherit<br /> }<br /> <br /> .gemw-header .gemw-examine {<br /> color: var(--byline-color);<br /> font-size: 1.05em;<br /> font-style: italic;<br /> margin: 0 1em 1.25em 0<br /> }<br /> <br /> .gemw-header .gemw-price {<br /> display: inline-block;<br /> font-size: 2.75em;<br /> font-weight: bold<br /> }<br /> <br /> .gemw-header .gemw-price::after {<br /> content: ' coins';<br /> color: var(--byline-color);<br /> font-size: 1rem;<br /> font-weight: normal;<br /> word-spacing: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-change {<br /> display: inline-block;<br /> font-size: 1rem;<br /> font-weight: bold;<br /> margin-left: 2em;<br /> word-spacing: 0.5em<br /> }<br /> <br /> .gemw-header .gemw-change img {<br /> vertical-align: baseline<br /> }<br /> <br /> .gemw-header .gemw-section-right {<br /> text-align: right<br /> }<br /> <br /> .gemw-header .gemw-updated {<br /> color: var(--byline-color);<br /> line-height: 1.5em;<br /> margin-top: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-time {<br /> color: var(--byline-color);<br /> font-weight: bold<br /> }<br /> <br /> .gemw-body {<br /> display: flex<br /> }<br /> <br /> .gemw-body .gemw-section-left {<br /> width: 40%;<br /> margin-right: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left dl {<br /> display: flex;<br /> flex-flow: row wrap;<br /> justify-content: space-between;<br /> margin-bottom: -1.25em<br /> }<br /> <br /> .gemw-body .gemw-section-left &gt; div {<br /> margin-top: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .gemw-body .gemw-property {<br /> width: 30%;<br /> border-top: 0.15em dotted var(--body-mid);<br /> padding-top: 0.25em;<br /> margin-bottom: 1.5em<br /> }<br /> <br /> .gemw-body .gemw-property dt {<br /> color: var(--byline-color);<br /> font-weight: normal<br /> }<br /> <br /> .gemw-body .gemw-property dd {<br /> font-weight: bold;<br /> margin: -0.25em 0 0<br /> }<br /> <br /> .gemw-body .gemw-links {<br /> color: var(--byline-color);<br /> margin-bottom: 0.35em<br /> }<br /> <br /> .gemw-body .gemw-section-right {<br /> width: 60%<br /> }<br /> <br /> .gemw-body .gemw-chart {<br /> color: #eceeee;<br /> font-size: 5em;<br /> text-align: center;<br /> line-height: 5em;<br /> position: relative<br /> }<br /> <br /> .gemw-body .gemw-chart .GEChartBox,.gemw-body .gemw-chart .GEdatachart {<br /> position: relative<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header.positive,.gemw-container.gemw-historical .gemw-header.negative,.gemw-container.gemw-historical .gemw-header.neutral,.gemw-container.gemw-historical .gemw-header.unchanged {<br /> border-color: var(--gemw-historical-border-color)<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-time .jsPurgeLink,.gemw-container.gemw-historical .gemw-header .gemw-time &gt; span.plainlinks {<br /> display: none<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-section-left:after {<br /> content: &quot;This is a historical item no longer available on the Grand Exchange. The data is preserved here as an archive.&quot;;<br /> font-style: italic<br /> }<br /> <br /> #overlay {<br /> display: none;<br /> background-color: var(--ooui-window-background);<br /> height: auto;<br /> width: auto;<br /> overflow: hidden;<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> bottom: 0;<br /> left: 0;<br /> z-index: 50<br /> }<br /> <br /> #GEchartpopup g.highcharts-label text &gt; a:visited,.GEdatachart g.highcharts-label text &gt; a:visited {<br /> fill: white<br /> }<br /> <br /> #GEchartpopup {<br /> background: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> border-radius: 2px;<br /> color: var(--ooui-text);<br /> position: fixed;<br /> left: 0;<br /> right: 0;<br /> top: 1em;<br /> bottom: 1em;<br /> margin: auto;<br /> padding: 1em;<br /> max-width: 975px;<br /> z-index: 52;<br /> overflow: auto<br /> }<br /> <br /> #GEchartpopup #closepopup {<br /> float: right;<br /> margin-bottom: 5px;<br /> z-index: 100<br /> }<br /> <br /> #GEchartpopup #itemstats {<br /> bottom: 50px;<br /> font-size: 11px;<br /> position: absolute;<br /> right: 45px;<br /> width: 200px;<br /> z-index: 10<br /> }<br /> <br /> #GEchartpopup #itemstats caption {<br /> cursor: pointer;<br /> text-align: right<br /> }<br /> <br /> #GEpopupchart {<br /> height: 500px<br /> }<br /> <br /> .highcharts-container .highcharts-range-selector {<br /> font-size: 11px<br /> }<br /> <br /> .GEPermLink {<br /> float: right;<br /> font-size: 14px<br /> }<br /> <br /> .GEPermLink ~ .GEdatachart {<br /> clear: right<br /> }<br /> <br /> form[id^=&quot;chartProperties&quot;] button {<br /> margin: 3px<br /> }<br /> <br /> .smallChart .highcharts-range-selector {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-button title + rect {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-title {<br /> white-space: nowrap !important<br /> }<br /> <br /> .smallChart .zoomButton,.smallChart svg &gt; text:first-of-type,.smallChart .highcharts-input-group {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-scrollbar,.mediumChart .highcharts-scrollbar {<br /> display: none<br /> }<br /> <br /> .highcharts-background,.highcharts-plot-background {<br /> fill: transparent<br /> }<br /> <br /> .highcharts-title,.highcharts-subtitle {<br /> color: var(--text-color) !important<br /> }<br /> <br /> .highcharts-axis-title {<br /> fill: var(--text-color) !important<br /> }<br /> <br /> .highcharts-yaxis-grid .highcharts-grid-line,.highcharts-tick,.highcharts-axis-line {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-axis-labels text,.highcharts-range-selector-group text {<br /> color: var(--ooui-text) !important;<br /> fill: var(--ooui-text) !important<br /> }<br /> <br /> .highcharts-label-box {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-button-box {<br /> fill: var(--ooui-normal)<br /> }<br /> <br /> .highcharts-navigator-outline {<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-track {<br /> fill: transparent;<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-button,.highcharts-scrollbar-thumb,.highcharts-navigator-handle {<br /> fill: var(--ooui-normal);<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-scrollbar-arrow {<br /> fill: var(--ooui-text)<br /> }<br /> <br /> .highcharts-scrollbar-rifles {<br /> stroke: var(--ooui-text)<br /> }<br /> <br /> #t-print,#t-permalink {<br /> display: none<br /> }<br /> <br /> .jcConfig {<br /> display: none<br /> }<br /> <br /> #filetoc {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> border-color: transparent;<br /> margin: 0.5em auto;<br /> text-align: center;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> .smwfact {<br /> display: none<br /> }<br /> <br /> .list-header {<br /> background-color: var(--body-mid);<br /> color: inherit<br /> }<br /> <br /> .editOptions {<br /> color: var(--text-color);<br /> background-color: var(--sourceeditor-background-secondary);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .updatedmarker {<br /> background-color: #c3e8a3;<br /> color: #162e02<br /> }<br /> <br /> .mw-json th,.mw-json td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-json td {<br /> background: var(--wikitable-bg)<br /> }<br /> <br /> .mw-json th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> <br /> html {<br /> -webkit-text-size-adjust: 100%<br /> }<br /> <br /> body {<br /> background: var(--body-background-image) var(--body-background-color) top left / 1500px 375px no-repeat;<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .vector-body {<br /> font-size: 0.9em<br /> }<br /> <br /> #firstHeading {<br /> font-weight: bold<br /> }<br /> <br /> pre,code,.mw-code {<br /> color: inherit;<br /> background-color: var(--mw-code-background-color);<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> dl {<br /> margin: 0<br /> }<br /> <br /> ul {<br /> list-style-image: var(--ul-list-style-image)<br /> }<br /> <br /> hr {<br /> background: none;<br /> border-color: var(--body-border);<br /> border-style: solid;<br /> border-width: 1px 0 0 0;<br /> height: initial<br /> }<br /> <br /> fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .vector-body blockquote {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --personal-links-bg: var(--body-main);<br /> --arrow-down: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5' fill='%23444'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading {<br /> background-color: var(--vector-tab-background);<br /> padding: 1em 0.75em 0.6923em;<br /> margin: 0<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading,.vector-menu-dropdown .vector-menu-heading:hover,.vector-menu-dropdown .vector-menu-heading:focus {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading:after {<br /> background-image: var(--arrow-down);<br /> opacity: 1<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-content {<br /> border-color: transparent;<br /> background-color: var(--body-light);<br /> box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);<br /> left: 0<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item a {<br /> color: var(--link-color)<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item.selected a,.vector-menu-dropdown .mw-list-item.selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> #p-personal {<br /> background: var(--personal-links-bg);<br /> top: 0;<br /> right: 0;<br /> border-radius: 0 0 0 4px;<br /> height: 1.875em<br /> }<br /> <br /> #p-personal ul {<br /> padding: 0 1em 0 0.4375em<br /> }<br /> <br /> .vector-search-box-inner {<br /> background: var(--search-box);<br /> height: 2.5em;<br /> margin-top: 0;<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-search-box-input {<br /> color: var(--text-color);<br /> height: 100%;<br /> border: none;<br /> background: none;<br /> padding-left: 0.75em<br /> }<br /> <br /> .vector-search-box-input::placeholder {<br /> color: var(--text-color);<br /> opacity: 0.67<br /> }<br /> <br /> .vector-search-box-inner:hover .vector-search-box-input,.vector-search-box-input:focus,.vector-search-box-inner:hover .vector-search-box-input:focus {<br /> border: none;<br /> box-shadow: none<br /> }<br /> <br /> :root {<br /> --searchbutton-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13'%3E%3Cg fill='none' stroke='%238cabe6' stroke-width='2'%3E%3Cpath d='M11.29 11.71l-4-4'/%3E%3Ccircle cx='5' cy='5' r='4'/%3E%3C/g%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .searchButton[name='go'] {<br /> background: no-repeat center var(--searchbutton-icon)<br /> }<br /> <br /> .vector-search-box {<br /> margin: 0<br /> }<br /> <br /> .vector-search-box form {<br /> margin-top: 0<br /> }<br /> <br /> .suggestions-results {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-result {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions a.mw-searchSuggest-link,.suggestions a.mw-searchSuggest-link:hover,.suggestions a.mw-searchSuggest-link:active,.suggestions a.mw-searchSuggest-link:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-special {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-special .special-label {<br /> color: var(--byline-color)<br /> }<br /> <br /> .suggestions-special .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current .special-label,.suggestions-result-current .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-panel {<br /> padding-top: 2.5em<br /> }<br /> <br /> .vector-menu-portal .vector-menu-heading {<br /> color: var(--background-text-color);<br /> font-weight: bold;<br /> background: none<br /> }<br /> <br /> .vector-menu-portal .vector-menu-content li a,.vector-menu-portal .vector-menu-content li a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-logo {<br /> filter: drop-shadow(0 2px 5px rgba(0,0,0,0.25));<br /> margin: -1.5em 0 0<br /> }<br /> <br /> #n-Discord a {<br /> color: #fff !important;<br /> font-weight: bold;<br /> border-radius: 4px;<br /> border: 1px solid #4c57d0;<br /> background-color: #5865f2;<br /> display: block;<br /> position: relative;<br /> padding: 4px 4px 5px calc(17px + 6.5px * 2);<br /> box-shadow: 0 2px 3px rgba(0,0,0,0.1);<br /> transition: 0.2s<br /> }<br /> <br /> #n-Discord a::before {<br /> content: 'Chat on ';<br /> font-weight: normal;<br /> opacity: 0.85<br /> }<br /> <br /> #n-Discord a::after {<br /> content: '';<br /> background: url(/images/0/06/Discord_logo_icon1.png) no-repeat;<br /> background-size: 17px 13px;<br /> filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));<br /> position: absolute;<br /> top: 5px;<br /> left: 7px;<br /> width: 17px;<br /> height: 13px<br /> }<br /> <br /> #n-Discord a:hover {<br /> text-decoration: none;<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a {<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a:hover {<br /> background-color: #4c57d0<br /> }<br /> <br /> :root {<br /> --vector-tab-background: var(--body-background-color);<br /> --vector-tab-background--hover: var(--body-mid);<br /> --vector-tab-link-color: var(--background-link-color);<br /> --watch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='transparent' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;);<br /> --unwatch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%238cabe6' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;)<br /> }<br /> <br /> .vector-menu-tabs-legacy {<br /> padding: 0<br /> }<br /> <br /> .vector-menu-tabs-legacy .new a,.vector-menu-tabs-legacy .new a:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected {<br /> background: var(--body-main)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected a,.vector-menu-tabs-legacy .selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy li a {<br /> color: var(--vector-tab-link-color);<br /> padding: 0 0.75em;<br /> padding-top: 1em<br /> }<br /> <br /> .vector-menu-tabs-legacy li a:visited {<br /> color: var(--vector-tab-link-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul li {<br /> background: var(--vector-tab-background)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul a:hover {<br /> text-decoration: none<br /> }<br /> <br /> #ca-view {<br /> display: none !important<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected):hover,#p-cactions:hover #p-cactions-label {<br /> background: var(--vector-tab-background--hover)<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected),#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-menu-tabs,.vector-menu-tabs a,#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> background-image: none<br /> }<br /> <br /> .ve-activated .vector-menu-tabs .selected {<br /> box-shadow: none<br /> }<br /> <br /> .vector-menu-tabs #ca-watch.icon a:before,.vector-menu-tabs #ca-watch.icon a:hover:before,.vector-menu-tabs #ca-watch.icon a:focus:before {<br /> background-image: var(--watch-icon)<br /> }<br /> <br /> .vector-menu-tabs #ca-unwatch.icon a:before,.vector-menu-tabs #ca-unwatch.icon a:hover:before,.vector-menu-tabs #ca-unwatch.icon a:focus:before {<br /> background-image: var(--unwatch-icon)<br /> }<br /> <br /> #p-Recent_changes {<br /> display: block<br /> }<br /> <br /> #p-Recent_changes .vector-menu-content {<br /> display: none<br /> }<br /> <br /> #p-Recent_changes .vector-menu-heading:after {<br /> content: '';<br /> position: relative;<br /> left: 0.5em;<br /> display: inline-block;<br /> background-color: #3c7b07;<br /> width: 6px;<br /> height: 6px;<br /> border-radius: 100%<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-item {<br /> position: relative;<br /> font-size: 0.75em;<br /> margin: 0.5em 0.25em 0 0.66em<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page {<br /> display: block;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden;<br /> max-width: max-content<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page,#p-Recent_changes .rc-sidebar-page:active,#p-Recent_changes .rc-sidebar-page:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user {<br /> color: var(--byline-color);<br /> margin: 0;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user a {<br /> color: inherit<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more {<br /> text-align: left<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more .rc-sidebar-page {<br /> display: inline-block<br /> }<br /> <br /> div.thumbinner {<br /> border: none;<br /> background-color: var(--thumb-bg);<br /> padding: 0<br /> }<br /> <br /> .thumbimage {<br /> background-color: transparent;<br /> border-color: transparent;<br /> border-bottom: none<br /> }<br /> <br /> .thumbcaption {<br /> background: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border)<br /> }<br /> <br /> .toc {<br /> font-size: 0.9em;<br /> background: var(--toc-bg);<br /> margin-top: 1em;<br /> padding: 0;<br /> border-color: var(--toc-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> clear: left<br /> }<br /> <br /> .toc .toctitle {<br /> background: var(--toc-title-bg);<br /> padding: 0.25em 1em<br /> }<br /> <br /> .toc .toctitle h2 {<br /> font-family: inherit<br /> }<br /> <br /> .toc &gt; ul {<br /> line-height: 1.8em;<br /> padding: 0.75em 1.75em;<br /> margin: 0<br /> }<br /> <br /> .toc ul ul {<br /> border-left: 1px dotted var(--toc-list-border-color);<br /> padding-left: 0.5em<br /> }<br /> <br /> .tocnumber {<br /> display: none<br /> }<br /> <br /> .toctogglespan {<br /> padding-left: 0.2em;<br /> font-size: 0.9em<br /> }<br /> <br /> .toctogglelabel {<br /> color: var(--link-color)<br /> }<br /> <br /> .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 {<br /> display: none<br /> }<br /> <br /> :root {<br /> --external-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238cabe6' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image: var(--external-icon);<br /> background-size: 0.833em<br /> }<br /> <br /> .mw-editsection {<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type),.mw-editsection-divider {<br /> color: var(--text-color)<br /> }<br /> <br /> #contentSub,#contentSub2 {<br /> color: var(--byline-color);<br /> margin: 0<br /> }<br /> <br /> #contentSub:not(:empty),#contentSub2:not(:empty) {<br /> margin: 0 0 1.4em 0<br /> }<br /> <br /> .mw-collapsible.mw-collapsed {<br /> min-width: 250px<br /> }<br /> <br /> .mw-collapsible:not(.mw-made-collapsible) th::before,.mw-collapsible .mw-collapsible-toggle {<br /> font-weight: normal;<br /> margin-left: 0.2em<br /> }<br /> .mw-collapsible-toggle-default .mw-collapsible-text {<br /> color: #8cabe6;<br /> }<br /> .wikiEditor-ui .wikiEditor-ui-view,.wikiEditor-ui .wikiEditor-ui-top {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar {<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab &gt; a,.wikiEditor-ui-toolbar .tabs span.tab &gt; a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a.current,.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br /> color: var(--text-colour)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select {<br /> background-color: var(--sourceeditor-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options .option {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group-search {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table td {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table th {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .section {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .group &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .tool &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet &gt; .index &gt; :hover {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet .index &gt; .current {<br /> background-color: var(--body-mid);<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span:hover {<br /> border-color: var(--body-dark);<br /> background-color: transparent<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a:before,.wikiEditor-ui-toolbar .group .tool-select .label:after {<br /> background: var(--text-color);<br /> -webkit-mask: var(--arrow-down) center no-repeat;<br /> mask: var(--arrow-down) center no-repeat<br /> }<br /> <br /> .ace-tm {<br /> background-color: var(--sourceeditor-input-background);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter {<br /> background: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-cell {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-active-line {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .ace_search {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ace_search_field {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .ace_searchbtn {<br /> border-color: var(--ooui-normal-border);<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ace_searchbtn:last-child {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .ace_searchbtn:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .ace_searchbtn.prev:after,.ace_searchbtn.next:after {<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .ace_button {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace_button:hover {<br /> background-color: rgba(0,23,70,0.086)<br /> }<br /> <br /> .ace_button:active {<br /> background-color: rgba(0,23,70,0.06)<br /> }<br /> <br /> .ace_button.checked {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .CodeMirror {<br /> background: var(--sourceeditor-input-background)<br /> }<br /> <br /> .CodeMirror pre {<br /> color: var(--text-color)<br /> }<br /> <br /> .codeEditor-status {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .codeEditor-status-message {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-gutters {<br /> background-color: var(--codemirror-gutter-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-linenumber {<br /> color: var(--text-color)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget .CodeMirror-linenumber {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-editform #wpTextbox1 {<br /> color: var(--text-color);<br /> background: var(--sourceeditor-input-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> input[name=&quot;model&quot;][value=&quot;Scribunto&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;css&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;less&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;javascript&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;json&quot;] ~ .wikiEditor-ui #wpTextbox1 {<br /> height: 600px<br /> }<br /> <br /> .tdg-templateDataDialog-listParamsPanel textarea.oo-ui-textInputWidget-autosized {<br /> resize: vertical<br /> }<br /> <br /> #wpAceFilterEditor {<br /> resize: horizontal<br /> }<br /> <br /> .warn-userupload,.ns-2 .upload-own-work {<br /> display: none<br /> }<br /> <br /> .ns-2 .warn-userupload {<br /> display: inline<br /> }<br /> <br /> textarea[name=&quot;wfUploadDescription&quot;] {<br /> height: 3em<br /> }<br /> <br /> #editform {<br /> margin-top: 1.25em<br /> }<br /> <br /> #mw-scribunto-input,#mw-scribunto-output {<br /> padding: 3px;<br /> font-family: monospace;<br /> font-size: 13px;<br /> line-height: 1.5em<br /> }<br /> <br /> #mw-scribunto-input {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> :root {<br /> --scribuntoconsole-input: #0b5884;<br /> --scibuntoconsole-print: #a48900;<br /> --scribuntoconsole-error: #9f261e;<br /> --scribuntoconsole-message: #3c780a;<br /> --scribuntoconsole-tabcomplete: #4f348b;<br /> --scribuntoconsole-clear: #9f261e<br /> }<br /> <br /> .mw-scribunto-console-fieldset {<br /> color: inherit;<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-scribunto-normalOutput,.mw-scribunto-print,.mw-scribunto-error,.mw-scribunto-propList,.mw-scribunto-message,.mw-scribunto-tabcomplete {<br /> background: none<br /> }<br /> <br /> .mw-scribunto-input {<br /> color: var(--scribuntoconsole-input)<br /> }<br /> <br /> .mw-scribunto-normalOutput {<br /> color: inherit<br /> }<br /> <br /> .mw-scribunto-print {<br /> color: var(--scibuntoconsole-print)<br /> }<br /> <br /> .mw-scribunto-error {<br /> color: var(--scribuntoconsole-error)<br /> }<br /> <br /> .mw-scribunto-propList,.mw-scribunto-message {<br /> color: var(--scribuntoconsole-message)<br /> }<br /> <br /> .mw-scribunto-tabcomplete {<br /> color: var(--scribuntoconsole-tabcomplete)<br /> }<br /> <br /> .mw-scribunto-clear {<br /> color: var(--scribuntoconsole-clear);<br /> border-bottom-color: var(--scribuntoconsole-clear)<br /> }<br /> <br /> .ui-widget-overlay {<br /> background: var(--ooui-window-background)<br /> }<br /> <br /> .ui-dialog,.ui-widget-content {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> background-image: none;<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar.ui-widget-header,.ui-widget-content .ui-dialog-titlebar.ui-widget-header {<br /> background-image: none !important;<br /> background-color: var(--body-dark) !important;<br /> border-color: var(--body-border) !important<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar .ui-dialog-title,.ui-widget-content .ui-dialog-titlebar .ui-dialog-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close,.ui-widget-content .ui-dialog-titlebar-close {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close:hover,.ui-widget-content .ui-dialog-titlebar-close:hover {<br /> background: var(--ooui-normal--hover);<br /> border: var(--link-color)<br /> }<br /> <br /> .ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {<br /> background: var(--ooui-normal) !important;<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border) !important<br /> }<br /> <br /> .ui-button:hover,.ui-state-default:hover,.ui-widget-content .ui-state-default:hover,.ui-widget-header .ui-state-default:hover {<br /> background: var(--ooui-normal--hover) !important;<br /> color: var(--ooui-text)<br /> }<br /> <br /> .infobox {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> font-size: 0.85em;<br /> width: 300px;<br /> margin: 0.5em 0 1em 1em;<br /> border-collapse: collapse;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> table-layout: fixed;<br /> word-break: break-word<br /> }<br /> <br /> .infobox .infobox-header {<br /> color: var(--infobox-text-color);<br /> font-size: 1.15em;<br /> line-height: 1.4em;<br /> background: var(--body-dark);<br /> padding: 0.5em 0<br /> }<br /> <br /> .infobox .infobox-header a {<br /> color: inherit;<br /> font-size: 1.15em;<br /> font-weight: bold<br /> }<br /> <br /> .infobox .infobox-subheader {<br /> background: var(--body-dark);<br /> color: var(--infobox-text-color);<br /> line-height: 2em<br /> }<br /> <br /> .infobox .infobox-subheader a {<br /> color: inherit<br /> }<br /> <br /> .infobox .infobox-subheader + .infobox-subheader {<br /> border-left: 2px solid var(--body-light)<br /> }<br /> <br /> .infobox .infobox-image {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-image.inventory-image {<br /> height: 32px<br /> }<br /> <br /> .infobox .infobox-image a.image + a.image {<br /> margin-left: 0.1em<br /> }<br /> <br /> .infobox .infobox-image img {<br /> max-width: 300px;<br /> height: auto<br /> }<br /> <br /> .infobox th:not(.infobox-header):not(.infobox-subheader):not(.infobox-nested) {<br /> text-align: right;<br /> vertical-align: top;<br /> border-right: 2px solid var(--body-dark);<br /> padding: 0.2em 0.5em<br /> }<br /> <br /> .infobox td {<br /> padding: 0.25em 0.5em;<br /> line-height: 1.6em<br /> }<br /> <br /> .infobox td.infobox-nested {<br /> padding: 0.25em 0;<br /> line-height: 1em<br /> }<br /> <br /> .infobox th ~ td {<br /> vertical-align: top<br /> }<br /> <br /> .infobox .infobox-padding {<br /> height: 0.5em;<br /> padding: 0;<br /> border: 0<br /> }<br /> <br /> .infobox .infobox-nested {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-nested + .infobox-nested {<br /> border-left: 2px solid var(--body-dark)<br /> }<br /> <br /> .infobox .infobox-cell-hidden {<br /> display: none<br /> }<br /> <br /> .infobox .infobox-full-width-content {<br /> max-width: 300px;<br /> text-align: center;<br /> overflow: hidden;<br /> padding: 0<br /> }<br /> <br /> .infobox .infobox-caption {<br /> font-weight: bold<br /> }<br /> <br /> .infobox select {<br /> max-width: 300px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .infobox-item .infobox-image {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .infobox.skill-info {<br /> float: none;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses {<br /> clear: left;<br /> float: none;<br /> word-break: break-word;<br /> font-size: 100%;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image {<br /> width: 125px;<br /> text-align: center;<br /> vertical-align: middle;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image-caption {<br /> font-size: 0.85em<br /> }<br /> <br /> .infobox-bonuses .infobox-subheader {<br /> width: 250px<br /> }<br /> <br /> .skill-info a[href$=&quot;?action=edit&quot;] + a[href$=&quot;?action=edit&quot;] {<br /> display: none<br /> }<br /> <br /> .poh-room {<br /> background-color: var(--infobox-room-poh-color);<br /> margin: auto;<br /> width: 100px<br /> }<br /> <br /> .poh-room img {<br /> display: block<br /> }<br /> <br /> .poh-room-row {<br /> display: flex<br /> }<br /> <br /> .poh-room-text {<br /> margin: auto;<br /> width: 92px<br /> }<br /> <br /> .infobox-buttons {<br /> text-align: center;<br /> max-width: 300px;<br /> display: none<br /> }<br /> <br /> .infobox-switch-resources {<br /> display: none<br /> }<br /> <br /> .switch-infobox .switch-infobox-triggers,.switch-infobox .loading-button {<br /> clear: left<br /> }<br /> <br /> .infobox-pure .max-hit-list a {<br /> display: inline-block;<br /> min-width: 32px;<br /> min-height: 32px;<br /> text-align: center<br /> }<br /> <br /> .advanced-data {<br /> display: none<br /> }<br /> <br /> .multi-infobox .infobox {<br /> margin: 0<br /> }<br /> <br /> :root {<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--body-dark);<br /> --navbox-group-title-background: var(--body-mid)<br /> }<br /> <br /> .navbox {<br /> font-size: 0.85em;<br /> background: var(--navbox-background);<br /> border-collapse: collapse;<br /> margin: 1em auto 0;<br /> width: 100%;<br /> clear: both;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .navbox img {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .navbox .navbox {<br /> font-size: 100%;<br /> margin: 0.5em auto 0;<br /> box-shadow: none<br /> }<br /> <br /> .navbox-title {<br /> font-size: 110%;<br /> line-height: 1.6em;<br /> background: var(--navbox-title-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-title-name {<br /> margin: 0 4em<br /> }<br /> <br /> .navbox-title .mw-collapsible-toggle {<br /> color: #fff;<br /> font-size: 0.9em;<br /> text-align: right<br /> <br /> }<br /> <br /> .navbox-title .navbox {<br /> font-size: 100%<br /> }<br /> <br /> .navbox-group:nth-child(2) {<br /> border-top: 1px solid var(--navbox-border)<br /> }<br /> <br /> .navbox-group-title {<br /> background: var(--navbox-group-title-background);<br /> border: 1px solid var(--navbox-border);<br /> border-width: 0 1px 1px 0;<br /> text-align: left;<br /> padding: 0.25em 1em;<br /> width: 1%;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list {<br /> border-bottom: 1px solid var(--navbox-border);<br /> padding: 0.25em 0.5em<br /> }<br /> <br /> .navbox-list ul {<br /> margin: 0<br /> }<br /> <br /> .navbox-list li {<br /> display: inline;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list li + li::before {<br /> content: '• '<br /> }<br /> <br /> .navbox-parent {<br /> padding: 0<br /> }<br /> <br /> .navbox-subgroup {<br /> border-collapse: collapse;<br /> border-spacing: 0;<br /> width: 100%<br /> }<br /> <br /> .navbox-subgroup &gt; tbody &gt; tr:last-child &gt; th,.navbox-subgroup &gt; tbody &gt; tr:last-child &gt; td {<br /> border-bottom: none<br /> }<br /> <br /> .navbox-footer {<br /> background: var(--navbox-footer-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-data {<br /> display: none<br /> }<br /> <br /> :root {<br /> --echo-icon-moon-bg-image: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='21' viewBox='0 0 21 21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.85464918.37900488c-1.91149353 1.51069427-3.13816124 3.84973402-3.13816124 6.47527736 0 4.55564936 3.69308349 8.24873286 8.24873286 8.24873286 2.5815709 0 4.8861545-1.1859235 6.3986798-3.0426994-.8206378 4.7389755-4.9523867 8.343122-9.9259291 8.343122-5.56375572 0-10.07407088-4.5103151-10.07407088-10.0740709 0-5.02506013 3.67919933-9.19079725 8.49074856-9.95036192z' fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-person-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213.836%22 viewBox=%220 0 12 13.836%22%3E %3Cpath fill='%234c4c4c' d=%22M1.938%2C6.656c-1.32%2C1.485-1.47%2C3.15-0.97%2C4.25c0.323%2C0.707%2C0.78%2C1.127%2C1.313%2C1.375 c0.496%2C0.229%2C1.074%2C0.273%2C1.658%2C0.282c0.023%2C0%2C0.04%2C0.03%2C0.062%2C0.03h4.187c0.61%2C0%2C1.225-0.125%2C1.75-0.405 c0.527-0.28%2C0.961-0.718%2C1.188-1.376c0.335-0.964%2C0.175-2.529-1.094-4.03C9.094%2C7.954%2C7.68%2C8.719%2C6.065%2C8.719 c-1.677%2C0-3.182-0.812-4.125-2.063H1.938z%22/%3E %3Cpath fill='%234c4c4c' d=%22M6.063%2C0c-1.89%2C0-3.595%2C1.674-3.594%2C3.563C2.467%2C5.45%2C4.173%2C7.155%2C6.06%2C7.155 c1.89%2C0%2C3.564-1.705%2C3.563-3.593C9.625%2C1.673%2C7.95%2C0%2C6.063%2C0L6.063%2C0z%22/%3E %3C/svg%3E&quot;);<br /> --echo-icon-bell-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebell%3C/title%3E%3Cpath d=%22M16 7a5.38 5.38 0 00-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 004 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 003-3H7a3 3 0 003 3z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-tray-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etray%3C/title%3E%3Cpath d=%22M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-fullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M1 1v6h2V3h4V1zm2 12H1v6h6v-2H3zm14 4h-4v2h6v-6h-2zm0-16h-4v2h4v4h2V1z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;);<br /> --echo-icon-exitFullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E exit fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M7 7V1H5v4H1v2zM5 19h2v-6H1v2h4zm10-4h4v-2h-6v6h2zm0-8h4V5h-4V1h-2v6z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-user-menu-legacy #pt-userpage a,.vector-user-menu-legacy #pt-anonuserpage {<br /> background-image: var(--echo-icon-person-bg-image);<br /> padding-top: 0;<br /> background-position-y: 0<br /> }<br /> <br /> .vector-user-menu-legacy #pt-anonuserpage {<br /> color: var(--byline-color)<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge,#pt-notifications-notice .mw-echo-notifications-badge {<br /> background-size: 75%;<br /> background-position: center 80%;<br /> background-repeat: no-repeat;<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .oo-ui-icon-bell {<br /> background-image: var(--echo-icon-bell-bg-image)<br /> }<br /> <br /> #pt-notifications-notice .oo-ui-icon-tray {<br /> background-image: var(--echo-icon-tray-bg-image)<br /> }<br /> <br /> #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-exitFullscreen-bg-image)<br /> }<br /> <br /> body.wgl-fixedWidth #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-fullscreen-bg-image)<br /> }<br /> <br /> #pt-theme-toggles .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-moon-bg-image)<br /> }<br /> <br /> #pt-anontalk {<br /> padding-top: 0.6em<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul {<br /> margin: 5px 0 0 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> margin: 5px 0 0 15px<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul,.ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> list-style: none;<br /> border-left: 1px dashed var(--transcript-border-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul:hover,.transcript &gt; ul:hover,.ns-120 .mw-parser-output &gt; ul ul:hover,.transcript &gt; ul ul:hover,.ns-120 .mw-parser-output &gt; ul ol:hover,.transcript &gt; ul ol:hover {<br /> border-color: var(--transcript-border-hover-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li,.transcript &gt; ul li,.ns-120 .mw-parser-output &gt; ul ul li,.transcript &gt; ul ul li,.ns-120 .mw-parser-output &gt; ul ol li,.transcript &gt; ul ol li {<br /> flex-direction: column;<br /> padding-left: 15px;<br /> margin: 14px 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li:last-of-type,.transcript &gt; ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ul li:last-of-type,.transcript &gt; ul ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ol li:last-of-type,.transcript &gt; ul ol li:last-of-type {<br /> margin-bottom: 0<br /> }<br /> <br /> .nodesktop {<br /> display: none<br /> }<br /> <br /> /*<br /> The following styles were used as a temporary fix for TabberNeue.<br /> We're currently using old Tabber because TabberNeue breaks if a tab<br /> dynamically changes size, such as multi-infobox.<br /> */<br /> <br /> :root {<br /> --tabber-inactive-tab-bg: #222e45;<br /> --tabber-fade-scroll: linear-gradient(to bottom,rgba(226,219,200,0),#d8ccb4 95%,#94866d);<br /> }<br /> <br /> .tabber__tabs {<br /> gap: 1px;<br /> }<br /> <br /> .tabber__tab {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> padding: 0.5em 0.8em;<br /> border: 1px solid var(--body-border);<br /> border-bottom: 0;<br /> }<br /> <br /> .tabber__tabs .tabber__tab {<br /> color: var(--text-color);<br /> }<br /> <br /> /* Specific styles needed to override color on Minerva. */<br /> body.mediawiki .tabber a:visited, <br /> body.mediawiki .tabber image a:visited,<br /> body.mediawiki .tabber a:active, <br /> body.mediawiki .tabber image a:active {<br /> color: var(--text-color);<br /> }<br /> <br /> .tabber__tab:active {<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab:hover {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab--active, .tabber__tab--active:visited {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__header, .tabber__section, .tabber__tabs {<br /> scroll-behavior: unset;<br /> box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* Add box shadow to tabber header */<br /> }<br /> <br /> .tabber__panel {<br /> /* Hide non-active tabs. */<br /> /* display:none conflicted with tabber somehow and hid all tabs. */<br /> width: 250;<br /> }<br /> <br /> .tabber__panel.tabber__panel--active {<br /> width: 300;<br /> }<br /> <br /> .tabber__section {<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> overflow-y: scroll;<br /> padding-bottom: 30px; /* only necessary for fade scroll hack */<br /> height: auto; /* Example height */<br /> width: auto; /* Example width */<br /> max-width: 1300px; /* Example max-width */<br /> }<br /> <br /> .tabber__panel {<br /> padding: 1em 1.5em;<br /> }<br /> <br /> .wikitable.hover th:hover {<br /> cursor: help;<br /> /* Add any additional styles specific to hovering over table headers */<br /> }<br /> <br /> /* Hover Box for switching the visibility of the selected item */<br /> .hoverbox { <br /> display:inline-block; <br /> padding:0em; <br /> color: white; /* Change this to the desired color */<br /> }<br /> <br /> .hoverbox .hoveritem { <br /> display:none; <br /> margin:0em; <br /> padding:0em; <br /> }<br /> <br /> .hoverbox .hoveritem.selected { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem.selected { <br /> display:none; <br /> }<br /> /* Style for the entire tier list */<br /> .tierlist {<br /> display: flex;<br /> gap: 20px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* Style for individual tiers */<br /> .tier {<br /> border: 1px solid #ccc;<br /> padding: 10px;<br /> width: 200px;<br /> min-height: 150px;<br /> background: #f9f9f9;<br /> border-radius: 8px;<br /> }<br /> <br /> /* Title for each tier */<br /> .tier h3 {<br /> text-align: center;<br /> margin-top: 0;<br /> }<br /> <br /> /* Style for the sortable list */<br /> .sortable {<br /> list-style: none;<br /> padding: 0;<br /> margin: 0;<br /> min-height: 50px;<br /> }<br /> <br /> /* Style for the dropdown selector */<br /> .tier-selector {<br /> width: 100%;<br /> padding: 5px;<br /> margin-top: 5px;<br /> }<br /> .collection-log-wrapper {<br /> margin: 10px 0;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .collection-log-killcount {<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> }<br /> <br /> .collection-log-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6, 48px);<br /> gap: 4px;<br /> padding: 6px 0;<br /> }<br /> <br /> <br /> .collection-log-item {<br /> width: 48px;<br /> height: 48px;<br /> border: 2px solid transparent; /* border only on container */<br /> border-radius: 4px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> position: relative;<br /> background-color: #1a2a3a;<br /> box-sizing: border-box;<br /> }<br /> <br /> .collection-log-item.obtained {<br /> border-color: #4caf50;<br /> background-color: #224422;<br /> }<br /> <br /> .collection-log-item.missing {<br /> border-color: #ffc107;<br /> background-color: #3a2a1a;<br /> }<br /> <br /> .collection-log-item img {<br /> max-width: 36px;<br /> max-height: 36px;<br /> object-fit: contain;<br /> border-radius: 2px;<br /> border: none; /* remove border here */<br /> opacity: 1;<br /> filter: none;<br /> }<br /> <br /> .collection-log-item.missing img {<br /> opacity: 0.3;<br /> filter: grayscale(100%);<br /> }<br /> <br /> .collection-log-qty-badge {<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> background: rgba(0, 0, 0, 0.7);<br /> color: white;<br /> font-size: 12px;<br /> font-weight: bold;<br /> line-height: 1;<br /> padding: 1px 4px;<br /> border-radius: 3px 0 0 0;<br /> user-select: none;<br /> }<br /> .collection-log-killcount-box {<br /> border: 2px solid black;<br /> background-color: #534d41;<br /> color: cyan;<br /> padding: 0.5em 1em;<br /> margin-bottom: 8px;<br /> text-align: center;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .ace_keyword { color: #c586c0 !important; }<br /> .ace_string { color: #ce9178 !important; }<br /> .ace_comment { color: #6a9955 !important; font-style: italic; }<br /> .ace_function { color: #dcdcaa !important; }<br /> .ace_constant { color: #569cd6 !important; }<br /> <br /> .mw-highlight .nf {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> .mw-highlight .nc {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> <br /> /* Highlight row on hover */<br /> .wikitable.lighttable tr:hover {<br /> background-color: #526382; /* dark blue highlight */<br /> color: #ffffff; /* readable text */<br /> }<br /> .custom-dropdown { position: relative; width: 150px; cursor: pointer; }<br /> .custom-dropdown .selected { background: #313e59; color: white; padding: 5px; border-radius: 4px; }<br /> .custom-dropdown .options { display: none; position: absolute; background: #222e45; top: 100%; left: 0; width: 100%; border-radius: 4px; z-index: 10; }<br /> .custom-dropdown .options div { padding: 5px; display: flex; align-items: center; }<br /> .custom-dropdown .options div:hover { background: #313e59; }<br /> .custom-dropdown .options div img.icon { width:16px; height:16px; margin-right:5px; }<br /> <br /> /* =========================<br /> Tier List<br /> ========================= */<br /> <br /> <br /> /* Main wrapper */<br /> <br /> .tier-list {<br /> margin:0;<br /> padding:0;<br /> }<br /> <br /> <br /> /* Tier rows */<br /> <br /> .tier-row {<br /> display:flex;<br /> height:60px;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> <br /> /* Tier labels */<br /> <br /> .tier-label {<br /> width:60px;<br /> height:60px;<br /> <br /> display:flex;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> font-size:42px;<br /> line-height:1;<br /> font-weight:bold;<br /> color:white;<br /> }<br /> <br /> <br /> /* Tier colours */<br /> <br /> .tier-s {<br /> background:#ff7f7f;<br /> }<br /> <br /> .tier-a {<br /> background:#ffbf7f;<br /> }<br /> <br /> .tier-b {<br /> background:#ffdf7f;<br /> }<br /> <br /> .tier-c {<br /> background:#ffff7f;<br /> color:black;<br /> }<br /> <br /> .tier-d {<br /> background:#bfff7f;<br /> }<br /> <br /> .tier-f {<br /> background:#7fbfff;<br /> }<br /> <br /> <br /> /* Drop areas */<br /> <br /> .tier-items {<br /> flex:1;<br /> height:60px;<br /> <br /> display:flex;<br /> align-items:center;<br /> flex-wrap:wrap;<br /> <br /> padding:3px;<br /> gap:3px;<br /> <br /> background:#222;<br /> border:1px dashed #777;<br /> <br /> margin:0 !important;<br /> }<br /> <br /> <br /> /* =========================<br /> Items<br /> ========================= */<br /> <br /> .tier-item {<br /> width:48px;<br /> height:48px;<br /> <br /> display:flex !important;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> cursor:grab;<br /> border-radius:5px;<br /> overflow:hidden;<br /> <br /> line-height:0;<br /> }<br /> <br /> <br /> /* Drag */<br /> <br /> .tier-item:active {<br /> cursor:grabbing;<br /> }<br /> <br /> <br /> /* MediaWiki wrapper fixes */<br /> <br /> .tier-item p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> display:flex !important;<br /> line-height:0 !important;<br /> }<br /> <br /> .tier-item span {<br /> display:flex !important;<br /> }<br /> <br /> .tier-item a {<br /> display:flex !important;<br /> width:64px;<br /> height:64px;<br /> <br /> align-items:center;<br /> justify-content:center;<br /> }<br /> <br /> <br /> /* Images */<br /> <br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> width:64px !important;<br /> height:64px !important;<br /> <br /> max-width:64px !important;<br /> max-height:64px !important;<br /> <br /> object-fit:contain !important;<br /> <br /> image-rendering:pixelated;<br /> image-rendering:crisp-edges;<br /> }<br /> <br /> <br /> /* =========================<br /> Reward Pool<br /> ========================= */<br /> <br /> .reward-pool {<br /> display:flex;<br /> flex-wrap:wrap;<br /> gap:5px;<br /> <br /> padding:5px;<br /> margin:8px 0;<br /> }<br /> <br /> <br /> /* =========================<br /> Rarity backgrounds<br /> ========================= */<br /> <br /> .gold-item {<br /> background:rgba(212,175,55,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .silver-item {<br /> background:rgba(192,192,192,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .bronze-item {<br /> background:rgba(205,127,50,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .tier-list p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .tier-list p br {<br /> display:none !important;<br /> }<br /> <br /> /* Stop hover shifting */<br /> <br /> .tier-item,<br /> .tier-item a,<br /> .tier-item span,<br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> transform:none !important;<br /> }<br /> <br /> .tier-item a:hover,<br /> .tier-item img:hover,<br /> .tier-item .mw-file-element:hover {<br /> transform:none !important;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 .firstHeading {<br /> display:none;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 #contentSub {<br /> display:none !important;<br /> }</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:Common.css&diff=28894 2026-07-18T10:16:42Z

<p>Hefner: </p> <hr /> <div>:root {<br /> --body-background-image: url('filepath://Roat Pkz Wiki background darkmode1.jpg');<br /> --body-background-color: #071022;<br /> --body-main: #172136;<br /> --body-light: #313e59;<br /> --body-mid: #222e45;<br /> --body-dark: #222e45;<br /> --body-border: #596e96;<br /> --link-color: #8cabe6;<br /> --background-link-color: var(--link-color);<br /> --redlink-color: #f26d60;<br /> --text-color: #cbd9f4;<br /> --background-text-color: #cbd9f4;<br /> --byline-color: #98a2b6;<br /> --subtle-color: var(--byline-color);<br /> --search-box: var(--body-light);<br /> --admin-blue: #0087ff;<br /> --bearcat-green: #00ff55;<br /> --awb-purple: #f319ff;<br /> --sidebar: #222e45;<br /> --button-background: #617ebc;<br /> --button-dark: #617ebc;<br /> --button-border: #617ebc;<br /> --button-light: #617ebc;<br /> --wikitable-header-bg: #222e45;<br /> --wikitable-border: #172136;<br /> --wikitable-bg: #313e59;<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --wikitable-alternating-bg: #2a3651;<br /> --table-na-background: rgba(0, 0, 0, 0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #0b5884;<br /> --droptable-common-background: #3c780a;<br /> --droptable-uncommon-background: #a48900;<br /> --droptable-rare-background: #b55e0c;<br /> --droptable-veryrare-background: #9f261e;<br /> --droptable-random-background: #984c89;<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);<br /> --tile-border-color: var(--body-border);<br /> --tile-background-color: var(--body-light);<br /> --tile-link-button-color: var(--body-mid);<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255, 255, 255, 0.7);<br /> --tile-dark-header-color: #fff;<br /> --documentation-background: var(--body-light);<br /> --documentation-border: var(--sidebar);<br /> --documentation-link-color: var(--link-color);<br /> --documentation-headers-color: var(--text-color);<br /> --documentation-header-background: var(--body-dark);<br /> --documentation-subheader-background: #1f293e;<br /> --base-text-color: var(--text-color);<br /> --base-heading-color: var(--text-color);<br /> --base-heading-border: var(--sidebar);<br /> --mainpage-recent-updates-description-color: var(--text-color);<br /> --thumb-bg: var(--body-mid);<br /> --thumb-caption-bg: var(--body-light);<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid);<br /> --diff-addedline-background: #438ab5;<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-color: #fff;<br /> --diff-deletedline-background: #379541;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-color: #fff;<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: var(--errorbox-bg);<br /> --warningbox-border: var(--errorbox-border);<br /> --successbox-bg: #2e5e05;<br /> --successbox-border: #3c780a;<br /> --messagebox-obsolete-background: #464646;<br /> --messagebox-obsolete-border: #333;<br /> --messagebox-obsolete-color: #ddd;<br /> --messagebox-obsolete-link-color: #bbb;<br /> --messagebox-info-background: var(--messagebox-obsolete-background);<br /> --messagebox-info-border: var(--messagebox-obsolete-border);<br /> --messagebox-info-color: var(--messagebox-obsolete-color);<br /> --messagebox-info-link-color: var(--messagebox-obsolete-link-color);<br /> --messagebox-action-background: #45697d;<br /> --messagebox-action-border: #2d5266;<br /> --messagebox-action-color: var(--text-color);<br /> --messagebox-action-link-color: #b8d5e5;<br /> --messagebox-warn-background: #95271b;<br /> --messagebox-warn-border: #6b130a;<br /> --messagebox-warn-color: #f8ebe9;<br /> --messagebox-warn-link-color: #e8b8b3;<br /> --messagebox-safe-background: #1b8408;<br /> --messagebox-safe-border: #126802;<br /> --messagebox-safe-color: #e9f6e7;<br /> --messagebox-safe-link-color: #c1e0bb;<br /> --messagebox-disambig-background: var(--messagebox-obsolete-background);<br /> --messagebox-disambig-border: var(--messagebox-obsolete-border);<br /> --messagebox-disambig-color: var(--messagebox-obsolete-color);<br /> --messagebox-disambig-link-color: var(--messagebox-obsolete-link-color);<br /> --mw-code-background-color: #222e45;<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-mid);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border);<br /> --scribuntoconsole-input: #3ea6e6;<br /> --scibuntoconsole-print: #f9d000;<br /> --scribuntoconsole-error: #ee4231;<br /> --scribuntoconsole-message: #6bc71f;<br /> --scribuntoconsole-tabcomplete: #855cd8;<br /> --scribuntoconsole-clear: #ee4231;<br /> --blockquote-color: var(--text-color);<br /> --coins-color: #6bc71f;<br /> --coins-pos-color: #3ea6e6;<br /> --coins-neg-color: #ee4231;<br /> --questdetails-header-background: var(--body-dark);<br /> --questdetails-header-background-alt: var(--body-dark);<br /> --fact-text-color: #3ea6e6;<br /> --production-selected-background: #3c780a;<br /> --production-selected-color: #fff;<br /> --wikipedia-border: var(--body-border);<br /> --wikipedia-background: var(--body-light);<br /> --keypress-background: var(--body-light);<br /> --keypress-border: var(--body-border);<br /> --keypress-color: var(--text-color);<br /> --ajaxpoll-background: var(--body-light);<br /> --ajaxpoll-text-color: var(--base-text-color);<br /> --ajaxpoll-answerbar-background: var(--body-mid);<br /> --ajaxpoll-answerbar-border: var(--body-border);<br /> --rc-negative-color: #ee4231;<br /> --rc-positive-color: #6bc71f;<br /> --filter-black-to-link: invert(63%) sepia(67%) saturate(242%) hue-rotate(182deg) brightness(93%) contrast(94%);<br /> --transcript-border-color: #596e96;<br /> --transcript-border-hover-color: #8596b7;<br /> --transcript-strikethrough-color: #fff;<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--navbox-title-background);<br /> --navbox-group-title-background: var(--navbox-title-background);<br /> --infobox-bg: var(--body-light);<br /> --infobox-border: var(--body-border);<br /> --infobox-header: var(--body-dark);<br /> --infobox-subheader: var(--body-mid);<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #444e5a;<br /> --sourceeditor-input-background: var(--body-mid);<br /> --sourceeditor-background: var(--body-light);<br /> --sourceeditor-background-secondary: var(--body-mid);<br /> --sourceeditor-border: var(--body-main);<br /> --codemirror-gutter-background: var(--body-light);<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border);<br /> --vector-tab-background: #222e45;<br /> --vector-tab-background--hover: #293753;<br /> --vector-tab-link-color: var(--background-link-color);<br /> --lighttable-bg-hover: #3c780a;<br /> --lighttable-bg-active: #2e5e05;<br /> --lighttable-link-color: #c3e8a3;<br /> --personal-links-bg: rgba(7, 16, 34, 0.75);<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg, #315d30 0 20px, #13421e 20px 30px);<br /> --tbz-unlocked-border-color: #00e417;<br /> --tbz-locked-background-color: #8a2525;<br /> --tbz-locked-border-color: #b32828;<br /> --tbz-partial-unlock-background: #5a5a5a;<br /> --tbz-partial-unlock-border-color: #13421e;<br /> }<br /> <br /> <br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape.woff2?17907) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: bold;<br /> src: local(&quot;RuneScape Bold&quot;),local(&quot;RuneScape Bold 12&quot;),local(&quot;RuneScape Chat 2&quot;),local(&quot;RuneScape Chat&quot;),url(/images/RuneScape_Bold.woff2?514fd) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape Small';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape_Small.woff2?1ee0e) format('woff2')<br /> }<br /> <br /> :root {<br /> --base-text-color: #cbd9f4;<br /> --base-heading-color: #cbd9f4;<br /> --base-heading-border: #596e96;<br /> --mw-code-background-color: #222e45;<br /> --body-background-image: url(/images/b/b5/Roat_Pkz_Wiki_background_darkmode2.png)<br /> }<br /> <br /> #mw-page-base {<br /> background: none<br /> }<br /> <br /> .mw-body {<br /> background-color: var(--body-main);<br /> color: var(--text-color);<br /> border-color: transparent;<br /> box-shadow: 0 0 7px rgba(0,0,0,0.15);<br /> margin-top: 0<br /> }<br /> <br /> h1,h2,h3,h4,h5,h6 {<br /> color: var(--text-color)<br /> }<br /> <br /> h1,h2 {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-body h1,.mw-body-content h1,.mw-body-content h2,.mw-body-content h3,.mw-body-content h4,.mw-body-content h5,.mw-body-content h6 {<br /> font-family: 'PT Serif','Palatino','Georgia',serif<br /> }<br /> <br /> .mw-parser-output h2:first-of-type {<br /> clear: left<br /> }<br /> <br /> .mw-footer {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer li {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer a,.mw-footer a:active,.mw-footer a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> ::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> a {<br /> color: var(--link-color)<br /> }<br /> <br /> a:visited,a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> a.new {<br /> color: var(--redlink-color)<br /> }<br /> <br /> a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .mw-parser-output a.extiw,.mw-parser-output a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited,.mw-parser-output a.extiw:active,.mw-parser-output a.external:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .jsPurgeLink a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> a[href=&quot;/w/User:AndBot&quot;],a[href=&quot;/w/User:BisetteBot&quot;],a[href=&quot;/w/User:Bot50&quot;],a[href=&quot;/w/User:BotDiesel2m&quot;],a[href=&quot;/w/User:Bowl&quot;],a[href=&quot;/w/User:Catbot&quot;],a[href=&quot;/w/User:CookBot&quot;],a[href=&quot;/w/User:Cresbot&quot;],a[href=&quot;/w/User:CrowBot&quot;],a[href=&quot;/w/User:Data_Chompy&quot;],a[href=&quot;/w/User:GauBot&quot;],a[href=&quot;/w/User:Gaz_Bot&quot;],a[href=&quot;/w/User:Gaz_GEBot&quot;],a[href=&quot;/w/User:HabbletAWB&quot;],a[href=&quot;/w/User:JakesterwarsBot&quot;],a[href=&quot;/w/User:JaydenBot&quot;],a[href=&quot;/w/User:MuudyBot&quot;],a[href=&quot;/w/User:MB%C3%A5t&quot;],a[href=&quot;/w/User:New_user_message&quot;],a[href=&quot;/w/User:Quadrabot&quot;],a[href=&quot;/w/User:Redirect_fixer&quot;],a[href=&quot;/w/User:Riblet15_bot_account&quot;],a[href=&quot;/w/User:ShoyBot&quot;],a[href=&quot;/w/User:SlapChoppe&quot;],a[href=&quot;/w/User:Spinewielder&quot;],a[href=&quot;/w/User:WolaznikBot&quot;] {<br /> color: var(--awb-purple)<br /> }<br /> <br /> a[href=&quot;/w/User:Andmcadams&quot;],a[href=&quot;/w/User:BigDiesel2m&quot;],a[href=&quot;/w/User:Brok&quot;],a[href=&quot;/w/User:Cook_Me_Plox&quot;],a[href=&quot;/w/User:Fjara&quot;],a[href=&quot;/w/User:Gau_Cho&quot;],a[href=&quot;/w/User:Gaz_Lloyd&quot;],a[href=&quot;/w/User:Iiii_I_I_I&quot;],a[href=&quot;/w/User:Jayden&quot;],a[href=&quot;/w/User:Jeljo&quot;],a[href=&quot;/w/User:Joeytje50&quot;],a[href=&quot;/w/User:Legaia_2_Pla&quot;],a[href=&quot;/w/User:Ostentatio&quot;],a[href=&quot;/w/User:Riblet15&quot;],a[href=&quot;/w/User:Shayani&quot;],a[href=&quot;/w/User:Shoyrukon&quot;],a[href=&quot;/w/User:TehKittyCat&quot;],a[href=&quot;/w/User:Towelcat&quot;],a[href=&quot;/w/User:Wolaznik&quot;] {<br /> color: var(--admin-blue)<br /> }<br /> <br /> a[href=&quot;/w/User:Spineweilder&quot;],a[href=&quot;/w/User:Jakesterwars&quot;],a[href=&quot;/w/User:Julia&quot;] {<br /> color: var(--bearcat-green)<br /> }<br /> <br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> background: url(/images/Jagex_moderator_emblem.png?093b0) left no-repeat;<br /> padding-left: 15px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> #ca-nstab-user a {<br /> background: none<br /> }<br /> <br /> :root {<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: #801c13;<br /> --warningbox-border: #9f261e;<br /> --successbox-bg: #801c13;<br /> --successbox-border: #9f261e<br /> }<br /> <br /> .mw-message-box-error,.errorbox,.mw-message-box-warning,.warningbox,.mw-message-box-success,.successbox,.usermessage {<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw-message-box-error,.errorbox {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .mw-message-box-warning,.warningbox,.usermessage {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .mw-message-box-success,.successbox {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .catlinks {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-dark);<br /> padding: 8px 15px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .catlinks li {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .filehistory a img,#file img {<br /> background: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v16h8V8H0z' opacity='.13'/%3E%3C/svg%3E&quot;) repeat<br /> }<br /> <br /> #file img:hover {<br /> background: none<br /> }<br /> <br /> .mw-highlight {<br /> background: none<br /> }<br /> <br /> .mw-highlight .linenos {<br /> background-color: var(--mw-code-background-color);<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-highlight a:hover .linenos,.mw-highlight .hll a .linenos {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-content-ltr.mw-highlight-lines pre,.mw-content-ltr.content .mw-highlight-lines pre {<br /> box-shadow: inset 2.75em 0 0 var(--mw-code-background-color)<br /> }<br /> <br /> #pagehistory ul {<br /> list-style: none;<br /> margin: 0<br /> }<br /> <br /> #pagehistory li {<br /> border: 1px solid transparent;<br /> padding: 1px 10px;<br /> margin: 2px 0<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: var(--body-light);<br /> color: inherit;<br /> border: 1px dashed var(--body-border);<br /> outline: none<br /> }<br /> <br /> #mw-history-compare &gt; div:first-of-type {<br /> position: -webkit-sticky;<br /> position: sticky;<br /> top: 0;<br /> background-color: var(--body-main);<br /> border-bottom: 1px solid var(--body-dark);<br /> padding: 0.25em 0<br /> }<br /> <br /> .wgl-stickyheader #mw-history-compare &gt; div:first-of-type {<br /> top: 2.5rem<br /> }<br /> <br /> .autocomment,.autocomment a,.autocomment a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> li span.deleted,span.history-deleted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-usertoollinks-contribs-no-edits,.mw-usertoollinks-contribs-no-edits:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .CategoryTreeToggle {<br /> color: var(--link-color)<br /> }<br /> <br /> body.wgl-stickyheader.action-view .mw-headline:target::before {<br /> display: block;<br /> content: '';<br /> margin-top: -3rem;<br /> height: 3rem;<br /> visibility: hidden;<br /> pointer-events: none<br /> }<br /> <br /> .mw-mmv-post-image {<br /> color: var(--text-color);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-mmv-image-metadata {<br /> border-top-color: var(--body-mid);<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-mmv-dialog,.mw-mmv-dialog .mw-mmv-dialog-down-arrow,.mw-mmv-options-dialog .mw-mmv-dialog-down-arrow {<br /> background-color: var(--body-light);<br /> box-shadow: none<br /> }<br /> <br /> .mw-mmv-options-enable-alert {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-mmv-options-dialog-header,.mw-mmv-options-text-header,.mw-mmv-options-text-body,.mw-mmv-options-enable-alert,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-dialog-header,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-text-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-revslider-container {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-revslider-slider-wrapper {<br /> border-top-color: var(--sidebar)<br /> }<br /> <br /> .mw-ui-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):hover,.mw-ui-button:not(:disabled):active {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):focus {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button:not(:disabled):visited {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled) {<br /> background-color: var(--ooui-progressive);<br /> color: #fff;<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):active,.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: none<br /> }<br /> <br /> .mw-ui-button.mw-ui-destructive:not(:disabled) {<br /> color: #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-quiet,.mw-ui-button.mw-ui-quiet.mw-ui-progressive,.mw-ui-button.mw-ui-quiet.mw-ui-destructive {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:hover,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover {<br /> background-color: rgba(0,24,73,0.02745098);<br /> color: var(--text-color);<br /> border-color: transparent<br /> }<br /> <br /> input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:focus,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:active,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active {<br /> background-color: rgba(0,36,73,0.08235294);<br /> color: var(--text-color);<br /> border-color: #72777d<br /> }<br /> <br /> .mw-ui-input {<br /> background-color: var(--ooui-input);<br /> color: var(--text-color);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-ui-input:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-ui-input::placeholder {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child {<br /> padding: 0;<br /> background: 0<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child::before {<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> display: inline-block;<br /> width: 47px;<br /> height: 20px<br /> }<br /> <br /> :root {<br /> --wikitable-header-bg: var(--body-dark);<br /> --wikitable-border: var(--body-main);<br /> --wikitable-bg: var(--body-light);<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --table-na-background: rgba(0,0,0,0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #afeeee;<br /> --droptable-common-background: #56e156;<br /> --droptable-uncommon-background: #ffed4c;<br /> --droptable-rare-background: #ff863c;<br /> --droptable-veryrare-background: #ff6262;<br /> --droptable-random-background: #ffa3ff<br /> }<br /> <br /> .wikitable {<br /> background: var(--wikitable-bg);<br /> color: var(--wikitable-color);<br /> border-color: var(--wikitable-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; tr &gt; td,.wikitable &gt; * &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th.table-noborder,.wikitable &gt; tr &gt; td.table-noborder,.wikitable &gt; * &gt; tr &gt; th.table-noborder,.wikitable &gt; * &gt; tr &gt; td.table-noborder {<br /> border-left-style: hidden;<br /> border-right-style: hidden;<br /> padding-left: 0;<br /> padding-right: 0<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .tabber .wikitable {<br /> box-shadow: none<br /> }<br /> <br /> .table-bg-always,.table-bg-blue {<br /> background: var(--droptable-always-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-common,.table-bg-green {<br /> background: var(--droptable-common-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-uncommon,.table-bg-yellow {<br /> background: var(--droptable-uncommon-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-rare,.table-bg-orange {<br /> background: var(--droptable-rare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-veryrare,.table-bg-red {<br /> background: var(--droptable-veryrare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-random,.table-bg-pink {<br /> background: var(--droptable-random-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-fade {<br /> opacity: 0.6;<br /> background: rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw_metadata td,.mw_metadata th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw_metadata th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw_metadata td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable td,.mw-datatable th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw-datatable td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> table.alternating-rows tr:nth-child(odd),table.alternating-cols td:nth-child(odd) {<br /> background: var(--wikitable-alternating-bg)<br /> }<br /> <br /> .table-na {<br /> background: var(--table-na-background);<br /> color: var(--table-na-color);<br /> vertical-align: middle;<br /> text-align: center<br /> }<br /> <br /> .table-yes {<br /> background: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .table-positive {<br /> background: var(--table-yes-background)<br /> }<br /> <br /> .table-no {<br /> background: var(--table-no-background);<br /> color: var(--table-no-color)<br /> }<br /> <br /> .table-negative {<br /> background: var(--table-no-background)<br /> }<br /> <br /> .table-maybe {<br /> background: var(--table-maybe-background);<br /> color: var(--table-maybe-color)<br /> }<br /> <br /> #mw-allmessagestable .am_actual,#mw-allmessagestable .am_default {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> #mw-allmessagestable .am_default:hover,#mw-allmessagestable .am_actual:hover,#mw-allmessagestable tbody:hover td {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> table.wikitable td.no-cell-spacing {<br /> padding: 0;<br /> height: 0<br /> }<br /> <br /> table.wikitable td.no-cell-spacing table {<br /> margin: -1px;<br /> width: calc(100% + 2px);<br /> height: calc(100% + 2px)<br /> }<br /> <br /> .plainlist ol,.plainlist ul {<br /> margin: 0<br /> }<br /> <br /> .plainlist li {<br /> margin-bottom: 0;<br /> list-style: none<br /> }<br /> <br /> 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) {<br /> text-align: right<br /> }<br /> <br /> 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) {<br /> text-align: center<br /> }<br /> <br /> 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) {<br /> text-align: left<br /> }<br /> <br /> .rsw-chartjs.rsw-chartjs-config {<br /> display: none<br /> }<br /> <br /> .rsw-chartjs.rsw-chart-error {<br /> font-family: monospace<br /> }<br /> <br /> .rsw-chartjs-canvas {<br /> background-color: var(--body-light)<br /> }<br /> <br /> :root {<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-background: #bddff2;<br /> --diff-addedline-color: #000;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-background: #c1edbf;<br /> --diff-deletedline-color: #000;<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid)<br /> }<br /> <br /> .diff-context {<br /> border-color: var(--diff-context-border-color);<br /> background: var(--diff-context-background);<br /> color: inherit<br /> }<br /> <br /> .diff-addedline {<br /> border-color: var(--diff-addedline-border-color)<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: var(--diff-addedline-background);<br /> color: var(--diff-addedline-color)<br /> }<br /> <br /> .diff-deletedline {<br /> border-color: var(--diff-deletedline-border-color)<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: var(--diff-deletedline-background);<br /> color: var(--diff-deletedline-color)<br /> }<br /> <br /> .mw-diff-movedpara-left:after,.mw-diff-movedpara-right:after {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-notification {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {<br /> background: var(--body-main)<br /> }<br /> <br /> .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> background-color: var(--ooui-normal);<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-head,.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {<br /> border-left-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:hover,.mw-echo-ui-notificationItemWidget-unread:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:last-child {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-unread {<br /> background-color: var(--search-box)<br /> }<br /> <br /> .mw-echo-ui-crossWikiNotificationItemWidget-group,.mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-content-message-header,.mw-echo-ui-notificationItemWidget-content-message-body,.mw-echo-ui-menuItemWidget &gt; .oo-ui-buttonElement-button &gt; .oo-ui-labelElement-label,.mw-echo-ui-notificationItemWidget-content-actions-timestamp {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--body-main)<br /> }<br /> <br /> @keyframes unseen-fadeout-to-unread {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--search-box)<br /> }<br /> }<br /> <br /> @keyframes unseen-fadeout-to-read {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--body-main)<br /> }<br /> }<br /> <br /> .mwe-popups {<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container {<br /> color: var(--text-color);<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:before,.mwe-popups .mwe-popups-container.flipped-y:before {<br /> border-top: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:before {<br /> border-bottom: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:after,.mwe-popups .mwe-popups-container.flipped-y:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:after {<br /> border-bottom-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-settings-icon:hover,.mwe-popups .mwe-popups-settings-icon:active {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mwe-popups .mw-ui-icon-element:not(.disabled):hover {<br /> background: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract {<br /> color: var(--text-color)<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract[dir='ltr']:after {<br /> background-image: linear-gradient(to right,rgba(49,62,89,0),var(--body-light) 50%)<br /> }<br /> <br /> .mwe-popups-overlay {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> #mwe-popups-settings {<br /> background: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--text-color)<br /> }<br /> <br /> #mwe-popups-settings header {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form p {<br /> color: var(--byline-color)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form form label &gt; span {<br /> color: var(--ooui-text)<br /> }<br /> <br /> :root {<br /> --smw-ask-options-even-bg: var(--body-mid);<br /> --smw-ask-options-odd-bg: var(--body-light);<br /> --smw-ask-action-btn-lblue-bg: var(--body-main);<br /> --smw-ask-action-btn-lblue-color: #000;<br /> --smw-ask-action-btn-lblue-border-color: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-bg: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-color: #fff;<br /> --smw-ask-action-btn-dblue-border-color: var(--button-border)<br /> }<br /> <br /> .smw-ask-condition fieldset,.smw-ask-printhead fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .smw-ask-search fieldset,.smw-ask-format fieldset,.smw-ask-options fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .strike &gt; span:before,.strike &gt; span:after {<br /> background: var(--sidebar)<br /> }<br /> <br /> .smw-ask-options-fields tr td {<br /> background-color: var(--smw-ask-options-even-bg)<br /> }<br /> <br /> .smw-ask-options-fields tr:nth-child(odd) td {<br /> background-color: var(--smw-ask-options-odd-bg)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-lblue,.smw-ask-action-btn.smw-ask-action-btn-lblue:hover,.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--smw-ask-action-btn-lblue-bg);<br /> color: var(--smw-ask-action-btn-lblue-color);<br /> border-color: var(--smw-ask-action-btn-lblue-border-color)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-dblue,.smw-ask-action-btn.smw-ask-action-btn-dblue:hover,.smw-ask-action-btn.smw-ask-action-btn-dblue:visited {<br /> background-color: var(--smw-ask-action-btn-dblue-bg);<br /> color: var(--smw-ask-action-btn-dblue-color);<br /> border-color: var(--smw-ask-action-btn-dblue-border-color)<br /> }<br /> <br /> .smw-ask-query textarea,.smw-ask-actions textarea {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-query-format select {<br /> background-color: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-toplinks {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info {<br /> background: none;<br /> padding: 0 !important<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info::before {<br /> content: '';<br /> background: var(--text-color);<br /> -webkit-mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> padding: 0 0 3px 18px<br /> }<br /> <br /> .smw-ask-options-row-odd {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smw-ask-options-row-even {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> #options-toggle:not(:checked) + #options-list .options-parameter-list:after {<br /> background-image: linear-gradient(to bottom,transparent,var(--body-mid) 90%)<br /> }<br /> <br /> .smw-ask-button-submit input {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-ask-button-submit input:hover,.smw-ask-button-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> input.smw-ask-action-btn.smw-ask-action-btn-dblue {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:hover {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-callout-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .smw-callout-info {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .smw-callout-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .smw-callout-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-bg)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label,.smw-tabs input.nav-tab:checked + label.nav-label:hover {<br /> color: inherit<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count {<br /> color: #fff;<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.moderate {<br /> color: #fff;<br /> background-color: #b55e0c;<br /> border-color: #b55e0c<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.high {<br /> color: #fff;<br /> background-color: #9f261e;<br /> border-color: #9f261e<br /> }<br /> <br /> .smw-property-page-results .header-title {<br /> background-color: var(--ooui-interface);<br /> border-bottom-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-property-page-results .value-row:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .smw-property-page-results .smw-table .header-row {<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-header {<br /> background-color: var(--body-dark);<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .smw-ui-input-filter {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ui-input-filter input {<br /> border-left-color: var(--ooui-interface-border) !important;<br /> color: var(--ooui-text) !important<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border);<br /> color: var(--subtle-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-active {<br /> color: #fff;<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-tabs section,.smw-tabs .subtab-content {<br /> border-top-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-column-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-factbox {<br /> background: var(--body-main);<br /> border-color: transparent<br /> }<br /> <br /> .mw-body .mw-indicators #mw-indicator-smw-entity-examiner.mw-indicator .smw-indicator-vertical-bar-loader {<br /> display: none<br /> }<br /> <br /> .smwb-theme-light .smwb-title,.smwb-theme-light .smwb-center,.smwb-theme-light .smwb-actions,.smwb-theme-light .smwb-prophead {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-factbox {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-ifactbox {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-propval {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smwb-action-separator {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .smwb-bottom {<br /> border-bottom: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-ifactbox .smwb-cell,.smwb-factbox .smwb-cell {<br /> border-top: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-propvalue .smwb-prophead,.smwb-ipropvalue .smwb-prophead,.smwb-propvalue .smwb-propval,.smwb-ipropvalue .smwb-propval {<br /> font-size: 0.9em<br /> }<br /> <br /> :root {<br /> --filter-black-to-link: invert(36%) sepia(58%) saturate(433%) hue-rotate(344deg) brightness(100%) contrast(91%)<br /> }<br /> <br /> #bodyContent span.smwbrowse a {<br /> color: black;<br /> background-image: url(/images/Smwbrowse.svg?87d2b);<br /> filter: var(--filter-black-to-link)<br /> }<br /> <br /> #bodyContent span.smwbrowse a:hover {<br /> color: black;<br /> background-image: url(/images/Smwbrowse-hover.svg?73b79);<br /> text-decoration: underline<br /> }<br /> <br /> #bodyContent span.smwsearch a {<br /> color: black;<br /> filter: var(--filter-black-to-link);<br /> background-image: url(/images/Smwsearch.svg?72b04)<br /> }<br /> <br /> #bodyContent span.smwsearch a:hover {<br /> color: black;<br /> background-image: url(/images/Smwsearch-hover.svg?62df0);<br /> text-decoration: underline<br /> }<br /> <br /> :root {<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-background-color);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border)<br /> }<br /> <br /> .tabber {<br /> margin: 1em 0<br /> }<br /> <br /> .tabber .tabbertab {<br /> background-color: var(--tabber-tab-bg);<br /> border: 1px solid var(--tabber-tab-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1em 1.5em<br /> }<br /> <br /> ul.tabbernav {<br /> border: none;<br /> margin-left: 2em;<br /> margin-bottom: 0;<br /> margin-right: 2em;<br /> padding: 0;<br /> font-family: inherit<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a {<br /> background-color: var(--tabber-active-tab-bg);<br /> color: var(--tabber-active-tab-color);<br /> border-bottom: none;<br /> position: relative<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a:hover {<br /> color: var(--tabber-active-tab-hover-color);<br /> background-color: var(--tabber-active-tab-hover-bg);<br /> border-color: var(--tabber-active-tab-hover-border-color);<br /> border-bottom: none<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a::after {<br /> content: '';<br /> position: absolute;<br /> left: 0;<br /> right: 0;<br /> bottom: -1px;<br /> border-bottom: 2px solid var(--tabber-active-tab-border-hider-color)<br /> }<br /> <br /> ul.tabbernav li a {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> border-bottom: transparent;<br /> border-color: var(--tabber-inactive-tab-border-color);<br /> color: var(--tabber-inactive-tab-color);<br /> display: inline-block;<br /> font-size: 110%;<br /> padding: 0.5em 1em<br /> }<br /> <br /> ul.tabbernav li a:hover {<br /> background-color: var(--tabber-inactive-tab-hover-bg);<br /> border-color: var(--tabber-inactive-tab-hover-border-color)<br /> }<br /> <br /> ul.tabbernav li a:link,ul.tabbernav li a:visited {<br /> color: var(--tabber-inactive-tab-color)<br /> }<br /> <br /> .js-tooltip-text {<br /> padding: 5px<br /> }<br /> <br /> .js-tooltip-wrapper {<br /> position: absolute;<br /> z-index: 10;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> color: var(--text-color);<br /> max-width: 75%;<br /> overflow-wrap: break-word;<br /> padding: 10px 15px;<br /> margin: 0px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> font-size: 0.8em<br /> }<br /> <br /> .js-tooltip-click {<br /> color: var(--button-color);<br /> background: var(--button-background);<br /> border-radius: 2em;<br /> cursor: pointer;<br /> padding: 0 0.3em;<br /> user-select: none<br /> }<br /> <br /> .js-tooltip-arrow {<br /> position: absolute;<br /> border-color: transparent;<br /> border-style: solid;<br /> width: 0;<br /> height: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointleft {<br /> border-right-color: var(--body-border);<br /> border-left-color: transparent;<br /> border-left-width: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointright {<br /> border-left-color: var(--body-border);<br /> border-right-color: transparent;<br /> border-right-width: 0<br /> }<br /> <br /> .js-tooltip-close {<br /> float: right;<br /> margin-left: 10px;<br /> margin-right: -5px;<br /> margin-top: -5px;<br /> margin-bottom: 1px;<br /> background: var(--button-background);<br /> border: 0;<br /> cursor: pointer<br /> }<br /> <br /> :root {<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px); <br /> }<br /> <br /> .oo-ui-widget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox'] + span,.oo-ui-radioInputWidget [type='radio'] + span {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,.oo-ui-radioInputWidget [type='radio']:disabled + span {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownWidget-handle {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border);<br /> background-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget select {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget option {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuSelectWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-menuSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-menuSectionOptionWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-title {<br /> color: inherit<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block),.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-optionWidget.oo-ui-widget-disabled {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-outlineControlsWidget {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {<br /> border-bottom-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {<br /> border-top-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {<br /> border-right-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {<br /> border-left-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {<br /> border-left-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-searchWidget-query {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-tabOptionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--body-dark);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {<br /> border-bottom-color: var(--body-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {<br /> background-color: var(--body-light);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> color: var(--ooui-progressive);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover,.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:focus {<br /> color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed {<br /> background: none;<br /> border-bottom: 1px solid var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile {<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tagItemWidget {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> @media screen and (min-width: 0) {<br /> .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {<br /> outline:1px solid var(--ooui-accent)<br /> }<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {<br /> border-color: #fff<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; input.oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover);<br /> color: #fff;<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive {<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active &gt; .oo-ui-buttonElement-button {<br /> color: #fff;<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-pendingElement-pending {<br /> background-image: var(--ooui-pending-background-image);<br /> background-size: 200%;<br /> animation: oo-ui-pendingElement-stripes 6s linear infinite<br /> }<br /> <br /> @keyframes oo-ui-pendingElement-stripes {<br /> 100% {<br /> background-position: 100%<br /> }<br /> }<br /> <br /> .oo-ui-messageDialog-content &gt; .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-message {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog-content .oo-ui-window-head,.oo-ui-processDialog-content .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:active {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:active {<br /> border-right-color: var(--ooui-interface-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button,.oo-ui-processDialog-actions-other .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-right-color: var(--ooui-normal-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-windowManager-modal.oo-ui-windowManager-floating &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-window {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-bar {<br /> background-color: var(--ooui-interface);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-position-top &gt; .oo-ui-toolbar-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-toolbar-bar .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active &gt; .oo-ui-tool-link,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent);<br /> box-shadow: none<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-menuToolGroup {<br /> border-left-color: var(--body-mid);<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> border-right-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 2px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-bookletLayout-outlinePanel &gt; .oo-ui-outlineControlsWidget {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-fieldLayout-disabled &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header &gt; .oo-ui-labelElement-label {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-panelLayout-framed {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .oo-ui-icon-settings {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Esettings%3C/title%3E%3Cg transform='translate(10 10)'%3E%3Cpath id='a' d='M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3'/%3E%3Cuse xlink:href='%23a' transform='rotate(45)'/%3E%3Cuse xlink:href='%23a' transform='rotate(90)'/%3E%3Cuse xlink:href='%23a' transform='rotate(135)'/%3E%3C/g%3E%3Cpath d='M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .oo-ui-icon-clear {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Eclear%3C/title%3E%3Cpath d='M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-widget-dateInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widget-dateInputWidget-calendar {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widget-calendarWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widget-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-day,.mw-widget-calendarWidget-day-heading {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-widget-calendarWidget-day-additional {<br /> color: var(--ooui-text);<br /> opacity: 0.67<br /> }<br /> <br /> .mw-widget-calendarWidget-day-today {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-item:hover {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-widget-calendarWidget-item-selected {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),0 2px 2px 0 rgba(0,0,0,0.25)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.mw-widgets-datetime-dateTimeInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input,.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .mw-kartographer-mapDialog-foot {<br /> background-color: var(--body-light);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-container {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a,.mw-kartographer-interactive .leaflet-popup-content a:visited,.mw-kartographer-interactive .leaflet-popup-content a:hover,.mw-kartographer-interactive .leaflet-popup-content a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a.new a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .leaflet-popup-content-wrapper {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .leaflet-popup-tip {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey {<br /> background: #e4eaee;<br /> color: #444e5a;<br /> text-shadow: none<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a,.leaflet-vis-tooltip.lbl-bg-grey a:visited,.leaflet-vis-tooltip.lbl-bg-grey a:active,.leaflet-vis-tooltip.lbl-bg-grey a:hover,.leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a, .leaflet-vis-tooltip.lbl-bg-grey a:visited, .leaflet-vis-tooltip.lbl-bg-grey a:active, .leaflet-vis-tooltip.lbl-bg-grey a:hover, .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:visited,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:active,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:hover,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before {<br /> display: block;<br /> border-left-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before {<br /> display: block;<br /> border-right-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before {<br /> display: block;<br /> border-top-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before {<br /> display: block;<br /> border-bottom-color: #e4eaee<br /> }<br /> <br /> .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover {<br /> background: var(--ooui-normal--hover)<br /> }<br /> <br /> .ve-ui-overlay {<br /> font-family: inherit<br /> }<br /> <br /> .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above {<br /> border-top-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-branchNode-blockSlug,.ve-ce-branchNode-newSlug {<br /> outline-color: var(--body-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-specialCharacterPage h3 {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character:hover {<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px var(--body-mid);<br /> background: none<br /> }<br /> <br /> .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwHelpPopupTool-version-label,.ve-ui-mwHelpPopupTool-version-link,.ve-ui-mwHelpPopupTool-version-date {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ce-tableCellableNode {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-mwReferencesListNode-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwTemplatePage-description,.ve-ui-mwParameterPage-label,.ve-ui-mwParameterPage-description-required,.ve-ui-mwParameterPage-description-deprecated {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwGalleryDialog-menuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog-innerMenuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container,.ve-ui-targetWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .ve-ui-mwSaveDialog {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-options {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-summary {<br /> background-color: var(--ooui-input)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-editSummary-count {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-license {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwReferenceContextItem-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwNoticesPopupTool-items &gt; div:not(:first-child),.ve-ui-mwHelpPopupTool-item:not(:first-child) {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineControlsWidget {<br /> background-color: var(--ooui-interface);<br /> border-top-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-sticky {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwParameterPage-undocumentedLabel {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwTwoPaneTransclusionDialogLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwParameterPage-doc-required,.ve-ui-mwParameterPage-doc-deprecated,.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-expandableContent-toggle {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-expandableContent-fade {<br /> background: linear-gradient(to right,rgba(255,255,255,0) 0,var(--ooui-interface) 90%)<br /> }<br /> <br /> .ve-ui-commandHelpDialog-shortcut &gt; kbd,.ve-ui-commandHelpDialog-sequence &gt; kbd {<br /> background-color: var(--keypress-background);<br /> color: var(--keypress-color);<br /> border-color: var(--keypress-border);<br /> box-shadow: none;<br /> text-shadow: none<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> background: var(--ooui-interface)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'],figure[typeof~='mw:File/Frame'],figure[typeof~='mw:Image/Thumb'],figure[typeof~='mw:Video/Thumb'],figure[typeof~='mw:Image/Frame'],figure[typeof~='mw:Video/Frame'] {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:File/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media) {<br /> border: none;<br /> background: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; figcaption,figure[typeof~='mw:File/Frame'] &gt; figcaption,figure[typeof~='mw:Image/Thumb'] &gt; figcaption,figure[typeof~='mw:Video/Thumb'] &gt; figcaption,figure[typeof~='mw:Image/Frame'] &gt; figcaption,figure[typeof~='mw:Video/Frame'] &gt; figcaption {<br /> border: none;<br /> background-color: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --fact-text-color: #15f;<br /> --production-selected-background: #c3e8a3;<br /> --production-selected-color: #000;<br /> --wikipedia-border: #e0e0e0;<br /> --wikipedia-background: #f8f8f8;<br /> --keypress-background: #eee;<br /> --keypress-border: #ccc;<br /> --keypress-color: #333;<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg,#bfffbd 0 20px,#4cf172 20px 30px);<br /> --tbz-unlocked-border-color: #012100;<br /> --tbz-locked-background-color: #ffc3c3;<br /> --tbz-locked-border-color: #df9090;<br /> --tbz-partial-unlock-background: #dae8d2;<br /> --tbz-partial-unlock-border-color: #aeaeae<br /> }<br /> <br /> .archivelist {<br /> background-color: var(--body-light);<br /> border: solid 1px var(--body-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> margin: 5px;<br /> padding: 5px;<br /> text-align: center;<br /> width: 120px<br /> }<br /> <br /> .collapsed-sec {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-weight: bold;<br /> text-shadow: 1px 1px #fff<br /> }<br /> <br /> .combat-styles-icons a {<br /> display: inline-block;<br /> text-align: center;<br /> min-width: 26px<br /> }<br /> <br /> .combat-styles-header a {<br /> color: var(--text-color)<br /> }<br /> <br /> .fact-text {<br /> color: var(--fact-text-color);<br /> font-style: italic;<br /> cursor: help;<br /> border-bottom: dotted 1px<br /> }<br /> <br /> .production-selected {<br /> background: var(--production-selected-background);<br /> color: var(--production-selected-color)<br /> }<br /> <br /> .relative-location {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-spacing: 0;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 5px;<br /> text-align: center<br /> }<br /> <br /> .relative-location-txt {<br /> color: var(--text-color)<br /> }<br /> <br /> .relative-location-header {<br /> background: var(--body-dark)<br /> }<br /> <br /> #musicMap data {<br /> display: none<br /> }<br /> <br /> .musicMap-buttons {<br /> text-align: center;<br /> margin: 0.7em<br /> }<br /> <br /> .talkheader {<br /> text-align: center;<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .shortcut {<br /> border: 1px solid var(--body-border);<br /> background: var(--body-light);<br /> float: right;<br /> font-size: 0.8em;<br /> margin: 0.5em 0em 0.5em 1em;<br /> padding: 0.5em;<br /> text-align: center<br /> }<br /> <br /> .succession {<br /> width: 50%;<br /> text-align: center<br /> }<br /> <br /> .succession th {<br /> width: 33%;<br /> font-size: 90%;<br /> background: var(--body-mid)<br /> }<br /> <br /> .succession td {<br /> background: var(--body-light)<br /> }<br /> <br /> .update {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0;<br /> padding: 0.25em 1em;<br /> text-align: center<br /> }<br /> <br /> .pollwrapper {<br /> display: flex;<br /> align-items: center;<br /> flex-direction: column;<br /> counter-reset: question<br /> }<br /> <br /> .pollbox {<br /> position: relative;<br /> padding: 1em 0.7em;<br /> margin: 0.7em;<br /> margin-bottom: 1.2em;<br /> width: 700px;<br /> font-size: 16px;<br /> border: 2px solid var(--body-border);<br /> background: var(--body-light)<br /> }<br /> <br /> .pollbox::before {<br /> content: &quot;Question &quot; counter(question);<br /> counter-increment: question;<br /> position: absolute;<br /> font-size: 16px;<br /> font-weight: bold;<br /> top: -0.5em;<br /> margin-top: -2px;<br /> left: 0.6em;<br /> line-height: 1em;<br /> background: linear-gradient(0deg,var(--body-light),var(--body-light) 50%,rgba(0,0,0,0) 50%);<br /> padding: 0 0.6em<br /> }<br /> <br /> .pollbox table {<br /> width: 100%;<br /> border-collapse: collapse;<br /> font-size: 14px<br /> }<br /> <br /> .pollbox caption {<br /> text-align: left;<br /> margin-bottom: 4px<br /> }<br /> <br /> .pollbox td {<br /> padding: 0px<br /> }<br /> <br /> .pollquestion td:first-child::before {<br /> content: &quot;&quot;;<br /> background: url(/images/Poll_shield.png?c691a);<br /> background-repeat: no-repeat;<br /> background-position: top;<br /> width: 10px;<br /> height: 14px;<br /> position: absolute;<br /> top: 4px;<br /> left: 0<br /> }<br /> <br /> .pollquestion td:first-child {<br /> position: relative;<br /> width: 32%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .pollquestion td.pollpercent {<br /> box-sizing: border-box;<br /> padding-left: 17px;<br /> padding-right: 8px<br /> }<br /> <br /> .pollquestion td:last-child {<br /> width: 22%;<br /> padding-left: 0.7em<br /> }<br /> <br /> .pollquestion .pollnote td {<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .pollquestion .pollnote td::before {<br /> content: none<br /> }<br /> <br /> .pollquestion data {<br /> display: block;<br /> height: 15px;<br /> background-image: url(/images/Poll_sword2.png?7d4c4);<br /> position: relative<br /> }<br /> <br /> .pollquestion data::before,.pollquestion data::after {<br /> content: &quot;&quot;;<br /> height: inherit;<br /> position: absolute;<br /> height: 15px<br /> }<br /> <br /> .pollquestion data::before {<br /> background: url(/images/Poll_sword1.png?d445b);<br /> width: 17px;<br /> right: 100%<br /> }<br /> <br /> .pollquestion data::after {<br /> background: url(/images/Poll_sword3.png?487b5);<br /> width: 8px;<br /> left: 100%<br /> }<br /> <br /> .archivepollq th {<br /> text-align: left;<br /> font-weight: normal;<br /> padding: 15px 0 0 0<br /> }<br /> <br /> .archivepollq td:first-child {<br /> position: relative;<br /> width: 80%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .archivepollq td.archivepollpercent {<br /> box-sizing: border-box;<br /> padding: 2px;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .archivepollq td:last-child {<br /> text-align: right;<br /> padding-left: 0.7em<br /> }<br /> <br /> .archivepollq .archivepollnote &gt; td {<br /> text-align: left;<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .archivepollq data {<br /> display: block;<br /> height: 25px;<br /> background: var(--body-border);<br /> position: relative<br /> }<br /> <br /> .archivepollq.e {<br /> border: 2px solid var(--errorbox-border);<br /> background: var(--errorbox-bg)<br /> }<br /> <br /> .archivepollq.e::before {<br /> content: &quot;Error&quot;;<br /> background: linear-gradient(0deg,var(--errorbox-bg),var(--errorbox-bg) 50%,rgba(0,0,0,0) 50%)<br /> }<br /> <br /> .wikipedia {<br /> border: 1px solid var(--wikipedia-border);<br /> background-color: var(--wikipedia-background)<br /> }<br /> <br /> .hatnote,.seealso {<br /> font-style: italic<br /> }<br /> <br /> .hatnote i,.seealso i {<br /> font-style: normal<br /> }<br /> <br /> div.hatnote,div.seealso {<br /> margin: 0.5em 1.6em<br /> }<br /> <br /> div.hatnote + div.hatnote,div.hatnote + div.seealso,div.seealso + div.hatnote,div.seealso + div.seealso {<br /> margin-top: -0.5em<br /> }<br /> <br /> .extimage div,.extimage a,.extimage img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .tbz-region {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> white-space: nowrap;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> width: 110px;<br /> padding: 0.35em 0.45em 0.25em;<br /> margin: 1px<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-badge {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> padding: 0.3em 0.35em 0.2em<br /> }<br /> <br /> .tbz-badge + .tbz-badge {<br /> margin-left: 1px<br /> }<br /> <br /> .tbz-badge.tbz-badge-wrapper {<br /> padding: 0.2em<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-unlocked {<br /> background: var(--tbz-unlocked-background);<br /> border-color: var(--tbz-unlocked-border-color)<br /> }<br /> <br /> .tbz-unlocked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-unlocked .tbz-check {<br /> display: inline-block;<br /> padding-left: 5px<br /> }<br /> <br /> .tbz-locked {<br /> background-color: var(--tbz-locked-background-color);<br /> border-color: var(--tbz-locked-border-color)<br /> }<br /> <br /> .tbz-locked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-locked .tbz-unlocked {<br /> background: var(--tbz-partial-unlock-background);<br /> border-color: var(--tbz-partial-unlock-border-color)<br /> }<br /> <br /> .combatinfo {<br /> width: 160px;<br /> text-align: center;<br /> float: right;<br /> clear: right<br /> }<br /> <br /> .combatinfo.combatinfo-left {<br /> float: left;<br /> clear: left<br /> }<br /> <br /> .combatinfo td {<br /> width: 25%<br /> }<br /> <br /> .wikitable.combatinfo &gt; caption {<br /> font-weight: normal<br /> }<br /> <br /> .growth-stage-table td.growth-stage {<br /> text-align: center;<br /> vertical-align: bottom<br /> }<br /> <br /> .keypress {<br /> background: var(--keypress-background);<br /> color: var(--keypress-color);<br /> font-family: inherit;<br /> border: 1px solid var(--keypress-border);<br /> border-radius: 2px;<br /> font-size: 0.9em;<br /> margin: 0 0.1em;<br /> padding: 0.1em 0.4em;<br /> white-space: nowrap<br /> }<br /> <br /> .rsw-music-player {<br /> height: 2em;<br /> vertical-align: middle<br /> }<br /> <br /> .item-drops .beast-version {<br /> font-size: smaller;<br /> font-style: italic<br /> }<br /> <br /> td.famtreesub {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table {<br /> border-spacing: 0;<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table td {<br /> height: 1em;<br /> width: 1em<br /> }<br /> <br /> td.famtreeleaf {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> padding: 0.2em<br /> }<br /> <br /> :root {<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #ccc<br /> }<br /> <br /> :root {<br /> --coins-color: green;<br /> --coins-pos-color: white;<br /> --coins-neg-color: #c02614<br /> }<br /> <br /> .coins {<br /> color: var(--coins-color);<br /> background-position: 0% 50%;<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> padding: 0<br /> }<br /> <br /> .coins-pos {<br /> color: var(--coins-pos-color)<br /> }<br /> <br /> .coins-neg {<br /> color: var(--coins-neg-color)<br /> }<br /> <br /> .coins-10000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 3px 35px<br /> }<br /> <br /> .coins-1000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-250 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-100 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-25 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-5 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-4 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-3 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-2 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-1 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> :root {<br /> --documentation-background: #f9fafa;<br /> --documentation-link-color: #e4eaee;<br /> --documentation-headers-color: #fff;<br /> --documentation-header-background: #949eaa;<br /> --documentation-subheader-background: #808c9a;<br /> --documentation-border: #e4eaee<br /> }<br /> <br /> .documentation {<br /> background: var(--documentation-background);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0<br /> }<br /> <br /> .documentation pre,.documentation code {<br /> background-color: var(--documentation-background);<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation h2,.documentation hr {<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation-header {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-header-background);<br /> font-weight: bold;<br /> padding: 1em 1.5em<br /> }<br /> <br /> .documentation-title {<br /> font-size: 1.25em<br /> }<br /> <br /> .documentation-subheader {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-subheader-background);<br /> padding: 0.5em 1.5em<br /> }<br /> <br /> .documentation-subheader a,.documentation-subheader a:visited,.documentation-subheader a:active {<br /> color: var(--documentation-link-color)<br /> }<br /> <br /> .documentation-documentation,.documentation-links {<br /> font-size: 0.85em<br /> }<br /> <br /> .documentation-content {<br /> padding: 1em 1.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dl:not(:empty) {<br /> column-count: 3;<br /> border-top: 1px solid var(--body-border);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dt::after {<br /> content: &quot;:&quot;<br /> }<br /> <br /> .mw-templatedata-doc-params dd,.mw-templatedata-doc-params dt {<br /> margin: 0.1em 2em;<br /> min-width: auto<br /> }<br /> <br /> .mw-templatedata-doc-muted {<br /> color: var(--subtle-color);<br /> font-style: italic<br /> }<br /> <br /> .fairycode {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-size: 120%;<br /> font-weight: bold;<br /> text-transform: lowercase;<br /> letter-spacing: 1px<br /> }<br /> <br /> .fairycode b ~ b:before {<br /> content: &quot;•&quot;<br /> }<br /> <br /> .floornumber &gt; .floornumber-us,#toc li a span.toctext span span:nth-child(2),.floornumber-setting-gb .floornumber &gt; .floornumber-us,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(2),.floornumber-setting-us .floornumber &gt; .floornumber-gb,.floornumber-setting-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none<br /> }<br /> <br /> .floornumber-setting-gb .floornumber &gt; .floornumber-gb,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(1),.floornumber-setting-us .floornumber &gt; .floornumber-us,.floornumber-setting-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-us,.floornumber-override-gb #toc li a span.toctext span span:nth-child(2),.floornumber-override-us .floornumber &gt; .floornumber-gb,.floornumber-override-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none !important<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-gb,.floornumber-override-gb #toc li a span.toctext span span:nth-child(1),.floornumber-override-us .floornumber &gt; .floornumber-us,.floornumber-override-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline !important<br /> }<br /> <br /> .musicplayer {<br /> border: 1px solid var(--body-border);<br /> font-size: 90%;<br /> background: var(--body-light);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> max-width: 300px;<br /> margin: 0 0 1em 1em;<br /> padding: 5px<br /> }<br /> <br /> .musicplayer audio,.infobox audio {<br /> max-width: 298px;<br /> margin-left: auto;<br /> margin-right: auto<br /> }<br /> <br /> .plink-template + a {<br /> margin-left: 0.25em<br /> }<br /> <br /> .plinkt-image {<br /> text-align: center<br /> }<br /> <br /> :root {<br /> --questdetails-header-background: #cfc2aa;<br /> --questdetails-header-background-alt: #cfbda1<br /> }<br /> <br /> .questdetails {<br /> width: 100%;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-collapse: separate<br /> }<br /> <br /> .questdetails th {<br /> text-align: left<br /> }<br /> <br /> .questdetails-header {<br /> padding: 0.5em 1em;<br /> background-color: var(--questdetails-header-background);<br /> width: 125px<br /> }<br /> <br /> .questdetails tr:nth-child(odd) .questdetails-header {<br /> background-color: var(--questdetails-header-background-alt)<br /> }<br /> <br /> .questdetails-info {<br /> padding-left: 1em;<br /> padding-right: 2em<br /> }<br /> <br /> ol.references,.reflist {<br /> font-size: 90%<br /> }<br /> <br /> .reflist {<br /> list-style-type: decimal<br /> }<br /> <br /> .reflist .references {<br /> font-size: 100%;<br /> list-style-type: inherit<br /> }<br /> <br /> .reflist-lower-alpha {<br /> list-style-type: lower-alpha<br /> }<br /> <br /> ol.references li:target,sup.reference:target {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .hideQuotes .refhide {<br /> display: none<br /> }<br /> <br /> .editnotice {<br /> font-size: 0.9em;<br /> padding-bottom: 0.75em;<br /> margin-bottom: 0.6em<br /> }<br /> <br /> .editnotice .editnotice-title {<br /> font-size: 1.2em;<br /> font-weight: bold;<br /> margin-bottom: 0.4em<br /> }<br /> <br /> <br /> <br /> <br /> .mw-message-box,.mw-message-box-error,.mw-message-box-warning,.mw-message-box-success,.usermessage {<br /> color: var(--text-color)<br /> }<br /> <br /> .messagebox {<br /> width: 65%;<br /> margin: 0.5em auto;<br /> border-left: 15px solid;<br /> border-color: var(--body-dark);<br /> background-color: var(--body-light);<br /> box-sizing: border-box<br /> }<br /> <br /> .messagebox.obsolete {<br /> background-color: var(--messagebox-obsolete-background);<br /> border-color: var(--messagebox-obsolete-border);<br /> color: var(--messagebox-obsolete-color)<br /> }<br /> <br /> .messagebox.obsolete a,.messagebox.obsolete a:visited,.messagebox.obsolete a:active {<br /> color: var(--messagebox-obsolete-link-color)<br /> }<br /> <br /> .messagebox.info {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border);<br /> color: var(--messagebox-info-color)<br /> }<br /> <br /> .messagebox.info a,.messagebox.info a:visited,.messagebox.info a:active {<br /> color: var(--messagebox-info-link-color)<br /> }<br /> <br /> .messagebox.action {<br /> background-color: var(--messagebox-action-background);<br /> border-color: var(--messagebox-action-border);<br /> color: var(--messagebox-action-color)<br /> }<br /> <br /> .messagebox.action a,.messagebox.action a:visited,.messagebox.action a:active {<br /> color: var(--messagebox-action-link-color)<br /> }<br /> <br /> .messagebox.warn {<br /> background-color: var(--messagebox-warn-background);<br /> border-color: var(--messagebox-warn-border);<br /> color: var(--messagebox-warn-color)<br /> }<br /> <br /> .messagebox.warn a,.messagebox.warn a:visited,.messagebox.warn a:active {<br /> color: var(--messagebox-warn-link-color)<br /> }<br /> <br /> .messagebox.safe {<br /> background-color: var(--messagebox-safe-background);<br /> border-color: var(--messagebox-safe-border);<br /> color: var(--messagebox-safe-color)<br /> }<br /> <br /> .messagebox.safe a,.messagebox.safe a:visited,.messagebox.safe a:active {<br /> color: var(--messagebox-safe-link-color)<br /> }<br /> <br /> .messagebox.disambig {<br /> background-color: var(--messagebox-disambig-background);<br /> border-color: var(--messagebox-disambig-border);<br /> color: var(--messagebox-disambig-color)<br /> }<br /> <br /> .messagebox.disambig a,.messagebox.disambig a:visited,.messagebox.disambig a:active {<br /> color: var(--messagebox-disambig-link-color)<br /> }<br /> <br /> .messagebox.discord {<br /> background-color: var(--messagebox-discord-background);<br /> border-color: var(--messagebox-discord-border);<br /> color: #fff<br /> }<br /> <br /> .messagebox.discord a,.messagebox.discord a:visited,.messagebox.discord a:active {<br /> color: var(--messagebox-discord-link-color)<br /> }<br /> <br /> .messagebox.discord a.external,.messagebox.discord a:visited.external,.messagebox.discord a:active.external {<br /> font-style: italic<br /> }<br /> <br /> .messagebox.stub {<br /> width: 40%<br /> }<br /> <br /> .messagebox.hasdialogue {<br /> padding: 0 10px;<br /> width: auto<br /> }<br /> <br /> :root {<br /> --ajaxpoll-background: #fafafa;<br /> --ajaxpoll-text-color: var(--byline-color);<br /> --ajaxpoll-answerbar-background: var(--body-light);<br /> --ajaxpoll-answerbar-border: var(--body-border)<br /> }<br /> <br /> .ajaxpoll {<br /> background: var(--ajaxpoll-background)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-hover-vote,.ajaxpoll .ajaxpoll-hover-revoke,.ajaxpoll .ajaxpoll-ajax {<br /> background: none<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote {<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote div {<br /> background: var(--ajaxpoll-answerbar-background);<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-our-vote div {<br /> border-color: #3c780a<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-misc,.ajaxpoll .ajaxpoll-info,.ajaxpoll .ajaxpoll-ajax {<br /> color: var(--ajaxpoll-text-color)<br /> }<br /> <br /> .ajaxpoll-id-info {<br /> display: none<br /> }<br /> <br /> .inventorytable,<br /> .lootingbagtable,<br /> .runepouchtable {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> height: auto;<br /> border-spacing: 0;<br /> border-collapse: separate;<br /> margin-top: 7px;<br /> margin-bottom: 7px;<br /> }<br /> <br /> .inventorytable.storage-left,<br /> .lootingbagtable.storage-left,<br /> .runepouchtable.storage-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .inventorytable.storage-center,<br /> .lootingbagtable.storage-center,<br /> .runepouchtable.storage-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .inventorytable.storage-right,<br /> .lootingbagtable.storage-right,<br /> .runepouchtable.storage-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .inventorytable td,<br /> .lootingbagtable td,<br /> .runepouchtable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> }<br /> <br /> .inventorytable {<br /> background-image: url(/images/e/e9/Inventory_tab.png);<br /> width: 204px;<br /> padding: 13px 16px 10px;<br /> }<br /> <br /> .inventorytable td {<br /> width: 43px;<br /> height: 36px;<br /> }<br /> <br /> .lootingbagtable {<br /> background-image: url(/images/7/78/Looting_bag_tab.png);<br /> width: 204px;<br /> padding: 31px 17px 20px 12px;<br /> }<br /> <br /> .lootingbagtable td {<br /> width: 44px;<br /> height: 32px;<br /> }<br /> <br /> .runepouchtable {<br /> background-image: url(/images/f/f1/Rune_pouch_background.png);<br /> width: 158px;<br /> padding: 24px 7px 6px;<br /> }<br /> <br /> .runepouchtable.storage-left {<br /> margin-left: 23px;<br /> }<br /> <br /> .runepouchtable.storage-right {<br /> margin-right: 23px;<br /> }<br /> <br /> .runepouchtable td {<br /> width: 32px;<br /> height: 32px;<br /> line-height: 1.6em;<br /> }<br /> <br /> .runepouchtable td.middle-rune {<br /> padding-left: 24px;<br /> padding-right: 24px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune {<br /> padding-left: 6px;<br /> padding-right: 6px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune {<br /> padding-left: 0;<br /> }<br /> <br /> .menagerietable {<br /> background-image: url(/images/9/9c/Menagerie_interface.png);<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> width: 300px;<br /> height: 250px;<br /> padding: 56px 28px 34px 6px;<br /> border-spacing: 0;<br /> }<br /> <br /> .menagerietable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> width: 46px;<br /> height: 32px;<br /> }<br /> <br /> .inventorytable .inv-quantity-text,<br /> .lootingbagtable .inv-quantity-text,<br /> .runepouchtable .inv-quantity-text,<br /> .equipment .inv-quantity-text {<br /> font-family: 'RuneScape Small';<br /> font-size: 12pt;<br /> position: absolute;<br /> top: -8px;<br /> left: 4px;<br /> text-shadow: #000 1px 1px;<br /> color: #ffff00;<br /> pointer-events: none;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-1,<br /> .lootingbagtable .inv-quantity-text.qty-1,<br /> .runepouchtable .inv-quantity-text.qty-1,<br /> .equipment .inv-quantity-text.qty-1 {<br /> color: #ffff00;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-100k,<br /> .lootingbagtable .inv-quantity-text.qty-100k,<br /> .runepouchtable .inv-quantity-text.qty-100k,<br /> .equipment .inv-quantity-text.qty-100k {<br /> color: #fff;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-10m,<br /> .lootingbagtable .inv-quantity-text.qty-10m,<br /> .runepouchtable .inv-quantity-text.qty-10m,<br /> .equipment .inv-quantity-text.qty-10m {<br /> color: #01ff80;<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {<br /> .inventorytable img,<br /> .lootingbagtable img,<br /> .runepouchtable img,<br /> .equipment img {<br /> image-rendering: pixelated;<br /> image-rendering: crisp-edges;<br /> }<br /> <br /> }<br /> <br /> .runepouchtable .inv-quantity-text {<br /> left: -1px;<br /> }<br /> <br /> .runepouchtable td.middle-rune .inv-quantity-text {<br /> left: 23px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune .inv-quantity-text {<br /> left: 5px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune .inv-quantity-text {<br /> left: 0;<br /> }<br /> <br /> .equipment .inv-quantity-text {<br /> top: -3px;<br /> }<br /> <br /> span.noted-item {<br /> width: 30px;<br /> height: 29px;<br /> text-align: center;<br /> display: inline-block;<br /> }<br /> <br /> span.noted-item a {<br /> width: 30px;<br /> height: 29px;<br /> }<br /> <br /> .noted-item a {<br /> background-image: url(/images/3/3a/Bank_note.png);<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> background-position: center;<br /> }<br /> <br /> td.noted-item a {<br /> width: 32px;<br /> line-height: 28px;<br /> }<br /> <br /> .noted-item img {<br /> transform: scale(0.65);<br /> }<br /> <br /> .equipment {<br /> background: #3e3529;<br /> border: 9px solid transparent;<br /> border-image-source: url(/images/c/c7/Interface_border.png);<br /> border-image-slice: 9;<br /> border-image-width: 9px;<br /> border-image-outset: 0;<br /> border-image-repeat: repeat;<br /> margin: 7px 0;<br /> padding: 0 2px 0 3px;<br /> }<br /> <br /> @media all and (max-width: 720px) {<br /> table.equipment {<br /> width: initial !important;<br /> }<br /> <br /> }<br /> <br /> .equipment-div,<br /> .equipment-div-buttons {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> position: relative;<br /> width: 175px;<br /> display: flex;<br /> }<br /> <br /> .equipment-div {<br /> background-image: url(/images/a/a7/Worn_equipment_tab_%28no_buttons%29.png);<br /> height: 222px;<br /> margin: 15px 0 14px;<br /> }<br /> <br /> .equipment-div-buttons {<br /> background-image: url(/images/e/e3/Worn_equipment_tab_%28borderless%29.png);<br /> height: 244px;<br /> margin: 4px 0 3px;<br /> }<br /> <br /> .equipment-blank {<br /> background-image: url(/images/c/cf/Blank_slot.png);<br /> width: 36px;<br /> height: 36px;<br /> }<br /> <br /> .equipment-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .equipment-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .equipment-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .equipment-stats,<br /> .equipment-ikod {<br /> font-family: RuneScape;<br /> font-size: 16px;<br /> line-height: 14px;<br /> color: #ff981f;<br /> text-shadow: 1px 1px 0 black;<br /> }<br /> <br /> td.equipment-stats b {<br /> font-family: RuneScape;<br /> font-weight: bold;<br /> display: block;<br /> margin-top: 2px;<br /> }<br /> <br /> td.equipment-stats data {<br /> display: block;<br /> padding-left: 8px;<br /> }<br /> <br /> td.equipment-stats data img {<br /> vertical-align: bottom;<br /> }<br /> <br /> td.equipment-ikod {<br /> max-width: 325px;<br /> }<br /> <br /> td.equipment-ikod em {<br /> font-style: normal;<br /> display: block;<br /> margin-bottom: 3px;<br /> }<br /> <br /> td.equipment-ikod b {<br /> font-weight: normal;<br /> color: white;<br /> }<br /> <br /> td.equipment-ikod strong {<br /> font-weight: normal;<br /> color: red;<br /> }<br /> <br /> td.equipment-ikod ul {<br /> list-style: none;<br /> margin: 0;<br /> }<br /> <br /> td.equipment-ikod li {<br /> display: inline-block;<br /> width: 32px;<br /> height: 32px;<br /> line-height: 32px;<br /> margin: 0;<br /> margin-right: 14px;<br /> }<br /> <br /> td.equipment-ikod img {<br /> cursor: help;<br /> }<br /> <br /> td.equipment-ikod hr {<br /> border-top: 1px solid #0e0e0c;<br /> border-bottom: 1px solid #474745;<br /> margin: 7px 0;<br /> }<br /> <br /> .equipment-plinkp {<br /> position: absolute;<br /> width: 36px;<br /> height: 36px;<br /> left: 0px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head,<br /> .equipment-cape,<br /> .equipment-neck,<br /> .equipment-ammo,<br /> .equipment-weapon,<br /> .equipment-torso,<br /> .equipment-shield,<br /> .equipment-legs,<br /> .equipment-gloves,<br /> .equipment-boots,<br /> .equipment-ring,<br /> .equipment-statsbutton,<br /> .equipment-ikodbutton {<br /> position: absolute;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head {<br /> left: 70px;<br /> top: 0px;<br /> }<br /> <br /> .equipment-cape {<br /> left: 29px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-neck {<br /> left: 70px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-ammo {<br /> left: 111px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-weapon {<br /> left: 14px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-torso {<br /> left: 70px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-shield {<br /> left: 126px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-legs {<br /> left: 70px;<br /> top: 118px;<br /> }<br /> <br /> .equipment-gloves {<br /> left: 14px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-boots {<br /> left: 70px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-ring {<br /> left: 126px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-statsbutton {<br /> top: 204px;<br /> left: 0px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> .equipment-ikodbutton {<br /> top: 204px;<br /> left: 90px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> :root {<br /> --transcript-border-color: #b4a36a;<br /> --transcript-border-hover-color: #876f1d;<br /> --transcript-strikethrough-color: #800000<br /> }<br /> <br /> .transcript {<br /> background: var(--body-light);<br /> border-radius: 0 0 120px 120px / 0 0 8px 8px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> max-width: 90ch;<br /> overflow: hidden;<br /> margin-bottom: 1em;<br /> padding: 0.5em 1em 1em;<br /> clear: left<br /> }<br /> <br /> .transcript.godletter {<br /> margin: 1em auto;<br /> padding: 1em 1.5em;<br /> max-width: 60ch<br /> }<br /> <br /> .quest-action {<br /> text-align: center;<br /> font-style: italic;<br /> margin: 0 5%<br /> }<br /> <br /> .quest-action:before,.quest-action:after {<br /> content: '———';<br /> margin: 4px;<br /> letter-spacing: -1px<br /> }<br /> <br /> .transcript-chatbox-image {<br /> display: inline-block;<br /> margin-right: 5px;<br /> position: relative;<br /> text-align: center;<br /> width: 32px<br /> }<br /> <br /> .transcript-chatbox-image + .transcript-chatbox-image {<br /> left: -10px;<br /> top: 10px;<br /> margin-right: 0<br /> }<br /> <br /> .transcript-opt::before {<br /> display: inline-block;<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> width: 7px;<br /> height: 10px;<br /> margin-right: 5px<br /> }<br /> <br /> .transcript-opt.disabled {<br /> filter: opacity(0.5)<br /> }<br /> <br /> .ns-120 .mw-parser-output s,.transcript s {<br /> text-decoration-color: var(--transcript-strikethrough-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output .template-colour,.transcript .template-colour {<br /> text-shadow: 1px 1px #000a<br /> }<br /> <br /> :root {<br /> --byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%);<br /> --tile-border-color: #596e96;<br /> --tile-background-color: #313e59;<br /> --tile-link-button-color: #222e45;<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255,255,255,0.7);<br /> --tile-dark-header-color: #fff<br /> }<br /> <br /> .tile {<br /> background: var(--tile-background-color);<br /> border: 1px solid var(--tile-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1.5em 2em 1em;<br /> max-width: 40em<br /> }<br /> <br /> .tile h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile.dark {<br /> color: var(--tile-dark-color);<br /> background: var(--tile-dark-bg);<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .tile.dark h2 {<br /> color: var(--tile-dark-header-color)<br /> }<br /> <br /> .tile.dark a {<br /> color: var(--tile-dark-link-color)<br /> }<br /> <br /> .tile.dark .byline {<br /> color: var(--tile-dark-byline-color)<br /> }<br /> <br /> .byline {<br /> font-size: 0.9em;<br /> color: var(--byline-color)<br /> }<br /> <br /> .byline a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .tile-row {<br /> display: flex;<br /> flex-flow: row wrap;<br /> margin-bottom: 1em<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-flow: row wrap;<br /> border: 1px solid var(--tile-border-color);<br /> background: var(--tile-background-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .tile-halves h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile-halves .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile-top {<br /> width: 100%;<br /> padding: 1.3rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-top.tile-image {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--byline-color);<br /> overflow: hidden;<br /> padding: 0;<br /> height: 13vw;<br /> max-height: 12em;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-halves:hover .tile-top.tile-image img {<br /> transform: scale(1.1);<br /> transition: 0.5s ease-out<br /> }<br /> <br /> .tile-top.tile-image a {<br /> width: 100%<br /> }<br /> <br /> .tile-top.tile-image img {<br /> width: 100%;<br /> object-fit: cover;<br /> max-height: 200px;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-top.tile-image span {<br /> width: 100%<br /> }<br /> <br /> .tile-bottom {<br /> background: var(--tile-background-color);<br /> border-top: 1px solid var(--tile-border-color);<br /> width: 100%;<br /> padding: 1rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-bottom.link-button {<br /> align-self: flex-end;<br /> padding: 0<br /> }<br /> <br /> .tile-bottom.link-button a {<br /> display: block;<br /> text-align: center;<br /> padding: 0.75em 1.5em 0.8em;<br /> text-decoration: none<br /> }<br /> <br /> .tile-bottom.read-more {<br /> background: var(--tile-link-button-color);<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile-bottom.read-more a {<br /> color: var(--byline-color);<br /> font-weight: bold;<br /> text-align: right<br /> }<br /> <br /> .tile-bottom.read-more:hover {<br /> background: var(--tile-link-button-highlight-color)<br /> }<br /> <br /> .tile-bottom.read-more:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .tile-bottom.read-more .arrow {<br /> filter: var(--byline-arrow-filter);<br /> margin-left: 0.4em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile.oswf-day {<br /> margin-left: 0.5em<br /> }<br /> <br /> .oswf-tile {<br /> margin: 1em<br /> }<br /> <br /> .oswf-tile.oswf-complete {<br /> opacity: 0.65<br /> }<br /> <br /> .oswf-tile .oswf-summary {<br /> font-size: 105%;<br /> line-height: 1.6;<br /> margin-top: -0.4em<br /> }<br /> <br /> .oswf-tile .oswf-img {<br /> display: block;<br /> max-width: 75px;<br /> float: right<br /> }<br /> <br /> .oswf-tile .oswf-img img {<br /> max-width: 100%;<br /> height: auto<br /> }<br /> <br /> .oswf-tile .oswf-guidance {<br /> border-top: 1px solid #eee;<br /> padding-top: 1em<br /> }<br /> <br /> body.page-Main_Page .mw-parser-output {<br /> max-width: 75em;<br /> margin: 0 auto;<br /> }<br /> <br /> body.page-Main_Page.action-view .catlinks,<br /> body.page-Main_Page.action-view #contentSub,<br /> body.page-Main_Page.action-view #siteNotice {<br /> display: none;<br /> }<br /> <br /> body.page-Main_Page h1 { display: none; }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> margin: 2.6em 1.75em 1.5em<br /> }<br /> <br /> .mainpage-header .header-intro {<br /> flex: 2<br /> }<br /> <br /> .mainpage-header .header-intro h1 {<br /> font-size: 2.5em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.15em<br /> }<br /> <br /> .mainpage-header .header-intro p {<br /> font-size: 1.1em;<br /> line-height: 1.7em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> flex: 1;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> margin-top: -1em<br /> }<br /> <br /> .mainpage-body {<br /> display: grid;<br /> grid-template-areas: &quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left right&quot;;<br /> gap: 0.9rem;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-body h2 a {<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-body .tile {<br /> padding-left: 1.75em;<br /> padding-right: 1.75em;<br /> max-width: 100%<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> width: 100%;<br /> margin-bottom: 0<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> display: grid;<br /> gap: 0.9rem<br /> }<br /> <br /> .mainpage-left {<br /> grid-area: left;<br /> flex: 2;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-left &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .mainpage-right {<br /> grid-area: right;<br /> flex: 1;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-right &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .arrow {<br /> background: url(/images/White-chevron.svg?b82be) no-repeat;<br /> display: inline-block;<br /> height: 0.7rem;<br /> width: 0.45rem;<br /> vertical-align: middle<br /> }<br /> <br /> .arrow.dark {<br /> filter: invert(80%)<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-area: update;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves {<br /> flex: 1;<br /> align-content: flex-start<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-bottom.link-button a {<br /> text-align: left;<br /> padding: 1rem 1.5rem 0.75rem<br /> }<br /> <br /> .mainpage-recent-updates h2 {<br /> margin: -0.5em 0 0.3em<br /> }<br /> <br /> .mainpage-recent-updates p:not(.byline) {<br /> font-size: 0.9em;<br /> line-height: 1.75em;<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-contents {<br /> grid-area: content;<br /> grid-template-columns: repeat(6,1fr)<br /> }<br /> <br /> .mainpage-contents .tile-halves {<br /> flex: 1<br /> }<br /> <br /> .mainpage-contents .tile-top {<br /> position: relative<br /> }<br /> <br /> .mainpage-contents h2 {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> .mainpage-contents .tile-bottom.link-button a {<br /> padding: 0.75em 0.2em<br /> }<br /> <br /> .mainpage-skills ul {<br /> columns: 3 9em;<br /> margin: 1em 0.7em 0.7em 1em<br /> }<br /> <br /> .mainpage-skills li {<br /> display: flex;<br /> margin-bottom: 0.29em<br /> }<br /> <br /> .mainpage-skills li a:first-child {<br /> border-radius: 2px;<br /> padding: 4px;<br /> width: 25px;<br /> height: 25px;<br /> text-align: center;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center<br /> }<br /> <br /> .mainpage-skills li a:last-child {<br /> flex: 1;<br /> display: flex;<br /> align-items: center;<br /> font-weight: bold;<br /> padding-left: 0.7em;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-skills li:hover a:first-child {<br /> border-radius: 2px 0 0 2px<br /> }<br /> <br /> .mainpage-skills li:hover a:last-child {<br /> color: rgba(255,255,255,0.9);<br /> border-radius: 0 2px 2px 0<br /> }<br /> <br /> .skill-agility a:first-child,.skill-melee a:first-child {<br /> background: #bc483d<br /> }<br /> <br /> .skill-agility:hover a:last-child,.skill-melee:hover a:last-child {<br /> background: #932419<br /> }<br /> <br /> .skill-ranged a:first-child {<br /> background: #748d36<br /> }<br /> <br /> .skill-ranged:hover a:last-child {<br /> background: #4c6215<br /> }<br /> <br /> .skill-magic a:first-child {<br /> background: #6274ab<br /> }<br /> <br /> .skill-magic:hover a:last-child {<br /> background: #304791<br /> }<br /> <br /> .skill-fishing a:first-child,.skill-fletching a:first-child {<br /> background: #3e8e9a<br /> }<br /> <br /> .skill-fishing:hover a:last-child,.skill-fletching:hover a:last-child {<br /> background: #1a6671<br /> }<br /> <br /> .skill-cooking a:first-child,.skill-thieving a:first-child {<br /> background: #91689e<br /> }<br /> <br /> .skill-cooking:hover a:last-child,.skill-thieving:hover a:last-child {<br /> background: #713684<br /> }<br /> <br /> .skill-farming a:first-child,.skill-woodcutting a:first-child {<br /> background: #59924f<br /> }<br /> <br /> .skill-farming:hover a:last-child,.skill-woodcutting:hover a:last-child {<br /> background: #306f25<br /> }<br /> <br /> .skill-mining a:first-child {<br /> background: #6385a8<br /> }<br /> <br /> .skill-mining:hover a:last-child {<br /> background: #315f8d<br /> }<br /> <br /> .skill-smithing a:first-child {<br /> background: #d2b244<br /> }<br /> <br /> .skill-smithing:hover a:last-child {<br /> background: #b69213<br /> }<br /> <br /> .popular-pages ul {<br /> display: grid;<br /> grid-template-columns: repeat(3,1fr);<br /> grid-gap: 0.6em;<br /> margin: 1em 0 0.7em 0<br /> }<br /> <br /> .mp-popular-page-light {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--button-background);<br /> transition: 100ms<br /> }<br /> <br /> .mp-popular-page-light a {<br /> flex: 1;<br /> display: block;<br /> color: #fff;<br /> font-weight: bold;<br /> text-align: center;<br /> text-decoration: none;<br /> padding: 0.7em 1em<br /> }<br /> <br /> .mp-popular-page-light:hover {<br /> filter: brightness(115%);<br /> transition: 100ms<br /> }<br /> <br /> .mainpage-discord {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-discord .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #5865f2;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-discord .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-discord .tile-bottom {<br /> background: #525ee0;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-discord .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-discord .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-discord .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-discord .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-youtube {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-youtube .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-youtube .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-youtube .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-youtube .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-youtube .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-youtube .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-youtube .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-rl {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-rl .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #383838;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-rl .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-rl .tile-bottom {<br /> background: #FF9300;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-rl .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-rl .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-rl .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-rl .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-twitter {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-twitter .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-twitter .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-twitter .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-twitter .twitter-logo {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-twitter .twitter-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-twitter .twitter-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-twitter .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .mainpage-editing {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-editing .tile-top {<br /> background: #222e45<br /> }<br /> <br /> .mainpage-editing .tile-bottom {<br /> background: #3980ab;<br /> border: none;<br /> padding: 0.8rem 1.5rem 0.4rem<br /> }<br /> <br /> .mainpage-editing h2,.mainpage-editing a {<br /> color: #fff<br /> }<br /> <br /> .mainpage-editing p {<br /> color: rgba(255,255,255,0.9)<br /> }<br /> <br /> .mainpage-editing ul {<br /> list-style-image: url(/images/Transparent-chevron.svg?20dcf)<br /> }<br /> <br /> .mainpage-poll .ajaxpoll {<br /> border: none;<br /> background: none;<br /> padding: 0;<br /> width: auto<br /> }<br /> <br /> .mainpage-trailblazer {<br /> grid-area: event<br /> }<br /> <br /> .mainpage-trailblazer .tb-logo {<br /> margin-bottom: 0.9rem<br /> }<br /> <br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-trailblazer .tile-row .tile-top {<br /> height: 20vw;<br /> min-height: 9em<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1200px) {<br /> .mainpage-contents {<br /> grid-template-columns:repeat(3,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1000px) {<br /> .mainpage-body {<br /> grid-template-areas:&quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left left&quot; &quot;right right right&quot;<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-top {<br /> height: 18vw;<br /> min-height: 9em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> display: none<br /> }<br /> <br /> .mainpage-left &gt; *:last-child,.mainpage-right &gt; *:last-child {<br /> margin-bottom: 0<br /> }<br /> <br /> .popular-pages ul {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-recent-updates {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: flex<br /> }<br /> <br /> .mainpage-contents {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background-color: var(--body-main);<br /> border-top-color: var(--body-border);<br /> box-shadow: none<br /> }<br /> <br /> .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,.mw-prefs-tabs &gt; .oo-ui-menuLayout-content &gt; .oo-ui-indexLayout-stackLayout &gt; .oo-ui-tabPanelLayout {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --rc-positive-color: #407813;<br /> --rc-negative-color: #b41e0f<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: var(--rc-positive-color)<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: var(--rc-negative-color)<br /> }<br /> <br /> .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {<br /> border-color: var(--body-border);<br /> background-color: var(--body-light);<br /> border-radius: 2px<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-menuSelectWidget-footer {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-tagItemWidget-popup-content {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-changeslist-legend,.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .client-js .mw-changeslist ul,.client-js .mw-changeslist table.mw-enhanced-rc {<br /> margin-left: 0<br /> }<br /> <br /> .mw-rcfilters-ui-watchlistTopSectionWidget-separator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-header {<br /> border-bottom-color: var(--ooui-interface);<br /> background-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-title {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-header {<br /> border-bottom-color: var(--ooui-interface-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-savedLinksListItemWidget-label {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted ul,.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted table.mw-enhanced-rc {<br /> margin-left: 1.5em<br /> }<br /> <br /> .page-Special_CreateAccount .mw-ui-container,.page-Special_UserLogin .mw-ui-container {<br /> max-width: 64rem;<br /> margin: 0 auto<br /> }<br /> <br /> .mw-number-text {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-body-content .mw-number-text h3 {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-indicator-mw-helplink a {<br /> background: none;<br /> padding: 0;<br /> display: flex;<br /> align-items: center<br /> }<br /> <br /> #mw-indicator-mw-helplink a::before {<br /> content: '';<br /> margin-right: 5px;<br /> -webkit-mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> background: var(--text-color);<br /> height: 20px;<br /> width: 20px<br /> }<br /> <br /> .results-info {<br /> color: inherit<br /> }<br /> <br /> .mw-search-profile-tabs {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> .search-types .current a {<br /> color: inherit<br /> }<br /> <br /> #mw-searchoptions {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> #mw-searchoptions .divider {<br /> border-color: var(--body-border)<br /> }<br /> <br /> #mw-searchoptions h4 {<br /> font-family: inherit<br /> }<br /> <br /> #mw-searchoptions .oo-ui-labelElement:nth-of-type(odd) {<br /> font-weight: bold<br /> }<br /> <br /> .searchresult {<br /> line-height: 1.5<br /> }<br /> <br /> .searchalttitle,#mw-search-interwiki li {<br /> font-size: 90%<br /> }<br /> <br /> .mw-search-result-data {<br /> color: var(--byline-color)<br /> }<br /> <br /> .page-Special_ListFiles a.image img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .page-Special_ListFiles .TablePager_col_thumb {<br /> text-align: center<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] {<br /> background-color: var(--body-main) !important;<br /> border-color: var(--wikitable-border) !important;<br /> margin-top: 0.5em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th,#editcount table[border=&quot;1&quot;] td {<br /> padding: 0.2em 0.4em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th {<br /> background-color: var(--wikitable-header-bg);<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] td {<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] tr:nth-child(odd) {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget {<br /> background-color: inherit<br /> }<br /> <br /> table.mw-interwikitable.body td.mw-interwikitable-local-yes {<br /> background-color: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .mw-protectedpages-unknown {<br /> color: var(--byline-color)<br /> }<br /> <br /> .watchlistredir,.allpagesredirect {<br /> font-style: italic<br /> }<br /> <br /> .allpagesredirect:after {<br /> color: var(--byline-color);<br /> content: &quot; (redirect)&quot;<br /> }<br /> <br /> .mw-apisandbox-toolbar {<br /> background: var(--body-main)<br /> }<br /> <br /> .oo-ui-menuOptionWidget .mw-apisandbox-flag {<br /> color: var(--byline-color)<br /> }<br /> <br /> tr.mw-abusefilter-list-disabled,tr.mw-abusefilter-list-disabled td {<br /> color: var(--byline-color)<br /> }<br /> <br /> table.mw-abuselog-details {<br /> background: var(--wikitable-bg);<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> table.mw-abuselog-details th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> table.mw-abuselog-details th,table.mw-abuselog-details td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-abusefilter-log-hidden-entry {<br /> color: var(--subtle-color)<br /> }<br /> <br /> body td.mw-abusefilter-history-changed {<br /> background: var(--table-no-background)<br /> }<br /> <br /> div.mw-abusefilter-editor,#mw-abusefilter-warn-preview,#mw-abusefilter-disallow-preview {<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-destfile-warning {<br /> border-color: var(--warningbox-border);<br /> color: var(--text-color);<br /> background-color: var(--warningbox-bg)<br /> }<br /> <br /> span.fileinput-button {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> ul.fileupload-results li.ful-success {<br /> background-color: var(--successbox-bg)<br /> }<br /> <br /> ul.fileupload-results li.ful-success a {<br /> color: var(--link-color)<br /> }<br /> <br /> ul.fileupload-results li.ful-error {<br /> background-color: var(--errorbox-bg)<br /> }<br /> <br /> #siteNotice {<br /> text-align: center<br /> }<br /> <br /> #siteNotice ul {<br /> list-style: none<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-body {<br /> margin: 0<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-close {<br /> float: none;<br /> text-align: right<br /> }<br /> <br /> .mw-dismissable-notice-close-parent {<br /> min-height: 1em<br /> }<br /> <br /> .mmg-xpline:after {<br /> content: ','<br /> }<br /> <br /> .mmg-xpline:last-child:after {<br /> content: ''<br /> }<br /> <br /> .mmg-itemline {<br /> display: block<br /> }<br /> <br /> .discussiontable th {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .discussiontable .topic,.discussiontable .edited,.discussiontable .edited-by,.discussiontable .rg-archive {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .dpltable {<br /> margin-top: -30px<br /> }<br /> <br /> .dpltable td {<br /> padding-left: 5px<br /> }<br /> <br /> .dpltable,.discussiontable {<br /> width: 100%<br /> }<br /> <br /> .dpltable .topic,.discussiontable .topic {<br /> width: 40%<br /> }<br /> <br /> .dpltable .edited,.discussiontable .edited,.dpltable .edited-by,.discussiontable .edited-by {<br /> width: 30%<br /> }<br /> <br /> .dpltable .rg-archive,.discussiontable .rg-archive {<br /> width: 20%<br /> }<br /> <br /> body.ns-110 #ca-talk {<br /> display: none<br /> }<br /> <br /> :root {<br /> --gemw-positive-color: #6bc71f;<br /> --gemw-unchanged-color: #3ea6e6;<br /> --gemw-negative-color: #ee4231;<br /> --gemw-historical-border-color: #000<br /> }<br /> <br /> .gemw-container {<br /> max-width: 60em;<br /> margin: 4em auto<br /> }<br /> <br /> .gemw-header {<br /> display: flex;<br /> border-left-width: 0.25em;<br /> border-left-style: solid;<br /> padding-left: 1em;<br /> margin-bottom: 3em<br /> }<br /> <br /> .gemw-header.positive {<br /> border-color: var(--gemw-positive-color)<br /> }<br /> <br /> .gemw-header.negative {<br /> border-color: var(--gemw-negative-color)<br /> }<br /> <br /> .gemw-header.unchanged {<br /> border-color: var(--gemw-unchanged-color)<br /> }<br /> <br /> .gemw-header .gemw-section-left {<br /> flex: 1<br /> }<br /> <br /> .gemw-header .gemw-name {<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> margin-bottom: 0<br /> }<br /> <br /> .gemw-header .gemw-name a {<br /> color: inherit<br /> }<br /> <br /> .gemw-header .gemw-examine {<br /> color: var(--byline-color);<br /> font-size: 1.05em;<br /> font-style: italic;<br /> margin: 0 1em 1.25em 0<br /> }<br /> <br /> .gemw-header .gemw-price {<br /> display: inline-block;<br /> font-size: 2.75em;<br /> font-weight: bold<br /> }<br /> <br /> .gemw-header .gemw-price::after {<br /> content: ' coins';<br /> color: var(--byline-color);<br /> font-size: 1rem;<br /> font-weight: normal;<br /> word-spacing: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-change {<br /> display: inline-block;<br /> font-size: 1rem;<br /> font-weight: bold;<br /> margin-left: 2em;<br /> word-spacing: 0.5em<br /> }<br /> <br /> .gemw-header .gemw-change img {<br /> vertical-align: baseline<br /> }<br /> <br /> .gemw-header .gemw-section-right {<br /> text-align: right<br /> }<br /> <br /> .gemw-header .gemw-updated {<br /> color: var(--byline-color);<br /> line-height: 1.5em;<br /> margin-top: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-time {<br /> color: var(--byline-color);<br /> font-weight: bold<br /> }<br /> <br /> .gemw-body {<br /> display: flex<br /> }<br /> <br /> .gemw-body .gemw-section-left {<br /> width: 40%;<br /> margin-right: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left dl {<br /> display: flex;<br /> flex-flow: row wrap;<br /> justify-content: space-between;<br /> margin-bottom: -1.25em<br /> }<br /> <br /> .gemw-body .gemw-section-left &gt; div {<br /> margin-top: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .gemw-body .gemw-property {<br /> width: 30%;<br /> border-top: 0.15em dotted var(--body-mid);<br /> padding-top: 0.25em;<br /> margin-bottom: 1.5em<br /> }<br /> <br /> .gemw-body .gemw-property dt {<br /> color: var(--byline-color);<br /> font-weight: normal<br /> }<br /> <br /> .gemw-body .gemw-property dd {<br /> font-weight: bold;<br /> margin: -0.25em 0 0<br /> }<br /> <br /> .gemw-body .gemw-links {<br /> color: var(--byline-color);<br /> margin-bottom: 0.35em<br /> }<br /> <br /> .gemw-body .gemw-section-right {<br /> width: 60%<br /> }<br /> <br /> .gemw-body .gemw-chart {<br /> color: #eceeee;<br /> font-size: 5em;<br /> text-align: center;<br /> line-height: 5em;<br /> position: relative<br /> }<br /> <br /> .gemw-body .gemw-chart .GEChartBox,.gemw-body .gemw-chart .GEdatachart {<br /> position: relative<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header.positive,.gemw-container.gemw-historical .gemw-header.negative,.gemw-container.gemw-historical .gemw-header.neutral,.gemw-container.gemw-historical .gemw-header.unchanged {<br /> border-color: var(--gemw-historical-border-color)<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-time .jsPurgeLink,.gemw-container.gemw-historical .gemw-header .gemw-time &gt; span.plainlinks {<br /> display: none<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-section-left:after {<br /> content: &quot;This is a historical item no longer available on the Grand Exchange. The data is preserved here as an archive.&quot;;<br /> font-style: italic<br /> }<br /> <br /> #overlay {<br /> display: none;<br /> background-color: var(--ooui-window-background);<br /> height: auto;<br /> width: auto;<br /> overflow: hidden;<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> bottom: 0;<br /> left: 0;<br /> z-index: 50<br /> }<br /> <br /> #GEchartpopup g.highcharts-label text &gt; a:visited,.GEdatachart g.highcharts-label text &gt; a:visited {<br /> fill: white<br /> }<br /> <br /> #GEchartpopup {<br /> background: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> border-radius: 2px;<br /> color: var(--ooui-text);<br /> position: fixed;<br /> left: 0;<br /> right: 0;<br /> top: 1em;<br /> bottom: 1em;<br /> margin: auto;<br /> padding: 1em;<br /> max-width: 975px;<br /> z-index: 52;<br /> overflow: auto<br /> }<br /> <br /> #GEchartpopup #closepopup {<br /> float: right;<br /> margin-bottom: 5px;<br /> z-index: 100<br /> }<br /> <br /> #GEchartpopup #itemstats {<br /> bottom: 50px;<br /> font-size: 11px;<br /> position: absolute;<br /> right: 45px;<br /> width: 200px;<br /> z-index: 10<br /> }<br /> <br /> #GEchartpopup #itemstats caption {<br /> cursor: pointer;<br /> text-align: right<br /> }<br /> <br /> #GEpopupchart {<br /> height: 500px<br /> }<br /> <br /> .highcharts-container .highcharts-range-selector {<br /> font-size: 11px<br /> }<br /> <br /> .GEPermLink {<br /> float: right;<br /> font-size: 14px<br /> }<br /> <br /> .GEPermLink ~ .GEdatachart {<br /> clear: right<br /> }<br /> <br /> form[id^=&quot;chartProperties&quot;] button {<br /> margin: 3px<br /> }<br /> <br /> .smallChart .highcharts-range-selector {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-button title + rect {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-title {<br /> white-space: nowrap !important<br /> }<br /> <br /> .smallChart .zoomButton,.smallChart svg &gt; text:first-of-type,.smallChart .highcharts-input-group {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-scrollbar,.mediumChart .highcharts-scrollbar {<br /> display: none<br /> }<br /> <br /> .highcharts-background,.highcharts-plot-background {<br /> fill: transparent<br /> }<br /> <br /> .highcharts-title,.highcharts-subtitle {<br /> color: var(--text-color) !important<br /> }<br /> <br /> .highcharts-axis-title {<br /> fill: var(--text-color) !important<br /> }<br /> <br /> .highcharts-yaxis-grid .highcharts-grid-line,.highcharts-tick,.highcharts-axis-line {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-axis-labels text,.highcharts-range-selector-group text {<br /> color: var(--ooui-text) !important;<br /> fill: var(--ooui-text) !important<br /> }<br /> <br /> .highcharts-label-box {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-button-box {<br /> fill: var(--ooui-normal)<br /> }<br /> <br /> .highcharts-navigator-outline {<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-track {<br /> fill: transparent;<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-button,.highcharts-scrollbar-thumb,.highcharts-navigator-handle {<br /> fill: var(--ooui-normal);<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-scrollbar-arrow {<br /> fill: var(--ooui-text)<br /> }<br /> <br /> .highcharts-scrollbar-rifles {<br /> stroke: var(--ooui-text)<br /> }<br /> <br /> #t-print,#t-permalink {<br /> display: none<br /> }<br /> <br /> .jcConfig {<br /> display: none<br /> }<br /> <br /> #filetoc {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> border-color: transparent;<br /> margin: 0.5em auto;<br /> text-align: center;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> .smwfact {<br /> display: none<br /> }<br /> <br /> .list-header {<br /> background-color: var(--body-mid);<br /> color: inherit<br /> }<br /> <br /> .editOptions {<br /> color: var(--text-color);<br /> background-color: var(--sourceeditor-background-secondary);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .updatedmarker {<br /> background-color: #c3e8a3;<br /> color: #162e02<br /> }<br /> <br /> .mw-json th,.mw-json td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-json td {<br /> background: var(--wikitable-bg)<br /> }<br /> <br /> .mw-json th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> <br /> html {<br /> -webkit-text-size-adjust: 100%<br /> }<br /> <br /> body {<br /> background: var(--body-background-image) var(--body-background-color) top left / 1500px 375px no-repeat;<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .vector-body {<br /> font-size: 0.9em<br /> }<br /> <br /> #firstHeading {<br /> font-weight: bold<br /> }<br /> <br /> pre,code,.mw-code {<br /> color: inherit;<br /> background-color: var(--mw-code-background-color);<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> dl {<br /> margin: 0<br /> }<br /> <br /> ul {<br /> list-style-image: var(--ul-list-style-image)<br /> }<br /> <br /> hr {<br /> background: none;<br /> border-color: var(--body-border);<br /> border-style: solid;<br /> border-width: 1px 0 0 0;<br /> height: initial<br /> }<br /> <br /> fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .vector-body blockquote {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --personal-links-bg: var(--body-main);<br /> --arrow-down: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5' fill='%23444'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading {<br /> background-color: var(--vector-tab-background);<br /> padding: 1em 0.75em 0.6923em;<br /> margin: 0<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading,.vector-menu-dropdown .vector-menu-heading:hover,.vector-menu-dropdown .vector-menu-heading:focus {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading:after {<br /> background-image: var(--arrow-down);<br /> opacity: 1<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-content {<br /> border-color: transparent;<br /> background-color: var(--body-light);<br /> box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);<br /> left: 0<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item a {<br /> color: var(--link-color)<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item.selected a,.vector-menu-dropdown .mw-list-item.selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> #p-personal {<br /> background: var(--personal-links-bg);<br /> top: 0;<br /> right: 0;<br /> border-radius: 0 0 0 4px;<br /> height: 1.875em<br /> }<br /> <br /> #p-personal ul {<br /> padding: 0 1em 0 0.4375em<br /> }<br /> <br /> .vector-search-box-inner {<br /> background: var(--search-box);<br /> height: 2.5em;<br /> margin-top: 0;<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-search-box-input {<br /> color: var(--text-color);<br /> height: 100%;<br /> border: none;<br /> background: none;<br /> padding-left: 0.75em<br /> }<br /> <br /> .vector-search-box-input::placeholder {<br /> color: var(--text-color);<br /> opacity: 0.67<br /> }<br /> <br /> .vector-search-box-inner:hover .vector-search-box-input,.vector-search-box-input:focus,.vector-search-box-inner:hover .vector-search-box-input:focus {<br /> border: none;<br /> box-shadow: none<br /> }<br /> <br /> :root {<br /> --searchbutton-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13'%3E%3Cg fill='none' stroke='%238cabe6' stroke-width='2'%3E%3Cpath d='M11.29 11.71l-4-4'/%3E%3Ccircle cx='5' cy='5' r='4'/%3E%3C/g%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .searchButton[name='go'] {<br /> background: no-repeat center var(--searchbutton-icon)<br /> }<br /> <br /> .vector-search-box {<br /> margin: 0<br /> }<br /> <br /> .vector-search-box form {<br /> margin-top: 0<br /> }<br /> <br /> .suggestions-results {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-result {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions a.mw-searchSuggest-link,.suggestions a.mw-searchSuggest-link:hover,.suggestions a.mw-searchSuggest-link:active,.suggestions a.mw-searchSuggest-link:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-special {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-special .special-label {<br /> color: var(--byline-color)<br /> }<br /> <br /> .suggestions-special .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current .special-label,.suggestions-result-current .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-panel {<br /> padding-top: 2.5em<br /> }<br /> <br /> .vector-menu-portal .vector-menu-heading {<br /> color: var(--background-text-color);<br /> font-weight: bold;<br /> background: none<br /> }<br /> <br /> .vector-menu-portal .vector-menu-content li a,.vector-menu-portal .vector-menu-content li a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-logo {<br /> filter: drop-shadow(0 2px 5px rgba(0,0,0,0.25));<br /> margin: -1.5em 0 0<br /> }<br /> <br /> #n-Discord a {<br /> color: #fff !important;<br /> font-weight: bold;<br /> border-radius: 4px;<br /> border: 1px solid #4c57d0;<br /> background-color: #5865f2;<br /> display: block;<br /> position: relative;<br /> padding: 4px 4px 5px calc(17px + 6.5px * 2);<br /> box-shadow: 0 2px 3px rgba(0,0,0,0.1);<br /> transition: 0.2s<br /> }<br /> <br /> #n-Discord a::before {<br /> content: 'Chat on ';<br /> font-weight: normal;<br /> opacity: 0.85<br /> }<br /> <br /> #n-Discord a::after {<br /> content: '';<br /> background: url(/images/0/06/Discord_logo_icon1.png) no-repeat;<br /> background-size: 17px 13px;<br /> filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));<br /> position: absolute;<br /> top: 5px;<br /> left: 7px;<br /> width: 17px;<br /> height: 13px<br /> }<br /> <br /> #n-Discord a:hover {<br /> text-decoration: none;<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a {<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a:hover {<br /> background-color: #4c57d0<br /> }<br /> <br /> :root {<br /> --vector-tab-background: var(--body-background-color);<br /> --vector-tab-background--hover: var(--body-mid);<br /> --vector-tab-link-color: var(--background-link-color);<br /> --watch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='transparent' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;);<br /> --unwatch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%238cabe6' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;)<br /> }<br /> <br /> .vector-menu-tabs-legacy {<br /> padding: 0<br /> }<br /> <br /> .vector-menu-tabs-legacy .new a,.vector-menu-tabs-legacy .new a:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected {<br /> background: var(--body-main)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected a,.vector-menu-tabs-legacy .selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy li a {<br /> color: var(--vector-tab-link-color);<br /> padding: 0 0.75em;<br /> padding-top: 1em<br /> }<br /> <br /> .vector-menu-tabs-legacy li a:visited {<br /> color: var(--vector-tab-link-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul li {<br /> background: var(--vector-tab-background)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul a:hover {<br /> text-decoration: none<br /> }<br /> <br /> #ca-view {<br /> display: none !important<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected):hover,#p-cactions:hover #p-cactions-label {<br /> background: var(--vector-tab-background--hover)<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected),#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-menu-tabs,.vector-menu-tabs a,#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> background-image: none<br /> }<br /> <br /> .ve-activated .vector-menu-tabs .selected {<br /> box-shadow: none<br /> }<br /> <br /> .vector-menu-tabs #ca-watch.icon a:before,.vector-menu-tabs #ca-watch.icon a:hover:before,.vector-menu-tabs #ca-watch.icon a:focus:before {<br /> background-image: var(--watch-icon)<br /> }<br /> <br /> .vector-menu-tabs #ca-unwatch.icon a:before,.vector-menu-tabs #ca-unwatch.icon a:hover:before,.vector-menu-tabs #ca-unwatch.icon a:focus:before {<br /> background-image: var(--unwatch-icon)<br /> }<br /> <br /> #p-Recent_changes {<br /> display: block<br /> }<br /> <br /> #p-Recent_changes .vector-menu-content {<br /> display: none<br /> }<br /> <br /> #p-Recent_changes .vector-menu-heading:after {<br /> content: '';<br /> position: relative;<br /> left: 0.5em;<br /> display: inline-block;<br /> background-color: #3c7b07;<br /> width: 6px;<br /> height: 6px;<br /> border-radius: 100%<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-item {<br /> position: relative;<br /> font-size: 0.75em;<br /> margin: 0.5em 0.25em 0 0.66em<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page {<br /> display: block;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden;<br /> max-width: max-content<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page,#p-Recent_changes .rc-sidebar-page:active,#p-Recent_changes .rc-sidebar-page:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user {<br /> color: var(--byline-color);<br /> margin: 0;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user a {<br /> color: inherit<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more {<br /> text-align: left<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more .rc-sidebar-page {<br /> display: inline-block<br /> }<br /> <br /> div.thumbinner {<br /> border: none;<br /> background-color: var(--thumb-bg);<br /> padding: 0<br /> }<br /> <br /> .thumbimage {<br /> background-color: transparent;<br /> border-color: transparent;<br /> border-bottom: none<br /> }<br /> <br /> .thumbcaption {<br /> background: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border)<br /> }<br /> <br /> .toc {<br /> font-size: 0.9em;<br /> background: var(--toc-bg);<br /> margin-top: 1em;<br /> padding: 0;<br /> border-color: var(--toc-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> clear: left<br /> }<br /> <br /> .toc .toctitle {<br /> background: var(--toc-title-bg);<br /> padding: 0.25em 1em<br /> }<br /> <br /> .toc .toctitle h2 {<br /> font-family: inherit<br /> }<br /> <br /> .toc &gt; ul {<br /> line-height: 1.8em;<br /> padding: 0.75em 1.75em;<br /> margin: 0<br /> }<br /> <br /> .toc ul ul {<br /> border-left: 1px dotted var(--toc-list-border-color);<br /> padding-left: 0.5em<br /> }<br /> <br /> .tocnumber {<br /> display: none<br /> }<br /> <br /> .toctogglespan {<br /> padding-left: 0.2em;<br /> font-size: 0.9em<br /> }<br /> <br /> .toctogglelabel {<br /> color: var(--link-color)<br /> }<br /> <br /> .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 {<br /> display: none<br /> }<br /> <br /> :root {<br /> --external-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238cabe6' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image: var(--external-icon);<br /> background-size: 0.833em<br /> }<br /> <br /> .mw-editsection {<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type),.mw-editsection-divider {<br /> color: var(--text-color)<br /> }<br /> <br /> #contentSub,#contentSub2 {<br /> color: var(--byline-color);<br /> margin: 0<br /> }<br /> <br /> #contentSub:not(:empty),#contentSub2:not(:empty) {<br /> margin: 0 0 1.4em 0<br /> }<br /> <br /> .mw-collapsible.mw-collapsed {<br /> min-width: 250px<br /> }<br /> <br /> .mw-collapsible:not(.mw-made-collapsible) th::before,.mw-collapsible .mw-collapsible-toggle {<br /> font-weight: normal;<br /> margin-left: 0.2em<br /> }<br /> .mw-collapsible-toggle-default .mw-collapsible-text {<br /> color: #8cabe6;<br /> }<br /> .wikiEditor-ui .wikiEditor-ui-view,.wikiEditor-ui .wikiEditor-ui-top {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar {<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab &gt; a,.wikiEditor-ui-toolbar .tabs span.tab &gt; a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a.current,.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br /> color: var(--text-colour)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select {<br /> background-color: var(--sourceeditor-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options .option {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group-search {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table td {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table th {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .section {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .group &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .tool &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet &gt; .index &gt; :hover {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet .index &gt; .current {<br /> background-color: var(--body-mid);<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span:hover {<br /> border-color: var(--body-dark);<br /> background-color: transparent<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a:before,.wikiEditor-ui-toolbar .group .tool-select .label:after {<br /> background: var(--text-color);<br /> -webkit-mask: var(--arrow-down) center no-repeat;<br /> mask: var(--arrow-down) center no-repeat<br /> }<br /> <br /> .ace-tm {<br /> background-color: var(--sourceeditor-input-background);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter {<br /> background: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-cell {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-active-line {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .ace_search {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ace_search_field {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .ace_searchbtn {<br /> border-color: var(--ooui-normal-border);<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ace_searchbtn:last-child {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .ace_searchbtn:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .ace_searchbtn.prev:after,.ace_searchbtn.next:after {<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .ace_button {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace_button:hover {<br /> background-color: rgba(0,23,70,0.086)<br /> }<br /> <br /> .ace_button:active {<br /> background-color: rgba(0,23,70,0.06)<br /> }<br /> <br /> .ace_button.checked {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .CodeMirror {<br /> background: var(--sourceeditor-input-background)<br /> }<br /> <br /> .CodeMirror pre {<br /> color: var(--text-color)<br /> }<br /> <br /> .codeEditor-status {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .codeEditor-status-message {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-gutters {<br /> background-color: var(--codemirror-gutter-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-linenumber {<br /> color: var(--text-color)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget .CodeMirror-linenumber {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-editform #wpTextbox1 {<br /> color: var(--text-color);<br /> background: var(--sourceeditor-input-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> input[name=&quot;model&quot;][value=&quot;Scribunto&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;css&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;less&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;javascript&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;json&quot;] ~ .wikiEditor-ui #wpTextbox1 {<br /> height: 600px<br /> }<br /> <br /> .tdg-templateDataDialog-listParamsPanel textarea.oo-ui-textInputWidget-autosized {<br /> resize: vertical<br /> }<br /> <br /> #wpAceFilterEditor {<br /> resize: horizontal<br /> }<br /> <br /> .warn-userupload,.ns-2 .upload-own-work {<br /> display: none<br /> }<br /> <br /> .ns-2 .warn-userupload {<br /> display: inline<br /> }<br /> <br /> textarea[name=&quot;wfUploadDescription&quot;] {<br /> height: 3em<br /> }<br /> <br /> #editform {<br /> margin-top: 1.25em<br /> }<br /> <br /> #mw-scribunto-input,#mw-scribunto-output {<br /> padding: 3px;<br /> font-family: monospace;<br /> font-size: 13px;<br /> line-height: 1.5em<br /> }<br /> <br /> #mw-scribunto-input {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> :root {<br /> --scribuntoconsole-input: #0b5884;<br /> --scibuntoconsole-print: #a48900;<br /> --scribuntoconsole-error: #9f261e;<br /> --scribuntoconsole-message: #3c780a;<br /> --scribuntoconsole-tabcomplete: #4f348b;<br /> --scribuntoconsole-clear: #9f261e<br /> }<br /> <br /> .mw-scribunto-console-fieldset {<br /> color: inherit;<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-scribunto-normalOutput,.mw-scribunto-print,.mw-scribunto-error,.mw-scribunto-propList,.mw-scribunto-message,.mw-scribunto-tabcomplete {<br /> background: none<br /> }<br /> <br /> .mw-scribunto-input {<br /> color: var(--scribuntoconsole-input)<br /> }<br /> <br /> .mw-scribunto-normalOutput {<br /> color: inherit<br /> }<br /> <br /> .mw-scribunto-print {<br /> color: var(--scibuntoconsole-print)<br /> }<br /> <br /> .mw-scribunto-error {<br /> color: var(--scribuntoconsole-error)<br /> }<br /> <br /> .mw-scribunto-propList,.mw-scribunto-message {<br /> color: var(--scribuntoconsole-message)<br /> }<br /> <br /> .mw-scribunto-tabcomplete {<br /> color: var(--scribuntoconsole-tabcomplete)<br /> }<br /> <br /> .mw-scribunto-clear {<br /> color: var(--scribuntoconsole-clear);<br /> border-bottom-color: var(--scribuntoconsole-clear)<br /> }<br /> <br /> .ui-widget-overlay {<br /> background: var(--ooui-window-background)<br /> }<br /> <br /> .ui-dialog,.ui-widget-content {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> background-image: none;<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar.ui-widget-header,.ui-widget-content .ui-dialog-titlebar.ui-widget-header {<br /> background-image: none !important;<br /> background-color: var(--body-dark) !important;<br /> border-color: var(--body-border) !important<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar .ui-dialog-title,.ui-widget-content .ui-dialog-titlebar .ui-dialog-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close,.ui-widget-content .ui-dialog-titlebar-close {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close:hover,.ui-widget-content .ui-dialog-titlebar-close:hover {<br /> background: var(--ooui-normal--hover);<br /> border: var(--link-color)<br /> }<br /> <br /> .ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {<br /> background: var(--ooui-normal) !important;<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border) !important<br /> }<br /> <br /> .ui-button:hover,.ui-state-default:hover,.ui-widget-content .ui-state-default:hover,.ui-widget-header .ui-state-default:hover {<br /> background: var(--ooui-normal--hover) !important;<br /> color: var(--ooui-text)<br /> }<br /> <br /> .infobox {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> font-size: 0.85em;<br /> width: 300px;<br /> margin: 0.5em 0 1em 1em;<br /> border-collapse: collapse;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> table-layout: fixed;<br /> word-break: break-word<br /> }<br /> <br /> .infobox .infobox-header {<br /> color: var(--infobox-text-color);<br /> font-size: 1.15em;<br /> line-height: 1.4em;<br /> background: var(--body-dark);<br /> padding: 0.5em 0<br /> }<br /> <br /> .infobox .infobox-header a {<br /> color: inherit;<br /> font-size: 1.15em;<br /> font-weight: bold<br /> }<br /> <br /> .infobox .infobox-subheader {<br /> background: var(--body-dark);<br /> color: var(--infobox-text-color);<br /> line-height: 2em<br /> }<br /> <br /> .infobox .infobox-subheader a {<br /> color: inherit<br /> }<br /> <br /> .infobox .infobox-subheader + .infobox-subheader {<br /> border-left: 2px solid var(--body-light)<br /> }<br /> <br /> .infobox .infobox-image {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-image.inventory-image {<br /> height: 32px<br /> }<br /> <br /> .infobox .infobox-image a.image + a.image {<br /> margin-left: 0.1em<br /> }<br /> <br /> .infobox .infobox-image img {<br /> max-width: 300px;<br /> height: auto<br /> }<br /> <br /> .infobox th:not(.infobox-header):not(.infobox-subheader):not(.infobox-nested) {<br /> text-align: right;<br /> vertical-align: top;<br /> border-right: 2px solid var(--body-dark);<br /> padding: 0.2em 0.5em<br /> }<br /> <br /> .infobox td {<br /> padding: 0.25em 0.5em;<br /> line-height: 1.6em<br /> }<br /> <br /> .infobox td.infobox-nested {<br /> padding: 0.25em 0;<br /> line-height: 1em<br /> }<br /> <br /> .infobox th ~ td {<br /> vertical-align: top<br /> }<br /> <br /> .infobox .infobox-padding {<br /> height: 0.5em;<br /> padding: 0;<br /> border: 0<br /> }<br /> <br /> .infobox .infobox-nested {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-nested + .infobox-nested {<br /> border-left: 2px solid var(--body-dark)<br /> }<br /> <br /> .infobox .infobox-cell-hidden {<br /> display: none<br /> }<br /> <br /> .infobox .infobox-full-width-content {<br /> max-width: 300px;<br /> text-align: center;<br /> overflow: hidden;<br /> padding: 0<br /> }<br /> <br /> .infobox .infobox-caption {<br /> font-weight: bold<br /> }<br /> <br /> .infobox select {<br /> max-width: 300px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .infobox-item .infobox-image {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .infobox.skill-info {<br /> float: none;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses {<br /> clear: left;<br /> float: none;<br /> word-break: break-word;<br /> font-size: 100%;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image {<br /> width: 125px;<br /> text-align: center;<br /> vertical-align: middle;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image-caption {<br /> font-size: 0.85em<br /> }<br /> <br /> .infobox-bonuses .infobox-subheader {<br /> width: 250px<br /> }<br /> <br /> .skill-info a[href$=&quot;?action=edit&quot;] + a[href$=&quot;?action=edit&quot;] {<br /> display: none<br /> }<br /> <br /> .poh-room {<br /> background-color: var(--infobox-room-poh-color);<br /> margin: auto;<br /> width: 100px<br /> }<br /> <br /> .poh-room img {<br /> display: block<br /> }<br /> <br /> .poh-room-row {<br /> display: flex<br /> }<br /> <br /> .poh-room-text {<br /> margin: auto;<br /> width: 92px<br /> }<br /> <br /> .infobox-buttons {<br /> text-align: center;<br /> max-width: 300px;<br /> display: none<br /> }<br /> <br /> .infobox-switch-resources {<br /> display: none<br /> }<br /> <br /> .switch-infobox .switch-infobox-triggers,.switch-infobox .loading-button {<br /> clear: left<br /> }<br /> <br /> .infobox-pure .max-hit-list a {<br /> display: inline-block;<br /> min-width: 32px;<br /> min-height: 32px;<br /> text-align: center<br /> }<br /> <br /> .advanced-data {<br /> display: none<br /> }<br /> <br /> .multi-infobox .infobox {<br /> margin: 0<br /> }<br /> <br /> :root {<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--body-dark);<br /> --navbox-group-title-background: var(--body-mid)<br /> }<br /> <br /> .navbox {<br /> font-size: 0.85em;<br /> background: var(--navbox-background);<br /> border-collapse: collapse;<br /> margin: 1em auto 0;<br /> width: 100%;<br /> clear: both;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .navbox img {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .navbox .navbox {<br /> font-size: 100%;<br /> margin: 0.5em auto 0;<br /> box-shadow: none<br /> }<br /> <br /> .navbox-title {<br /> font-size: 110%;<br /> line-height: 1.6em;<br /> background: var(--navbox-title-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-title-name {<br /> margin: 0 4em<br /> }<br /> <br /> .navbox-title .mw-collapsible-toggle {<br /> color: #fff;<br /> font-size: 0.9em;<br /> text-align: right<br /> <br /> }<br /> <br /> .navbox-title .navbox {<br /> font-size: 100%<br /> }<br /> <br /> .navbox-group:nth-child(2) {<br /> border-top: 1px solid var(--navbox-border)<br /> }<br /> <br /> .navbox-group-title {<br /> background: var(--navbox-group-title-background);<br /> border: 1px solid var(--navbox-border);<br /> border-width: 0 1px 1px 0;<br /> text-align: left;<br /> padding: 0.25em 1em;<br /> width: 1%;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list {<br /> border-bottom: 1px solid var(--navbox-border);<br /> padding: 0.25em 0.5em<br /> }<br /> <br /> .navbox-list ul {<br /> margin: 0<br /> }<br /> <br /> .navbox-list li {<br /> display: inline;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list li + li::before {<br /> content: '• '<br /> }<br /> <br /> .navbox-parent {<br /> padding: 0<br /> }<br /> <br /> .navbox-subgroup {<br /> border-collapse: collapse;<br /> border-spacing: 0;<br /> width: 100%<br /> }<br /> <br /> .navbox-subgroup &gt; tbody &gt; tr:last-child &gt; th,.navbox-subgroup &gt; tbody &gt; tr:last-child &gt; td {<br /> border-bottom: none<br /> }<br /> <br /> .navbox-footer {<br /> background: var(--navbox-footer-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-data {<br /> display: none<br /> }<br /> <br /> :root {<br /> --echo-icon-moon-bg-image: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='21' viewBox='0 0 21 21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.85464918.37900488c-1.91149353 1.51069427-3.13816124 3.84973402-3.13816124 6.47527736 0 4.55564936 3.69308349 8.24873286 8.24873286 8.24873286 2.5815709 0 4.8861545-1.1859235 6.3986798-3.0426994-.8206378 4.7389755-4.9523867 8.343122-9.9259291 8.343122-5.56375572 0-10.07407088-4.5103151-10.07407088-10.0740709 0-5.02506013 3.67919933-9.19079725 8.49074856-9.95036192z' fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-person-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213.836%22 viewBox=%220 0 12 13.836%22%3E %3Cpath fill='%234c4c4c' d=%22M1.938%2C6.656c-1.32%2C1.485-1.47%2C3.15-0.97%2C4.25c0.323%2C0.707%2C0.78%2C1.127%2C1.313%2C1.375 c0.496%2C0.229%2C1.074%2C0.273%2C1.658%2C0.282c0.023%2C0%2C0.04%2C0.03%2C0.062%2C0.03h4.187c0.61%2C0%2C1.225-0.125%2C1.75-0.405 c0.527-0.28%2C0.961-0.718%2C1.188-1.376c0.335-0.964%2C0.175-2.529-1.094-4.03C9.094%2C7.954%2C7.68%2C8.719%2C6.065%2C8.719 c-1.677%2C0-3.182-0.812-4.125-2.063H1.938z%22/%3E %3Cpath fill='%234c4c4c' d=%22M6.063%2C0c-1.89%2C0-3.595%2C1.674-3.594%2C3.563C2.467%2C5.45%2C4.173%2C7.155%2C6.06%2C7.155 c1.89%2C0%2C3.564-1.705%2C3.563-3.593C9.625%2C1.673%2C7.95%2C0%2C6.063%2C0L6.063%2C0z%22/%3E %3C/svg%3E&quot;);<br /> --echo-icon-bell-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebell%3C/title%3E%3Cpath d=%22M16 7a5.38 5.38 0 00-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 004 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 003-3H7a3 3 0 003 3z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-tray-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etray%3C/title%3E%3Cpath d=%22M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-fullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M1 1v6h2V3h4V1zm2 12H1v6h6v-2H3zm14 4h-4v2h6v-6h-2zm0-16h-4v2h4v4h2V1z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;);<br /> --echo-icon-exitFullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E exit fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M7 7V1H5v4H1v2zM5 19h2v-6H1v2h4zm10-4h4v-2h-6v6h2zm0-8h4V5h-4V1h-2v6z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-user-menu-legacy #pt-userpage a,.vector-user-menu-legacy #pt-anonuserpage {<br /> background-image: var(--echo-icon-person-bg-image);<br /> padding-top: 0;<br /> background-position-y: 0<br /> }<br /> <br /> .vector-user-menu-legacy #pt-anonuserpage {<br /> color: var(--byline-color)<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge,#pt-notifications-notice .mw-echo-notifications-badge {<br /> background-size: 75%;<br /> background-position: center 80%;<br /> background-repeat: no-repeat;<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .oo-ui-icon-bell {<br /> background-image: var(--echo-icon-bell-bg-image)<br /> }<br /> <br /> #pt-notifications-notice .oo-ui-icon-tray {<br /> background-image: var(--echo-icon-tray-bg-image)<br /> }<br /> <br /> #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-exitFullscreen-bg-image)<br /> }<br /> <br /> body.wgl-fixedWidth #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-fullscreen-bg-image)<br /> }<br /> <br /> #pt-theme-toggles .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-moon-bg-image)<br /> }<br /> <br /> #pt-anontalk {<br /> padding-top: 0.6em<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul {<br /> margin: 5px 0 0 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> margin: 5px 0 0 15px<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul,.ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> list-style: none;<br /> border-left: 1px dashed var(--transcript-border-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul:hover,.transcript &gt; ul:hover,.ns-120 .mw-parser-output &gt; ul ul:hover,.transcript &gt; ul ul:hover,.ns-120 .mw-parser-output &gt; ul ol:hover,.transcript &gt; ul ol:hover {<br /> border-color: var(--transcript-border-hover-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li,.transcript &gt; ul li,.ns-120 .mw-parser-output &gt; ul ul li,.transcript &gt; ul ul li,.ns-120 .mw-parser-output &gt; ul ol li,.transcript &gt; ul ol li {<br /> flex-direction: column;<br /> padding-left: 15px;<br /> margin: 14px 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li:last-of-type,.transcript &gt; ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ul li:last-of-type,.transcript &gt; ul ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ol li:last-of-type,.transcript &gt; ul ol li:last-of-type {<br /> margin-bottom: 0<br /> }<br /> <br /> .nodesktop {<br /> display: none<br /> }<br /> <br /> /*<br /> The following styles were used as a temporary fix for TabberNeue.<br /> We're currently using old Tabber because TabberNeue breaks if a tab<br /> dynamically changes size, such as multi-infobox.<br /> */<br /> <br /> :root {<br /> --tabber-inactive-tab-bg: #222e45;<br /> --tabber-fade-scroll: linear-gradient(to bottom,rgba(226,219,200,0),#d8ccb4 95%,#94866d);<br /> }<br /> <br /> .tabber__tabs {<br /> gap: 1px;<br /> }<br /> <br /> .tabber__tab {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> padding: 0.5em 0.8em;<br /> border: 1px solid var(--body-border);<br /> border-bottom: 0;<br /> }<br /> <br /> .tabber__tabs .tabber__tab {<br /> color: var(--text-color);<br /> }<br /> <br /> /* Specific styles needed to override color on Minerva. */<br /> body.mediawiki .tabber a:visited, <br /> body.mediawiki .tabber image a:visited,<br /> body.mediawiki .tabber a:active, <br /> body.mediawiki .tabber image a:active {<br /> color: var(--text-color);<br /> }<br /> <br /> .tabber__tab:active {<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab:hover {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab--active, .tabber__tab--active:visited {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__header, .tabber__section, .tabber__tabs {<br /> scroll-behavior: unset;<br /> box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* Add box shadow to tabber header */<br /> }<br /> <br /> .tabber__panel {<br /> /* Hide non-active tabs. */<br /> /* display:none conflicted with tabber somehow and hid all tabs. */<br /> width: 250;<br /> }<br /> <br /> .tabber__panel.tabber__panel--active {<br /> width: 300;<br /> }<br /> <br /> .tabber__section {<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> overflow-y: scroll;<br /> padding-bottom: 30px; /* only necessary for fade scroll hack */<br /> height: auto; /* Example height */<br /> width: auto; /* Example width */<br /> max-width: 1300px; /* Example max-width */<br /> }<br /> <br /> .tabber__panel {<br /> padding: 1em 1.5em;<br /> }<br /> <br /> .wikitable.hover th:hover {<br /> cursor: help;<br /> /* Add any additional styles specific to hovering over table headers */<br /> }<br /> <br /> /* Hover Box for switching the visibility of the selected item */<br /> .hoverbox { <br /> display:inline-block; <br /> padding:0em; <br /> color: white; /* Change this to the desired color */<br /> }<br /> <br /> .hoverbox .hoveritem { <br /> display:none; <br /> margin:0em; <br /> padding:0em; <br /> }<br /> <br /> .hoverbox .hoveritem.selected { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem.selected { <br /> display:none; <br /> }<br /> /* Style for the entire tier list */<br /> .tierlist {<br /> display: flex;<br /> gap: 20px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* Style for individual tiers */<br /> .tier {<br /> border: 1px solid #ccc;<br /> padding: 10px;<br /> width: 200px;<br /> min-height: 150px;<br /> background: #f9f9f9;<br /> border-radius: 8px;<br /> }<br /> <br /> /* Title for each tier */<br /> .tier h3 {<br /> text-align: center;<br /> margin-top: 0;<br /> }<br /> <br /> /* Style for the sortable list */<br /> .sortable {<br /> list-style: none;<br /> padding: 0;<br /> margin: 0;<br /> min-height: 50px;<br /> }<br /> <br /> /* Style for the dropdown selector */<br /> .tier-selector {<br /> width: 100%;<br /> padding: 5px;<br /> margin-top: 5px;<br /> }<br /> .collection-log-wrapper {<br /> margin: 10px 0;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .collection-log-killcount {<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> }<br /> <br /> .collection-log-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6, 48px);<br /> gap: 4px;<br /> padding: 6px 0;<br /> }<br /> <br /> <br /> .collection-log-item {<br /> width: 48px;<br /> height: 48px;<br /> border: 2px solid transparent; /* border only on container */<br /> border-radius: 4px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> position: relative;<br /> background-color: #1a2a3a;<br /> box-sizing: border-box;<br /> }<br /> <br /> .collection-log-item.obtained {<br /> border-color: #4caf50;<br /> background-color: #224422;<br /> }<br /> <br /> .collection-log-item.missing {<br /> border-color: #ffc107;<br /> background-color: #3a2a1a;<br /> }<br /> <br /> .collection-log-item img {<br /> max-width: 36px;<br /> max-height: 36px;<br /> object-fit: contain;<br /> border-radius: 2px;<br /> border: none; /* remove border here */<br /> opacity: 1;<br /> filter: none;<br /> }<br /> <br /> .collection-log-item.missing img {<br /> opacity: 0.3;<br /> filter: grayscale(100%);<br /> }<br /> <br /> .collection-log-qty-badge {<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> background: rgba(0, 0, 0, 0.7);<br /> color: white;<br /> font-size: 12px;<br /> font-weight: bold;<br /> line-height: 1;<br /> padding: 1px 4px;<br /> border-radius: 3px 0 0 0;<br /> user-select: none;<br /> }<br /> .collection-log-killcount-box {<br /> border: 2px solid black;<br /> background-color: #534d41;<br /> color: cyan;<br /> padding: 0.5em 1em;<br /> margin-bottom: 8px;<br /> text-align: center;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .ace_keyword { color: #c586c0 !important; }<br /> .ace_string { color: #ce9178 !important; }<br /> .ace_comment { color: #6a9955 !important; font-style: italic; }<br /> .ace_function { color: #dcdcaa !important; }<br /> .ace_constant { color: #569cd6 !important; }<br /> <br /> .mw-highlight .nf {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> .mw-highlight .nc {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> <br /> /* Highlight row on hover */<br /> .wikitable.lighttable tr:hover {<br /> background-color: #526382; /* dark blue highlight */<br /> color: #ffffff; /* readable text */<br /> }<br /> .custom-dropdown { position: relative; width: 150px; cursor: pointer; }<br /> .custom-dropdown .selected { background: #313e59; color: white; padding: 5px; border-radius: 4px; }<br /> .custom-dropdown .options { display: none; position: absolute; background: #222e45; top: 100%; left: 0; width: 100%; border-radius: 4px; z-index: 10; }<br /> .custom-dropdown .options div { padding: 5px; display: flex; align-items: center; }<br /> .custom-dropdown .options div:hover { background: #313e59; }<br /> .custom-dropdown .options div img.icon { width:16px; height:16px; margin-right:5px; }<br /> <br /> /* =========================<br /> Tier List<br /> ========================= */<br /> <br /> <br /> /* Main wrapper */<br /> <br /> .tier-list {<br /> margin:0;<br /> padding:0;<br /> }<br /> <br /> <br /> /* Tier rows */<br /> <br /> .tier-row {<br /> display:flex;<br /> height:60px;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> <br /> /* Tier labels */<br /> <br /> .tier-label {<br /> width:60px;<br /> height:60px;<br /> <br /> display:flex;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> font-size:42px;<br /> line-height:1;<br /> font-weight:bold;<br /> color:white;<br /> }<br /> <br /> <br /> /* Tier colours */<br /> <br /> .tier-s {<br /> background:#ff7f7f;<br /> }<br /> <br /> .tier-a {<br /> background:#ffbf7f;<br /> }<br /> <br /> .tier-b {<br /> background:#ffdf7f;<br /> }<br /> <br /> .tier-c {<br /> background:#ffff7f;<br /> color:black;<br /> }<br /> <br /> .tier-d {<br /> background:#bfff7f;<br /> }<br /> <br /> .tier-f {<br /> background:#7fbfff;<br /> }<br /> <br /> <br /> /* Drop areas */<br /> <br /> .tier-items {<br /> flex:1;<br /> height:60px;<br /> <br /> display:flex;<br /> align-items:center;<br /> flex-wrap:wrap;<br /> <br /> padding:3px;<br /> gap:3px;<br /> <br /> background:#222;<br /> border:1px dashed #777;<br /> <br /> margin:0 !important;<br /> }<br /> <br /> <br /> /* =========================<br /> Items<br /> ========================= */<br /> <br /> .tier-item {<br /> width:48px;<br /> height:48px;<br /> <br /> display:flex !important;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> cursor:grab;<br /> border-radius:5px;<br /> overflow:hidden;<br /> <br /> line-height:0;<br /> }<br /> <br /> <br /> /* Drag */<br /> <br /> .tier-item:active {<br /> cursor:grabbing;<br /> }<br /> <br /> <br /> /* MediaWiki wrapper fixes */<br /> <br /> .tier-item p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> display:flex !important;<br /> line-height:0 !important;<br /> }<br /> <br /> .tier-item span {<br /> display:flex !important;<br /> }<br /> <br /> .tier-item a {<br /> display:flex !important;<br /> width:48px;<br /> height:48px;<br /> <br /> align-items:center;<br /> justify-content:center;<br /> }<br /> <br /> <br /> /* Images */<br /> <br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> display:block !important;<br /> <br /> width:48px !important;<br /> height:48px !important;<br /> <br /> max-width:48px !important;<br /> max-height:48px !important;<br /> <br /> image-rendering: pixelated;<br /> image-rendering: crisp-edges;<br /> <br /> object-fit:contain !important;<br /> }<br /> <br /> <br /> /* =========================<br /> Reward Pool<br /> ========================= */<br /> <br /> .reward-pool {<br /> display:flex;<br /> flex-wrap:wrap;<br /> gap:5px;<br /> <br /> padding:5px;<br /> margin:8px 0;<br /> }<br /> <br /> <br /> /* =========================<br /> Rarity backgrounds<br /> ========================= */<br /> <br /> .gold-item {<br /> background:rgba(212,175,55,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .silver-item {<br /> background:rgba(192,192,192,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .bronze-item {<br /> background:rgba(205,127,50,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .tier-list p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .tier-list p br {<br /> display:none !important;<br /> }<br /> <br /> /* Stop hover shifting */<br /> <br /> .tier-item,<br /> .tier-item a,<br /> .tier-item span,<br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> transform:none !important;<br /> }<br /> <br /> .tier-item a:hover,<br /> .tier-item img:hover,<br /> .tier-item .mw-file-element:hover {<br /> transform:none !important;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 .firstHeading {<br /> display:none;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 #contentSub {<br /> display:none !important;<br /> }</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:Common.css&diff=28893 2026-07-18T10:15:01Z

<p>Hefner: </p> <hr /> <div>:root {<br /> --body-background-image: url('filepath://Roat Pkz Wiki background darkmode1.jpg');<br /> --body-background-color: #071022;<br /> --body-main: #172136;<br /> --body-light: #313e59;<br /> --body-mid: #222e45;<br /> --body-dark: #222e45;<br /> --body-border: #596e96;<br /> --link-color: #8cabe6;<br /> --background-link-color: var(--link-color);<br /> --redlink-color: #f26d60;<br /> --text-color: #cbd9f4;<br /> --background-text-color: #cbd9f4;<br /> --byline-color: #98a2b6;<br /> --subtle-color: var(--byline-color);<br /> --search-box: var(--body-light);<br /> --admin-blue: #0087ff;<br /> --bearcat-green: #00ff55;<br /> --awb-purple: #f319ff;<br /> --sidebar: #222e45;<br /> --button-background: #617ebc;<br /> --button-dark: #617ebc;<br /> --button-border: #617ebc;<br /> --button-light: #617ebc;<br /> --wikitable-header-bg: #222e45;<br /> --wikitable-border: #172136;<br /> --wikitable-bg: #313e59;<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --wikitable-alternating-bg: #2a3651;<br /> --table-na-background: rgba(0, 0, 0, 0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #0b5884;<br /> --droptable-common-background: #3c780a;<br /> --droptable-uncommon-background: #a48900;<br /> --droptable-rare-background: #b55e0c;<br /> --droptable-veryrare-background: #9f261e;<br /> --droptable-random-background: #984c89;<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);<br /> --tile-border-color: var(--body-border);<br /> --tile-background-color: var(--body-light);<br /> --tile-link-button-color: var(--body-mid);<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255, 255, 255, 0.7);<br /> --tile-dark-header-color: #fff;<br /> --documentation-background: var(--body-light);<br /> --documentation-border: var(--sidebar);<br /> --documentation-link-color: var(--link-color);<br /> --documentation-headers-color: var(--text-color);<br /> --documentation-header-background: var(--body-dark);<br /> --documentation-subheader-background: #1f293e;<br /> --base-text-color: var(--text-color);<br /> --base-heading-color: var(--text-color);<br /> --base-heading-border: var(--sidebar);<br /> --mainpage-recent-updates-description-color: var(--text-color);<br /> --thumb-bg: var(--body-mid);<br /> --thumb-caption-bg: var(--body-light);<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid);<br /> --diff-addedline-background: #438ab5;<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-color: #fff;<br /> --diff-deletedline-background: #379541;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-color: #fff;<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: var(--errorbox-bg);<br /> --warningbox-border: var(--errorbox-border);<br /> --successbox-bg: #2e5e05;<br /> --successbox-border: #3c780a;<br /> --messagebox-obsolete-background: #464646;<br /> --messagebox-obsolete-border: #333;<br /> --messagebox-obsolete-color: #ddd;<br /> --messagebox-obsolete-link-color: #bbb;<br /> --messagebox-info-background: var(--messagebox-obsolete-background);<br /> --messagebox-info-border: var(--messagebox-obsolete-border);<br /> --messagebox-info-color: var(--messagebox-obsolete-color);<br /> --messagebox-info-link-color: var(--messagebox-obsolete-link-color);<br /> --messagebox-action-background: #45697d;<br /> --messagebox-action-border: #2d5266;<br /> --messagebox-action-color: var(--text-color);<br /> --messagebox-action-link-color: #b8d5e5;<br /> --messagebox-warn-background: #95271b;<br /> --messagebox-warn-border: #6b130a;<br /> --messagebox-warn-color: #f8ebe9;<br /> --messagebox-warn-link-color: #e8b8b3;<br /> --messagebox-safe-background: #1b8408;<br /> --messagebox-safe-border: #126802;<br /> --messagebox-safe-color: #e9f6e7;<br /> --messagebox-safe-link-color: #c1e0bb;<br /> --messagebox-disambig-background: var(--messagebox-obsolete-background);<br /> --messagebox-disambig-border: var(--messagebox-obsolete-border);<br /> --messagebox-disambig-color: var(--messagebox-obsolete-color);<br /> --messagebox-disambig-link-color: var(--messagebox-obsolete-link-color);<br /> --mw-code-background-color: #222e45;<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-mid);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border);<br /> --scribuntoconsole-input: #3ea6e6;<br /> --scibuntoconsole-print: #f9d000;<br /> --scribuntoconsole-error: #ee4231;<br /> --scribuntoconsole-message: #6bc71f;<br /> --scribuntoconsole-tabcomplete: #855cd8;<br /> --scribuntoconsole-clear: #ee4231;<br /> --blockquote-color: var(--text-color);<br /> --coins-color: #6bc71f;<br /> --coins-pos-color: #3ea6e6;<br /> --coins-neg-color: #ee4231;<br /> --questdetails-header-background: var(--body-dark);<br /> --questdetails-header-background-alt: var(--body-dark);<br /> --fact-text-color: #3ea6e6;<br /> --production-selected-background: #3c780a;<br /> --production-selected-color: #fff;<br /> --wikipedia-border: var(--body-border);<br /> --wikipedia-background: var(--body-light);<br /> --keypress-background: var(--body-light);<br /> --keypress-border: var(--body-border);<br /> --keypress-color: var(--text-color);<br /> --ajaxpoll-background: var(--body-light);<br /> --ajaxpoll-text-color: var(--base-text-color);<br /> --ajaxpoll-answerbar-background: var(--body-mid);<br /> --ajaxpoll-answerbar-border: var(--body-border);<br /> --rc-negative-color: #ee4231;<br /> --rc-positive-color: #6bc71f;<br /> --filter-black-to-link: invert(63%) sepia(67%) saturate(242%) hue-rotate(182deg) brightness(93%) contrast(94%);<br /> --transcript-border-color: #596e96;<br /> --transcript-border-hover-color: #8596b7;<br /> --transcript-strikethrough-color: #fff;<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--navbox-title-background);<br /> --navbox-group-title-background: var(--navbox-title-background);<br /> --infobox-bg: var(--body-light);<br /> --infobox-border: var(--body-border);<br /> --infobox-header: var(--body-dark);<br /> --infobox-subheader: var(--body-mid);<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #444e5a;<br /> --sourceeditor-input-background: var(--body-mid);<br /> --sourceeditor-background: var(--body-light);<br /> --sourceeditor-background-secondary: var(--body-mid);<br /> --sourceeditor-border: var(--body-main);<br /> --codemirror-gutter-background: var(--body-light);<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border);<br /> --vector-tab-background: #222e45;<br /> --vector-tab-background--hover: #293753;<br /> --vector-tab-link-color: var(--background-link-color);<br /> --lighttable-bg-hover: #3c780a;<br /> --lighttable-bg-active: #2e5e05;<br /> --lighttable-link-color: #c3e8a3;<br /> --personal-links-bg: rgba(7, 16, 34, 0.75);<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg, #315d30 0 20px, #13421e 20px 30px);<br /> --tbz-unlocked-border-color: #00e417;<br /> --tbz-locked-background-color: #8a2525;<br /> --tbz-locked-border-color: #b32828;<br /> --tbz-partial-unlock-background: #5a5a5a;<br /> --tbz-partial-unlock-border-color: #13421e;<br /> }<br /> <br /> <br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape.woff2?17907) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: bold;<br /> src: local(&quot;RuneScape Bold&quot;),local(&quot;RuneScape Bold 12&quot;),local(&quot;RuneScape Chat 2&quot;),local(&quot;RuneScape Chat&quot;),url(/images/RuneScape_Bold.woff2?514fd) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape Small';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape_Small.woff2?1ee0e) format('woff2')<br /> }<br /> <br /> :root {<br /> --base-text-color: #cbd9f4;<br /> --base-heading-color: #cbd9f4;<br /> --base-heading-border: #596e96;<br /> --mw-code-background-color: #222e45;<br /> --body-background-image: url(/images/b/b5/Roat_Pkz_Wiki_background_darkmode2.png)<br /> }<br /> <br /> #mw-page-base {<br /> background: none<br /> }<br /> <br /> .mw-body {<br /> background-color: var(--body-main);<br /> color: var(--text-color);<br /> border-color: transparent;<br /> box-shadow: 0 0 7px rgba(0,0,0,0.15);<br /> margin-top: 0<br /> }<br /> <br /> h1,h2,h3,h4,h5,h6 {<br /> color: var(--text-color)<br /> }<br /> <br /> h1,h2 {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-body h1,.mw-body-content h1,.mw-body-content h2,.mw-body-content h3,.mw-body-content h4,.mw-body-content h5,.mw-body-content h6 {<br /> font-family: 'PT Serif','Palatino','Georgia',serif<br /> }<br /> <br /> .mw-parser-output h2:first-of-type {<br /> clear: left<br /> }<br /> <br /> .mw-footer {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer li {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer a,.mw-footer a:active,.mw-footer a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> ::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> a {<br /> color: var(--link-color)<br /> }<br /> <br /> a:visited,a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> a.new {<br /> color: var(--redlink-color)<br /> }<br /> <br /> a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .mw-parser-output a.extiw,.mw-parser-output a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited,.mw-parser-output a.extiw:active,.mw-parser-output a.external:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .jsPurgeLink a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> a[href=&quot;/w/User:AndBot&quot;],a[href=&quot;/w/User:BisetteBot&quot;],a[href=&quot;/w/User:Bot50&quot;],a[href=&quot;/w/User:BotDiesel2m&quot;],a[href=&quot;/w/User:Bowl&quot;],a[href=&quot;/w/User:Catbot&quot;],a[href=&quot;/w/User:CookBot&quot;],a[href=&quot;/w/User:Cresbot&quot;],a[href=&quot;/w/User:CrowBot&quot;],a[href=&quot;/w/User:Data_Chompy&quot;],a[href=&quot;/w/User:GauBot&quot;],a[href=&quot;/w/User:Gaz_Bot&quot;],a[href=&quot;/w/User:Gaz_GEBot&quot;],a[href=&quot;/w/User:HabbletAWB&quot;],a[href=&quot;/w/User:JakesterwarsBot&quot;],a[href=&quot;/w/User:JaydenBot&quot;],a[href=&quot;/w/User:MuudyBot&quot;],a[href=&quot;/w/User:MB%C3%A5t&quot;],a[href=&quot;/w/User:New_user_message&quot;],a[href=&quot;/w/User:Quadrabot&quot;],a[href=&quot;/w/User:Redirect_fixer&quot;],a[href=&quot;/w/User:Riblet15_bot_account&quot;],a[href=&quot;/w/User:ShoyBot&quot;],a[href=&quot;/w/User:SlapChoppe&quot;],a[href=&quot;/w/User:Spinewielder&quot;],a[href=&quot;/w/User:WolaznikBot&quot;] {<br /> color: var(--awb-purple)<br /> }<br /> <br /> a[href=&quot;/w/User:Andmcadams&quot;],a[href=&quot;/w/User:BigDiesel2m&quot;],a[href=&quot;/w/User:Brok&quot;],a[href=&quot;/w/User:Cook_Me_Plox&quot;],a[href=&quot;/w/User:Fjara&quot;],a[href=&quot;/w/User:Gau_Cho&quot;],a[href=&quot;/w/User:Gaz_Lloyd&quot;],a[href=&quot;/w/User:Iiii_I_I_I&quot;],a[href=&quot;/w/User:Jayden&quot;],a[href=&quot;/w/User:Jeljo&quot;],a[href=&quot;/w/User:Joeytje50&quot;],a[href=&quot;/w/User:Legaia_2_Pla&quot;],a[href=&quot;/w/User:Ostentatio&quot;],a[href=&quot;/w/User:Riblet15&quot;],a[href=&quot;/w/User:Shayani&quot;],a[href=&quot;/w/User:Shoyrukon&quot;],a[href=&quot;/w/User:TehKittyCat&quot;],a[href=&quot;/w/User:Towelcat&quot;],a[href=&quot;/w/User:Wolaznik&quot;] {<br /> color: var(--admin-blue)<br /> }<br /> <br /> a[href=&quot;/w/User:Spineweilder&quot;],a[href=&quot;/w/User:Jakesterwars&quot;],a[href=&quot;/w/User:Julia&quot;] {<br /> color: var(--bearcat-green)<br /> }<br /> <br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> background: url(/images/Jagex_moderator_emblem.png?093b0) left no-repeat;<br /> padding-left: 15px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> #ca-nstab-user a {<br /> background: none<br /> }<br /> <br /> :root {<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: #801c13;<br /> --warningbox-border: #9f261e;<br /> --successbox-bg: #801c13;<br /> --successbox-border: #9f261e<br /> }<br /> <br /> .mw-message-box-error,.errorbox,.mw-message-box-warning,.warningbox,.mw-message-box-success,.successbox,.usermessage {<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw-message-box-error,.errorbox {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .mw-message-box-warning,.warningbox,.usermessage {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .mw-message-box-success,.successbox {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .catlinks {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-dark);<br /> padding: 8px 15px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .catlinks li {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .filehistory a img,#file img {<br /> background: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v16h8V8H0z' opacity='.13'/%3E%3C/svg%3E&quot;) repeat<br /> }<br /> <br /> #file img:hover {<br /> background: none<br /> }<br /> <br /> .mw-highlight {<br /> background: none<br /> }<br /> <br /> .mw-highlight .linenos {<br /> background-color: var(--mw-code-background-color);<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-highlight a:hover .linenos,.mw-highlight .hll a .linenos {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-content-ltr.mw-highlight-lines pre,.mw-content-ltr.content .mw-highlight-lines pre {<br /> box-shadow: inset 2.75em 0 0 var(--mw-code-background-color)<br /> }<br /> <br /> #pagehistory ul {<br /> list-style: none;<br /> margin: 0<br /> }<br /> <br /> #pagehistory li {<br /> border: 1px solid transparent;<br /> padding: 1px 10px;<br /> margin: 2px 0<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: var(--body-light);<br /> color: inherit;<br /> border: 1px dashed var(--body-border);<br /> outline: none<br /> }<br /> <br /> #mw-history-compare &gt; div:first-of-type {<br /> position: -webkit-sticky;<br /> position: sticky;<br /> top: 0;<br /> background-color: var(--body-main);<br /> border-bottom: 1px solid var(--body-dark);<br /> padding: 0.25em 0<br /> }<br /> <br /> .wgl-stickyheader #mw-history-compare &gt; div:first-of-type {<br /> top: 2.5rem<br /> }<br /> <br /> .autocomment,.autocomment a,.autocomment a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> li span.deleted,span.history-deleted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-usertoollinks-contribs-no-edits,.mw-usertoollinks-contribs-no-edits:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .CategoryTreeToggle {<br /> color: var(--link-color)<br /> }<br /> <br /> body.wgl-stickyheader.action-view .mw-headline:target::before {<br /> display: block;<br /> content: '';<br /> margin-top: -3rem;<br /> height: 3rem;<br /> visibility: hidden;<br /> pointer-events: none<br /> }<br /> <br /> .mw-mmv-post-image {<br /> color: var(--text-color);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-mmv-image-metadata {<br /> border-top-color: var(--body-mid);<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-mmv-dialog,.mw-mmv-dialog .mw-mmv-dialog-down-arrow,.mw-mmv-options-dialog .mw-mmv-dialog-down-arrow {<br /> background-color: var(--body-light);<br /> box-shadow: none<br /> }<br /> <br /> .mw-mmv-options-enable-alert {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-mmv-options-dialog-header,.mw-mmv-options-text-header,.mw-mmv-options-text-body,.mw-mmv-options-enable-alert,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-dialog-header,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-text-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-revslider-container {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-revslider-slider-wrapper {<br /> border-top-color: var(--sidebar)<br /> }<br /> <br /> .mw-ui-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):hover,.mw-ui-button:not(:disabled):active {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):focus {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button:not(:disabled):visited {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled) {<br /> background-color: var(--ooui-progressive);<br /> color: #fff;<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):active,.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: none<br /> }<br /> <br /> .mw-ui-button.mw-ui-destructive:not(:disabled) {<br /> color: #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-quiet,.mw-ui-button.mw-ui-quiet.mw-ui-progressive,.mw-ui-button.mw-ui-quiet.mw-ui-destructive {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:hover,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover {<br /> background-color: rgba(0,24,73,0.02745098);<br /> color: var(--text-color);<br /> border-color: transparent<br /> }<br /> <br /> input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:focus,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:active,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active {<br /> background-color: rgba(0,36,73,0.08235294);<br /> color: var(--text-color);<br /> border-color: #72777d<br /> }<br /> <br /> .mw-ui-input {<br /> background-color: var(--ooui-input);<br /> color: var(--text-color);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-ui-input:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-ui-input::placeholder {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child {<br /> padding: 0;<br /> background: 0<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child::before {<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> display: inline-block;<br /> width: 47px;<br /> height: 20px<br /> }<br /> <br /> :root {<br /> --wikitable-header-bg: var(--body-dark);<br /> --wikitable-border: var(--body-main);<br /> --wikitable-bg: var(--body-light);<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --table-na-background: rgba(0,0,0,0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #afeeee;<br /> --droptable-common-background: #56e156;<br /> --droptable-uncommon-background: #ffed4c;<br /> --droptable-rare-background: #ff863c;<br /> --droptable-veryrare-background: #ff6262;<br /> --droptable-random-background: #ffa3ff<br /> }<br /> <br /> .wikitable {<br /> background: var(--wikitable-bg);<br /> color: var(--wikitable-color);<br /> border-color: var(--wikitable-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; tr &gt; td,.wikitable &gt; * &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th.table-noborder,.wikitable &gt; tr &gt; td.table-noborder,.wikitable &gt; * &gt; tr &gt; th.table-noborder,.wikitable &gt; * &gt; tr &gt; td.table-noborder {<br /> border-left-style: hidden;<br /> border-right-style: hidden;<br /> padding-left: 0;<br /> padding-right: 0<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .tabber .wikitable {<br /> box-shadow: none<br /> }<br /> <br /> .table-bg-always,.table-bg-blue {<br /> background: var(--droptable-always-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-common,.table-bg-green {<br /> background: var(--droptable-common-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-uncommon,.table-bg-yellow {<br /> background: var(--droptable-uncommon-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-rare,.table-bg-orange {<br /> background: var(--droptable-rare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-veryrare,.table-bg-red {<br /> background: var(--droptable-veryrare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-random,.table-bg-pink {<br /> background: var(--droptable-random-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-fade {<br /> opacity: 0.6;<br /> background: rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw_metadata td,.mw_metadata th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw_metadata th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw_metadata td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable td,.mw-datatable th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw-datatable td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> table.alternating-rows tr:nth-child(odd),table.alternating-cols td:nth-child(odd) {<br /> background: var(--wikitable-alternating-bg)<br /> }<br /> <br /> .table-na {<br /> background: var(--table-na-background);<br /> color: var(--table-na-color);<br /> vertical-align: middle;<br /> text-align: center<br /> }<br /> <br /> .table-yes {<br /> background: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .table-positive {<br /> background: var(--table-yes-background)<br /> }<br /> <br /> .table-no {<br /> background: var(--table-no-background);<br /> color: var(--table-no-color)<br /> }<br /> <br /> .table-negative {<br /> background: var(--table-no-background)<br /> }<br /> <br /> .table-maybe {<br /> background: var(--table-maybe-background);<br /> color: var(--table-maybe-color)<br /> }<br /> <br /> #mw-allmessagestable .am_actual,#mw-allmessagestable .am_default {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> #mw-allmessagestable .am_default:hover,#mw-allmessagestable .am_actual:hover,#mw-allmessagestable tbody:hover td {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> table.wikitable td.no-cell-spacing {<br /> padding: 0;<br /> height: 0<br /> }<br /> <br /> table.wikitable td.no-cell-spacing table {<br /> margin: -1px;<br /> width: calc(100% + 2px);<br /> height: calc(100% + 2px)<br /> }<br /> <br /> .plainlist ol,.plainlist ul {<br /> margin: 0<br /> }<br /> <br /> .plainlist li {<br /> margin-bottom: 0;<br /> list-style: none<br /> }<br /> <br /> 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) {<br /> text-align: right<br /> }<br /> <br /> 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) {<br /> text-align: center<br /> }<br /> <br /> 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) {<br /> text-align: left<br /> }<br /> <br /> .rsw-chartjs.rsw-chartjs-config {<br /> display: none<br /> }<br /> <br /> .rsw-chartjs.rsw-chart-error {<br /> font-family: monospace<br /> }<br /> <br /> .rsw-chartjs-canvas {<br /> background-color: var(--body-light)<br /> }<br /> <br /> :root {<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-background: #bddff2;<br /> --diff-addedline-color: #000;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-background: #c1edbf;<br /> --diff-deletedline-color: #000;<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid)<br /> }<br /> <br /> .diff-context {<br /> border-color: var(--diff-context-border-color);<br /> background: var(--diff-context-background);<br /> color: inherit<br /> }<br /> <br /> .diff-addedline {<br /> border-color: var(--diff-addedline-border-color)<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: var(--diff-addedline-background);<br /> color: var(--diff-addedline-color)<br /> }<br /> <br /> .diff-deletedline {<br /> border-color: var(--diff-deletedline-border-color)<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: var(--diff-deletedline-background);<br /> color: var(--diff-deletedline-color)<br /> }<br /> <br /> .mw-diff-movedpara-left:after,.mw-diff-movedpara-right:after {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-notification {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {<br /> background: var(--body-main)<br /> }<br /> <br /> .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> background-color: var(--ooui-normal);<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-head,.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {<br /> border-left-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:hover,.mw-echo-ui-notificationItemWidget-unread:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:last-child {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-unread {<br /> background-color: var(--search-box)<br /> }<br /> <br /> .mw-echo-ui-crossWikiNotificationItemWidget-group,.mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-content-message-header,.mw-echo-ui-notificationItemWidget-content-message-body,.mw-echo-ui-menuItemWidget &gt; .oo-ui-buttonElement-button &gt; .oo-ui-labelElement-label,.mw-echo-ui-notificationItemWidget-content-actions-timestamp {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--body-main)<br /> }<br /> <br /> @keyframes unseen-fadeout-to-unread {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--search-box)<br /> }<br /> }<br /> <br /> @keyframes unseen-fadeout-to-read {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--body-main)<br /> }<br /> }<br /> <br /> .mwe-popups {<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container {<br /> color: var(--text-color);<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:before,.mwe-popups .mwe-popups-container.flipped-y:before {<br /> border-top: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:before {<br /> border-bottom: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:after,.mwe-popups .mwe-popups-container.flipped-y:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:after {<br /> border-bottom-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-settings-icon:hover,.mwe-popups .mwe-popups-settings-icon:active {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mwe-popups .mw-ui-icon-element:not(.disabled):hover {<br /> background: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract {<br /> color: var(--text-color)<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract[dir='ltr']:after {<br /> background-image: linear-gradient(to right,rgba(49,62,89,0),var(--body-light) 50%)<br /> }<br /> <br /> .mwe-popups-overlay {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> #mwe-popups-settings {<br /> background: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--text-color)<br /> }<br /> <br /> #mwe-popups-settings header {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form p {<br /> color: var(--byline-color)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form form label &gt; span {<br /> color: var(--ooui-text)<br /> }<br /> <br /> :root {<br /> --smw-ask-options-even-bg: var(--body-mid);<br /> --smw-ask-options-odd-bg: var(--body-light);<br /> --smw-ask-action-btn-lblue-bg: var(--body-main);<br /> --smw-ask-action-btn-lblue-color: #000;<br /> --smw-ask-action-btn-lblue-border-color: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-bg: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-color: #fff;<br /> --smw-ask-action-btn-dblue-border-color: var(--button-border)<br /> }<br /> <br /> .smw-ask-condition fieldset,.smw-ask-printhead fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .smw-ask-search fieldset,.smw-ask-format fieldset,.smw-ask-options fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .strike &gt; span:before,.strike &gt; span:after {<br /> background: var(--sidebar)<br /> }<br /> <br /> .smw-ask-options-fields tr td {<br /> background-color: var(--smw-ask-options-even-bg)<br /> }<br /> <br /> .smw-ask-options-fields tr:nth-child(odd) td {<br /> background-color: var(--smw-ask-options-odd-bg)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-lblue,.smw-ask-action-btn.smw-ask-action-btn-lblue:hover,.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--smw-ask-action-btn-lblue-bg);<br /> color: var(--smw-ask-action-btn-lblue-color);<br /> border-color: var(--smw-ask-action-btn-lblue-border-color)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-dblue,.smw-ask-action-btn.smw-ask-action-btn-dblue:hover,.smw-ask-action-btn.smw-ask-action-btn-dblue:visited {<br /> background-color: var(--smw-ask-action-btn-dblue-bg);<br /> color: var(--smw-ask-action-btn-dblue-color);<br /> border-color: var(--smw-ask-action-btn-dblue-border-color)<br /> }<br /> <br /> .smw-ask-query textarea,.smw-ask-actions textarea {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-query-format select {<br /> background-color: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-toplinks {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info {<br /> background: none;<br /> padding: 0 !important<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info::before {<br /> content: '';<br /> background: var(--text-color);<br /> -webkit-mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> padding: 0 0 3px 18px<br /> }<br /> <br /> .smw-ask-options-row-odd {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smw-ask-options-row-even {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> #options-toggle:not(:checked) + #options-list .options-parameter-list:after {<br /> background-image: linear-gradient(to bottom,transparent,var(--body-mid) 90%)<br /> }<br /> <br /> .smw-ask-button-submit input {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-ask-button-submit input:hover,.smw-ask-button-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> input.smw-ask-action-btn.smw-ask-action-btn-dblue {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:hover {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-callout-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .smw-callout-info {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .smw-callout-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .smw-callout-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-bg)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label,.smw-tabs input.nav-tab:checked + label.nav-label:hover {<br /> color: inherit<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count {<br /> color: #fff;<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.moderate {<br /> color: #fff;<br /> background-color: #b55e0c;<br /> border-color: #b55e0c<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.high {<br /> color: #fff;<br /> background-color: #9f261e;<br /> border-color: #9f261e<br /> }<br /> <br /> .smw-property-page-results .header-title {<br /> background-color: var(--ooui-interface);<br /> border-bottom-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-property-page-results .value-row:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .smw-property-page-results .smw-table .header-row {<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-header {<br /> background-color: var(--body-dark);<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .smw-ui-input-filter {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ui-input-filter input {<br /> border-left-color: var(--ooui-interface-border) !important;<br /> color: var(--ooui-text) !important<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border);<br /> color: var(--subtle-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-active {<br /> color: #fff;<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-tabs section,.smw-tabs .subtab-content {<br /> border-top-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-column-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-factbox {<br /> background: var(--body-main);<br /> border-color: transparent<br /> }<br /> <br /> .mw-body .mw-indicators #mw-indicator-smw-entity-examiner.mw-indicator .smw-indicator-vertical-bar-loader {<br /> display: none<br /> }<br /> <br /> .smwb-theme-light .smwb-title,.smwb-theme-light .smwb-center,.smwb-theme-light .smwb-actions,.smwb-theme-light .smwb-prophead {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-factbox {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-ifactbox {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-propval {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smwb-action-separator {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .smwb-bottom {<br /> border-bottom: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-ifactbox .smwb-cell,.smwb-factbox .smwb-cell {<br /> border-top: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-propvalue .smwb-prophead,.smwb-ipropvalue .smwb-prophead,.smwb-propvalue .smwb-propval,.smwb-ipropvalue .smwb-propval {<br /> font-size: 0.9em<br /> }<br /> <br /> :root {<br /> --filter-black-to-link: invert(36%) sepia(58%) saturate(433%) hue-rotate(344deg) brightness(100%) contrast(91%)<br /> }<br /> <br /> #bodyContent span.smwbrowse a {<br /> color: black;<br /> background-image: url(/images/Smwbrowse.svg?87d2b);<br /> filter: var(--filter-black-to-link)<br /> }<br /> <br /> #bodyContent span.smwbrowse a:hover {<br /> color: black;<br /> background-image: url(/images/Smwbrowse-hover.svg?73b79);<br /> text-decoration: underline<br /> }<br /> <br /> #bodyContent span.smwsearch a {<br /> color: black;<br /> filter: var(--filter-black-to-link);<br /> background-image: url(/images/Smwsearch.svg?72b04)<br /> }<br /> <br /> #bodyContent span.smwsearch a:hover {<br /> color: black;<br /> background-image: url(/images/Smwsearch-hover.svg?62df0);<br /> text-decoration: underline<br /> }<br /> <br /> :root {<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-background-color);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border)<br /> }<br /> <br /> .tabber {<br /> margin: 1em 0<br /> }<br /> <br /> .tabber .tabbertab {<br /> background-color: var(--tabber-tab-bg);<br /> border: 1px solid var(--tabber-tab-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1em 1.5em<br /> }<br /> <br /> ul.tabbernav {<br /> border: none;<br /> margin-left: 2em;<br /> margin-bottom: 0;<br /> margin-right: 2em;<br /> padding: 0;<br /> font-family: inherit<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a {<br /> background-color: var(--tabber-active-tab-bg);<br /> color: var(--tabber-active-tab-color);<br /> border-bottom: none;<br /> position: relative<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a:hover {<br /> color: var(--tabber-active-tab-hover-color);<br /> background-color: var(--tabber-active-tab-hover-bg);<br /> border-color: var(--tabber-active-tab-hover-border-color);<br /> border-bottom: none<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a::after {<br /> content: '';<br /> position: absolute;<br /> left: 0;<br /> right: 0;<br /> bottom: -1px;<br /> border-bottom: 2px solid var(--tabber-active-tab-border-hider-color)<br /> }<br /> <br /> ul.tabbernav li a {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> border-bottom: transparent;<br /> border-color: var(--tabber-inactive-tab-border-color);<br /> color: var(--tabber-inactive-tab-color);<br /> display: inline-block;<br /> font-size: 110%;<br /> padding: 0.5em 1em<br /> }<br /> <br /> ul.tabbernav li a:hover {<br /> background-color: var(--tabber-inactive-tab-hover-bg);<br /> border-color: var(--tabber-inactive-tab-hover-border-color)<br /> }<br /> <br /> ul.tabbernav li a:link,ul.tabbernav li a:visited {<br /> color: var(--tabber-inactive-tab-color)<br /> }<br /> <br /> .js-tooltip-text {<br /> padding: 5px<br /> }<br /> <br /> .js-tooltip-wrapper {<br /> position: absolute;<br /> z-index: 10;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> color: var(--text-color);<br /> max-width: 75%;<br /> overflow-wrap: break-word;<br /> padding: 10px 15px;<br /> margin: 0px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> font-size: 0.8em<br /> }<br /> <br /> .js-tooltip-click {<br /> color: var(--button-color);<br /> background: var(--button-background);<br /> border-radius: 2em;<br /> cursor: pointer;<br /> padding: 0 0.3em;<br /> user-select: none<br /> }<br /> <br /> .js-tooltip-arrow {<br /> position: absolute;<br /> border-color: transparent;<br /> border-style: solid;<br /> width: 0;<br /> height: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointleft {<br /> border-right-color: var(--body-border);<br /> border-left-color: transparent;<br /> border-left-width: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointright {<br /> border-left-color: var(--body-border);<br /> border-right-color: transparent;<br /> border-right-width: 0<br /> }<br /> <br /> .js-tooltip-close {<br /> float: right;<br /> margin-left: 10px;<br /> margin-right: -5px;<br /> margin-top: -5px;<br /> margin-bottom: 1px;<br /> background: var(--button-background);<br /> border: 0;<br /> cursor: pointer<br /> }<br /> <br /> :root {<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px); <br /> }<br /> <br /> .oo-ui-widget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox'] + span,.oo-ui-radioInputWidget [type='radio'] + span {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,.oo-ui-radioInputWidget [type='radio']:disabled + span {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownWidget-handle {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border);<br /> background-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget select {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget option {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuSelectWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-menuSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-menuSectionOptionWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-title {<br /> color: inherit<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block),.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-optionWidget.oo-ui-widget-disabled {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-outlineControlsWidget {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {<br /> border-bottom-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {<br /> border-top-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {<br /> border-right-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {<br /> border-left-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {<br /> border-left-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-searchWidget-query {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-tabOptionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--body-dark);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {<br /> border-bottom-color: var(--body-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {<br /> background-color: var(--body-light);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> color: var(--ooui-progressive);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover,.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:focus {<br /> color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed {<br /> background: none;<br /> border-bottom: 1px solid var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile {<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tagItemWidget {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> @media screen and (min-width: 0) {<br /> .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {<br /> outline:1px solid var(--ooui-accent)<br /> }<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {<br /> border-color: #fff<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; input.oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover);<br /> color: #fff;<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive {<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active &gt; .oo-ui-buttonElement-button {<br /> color: #fff;<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-pendingElement-pending {<br /> background-image: var(--ooui-pending-background-image);<br /> background-size: 200%;<br /> animation: oo-ui-pendingElement-stripes 6s linear infinite<br /> }<br /> <br /> @keyframes oo-ui-pendingElement-stripes {<br /> 100% {<br /> background-position: 100%<br /> }<br /> }<br /> <br /> .oo-ui-messageDialog-content &gt; .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-message {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog-content .oo-ui-window-head,.oo-ui-processDialog-content .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:active {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:active {<br /> border-right-color: var(--ooui-interface-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button,.oo-ui-processDialog-actions-other .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-right-color: var(--ooui-normal-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-windowManager-modal.oo-ui-windowManager-floating &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-window {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-bar {<br /> background-color: var(--ooui-interface);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-position-top &gt; .oo-ui-toolbar-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-toolbar-bar .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active &gt; .oo-ui-tool-link,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent);<br /> box-shadow: none<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-menuToolGroup {<br /> border-left-color: var(--body-mid);<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> border-right-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 2px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-bookletLayout-outlinePanel &gt; .oo-ui-outlineControlsWidget {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-fieldLayout-disabled &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header &gt; .oo-ui-labelElement-label {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-panelLayout-framed {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .oo-ui-icon-settings {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Esettings%3C/title%3E%3Cg transform='translate(10 10)'%3E%3Cpath id='a' d='M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3'/%3E%3Cuse xlink:href='%23a' transform='rotate(45)'/%3E%3Cuse xlink:href='%23a' transform='rotate(90)'/%3E%3Cuse xlink:href='%23a' transform='rotate(135)'/%3E%3C/g%3E%3Cpath d='M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .oo-ui-icon-clear {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Eclear%3C/title%3E%3Cpath d='M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-widget-dateInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widget-dateInputWidget-calendar {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widget-calendarWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widget-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-day,.mw-widget-calendarWidget-day-heading {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-widget-calendarWidget-day-additional {<br /> color: var(--ooui-text);<br /> opacity: 0.67<br /> }<br /> <br /> .mw-widget-calendarWidget-day-today {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-item:hover {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-widget-calendarWidget-item-selected {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),0 2px 2px 0 rgba(0,0,0,0.25)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.mw-widgets-datetime-dateTimeInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input,.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .mw-kartographer-mapDialog-foot {<br /> background-color: var(--body-light);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-container {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a,.mw-kartographer-interactive .leaflet-popup-content a:visited,.mw-kartographer-interactive .leaflet-popup-content a:hover,.mw-kartographer-interactive .leaflet-popup-content a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a.new a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .leaflet-popup-content-wrapper {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .leaflet-popup-tip {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey {<br /> background: #e4eaee;<br /> color: #444e5a;<br /> text-shadow: none<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a,.leaflet-vis-tooltip.lbl-bg-grey a:visited,.leaflet-vis-tooltip.lbl-bg-grey a:active,.leaflet-vis-tooltip.lbl-bg-grey a:hover,.leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a, .leaflet-vis-tooltip.lbl-bg-grey a:visited, .leaflet-vis-tooltip.lbl-bg-grey a:active, .leaflet-vis-tooltip.lbl-bg-grey a:hover, .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:visited,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:active,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:hover,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before {<br /> display: block;<br /> border-left-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before {<br /> display: block;<br /> border-right-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before {<br /> display: block;<br /> border-top-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before {<br /> display: block;<br /> border-bottom-color: #e4eaee<br /> }<br /> <br /> .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover {<br /> background: var(--ooui-normal--hover)<br /> }<br /> <br /> .ve-ui-overlay {<br /> font-family: inherit<br /> }<br /> <br /> .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above {<br /> border-top-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-branchNode-blockSlug,.ve-ce-branchNode-newSlug {<br /> outline-color: var(--body-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-specialCharacterPage h3 {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character:hover {<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px var(--body-mid);<br /> background: none<br /> }<br /> <br /> .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwHelpPopupTool-version-label,.ve-ui-mwHelpPopupTool-version-link,.ve-ui-mwHelpPopupTool-version-date {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ce-tableCellableNode {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-mwReferencesListNode-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwTemplatePage-description,.ve-ui-mwParameterPage-label,.ve-ui-mwParameterPage-description-required,.ve-ui-mwParameterPage-description-deprecated {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwGalleryDialog-menuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog-innerMenuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container,.ve-ui-targetWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .ve-ui-mwSaveDialog {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-options {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-summary {<br /> background-color: var(--ooui-input)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-editSummary-count {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-license {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwReferenceContextItem-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwNoticesPopupTool-items &gt; div:not(:first-child),.ve-ui-mwHelpPopupTool-item:not(:first-child) {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineControlsWidget {<br /> background-color: var(--ooui-interface);<br /> border-top-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-sticky {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwParameterPage-undocumentedLabel {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwTwoPaneTransclusionDialogLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwParameterPage-doc-required,.ve-ui-mwParameterPage-doc-deprecated,.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-expandableContent-toggle {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-expandableContent-fade {<br /> background: linear-gradient(to right,rgba(255,255,255,0) 0,var(--ooui-interface) 90%)<br /> }<br /> <br /> .ve-ui-commandHelpDialog-shortcut &gt; kbd,.ve-ui-commandHelpDialog-sequence &gt; kbd {<br /> background-color: var(--keypress-background);<br /> color: var(--keypress-color);<br /> border-color: var(--keypress-border);<br /> box-shadow: none;<br /> text-shadow: none<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> background: var(--ooui-interface)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'],figure[typeof~='mw:File/Frame'],figure[typeof~='mw:Image/Thumb'],figure[typeof~='mw:Video/Thumb'],figure[typeof~='mw:Image/Frame'],figure[typeof~='mw:Video/Frame'] {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:File/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media) {<br /> border: none;<br /> background: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; figcaption,figure[typeof~='mw:File/Frame'] &gt; figcaption,figure[typeof~='mw:Image/Thumb'] &gt; figcaption,figure[typeof~='mw:Video/Thumb'] &gt; figcaption,figure[typeof~='mw:Image/Frame'] &gt; figcaption,figure[typeof~='mw:Video/Frame'] &gt; figcaption {<br /> border: none;<br /> background-color: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --fact-text-color: #15f;<br /> --production-selected-background: #c3e8a3;<br /> --production-selected-color: #000;<br /> --wikipedia-border: #e0e0e0;<br /> --wikipedia-background: #f8f8f8;<br /> --keypress-background: #eee;<br /> --keypress-border: #ccc;<br /> --keypress-color: #333;<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg,#bfffbd 0 20px,#4cf172 20px 30px);<br /> --tbz-unlocked-border-color: #012100;<br /> --tbz-locked-background-color: #ffc3c3;<br /> --tbz-locked-border-color: #df9090;<br /> --tbz-partial-unlock-background: #dae8d2;<br /> --tbz-partial-unlock-border-color: #aeaeae<br /> }<br /> <br /> .archivelist {<br /> background-color: var(--body-light);<br /> border: solid 1px var(--body-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> margin: 5px;<br /> padding: 5px;<br /> text-align: center;<br /> width: 120px<br /> }<br /> <br /> .collapsed-sec {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-weight: bold;<br /> text-shadow: 1px 1px #fff<br /> }<br /> <br /> .combat-styles-icons a {<br /> display: inline-block;<br /> text-align: center;<br /> min-width: 26px<br /> }<br /> <br /> .combat-styles-header a {<br /> color: var(--text-color)<br /> }<br /> <br /> .fact-text {<br /> color: var(--fact-text-color);<br /> font-style: italic;<br /> cursor: help;<br /> border-bottom: dotted 1px<br /> }<br /> <br /> .production-selected {<br /> background: var(--production-selected-background);<br /> color: var(--production-selected-color)<br /> }<br /> <br /> .relative-location {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-spacing: 0;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 5px;<br /> text-align: center<br /> }<br /> <br /> .relative-location-txt {<br /> color: var(--text-color)<br /> }<br /> <br /> .relative-location-header {<br /> background: var(--body-dark)<br /> }<br /> <br /> #musicMap data {<br /> display: none<br /> }<br /> <br /> .musicMap-buttons {<br /> text-align: center;<br /> margin: 0.7em<br /> }<br /> <br /> .talkheader {<br /> text-align: center;<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .shortcut {<br /> border: 1px solid var(--body-border);<br /> background: var(--body-light);<br /> float: right;<br /> font-size: 0.8em;<br /> margin: 0.5em 0em 0.5em 1em;<br /> padding: 0.5em;<br /> text-align: center<br /> }<br /> <br /> .succession {<br /> width: 50%;<br /> text-align: center<br /> }<br /> <br /> .succession th {<br /> width: 33%;<br /> font-size: 90%;<br /> background: var(--body-mid)<br /> }<br /> <br /> .succession td {<br /> background: var(--body-light)<br /> }<br /> <br /> .update {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0;<br /> padding: 0.25em 1em;<br /> text-align: center<br /> }<br /> <br /> .pollwrapper {<br /> display: flex;<br /> align-items: center;<br /> flex-direction: column;<br /> counter-reset: question<br /> }<br /> <br /> .pollbox {<br /> position: relative;<br /> padding: 1em 0.7em;<br /> margin: 0.7em;<br /> margin-bottom: 1.2em;<br /> width: 700px;<br /> font-size: 16px;<br /> border: 2px solid var(--body-border);<br /> background: var(--body-light)<br /> }<br /> <br /> .pollbox::before {<br /> content: &quot;Question &quot; counter(question);<br /> counter-increment: question;<br /> position: absolute;<br /> font-size: 16px;<br /> font-weight: bold;<br /> top: -0.5em;<br /> margin-top: -2px;<br /> left: 0.6em;<br /> line-height: 1em;<br /> background: linear-gradient(0deg,var(--body-light),var(--body-light) 50%,rgba(0,0,0,0) 50%);<br /> padding: 0 0.6em<br /> }<br /> <br /> .pollbox table {<br /> width: 100%;<br /> border-collapse: collapse;<br /> font-size: 14px<br /> }<br /> <br /> .pollbox caption {<br /> text-align: left;<br /> margin-bottom: 4px<br /> }<br /> <br /> .pollbox td {<br /> padding: 0px<br /> }<br /> <br /> .pollquestion td:first-child::before {<br /> content: &quot;&quot;;<br /> background: url(/images/Poll_shield.png?c691a);<br /> background-repeat: no-repeat;<br /> background-position: top;<br /> width: 10px;<br /> height: 14px;<br /> position: absolute;<br /> top: 4px;<br /> left: 0<br /> }<br /> <br /> .pollquestion td:first-child {<br /> position: relative;<br /> width: 32%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .pollquestion td.pollpercent {<br /> box-sizing: border-box;<br /> padding-left: 17px;<br /> padding-right: 8px<br /> }<br /> <br /> .pollquestion td:last-child {<br /> width: 22%;<br /> padding-left: 0.7em<br /> }<br /> <br /> .pollquestion .pollnote td {<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .pollquestion .pollnote td::before {<br /> content: none<br /> }<br /> <br /> .pollquestion data {<br /> display: block;<br /> height: 15px;<br /> background-image: url(/images/Poll_sword2.png?7d4c4);<br /> position: relative<br /> }<br /> <br /> .pollquestion data::before,.pollquestion data::after {<br /> content: &quot;&quot;;<br /> height: inherit;<br /> position: absolute;<br /> height: 15px<br /> }<br /> <br /> .pollquestion data::before {<br /> background: url(/images/Poll_sword1.png?d445b);<br /> width: 17px;<br /> right: 100%<br /> }<br /> <br /> .pollquestion data::after {<br /> background: url(/images/Poll_sword3.png?487b5);<br /> width: 8px;<br /> left: 100%<br /> }<br /> <br /> .archivepollq th {<br /> text-align: left;<br /> font-weight: normal;<br /> padding: 15px 0 0 0<br /> }<br /> <br /> .archivepollq td:first-child {<br /> position: relative;<br /> width: 80%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .archivepollq td.archivepollpercent {<br /> box-sizing: border-box;<br /> padding: 2px;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .archivepollq td:last-child {<br /> text-align: right;<br /> padding-left: 0.7em<br /> }<br /> <br /> .archivepollq .archivepollnote &gt; td {<br /> text-align: left;<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .archivepollq data {<br /> display: block;<br /> height: 25px;<br /> background: var(--body-border);<br /> position: relative<br /> }<br /> <br /> .archivepollq.e {<br /> border: 2px solid var(--errorbox-border);<br /> background: var(--errorbox-bg)<br /> }<br /> <br /> .archivepollq.e::before {<br /> content: &quot;Error&quot;;<br /> background: linear-gradient(0deg,var(--errorbox-bg),var(--errorbox-bg) 50%,rgba(0,0,0,0) 50%)<br /> }<br /> <br /> .wikipedia {<br /> border: 1px solid var(--wikipedia-border);<br /> background-color: var(--wikipedia-background)<br /> }<br /> <br /> .hatnote,.seealso {<br /> font-style: italic<br /> }<br /> <br /> .hatnote i,.seealso i {<br /> font-style: normal<br /> }<br /> <br /> div.hatnote,div.seealso {<br /> margin: 0.5em 1.6em<br /> }<br /> <br /> div.hatnote + div.hatnote,div.hatnote + div.seealso,div.seealso + div.hatnote,div.seealso + div.seealso {<br /> margin-top: -0.5em<br /> }<br /> <br /> .extimage div,.extimage a,.extimage img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .tbz-region {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> white-space: nowrap;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> width: 110px;<br /> padding: 0.35em 0.45em 0.25em;<br /> margin: 1px<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-badge {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> padding: 0.3em 0.35em 0.2em<br /> }<br /> <br /> .tbz-badge + .tbz-badge {<br /> margin-left: 1px<br /> }<br /> <br /> .tbz-badge.tbz-badge-wrapper {<br /> padding: 0.2em<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-unlocked {<br /> background: var(--tbz-unlocked-background);<br /> border-color: var(--tbz-unlocked-border-color)<br /> }<br /> <br /> .tbz-unlocked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-unlocked .tbz-check {<br /> display: inline-block;<br /> padding-left: 5px<br /> }<br /> <br /> .tbz-locked {<br /> background-color: var(--tbz-locked-background-color);<br /> border-color: var(--tbz-locked-border-color)<br /> }<br /> <br /> .tbz-locked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-locked .tbz-unlocked {<br /> background: var(--tbz-partial-unlock-background);<br /> border-color: var(--tbz-partial-unlock-border-color)<br /> }<br /> <br /> .combatinfo {<br /> width: 160px;<br /> text-align: center;<br /> float: right;<br /> clear: right<br /> }<br /> <br /> .combatinfo.combatinfo-left {<br /> float: left;<br /> clear: left<br /> }<br /> <br /> .combatinfo td {<br /> width: 25%<br /> }<br /> <br /> .wikitable.combatinfo &gt; caption {<br /> font-weight: normal<br /> }<br /> <br /> .growth-stage-table td.growth-stage {<br /> text-align: center;<br /> vertical-align: bottom<br /> }<br /> <br /> .keypress {<br /> background: var(--keypress-background);<br /> color: var(--keypress-color);<br /> font-family: inherit;<br /> border: 1px solid var(--keypress-border);<br /> border-radius: 2px;<br /> font-size: 0.9em;<br /> margin: 0 0.1em;<br /> padding: 0.1em 0.4em;<br /> white-space: nowrap<br /> }<br /> <br /> .rsw-music-player {<br /> height: 2em;<br /> vertical-align: middle<br /> }<br /> <br /> .item-drops .beast-version {<br /> font-size: smaller;<br /> font-style: italic<br /> }<br /> <br /> td.famtreesub {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table {<br /> border-spacing: 0;<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table td {<br /> height: 1em;<br /> width: 1em<br /> }<br /> <br /> td.famtreeleaf {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> padding: 0.2em<br /> }<br /> <br /> :root {<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #ccc<br /> }<br /> <br /> :root {<br /> --coins-color: green;<br /> --coins-pos-color: white;<br /> --coins-neg-color: #c02614<br /> }<br /> <br /> .coins {<br /> color: var(--coins-color);<br /> background-position: 0% 50%;<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> padding: 0<br /> }<br /> <br /> .coins-pos {<br /> color: var(--coins-pos-color)<br /> }<br /> <br /> .coins-neg {<br /> color: var(--coins-neg-color)<br /> }<br /> <br /> .coins-10000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 3px 35px<br /> }<br /> <br /> .coins-1000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-250 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-100 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-25 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-5 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-4 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-3 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-2 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-1 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> :root {<br /> --documentation-background: #f9fafa;<br /> --documentation-link-color: #e4eaee;<br /> --documentation-headers-color: #fff;<br /> --documentation-header-background: #949eaa;<br /> --documentation-subheader-background: #808c9a;<br /> --documentation-border: #e4eaee<br /> }<br /> <br /> .documentation {<br /> background: var(--documentation-background);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0<br /> }<br /> <br /> .documentation pre,.documentation code {<br /> background-color: var(--documentation-background);<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation h2,.documentation hr {<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation-header {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-header-background);<br /> font-weight: bold;<br /> padding: 1em 1.5em<br /> }<br /> <br /> .documentation-title {<br /> font-size: 1.25em<br /> }<br /> <br /> .documentation-subheader {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-subheader-background);<br /> padding: 0.5em 1.5em<br /> }<br /> <br /> .documentation-subheader a,.documentation-subheader a:visited,.documentation-subheader a:active {<br /> color: var(--documentation-link-color)<br /> }<br /> <br /> .documentation-documentation,.documentation-links {<br /> font-size: 0.85em<br /> }<br /> <br /> .documentation-content {<br /> padding: 1em 1.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dl:not(:empty) {<br /> column-count: 3;<br /> border-top: 1px solid var(--body-border);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dt::after {<br /> content: &quot;:&quot;<br /> }<br /> <br /> .mw-templatedata-doc-params dd,.mw-templatedata-doc-params dt {<br /> margin: 0.1em 2em;<br /> min-width: auto<br /> }<br /> <br /> .mw-templatedata-doc-muted {<br /> color: var(--subtle-color);<br /> font-style: italic<br /> }<br /> <br /> .fairycode {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-size: 120%;<br /> font-weight: bold;<br /> text-transform: lowercase;<br /> letter-spacing: 1px<br /> }<br /> <br /> .fairycode b ~ b:before {<br /> content: &quot;•&quot;<br /> }<br /> <br /> .floornumber &gt; .floornumber-us,#toc li a span.toctext span span:nth-child(2),.floornumber-setting-gb .floornumber &gt; .floornumber-us,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(2),.floornumber-setting-us .floornumber &gt; .floornumber-gb,.floornumber-setting-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none<br /> }<br /> <br /> .floornumber-setting-gb .floornumber &gt; .floornumber-gb,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(1),.floornumber-setting-us .floornumber &gt; .floornumber-us,.floornumber-setting-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-us,.floornumber-override-gb #toc li a span.toctext span span:nth-child(2),.floornumber-override-us .floornumber &gt; .floornumber-gb,.floornumber-override-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none !important<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-gb,.floornumber-override-gb #toc li a span.toctext span span:nth-child(1),.floornumber-override-us .floornumber &gt; .floornumber-us,.floornumber-override-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline !important<br /> }<br /> <br /> .musicplayer {<br /> border: 1px solid var(--body-border);<br /> font-size: 90%;<br /> background: var(--body-light);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> max-width: 300px;<br /> margin: 0 0 1em 1em;<br /> padding: 5px<br /> }<br /> <br /> .musicplayer audio,.infobox audio {<br /> max-width: 298px;<br /> margin-left: auto;<br /> margin-right: auto<br /> }<br /> <br /> .plink-template + a {<br /> margin-left: 0.25em<br /> }<br /> <br /> .plinkt-image {<br /> text-align: center<br /> }<br /> <br /> :root {<br /> --questdetails-header-background: #cfc2aa;<br /> --questdetails-header-background-alt: #cfbda1<br /> }<br /> <br /> .questdetails {<br /> width: 100%;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-collapse: separate<br /> }<br /> <br /> .questdetails th {<br /> text-align: left<br /> }<br /> <br /> .questdetails-header {<br /> padding: 0.5em 1em;<br /> background-color: var(--questdetails-header-background);<br /> width: 125px<br /> }<br /> <br /> .questdetails tr:nth-child(odd) .questdetails-header {<br /> background-color: var(--questdetails-header-background-alt)<br /> }<br /> <br /> .questdetails-info {<br /> padding-left: 1em;<br /> padding-right: 2em<br /> }<br /> <br /> ol.references,.reflist {<br /> font-size: 90%<br /> }<br /> <br /> .reflist {<br /> list-style-type: decimal<br /> }<br /> <br /> .reflist .references {<br /> font-size: 100%;<br /> list-style-type: inherit<br /> }<br /> <br /> .reflist-lower-alpha {<br /> list-style-type: lower-alpha<br /> }<br /> <br /> ol.references li:target,sup.reference:target {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .hideQuotes .refhide {<br /> display: none<br /> }<br /> <br /> .editnotice {<br /> font-size: 0.9em;<br /> padding-bottom: 0.75em;<br /> margin-bottom: 0.6em<br /> }<br /> <br /> .editnotice .editnotice-title {<br /> font-size: 1.2em;<br /> font-weight: bold;<br /> margin-bottom: 0.4em<br /> }<br /> <br /> <br /> <br /> <br /> .mw-message-box,.mw-message-box-error,.mw-message-box-warning,.mw-message-box-success,.usermessage {<br /> color: var(--text-color)<br /> }<br /> <br /> .messagebox {<br /> width: 65%;<br /> margin: 0.5em auto;<br /> border-left: 15px solid;<br /> border-color: var(--body-dark);<br /> background-color: var(--body-light);<br /> box-sizing: border-box<br /> }<br /> <br /> .messagebox.obsolete {<br /> background-color: var(--messagebox-obsolete-background);<br /> border-color: var(--messagebox-obsolete-border);<br /> color: var(--messagebox-obsolete-color)<br /> }<br /> <br /> .messagebox.obsolete a,.messagebox.obsolete a:visited,.messagebox.obsolete a:active {<br /> color: var(--messagebox-obsolete-link-color)<br /> }<br /> <br /> .messagebox.info {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border);<br /> color: var(--messagebox-info-color)<br /> }<br /> <br /> .messagebox.info a,.messagebox.info a:visited,.messagebox.info a:active {<br /> color: var(--messagebox-info-link-color)<br /> }<br /> <br /> .messagebox.action {<br /> background-color: var(--messagebox-action-background);<br /> border-color: var(--messagebox-action-border);<br /> color: var(--messagebox-action-color)<br /> }<br /> <br /> .messagebox.action a,.messagebox.action a:visited,.messagebox.action a:active {<br /> color: var(--messagebox-action-link-color)<br /> }<br /> <br /> .messagebox.warn {<br /> background-color: var(--messagebox-warn-background);<br /> border-color: var(--messagebox-warn-border);<br /> color: var(--messagebox-warn-color)<br /> }<br /> <br /> .messagebox.warn a,.messagebox.warn a:visited,.messagebox.warn a:active {<br /> color: var(--messagebox-warn-link-color)<br /> }<br /> <br /> .messagebox.safe {<br /> background-color: var(--messagebox-safe-background);<br /> border-color: var(--messagebox-safe-border);<br /> color: var(--messagebox-safe-color)<br /> }<br /> <br /> .messagebox.safe a,.messagebox.safe a:visited,.messagebox.safe a:active {<br /> color: var(--messagebox-safe-link-color)<br /> }<br /> <br /> .messagebox.disambig {<br /> background-color: var(--messagebox-disambig-background);<br /> border-color: var(--messagebox-disambig-border);<br /> color: var(--messagebox-disambig-color)<br /> }<br /> <br /> .messagebox.disambig a,.messagebox.disambig a:visited,.messagebox.disambig a:active {<br /> color: var(--messagebox-disambig-link-color)<br /> }<br /> <br /> .messagebox.discord {<br /> background-color: var(--messagebox-discord-background);<br /> border-color: var(--messagebox-discord-border);<br /> color: #fff<br /> }<br /> <br /> .messagebox.discord a,.messagebox.discord a:visited,.messagebox.discord a:active {<br /> color: var(--messagebox-discord-link-color)<br /> }<br /> <br /> .messagebox.discord a.external,.messagebox.discord a:visited.external,.messagebox.discord a:active.external {<br /> font-style: italic<br /> }<br /> <br /> .messagebox.stub {<br /> width: 40%<br /> }<br /> <br /> .messagebox.hasdialogue {<br /> padding: 0 10px;<br /> width: auto<br /> }<br /> <br /> :root {<br /> --ajaxpoll-background: #fafafa;<br /> --ajaxpoll-text-color: var(--byline-color);<br /> --ajaxpoll-answerbar-background: var(--body-light);<br /> --ajaxpoll-answerbar-border: var(--body-border)<br /> }<br /> <br /> .ajaxpoll {<br /> background: var(--ajaxpoll-background)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-hover-vote,.ajaxpoll .ajaxpoll-hover-revoke,.ajaxpoll .ajaxpoll-ajax {<br /> background: none<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote {<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote div {<br /> background: var(--ajaxpoll-answerbar-background);<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-our-vote div {<br /> border-color: #3c780a<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-misc,.ajaxpoll .ajaxpoll-info,.ajaxpoll .ajaxpoll-ajax {<br /> color: var(--ajaxpoll-text-color)<br /> }<br /> <br /> .ajaxpoll-id-info {<br /> display: none<br /> }<br /> <br /> .inventorytable,<br /> .lootingbagtable,<br /> .runepouchtable {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> height: auto;<br /> border-spacing: 0;<br /> border-collapse: separate;<br /> margin-top: 7px;<br /> margin-bottom: 7px;<br /> }<br /> <br /> .inventorytable.storage-left,<br /> .lootingbagtable.storage-left,<br /> .runepouchtable.storage-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .inventorytable.storage-center,<br /> .lootingbagtable.storage-center,<br /> .runepouchtable.storage-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .inventorytable.storage-right,<br /> .lootingbagtable.storage-right,<br /> .runepouchtable.storage-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .inventorytable td,<br /> .lootingbagtable td,<br /> .runepouchtable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> }<br /> <br /> .inventorytable {<br /> background-image: url(/images/e/e9/Inventory_tab.png);<br /> width: 204px;<br /> padding: 13px 16px 10px;<br /> }<br /> <br /> .inventorytable td {<br /> width: 43px;<br /> height: 36px;<br /> }<br /> <br /> .lootingbagtable {<br /> background-image: url(/images/7/78/Looting_bag_tab.png);<br /> width: 204px;<br /> padding: 31px 17px 20px 12px;<br /> }<br /> <br /> .lootingbagtable td {<br /> width: 44px;<br /> height: 32px;<br /> }<br /> <br /> .runepouchtable {<br /> background-image: url(/images/f/f1/Rune_pouch_background.png);<br /> width: 158px;<br /> padding: 24px 7px 6px;<br /> }<br /> <br /> .runepouchtable.storage-left {<br /> margin-left: 23px;<br /> }<br /> <br /> .runepouchtable.storage-right {<br /> margin-right: 23px;<br /> }<br /> <br /> .runepouchtable td {<br /> width: 32px;<br /> height: 32px;<br /> line-height: 1.6em;<br /> }<br /> <br /> .runepouchtable td.middle-rune {<br /> padding-left: 24px;<br /> padding-right: 24px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune {<br /> padding-left: 6px;<br /> padding-right: 6px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune {<br /> padding-left: 0;<br /> }<br /> <br /> .menagerietable {<br /> background-image: url(/images/9/9c/Menagerie_interface.png);<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> width: 300px;<br /> height: 250px;<br /> padding: 56px 28px 34px 6px;<br /> border-spacing: 0;<br /> }<br /> <br /> .menagerietable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> width: 46px;<br /> height: 32px;<br /> }<br /> <br /> .inventorytable .inv-quantity-text,<br /> .lootingbagtable .inv-quantity-text,<br /> .runepouchtable .inv-quantity-text,<br /> .equipment .inv-quantity-text {<br /> font-family: 'RuneScape Small';<br /> font-size: 12pt;<br /> position: absolute;<br /> top: -8px;<br /> left: 4px;<br /> text-shadow: #000 1px 1px;<br /> color: #ffff00;<br /> pointer-events: none;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-1,<br /> .lootingbagtable .inv-quantity-text.qty-1,<br /> .runepouchtable .inv-quantity-text.qty-1,<br /> .equipment .inv-quantity-text.qty-1 {<br /> color: #ffff00;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-100k,<br /> .lootingbagtable .inv-quantity-text.qty-100k,<br /> .runepouchtable .inv-quantity-text.qty-100k,<br /> .equipment .inv-quantity-text.qty-100k {<br /> color: #fff;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-10m,<br /> .lootingbagtable .inv-quantity-text.qty-10m,<br /> .runepouchtable .inv-quantity-text.qty-10m,<br /> .equipment .inv-quantity-text.qty-10m {<br /> color: #01ff80;<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {<br /> .inventorytable img,<br /> .lootingbagtable img,<br /> .runepouchtable img,<br /> .equipment img {<br /> image-rendering: pixelated;<br /> image-rendering: crisp-edges;<br /> }<br /> <br /> }<br /> <br /> .runepouchtable .inv-quantity-text {<br /> left: -1px;<br /> }<br /> <br /> .runepouchtable td.middle-rune .inv-quantity-text {<br /> left: 23px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune .inv-quantity-text {<br /> left: 5px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune .inv-quantity-text {<br /> left: 0;<br /> }<br /> <br /> .equipment .inv-quantity-text {<br /> top: -3px;<br /> }<br /> <br /> span.noted-item {<br /> width: 30px;<br /> height: 29px;<br /> text-align: center;<br /> display: inline-block;<br /> }<br /> <br /> span.noted-item a {<br /> width: 30px;<br /> height: 29px;<br /> }<br /> <br /> .noted-item a {<br /> background-image: url(/images/3/3a/Bank_note.png);<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> background-position: center;<br /> }<br /> <br /> td.noted-item a {<br /> width: 32px;<br /> line-height: 28px;<br /> }<br /> <br /> .noted-item img {<br /> transform: scale(0.65);<br /> }<br /> <br /> .equipment {<br /> background: #3e3529;<br /> border: 9px solid transparent;<br /> border-image-source: url(/images/c/c7/Interface_border.png);<br /> border-image-slice: 9;<br /> border-image-width: 9px;<br /> border-image-outset: 0;<br /> border-image-repeat: repeat;<br /> margin: 7px 0;<br /> padding: 0 2px 0 3px;<br /> }<br /> <br /> @media all and (max-width: 720px) {<br /> table.equipment {<br /> width: initial !important;<br /> }<br /> <br /> }<br /> <br /> .equipment-div,<br /> .equipment-div-buttons {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> position: relative;<br /> width: 175px;<br /> display: flex;<br /> }<br /> <br /> .equipment-div {<br /> background-image: url(/images/a/a7/Worn_equipment_tab_%28no_buttons%29.png);<br /> height: 222px;<br /> margin: 15px 0 14px;<br /> }<br /> <br /> .equipment-div-buttons {<br /> background-image: url(/images/e/e3/Worn_equipment_tab_%28borderless%29.png);<br /> height: 244px;<br /> margin: 4px 0 3px;<br /> }<br /> <br /> .equipment-blank {<br /> background-image: url(/images/c/cf/Blank_slot.png);<br /> width: 36px;<br /> height: 36px;<br /> }<br /> <br /> .equipment-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .equipment-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .equipment-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .equipment-stats,<br /> .equipment-ikod {<br /> font-family: RuneScape;<br /> font-size: 16px;<br /> line-height: 14px;<br /> color: #ff981f;<br /> text-shadow: 1px 1px 0 black;<br /> }<br /> <br /> td.equipment-stats b {<br /> font-family: RuneScape;<br /> font-weight: bold;<br /> display: block;<br /> margin-top: 2px;<br /> }<br /> <br /> td.equipment-stats data {<br /> display: block;<br /> padding-left: 8px;<br /> }<br /> <br /> td.equipment-stats data img {<br /> vertical-align: bottom;<br /> }<br /> <br /> td.equipment-ikod {<br /> max-width: 325px;<br /> }<br /> <br /> td.equipment-ikod em {<br /> font-style: normal;<br /> display: block;<br /> margin-bottom: 3px;<br /> }<br /> <br /> td.equipment-ikod b {<br /> font-weight: normal;<br /> color: white;<br /> }<br /> <br /> td.equipment-ikod strong {<br /> font-weight: normal;<br /> color: red;<br /> }<br /> <br /> td.equipment-ikod ul {<br /> list-style: none;<br /> margin: 0;<br /> }<br /> <br /> td.equipment-ikod li {<br /> display: inline-block;<br /> width: 32px;<br /> height: 32px;<br /> line-height: 32px;<br /> margin: 0;<br /> margin-right: 14px;<br /> }<br /> <br /> td.equipment-ikod img {<br /> cursor: help;<br /> }<br /> <br /> td.equipment-ikod hr {<br /> border-top: 1px solid #0e0e0c;<br /> border-bottom: 1px solid #474745;<br /> margin: 7px 0;<br /> }<br /> <br /> .equipment-plinkp {<br /> position: absolute;<br /> width: 36px;<br /> height: 36px;<br /> left: 0px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head,<br /> .equipment-cape,<br /> .equipment-neck,<br /> .equipment-ammo,<br /> .equipment-weapon,<br /> .equipment-torso,<br /> .equipment-shield,<br /> .equipment-legs,<br /> .equipment-gloves,<br /> .equipment-boots,<br /> .equipment-ring,<br /> .equipment-statsbutton,<br /> .equipment-ikodbutton {<br /> position: absolute;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head {<br /> left: 70px;<br /> top: 0px;<br /> }<br /> <br /> .equipment-cape {<br /> left: 29px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-neck {<br /> left: 70px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-ammo {<br /> left: 111px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-weapon {<br /> left: 14px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-torso {<br /> left: 70px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-shield {<br /> left: 126px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-legs {<br /> left: 70px;<br /> top: 118px;<br /> }<br /> <br /> .equipment-gloves {<br /> left: 14px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-boots {<br /> left: 70px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-ring {<br /> left: 126px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-statsbutton {<br /> top: 204px;<br /> left: 0px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> .equipment-ikodbutton {<br /> top: 204px;<br /> left: 90px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> :root {<br /> --transcript-border-color: #b4a36a;<br /> --transcript-border-hover-color: #876f1d;<br /> --transcript-strikethrough-color: #800000<br /> }<br /> <br /> .transcript {<br /> background: var(--body-light);<br /> border-radius: 0 0 120px 120px / 0 0 8px 8px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> max-width: 90ch;<br /> overflow: hidden;<br /> margin-bottom: 1em;<br /> padding: 0.5em 1em 1em;<br /> clear: left<br /> }<br /> <br /> .transcript.godletter {<br /> margin: 1em auto;<br /> padding: 1em 1.5em;<br /> max-width: 60ch<br /> }<br /> <br /> .quest-action {<br /> text-align: center;<br /> font-style: italic;<br /> margin: 0 5%<br /> }<br /> <br /> .quest-action:before,.quest-action:after {<br /> content: '———';<br /> margin: 4px;<br /> letter-spacing: -1px<br /> }<br /> <br /> .transcript-chatbox-image {<br /> display: inline-block;<br /> margin-right: 5px;<br /> position: relative;<br /> text-align: center;<br /> width: 32px<br /> }<br /> <br /> .transcript-chatbox-image + .transcript-chatbox-image {<br /> left: -10px;<br /> top: 10px;<br /> margin-right: 0<br /> }<br /> <br /> .transcript-opt::before {<br /> display: inline-block;<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> width: 7px;<br /> height: 10px;<br /> margin-right: 5px<br /> }<br /> <br /> .transcript-opt.disabled {<br /> filter: opacity(0.5)<br /> }<br /> <br /> .ns-120 .mw-parser-output s,.transcript s {<br /> text-decoration-color: var(--transcript-strikethrough-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output .template-colour,.transcript .template-colour {<br /> text-shadow: 1px 1px #000a<br /> }<br /> <br /> :root {<br /> --byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%);<br /> --tile-border-color: #596e96;<br /> --tile-background-color: #313e59;<br /> --tile-link-button-color: #222e45;<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255,255,255,0.7);<br /> --tile-dark-header-color: #fff<br /> }<br /> <br /> .tile {<br /> background: var(--tile-background-color);<br /> border: 1px solid var(--tile-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1.5em 2em 1em;<br /> max-width: 40em<br /> }<br /> <br /> .tile h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile.dark {<br /> color: var(--tile-dark-color);<br /> background: var(--tile-dark-bg);<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .tile.dark h2 {<br /> color: var(--tile-dark-header-color)<br /> }<br /> <br /> .tile.dark a {<br /> color: var(--tile-dark-link-color)<br /> }<br /> <br /> .tile.dark .byline {<br /> color: var(--tile-dark-byline-color)<br /> }<br /> <br /> .byline {<br /> font-size: 0.9em;<br /> color: var(--byline-color)<br /> }<br /> <br /> .byline a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .tile-row {<br /> display: flex;<br /> flex-flow: row wrap;<br /> margin-bottom: 1em<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-flow: row wrap;<br /> border: 1px solid var(--tile-border-color);<br /> background: var(--tile-background-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .tile-halves h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile-halves .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile-top {<br /> width: 100%;<br /> padding: 1.3rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-top.tile-image {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--byline-color);<br /> overflow: hidden;<br /> padding: 0;<br /> height: 13vw;<br /> max-height: 12em;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-halves:hover .tile-top.tile-image img {<br /> transform: scale(1.1);<br /> transition: 0.5s ease-out<br /> }<br /> <br /> .tile-top.tile-image a {<br /> width: 100%<br /> }<br /> <br /> .tile-top.tile-image img {<br /> width: 100%;<br /> object-fit: cover;<br /> max-height: 200px;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-top.tile-image span {<br /> width: 100%<br /> }<br /> <br /> .tile-bottom {<br /> background: var(--tile-background-color);<br /> border-top: 1px solid var(--tile-border-color);<br /> width: 100%;<br /> padding: 1rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-bottom.link-button {<br /> align-self: flex-end;<br /> padding: 0<br /> }<br /> <br /> .tile-bottom.link-button a {<br /> display: block;<br /> text-align: center;<br /> padding: 0.75em 1.5em 0.8em;<br /> text-decoration: none<br /> }<br /> <br /> .tile-bottom.read-more {<br /> background: var(--tile-link-button-color);<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile-bottom.read-more a {<br /> color: var(--byline-color);<br /> font-weight: bold;<br /> text-align: right<br /> }<br /> <br /> .tile-bottom.read-more:hover {<br /> background: var(--tile-link-button-highlight-color)<br /> }<br /> <br /> .tile-bottom.read-more:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .tile-bottom.read-more .arrow {<br /> filter: var(--byline-arrow-filter);<br /> margin-left: 0.4em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile.oswf-day {<br /> margin-left: 0.5em<br /> }<br /> <br /> .oswf-tile {<br /> margin: 1em<br /> }<br /> <br /> .oswf-tile.oswf-complete {<br /> opacity: 0.65<br /> }<br /> <br /> .oswf-tile .oswf-summary {<br /> font-size: 105%;<br /> line-height: 1.6;<br /> margin-top: -0.4em<br /> }<br /> <br /> .oswf-tile .oswf-img {<br /> display: block;<br /> max-width: 75px;<br /> float: right<br /> }<br /> <br /> .oswf-tile .oswf-img img {<br /> max-width: 100%;<br /> height: auto<br /> }<br /> <br /> .oswf-tile .oswf-guidance {<br /> border-top: 1px solid #eee;<br /> padding-top: 1em<br /> }<br /> <br /> body.page-Main_Page .mw-parser-output {<br /> max-width: 75em;<br /> margin: 0 auto;<br /> }<br /> <br /> body.page-Main_Page.action-view .catlinks,<br /> body.page-Main_Page.action-view #contentSub,<br /> body.page-Main_Page.action-view #siteNotice {<br /> display: none;<br /> }<br /> <br /> body.page-Main_Page h1 { display: none; }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> margin: 2.6em 1.75em 1.5em<br /> }<br /> <br /> .mainpage-header .header-intro {<br /> flex: 2<br /> }<br /> <br /> .mainpage-header .header-intro h1 {<br /> font-size: 2.5em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.15em<br /> }<br /> <br /> .mainpage-header .header-intro p {<br /> font-size: 1.1em;<br /> line-height: 1.7em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> flex: 1;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> margin-top: -1em<br /> }<br /> <br /> .mainpage-body {<br /> display: grid;<br /> grid-template-areas: &quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left right&quot;;<br /> gap: 0.9rem;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-body h2 a {<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-body .tile {<br /> padding-left: 1.75em;<br /> padding-right: 1.75em;<br /> max-width: 100%<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> width: 100%;<br /> margin-bottom: 0<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> display: grid;<br /> gap: 0.9rem<br /> }<br /> <br /> .mainpage-left {<br /> grid-area: left;<br /> flex: 2;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-left &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .mainpage-right {<br /> grid-area: right;<br /> flex: 1;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-right &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .arrow {<br /> background: url(/images/White-chevron.svg?b82be) no-repeat;<br /> display: inline-block;<br /> height: 0.7rem;<br /> width: 0.45rem;<br /> vertical-align: middle<br /> }<br /> <br /> .arrow.dark {<br /> filter: invert(80%)<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-area: update;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves {<br /> flex: 1;<br /> align-content: flex-start<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-bottom.link-button a {<br /> text-align: left;<br /> padding: 1rem 1.5rem 0.75rem<br /> }<br /> <br /> .mainpage-recent-updates h2 {<br /> margin: -0.5em 0 0.3em<br /> }<br /> <br /> .mainpage-recent-updates p:not(.byline) {<br /> font-size: 0.9em;<br /> line-height: 1.75em;<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-contents {<br /> grid-area: content;<br /> grid-template-columns: repeat(6,1fr)<br /> }<br /> <br /> .mainpage-contents .tile-halves {<br /> flex: 1<br /> }<br /> <br /> .mainpage-contents .tile-top {<br /> position: relative<br /> }<br /> <br /> .mainpage-contents h2 {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> .mainpage-contents .tile-bottom.link-button a {<br /> padding: 0.75em 0.2em<br /> }<br /> <br /> .mainpage-skills ul {<br /> columns: 3 9em;<br /> margin: 1em 0.7em 0.7em 1em<br /> }<br /> <br /> .mainpage-skills li {<br /> display: flex;<br /> margin-bottom: 0.29em<br /> }<br /> <br /> .mainpage-skills li a:first-child {<br /> border-radius: 2px;<br /> padding: 4px;<br /> width: 25px;<br /> height: 25px;<br /> text-align: center;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center<br /> }<br /> <br /> .mainpage-skills li a:last-child {<br /> flex: 1;<br /> display: flex;<br /> align-items: center;<br /> font-weight: bold;<br /> padding-left: 0.7em;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-skills li:hover a:first-child {<br /> border-radius: 2px 0 0 2px<br /> }<br /> <br /> .mainpage-skills li:hover a:last-child {<br /> color: rgba(255,255,255,0.9);<br /> border-radius: 0 2px 2px 0<br /> }<br /> <br /> .skill-agility a:first-child,.skill-melee a:first-child {<br /> background: #bc483d<br /> }<br /> <br /> .skill-agility:hover a:last-child,.skill-melee:hover a:last-child {<br /> background: #932419<br /> }<br /> <br /> .skill-ranged a:first-child {<br /> background: #748d36<br /> }<br /> <br /> .skill-ranged:hover a:last-child {<br /> background: #4c6215<br /> }<br /> <br /> .skill-magic a:first-child {<br /> background: #6274ab<br /> }<br /> <br /> .skill-magic:hover a:last-child {<br /> background: #304791<br /> }<br /> <br /> .skill-fishing a:first-child,.skill-fletching a:first-child {<br /> background: #3e8e9a<br /> }<br /> <br /> .skill-fishing:hover a:last-child,.skill-fletching:hover a:last-child {<br /> background: #1a6671<br /> }<br /> <br /> .skill-cooking a:first-child,.skill-thieving a:first-child {<br /> background: #91689e<br /> }<br /> <br /> .skill-cooking:hover a:last-child,.skill-thieving:hover a:last-child {<br /> background: #713684<br /> }<br /> <br /> .skill-farming a:first-child,.skill-woodcutting a:first-child {<br /> background: #59924f<br /> }<br /> <br /> .skill-farming:hover a:last-child,.skill-woodcutting:hover a:last-child {<br /> background: #306f25<br /> }<br /> <br /> .skill-mining a:first-child {<br /> background: #6385a8<br /> }<br /> <br /> .skill-mining:hover a:last-child {<br /> background: #315f8d<br /> }<br /> <br /> .skill-smithing a:first-child {<br /> background: #d2b244<br /> }<br /> <br /> .skill-smithing:hover a:last-child {<br /> background: #b69213<br /> }<br /> <br /> .popular-pages ul {<br /> display: grid;<br /> grid-template-columns: repeat(3,1fr);<br /> grid-gap: 0.6em;<br /> margin: 1em 0 0.7em 0<br /> }<br /> <br /> .mp-popular-page-light {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--button-background);<br /> transition: 100ms<br /> }<br /> <br /> .mp-popular-page-light a {<br /> flex: 1;<br /> display: block;<br /> color: #fff;<br /> font-weight: bold;<br /> text-align: center;<br /> text-decoration: none;<br /> padding: 0.7em 1em<br /> }<br /> <br /> .mp-popular-page-light:hover {<br /> filter: brightness(115%);<br /> transition: 100ms<br /> }<br /> <br /> .mainpage-discord {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-discord .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #5865f2;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-discord .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-discord .tile-bottom {<br /> background: #525ee0;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-discord .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-discord .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-discord .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-discord .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-youtube {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-youtube .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-youtube .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-youtube .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-youtube .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-youtube .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-youtube .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-youtube .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-rl {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-rl .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #383838;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-rl .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-rl .tile-bottom {<br /> background: #FF9300;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-rl .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-rl .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-rl .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-rl .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-twitter {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-twitter .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-twitter .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-twitter .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-twitter .twitter-logo {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-twitter .twitter-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-twitter .twitter-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-twitter .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .mainpage-editing {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-editing .tile-top {<br /> background: #222e45<br /> }<br /> <br /> .mainpage-editing .tile-bottom {<br /> background: #3980ab;<br /> border: none;<br /> padding: 0.8rem 1.5rem 0.4rem<br /> }<br /> <br /> .mainpage-editing h2,.mainpage-editing a {<br /> color: #fff<br /> }<br /> <br /> .mainpage-editing p {<br /> color: rgba(255,255,255,0.9)<br /> }<br /> <br /> .mainpage-editing ul {<br /> list-style-image: url(/images/Transparent-chevron.svg?20dcf)<br /> }<br /> <br /> .mainpage-poll .ajaxpoll {<br /> border: none;<br /> background: none;<br /> padding: 0;<br /> width: auto<br /> }<br /> <br /> .mainpage-trailblazer {<br /> grid-area: event<br /> }<br /> <br /> .mainpage-trailblazer .tb-logo {<br /> margin-bottom: 0.9rem<br /> }<br /> <br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-trailblazer .tile-row .tile-top {<br /> height: 20vw;<br /> min-height: 9em<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1200px) {<br /> .mainpage-contents {<br /> grid-template-columns:repeat(3,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1000px) {<br /> .mainpage-body {<br /> grid-template-areas:&quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left left&quot; &quot;right right right&quot;<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-top {<br /> height: 18vw;<br /> min-height: 9em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> display: none<br /> }<br /> <br /> .mainpage-left &gt; *:last-child,.mainpage-right &gt; *:last-child {<br /> margin-bottom: 0<br /> }<br /> <br /> .popular-pages ul {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-recent-updates {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: flex<br /> }<br /> <br /> .mainpage-contents {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background-color: var(--body-main);<br /> border-top-color: var(--body-border);<br /> box-shadow: none<br /> }<br /> <br /> .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,.mw-prefs-tabs &gt; .oo-ui-menuLayout-content &gt; .oo-ui-indexLayout-stackLayout &gt; .oo-ui-tabPanelLayout {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --rc-positive-color: #407813;<br /> --rc-negative-color: #b41e0f<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: var(--rc-positive-color)<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: var(--rc-negative-color)<br /> }<br /> <br /> .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {<br /> border-color: var(--body-border);<br /> background-color: var(--body-light);<br /> border-radius: 2px<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-menuSelectWidget-footer {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-tagItemWidget-popup-content {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-changeslist-legend,.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .client-js .mw-changeslist ul,.client-js .mw-changeslist table.mw-enhanced-rc {<br /> margin-left: 0<br /> }<br /> <br /> .mw-rcfilters-ui-watchlistTopSectionWidget-separator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-header {<br /> border-bottom-color: var(--ooui-interface);<br /> background-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-title {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-header {<br /> border-bottom-color: var(--ooui-interface-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-savedLinksListItemWidget-label {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted ul,.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted table.mw-enhanced-rc {<br /> margin-left: 1.5em<br /> }<br /> <br /> .page-Special_CreateAccount .mw-ui-container,.page-Special_UserLogin .mw-ui-container {<br /> max-width: 64rem;<br /> margin: 0 auto<br /> }<br /> <br /> .mw-number-text {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-body-content .mw-number-text h3 {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-indicator-mw-helplink a {<br /> background: none;<br /> padding: 0;<br /> display: flex;<br /> align-items: center<br /> }<br /> <br /> #mw-indicator-mw-helplink a::before {<br /> content: '';<br /> margin-right: 5px;<br /> -webkit-mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> background: var(--text-color);<br /> height: 20px;<br /> width: 20px<br /> }<br /> <br /> .results-info {<br /> color: inherit<br /> }<br /> <br /> .mw-search-profile-tabs {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> .search-types .current a {<br /> color: inherit<br /> }<br /> <br /> #mw-searchoptions {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> #mw-searchoptions .divider {<br /> border-color: var(--body-border)<br /> }<br /> <br /> #mw-searchoptions h4 {<br /> font-family: inherit<br /> }<br /> <br /> #mw-searchoptions .oo-ui-labelElement:nth-of-type(odd) {<br /> font-weight: bold<br /> }<br /> <br /> .searchresult {<br /> line-height: 1.5<br /> }<br /> <br /> .searchalttitle,#mw-search-interwiki li {<br /> font-size: 90%<br /> }<br /> <br /> .mw-search-result-data {<br /> color: var(--byline-color)<br /> }<br /> <br /> .page-Special_ListFiles a.image img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .page-Special_ListFiles .TablePager_col_thumb {<br /> text-align: center<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] {<br /> background-color: var(--body-main) !important;<br /> border-color: var(--wikitable-border) !important;<br /> margin-top: 0.5em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th,#editcount table[border=&quot;1&quot;] td {<br /> padding: 0.2em 0.4em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th {<br /> background-color: var(--wikitable-header-bg);<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] td {<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] tr:nth-child(odd) {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget {<br /> background-color: inherit<br /> }<br /> <br /> table.mw-interwikitable.body td.mw-interwikitable-local-yes {<br /> background-color: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .mw-protectedpages-unknown {<br /> color: var(--byline-color)<br /> }<br /> <br /> .watchlistredir,.allpagesredirect {<br /> font-style: italic<br /> }<br /> <br /> .allpagesredirect:after {<br /> color: var(--byline-color);<br /> content: &quot; (redirect)&quot;<br /> }<br /> <br /> .mw-apisandbox-toolbar {<br /> background: var(--body-main)<br /> }<br /> <br /> .oo-ui-menuOptionWidget .mw-apisandbox-flag {<br /> color: var(--byline-color)<br /> }<br /> <br /> tr.mw-abusefilter-list-disabled,tr.mw-abusefilter-list-disabled td {<br /> color: var(--byline-color)<br /> }<br /> <br /> table.mw-abuselog-details {<br /> background: var(--wikitable-bg);<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> table.mw-abuselog-details th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> table.mw-abuselog-details th,table.mw-abuselog-details td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-abusefilter-log-hidden-entry {<br /> color: var(--subtle-color)<br /> }<br /> <br /> body td.mw-abusefilter-history-changed {<br /> background: var(--table-no-background)<br /> }<br /> <br /> div.mw-abusefilter-editor,#mw-abusefilter-warn-preview,#mw-abusefilter-disallow-preview {<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-destfile-warning {<br /> border-color: var(--warningbox-border);<br /> color: var(--text-color);<br /> background-color: var(--warningbox-bg)<br /> }<br /> <br /> span.fileinput-button {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> ul.fileupload-results li.ful-success {<br /> background-color: var(--successbox-bg)<br /> }<br /> <br /> ul.fileupload-results li.ful-success a {<br /> color: var(--link-color)<br /> }<br /> <br /> ul.fileupload-results li.ful-error {<br /> background-color: var(--errorbox-bg)<br /> }<br /> <br /> #siteNotice {<br /> text-align: center<br /> }<br /> <br /> #siteNotice ul {<br /> list-style: none<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-body {<br /> margin: 0<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-close {<br /> float: none;<br /> text-align: right<br /> }<br /> <br /> .mw-dismissable-notice-close-parent {<br /> min-height: 1em<br /> }<br /> <br /> .mmg-xpline:after {<br /> content: ','<br /> }<br /> <br /> .mmg-xpline:last-child:after {<br /> content: ''<br /> }<br /> <br /> .mmg-itemline {<br /> display: block<br /> }<br /> <br /> .discussiontable th {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .discussiontable .topic,.discussiontable .edited,.discussiontable .edited-by,.discussiontable .rg-archive {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .dpltable {<br /> margin-top: -30px<br /> }<br /> <br /> .dpltable td {<br /> padding-left: 5px<br /> }<br /> <br /> .dpltable,.discussiontable {<br /> width: 100%<br /> }<br /> <br /> .dpltable .topic,.discussiontable .topic {<br /> width: 40%<br /> }<br /> <br /> .dpltable .edited,.discussiontable .edited,.dpltable .edited-by,.discussiontable .edited-by {<br /> width: 30%<br /> }<br /> <br /> .dpltable .rg-archive,.discussiontable .rg-archive {<br /> width: 20%<br /> }<br /> <br /> body.ns-110 #ca-talk {<br /> display: none<br /> }<br /> <br /> :root {<br /> --gemw-positive-color: #6bc71f;<br /> --gemw-unchanged-color: #3ea6e6;<br /> --gemw-negative-color: #ee4231;<br /> --gemw-historical-border-color: #000<br /> }<br /> <br /> .gemw-container {<br /> max-width: 60em;<br /> margin: 4em auto<br /> }<br /> <br /> .gemw-header {<br /> display: flex;<br /> border-left-width: 0.25em;<br /> border-left-style: solid;<br /> padding-left: 1em;<br /> margin-bottom: 3em<br /> }<br /> <br /> .gemw-header.positive {<br /> border-color: var(--gemw-positive-color)<br /> }<br /> <br /> .gemw-header.negative {<br /> border-color: var(--gemw-negative-color)<br /> }<br /> <br /> .gemw-header.unchanged {<br /> border-color: var(--gemw-unchanged-color)<br /> }<br /> <br /> .gemw-header .gemw-section-left {<br /> flex: 1<br /> }<br /> <br /> .gemw-header .gemw-name {<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> margin-bottom: 0<br /> }<br /> <br /> .gemw-header .gemw-name a {<br /> color: inherit<br /> }<br /> <br /> .gemw-header .gemw-examine {<br /> color: var(--byline-color);<br /> font-size: 1.05em;<br /> font-style: italic;<br /> margin: 0 1em 1.25em 0<br /> }<br /> <br /> .gemw-header .gemw-price {<br /> display: inline-block;<br /> font-size: 2.75em;<br /> font-weight: bold<br /> }<br /> <br /> .gemw-header .gemw-price::after {<br /> content: ' coins';<br /> color: var(--byline-color);<br /> font-size: 1rem;<br /> font-weight: normal;<br /> word-spacing: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-change {<br /> display: inline-block;<br /> font-size: 1rem;<br /> font-weight: bold;<br /> margin-left: 2em;<br /> word-spacing: 0.5em<br /> }<br /> <br /> .gemw-header .gemw-change img {<br /> vertical-align: baseline<br /> }<br /> <br /> .gemw-header .gemw-section-right {<br /> text-align: right<br /> }<br /> <br /> .gemw-header .gemw-updated {<br /> color: var(--byline-color);<br /> line-height: 1.5em;<br /> margin-top: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-time {<br /> color: var(--byline-color);<br /> font-weight: bold<br /> }<br /> <br /> .gemw-body {<br /> display: flex<br /> }<br /> <br /> .gemw-body .gemw-section-left {<br /> width: 40%;<br /> margin-right: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left dl {<br /> display: flex;<br /> flex-flow: row wrap;<br /> justify-content: space-between;<br /> margin-bottom: -1.25em<br /> }<br /> <br /> .gemw-body .gemw-section-left &gt; div {<br /> margin-top: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .gemw-body .gemw-property {<br /> width: 30%;<br /> border-top: 0.15em dotted var(--body-mid);<br /> padding-top: 0.25em;<br /> margin-bottom: 1.5em<br /> }<br /> <br /> .gemw-body .gemw-property dt {<br /> color: var(--byline-color);<br /> font-weight: normal<br /> }<br /> <br /> .gemw-body .gemw-property dd {<br /> font-weight: bold;<br /> margin: -0.25em 0 0<br /> }<br /> <br /> .gemw-body .gemw-links {<br /> color: var(--byline-color);<br /> margin-bottom: 0.35em<br /> }<br /> <br /> .gemw-body .gemw-section-right {<br /> width: 60%<br /> }<br /> <br /> .gemw-body .gemw-chart {<br /> color: #eceeee;<br /> font-size: 5em;<br /> text-align: center;<br /> line-height: 5em;<br /> position: relative<br /> }<br /> <br /> .gemw-body .gemw-chart .GEChartBox,.gemw-body .gemw-chart .GEdatachart {<br /> position: relative<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header.positive,.gemw-container.gemw-historical .gemw-header.negative,.gemw-container.gemw-historical .gemw-header.neutral,.gemw-container.gemw-historical .gemw-header.unchanged {<br /> border-color: var(--gemw-historical-border-color)<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-time .jsPurgeLink,.gemw-container.gemw-historical .gemw-header .gemw-time &gt; span.plainlinks {<br /> display: none<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-section-left:after {<br /> content: &quot;This is a historical item no longer available on the Grand Exchange. The data is preserved here as an archive.&quot;;<br /> font-style: italic<br /> }<br /> <br /> #overlay {<br /> display: none;<br /> background-color: var(--ooui-window-background);<br /> height: auto;<br /> width: auto;<br /> overflow: hidden;<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> bottom: 0;<br /> left: 0;<br /> z-index: 50<br /> }<br /> <br /> #GEchartpopup g.highcharts-label text &gt; a:visited,.GEdatachart g.highcharts-label text &gt; a:visited {<br /> fill: white<br /> }<br /> <br /> #GEchartpopup {<br /> background: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> border-radius: 2px;<br /> color: var(--ooui-text);<br /> position: fixed;<br /> left: 0;<br /> right: 0;<br /> top: 1em;<br /> bottom: 1em;<br /> margin: auto;<br /> padding: 1em;<br /> max-width: 975px;<br /> z-index: 52;<br /> overflow: auto<br /> }<br /> <br /> #GEchartpopup #closepopup {<br /> float: right;<br /> margin-bottom: 5px;<br /> z-index: 100<br /> }<br /> <br /> #GEchartpopup #itemstats {<br /> bottom: 50px;<br /> font-size: 11px;<br /> position: absolute;<br /> right: 45px;<br /> width: 200px;<br /> z-index: 10<br /> }<br /> <br /> #GEchartpopup #itemstats caption {<br /> cursor: pointer;<br /> text-align: right<br /> }<br /> <br /> #GEpopupchart {<br /> height: 500px<br /> }<br /> <br /> .highcharts-container .highcharts-range-selector {<br /> font-size: 11px<br /> }<br /> <br /> .GEPermLink {<br /> float: right;<br /> font-size: 14px<br /> }<br /> <br /> .GEPermLink ~ .GEdatachart {<br /> clear: right<br /> }<br /> <br /> form[id^=&quot;chartProperties&quot;] button {<br /> margin: 3px<br /> }<br /> <br /> .smallChart .highcharts-range-selector {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-button title + rect {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-title {<br /> white-space: nowrap !important<br /> }<br /> <br /> .smallChart .zoomButton,.smallChart svg &gt; text:first-of-type,.smallChart .highcharts-input-group {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-scrollbar,.mediumChart .highcharts-scrollbar {<br /> display: none<br /> }<br /> <br /> .highcharts-background,.highcharts-plot-background {<br /> fill: transparent<br /> }<br /> <br /> .highcharts-title,.highcharts-subtitle {<br /> color: var(--text-color) !important<br /> }<br /> <br /> .highcharts-axis-title {<br /> fill: var(--text-color) !important<br /> }<br /> <br /> .highcharts-yaxis-grid .highcharts-grid-line,.highcharts-tick,.highcharts-axis-line {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-axis-labels text,.highcharts-range-selector-group text {<br /> color: var(--ooui-text) !important;<br /> fill: var(--ooui-text) !important<br /> }<br /> <br /> .highcharts-label-box {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-button-box {<br /> fill: var(--ooui-normal)<br /> }<br /> <br /> .highcharts-navigator-outline {<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-track {<br /> fill: transparent;<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-button,.highcharts-scrollbar-thumb,.highcharts-navigator-handle {<br /> fill: var(--ooui-normal);<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-scrollbar-arrow {<br /> fill: var(--ooui-text)<br /> }<br /> <br /> .highcharts-scrollbar-rifles {<br /> stroke: var(--ooui-text)<br /> }<br /> <br /> #t-print,#t-permalink {<br /> display: none<br /> }<br /> <br /> .jcConfig {<br /> display: none<br /> }<br /> <br /> #filetoc {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> border-color: transparent;<br /> margin: 0.5em auto;<br /> text-align: center;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> .smwfact {<br /> display: none<br /> }<br /> <br /> .list-header {<br /> background-color: var(--body-mid);<br /> color: inherit<br /> }<br /> <br /> .editOptions {<br /> color: var(--text-color);<br /> background-color: var(--sourceeditor-background-secondary);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .updatedmarker {<br /> background-color: #c3e8a3;<br /> color: #162e02<br /> }<br /> <br /> .mw-json th,.mw-json td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-json td {<br /> background: var(--wikitable-bg)<br /> }<br /> <br /> .mw-json th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> <br /> html {<br /> -webkit-text-size-adjust: 100%<br /> }<br /> <br /> body {<br /> background: var(--body-background-image) var(--body-background-color) top left / 1500px 375px no-repeat;<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .vector-body {<br /> font-size: 0.9em<br /> }<br /> <br /> #firstHeading {<br /> font-weight: bold<br /> }<br /> <br /> pre,code,.mw-code {<br /> color: inherit;<br /> background-color: var(--mw-code-background-color);<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> dl {<br /> margin: 0<br /> }<br /> <br /> ul {<br /> list-style-image: var(--ul-list-style-image)<br /> }<br /> <br /> hr {<br /> background: none;<br /> border-color: var(--body-border);<br /> border-style: solid;<br /> border-width: 1px 0 0 0;<br /> height: initial<br /> }<br /> <br /> fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .vector-body blockquote {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --personal-links-bg: var(--body-main);<br /> --arrow-down: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5' fill='%23444'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading {<br /> background-color: var(--vector-tab-background);<br /> padding: 1em 0.75em 0.6923em;<br /> margin: 0<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading,.vector-menu-dropdown .vector-menu-heading:hover,.vector-menu-dropdown .vector-menu-heading:focus {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading:after {<br /> background-image: var(--arrow-down);<br /> opacity: 1<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-content {<br /> border-color: transparent;<br /> background-color: var(--body-light);<br /> box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);<br /> left: 0<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item a {<br /> color: var(--link-color)<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item.selected a,.vector-menu-dropdown .mw-list-item.selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> #p-personal {<br /> background: var(--personal-links-bg);<br /> top: 0;<br /> right: 0;<br /> border-radius: 0 0 0 4px;<br /> height: 1.875em<br /> }<br /> <br /> #p-personal ul {<br /> padding: 0 1em 0 0.4375em<br /> }<br /> <br /> .vector-search-box-inner {<br /> background: var(--search-box);<br /> height: 2.5em;<br /> margin-top: 0;<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-search-box-input {<br /> color: var(--text-color);<br /> height: 100%;<br /> border: none;<br /> background: none;<br /> padding-left: 0.75em<br /> }<br /> <br /> .vector-search-box-input::placeholder {<br /> color: var(--text-color);<br /> opacity: 0.67<br /> }<br /> <br /> .vector-search-box-inner:hover .vector-search-box-input,.vector-search-box-input:focus,.vector-search-box-inner:hover .vector-search-box-input:focus {<br /> border: none;<br /> box-shadow: none<br /> }<br /> <br /> :root {<br /> --searchbutton-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13'%3E%3Cg fill='none' stroke='%238cabe6' stroke-width='2'%3E%3Cpath d='M11.29 11.71l-4-4'/%3E%3Ccircle cx='5' cy='5' r='4'/%3E%3C/g%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .searchButton[name='go'] {<br /> background: no-repeat center var(--searchbutton-icon)<br /> }<br /> <br /> .vector-search-box {<br /> margin: 0<br /> }<br /> <br /> .vector-search-box form {<br /> margin-top: 0<br /> }<br /> <br /> .suggestions-results {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-result {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions a.mw-searchSuggest-link,.suggestions a.mw-searchSuggest-link:hover,.suggestions a.mw-searchSuggest-link:active,.suggestions a.mw-searchSuggest-link:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-special {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-special .special-label {<br /> color: var(--byline-color)<br /> }<br /> <br /> .suggestions-special .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current .special-label,.suggestions-result-current .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-panel {<br /> padding-top: 2.5em<br /> }<br /> <br /> .vector-menu-portal .vector-menu-heading {<br /> color: var(--background-text-color);<br /> font-weight: bold;<br /> background: none<br /> }<br /> <br /> .vector-menu-portal .vector-menu-content li a,.vector-menu-portal .vector-menu-content li a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-logo {<br /> filter: drop-shadow(0 2px 5px rgba(0,0,0,0.25));<br /> margin: -1.5em 0 0<br /> }<br /> <br /> #n-Discord a {<br /> color: #fff !important;<br /> font-weight: bold;<br /> border-radius: 4px;<br /> border: 1px solid #4c57d0;<br /> background-color: #5865f2;<br /> display: block;<br /> position: relative;<br /> padding: 4px 4px 5px calc(17px + 6.5px * 2);<br /> box-shadow: 0 2px 3px rgba(0,0,0,0.1);<br /> transition: 0.2s<br /> }<br /> <br /> #n-Discord a::before {<br /> content: 'Chat on ';<br /> font-weight: normal;<br /> opacity: 0.85<br /> }<br /> <br /> #n-Discord a::after {<br /> content: '';<br /> background: url(/images/0/06/Discord_logo_icon1.png) no-repeat;<br /> background-size: 17px 13px;<br /> filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));<br /> position: absolute;<br /> top: 5px;<br /> left: 7px;<br /> width: 17px;<br /> height: 13px<br /> }<br /> <br /> #n-Discord a:hover {<br /> text-decoration: none;<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a {<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a:hover {<br /> background-color: #4c57d0<br /> }<br /> <br /> :root {<br /> --vector-tab-background: var(--body-background-color);<br /> --vector-tab-background--hover: var(--body-mid);<br /> --vector-tab-link-color: var(--background-link-color);<br /> --watch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='transparent' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;);<br /> --unwatch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%238cabe6' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;)<br /> }<br /> <br /> .vector-menu-tabs-legacy {<br /> padding: 0<br /> }<br /> <br /> .vector-menu-tabs-legacy .new a,.vector-menu-tabs-legacy .new a:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected {<br /> background: var(--body-main)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected a,.vector-menu-tabs-legacy .selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy li a {<br /> color: var(--vector-tab-link-color);<br /> padding: 0 0.75em;<br /> padding-top: 1em<br /> }<br /> <br /> .vector-menu-tabs-legacy li a:visited {<br /> color: var(--vector-tab-link-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul li {<br /> background: var(--vector-tab-background)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul a:hover {<br /> text-decoration: none<br /> }<br /> <br /> #ca-view {<br /> display: none !important<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected):hover,#p-cactions:hover #p-cactions-label {<br /> background: var(--vector-tab-background--hover)<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected),#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-menu-tabs,.vector-menu-tabs a,#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> background-image: none<br /> }<br /> <br /> .ve-activated .vector-menu-tabs .selected {<br /> box-shadow: none<br /> }<br /> <br /> .vector-menu-tabs #ca-watch.icon a:before,.vector-menu-tabs #ca-watch.icon a:hover:before,.vector-menu-tabs #ca-watch.icon a:focus:before {<br /> background-image: var(--watch-icon)<br /> }<br /> <br /> .vector-menu-tabs #ca-unwatch.icon a:before,.vector-menu-tabs #ca-unwatch.icon a:hover:before,.vector-menu-tabs #ca-unwatch.icon a:focus:before {<br /> background-image: var(--unwatch-icon)<br /> }<br /> <br /> #p-Recent_changes {<br /> display: block<br /> }<br /> <br /> #p-Recent_changes .vector-menu-content {<br /> display: none<br /> }<br /> <br /> #p-Recent_changes .vector-menu-heading:after {<br /> content: '';<br /> position: relative;<br /> left: 0.5em;<br /> display: inline-block;<br /> background-color: #3c7b07;<br /> width: 6px;<br /> height: 6px;<br /> border-radius: 100%<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-item {<br /> position: relative;<br /> font-size: 0.75em;<br /> margin: 0.5em 0.25em 0 0.66em<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page {<br /> display: block;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden;<br /> max-width: max-content<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page,#p-Recent_changes .rc-sidebar-page:active,#p-Recent_changes .rc-sidebar-page:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user {<br /> color: var(--byline-color);<br /> margin: 0;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user a {<br /> color: inherit<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more {<br /> text-align: left<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more .rc-sidebar-page {<br /> display: inline-block<br /> }<br /> <br /> div.thumbinner {<br /> border: none;<br /> background-color: var(--thumb-bg);<br /> padding: 0<br /> }<br /> <br /> .thumbimage {<br /> background-color: transparent;<br /> border-color: transparent;<br /> border-bottom: none<br /> }<br /> <br /> .thumbcaption {<br /> background: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border)<br /> }<br /> <br /> .toc {<br /> font-size: 0.9em;<br /> background: var(--toc-bg);<br /> margin-top: 1em;<br /> padding: 0;<br /> border-color: var(--toc-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> clear: left<br /> }<br /> <br /> .toc .toctitle {<br /> background: var(--toc-title-bg);<br /> padding: 0.25em 1em<br /> }<br /> <br /> .toc .toctitle h2 {<br /> font-family: inherit<br /> }<br /> <br /> .toc &gt; ul {<br /> line-height: 1.8em;<br /> padding: 0.75em 1.75em;<br /> margin: 0<br /> }<br /> <br /> .toc ul ul {<br /> border-left: 1px dotted var(--toc-list-border-color);<br /> padding-left: 0.5em<br /> }<br /> <br /> .tocnumber {<br /> display: none<br /> }<br /> <br /> .toctogglespan {<br /> padding-left: 0.2em;<br /> font-size: 0.9em<br /> }<br /> <br /> .toctogglelabel {<br /> color: var(--link-color)<br /> }<br /> <br /> .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 {<br /> display: none<br /> }<br /> <br /> :root {<br /> --external-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238cabe6' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image: var(--external-icon);<br /> background-size: 0.833em<br /> }<br /> <br /> .mw-editsection {<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type),.mw-editsection-divider {<br /> color: var(--text-color)<br /> }<br /> <br /> #contentSub,#contentSub2 {<br /> color: var(--byline-color);<br /> margin: 0<br /> }<br /> <br /> #contentSub:not(:empty),#contentSub2:not(:empty) {<br /> margin: 0 0 1.4em 0<br /> }<br /> <br /> .mw-collapsible.mw-collapsed {<br /> min-width: 250px<br /> }<br /> <br /> .mw-collapsible:not(.mw-made-collapsible) th::before,.mw-collapsible .mw-collapsible-toggle {<br /> font-weight: normal;<br /> margin-left: 0.2em<br /> }<br /> .mw-collapsible-toggle-default .mw-collapsible-text {<br /> color: #8cabe6;<br /> }<br /> .wikiEditor-ui .wikiEditor-ui-view,.wikiEditor-ui .wikiEditor-ui-top {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar {<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab &gt; a,.wikiEditor-ui-toolbar .tabs span.tab &gt; a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a.current,.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br /> color: var(--text-colour)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select {<br /> background-color: var(--sourceeditor-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options .option {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group-search {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table td {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table th {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .section {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .group &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .tool &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet &gt; .index &gt; :hover {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet .index &gt; .current {<br /> background-color: var(--body-mid);<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span:hover {<br /> border-color: var(--body-dark);<br /> background-color: transparent<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a:before,.wikiEditor-ui-toolbar .group .tool-select .label:after {<br /> background: var(--text-color);<br /> -webkit-mask: var(--arrow-down) center no-repeat;<br /> mask: var(--arrow-down) center no-repeat<br /> }<br /> <br /> .ace-tm {<br /> background-color: var(--sourceeditor-input-background);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter {<br /> background: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-cell {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-active-line {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .ace_search {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ace_search_field {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .ace_searchbtn {<br /> border-color: var(--ooui-normal-border);<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ace_searchbtn:last-child {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .ace_searchbtn:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .ace_searchbtn.prev:after,.ace_searchbtn.next:after {<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .ace_button {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace_button:hover {<br /> background-color: rgba(0,23,70,0.086)<br /> }<br /> <br /> .ace_button:active {<br /> background-color: rgba(0,23,70,0.06)<br /> }<br /> <br /> .ace_button.checked {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .CodeMirror {<br /> background: var(--sourceeditor-input-background)<br /> }<br /> <br /> .CodeMirror pre {<br /> color: var(--text-color)<br /> }<br /> <br /> .codeEditor-status {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .codeEditor-status-message {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-gutters {<br /> background-color: var(--codemirror-gutter-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-linenumber {<br /> color: var(--text-color)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget .CodeMirror-linenumber {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-editform #wpTextbox1 {<br /> color: var(--text-color);<br /> background: var(--sourceeditor-input-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> input[name=&quot;model&quot;][value=&quot;Scribunto&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;css&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;less&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;javascript&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;json&quot;] ~ .wikiEditor-ui #wpTextbox1 {<br /> height: 600px<br /> }<br /> <br /> .tdg-templateDataDialog-listParamsPanel textarea.oo-ui-textInputWidget-autosized {<br /> resize: vertical<br /> }<br /> <br /> #wpAceFilterEditor {<br /> resize: horizontal<br /> }<br /> <br /> .warn-userupload,.ns-2 .upload-own-work {<br /> display: none<br /> }<br /> <br /> .ns-2 .warn-userupload {<br /> display: inline<br /> }<br /> <br /> textarea[name=&quot;wfUploadDescription&quot;] {<br /> height: 3em<br /> }<br /> <br /> #editform {<br /> margin-top: 1.25em<br /> }<br /> <br /> #mw-scribunto-input,#mw-scribunto-output {<br /> padding: 3px;<br /> font-family: monospace;<br /> font-size: 13px;<br /> line-height: 1.5em<br /> }<br /> <br /> #mw-scribunto-input {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> :root {<br /> --scribuntoconsole-input: #0b5884;<br /> --scibuntoconsole-print: #a48900;<br /> --scribuntoconsole-error: #9f261e;<br /> --scribuntoconsole-message: #3c780a;<br /> --scribuntoconsole-tabcomplete: #4f348b;<br /> --scribuntoconsole-clear: #9f261e<br /> }<br /> <br /> .mw-scribunto-console-fieldset {<br /> color: inherit;<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-scribunto-normalOutput,.mw-scribunto-print,.mw-scribunto-error,.mw-scribunto-propList,.mw-scribunto-message,.mw-scribunto-tabcomplete {<br /> background: none<br /> }<br /> <br /> .mw-scribunto-input {<br /> color: var(--scribuntoconsole-input)<br /> }<br /> <br /> .mw-scribunto-normalOutput {<br /> color: inherit<br /> }<br /> <br /> .mw-scribunto-print {<br /> color: var(--scibuntoconsole-print)<br /> }<br /> <br /> .mw-scribunto-error {<br /> color: var(--scribuntoconsole-error)<br /> }<br /> <br /> .mw-scribunto-propList,.mw-scribunto-message {<br /> color: var(--scribuntoconsole-message)<br /> }<br /> <br /> .mw-scribunto-tabcomplete {<br /> color: var(--scribuntoconsole-tabcomplete)<br /> }<br /> <br /> .mw-scribunto-clear {<br /> color: var(--scribuntoconsole-clear);<br /> border-bottom-color: var(--scribuntoconsole-clear)<br /> }<br /> <br /> .ui-widget-overlay {<br /> background: var(--ooui-window-background)<br /> }<br /> <br /> .ui-dialog,.ui-widget-content {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> background-image: none;<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar.ui-widget-header,.ui-widget-content .ui-dialog-titlebar.ui-widget-header {<br /> background-image: none !important;<br /> background-color: var(--body-dark) !important;<br /> border-color: var(--body-border) !important<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar .ui-dialog-title,.ui-widget-content .ui-dialog-titlebar .ui-dialog-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close,.ui-widget-content .ui-dialog-titlebar-close {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close:hover,.ui-widget-content .ui-dialog-titlebar-close:hover {<br /> background: var(--ooui-normal--hover);<br /> border: var(--link-color)<br /> }<br /> <br /> .ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {<br /> background: var(--ooui-normal) !important;<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border) !important<br /> }<br /> <br /> .ui-button:hover,.ui-state-default:hover,.ui-widget-content .ui-state-default:hover,.ui-widget-header .ui-state-default:hover {<br /> background: var(--ooui-normal--hover) !important;<br /> color: var(--ooui-text)<br /> }<br /> <br /> .infobox {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> font-size: 0.85em;<br /> width: 300px;<br /> margin: 0.5em 0 1em 1em;<br /> border-collapse: collapse;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> table-layout: fixed;<br /> word-break: break-word<br /> }<br /> <br /> .infobox .infobox-header {<br /> color: var(--infobox-text-color);<br /> font-size: 1.15em;<br /> line-height: 1.4em;<br /> background: var(--body-dark);<br /> padding: 0.5em 0<br /> }<br /> <br /> .infobox .infobox-header a {<br /> color: inherit;<br /> font-size: 1.15em;<br /> font-weight: bold<br /> }<br /> <br /> .infobox .infobox-subheader {<br /> background: var(--body-dark);<br /> color: var(--infobox-text-color);<br /> line-height: 2em<br /> }<br /> <br /> .infobox .infobox-subheader a {<br /> color: inherit<br /> }<br /> <br /> .infobox .infobox-subheader + .infobox-subheader {<br /> border-left: 2px solid var(--body-light)<br /> }<br /> <br /> .infobox .infobox-image {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-image.inventory-image {<br /> height: 32px<br /> }<br /> <br /> .infobox .infobox-image a.image + a.image {<br /> margin-left: 0.1em<br /> }<br /> <br /> .infobox .infobox-image img {<br /> max-width: 300px;<br /> height: auto<br /> }<br /> <br /> .infobox th:not(.infobox-header):not(.infobox-subheader):not(.infobox-nested) {<br /> text-align: right;<br /> vertical-align: top;<br /> border-right: 2px solid var(--body-dark);<br /> padding: 0.2em 0.5em<br /> }<br /> <br /> .infobox td {<br /> padding: 0.25em 0.5em;<br /> line-height: 1.6em<br /> }<br /> <br /> .infobox td.infobox-nested {<br /> padding: 0.25em 0;<br /> line-height: 1em<br /> }<br /> <br /> .infobox th ~ td {<br /> vertical-align: top<br /> }<br /> <br /> .infobox .infobox-padding {<br /> height: 0.5em;<br /> padding: 0;<br /> border: 0<br /> }<br /> <br /> .infobox .infobox-nested {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-nested + .infobox-nested {<br /> border-left: 2px solid var(--body-dark)<br /> }<br /> <br /> .infobox .infobox-cell-hidden {<br /> display: none<br /> }<br /> <br /> .infobox .infobox-full-width-content {<br /> max-width: 300px;<br /> text-align: center;<br /> overflow: hidden;<br /> padding: 0<br /> }<br /> <br /> .infobox .infobox-caption {<br /> font-weight: bold<br /> }<br /> <br /> .infobox select {<br /> max-width: 300px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .infobox-item .infobox-image {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .infobox.skill-info {<br /> float: none;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses {<br /> clear: left;<br /> float: none;<br /> word-break: break-word;<br /> font-size: 100%;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image {<br /> width: 125px;<br /> text-align: center;<br /> vertical-align: middle;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image-caption {<br /> font-size: 0.85em<br /> }<br /> <br /> .infobox-bonuses .infobox-subheader {<br /> width: 250px<br /> }<br /> <br /> .skill-info a[href$=&quot;?action=edit&quot;] + a[href$=&quot;?action=edit&quot;] {<br /> display: none<br /> }<br /> <br /> .poh-room {<br /> background-color: var(--infobox-room-poh-color);<br /> margin: auto;<br /> width: 100px<br /> }<br /> <br /> .poh-room img {<br /> display: block<br /> }<br /> <br /> .poh-room-row {<br /> display: flex<br /> }<br /> <br /> .poh-room-text {<br /> margin: auto;<br /> width: 92px<br /> }<br /> <br /> .infobox-buttons {<br /> text-align: center;<br /> max-width: 300px;<br /> display: none<br /> }<br /> <br /> .infobox-switch-resources {<br /> display: none<br /> }<br /> <br /> .switch-infobox .switch-infobox-triggers,.switch-infobox .loading-button {<br /> clear: left<br /> }<br /> <br /> .infobox-pure .max-hit-list a {<br /> display: inline-block;<br /> min-width: 32px;<br /> min-height: 32px;<br /> text-align: center<br /> }<br /> <br /> .advanced-data {<br /> display: none<br /> }<br /> <br /> .multi-infobox .infobox {<br /> margin: 0<br /> }<br /> <br /> :root {<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--body-dark);<br /> --navbox-group-title-background: var(--body-mid)<br /> }<br /> <br /> .navbox {<br /> font-size: 0.85em;<br /> background: var(--navbox-background);<br /> border-collapse: collapse;<br /> margin: 1em auto 0;<br /> width: 100%;<br /> clear: both;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .navbox img {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .navbox .navbox {<br /> font-size: 100%;<br /> margin: 0.5em auto 0;<br /> box-shadow: none<br /> }<br /> <br /> .navbox-title {<br /> font-size: 110%;<br /> line-height: 1.6em;<br /> background: var(--navbox-title-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-title-name {<br /> margin: 0 4em<br /> }<br /> <br /> .navbox-title .mw-collapsible-toggle {<br /> color: #fff;<br /> font-size: 0.9em;<br /> text-align: right<br /> <br /> }<br /> <br /> .navbox-title .navbox {<br /> font-size: 100%<br /> }<br /> <br /> .navbox-group:nth-child(2) {<br /> border-top: 1px solid var(--navbox-border)<br /> }<br /> <br /> .navbox-group-title {<br /> background: var(--navbox-group-title-background);<br /> border: 1px solid var(--navbox-border);<br /> border-width: 0 1px 1px 0;<br /> text-align: left;<br /> padding: 0.25em 1em;<br /> width: 1%;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list {<br /> border-bottom: 1px solid var(--navbox-border);<br /> padding: 0.25em 0.5em<br /> }<br /> <br /> .navbox-list ul {<br /> margin: 0<br /> }<br /> <br /> .navbox-list li {<br /> display: inline;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list li + li::before {<br /> content: '• '<br /> }<br /> <br /> .navbox-parent {<br /> padding: 0<br /> }<br /> <br /> .navbox-subgroup {<br /> border-collapse: collapse;<br /> border-spacing: 0;<br /> width: 100%<br /> }<br /> <br /> .navbox-subgroup &gt; tbody &gt; tr:last-child &gt; th,.navbox-subgroup &gt; tbody &gt; tr:last-child &gt; td {<br /> border-bottom: none<br /> }<br /> <br /> .navbox-footer {<br /> background: var(--navbox-footer-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-data {<br /> display: none<br /> }<br /> <br /> :root {<br /> --echo-icon-moon-bg-image: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='21' viewBox='0 0 21 21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.85464918.37900488c-1.91149353 1.51069427-3.13816124 3.84973402-3.13816124 6.47527736 0 4.55564936 3.69308349 8.24873286 8.24873286 8.24873286 2.5815709 0 4.8861545-1.1859235 6.3986798-3.0426994-.8206378 4.7389755-4.9523867 8.343122-9.9259291 8.343122-5.56375572 0-10.07407088-4.5103151-10.07407088-10.0740709 0-5.02506013 3.67919933-9.19079725 8.49074856-9.95036192z' fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-person-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213.836%22 viewBox=%220 0 12 13.836%22%3E %3Cpath fill='%234c4c4c' d=%22M1.938%2C6.656c-1.32%2C1.485-1.47%2C3.15-0.97%2C4.25c0.323%2C0.707%2C0.78%2C1.127%2C1.313%2C1.375 c0.496%2C0.229%2C1.074%2C0.273%2C1.658%2C0.282c0.023%2C0%2C0.04%2C0.03%2C0.062%2C0.03h4.187c0.61%2C0%2C1.225-0.125%2C1.75-0.405 c0.527-0.28%2C0.961-0.718%2C1.188-1.376c0.335-0.964%2C0.175-2.529-1.094-4.03C9.094%2C7.954%2C7.68%2C8.719%2C6.065%2C8.719 c-1.677%2C0-3.182-0.812-4.125-2.063H1.938z%22/%3E %3Cpath fill='%234c4c4c' d=%22M6.063%2C0c-1.89%2C0-3.595%2C1.674-3.594%2C3.563C2.467%2C5.45%2C4.173%2C7.155%2C6.06%2C7.155 c1.89%2C0%2C3.564-1.705%2C3.563-3.593C9.625%2C1.673%2C7.95%2C0%2C6.063%2C0L6.063%2C0z%22/%3E %3C/svg%3E&quot;);<br /> --echo-icon-bell-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebell%3C/title%3E%3Cpath d=%22M16 7a5.38 5.38 0 00-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 004 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 003-3H7a3 3 0 003 3z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-tray-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etray%3C/title%3E%3Cpath d=%22M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-fullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M1 1v6h2V3h4V1zm2 12H1v6h6v-2H3zm14 4h-4v2h6v-6h-2zm0-16h-4v2h4v4h2V1z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;);<br /> --echo-icon-exitFullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E exit fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M7 7V1H5v4H1v2zM5 19h2v-6H1v2h4zm10-4h4v-2h-6v6h2zm0-8h4V5h-4V1h-2v6z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-user-menu-legacy #pt-userpage a,.vector-user-menu-legacy #pt-anonuserpage {<br /> background-image: var(--echo-icon-person-bg-image);<br /> padding-top: 0;<br /> background-position-y: 0<br /> }<br /> <br /> .vector-user-menu-legacy #pt-anonuserpage {<br /> color: var(--byline-color)<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge,#pt-notifications-notice .mw-echo-notifications-badge {<br /> background-size: 75%;<br /> background-position: center 80%;<br /> background-repeat: no-repeat;<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .oo-ui-icon-bell {<br /> background-image: var(--echo-icon-bell-bg-image)<br /> }<br /> <br /> #pt-notifications-notice .oo-ui-icon-tray {<br /> background-image: var(--echo-icon-tray-bg-image)<br /> }<br /> <br /> #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-exitFullscreen-bg-image)<br /> }<br /> <br /> body.wgl-fixedWidth #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-fullscreen-bg-image)<br /> }<br /> <br /> #pt-theme-toggles .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-moon-bg-image)<br /> }<br /> <br /> #pt-anontalk {<br /> padding-top: 0.6em<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul {<br /> margin: 5px 0 0 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> margin: 5px 0 0 15px<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul,.ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> list-style: none;<br /> border-left: 1px dashed var(--transcript-border-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul:hover,.transcript &gt; ul:hover,.ns-120 .mw-parser-output &gt; ul ul:hover,.transcript &gt; ul ul:hover,.ns-120 .mw-parser-output &gt; ul ol:hover,.transcript &gt; ul ol:hover {<br /> border-color: var(--transcript-border-hover-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li,.transcript &gt; ul li,.ns-120 .mw-parser-output &gt; ul ul li,.transcript &gt; ul ul li,.ns-120 .mw-parser-output &gt; ul ol li,.transcript &gt; ul ol li {<br /> flex-direction: column;<br /> padding-left: 15px;<br /> margin: 14px 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li:last-of-type,.transcript &gt; ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ul li:last-of-type,.transcript &gt; ul ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ol li:last-of-type,.transcript &gt; ul ol li:last-of-type {<br /> margin-bottom: 0<br /> }<br /> <br /> .nodesktop {<br /> display: none<br /> }<br /> <br /> /*<br /> The following styles were used as a temporary fix for TabberNeue.<br /> We're currently using old Tabber because TabberNeue breaks if a tab<br /> dynamically changes size, such as multi-infobox.<br /> */<br /> <br /> :root {<br /> --tabber-inactive-tab-bg: #222e45;<br /> --tabber-fade-scroll: linear-gradient(to bottom,rgba(226,219,200,0),#d8ccb4 95%,#94866d);<br /> }<br /> <br /> .tabber__tabs {<br /> gap: 1px;<br /> }<br /> <br /> .tabber__tab {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> padding: 0.5em 0.8em;<br /> border: 1px solid var(--body-border);<br /> border-bottom: 0;<br /> }<br /> <br /> .tabber__tabs .tabber__tab {<br /> color: var(--text-color);<br /> }<br /> <br /> /* Specific styles needed to override color on Minerva. */<br /> body.mediawiki .tabber a:visited, <br /> body.mediawiki .tabber image a:visited,<br /> body.mediawiki .tabber a:active, <br /> body.mediawiki .tabber image a:active {<br /> color: var(--text-color);<br /> }<br /> <br /> .tabber__tab:active {<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab:hover {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab--active, .tabber__tab--active:visited {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__header, .tabber__section, .tabber__tabs {<br /> scroll-behavior: unset;<br /> box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* Add box shadow to tabber header */<br /> }<br /> <br /> .tabber__panel {<br /> /* Hide non-active tabs. */<br /> /* display:none conflicted with tabber somehow and hid all tabs. */<br /> width: 250;<br /> }<br /> <br /> .tabber__panel.tabber__panel--active {<br /> width: 300;<br /> }<br /> <br /> .tabber__section {<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> overflow-y: scroll;<br /> padding-bottom: 30px; /* only necessary for fade scroll hack */<br /> height: auto; /* Example height */<br /> width: auto; /* Example width */<br /> max-width: 1300px; /* Example max-width */<br /> }<br /> <br /> .tabber__panel {<br /> padding: 1em 1.5em;<br /> }<br /> <br /> .wikitable.hover th:hover {<br /> cursor: help;<br /> /* Add any additional styles specific to hovering over table headers */<br /> }<br /> <br /> /* Hover Box for switching the visibility of the selected item */<br /> .hoverbox { <br /> display:inline-block; <br /> padding:0em; <br /> color: white; /* Change this to the desired color */<br /> }<br /> <br /> .hoverbox .hoveritem { <br /> display:none; <br /> margin:0em; <br /> padding:0em; <br /> }<br /> <br /> .hoverbox .hoveritem.selected { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem.selected { <br /> display:none; <br /> }<br /> /* Style for the entire tier list */<br /> .tierlist {<br /> display: flex;<br /> gap: 20px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* Style for individual tiers */<br /> .tier {<br /> border: 1px solid #ccc;<br /> padding: 10px;<br /> width: 200px;<br /> min-height: 150px;<br /> background: #f9f9f9;<br /> border-radius: 8px;<br /> }<br /> <br /> /* Title for each tier */<br /> .tier h3 {<br /> text-align: center;<br /> margin-top: 0;<br /> }<br /> <br /> /* Style for the sortable list */<br /> .sortable {<br /> list-style: none;<br /> padding: 0;<br /> margin: 0;<br /> min-height: 50px;<br /> }<br /> <br /> /* Style for the dropdown selector */<br /> .tier-selector {<br /> width: 100%;<br /> padding: 5px;<br /> margin-top: 5px;<br /> }<br /> .collection-log-wrapper {<br /> margin: 10px 0;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .collection-log-killcount {<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> }<br /> <br /> .collection-log-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6, 48px);<br /> gap: 4px;<br /> padding: 6px 0;<br /> }<br /> <br /> <br /> .collection-log-item {<br /> width: 48px;<br /> height: 48px;<br /> border: 2px solid transparent; /* border only on container */<br /> border-radius: 4px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> position: relative;<br /> background-color: #1a2a3a;<br /> box-sizing: border-box;<br /> }<br /> <br /> .collection-log-item.obtained {<br /> border-color: #4caf50;<br /> background-color: #224422;<br /> }<br /> <br /> .collection-log-item.missing {<br /> border-color: #ffc107;<br /> background-color: #3a2a1a;<br /> }<br /> <br /> .collection-log-item img {<br /> max-width: 36px;<br /> max-height: 36px;<br /> object-fit: contain;<br /> border-radius: 2px;<br /> border: none; /* remove border here */<br /> opacity: 1;<br /> filter: none;<br /> }<br /> <br /> .collection-log-item.missing img {<br /> opacity: 0.3;<br /> filter: grayscale(100%);<br /> }<br /> <br /> .collection-log-qty-badge {<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> background: rgba(0, 0, 0, 0.7);<br /> color: white;<br /> font-size: 12px;<br /> font-weight: bold;<br /> line-height: 1;<br /> padding: 1px 4px;<br /> border-radius: 3px 0 0 0;<br /> user-select: none;<br /> }<br /> .collection-log-killcount-box {<br /> border: 2px solid black;<br /> background-color: #534d41;<br /> color: cyan;<br /> padding: 0.5em 1em;<br /> margin-bottom: 8px;<br /> text-align: center;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .ace_keyword { color: #c586c0 !important; }<br /> .ace_string { color: #ce9178 !important; }<br /> .ace_comment { color: #6a9955 !important; font-style: italic; }<br /> .ace_function { color: #dcdcaa !important; }<br /> .ace_constant { color: #569cd6 !important; }<br /> <br /> .mw-highlight .nf {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> .mw-highlight .nc {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> <br /> /* Highlight row on hover */<br /> .wikitable.lighttable tr:hover {<br /> background-color: #526382; /* dark blue highlight */<br /> color: #ffffff; /* readable text */<br /> }<br /> .custom-dropdown { position: relative; width: 150px; cursor: pointer; }<br /> .custom-dropdown .selected { background: #313e59; color: white; padding: 5px; border-radius: 4px; }<br /> .custom-dropdown .options { display: none; position: absolute; background: #222e45; top: 100%; left: 0; width: 100%; border-radius: 4px; z-index: 10; }<br /> .custom-dropdown .options div { padding: 5px; display: flex; align-items: center; }<br /> .custom-dropdown .options div:hover { background: #313e59; }<br /> .custom-dropdown .options div img.icon { width:16px; height:16px; margin-right:5px; }<br /> <br /> /* =========================<br /> Tier List<br /> ========================= */<br /> <br /> <br /> /* Main wrapper */<br /> <br /> .tier-list {<br /> margin:0;<br /> padding:0;<br /> }<br /> <br /> <br /> /* Tier rows */<br /> <br /> .tier-row {<br /> display:flex;<br /> height:60px;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> <br /> /* Tier labels */<br /> <br /> .tier-label {<br /> width:60px;<br /> height:60px;<br /> <br /> display:flex;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> font-size:42px;<br /> line-height:1;<br /> font-weight:bold;<br /> color:white;<br /> }<br /> <br /> <br /> /* Tier colours */<br /> <br /> .tier-s {<br /> background:#ff7f7f;<br /> }<br /> <br /> .tier-a {<br /> background:#ffbf7f;<br /> }<br /> <br /> .tier-b {<br /> background:#ffdf7f;<br /> }<br /> <br /> .tier-c {<br /> background:#ffff7f;<br /> color:black;<br /> }<br /> <br /> .tier-d {<br /> background:#bfff7f;<br /> }<br /> <br /> .tier-f {<br /> background:#7fbfff;<br /> }<br /> <br /> <br /> /* Drop areas */<br /> <br /> .tier-items {<br /> flex:1;<br /> height:60px;<br /> <br /> display:flex;<br /> align-items:center;<br /> flex-wrap:wrap;<br /> <br /> padding:3px;<br /> gap:3px;<br /> <br /> background:#222;<br /> border:1px dashed #777;<br /> <br /> margin:0 !important;<br /> }<br /> <br /> <br /> /* =========================<br /> Items<br /> ========================= */<br /> <br /> .tier-item {<br /> width:48px;<br /> height:48px;<br /> <br /> display:flex !important;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> cursor:grab;<br /> border-radius:5px;<br /> overflow:hidden;<br /> <br /> line-height:0;<br /> }<br /> <br /> <br /> /* Drag */<br /> <br /> .tier-item:active {<br /> cursor:grabbing;<br /> }<br /> <br /> <br /> /* MediaWiki wrapper fixes */<br /> <br /> .tier-item p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> display:flex !important;<br /> line-height:0 !important;<br /> }<br /> <br /> .tier-item span {<br /> display:flex !important;<br /> }<br /> <br /> .tier-item a {<br /> display:flex !important;<br /> width:48px;<br /> height:48px;<br /> <br /> align-items:center;<br /> justify-content:center;<br /> }<br /> <br /> <br /> /* Images */<br /> <br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> display:block !important;<br /> <br /> width:48px !important;<br /> height:48px !important;<br /> <br /> max-width:48px !important;<br /> max-height:48px !important;<br /> <br /> image-rendering: pixelated;<br /> image-rendering: crisp-edges;<br /> <br /> object-fit:contain !important;<br /> }<br /> <br /> <br /> /* =========================<br /> Reward Pool<br /> ========================= */<br /> <br /> .reward-pool {<br /> display:flex;<br /> flex-wrap:wrap;<br /> gap:5px;<br /> <br /> padding:5px;<br /> margin:8px 0;<br /> }<br /> <br /> <br /> /* =========================<br /> Rarity backgrounds<br /> ========================= */<br /> <br /> .gold-item {<br /> background:rgba(212,175,55,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .silver-item {<br /> background:rgba(192,192,192,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .bronze-item {<br /> background:rgba(205,127,50,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .tier-list p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .tier-list p br {<br /> display:none !important;<br /> }<br /> <br /> /* Lock item size to prevent image shifting */<br /> <br /> .tier-item,<br /> .tier-item a,<br /> .tier-item span,<br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> width:48px !important;<br /> height:48px !important;<br /> min-width:48px !important;<br /> min-height:48px !important;<br /> max-width:48px !important;<br /> max-height:48px !important;<br /> box-sizing:border-box;<br /> }<br /> <br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> image-rendering:pixelated;<br /> object-fit:contain;<br /> }<br /> <br /> .tier-item {<br /> flex-shrink:0;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 .firstHeading {<br /> display:none;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 #contentSub {<br /> display:none !important;<br /> }</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:Common.css&diff=28892 2026-07-18T10:14:30Z

<p>Hefner: </p> <hr /> <div>:root {<br /> --body-background-image: url('filepath://Roat Pkz Wiki background darkmode1.jpg');<br /> --body-background-color: #071022;<br /> --body-main: #172136;<br /> --body-light: #313e59;<br /> --body-mid: #222e45;<br /> --body-dark: #222e45;<br /> --body-border: #596e96;<br /> --link-color: #8cabe6;<br /> --background-link-color: var(--link-color);<br /> --redlink-color: #f26d60;<br /> --text-color: #cbd9f4;<br /> --background-text-color: #cbd9f4;<br /> --byline-color: #98a2b6;<br /> --subtle-color: var(--byline-color);<br /> --search-box: var(--body-light);<br /> --admin-blue: #0087ff;<br /> --bearcat-green: #00ff55;<br /> --awb-purple: #f319ff;<br /> --sidebar: #222e45;<br /> --button-background: #617ebc;<br /> --button-dark: #617ebc;<br /> --button-border: #617ebc;<br /> --button-light: #617ebc;<br /> --wikitable-header-bg: #222e45;<br /> --wikitable-border: #172136;<br /> --wikitable-bg: #313e59;<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --wikitable-alternating-bg: #2a3651;<br /> --table-na-background: rgba(0, 0, 0, 0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #0b5884;<br /> --droptable-common-background: #3c780a;<br /> --droptable-uncommon-background: #a48900;<br /> --droptable-rare-background: #b55e0c;<br /> --droptable-veryrare-background: #9f261e;<br /> --droptable-random-background: #984c89;<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);<br /> --tile-border-color: var(--body-border);<br /> --tile-background-color: var(--body-light);<br /> --tile-link-button-color: var(--body-mid);<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255, 255, 255, 0.7);<br /> --tile-dark-header-color: #fff;<br /> --documentation-background: var(--body-light);<br /> --documentation-border: var(--sidebar);<br /> --documentation-link-color: var(--link-color);<br /> --documentation-headers-color: var(--text-color);<br /> --documentation-header-background: var(--body-dark);<br /> --documentation-subheader-background: #1f293e;<br /> --base-text-color: var(--text-color);<br /> --base-heading-color: var(--text-color);<br /> --base-heading-border: var(--sidebar);<br /> --mainpage-recent-updates-description-color: var(--text-color);<br /> --thumb-bg: var(--body-mid);<br /> --thumb-caption-bg: var(--body-light);<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid);<br /> --diff-addedline-background: #438ab5;<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-color: #fff;<br /> --diff-deletedline-background: #379541;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-color: #fff;<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: var(--errorbox-bg);<br /> --warningbox-border: var(--errorbox-border);<br /> --successbox-bg: #2e5e05;<br /> --successbox-border: #3c780a;<br /> --messagebox-obsolete-background: #464646;<br /> --messagebox-obsolete-border: #333;<br /> --messagebox-obsolete-color: #ddd;<br /> --messagebox-obsolete-link-color: #bbb;<br /> --messagebox-info-background: var(--messagebox-obsolete-background);<br /> --messagebox-info-border: var(--messagebox-obsolete-border);<br /> --messagebox-info-color: var(--messagebox-obsolete-color);<br /> --messagebox-info-link-color: var(--messagebox-obsolete-link-color);<br /> --messagebox-action-background: #45697d;<br /> --messagebox-action-border: #2d5266;<br /> --messagebox-action-color: var(--text-color);<br /> --messagebox-action-link-color: #b8d5e5;<br /> --messagebox-warn-background: #95271b;<br /> --messagebox-warn-border: #6b130a;<br /> --messagebox-warn-color: #f8ebe9;<br /> --messagebox-warn-link-color: #e8b8b3;<br /> --messagebox-safe-background: #1b8408;<br /> --messagebox-safe-border: #126802;<br /> --messagebox-safe-color: #e9f6e7;<br /> --messagebox-safe-link-color: #c1e0bb;<br /> --messagebox-disambig-background: var(--messagebox-obsolete-background);<br /> --messagebox-disambig-border: var(--messagebox-obsolete-border);<br /> --messagebox-disambig-color: var(--messagebox-obsolete-color);<br /> --messagebox-disambig-link-color: var(--messagebox-obsolete-link-color);<br /> --mw-code-background-color: #222e45;<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-mid);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border);<br /> --scribuntoconsole-input: #3ea6e6;<br /> --scibuntoconsole-print: #f9d000;<br /> --scribuntoconsole-error: #ee4231;<br /> --scribuntoconsole-message: #6bc71f;<br /> --scribuntoconsole-tabcomplete: #855cd8;<br /> --scribuntoconsole-clear: #ee4231;<br /> --blockquote-color: var(--text-color);<br /> --coins-color: #6bc71f;<br /> --coins-pos-color: #3ea6e6;<br /> --coins-neg-color: #ee4231;<br /> --questdetails-header-background: var(--body-dark);<br /> --questdetails-header-background-alt: var(--body-dark);<br /> --fact-text-color: #3ea6e6;<br /> --production-selected-background: #3c780a;<br /> --production-selected-color: #fff;<br /> --wikipedia-border: var(--body-border);<br /> --wikipedia-background: var(--body-light);<br /> --keypress-background: var(--body-light);<br /> --keypress-border: var(--body-border);<br /> --keypress-color: var(--text-color);<br /> --ajaxpoll-background: var(--body-light);<br /> --ajaxpoll-text-color: var(--base-text-color);<br /> --ajaxpoll-answerbar-background: var(--body-mid);<br /> --ajaxpoll-answerbar-border: var(--body-border);<br /> --rc-negative-color: #ee4231;<br /> --rc-positive-color: #6bc71f;<br /> --filter-black-to-link: invert(63%) sepia(67%) saturate(242%) hue-rotate(182deg) brightness(93%) contrast(94%);<br /> --transcript-border-color: #596e96;<br /> --transcript-border-hover-color: #8596b7;<br /> --transcript-strikethrough-color: #fff;<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--navbox-title-background);<br /> --navbox-group-title-background: var(--navbox-title-background);<br /> --infobox-bg: var(--body-light);<br /> --infobox-border: var(--body-border);<br /> --infobox-header: var(--body-dark);<br /> --infobox-subheader: var(--body-mid);<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #444e5a;<br /> --sourceeditor-input-background: var(--body-mid);<br /> --sourceeditor-background: var(--body-light);<br /> --sourceeditor-background-secondary: var(--body-mid);<br /> --sourceeditor-border: var(--body-main);<br /> --codemirror-gutter-background: var(--body-light);<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border);<br /> --vector-tab-background: #222e45;<br /> --vector-tab-background--hover: #293753;<br /> --vector-tab-link-color: var(--background-link-color);<br /> --lighttable-bg-hover: #3c780a;<br /> --lighttable-bg-active: #2e5e05;<br /> --lighttable-link-color: #c3e8a3;<br /> --personal-links-bg: rgba(7, 16, 34, 0.75);<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg, #315d30 0 20px, #13421e 20px 30px);<br /> --tbz-unlocked-border-color: #00e417;<br /> --tbz-locked-background-color: #8a2525;<br /> --tbz-locked-border-color: #b32828;<br /> --tbz-partial-unlock-background: #5a5a5a;<br /> --tbz-partial-unlock-border-color: #13421e;<br /> }<br /> <br /> <br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape.woff2?17907) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: bold;<br /> src: local(&quot;RuneScape Bold&quot;),local(&quot;RuneScape Bold 12&quot;),local(&quot;RuneScape Chat 2&quot;),local(&quot;RuneScape Chat&quot;),url(/images/RuneScape_Bold.woff2?514fd) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape Small';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape_Small.woff2?1ee0e) format('woff2')<br /> }<br /> <br /> :root {<br /> --base-text-color: #cbd9f4;<br /> --base-heading-color: #cbd9f4;<br /> --base-heading-border: #596e96;<br /> --mw-code-background-color: #222e45;<br /> --body-background-image: url(/images/b/b5/Roat_Pkz_Wiki_background_darkmode2.png)<br /> }<br /> <br /> #mw-page-base {<br /> background: none<br /> }<br /> <br /> .mw-body {<br /> background-color: var(--body-main);<br /> color: var(--text-color);<br /> border-color: transparent;<br /> box-shadow: 0 0 7px rgba(0,0,0,0.15);<br /> margin-top: 0<br /> }<br /> <br /> h1,h2,h3,h4,h5,h6 {<br /> color: var(--text-color)<br /> }<br /> <br /> h1,h2 {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-body h1,.mw-body-content h1,.mw-body-content h2,.mw-body-content h3,.mw-body-content h4,.mw-body-content h5,.mw-body-content h6 {<br /> font-family: 'PT Serif','Palatino','Georgia',serif<br /> }<br /> <br /> .mw-parser-output h2:first-of-type {<br /> clear: left<br /> }<br /> <br /> .mw-footer {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer li {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer a,.mw-footer a:active,.mw-footer a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> ::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> a {<br /> color: var(--link-color)<br /> }<br /> <br /> a:visited,a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> a.new {<br /> color: var(--redlink-color)<br /> }<br /> <br /> a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .mw-parser-output a.extiw,.mw-parser-output a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited,.mw-parser-output a.extiw:active,.mw-parser-output a.external:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .jsPurgeLink a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> a[href=&quot;/w/User:AndBot&quot;],a[href=&quot;/w/User:BisetteBot&quot;],a[href=&quot;/w/User:Bot50&quot;],a[href=&quot;/w/User:BotDiesel2m&quot;],a[href=&quot;/w/User:Bowl&quot;],a[href=&quot;/w/User:Catbot&quot;],a[href=&quot;/w/User:CookBot&quot;],a[href=&quot;/w/User:Cresbot&quot;],a[href=&quot;/w/User:CrowBot&quot;],a[href=&quot;/w/User:Data_Chompy&quot;],a[href=&quot;/w/User:GauBot&quot;],a[href=&quot;/w/User:Gaz_Bot&quot;],a[href=&quot;/w/User:Gaz_GEBot&quot;],a[href=&quot;/w/User:HabbletAWB&quot;],a[href=&quot;/w/User:JakesterwarsBot&quot;],a[href=&quot;/w/User:JaydenBot&quot;],a[href=&quot;/w/User:MuudyBot&quot;],a[href=&quot;/w/User:MB%C3%A5t&quot;],a[href=&quot;/w/User:New_user_message&quot;],a[href=&quot;/w/User:Quadrabot&quot;],a[href=&quot;/w/User:Redirect_fixer&quot;],a[href=&quot;/w/User:Riblet15_bot_account&quot;],a[href=&quot;/w/User:ShoyBot&quot;],a[href=&quot;/w/User:SlapChoppe&quot;],a[href=&quot;/w/User:Spinewielder&quot;],a[href=&quot;/w/User:WolaznikBot&quot;] {<br /> color: var(--awb-purple)<br /> }<br /> <br /> a[href=&quot;/w/User:Andmcadams&quot;],a[href=&quot;/w/User:BigDiesel2m&quot;],a[href=&quot;/w/User:Brok&quot;],a[href=&quot;/w/User:Cook_Me_Plox&quot;],a[href=&quot;/w/User:Fjara&quot;],a[href=&quot;/w/User:Gau_Cho&quot;],a[href=&quot;/w/User:Gaz_Lloyd&quot;],a[href=&quot;/w/User:Iiii_I_I_I&quot;],a[href=&quot;/w/User:Jayden&quot;],a[href=&quot;/w/User:Jeljo&quot;],a[href=&quot;/w/User:Joeytje50&quot;],a[href=&quot;/w/User:Legaia_2_Pla&quot;],a[href=&quot;/w/User:Ostentatio&quot;],a[href=&quot;/w/User:Riblet15&quot;],a[href=&quot;/w/User:Shayani&quot;],a[href=&quot;/w/User:Shoyrukon&quot;],a[href=&quot;/w/User:TehKittyCat&quot;],a[href=&quot;/w/User:Towelcat&quot;],a[href=&quot;/w/User:Wolaznik&quot;] {<br /> color: var(--admin-blue)<br /> }<br /> <br /> a[href=&quot;/w/User:Spineweilder&quot;],a[href=&quot;/w/User:Jakesterwars&quot;],a[href=&quot;/w/User:Julia&quot;] {<br /> color: var(--bearcat-green)<br /> }<br /> <br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> background: url(/images/Jagex_moderator_emblem.png?093b0) left no-repeat;<br /> padding-left: 15px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> #ca-nstab-user a {<br /> background: none<br /> }<br /> <br /> :root {<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: #801c13;<br /> --warningbox-border: #9f261e;<br /> --successbox-bg: #801c13;<br /> --successbox-border: #9f261e<br /> }<br /> <br /> .mw-message-box-error,.errorbox,.mw-message-box-warning,.warningbox,.mw-message-box-success,.successbox,.usermessage {<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw-message-box-error,.errorbox {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .mw-message-box-warning,.warningbox,.usermessage {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .mw-message-box-success,.successbox {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .catlinks {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-dark);<br /> padding: 8px 15px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .catlinks li {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .filehistory a img,#file img {<br /> background: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v16h8V8H0z' opacity='.13'/%3E%3C/svg%3E&quot;) repeat<br /> }<br /> <br /> #file img:hover {<br /> background: none<br /> }<br /> <br /> .mw-highlight {<br /> background: none<br /> }<br /> <br /> .mw-highlight .linenos {<br /> background-color: var(--mw-code-background-color);<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-highlight a:hover .linenos,.mw-highlight .hll a .linenos {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-content-ltr.mw-highlight-lines pre,.mw-content-ltr.content .mw-highlight-lines pre {<br /> box-shadow: inset 2.75em 0 0 var(--mw-code-background-color)<br /> }<br /> <br /> #pagehistory ul {<br /> list-style: none;<br /> margin: 0<br /> }<br /> <br /> #pagehistory li {<br /> border: 1px solid transparent;<br /> padding: 1px 10px;<br /> margin: 2px 0<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: var(--body-light);<br /> color: inherit;<br /> border: 1px dashed var(--body-border);<br /> outline: none<br /> }<br /> <br /> #mw-history-compare &gt; div:first-of-type {<br /> position: -webkit-sticky;<br /> position: sticky;<br /> top: 0;<br /> background-color: var(--body-main);<br /> border-bottom: 1px solid var(--body-dark);<br /> padding: 0.25em 0<br /> }<br /> <br /> .wgl-stickyheader #mw-history-compare &gt; div:first-of-type {<br /> top: 2.5rem<br /> }<br /> <br /> .autocomment,.autocomment a,.autocomment a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> li span.deleted,span.history-deleted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-usertoollinks-contribs-no-edits,.mw-usertoollinks-contribs-no-edits:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .CategoryTreeToggle {<br /> color: var(--link-color)<br /> }<br /> <br /> body.wgl-stickyheader.action-view .mw-headline:target::before {<br /> display: block;<br /> content: '';<br /> margin-top: -3rem;<br /> height: 3rem;<br /> visibility: hidden;<br /> pointer-events: none<br /> }<br /> <br /> .mw-mmv-post-image {<br /> color: var(--text-color);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-mmv-image-metadata {<br /> border-top-color: var(--body-mid);<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-mmv-dialog,.mw-mmv-dialog .mw-mmv-dialog-down-arrow,.mw-mmv-options-dialog .mw-mmv-dialog-down-arrow {<br /> background-color: var(--body-light);<br /> box-shadow: none<br /> }<br /> <br /> .mw-mmv-options-enable-alert {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-mmv-options-dialog-header,.mw-mmv-options-text-header,.mw-mmv-options-text-body,.mw-mmv-options-enable-alert,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-dialog-header,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-text-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-revslider-container {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-revslider-slider-wrapper {<br /> border-top-color: var(--sidebar)<br /> }<br /> <br /> .mw-ui-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):hover,.mw-ui-button:not(:disabled):active {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):focus {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button:not(:disabled):visited {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled) {<br /> background-color: var(--ooui-progressive);<br /> color: #fff;<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):active,.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: none<br /> }<br /> <br /> .mw-ui-button.mw-ui-destructive:not(:disabled) {<br /> color: #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-quiet,.mw-ui-button.mw-ui-quiet.mw-ui-progressive,.mw-ui-button.mw-ui-quiet.mw-ui-destructive {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:hover,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover {<br /> background-color: rgba(0,24,73,0.02745098);<br /> color: var(--text-color);<br /> border-color: transparent<br /> }<br /> <br /> input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:focus,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:active,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active {<br /> background-color: rgba(0,36,73,0.08235294);<br /> color: var(--text-color);<br /> border-color: #72777d<br /> }<br /> <br /> .mw-ui-input {<br /> background-color: var(--ooui-input);<br /> color: var(--text-color);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-ui-input:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-ui-input::placeholder {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child {<br /> padding: 0;<br /> background: 0<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child::before {<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> display: inline-block;<br /> width: 47px;<br /> height: 20px<br /> }<br /> <br /> :root {<br /> --wikitable-header-bg: var(--body-dark);<br /> --wikitable-border: var(--body-main);<br /> --wikitable-bg: var(--body-light);<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --table-na-background: rgba(0,0,0,0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #afeeee;<br /> --droptable-common-background: #56e156;<br /> --droptable-uncommon-background: #ffed4c;<br /> --droptable-rare-background: #ff863c;<br /> --droptable-veryrare-background: #ff6262;<br /> --droptable-random-background: #ffa3ff<br /> }<br /> <br /> .wikitable {<br /> background: var(--wikitable-bg);<br /> color: var(--wikitable-color);<br /> border-color: var(--wikitable-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; tr &gt; td,.wikitable &gt; * &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th.table-noborder,.wikitable &gt; tr &gt; td.table-noborder,.wikitable &gt; * &gt; tr &gt; th.table-noborder,.wikitable &gt; * &gt; tr &gt; td.table-noborder {<br /> border-left-style: hidden;<br /> border-right-style: hidden;<br /> padding-left: 0;<br /> padding-right: 0<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .tabber .wikitable {<br /> box-shadow: none<br /> }<br /> <br /> .table-bg-always,.table-bg-blue {<br /> background: var(--droptable-always-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-common,.table-bg-green {<br /> background: var(--droptable-common-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-uncommon,.table-bg-yellow {<br /> background: var(--droptable-uncommon-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-rare,.table-bg-orange {<br /> background: var(--droptable-rare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-veryrare,.table-bg-red {<br /> background: var(--droptable-veryrare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-random,.table-bg-pink {<br /> background: var(--droptable-random-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-fade {<br /> opacity: 0.6;<br /> background: rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw_metadata td,.mw_metadata th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw_metadata th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw_metadata td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable td,.mw-datatable th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw-datatable td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> table.alternating-rows tr:nth-child(odd),table.alternating-cols td:nth-child(odd) {<br /> background: var(--wikitable-alternating-bg)<br /> }<br /> <br /> .table-na {<br /> background: var(--table-na-background);<br /> color: var(--table-na-color);<br /> vertical-align: middle;<br /> text-align: center<br /> }<br /> <br /> .table-yes {<br /> background: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .table-positive {<br /> background: var(--table-yes-background)<br /> }<br /> <br /> .table-no {<br /> background: var(--table-no-background);<br /> color: var(--table-no-color)<br /> }<br /> <br /> .table-negative {<br /> background: var(--table-no-background)<br /> }<br /> <br /> .table-maybe {<br /> background: var(--table-maybe-background);<br /> color: var(--table-maybe-color)<br /> }<br /> <br /> #mw-allmessagestable .am_actual,#mw-allmessagestable .am_default {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> #mw-allmessagestable .am_default:hover,#mw-allmessagestable .am_actual:hover,#mw-allmessagestable tbody:hover td {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> table.wikitable td.no-cell-spacing {<br /> padding: 0;<br /> height: 0<br /> }<br /> <br /> table.wikitable td.no-cell-spacing table {<br /> margin: -1px;<br /> width: calc(100% + 2px);<br /> height: calc(100% + 2px)<br /> }<br /> <br /> .plainlist ol,.plainlist ul {<br /> margin: 0<br /> }<br /> <br /> .plainlist li {<br /> margin-bottom: 0;<br /> list-style: none<br /> }<br /> <br /> 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) {<br /> text-align: right<br /> }<br /> <br /> 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) {<br /> text-align: center<br /> }<br /> <br /> 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) {<br /> text-align: left<br /> }<br /> <br /> .rsw-chartjs.rsw-chartjs-config {<br /> display: none<br /> }<br /> <br /> .rsw-chartjs.rsw-chart-error {<br /> font-family: monospace<br /> }<br /> <br /> .rsw-chartjs-canvas {<br /> background-color: var(--body-light)<br /> }<br /> <br /> :root {<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-background: #bddff2;<br /> --diff-addedline-color: #000;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-background: #c1edbf;<br /> --diff-deletedline-color: #000;<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid)<br /> }<br /> <br /> .diff-context {<br /> border-color: var(--diff-context-border-color);<br /> background: var(--diff-context-background);<br /> color: inherit<br /> }<br /> <br /> .diff-addedline {<br /> border-color: var(--diff-addedline-border-color)<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: var(--diff-addedline-background);<br /> color: var(--diff-addedline-color)<br /> }<br /> <br /> .diff-deletedline {<br /> border-color: var(--diff-deletedline-border-color)<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: var(--diff-deletedline-background);<br /> color: var(--diff-deletedline-color)<br /> }<br /> <br /> .mw-diff-movedpara-left:after,.mw-diff-movedpara-right:after {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-notification {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {<br /> background: var(--body-main)<br /> }<br /> <br /> .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> background-color: var(--ooui-normal);<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-head,.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {<br /> border-left-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:hover,.mw-echo-ui-notificationItemWidget-unread:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:last-child {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-unread {<br /> background-color: var(--search-box)<br /> }<br /> <br /> .mw-echo-ui-crossWikiNotificationItemWidget-group,.mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-content-message-header,.mw-echo-ui-notificationItemWidget-content-message-body,.mw-echo-ui-menuItemWidget &gt; .oo-ui-buttonElement-button &gt; .oo-ui-labelElement-label,.mw-echo-ui-notificationItemWidget-content-actions-timestamp {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--body-main)<br /> }<br /> <br /> @keyframes unseen-fadeout-to-unread {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--search-box)<br /> }<br /> }<br /> <br /> @keyframes unseen-fadeout-to-read {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--body-main)<br /> }<br /> }<br /> <br /> .mwe-popups {<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container {<br /> color: var(--text-color);<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:before,.mwe-popups .mwe-popups-container.flipped-y:before {<br /> border-top: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:before {<br /> border-bottom: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:after,.mwe-popups .mwe-popups-container.flipped-y:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:after {<br /> border-bottom-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-settings-icon:hover,.mwe-popups .mwe-popups-settings-icon:active {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mwe-popups .mw-ui-icon-element:not(.disabled):hover {<br /> background: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract {<br /> color: var(--text-color)<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract[dir='ltr']:after {<br /> background-image: linear-gradient(to right,rgba(49,62,89,0),var(--body-light) 50%)<br /> }<br /> <br /> .mwe-popups-overlay {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> #mwe-popups-settings {<br /> background: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--text-color)<br /> }<br /> <br /> #mwe-popups-settings header {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form p {<br /> color: var(--byline-color)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form form label &gt; span {<br /> color: var(--ooui-text)<br /> }<br /> <br /> :root {<br /> --smw-ask-options-even-bg: var(--body-mid);<br /> --smw-ask-options-odd-bg: var(--body-light);<br /> --smw-ask-action-btn-lblue-bg: var(--body-main);<br /> --smw-ask-action-btn-lblue-color: #000;<br /> --smw-ask-action-btn-lblue-border-color: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-bg: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-color: #fff;<br /> --smw-ask-action-btn-dblue-border-color: var(--button-border)<br /> }<br /> <br /> .smw-ask-condition fieldset,.smw-ask-printhead fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .smw-ask-search fieldset,.smw-ask-format fieldset,.smw-ask-options fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .strike &gt; span:before,.strike &gt; span:after {<br /> background: var(--sidebar)<br /> }<br /> <br /> .smw-ask-options-fields tr td {<br /> background-color: var(--smw-ask-options-even-bg)<br /> }<br /> <br /> .smw-ask-options-fields tr:nth-child(odd) td {<br /> background-color: var(--smw-ask-options-odd-bg)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-lblue,.smw-ask-action-btn.smw-ask-action-btn-lblue:hover,.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--smw-ask-action-btn-lblue-bg);<br /> color: var(--smw-ask-action-btn-lblue-color);<br /> border-color: var(--smw-ask-action-btn-lblue-border-color)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-dblue,.smw-ask-action-btn.smw-ask-action-btn-dblue:hover,.smw-ask-action-btn.smw-ask-action-btn-dblue:visited {<br /> background-color: var(--smw-ask-action-btn-dblue-bg);<br /> color: var(--smw-ask-action-btn-dblue-color);<br /> border-color: var(--smw-ask-action-btn-dblue-border-color)<br /> }<br /> <br /> .smw-ask-query textarea,.smw-ask-actions textarea {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-query-format select {<br /> background-color: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-toplinks {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info {<br /> background: none;<br /> padding: 0 !important<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info::before {<br /> content: '';<br /> background: var(--text-color);<br /> -webkit-mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> padding: 0 0 3px 18px<br /> }<br /> <br /> .smw-ask-options-row-odd {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smw-ask-options-row-even {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> #options-toggle:not(:checked) + #options-list .options-parameter-list:after {<br /> background-image: linear-gradient(to bottom,transparent,var(--body-mid) 90%)<br /> }<br /> <br /> .smw-ask-button-submit input {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-ask-button-submit input:hover,.smw-ask-button-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> input.smw-ask-action-btn.smw-ask-action-btn-dblue {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:hover {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-callout-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .smw-callout-info {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .smw-callout-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .smw-callout-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-bg)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label,.smw-tabs input.nav-tab:checked + label.nav-label:hover {<br /> color: inherit<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count {<br /> color: #fff;<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.moderate {<br /> color: #fff;<br /> background-color: #b55e0c;<br /> border-color: #b55e0c<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.high {<br /> color: #fff;<br /> background-color: #9f261e;<br /> border-color: #9f261e<br /> }<br /> <br /> .smw-property-page-results .header-title {<br /> background-color: var(--ooui-interface);<br /> border-bottom-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-property-page-results .value-row:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .smw-property-page-results .smw-table .header-row {<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-header {<br /> background-color: var(--body-dark);<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .smw-ui-input-filter {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ui-input-filter input {<br /> border-left-color: var(--ooui-interface-border) !important;<br /> color: var(--ooui-text) !important<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border);<br /> color: var(--subtle-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-active {<br /> color: #fff;<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-tabs section,.smw-tabs .subtab-content {<br /> border-top-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-column-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-factbox {<br /> background: var(--body-main);<br /> border-color: transparent<br /> }<br /> <br /> .mw-body .mw-indicators #mw-indicator-smw-entity-examiner.mw-indicator .smw-indicator-vertical-bar-loader {<br /> display: none<br /> }<br /> <br /> .smwb-theme-light .smwb-title,.smwb-theme-light .smwb-center,.smwb-theme-light .smwb-actions,.smwb-theme-light .smwb-prophead {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-factbox {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-ifactbox {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-propval {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smwb-action-separator {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .smwb-bottom {<br /> border-bottom: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-ifactbox .smwb-cell,.smwb-factbox .smwb-cell {<br /> border-top: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-propvalue .smwb-prophead,.smwb-ipropvalue .smwb-prophead,.smwb-propvalue .smwb-propval,.smwb-ipropvalue .smwb-propval {<br /> font-size: 0.9em<br /> }<br /> <br /> :root {<br /> --filter-black-to-link: invert(36%) sepia(58%) saturate(433%) hue-rotate(344deg) brightness(100%) contrast(91%)<br /> }<br /> <br /> #bodyContent span.smwbrowse a {<br /> color: black;<br /> background-image: url(/images/Smwbrowse.svg?87d2b);<br /> filter: var(--filter-black-to-link)<br /> }<br /> <br /> #bodyContent span.smwbrowse a:hover {<br /> color: black;<br /> background-image: url(/images/Smwbrowse-hover.svg?73b79);<br /> text-decoration: underline<br /> }<br /> <br /> #bodyContent span.smwsearch a {<br /> color: black;<br /> filter: var(--filter-black-to-link);<br /> background-image: url(/images/Smwsearch.svg?72b04)<br /> }<br /> <br /> #bodyContent span.smwsearch a:hover {<br /> color: black;<br /> background-image: url(/images/Smwsearch-hover.svg?62df0);<br /> text-decoration: underline<br /> }<br /> <br /> :root {<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-background-color);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border)<br /> }<br /> <br /> .tabber {<br /> margin: 1em 0<br /> }<br /> <br /> .tabber .tabbertab {<br /> background-color: var(--tabber-tab-bg);<br /> border: 1px solid var(--tabber-tab-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1em 1.5em<br /> }<br /> <br /> ul.tabbernav {<br /> border: none;<br /> margin-left: 2em;<br /> margin-bottom: 0;<br /> margin-right: 2em;<br /> padding: 0;<br /> font-family: inherit<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a {<br /> background-color: var(--tabber-active-tab-bg);<br /> color: var(--tabber-active-tab-color);<br /> border-bottom: none;<br /> position: relative<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a:hover {<br /> color: var(--tabber-active-tab-hover-color);<br /> background-color: var(--tabber-active-tab-hover-bg);<br /> border-color: var(--tabber-active-tab-hover-border-color);<br /> border-bottom: none<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a::after {<br /> content: '';<br /> position: absolute;<br /> left: 0;<br /> right: 0;<br /> bottom: -1px;<br /> border-bottom: 2px solid var(--tabber-active-tab-border-hider-color)<br /> }<br /> <br /> ul.tabbernav li a {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> border-bottom: transparent;<br /> border-color: var(--tabber-inactive-tab-border-color);<br /> color: var(--tabber-inactive-tab-color);<br /> display: inline-block;<br /> font-size: 110%;<br /> padding: 0.5em 1em<br /> }<br /> <br /> ul.tabbernav li a:hover {<br /> background-color: var(--tabber-inactive-tab-hover-bg);<br /> border-color: var(--tabber-inactive-tab-hover-border-color)<br /> }<br /> <br /> ul.tabbernav li a:link,ul.tabbernav li a:visited {<br /> color: var(--tabber-inactive-tab-color)<br /> }<br /> <br /> .js-tooltip-text {<br /> padding: 5px<br /> }<br /> <br /> .js-tooltip-wrapper {<br /> position: absolute;<br /> z-index: 10;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> color: var(--text-color);<br /> max-width: 75%;<br /> overflow-wrap: break-word;<br /> padding: 10px 15px;<br /> margin: 0px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> font-size: 0.8em<br /> }<br /> <br /> .js-tooltip-click {<br /> color: var(--button-color);<br /> background: var(--button-background);<br /> border-radius: 2em;<br /> cursor: pointer;<br /> padding: 0 0.3em;<br /> user-select: none<br /> }<br /> <br /> .js-tooltip-arrow {<br /> position: absolute;<br /> border-color: transparent;<br /> border-style: solid;<br /> width: 0;<br /> height: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointleft {<br /> border-right-color: var(--body-border);<br /> border-left-color: transparent;<br /> border-left-width: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointright {<br /> border-left-color: var(--body-border);<br /> border-right-color: transparent;<br /> border-right-width: 0<br /> }<br /> <br /> .js-tooltip-close {<br /> float: right;<br /> margin-left: 10px;<br /> margin-right: -5px;<br /> margin-top: -5px;<br /> margin-bottom: 1px;<br /> background: var(--button-background);<br /> border: 0;<br /> cursor: pointer<br /> }<br /> <br /> :root {<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px); <br /> }<br /> <br /> .oo-ui-widget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox'] + span,.oo-ui-radioInputWidget [type='radio'] + span {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,.oo-ui-radioInputWidget [type='radio']:disabled + span {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownWidget-handle {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border);<br /> background-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget select {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget option {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuSelectWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-menuSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-menuSectionOptionWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-title {<br /> color: inherit<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block),.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-optionWidget.oo-ui-widget-disabled {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-outlineControlsWidget {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {<br /> border-bottom-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {<br /> border-top-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {<br /> border-right-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {<br /> border-left-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {<br /> border-left-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-searchWidget-query {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-tabOptionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--body-dark);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {<br /> border-bottom-color: var(--body-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {<br /> background-color: var(--body-light);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> color: var(--ooui-progressive);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover,.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:focus {<br /> color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed {<br /> background: none;<br /> border-bottom: 1px solid var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile {<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tagItemWidget {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> @media screen and (min-width: 0) {<br /> .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {<br /> outline:1px solid var(--ooui-accent)<br /> }<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {<br /> border-color: #fff<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; input.oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover);<br /> color: #fff;<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive {<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active &gt; .oo-ui-buttonElement-button {<br /> color: #fff;<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-pendingElement-pending {<br /> background-image: var(--ooui-pending-background-image);<br /> background-size: 200%;<br /> animation: oo-ui-pendingElement-stripes 6s linear infinite<br /> }<br /> <br /> @keyframes oo-ui-pendingElement-stripes {<br /> 100% {<br /> background-position: 100%<br /> }<br /> }<br /> <br /> .oo-ui-messageDialog-content &gt; .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-message {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog-content .oo-ui-window-head,.oo-ui-processDialog-content .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:active {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:active {<br /> border-right-color: var(--ooui-interface-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button,.oo-ui-processDialog-actions-other .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-right-color: var(--ooui-normal-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-windowManager-modal.oo-ui-windowManager-floating &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-window {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-bar {<br /> background-color: var(--ooui-interface);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-position-top &gt; .oo-ui-toolbar-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-toolbar-bar .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active &gt; .oo-ui-tool-link,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent);<br /> box-shadow: none<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-menuToolGroup {<br /> border-left-color: var(--body-mid);<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> border-right-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 2px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-bookletLayout-outlinePanel &gt; .oo-ui-outlineControlsWidget {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-fieldLayout-disabled &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header &gt; .oo-ui-labelElement-label {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-panelLayout-framed {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .oo-ui-icon-settings {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Esettings%3C/title%3E%3Cg transform='translate(10 10)'%3E%3Cpath id='a' d='M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3'/%3E%3Cuse xlink:href='%23a' transform='rotate(45)'/%3E%3Cuse xlink:href='%23a' transform='rotate(90)'/%3E%3Cuse xlink:href='%23a' transform='rotate(135)'/%3E%3C/g%3E%3Cpath d='M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .oo-ui-icon-clear {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Eclear%3C/title%3E%3Cpath d='M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-widget-dateInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widget-dateInputWidget-calendar {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widget-calendarWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widget-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-day,.mw-widget-calendarWidget-day-heading {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-widget-calendarWidget-day-additional {<br /> color: var(--ooui-text);<br /> opacity: 0.67<br /> }<br /> <br /> .mw-widget-calendarWidget-day-today {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-item:hover {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-widget-calendarWidget-item-selected {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),0 2px 2px 0 rgba(0,0,0,0.25)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.mw-widgets-datetime-dateTimeInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input,.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .mw-kartographer-mapDialog-foot {<br /> background-color: var(--body-light);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-container {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a,.mw-kartographer-interactive .leaflet-popup-content a:visited,.mw-kartographer-interactive .leaflet-popup-content a:hover,.mw-kartographer-interactive .leaflet-popup-content a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a.new a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .leaflet-popup-content-wrapper {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .leaflet-popup-tip {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey {<br /> background: #e4eaee;<br /> color: #444e5a;<br /> text-shadow: none<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a,.leaflet-vis-tooltip.lbl-bg-grey a:visited,.leaflet-vis-tooltip.lbl-bg-grey a:active,.leaflet-vis-tooltip.lbl-bg-grey a:hover,.leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a, .leaflet-vis-tooltip.lbl-bg-grey a:visited, .leaflet-vis-tooltip.lbl-bg-grey a:active, .leaflet-vis-tooltip.lbl-bg-grey a:hover, .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:visited,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:active,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:hover,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before {<br /> display: block;<br /> border-left-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before {<br /> display: block;<br /> border-right-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before {<br /> display: block;<br /> border-top-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before {<br /> display: block;<br /> border-bottom-color: #e4eaee<br /> }<br /> <br /> .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover {<br /> background: var(--ooui-normal--hover)<br /> }<br /> <br /> .ve-ui-overlay {<br /> font-family: inherit<br /> }<br /> <br /> .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above {<br /> border-top-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-branchNode-blockSlug,.ve-ce-branchNode-newSlug {<br /> outline-color: var(--body-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-specialCharacterPage h3 {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character:hover {<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px var(--body-mid);<br /> background: none<br /> }<br /> <br /> .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwHelpPopupTool-version-label,.ve-ui-mwHelpPopupTool-version-link,.ve-ui-mwHelpPopupTool-version-date {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ce-tableCellableNode {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-mwReferencesListNode-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwTemplatePage-description,.ve-ui-mwParameterPage-label,.ve-ui-mwParameterPage-description-required,.ve-ui-mwParameterPage-description-deprecated {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwGalleryDialog-menuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog-innerMenuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container,.ve-ui-targetWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .ve-ui-mwSaveDialog {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-options {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-summary {<br /> background-color: var(--ooui-input)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-editSummary-count {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-license {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwReferenceContextItem-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwNoticesPopupTool-items &gt; div:not(:first-child),.ve-ui-mwHelpPopupTool-item:not(:first-child) {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineControlsWidget {<br /> background-color: var(--ooui-interface);<br /> border-top-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-sticky {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwParameterPage-undocumentedLabel {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwTwoPaneTransclusionDialogLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwParameterPage-doc-required,.ve-ui-mwParameterPage-doc-deprecated,.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-expandableContent-toggle {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-expandableContent-fade {<br /> background: linear-gradient(to right,rgba(255,255,255,0) 0,var(--ooui-interface) 90%)<br /> }<br /> <br /> .ve-ui-commandHelpDialog-shortcut &gt; kbd,.ve-ui-commandHelpDialog-sequence &gt; kbd {<br /> background-color: var(--keypress-background);<br /> color: var(--keypress-color);<br /> border-color: var(--keypress-border);<br /> box-shadow: none;<br /> text-shadow: none<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> background: var(--ooui-interface)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'],figure[typeof~='mw:File/Frame'],figure[typeof~='mw:Image/Thumb'],figure[typeof~='mw:Video/Thumb'],figure[typeof~='mw:Image/Frame'],figure[typeof~='mw:Video/Frame'] {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:File/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media) {<br /> border: none;<br /> background: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; figcaption,figure[typeof~='mw:File/Frame'] &gt; figcaption,figure[typeof~='mw:Image/Thumb'] &gt; figcaption,figure[typeof~='mw:Video/Thumb'] &gt; figcaption,figure[typeof~='mw:Image/Frame'] &gt; figcaption,figure[typeof~='mw:Video/Frame'] &gt; figcaption {<br /> border: none;<br /> background-color: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --fact-text-color: #15f;<br /> --production-selected-background: #c3e8a3;<br /> --production-selected-color: #000;<br /> --wikipedia-border: #e0e0e0;<br /> --wikipedia-background: #f8f8f8;<br /> --keypress-background: #eee;<br /> --keypress-border: #ccc;<br /> --keypress-color: #333;<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg,#bfffbd 0 20px,#4cf172 20px 30px);<br /> --tbz-unlocked-border-color: #012100;<br /> --tbz-locked-background-color: #ffc3c3;<br /> --tbz-locked-border-color: #df9090;<br /> --tbz-partial-unlock-background: #dae8d2;<br /> --tbz-partial-unlock-border-color: #aeaeae<br /> }<br /> <br /> .archivelist {<br /> background-color: var(--body-light);<br /> border: solid 1px var(--body-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> margin: 5px;<br /> padding: 5px;<br /> text-align: center;<br /> width: 120px<br /> }<br /> <br /> .collapsed-sec {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-weight: bold;<br /> text-shadow: 1px 1px #fff<br /> }<br /> <br /> .combat-styles-icons a {<br /> display: inline-block;<br /> text-align: center;<br /> min-width: 26px<br /> }<br /> <br /> .combat-styles-header a {<br /> color: var(--text-color)<br /> }<br /> <br /> .fact-text {<br /> color: var(--fact-text-color);<br /> font-style: italic;<br /> cursor: help;<br /> border-bottom: dotted 1px<br /> }<br /> <br /> .production-selected {<br /> background: var(--production-selected-background);<br /> color: var(--production-selected-color)<br /> }<br /> <br /> .relative-location {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-spacing: 0;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 5px;<br /> text-align: center<br /> }<br /> <br /> .relative-location-txt {<br /> color: var(--text-color)<br /> }<br /> <br /> .relative-location-header {<br /> background: var(--body-dark)<br /> }<br /> <br /> #musicMap data {<br /> display: none<br /> }<br /> <br /> .musicMap-buttons {<br /> text-align: center;<br /> margin: 0.7em<br /> }<br /> <br /> .talkheader {<br /> text-align: center;<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .shortcut {<br /> border: 1px solid var(--body-border);<br /> background: var(--body-light);<br /> float: right;<br /> font-size: 0.8em;<br /> margin: 0.5em 0em 0.5em 1em;<br /> padding: 0.5em;<br /> text-align: center<br /> }<br /> <br /> .succession {<br /> width: 50%;<br /> text-align: center<br /> }<br /> <br /> .succession th {<br /> width: 33%;<br /> font-size: 90%;<br /> background: var(--body-mid)<br /> }<br /> <br /> .succession td {<br /> background: var(--body-light)<br /> }<br /> <br /> .update {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0;<br /> padding: 0.25em 1em;<br /> text-align: center<br /> }<br /> <br /> .pollwrapper {<br /> display: flex;<br /> align-items: center;<br /> flex-direction: column;<br /> counter-reset: question<br /> }<br /> <br /> .pollbox {<br /> position: relative;<br /> padding: 1em 0.7em;<br /> margin: 0.7em;<br /> margin-bottom: 1.2em;<br /> width: 700px;<br /> font-size: 16px;<br /> border: 2px solid var(--body-border);<br /> background: var(--body-light)<br /> }<br /> <br /> .pollbox::before {<br /> content: &quot;Question &quot; counter(question);<br /> counter-increment: question;<br /> position: absolute;<br /> font-size: 16px;<br /> font-weight: bold;<br /> top: -0.5em;<br /> margin-top: -2px;<br /> left: 0.6em;<br /> line-height: 1em;<br /> background: linear-gradient(0deg,var(--body-light),var(--body-light) 50%,rgba(0,0,0,0) 50%);<br /> padding: 0 0.6em<br /> }<br /> <br /> .pollbox table {<br /> width: 100%;<br /> border-collapse: collapse;<br /> font-size: 14px<br /> }<br /> <br /> .pollbox caption {<br /> text-align: left;<br /> margin-bottom: 4px<br /> }<br /> <br /> .pollbox td {<br /> padding: 0px<br /> }<br /> <br /> .pollquestion td:first-child::before {<br /> content: &quot;&quot;;<br /> background: url(/images/Poll_shield.png?c691a);<br /> background-repeat: no-repeat;<br /> background-position: top;<br /> width: 10px;<br /> height: 14px;<br /> position: absolute;<br /> top: 4px;<br /> left: 0<br /> }<br /> <br /> .pollquestion td:first-child {<br /> position: relative;<br /> width: 32%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .pollquestion td.pollpercent {<br /> box-sizing: border-box;<br /> padding-left: 17px;<br /> padding-right: 8px<br /> }<br /> <br /> .pollquestion td:last-child {<br /> width: 22%;<br /> padding-left: 0.7em<br /> }<br /> <br /> .pollquestion .pollnote td {<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .pollquestion .pollnote td::before {<br /> content: none<br /> }<br /> <br /> .pollquestion data {<br /> display: block;<br /> height: 15px;<br /> background-image: url(/images/Poll_sword2.png?7d4c4);<br /> position: relative<br /> }<br /> <br /> .pollquestion data::before,.pollquestion data::after {<br /> content: &quot;&quot;;<br /> height: inherit;<br /> position: absolute;<br /> height: 15px<br /> }<br /> <br /> .pollquestion data::before {<br /> background: url(/images/Poll_sword1.png?d445b);<br /> width: 17px;<br /> right: 100%<br /> }<br /> <br /> .pollquestion data::after {<br /> background: url(/images/Poll_sword3.png?487b5);<br /> width: 8px;<br /> left: 100%<br /> }<br /> <br /> .archivepollq th {<br /> text-align: left;<br /> font-weight: normal;<br /> padding: 15px 0 0 0<br /> }<br /> <br /> .archivepollq td:first-child {<br /> position: relative;<br /> width: 80%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .archivepollq td.archivepollpercent {<br /> box-sizing: border-box;<br /> padding: 2px;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .archivepollq td:last-child {<br /> text-align: right;<br /> padding-left: 0.7em<br /> }<br /> <br /> .archivepollq .archivepollnote &gt; td {<br /> text-align: left;<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .archivepollq data {<br /> display: block;<br /> height: 25px;<br /> background: var(--body-border);<br /> position: relative<br /> }<br /> <br /> .archivepollq.e {<br /> border: 2px solid var(--errorbox-border);<br /> background: var(--errorbox-bg)<br /> }<br /> <br /> .archivepollq.e::before {<br /> content: &quot;Error&quot;;<br /> background: linear-gradient(0deg,var(--errorbox-bg),var(--errorbox-bg) 50%,rgba(0,0,0,0) 50%)<br /> }<br /> <br /> .wikipedia {<br /> border: 1px solid var(--wikipedia-border);<br /> background-color: var(--wikipedia-background)<br /> }<br /> <br /> .hatnote,.seealso {<br /> font-style: italic<br /> }<br /> <br /> .hatnote i,.seealso i {<br /> font-style: normal<br /> }<br /> <br /> div.hatnote,div.seealso {<br /> margin: 0.5em 1.6em<br /> }<br /> <br /> div.hatnote + div.hatnote,div.hatnote + div.seealso,div.seealso + div.hatnote,div.seealso + div.seealso {<br /> margin-top: -0.5em<br /> }<br /> <br /> .extimage div,.extimage a,.extimage img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .tbz-region {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> white-space: nowrap;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> width: 110px;<br /> padding: 0.35em 0.45em 0.25em;<br /> margin: 1px<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-badge {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> padding: 0.3em 0.35em 0.2em<br /> }<br /> <br /> .tbz-badge + .tbz-badge {<br /> margin-left: 1px<br /> }<br /> <br /> .tbz-badge.tbz-badge-wrapper {<br /> padding: 0.2em<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-unlocked {<br /> background: var(--tbz-unlocked-background);<br /> border-color: var(--tbz-unlocked-border-color)<br /> }<br /> <br /> .tbz-unlocked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-unlocked .tbz-check {<br /> display: inline-block;<br /> padding-left: 5px<br /> }<br /> <br /> .tbz-locked {<br /> background-color: var(--tbz-locked-background-color);<br /> border-color: var(--tbz-locked-border-color)<br /> }<br /> <br /> .tbz-locked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-locked .tbz-unlocked {<br /> background: var(--tbz-partial-unlock-background);<br /> border-color: var(--tbz-partial-unlock-border-color)<br /> }<br /> <br /> .combatinfo {<br /> width: 160px;<br /> text-align: center;<br /> float: right;<br /> clear: right<br /> }<br /> <br /> .combatinfo.combatinfo-left {<br /> float: left;<br /> clear: left<br /> }<br /> <br /> .combatinfo td {<br /> width: 25%<br /> }<br /> <br /> .wikitable.combatinfo &gt; caption {<br /> font-weight: normal<br /> }<br /> <br /> .growth-stage-table td.growth-stage {<br /> text-align: center;<br /> vertical-align: bottom<br /> }<br /> <br /> .keypress {<br /> background: var(--keypress-background);<br /> color: var(--keypress-color);<br /> font-family: inherit;<br /> border: 1px solid var(--keypress-border);<br /> border-radius: 2px;<br /> font-size: 0.9em;<br /> margin: 0 0.1em;<br /> padding: 0.1em 0.4em;<br /> white-space: nowrap<br /> }<br /> <br /> .rsw-music-player {<br /> height: 2em;<br /> vertical-align: middle<br /> }<br /> <br /> .item-drops .beast-version {<br /> font-size: smaller;<br /> font-style: italic<br /> }<br /> <br /> td.famtreesub {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table {<br /> border-spacing: 0;<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table td {<br /> height: 1em;<br /> width: 1em<br /> }<br /> <br /> td.famtreeleaf {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> padding: 0.2em<br /> }<br /> <br /> :root {<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #ccc<br /> }<br /> <br /> :root {<br /> --coins-color: green;<br /> --coins-pos-color: white;<br /> --coins-neg-color: #c02614<br /> }<br /> <br /> .coins {<br /> color: var(--coins-color);<br /> background-position: 0% 50%;<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> padding: 0<br /> }<br /> <br /> .coins-pos {<br /> color: var(--coins-pos-color)<br /> }<br /> <br /> .coins-neg {<br /> color: var(--coins-neg-color)<br /> }<br /> <br /> .coins-10000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 3px 35px<br /> }<br /> <br /> .coins-1000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-250 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-100 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-25 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-5 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-4 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-3 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-2 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-1 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> :root {<br /> --documentation-background: #f9fafa;<br /> --documentation-link-color: #e4eaee;<br /> --documentation-headers-color: #fff;<br /> --documentation-header-background: #949eaa;<br /> --documentation-subheader-background: #808c9a;<br /> --documentation-border: #e4eaee<br /> }<br /> <br /> .documentation {<br /> background: var(--documentation-background);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0<br /> }<br /> <br /> .documentation pre,.documentation code {<br /> background-color: var(--documentation-background);<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation h2,.documentation hr {<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation-header {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-header-background);<br /> font-weight: bold;<br /> padding: 1em 1.5em<br /> }<br /> <br /> .documentation-title {<br /> font-size: 1.25em<br /> }<br /> <br /> .documentation-subheader {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-subheader-background);<br /> padding: 0.5em 1.5em<br /> }<br /> <br /> .documentation-subheader a,.documentation-subheader a:visited,.documentation-subheader a:active {<br /> color: var(--documentation-link-color)<br /> }<br /> <br /> .documentation-documentation,.documentation-links {<br /> font-size: 0.85em<br /> }<br /> <br /> .documentation-content {<br /> padding: 1em 1.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dl:not(:empty) {<br /> column-count: 3;<br /> border-top: 1px solid var(--body-border);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dt::after {<br /> content: &quot;:&quot;<br /> }<br /> <br /> .mw-templatedata-doc-params dd,.mw-templatedata-doc-params dt {<br /> margin: 0.1em 2em;<br /> min-width: auto<br /> }<br /> <br /> .mw-templatedata-doc-muted {<br /> color: var(--subtle-color);<br /> font-style: italic<br /> }<br /> <br /> .fairycode {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-size: 120%;<br /> font-weight: bold;<br /> text-transform: lowercase;<br /> letter-spacing: 1px<br /> }<br /> <br /> .fairycode b ~ b:before {<br /> content: &quot;•&quot;<br /> }<br /> <br /> .floornumber &gt; .floornumber-us,#toc li a span.toctext span span:nth-child(2),.floornumber-setting-gb .floornumber &gt; .floornumber-us,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(2),.floornumber-setting-us .floornumber &gt; .floornumber-gb,.floornumber-setting-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none<br /> }<br /> <br /> .floornumber-setting-gb .floornumber &gt; .floornumber-gb,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(1),.floornumber-setting-us .floornumber &gt; .floornumber-us,.floornumber-setting-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-us,.floornumber-override-gb #toc li a span.toctext span span:nth-child(2),.floornumber-override-us .floornumber &gt; .floornumber-gb,.floornumber-override-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none !important<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-gb,.floornumber-override-gb #toc li a span.toctext span span:nth-child(1),.floornumber-override-us .floornumber &gt; .floornumber-us,.floornumber-override-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline !important<br /> }<br /> <br /> .musicplayer {<br /> border: 1px solid var(--body-border);<br /> font-size: 90%;<br /> background: var(--body-light);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> max-width: 300px;<br /> margin: 0 0 1em 1em;<br /> padding: 5px<br /> }<br /> <br /> .musicplayer audio,.infobox audio {<br /> max-width: 298px;<br /> margin-left: auto;<br /> margin-right: auto<br /> }<br /> <br /> .plink-template + a {<br /> margin-left: 0.25em<br /> }<br /> <br /> .plinkt-image {<br /> text-align: center<br /> }<br /> <br /> :root {<br /> --questdetails-header-background: #cfc2aa;<br /> --questdetails-header-background-alt: #cfbda1<br /> }<br /> <br /> .questdetails {<br /> width: 100%;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-collapse: separate<br /> }<br /> <br /> .questdetails th {<br /> text-align: left<br /> }<br /> <br /> .questdetails-header {<br /> padding: 0.5em 1em;<br /> background-color: var(--questdetails-header-background);<br /> width: 125px<br /> }<br /> <br /> .questdetails tr:nth-child(odd) .questdetails-header {<br /> background-color: var(--questdetails-header-background-alt)<br /> }<br /> <br /> .questdetails-info {<br /> padding-left: 1em;<br /> padding-right: 2em<br /> }<br /> <br /> ol.references,.reflist {<br /> font-size: 90%<br /> }<br /> <br /> .reflist {<br /> list-style-type: decimal<br /> }<br /> <br /> .reflist .references {<br /> font-size: 100%;<br /> list-style-type: inherit<br /> }<br /> <br /> .reflist-lower-alpha {<br /> list-style-type: lower-alpha<br /> }<br /> <br /> ol.references li:target,sup.reference:target {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .hideQuotes .refhide {<br /> display: none<br /> }<br /> <br /> .editnotice {<br /> font-size: 0.9em;<br /> padding-bottom: 0.75em;<br /> margin-bottom: 0.6em<br /> }<br /> <br /> .editnotice .editnotice-title {<br /> font-size: 1.2em;<br /> font-weight: bold;<br /> margin-bottom: 0.4em<br /> }<br /> <br /> <br /> <br /> <br /> .mw-message-box,.mw-message-box-error,.mw-message-box-warning,.mw-message-box-success,.usermessage {<br /> color: var(--text-color)<br /> }<br /> <br /> .messagebox {<br /> width: 65%;<br /> margin: 0.5em auto;<br /> border-left: 15px solid;<br /> border-color: var(--body-dark);<br /> background-color: var(--body-light);<br /> box-sizing: border-box<br /> }<br /> <br /> .messagebox.obsolete {<br /> background-color: var(--messagebox-obsolete-background);<br /> border-color: var(--messagebox-obsolete-border);<br /> color: var(--messagebox-obsolete-color)<br /> }<br /> <br /> .messagebox.obsolete a,.messagebox.obsolete a:visited,.messagebox.obsolete a:active {<br /> color: var(--messagebox-obsolete-link-color)<br /> }<br /> <br /> .messagebox.info {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border);<br /> color: var(--messagebox-info-color)<br /> }<br /> <br /> .messagebox.info a,.messagebox.info a:visited,.messagebox.info a:active {<br /> color: var(--messagebox-info-link-color)<br /> }<br /> <br /> .messagebox.action {<br /> background-color: var(--messagebox-action-background);<br /> border-color: var(--messagebox-action-border);<br /> color: var(--messagebox-action-color)<br /> }<br /> <br /> .messagebox.action a,.messagebox.action a:visited,.messagebox.action a:active {<br /> color: var(--messagebox-action-link-color)<br /> }<br /> <br /> .messagebox.warn {<br /> background-color: var(--messagebox-warn-background);<br /> border-color: var(--messagebox-warn-border);<br /> color: var(--messagebox-warn-color)<br /> }<br /> <br /> .messagebox.warn a,.messagebox.warn a:visited,.messagebox.warn a:active {<br /> color: var(--messagebox-warn-link-color)<br /> }<br /> <br /> .messagebox.safe {<br /> background-color: var(--messagebox-safe-background);<br /> border-color: var(--messagebox-safe-border);<br /> color: var(--messagebox-safe-color)<br /> }<br /> <br /> .messagebox.safe a,.messagebox.safe a:visited,.messagebox.safe a:active {<br /> color: var(--messagebox-safe-link-color)<br /> }<br /> <br /> .messagebox.disambig {<br /> background-color: var(--messagebox-disambig-background);<br /> border-color: var(--messagebox-disambig-border);<br /> color: var(--messagebox-disambig-color)<br /> }<br /> <br /> .messagebox.disambig a,.messagebox.disambig a:visited,.messagebox.disambig a:active {<br /> color: var(--messagebox-disambig-link-color)<br /> }<br /> <br /> .messagebox.discord {<br /> background-color: var(--messagebox-discord-background);<br /> border-color: var(--messagebox-discord-border);<br /> color: #fff<br /> }<br /> <br /> .messagebox.discord a,.messagebox.discord a:visited,.messagebox.discord a:active {<br /> color: var(--messagebox-discord-link-color)<br /> }<br /> <br /> .messagebox.discord a.external,.messagebox.discord a:visited.external,.messagebox.discord a:active.external {<br /> font-style: italic<br /> }<br /> <br /> .messagebox.stub {<br /> width: 40%<br /> }<br /> <br /> .messagebox.hasdialogue {<br /> padding: 0 10px;<br /> width: auto<br /> }<br /> <br /> :root {<br /> --ajaxpoll-background: #fafafa;<br /> --ajaxpoll-text-color: var(--byline-color);<br /> --ajaxpoll-answerbar-background: var(--body-light);<br /> --ajaxpoll-answerbar-border: var(--body-border)<br /> }<br /> <br /> .ajaxpoll {<br /> background: var(--ajaxpoll-background)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-hover-vote,.ajaxpoll .ajaxpoll-hover-revoke,.ajaxpoll .ajaxpoll-ajax {<br /> background: none<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote {<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote div {<br /> background: var(--ajaxpoll-answerbar-background);<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-our-vote div {<br /> border-color: #3c780a<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-misc,.ajaxpoll .ajaxpoll-info,.ajaxpoll .ajaxpoll-ajax {<br /> color: var(--ajaxpoll-text-color)<br /> }<br /> <br /> .ajaxpoll-id-info {<br /> display: none<br /> }<br /> <br /> .inventorytable,<br /> .lootingbagtable,<br /> .runepouchtable {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> height: auto;<br /> border-spacing: 0;<br /> border-collapse: separate;<br /> margin-top: 7px;<br /> margin-bottom: 7px;<br /> }<br /> <br /> .inventorytable.storage-left,<br /> .lootingbagtable.storage-left,<br /> .runepouchtable.storage-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .inventorytable.storage-center,<br /> .lootingbagtable.storage-center,<br /> .runepouchtable.storage-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .inventorytable.storage-right,<br /> .lootingbagtable.storage-right,<br /> .runepouchtable.storage-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .inventorytable td,<br /> .lootingbagtable td,<br /> .runepouchtable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> }<br /> <br /> .inventorytable {<br /> background-image: url(/images/e/e9/Inventory_tab.png);<br /> width: 204px;<br /> padding: 13px 16px 10px;<br /> }<br /> <br /> .inventorytable td {<br /> width: 43px;<br /> height: 36px;<br /> }<br /> <br /> .lootingbagtable {<br /> background-image: url(/images/7/78/Looting_bag_tab.png);<br /> width: 204px;<br /> padding: 31px 17px 20px 12px;<br /> }<br /> <br /> .lootingbagtable td {<br /> width: 44px;<br /> height: 32px;<br /> }<br /> <br /> .runepouchtable {<br /> background-image: url(/images/f/f1/Rune_pouch_background.png);<br /> width: 158px;<br /> padding: 24px 7px 6px;<br /> }<br /> <br /> .runepouchtable.storage-left {<br /> margin-left: 23px;<br /> }<br /> <br /> .runepouchtable.storage-right {<br /> margin-right: 23px;<br /> }<br /> <br /> .runepouchtable td {<br /> width: 32px;<br /> height: 32px;<br /> line-height: 1.6em;<br /> }<br /> <br /> .runepouchtable td.middle-rune {<br /> padding-left: 24px;<br /> padding-right: 24px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune {<br /> padding-left: 6px;<br /> padding-right: 6px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune {<br /> padding-left: 0;<br /> }<br /> <br /> .menagerietable {<br /> background-image: url(/images/9/9c/Menagerie_interface.png);<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> width: 300px;<br /> height: 250px;<br /> padding: 56px 28px 34px 6px;<br /> border-spacing: 0;<br /> }<br /> <br /> .menagerietable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> width: 46px;<br /> height: 32px;<br /> }<br /> <br /> .inventorytable .inv-quantity-text,<br /> .lootingbagtable .inv-quantity-text,<br /> .runepouchtable .inv-quantity-text,<br /> .equipment .inv-quantity-text {<br /> font-family: 'RuneScape Small';<br /> font-size: 12pt;<br /> position: absolute;<br /> top: -8px;<br /> left: 4px;<br /> text-shadow: #000 1px 1px;<br /> color: #ffff00;<br /> pointer-events: none;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-1,<br /> .lootingbagtable .inv-quantity-text.qty-1,<br /> .runepouchtable .inv-quantity-text.qty-1,<br /> .equipment .inv-quantity-text.qty-1 {<br /> color: #ffff00;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-100k,<br /> .lootingbagtable .inv-quantity-text.qty-100k,<br /> .runepouchtable .inv-quantity-text.qty-100k,<br /> .equipment .inv-quantity-text.qty-100k {<br /> color: #fff;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-10m,<br /> .lootingbagtable .inv-quantity-text.qty-10m,<br /> .runepouchtable .inv-quantity-text.qty-10m,<br /> .equipment .inv-quantity-text.qty-10m {<br /> color: #01ff80;<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {<br /> .inventorytable img,<br /> .lootingbagtable img,<br /> .runepouchtable img,<br /> .equipment img {<br /> image-rendering: pixelated;<br /> image-rendering: crisp-edges;<br /> }<br /> <br /> }<br /> <br /> .runepouchtable .inv-quantity-text {<br /> left: -1px;<br /> }<br /> <br /> .runepouchtable td.middle-rune .inv-quantity-text {<br /> left: 23px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune .inv-quantity-text {<br /> left: 5px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune .inv-quantity-text {<br /> left: 0;<br /> }<br /> <br /> .equipment .inv-quantity-text {<br /> top: -3px;<br /> }<br /> <br /> span.noted-item {<br /> width: 30px;<br /> height: 29px;<br /> text-align: center;<br /> display: inline-block;<br /> }<br /> <br /> span.noted-item a {<br /> width: 30px;<br /> height: 29px;<br /> }<br /> <br /> .noted-item a {<br /> background-image: url(/images/3/3a/Bank_note.png);<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> background-position: center;<br /> }<br /> <br /> td.noted-item a {<br /> width: 32px;<br /> line-height: 28px;<br /> }<br /> <br /> .noted-item img {<br /> transform: scale(0.65);<br /> }<br /> <br /> .equipment {<br /> background: #3e3529;<br /> border: 9px solid transparent;<br /> border-image-source: url(/images/c/c7/Interface_border.png);<br /> border-image-slice: 9;<br /> border-image-width: 9px;<br /> border-image-outset: 0;<br /> border-image-repeat: repeat;<br /> margin: 7px 0;<br /> padding: 0 2px 0 3px;<br /> }<br /> <br /> @media all and (max-width: 720px) {<br /> table.equipment {<br /> width: initial !important;<br /> }<br /> <br /> }<br /> <br /> .equipment-div,<br /> .equipment-div-buttons {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> position: relative;<br /> width: 175px;<br /> display: flex;<br /> }<br /> <br /> .equipment-div {<br /> background-image: url(/images/a/a7/Worn_equipment_tab_%28no_buttons%29.png);<br /> height: 222px;<br /> margin: 15px 0 14px;<br /> }<br /> <br /> .equipment-div-buttons {<br /> background-image: url(/images/e/e3/Worn_equipment_tab_%28borderless%29.png);<br /> height: 244px;<br /> margin: 4px 0 3px;<br /> }<br /> <br /> .equipment-blank {<br /> background-image: url(/images/c/cf/Blank_slot.png);<br /> width: 36px;<br /> height: 36px;<br /> }<br /> <br /> .equipment-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .equipment-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .equipment-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .equipment-stats,<br /> .equipment-ikod {<br /> font-family: RuneScape;<br /> font-size: 16px;<br /> line-height: 14px;<br /> color: #ff981f;<br /> text-shadow: 1px 1px 0 black;<br /> }<br /> <br /> td.equipment-stats b {<br /> font-family: RuneScape;<br /> font-weight: bold;<br /> display: block;<br /> margin-top: 2px;<br /> }<br /> <br /> td.equipment-stats data {<br /> display: block;<br /> padding-left: 8px;<br /> }<br /> <br /> td.equipment-stats data img {<br /> vertical-align: bottom;<br /> }<br /> <br /> td.equipment-ikod {<br /> max-width: 325px;<br /> }<br /> <br /> td.equipment-ikod em {<br /> font-style: normal;<br /> display: block;<br /> margin-bottom: 3px;<br /> }<br /> <br /> td.equipment-ikod b {<br /> font-weight: normal;<br /> color: white;<br /> }<br /> <br /> td.equipment-ikod strong {<br /> font-weight: normal;<br /> color: red;<br /> }<br /> <br /> td.equipment-ikod ul {<br /> list-style: none;<br /> margin: 0;<br /> }<br /> <br /> td.equipment-ikod li {<br /> display: inline-block;<br /> width: 32px;<br /> height: 32px;<br /> line-height: 32px;<br /> margin: 0;<br /> margin-right: 14px;<br /> }<br /> <br /> td.equipment-ikod img {<br /> cursor: help;<br /> }<br /> <br /> td.equipment-ikod hr {<br /> border-top: 1px solid #0e0e0c;<br /> border-bottom: 1px solid #474745;<br /> margin: 7px 0;<br /> }<br /> <br /> .equipment-plinkp {<br /> position: absolute;<br /> width: 36px;<br /> height: 36px;<br /> left: 0px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head,<br /> .equipment-cape,<br /> .equipment-neck,<br /> .equipment-ammo,<br /> .equipment-weapon,<br /> .equipment-torso,<br /> .equipment-shield,<br /> .equipment-legs,<br /> .equipment-gloves,<br /> .equipment-boots,<br /> .equipment-ring,<br /> .equipment-statsbutton,<br /> .equipment-ikodbutton {<br /> position: absolute;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head {<br /> left: 70px;<br /> top: 0px;<br /> }<br /> <br /> .equipment-cape {<br /> left: 29px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-neck {<br /> left: 70px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-ammo {<br /> left: 111px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-weapon {<br /> left: 14px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-torso {<br /> left: 70px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-shield {<br /> left: 126px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-legs {<br /> left: 70px;<br /> top: 118px;<br /> }<br /> <br /> .equipment-gloves {<br /> left: 14px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-boots {<br /> left: 70px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-ring {<br /> left: 126px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-statsbutton {<br /> top: 204px;<br /> left: 0px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> .equipment-ikodbutton {<br /> top: 204px;<br /> left: 90px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> :root {<br /> --transcript-border-color: #b4a36a;<br /> --transcript-border-hover-color: #876f1d;<br /> --transcript-strikethrough-color: #800000<br /> }<br /> <br /> .transcript {<br /> background: var(--body-light);<br /> border-radius: 0 0 120px 120px / 0 0 8px 8px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> max-width: 90ch;<br /> overflow: hidden;<br /> margin-bottom: 1em;<br /> padding: 0.5em 1em 1em;<br /> clear: left<br /> }<br /> <br /> .transcript.godletter {<br /> margin: 1em auto;<br /> padding: 1em 1.5em;<br /> max-width: 60ch<br /> }<br /> <br /> .quest-action {<br /> text-align: center;<br /> font-style: italic;<br /> margin: 0 5%<br /> }<br /> <br /> .quest-action:before,.quest-action:after {<br /> content: '———';<br /> margin: 4px;<br /> letter-spacing: -1px<br /> }<br /> <br /> .transcript-chatbox-image {<br /> display: inline-block;<br /> margin-right: 5px;<br /> position: relative;<br /> text-align: center;<br /> width: 32px<br /> }<br /> <br /> .transcript-chatbox-image + .transcript-chatbox-image {<br /> left: -10px;<br /> top: 10px;<br /> margin-right: 0<br /> }<br /> <br /> .transcript-opt::before {<br /> display: inline-block;<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> width: 7px;<br /> height: 10px;<br /> margin-right: 5px<br /> }<br /> <br /> .transcript-opt.disabled {<br /> filter: opacity(0.5)<br /> }<br /> <br /> .ns-120 .mw-parser-output s,.transcript s {<br /> text-decoration-color: var(--transcript-strikethrough-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output .template-colour,.transcript .template-colour {<br /> text-shadow: 1px 1px #000a<br /> }<br /> <br /> :root {<br /> --byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%);<br /> --tile-border-color: #596e96;<br /> --tile-background-color: #313e59;<br /> --tile-link-button-color: #222e45;<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255,255,255,0.7);<br /> --tile-dark-header-color: #fff<br /> }<br /> <br /> .tile {<br /> background: var(--tile-background-color);<br /> border: 1px solid var(--tile-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1.5em 2em 1em;<br /> max-width: 40em<br /> }<br /> <br /> .tile h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile.dark {<br /> color: var(--tile-dark-color);<br /> background: var(--tile-dark-bg);<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .tile.dark h2 {<br /> color: var(--tile-dark-header-color)<br /> }<br /> <br /> .tile.dark a {<br /> color: var(--tile-dark-link-color)<br /> }<br /> <br /> .tile.dark .byline {<br /> color: var(--tile-dark-byline-color)<br /> }<br /> <br /> .byline {<br /> font-size: 0.9em;<br /> color: var(--byline-color)<br /> }<br /> <br /> .byline a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .tile-row {<br /> display: flex;<br /> flex-flow: row wrap;<br /> margin-bottom: 1em<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-flow: row wrap;<br /> border: 1px solid var(--tile-border-color);<br /> background: var(--tile-background-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .tile-halves h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile-halves .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile-top {<br /> width: 100%;<br /> padding: 1.3rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-top.tile-image {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--byline-color);<br /> overflow: hidden;<br /> padding: 0;<br /> height: 13vw;<br /> max-height: 12em;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-halves:hover .tile-top.tile-image img {<br /> transform: scale(1.1);<br /> transition: 0.5s ease-out<br /> }<br /> <br /> .tile-top.tile-image a {<br /> width: 100%<br /> }<br /> <br /> .tile-top.tile-image img {<br /> width: 100%;<br /> object-fit: cover;<br /> max-height: 200px;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-top.tile-image span {<br /> width: 100%<br /> }<br /> <br /> .tile-bottom {<br /> background: var(--tile-background-color);<br /> border-top: 1px solid var(--tile-border-color);<br /> width: 100%;<br /> padding: 1rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-bottom.link-button {<br /> align-self: flex-end;<br /> padding: 0<br /> }<br /> <br /> .tile-bottom.link-button a {<br /> display: block;<br /> text-align: center;<br /> padding: 0.75em 1.5em 0.8em;<br /> text-decoration: none<br /> }<br /> <br /> .tile-bottom.read-more {<br /> background: var(--tile-link-button-color);<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile-bottom.read-more a {<br /> color: var(--byline-color);<br /> font-weight: bold;<br /> text-align: right<br /> }<br /> <br /> .tile-bottom.read-more:hover {<br /> background: var(--tile-link-button-highlight-color)<br /> }<br /> <br /> .tile-bottom.read-more:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .tile-bottom.read-more .arrow {<br /> filter: var(--byline-arrow-filter);<br /> margin-left: 0.4em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile.oswf-day {<br /> margin-left: 0.5em<br /> }<br /> <br /> .oswf-tile {<br /> margin: 1em<br /> }<br /> <br /> .oswf-tile.oswf-complete {<br /> opacity: 0.65<br /> }<br /> <br /> .oswf-tile .oswf-summary {<br /> font-size: 105%;<br /> line-height: 1.6;<br /> margin-top: -0.4em<br /> }<br /> <br /> .oswf-tile .oswf-img {<br /> display: block;<br /> max-width: 75px;<br /> float: right<br /> }<br /> <br /> .oswf-tile .oswf-img img {<br /> max-width: 100%;<br /> height: auto<br /> }<br /> <br /> .oswf-tile .oswf-guidance {<br /> border-top: 1px solid #eee;<br /> padding-top: 1em<br /> }<br /> <br /> body.page-Main_Page .mw-parser-output {<br /> max-width: 75em;<br /> margin: 0 auto;<br /> }<br /> <br /> body.page-Main_Page.action-view .catlinks,<br /> body.page-Main_Page.action-view #contentSub,<br /> body.page-Main_Page.action-view #siteNotice {<br /> display: none;<br /> }<br /> <br /> body.page-Main_Page h1 { display: none; }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> margin: 2.6em 1.75em 1.5em<br /> }<br /> <br /> .mainpage-header .header-intro {<br /> flex: 2<br /> }<br /> <br /> .mainpage-header .header-intro h1 {<br /> font-size: 2.5em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.15em<br /> }<br /> <br /> .mainpage-header .header-intro p {<br /> font-size: 1.1em;<br /> line-height: 1.7em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> flex: 1;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> margin-top: -1em<br /> }<br /> <br /> .mainpage-body {<br /> display: grid;<br /> grid-template-areas: &quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left right&quot;;<br /> gap: 0.9rem;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-body h2 a {<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-body .tile {<br /> padding-left: 1.75em;<br /> padding-right: 1.75em;<br /> max-width: 100%<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> width: 100%;<br /> margin-bottom: 0<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> display: grid;<br /> gap: 0.9rem<br /> }<br /> <br /> .mainpage-left {<br /> grid-area: left;<br /> flex: 2;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-left &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .mainpage-right {<br /> grid-area: right;<br /> flex: 1;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-right &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .arrow {<br /> background: url(/images/White-chevron.svg?b82be) no-repeat;<br /> display: inline-block;<br /> height: 0.7rem;<br /> width: 0.45rem;<br /> vertical-align: middle<br /> }<br /> <br /> .arrow.dark {<br /> filter: invert(80%)<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-area: update;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves {<br /> flex: 1;<br /> align-content: flex-start<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-bottom.link-button a {<br /> text-align: left;<br /> padding: 1rem 1.5rem 0.75rem<br /> }<br /> <br /> .mainpage-recent-updates h2 {<br /> margin: -0.5em 0 0.3em<br /> }<br /> <br /> .mainpage-recent-updates p:not(.byline) {<br /> font-size: 0.9em;<br /> line-height: 1.75em;<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-contents {<br /> grid-area: content;<br /> grid-template-columns: repeat(6,1fr)<br /> }<br /> <br /> .mainpage-contents .tile-halves {<br /> flex: 1<br /> }<br /> <br /> .mainpage-contents .tile-top {<br /> position: relative<br /> }<br /> <br /> .mainpage-contents h2 {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> .mainpage-contents .tile-bottom.link-button a {<br /> padding: 0.75em 0.2em<br /> }<br /> <br /> .mainpage-skills ul {<br /> columns: 3 9em;<br /> margin: 1em 0.7em 0.7em 1em<br /> }<br /> <br /> .mainpage-skills li {<br /> display: flex;<br /> margin-bottom: 0.29em<br /> }<br /> <br /> .mainpage-skills li a:first-child {<br /> border-radius: 2px;<br /> padding: 4px;<br /> width: 25px;<br /> height: 25px;<br /> text-align: center;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center<br /> }<br /> <br /> .mainpage-skills li a:last-child {<br /> flex: 1;<br /> display: flex;<br /> align-items: center;<br /> font-weight: bold;<br /> padding-left: 0.7em;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-skills li:hover a:first-child {<br /> border-radius: 2px 0 0 2px<br /> }<br /> <br /> .mainpage-skills li:hover a:last-child {<br /> color: rgba(255,255,255,0.9);<br /> border-radius: 0 2px 2px 0<br /> }<br /> <br /> .skill-agility a:first-child,.skill-melee a:first-child {<br /> background: #bc483d<br /> }<br /> <br /> .skill-agility:hover a:last-child,.skill-melee:hover a:last-child {<br /> background: #932419<br /> }<br /> <br /> .skill-ranged a:first-child {<br /> background: #748d36<br /> }<br /> <br /> .skill-ranged:hover a:last-child {<br /> background: #4c6215<br /> }<br /> <br /> .skill-magic a:first-child {<br /> background: #6274ab<br /> }<br /> <br /> .skill-magic:hover a:last-child {<br /> background: #304791<br /> }<br /> <br /> .skill-fishing a:first-child,.skill-fletching a:first-child {<br /> background: #3e8e9a<br /> }<br /> <br /> .skill-fishing:hover a:last-child,.skill-fletching:hover a:last-child {<br /> background: #1a6671<br /> }<br /> <br /> .skill-cooking a:first-child,.skill-thieving a:first-child {<br /> background: #91689e<br /> }<br /> <br /> .skill-cooking:hover a:last-child,.skill-thieving:hover a:last-child {<br /> background: #713684<br /> }<br /> <br /> .skill-farming a:first-child,.skill-woodcutting a:first-child {<br /> background: #59924f<br /> }<br /> <br /> .skill-farming:hover a:last-child,.skill-woodcutting:hover a:last-child {<br /> background: #306f25<br /> }<br /> <br /> .skill-mining a:first-child {<br /> background: #6385a8<br /> }<br /> <br /> .skill-mining:hover a:last-child {<br /> background: #315f8d<br /> }<br /> <br /> .skill-smithing a:first-child {<br /> background: #d2b244<br /> }<br /> <br /> .skill-smithing:hover a:last-child {<br /> background: #b69213<br /> }<br /> <br /> .popular-pages ul {<br /> display: grid;<br /> grid-template-columns: repeat(3,1fr);<br /> grid-gap: 0.6em;<br /> margin: 1em 0 0.7em 0<br /> }<br /> <br /> .mp-popular-page-light {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--button-background);<br /> transition: 100ms<br /> }<br /> <br /> .mp-popular-page-light a {<br /> flex: 1;<br /> display: block;<br /> color: #fff;<br /> font-weight: bold;<br /> text-align: center;<br /> text-decoration: none;<br /> padding: 0.7em 1em<br /> }<br /> <br /> .mp-popular-page-light:hover {<br /> filter: brightness(115%);<br /> transition: 100ms<br /> }<br /> <br /> .mainpage-discord {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-discord .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #5865f2;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-discord .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-discord .tile-bottom {<br /> background: #525ee0;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-discord .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-discord .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-discord .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-discord .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-youtube {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-youtube .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-youtube .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-youtube .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-youtube .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-youtube .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-youtube .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-youtube .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-rl {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-rl .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #383838;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-rl .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-rl .tile-bottom {<br /> background: #FF9300;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-rl .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-rl .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-rl .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-rl .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-twitter {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-twitter .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-twitter .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-twitter .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-twitter .twitter-logo {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-twitter .twitter-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-twitter .twitter-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-twitter .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .mainpage-editing {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-editing .tile-top {<br /> background: #222e45<br /> }<br /> <br /> .mainpage-editing .tile-bottom {<br /> background: #3980ab;<br /> border: none;<br /> padding: 0.8rem 1.5rem 0.4rem<br /> }<br /> <br /> .mainpage-editing h2,.mainpage-editing a {<br /> color: #fff<br /> }<br /> <br /> .mainpage-editing p {<br /> color: rgba(255,255,255,0.9)<br /> }<br /> <br /> .mainpage-editing ul {<br /> list-style-image: url(/images/Transparent-chevron.svg?20dcf)<br /> }<br /> <br /> .mainpage-poll .ajaxpoll {<br /> border: none;<br /> background: none;<br /> padding: 0;<br /> width: auto<br /> }<br /> <br /> .mainpage-trailblazer {<br /> grid-area: event<br /> }<br /> <br /> .mainpage-trailblazer .tb-logo {<br /> margin-bottom: 0.9rem<br /> }<br /> <br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-trailblazer .tile-row .tile-top {<br /> height: 20vw;<br /> min-height: 9em<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1200px) {<br /> .mainpage-contents {<br /> grid-template-columns:repeat(3,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1000px) {<br /> .mainpage-body {<br /> grid-template-areas:&quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left left&quot; &quot;right right right&quot;<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-top {<br /> height: 18vw;<br /> min-height: 9em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> display: none<br /> }<br /> <br /> .mainpage-left &gt; *:last-child,.mainpage-right &gt; *:last-child {<br /> margin-bottom: 0<br /> }<br /> <br /> .popular-pages ul {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-recent-updates {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: flex<br /> }<br /> <br /> .mainpage-contents {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background-color: var(--body-main);<br /> border-top-color: var(--body-border);<br /> box-shadow: none<br /> }<br /> <br /> .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,.mw-prefs-tabs &gt; .oo-ui-menuLayout-content &gt; .oo-ui-indexLayout-stackLayout &gt; .oo-ui-tabPanelLayout {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --rc-positive-color: #407813;<br /> --rc-negative-color: #b41e0f<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: var(--rc-positive-color)<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: var(--rc-negative-color)<br /> }<br /> <br /> .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {<br /> border-color: var(--body-border);<br /> background-color: var(--body-light);<br /> border-radius: 2px<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-menuSelectWidget-footer {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-tagItemWidget-popup-content {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-changeslist-legend,.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .client-js .mw-changeslist ul,.client-js .mw-changeslist table.mw-enhanced-rc {<br /> margin-left: 0<br /> }<br /> <br /> .mw-rcfilters-ui-watchlistTopSectionWidget-separator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-header {<br /> border-bottom-color: var(--ooui-interface);<br /> background-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-title {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-header {<br /> border-bottom-color: var(--ooui-interface-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-savedLinksListItemWidget-label {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted ul,.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted table.mw-enhanced-rc {<br /> margin-left: 1.5em<br /> }<br /> <br /> .page-Special_CreateAccount .mw-ui-container,.page-Special_UserLogin .mw-ui-container {<br /> max-width: 64rem;<br /> margin: 0 auto<br /> }<br /> <br /> .mw-number-text {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-body-content .mw-number-text h3 {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-indicator-mw-helplink a {<br /> background: none;<br /> padding: 0;<br /> display: flex;<br /> align-items: center<br /> }<br /> <br /> #mw-indicator-mw-helplink a::before {<br /> content: '';<br /> margin-right: 5px;<br /> -webkit-mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> background: var(--text-color);<br /> height: 20px;<br /> width: 20px<br /> }<br /> <br /> .results-info {<br /> color: inherit<br /> }<br /> <br /> .mw-search-profile-tabs {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> .search-types .current a {<br /> color: inherit<br /> }<br /> <br /> #mw-searchoptions {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> #mw-searchoptions .divider {<br /> border-color: var(--body-border)<br /> }<br /> <br /> #mw-searchoptions h4 {<br /> font-family: inherit<br /> }<br /> <br /> #mw-searchoptions .oo-ui-labelElement:nth-of-type(odd) {<br /> font-weight: bold<br /> }<br /> <br /> .searchresult {<br /> line-height: 1.5<br /> }<br /> <br /> .searchalttitle,#mw-search-interwiki li {<br /> font-size: 90%<br /> }<br /> <br /> .mw-search-result-data {<br /> color: var(--byline-color)<br /> }<br /> <br /> .page-Special_ListFiles a.image img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .page-Special_ListFiles .TablePager_col_thumb {<br /> text-align: center<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] {<br /> background-color: var(--body-main) !important;<br /> border-color: var(--wikitable-border) !important;<br /> margin-top: 0.5em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th,#editcount table[border=&quot;1&quot;] td {<br /> padding: 0.2em 0.4em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th {<br /> background-color: var(--wikitable-header-bg);<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] td {<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] tr:nth-child(odd) {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget {<br /> background-color: inherit<br /> }<br /> <br /> table.mw-interwikitable.body td.mw-interwikitable-local-yes {<br /> background-color: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .mw-protectedpages-unknown {<br /> color: var(--byline-color)<br /> }<br /> <br /> .watchlistredir,.allpagesredirect {<br /> font-style: italic<br /> }<br /> <br /> .allpagesredirect:after {<br /> color: var(--byline-color);<br /> content: &quot; (redirect)&quot;<br /> }<br /> <br /> .mw-apisandbox-toolbar {<br /> background: var(--body-main)<br /> }<br /> <br /> .oo-ui-menuOptionWidget .mw-apisandbox-flag {<br /> color: var(--byline-color)<br /> }<br /> <br /> tr.mw-abusefilter-list-disabled,tr.mw-abusefilter-list-disabled td {<br /> color: var(--byline-color)<br /> }<br /> <br /> table.mw-abuselog-details {<br /> background: var(--wikitable-bg);<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> table.mw-abuselog-details th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> table.mw-abuselog-details th,table.mw-abuselog-details td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-abusefilter-log-hidden-entry {<br /> color: var(--subtle-color)<br /> }<br /> <br /> body td.mw-abusefilter-history-changed {<br /> background: var(--table-no-background)<br /> }<br /> <br /> div.mw-abusefilter-editor,#mw-abusefilter-warn-preview,#mw-abusefilter-disallow-preview {<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-destfile-warning {<br /> border-color: var(--warningbox-border);<br /> color: var(--text-color);<br /> background-color: var(--warningbox-bg)<br /> }<br /> <br /> span.fileinput-button {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> ul.fileupload-results li.ful-success {<br /> background-color: var(--successbox-bg)<br /> }<br /> <br /> ul.fileupload-results li.ful-success a {<br /> color: var(--link-color)<br /> }<br /> <br /> ul.fileupload-results li.ful-error {<br /> background-color: var(--errorbox-bg)<br /> }<br /> <br /> #siteNotice {<br /> text-align: center<br /> }<br /> <br /> #siteNotice ul {<br /> list-style: none<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-body {<br /> margin: 0<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-close {<br /> float: none;<br /> text-align: right<br /> }<br /> <br /> .mw-dismissable-notice-close-parent {<br /> min-height: 1em<br /> }<br /> <br /> .mmg-xpline:after {<br /> content: ','<br /> }<br /> <br /> .mmg-xpline:last-child:after {<br /> content: ''<br /> }<br /> <br /> .mmg-itemline {<br /> display: block<br /> }<br /> <br /> .discussiontable th {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .discussiontable .topic,.discussiontable .edited,.discussiontable .edited-by,.discussiontable .rg-archive {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .dpltable {<br /> margin-top: -30px<br /> }<br /> <br /> .dpltable td {<br /> padding-left: 5px<br /> }<br /> <br /> .dpltable,.discussiontable {<br /> width: 100%<br /> }<br /> <br /> .dpltable .topic,.discussiontable .topic {<br /> width: 40%<br /> }<br /> <br /> .dpltable .edited,.discussiontable .edited,.dpltable .edited-by,.discussiontable .edited-by {<br /> width: 30%<br /> }<br /> <br /> .dpltable .rg-archive,.discussiontable .rg-archive {<br /> width: 20%<br /> }<br /> <br /> body.ns-110 #ca-talk {<br /> display: none<br /> }<br /> <br /> :root {<br /> --gemw-positive-color: #6bc71f;<br /> --gemw-unchanged-color: #3ea6e6;<br /> --gemw-negative-color: #ee4231;<br /> --gemw-historical-border-color: #000<br /> }<br /> <br /> .gemw-container {<br /> max-width: 60em;<br /> margin: 4em auto<br /> }<br /> <br /> .gemw-header {<br /> display: flex;<br /> border-left-width: 0.25em;<br /> border-left-style: solid;<br /> padding-left: 1em;<br /> margin-bottom: 3em<br /> }<br /> <br /> .gemw-header.positive {<br /> border-color: var(--gemw-positive-color)<br /> }<br /> <br /> .gemw-header.negative {<br /> border-color: var(--gemw-negative-color)<br /> }<br /> <br /> .gemw-header.unchanged {<br /> border-color: var(--gemw-unchanged-color)<br /> }<br /> <br /> .gemw-header .gemw-section-left {<br /> flex: 1<br /> }<br /> <br /> .gemw-header .gemw-name {<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> margin-bottom: 0<br /> }<br /> <br /> .gemw-header .gemw-name a {<br /> color: inherit<br /> }<br /> <br /> .gemw-header .gemw-examine {<br /> color: var(--byline-color);<br /> font-size: 1.05em;<br /> font-style: italic;<br /> margin: 0 1em 1.25em 0<br /> }<br /> <br /> .gemw-header .gemw-price {<br /> display: inline-block;<br /> font-size: 2.75em;<br /> font-weight: bold<br /> }<br /> <br /> .gemw-header .gemw-price::after {<br /> content: ' coins';<br /> color: var(--byline-color);<br /> font-size: 1rem;<br /> font-weight: normal;<br /> word-spacing: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-change {<br /> display: inline-block;<br /> font-size: 1rem;<br /> font-weight: bold;<br /> margin-left: 2em;<br /> word-spacing: 0.5em<br /> }<br /> <br /> .gemw-header .gemw-change img {<br /> vertical-align: baseline<br /> }<br /> <br /> .gemw-header .gemw-section-right {<br /> text-align: right<br /> }<br /> <br /> .gemw-header .gemw-updated {<br /> color: var(--byline-color);<br /> line-height: 1.5em;<br /> margin-top: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-time {<br /> color: var(--byline-color);<br /> font-weight: bold<br /> }<br /> <br /> .gemw-body {<br /> display: flex<br /> }<br /> <br /> .gemw-body .gemw-section-left {<br /> width: 40%;<br /> margin-right: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left dl {<br /> display: flex;<br /> flex-flow: row wrap;<br /> justify-content: space-between;<br /> margin-bottom: -1.25em<br /> }<br /> <br /> .gemw-body .gemw-section-left &gt; div {<br /> margin-top: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .gemw-body .gemw-property {<br /> width: 30%;<br /> border-top: 0.15em dotted var(--body-mid);<br /> padding-top: 0.25em;<br /> margin-bottom: 1.5em<br /> }<br /> <br /> .gemw-body .gemw-property dt {<br /> color: var(--byline-color);<br /> font-weight: normal<br /> }<br /> <br /> .gemw-body .gemw-property dd {<br /> font-weight: bold;<br /> margin: -0.25em 0 0<br /> }<br /> <br /> .gemw-body .gemw-links {<br /> color: var(--byline-color);<br /> margin-bottom: 0.35em<br /> }<br /> <br /> .gemw-body .gemw-section-right {<br /> width: 60%<br /> }<br /> <br /> .gemw-body .gemw-chart {<br /> color: #eceeee;<br /> font-size: 5em;<br /> text-align: center;<br /> line-height: 5em;<br /> position: relative<br /> }<br /> <br /> .gemw-body .gemw-chart .GEChartBox,.gemw-body .gemw-chart .GEdatachart {<br /> position: relative<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header.positive,.gemw-container.gemw-historical .gemw-header.negative,.gemw-container.gemw-historical .gemw-header.neutral,.gemw-container.gemw-historical .gemw-header.unchanged {<br /> border-color: var(--gemw-historical-border-color)<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-time .jsPurgeLink,.gemw-container.gemw-historical .gemw-header .gemw-time &gt; span.plainlinks {<br /> display: none<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-section-left:after {<br /> content: &quot;This is a historical item no longer available on the Grand Exchange. The data is preserved here as an archive.&quot;;<br /> font-style: italic<br /> }<br /> <br /> #overlay {<br /> display: none;<br /> background-color: var(--ooui-window-background);<br /> height: auto;<br /> width: auto;<br /> overflow: hidden;<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> bottom: 0;<br /> left: 0;<br /> z-index: 50<br /> }<br /> <br /> #GEchartpopup g.highcharts-label text &gt; a:visited,.GEdatachart g.highcharts-label text &gt; a:visited {<br /> fill: white<br /> }<br /> <br /> #GEchartpopup {<br /> background: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> border-radius: 2px;<br /> color: var(--ooui-text);<br /> position: fixed;<br /> left: 0;<br /> right: 0;<br /> top: 1em;<br /> bottom: 1em;<br /> margin: auto;<br /> padding: 1em;<br /> max-width: 975px;<br /> z-index: 52;<br /> overflow: auto<br /> }<br /> <br /> #GEchartpopup #closepopup {<br /> float: right;<br /> margin-bottom: 5px;<br /> z-index: 100<br /> }<br /> <br /> #GEchartpopup #itemstats {<br /> bottom: 50px;<br /> font-size: 11px;<br /> position: absolute;<br /> right: 45px;<br /> width: 200px;<br /> z-index: 10<br /> }<br /> <br /> #GEchartpopup #itemstats caption {<br /> cursor: pointer;<br /> text-align: right<br /> }<br /> <br /> #GEpopupchart {<br /> height: 500px<br /> }<br /> <br /> .highcharts-container .highcharts-range-selector {<br /> font-size: 11px<br /> }<br /> <br /> .GEPermLink {<br /> float: right;<br /> font-size: 14px<br /> }<br /> <br /> .GEPermLink ~ .GEdatachart {<br /> clear: right<br /> }<br /> <br /> form[id^=&quot;chartProperties&quot;] button {<br /> margin: 3px<br /> }<br /> <br /> .smallChart .highcharts-range-selector {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-button title + rect {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-title {<br /> white-space: nowrap !important<br /> }<br /> <br /> .smallChart .zoomButton,.smallChart svg &gt; text:first-of-type,.smallChart .highcharts-input-group {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-scrollbar,.mediumChart .highcharts-scrollbar {<br /> display: none<br /> }<br /> <br /> .highcharts-background,.highcharts-plot-background {<br /> fill: transparent<br /> }<br /> <br /> .highcharts-title,.highcharts-subtitle {<br /> color: var(--text-color) !important<br /> }<br /> <br /> .highcharts-axis-title {<br /> fill: var(--text-color) !important<br /> }<br /> <br /> .highcharts-yaxis-grid .highcharts-grid-line,.highcharts-tick,.highcharts-axis-line {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-axis-labels text,.highcharts-range-selector-group text {<br /> color: var(--ooui-text) !important;<br /> fill: var(--ooui-text) !important<br /> }<br /> <br /> .highcharts-label-box {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-button-box {<br /> fill: var(--ooui-normal)<br /> }<br /> <br /> .highcharts-navigator-outline {<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-track {<br /> fill: transparent;<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-button,.highcharts-scrollbar-thumb,.highcharts-navigator-handle {<br /> fill: var(--ooui-normal);<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-scrollbar-arrow {<br /> fill: var(--ooui-text)<br /> }<br /> <br /> .highcharts-scrollbar-rifles {<br /> stroke: var(--ooui-text)<br /> }<br /> <br /> #t-print,#t-permalink {<br /> display: none<br /> }<br /> <br /> .jcConfig {<br /> display: none<br /> }<br /> <br /> #filetoc {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> border-color: transparent;<br /> margin: 0.5em auto;<br /> text-align: center;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> .smwfact {<br /> display: none<br /> }<br /> <br /> .list-header {<br /> background-color: var(--body-mid);<br /> color: inherit<br /> }<br /> <br /> .editOptions {<br /> color: var(--text-color);<br /> background-color: var(--sourceeditor-background-secondary);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .updatedmarker {<br /> background-color: #c3e8a3;<br /> color: #162e02<br /> }<br /> <br /> .mw-json th,.mw-json td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-json td {<br /> background: var(--wikitable-bg)<br /> }<br /> <br /> .mw-json th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> <br /> html {<br /> -webkit-text-size-adjust: 100%<br /> }<br /> <br /> body {<br /> background: var(--body-background-image) var(--body-background-color) top left / 1500px 375px no-repeat;<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .vector-body {<br /> font-size: 0.9em<br /> }<br /> <br /> #firstHeading {<br /> font-weight: bold<br /> }<br /> <br /> pre,code,.mw-code {<br /> color: inherit;<br /> background-color: var(--mw-code-background-color);<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> dl {<br /> margin: 0<br /> }<br /> <br /> ul {<br /> list-style-image: var(--ul-list-style-image)<br /> }<br /> <br /> hr {<br /> background: none;<br /> border-color: var(--body-border);<br /> border-style: solid;<br /> border-width: 1px 0 0 0;<br /> height: initial<br /> }<br /> <br /> fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .vector-body blockquote {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --personal-links-bg: var(--body-main);<br /> --arrow-down: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5' fill='%23444'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading {<br /> background-color: var(--vector-tab-background);<br /> padding: 1em 0.75em 0.6923em;<br /> margin: 0<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading,.vector-menu-dropdown .vector-menu-heading:hover,.vector-menu-dropdown .vector-menu-heading:focus {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading:after {<br /> background-image: var(--arrow-down);<br /> opacity: 1<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-content {<br /> border-color: transparent;<br /> background-color: var(--body-light);<br /> box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);<br /> left: 0<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item a {<br /> color: var(--link-color)<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item.selected a,.vector-menu-dropdown .mw-list-item.selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> #p-personal {<br /> background: var(--personal-links-bg);<br /> top: 0;<br /> right: 0;<br /> border-radius: 0 0 0 4px;<br /> height: 1.875em<br /> }<br /> <br /> #p-personal ul {<br /> padding: 0 1em 0 0.4375em<br /> }<br /> <br /> .vector-search-box-inner {<br /> background: var(--search-box);<br /> height: 2.5em;<br /> margin-top: 0;<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-search-box-input {<br /> color: var(--text-color);<br /> height: 100%;<br /> border: none;<br /> background: none;<br /> padding-left: 0.75em<br /> }<br /> <br /> .vector-search-box-input::placeholder {<br /> color: var(--text-color);<br /> opacity: 0.67<br /> }<br /> <br /> .vector-search-box-inner:hover .vector-search-box-input,.vector-search-box-input:focus,.vector-search-box-inner:hover .vector-search-box-input:focus {<br /> border: none;<br /> box-shadow: none<br /> }<br /> <br /> :root {<br /> --searchbutton-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13'%3E%3Cg fill='none' stroke='%238cabe6' stroke-width='2'%3E%3Cpath d='M11.29 11.71l-4-4'/%3E%3Ccircle cx='5' cy='5' r='4'/%3E%3C/g%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .searchButton[name='go'] {<br /> background: no-repeat center var(--searchbutton-icon)<br /> }<br /> <br /> .vector-search-box {<br /> margin: 0<br /> }<br /> <br /> .vector-search-box form {<br /> margin-top: 0<br /> }<br /> <br /> .suggestions-results {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-result {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions a.mw-searchSuggest-link,.suggestions a.mw-searchSuggest-link:hover,.suggestions a.mw-searchSuggest-link:active,.suggestions a.mw-searchSuggest-link:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-special {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-special .special-label {<br /> color: var(--byline-color)<br /> }<br /> <br /> .suggestions-special .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current .special-label,.suggestions-result-current .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-panel {<br /> padding-top: 2.5em<br /> }<br /> <br /> .vector-menu-portal .vector-menu-heading {<br /> color: var(--background-text-color);<br /> font-weight: bold;<br /> background: none<br /> }<br /> <br /> .vector-menu-portal .vector-menu-content li a,.vector-menu-portal .vector-menu-content li a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-logo {<br /> filter: drop-shadow(0 2px 5px rgba(0,0,0,0.25));<br /> margin: -1.5em 0 0<br /> }<br /> <br /> #n-Discord a {<br /> color: #fff !important;<br /> font-weight: bold;<br /> border-radius: 4px;<br /> border: 1px solid #4c57d0;<br /> background-color: #5865f2;<br /> display: block;<br /> position: relative;<br /> padding: 4px 4px 5px calc(17px + 6.5px * 2);<br /> box-shadow: 0 2px 3px rgba(0,0,0,0.1);<br /> transition: 0.2s<br /> }<br /> <br /> #n-Discord a::before {<br /> content: 'Chat on ';<br /> font-weight: normal;<br /> opacity: 0.85<br /> }<br /> <br /> #n-Discord a::after {<br /> content: '';<br /> background: url(/images/0/06/Discord_logo_icon1.png) no-repeat;<br /> background-size: 17px 13px;<br /> filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));<br /> position: absolute;<br /> top: 5px;<br /> left: 7px;<br /> width: 17px;<br /> height: 13px<br /> }<br /> <br /> #n-Discord a:hover {<br /> text-decoration: none;<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a {<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a:hover {<br /> background-color: #4c57d0<br /> }<br /> <br /> :root {<br /> --vector-tab-background: var(--body-background-color);<br /> --vector-tab-background--hover: var(--body-mid);<br /> --vector-tab-link-color: var(--background-link-color);<br /> --watch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='transparent' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;);<br /> --unwatch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%238cabe6' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;)<br /> }<br /> <br /> .vector-menu-tabs-legacy {<br /> padding: 0<br /> }<br /> <br /> .vector-menu-tabs-legacy .new a,.vector-menu-tabs-legacy .new a:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected {<br /> background: var(--body-main)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected a,.vector-menu-tabs-legacy .selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy li a {<br /> color: var(--vector-tab-link-color);<br /> padding: 0 0.75em;<br /> padding-top: 1em<br /> }<br /> <br /> .vector-menu-tabs-legacy li a:visited {<br /> color: var(--vector-tab-link-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul li {<br /> background: var(--vector-tab-background)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul a:hover {<br /> text-decoration: none<br /> }<br /> <br /> #ca-view {<br /> display: none !important<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected):hover,#p-cactions:hover #p-cactions-label {<br /> background: var(--vector-tab-background--hover)<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected),#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-menu-tabs,.vector-menu-tabs a,#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> background-image: none<br /> }<br /> <br /> .ve-activated .vector-menu-tabs .selected {<br /> box-shadow: none<br /> }<br /> <br /> .vector-menu-tabs #ca-watch.icon a:before,.vector-menu-tabs #ca-watch.icon a:hover:before,.vector-menu-tabs #ca-watch.icon a:focus:before {<br /> background-image: var(--watch-icon)<br /> }<br /> <br /> .vector-menu-tabs #ca-unwatch.icon a:before,.vector-menu-tabs #ca-unwatch.icon a:hover:before,.vector-menu-tabs #ca-unwatch.icon a:focus:before {<br /> background-image: var(--unwatch-icon)<br /> }<br /> <br /> #p-Recent_changes {<br /> display: block<br /> }<br /> <br /> #p-Recent_changes .vector-menu-content {<br /> display: none<br /> }<br /> <br /> #p-Recent_changes .vector-menu-heading:after {<br /> content: '';<br /> position: relative;<br /> left: 0.5em;<br /> display: inline-block;<br /> background-color: #3c7b07;<br /> width: 6px;<br /> height: 6px;<br /> border-radius: 100%<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-item {<br /> position: relative;<br /> font-size: 0.75em;<br /> margin: 0.5em 0.25em 0 0.66em<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page {<br /> display: block;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden;<br /> max-width: max-content<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page,#p-Recent_changes .rc-sidebar-page:active,#p-Recent_changes .rc-sidebar-page:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user {<br /> color: var(--byline-color);<br /> margin: 0;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user a {<br /> color: inherit<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more {<br /> text-align: left<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more .rc-sidebar-page {<br /> display: inline-block<br /> }<br /> <br /> div.thumbinner {<br /> border: none;<br /> background-color: var(--thumb-bg);<br /> padding: 0<br /> }<br /> <br /> .thumbimage {<br /> background-color: transparent;<br /> border-color: transparent;<br /> border-bottom: none<br /> }<br /> <br /> .thumbcaption {<br /> background: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border)<br /> }<br /> <br /> .toc {<br /> font-size: 0.9em;<br /> background: var(--toc-bg);<br /> margin-top: 1em;<br /> padding: 0;<br /> border-color: var(--toc-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> clear: left<br /> }<br /> <br /> .toc .toctitle {<br /> background: var(--toc-title-bg);<br /> padding: 0.25em 1em<br /> }<br /> <br /> .toc .toctitle h2 {<br /> font-family: inherit<br /> }<br /> <br /> .toc &gt; ul {<br /> line-height: 1.8em;<br /> padding: 0.75em 1.75em;<br /> margin: 0<br /> }<br /> <br /> .toc ul ul {<br /> border-left: 1px dotted var(--toc-list-border-color);<br /> padding-left: 0.5em<br /> }<br /> <br /> .tocnumber {<br /> display: none<br /> }<br /> <br /> .toctogglespan {<br /> padding-left: 0.2em;<br /> font-size: 0.9em<br /> }<br /> <br /> .toctogglelabel {<br /> color: var(--link-color)<br /> }<br /> <br /> .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 {<br /> display: none<br /> }<br /> <br /> :root {<br /> --external-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238cabe6' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image: var(--external-icon);<br /> background-size: 0.833em<br /> }<br /> <br /> .mw-editsection {<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type),.mw-editsection-divider {<br /> color: var(--text-color)<br /> }<br /> <br /> #contentSub,#contentSub2 {<br /> color: var(--byline-color);<br /> margin: 0<br /> }<br /> <br /> #contentSub:not(:empty),#contentSub2:not(:empty) {<br /> margin: 0 0 1.4em 0<br /> }<br /> <br /> .mw-collapsible.mw-collapsed {<br /> min-width: 250px<br /> }<br /> <br /> .mw-collapsible:not(.mw-made-collapsible) th::before,.mw-collapsible .mw-collapsible-toggle {<br /> font-weight: normal;<br /> margin-left: 0.2em<br /> }<br /> .mw-collapsible-toggle-default .mw-collapsible-text {<br /> color: #8cabe6;<br /> }<br /> .wikiEditor-ui .wikiEditor-ui-view,.wikiEditor-ui .wikiEditor-ui-top {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar {<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab &gt; a,.wikiEditor-ui-toolbar .tabs span.tab &gt; a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a.current,.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br /> color: var(--text-colour)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select {<br /> background-color: var(--sourceeditor-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options .option {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group-search {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table td {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table th {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .section {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .group &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .tool &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet &gt; .index &gt; :hover {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet .index &gt; .current {<br /> background-color: var(--body-mid);<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span:hover {<br /> border-color: var(--body-dark);<br /> background-color: transparent<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a:before,.wikiEditor-ui-toolbar .group .tool-select .label:after {<br /> background: var(--text-color);<br /> -webkit-mask: var(--arrow-down) center no-repeat;<br /> mask: var(--arrow-down) center no-repeat<br /> }<br /> <br /> .ace-tm {<br /> background-color: var(--sourceeditor-input-background);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter {<br /> background: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-cell {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-active-line {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .ace_search {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ace_search_field {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .ace_searchbtn {<br /> border-color: var(--ooui-normal-border);<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ace_searchbtn:last-child {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .ace_searchbtn:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .ace_searchbtn.prev:after,.ace_searchbtn.next:after {<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .ace_button {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace_button:hover {<br /> background-color: rgba(0,23,70,0.086)<br /> }<br /> <br /> .ace_button:active {<br /> background-color: rgba(0,23,70,0.06)<br /> }<br /> <br /> .ace_button.checked {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .CodeMirror {<br /> background: var(--sourceeditor-input-background)<br /> }<br /> <br /> .CodeMirror pre {<br /> color: var(--text-color)<br /> }<br /> <br /> .codeEditor-status {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .codeEditor-status-message {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-gutters {<br /> background-color: var(--codemirror-gutter-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-linenumber {<br /> color: var(--text-color)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget .CodeMirror-linenumber {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-editform #wpTextbox1 {<br /> color: var(--text-color);<br /> background: var(--sourceeditor-input-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> input[name=&quot;model&quot;][value=&quot;Scribunto&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;css&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;less&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;javascript&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;json&quot;] ~ .wikiEditor-ui #wpTextbox1 {<br /> height: 600px<br /> }<br /> <br /> .tdg-templateDataDialog-listParamsPanel textarea.oo-ui-textInputWidget-autosized {<br /> resize: vertical<br /> }<br /> <br /> #wpAceFilterEditor {<br /> resize: horizontal<br /> }<br /> <br /> .warn-userupload,.ns-2 .upload-own-work {<br /> display: none<br /> }<br /> <br /> .ns-2 .warn-userupload {<br /> display: inline<br /> }<br /> <br /> textarea[name=&quot;wfUploadDescription&quot;] {<br /> height: 3em<br /> }<br /> <br /> #editform {<br /> margin-top: 1.25em<br /> }<br /> <br /> #mw-scribunto-input,#mw-scribunto-output {<br /> padding: 3px;<br /> font-family: monospace;<br /> font-size: 13px;<br /> line-height: 1.5em<br /> }<br /> <br /> #mw-scribunto-input {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> :root {<br /> --scribuntoconsole-input: #0b5884;<br /> --scibuntoconsole-print: #a48900;<br /> --scribuntoconsole-error: #9f261e;<br /> --scribuntoconsole-message: #3c780a;<br /> --scribuntoconsole-tabcomplete: #4f348b;<br /> --scribuntoconsole-clear: #9f261e<br /> }<br /> <br /> .mw-scribunto-console-fieldset {<br /> color: inherit;<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-scribunto-normalOutput,.mw-scribunto-print,.mw-scribunto-error,.mw-scribunto-propList,.mw-scribunto-message,.mw-scribunto-tabcomplete {<br /> background: none<br /> }<br /> <br /> .mw-scribunto-input {<br /> color: var(--scribuntoconsole-input)<br /> }<br /> <br /> .mw-scribunto-normalOutput {<br /> color: inherit<br /> }<br /> <br /> .mw-scribunto-print {<br /> color: var(--scibuntoconsole-print)<br /> }<br /> <br /> .mw-scribunto-error {<br /> color: var(--scribuntoconsole-error)<br /> }<br /> <br /> .mw-scribunto-propList,.mw-scribunto-message {<br /> color: var(--scribuntoconsole-message)<br /> }<br /> <br /> .mw-scribunto-tabcomplete {<br /> color: var(--scribuntoconsole-tabcomplete)<br /> }<br /> <br /> .mw-scribunto-clear {<br /> color: var(--scribuntoconsole-clear);<br /> border-bottom-color: var(--scribuntoconsole-clear)<br /> }<br /> <br /> .ui-widget-overlay {<br /> background: var(--ooui-window-background)<br /> }<br /> <br /> .ui-dialog,.ui-widget-content {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> background-image: none;<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar.ui-widget-header,.ui-widget-content .ui-dialog-titlebar.ui-widget-header {<br /> background-image: none !important;<br /> background-color: var(--body-dark) !important;<br /> border-color: var(--body-border) !important<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar .ui-dialog-title,.ui-widget-content .ui-dialog-titlebar .ui-dialog-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close,.ui-widget-content .ui-dialog-titlebar-close {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close:hover,.ui-widget-content .ui-dialog-titlebar-close:hover {<br /> background: var(--ooui-normal--hover);<br /> border: var(--link-color)<br /> }<br /> <br /> .ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {<br /> background: var(--ooui-normal) !important;<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border) !important<br /> }<br /> <br /> .ui-button:hover,.ui-state-default:hover,.ui-widget-content .ui-state-default:hover,.ui-widget-header .ui-state-default:hover {<br /> background: var(--ooui-normal--hover) !important;<br /> color: var(--ooui-text)<br /> }<br /> <br /> .infobox {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> font-size: 0.85em;<br /> width: 300px;<br /> margin: 0.5em 0 1em 1em;<br /> border-collapse: collapse;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> table-layout: fixed;<br /> word-break: break-word<br /> }<br /> <br /> .infobox .infobox-header {<br /> color: var(--infobox-text-color);<br /> font-size: 1.15em;<br /> line-height: 1.4em;<br /> background: var(--body-dark);<br /> padding: 0.5em 0<br /> }<br /> <br /> .infobox .infobox-header a {<br /> color: inherit;<br /> font-size: 1.15em;<br /> font-weight: bold<br /> }<br /> <br /> .infobox .infobox-subheader {<br /> background: var(--body-dark);<br /> color: var(--infobox-text-color);<br /> line-height: 2em<br /> }<br /> <br /> .infobox .infobox-subheader a {<br /> color: inherit<br /> }<br /> <br /> .infobox .infobox-subheader + .infobox-subheader {<br /> border-left: 2px solid var(--body-light)<br /> }<br /> <br /> .infobox .infobox-image {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-image.inventory-image {<br /> height: 32px<br /> }<br /> <br /> .infobox .infobox-image a.image + a.image {<br /> margin-left: 0.1em<br /> }<br /> <br /> .infobox .infobox-image img {<br /> max-width: 300px;<br /> height: auto<br /> }<br /> <br /> .infobox th:not(.infobox-header):not(.infobox-subheader):not(.infobox-nested) {<br /> text-align: right;<br /> vertical-align: top;<br /> border-right: 2px solid var(--body-dark);<br /> padding: 0.2em 0.5em<br /> }<br /> <br /> .infobox td {<br /> padding: 0.25em 0.5em;<br /> line-height: 1.6em<br /> }<br /> <br /> .infobox td.infobox-nested {<br /> padding: 0.25em 0;<br /> line-height: 1em<br /> }<br /> <br /> .infobox th ~ td {<br /> vertical-align: top<br /> }<br /> <br /> .infobox .infobox-padding {<br /> height: 0.5em;<br /> padding: 0;<br /> border: 0<br /> }<br /> <br /> .infobox .infobox-nested {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-nested + .infobox-nested {<br /> border-left: 2px solid var(--body-dark)<br /> }<br /> <br /> .infobox .infobox-cell-hidden {<br /> display: none<br /> }<br /> <br /> .infobox .infobox-full-width-content {<br /> max-width: 300px;<br /> text-align: center;<br /> overflow: hidden;<br /> padding: 0<br /> }<br /> <br /> .infobox .infobox-caption {<br /> font-weight: bold<br /> }<br /> <br /> .infobox select {<br /> max-width: 300px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .infobox-item .infobox-image {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .infobox.skill-info {<br /> float: none;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses {<br /> clear: left;<br /> float: none;<br /> word-break: break-word;<br /> font-size: 100%;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image {<br /> width: 125px;<br /> text-align: center;<br /> vertical-align: middle;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image-caption {<br /> font-size: 0.85em<br /> }<br /> <br /> .infobox-bonuses .infobox-subheader {<br /> width: 250px<br /> }<br /> <br /> .skill-info a[href$=&quot;?action=edit&quot;] + a[href$=&quot;?action=edit&quot;] {<br /> display: none<br /> }<br /> <br /> .poh-room {<br /> background-color: var(--infobox-room-poh-color);<br /> margin: auto;<br /> width: 100px<br /> }<br /> <br /> .poh-room img {<br /> display: block<br /> }<br /> <br /> .poh-room-row {<br /> display: flex<br /> }<br /> <br /> .poh-room-text {<br /> margin: auto;<br /> width: 92px<br /> }<br /> <br /> .infobox-buttons {<br /> text-align: center;<br /> max-width: 300px;<br /> display: none<br /> }<br /> <br /> .infobox-switch-resources {<br /> display: none<br /> }<br /> <br /> .switch-infobox .switch-infobox-triggers,.switch-infobox .loading-button {<br /> clear: left<br /> }<br /> <br /> .infobox-pure .max-hit-list a {<br /> display: inline-block;<br /> min-width: 32px;<br /> min-height: 32px;<br /> text-align: center<br /> }<br /> <br /> .advanced-data {<br /> display: none<br /> }<br /> <br /> .multi-infobox .infobox {<br /> margin: 0<br /> }<br /> <br /> :root {<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--body-dark);<br /> --navbox-group-title-background: var(--body-mid)<br /> }<br /> <br /> .navbox {<br /> font-size: 0.85em;<br /> background: var(--navbox-background);<br /> border-collapse: collapse;<br /> margin: 1em auto 0;<br /> width: 100%;<br /> clear: both;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .navbox img {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .navbox .navbox {<br /> font-size: 100%;<br /> margin: 0.5em auto 0;<br /> box-shadow: none<br /> }<br /> <br /> .navbox-title {<br /> font-size: 110%;<br /> line-height: 1.6em;<br /> background: var(--navbox-title-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-title-name {<br /> margin: 0 4em<br /> }<br /> <br /> .navbox-title .mw-collapsible-toggle {<br /> color: #fff;<br /> font-size: 0.9em;<br /> text-align: right<br /> <br /> }<br /> <br /> .navbox-title .navbox {<br /> font-size: 100%<br /> }<br /> <br /> .navbox-group:nth-child(2) {<br /> border-top: 1px solid var(--navbox-border)<br /> }<br /> <br /> .navbox-group-title {<br /> background: var(--navbox-group-title-background);<br /> border: 1px solid var(--navbox-border);<br /> border-width: 0 1px 1px 0;<br /> text-align: left;<br /> padding: 0.25em 1em;<br /> width: 1%;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list {<br /> border-bottom: 1px solid var(--navbox-border);<br /> padding: 0.25em 0.5em<br /> }<br /> <br /> .navbox-list ul {<br /> margin: 0<br /> }<br /> <br /> .navbox-list li {<br /> display: inline;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list li + li::before {<br /> content: '• '<br /> }<br /> <br /> .navbox-parent {<br /> padding: 0<br /> }<br /> <br /> .navbox-subgroup {<br /> border-collapse: collapse;<br /> border-spacing: 0;<br /> width: 100%<br /> }<br /> <br /> .navbox-subgroup &gt; tbody &gt; tr:last-child &gt; th,.navbox-subgroup &gt; tbody &gt; tr:last-child &gt; td {<br /> border-bottom: none<br /> }<br /> <br /> .navbox-footer {<br /> background: var(--navbox-footer-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-data {<br /> display: none<br /> }<br /> <br /> :root {<br /> --echo-icon-moon-bg-image: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='21' viewBox='0 0 21 21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.85464918.37900488c-1.91149353 1.51069427-3.13816124 3.84973402-3.13816124 6.47527736 0 4.55564936 3.69308349 8.24873286 8.24873286 8.24873286 2.5815709 0 4.8861545-1.1859235 6.3986798-3.0426994-.8206378 4.7389755-4.9523867 8.343122-9.9259291 8.343122-5.56375572 0-10.07407088-4.5103151-10.07407088-10.0740709 0-5.02506013 3.67919933-9.19079725 8.49074856-9.95036192z' fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-person-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213.836%22 viewBox=%220 0 12 13.836%22%3E %3Cpath fill='%234c4c4c' d=%22M1.938%2C6.656c-1.32%2C1.485-1.47%2C3.15-0.97%2C4.25c0.323%2C0.707%2C0.78%2C1.127%2C1.313%2C1.375 c0.496%2C0.229%2C1.074%2C0.273%2C1.658%2C0.282c0.023%2C0%2C0.04%2C0.03%2C0.062%2C0.03h4.187c0.61%2C0%2C1.225-0.125%2C1.75-0.405 c0.527-0.28%2C0.961-0.718%2C1.188-1.376c0.335-0.964%2C0.175-2.529-1.094-4.03C9.094%2C7.954%2C7.68%2C8.719%2C6.065%2C8.719 c-1.677%2C0-3.182-0.812-4.125-2.063H1.938z%22/%3E %3Cpath fill='%234c4c4c' d=%22M6.063%2C0c-1.89%2C0-3.595%2C1.674-3.594%2C3.563C2.467%2C5.45%2C4.173%2C7.155%2C6.06%2C7.155 c1.89%2C0%2C3.564-1.705%2C3.563-3.593C9.625%2C1.673%2C7.95%2C0%2C6.063%2C0L6.063%2C0z%22/%3E %3C/svg%3E&quot;);<br /> --echo-icon-bell-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebell%3C/title%3E%3Cpath d=%22M16 7a5.38 5.38 0 00-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 004 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 003-3H7a3 3 0 003 3z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-tray-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etray%3C/title%3E%3Cpath d=%22M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-fullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M1 1v6h2V3h4V1zm2 12H1v6h6v-2H3zm14 4h-4v2h6v-6h-2zm0-16h-4v2h4v4h2V1z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;);<br /> --echo-icon-exitFullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E exit fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M7 7V1H5v4H1v2zM5 19h2v-6H1v2h4zm10-4h4v-2h-6v6h2zm0-8h4V5h-4V1h-2v6z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-user-menu-legacy #pt-userpage a,.vector-user-menu-legacy #pt-anonuserpage {<br /> background-image: var(--echo-icon-person-bg-image);<br /> padding-top: 0;<br /> background-position-y: 0<br /> }<br /> <br /> .vector-user-menu-legacy #pt-anonuserpage {<br /> color: var(--byline-color)<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge,#pt-notifications-notice .mw-echo-notifications-badge {<br /> background-size: 75%;<br /> background-position: center 80%;<br /> background-repeat: no-repeat;<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .oo-ui-icon-bell {<br /> background-image: var(--echo-icon-bell-bg-image)<br /> }<br /> <br /> #pt-notifications-notice .oo-ui-icon-tray {<br /> background-image: var(--echo-icon-tray-bg-image)<br /> }<br /> <br /> #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-exitFullscreen-bg-image)<br /> }<br /> <br /> body.wgl-fixedWidth #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-fullscreen-bg-image)<br /> }<br /> <br /> #pt-theme-toggles .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-moon-bg-image)<br /> }<br /> <br /> #pt-anontalk {<br /> padding-top: 0.6em<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul {<br /> margin: 5px 0 0 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> margin: 5px 0 0 15px<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul,.ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> list-style: none;<br /> border-left: 1px dashed var(--transcript-border-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul:hover,.transcript &gt; ul:hover,.ns-120 .mw-parser-output &gt; ul ul:hover,.transcript &gt; ul ul:hover,.ns-120 .mw-parser-output &gt; ul ol:hover,.transcript &gt; ul ol:hover {<br /> border-color: var(--transcript-border-hover-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li,.transcript &gt; ul li,.ns-120 .mw-parser-output &gt; ul ul li,.transcript &gt; ul ul li,.ns-120 .mw-parser-output &gt; ul ol li,.transcript &gt; ul ol li {<br /> flex-direction: column;<br /> padding-left: 15px;<br /> margin: 14px 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li:last-of-type,.transcript &gt; ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ul li:last-of-type,.transcript &gt; ul ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ol li:last-of-type,.transcript &gt; ul ol li:last-of-type {<br /> margin-bottom: 0<br /> }<br /> <br /> .nodesktop {<br /> display: none<br /> }<br /> <br /> /*<br /> The following styles were used as a temporary fix for TabberNeue.<br /> We're currently using old Tabber because TabberNeue breaks if a tab<br /> dynamically changes size, such as multi-infobox.<br /> */<br /> <br /> :root {<br /> --tabber-inactive-tab-bg: #222e45;<br /> --tabber-fade-scroll: linear-gradient(to bottom,rgba(226,219,200,0),#d8ccb4 95%,#94866d);<br /> }<br /> <br /> .tabber__tabs {<br /> gap: 1px;<br /> }<br /> <br /> .tabber__tab {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> padding: 0.5em 0.8em;<br /> border: 1px solid var(--body-border);<br /> border-bottom: 0;<br /> }<br /> <br /> .tabber__tabs .tabber__tab {<br /> color: var(--text-color);<br /> }<br /> <br /> /* Specific styles needed to override color on Minerva. */<br /> body.mediawiki .tabber a:visited, <br /> body.mediawiki .tabber image a:visited,<br /> body.mediawiki .tabber a:active, <br /> body.mediawiki .tabber image a:active {<br /> color: var(--text-color);<br /> }<br /> <br /> .tabber__tab:active {<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab:hover {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab--active, .tabber__tab--active:visited {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__header, .tabber__section, .tabber__tabs {<br /> scroll-behavior: unset;<br /> box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* Add box shadow to tabber header */<br /> }<br /> <br /> .tabber__panel {<br /> /* Hide non-active tabs. */<br /> /* display:none conflicted with tabber somehow and hid all tabs. */<br /> width: 250;<br /> }<br /> <br /> .tabber__panel.tabber__panel--active {<br /> width: 300;<br /> }<br /> <br /> .tabber__section {<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> overflow-y: scroll;<br /> padding-bottom: 30px; /* only necessary for fade scroll hack */<br /> height: auto; /* Example height */<br /> width: auto; /* Example width */<br /> max-width: 1300px; /* Example max-width */<br /> }<br /> <br /> .tabber__panel {<br /> padding: 1em 1.5em;<br /> }<br /> <br /> .wikitable.hover th:hover {<br /> cursor: help;<br /> /* Add any additional styles specific to hovering over table headers */<br /> }<br /> <br /> /* Hover Box for switching the visibility of the selected item */<br /> .hoverbox { <br /> display:inline-block; <br /> padding:0em; <br /> color: white; /* Change this to the desired color */<br /> }<br /> <br /> .hoverbox .hoveritem { <br /> display:none; <br /> margin:0em; <br /> padding:0em; <br /> }<br /> <br /> .hoverbox .hoveritem.selected { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem.selected { <br /> display:none; <br /> }<br /> /* Style for the entire tier list */<br /> .tierlist {<br /> display: flex;<br /> gap: 20px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* Style for individual tiers */<br /> .tier {<br /> border: 1px solid #ccc;<br /> padding: 10px;<br /> width: 200px;<br /> min-height: 150px;<br /> background: #f9f9f9;<br /> border-radius: 8px;<br /> }<br /> <br /> /* Title for each tier */<br /> .tier h3 {<br /> text-align: center;<br /> margin-top: 0;<br /> }<br /> <br /> /* Style for the sortable list */<br /> .sortable {<br /> list-style: none;<br /> padding: 0;<br /> margin: 0;<br /> min-height: 50px;<br /> }<br /> <br /> /* Style for the dropdown selector */<br /> .tier-selector {<br /> width: 100%;<br /> padding: 5px;<br /> margin-top: 5px;<br /> }<br /> .collection-log-wrapper {<br /> margin: 10px 0;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .collection-log-killcount {<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> }<br /> <br /> .collection-log-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6, 48px);<br /> gap: 4px;<br /> padding: 6px 0;<br /> }<br /> <br /> <br /> .collection-log-item {<br /> width: 48px;<br /> height: 48px;<br /> border: 2px solid transparent; /* border only on container */<br /> border-radius: 4px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> position: relative;<br /> background-color: #1a2a3a;<br /> box-sizing: border-box;<br /> }<br /> <br /> .collection-log-item.obtained {<br /> border-color: #4caf50;<br /> background-color: #224422;<br /> }<br /> <br /> .collection-log-item.missing {<br /> border-color: #ffc107;<br /> background-color: #3a2a1a;<br /> }<br /> <br /> .collection-log-item img {<br /> max-width: 36px;<br /> max-height: 36px;<br /> object-fit: contain;<br /> border-radius: 2px;<br /> border: none; /* remove border here */<br /> opacity: 1;<br /> filter: none;<br /> }<br /> <br /> .collection-log-item.missing img {<br /> opacity: 0.3;<br /> filter: grayscale(100%);<br /> }<br /> <br /> .collection-log-qty-badge {<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> background: rgba(0, 0, 0, 0.7);<br /> color: white;<br /> font-size: 12px;<br /> font-weight: bold;<br /> line-height: 1;<br /> padding: 1px 4px;<br /> border-radius: 3px 0 0 0;<br /> user-select: none;<br /> }<br /> .collection-log-killcount-box {<br /> border: 2px solid black;<br /> background-color: #534d41;<br /> color: cyan;<br /> padding: 0.5em 1em;<br /> margin-bottom: 8px;<br /> text-align: center;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .ace_keyword { color: #c586c0 !important; }<br /> .ace_string { color: #ce9178 !important; }<br /> .ace_comment { color: #6a9955 !important; font-style: italic; }<br /> .ace_function { color: #dcdcaa !important; }<br /> .ace_constant { color: #569cd6 !important; }<br /> <br /> .mw-highlight .nf {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> .mw-highlight .nc {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> <br /> /* Highlight row on hover */<br /> .wikitable.lighttable tr:hover {<br /> background-color: #526382; /* dark blue highlight */<br /> color: #ffffff; /* readable text */<br /> }<br /> .custom-dropdown { position: relative; width: 150px; cursor: pointer; }<br /> .custom-dropdown .selected { background: #313e59; color: white; padding: 5px; border-radius: 4px; }<br /> .custom-dropdown .options { display: none; position: absolute; background: #222e45; top: 100%; left: 0; width: 100%; border-radius: 4px; z-index: 10; }<br /> .custom-dropdown .options div { padding: 5px; display: flex; align-items: center; }<br /> .custom-dropdown .options div:hover { background: #313e59; }<br /> .custom-dropdown .options div img.icon { width:16px; height:16px; margin-right:5px; }<br /> <br /> /* =========================<br /> Tier List<br /> ========================= */<br /> <br /> <br /> /* Main wrapper */<br /> <br /> .tier-list {<br /> margin:0;<br /> padding:0;<br /> }<br /> <br /> <br /> /* Tier rows */<br /> <br /> .tier-row {<br /> display:flex;<br /> height:60px;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> <br /> /* Tier labels */<br /> <br /> .tier-label {<br /> width:60px;<br /> height:60px;<br /> <br /> display:flex;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> font-size:42px;<br /> line-height:1;<br /> font-weight:bold;<br /> color:white;<br /> }<br /> <br /> <br /> /* Tier colours */<br /> <br /> .tier-s {<br /> background:#ff7f7f;<br /> }<br /> <br /> .tier-a {<br /> background:#ffbf7f;<br /> }<br /> <br /> .tier-b {<br /> background:#ffdf7f;<br /> }<br /> <br /> .tier-c {<br /> background:#ffff7f;<br /> color:black;<br /> }<br /> <br /> .tier-d {<br /> background:#bfff7f;<br /> }<br /> <br /> .tier-f {<br /> background:#7fbfff;<br /> }<br /> <br /> <br /> /* Drop areas */<br /> <br /> .tier-items {<br /> flex:1;<br /> height:60px;<br /> <br /> display:flex;<br /> align-items:center;<br /> flex-wrap:wrap;<br /> <br /> padding:3px;<br /> gap:3px;<br /> <br /> background:#222;<br /> border:1px dashed #777;<br /> <br /> margin:0 !important;<br /> }<br /> <br /> <br /> /* =========================<br /> Items<br /> ========================= */<br /> <br /> .tier-item {<br /> width:48px;<br /> height:48px;<br /> <br /> display:flex !important;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> cursor:grab;<br /> border-radius:5px;<br /> overflow:hidden;<br /> <br /> line-height:0;<br /> }<br /> <br /> <br /> /* Drag */<br /> <br /> .tier-item:active {<br /> cursor:grabbing;<br /> }<br /> <br /> <br /> /* MediaWiki wrapper fixes */<br /> <br /> .tier-item p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> display:flex !important;<br /> line-height:0 !important;<br /> }<br /> <br /> .tier-item span {<br /> display:flex !important;<br /> }<br /> <br /> .tier-item a {<br /> display:flex !important;<br /> width:48px;<br /> height:48px;<br /> <br /> align-items:center;<br /> justify-content:center;<br /> }<br /> <br /> <br /> /* Images */<br /> <br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> display:block !important;<br /> <br /> width:48px !important;<br /> height:48px !important;<br /> <br /> max-width:48px !important;<br /> max-height:48px !important;<br /> <br /> image-rendering: pixelated;<br /> image-rendering: crisp-edges;<br /> <br /> object-fit:contain !important;<br /> }<br /> <br /> <br /> /* =========================<br /> Reward Pool<br /> ========================= */<br /> <br /> .reward-pool {<br /> display:flex;<br /> flex-wrap:wrap;<br /> gap:5px;<br /> <br /> padding:5px;<br /> margin:8px 0;<br /> }<br /> <br /> <br /> /* =========================<br /> Rarity backgrounds<br /> ========================= */<br /> <br /> .gold-item {<br /> background:rgba(212,175,55,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .silver-item {<br /> background:rgba(192,192,192,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .bronze-item {<br /> background:rgba(205,127,50,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .tier-list p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .tier-list p br {<br /> display:none !important;<br /> }<br /> <br /> /* Lock item size to prevent image shifting */<br /> <br /> .tier-item,<br /> .tier-item a,<br /> .tier-item span,<br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> width:48px !important;<br /> height:48px !important;<br /> min-width:48px !important;<br /> min-height:48px !important;<br /> max-width:48px !important;<br /> max-height:48px !important;<br /> box-sizing:border-box;<br /> }<br /> <br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> image-rendering:pixelated;<br /> object-fit:contain;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 .firstHeading {<br /> display:none;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 #contentSub {<br /> display:none !important;<br /> }</div>

Hefner https://wiki.roatpkz.com/index.php?title=Tierlist&diff=28891 2026-07-18T10:11:50Z

<p>Hefner: Redirected page to User:Hefner/Sandbox11</p> <hr /> <div>#REDIRECT [[User:Hefner/Sandbox11]]</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:Common.css&diff=28890 2026-07-18T10:11:01Z

<p>Hefner: </p> <hr /> <div>:root {<br /> --body-background-image: url('filepath://Roat Pkz Wiki background darkmode1.jpg');<br /> --body-background-color: #071022;<br /> --body-main: #172136;<br /> --body-light: #313e59;<br /> --body-mid: #222e45;<br /> --body-dark: #222e45;<br /> --body-border: #596e96;<br /> --link-color: #8cabe6;<br /> --background-link-color: var(--link-color);<br /> --redlink-color: #f26d60;<br /> --text-color: #cbd9f4;<br /> --background-text-color: #cbd9f4;<br /> --byline-color: #98a2b6;<br /> --subtle-color: var(--byline-color);<br /> --search-box: var(--body-light);<br /> --admin-blue: #0087ff;<br /> --bearcat-green: #00ff55;<br /> --awb-purple: #f319ff;<br /> --sidebar: #222e45;<br /> --button-background: #617ebc;<br /> --button-dark: #617ebc;<br /> --button-border: #617ebc;<br /> --button-light: #617ebc;<br /> --wikitable-header-bg: #222e45;<br /> --wikitable-border: #172136;<br /> --wikitable-bg: #313e59;<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --wikitable-alternating-bg: #2a3651;<br /> --table-na-background: rgba(0, 0, 0, 0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #0b5884;<br /> --droptable-common-background: #3c780a;<br /> --droptable-uncommon-background: #a48900;<br /> --droptable-rare-background: #b55e0c;<br /> --droptable-veryrare-background: #9f261e;<br /> --droptable-random-background: #984c89;<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);<br /> --tile-border-color: var(--body-border);<br /> --tile-background-color: var(--body-light);<br /> --tile-link-button-color: var(--body-mid);<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255, 255, 255, 0.7);<br /> --tile-dark-header-color: #fff;<br /> --documentation-background: var(--body-light);<br /> --documentation-border: var(--sidebar);<br /> --documentation-link-color: var(--link-color);<br /> --documentation-headers-color: var(--text-color);<br /> --documentation-header-background: var(--body-dark);<br /> --documentation-subheader-background: #1f293e;<br /> --base-text-color: var(--text-color);<br /> --base-heading-color: var(--text-color);<br /> --base-heading-border: var(--sidebar);<br /> --mainpage-recent-updates-description-color: var(--text-color);<br /> --thumb-bg: var(--body-mid);<br /> --thumb-caption-bg: var(--body-light);<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid);<br /> --diff-addedline-background: #438ab5;<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-color: #fff;<br /> --diff-deletedline-background: #379541;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-color: #fff;<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: var(--errorbox-bg);<br /> --warningbox-border: var(--errorbox-border);<br /> --successbox-bg: #2e5e05;<br /> --successbox-border: #3c780a;<br /> --messagebox-obsolete-background: #464646;<br /> --messagebox-obsolete-border: #333;<br /> --messagebox-obsolete-color: #ddd;<br /> --messagebox-obsolete-link-color: #bbb;<br /> --messagebox-info-background: var(--messagebox-obsolete-background);<br /> --messagebox-info-border: var(--messagebox-obsolete-border);<br /> --messagebox-info-color: var(--messagebox-obsolete-color);<br /> --messagebox-info-link-color: var(--messagebox-obsolete-link-color);<br /> --messagebox-action-background: #45697d;<br /> --messagebox-action-border: #2d5266;<br /> --messagebox-action-color: var(--text-color);<br /> --messagebox-action-link-color: #b8d5e5;<br /> --messagebox-warn-background: #95271b;<br /> --messagebox-warn-border: #6b130a;<br /> --messagebox-warn-color: #f8ebe9;<br /> --messagebox-warn-link-color: #e8b8b3;<br /> --messagebox-safe-background: #1b8408;<br /> --messagebox-safe-border: #126802;<br /> --messagebox-safe-color: #e9f6e7;<br /> --messagebox-safe-link-color: #c1e0bb;<br /> --messagebox-disambig-background: var(--messagebox-obsolete-background);<br /> --messagebox-disambig-border: var(--messagebox-obsolete-border);<br /> --messagebox-disambig-color: var(--messagebox-obsolete-color);<br /> --messagebox-disambig-link-color: var(--messagebox-obsolete-link-color);<br /> --mw-code-background-color: #222e45;<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-mid);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border);<br /> --scribuntoconsole-input: #3ea6e6;<br /> --scibuntoconsole-print: #f9d000;<br /> --scribuntoconsole-error: #ee4231;<br /> --scribuntoconsole-message: #6bc71f;<br /> --scribuntoconsole-tabcomplete: #855cd8;<br /> --scribuntoconsole-clear: #ee4231;<br /> --blockquote-color: var(--text-color);<br /> --coins-color: #6bc71f;<br /> --coins-pos-color: #3ea6e6;<br /> --coins-neg-color: #ee4231;<br /> --questdetails-header-background: var(--body-dark);<br /> --questdetails-header-background-alt: var(--body-dark);<br /> --fact-text-color: #3ea6e6;<br /> --production-selected-background: #3c780a;<br /> --production-selected-color: #fff;<br /> --wikipedia-border: var(--body-border);<br /> --wikipedia-background: var(--body-light);<br /> --keypress-background: var(--body-light);<br /> --keypress-border: var(--body-border);<br /> --keypress-color: var(--text-color);<br /> --ajaxpoll-background: var(--body-light);<br /> --ajaxpoll-text-color: var(--base-text-color);<br /> --ajaxpoll-answerbar-background: var(--body-mid);<br /> --ajaxpoll-answerbar-border: var(--body-border);<br /> --rc-negative-color: #ee4231;<br /> --rc-positive-color: #6bc71f;<br /> --filter-black-to-link: invert(63%) sepia(67%) saturate(242%) hue-rotate(182deg) brightness(93%) contrast(94%);<br /> --transcript-border-color: #596e96;<br /> --transcript-border-hover-color: #8596b7;<br /> --transcript-strikethrough-color: #fff;<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--navbox-title-background);<br /> --navbox-group-title-background: var(--navbox-title-background);<br /> --infobox-bg: var(--body-light);<br /> --infobox-border: var(--body-border);<br /> --infobox-header: var(--body-dark);<br /> --infobox-subheader: var(--body-mid);<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #444e5a;<br /> --sourceeditor-input-background: var(--body-mid);<br /> --sourceeditor-background: var(--body-light);<br /> --sourceeditor-background-secondary: var(--body-mid);<br /> --sourceeditor-border: var(--body-main);<br /> --codemirror-gutter-background: var(--body-light);<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border);<br /> --vector-tab-background: #222e45;<br /> --vector-tab-background--hover: #293753;<br /> --vector-tab-link-color: var(--background-link-color);<br /> --lighttable-bg-hover: #3c780a;<br /> --lighttable-bg-active: #2e5e05;<br /> --lighttable-link-color: #c3e8a3;<br /> --personal-links-bg: rgba(7, 16, 34, 0.75);<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg, #315d30 0 20px, #13421e 20px 30px);<br /> --tbz-unlocked-border-color: #00e417;<br /> --tbz-locked-background-color: #8a2525;<br /> --tbz-locked-border-color: #b32828;<br /> --tbz-partial-unlock-background: #5a5a5a;<br /> --tbz-partial-unlock-border-color: #13421e;<br /> }<br /> <br /> <br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape.woff2?17907) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: bold;<br /> src: local(&quot;RuneScape Bold&quot;),local(&quot;RuneScape Bold 12&quot;),local(&quot;RuneScape Chat 2&quot;),local(&quot;RuneScape Chat&quot;),url(/images/RuneScape_Bold.woff2?514fd) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape Small';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape_Small.woff2?1ee0e) format('woff2')<br /> }<br /> <br /> :root {<br /> --base-text-color: #cbd9f4;<br /> --base-heading-color: #cbd9f4;<br /> --base-heading-border: #596e96;<br /> --mw-code-background-color: #222e45;<br /> --body-background-image: url(/images/b/b5/Roat_Pkz_Wiki_background_darkmode2.png)<br /> }<br /> <br /> #mw-page-base {<br /> background: none<br /> }<br /> <br /> .mw-body {<br /> background-color: var(--body-main);<br /> color: var(--text-color);<br /> border-color: transparent;<br /> box-shadow: 0 0 7px rgba(0,0,0,0.15);<br /> margin-top: 0<br /> }<br /> <br /> h1,h2,h3,h4,h5,h6 {<br /> color: var(--text-color)<br /> }<br /> <br /> h1,h2 {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-body h1,.mw-body-content h1,.mw-body-content h2,.mw-body-content h3,.mw-body-content h4,.mw-body-content h5,.mw-body-content h6 {<br /> font-family: 'PT Serif','Palatino','Georgia',serif<br /> }<br /> <br /> .mw-parser-output h2:first-of-type {<br /> clear: left<br /> }<br /> <br /> .mw-footer {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer li {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer a,.mw-footer a:active,.mw-footer a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> ::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> a {<br /> color: var(--link-color)<br /> }<br /> <br /> a:visited,a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> a.new {<br /> color: var(--redlink-color)<br /> }<br /> <br /> a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .mw-parser-output a.extiw,.mw-parser-output a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited,.mw-parser-output a.extiw:active,.mw-parser-output a.external:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .jsPurgeLink a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> a[href=&quot;/w/User:AndBot&quot;],a[href=&quot;/w/User:BisetteBot&quot;],a[href=&quot;/w/User:Bot50&quot;],a[href=&quot;/w/User:BotDiesel2m&quot;],a[href=&quot;/w/User:Bowl&quot;],a[href=&quot;/w/User:Catbot&quot;],a[href=&quot;/w/User:CookBot&quot;],a[href=&quot;/w/User:Cresbot&quot;],a[href=&quot;/w/User:CrowBot&quot;],a[href=&quot;/w/User:Data_Chompy&quot;],a[href=&quot;/w/User:GauBot&quot;],a[href=&quot;/w/User:Gaz_Bot&quot;],a[href=&quot;/w/User:Gaz_GEBot&quot;],a[href=&quot;/w/User:HabbletAWB&quot;],a[href=&quot;/w/User:JakesterwarsBot&quot;],a[href=&quot;/w/User:JaydenBot&quot;],a[href=&quot;/w/User:MuudyBot&quot;],a[href=&quot;/w/User:MB%C3%A5t&quot;],a[href=&quot;/w/User:New_user_message&quot;],a[href=&quot;/w/User:Quadrabot&quot;],a[href=&quot;/w/User:Redirect_fixer&quot;],a[href=&quot;/w/User:Riblet15_bot_account&quot;],a[href=&quot;/w/User:ShoyBot&quot;],a[href=&quot;/w/User:SlapChoppe&quot;],a[href=&quot;/w/User:Spinewielder&quot;],a[href=&quot;/w/User:WolaznikBot&quot;] {<br /> color: var(--awb-purple)<br /> }<br /> <br /> a[href=&quot;/w/User:Andmcadams&quot;],a[href=&quot;/w/User:BigDiesel2m&quot;],a[href=&quot;/w/User:Brok&quot;],a[href=&quot;/w/User:Cook_Me_Plox&quot;],a[href=&quot;/w/User:Fjara&quot;],a[href=&quot;/w/User:Gau_Cho&quot;],a[href=&quot;/w/User:Gaz_Lloyd&quot;],a[href=&quot;/w/User:Iiii_I_I_I&quot;],a[href=&quot;/w/User:Jayden&quot;],a[href=&quot;/w/User:Jeljo&quot;],a[href=&quot;/w/User:Joeytje50&quot;],a[href=&quot;/w/User:Legaia_2_Pla&quot;],a[href=&quot;/w/User:Ostentatio&quot;],a[href=&quot;/w/User:Riblet15&quot;],a[href=&quot;/w/User:Shayani&quot;],a[href=&quot;/w/User:Shoyrukon&quot;],a[href=&quot;/w/User:TehKittyCat&quot;],a[href=&quot;/w/User:Towelcat&quot;],a[href=&quot;/w/User:Wolaznik&quot;] {<br /> color: var(--admin-blue)<br /> }<br /> <br /> a[href=&quot;/w/User:Spineweilder&quot;],a[href=&quot;/w/User:Jakesterwars&quot;],a[href=&quot;/w/User:Julia&quot;] {<br /> color: var(--bearcat-green)<br /> }<br /> <br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> background: url(/images/Jagex_moderator_emblem.png?093b0) left no-repeat;<br /> padding-left: 15px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> #ca-nstab-user a {<br /> background: none<br /> }<br /> <br /> :root {<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: #801c13;<br /> --warningbox-border: #9f261e;<br /> --successbox-bg: #801c13;<br /> --successbox-border: #9f261e<br /> }<br /> <br /> .mw-message-box-error,.errorbox,.mw-message-box-warning,.warningbox,.mw-message-box-success,.successbox,.usermessage {<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw-message-box-error,.errorbox {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .mw-message-box-warning,.warningbox,.usermessage {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .mw-message-box-success,.successbox {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .catlinks {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-dark);<br /> padding: 8px 15px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .catlinks li {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .filehistory a img,#file img {<br /> background: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v16h8V8H0z' opacity='.13'/%3E%3C/svg%3E&quot;) repeat<br /> }<br /> <br /> #file img:hover {<br /> background: none<br /> }<br /> <br /> .mw-highlight {<br /> background: none<br /> }<br /> <br /> .mw-highlight .linenos {<br /> background-color: var(--mw-code-background-color);<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-highlight a:hover .linenos,.mw-highlight .hll a .linenos {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-content-ltr.mw-highlight-lines pre,.mw-content-ltr.content .mw-highlight-lines pre {<br /> box-shadow: inset 2.75em 0 0 var(--mw-code-background-color)<br /> }<br /> <br /> #pagehistory ul {<br /> list-style: none;<br /> margin: 0<br /> }<br /> <br /> #pagehistory li {<br /> border: 1px solid transparent;<br /> padding: 1px 10px;<br /> margin: 2px 0<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: var(--body-light);<br /> color: inherit;<br /> border: 1px dashed var(--body-border);<br /> outline: none<br /> }<br /> <br /> #mw-history-compare &gt; div:first-of-type {<br /> position: -webkit-sticky;<br /> position: sticky;<br /> top: 0;<br /> background-color: var(--body-main);<br /> border-bottom: 1px solid var(--body-dark);<br /> padding: 0.25em 0<br /> }<br /> <br /> .wgl-stickyheader #mw-history-compare &gt; div:first-of-type {<br /> top: 2.5rem<br /> }<br /> <br /> .autocomment,.autocomment a,.autocomment a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> li span.deleted,span.history-deleted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-usertoollinks-contribs-no-edits,.mw-usertoollinks-contribs-no-edits:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .CategoryTreeToggle {<br /> color: var(--link-color)<br /> }<br /> <br /> body.wgl-stickyheader.action-view .mw-headline:target::before {<br /> display: block;<br /> content: '';<br /> margin-top: -3rem;<br /> height: 3rem;<br /> visibility: hidden;<br /> pointer-events: none<br /> }<br /> <br /> .mw-mmv-post-image {<br /> color: var(--text-color);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-mmv-image-metadata {<br /> border-top-color: var(--body-mid);<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-mmv-dialog,.mw-mmv-dialog .mw-mmv-dialog-down-arrow,.mw-mmv-options-dialog .mw-mmv-dialog-down-arrow {<br /> background-color: var(--body-light);<br /> box-shadow: none<br /> }<br /> <br /> .mw-mmv-options-enable-alert {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-mmv-options-dialog-header,.mw-mmv-options-text-header,.mw-mmv-options-text-body,.mw-mmv-options-enable-alert,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-dialog-header,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-text-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-revslider-container {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-revslider-slider-wrapper {<br /> border-top-color: var(--sidebar)<br /> }<br /> <br /> .mw-ui-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):hover,.mw-ui-button:not(:disabled):active {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):focus {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button:not(:disabled):visited {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled) {<br /> background-color: var(--ooui-progressive);<br /> color: #fff;<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):active,.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: none<br /> }<br /> <br /> .mw-ui-button.mw-ui-destructive:not(:disabled) {<br /> color: #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-quiet,.mw-ui-button.mw-ui-quiet.mw-ui-progressive,.mw-ui-button.mw-ui-quiet.mw-ui-destructive {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:hover,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover {<br /> background-color: rgba(0,24,73,0.02745098);<br /> color: var(--text-color);<br /> border-color: transparent<br /> }<br /> <br /> input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:focus,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:active,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active {<br /> background-color: rgba(0,36,73,0.08235294);<br /> color: var(--text-color);<br /> border-color: #72777d<br /> }<br /> <br /> .mw-ui-input {<br /> background-color: var(--ooui-input);<br /> color: var(--text-color);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-ui-input:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-ui-input::placeholder {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child {<br /> padding: 0;<br /> background: 0<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child::before {<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> display: inline-block;<br /> width: 47px;<br /> height: 20px<br /> }<br /> <br /> :root {<br /> --wikitable-header-bg: var(--body-dark);<br /> --wikitable-border: var(--body-main);<br /> --wikitable-bg: var(--body-light);<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --table-na-background: rgba(0,0,0,0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #afeeee;<br /> --droptable-common-background: #56e156;<br /> --droptable-uncommon-background: #ffed4c;<br /> --droptable-rare-background: #ff863c;<br /> --droptable-veryrare-background: #ff6262;<br /> --droptable-random-background: #ffa3ff<br /> }<br /> <br /> .wikitable {<br /> background: var(--wikitable-bg);<br /> color: var(--wikitable-color);<br /> border-color: var(--wikitable-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; tr &gt; td,.wikitable &gt; * &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th.table-noborder,.wikitable &gt; tr &gt; td.table-noborder,.wikitable &gt; * &gt; tr &gt; th.table-noborder,.wikitable &gt; * &gt; tr &gt; td.table-noborder {<br /> border-left-style: hidden;<br /> border-right-style: hidden;<br /> padding-left: 0;<br /> padding-right: 0<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .tabber .wikitable {<br /> box-shadow: none<br /> }<br /> <br /> .table-bg-always,.table-bg-blue {<br /> background: var(--droptable-always-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-common,.table-bg-green {<br /> background: var(--droptable-common-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-uncommon,.table-bg-yellow {<br /> background: var(--droptable-uncommon-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-rare,.table-bg-orange {<br /> background: var(--droptable-rare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-veryrare,.table-bg-red {<br /> background: var(--droptable-veryrare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-random,.table-bg-pink {<br /> background: var(--droptable-random-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-fade {<br /> opacity: 0.6;<br /> background: rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw_metadata td,.mw_metadata th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw_metadata th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw_metadata td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable td,.mw-datatable th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw-datatable td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> table.alternating-rows tr:nth-child(odd),table.alternating-cols td:nth-child(odd) {<br /> background: var(--wikitable-alternating-bg)<br /> }<br /> <br /> .table-na {<br /> background: var(--table-na-background);<br /> color: var(--table-na-color);<br /> vertical-align: middle;<br /> text-align: center<br /> }<br /> <br /> .table-yes {<br /> background: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .table-positive {<br /> background: var(--table-yes-background)<br /> }<br /> <br /> .table-no {<br /> background: var(--table-no-background);<br /> color: var(--table-no-color)<br /> }<br /> <br /> .table-negative {<br /> background: var(--table-no-background)<br /> }<br /> <br /> .table-maybe {<br /> background: var(--table-maybe-background);<br /> color: var(--table-maybe-color)<br /> }<br /> <br /> #mw-allmessagestable .am_actual,#mw-allmessagestable .am_default {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> #mw-allmessagestable .am_default:hover,#mw-allmessagestable .am_actual:hover,#mw-allmessagestable tbody:hover td {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> table.wikitable td.no-cell-spacing {<br /> padding: 0;<br /> height: 0<br /> }<br /> <br /> table.wikitable td.no-cell-spacing table {<br /> margin: -1px;<br /> width: calc(100% + 2px);<br /> height: calc(100% + 2px)<br /> }<br /> <br /> .plainlist ol,.plainlist ul {<br /> margin: 0<br /> }<br /> <br /> .plainlist li {<br /> margin-bottom: 0;<br /> list-style: none<br /> }<br /> <br /> 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) {<br /> text-align: right<br /> }<br /> <br /> 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) {<br /> text-align: center<br /> }<br /> <br /> 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) {<br /> text-align: left<br /> }<br /> <br /> .rsw-chartjs.rsw-chartjs-config {<br /> display: none<br /> }<br /> <br /> .rsw-chartjs.rsw-chart-error {<br /> font-family: monospace<br /> }<br /> <br /> .rsw-chartjs-canvas {<br /> background-color: var(--body-light)<br /> }<br /> <br /> :root {<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-background: #bddff2;<br /> --diff-addedline-color: #000;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-background: #c1edbf;<br /> --diff-deletedline-color: #000;<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid)<br /> }<br /> <br /> .diff-context {<br /> border-color: var(--diff-context-border-color);<br /> background: var(--diff-context-background);<br /> color: inherit<br /> }<br /> <br /> .diff-addedline {<br /> border-color: var(--diff-addedline-border-color)<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: var(--diff-addedline-background);<br /> color: var(--diff-addedline-color)<br /> }<br /> <br /> .diff-deletedline {<br /> border-color: var(--diff-deletedline-border-color)<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: var(--diff-deletedline-background);<br /> color: var(--diff-deletedline-color)<br /> }<br /> <br /> .mw-diff-movedpara-left:after,.mw-diff-movedpara-right:after {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-notification {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {<br /> background: var(--body-main)<br /> }<br /> <br /> .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> background-color: var(--ooui-normal);<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-head,.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {<br /> border-left-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:hover,.mw-echo-ui-notificationItemWidget-unread:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:last-child {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-unread {<br /> background-color: var(--search-box)<br /> }<br /> <br /> .mw-echo-ui-crossWikiNotificationItemWidget-group,.mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-content-message-header,.mw-echo-ui-notificationItemWidget-content-message-body,.mw-echo-ui-menuItemWidget &gt; .oo-ui-buttonElement-button &gt; .oo-ui-labelElement-label,.mw-echo-ui-notificationItemWidget-content-actions-timestamp {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--body-main)<br /> }<br /> <br /> @keyframes unseen-fadeout-to-unread {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--search-box)<br /> }<br /> }<br /> <br /> @keyframes unseen-fadeout-to-read {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--body-main)<br /> }<br /> }<br /> <br /> .mwe-popups {<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container {<br /> color: var(--text-color);<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:before,.mwe-popups .mwe-popups-container.flipped-y:before {<br /> border-top: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:before {<br /> border-bottom: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:after,.mwe-popups .mwe-popups-container.flipped-y:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:after {<br /> border-bottom-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-settings-icon:hover,.mwe-popups .mwe-popups-settings-icon:active {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mwe-popups .mw-ui-icon-element:not(.disabled):hover {<br /> background: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract {<br /> color: var(--text-color)<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract[dir='ltr']:after {<br /> background-image: linear-gradient(to right,rgba(49,62,89,0),var(--body-light) 50%)<br /> }<br /> <br /> .mwe-popups-overlay {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> #mwe-popups-settings {<br /> background: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--text-color)<br /> }<br /> <br /> #mwe-popups-settings header {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form p {<br /> color: var(--byline-color)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form form label &gt; span {<br /> color: var(--ooui-text)<br /> }<br /> <br /> :root {<br /> --smw-ask-options-even-bg: var(--body-mid);<br /> --smw-ask-options-odd-bg: var(--body-light);<br /> --smw-ask-action-btn-lblue-bg: var(--body-main);<br /> --smw-ask-action-btn-lblue-color: #000;<br /> --smw-ask-action-btn-lblue-border-color: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-bg: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-color: #fff;<br /> --smw-ask-action-btn-dblue-border-color: var(--button-border)<br /> }<br /> <br /> .smw-ask-condition fieldset,.smw-ask-printhead fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .smw-ask-search fieldset,.smw-ask-format fieldset,.smw-ask-options fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .strike &gt; span:before,.strike &gt; span:after {<br /> background: var(--sidebar)<br /> }<br /> <br /> .smw-ask-options-fields tr td {<br /> background-color: var(--smw-ask-options-even-bg)<br /> }<br /> <br /> .smw-ask-options-fields tr:nth-child(odd) td {<br /> background-color: var(--smw-ask-options-odd-bg)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-lblue,.smw-ask-action-btn.smw-ask-action-btn-lblue:hover,.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--smw-ask-action-btn-lblue-bg);<br /> color: var(--smw-ask-action-btn-lblue-color);<br /> border-color: var(--smw-ask-action-btn-lblue-border-color)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-dblue,.smw-ask-action-btn.smw-ask-action-btn-dblue:hover,.smw-ask-action-btn.smw-ask-action-btn-dblue:visited {<br /> background-color: var(--smw-ask-action-btn-dblue-bg);<br /> color: var(--smw-ask-action-btn-dblue-color);<br /> border-color: var(--smw-ask-action-btn-dblue-border-color)<br /> }<br /> <br /> .smw-ask-query textarea,.smw-ask-actions textarea {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-query-format select {<br /> background-color: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-toplinks {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info {<br /> background: none;<br /> padding: 0 !important<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info::before {<br /> content: '';<br /> background: var(--text-color);<br /> -webkit-mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> padding: 0 0 3px 18px<br /> }<br /> <br /> .smw-ask-options-row-odd {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smw-ask-options-row-even {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> #options-toggle:not(:checked) + #options-list .options-parameter-list:after {<br /> background-image: linear-gradient(to bottom,transparent,var(--body-mid) 90%)<br /> }<br /> <br /> .smw-ask-button-submit input {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-ask-button-submit input:hover,.smw-ask-button-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> input.smw-ask-action-btn.smw-ask-action-btn-dblue {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:hover {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-callout-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .smw-callout-info {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .smw-callout-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .smw-callout-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-bg)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label,.smw-tabs input.nav-tab:checked + label.nav-label:hover {<br /> color: inherit<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count {<br /> color: #fff;<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.moderate {<br /> color: #fff;<br /> background-color: #b55e0c;<br /> border-color: #b55e0c<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.high {<br /> color: #fff;<br /> background-color: #9f261e;<br /> border-color: #9f261e<br /> }<br /> <br /> .smw-property-page-results .header-title {<br /> background-color: var(--ooui-interface);<br /> border-bottom-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-property-page-results .value-row:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .smw-property-page-results .smw-table .header-row {<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-header {<br /> background-color: var(--body-dark);<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .smw-ui-input-filter {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ui-input-filter input {<br /> border-left-color: var(--ooui-interface-border) !important;<br /> color: var(--ooui-text) !important<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border);<br /> color: var(--subtle-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-active {<br /> color: #fff;<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-tabs section,.smw-tabs .subtab-content {<br /> border-top-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-column-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-factbox {<br /> background: var(--body-main);<br /> border-color: transparent<br /> }<br /> <br /> .mw-body .mw-indicators #mw-indicator-smw-entity-examiner.mw-indicator .smw-indicator-vertical-bar-loader {<br /> display: none<br /> }<br /> <br /> .smwb-theme-light .smwb-title,.smwb-theme-light .smwb-center,.smwb-theme-light .smwb-actions,.smwb-theme-light .smwb-prophead {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-factbox {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-ifactbox {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-propval {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smwb-action-separator {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .smwb-bottom {<br /> border-bottom: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-ifactbox .smwb-cell,.smwb-factbox .smwb-cell {<br /> border-top: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-propvalue .smwb-prophead,.smwb-ipropvalue .smwb-prophead,.smwb-propvalue .smwb-propval,.smwb-ipropvalue .smwb-propval {<br /> font-size: 0.9em<br /> }<br /> <br /> :root {<br /> --filter-black-to-link: invert(36%) sepia(58%) saturate(433%) hue-rotate(344deg) brightness(100%) contrast(91%)<br /> }<br /> <br /> #bodyContent span.smwbrowse a {<br /> color: black;<br /> background-image: url(/images/Smwbrowse.svg?87d2b);<br /> filter: var(--filter-black-to-link)<br /> }<br /> <br /> #bodyContent span.smwbrowse a:hover {<br /> color: black;<br /> background-image: url(/images/Smwbrowse-hover.svg?73b79);<br /> text-decoration: underline<br /> }<br /> <br /> #bodyContent span.smwsearch a {<br /> color: black;<br /> filter: var(--filter-black-to-link);<br /> background-image: url(/images/Smwsearch.svg?72b04)<br /> }<br /> <br /> #bodyContent span.smwsearch a:hover {<br /> color: black;<br /> background-image: url(/images/Smwsearch-hover.svg?62df0);<br /> text-decoration: underline<br /> }<br /> <br /> :root {<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-background-color);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border)<br /> }<br /> <br /> .tabber {<br /> margin: 1em 0<br /> }<br /> <br /> .tabber .tabbertab {<br /> background-color: var(--tabber-tab-bg);<br /> border: 1px solid var(--tabber-tab-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1em 1.5em<br /> }<br /> <br /> ul.tabbernav {<br /> border: none;<br /> margin-left: 2em;<br /> margin-bottom: 0;<br /> margin-right: 2em;<br /> padding: 0;<br /> font-family: inherit<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a {<br /> background-color: var(--tabber-active-tab-bg);<br /> color: var(--tabber-active-tab-color);<br /> border-bottom: none;<br /> position: relative<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a:hover {<br /> color: var(--tabber-active-tab-hover-color);<br /> background-color: var(--tabber-active-tab-hover-bg);<br /> border-color: var(--tabber-active-tab-hover-border-color);<br /> border-bottom: none<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a::after {<br /> content: '';<br /> position: absolute;<br /> left: 0;<br /> right: 0;<br /> bottom: -1px;<br /> border-bottom: 2px solid var(--tabber-active-tab-border-hider-color)<br /> }<br /> <br /> ul.tabbernav li a {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> border-bottom: transparent;<br /> border-color: var(--tabber-inactive-tab-border-color);<br /> color: var(--tabber-inactive-tab-color);<br /> display: inline-block;<br /> font-size: 110%;<br /> padding: 0.5em 1em<br /> }<br /> <br /> ul.tabbernav li a:hover {<br /> background-color: var(--tabber-inactive-tab-hover-bg);<br /> border-color: var(--tabber-inactive-tab-hover-border-color)<br /> }<br /> <br /> ul.tabbernav li a:link,ul.tabbernav li a:visited {<br /> color: var(--tabber-inactive-tab-color)<br /> }<br /> <br /> .js-tooltip-text {<br /> padding: 5px<br /> }<br /> <br /> .js-tooltip-wrapper {<br /> position: absolute;<br /> z-index: 10;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> color: var(--text-color);<br /> max-width: 75%;<br /> overflow-wrap: break-word;<br /> padding: 10px 15px;<br /> margin: 0px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> font-size: 0.8em<br /> }<br /> <br /> .js-tooltip-click {<br /> color: var(--button-color);<br /> background: var(--button-background);<br /> border-radius: 2em;<br /> cursor: pointer;<br /> padding: 0 0.3em;<br /> user-select: none<br /> }<br /> <br /> .js-tooltip-arrow {<br /> position: absolute;<br /> border-color: transparent;<br /> border-style: solid;<br /> width: 0;<br /> height: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointleft {<br /> border-right-color: var(--body-border);<br /> border-left-color: transparent;<br /> border-left-width: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointright {<br /> border-left-color: var(--body-border);<br /> border-right-color: transparent;<br /> border-right-width: 0<br /> }<br /> <br /> .js-tooltip-close {<br /> float: right;<br /> margin-left: 10px;<br /> margin-right: -5px;<br /> margin-top: -5px;<br /> margin-bottom: 1px;<br /> background: var(--button-background);<br /> border: 0;<br /> cursor: pointer<br /> }<br /> <br /> :root {<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px); <br /> }<br /> <br /> .oo-ui-widget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox'] + span,.oo-ui-radioInputWidget [type='radio'] + span {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,.oo-ui-radioInputWidget [type='radio']:disabled + span {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownWidget-handle {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border);<br /> background-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget select {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget option {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuSelectWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-menuSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-menuSectionOptionWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-title {<br /> color: inherit<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block),.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-optionWidget.oo-ui-widget-disabled {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-outlineControlsWidget {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {<br /> border-bottom-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {<br /> border-top-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {<br /> border-right-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {<br /> border-left-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {<br /> border-left-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-searchWidget-query {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-tabOptionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--body-dark);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {<br /> border-bottom-color: var(--body-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {<br /> background-color: var(--body-light);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> color: var(--ooui-progressive);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover,.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:focus {<br /> color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed {<br /> background: none;<br /> border-bottom: 1px solid var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile {<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tagItemWidget {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> @media screen and (min-width: 0) {<br /> .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {<br /> outline:1px solid var(--ooui-accent)<br /> }<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {<br /> border-color: #fff<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; input.oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover);<br /> color: #fff;<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive {<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active &gt; .oo-ui-buttonElement-button {<br /> color: #fff;<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-pendingElement-pending {<br /> background-image: var(--ooui-pending-background-image);<br /> background-size: 200%;<br /> animation: oo-ui-pendingElement-stripes 6s linear infinite<br /> }<br /> <br /> @keyframes oo-ui-pendingElement-stripes {<br /> 100% {<br /> background-position: 100%<br /> }<br /> }<br /> <br /> .oo-ui-messageDialog-content &gt; .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-message {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog-content .oo-ui-window-head,.oo-ui-processDialog-content .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:active {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:active {<br /> border-right-color: var(--ooui-interface-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button,.oo-ui-processDialog-actions-other .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-right-color: var(--ooui-normal-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-windowManager-modal.oo-ui-windowManager-floating &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-window {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-bar {<br /> background-color: var(--ooui-interface);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-position-top &gt; .oo-ui-toolbar-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-toolbar-bar .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active &gt; .oo-ui-tool-link,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent);<br /> box-shadow: none<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-menuToolGroup {<br /> border-left-color: var(--body-mid);<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> border-right-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 2px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-bookletLayout-outlinePanel &gt; .oo-ui-outlineControlsWidget {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-fieldLayout-disabled &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header &gt; .oo-ui-labelElement-label {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-panelLayout-framed {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .oo-ui-icon-settings {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Esettings%3C/title%3E%3Cg transform='translate(10 10)'%3E%3Cpath id='a' d='M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3'/%3E%3Cuse xlink:href='%23a' transform='rotate(45)'/%3E%3Cuse xlink:href='%23a' transform='rotate(90)'/%3E%3Cuse xlink:href='%23a' transform='rotate(135)'/%3E%3C/g%3E%3Cpath d='M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .oo-ui-icon-clear {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Eclear%3C/title%3E%3Cpath d='M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-widget-dateInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widget-dateInputWidget-calendar {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widget-calendarWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widget-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-day,.mw-widget-calendarWidget-day-heading {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-widget-calendarWidget-day-additional {<br /> color: var(--ooui-text);<br /> opacity: 0.67<br /> }<br /> <br /> .mw-widget-calendarWidget-day-today {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-item:hover {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-widget-calendarWidget-item-selected {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),0 2px 2px 0 rgba(0,0,0,0.25)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.mw-widgets-datetime-dateTimeInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input,.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .mw-kartographer-mapDialog-foot {<br /> background-color: var(--body-light);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-container {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a,.mw-kartographer-interactive .leaflet-popup-content a:visited,.mw-kartographer-interactive .leaflet-popup-content a:hover,.mw-kartographer-interactive .leaflet-popup-content a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a.new a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .leaflet-popup-content-wrapper {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .leaflet-popup-tip {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey {<br /> background: #e4eaee;<br /> color: #444e5a;<br /> text-shadow: none<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a,.leaflet-vis-tooltip.lbl-bg-grey a:visited,.leaflet-vis-tooltip.lbl-bg-grey a:active,.leaflet-vis-tooltip.lbl-bg-grey a:hover,.leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a, .leaflet-vis-tooltip.lbl-bg-grey a:visited, .leaflet-vis-tooltip.lbl-bg-grey a:active, .leaflet-vis-tooltip.lbl-bg-grey a:hover, .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:visited,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:active,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:hover,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before {<br /> display: block;<br /> border-left-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before {<br /> display: block;<br /> border-right-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before {<br /> display: block;<br /> border-top-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before {<br /> display: block;<br /> border-bottom-color: #e4eaee<br /> }<br /> <br /> .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover {<br /> background: var(--ooui-normal--hover)<br /> }<br /> <br /> .ve-ui-overlay {<br /> font-family: inherit<br /> }<br /> <br /> .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above {<br /> border-top-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-branchNode-blockSlug,.ve-ce-branchNode-newSlug {<br /> outline-color: var(--body-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-specialCharacterPage h3 {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character:hover {<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px var(--body-mid);<br /> background: none<br /> }<br /> <br /> .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwHelpPopupTool-version-label,.ve-ui-mwHelpPopupTool-version-link,.ve-ui-mwHelpPopupTool-version-date {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ce-tableCellableNode {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-mwReferencesListNode-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwTemplatePage-description,.ve-ui-mwParameterPage-label,.ve-ui-mwParameterPage-description-required,.ve-ui-mwParameterPage-description-deprecated {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwGalleryDialog-menuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog-innerMenuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container,.ve-ui-targetWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .ve-ui-mwSaveDialog {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-options {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-summary {<br /> background-color: var(--ooui-input)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-editSummary-count {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-license {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwReferenceContextItem-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwNoticesPopupTool-items &gt; div:not(:first-child),.ve-ui-mwHelpPopupTool-item:not(:first-child) {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineControlsWidget {<br /> background-color: var(--ooui-interface);<br /> border-top-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-sticky {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwParameterPage-undocumentedLabel {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwTwoPaneTransclusionDialogLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwParameterPage-doc-required,.ve-ui-mwParameterPage-doc-deprecated,.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-expandableContent-toggle {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-expandableContent-fade {<br /> background: linear-gradient(to right,rgba(255,255,255,0) 0,var(--ooui-interface) 90%)<br /> }<br /> <br /> .ve-ui-commandHelpDialog-shortcut &gt; kbd,.ve-ui-commandHelpDialog-sequence &gt; kbd {<br /> background-color: var(--keypress-background);<br /> color: var(--keypress-color);<br /> border-color: var(--keypress-border);<br /> box-shadow: none;<br /> text-shadow: none<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> background: var(--ooui-interface)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'],figure[typeof~='mw:File/Frame'],figure[typeof~='mw:Image/Thumb'],figure[typeof~='mw:Video/Thumb'],figure[typeof~='mw:Image/Frame'],figure[typeof~='mw:Video/Frame'] {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:File/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media) {<br /> border: none;<br /> background: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; figcaption,figure[typeof~='mw:File/Frame'] &gt; figcaption,figure[typeof~='mw:Image/Thumb'] &gt; figcaption,figure[typeof~='mw:Video/Thumb'] &gt; figcaption,figure[typeof~='mw:Image/Frame'] &gt; figcaption,figure[typeof~='mw:Video/Frame'] &gt; figcaption {<br /> border: none;<br /> background-color: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --fact-text-color: #15f;<br /> --production-selected-background: #c3e8a3;<br /> --production-selected-color: #000;<br /> --wikipedia-border: #e0e0e0;<br /> --wikipedia-background: #f8f8f8;<br /> --keypress-background: #eee;<br /> --keypress-border: #ccc;<br /> --keypress-color: #333;<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg,#bfffbd 0 20px,#4cf172 20px 30px);<br /> --tbz-unlocked-border-color: #012100;<br /> --tbz-locked-background-color: #ffc3c3;<br /> --tbz-locked-border-color: #df9090;<br /> --tbz-partial-unlock-background: #dae8d2;<br /> --tbz-partial-unlock-border-color: #aeaeae<br /> }<br /> <br /> .archivelist {<br /> background-color: var(--body-light);<br /> border: solid 1px var(--body-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> margin: 5px;<br /> padding: 5px;<br /> text-align: center;<br /> width: 120px<br /> }<br /> <br /> .collapsed-sec {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-weight: bold;<br /> text-shadow: 1px 1px #fff<br /> }<br /> <br /> .combat-styles-icons a {<br /> display: inline-block;<br /> text-align: center;<br /> min-width: 26px<br /> }<br /> <br /> .combat-styles-header a {<br /> color: var(--text-color)<br /> }<br /> <br /> .fact-text {<br /> color: var(--fact-text-color);<br /> font-style: italic;<br /> cursor: help;<br /> border-bottom: dotted 1px<br /> }<br /> <br /> .production-selected {<br /> background: var(--production-selected-background);<br /> color: var(--production-selected-color)<br /> }<br /> <br /> .relative-location {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-spacing: 0;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 5px;<br /> text-align: center<br /> }<br /> <br /> .relative-location-txt {<br /> color: var(--text-color)<br /> }<br /> <br /> .relative-location-header {<br /> background: var(--body-dark)<br /> }<br /> <br /> #musicMap data {<br /> display: none<br /> }<br /> <br /> .musicMap-buttons {<br /> text-align: center;<br /> margin: 0.7em<br /> }<br /> <br /> .talkheader {<br /> text-align: center;<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .shortcut {<br /> border: 1px solid var(--body-border);<br /> background: var(--body-light);<br /> float: right;<br /> font-size: 0.8em;<br /> margin: 0.5em 0em 0.5em 1em;<br /> padding: 0.5em;<br /> text-align: center<br /> }<br /> <br /> .succession {<br /> width: 50%;<br /> text-align: center<br /> }<br /> <br /> .succession th {<br /> width: 33%;<br /> font-size: 90%;<br /> background: var(--body-mid)<br /> }<br /> <br /> .succession td {<br /> background: var(--body-light)<br /> }<br /> <br /> .update {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0;<br /> padding: 0.25em 1em;<br /> text-align: center<br /> }<br /> <br /> .pollwrapper {<br /> display: flex;<br /> align-items: center;<br /> flex-direction: column;<br /> counter-reset: question<br /> }<br /> <br /> .pollbox {<br /> position: relative;<br /> padding: 1em 0.7em;<br /> margin: 0.7em;<br /> margin-bottom: 1.2em;<br /> width: 700px;<br /> font-size: 16px;<br /> border: 2px solid var(--body-border);<br /> background: var(--body-light)<br /> }<br /> <br /> .pollbox::before {<br /> content: &quot;Question &quot; counter(question);<br /> counter-increment: question;<br /> position: absolute;<br /> font-size: 16px;<br /> font-weight: bold;<br /> top: -0.5em;<br /> margin-top: -2px;<br /> left: 0.6em;<br /> line-height: 1em;<br /> background: linear-gradient(0deg,var(--body-light),var(--body-light) 50%,rgba(0,0,0,0) 50%);<br /> padding: 0 0.6em<br /> }<br /> <br /> .pollbox table {<br /> width: 100%;<br /> border-collapse: collapse;<br /> font-size: 14px<br /> }<br /> <br /> .pollbox caption {<br /> text-align: left;<br /> margin-bottom: 4px<br /> }<br /> <br /> .pollbox td {<br /> padding: 0px<br /> }<br /> <br /> .pollquestion td:first-child::before {<br /> content: &quot;&quot;;<br /> background: url(/images/Poll_shield.png?c691a);<br /> background-repeat: no-repeat;<br /> background-position: top;<br /> width: 10px;<br /> height: 14px;<br /> position: absolute;<br /> top: 4px;<br /> left: 0<br /> }<br /> <br /> .pollquestion td:first-child {<br /> position: relative;<br /> width: 32%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .pollquestion td.pollpercent {<br /> box-sizing: border-box;<br /> padding-left: 17px;<br /> padding-right: 8px<br /> }<br /> <br /> .pollquestion td:last-child {<br /> width: 22%;<br /> padding-left: 0.7em<br /> }<br /> <br /> .pollquestion .pollnote td {<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .pollquestion .pollnote td::before {<br /> content: none<br /> }<br /> <br /> .pollquestion data {<br /> display: block;<br /> height: 15px;<br /> background-image: url(/images/Poll_sword2.png?7d4c4);<br /> position: relative<br /> }<br /> <br /> .pollquestion data::before,.pollquestion data::after {<br /> content: &quot;&quot;;<br /> height: inherit;<br /> position: absolute;<br /> height: 15px<br /> }<br /> <br /> .pollquestion data::before {<br /> background: url(/images/Poll_sword1.png?d445b);<br /> width: 17px;<br /> right: 100%<br /> }<br /> <br /> .pollquestion data::after {<br /> background: url(/images/Poll_sword3.png?487b5);<br /> width: 8px;<br /> left: 100%<br /> }<br /> <br /> .archivepollq th {<br /> text-align: left;<br /> font-weight: normal;<br /> padding: 15px 0 0 0<br /> }<br /> <br /> .archivepollq td:first-child {<br /> position: relative;<br /> width: 80%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .archivepollq td.archivepollpercent {<br /> box-sizing: border-box;<br /> padding: 2px;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .archivepollq td:last-child {<br /> text-align: right;<br /> padding-left: 0.7em<br /> }<br /> <br /> .archivepollq .archivepollnote &gt; td {<br /> text-align: left;<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .archivepollq data {<br /> display: block;<br /> height: 25px;<br /> background: var(--body-border);<br /> position: relative<br /> }<br /> <br /> .archivepollq.e {<br /> border: 2px solid var(--errorbox-border);<br /> background: var(--errorbox-bg)<br /> }<br /> <br /> .archivepollq.e::before {<br /> content: &quot;Error&quot;;<br /> background: linear-gradient(0deg,var(--errorbox-bg),var(--errorbox-bg) 50%,rgba(0,0,0,0) 50%)<br /> }<br /> <br /> .wikipedia {<br /> border: 1px solid var(--wikipedia-border);<br /> background-color: var(--wikipedia-background)<br /> }<br /> <br /> .hatnote,.seealso {<br /> font-style: italic<br /> }<br /> <br /> .hatnote i,.seealso i {<br /> font-style: normal<br /> }<br /> <br /> div.hatnote,div.seealso {<br /> margin: 0.5em 1.6em<br /> }<br /> <br /> div.hatnote + div.hatnote,div.hatnote + div.seealso,div.seealso + div.hatnote,div.seealso + div.seealso {<br /> margin-top: -0.5em<br /> }<br /> <br /> .extimage div,.extimage a,.extimage img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .tbz-region {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> white-space: nowrap;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> width: 110px;<br /> padding: 0.35em 0.45em 0.25em;<br /> margin: 1px<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-badge {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> padding: 0.3em 0.35em 0.2em<br /> }<br /> <br /> .tbz-badge + .tbz-badge {<br /> margin-left: 1px<br /> }<br /> <br /> .tbz-badge.tbz-badge-wrapper {<br /> padding: 0.2em<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-unlocked {<br /> background: var(--tbz-unlocked-background);<br /> border-color: var(--tbz-unlocked-border-color)<br /> }<br /> <br /> .tbz-unlocked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-unlocked .tbz-check {<br /> display: inline-block;<br /> padding-left: 5px<br /> }<br /> <br /> .tbz-locked {<br /> background-color: var(--tbz-locked-background-color);<br /> border-color: var(--tbz-locked-border-color)<br /> }<br /> <br /> .tbz-locked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-locked .tbz-unlocked {<br /> background: var(--tbz-partial-unlock-background);<br /> border-color: var(--tbz-partial-unlock-border-color)<br /> }<br /> <br /> .combatinfo {<br /> width: 160px;<br /> text-align: center;<br /> float: right;<br /> clear: right<br /> }<br /> <br /> .combatinfo.combatinfo-left {<br /> float: left;<br /> clear: left<br /> }<br /> <br /> .combatinfo td {<br /> width: 25%<br /> }<br /> <br /> .wikitable.combatinfo &gt; caption {<br /> font-weight: normal<br /> }<br /> <br /> .growth-stage-table td.growth-stage {<br /> text-align: center;<br /> vertical-align: bottom<br /> }<br /> <br /> .keypress {<br /> background: var(--keypress-background);<br /> color: var(--keypress-color);<br /> font-family: inherit;<br /> border: 1px solid var(--keypress-border);<br /> border-radius: 2px;<br /> font-size: 0.9em;<br /> margin: 0 0.1em;<br /> padding: 0.1em 0.4em;<br /> white-space: nowrap<br /> }<br /> <br /> .rsw-music-player {<br /> height: 2em;<br /> vertical-align: middle<br /> }<br /> <br /> .item-drops .beast-version {<br /> font-size: smaller;<br /> font-style: italic<br /> }<br /> <br /> td.famtreesub {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table {<br /> border-spacing: 0;<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table td {<br /> height: 1em;<br /> width: 1em<br /> }<br /> <br /> td.famtreeleaf {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> padding: 0.2em<br /> }<br /> <br /> :root {<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #ccc<br /> }<br /> <br /> :root {<br /> --coins-color: green;<br /> --coins-pos-color: white;<br /> --coins-neg-color: #c02614<br /> }<br /> <br /> .coins {<br /> color: var(--coins-color);<br /> background-position: 0% 50%;<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> padding: 0<br /> }<br /> <br /> .coins-pos {<br /> color: var(--coins-pos-color)<br /> }<br /> <br /> .coins-neg {<br /> color: var(--coins-neg-color)<br /> }<br /> <br /> .coins-10000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 3px 35px<br /> }<br /> <br /> .coins-1000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-250 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-100 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-25 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-5 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-4 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-3 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-2 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-1 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> :root {<br /> --documentation-background: #f9fafa;<br /> --documentation-link-color: #e4eaee;<br /> --documentation-headers-color: #fff;<br /> --documentation-header-background: #949eaa;<br /> --documentation-subheader-background: #808c9a;<br /> --documentation-border: #e4eaee<br /> }<br /> <br /> .documentation {<br /> background: var(--documentation-background);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0<br /> }<br /> <br /> .documentation pre,.documentation code {<br /> background-color: var(--documentation-background);<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation h2,.documentation hr {<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation-header {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-header-background);<br /> font-weight: bold;<br /> padding: 1em 1.5em<br /> }<br /> <br /> .documentation-title {<br /> font-size: 1.25em<br /> }<br /> <br /> .documentation-subheader {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-subheader-background);<br /> padding: 0.5em 1.5em<br /> }<br /> <br /> .documentation-subheader a,.documentation-subheader a:visited,.documentation-subheader a:active {<br /> color: var(--documentation-link-color)<br /> }<br /> <br /> .documentation-documentation,.documentation-links {<br /> font-size: 0.85em<br /> }<br /> <br /> .documentation-content {<br /> padding: 1em 1.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dl:not(:empty) {<br /> column-count: 3;<br /> border-top: 1px solid var(--body-border);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dt::after {<br /> content: &quot;:&quot;<br /> }<br /> <br /> .mw-templatedata-doc-params dd,.mw-templatedata-doc-params dt {<br /> margin: 0.1em 2em;<br /> min-width: auto<br /> }<br /> <br /> .mw-templatedata-doc-muted {<br /> color: var(--subtle-color);<br /> font-style: italic<br /> }<br /> <br /> .fairycode {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-size: 120%;<br /> font-weight: bold;<br /> text-transform: lowercase;<br /> letter-spacing: 1px<br /> }<br /> <br /> .fairycode b ~ b:before {<br /> content: &quot;•&quot;<br /> }<br /> <br /> .floornumber &gt; .floornumber-us,#toc li a span.toctext span span:nth-child(2),.floornumber-setting-gb .floornumber &gt; .floornumber-us,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(2),.floornumber-setting-us .floornumber &gt; .floornumber-gb,.floornumber-setting-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none<br /> }<br /> <br /> .floornumber-setting-gb .floornumber &gt; .floornumber-gb,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(1),.floornumber-setting-us .floornumber &gt; .floornumber-us,.floornumber-setting-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-us,.floornumber-override-gb #toc li a span.toctext span span:nth-child(2),.floornumber-override-us .floornumber &gt; .floornumber-gb,.floornumber-override-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none !important<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-gb,.floornumber-override-gb #toc li a span.toctext span span:nth-child(1),.floornumber-override-us .floornumber &gt; .floornumber-us,.floornumber-override-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline !important<br /> }<br /> <br /> .musicplayer {<br /> border: 1px solid var(--body-border);<br /> font-size: 90%;<br /> background: var(--body-light);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> max-width: 300px;<br /> margin: 0 0 1em 1em;<br /> padding: 5px<br /> }<br /> <br /> .musicplayer audio,.infobox audio {<br /> max-width: 298px;<br /> margin-left: auto;<br /> margin-right: auto<br /> }<br /> <br /> .plink-template + a {<br /> margin-left: 0.25em<br /> }<br /> <br /> .plinkt-image {<br /> text-align: center<br /> }<br /> <br /> :root {<br /> --questdetails-header-background: #cfc2aa;<br /> --questdetails-header-background-alt: #cfbda1<br /> }<br /> <br /> .questdetails {<br /> width: 100%;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-collapse: separate<br /> }<br /> <br /> .questdetails th {<br /> text-align: left<br /> }<br /> <br /> .questdetails-header {<br /> padding: 0.5em 1em;<br /> background-color: var(--questdetails-header-background);<br /> width: 125px<br /> }<br /> <br /> .questdetails tr:nth-child(odd) .questdetails-header {<br /> background-color: var(--questdetails-header-background-alt)<br /> }<br /> <br /> .questdetails-info {<br /> padding-left: 1em;<br /> padding-right: 2em<br /> }<br /> <br /> ol.references,.reflist {<br /> font-size: 90%<br /> }<br /> <br /> .reflist {<br /> list-style-type: decimal<br /> }<br /> <br /> .reflist .references {<br /> font-size: 100%;<br /> list-style-type: inherit<br /> }<br /> <br /> .reflist-lower-alpha {<br /> list-style-type: lower-alpha<br /> }<br /> <br /> ol.references li:target,sup.reference:target {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .hideQuotes .refhide {<br /> display: none<br /> }<br /> <br /> .editnotice {<br /> font-size: 0.9em;<br /> padding-bottom: 0.75em;<br /> margin-bottom: 0.6em<br /> }<br /> <br /> .editnotice .editnotice-title {<br /> font-size: 1.2em;<br /> font-weight: bold;<br /> margin-bottom: 0.4em<br /> }<br /> <br /> <br /> <br /> <br /> .mw-message-box,.mw-message-box-error,.mw-message-box-warning,.mw-message-box-success,.usermessage {<br /> color: var(--text-color)<br /> }<br /> <br /> .messagebox {<br /> width: 65%;<br /> margin: 0.5em auto;<br /> border-left: 15px solid;<br /> border-color: var(--body-dark);<br /> background-color: var(--body-light);<br /> box-sizing: border-box<br /> }<br /> <br /> .messagebox.obsolete {<br /> background-color: var(--messagebox-obsolete-background);<br /> border-color: var(--messagebox-obsolete-border);<br /> color: var(--messagebox-obsolete-color)<br /> }<br /> <br /> .messagebox.obsolete a,.messagebox.obsolete a:visited,.messagebox.obsolete a:active {<br /> color: var(--messagebox-obsolete-link-color)<br /> }<br /> <br /> .messagebox.info {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border);<br /> color: var(--messagebox-info-color)<br /> }<br /> <br /> .messagebox.info a,.messagebox.info a:visited,.messagebox.info a:active {<br /> color: var(--messagebox-info-link-color)<br /> }<br /> <br /> .messagebox.action {<br /> background-color: var(--messagebox-action-background);<br /> border-color: var(--messagebox-action-border);<br /> color: var(--messagebox-action-color)<br /> }<br /> <br /> .messagebox.action a,.messagebox.action a:visited,.messagebox.action a:active {<br /> color: var(--messagebox-action-link-color)<br /> }<br /> <br /> .messagebox.warn {<br /> background-color: var(--messagebox-warn-background);<br /> border-color: var(--messagebox-warn-border);<br /> color: var(--messagebox-warn-color)<br /> }<br /> <br /> .messagebox.warn a,.messagebox.warn a:visited,.messagebox.warn a:active {<br /> color: var(--messagebox-warn-link-color)<br /> }<br /> <br /> .messagebox.safe {<br /> background-color: var(--messagebox-safe-background);<br /> border-color: var(--messagebox-safe-border);<br /> color: var(--messagebox-safe-color)<br /> }<br /> <br /> .messagebox.safe a,.messagebox.safe a:visited,.messagebox.safe a:active {<br /> color: var(--messagebox-safe-link-color)<br /> }<br /> <br /> .messagebox.disambig {<br /> background-color: var(--messagebox-disambig-background);<br /> border-color: var(--messagebox-disambig-border);<br /> color: var(--messagebox-disambig-color)<br /> }<br /> <br /> .messagebox.disambig a,.messagebox.disambig a:visited,.messagebox.disambig a:active {<br /> color: var(--messagebox-disambig-link-color)<br /> }<br /> <br /> .messagebox.discord {<br /> background-color: var(--messagebox-discord-background);<br /> border-color: var(--messagebox-discord-border);<br /> color: #fff<br /> }<br /> <br /> .messagebox.discord a,.messagebox.discord a:visited,.messagebox.discord a:active {<br /> color: var(--messagebox-discord-link-color)<br /> }<br /> <br /> .messagebox.discord a.external,.messagebox.discord a:visited.external,.messagebox.discord a:active.external {<br /> font-style: italic<br /> }<br /> <br /> .messagebox.stub {<br /> width: 40%<br /> }<br /> <br /> .messagebox.hasdialogue {<br /> padding: 0 10px;<br /> width: auto<br /> }<br /> <br /> :root {<br /> --ajaxpoll-background: #fafafa;<br /> --ajaxpoll-text-color: var(--byline-color);<br /> --ajaxpoll-answerbar-background: var(--body-light);<br /> --ajaxpoll-answerbar-border: var(--body-border)<br /> }<br /> <br /> .ajaxpoll {<br /> background: var(--ajaxpoll-background)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-hover-vote,.ajaxpoll .ajaxpoll-hover-revoke,.ajaxpoll .ajaxpoll-ajax {<br /> background: none<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote {<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote div {<br /> background: var(--ajaxpoll-answerbar-background);<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-our-vote div {<br /> border-color: #3c780a<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-misc,.ajaxpoll .ajaxpoll-info,.ajaxpoll .ajaxpoll-ajax {<br /> color: var(--ajaxpoll-text-color)<br /> }<br /> <br /> .ajaxpoll-id-info {<br /> display: none<br /> }<br /> <br /> .inventorytable,<br /> .lootingbagtable,<br /> .runepouchtable {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> height: auto;<br /> border-spacing: 0;<br /> border-collapse: separate;<br /> margin-top: 7px;<br /> margin-bottom: 7px;<br /> }<br /> <br /> .inventorytable.storage-left,<br /> .lootingbagtable.storage-left,<br /> .runepouchtable.storage-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .inventorytable.storage-center,<br /> .lootingbagtable.storage-center,<br /> .runepouchtable.storage-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .inventorytable.storage-right,<br /> .lootingbagtable.storage-right,<br /> .runepouchtable.storage-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .inventorytable td,<br /> .lootingbagtable td,<br /> .runepouchtable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> }<br /> <br /> .inventorytable {<br /> background-image: url(/images/e/e9/Inventory_tab.png);<br /> width: 204px;<br /> padding: 13px 16px 10px;<br /> }<br /> <br /> .inventorytable td {<br /> width: 43px;<br /> height: 36px;<br /> }<br /> <br /> .lootingbagtable {<br /> background-image: url(/images/7/78/Looting_bag_tab.png);<br /> width: 204px;<br /> padding: 31px 17px 20px 12px;<br /> }<br /> <br /> .lootingbagtable td {<br /> width: 44px;<br /> height: 32px;<br /> }<br /> <br /> .runepouchtable {<br /> background-image: url(/images/f/f1/Rune_pouch_background.png);<br /> width: 158px;<br /> padding: 24px 7px 6px;<br /> }<br /> <br /> .runepouchtable.storage-left {<br /> margin-left: 23px;<br /> }<br /> <br /> .runepouchtable.storage-right {<br /> margin-right: 23px;<br /> }<br /> <br /> .runepouchtable td {<br /> width: 32px;<br /> height: 32px;<br /> line-height: 1.6em;<br /> }<br /> <br /> .runepouchtable td.middle-rune {<br /> padding-left: 24px;<br /> padding-right: 24px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune {<br /> padding-left: 6px;<br /> padding-right: 6px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune {<br /> padding-left: 0;<br /> }<br /> <br /> .menagerietable {<br /> background-image: url(/images/9/9c/Menagerie_interface.png);<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> width: 300px;<br /> height: 250px;<br /> padding: 56px 28px 34px 6px;<br /> border-spacing: 0;<br /> }<br /> <br /> .menagerietable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> width: 46px;<br /> height: 32px;<br /> }<br /> <br /> .inventorytable .inv-quantity-text,<br /> .lootingbagtable .inv-quantity-text,<br /> .runepouchtable .inv-quantity-text,<br /> .equipment .inv-quantity-text {<br /> font-family: 'RuneScape Small';<br /> font-size: 12pt;<br /> position: absolute;<br /> top: -8px;<br /> left: 4px;<br /> text-shadow: #000 1px 1px;<br /> color: #ffff00;<br /> pointer-events: none;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-1,<br /> .lootingbagtable .inv-quantity-text.qty-1,<br /> .runepouchtable .inv-quantity-text.qty-1,<br /> .equipment .inv-quantity-text.qty-1 {<br /> color: #ffff00;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-100k,<br /> .lootingbagtable .inv-quantity-text.qty-100k,<br /> .runepouchtable .inv-quantity-text.qty-100k,<br /> .equipment .inv-quantity-text.qty-100k {<br /> color: #fff;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-10m,<br /> .lootingbagtable .inv-quantity-text.qty-10m,<br /> .runepouchtable .inv-quantity-text.qty-10m,<br /> .equipment .inv-quantity-text.qty-10m {<br /> color: #01ff80;<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {<br /> .inventorytable img,<br /> .lootingbagtable img,<br /> .runepouchtable img,<br /> .equipment img {<br /> image-rendering: pixelated;<br /> image-rendering: crisp-edges;<br /> }<br /> <br /> }<br /> <br /> .runepouchtable .inv-quantity-text {<br /> left: -1px;<br /> }<br /> <br /> .runepouchtable td.middle-rune .inv-quantity-text {<br /> left: 23px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune .inv-quantity-text {<br /> left: 5px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune .inv-quantity-text {<br /> left: 0;<br /> }<br /> <br /> .equipment .inv-quantity-text {<br /> top: -3px;<br /> }<br /> <br /> span.noted-item {<br /> width: 30px;<br /> height: 29px;<br /> text-align: center;<br /> display: inline-block;<br /> }<br /> <br /> span.noted-item a {<br /> width: 30px;<br /> height: 29px;<br /> }<br /> <br /> .noted-item a {<br /> background-image: url(/images/3/3a/Bank_note.png);<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> background-position: center;<br /> }<br /> <br /> td.noted-item a {<br /> width: 32px;<br /> line-height: 28px;<br /> }<br /> <br /> .noted-item img {<br /> transform: scale(0.65);<br /> }<br /> <br /> .equipment {<br /> background: #3e3529;<br /> border: 9px solid transparent;<br /> border-image-source: url(/images/c/c7/Interface_border.png);<br /> border-image-slice: 9;<br /> border-image-width: 9px;<br /> border-image-outset: 0;<br /> border-image-repeat: repeat;<br /> margin: 7px 0;<br /> padding: 0 2px 0 3px;<br /> }<br /> <br /> @media all and (max-width: 720px) {<br /> table.equipment {<br /> width: initial !important;<br /> }<br /> <br /> }<br /> <br /> .equipment-div,<br /> .equipment-div-buttons {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> position: relative;<br /> width: 175px;<br /> display: flex;<br /> }<br /> <br /> .equipment-div {<br /> background-image: url(/images/a/a7/Worn_equipment_tab_%28no_buttons%29.png);<br /> height: 222px;<br /> margin: 15px 0 14px;<br /> }<br /> <br /> .equipment-div-buttons {<br /> background-image: url(/images/e/e3/Worn_equipment_tab_%28borderless%29.png);<br /> height: 244px;<br /> margin: 4px 0 3px;<br /> }<br /> <br /> .equipment-blank {<br /> background-image: url(/images/c/cf/Blank_slot.png);<br /> width: 36px;<br /> height: 36px;<br /> }<br /> <br /> .equipment-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .equipment-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .equipment-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .equipment-stats,<br /> .equipment-ikod {<br /> font-family: RuneScape;<br /> font-size: 16px;<br /> line-height: 14px;<br /> color: #ff981f;<br /> text-shadow: 1px 1px 0 black;<br /> }<br /> <br /> td.equipment-stats b {<br /> font-family: RuneScape;<br /> font-weight: bold;<br /> display: block;<br /> margin-top: 2px;<br /> }<br /> <br /> td.equipment-stats data {<br /> display: block;<br /> padding-left: 8px;<br /> }<br /> <br /> td.equipment-stats data img {<br /> vertical-align: bottom;<br /> }<br /> <br /> td.equipment-ikod {<br /> max-width: 325px;<br /> }<br /> <br /> td.equipment-ikod em {<br /> font-style: normal;<br /> display: block;<br /> margin-bottom: 3px;<br /> }<br /> <br /> td.equipment-ikod b {<br /> font-weight: normal;<br /> color: white;<br /> }<br /> <br /> td.equipment-ikod strong {<br /> font-weight: normal;<br /> color: red;<br /> }<br /> <br /> td.equipment-ikod ul {<br /> list-style: none;<br /> margin: 0;<br /> }<br /> <br /> td.equipment-ikod li {<br /> display: inline-block;<br /> width: 32px;<br /> height: 32px;<br /> line-height: 32px;<br /> margin: 0;<br /> margin-right: 14px;<br /> }<br /> <br /> td.equipment-ikod img {<br /> cursor: help;<br /> }<br /> <br /> td.equipment-ikod hr {<br /> border-top: 1px solid #0e0e0c;<br /> border-bottom: 1px solid #474745;<br /> margin: 7px 0;<br /> }<br /> <br /> .equipment-plinkp {<br /> position: absolute;<br /> width: 36px;<br /> height: 36px;<br /> left: 0px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head,<br /> .equipment-cape,<br /> .equipment-neck,<br /> .equipment-ammo,<br /> .equipment-weapon,<br /> .equipment-torso,<br /> .equipment-shield,<br /> .equipment-legs,<br /> .equipment-gloves,<br /> .equipment-boots,<br /> .equipment-ring,<br /> .equipment-statsbutton,<br /> .equipment-ikodbutton {<br /> position: absolute;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head {<br /> left: 70px;<br /> top: 0px;<br /> }<br /> <br /> .equipment-cape {<br /> left: 29px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-neck {<br /> left: 70px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-ammo {<br /> left: 111px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-weapon {<br /> left: 14px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-torso {<br /> left: 70px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-shield {<br /> left: 126px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-legs {<br /> left: 70px;<br /> top: 118px;<br /> }<br /> <br /> .equipment-gloves {<br /> left: 14px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-boots {<br /> left: 70px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-ring {<br /> left: 126px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-statsbutton {<br /> top: 204px;<br /> left: 0px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> .equipment-ikodbutton {<br /> top: 204px;<br /> left: 90px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> :root {<br /> --transcript-border-color: #b4a36a;<br /> --transcript-border-hover-color: #876f1d;<br /> --transcript-strikethrough-color: #800000<br /> }<br /> <br /> .transcript {<br /> background: var(--body-light);<br /> border-radius: 0 0 120px 120px / 0 0 8px 8px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> max-width: 90ch;<br /> overflow: hidden;<br /> margin-bottom: 1em;<br /> padding: 0.5em 1em 1em;<br /> clear: left<br /> }<br /> <br /> .transcript.godletter {<br /> margin: 1em auto;<br /> padding: 1em 1.5em;<br /> max-width: 60ch<br /> }<br /> <br /> .quest-action {<br /> text-align: center;<br /> font-style: italic;<br /> margin: 0 5%<br /> }<br /> <br /> .quest-action:before,.quest-action:after {<br /> content: '———';<br /> margin: 4px;<br /> letter-spacing: -1px<br /> }<br /> <br /> .transcript-chatbox-image {<br /> display: inline-block;<br /> margin-right: 5px;<br /> position: relative;<br /> text-align: center;<br /> width: 32px<br /> }<br /> <br /> .transcript-chatbox-image + .transcript-chatbox-image {<br /> left: -10px;<br /> top: 10px;<br /> margin-right: 0<br /> }<br /> <br /> .transcript-opt::before {<br /> display: inline-block;<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> width: 7px;<br /> height: 10px;<br /> margin-right: 5px<br /> }<br /> <br /> .transcript-opt.disabled {<br /> filter: opacity(0.5)<br /> }<br /> <br /> .ns-120 .mw-parser-output s,.transcript s {<br /> text-decoration-color: var(--transcript-strikethrough-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output .template-colour,.transcript .template-colour {<br /> text-shadow: 1px 1px #000a<br /> }<br /> <br /> :root {<br /> --byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%);<br /> --tile-border-color: #596e96;<br /> --tile-background-color: #313e59;<br /> --tile-link-button-color: #222e45;<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255,255,255,0.7);<br /> --tile-dark-header-color: #fff<br /> }<br /> <br /> .tile {<br /> background: var(--tile-background-color);<br /> border: 1px solid var(--tile-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1.5em 2em 1em;<br /> max-width: 40em<br /> }<br /> <br /> .tile h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile.dark {<br /> color: var(--tile-dark-color);<br /> background: var(--tile-dark-bg);<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .tile.dark h2 {<br /> color: var(--tile-dark-header-color)<br /> }<br /> <br /> .tile.dark a {<br /> color: var(--tile-dark-link-color)<br /> }<br /> <br /> .tile.dark .byline {<br /> color: var(--tile-dark-byline-color)<br /> }<br /> <br /> .byline {<br /> font-size: 0.9em;<br /> color: var(--byline-color)<br /> }<br /> <br /> .byline a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .tile-row {<br /> display: flex;<br /> flex-flow: row wrap;<br /> margin-bottom: 1em<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-flow: row wrap;<br /> border: 1px solid var(--tile-border-color);<br /> background: var(--tile-background-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .tile-halves h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile-halves .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile-top {<br /> width: 100%;<br /> padding: 1.3rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-top.tile-image {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--byline-color);<br /> overflow: hidden;<br /> padding: 0;<br /> height: 13vw;<br /> max-height: 12em;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-halves:hover .tile-top.tile-image img {<br /> transform: scale(1.1);<br /> transition: 0.5s ease-out<br /> }<br /> <br /> .tile-top.tile-image a {<br /> width: 100%<br /> }<br /> <br /> .tile-top.tile-image img {<br /> width: 100%;<br /> object-fit: cover;<br /> max-height: 200px;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-top.tile-image span {<br /> width: 100%<br /> }<br /> <br /> .tile-bottom {<br /> background: var(--tile-background-color);<br /> border-top: 1px solid var(--tile-border-color);<br /> width: 100%;<br /> padding: 1rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-bottom.link-button {<br /> align-self: flex-end;<br /> padding: 0<br /> }<br /> <br /> .tile-bottom.link-button a {<br /> display: block;<br /> text-align: center;<br /> padding: 0.75em 1.5em 0.8em;<br /> text-decoration: none<br /> }<br /> <br /> .tile-bottom.read-more {<br /> background: var(--tile-link-button-color);<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile-bottom.read-more a {<br /> color: var(--byline-color);<br /> font-weight: bold;<br /> text-align: right<br /> }<br /> <br /> .tile-bottom.read-more:hover {<br /> background: var(--tile-link-button-highlight-color)<br /> }<br /> <br /> .tile-bottom.read-more:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .tile-bottom.read-more .arrow {<br /> filter: var(--byline-arrow-filter);<br /> margin-left: 0.4em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile.oswf-day {<br /> margin-left: 0.5em<br /> }<br /> <br /> .oswf-tile {<br /> margin: 1em<br /> }<br /> <br /> .oswf-tile.oswf-complete {<br /> opacity: 0.65<br /> }<br /> <br /> .oswf-tile .oswf-summary {<br /> font-size: 105%;<br /> line-height: 1.6;<br /> margin-top: -0.4em<br /> }<br /> <br /> .oswf-tile .oswf-img {<br /> display: block;<br /> max-width: 75px;<br /> float: right<br /> }<br /> <br /> .oswf-tile .oswf-img img {<br /> max-width: 100%;<br /> height: auto<br /> }<br /> <br /> .oswf-tile .oswf-guidance {<br /> border-top: 1px solid #eee;<br /> padding-top: 1em<br /> }<br /> <br /> body.page-Main_Page .mw-parser-output {<br /> max-width: 75em;<br /> margin: 0 auto;<br /> }<br /> <br /> body.page-Main_Page.action-view .catlinks,<br /> body.page-Main_Page.action-view #contentSub,<br /> body.page-Main_Page.action-view #siteNotice {<br /> display: none;<br /> }<br /> <br /> body.page-Main_Page h1 { display: none; }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> margin: 2.6em 1.75em 1.5em<br /> }<br /> <br /> .mainpage-header .header-intro {<br /> flex: 2<br /> }<br /> <br /> .mainpage-header .header-intro h1 {<br /> font-size: 2.5em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.15em<br /> }<br /> <br /> .mainpage-header .header-intro p {<br /> font-size: 1.1em;<br /> line-height: 1.7em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> flex: 1;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> margin-top: -1em<br /> }<br /> <br /> .mainpage-body {<br /> display: grid;<br /> grid-template-areas: &quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left right&quot;;<br /> gap: 0.9rem;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-body h2 a {<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-body .tile {<br /> padding-left: 1.75em;<br /> padding-right: 1.75em;<br /> max-width: 100%<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> width: 100%;<br /> margin-bottom: 0<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> display: grid;<br /> gap: 0.9rem<br /> }<br /> <br /> .mainpage-left {<br /> grid-area: left;<br /> flex: 2;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-left &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .mainpage-right {<br /> grid-area: right;<br /> flex: 1;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-right &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .arrow {<br /> background: url(/images/White-chevron.svg?b82be) no-repeat;<br /> display: inline-block;<br /> height: 0.7rem;<br /> width: 0.45rem;<br /> vertical-align: middle<br /> }<br /> <br /> .arrow.dark {<br /> filter: invert(80%)<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-area: update;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves {<br /> flex: 1;<br /> align-content: flex-start<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-bottom.link-button a {<br /> text-align: left;<br /> padding: 1rem 1.5rem 0.75rem<br /> }<br /> <br /> .mainpage-recent-updates h2 {<br /> margin: -0.5em 0 0.3em<br /> }<br /> <br /> .mainpage-recent-updates p:not(.byline) {<br /> font-size: 0.9em;<br /> line-height: 1.75em;<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-contents {<br /> grid-area: content;<br /> grid-template-columns: repeat(6,1fr)<br /> }<br /> <br /> .mainpage-contents .tile-halves {<br /> flex: 1<br /> }<br /> <br /> .mainpage-contents .tile-top {<br /> position: relative<br /> }<br /> <br /> .mainpage-contents h2 {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> .mainpage-contents .tile-bottom.link-button a {<br /> padding: 0.75em 0.2em<br /> }<br /> <br /> .mainpage-skills ul {<br /> columns: 3 9em;<br /> margin: 1em 0.7em 0.7em 1em<br /> }<br /> <br /> .mainpage-skills li {<br /> display: flex;<br /> margin-bottom: 0.29em<br /> }<br /> <br /> .mainpage-skills li a:first-child {<br /> border-radius: 2px;<br /> padding: 4px;<br /> width: 25px;<br /> height: 25px;<br /> text-align: center;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center<br /> }<br /> <br /> .mainpage-skills li a:last-child {<br /> flex: 1;<br /> display: flex;<br /> align-items: center;<br /> font-weight: bold;<br /> padding-left: 0.7em;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-skills li:hover a:first-child {<br /> border-radius: 2px 0 0 2px<br /> }<br /> <br /> .mainpage-skills li:hover a:last-child {<br /> color: rgba(255,255,255,0.9);<br /> border-radius: 0 2px 2px 0<br /> }<br /> <br /> .skill-agility a:first-child,.skill-melee a:first-child {<br /> background: #bc483d<br /> }<br /> <br /> .skill-agility:hover a:last-child,.skill-melee:hover a:last-child {<br /> background: #932419<br /> }<br /> <br /> .skill-ranged a:first-child {<br /> background: #748d36<br /> }<br /> <br /> .skill-ranged:hover a:last-child {<br /> background: #4c6215<br /> }<br /> <br /> .skill-magic a:first-child {<br /> background: #6274ab<br /> }<br /> <br /> .skill-magic:hover a:last-child {<br /> background: #304791<br /> }<br /> <br /> .skill-fishing a:first-child,.skill-fletching a:first-child {<br /> background: #3e8e9a<br /> }<br /> <br /> .skill-fishing:hover a:last-child,.skill-fletching:hover a:last-child {<br /> background: #1a6671<br /> }<br /> <br /> .skill-cooking a:first-child,.skill-thieving a:first-child {<br /> background: #91689e<br /> }<br /> <br /> .skill-cooking:hover a:last-child,.skill-thieving:hover a:last-child {<br /> background: #713684<br /> }<br /> <br /> .skill-farming a:first-child,.skill-woodcutting a:first-child {<br /> background: #59924f<br /> }<br /> <br /> .skill-farming:hover a:last-child,.skill-woodcutting:hover a:last-child {<br /> background: #306f25<br /> }<br /> <br /> .skill-mining a:first-child {<br /> background: #6385a8<br /> }<br /> <br /> .skill-mining:hover a:last-child {<br /> background: #315f8d<br /> }<br /> <br /> .skill-smithing a:first-child {<br /> background: #d2b244<br /> }<br /> <br /> .skill-smithing:hover a:last-child {<br /> background: #b69213<br /> }<br /> <br /> .popular-pages ul {<br /> display: grid;<br /> grid-template-columns: repeat(3,1fr);<br /> grid-gap: 0.6em;<br /> margin: 1em 0 0.7em 0<br /> }<br /> <br /> .mp-popular-page-light {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--button-background);<br /> transition: 100ms<br /> }<br /> <br /> .mp-popular-page-light a {<br /> flex: 1;<br /> display: block;<br /> color: #fff;<br /> font-weight: bold;<br /> text-align: center;<br /> text-decoration: none;<br /> padding: 0.7em 1em<br /> }<br /> <br /> .mp-popular-page-light:hover {<br /> filter: brightness(115%);<br /> transition: 100ms<br /> }<br /> <br /> .mainpage-discord {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-discord .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #5865f2;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-discord .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-discord .tile-bottom {<br /> background: #525ee0;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-discord .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-discord .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-discord .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-discord .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-youtube {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-youtube .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-youtube .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-youtube .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-youtube .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-youtube .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-youtube .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-youtube .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-rl {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-rl .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #383838;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-rl .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-rl .tile-bottom {<br /> background: #FF9300;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-rl .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-rl .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-rl .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-rl .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-twitter {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-twitter .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-twitter .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-twitter .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-twitter .twitter-logo {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-twitter .twitter-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-twitter .twitter-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-twitter .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .mainpage-editing {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-editing .tile-top {<br /> background: #222e45<br /> }<br /> <br /> .mainpage-editing .tile-bottom {<br /> background: #3980ab;<br /> border: none;<br /> padding: 0.8rem 1.5rem 0.4rem<br /> }<br /> <br /> .mainpage-editing h2,.mainpage-editing a {<br /> color: #fff<br /> }<br /> <br /> .mainpage-editing p {<br /> color: rgba(255,255,255,0.9)<br /> }<br /> <br /> .mainpage-editing ul {<br /> list-style-image: url(/images/Transparent-chevron.svg?20dcf)<br /> }<br /> <br /> .mainpage-poll .ajaxpoll {<br /> border: none;<br /> background: none;<br /> padding: 0;<br /> width: auto<br /> }<br /> <br /> .mainpage-trailblazer {<br /> grid-area: event<br /> }<br /> <br /> .mainpage-trailblazer .tb-logo {<br /> margin-bottom: 0.9rem<br /> }<br /> <br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-trailblazer .tile-row .tile-top {<br /> height: 20vw;<br /> min-height: 9em<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1200px) {<br /> .mainpage-contents {<br /> grid-template-columns:repeat(3,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1000px) {<br /> .mainpage-body {<br /> grid-template-areas:&quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left left&quot; &quot;right right right&quot;<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-top {<br /> height: 18vw;<br /> min-height: 9em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> display: none<br /> }<br /> <br /> .mainpage-left &gt; *:last-child,.mainpage-right &gt; *:last-child {<br /> margin-bottom: 0<br /> }<br /> <br /> .popular-pages ul {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-recent-updates {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: flex<br /> }<br /> <br /> .mainpage-contents {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background-color: var(--body-main);<br /> border-top-color: var(--body-border);<br /> box-shadow: none<br /> }<br /> <br /> .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,.mw-prefs-tabs &gt; .oo-ui-menuLayout-content &gt; .oo-ui-indexLayout-stackLayout &gt; .oo-ui-tabPanelLayout {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --rc-positive-color: #407813;<br /> --rc-negative-color: #b41e0f<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: var(--rc-positive-color)<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: var(--rc-negative-color)<br /> }<br /> <br /> .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {<br /> border-color: var(--body-border);<br /> background-color: var(--body-light);<br /> border-radius: 2px<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-menuSelectWidget-footer {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-tagItemWidget-popup-content {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-changeslist-legend,.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .client-js .mw-changeslist ul,.client-js .mw-changeslist table.mw-enhanced-rc {<br /> margin-left: 0<br /> }<br /> <br /> .mw-rcfilters-ui-watchlistTopSectionWidget-separator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-header {<br /> border-bottom-color: var(--ooui-interface);<br /> background-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-title {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-header {<br /> border-bottom-color: var(--ooui-interface-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-savedLinksListItemWidget-label {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted ul,.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted table.mw-enhanced-rc {<br /> margin-left: 1.5em<br /> }<br /> <br /> .page-Special_CreateAccount .mw-ui-container,.page-Special_UserLogin .mw-ui-container {<br /> max-width: 64rem;<br /> margin: 0 auto<br /> }<br /> <br /> .mw-number-text {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-body-content .mw-number-text h3 {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-indicator-mw-helplink a {<br /> background: none;<br /> padding: 0;<br /> display: flex;<br /> align-items: center<br /> }<br /> <br /> #mw-indicator-mw-helplink a::before {<br /> content: '';<br /> margin-right: 5px;<br /> -webkit-mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> background: var(--text-color);<br /> height: 20px;<br /> width: 20px<br /> }<br /> <br /> .results-info {<br /> color: inherit<br /> }<br /> <br /> .mw-search-profile-tabs {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> .search-types .current a {<br /> color: inherit<br /> }<br /> <br /> #mw-searchoptions {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> #mw-searchoptions .divider {<br /> border-color: var(--body-border)<br /> }<br /> <br /> #mw-searchoptions h4 {<br /> font-family: inherit<br /> }<br /> <br /> #mw-searchoptions .oo-ui-labelElement:nth-of-type(odd) {<br /> font-weight: bold<br /> }<br /> <br /> .searchresult {<br /> line-height: 1.5<br /> }<br /> <br /> .searchalttitle,#mw-search-interwiki li {<br /> font-size: 90%<br /> }<br /> <br /> .mw-search-result-data {<br /> color: var(--byline-color)<br /> }<br /> <br /> .page-Special_ListFiles a.image img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .page-Special_ListFiles .TablePager_col_thumb {<br /> text-align: center<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] {<br /> background-color: var(--body-main) !important;<br /> border-color: var(--wikitable-border) !important;<br /> margin-top: 0.5em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th,#editcount table[border=&quot;1&quot;] td {<br /> padding: 0.2em 0.4em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th {<br /> background-color: var(--wikitable-header-bg);<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] td {<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] tr:nth-child(odd) {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget {<br /> background-color: inherit<br /> }<br /> <br /> table.mw-interwikitable.body td.mw-interwikitable-local-yes {<br /> background-color: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .mw-protectedpages-unknown {<br /> color: var(--byline-color)<br /> }<br /> <br /> .watchlistredir,.allpagesredirect {<br /> font-style: italic<br /> }<br /> <br /> .allpagesredirect:after {<br /> color: var(--byline-color);<br /> content: &quot; (redirect)&quot;<br /> }<br /> <br /> .mw-apisandbox-toolbar {<br /> background: var(--body-main)<br /> }<br /> <br /> .oo-ui-menuOptionWidget .mw-apisandbox-flag {<br /> color: var(--byline-color)<br /> }<br /> <br /> tr.mw-abusefilter-list-disabled,tr.mw-abusefilter-list-disabled td {<br /> color: var(--byline-color)<br /> }<br /> <br /> table.mw-abuselog-details {<br /> background: var(--wikitable-bg);<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> table.mw-abuselog-details th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> table.mw-abuselog-details th,table.mw-abuselog-details td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-abusefilter-log-hidden-entry {<br /> color: var(--subtle-color)<br /> }<br /> <br /> body td.mw-abusefilter-history-changed {<br /> background: var(--table-no-background)<br /> }<br /> <br /> div.mw-abusefilter-editor,#mw-abusefilter-warn-preview,#mw-abusefilter-disallow-preview {<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-destfile-warning {<br /> border-color: var(--warningbox-border);<br /> color: var(--text-color);<br /> background-color: var(--warningbox-bg)<br /> }<br /> <br /> span.fileinput-button {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> ul.fileupload-results li.ful-success {<br /> background-color: var(--successbox-bg)<br /> }<br /> <br /> ul.fileupload-results li.ful-success a {<br /> color: var(--link-color)<br /> }<br /> <br /> ul.fileupload-results li.ful-error {<br /> background-color: var(--errorbox-bg)<br /> }<br /> <br /> #siteNotice {<br /> text-align: center<br /> }<br /> <br /> #siteNotice ul {<br /> list-style: none<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-body {<br /> margin: 0<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-close {<br /> float: none;<br /> text-align: right<br /> }<br /> <br /> .mw-dismissable-notice-close-parent {<br /> min-height: 1em<br /> }<br /> <br /> .mmg-xpline:after {<br /> content: ','<br /> }<br /> <br /> .mmg-xpline:last-child:after {<br /> content: ''<br /> }<br /> <br /> .mmg-itemline {<br /> display: block<br /> }<br /> <br /> .discussiontable th {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .discussiontable .topic,.discussiontable .edited,.discussiontable .edited-by,.discussiontable .rg-archive {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .dpltable {<br /> margin-top: -30px<br /> }<br /> <br /> .dpltable td {<br /> padding-left: 5px<br /> }<br /> <br /> .dpltable,.discussiontable {<br /> width: 100%<br /> }<br /> <br /> .dpltable .topic,.discussiontable .topic {<br /> width: 40%<br /> }<br /> <br /> .dpltable .edited,.discussiontable .edited,.dpltable .edited-by,.discussiontable .edited-by {<br /> width: 30%<br /> }<br /> <br /> .dpltable .rg-archive,.discussiontable .rg-archive {<br /> width: 20%<br /> }<br /> <br /> body.ns-110 #ca-talk {<br /> display: none<br /> }<br /> <br /> :root {<br /> --gemw-positive-color: #6bc71f;<br /> --gemw-unchanged-color: #3ea6e6;<br /> --gemw-negative-color: #ee4231;<br /> --gemw-historical-border-color: #000<br /> }<br /> <br /> .gemw-container {<br /> max-width: 60em;<br /> margin: 4em auto<br /> }<br /> <br /> .gemw-header {<br /> display: flex;<br /> border-left-width: 0.25em;<br /> border-left-style: solid;<br /> padding-left: 1em;<br /> margin-bottom: 3em<br /> }<br /> <br /> .gemw-header.positive {<br /> border-color: var(--gemw-positive-color)<br /> }<br /> <br /> .gemw-header.negative {<br /> border-color: var(--gemw-negative-color)<br /> }<br /> <br /> .gemw-header.unchanged {<br /> border-color: var(--gemw-unchanged-color)<br /> }<br /> <br /> .gemw-header .gemw-section-left {<br /> flex: 1<br /> }<br /> <br /> .gemw-header .gemw-name {<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> margin-bottom: 0<br /> }<br /> <br /> .gemw-header .gemw-name a {<br /> color: inherit<br /> }<br /> <br /> .gemw-header .gemw-examine {<br /> color: var(--byline-color);<br /> font-size: 1.05em;<br /> font-style: italic;<br /> margin: 0 1em 1.25em 0<br /> }<br /> <br /> .gemw-header .gemw-price {<br /> display: inline-block;<br /> font-size: 2.75em;<br /> font-weight: bold<br /> }<br /> <br /> .gemw-header .gemw-price::after {<br /> content: ' coins';<br /> color: var(--byline-color);<br /> font-size: 1rem;<br /> font-weight: normal;<br /> word-spacing: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-change {<br /> display: inline-block;<br /> font-size: 1rem;<br /> font-weight: bold;<br /> margin-left: 2em;<br /> word-spacing: 0.5em<br /> }<br /> <br /> .gemw-header .gemw-change img {<br /> vertical-align: baseline<br /> }<br /> <br /> .gemw-header .gemw-section-right {<br /> text-align: right<br /> }<br /> <br /> .gemw-header .gemw-updated {<br /> color: var(--byline-color);<br /> line-height: 1.5em;<br /> margin-top: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-time {<br /> color: var(--byline-color);<br /> font-weight: bold<br /> }<br /> <br /> .gemw-body {<br /> display: flex<br /> }<br /> <br /> .gemw-body .gemw-section-left {<br /> width: 40%;<br /> margin-right: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left dl {<br /> display: flex;<br /> flex-flow: row wrap;<br /> justify-content: space-between;<br /> margin-bottom: -1.25em<br /> }<br /> <br /> .gemw-body .gemw-section-left &gt; div {<br /> margin-top: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .gemw-body .gemw-property {<br /> width: 30%;<br /> border-top: 0.15em dotted var(--body-mid);<br /> padding-top: 0.25em;<br /> margin-bottom: 1.5em<br /> }<br /> <br /> .gemw-body .gemw-property dt {<br /> color: var(--byline-color);<br /> font-weight: normal<br /> }<br /> <br /> .gemw-body .gemw-property dd {<br /> font-weight: bold;<br /> margin: -0.25em 0 0<br /> }<br /> <br /> .gemw-body .gemw-links {<br /> color: var(--byline-color);<br /> margin-bottom: 0.35em<br /> }<br /> <br /> .gemw-body .gemw-section-right {<br /> width: 60%<br /> }<br /> <br /> .gemw-body .gemw-chart {<br /> color: #eceeee;<br /> font-size: 5em;<br /> text-align: center;<br /> line-height: 5em;<br /> position: relative<br /> }<br /> <br /> .gemw-body .gemw-chart .GEChartBox,.gemw-body .gemw-chart .GEdatachart {<br /> position: relative<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header.positive,.gemw-container.gemw-historical .gemw-header.negative,.gemw-container.gemw-historical .gemw-header.neutral,.gemw-container.gemw-historical .gemw-header.unchanged {<br /> border-color: var(--gemw-historical-border-color)<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-time .jsPurgeLink,.gemw-container.gemw-historical .gemw-header .gemw-time &gt; span.plainlinks {<br /> display: none<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-section-left:after {<br /> content: &quot;This is a historical item no longer available on the Grand Exchange. The data is preserved here as an archive.&quot;;<br /> font-style: italic<br /> }<br /> <br /> #overlay {<br /> display: none;<br /> background-color: var(--ooui-window-background);<br /> height: auto;<br /> width: auto;<br /> overflow: hidden;<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> bottom: 0;<br /> left: 0;<br /> z-index: 50<br /> }<br /> <br /> #GEchartpopup g.highcharts-label text &gt; a:visited,.GEdatachart g.highcharts-label text &gt; a:visited {<br /> fill: white<br /> }<br /> <br /> #GEchartpopup {<br /> background: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> border-radius: 2px;<br /> color: var(--ooui-text);<br /> position: fixed;<br /> left: 0;<br /> right: 0;<br /> top: 1em;<br /> bottom: 1em;<br /> margin: auto;<br /> padding: 1em;<br /> max-width: 975px;<br /> z-index: 52;<br /> overflow: auto<br /> }<br /> <br /> #GEchartpopup #closepopup {<br /> float: right;<br /> margin-bottom: 5px;<br /> z-index: 100<br /> }<br /> <br /> #GEchartpopup #itemstats {<br /> bottom: 50px;<br /> font-size: 11px;<br /> position: absolute;<br /> right: 45px;<br /> width: 200px;<br /> z-index: 10<br /> }<br /> <br /> #GEchartpopup #itemstats caption {<br /> cursor: pointer;<br /> text-align: right<br /> }<br /> <br /> #GEpopupchart {<br /> height: 500px<br /> }<br /> <br /> .highcharts-container .highcharts-range-selector {<br /> font-size: 11px<br /> }<br /> <br /> .GEPermLink {<br /> float: right;<br /> font-size: 14px<br /> }<br /> <br /> .GEPermLink ~ .GEdatachart {<br /> clear: right<br /> }<br /> <br /> form[id^=&quot;chartProperties&quot;] button {<br /> margin: 3px<br /> }<br /> <br /> .smallChart .highcharts-range-selector {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-button title + rect {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-title {<br /> white-space: nowrap !important<br /> }<br /> <br /> .smallChart .zoomButton,.smallChart svg &gt; text:first-of-type,.smallChart .highcharts-input-group {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-scrollbar,.mediumChart .highcharts-scrollbar {<br /> display: none<br /> }<br /> <br /> .highcharts-background,.highcharts-plot-background {<br /> fill: transparent<br /> }<br /> <br /> .highcharts-title,.highcharts-subtitle {<br /> color: var(--text-color) !important<br /> }<br /> <br /> .highcharts-axis-title {<br /> fill: var(--text-color) !important<br /> }<br /> <br /> .highcharts-yaxis-grid .highcharts-grid-line,.highcharts-tick,.highcharts-axis-line {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-axis-labels text,.highcharts-range-selector-group text {<br /> color: var(--ooui-text) !important;<br /> fill: var(--ooui-text) !important<br /> }<br /> <br /> .highcharts-label-box {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-button-box {<br /> fill: var(--ooui-normal)<br /> }<br /> <br /> .highcharts-navigator-outline {<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-track {<br /> fill: transparent;<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-button,.highcharts-scrollbar-thumb,.highcharts-navigator-handle {<br /> fill: var(--ooui-normal);<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-scrollbar-arrow {<br /> fill: var(--ooui-text)<br /> }<br /> <br /> .highcharts-scrollbar-rifles {<br /> stroke: var(--ooui-text)<br /> }<br /> <br /> #t-print,#t-permalink {<br /> display: none<br /> }<br /> <br /> .jcConfig {<br /> display: none<br /> }<br /> <br /> #filetoc {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> border-color: transparent;<br /> margin: 0.5em auto;<br /> text-align: center;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> .smwfact {<br /> display: none<br /> }<br /> <br /> .list-header {<br /> background-color: var(--body-mid);<br /> color: inherit<br /> }<br /> <br /> .editOptions {<br /> color: var(--text-color);<br /> background-color: var(--sourceeditor-background-secondary);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .updatedmarker {<br /> background-color: #c3e8a3;<br /> color: #162e02<br /> }<br /> <br /> .mw-json th,.mw-json td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-json td {<br /> background: var(--wikitable-bg)<br /> }<br /> <br /> .mw-json th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> <br /> html {<br /> -webkit-text-size-adjust: 100%<br /> }<br /> <br /> body {<br /> background: var(--body-background-image) var(--body-background-color) top left / 1500px 375px no-repeat;<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .vector-body {<br /> font-size: 0.9em<br /> }<br /> <br /> #firstHeading {<br /> font-weight: bold<br /> }<br /> <br /> pre,code,.mw-code {<br /> color: inherit;<br /> background-color: var(--mw-code-background-color);<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> dl {<br /> margin: 0<br /> }<br /> <br /> ul {<br /> list-style-image: var(--ul-list-style-image)<br /> }<br /> <br /> hr {<br /> background: none;<br /> border-color: var(--body-border);<br /> border-style: solid;<br /> border-width: 1px 0 0 0;<br /> height: initial<br /> }<br /> <br /> fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .vector-body blockquote {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --personal-links-bg: var(--body-main);<br /> --arrow-down: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5' fill='%23444'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading {<br /> background-color: var(--vector-tab-background);<br /> padding: 1em 0.75em 0.6923em;<br /> margin: 0<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading,.vector-menu-dropdown .vector-menu-heading:hover,.vector-menu-dropdown .vector-menu-heading:focus {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading:after {<br /> background-image: var(--arrow-down);<br /> opacity: 1<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-content {<br /> border-color: transparent;<br /> background-color: var(--body-light);<br /> box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);<br /> left: 0<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item a {<br /> color: var(--link-color)<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item.selected a,.vector-menu-dropdown .mw-list-item.selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> #p-personal {<br /> background: var(--personal-links-bg);<br /> top: 0;<br /> right: 0;<br /> border-radius: 0 0 0 4px;<br /> height: 1.875em<br /> }<br /> <br /> #p-personal ul {<br /> padding: 0 1em 0 0.4375em<br /> }<br /> <br /> .vector-search-box-inner {<br /> background: var(--search-box);<br /> height: 2.5em;<br /> margin-top: 0;<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-search-box-input {<br /> color: var(--text-color);<br /> height: 100%;<br /> border: none;<br /> background: none;<br /> padding-left: 0.75em<br /> }<br /> <br /> .vector-search-box-input::placeholder {<br /> color: var(--text-color);<br /> opacity: 0.67<br /> }<br /> <br /> .vector-search-box-inner:hover .vector-search-box-input,.vector-search-box-input:focus,.vector-search-box-inner:hover .vector-search-box-input:focus {<br /> border: none;<br /> box-shadow: none<br /> }<br /> <br /> :root {<br /> --searchbutton-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13'%3E%3Cg fill='none' stroke='%238cabe6' stroke-width='2'%3E%3Cpath d='M11.29 11.71l-4-4'/%3E%3Ccircle cx='5' cy='5' r='4'/%3E%3C/g%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .searchButton[name='go'] {<br /> background: no-repeat center var(--searchbutton-icon)<br /> }<br /> <br /> .vector-search-box {<br /> margin: 0<br /> }<br /> <br /> .vector-search-box form {<br /> margin-top: 0<br /> }<br /> <br /> .suggestions-results {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-result {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions a.mw-searchSuggest-link,.suggestions a.mw-searchSuggest-link:hover,.suggestions a.mw-searchSuggest-link:active,.suggestions a.mw-searchSuggest-link:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-special {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-special .special-label {<br /> color: var(--byline-color)<br /> }<br /> <br /> .suggestions-special .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current .special-label,.suggestions-result-current .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-panel {<br /> padding-top: 2.5em<br /> }<br /> <br /> .vector-menu-portal .vector-menu-heading {<br /> color: var(--background-text-color);<br /> font-weight: bold;<br /> background: none<br /> }<br /> <br /> .vector-menu-portal .vector-menu-content li a,.vector-menu-portal .vector-menu-content li a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-logo {<br /> filter: drop-shadow(0 2px 5px rgba(0,0,0,0.25));<br /> margin: -1.5em 0 0<br /> }<br /> <br /> #n-Discord a {<br /> color: #fff !important;<br /> font-weight: bold;<br /> border-radius: 4px;<br /> border: 1px solid #4c57d0;<br /> background-color: #5865f2;<br /> display: block;<br /> position: relative;<br /> padding: 4px 4px 5px calc(17px + 6.5px * 2);<br /> box-shadow: 0 2px 3px rgba(0,0,0,0.1);<br /> transition: 0.2s<br /> }<br /> <br /> #n-Discord a::before {<br /> content: 'Chat on ';<br /> font-weight: normal;<br /> opacity: 0.85<br /> }<br /> <br /> #n-Discord a::after {<br /> content: '';<br /> background: url(/images/0/06/Discord_logo_icon1.png) no-repeat;<br /> background-size: 17px 13px;<br /> filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));<br /> position: absolute;<br /> top: 5px;<br /> left: 7px;<br /> width: 17px;<br /> height: 13px<br /> }<br /> <br /> #n-Discord a:hover {<br /> text-decoration: none;<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a {<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a:hover {<br /> background-color: #4c57d0<br /> }<br /> <br /> :root {<br /> --vector-tab-background: var(--body-background-color);<br /> --vector-tab-background--hover: var(--body-mid);<br /> --vector-tab-link-color: var(--background-link-color);<br /> --watch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='transparent' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;);<br /> --unwatch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%238cabe6' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;)<br /> }<br /> <br /> .vector-menu-tabs-legacy {<br /> padding: 0<br /> }<br /> <br /> .vector-menu-tabs-legacy .new a,.vector-menu-tabs-legacy .new a:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected {<br /> background: var(--body-main)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected a,.vector-menu-tabs-legacy .selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy li a {<br /> color: var(--vector-tab-link-color);<br /> padding: 0 0.75em;<br /> padding-top: 1em<br /> }<br /> <br /> .vector-menu-tabs-legacy li a:visited {<br /> color: var(--vector-tab-link-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul li {<br /> background: var(--vector-tab-background)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul a:hover {<br /> text-decoration: none<br /> }<br /> <br /> #ca-view {<br /> display: none !important<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected):hover,#p-cactions:hover #p-cactions-label {<br /> background: var(--vector-tab-background--hover)<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected),#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-menu-tabs,.vector-menu-tabs a,#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> background-image: none<br /> }<br /> <br /> .ve-activated .vector-menu-tabs .selected {<br /> box-shadow: none<br /> }<br /> <br /> .vector-menu-tabs #ca-watch.icon a:before,.vector-menu-tabs #ca-watch.icon a:hover:before,.vector-menu-tabs #ca-watch.icon a:focus:before {<br /> background-image: var(--watch-icon)<br /> }<br /> <br /> .vector-menu-tabs #ca-unwatch.icon a:before,.vector-menu-tabs #ca-unwatch.icon a:hover:before,.vector-menu-tabs #ca-unwatch.icon a:focus:before {<br /> background-image: var(--unwatch-icon)<br /> }<br /> <br /> #p-Recent_changes {<br /> display: block<br /> }<br /> <br /> #p-Recent_changes .vector-menu-content {<br /> display: none<br /> }<br /> <br /> #p-Recent_changes .vector-menu-heading:after {<br /> content: '';<br /> position: relative;<br /> left: 0.5em;<br /> display: inline-block;<br /> background-color: #3c7b07;<br /> width: 6px;<br /> height: 6px;<br /> border-radius: 100%<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-item {<br /> position: relative;<br /> font-size: 0.75em;<br /> margin: 0.5em 0.25em 0 0.66em<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page {<br /> display: block;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden;<br /> max-width: max-content<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page,#p-Recent_changes .rc-sidebar-page:active,#p-Recent_changes .rc-sidebar-page:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user {<br /> color: var(--byline-color);<br /> margin: 0;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user a {<br /> color: inherit<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more {<br /> text-align: left<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more .rc-sidebar-page {<br /> display: inline-block<br /> }<br /> <br /> div.thumbinner {<br /> border: none;<br /> background-color: var(--thumb-bg);<br /> padding: 0<br /> }<br /> <br /> .thumbimage {<br /> background-color: transparent;<br /> border-color: transparent;<br /> border-bottom: none<br /> }<br /> <br /> .thumbcaption {<br /> background: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border)<br /> }<br /> <br /> .toc {<br /> font-size: 0.9em;<br /> background: var(--toc-bg);<br /> margin-top: 1em;<br /> padding: 0;<br /> border-color: var(--toc-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> clear: left<br /> }<br /> <br /> .toc .toctitle {<br /> background: var(--toc-title-bg);<br /> padding: 0.25em 1em<br /> }<br /> <br /> .toc .toctitle h2 {<br /> font-family: inherit<br /> }<br /> <br /> .toc &gt; ul {<br /> line-height: 1.8em;<br /> padding: 0.75em 1.75em;<br /> margin: 0<br /> }<br /> <br /> .toc ul ul {<br /> border-left: 1px dotted var(--toc-list-border-color);<br /> padding-left: 0.5em<br /> }<br /> <br /> .tocnumber {<br /> display: none<br /> }<br /> <br /> .toctogglespan {<br /> padding-left: 0.2em;<br /> font-size: 0.9em<br /> }<br /> <br /> .toctogglelabel {<br /> color: var(--link-color)<br /> }<br /> <br /> .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 {<br /> display: none<br /> }<br /> <br /> :root {<br /> --external-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238cabe6' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image: var(--external-icon);<br /> background-size: 0.833em<br /> }<br /> <br /> .mw-editsection {<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type),.mw-editsection-divider {<br /> color: var(--text-color)<br /> }<br /> <br /> #contentSub,#contentSub2 {<br /> color: var(--byline-color);<br /> margin: 0<br /> }<br /> <br /> #contentSub:not(:empty),#contentSub2:not(:empty) {<br /> margin: 0 0 1.4em 0<br /> }<br /> <br /> .mw-collapsible.mw-collapsed {<br /> min-width: 250px<br /> }<br /> <br /> .mw-collapsible:not(.mw-made-collapsible) th::before,.mw-collapsible .mw-collapsible-toggle {<br /> font-weight: normal;<br /> margin-left: 0.2em<br /> }<br /> .mw-collapsible-toggle-default .mw-collapsible-text {<br /> color: #8cabe6;<br /> }<br /> .wikiEditor-ui .wikiEditor-ui-view,.wikiEditor-ui .wikiEditor-ui-top {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar {<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab &gt; a,.wikiEditor-ui-toolbar .tabs span.tab &gt; a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a.current,.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br /> color: var(--text-colour)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select {<br /> background-color: var(--sourceeditor-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options .option {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group-search {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table td {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table th {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .section {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .group &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .tool &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet &gt; .index &gt; :hover {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet .index &gt; .current {<br /> background-color: var(--body-mid);<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span:hover {<br /> border-color: var(--body-dark);<br /> background-color: transparent<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a:before,.wikiEditor-ui-toolbar .group .tool-select .label:after {<br /> background: var(--text-color);<br /> -webkit-mask: var(--arrow-down) center no-repeat;<br /> mask: var(--arrow-down) center no-repeat<br /> }<br /> <br /> .ace-tm {<br /> background-color: var(--sourceeditor-input-background);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter {<br /> background: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-cell {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-active-line {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .ace_search {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ace_search_field {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .ace_searchbtn {<br /> border-color: var(--ooui-normal-border);<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ace_searchbtn:last-child {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .ace_searchbtn:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .ace_searchbtn.prev:after,.ace_searchbtn.next:after {<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .ace_button {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace_button:hover {<br /> background-color: rgba(0,23,70,0.086)<br /> }<br /> <br /> .ace_button:active {<br /> background-color: rgba(0,23,70,0.06)<br /> }<br /> <br /> .ace_button.checked {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .CodeMirror {<br /> background: var(--sourceeditor-input-background)<br /> }<br /> <br /> .CodeMirror pre {<br /> color: var(--text-color)<br /> }<br /> <br /> .codeEditor-status {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .codeEditor-status-message {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-gutters {<br /> background-color: var(--codemirror-gutter-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-linenumber {<br /> color: var(--text-color)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget .CodeMirror-linenumber {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-editform #wpTextbox1 {<br /> color: var(--text-color);<br /> background: var(--sourceeditor-input-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> input[name=&quot;model&quot;][value=&quot;Scribunto&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;css&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;less&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;javascript&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;json&quot;] ~ .wikiEditor-ui #wpTextbox1 {<br /> height: 600px<br /> }<br /> <br /> .tdg-templateDataDialog-listParamsPanel textarea.oo-ui-textInputWidget-autosized {<br /> resize: vertical<br /> }<br /> <br /> #wpAceFilterEditor {<br /> resize: horizontal<br /> }<br /> <br /> .warn-userupload,.ns-2 .upload-own-work {<br /> display: none<br /> }<br /> <br /> .ns-2 .warn-userupload {<br /> display: inline<br /> }<br /> <br /> textarea[name=&quot;wfUploadDescription&quot;] {<br /> height: 3em<br /> }<br /> <br /> #editform {<br /> margin-top: 1.25em<br /> }<br /> <br /> #mw-scribunto-input,#mw-scribunto-output {<br /> padding: 3px;<br /> font-family: monospace;<br /> font-size: 13px;<br /> line-height: 1.5em<br /> }<br /> <br /> #mw-scribunto-input {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> :root {<br /> --scribuntoconsole-input: #0b5884;<br /> --scibuntoconsole-print: #a48900;<br /> --scribuntoconsole-error: #9f261e;<br /> --scribuntoconsole-message: #3c780a;<br /> --scribuntoconsole-tabcomplete: #4f348b;<br /> --scribuntoconsole-clear: #9f261e<br /> }<br /> <br /> .mw-scribunto-console-fieldset {<br /> color: inherit;<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-scribunto-normalOutput,.mw-scribunto-print,.mw-scribunto-error,.mw-scribunto-propList,.mw-scribunto-message,.mw-scribunto-tabcomplete {<br /> background: none<br /> }<br /> <br /> .mw-scribunto-input {<br /> color: var(--scribuntoconsole-input)<br /> }<br /> <br /> .mw-scribunto-normalOutput {<br /> color: inherit<br /> }<br /> <br /> .mw-scribunto-print {<br /> color: var(--scibuntoconsole-print)<br /> }<br /> <br /> .mw-scribunto-error {<br /> color: var(--scribuntoconsole-error)<br /> }<br /> <br /> .mw-scribunto-propList,.mw-scribunto-message {<br /> color: var(--scribuntoconsole-message)<br /> }<br /> <br /> .mw-scribunto-tabcomplete {<br /> color: var(--scribuntoconsole-tabcomplete)<br /> }<br /> <br /> .mw-scribunto-clear {<br /> color: var(--scribuntoconsole-clear);<br /> border-bottom-color: var(--scribuntoconsole-clear)<br /> }<br /> <br /> .ui-widget-overlay {<br /> background: var(--ooui-window-background)<br /> }<br /> <br /> .ui-dialog,.ui-widget-content {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> background-image: none;<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar.ui-widget-header,.ui-widget-content .ui-dialog-titlebar.ui-widget-header {<br /> background-image: none !important;<br /> background-color: var(--body-dark) !important;<br /> border-color: var(--body-border) !important<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar .ui-dialog-title,.ui-widget-content .ui-dialog-titlebar .ui-dialog-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close,.ui-widget-content .ui-dialog-titlebar-close {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close:hover,.ui-widget-content .ui-dialog-titlebar-close:hover {<br /> background: var(--ooui-normal--hover);<br /> border: var(--link-color)<br /> }<br /> <br /> .ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {<br /> background: var(--ooui-normal) !important;<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border) !important<br /> }<br /> <br /> .ui-button:hover,.ui-state-default:hover,.ui-widget-content .ui-state-default:hover,.ui-widget-header .ui-state-default:hover {<br /> background: var(--ooui-normal--hover) !important;<br /> color: var(--ooui-text)<br /> }<br /> <br /> .infobox {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> font-size: 0.85em;<br /> width: 300px;<br /> margin: 0.5em 0 1em 1em;<br /> border-collapse: collapse;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> table-layout: fixed;<br /> word-break: break-word<br /> }<br /> <br /> .infobox .infobox-header {<br /> color: var(--infobox-text-color);<br /> font-size: 1.15em;<br /> line-height: 1.4em;<br /> background: var(--body-dark);<br /> padding: 0.5em 0<br /> }<br /> <br /> .infobox .infobox-header a {<br /> color: inherit;<br /> font-size: 1.15em;<br /> font-weight: bold<br /> }<br /> <br /> .infobox .infobox-subheader {<br /> background: var(--body-dark);<br /> color: var(--infobox-text-color);<br /> line-height: 2em<br /> }<br /> <br /> .infobox .infobox-subheader a {<br /> color: inherit<br /> }<br /> <br /> .infobox .infobox-subheader + .infobox-subheader {<br /> border-left: 2px solid var(--body-light)<br /> }<br /> <br /> .infobox .infobox-image {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-image.inventory-image {<br /> height: 32px<br /> }<br /> <br /> .infobox .infobox-image a.image + a.image {<br /> margin-left: 0.1em<br /> }<br /> <br /> .infobox .infobox-image img {<br /> max-width: 300px;<br /> height: auto<br /> }<br /> <br /> .infobox th:not(.infobox-header):not(.infobox-subheader):not(.infobox-nested) {<br /> text-align: right;<br /> vertical-align: top;<br /> border-right: 2px solid var(--body-dark);<br /> padding: 0.2em 0.5em<br /> }<br /> <br /> .infobox td {<br /> padding: 0.25em 0.5em;<br /> line-height: 1.6em<br /> }<br /> <br /> .infobox td.infobox-nested {<br /> padding: 0.25em 0;<br /> line-height: 1em<br /> }<br /> <br /> .infobox th ~ td {<br /> vertical-align: top<br /> }<br /> <br /> .infobox .infobox-padding {<br /> height: 0.5em;<br /> padding: 0;<br /> border: 0<br /> }<br /> <br /> .infobox .infobox-nested {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-nested + .infobox-nested {<br /> border-left: 2px solid var(--body-dark)<br /> }<br /> <br /> .infobox .infobox-cell-hidden {<br /> display: none<br /> }<br /> <br /> .infobox .infobox-full-width-content {<br /> max-width: 300px;<br /> text-align: center;<br /> overflow: hidden;<br /> padding: 0<br /> }<br /> <br /> .infobox .infobox-caption {<br /> font-weight: bold<br /> }<br /> <br /> .infobox select {<br /> max-width: 300px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .infobox-item .infobox-image {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .infobox.skill-info {<br /> float: none;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses {<br /> clear: left;<br /> float: none;<br /> word-break: break-word;<br /> font-size: 100%;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image {<br /> width: 125px;<br /> text-align: center;<br /> vertical-align: middle;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image-caption {<br /> font-size: 0.85em<br /> }<br /> <br /> .infobox-bonuses .infobox-subheader {<br /> width: 250px<br /> }<br /> <br /> .skill-info a[href$=&quot;?action=edit&quot;] + a[href$=&quot;?action=edit&quot;] {<br /> display: none<br /> }<br /> <br /> .poh-room {<br /> background-color: var(--infobox-room-poh-color);<br /> margin: auto;<br /> width: 100px<br /> }<br /> <br /> .poh-room img {<br /> display: block<br /> }<br /> <br /> .poh-room-row {<br /> display: flex<br /> }<br /> <br /> .poh-room-text {<br /> margin: auto;<br /> width: 92px<br /> }<br /> <br /> .infobox-buttons {<br /> text-align: center;<br /> max-width: 300px;<br /> display: none<br /> }<br /> <br /> .infobox-switch-resources {<br /> display: none<br /> }<br /> <br /> .switch-infobox .switch-infobox-triggers,.switch-infobox .loading-button {<br /> clear: left<br /> }<br /> <br /> .infobox-pure .max-hit-list a {<br /> display: inline-block;<br /> min-width: 32px;<br /> min-height: 32px;<br /> text-align: center<br /> }<br /> <br /> .advanced-data {<br /> display: none<br /> }<br /> <br /> .multi-infobox .infobox {<br /> margin: 0<br /> }<br /> <br /> :root {<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--body-dark);<br /> --navbox-group-title-background: var(--body-mid)<br /> }<br /> <br /> .navbox {<br /> font-size: 0.85em;<br /> background: var(--navbox-background);<br /> border-collapse: collapse;<br /> margin: 1em auto 0;<br /> width: 100%;<br /> clear: both;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .navbox img {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .navbox .navbox {<br /> font-size: 100%;<br /> margin: 0.5em auto 0;<br /> box-shadow: none<br /> }<br /> <br /> .navbox-title {<br /> font-size: 110%;<br /> line-height: 1.6em;<br /> background: var(--navbox-title-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-title-name {<br /> margin: 0 4em<br /> }<br /> <br /> .navbox-title .mw-collapsible-toggle {<br /> color: #fff;<br /> font-size: 0.9em;<br /> text-align: right<br /> <br /> }<br /> <br /> .navbox-title .navbox {<br /> font-size: 100%<br /> }<br /> <br /> .navbox-group:nth-child(2) {<br /> border-top: 1px solid var(--navbox-border)<br /> }<br /> <br /> .navbox-group-title {<br /> background: var(--navbox-group-title-background);<br /> border: 1px solid var(--navbox-border);<br /> border-width: 0 1px 1px 0;<br /> text-align: left;<br /> padding: 0.25em 1em;<br /> width: 1%;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list {<br /> border-bottom: 1px solid var(--navbox-border);<br /> padding: 0.25em 0.5em<br /> }<br /> <br /> .navbox-list ul {<br /> margin: 0<br /> }<br /> <br /> .navbox-list li {<br /> display: inline;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list li + li::before {<br /> content: '• '<br /> }<br /> <br /> .navbox-parent {<br /> padding: 0<br /> }<br /> <br /> .navbox-subgroup {<br /> border-collapse: collapse;<br /> border-spacing: 0;<br /> width: 100%<br /> }<br /> <br /> .navbox-subgroup &gt; tbody &gt; tr:last-child &gt; th,.navbox-subgroup &gt; tbody &gt; tr:last-child &gt; td {<br /> border-bottom: none<br /> }<br /> <br /> .navbox-footer {<br /> background: var(--navbox-footer-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-data {<br /> display: none<br /> }<br /> <br /> :root {<br /> --echo-icon-moon-bg-image: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='21' viewBox='0 0 21 21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.85464918.37900488c-1.91149353 1.51069427-3.13816124 3.84973402-3.13816124 6.47527736 0 4.55564936 3.69308349 8.24873286 8.24873286 8.24873286 2.5815709 0 4.8861545-1.1859235 6.3986798-3.0426994-.8206378 4.7389755-4.9523867 8.343122-9.9259291 8.343122-5.56375572 0-10.07407088-4.5103151-10.07407088-10.0740709 0-5.02506013 3.67919933-9.19079725 8.49074856-9.95036192z' fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-person-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213.836%22 viewBox=%220 0 12 13.836%22%3E %3Cpath fill='%234c4c4c' d=%22M1.938%2C6.656c-1.32%2C1.485-1.47%2C3.15-0.97%2C4.25c0.323%2C0.707%2C0.78%2C1.127%2C1.313%2C1.375 c0.496%2C0.229%2C1.074%2C0.273%2C1.658%2C0.282c0.023%2C0%2C0.04%2C0.03%2C0.062%2C0.03h4.187c0.61%2C0%2C1.225-0.125%2C1.75-0.405 c0.527-0.28%2C0.961-0.718%2C1.188-1.376c0.335-0.964%2C0.175-2.529-1.094-4.03C9.094%2C7.954%2C7.68%2C8.719%2C6.065%2C8.719 c-1.677%2C0-3.182-0.812-4.125-2.063H1.938z%22/%3E %3Cpath fill='%234c4c4c' d=%22M6.063%2C0c-1.89%2C0-3.595%2C1.674-3.594%2C3.563C2.467%2C5.45%2C4.173%2C7.155%2C6.06%2C7.155 c1.89%2C0%2C3.564-1.705%2C3.563-3.593C9.625%2C1.673%2C7.95%2C0%2C6.063%2C0L6.063%2C0z%22/%3E %3C/svg%3E&quot;);<br /> --echo-icon-bell-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebell%3C/title%3E%3Cpath d=%22M16 7a5.38 5.38 0 00-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 004 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 003-3H7a3 3 0 003 3z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-tray-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etray%3C/title%3E%3Cpath d=%22M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-fullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M1 1v6h2V3h4V1zm2 12H1v6h6v-2H3zm14 4h-4v2h6v-6h-2zm0-16h-4v2h4v4h2V1z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;);<br /> --echo-icon-exitFullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E exit fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M7 7V1H5v4H1v2zM5 19h2v-6H1v2h4zm10-4h4v-2h-6v6h2zm0-8h4V5h-4V1h-2v6z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-user-menu-legacy #pt-userpage a,.vector-user-menu-legacy #pt-anonuserpage {<br /> background-image: var(--echo-icon-person-bg-image);<br /> padding-top: 0;<br /> background-position-y: 0<br /> }<br /> <br /> .vector-user-menu-legacy #pt-anonuserpage {<br /> color: var(--byline-color)<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge,#pt-notifications-notice .mw-echo-notifications-badge {<br /> background-size: 75%;<br /> background-position: center 80%;<br /> background-repeat: no-repeat;<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .oo-ui-icon-bell {<br /> background-image: var(--echo-icon-bell-bg-image)<br /> }<br /> <br /> #pt-notifications-notice .oo-ui-icon-tray {<br /> background-image: var(--echo-icon-tray-bg-image)<br /> }<br /> <br /> #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-exitFullscreen-bg-image)<br /> }<br /> <br /> body.wgl-fixedWidth #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-fullscreen-bg-image)<br /> }<br /> <br /> #pt-theme-toggles .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-moon-bg-image)<br /> }<br /> <br /> #pt-anontalk {<br /> padding-top: 0.6em<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul {<br /> margin: 5px 0 0 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> margin: 5px 0 0 15px<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul,.ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> list-style: none;<br /> border-left: 1px dashed var(--transcript-border-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul:hover,.transcript &gt; ul:hover,.ns-120 .mw-parser-output &gt; ul ul:hover,.transcript &gt; ul ul:hover,.ns-120 .mw-parser-output &gt; ul ol:hover,.transcript &gt; ul ol:hover {<br /> border-color: var(--transcript-border-hover-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li,.transcript &gt; ul li,.ns-120 .mw-parser-output &gt; ul ul li,.transcript &gt; ul ul li,.ns-120 .mw-parser-output &gt; ul ol li,.transcript &gt; ul ol li {<br /> flex-direction: column;<br /> padding-left: 15px;<br /> margin: 14px 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li:last-of-type,.transcript &gt; ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ul li:last-of-type,.transcript &gt; ul ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ol li:last-of-type,.transcript &gt; ul ol li:last-of-type {<br /> margin-bottom: 0<br /> }<br /> <br /> .nodesktop {<br /> display: none<br /> }<br /> <br /> /*<br /> The following styles were used as a temporary fix for TabberNeue.<br /> We're currently using old Tabber because TabberNeue breaks if a tab<br /> dynamically changes size, such as multi-infobox.<br /> */<br /> <br /> :root {<br /> --tabber-inactive-tab-bg: #222e45;<br /> --tabber-fade-scroll: linear-gradient(to bottom,rgba(226,219,200,0),#d8ccb4 95%,#94866d);<br /> }<br /> <br /> .tabber__tabs {<br /> gap: 1px;<br /> }<br /> <br /> .tabber__tab {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> padding: 0.5em 0.8em;<br /> border: 1px solid var(--body-border);<br /> border-bottom: 0;<br /> }<br /> <br /> .tabber__tabs .tabber__tab {<br /> color: var(--text-color);<br /> }<br /> <br /> /* Specific styles needed to override color on Minerva. */<br /> body.mediawiki .tabber a:visited, <br /> body.mediawiki .tabber image a:visited,<br /> body.mediawiki .tabber a:active, <br /> body.mediawiki .tabber image a:active {<br /> color: var(--text-color);<br /> }<br /> <br /> .tabber__tab:active {<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab:hover {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab--active, .tabber__tab--active:visited {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__header, .tabber__section, .tabber__tabs {<br /> scroll-behavior: unset;<br /> box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* Add box shadow to tabber header */<br /> }<br /> <br /> .tabber__panel {<br /> /* Hide non-active tabs. */<br /> /* display:none conflicted with tabber somehow and hid all tabs. */<br /> width: 250;<br /> }<br /> <br /> .tabber__panel.tabber__panel--active {<br /> width: 300;<br /> }<br /> <br /> .tabber__section {<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> overflow-y: scroll;<br /> padding-bottom: 30px; /* only necessary for fade scroll hack */<br /> height: auto; /* Example height */<br /> width: auto; /* Example width */<br /> max-width: 1300px; /* Example max-width */<br /> }<br /> <br /> .tabber__panel {<br /> padding: 1em 1.5em;<br /> }<br /> <br /> .wikitable.hover th:hover {<br /> cursor: help;<br /> /* Add any additional styles specific to hovering over table headers */<br /> }<br /> <br /> /* Hover Box for switching the visibility of the selected item */<br /> .hoverbox { <br /> display:inline-block; <br /> padding:0em; <br /> color: white; /* Change this to the desired color */<br /> }<br /> <br /> .hoverbox .hoveritem { <br /> display:none; <br /> margin:0em; <br /> padding:0em; <br /> }<br /> <br /> .hoverbox .hoveritem.selected { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem.selected { <br /> display:none; <br /> }<br /> /* Style for the entire tier list */<br /> .tierlist {<br /> display: flex;<br /> gap: 20px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* Style for individual tiers */<br /> .tier {<br /> border: 1px solid #ccc;<br /> padding: 10px;<br /> width: 200px;<br /> min-height: 150px;<br /> background: #f9f9f9;<br /> border-radius: 8px;<br /> }<br /> <br /> /* Title for each tier */<br /> .tier h3 {<br /> text-align: center;<br /> margin-top: 0;<br /> }<br /> <br /> /* Style for the sortable list */<br /> .sortable {<br /> list-style: none;<br /> padding: 0;<br /> margin: 0;<br /> min-height: 50px;<br /> }<br /> <br /> /* Style for the dropdown selector */<br /> .tier-selector {<br /> width: 100%;<br /> padding: 5px;<br /> margin-top: 5px;<br /> }<br /> .collection-log-wrapper {<br /> margin: 10px 0;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .collection-log-killcount {<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> }<br /> <br /> .collection-log-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6, 48px);<br /> gap: 4px;<br /> padding: 6px 0;<br /> }<br /> <br /> <br /> .collection-log-item {<br /> width: 48px;<br /> height: 48px;<br /> border: 2px solid transparent; /* border only on container */<br /> border-radius: 4px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> position: relative;<br /> background-color: #1a2a3a;<br /> box-sizing: border-box;<br /> }<br /> <br /> .collection-log-item.obtained {<br /> border-color: #4caf50;<br /> background-color: #224422;<br /> }<br /> <br /> .collection-log-item.missing {<br /> border-color: #ffc107;<br /> background-color: #3a2a1a;<br /> }<br /> <br /> .collection-log-item img {<br /> max-width: 36px;<br /> max-height: 36px;<br /> object-fit: contain;<br /> border-radius: 2px;<br /> border: none; /* remove border here */<br /> opacity: 1;<br /> filter: none;<br /> }<br /> <br /> .collection-log-item.missing img {<br /> opacity: 0.3;<br /> filter: grayscale(100%);<br /> }<br /> <br /> .collection-log-qty-badge {<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> background: rgba(0, 0, 0, 0.7);<br /> color: white;<br /> font-size: 12px;<br /> font-weight: bold;<br /> line-height: 1;<br /> padding: 1px 4px;<br /> border-radius: 3px 0 0 0;<br /> user-select: none;<br /> }<br /> .collection-log-killcount-box {<br /> border: 2px solid black;<br /> background-color: #534d41;<br /> color: cyan;<br /> padding: 0.5em 1em;<br /> margin-bottom: 8px;<br /> text-align: center;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .ace_keyword { color: #c586c0 !important; }<br /> .ace_string { color: #ce9178 !important; }<br /> .ace_comment { color: #6a9955 !important; font-style: italic; }<br /> .ace_function { color: #dcdcaa !important; }<br /> .ace_constant { color: #569cd6 !important; }<br /> <br /> .mw-highlight .nf {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> .mw-highlight .nc {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> <br /> /* Highlight row on hover */<br /> .wikitable.lighttable tr:hover {<br /> background-color: #526382; /* dark blue highlight */<br /> color: #ffffff; /* readable text */<br /> }<br /> .custom-dropdown { position: relative; width: 150px; cursor: pointer; }<br /> .custom-dropdown .selected { background: #313e59; color: white; padding: 5px; border-radius: 4px; }<br /> .custom-dropdown .options { display: none; position: absolute; background: #222e45; top: 100%; left: 0; width: 100%; border-radius: 4px; z-index: 10; }<br /> .custom-dropdown .options div { padding: 5px; display: flex; align-items: center; }<br /> .custom-dropdown .options div:hover { background: #313e59; }<br /> .custom-dropdown .options div img.icon { width:16px; height:16px; margin-right:5px; }<br /> <br /> /* =========================<br /> Tier List<br /> ========================= */<br /> <br /> <br /> /* Main wrapper */<br /> <br /> .tier-list {<br /> margin:0;<br /> padding:0;<br /> }<br /> <br /> <br /> /* Tier rows */<br /> <br /> .tier-row {<br /> display:flex;<br /> height:60px;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> <br /> /* Tier labels */<br /> <br /> .tier-label {<br /> width:60px;<br /> height:60px;<br /> <br /> display:flex;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> font-size:42px;<br /> line-height:1;<br /> font-weight:bold;<br /> color:white;<br /> }<br /> <br /> <br /> /* Tier colours */<br /> <br /> .tier-s {<br /> background:#ff7f7f;<br /> }<br /> <br /> .tier-a {<br /> background:#ffbf7f;<br /> }<br /> <br /> .tier-b {<br /> background:#ffdf7f;<br /> }<br /> <br /> .tier-c {<br /> background:#ffff7f;<br /> color:black;<br /> }<br /> <br /> .tier-d {<br /> background:#bfff7f;<br /> }<br /> <br /> .tier-f {<br /> background:#7fbfff;<br /> }<br /> <br /> <br /> /* Drop areas */<br /> <br /> .tier-items {<br /> flex:1;<br /> height:60px;<br /> <br /> display:flex;<br /> align-items:center;<br /> flex-wrap:wrap;<br /> <br /> padding:3px;<br /> gap:3px;<br /> <br /> background:#222;<br /> border:1px dashed #777;<br /> <br /> margin:0 !important;<br /> }<br /> <br /> <br /> /* =========================<br /> Items<br /> ========================= */<br /> <br /> .tier-item {<br /> width:48px;<br /> height:48px;<br /> <br /> display:flex !important;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> cursor:grab;<br /> border-radius:5px;<br /> overflow:hidden;<br /> <br /> line-height:0;<br /> }<br /> <br /> <br /> /* Drag */<br /> <br /> .tier-item:active {<br /> cursor:grabbing;<br /> }<br /> <br /> <br /> /* MediaWiki wrapper fixes */<br /> <br /> .tier-item p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> display:flex !important;<br /> line-height:0 !important;<br /> }<br /> <br /> .tier-item span {<br /> display:flex !important;<br /> }<br /> <br /> .tier-item a {<br /> display:flex !important;<br /> width:48px;<br /> height:48px;<br /> <br /> align-items:center;<br /> justify-content:center;<br /> }<br /> <br /> <br /> /* Images */<br /> <br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> display:block !important;<br /> <br /> width:48px !important;<br /> height:48px !important;<br /> <br /> max-width:48px !important;<br /> max-height:48px !important;<br /> <br /> image-rendering: pixelated;<br /> image-rendering: crisp-edges;<br /> <br /> object-fit:contain !important;<br /> }<br /> <br /> <br /> /* =========================<br /> Reward Pool<br /> ========================= */<br /> <br /> .reward-pool {<br /> display:flex;<br /> flex-wrap:wrap;<br /> gap:5px;<br /> <br /> padding:5px;<br /> margin:8px 0;<br /> }<br /> <br /> <br /> /* =========================<br /> Rarity backgrounds<br /> ========================= */<br /> <br /> .gold-item {<br /> background:rgba(212,175,55,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .silver-item {<br /> background:rgba(192,192,192,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .bronze-item {<br /> background:rgba(205,127,50,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .tier-list p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .tier-list p br {<br /> display:none !important;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 .firstHeading {<br /> display:none;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 #contentSub {<br /> display:none !important;<br /> }</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:Common.css&diff=28889 2026-07-18T10:09:51Z

<p>Hefner: </p> <hr /> <div>:root {<br /> --body-background-image: url('filepath://Roat Pkz Wiki background darkmode1.jpg');<br /> --body-background-color: #071022;<br /> --body-main: #172136;<br /> --body-light: #313e59;<br /> --body-mid: #222e45;<br /> --body-dark: #222e45;<br /> --body-border: #596e96;<br /> --link-color: #8cabe6;<br /> --background-link-color: var(--link-color);<br /> --redlink-color: #f26d60;<br /> --text-color: #cbd9f4;<br /> --background-text-color: #cbd9f4;<br /> --byline-color: #98a2b6;<br /> --subtle-color: var(--byline-color);<br /> --search-box: var(--body-light);<br /> --admin-blue: #0087ff;<br /> --bearcat-green: #00ff55;<br /> --awb-purple: #f319ff;<br /> --sidebar: #222e45;<br /> --button-background: #617ebc;<br /> --button-dark: #617ebc;<br /> --button-border: #617ebc;<br /> --button-light: #617ebc;<br /> --wikitable-header-bg: #222e45;<br /> --wikitable-border: #172136;<br /> --wikitable-bg: #313e59;<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --wikitable-alternating-bg: #2a3651;<br /> --table-na-background: rgba(0, 0, 0, 0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #0b5884;<br /> --droptable-common-background: #3c780a;<br /> --droptable-uncommon-background: #a48900;<br /> --droptable-rare-background: #b55e0c;<br /> --droptable-veryrare-background: #9f261e;<br /> --droptable-random-background: #984c89;<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);<br /> --tile-border-color: var(--body-border);<br /> --tile-background-color: var(--body-light);<br /> --tile-link-button-color: var(--body-mid);<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255, 255, 255, 0.7);<br /> --tile-dark-header-color: #fff;<br /> --documentation-background: var(--body-light);<br /> --documentation-border: var(--sidebar);<br /> --documentation-link-color: var(--link-color);<br /> --documentation-headers-color: var(--text-color);<br /> --documentation-header-background: var(--body-dark);<br /> --documentation-subheader-background: #1f293e;<br /> --base-text-color: var(--text-color);<br /> --base-heading-color: var(--text-color);<br /> --base-heading-border: var(--sidebar);<br /> --mainpage-recent-updates-description-color: var(--text-color);<br /> --thumb-bg: var(--body-mid);<br /> --thumb-caption-bg: var(--body-light);<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid);<br /> --diff-addedline-background: #438ab5;<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-color: #fff;<br /> --diff-deletedline-background: #379541;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-color: #fff;<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: var(--errorbox-bg);<br /> --warningbox-border: var(--errorbox-border);<br /> --successbox-bg: #2e5e05;<br /> --successbox-border: #3c780a;<br /> --messagebox-obsolete-background: #464646;<br /> --messagebox-obsolete-border: #333;<br /> --messagebox-obsolete-color: #ddd;<br /> --messagebox-obsolete-link-color: #bbb;<br /> --messagebox-info-background: var(--messagebox-obsolete-background);<br /> --messagebox-info-border: var(--messagebox-obsolete-border);<br /> --messagebox-info-color: var(--messagebox-obsolete-color);<br /> --messagebox-info-link-color: var(--messagebox-obsolete-link-color);<br /> --messagebox-action-background: #45697d;<br /> --messagebox-action-border: #2d5266;<br /> --messagebox-action-color: var(--text-color);<br /> --messagebox-action-link-color: #b8d5e5;<br /> --messagebox-warn-background: #95271b;<br /> --messagebox-warn-border: #6b130a;<br /> --messagebox-warn-color: #f8ebe9;<br /> --messagebox-warn-link-color: #e8b8b3;<br /> --messagebox-safe-background: #1b8408;<br /> --messagebox-safe-border: #126802;<br /> --messagebox-safe-color: #e9f6e7;<br /> --messagebox-safe-link-color: #c1e0bb;<br /> --messagebox-disambig-background: var(--messagebox-obsolete-background);<br /> --messagebox-disambig-border: var(--messagebox-obsolete-border);<br /> --messagebox-disambig-color: var(--messagebox-obsolete-color);<br /> --messagebox-disambig-link-color: var(--messagebox-obsolete-link-color);<br /> --mw-code-background-color: #222e45;<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-mid);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border);<br /> --scribuntoconsole-input: #3ea6e6;<br /> --scibuntoconsole-print: #f9d000;<br /> --scribuntoconsole-error: #ee4231;<br /> --scribuntoconsole-message: #6bc71f;<br /> --scribuntoconsole-tabcomplete: #855cd8;<br /> --scribuntoconsole-clear: #ee4231;<br /> --blockquote-color: var(--text-color);<br /> --coins-color: #6bc71f;<br /> --coins-pos-color: #3ea6e6;<br /> --coins-neg-color: #ee4231;<br /> --questdetails-header-background: var(--body-dark);<br /> --questdetails-header-background-alt: var(--body-dark);<br /> --fact-text-color: #3ea6e6;<br /> --production-selected-background: #3c780a;<br /> --production-selected-color: #fff;<br /> --wikipedia-border: var(--body-border);<br /> --wikipedia-background: var(--body-light);<br /> --keypress-background: var(--body-light);<br /> --keypress-border: var(--body-border);<br /> --keypress-color: var(--text-color);<br /> --ajaxpoll-background: var(--body-light);<br /> --ajaxpoll-text-color: var(--base-text-color);<br /> --ajaxpoll-answerbar-background: var(--body-mid);<br /> --ajaxpoll-answerbar-border: var(--body-border);<br /> --rc-negative-color: #ee4231;<br /> --rc-positive-color: #6bc71f;<br /> --filter-black-to-link: invert(63%) sepia(67%) saturate(242%) hue-rotate(182deg) brightness(93%) contrast(94%);<br /> --transcript-border-color: #596e96;<br /> --transcript-border-hover-color: #8596b7;<br /> --transcript-strikethrough-color: #fff;<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--navbox-title-background);<br /> --navbox-group-title-background: var(--navbox-title-background);<br /> --infobox-bg: var(--body-light);<br /> --infobox-border: var(--body-border);<br /> --infobox-header: var(--body-dark);<br /> --infobox-subheader: var(--body-mid);<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #444e5a;<br /> --sourceeditor-input-background: var(--body-mid);<br /> --sourceeditor-background: var(--body-light);<br /> --sourceeditor-background-secondary: var(--body-mid);<br /> --sourceeditor-border: var(--body-main);<br /> --codemirror-gutter-background: var(--body-light);<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border);<br /> --vector-tab-background: #222e45;<br /> --vector-tab-background--hover: #293753;<br /> --vector-tab-link-color: var(--background-link-color);<br /> --lighttable-bg-hover: #3c780a;<br /> --lighttable-bg-active: #2e5e05;<br /> --lighttable-link-color: #c3e8a3;<br /> --personal-links-bg: rgba(7, 16, 34, 0.75);<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg, #315d30 0 20px, #13421e 20px 30px);<br /> --tbz-unlocked-border-color: #00e417;<br /> --tbz-locked-background-color: #8a2525;<br /> --tbz-locked-border-color: #b32828;<br /> --tbz-partial-unlock-background: #5a5a5a;<br /> --tbz-partial-unlock-border-color: #13421e;<br /> }<br /> <br /> <br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape.woff2?17907) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: bold;<br /> src: local(&quot;RuneScape Bold&quot;),local(&quot;RuneScape Bold 12&quot;),local(&quot;RuneScape Chat 2&quot;),local(&quot;RuneScape Chat&quot;),url(/images/RuneScape_Bold.woff2?514fd) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape Small';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape_Small.woff2?1ee0e) format('woff2')<br /> }<br /> <br /> :root {<br /> --base-text-color: #cbd9f4;<br /> --base-heading-color: #cbd9f4;<br /> --base-heading-border: #596e96;<br /> --mw-code-background-color: #222e45;<br /> --body-background-image: url(/images/b/b5/Roat_Pkz_Wiki_background_darkmode2.png)<br /> }<br /> <br /> #mw-page-base {<br /> background: none<br /> }<br /> <br /> .mw-body {<br /> background-color: var(--body-main);<br /> color: var(--text-color);<br /> border-color: transparent;<br /> box-shadow: 0 0 7px rgba(0,0,0,0.15);<br /> margin-top: 0<br /> }<br /> <br /> h1,h2,h3,h4,h5,h6 {<br /> color: var(--text-color)<br /> }<br /> <br /> h1,h2 {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-body h1,.mw-body-content h1,.mw-body-content h2,.mw-body-content h3,.mw-body-content h4,.mw-body-content h5,.mw-body-content h6 {<br /> font-family: 'PT Serif','Palatino','Georgia',serif<br /> }<br /> <br /> .mw-parser-output h2:first-of-type {<br /> clear: left<br /> }<br /> <br /> .mw-footer {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer li {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer a,.mw-footer a:active,.mw-footer a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> ::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> a {<br /> color: var(--link-color)<br /> }<br /> <br /> a:visited,a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> a.new {<br /> color: var(--redlink-color)<br /> }<br /> <br /> a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .mw-parser-output a.extiw,.mw-parser-output a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited,.mw-parser-output a.extiw:active,.mw-parser-output a.external:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .jsPurgeLink a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> a[href=&quot;/w/User:AndBot&quot;],a[href=&quot;/w/User:BisetteBot&quot;],a[href=&quot;/w/User:Bot50&quot;],a[href=&quot;/w/User:BotDiesel2m&quot;],a[href=&quot;/w/User:Bowl&quot;],a[href=&quot;/w/User:Catbot&quot;],a[href=&quot;/w/User:CookBot&quot;],a[href=&quot;/w/User:Cresbot&quot;],a[href=&quot;/w/User:CrowBot&quot;],a[href=&quot;/w/User:Data_Chompy&quot;],a[href=&quot;/w/User:GauBot&quot;],a[href=&quot;/w/User:Gaz_Bot&quot;],a[href=&quot;/w/User:Gaz_GEBot&quot;],a[href=&quot;/w/User:HabbletAWB&quot;],a[href=&quot;/w/User:JakesterwarsBot&quot;],a[href=&quot;/w/User:JaydenBot&quot;],a[href=&quot;/w/User:MuudyBot&quot;],a[href=&quot;/w/User:MB%C3%A5t&quot;],a[href=&quot;/w/User:New_user_message&quot;],a[href=&quot;/w/User:Quadrabot&quot;],a[href=&quot;/w/User:Redirect_fixer&quot;],a[href=&quot;/w/User:Riblet15_bot_account&quot;],a[href=&quot;/w/User:ShoyBot&quot;],a[href=&quot;/w/User:SlapChoppe&quot;],a[href=&quot;/w/User:Spinewielder&quot;],a[href=&quot;/w/User:WolaznikBot&quot;] {<br /> color: var(--awb-purple)<br /> }<br /> <br /> a[href=&quot;/w/User:Andmcadams&quot;],a[href=&quot;/w/User:BigDiesel2m&quot;],a[href=&quot;/w/User:Brok&quot;],a[href=&quot;/w/User:Cook_Me_Plox&quot;],a[href=&quot;/w/User:Fjara&quot;],a[href=&quot;/w/User:Gau_Cho&quot;],a[href=&quot;/w/User:Gaz_Lloyd&quot;],a[href=&quot;/w/User:Iiii_I_I_I&quot;],a[href=&quot;/w/User:Jayden&quot;],a[href=&quot;/w/User:Jeljo&quot;],a[href=&quot;/w/User:Joeytje50&quot;],a[href=&quot;/w/User:Legaia_2_Pla&quot;],a[href=&quot;/w/User:Ostentatio&quot;],a[href=&quot;/w/User:Riblet15&quot;],a[href=&quot;/w/User:Shayani&quot;],a[href=&quot;/w/User:Shoyrukon&quot;],a[href=&quot;/w/User:TehKittyCat&quot;],a[href=&quot;/w/User:Towelcat&quot;],a[href=&quot;/w/User:Wolaznik&quot;] {<br /> color: var(--admin-blue)<br /> }<br /> <br /> a[href=&quot;/w/User:Spineweilder&quot;],a[href=&quot;/w/User:Jakesterwars&quot;],a[href=&quot;/w/User:Julia&quot;] {<br /> color: var(--bearcat-green)<br /> }<br /> <br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> background: url(/images/Jagex_moderator_emblem.png?093b0) left no-repeat;<br /> padding-left: 15px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> #ca-nstab-user a {<br /> background: none<br /> }<br /> <br /> :root {<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: #801c13;<br /> --warningbox-border: #9f261e;<br /> --successbox-bg: #801c13;<br /> --successbox-border: #9f261e<br /> }<br /> <br /> .mw-message-box-error,.errorbox,.mw-message-box-warning,.warningbox,.mw-message-box-success,.successbox,.usermessage {<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw-message-box-error,.errorbox {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .mw-message-box-warning,.warningbox,.usermessage {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .mw-message-box-success,.successbox {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .catlinks {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-dark);<br /> padding: 8px 15px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .catlinks li {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .filehistory a img,#file img {<br /> background: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v16h8V8H0z' opacity='.13'/%3E%3C/svg%3E&quot;) repeat<br /> }<br /> <br /> #file img:hover {<br /> background: none<br /> }<br /> <br /> .mw-highlight {<br /> background: none<br /> }<br /> <br /> .mw-highlight .linenos {<br /> background-color: var(--mw-code-background-color);<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-highlight a:hover .linenos,.mw-highlight .hll a .linenos {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-content-ltr.mw-highlight-lines pre,.mw-content-ltr.content .mw-highlight-lines pre {<br /> box-shadow: inset 2.75em 0 0 var(--mw-code-background-color)<br /> }<br /> <br /> #pagehistory ul {<br /> list-style: none;<br /> margin: 0<br /> }<br /> <br /> #pagehistory li {<br /> border: 1px solid transparent;<br /> padding: 1px 10px;<br /> margin: 2px 0<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: var(--body-light);<br /> color: inherit;<br /> border: 1px dashed var(--body-border);<br /> outline: none<br /> }<br /> <br /> #mw-history-compare &gt; div:first-of-type {<br /> position: -webkit-sticky;<br /> position: sticky;<br /> top: 0;<br /> background-color: var(--body-main);<br /> border-bottom: 1px solid var(--body-dark);<br /> padding: 0.25em 0<br /> }<br /> <br /> .wgl-stickyheader #mw-history-compare &gt; div:first-of-type {<br /> top: 2.5rem<br /> }<br /> <br /> .autocomment,.autocomment a,.autocomment a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> li span.deleted,span.history-deleted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-usertoollinks-contribs-no-edits,.mw-usertoollinks-contribs-no-edits:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .CategoryTreeToggle {<br /> color: var(--link-color)<br /> }<br /> <br /> body.wgl-stickyheader.action-view .mw-headline:target::before {<br /> display: block;<br /> content: '';<br /> margin-top: -3rem;<br /> height: 3rem;<br /> visibility: hidden;<br /> pointer-events: none<br /> }<br /> <br /> .mw-mmv-post-image {<br /> color: var(--text-color);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-mmv-image-metadata {<br /> border-top-color: var(--body-mid);<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-mmv-dialog,.mw-mmv-dialog .mw-mmv-dialog-down-arrow,.mw-mmv-options-dialog .mw-mmv-dialog-down-arrow {<br /> background-color: var(--body-light);<br /> box-shadow: none<br /> }<br /> <br /> .mw-mmv-options-enable-alert {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-mmv-options-dialog-header,.mw-mmv-options-text-header,.mw-mmv-options-text-body,.mw-mmv-options-enable-alert,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-dialog-header,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-text-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-revslider-container {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-revslider-slider-wrapper {<br /> border-top-color: var(--sidebar)<br /> }<br /> <br /> .mw-ui-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):hover,.mw-ui-button:not(:disabled):active {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):focus {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button:not(:disabled):visited {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled) {<br /> background-color: var(--ooui-progressive);<br /> color: #fff;<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):active,.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: none<br /> }<br /> <br /> .mw-ui-button.mw-ui-destructive:not(:disabled) {<br /> color: #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-quiet,.mw-ui-button.mw-ui-quiet.mw-ui-progressive,.mw-ui-button.mw-ui-quiet.mw-ui-destructive {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:hover,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover {<br /> background-color: rgba(0,24,73,0.02745098);<br /> color: var(--text-color);<br /> border-color: transparent<br /> }<br /> <br /> input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:focus,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:active,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active {<br /> background-color: rgba(0,36,73,0.08235294);<br /> color: var(--text-color);<br /> border-color: #72777d<br /> }<br /> <br /> .mw-ui-input {<br /> background-color: var(--ooui-input);<br /> color: var(--text-color);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-ui-input:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-ui-input::placeholder {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child {<br /> padding: 0;<br /> background: 0<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child::before {<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> display: inline-block;<br /> width: 47px;<br /> height: 20px<br /> }<br /> <br /> :root {<br /> --wikitable-header-bg: var(--body-dark);<br /> --wikitable-border: var(--body-main);<br /> --wikitable-bg: var(--body-light);<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --table-na-background: rgba(0,0,0,0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #afeeee;<br /> --droptable-common-background: #56e156;<br /> --droptable-uncommon-background: #ffed4c;<br /> --droptable-rare-background: #ff863c;<br /> --droptable-veryrare-background: #ff6262;<br /> --droptable-random-background: #ffa3ff<br /> }<br /> <br /> .wikitable {<br /> background: var(--wikitable-bg);<br /> color: var(--wikitable-color);<br /> border-color: var(--wikitable-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; tr &gt; td,.wikitable &gt; * &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th.table-noborder,.wikitable &gt; tr &gt; td.table-noborder,.wikitable &gt; * &gt; tr &gt; th.table-noborder,.wikitable &gt; * &gt; tr &gt; td.table-noborder {<br /> border-left-style: hidden;<br /> border-right-style: hidden;<br /> padding-left: 0;<br /> padding-right: 0<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .tabber .wikitable {<br /> box-shadow: none<br /> }<br /> <br /> .table-bg-always,.table-bg-blue {<br /> background: var(--droptable-always-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-common,.table-bg-green {<br /> background: var(--droptable-common-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-uncommon,.table-bg-yellow {<br /> background: var(--droptable-uncommon-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-rare,.table-bg-orange {<br /> background: var(--droptable-rare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-veryrare,.table-bg-red {<br /> background: var(--droptable-veryrare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-random,.table-bg-pink {<br /> background: var(--droptable-random-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-fade {<br /> opacity: 0.6;<br /> background: rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw_metadata td,.mw_metadata th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw_metadata th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw_metadata td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable td,.mw-datatable th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw-datatable td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> table.alternating-rows tr:nth-child(odd),table.alternating-cols td:nth-child(odd) {<br /> background: var(--wikitable-alternating-bg)<br /> }<br /> <br /> .table-na {<br /> background: var(--table-na-background);<br /> color: var(--table-na-color);<br /> vertical-align: middle;<br /> text-align: center<br /> }<br /> <br /> .table-yes {<br /> background: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .table-positive {<br /> background: var(--table-yes-background)<br /> }<br /> <br /> .table-no {<br /> background: var(--table-no-background);<br /> color: var(--table-no-color)<br /> }<br /> <br /> .table-negative {<br /> background: var(--table-no-background)<br /> }<br /> <br /> .table-maybe {<br /> background: var(--table-maybe-background);<br /> color: var(--table-maybe-color)<br /> }<br /> <br /> #mw-allmessagestable .am_actual,#mw-allmessagestable .am_default {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> #mw-allmessagestable .am_default:hover,#mw-allmessagestable .am_actual:hover,#mw-allmessagestable tbody:hover td {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> table.wikitable td.no-cell-spacing {<br /> padding: 0;<br /> height: 0<br /> }<br /> <br /> table.wikitable td.no-cell-spacing table {<br /> margin: -1px;<br /> width: calc(100% + 2px);<br /> height: calc(100% + 2px)<br /> }<br /> <br /> .plainlist ol,.plainlist ul {<br /> margin: 0<br /> }<br /> <br /> .plainlist li {<br /> margin-bottom: 0;<br /> list-style: none<br /> }<br /> <br /> 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) {<br /> text-align: right<br /> }<br /> <br /> 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) {<br /> text-align: center<br /> }<br /> <br /> 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) {<br /> text-align: left<br /> }<br /> <br /> .rsw-chartjs.rsw-chartjs-config {<br /> display: none<br /> }<br /> <br /> .rsw-chartjs.rsw-chart-error {<br /> font-family: monospace<br /> }<br /> <br /> .rsw-chartjs-canvas {<br /> background-color: var(--body-light)<br /> }<br /> <br /> :root {<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-background: #bddff2;<br /> --diff-addedline-color: #000;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-background: #c1edbf;<br /> --diff-deletedline-color: #000;<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid)<br /> }<br /> <br /> .diff-context {<br /> border-color: var(--diff-context-border-color);<br /> background: var(--diff-context-background);<br /> color: inherit<br /> }<br /> <br /> .diff-addedline {<br /> border-color: var(--diff-addedline-border-color)<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: var(--diff-addedline-background);<br /> color: var(--diff-addedline-color)<br /> }<br /> <br /> .diff-deletedline {<br /> border-color: var(--diff-deletedline-border-color)<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: var(--diff-deletedline-background);<br /> color: var(--diff-deletedline-color)<br /> }<br /> <br /> .mw-diff-movedpara-left:after,.mw-diff-movedpara-right:after {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-notification {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {<br /> background: var(--body-main)<br /> }<br /> <br /> .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> background-color: var(--ooui-normal);<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-head,.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {<br /> border-left-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:hover,.mw-echo-ui-notificationItemWidget-unread:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:last-child {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-unread {<br /> background-color: var(--search-box)<br /> }<br /> <br /> .mw-echo-ui-crossWikiNotificationItemWidget-group,.mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-content-message-header,.mw-echo-ui-notificationItemWidget-content-message-body,.mw-echo-ui-menuItemWidget &gt; .oo-ui-buttonElement-button &gt; .oo-ui-labelElement-label,.mw-echo-ui-notificationItemWidget-content-actions-timestamp {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--body-main)<br /> }<br /> <br /> @keyframes unseen-fadeout-to-unread {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--search-box)<br /> }<br /> }<br /> <br /> @keyframes unseen-fadeout-to-read {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--body-main)<br /> }<br /> }<br /> <br /> .mwe-popups {<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container {<br /> color: var(--text-color);<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:before,.mwe-popups .mwe-popups-container.flipped-y:before {<br /> border-top: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:before {<br /> border-bottom: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:after,.mwe-popups .mwe-popups-container.flipped-y:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:after {<br /> border-bottom-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-settings-icon:hover,.mwe-popups .mwe-popups-settings-icon:active {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mwe-popups .mw-ui-icon-element:not(.disabled):hover {<br /> background: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract {<br /> color: var(--text-color)<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract[dir='ltr']:after {<br /> background-image: linear-gradient(to right,rgba(49,62,89,0),var(--body-light) 50%)<br /> }<br /> <br /> .mwe-popups-overlay {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> #mwe-popups-settings {<br /> background: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--text-color)<br /> }<br /> <br /> #mwe-popups-settings header {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form p {<br /> color: var(--byline-color)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form form label &gt; span {<br /> color: var(--ooui-text)<br /> }<br /> <br /> :root {<br /> --smw-ask-options-even-bg: var(--body-mid);<br /> --smw-ask-options-odd-bg: var(--body-light);<br /> --smw-ask-action-btn-lblue-bg: var(--body-main);<br /> --smw-ask-action-btn-lblue-color: #000;<br /> --smw-ask-action-btn-lblue-border-color: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-bg: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-color: #fff;<br /> --smw-ask-action-btn-dblue-border-color: var(--button-border)<br /> }<br /> <br /> .smw-ask-condition fieldset,.smw-ask-printhead fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .smw-ask-search fieldset,.smw-ask-format fieldset,.smw-ask-options fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .strike &gt; span:before,.strike &gt; span:after {<br /> background: var(--sidebar)<br /> }<br /> <br /> .smw-ask-options-fields tr td {<br /> background-color: var(--smw-ask-options-even-bg)<br /> }<br /> <br /> .smw-ask-options-fields tr:nth-child(odd) td {<br /> background-color: var(--smw-ask-options-odd-bg)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-lblue,.smw-ask-action-btn.smw-ask-action-btn-lblue:hover,.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--smw-ask-action-btn-lblue-bg);<br /> color: var(--smw-ask-action-btn-lblue-color);<br /> border-color: var(--smw-ask-action-btn-lblue-border-color)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-dblue,.smw-ask-action-btn.smw-ask-action-btn-dblue:hover,.smw-ask-action-btn.smw-ask-action-btn-dblue:visited {<br /> background-color: var(--smw-ask-action-btn-dblue-bg);<br /> color: var(--smw-ask-action-btn-dblue-color);<br /> border-color: var(--smw-ask-action-btn-dblue-border-color)<br /> }<br /> <br /> .smw-ask-query textarea,.smw-ask-actions textarea {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-query-format select {<br /> background-color: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-toplinks {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info {<br /> background: none;<br /> padding: 0 !important<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info::before {<br /> content: '';<br /> background: var(--text-color);<br /> -webkit-mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> padding: 0 0 3px 18px<br /> }<br /> <br /> .smw-ask-options-row-odd {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smw-ask-options-row-even {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> #options-toggle:not(:checked) + #options-list .options-parameter-list:after {<br /> background-image: linear-gradient(to bottom,transparent,var(--body-mid) 90%)<br /> }<br /> <br /> .smw-ask-button-submit input {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-ask-button-submit input:hover,.smw-ask-button-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> input.smw-ask-action-btn.smw-ask-action-btn-dblue {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:hover {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-callout-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .smw-callout-info {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .smw-callout-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .smw-callout-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-bg)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label,.smw-tabs input.nav-tab:checked + label.nav-label:hover {<br /> color: inherit<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count {<br /> color: #fff;<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.moderate {<br /> color: #fff;<br /> background-color: #b55e0c;<br /> border-color: #b55e0c<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.high {<br /> color: #fff;<br /> background-color: #9f261e;<br /> border-color: #9f261e<br /> }<br /> <br /> .smw-property-page-results .header-title {<br /> background-color: var(--ooui-interface);<br /> border-bottom-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-property-page-results .value-row:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .smw-property-page-results .smw-table .header-row {<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-header {<br /> background-color: var(--body-dark);<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .smw-ui-input-filter {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ui-input-filter input {<br /> border-left-color: var(--ooui-interface-border) !important;<br /> color: var(--ooui-text) !important<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border);<br /> color: var(--subtle-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-active {<br /> color: #fff;<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-tabs section,.smw-tabs .subtab-content {<br /> border-top-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-column-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-factbox {<br /> background: var(--body-main);<br /> border-color: transparent<br /> }<br /> <br /> .mw-body .mw-indicators #mw-indicator-smw-entity-examiner.mw-indicator .smw-indicator-vertical-bar-loader {<br /> display: none<br /> }<br /> <br /> .smwb-theme-light .smwb-title,.smwb-theme-light .smwb-center,.smwb-theme-light .smwb-actions,.smwb-theme-light .smwb-prophead {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-factbox {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-ifactbox {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-propval {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smwb-action-separator {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .smwb-bottom {<br /> border-bottom: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-ifactbox .smwb-cell,.smwb-factbox .smwb-cell {<br /> border-top: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-propvalue .smwb-prophead,.smwb-ipropvalue .smwb-prophead,.smwb-propvalue .smwb-propval,.smwb-ipropvalue .smwb-propval {<br /> font-size: 0.9em<br /> }<br /> <br /> :root {<br /> --filter-black-to-link: invert(36%) sepia(58%) saturate(433%) hue-rotate(344deg) brightness(100%) contrast(91%)<br /> }<br /> <br /> #bodyContent span.smwbrowse a {<br /> color: black;<br /> background-image: url(/images/Smwbrowse.svg?87d2b);<br /> filter: var(--filter-black-to-link)<br /> }<br /> <br /> #bodyContent span.smwbrowse a:hover {<br /> color: black;<br /> background-image: url(/images/Smwbrowse-hover.svg?73b79);<br /> text-decoration: underline<br /> }<br /> <br /> #bodyContent span.smwsearch a {<br /> color: black;<br /> filter: var(--filter-black-to-link);<br /> background-image: url(/images/Smwsearch.svg?72b04)<br /> }<br /> <br /> #bodyContent span.smwsearch a:hover {<br /> color: black;<br /> background-image: url(/images/Smwsearch-hover.svg?62df0);<br /> text-decoration: underline<br /> }<br /> <br /> :root {<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-background-color);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border)<br /> }<br /> <br /> .tabber {<br /> margin: 1em 0<br /> }<br /> <br /> .tabber .tabbertab {<br /> background-color: var(--tabber-tab-bg);<br /> border: 1px solid var(--tabber-tab-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1em 1.5em<br /> }<br /> <br /> ul.tabbernav {<br /> border: none;<br /> margin-left: 2em;<br /> margin-bottom: 0;<br /> margin-right: 2em;<br /> padding: 0;<br /> font-family: inherit<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a {<br /> background-color: var(--tabber-active-tab-bg);<br /> color: var(--tabber-active-tab-color);<br /> border-bottom: none;<br /> position: relative<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a:hover {<br /> color: var(--tabber-active-tab-hover-color);<br /> background-color: var(--tabber-active-tab-hover-bg);<br /> border-color: var(--tabber-active-tab-hover-border-color);<br /> border-bottom: none<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a::after {<br /> content: '';<br /> position: absolute;<br /> left: 0;<br /> right: 0;<br /> bottom: -1px;<br /> border-bottom: 2px solid var(--tabber-active-tab-border-hider-color)<br /> }<br /> <br /> ul.tabbernav li a {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> border-bottom: transparent;<br /> border-color: var(--tabber-inactive-tab-border-color);<br /> color: var(--tabber-inactive-tab-color);<br /> display: inline-block;<br /> font-size: 110%;<br /> padding: 0.5em 1em<br /> }<br /> <br /> ul.tabbernav li a:hover {<br /> background-color: var(--tabber-inactive-tab-hover-bg);<br /> border-color: var(--tabber-inactive-tab-hover-border-color)<br /> }<br /> <br /> ul.tabbernav li a:link,ul.tabbernav li a:visited {<br /> color: var(--tabber-inactive-tab-color)<br /> }<br /> <br /> .js-tooltip-text {<br /> padding: 5px<br /> }<br /> <br /> .js-tooltip-wrapper {<br /> position: absolute;<br /> z-index: 10;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> color: var(--text-color);<br /> max-width: 75%;<br /> overflow-wrap: break-word;<br /> padding: 10px 15px;<br /> margin: 0px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> font-size: 0.8em<br /> }<br /> <br /> .js-tooltip-click {<br /> color: var(--button-color);<br /> background: var(--button-background);<br /> border-radius: 2em;<br /> cursor: pointer;<br /> padding: 0 0.3em;<br /> user-select: none<br /> }<br /> <br /> .js-tooltip-arrow {<br /> position: absolute;<br /> border-color: transparent;<br /> border-style: solid;<br /> width: 0;<br /> height: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointleft {<br /> border-right-color: var(--body-border);<br /> border-left-color: transparent;<br /> border-left-width: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointright {<br /> border-left-color: var(--body-border);<br /> border-right-color: transparent;<br /> border-right-width: 0<br /> }<br /> <br /> .js-tooltip-close {<br /> float: right;<br /> margin-left: 10px;<br /> margin-right: -5px;<br /> margin-top: -5px;<br /> margin-bottom: 1px;<br /> background: var(--button-background);<br /> border: 0;<br /> cursor: pointer<br /> }<br /> <br /> :root {<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px); <br /> }<br /> <br /> .oo-ui-widget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox'] + span,.oo-ui-radioInputWidget [type='radio'] + span {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,.oo-ui-radioInputWidget [type='radio']:disabled + span {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownWidget-handle {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border);<br /> background-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget select {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget option {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuSelectWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-menuSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-menuSectionOptionWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-title {<br /> color: inherit<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block),.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-optionWidget.oo-ui-widget-disabled {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-outlineControlsWidget {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {<br /> border-bottom-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {<br /> border-top-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {<br /> border-right-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {<br /> border-left-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {<br /> border-left-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-searchWidget-query {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-tabOptionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--body-dark);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {<br /> border-bottom-color: var(--body-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {<br /> background-color: var(--body-light);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> color: var(--ooui-progressive);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover,.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:focus {<br /> color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed {<br /> background: none;<br /> border-bottom: 1px solid var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile {<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tagItemWidget {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> @media screen and (min-width: 0) {<br /> .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {<br /> outline:1px solid var(--ooui-accent)<br /> }<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {<br /> border-color: #fff<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; input.oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover);<br /> color: #fff;<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive {<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active &gt; .oo-ui-buttonElement-button {<br /> color: #fff;<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-pendingElement-pending {<br /> background-image: var(--ooui-pending-background-image);<br /> background-size: 200%;<br /> animation: oo-ui-pendingElement-stripes 6s linear infinite<br /> }<br /> <br /> @keyframes oo-ui-pendingElement-stripes {<br /> 100% {<br /> background-position: 100%<br /> }<br /> }<br /> <br /> .oo-ui-messageDialog-content &gt; .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-message {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog-content .oo-ui-window-head,.oo-ui-processDialog-content .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:active {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:active {<br /> border-right-color: var(--ooui-interface-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button,.oo-ui-processDialog-actions-other .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-right-color: var(--ooui-normal-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-windowManager-modal.oo-ui-windowManager-floating &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-window {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-bar {<br /> background-color: var(--ooui-interface);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-position-top &gt; .oo-ui-toolbar-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-toolbar-bar .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active &gt; .oo-ui-tool-link,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent);<br /> box-shadow: none<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-menuToolGroup {<br /> border-left-color: var(--body-mid);<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> border-right-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 2px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-bookletLayout-outlinePanel &gt; .oo-ui-outlineControlsWidget {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-fieldLayout-disabled &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header &gt; .oo-ui-labelElement-label {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-panelLayout-framed {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .oo-ui-icon-settings {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Esettings%3C/title%3E%3Cg transform='translate(10 10)'%3E%3Cpath id='a' d='M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3'/%3E%3Cuse xlink:href='%23a' transform='rotate(45)'/%3E%3Cuse xlink:href='%23a' transform='rotate(90)'/%3E%3Cuse xlink:href='%23a' transform='rotate(135)'/%3E%3C/g%3E%3Cpath d='M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .oo-ui-icon-clear {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Eclear%3C/title%3E%3Cpath d='M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-widget-dateInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widget-dateInputWidget-calendar {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widget-calendarWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widget-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-day,.mw-widget-calendarWidget-day-heading {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-widget-calendarWidget-day-additional {<br /> color: var(--ooui-text);<br /> opacity: 0.67<br /> }<br /> <br /> .mw-widget-calendarWidget-day-today {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-item:hover {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-widget-calendarWidget-item-selected {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),0 2px 2px 0 rgba(0,0,0,0.25)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.mw-widgets-datetime-dateTimeInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input,.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .mw-kartographer-mapDialog-foot {<br /> background-color: var(--body-light);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-container {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a,.mw-kartographer-interactive .leaflet-popup-content a:visited,.mw-kartographer-interactive .leaflet-popup-content a:hover,.mw-kartographer-interactive .leaflet-popup-content a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a.new a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .leaflet-popup-content-wrapper {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .leaflet-popup-tip {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey {<br /> background: #e4eaee;<br /> color: #444e5a;<br /> text-shadow: none<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a,.leaflet-vis-tooltip.lbl-bg-grey a:visited,.leaflet-vis-tooltip.lbl-bg-grey a:active,.leaflet-vis-tooltip.lbl-bg-grey a:hover,.leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a, .leaflet-vis-tooltip.lbl-bg-grey a:visited, .leaflet-vis-tooltip.lbl-bg-grey a:active, .leaflet-vis-tooltip.lbl-bg-grey a:hover, .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:visited,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:active,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:hover,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before {<br /> display: block;<br /> border-left-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before {<br /> display: block;<br /> border-right-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before {<br /> display: block;<br /> border-top-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before {<br /> display: block;<br /> border-bottom-color: #e4eaee<br /> }<br /> <br /> .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover {<br /> background: var(--ooui-normal--hover)<br /> }<br /> <br /> .ve-ui-overlay {<br /> font-family: inherit<br /> }<br /> <br /> .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above {<br /> border-top-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-branchNode-blockSlug,.ve-ce-branchNode-newSlug {<br /> outline-color: var(--body-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-specialCharacterPage h3 {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character:hover {<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px var(--body-mid);<br /> background: none<br /> }<br /> <br /> .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwHelpPopupTool-version-label,.ve-ui-mwHelpPopupTool-version-link,.ve-ui-mwHelpPopupTool-version-date {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ce-tableCellableNode {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-mwReferencesListNode-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwTemplatePage-description,.ve-ui-mwParameterPage-label,.ve-ui-mwParameterPage-description-required,.ve-ui-mwParameterPage-description-deprecated {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwGalleryDialog-menuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog-innerMenuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container,.ve-ui-targetWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .ve-ui-mwSaveDialog {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-options {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-summary {<br /> background-color: var(--ooui-input)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-editSummary-count {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-license {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwReferenceContextItem-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwNoticesPopupTool-items &gt; div:not(:first-child),.ve-ui-mwHelpPopupTool-item:not(:first-child) {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineControlsWidget {<br /> background-color: var(--ooui-interface);<br /> border-top-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-sticky {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwParameterPage-undocumentedLabel {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwTwoPaneTransclusionDialogLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwParameterPage-doc-required,.ve-ui-mwParameterPage-doc-deprecated,.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-expandableContent-toggle {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-expandableContent-fade {<br /> background: linear-gradient(to right,rgba(255,255,255,0) 0,var(--ooui-interface) 90%)<br /> }<br /> <br /> .ve-ui-commandHelpDialog-shortcut &gt; kbd,.ve-ui-commandHelpDialog-sequence &gt; kbd {<br /> background-color: var(--keypress-background);<br /> color: var(--keypress-color);<br /> border-color: var(--keypress-border);<br /> box-shadow: none;<br /> text-shadow: none<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> background: var(--ooui-interface)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'],figure[typeof~='mw:File/Frame'],figure[typeof~='mw:Image/Thumb'],figure[typeof~='mw:Video/Thumb'],figure[typeof~='mw:Image/Frame'],figure[typeof~='mw:Video/Frame'] {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:File/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media) {<br /> border: none;<br /> background: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; figcaption,figure[typeof~='mw:File/Frame'] &gt; figcaption,figure[typeof~='mw:Image/Thumb'] &gt; figcaption,figure[typeof~='mw:Video/Thumb'] &gt; figcaption,figure[typeof~='mw:Image/Frame'] &gt; figcaption,figure[typeof~='mw:Video/Frame'] &gt; figcaption {<br /> border: none;<br /> background-color: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --fact-text-color: #15f;<br /> --production-selected-background: #c3e8a3;<br /> --production-selected-color: #000;<br /> --wikipedia-border: #e0e0e0;<br /> --wikipedia-background: #f8f8f8;<br /> --keypress-background: #eee;<br /> --keypress-border: #ccc;<br /> --keypress-color: #333;<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg,#bfffbd 0 20px,#4cf172 20px 30px);<br /> --tbz-unlocked-border-color: #012100;<br /> --tbz-locked-background-color: #ffc3c3;<br /> --tbz-locked-border-color: #df9090;<br /> --tbz-partial-unlock-background: #dae8d2;<br /> --tbz-partial-unlock-border-color: #aeaeae<br /> }<br /> <br /> .archivelist {<br /> background-color: var(--body-light);<br /> border: solid 1px var(--body-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> margin: 5px;<br /> padding: 5px;<br /> text-align: center;<br /> width: 120px<br /> }<br /> <br /> .collapsed-sec {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-weight: bold;<br /> text-shadow: 1px 1px #fff<br /> }<br /> <br /> .combat-styles-icons a {<br /> display: inline-block;<br /> text-align: center;<br /> min-width: 26px<br /> }<br /> <br /> .combat-styles-header a {<br /> color: var(--text-color)<br /> }<br /> <br /> .fact-text {<br /> color: var(--fact-text-color);<br /> font-style: italic;<br /> cursor: help;<br /> border-bottom: dotted 1px<br /> }<br /> <br /> .production-selected {<br /> background: var(--production-selected-background);<br /> color: var(--production-selected-color)<br /> }<br /> <br /> .relative-location {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-spacing: 0;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 5px;<br /> text-align: center<br /> }<br /> <br /> .relative-location-txt {<br /> color: var(--text-color)<br /> }<br /> <br /> .relative-location-header {<br /> background: var(--body-dark)<br /> }<br /> <br /> #musicMap data {<br /> display: none<br /> }<br /> <br /> .musicMap-buttons {<br /> text-align: center;<br /> margin: 0.7em<br /> }<br /> <br /> .talkheader {<br /> text-align: center;<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .shortcut {<br /> border: 1px solid var(--body-border);<br /> background: var(--body-light);<br /> float: right;<br /> font-size: 0.8em;<br /> margin: 0.5em 0em 0.5em 1em;<br /> padding: 0.5em;<br /> text-align: center<br /> }<br /> <br /> .succession {<br /> width: 50%;<br /> text-align: center<br /> }<br /> <br /> .succession th {<br /> width: 33%;<br /> font-size: 90%;<br /> background: var(--body-mid)<br /> }<br /> <br /> .succession td {<br /> background: var(--body-light)<br /> }<br /> <br /> .update {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0;<br /> padding: 0.25em 1em;<br /> text-align: center<br /> }<br /> <br /> .pollwrapper {<br /> display: flex;<br /> align-items: center;<br /> flex-direction: column;<br /> counter-reset: question<br /> }<br /> <br /> .pollbox {<br /> position: relative;<br /> padding: 1em 0.7em;<br /> margin: 0.7em;<br /> margin-bottom: 1.2em;<br /> width: 700px;<br /> font-size: 16px;<br /> border: 2px solid var(--body-border);<br /> background: var(--body-light)<br /> }<br /> <br /> .pollbox::before {<br /> content: &quot;Question &quot; counter(question);<br /> counter-increment: question;<br /> position: absolute;<br /> font-size: 16px;<br /> font-weight: bold;<br /> top: -0.5em;<br /> margin-top: -2px;<br /> left: 0.6em;<br /> line-height: 1em;<br /> background: linear-gradient(0deg,var(--body-light),var(--body-light) 50%,rgba(0,0,0,0) 50%);<br /> padding: 0 0.6em<br /> }<br /> <br /> .pollbox table {<br /> width: 100%;<br /> border-collapse: collapse;<br /> font-size: 14px<br /> }<br /> <br /> .pollbox caption {<br /> text-align: left;<br /> margin-bottom: 4px<br /> }<br /> <br /> .pollbox td {<br /> padding: 0px<br /> }<br /> <br /> .pollquestion td:first-child::before {<br /> content: &quot;&quot;;<br /> background: url(/images/Poll_shield.png?c691a);<br /> background-repeat: no-repeat;<br /> background-position: top;<br /> width: 10px;<br /> height: 14px;<br /> position: absolute;<br /> top: 4px;<br /> left: 0<br /> }<br /> <br /> .pollquestion td:first-child {<br /> position: relative;<br /> width: 32%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .pollquestion td.pollpercent {<br /> box-sizing: border-box;<br /> padding-left: 17px;<br /> padding-right: 8px<br /> }<br /> <br /> .pollquestion td:last-child {<br /> width: 22%;<br /> padding-left: 0.7em<br /> }<br /> <br /> .pollquestion .pollnote td {<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .pollquestion .pollnote td::before {<br /> content: none<br /> }<br /> <br /> .pollquestion data {<br /> display: block;<br /> height: 15px;<br /> background-image: url(/images/Poll_sword2.png?7d4c4);<br /> position: relative<br /> }<br /> <br /> .pollquestion data::before,.pollquestion data::after {<br /> content: &quot;&quot;;<br /> height: inherit;<br /> position: absolute;<br /> height: 15px<br /> }<br /> <br /> .pollquestion data::before {<br /> background: url(/images/Poll_sword1.png?d445b);<br /> width: 17px;<br /> right: 100%<br /> }<br /> <br /> .pollquestion data::after {<br /> background: url(/images/Poll_sword3.png?487b5);<br /> width: 8px;<br /> left: 100%<br /> }<br /> <br /> .archivepollq th {<br /> text-align: left;<br /> font-weight: normal;<br /> padding: 15px 0 0 0<br /> }<br /> <br /> .archivepollq td:first-child {<br /> position: relative;<br /> width: 80%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .archivepollq td.archivepollpercent {<br /> box-sizing: border-box;<br /> padding: 2px;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .archivepollq td:last-child {<br /> text-align: right;<br /> padding-left: 0.7em<br /> }<br /> <br /> .archivepollq .archivepollnote &gt; td {<br /> text-align: left;<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .archivepollq data {<br /> display: block;<br /> height: 25px;<br /> background: var(--body-border);<br /> position: relative<br /> }<br /> <br /> .archivepollq.e {<br /> border: 2px solid var(--errorbox-border);<br /> background: var(--errorbox-bg)<br /> }<br /> <br /> .archivepollq.e::before {<br /> content: &quot;Error&quot;;<br /> background: linear-gradient(0deg,var(--errorbox-bg),var(--errorbox-bg) 50%,rgba(0,0,0,0) 50%)<br /> }<br /> <br /> .wikipedia {<br /> border: 1px solid var(--wikipedia-border);<br /> background-color: var(--wikipedia-background)<br /> }<br /> <br /> .hatnote,.seealso {<br /> font-style: italic<br /> }<br /> <br /> .hatnote i,.seealso i {<br /> font-style: normal<br /> }<br /> <br /> div.hatnote,div.seealso {<br /> margin: 0.5em 1.6em<br /> }<br /> <br /> div.hatnote + div.hatnote,div.hatnote + div.seealso,div.seealso + div.hatnote,div.seealso + div.seealso {<br /> margin-top: -0.5em<br /> }<br /> <br /> .extimage div,.extimage a,.extimage img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .tbz-region {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> white-space: nowrap;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> width: 110px;<br /> padding: 0.35em 0.45em 0.25em;<br /> margin: 1px<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-badge {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> padding: 0.3em 0.35em 0.2em<br /> }<br /> <br /> .tbz-badge + .tbz-badge {<br /> margin-left: 1px<br /> }<br /> <br /> .tbz-badge.tbz-badge-wrapper {<br /> padding: 0.2em<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-unlocked {<br /> background: var(--tbz-unlocked-background);<br /> border-color: var(--tbz-unlocked-border-color)<br /> }<br /> <br /> .tbz-unlocked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-unlocked .tbz-check {<br /> display: inline-block;<br /> padding-left: 5px<br /> }<br /> <br /> .tbz-locked {<br /> background-color: var(--tbz-locked-background-color);<br /> border-color: var(--tbz-locked-border-color)<br /> }<br /> <br /> .tbz-locked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-locked .tbz-unlocked {<br /> background: var(--tbz-partial-unlock-background);<br /> border-color: var(--tbz-partial-unlock-border-color)<br /> }<br /> <br /> .combatinfo {<br /> width: 160px;<br /> text-align: center;<br /> float: right;<br /> clear: right<br /> }<br /> <br /> .combatinfo.combatinfo-left {<br /> float: left;<br /> clear: left<br /> }<br /> <br /> .combatinfo td {<br /> width: 25%<br /> }<br /> <br /> .wikitable.combatinfo &gt; caption {<br /> font-weight: normal<br /> }<br /> <br /> .growth-stage-table td.growth-stage {<br /> text-align: center;<br /> vertical-align: bottom<br /> }<br /> <br /> .keypress {<br /> background: var(--keypress-background);<br /> color: var(--keypress-color);<br /> font-family: inherit;<br /> border: 1px solid var(--keypress-border);<br /> border-radius: 2px;<br /> font-size: 0.9em;<br /> margin: 0 0.1em;<br /> padding: 0.1em 0.4em;<br /> white-space: nowrap<br /> }<br /> <br /> .rsw-music-player {<br /> height: 2em;<br /> vertical-align: middle<br /> }<br /> <br /> .item-drops .beast-version {<br /> font-size: smaller;<br /> font-style: italic<br /> }<br /> <br /> td.famtreesub {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table {<br /> border-spacing: 0;<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table td {<br /> height: 1em;<br /> width: 1em<br /> }<br /> <br /> td.famtreeleaf {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> padding: 0.2em<br /> }<br /> <br /> :root {<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #ccc<br /> }<br /> <br /> :root {<br /> --coins-color: green;<br /> --coins-pos-color: white;<br /> --coins-neg-color: #c02614<br /> }<br /> <br /> .coins {<br /> color: var(--coins-color);<br /> background-position: 0% 50%;<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> padding: 0<br /> }<br /> <br /> .coins-pos {<br /> color: var(--coins-pos-color)<br /> }<br /> <br /> .coins-neg {<br /> color: var(--coins-neg-color)<br /> }<br /> <br /> .coins-10000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 3px 35px<br /> }<br /> <br /> .coins-1000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-250 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-100 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-25 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-5 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-4 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-3 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-2 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-1 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> :root {<br /> --documentation-background: #f9fafa;<br /> --documentation-link-color: #e4eaee;<br /> --documentation-headers-color: #fff;<br /> --documentation-header-background: #949eaa;<br /> --documentation-subheader-background: #808c9a;<br /> --documentation-border: #e4eaee<br /> }<br /> <br /> .documentation {<br /> background: var(--documentation-background);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0<br /> }<br /> <br /> .documentation pre,.documentation code {<br /> background-color: var(--documentation-background);<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation h2,.documentation hr {<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation-header {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-header-background);<br /> font-weight: bold;<br /> padding: 1em 1.5em<br /> }<br /> <br /> .documentation-title {<br /> font-size: 1.25em<br /> }<br /> <br /> .documentation-subheader {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-subheader-background);<br /> padding: 0.5em 1.5em<br /> }<br /> <br /> .documentation-subheader a,.documentation-subheader a:visited,.documentation-subheader a:active {<br /> color: var(--documentation-link-color)<br /> }<br /> <br /> .documentation-documentation,.documentation-links {<br /> font-size: 0.85em<br /> }<br /> <br /> .documentation-content {<br /> padding: 1em 1.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dl:not(:empty) {<br /> column-count: 3;<br /> border-top: 1px solid var(--body-border);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dt::after {<br /> content: &quot;:&quot;<br /> }<br /> <br /> .mw-templatedata-doc-params dd,.mw-templatedata-doc-params dt {<br /> margin: 0.1em 2em;<br /> min-width: auto<br /> }<br /> <br /> .mw-templatedata-doc-muted {<br /> color: var(--subtle-color);<br /> font-style: italic<br /> }<br /> <br /> .fairycode {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-size: 120%;<br /> font-weight: bold;<br /> text-transform: lowercase;<br /> letter-spacing: 1px<br /> }<br /> <br /> .fairycode b ~ b:before {<br /> content: &quot;•&quot;<br /> }<br /> <br /> .floornumber &gt; .floornumber-us,#toc li a span.toctext span span:nth-child(2),.floornumber-setting-gb .floornumber &gt; .floornumber-us,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(2),.floornumber-setting-us .floornumber &gt; .floornumber-gb,.floornumber-setting-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none<br /> }<br /> <br /> .floornumber-setting-gb .floornumber &gt; .floornumber-gb,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(1),.floornumber-setting-us .floornumber &gt; .floornumber-us,.floornumber-setting-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-us,.floornumber-override-gb #toc li a span.toctext span span:nth-child(2),.floornumber-override-us .floornumber &gt; .floornumber-gb,.floornumber-override-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none !important<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-gb,.floornumber-override-gb #toc li a span.toctext span span:nth-child(1),.floornumber-override-us .floornumber &gt; .floornumber-us,.floornumber-override-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline !important<br /> }<br /> <br /> .musicplayer {<br /> border: 1px solid var(--body-border);<br /> font-size: 90%;<br /> background: var(--body-light);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> max-width: 300px;<br /> margin: 0 0 1em 1em;<br /> padding: 5px<br /> }<br /> <br /> .musicplayer audio,.infobox audio {<br /> max-width: 298px;<br /> margin-left: auto;<br /> margin-right: auto<br /> }<br /> <br /> .plink-template + a {<br /> margin-left: 0.25em<br /> }<br /> <br /> .plinkt-image {<br /> text-align: center<br /> }<br /> <br /> :root {<br /> --questdetails-header-background: #cfc2aa;<br /> --questdetails-header-background-alt: #cfbda1<br /> }<br /> <br /> .questdetails {<br /> width: 100%;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-collapse: separate<br /> }<br /> <br /> .questdetails th {<br /> text-align: left<br /> }<br /> <br /> .questdetails-header {<br /> padding: 0.5em 1em;<br /> background-color: var(--questdetails-header-background);<br /> width: 125px<br /> }<br /> <br /> .questdetails tr:nth-child(odd) .questdetails-header {<br /> background-color: var(--questdetails-header-background-alt)<br /> }<br /> <br /> .questdetails-info {<br /> padding-left: 1em;<br /> padding-right: 2em<br /> }<br /> <br /> ol.references,.reflist {<br /> font-size: 90%<br /> }<br /> <br /> .reflist {<br /> list-style-type: decimal<br /> }<br /> <br /> .reflist .references {<br /> font-size: 100%;<br /> list-style-type: inherit<br /> }<br /> <br /> .reflist-lower-alpha {<br /> list-style-type: lower-alpha<br /> }<br /> <br /> ol.references li:target,sup.reference:target {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .hideQuotes .refhide {<br /> display: none<br /> }<br /> <br /> .editnotice {<br /> font-size: 0.9em;<br /> padding-bottom: 0.75em;<br /> margin-bottom: 0.6em<br /> }<br /> <br /> .editnotice .editnotice-title {<br /> font-size: 1.2em;<br /> font-weight: bold;<br /> margin-bottom: 0.4em<br /> }<br /> <br /> <br /> <br /> <br /> .mw-message-box,.mw-message-box-error,.mw-message-box-warning,.mw-message-box-success,.usermessage {<br /> color: var(--text-color)<br /> }<br /> <br /> .messagebox {<br /> width: 65%;<br /> margin: 0.5em auto;<br /> border-left: 15px solid;<br /> border-color: var(--body-dark);<br /> background-color: var(--body-light);<br /> box-sizing: border-box<br /> }<br /> <br /> .messagebox.obsolete {<br /> background-color: var(--messagebox-obsolete-background);<br /> border-color: var(--messagebox-obsolete-border);<br /> color: var(--messagebox-obsolete-color)<br /> }<br /> <br /> .messagebox.obsolete a,.messagebox.obsolete a:visited,.messagebox.obsolete a:active {<br /> color: var(--messagebox-obsolete-link-color)<br /> }<br /> <br /> .messagebox.info {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border);<br /> color: var(--messagebox-info-color)<br /> }<br /> <br /> .messagebox.info a,.messagebox.info a:visited,.messagebox.info a:active {<br /> color: var(--messagebox-info-link-color)<br /> }<br /> <br /> .messagebox.action {<br /> background-color: var(--messagebox-action-background);<br /> border-color: var(--messagebox-action-border);<br /> color: var(--messagebox-action-color)<br /> }<br /> <br /> .messagebox.action a,.messagebox.action a:visited,.messagebox.action a:active {<br /> color: var(--messagebox-action-link-color)<br /> }<br /> <br /> .messagebox.warn {<br /> background-color: var(--messagebox-warn-background);<br /> border-color: var(--messagebox-warn-border);<br /> color: var(--messagebox-warn-color)<br /> }<br /> <br /> .messagebox.warn a,.messagebox.warn a:visited,.messagebox.warn a:active {<br /> color: var(--messagebox-warn-link-color)<br /> }<br /> <br /> .messagebox.safe {<br /> background-color: var(--messagebox-safe-background);<br /> border-color: var(--messagebox-safe-border);<br /> color: var(--messagebox-safe-color)<br /> }<br /> <br /> .messagebox.safe a,.messagebox.safe a:visited,.messagebox.safe a:active {<br /> color: var(--messagebox-safe-link-color)<br /> }<br /> <br /> .messagebox.disambig {<br /> background-color: var(--messagebox-disambig-background);<br /> border-color: var(--messagebox-disambig-border);<br /> color: var(--messagebox-disambig-color)<br /> }<br /> <br /> .messagebox.disambig a,.messagebox.disambig a:visited,.messagebox.disambig a:active {<br /> color: var(--messagebox-disambig-link-color)<br /> }<br /> <br /> .messagebox.discord {<br /> background-color: var(--messagebox-discord-background);<br /> border-color: var(--messagebox-discord-border);<br /> color: #fff<br /> }<br /> <br /> .messagebox.discord a,.messagebox.discord a:visited,.messagebox.discord a:active {<br /> color: var(--messagebox-discord-link-color)<br /> }<br /> <br /> .messagebox.discord a.external,.messagebox.discord a:visited.external,.messagebox.discord a:active.external {<br /> font-style: italic<br /> }<br /> <br /> .messagebox.stub {<br /> width: 40%<br /> }<br /> <br /> .messagebox.hasdialogue {<br /> padding: 0 10px;<br /> width: auto<br /> }<br /> <br /> :root {<br /> --ajaxpoll-background: #fafafa;<br /> --ajaxpoll-text-color: var(--byline-color);<br /> --ajaxpoll-answerbar-background: var(--body-light);<br /> --ajaxpoll-answerbar-border: var(--body-border)<br /> }<br /> <br /> .ajaxpoll {<br /> background: var(--ajaxpoll-background)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-hover-vote,.ajaxpoll .ajaxpoll-hover-revoke,.ajaxpoll .ajaxpoll-ajax {<br /> background: none<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote {<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote div {<br /> background: var(--ajaxpoll-answerbar-background);<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-our-vote div {<br /> border-color: #3c780a<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-misc,.ajaxpoll .ajaxpoll-info,.ajaxpoll .ajaxpoll-ajax {<br /> color: var(--ajaxpoll-text-color)<br /> }<br /> <br /> .ajaxpoll-id-info {<br /> display: none<br /> }<br /> <br /> .inventorytable,<br /> .lootingbagtable,<br /> .runepouchtable {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> height: auto;<br /> border-spacing: 0;<br /> border-collapse: separate;<br /> margin-top: 7px;<br /> margin-bottom: 7px;<br /> }<br /> <br /> .inventorytable.storage-left,<br /> .lootingbagtable.storage-left,<br /> .runepouchtable.storage-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .inventorytable.storage-center,<br /> .lootingbagtable.storage-center,<br /> .runepouchtable.storage-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .inventorytable.storage-right,<br /> .lootingbagtable.storage-right,<br /> .runepouchtable.storage-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .inventorytable td,<br /> .lootingbagtable td,<br /> .runepouchtable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> }<br /> <br /> .inventorytable {<br /> background-image: url(/images/e/e9/Inventory_tab.png);<br /> width: 204px;<br /> padding: 13px 16px 10px;<br /> }<br /> <br /> .inventorytable td {<br /> width: 43px;<br /> height: 36px;<br /> }<br /> <br /> .lootingbagtable {<br /> background-image: url(/images/7/78/Looting_bag_tab.png);<br /> width: 204px;<br /> padding: 31px 17px 20px 12px;<br /> }<br /> <br /> .lootingbagtable td {<br /> width: 44px;<br /> height: 32px;<br /> }<br /> <br /> .runepouchtable {<br /> background-image: url(/images/f/f1/Rune_pouch_background.png);<br /> width: 158px;<br /> padding: 24px 7px 6px;<br /> }<br /> <br /> .runepouchtable.storage-left {<br /> margin-left: 23px;<br /> }<br /> <br /> .runepouchtable.storage-right {<br /> margin-right: 23px;<br /> }<br /> <br /> .runepouchtable td {<br /> width: 32px;<br /> height: 32px;<br /> line-height: 1.6em;<br /> }<br /> <br /> .runepouchtable td.middle-rune {<br /> padding-left: 24px;<br /> padding-right: 24px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune {<br /> padding-left: 6px;<br /> padding-right: 6px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune {<br /> padding-left: 0;<br /> }<br /> <br /> .menagerietable {<br /> background-image: url(/images/9/9c/Menagerie_interface.png);<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> width: 300px;<br /> height: 250px;<br /> padding: 56px 28px 34px 6px;<br /> border-spacing: 0;<br /> }<br /> <br /> .menagerietable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> width: 46px;<br /> height: 32px;<br /> }<br /> <br /> .inventorytable .inv-quantity-text,<br /> .lootingbagtable .inv-quantity-text,<br /> .runepouchtable .inv-quantity-text,<br /> .equipment .inv-quantity-text {<br /> font-family: 'RuneScape Small';<br /> font-size: 12pt;<br /> position: absolute;<br /> top: -8px;<br /> left: 4px;<br /> text-shadow: #000 1px 1px;<br /> color: #ffff00;<br /> pointer-events: none;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-1,<br /> .lootingbagtable .inv-quantity-text.qty-1,<br /> .runepouchtable .inv-quantity-text.qty-1,<br /> .equipment .inv-quantity-text.qty-1 {<br /> color: #ffff00;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-100k,<br /> .lootingbagtable .inv-quantity-text.qty-100k,<br /> .runepouchtable .inv-quantity-text.qty-100k,<br /> .equipment .inv-quantity-text.qty-100k {<br /> color: #fff;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-10m,<br /> .lootingbagtable .inv-quantity-text.qty-10m,<br /> .runepouchtable .inv-quantity-text.qty-10m,<br /> .equipment .inv-quantity-text.qty-10m {<br /> color: #01ff80;<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {<br /> .inventorytable img,<br /> .lootingbagtable img,<br /> .runepouchtable img,<br /> .equipment img {<br /> image-rendering: pixelated;<br /> image-rendering: crisp-edges;<br /> }<br /> <br /> }<br /> <br /> .runepouchtable .inv-quantity-text {<br /> left: -1px;<br /> }<br /> <br /> .runepouchtable td.middle-rune .inv-quantity-text {<br /> left: 23px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune .inv-quantity-text {<br /> left: 5px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune .inv-quantity-text {<br /> left: 0;<br /> }<br /> <br /> .equipment .inv-quantity-text {<br /> top: -3px;<br /> }<br /> <br /> span.noted-item {<br /> width: 30px;<br /> height: 29px;<br /> text-align: center;<br /> display: inline-block;<br /> }<br /> <br /> span.noted-item a {<br /> width: 30px;<br /> height: 29px;<br /> }<br /> <br /> .noted-item a {<br /> background-image: url(/images/3/3a/Bank_note.png);<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> background-position: center;<br /> }<br /> <br /> td.noted-item a {<br /> width: 32px;<br /> line-height: 28px;<br /> }<br /> <br /> .noted-item img {<br /> transform: scale(0.65);<br /> }<br /> <br /> .equipment {<br /> background: #3e3529;<br /> border: 9px solid transparent;<br /> border-image-source: url(/images/c/c7/Interface_border.png);<br /> border-image-slice: 9;<br /> border-image-width: 9px;<br /> border-image-outset: 0;<br /> border-image-repeat: repeat;<br /> margin: 7px 0;<br /> padding: 0 2px 0 3px;<br /> }<br /> <br /> @media all and (max-width: 720px) {<br /> table.equipment {<br /> width: initial !important;<br /> }<br /> <br /> }<br /> <br /> .equipment-div,<br /> .equipment-div-buttons {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> position: relative;<br /> width: 175px;<br /> display: flex;<br /> }<br /> <br /> .equipment-div {<br /> background-image: url(/images/a/a7/Worn_equipment_tab_%28no_buttons%29.png);<br /> height: 222px;<br /> margin: 15px 0 14px;<br /> }<br /> <br /> .equipment-div-buttons {<br /> background-image: url(/images/e/e3/Worn_equipment_tab_%28borderless%29.png);<br /> height: 244px;<br /> margin: 4px 0 3px;<br /> }<br /> <br /> .equipment-blank {<br /> background-image: url(/images/c/cf/Blank_slot.png);<br /> width: 36px;<br /> height: 36px;<br /> }<br /> <br /> .equipment-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .equipment-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .equipment-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .equipment-stats,<br /> .equipment-ikod {<br /> font-family: RuneScape;<br /> font-size: 16px;<br /> line-height: 14px;<br /> color: #ff981f;<br /> text-shadow: 1px 1px 0 black;<br /> }<br /> <br /> td.equipment-stats b {<br /> font-family: RuneScape;<br /> font-weight: bold;<br /> display: block;<br /> margin-top: 2px;<br /> }<br /> <br /> td.equipment-stats data {<br /> display: block;<br /> padding-left: 8px;<br /> }<br /> <br /> td.equipment-stats data img {<br /> vertical-align: bottom;<br /> }<br /> <br /> td.equipment-ikod {<br /> max-width: 325px;<br /> }<br /> <br /> td.equipment-ikod em {<br /> font-style: normal;<br /> display: block;<br /> margin-bottom: 3px;<br /> }<br /> <br /> td.equipment-ikod b {<br /> font-weight: normal;<br /> color: white;<br /> }<br /> <br /> td.equipment-ikod strong {<br /> font-weight: normal;<br /> color: red;<br /> }<br /> <br /> td.equipment-ikod ul {<br /> list-style: none;<br /> margin: 0;<br /> }<br /> <br /> td.equipment-ikod li {<br /> display: inline-block;<br /> width: 32px;<br /> height: 32px;<br /> line-height: 32px;<br /> margin: 0;<br /> margin-right: 14px;<br /> }<br /> <br /> td.equipment-ikod img {<br /> cursor: help;<br /> }<br /> <br /> td.equipment-ikod hr {<br /> border-top: 1px solid #0e0e0c;<br /> border-bottom: 1px solid #474745;<br /> margin: 7px 0;<br /> }<br /> <br /> .equipment-plinkp {<br /> position: absolute;<br /> width: 36px;<br /> height: 36px;<br /> left: 0px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head,<br /> .equipment-cape,<br /> .equipment-neck,<br /> .equipment-ammo,<br /> .equipment-weapon,<br /> .equipment-torso,<br /> .equipment-shield,<br /> .equipment-legs,<br /> .equipment-gloves,<br /> .equipment-boots,<br /> .equipment-ring,<br /> .equipment-statsbutton,<br /> .equipment-ikodbutton {<br /> position: absolute;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head {<br /> left: 70px;<br /> top: 0px;<br /> }<br /> <br /> .equipment-cape {<br /> left: 29px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-neck {<br /> left: 70px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-ammo {<br /> left: 111px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-weapon {<br /> left: 14px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-torso {<br /> left: 70px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-shield {<br /> left: 126px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-legs {<br /> left: 70px;<br /> top: 118px;<br /> }<br /> <br /> .equipment-gloves {<br /> left: 14px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-boots {<br /> left: 70px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-ring {<br /> left: 126px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-statsbutton {<br /> top: 204px;<br /> left: 0px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> .equipment-ikodbutton {<br /> top: 204px;<br /> left: 90px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> :root {<br /> --transcript-border-color: #b4a36a;<br /> --transcript-border-hover-color: #876f1d;<br /> --transcript-strikethrough-color: #800000<br /> }<br /> <br /> .transcript {<br /> background: var(--body-light);<br /> border-radius: 0 0 120px 120px / 0 0 8px 8px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> max-width: 90ch;<br /> overflow: hidden;<br /> margin-bottom: 1em;<br /> padding: 0.5em 1em 1em;<br /> clear: left<br /> }<br /> <br /> .transcript.godletter {<br /> margin: 1em auto;<br /> padding: 1em 1.5em;<br /> max-width: 60ch<br /> }<br /> <br /> .quest-action {<br /> text-align: center;<br /> font-style: italic;<br /> margin: 0 5%<br /> }<br /> <br /> .quest-action:before,.quest-action:after {<br /> content: '———';<br /> margin: 4px;<br /> letter-spacing: -1px<br /> }<br /> <br /> .transcript-chatbox-image {<br /> display: inline-block;<br /> margin-right: 5px;<br /> position: relative;<br /> text-align: center;<br /> width: 32px<br /> }<br /> <br /> .transcript-chatbox-image + .transcript-chatbox-image {<br /> left: -10px;<br /> top: 10px;<br /> margin-right: 0<br /> }<br /> <br /> .transcript-opt::before {<br /> display: inline-block;<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> width: 7px;<br /> height: 10px;<br /> margin-right: 5px<br /> }<br /> <br /> .transcript-opt.disabled {<br /> filter: opacity(0.5)<br /> }<br /> <br /> .ns-120 .mw-parser-output s,.transcript s {<br /> text-decoration-color: var(--transcript-strikethrough-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output .template-colour,.transcript .template-colour {<br /> text-shadow: 1px 1px #000a<br /> }<br /> <br /> :root {<br /> --byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%);<br /> --tile-border-color: #596e96;<br /> --tile-background-color: #313e59;<br /> --tile-link-button-color: #222e45;<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255,255,255,0.7);<br /> --tile-dark-header-color: #fff<br /> }<br /> <br /> .tile {<br /> background: var(--tile-background-color);<br /> border: 1px solid var(--tile-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1.5em 2em 1em;<br /> max-width: 40em<br /> }<br /> <br /> .tile h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile.dark {<br /> color: var(--tile-dark-color);<br /> background: var(--tile-dark-bg);<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .tile.dark h2 {<br /> color: var(--tile-dark-header-color)<br /> }<br /> <br /> .tile.dark a {<br /> color: var(--tile-dark-link-color)<br /> }<br /> <br /> .tile.dark .byline {<br /> color: var(--tile-dark-byline-color)<br /> }<br /> <br /> .byline {<br /> font-size: 0.9em;<br /> color: var(--byline-color)<br /> }<br /> <br /> .byline a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .tile-row {<br /> display: flex;<br /> flex-flow: row wrap;<br /> margin-bottom: 1em<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-flow: row wrap;<br /> border: 1px solid var(--tile-border-color);<br /> background: var(--tile-background-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .tile-halves h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile-halves .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile-top {<br /> width: 100%;<br /> padding: 1.3rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-top.tile-image {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--byline-color);<br /> overflow: hidden;<br /> padding: 0;<br /> height: 13vw;<br /> max-height: 12em;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-halves:hover .tile-top.tile-image img {<br /> transform: scale(1.1);<br /> transition: 0.5s ease-out<br /> }<br /> <br /> .tile-top.tile-image a {<br /> width: 100%<br /> }<br /> <br /> .tile-top.tile-image img {<br /> width: 100%;<br /> object-fit: cover;<br /> max-height: 200px;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-top.tile-image span {<br /> width: 100%<br /> }<br /> <br /> .tile-bottom {<br /> background: var(--tile-background-color);<br /> border-top: 1px solid var(--tile-border-color);<br /> width: 100%;<br /> padding: 1rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-bottom.link-button {<br /> align-self: flex-end;<br /> padding: 0<br /> }<br /> <br /> .tile-bottom.link-button a {<br /> display: block;<br /> text-align: center;<br /> padding: 0.75em 1.5em 0.8em;<br /> text-decoration: none<br /> }<br /> <br /> .tile-bottom.read-more {<br /> background: var(--tile-link-button-color);<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile-bottom.read-more a {<br /> color: var(--byline-color);<br /> font-weight: bold;<br /> text-align: right<br /> }<br /> <br /> .tile-bottom.read-more:hover {<br /> background: var(--tile-link-button-highlight-color)<br /> }<br /> <br /> .tile-bottom.read-more:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .tile-bottom.read-more .arrow {<br /> filter: var(--byline-arrow-filter);<br /> margin-left: 0.4em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile.oswf-day {<br /> margin-left: 0.5em<br /> }<br /> <br /> .oswf-tile {<br /> margin: 1em<br /> }<br /> <br /> .oswf-tile.oswf-complete {<br /> opacity: 0.65<br /> }<br /> <br /> .oswf-tile .oswf-summary {<br /> font-size: 105%;<br /> line-height: 1.6;<br /> margin-top: -0.4em<br /> }<br /> <br /> .oswf-tile .oswf-img {<br /> display: block;<br /> max-width: 75px;<br /> float: right<br /> }<br /> <br /> .oswf-tile .oswf-img img {<br /> max-width: 100%;<br /> height: auto<br /> }<br /> <br /> .oswf-tile .oswf-guidance {<br /> border-top: 1px solid #eee;<br /> padding-top: 1em<br /> }<br /> <br /> body.page-Main_Page .mw-parser-output {<br /> max-width: 75em;<br /> margin: 0 auto;<br /> }<br /> <br /> body.page-Main_Page.action-view .catlinks,<br /> body.page-Main_Page.action-view #contentSub,<br /> body.page-Main_Page.action-view #siteNotice {<br /> display: none;<br /> }<br /> <br /> body.page-Main_Page h1 { display: none; }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> margin: 2.6em 1.75em 1.5em<br /> }<br /> <br /> .mainpage-header .header-intro {<br /> flex: 2<br /> }<br /> <br /> .mainpage-header .header-intro h1 {<br /> font-size: 2.5em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.15em<br /> }<br /> <br /> .mainpage-header .header-intro p {<br /> font-size: 1.1em;<br /> line-height: 1.7em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> flex: 1;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> margin-top: -1em<br /> }<br /> <br /> .mainpage-body {<br /> display: grid;<br /> grid-template-areas: &quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left right&quot;;<br /> gap: 0.9rem;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-body h2 a {<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-body .tile {<br /> padding-left: 1.75em;<br /> padding-right: 1.75em;<br /> max-width: 100%<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> width: 100%;<br /> margin-bottom: 0<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> display: grid;<br /> gap: 0.9rem<br /> }<br /> <br /> .mainpage-left {<br /> grid-area: left;<br /> flex: 2;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-left &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .mainpage-right {<br /> grid-area: right;<br /> flex: 1;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-right &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .arrow {<br /> background: url(/images/White-chevron.svg?b82be) no-repeat;<br /> display: inline-block;<br /> height: 0.7rem;<br /> width: 0.45rem;<br /> vertical-align: middle<br /> }<br /> <br /> .arrow.dark {<br /> filter: invert(80%)<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-area: update;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves {<br /> flex: 1;<br /> align-content: flex-start<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-bottom.link-button a {<br /> text-align: left;<br /> padding: 1rem 1.5rem 0.75rem<br /> }<br /> <br /> .mainpage-recent-updates h2 {<br /> margin: -0.5em 0 0.3em<br /> }<br /> <br /> .mainpage-recent-updates p:not(.byline) {<br /> font-size: 0.9em;<br /> line-height: 1.75em;<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-contents {<br /> grid-area: content;<br /> grid-template-columns: repeat(6,1fr)<br /> }<br /> <br /> .mainpage-contents .tile-halves {<br /> flex: 1<br /> }<br /> <br /> .mainpage-contents .tile-top {<br /> position: relative<br /> }<br /> <br /> .mainpage-contents h2 {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> .mainpage-contents .tile-bottom.link-button a {<br /> padding: 0.75em 0.2em<br /> }<br /> <br /> .mainpage-skills ul {<br /> columns: 3 9em;<br /> margin: 1em 0.7em 0.7em 1em<br /> }<br /> <br /> .mainpage-skills li {<br /> display: flex;<br /> margin-bottom: 0.29em<br /> }<br /> <br /> .mainpage-skills li a:first-child {<br /> border-radius: 2px;<br /> padding: 4px;<br /> width: 25px;<br /> height: 25px;<br /> text-align: center;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center<br /> }<br /> <br /> .mainpage-skills li a:last-child {<br /> flex: 1;<br /> display: flex;<br /> align-items: center;<br /> font-weight: bold;<br /> padding-left: 0.7em;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-skills li:hover a:first-child {<br /> border-radius: 2px 0 0 2px<br /> }<br /> <br /> .mainpage-skills li:hover a:last-child {<br /> color: rgba(255,255,255,0.9);<br /> border-radius: 0 2px 2px 0<br /> }<br /> <br /> .skill-agility a:first-child,.skill-melee a:first-child {<br /> background: #bc483d<br /> }<br /> <br /> .skill-agility:hover a:last-child,.skill-melee:hover a:last-child {<br /> background: #932419<br /> }<br /> <br /> .skill-ranged a:first-child {<br /> background: #748d36<br /> }<br /> <br /> .skill-ranged:hover a:last-child {<br /> background: #4c6215<br /> }<br /> <br /> .skill-magic a:first-child {<br /> background: #6274ab<br /> }<br /> <br /> .skill-magic:hover a:last-child {<br /> background: #304791<br /> }<br /> <br /> .skill-fishing a:first-child,.skill-fletching a:first-child {<br /> background: #3e8e9a<br /> }<br /> <br /> .skill-fishing:hover a:last-child,.skill-fletching:hover a:last-child {<br /> background: #1a6671<br /> }<br /> <br /> .skill-cooking a:first-child,.skill-thieving a:first-child {<br /> background: #91689e<br /> }<br /> <br /> .skill-cooking:hover a:last-child,.skill-thieving:hover a:last-child {<br /> background: #713684<br /> }<br /> <br /> .skill-farming a:first-child,.skill-woodcutting a:first-child {<br /> background: #59924f<br /> }<br /> <br /> .skill-farming:hover a:last-child,.skill-woodcutting:hover a:last-child {<br /> background: #306f25<br /> }<br /> <br /> .skill-mining a:first-child {<br /> background: #6385a8<br /> }<br /> <br /> .skill-mining:hover a:last-child {<br /> background: #315f8d<br /> }<br /> <br /> .skill-smithing a:first-child {<br /> background: #d2b244<br /> }<br /> <br /> .skill-smithing:hover a:last-child {<br /> background: #b69213<br /> }<br /> <br /> .popular-pages ul {<br /> display: grid;<br /> grid-template-columns: repeat(3,1fr);<br /> grid-gap: 0.6em;<br /> margin: 1em 0 0.7em 0<br /> }<br /> <br /> .mp-popular-page-light {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--button-background);<br /> transition: 100ms<br /> }<br /> <br /> .mp-popular-page-light a {<br /> flex: 1;<br /> display: block;<br /> color: #fff;<br /> font-weight: bold;<br /> text-align: center;<br /> text-decoration: none;<br /> padding: 0.7em 1em<br /> }<br /> <br /> .mp-popular-page-light:hover {<br /> filter: brightness(115%);<br /> transition: 100ms<br /> }<br /> <br /> .mainpage-discord {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-discord .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #5865f2;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-discord .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-discord .tile-bottom {<br /> background: #525ee0;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-discord .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-discord .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-discord .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-discord .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-youtube {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-youtube .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-youtube .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-youtube .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-youtube .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-youtube .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-youtube .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-youtube .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-rl {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-rl .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #383838;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-rl .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-rl .tile-bottom {<br /> background: #FF9300;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-rl .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-rl .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-rl .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-rl .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-twitter {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-twitter .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-twitter .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-twitter .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-twitter .twitter-logo {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-twitter .twitter-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-twitter .twitter-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-twitter .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .mainpage-editing {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-editing .tile-top {<br /> background: #222e45<br /> }<br /> <br /> .mainpage-editing .tile-bottom {<br /> background: #3980ab;<br /> border: none;<br /> padding: 0.8rem 1.5rem 0.4rem<br /> }<br /> <br /> .mainpage-editing h2,.mainpage-editing a {<br /> color: #fff<br /> }<br /> <br /> .mainpage-editing p {<br /> color: rgba(255,255,255,0.9)<br /> }<br /> <br /> .mainpage-editing ul {<br /> list-style-image: url(/images/Transparent-chevron.svg?20dcf)<br /> }<br /> <br /> .mainpage-poll .ajaxpoll {<br /> border: none;<br /> background: none;<br /> padding: 0;<br /> width: auto<br /> }<br /> <br /> .mainpage-trailblazer {<br /> grid-area: event<br /> }<br /> <br /> .mainpage-trailblazer .tb-logo {<br /> margin-bottom: 0.9rem<br /> }<br /> <br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-trailblazer .tile-row .tile-top {<br /> height: 20vw;<br /> min-height: 9em<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1200px) {<br /> .mainpage-contents {<br /> grid-template-columns:repeat(3,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1000px) {<br /> .mainpage-body {<br /> grid-template-areas:&quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left left&quot; &quot;right right right&quot;<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-top {<br /> height: 18vw;<br /> min-height: 9em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> display: none<br /> }<br /> <br /> .mainpage-left &gt; *:last-child,.mainpage-right &gt; *:last-child {<br /> margin-bottom: 0<br /> }<br /> <br /> .popular-pages ul {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-recent-updates {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: flex<br /> }<br /> <br /> .mainpage-contents {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background-color: var(--body-main);<br /> border-top-color: var(--body-border);<br /> box-shadow: none<br /> }<br /> <br /> .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,.mw-prefs-tabs &gt; .oo-ui-menuLayout-content &gt; .oo-ui-indexLayout-stackLayout &gt; .oo-ui-tabPanelLayout {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --rc-positive-color: #407813;<br /> --rc-negative-color: #b41e0f<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: var(--rc-positive-color)<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: var(--rc-negative-color)<br /> }<br /> <br /> .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {<br /> border-color: var(--body-border);<br /> background-color: var(--body-light);<br /> border-radius: 2px<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-menuSelectWidget-footer {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-tagItemWidget-popup-content {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-changeslist-legend,.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .client-js .mw-changeslist ul,.client-js .mw-changeslist table.mw-enhanced-rc {<br /> margin-left: 0<br /> }<br /> <br /> .mw-rcfilters-ui-watchlistTopSectionWidget-separator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-header {<br /> border-bottom-color: var(--ooui-interface);<br /> background-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-title {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-header {<br /> border-bottom-color: var(--ooui-interface-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-savedLinksListItemWidget-label {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted ul,.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted table.mw-enhanced-rc {<br /> margin-left: 1.5em<br /> }<br /> <br /> .page-Special_CreateAccount .mw-ui-container,.page-Special_UserLogin .mw-ui-container {<br /> max-width: 64rem;<br /> margin: 0 auto<br /> }<br /> <br /> .mw-number-text {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-body-content .mw-number-text h3 {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-indicator-mw-helplink a {<br /> background: none;<br /> padding: 0;<br /> display: flex;<br /> align-items: center<br /> }<br /> <br /> #mw-indicator-mw-helplink a::before {<br /> content: '';<br /> margin-right: 5px;<br /> -webkit-mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> background: var(--text-color);<br /> height: 20px;<br /> width: 20px<br /> }<br /> <br /> .results-info {<br /> color: inherit<br /> }<br /> <br /> .mw-search-profile-tabs {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> .search-types .current a {<br /> color: inherit<br /> }<br /> <br /> #mw-searchoptions {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> #mw-searchoptions .divider {<br /> border-color: var(--body-border)<br /> }<br /> <br /> #mw-searchoptions h4 {<br /> font-family: inherit<br /> }<br /> <br /> #mw-searchoptions .oo-ui-labelElement:nth-of-type(odd) {<br /> font-weight: bold<br /> }<br /> <br /> .searchresult {<br /> line-height: 1.5<br /> }<br /> <br /> .searchalttitle,#mw-search-interwiki li {<br /> font-size: 90%<br /> }<br /> <br /> .mw-search-result-data {<br /> color: var(--byline-color)<br /> }<br /> <br /> .page-Special_ListFiles a.image img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .page-Special_ListFiles .TablePager_col_thumb {<br /> text-align: center<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] {<br /> background-color: var(--body-main) !important;<br /> border-color: var(--wikitable-border) !important;<br /> margin-top: 0.5em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th,#editcount table[border=&quot;1&quot;] td {<br /> padding: 0.2em 0.4em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th {<br /> background-color: var(--wikitable-header-bg);<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] td {<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] tr:nth-child(odd) {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget {<br /> background-color: inherit<br /> }<br /> <br /> table.mw-interwikitable.body td.mw-interwikitable-local-yes {<br /> background-color: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .mw-protectedpages-unknown {<br /> color: var(--byline-color)<br /> }<br /> <br /> .watchlistredir,.allpagesredirect {<br /> font-style: italic<br /> }<br /> <br /> .allpagesredirect:after {<br /> color: var(--byline-color);<br /> content: &quot; (redirect)&quot;<br /> }<br /> <br /> .mw-apisandbox-toolbar {<br /> background: var(--body-main)<br /> }<br /> <br /> .oo-ui-menuOptionWidget .mw-apisandbox-flag {<br /> color: var(--byline-color)<br /> }<br /> <br /> tr.mw-abusefilter-list-disabled,tr.mw-abusefilter-list-disabled td {<br /> color: var(--byline-color)<br /> }<br /> <br /> table.mw-abuselog-details {<br /> background: var(--wikitable-bg);<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> table.mw-abuselog-details th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> table.mw-abuselog-details th,table.mw-abuselog-details td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-abusefilter-log-hidden-entry {<br /> color: var(--subtle-color)<br /> }<br /> <br /> body td.mw-abusefilter-history-changed {<br /> background: var(--table-no-background)<br /> }<br /> <br /> div.mw-abusefilter-editor,#mw-abusefilter-warn-preview,#mw-abusefilter-disallow-preview {<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-destfile-warning {<br /> border-color: var(--warningbox-border);<br /> color: var(--text-color);<br /> background-color: var(--warningbox-bg)<br /> }<br /> <br /> span.fileinput-button {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> ul.fileupload-results li.ful-success {<br /> background-color: var(--successbox-bg)<br /> }<br /> <br /> ul.fileupload-results li.ful-success a {<br /> color: var(--link-color)<br /> }<br /> <br /> ul.fileupload-results li.ful-error {<br /> background-color: var(--errorbox-bg)<br /> }<br /> <br /> #siteNotice {<br /> text-align: center<br /> }<br /> <br /> #siteNotice ul {<br /> list-style: none<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-body {<br /> margin: 0<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-close {<br /> float: none;<br /> text-align: right<br /> }<br /> <br /> .mw-dismissable-notice-close-parent {<br /> min-height: 1em<br /> }<br /> <br /> .mmg-xpline:after {<br /> content: ','<br /> }<br /> <br /> .mmg-xpline:last-child:after {<br /> content: ''<br /> }<br /> <br /> .mmg-itemline {<br /> display: block<br /> }<br /> <br /> .discussiontable th {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .discussiontable .topic,.discussiontable .edited,.discussiontable .edited-by,.discussiontable .rg-archive {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .dpltable {<br /> margin-top: -30px<br /> }<br /> <br /> .dpltable td {<br /> padding-left: 5px<br /> }<br /> <br /> .dpltable,.discussiontable {<br /> width: 100%<br /> }<br /> <br /> .dpltable .topic,.discussiontable .topic {<br /> width: 40%<br /> }<br /> <br /> .dpltable .edited,.discussiontable .edited,.dpltable .edited-by,.discussiontable .edited-by {<br /> width: 30%<br /> }<br /> <br /> .dpltable .rg-archive,.discussiontable .rg-archive {<br /> width: 20%<br /> }<br /> <br /> body.ns-110 #ca-talk {<br /> display: none<br /> }<br /> <br /> :root {<br /> --gemw-positive-color: #6bc71f;<br /> --gemw-unchanged-color: #3ea6e6;<br /> --gemw-negative-color: #ee4231;<br /> --gemw-historical-border-color: #000<br /> }<br /> <br /> .gemw-container {<br /> max-width: 60em;<br /> margin: 4em auto<br /> }<br /> <br /> .gemw-header {<br /> display: flex;<br /> border-left-width: 0.25em;<br /> border-left-style: solid;<br /> padding-left: 1em;<br /> margin-bottom: 3em<br /> }<br /> <br /> .gemw-header.positive {<br /> border-color: var(--gemw-positive-color)<br /> }<br /> <br /> .gemw-header.negative {<br /> border-color: var(--gemw-negative-color)<br /> }<br /> <br /> .gemw-header.unchanged {<br /> border-color: var(--gemw-unchanged-color)<br /> }<br /> <br /> .gemw-header .gemw-section-left {<br /> flex: 1<br /> }<br /> <br /> .gemw-header .gemw-name {<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> margin-bottom: 0<br /> }<br /> <br /> .gemw-header .gemw-name a {<br /> color: inherit<br /> }<br /> <br /> .gemw-header .gemw-examine {<br /> color: var(--byline-color);<br /> font-size: 1.05em;<br /> font-style: italic;<br /> margin: 0 1em 1.25em 0<br /> }<br /> <br /> .gemw-header .gemw-price {<br /> display: inline-block;<br /> font-size: 2.75em;<br /> font-weight: bold<br /> }<br /> <br /> .gemw-header .gemw-price::after {<br /> content: ' coins';<br /> color: var(--byline-color);<br /> font-size: 1rem;<br /> font-weight: normal;<br /> word-spacing: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-change {<br /> display: inline-block;<br /> font-size: 1rem;<br /> font-weight: bold;<br /> margin-left: 2em;<br /> word-spacing: 0.5em<br /> }<br /> <br /> .gemw-header .gemw-change img {<br /> vertical-align: baseline<br /> }<br /> <br /> .gemw-header .gemw-section-right {<br /> text-align: right<br /> }<br /> <br /> .gemw-header .gemw-updated {<br /> color: var(--byline-color);<br /> line-height: 1.5em;<br /> margin-top: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-time {<br /> color: var(--byline-color);<br /> font-weight: bold<br /> }<br /> <br /> .gemw-body {<br /> display: flex<br /> }<br /> <br /> .gemw-body .gemw-section-left {<br /> width: 40%;<br /> margin-right: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left dl {<br /> display: flex;<br /> flex-flow: row wrap;<br /> justify-content: space-between;<br /> margin-bottom: -1.25em<br /> }<br /> <br /> .gemw-body .gemw-section-left &gt; div {<br /> margin-top: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .gemw-body .gemw-property {<br /> width: 30%;<br /> border-top: 0.15em dotted var(--body-mid);<br /> padding-top: 0.25em;<br /> margin-bottom: 1.5em<br /> }<br /> <br /> .gemw-body .gemw-property dt {<br /> color: var(--byline-color);<br /> font-weight: normal<br /> }<br /> <br /> .gemw-body .gemw-property dd {<br /> font-weight: bold;<br /> margin: -0.25em 0 0<br /> }<br /> <br /> .gemw-body .gemw-links {<br /> color: var(--byline-color);<br /> margin-bottom: 0.35em<br /> }<br /> <br /> .gemw-body .gemw-section-right {<br /> width: 60%<br /> }<br /> <br /> .gemw-body .gemw-chart {<br /> color: #eceeee;<br /> font-size: 5em;<br /> text-align: center;<br /> line-height: 5em;<br /> position: relative<br /> }<br /> <br /> .gemw-body .gemw-chart .GEChartBox,.gemw-body .gemw-chart .GEdatachart {<br /> position: relative<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header.positive,.gemw-container.gemw-historical .gemw-header.negative,.gemw-container.gemw-historical .gemw-header.neutral,.gemw-container.gemw-historical .gemw-header.unchanged {<br /> border-color: var(--gemw-historical-border-color)<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-time .jsPurgeLink,.gemw-container.gemw-historical .gemw-header .gemw-time &gt; span.plainlinks {<br /> display: none<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-section-left:after {<br /> content: &quot;This is a historical item no longer available on the Grand Exchange. The data is preserved here as an archive.&quot;;<br /> font-style: italic<br /> }<br /> <br /> #overlay {<br /> display: none;<br /> background-color: var(--ooui-window-background);<br /> height: auto;<br /> width: auto;<br /> overflow: hidden;<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> bottom: 0;<br /> left: 0;<br /> z-index: 50<br /> }<br /> <br /> #GEchartpopup g.highcharts-label text &gt; a:visited,.GEdatachart g.highcharts-label text &gt; a:visited {<br /> fill: white<br /> }<br /> <br /> #GEchartpopup {<br /> background: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> border-radius: 2px;<br /> color: var(--ooui-text);<br /> position: fixed;<br /> left: 0;<br /> right: 0;<br /> top: 1em;<br /> bottom: 1em;<br /> margin: auto;<br /> padding: 1em;<br /> max-width: 975px;<br /> z-index: 52;<br /> overflow: auto<br /> }<br /> <br /> #GEchartpopup #closepopup {<br /> float: right;<br /> margin-bottom: 5px;<br /> z-index: 100<br /> }<br /> <br /> #GEchartpopup #itemstats {<br /> bottom: 50px;<br /> font-size: 11px;<br /> position: absolute;<br /> right: 45px;<br /> width: 200px;<br /> z-index: 10<br /> }<br /> <br /> #GEchartpopup #itemstats caption {<br /> cursor: pointer;<br /> text-align: right<br /> }<br /> <br /> #GEpopupchart {<br /> height: 500px<br /> }<br /> <br /> .highcharts-container .highcharts-range-selector {<br /> font-size: 11px<br /> }<br /> <br /> .GEPermLink {<br /> float: right;<br /> font-size: 14px<br /> }<br /> <br /> .GEPermLink ~ .GEdatachart {<br /> clear: right<br /> }<br /> <br /> form[id^=&quot;chartProperties&quot;] button {<br /> margin: 3px<br /> }<br /> <br /> .smallChart .highcharts-range-selector {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-button title + rect {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-title {<br /> white-space: nowrap !important<br /> }<br /> <br /> .smallChart .zoomButton,.smallChart svg &gt; text:first-of-type,.smallChart .highcharts-input-group {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-scrollbar,.mediumChart .highcharts-scrollbar {<br /> display: none<br /> }<br /> <br /> .highcharts-background,.highcharts-plot-background {<br /> fill: transparent<br /> }<br /> <br /> .highcharts-title,.highcharts-subtitle {<br /> color: var(--text-color) !important<br /> }<br /> <br /> .highcharts-axis-title {<br /> fill: var(--text-color) !important<br /> }<br /> <br /> .highcharts-yaxis-grid .highcharts-grid-line,.highcharts-tick,.highcharts-axis-line {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-axis-labels text,.highcharts-range-selector-group text {<br /> color: var(--ooui-text) !important;<br /> fill: var(--ooui-text) !important<br /> }<br /> <br /> .highcharts-label-box {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-button-box {<br /> fill: var(--ooui-normal)<br /> }<br /> <br /> .highcharts-navigator-outline {<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-track {<br /> fill: transparent;<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-button,.highcharts-scrollbar-thumb,.highcharts-navigator-handle {<br /> fill: var(--ooui-normal);<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-scrollbar-arrow {<br /> fill: var(--ooui-text)<br /> }<br /> <br /> .highcharts-scrollbar-rifles {<br /> stroke: var(--ooui-text)<br /> }<br /> <br /> #t-print,#t-permalink {<br /> display: none<br /> }<br /> <br /> .jcConfig {<br /> display: none<br /> }<br /> <br /> #filetoc {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> border-color: transparent;<br /> margin: 0.5em auto;<br /> text-align: center;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> .smwfact {<br /> display: none<br /> }<br /> <br /> .list-header {<br /> background-color: var(--body-mid);<br /> color: inherit<br /> }<br /> <br /> .editOptions {<br /> color: var(--text-color);<br /> background-color: var(--sourceeditor-background-secondary);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .updatedmarker {<br /> background-color: #c3e8a3;<br /> color: #162e02<br /> }<br /> <br /> .mw-json th,.mw-json td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-json td {<br /> background: var(--wikitable-bg)<br /> }<br /> <br /> .mw-json th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> <br /> html {<br /> -webkit-text-size-adjust: 100%<br /> }<br /> <br /> body {<br /> background: var(--body-background-image) var(--body-background-color) top left / 1500px 375px no-repeat;<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .vector-body {<br /> font-size: 0.9em<br /> }<br /> <br /> #firstHeading {<br /> font-weight: bold<br /> }<br /> <br /> pre,code,.mw-code {<br /> color: inherit;<br /> background-color: var(--mw-code-background-color);<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> dl {<br /> margin: 0<br /> }<br /> <br /> ul {<br /> list-style-image: var(--ul-list-style-image)<br /> }<br /> <br /> hr {<br /> background: none;<br /> border-color: var(--body-border);<br /> border-style: solid;<br /> border-width: 1px 0 0 0;<br /> height: initial<br /> }<br /> <br /> fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .vector-body blockquote {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --personal-links-bg: var(--body-main);<br /> --arrow-down: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5' fill='%23444'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading {<br /> background-color: var(--vector-tab-background);<br /> padding: 1em 0.75em 0.6923em;<br /> margin: 0<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading,.vector-menu-dropdown .vector-menu-heading:hover,.vector-menu-dropdown .vector-menu-heading:focus {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading:after {<br /> background-image: var(--arrow-down);<br /> opacity: 1<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-content {<br /> border-color: transparent;<br /> background-color: var(--body-light);<br /> box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);<br /> left: 0<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item a {<br /> color: var(--link-color)<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item.selected a,.vector-menu-dropdown .mw-list-item.selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> #p-personal {<br /> background: var(--personal-links-bg);<br /> top: 0;<br /> right: 0;<br /> border-radius: 0 0 0 4px;<br /> height: 1.875em<br /> }<br /> <br /> #p-personal ul {<br /> padding: 0 1em 0 0.4375em<br /> }<br /> <br /> .vector-search-box-inner {<br /> background: var(--search-box);<br /> height: 2.5em;<br /> margin-top: 0;<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-search-box-input {<br /> color: var(--text-color);<br /> height: 100%;<br /> border: none;<br /> background: none;<br /> padding-left: 0.75em<br /> }<br /> <br /> .vector-search-box-input::placeholder {<br /> color: var(--text-color);<br /> opacity: 0.67<br /> }<br /> <br /> .vector-search-box-inner:hover .vector-search-box-input,.vector-search-box-input:focus,.vector-search-box-inner:hover .vector-search-box-input:focus {<br /> border: none;<br /> box-shadow: none<br /> }<br /> <br /> :root {<br /> --searchbutton-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13'%3E%3Cg fill='none' stroke='%238cabe6' stroke-width='2'%3E%3Cpath d='M11.29 11.71l-4-4'/%3E%3Ccircle cx='5' cy='5' r='4'/%3E%3C/g%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .searchButton[name='go'] {<br /> background: no-repeat center var(--searchbutton-icon)<br /> }<br /> <br /> .vector-search-box {<br /> margin: 0<br /> }<br /> <br /> .vector-search-box form {<br /> margin-top: 0<br /> }<br /> <br /> .suggestions-results {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-result {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions a.mw-searchSuggest-link,.suggestions a.mw-searchSuggest-link:hover,.suggestions a.mw-searchSuggest-link:active,.suggestions a.mw-searchSuggest-link:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-special {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-special .special-label {<br /> color: var(--byline-color)<br /> }<br /> <br /> .suggestions-special .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current .special-label,.suggestions-result-current .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-panel {<br /> padding-top: 2.5em<br /> }<br /> <br /> .vector-menu-portal .vector-menu-heading {<br /> color: var(--background-text-color);<br /> font-weight: bold;<br /> background: none<br /> }<br /> <br /> .vector-menu-portal .vector-menu-content li a,.vector-menu-portal .vector-menu-content li a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-logo {<br /> filter: drop-shadow(0 2px 5px rgba(0,0,0,0.25));<br /> margin: -1.5em 0 0<br /> }<br /> <br /> #n-Discord a {<br /> color: #fff !important;<br /> font-weight: bold;<br /> border-radius: 4px;<br /> border: 1px solid #4c57d0;<br /> background-color: #5865f2;<br /> display: block;<br /> position: relative;<br /> padding: 4px 4px 5px calc(17px + 6.5px * 2);<br /> box-shadow: 0 2px 3px rgba(0,0,0,0.1);<br /> transition: 0.2s<br /> }<br /> <br /> #n-Discord a::before {<br /> content: 'Chat on ';<br /> font-weight: normal;<br /> opacity: 0.85<br /> }<br /> <br /> #n-Discord a::after {<br /> content: '';<br /> background: url(/images/0/06/Discord_logo_icon1.png) no-repeat;<br /> background-size: 17px 13px;<br /> filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));<br /> position: absolute;<br /> top: 5px;<br /> left: 7px;<br /> width: 17px;<br /> height: 13px<br /> }<br /> <br /> #n-Discord a:hover {<br /> text-decoration: none;<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a {<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a:hover {<br /> background-color: #4c57d0<br /> }<br /> <br /> :root {<br /> --vector-tab-background: var(--body-background-color);<br /> --vector-tab-background--hover: var(--body-mid);<br /> --vector-tab-link-color: var(--background-link-color);<br /> --watch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='transparent' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;);<br /> --unwatch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%238cabe6' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;)<br /> }<br /> <br /> .vector-menu-tabs-legacy {<br /> padding: 0<br /> }<br /> <br /> .vector-menu-tabs-legacy .new a,.vector-menu-tabs-legacy .new a:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected {<br /> background: var(--body-main)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected a,.vector-menu-tabs-legacy .selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy li a {<br /> color: var(--vector-tab-link-color);<br /> padding: 0 0.75em;<br /> padding-top: 1em<br /> }<br /> <br /> .vector-menu-tabs-legacy li a:visited {<br /> color: var(--vector-tab-link-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul li {<br /> background: var(--vector-tab-background)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul a:hover {<br /> text-decoration: none<br /> }<br /> <br /> #ca-view {<br /> display: none !important<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected):hover,#p-cactions:hover #p-cactions-label {<br /> background: var(--vector-tab-background--hover)<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected),#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-menu-tabs,.vector-menu-tabs a,#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> background-image: none<br /> }<br /> <br /> .ve-activated .vector-menu-tabs .selected {<br /> box-shadow: none<br /> }<br /> <br /> .vector-menu-tabs #ca-watch.icon a:before,.vector-menu-tabs #ca-watch.icon a:hover:before,.vector-menu-tabs #ca-watch.icon a:focus:before {<br /> background-image: var(--watch-icon)<br /> }<br /> <br /> .vector-menu-tabs #ca-unwatch.icon a:before,.vector-menu-tabs #ca-unwatch.icon a:hover:before,.vector-menu-tabs #ca-unwatch.icon a:focus:before {<br /> background-image: var(--unwatch-icon)<br /> }<br /> <br /> #p-Recent_changes {<br /> display: block<br /> }<br /> <br /> #p-Recent_changes .vector-menu-content {<br /> display: none<br /> }<br /> <br /> #p-Recent_changes .vector-menu-heading:after {<br /> content: '';<br /> position: relative;<br /> left: 0.5em;<br /> display: inline-block;<br /> background-color: #3c7b07;<br /> width: 6px;<br /> height: 6px;<br /> border-radius: 100%<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-item {<br /> position: relative;<br /> font-size: 0.75em;<br /> margin: 0.5em 0.25em 0 0.66em<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page {<br /> display: block;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden;<br /> max-width: max-content<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page,#p-Recent_changes .rc-sidebar-page:active,#p-Recent_changes .rc-sidebar-page:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user {<br /> color: var(--byline-color);<br /> margin: 0;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user a {<br /> color: inherit<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more {<br /> text-align: left<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more .rc-sidebar-page {<br /> display: inline-block<br /> }<br /> <br /> div.thumbinner {<br /> border: none;<br /> background-color: var(--thumb-bg);<br /> padding: 0<br /> }<br /> <br /> .thumbimage {<br /> background-color: transparent;<br /> border-color: transparent;<br /> border-bottom: none<br /> }<br /> <br /> .thumbcaption {<br /> background: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border)<br /> }<br /> <br /> .toc {<br /> font-size: 0.9em;<br /> background: var(--toc-bg);<br /> margin-top: 1em;<br /> padding: 0;<br /> border-color: var(--toc-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> clear: left<br /> }<br /> <br /> .toc .toctitle {<br /> background: var(--toc-title-bg);<br /> padding: 0.25em 1em<br /> }<br /> <br /> .toc .toctitle h2 {<br /> font-family: inherit<br /> }<br /> <br /> .toc &gt; ul {<br /> line-height: 1.8em;<br /> padding: 0.75em 1.75em;<br /> margin: 0<br /> }<br /> <br /> .toc ul ul {<br /> border-left: 1px dotted var(--toc-list-border-color);<br /> padding-left: 0.5em<br /> }<br /> <br /> .tocnumber {<br /> display: none<br /> }<br /> <br /> .toctogglespan {<br /> padding-left: 0.2em;<br /> font-size: 0.9em<br /> }<br /> <br /> .toctogglelabel {<br /> color: var(--link-color)<br /> }<br /> <br /> .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 {<br /> display: none<br /> }<br /> <br /> :root {<br /> --external-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238cabe6' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image: var(--external-icon);<br /> background-size: 0.833em<br /> }<br /> <br /> .mw-editsection {<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type),.mw-editsection-divider {<br /> color: var(--text-color)<br /> }<br /> <br /> #contentSub,#contentSub2 {<br /> color: var(--byline-color);<br /> margin: 0<br /> }<br /> <br /> #contentSub:not(:empty),#contentSub2:not(:empty) {<br /> margin: 0 0 1.4em 0<br /> }<br /> <br /> .mw-collapsible.mw-collapsed {<br /> min-width: 250px<br /> }<br /> <br /> .mw-collapsible:not(.mw-made-collapsible) th::before,.mw-collapsible .mw-collapsible-toggle {<br /> font-weight: normal;<br /> margin-left: 0.2em<br /> }<br /> .mw-collapsible-toggle-default .mw-collapsible-text {<br /> color: #8cabe6;<br /> }<br /> .wikiEditor-ui .wikiEditor-ui-view,.wikiEditor-ui .wikiEditor-ui-top {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar {<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab &gt; a,.wikiEditor-ui-toolbar .tabs span.tab &gt; a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a.current,.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br /> color: var(--text-colour)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select {<br /> background-color: var(--sourceeditor-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options .option {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group-search {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table td {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table th {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .section {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .group &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .tool &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet &gt; .index &gt; :hover {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet .index &gt; .current {<br /> background-color: var(--body-mid);<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span:hover {<br /> border-color: var(--body-dark);<br /> background-color: transparent<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a:before,.wikiEditor-ui-toolbar .group .tool-select .label:after {<br /> background: var(--text-color);<br /> -webkit-mask: var(--arrow-down) center no-repeat;<br /> mask: var(--arrow-down) center no-repeat<br /> }<br /> <br /> .ace-tm {<br /> background-color: var(--sourceeditor-input-background);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter {<br /> background: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-cell {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-active-line {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .ace_search {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ace_search_field {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .ace_searchbtn {<br /> border-color: var(--ooui-normal-border);<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ace_searchbtn:last-child {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .ace_searchbtn:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .ace_searchbtn.prev:after,.ace_searchbtn.next:after {<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .ace_button {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace_button:hover {<br /> background-color: rgba(0,23,70,0.086)<br /> }<br /> <br /> .ace_button:active {<br /> background-color: rgba(0,23,70,0.06)<br /> }<br /> <br /> .ace_button.checked {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .CodeMirror {<br /> background: var(--sourceeditor-input-background)<br /> }<br /> <br /> .CodeMirror pre {<br /> color: var(--text-color)<br /> }<br /> <br /> .codeEditor-status {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .codeEditor-status-message {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-gutters {<br /> background-color: var(--codemirror-gutter-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-linenumber {<br /> color: var(--text-color)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget .CodeMirror-linenumber {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-editform #wpTextbox1 {<br /> color: var(--text-color);<br /> background: var(--sourceeditor-input-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> input[name=&quot;model&quot;][value=&quot;Scribunto&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;css&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;less&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;javascript&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;json&quot;] ~ .wikiEditor-ui #wpTextbox1 {<br /> height: 600px<br /> }<br /> <br /> .tdg-templateDataDialog-listParamsPanel textarea.oo-ui-textInputWidget-autosized {<br /> resize: vertical<br /> }<br /> <br /> #wpAceFilterEditor {<br /> resize: horizontal<br /> }<br /> <br /> .warn-userupload,.ns-2 .upload-own-work {<br /> display: none<br /> }<br /> <br /> .ns-2 .warn-userupload {<br /> display: inline<br /> }<br /> <br /> textarea[name=&quot;wfUploadDescription&quot;] {<br /> height: 3em<br /> }<br /> <br /> #editform {<br /> margin-top: 1.25em<br /> }<br /> <br /> #mw-scribunto-input,#mw-scribunto-output {<br /> padding: 3px;<br /> font-family: monospace;<br /> font-size: 13px;<br /> line-height: 1.5em<br /> }<br /> <br /> #mw-scribunto-input {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> :root {<br /> --scribuntoconsole-input: #0b5884;<br /> --scibuntoconsole-print: #a48900;<br /> --scribuntoconsole-error: #9f261e;<br /> --scribuntoconsole-message: #3c780a;<br /> --scribuntoconsole-tabcomplete: #4f348b;<br /> --scribuntoconsole-clear: #9f261e<br /> }<br /> <br /> .mw-scribunto-console-fieldset {<br /> color: inherit;<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-scribunto-normalOutput,.mw-scribunto-print,.mw-scribunto-error,.mw-scribunto-propList,.mw-scribunto-message,.mw-scribunto-tabcomplete {<br /> background: none<br /> }<br /> <br /> .mw-scribunto-input {<br /> color: var(--scribuntoconsole-input)<br /> }<br /> <br /> .mw-scribunto-normalOutput {<br /> color: inherit<br /> }<br /> <br /> .mw-scribunto-print {<br /> color: var(--scibuntoconsole-print)<br /> }<br /> <br /> .mw-scribunto-error {<br /> color: var(--scribuntoconsole-error)<br /> }<br /> <br /> .mw-scribunto-propList,.mw-scribunto-message {<br /> color: var(--scribuntoconsole-message)<br /> }<br /> <br /> .mw-scribunto-tabcomplete {<br /> color: var(--scribuntoconsole-tabcomplete)<br /> }<br /> <br /> .mw-scribunto-clear {<br /> color: var(--scribuntoconsole-clear);<br /> border-bottom-color: var(--scribuntoconsole-clear)<br /> }<br /> <br /> .ui-widget-overlay {<br /> background: var(--ooui-window-background)<br /> }<br /> <br /> .ui-dialog,.ui-widget-content {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> background-image: none;<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar.ui-widget-header,.ui-widget-content .ui-dialog-titlebar.ui-widget-header {<br /> background-image: none !important;<br /> background-color: var(--body-dark) !important;<br /> border-color: var(--body-border) !important<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar .ui-dialog-title,.ui-widget-content .ui-dialog-titlebar .ui-dialog-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close,.ui-widget-content .ui-dialog-titlebar-close {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close:hover,.ui-widget-content .ui-dialog-titlebar-close:hover {<br /> background: var(--ooui-normal--hover);<br /> border: var(--link-color)<br /> }<br /> <br /> .ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {<br /> background: var(--ooui-normal) !important;<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border) !important<br /> }<br /> <br /> .ui-button:hover,.ui-state-default:hover,.ui-widget-content .ui-state-default:hover,.ui-widget-header .ui-state-default:hover {<br /> background: var(--ooui-normal--hover) !important;<br /> color: var(--ooui-text)<br /> }<br /> <br /> .infobox {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> font-size: 0.85em;<br /> width: 300px;<br /> margin: 0.5em 0 1em 1em;<br /> border-collapse: collapse;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> table-layout: fixed;<br /> word-break: break-word<br /> }<br /> <br /> .infobox .infobox-header {<br /> color: var(--infobox-text-color);<br /> font-size: 1.15em;<br /> line-height: 1.4em;<br /> background: var(--body-dark);<br /> padding: 0.5em 0<br /> }<br /> <br /> .infobox .infobox-header a {<br /> color: inherit;<br /> font-size: 1.15em;<br /> font-weight: bold<br /> }<br /> <br /> .infobox .infobox-subheader {<br /> background: var(--body-dark);<br /> color: var(--infobox-text-color);<br /> line-height: 2em<br /> }<br /> <br /> .infobox .infobox-subheader a {<br /> color: inherit<br /> }<br /> <br /> .infobox .infobox-subheader + .infobox-subheader {<br /> border-left: 2px solid var(--body-light)<br /> }<br /> <br /> .infobox .infobox-image {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-image.inventory-image {<br /> height: 32px<br /> }<br /> <br /> .infobox .infobox-image a.image + a.image {<br /> margin-left: 0.1em<br /> }<br /> <br /> .infobox .infobox-image img {<br /> max-width: 300px;<br /> height: auto<br /> }<br /> <br /> .infobox th:not(.infobox-header):not(.infobox-subheader):not(.infobox-nested) {<br /> text-align: right;<br /> vertical-align: top;<br /> border-right: 2px solid var(--body-dark);<br /> padding: 0.2em 0.5em<br /> }<br /> <br /> .infobox td {<br /> padding: 0.25em 0.5em;<br /> line-height: 1.6em<br /> }<br /> <br /> .infobox td.infobox-nested {<br /> padding: 0.25em 0;<br /> line-height: 1em<br /> }<br /> <br /> .infobox th ~ td {<br /> vertical-align: top<br /> }<br /> <br /> .infobox .infobox-padding {<br /> height: 0.5em;<br /> padding: 0;<br /> border: 0<br /> }<br /> <br /> .infobox .infobox-nested {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-nested + .infobox-nested {<br /> border-left: 2px solid var(--body-dark)<br /> }<br /> <br /> .infobox .infobox-cell-hidden {<br /> display: none<br /> }<br /> <br /> .infobox .infobox-full-width-content {<br /> max-width: 300px;<br /> text-align: center;<br /> overflow: hidden;<br /> padding: 0<br /> }<br /> <br /> .infobox .infobox-caption {<br /> font-weight: bold<br /> }<br /> <br /> .infobox select {<br /> max-width: 300px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .infobox-item .infobox-image {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .infobox.skill-info {<br /> float: none;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses {<br /> clear: left;<br /> float: none;<br /> word-break: break-word;<br /> font-size: 100%;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image {<br /> width: 125px;<br /> text-align: center;<br /> vertical-align: middle;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image-caption {<br /> font-size: 0.85em<br /> }<br /> <br /> .infobox-bonuses .infobox-subheader {<br /> width: 250px<br /> }<br /> <br /> .skill-info a[href$=&quot;?action=edit&quot;] + a[href$=&quot;?action=edit&quot;] {<br /> display: none<br /> }<br /> <br /> .poh-room {<br /> background-color: var(--infobox-room-poh-color);<br /> margin: auto;<br /> width: 100px<br /> }<br /> <br /> .poh-room img {<br /> display: block<br /> }<br /> <br /> .poh-room-row {<br /> display: flex<br /> }<br /> <br /> .poh-room-text {<br /> margin: auto;<br /> width: 92px<br /> }<br /> <br /> .infobox-buttons {<br /> text-align: center;<br /> max-width: 300px;<br /> display: none<br /> }<br /> <br /> .infobox-switch-resources {<br /> display: none<br /> }<br /> <br /> .switch-infobox .switch-infobox-triggers,.switch-infobox .loading-button {<br /> clear: left<br /> }<br /> <br /> .infobox-pure .max-hit-list a {<br /> display: inline-block;<br /> min-width: 32px;<br /> min-height: 32px;<br /> text-align: center<br /> }<br /> <br /> .advanced-data {<br /> display: none<br /> }<br /> <br /> .multi-infobox .infobox {<br /> margin: 0<br /> }<br /> <br /> :root {<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--body-dark);<br /> --navbox-group-title-background: var(--body-mid)<br /> }<br /> <br /> .navbox {<br /> font-size: 0.85em;<br /> background: var(--navbox-background);<br /> border-collapse: collapse;<br /> margin: 1em auto 0;<br /> width: 100%;<br /> clear: both;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .navbox img {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .navbox .navbox {<br /> font-size: 100%;<br /> margin: 0.5em auto 0;<br /> box-shadow: none<br /> }<br /> <br /> .navbox-title {<br /> font-size: 110%;<br /> line-height: 1.6em;<br /> background: var(--navbox-title-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-title-name {<br /> margin: 0 4em<br /> }<br /> <br /> .navbox-title .mw-collapsible-toggle {<br /> color: #fff;<br /> font-size: 0.9em;<br /> text-align: right<br /> <br /> }<br /> <br /> .navbox-title .navbox {<br /> font-size: 100%<br /> }<br /> <br /> .navbox-group:nth-child(2) {<br /> border-top: 1px solid var(--navbox-border)<br /> }<br /> <br /> .navbox-group-title {<br /> background: var(--navbox-group-title-background);<br /> border: 1px solid var(--navbox-border);<br /> border-width: 0 1px 1px 0;<br /> text-align: left;<br /> padding: 0.25em 1em;<br /> width: 1%;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list {<br /> border-bottom: 1px solid var(--navbox-border);<br /> padding: 0.25em 0.5em<br /> }<br /> <br /> .navbox-list ul {<br /> margin: 0<br /> }<br /> <br /> .navbox-list li {<br /> display: inline;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list li + li::before {<br /> content: '• '<br /> }<br /> <br /> .navbox-parent {<br /> padding: 0<br /> }<br /> <br /> .navbox-subgroup {<br /> border-collapse: collapse;<br /> border-spacing: 0;<br /> width: 100%<br /> }<br /> <br /> .navbox-subgroup &gt; tbody &gt; tr:last-child &gt; th,.navbox-subgroup &gt; tbody &gt; tr:last-child &gt; td {<br /> border-bottom: none<br /> }<br /> <br /> .navbox-footer {<br /> background: var(--navbox-footer-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-data {<br /> display: none<br /> }<br /> <br /> :root {<br /> --echo-icon-moon-bg-image: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='21' viewBox='0 0 21 21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.85464918.37900488c-1.91149353 1.51069427-3.13816124 3.84973402-3.13816124 6.47527736 0 4.55564936 3.69308349 8.24873286 8.24873286 8.24873286 2.5815709 0 4.8861545-1.1859235 6.3986798-3.0426994-.8206378 4.7389755-4.9523867 8.343122-9.9259291 8.343122-5.56375572 0-10.07407088-4.5103151-10.07407088-10.0740709 0-5.02506013 3.67919933-9.19079725 8.49074856-9.95036192z' fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-person-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213.836%22 viewBox=%220 0 12 13.836%22%3E %3Cpath fill='%234c4c4c' d=%22M1.938%2C6.656c-1.32%2C1.485-1.47%2C3.15-0.97%2C4.25c0.323%2C0.707%2C0.78%2C1.127%2C1.313%2C1.375 c0.496%2C0.229%2C1.074%2C0.273%2C1.658%2C0.282c0.023%2C0%2C0.04%2C0.03%2C0.062%2C0.03h4.187c0.61%2C0%2C1.225-0.125%2C1.75-0.405 c0.527-0.28%2C0.961-0.718%2C1.188-1.376c0.335-0.964%2C0.175-2.529-1.094-4.03C9.094%2C7.954%2C7.68%2C8.719%2C6.065%2C8.719 c-1.677%2C0-3.182-0.812-4.125-2.063H1.938z%22/%3E %3Cpath fill='%234c4c4c' d=%22M6.063%2C0c-1.89%2C0-3.595%2C1.674-3.594%2C3.563C2.467%2C5.45%2C4.173%2C7.155%2C6.06%2C7.155 c1.89%2C0%2C3.564-1.705%2C3.563-3.593C9.625%2C1.673%2C7.95%2C0%2C6.063%2C0L6.063%2C0z%22/%3E %3C/svg%3E&quot;);<br /> --echo-icon-bell-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebell%3C/title%3E%3Cpath d=%22M16 7a5.38 5.38 0 00-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 004 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 003-3H7a3 3 0 003 3z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-tray-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etray%3C/title%3E%3Cpath d=%22M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-fullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M1 1v6h2V3h4V1zm2 12H1v6h6v-2H3zm14 4h-4v2h6v-6h-2zm0-16h-4v2h4v4h2V1z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;);<br /> --echo-icon-exitFullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E exit fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M7 7V1H5v4H1v2zM5 19h2v-6H1v2h4zm10-4h4v-2h-6v6h2zm0-8h4V5h-4V1h-2v6z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-user-menu-legacy #pt-userpage a,.vector-user-menu-legacy #pt-anonuserpage {<br /> background-image: var(--echo-icon-person-bg-image);<br /> padding-top: 0;<br /> background-position-y: 0<br /> }<br /> <br /> .vector-user-menu-legacy #pt-anonuserpage {<br /> color: var(--byline-color)<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge,#pt-notifications-notice .mw-echo-notifications-badge {<br /> background-size: 75%;<br /> background-position: center 80%;<br /> background-repeat: no-repeat;<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .oo-ui-icon-bell {<br /> background-image: var(--echo-icon-bell-bg-image)<br /> }<br /> <br /> #pt-notifications-notice .oo-ui-icon-tray {<br /> background-image: var(--echo-icon-tray-bg-image)<br /> }<br /> <br /> #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-exitFullscreen-bg-image)<br /> }<br /> <br /> body.wgl-fixedWidth #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-fullscreen-bg-image)<br /> }<br /> <br /> #pt-theme-toggles .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-moon-bg-image)<br /> }<br /> <br /> #pt-anontalk {<br /> padding-top: 0.6em<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul {<br /> margin: 5px 0 0 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> margin: 5px 0 0 15px<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul,.ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> list-style: none;<br /> border-left: 1px dashed var(--transcript-border-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul:hover,.transcript &gt; ul:hover,.ns-120 .mw-parser-output &gt; ul ul:hover,.transcript &gt; ul ul:hover,.ns-120 .mw-parser-output &gt; ul ol:hover,.transcript &gt; ul ol:hover {<br /> border-color: var(--transcript-border-hover-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li,.transcript &gt; ul li,.ns-120 .mw-parser-output &gt; ul ul li,.transcript &gt; ul ul li,.ns-120 .mw-parser-output &gt; ul ol li,.transcript &gt; ul ol li {<br /> flex-direction: column;<br /> padding-left: 15px;<br /> margin: 14px 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li:last-of-type,.transcript &gt; ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ul li:last-of-type,.transcript &gt; ul ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ol li:last-of-type,.transcript &gt; ul ol li:last-of-type {<br /> margin-bottom: 0<br /> }<br /> <br /> .nodesktop {<br /> display: none<br /> }<br /> <br /> /*<br /> The following styles were used as a temporary fix for TabberNeue.<br /> We're currently using old Tabber because TabberNeue breaks if a tab<br /> dynamically changes size, such as multi-infobox.<br /> */<br /> <br /> :root {<br /> --tabber-inactive-tab-bg: #222e45;<br /> --tabber-fade-scroll: linear-gradient(to bottom,rgba(226,219,200,0),#d8ccb4 95%,#94866d);<br /> }<br /> <br /> .tabber__tabs {<br /> gap: 1px;<br /> }<br /> <br /> .tabber__tab {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> padding: 0.5em 0.8em;<br /> border: 1px solid var(--body-border);<br /> border-bottom: 0;<br /> }<br /> <br /> .tabber__tabs .tabber__tab {<br /> color: var(--text-color);<br /> }<br /> <br /> /* Specific styles needed to override color on Minerva. */<br /> body.mediawiki .tabber a:visited, <br /> body.mediawiki .tabber image a:visited,<br /> body.mediawiki .tabber a:active, <br /> body.mediawiki .tabber image a:active {<br /> color: var(--text-color);<br /> }<br /> <br /> .tabber__tab:active {<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab:hover {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab--active, .tabber__tab--active:visited {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__header, .tabber__section, .tabber__tabs {<br /> scroll-behavior: unset;<br /> box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* Add box shadow to tabber header */<br /> }<br /> <br /> .tabber__panel {<br /> /* Hide non-active tabs. */<br /> /* display:none conflicted with tabber somehow and hid all tabs. */<br /> width: 250;<br /> }<br /> <br /> .tabber__panel.tabber__panel--active {<br /> width: 300;<br /> }<br /> <br /> .tabber__section {<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> overflow-y: scroll;<br /> padding-bottom: 30px; /* only necessary for fade scroll hack */<br /> height: auto; /* Example height */<br /> width: auto; /* Example width */<br /> max-width: 1300px; /* Example max-width */<br /> }<br /> <br /> .tabber__panel {<br /> padding: 1em 1.5em;<br /> }<br /> <br /> .wikitable.hover th:hover {<br /> cursor: help;<br /> /* Add any additional styles specific to hovering over table headers */<br /> }<br /> <br /> /* Hover Box for switching the visibility of the selected item */<br /> .hoverbox { <br /> display:inline-block; <br /> padding:0em; <br /> color: white; /* Change this to the desired color */<br /> }<br /> <br /> .hoverbox .hoveritem { <br /> display:none; <br /> margin:0em; <br /> padding:0em; <br /> }<br /> <br /> .hoverbox .hoveritem.selected { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem.selected { <br /> display:none; <br /> }<br /> /* Style for the entire tier list */<br /> .tierlist {<br /> display: flex;<br /> gap: 20px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* Style for individual tiers */<br /> .tier {<br /> border: 1px solid #ccc;<br /> padding: 10px;<br /> width: 200px;<br /> min-height: 150px;<br /> background: #f9f9f9;<br /> border-radius: 8px;<br /> }<br /> <br /> /* Title for each tier */<br /> .tier h3 {<br /> text-align: center;<br /> margin-top: 0;<br /> }<br /> <br /> /* Style for the sortable list */<br /> .sortable {<br /> list-style: none;<br /> padding: 0;<br /> margin: 0;<br /> min-height: 50px;<br /> }<br /> <br /> /* Style for the dropdown selector */<br /> .tier-selector {<br /> width: 100%;<br /> padding: 5px;<br /> margin-top: 5px;<br /> }<br /> .collection-log-wrapper {<br /> margin: 10px 0;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .collection-log-killcount {<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> }<br /> <br /> .collection-log-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6, 48px);<br /> gap: 4px;<br /> padding: 6px 0;<br /> }<br /> <br /> <br /> .collection-log-item {<br /> width: 48px;<br /> height: 48px;<br /> border: 2px solid transparent; /* border only on container */<br /> border-radius: 4px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> position: relative;<br /> background-color: #1a2a3a;<br /> box-sizing: border-box;<br /> }<br /> <br /> .collection-log-item.obtained {<br /> border-color: #4caf50;<br /> background-color: #224422;<br /> }<br /> <br /> .collection-log-item.missing {<br /> border-color: #ffc107;<br /> background-color: #3a2a1a;<br /> }<br /> <br /> .collection-log-item img {<br /> max-width: 36px;<br /> max-height: 36px;<br /> object-fit: contain;<br /> border-radius: 2px;<br /> border: none; /* remove border here */<br /> opacity: 1;<br /> filter: none;<br /> }<br /> <br /> .collection-log-item.missing img {<br /> opacity: 0.3;<br /> filter: grayscale(100%);<br /> }<br /> <br /> .collection-log-qty-badge {<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> background: rgba(0, 0, 0, 0.7);<br /> color: white;<br /> font-size: 12px;<br /> font-weight: bold;<br /> line-height: 1;<br /> padding: 1px 4px;<br /> border-radius: 3px 0 0 0;<br /> user-select: none;<br /> }<br /> .collection-log-killcount-box {<br /> border: 2px solid black;<br /> background-color: #534d41;<br /> color: cyan;<br /> padding: 0.5em 1em;<br /> margin-bottom: 8px;<br /> text-align: center;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .ace_keyword { color: #c586c0 !important; }<br /> .ace_string { color: #ce9178 !important; }<br /> .ace_comment { color: #6a9955 !important; font-style: italic; }<br /> .ace_function { color: #dcdcaa !important; }<br /> .ace_constant { color: #569cd6 !important; }<br /> <br /> .mw-highlight .nf {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> .mw-highlight .nc {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> <br /> /* Highlight row on hover */<br /> .wikitable.lighttable tr:hover {<br /> background-color: #526382; /* dark blue highlight */<br /> color: #ffffff; /* readable text */<br /> }<br /> .custom-dropdown { position: relative; width: 150px; cursor: pointer; }<br /> .custom-dropdown .selected { background: #313e59; color: white; padding: 5px; border-radius: 4px; }<br /> .custom-dropdown .options { display: none; position: absolute; background: #222e45; top: 100%; left: 0; width: 100%; border-radius: 4px; z-index: 10; }<br /> .custom-dropdown .options div { padding: 5px; display: flex; align-items: center; }<br /> .custom-dropdown .options div:hover { background: #313e59; }<br /> .custom-dropdown .options div img.icon { width:16px; height:16px; margin-right:5px; }<br /> <br /> /* =========================<br /> Tier List<br /> ========================= */<br /> <br /> <br /> /* Main wrapper */<br /> <br /> .tier-list {<br /> margin:0;<br /> padding:0;<br /> }<br /> <br /> <br /> /* Tier rows */<br /> <br /> .tier-row {<br /> display:flex;<br /> height:60px;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> <br /> /* Tier labels */<br /> <br /> .tier-label {<br /> width:60px;<br /> height:60px;<br /> <br /> display:flex;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> font-size:42px;<br /> line-height:1;<br /> font-weight:bold;<br /> color:white;<br /> }<br /> <br /> <br /> /* Tier colours */<br /> <br /> .tier-s {<br /> background:#ff7f7f;<br /> }<br /> <br /> .tier-a {<br /> background:#ffbf7f;<br /> }<br /> <br /> .tier-b {<br /> background:#ffdf7f;<br /> }<br /> <br /> .tier-c {<br /> background:#ffff7f;<br /> color:black;<br /> }<br /> <br /> .tier-d {<br /> background:#bfff7f;<br /> }<br /> <br /> .tier-f {<br /> background:#7fbfff;<br /> }<br /> <br /> <br /> /* Drop areas */<br /> <br /> .tier-items {<br /> flex:1;<br /> height:60px;<br /> <br /> display:flex;<br /> align-items:center;<br /> flex-wrap:wrap;<br /> <br /> padding:3px;<br /> gap:3px;<br /> <br /> background:#222;<br /> border:1px dashed #777;<br /> <br /> margin:0 !important;<br /> }<br /> <br /> <br /> /* =========================<br /> Items<br /> ========================= */<br /> <br /> .tier-item {<br /> width:48px;<br /> height:48px;<br /> <br /> display:flex !important;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> cursor:grab;<br /> border-radius:5px;<br /> overflow:hidden;<br /> <br /> line-height:0;<br /> }<br /> <br /> <br /> /* Drag */<br /> <br /> .tier-item:active {<br /> cursor:grabbing;<br /> }<br /> <br /> <br /> /* MediaWiki wrapper fixes */<br /> <br /> .tier-item p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> display:flex !important;<br /> line-height:0 !important;<br /> }<br /> <br /> .tier-item span {<br /> display:flex !important;<br /> }<br /> <br /> .tier-item a {<br /> display:flex !important;<br /> width:48px;<br /> height:48px;<br /> <br /> align-items:center;<br /> justify-content:center;<br /> }<br /> <br /> <br /> /* Images */<br /> <br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> display:block !important;<br /> <br /> width:48px !important;<br /> height:48px !important;<br /> <br /> max-width:48px !important;<br /> max-height:48px !important;<br /> <br /> image-rendering: pixelated;<br /> image-rendering: crisp-edges;<br /> <br /> object-fit:contain !important;<br /> }<br /> <br /> <br /> /* =========================<br /> Reward Pool<br /> ========================= */<br /> <br /> .reward-pool {<br /> display:flex;<br /> flex-wrap:wrap;<br /> gap:5px;<br /> <br /> padding:5px;<br /> margin:8px 0;<br /> }<br /> <br /> <br /> /* =========================<br /> Rarity backgrounds<br /> ========================= */<br /> <br /> .gold-item {<br /> background:rgba(212,175,55,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .silver-item {<br /> background:rgba(192,192,192,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .bronze-item {<br /> background:rgba(205,127,50,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .tier-list p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .tier-list p br {<br /> display:none !important;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 .firstHeading {<br /> display:none;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 .mw-subpages {<br /> display:none !important;<br /> }</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:Common.css&diff=28888 2026-07-18T10:08:19Z

<p>Hefner: </p> <hr /> <div>:root {<br /> --body-background-image: url('filepath://Roat Pkz Wiki background darkmode1.jpg');<br /> --body-background-color: #071022;<br /> --body-main: #172136;<br /> --body-light: #313e59;<br /> --body-mid: #222e45;<br /> --body-dark: #222e45;<br /> --body-border: #596e96;<br /> --link-color: #8cabe6;<br /> --background-link-color: var(--link-color);<br /> --redlink-color: #f26d60;<br /> --text-color: #cbd9f4;<br /> --background-text-color: #cbd9f4;<br /> --byline-color: #98a2b6;<br /> --subtle-color: var(--byline-color);<br /> --search-box: var(--body-light);<br /> --admin-blue: #0087ff;<br /> --bearcat-green: #00ff55;<br /> --awb-purple: #f319ff;<br /> --sidebar: #222e45;<br /> --button-background: #617ebc;<br /> --button-dark: #617ebc;<br /> --button-border: #617ebc;<br /> --button-light: #617ebc;<br /> --wikitable-header-bg: #222e45;<br /> --wikitable-border: #172136;<br /> --wikitable-bg: #313e59;<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --wikitable-alternating-bg: #2a3651;<br /> --table-na-background: rgba(0, 0, 0, 0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #0b5884;<br /> --droptable-common-background: #3c780a;<br /> --droptable-uncommon-background: #a48900;<br /> --droptable-rare-background: #b55e0c;<br /> --droptable-veryrare-background: #9f261e;<br /> --droptable-random-background: #984c89;<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);<br /> --tile-border-color: var(--body-border);<br /> --tile-background-color: var(--body-light);<br /> --tile-link-button-color: var(--body-mid);<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255, 255, 255, 0.7);<br /> --tile-dark-header-color: #fff;<br /> --documentation-background: var(--body-light);<br /> --documentation-border: var(--sidebar);<br /> --documentation-link-color: var(--link-color);<br /> --documentation-headers-color: var(--text-color);<br /> --documentation-header-background: var(--body-dark);<br /> --documentation-subheader-background: #1f293e;<br /> --base-text-color: var(--text-color);<br /> --base-heading-color: var(--text-color);<br /> --base-heading-border: var(--sidebar);<br /> --mainpage-recent-updates-description-color: var(--text-color);<br /> --thumb-bg: var(--body-mid);<br /> --thumb-caption-bg: var(--body-light);<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid);<br /> --diff-addedline-background: #438ab5;<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-color: #fff;<br /> --diff-deletedline-background: #379541;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-color: #fff;<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: var(--errorbox-bg);<br /> --warningbox-border: var(--errorbox-border);<br /> --successbox-bg: #2e5e05;<br /> --successbox-border: #3c780a;<br /> --messagebox-obsolete-background: #464646;<br /> --messagebox-obsolete-border: #333;<br /> --messagebox-obsolete-color: #ddd;<br /> --messagebox-obsolete-link-color: #bbb;<br /> --messagebox-info-background: var(--messagebox-obsolete-background);<br /> --messagebox-info-border: var(--messagebox-obsolete-border);<br /> --messagebox-info-color: var(--messagebox-obsolete-color);<br /> --messagebox-info-link-color: var(--messagebox-obsolete-link-color);<br /> --messagebox-action-background: #45697d;<br /> --messagebox-action-border: #2d5266;<br /> --messagebox-action-color: var(--text-color);<br /> --messagebox-action-link-color: #b8d5e5;<br /> --messagebox-warn-background: #95271b;<br /> --messagebox-warn-border: #6b130a;<br /> --messagebox-warn-color: #f8ebe9;<br /> --messagebox-warn-link-color: #e8b8b3;<br /> --messagebox-safe-background: #1b8408;<br /> --messagebox-safe-border: #126802;<br /> --messagebox-safe-color: #e9f6e7;<br /> --messagebox-safe-link-color: #c1e0bb;<br /> --messagebox-disambig-background: var(--messagebox-obsolete-background);<br /> --messagebox-disambig-border: var(--messagebox-obsolete-border);<br /> --messagebox-disambig-color: var(--messagebox-obsolete-color);<br /> --messagebox-disambig-link-color: var(--messagebox-obsolete-link-color);<br /> --mw-code-background-color: #222e45;<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-mid);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border);<br /> --scribuntoconsole-input: #3ea6e6;<br /> --scibuntoconsole-print: #f9d000;<br /> --scribuntoconsole-error: #ee4231;<br /> --scribuntoconsole-message: #6bc71f;<br /> --scribuntoconsole-tabcomplete: #855cd8;<br /> --scribuntoconsole-clear: #ee4231;<br /> --blockquote-color: var(--text-color);<br /> --coins-color: #6bc71f;<br /> --coins-pos-color: #3ea6e6;<br /> --coins-neg-color: #ee4231;<br /> --questdetails-header-background: var(--body-dark);<br /> --questdetails-header-background-alt: var(--body-dark);<br /> --fact-text-color: #3ea6e6;<br /> --production-selected-background: #3c780a;<br /> --production-selected-color: #fff;<br /> --wikipedia-border: var(--body-border);<br /> --wikipedia-background: var(--body-light);<br /> --keypress-background: var(--body-light);<br /> --keypress-border: var(--body-border);<br /> --keypress-color: var(--text-color);<br /> --ajaxpoll-background: var(--body-light);<br /> --ajaxpoll-text-color: var(--base-text-color);<br /> --ajaxpoll-answerbar-background: var(--body-mid);<br /> --ajaxpoll-answerbar-border: var(--body-border);<br /> --rc-negative-color: #ee4231;<br /> --rc-positive-color: #6bc71f;<br /> --filter-black-to-link: invert(63%) sepia(67%) saturate(242%) hue-rotate(182deg) brightness(93%) contrast(94%);<br /> --transcript-border-color: #596e96;<br /> --transcript-border-hover-color: #8596b7;<br /> --transcript-strikethrough-color: #fff;<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--navbox-title-background);<br /> --navbox-group-title-background: var(--navbox-title-background);<br /> --infobox-bg: var(--body-light);<br /> --infobox-border: var(--body-border);<br /> --infobox-header: var(--body-dark);<br /> --infobox-subheader: var(--body-mid);<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #444e5a;<br /> --sourceeditor-input-background: var(--body-mid);<br /> --sourceeditor-background: var(--body-light);<br /> --sourceeditor-background-secondary: var(--body-mid);<br /> --sourceeditor-border: var(--body-main);<br /> --codemirror-gutter-background: var(--body-light);<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border);<br /> --vector-tab-background: #222e45;<br /> --vector-tab-background--hover: #293753;<br /> --vector-tab-link-color: var(--background-link-color);<br /> --lighttable-bg-hover: #3c780a;<br /> --lighttable-bg-active: #2e5e05;<br /> --lighttable-link-color: #c3e8a3;<br /> --personal-links-bg: rgba(7, 16, 34, 0.75);<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg, #315d30 0 20px, #13421e 20px 30px);<br /> --tbz-unlocked-border-color: #00e417;<br /> --tbz-locked-background-color: #8a2525;<br /> --tbz-locked-border-color: #b32828;<br /> --tbz-partial-unlock-background: #5a5a5a;<br /> --tbz-partial-unlock-border-color: #13421e;<br /> }<br /> <br /> <br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape.woff2?17907) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: bold;<br /> src: local(&quot;RuneScape Bold&quot;),local(&quot;RuneScape Bold 12&quot;),local(&quot;RuneScape Chat 2&quot;),local(&quot;RuneScape Chat&quot;),url(/images/RuneScape_Bold.woff2?514fd) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape Small';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape_Small.woff2?1ee0e) format('woff2')<br /> }<br /> <br /> :root {<br /> --base-text-color: #cbd9f4;<br /> --base-heading-color: #cbd9f4;<br /> --base-heading-border: #596e96;<br /> --mw-code-background-color: #222e45;<br /> --body-background-image: url(/images/b/b5/Roat_Pkz_Wiki_background_darkmode2.png)<br /> }<br /> <br /> #mw-page-base {<br /> background: none<br /> }<br /> <br /> .mw-body {<br /> background-color: var(--body-main);<br /> color: var(--text-color);<br /> border-color: transparent;<br /> box-shadow: 0 0 7px rgba(0,0,0,0.15);<br /> margin-top: 0<br /> }<br /> <br /> h1,h2,h3,h4,h5,h6 {<br /> color: var(--text-color)<br /> }<br /> <br /> h1,h2 {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-body h1,.mw-body-content h1,.mw-body-content h2,.mw-body-content h3,.mw-body-content h4,.mw-body-content h5,.mw-body-content h6 {<br /> font-family: 'PT Serif','Palatino','Georgia',serif<br /> }<br /> <br /> .mw-parser-output h2:first-of-type {<br /> clear: left<br /> }<br /> <br /> .mw-footer {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer li {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer a,.mw-footer a:active,.mw-footer a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> ::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> a {<br /> color: var(--link-color)<br /> }<br /> <br /> a:visited,a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> a.new {<br /> color: var(--redlink-color)<br /> }<br /> <br /> a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .mw-parser-output a.extiw,.mw-parser-output a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited,.mw-parser-output a.extiw:active,.mw-parser-output a.external:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .jsPurgeLink a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> a[href=&quot;/w/User:AndBot&quot;],a[href=&quot;/w/User:BisetteBot&quot;],a[href=&quot;/w/User:Bot50&quot;],a[href=&quot;/w/User:BotDiesel2m&quot;],a[href=&quot;/w/User:Bowl&quot;],a[href=&quot;/w/User:Catbot&quot;],a[href=&quot;/w/User:CookBot&quot;],a[href=&quot;/w/User:Cresbot&quot;],a[href=&quot;/w/User:CrowBot&quot;],a[href=&quot;/w/User:Data_Chompy&quot;],a[href=&quot;/w/User:GauBot&quot;],a[href=&quot;/w/User:Gaz_Bot&quot;],a[href=&quot;/w/User:Gaz_GEBot&quot;],a[href=&quot;/w/User:HabbletAWB&quot;],a[href=&quot;/w/User:JakesterwarsBot&quot;],a[href=&quot;/w/User:JaydenBot&quot;],a[href=&quot;/w/User:MuudyBot&quot;],a[href=&quot;/w/User:MB%C3%A5t&quot;],a[href=&quot;/w/User:New_user_message&quot;],a[href=&quot;/w/User:Quadrabot&quot;],a[href=&quot;/w/User:Redirect_fixer&quot;],a[href=&quot;/w/User:Riblet15_bot_account&quot;],a[href=&quot;/w/User:ShoyBot&quot;],a[href=&quot;/w/User:SlapChoppe&quot;],a[href=&quot;/w/User:Spinewielder&quot;],a[href=&quot;/w/User:WolaznikBot&quot;] {<br /> color: var(--awb-purple)<br /> }<br /> <br /> a[href=&quot;/w/User:Andmcadams&quot;],a[href=&quot;/w/User:BigDiesel2m&quot;],a[href=&quot;/w/User:Brok&quot;],a[href=&quot;/w/User:Cook_Me_Plox&quot;],a[href=&quot;/w/User:Fjara&quot;],a[href=&quot;/w/User:Gau_Cho&quot;],a[href=&quot;/w/User:Gaz_Lloyd&quot;],a[href=&quot;/w/User:Iiii_I_I_I&quot;],a[href=&quot;/w/User:Jayden&quot;],a[href=&quot;/w/User:Jeljo&quot;],a[href=&quot;/w/User:Joeytje50&quot;],a[href=&quot;/w/User:Legaia_2_Pla&quot;],a[href=&quot;/w/User:Ostentatio&quot;],a[href=&quot;/w/User:Riblet15&quot;],a[href=&quot;/w/User:Shayani&quot;],a[href=&quot;/w/User:Shoyrukon&quot;],a[href=&quot;/w/User:TehKittyCat&quot;],a[href=&quot;/w/User:Towelcat&quot;],a[href=&quot;/w/User:Wolaznik&quot;] {<br /> color: var(--admin-blue)<br /> }<br /> <br /> a[href=&quot;/w/User:Spineweilder&quot;],a[href=&quot;/w/User:Jakesterwars&quot;],a[href=&quot;/w/User:Julia&quot;] {<br /> color: var(--bearcat-green)<br /> }<br /> <br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> background: url(/images/Jagex_moderator_emblem.png?093b0) left no-repeat;<br /> padding-left: 15px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> #ca-nstab-user a {<br /> background: none<br /> }<br /> <br /> :root {<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: #801c13;<br /> --warningbox-border: #9f261e;<br /> --successbox-bg: #801c13;<br /> --successbox-border: #9f261e<br /> }<br /> <br /> .mw-message-box-error,.errorbox,.mw-message-box-warning,.warningbox,.mw-message-box-success,.successbox,.usermessage {<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw-message-box-error,.errorbox {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .mw-message-box-warning,.warningbox,.usermessage {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .mw-message-box-success,.successbox {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .catlinks {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-dark);<br /> padding: 8px 15px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .catlinks li {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .filehistory a img,#file img {<br /> background: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v16h8V8H0z' opacity='.13'/%3E%3C/svg%3E&quot;) repeat<br /> }<br /> <br /> #file img:hover {<br /> background: none<br /> }<br /> <br /> .mw-highlight {<br /> background: none<br /> }<br /> <br /> .mw-highlight .linenos {<br /> background-color: var(--mw-code-background-color);<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-highlight a:hover .linenos,.mw-highlight .hll a .linenos {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-content-ltr.mw-highlight-lines pre,.mw-content-ltr.content .mw-highlight-lines pre {<br /> box-shadow: inset 2.75em 0 0 var(--mw-code-background-color)<br /> }<br /> <br /> #pagehistory ul {<br /> list-style: none;<br /> margin: 0<br /> }<br /> <br /> #pagehistory li {<br /> border: 1px solid transparent;<br /> padding: 1px 10px;<br /> margin: 2px 0<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: var(--body-light);<br /> color: inherit;<br /> border: 1px dashed var(--body-border);<br /> outline: none<br /> }<br /> <br /> #mw-history-compare &gt; div:first-of-type {<br /> position: -webkit-sticky;<br /> position: sticky;<br /> top: 0;<br /> background-color: var(--body-main);<br /> border-bottom: 1px solid var(--body-dark);<br /> padding: 0.25em 0<br /> }<br /> <br /> .wgl-stickyheader #mw-history-compare &gt; div:first-of-type {<br /> top: 2.5rem<br /> }<br /> <br /> .autocomment,.autocomment a,.autocomment a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> li span.deleted,span.history-deleted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-usertoollinks-contribs-no-edits,.mw-usertoollinks-contribs-no-edits:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .CategoryTreeToggle {<br /> color: var(--link-color)<br /> }<br /> <br /> body.wgl-stickyheader.action-view .mw-headline:target::before {<br /> display: block;<br /> content: '';<br /> margin-top: -3rem;<br /> height: 3rem;<br /> visibility: hidden;<br /> pointer-events: none<br /> }<br /> <br /> .mw-mmv-post-image {<br /> color: var(--text-color);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-mmv-image-metadata {<br /> border-top-color: var(--body-mid);<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-mmv-dialog,.mw-mmv-dialog .mw-mmv-dialog-down-arrow,.mw-mmv-options-dialog .mw-mmv-dialog-down-arrow {<br /> background-color: var(--body-light);<br /> box-shadow: none<br /> }<br /> <br /> .mw-mmv-options-enable-alert {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-mmv-options-dialog-header,.mw-mmv-options-text-header,.mw-mmv-options-text-body,.mw-mmv-options-enable-alert,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-dialog-header,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-text-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-revslider-container {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-revslider-slider-wrapper {<br /> border-top-color: var(--sidebar)<br /> }<br /> <br /> .mw-ui-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):hover,.mw-ui-button:not(:disabled):active {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):focus {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button:not(:disabled):visited {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled) {<br /> background-color: var(--ooui-progressive);<br /> color: #fff;<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):active,.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: none<br /> }<br /> <br /> .mw-ui-button.mw-ui-destructive:not(:disabled) {<br /> color: #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-quiet,.mw-ui-button.mw-ui-quiet.mw-ui-progressive,.mw-ui-button.mw-ui-quiet.mw-ui-destructive {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:hover,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover {<br /> background-color: rgba(0,24,73,0.02745098);<br /> color: var(--text-color);<br /> border-color: transparent<br /> }<br /> <br /> input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:focus,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:active,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active {<br /> background-color: rgba(0,36,73,0.08235294);<br /> color: var(--text-color);<br /> border-color: #72777d<br /> }<br /> <br /> .mw-ui-input {<br /> background-color: var(--ooui-input);<br /> color: var(--text-color);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-ui-input:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-ui-input::placeholder {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child {<br /> padding: 0;<br /> background: 0<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child::before {<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> display: inline-block;<br /> width: 47px;<br /> height: 20px<br /> }<br /> <br /> :root {<br /> --wikitable-header-bg: var(--body-dark);<br /> --wikitable-border: var(--body-main);<br /> --wikitable-bg: var(--body-light);<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --table-na-background: rgba(0,0,0,0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #afeeee;<br /> --droptable-common-background: #56e156;<br /> --droptable-uncommon-background: #ffed4c;<br /> --droptable-rare-background: #ff863c;<br /> --droptable-veryrare-background: #ff6262;<br /> --droptable-random-background: #ffa3ff<br /> }<br /> <br /> .wikitable {<br /> background: var(--wikitable-bg);<br /> color: var(--wikitable-color);<br /> border-color: var(--wikitable-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; tr &gt; td,.wikitable &gt; * &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th.table-noborder,.wikitable &gt; tr &gt; td.table-noborder,.wikitable &gt; * &gt; tr &gt; th.table-noborder,.wikitable &gt; * &gt; tr &gt; td.table-noborder {<br /> border-left-style: hidden;<br /> border-right-style: hidden;<br /> padding-left: 0;<br /> padding-right: 0<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .tabber .wikitable {<br /> box-shadow: none<br /> }<br /> <br /> .table-bg-always,.table-bg-blue {<br /> background: var(--droptable-always-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-common,.table-bg-green {<br /> background: var(--droptable-common-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-uncommon,.table-bg-yellow {<br /> background: var(--droptable-uncommon-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-rare,.table-bg-orange {<br /> background: var(--droptable-rare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-veryrare,.table-bg-red {<br /> background: var(--droptable-veryrare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-random,.table-bg-pink {<br /> background: var(--droptable-random-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-fade {<br /> opacity: 0.6;<br /> background: rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw_metadata td,.mw_metadata th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw_metadata th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw_metadata td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable td,.mw-datatable th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw-datatable td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> table.alternating-rows tr:nth-child(odd),table.alternating-cols td:nth-child(odd) {<br /> background: var(--wikitable-alternating-bg)<br /> }<br /> <br /> .table-na {<br /> background: var(--table-na-background);<br /> color: var(--table-na-color);<br /> vertical-align: middle;<br /> text-align: center<br /> }<br /> <br /> .table-yes {<br /> background: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .table-positive {<br /> background: var(--table-yes-background)<br /> }<br /> <br /> .table-no {<br /> background: var(--table-no-background);<br /> color: var(--table-no-color)<br /> }<br /> <br /> .table-negative {<br /> background: var(--table-no-background)<br /> }<br /> <br /> .table-maybe {<br /> background: var(--table-maybe-background);<br /> color: var(--table-maybe-color)<br /> }<br /> <br /> #mw-allmessagestable .am_actual,#mw-allmessagestable .am_default {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> #mw-allmessagestable .am_default:hover,#mw-allmessagestable .am_actual:hover,#mw-allmessagestable tbody:hover td {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> table.wikitable td.no-cell-spacing {<br /> padding: 0;<br /> height: 0<br /> }<br /> <br /> table.wikitable td.no-cell-spacing table {<br /> margin: -1px;<br /> width: calc(100% + 2px);<br /> height: calc(100% + 2px)<br /> }<br /> <br /> .plainlist ol,.plainlist ul {<br /> margin: 0<br /> }<br /> <br /> .plainlist li {<br /> margin-bottom: 0;<br /> list-style: none<br /> }<br /> <br /> 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) {<br /> text-align: right<br /> }<br /> <br /> 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) {<br /> text-align: center<br /> }<br /> <br /> 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) {<br /> text-align: left<br /> }<br /> <br /> .rsw-chartjs.rsw-chartjs-config {<br /> display: none<br /> }<br /> <br /> .rsw-chartjs.rsw-chart-error {<br /> font-family: monospace<br /> }<br /> <br /> .rsw-chartjs-canvas {<br /> background-color: var(--body-light)<br /> }<br /> <br /> :root {<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-background: #bddff2;<br /> --diff-addedline-color: #000;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-background: #c1edbf;<br /> --diff-deletedline-color: #000;<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid)<br /> }<br /> <br /> .diff-context {<br /> border-color: var(--diff-context-border-color);<br /> background: var(--diff-context-background);<br /> color: inherit<br /> }<br /> <br /> .diff-addedline {<br /> border-color: var(--diff-addedline-border-color)<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: var(--diff-addedline-background);<br /> color: var(--diff-addedline-color)<br /> }<br /> <br /> .diff-deletedline {<br /> border-color: var(--diff-deletedline-border-color)<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: var(--diff-deletedline-background);<br /> color: var(--diff-deletedline-color)<br /> }<br /> <br /> .mw-diff-movedpara-left:after,.mw-diff-movedpara-right:after {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-notification {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {<br /> background: var(--body-main)<br /> }<br /> <br /> .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> background-color: var(--ooui-normal);<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-head,.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {<br /> border-left-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:hover,.mw-echo-ui-notificationItemWidget-unread:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:last-child {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-unread {<br /> background-color: var(--search-box)<br /> }<br /> <br /> .mw-echo-ui-crossWikiNotificationItemWidget-group,.mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-content-message-header,.mw-echo-ui-notificationItemWidget-content-message-body,.mw-echo-ui-menuItemWidget &gt; .oo-ui-buttonElement-button &gt; .oo-ui-labelElement-label,.mw-echo-ui-notificationItemWidget-content-actions-timestamp {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--body-main)<br /> }<br /> <br /> @keyframes unseen-fadeout-to-unread {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--search-box)<br /> }<br /> }<br /> <br /> @keyframes unseen-fadeout-to-read {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--body-main)<br /> }<br /> }<br /> <br /> .mwe-popups {<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container {<br /> color: var(--text-color);<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:before,.mwe-popups .mwe-popups-container.flipped-y:before {<br /> border-top: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:before {<br /> border-bottom: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:after,.mwe-popups .mwe-popups-container.flipped-y:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:after {<br /> border-bottom-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-settings-icon:hover,.mwe-popups .mwe-popups-settings-icon:active {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mwe-popups .mw-ui-icon-element:not(.disabled):hover {<br /> background: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract {<br /> color: var(--text-color)<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract[dir='ltr']:after {<br /> background-image: linear-gradient(to right,rgba(49,62,89,0),var(--body-light) 50%)<br /> }<br /> <br /> .mwe-popups-overlay {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> #mwe-popups-settings {<br /> background: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--text-color)<br /> }<br /> <br /> #mwe-popups-settings header {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form p {<br /> color: var(--byline-color)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form form label &gt; span {<br /> color: var(--ooui-text)<br /> }<br /> <br /> :root {<br /> --smw-ask-options-even-bg: var(--body-mid);<br /> --smw-ask-options-odd-bg: var(--body-light);<br /> --smw-ask-action-btn-lblue-bg: var(--body-main);<br /> --smw-ask-action-btn-lblue-color: #000;<br /> --smw-ask-action-btn-lblue-border-color: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-bg: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-color: #fff;<br /> --smw-ask-action-btn-dblue-border-color: var(--button-border)<br /> }<br /> <br /> .smw-ask-condition fieldset,.smw-ask-printhead fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .smw-ask-search fieldset,.smw-ask-format fieldset,.smw-ask-options fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .strike &gt; span:before,.strike &gt; span:after {<br /> background: var(--sidebar)<br /> }<br /> <br /> .smw-ask-options-fields tr td {<br /> background-color: var(--smw-ask-options-even-bg)<br /> }<br /> <br /> .smw-ask-options-fields tr:nth-child(odd) td {<br /> background-color: var(--smw-ask-options-odd-bg)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-lblue,.smw-ask-action-btn.smw-ask-action-btn-lblue:hover,.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--smw-ask-action-btn-lblue-bg);<br /> color: var(--smw-ask-action-btn-lblue-color);<br /> border-color: var(--smw-ask-action-btn-lblue-border-color)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-dblue,.smw-ask-action-btn.smw-ask-action-btn-dblue:hover,.smw-ask-action-btn.smw-ask-action-btn-dblue:visited {<br /> background-color: var(--smw-ask-action-btn-dblue-bg);<br /> color: var(--smw-ask-action-btn-dblue-color);<br /> border-color: var(--smw-ask-action-btn-dblue-border-color)<br /> }<br /> <br /> .smw-ask-query textarea,.smw-ask-actions textarea {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-query-format select {<br /> background-color: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-toplinks {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info {<br /> background: none;<br /> padding: 0 !important<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info::before {<br /> content: '';<br /> background: var(--text-color);<br /> -webkit-mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> padding: 0 0 3px 18px<br /> }<br /> <br /> .smw-ask-options-row-odd {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smw-ask-options-row-even {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> #options-toggle:not(:checked) + #options-list .options-parameter-list:after {<br /> background-image: linear-gradient(to bottom,transparent,var(--body-mid) 90%)<br /> }<br /> <br /> .smw-ask-button-submit input {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-ask-button-submit input:hover,.smw-ask-button-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> input.smw-ask-action-btn.smw-ask-action-btn-dblue {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:hover {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-callout-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .smw-callout-info {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .smw-callout-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .smw-callout-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-bg)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label,.smw-tabs input.nav-tab:checked + label.nav-label:hover {<br /> color: inherit<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count {<br /> color: #fff;<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.moderate {<br /> color: #fff;<br /> background-color: #b55e0c;<br /> border-color: #b55e0c<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.high {<br /> color: #fff;<br /> background-color: #9f261e;<br /> border-color: #9f261e<br /> }<br /> <br /> .smw-property-page-results .header-title {<br /> background-color: var(--ooui-interface);<br /> border-bottom-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-property-page-results .value-row:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .smw-property-page-results .smw-table .header-row {<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-header {<br /> background-color: var(--body-dark);<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .smw-ui-input-filter {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ui-input-filter input {<br /> border-left-color: var(--ooui-interface-border) !important;<br /> color: var(--ooui-text) !important<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border);<br /> color: var(--subtle-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-active {<br /> color: #fff;<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-tabs section,.smw-tabs .subtab-content {<br /> border-top-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-column-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-factbox {<br /> background: var(--body-main);<br /> border-color: transparent<br /> }<br /> <br /> .mw-body .mw-indicators #mw-indicator-smw-entity-examiner.mw-indicator .smw-indicator-vertical-bar-loader {<br /> display: none<br /> }<br /> <br /> .smwb-theme-light .smwb-title,.smwb-theme-light .smwb-center,.smwb-theme-light .smwb-actions,.smwb-theme-light .smwb-prophead {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-factbox {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-ifactbox {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-propval {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smwb-action-separator {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .smwb-bottom {<br /> border-bottom: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-ifactbox .smwb-cell,.smwb-factbox .smwb-cell {<br /> border-top: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-propvalue .smwb-prophead,.smwb-ipropvalue .smwb-prophead,.smwb-propvalue .smwb-propval,.smwb-ipropvalue .smwb-propval {<br /> font-size: 0.9em<br /> }<br /> <br /> :root {<br /> --filter-black-to-link: invert(36%) sepia(58%) saturate(433%) hue-rotate(344deg) brightness(100%) contrast(91%)<br /> }<br /> <br /> #bodyContent span.smwbrowse a {<br /> color: black;<br /> background-image: url(/images/Smwbrowse.svg?87d2b);<br /> filter: var(--filter-black-to-link)<br /> }<br /> <br /> #bodyContent span.smwbrowse a:hover {<br /> color: black;<br /> background-image: url(/images/Smwbrowse-hover.svg?73b79);<br /> text-decoration: underline<br /> }<br /> <br /> #bodyContent span.smwsearch a {<br /> color: black;<br /> filter: var(--filter-black-to-link);<br /> background-image: url(/images/Smwsearch.svg?72b04)<br /> }<br /> <br /> #bodyContent span.smwsearch a:hover {<br /> color: black;<br /> background-image: url(/images/Smwsearch-hover.svg?62df0);<br /> text-decoration: underline<br /> }<br /> <br /> :root {<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-background-color);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border)<br /> }<br /> <br /> .tabber {<br /> margin: 1em 0<br /> }<br /> <br /> .tabber .tabbertab {<br /> background-color: var(--tabber-tab-bg);<br /> border: 1px solid var(--tabber-tab-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1em 1.5em<br /> }<br /> <br /> ul.tabbernav {<br /> border: none;<br /> margin-left: 2em;<br /> margin-bottom: 0;<br /> margin-right: 2em;<br /> padding: 0;<br /> font-family: inherit<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a {<br /> background-color: var(--tabber-active-tab-bg);<br /> color: var(--tabber-active-tab-color);<br /> border-bottom: none;<br /> position: relative<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a:hover {<br /> color: var(--tabber-active-tab-hover-color);<br /> background-color: var(--tabber-active-tab-hover-bg);<br /> border-color: var(--tabber-active-tab-hover-border-color);<br /> border-bottom: none<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a::after {<br /> content: '';<br /> position: absolute;<br /> left: 0;<br /> right: 0;<br /> bottom: -1px;<br /> border-bottom: 2px solid var(--tabber-active-tab-border-hider-color)<br /> }<br /> <br /> ul.tabbernav li a {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> border-bottom: transparent;<br /> border-color: var(--tabber-inactive-tab-border-color);<br /> color: var(--tabber-inactive-tab-color);<br /> display: inline-block;<br /> font-size: 110%;<br /> padding: 0.5em 1em<br /> }<br /> <br /> ul.tabbernav li a:hover {<br /> background-color: var(--tabber-inactive-tab-hover-bg);<br /> border-color: var(--tabber-inactive-tab-hover-border-color)<br /> }<br /> <br /> ul.tabbernav li a:link,ul.tabbernav li a:visited {<br /> color: var(--tabber-inactive-tab-color)<br /> }<br /> <br /> .js-tooltip-text {<br /> padding: 5px<br /> }<br /> <br /> .js-tooltip-wrapper {<br /> position: absolute;<br /> z-index: 10;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> color: var(--text-color);<br /> max-width: 75%;<br /> overflow-wrap: break-word;<br /> padding: 10px 15px;<br /> margin: 0px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> font-size: 0.8em<br /> }<br /> <br /> .js-tooltip-click {<br /> color: var(--button-color);<br /> background: var(--button-background);<br /> border-radius: 2em;<br /> cursor: pointer;<br /> padding: 0 0.3em;<br /> user-select: none<br /> }<br /> <br /> .js-tooltip-arrow {<br /> position: absolute;<br /> border-color: transparent;<br /> border-style: solid;<br /> width: 0;<br /> height: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointleft {<br /> border-right-color: var(--body-border);<br /> border-left-color: transparent;<br /> border-left-width: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointright {<br /> border-left-color: var(--body-border);<br /> border-right-color: transparent;<br /> border-right-width: 0<br /> }<br /> <br /> .js-tooltip-close {<br /> float: right;<br /> margin-left: 10px;<br /> margin-right: -5px;<br /> margin-top: -5px;<br /> margin-bottom: 1px;<br /> background: var(--button-background);<br /> border: 0;<br /> cursor: pointer<br /> }<br /> <br /> :root {<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px); <br /> }<br /> <br /> .oo-ui-widget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox'] + span,.oo-ui-radioInputWidget [type='radio'] + span {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,.oo-ui-radioInputWidget [type='radio']:disabled + span {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownWidget-handle {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border);<br /> background-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget select {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget option {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuSelectWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-menuSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-menuSectionOptionWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-title {<br /> color: inherit<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block),.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-optionWidget.oo-ui-widget-disabled {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-outlineControlsWidget {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {<br /> border-bottom-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {<br /> border-top-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {<br /> border-right-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {<br /> border-left-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {<br /> border-left-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-searchWidget-query {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-tabOptionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--body-dark);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {<br /> border-bottom-color: var(--body-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {<br /> background-color: var(--body-light);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> color: var(--ooui-progressive);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover,.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:focus {<br /> color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed {<br /> background: none;<br /> border-bottom: 1px solid var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile {<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tagItemWidget {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> @media screen and (min-width: 0) {<br /> .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {<br /> outline:1px solid var(--ooui-accent)<br /> }<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {<br /> border-color: #fff<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; input.oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover);<br /> color: #fff;<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive {<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active &gt; .oo-ui-buttonElement-button {<br /> color: #fff;<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-pendingElement-pending {<br /> background-image: var(--ooui-pending-background-image);<br /> background-size: 200%;<br /> animation: oo-ui-pendingElement-stripes 6s linear infinite<br /> }<br /> <br /> @keyframes oo-ui-pendingElement-stripes {<br /> 100% {<br /> background-position: 100%<br /> }<br /> }<br /> <br /> .oo-ui-messageDialog-content &gt; .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-message {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog-content .oo-ui-window-head,.oo-ui-processDialog-content .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:active {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:active {<br /> border-right-color: var(--ooui-interface-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button,.oo-ui-processDialog-actions-other .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-right-color: var(--ooui-normal-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-windowManager-modal.oo-ui-windowManager-floating &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-window {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-bar {<br /> background-color: var(--ooui-interface);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-position-top &gt; .oo-ui-toolbar-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-toolbar-bar .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active &gt; .oo-ui-tool-link,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent);<br /> box-shadow: none<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-menuToolGroup {<br /> border-left-color: var(--body-mid);<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> border-right-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 2px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-bookletLayout-outlinePanel &gt; .oo-ui-outlineControlsWidget {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-fieldLayout-disabled &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header &gt; .oo-ui-labelElement-label {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-panelLayout-framed {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .oo-ui-icon-settings {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Esettings%3C/title%3E%3Cg transform='translate(10 10)'%3E%3Cpath id='a' d='M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3'/%3E%3Cuse xlink:href='%23a' transform='rotate(45)'/%3E%3Cuse xlink:href='%23a' transform='rotate(90)'/%3E%3Cuse xlink:href='%23a' transform='rotate(135)'/%3E%3C/g%3E%3Cpath d='M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .oo-ui-icon-clear {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Eclear%3C/title%3E%3Cpath d='M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-widget-dateInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widget-dateInputWidget-calendar {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widget-calendarWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widget-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-day,.mw-widget-calendarWidget-day-heading {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-widget-calendarWidget-day-additional {<br /> color: var(--ooui-text);<br /> opacity: 0.67<br /> }<br /> <br /> .mw-widget-calendarWidget-day-today {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-item:hover {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-widget-calendarWidget-item-selected {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),0 2px 2px 0 rgba(0,0,0,0.25)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.mw-widgets-datetime-dateTimeInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input,.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .mw-kartographer-mapDialog-foot {<br /> background-color: var(--body-light);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-container {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a,.mw-kartographer-interactive .leaflet-popup-content a:visited,.mw-kartographer-interactive .leaflet-popup-content a:hover,.mw-kartographer-interactive .leaflet-popup-content a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a.new a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .leaflet-popup-content-wrapper {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .leaflet-popup-tip {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey {<br /> background: #e4eaee;<br /> color: #444e5a;<br /> text-shadow: none<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a,.leaflet-vis-tooltip.lbl-bg-grey a:visited,.leaflet-vis-tooltip.lbl-bg-grey a:active,.leaflet-vis-tooltip.lbl-bg-grey a:hover,.leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a, .leaflet-vis-tooltip.lbl-bg-grey a:visited, .leaflet-vis-tooltip.lbl-bg-grey a:active, .leaflet-vis-tooltip.lbl-bg-grey a:hover, .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:visited,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:active,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:hover,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before {<br /> display: block;<br /> border-left-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before {<br /> display: block;<br /> border-right-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before {<br /> display: block;<br /> border-top-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before {<br /> display: block;<br /> border-bottom-color: #e4eaee<br /> }<br /> <br /> .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover {<br /> background: var(--ooui-normal--hover)<br /> }<br /> <br /> .ve-ui-overlay {<br /> font-family: inherit<br /> }<br /> <br /> .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above {<br /> border-top-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-branchNode-blockSlug,.ve-ce-branchNode-newSlug {<br /> outline-color: var(--body-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-specialCharacterPage h3 {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character:hover {<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px var(--body-mid);<br /> background: none<br /> }<br /> <br /> .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwHelpPopupTool-version-label,.ve-ui-mwHelpPopupTool-version-link,.ve-ui-mwHelpPopupTool-version-date {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ce-tableCellableNode {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-mwReferencesListNode-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwTemplatePage-description,.ve-ui-mwParameterPage-label,.ve-ui-mwParameterPage-description-required,.ve-ui-mwParameterPage-description-deprecated {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwGalleryDialog-menuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog-innerMenuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container,.ve-ui-targetWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .ve-ui-mwSaveDialog {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-options {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-summary {<br /> background-color: var(--ooui-input)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-editSummary-count {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-license {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwReferenceContextItem-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwNoticesPopupTool-items &gt; div:not(:first-child),.ve-ui-mwHelpPopupTool-item:not(:first-child) {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineControlsWidget {<br /> background-color: var(--ooui-interface);<br /> border-top-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-sticky {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwParameterPage-undocumentedLabel {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwTwoPaneTransclusionDialogLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwParameterPage-doc-required,.ve-ui-mwParameterPage-doc-deprecated,.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-expandableContent-toggle {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-expandableContent-fade {<br /> background: linear-gradient(to right,rgba(255,255,255,0) 0,var(--ooui-interface) 90%)<br /> }<br /> <br /> .ve-ui-commandHelpDialog-shortcut &gt; kbd,.ve-ui-commandHelpDialog-sequence &gt; kbd {<br /> background-color: var(--keypress-background);<br /> color: var(--keypress-color);<br /> border-color: var(--keypress-border);<br /> box-shadow: none;<br /> text-shadow: none<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> background: var(--ooui-interface)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'],figure[typeof~='mw:File/Frame'],figure[typeof~='mw:Image/Thumb'],figure[typeof~='mw:Video/Thumb'],figure[typeof~='mw:Image/Frame'],figure[typeof~='mw:Video/Frame'] {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:File/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media) {<br /> border: none;<br /> background: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; figcaption,figure[typeof~='mw:File/Frame'] &gt; figcaption,figure[typeof~='mw:Image/Thumb'] &gt; figcaption,figure[typeof~='mw:Video/Thumb'] &gt; figcaption,figure[typeof~='mw:Image/Frame'] &gt; figcaption,figure[typeof~='mw:Video/Frame'] &gt; figcaption {<br /> border: none;<br /> background-color: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --fact-text-color: #15f;<br /> --production-selected-background: #c3e8a3;<br /> --production-selected-color: #000;<br /> --wikipedia-border: #e0e0e0;<br /> --wikipedia-background: #f8f8f8;<br /> --keypress-background: #eee;<br /> --keypress-border: #ccc;<br /> --keypress-color: #333;<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg,#bfffbd 0 20px,#4cf172 20px 30px);<br /> --tbz-unlocked-border-color: #012100;<br /> --tbz-locked-background-color: #ffc3c3;<br /> --tbz-locked-border-color: #df9090;<br /> --tbz-partial-unlock-background: #dae8d2;<br /> --tbz-partial-unlock-border-color: #aeaeae<br /> }<br /> <br /> .archivelist {<br /> background-color: var(--body-light);<br /> border: solid 1px var(--body-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> margin: 5px;<br /> padding: 5px;<br /> text-align: center;<br /> width: 120px<br /> }<br /> <br /> .collapsed-sec {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-weight: bold;<br /> text-shadow: 1px 1px #fff<br /> }<br /> <br /> .combat-styles-icons a {<br /> display: inline-block;<br /> text-align: center;<br /> min-width: 26px<br /> }<br /> <br /> .combat-styles-header a {<br /> color: var(--text-color)<br /> }<br /> <br /> .fact-text {<br /> color: var(--fact-text-color);<br /> font-style: italic;<br /> cursor: help;<br /> border-bottom: dotted 1px<br /> }<br /> <br /> .production-selected {<br /> background: var(--production-selected-background);<br /> color: var(--production-selected-color)<br /> }<br /> <br /> .relative-location {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-spacing: 0;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 5px;<br /> text-align: center<br /> }<br /> <br /> .relative-location-txt {<br /> color: var(--text-color)<br /> }<br /> <br /> .relative-location-header {<br /> background: var(--body-dark)<br /> }<br /> <br /> #musicMap data {<br /> display: none<br /> }<br /> <br /> .musicMap-buttons {<br /> text-align: center;<br /> margin: 0.7em<br /> }<br /> <br /> .talkheader {<br /> text-align: center;<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .shortcut {<br /> border: 1px solid var(--body-border);<br /> background: var(--body-light);<br /> float: right;<br /> font-size: 0.8em;<br /> margin: 0.5em 0em 0.5em 1em;<br /> padding: 0.5em;<br /> text-align: center<br /> }<br /> <br /> .succession {<br /> width: 50%;<br /> text-align: center<br /> }<br /> <br /> .succession th {<br /> width: 33%;<br /> font-size: 90%;<br /> background: var(--body-mid)<br /> }<br /> <br /> .succession td {<br /> background: var(--body-light)<br /> }<br /> <br /> .update {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0;<br /> padding: 0.25em 1em;<br /> text-align: center<br /> }<br /> <br /> .pollwrapper {<br /> display: flex;<br /> align-items: center;<br /> flex-direction: column;<br /> counter-reset: question<br /> }<br /> <br /> .pollbox {<br /> position: relative;<br /> padding: 1em 0.7em;<br /> margin: 0.7em;<br /> margin-bottom: 1.2em;<br /> width: 700px;<br /> font-size: 16px;<br /> border: 2px solid var(--body-border);<br /> background: var(--body-light)<br /> }<br /> <br /> .pollbox::before {<br /> content: &quot;Question &quot; counter(question);<br /> counter-increment: question;<br /> position: absolute;<br /> font-size: 16px;<br /> font-weight: bold;<br /> top: -0.5em;<br /> margin-top: -2px;<br /> left: 0.6em;<br /> line-height: 1em;<br /> background: linear-gradient(0deg,var(--body-light),var(--body-light) 50%,rgba(0,0,0,0) 50%);<br /> padding: 0 0.6em<br /> }<br /> <br /> .pollbox table {<br /> width: 100%;<br /> border-collapse: collapse;<br /> font-size: 14px<br /> }<br /> <br /> .pollbox caption {<br /> text-align: left;<br /> margin-bottom: 4px<br /> }<br /> <br /> .pollbox td {<br /> padding: 0px<br /> }<br /> <br /> .pollquestion td:first-child::before {<br /> content: &quot;&quot;;<br /> background: url(/images/Poll_shield.png?c691a);<br /> background-repeat: no-repeat;<br /> background-position: top;<br /> width: 10px;<br /> height: 14px;<br /> position: absolute;<br /> top: 4px;<br /> left: 0<br /> }<br /> <br /> .pollquestion td:first-child {<br /> position: relative;<br /> width: 32%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .pollquestion td.pollpercent {<br /> box-sizing: border-box;<br /> padding-left: 17px;<br /> padding-right: 8px<br /> }<br /> <br /> .pollquestion td:last-child {<br /> width: 22%;<br /> padding-left: 0.7em<br /> }<br /> <br /> .pollquestion .pollnote td {<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .pollquestion .pollnote td::before {<br /> content: none<br /> }<br /> <br /> .pollquestion data {<br /> display: block;<br /> height: 15px;<br /> background-image: url(/images/Poll_sword2.png?7d4c4);<br /> position: relative<br /> }<br /> <br /> .pollquestion data::before,.pollquestion data::after {<br /> content: &quot;&quot;;<br /> height: inherit;<br /> position: absolute;<br /> height: 15px<br /> }<br /> <br /> .pollquestion data::before {<br /> background: url(/images/Poll_sword1.png?d445b);<br /> width: 17px;<br /> right: 100%<br /> }<br /> <br /> .pollquestion data::after {<br /> background: url(/images/Poll_sword3.png?487b5);<br /> width: 8px;<br /> left: 100%<br /> }<br /> <br /> .archivepollq th {<br /> text-align: left;<br /> font-weight: normal;<br /> padding: 15px 0 0 0<br /> }<br /> <br /> .archivepollq td:first-child {<br /> position: relative;<br /> width: 80%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .archivepollq td.archivepollpercent {<br /> box-sizing: border-box;<br /> padding: 2px;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .archivepollq td:last-child {<br /> text-align: right;<br /> padding-left: 0.7em<br /> }<br /> <br /> .archivepollq .archivepollnote &gt; td {<br /> text-align: left;<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .archivepollq data {<br /> display: block;<br /> height: 25px;<br /> background: var(--body-border);<br /> position: relative<br /> }<br /> <br /> .archivepollq.e {<br /> border: 2px solid var(--errorbox-border);<br /> background: var(--errorbox-bg)<br /> }<br /> <br /> .archivepollq.e::before {<br /> content: &quot;Error&quot;;<br /> background: linear-gradient(0deg,var(--errorbox-bg),var(--errorbox-bg) 50%,rgba(0,0,0,0) 50%)<br /> }<br /> <br /> .wikipedia {<br /> border: 1px solid var(--wikipedia-border);<br /> background-color: var(--wikipedia-background)<br /> }<br /> <br /> .hatnote,.seealso {<br /> font-style: italic<br /> }<br /> <br /> .hatnote i,.seealso i {<br /> font-style: normal<br /> }<br /> <br /> div.hatnote,div.seealso {<br /> margin: 0.5em 1.6em<br /> }<br /> <br /> div.hatnote + div.hatnote,div.hatnote + div.seealso,div.seealso + div.hatnote,div.seealso + div.seealso {<br /> margin-top: -0.5em<br /> }<br /> <br /> .extimage div,.extimage a,.extimage img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .tbz-region {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> white-space: nowrap;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> width: 110px;<br /> padding: 0.35em 0.45em 0.25em;<br /> margin: 1px<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-badge {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> padding: 0.3em 0.35em 0.2em<br /> }<br /> <br /> .tbz-badge + .tbz-badge {<br /> margin-left: 1px<br /> }<br /> <br /> .tbz-badge.tbz-badge-wrapper {<br /> padding: 0.2em<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-unlocked {<br /> background: var(--tbz-unlocked-background);<br /> border-color: var(--tbz-unlocked-border-color)<br /> }<br /> <br /> .tbz-unlocked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-unlocked .tbz-check {<br /> display: inline-block;<br /> padding-left: 5px<br /> }<br /> <br /> .tbz-locked {<br /> background-color: var(--tbz-locked-background-color);<br /> border-color: var(--tbz-locked-border-color)<br /> }<br /> <br /> .tbz-locked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-locked .tbz-unlocked {<br /> background: var(--tbz-partial-unlock-background);<br /> border-color: var(--tbz-partial-unlock-border-color)<br /> }<br /> <br /> .combatinfo {<br /> width: 160px;<br /> text-align: center;<br /> float: right;<br /> clear: right<br /> }<br /> <br /> .combatinfo.combatinfo-left {<br /> float: left;<br /> clear: left<br /> }<br /> <br /> .combatinfo td {<br /> width: 25%<br /> }<br /> <br /> .wikitable.combatinfo &gt; caption {<br /> font-weight: normal<br /> }<br /> <br /> .growth-stage-table td.growth-stage {<br /> text-align: center;<br /> vertical-align: bottom<br /> }<br /> <br /> .keypress {<br /> background: var(--keypress-background);<br /> color: var(--keypress-color);<br /> font-family: inherit;<br /> border: 1px solid var(--keypress-border);<br /> border-radius: 2px;<br /> font-size: 0.9em;<br /> margin: 0 0.1em;<br /> padding: 0.1em 0.4em;<br /> white-space: nowrap<br /> }<br /> <br /> .rsw-music-player {<br /> height: 2em;<br /> vertical-align: middle<br /> }<br /> <br /> .item-drops .beast-version {<br /> font-size: smaller;<br /> font-style: italic<br /> }<br /> <br /> td.famtreesub {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table {<br /> border-spacing: 0;<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table td {<br /> height: 1em;<br /> width: 1em<br /> }<br /> <br /> td.famtreeleaf {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> padding: 0.2em<br /> }<br /> <br /> :root {<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #ccc<br /> }<br /> <br /> :root {<br /> --coins-color: green;<br /> --coins-pos-color: white;<br /> --coins-neg-color: #c02614<br /> }<br /> <br /> .coins {<br /> color: var(--coins-color);<br /> background-position: 0% 50%;<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> padding: 0<br /> }<br /> <br /> .coins-pos {<br /> color: var(--coins-pos-color)<br /> }<br /> <br /> .coins-neg {<br /> color: var(--coins-neg-color)<br /> }<br /> <br /> .coins-10000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 3px 35px<br /> }<br /> <br /> .coins-1000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-250 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-100 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-25 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-5 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-4 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-3 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-2 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-1 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> :root {<br /> --documentation-background: #f9fafa;<br /> --documentation-link-color: #e4eaee;<br /> --documentation-headers-color: #fff;<br /> --documentation-header-background: #949eaa;<br /> --documentation-subheader-background: #808c9a;<br /> --documentation-border: #e4eaee<br /> }<br /> <br /> .documentation {<br /> background: var(--documentation-background);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0<br /> }<br /> <br /> .documentation pre,.documentation code {<br /> background-color: var(--documentation-background);<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation h2,.documentation hr {<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation-header {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-header-background);<br /> font-weight: bold;<br /> padding: 1em 1.5em<br /> }<br /> <br /> .documentation-title {<br /> font-size: 1.25em<br /> }<br /> <br /> .documentation-subheader {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-subheader-background);<br /> padding: 0.5em 1.5em<br /> }<br /> <br /> .documentation-subheader a,.documentation-subheader a:visited,.documentation-subheader a:active {<br /> color: var(--documentation-link-color)<br /> }<br /> <br /> .documentation-documentation,.documentation-links {<br /> font-size: 0.85em<br /> }<br /> <br /> .documentation-content {<br /> padding: 1em 1.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dl:not(:empty) {<br /> column-count: 3;<br /> border-top: 1px solid var(--body-border);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dt::after {<br /> content: &quot;:&quot;<br /> }<br /> <br /> .mw-templatedata-doc-params dd,.mw-templatedata-doc-params dt {<br /> margin: 0.1em 2em;<br /> min-width: auto<br /> }<br /> <br /> .mw-templatedata-doc-muted {<br /> color: var(--subtle-color);<br /> font-style: italic<br /> }<br /> <br /> .fairycode {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-size: 120%;<br /> font-weight: bold;<br /> text-transform: lowercase;<br /> letter-spacing: 1px<br /> }<br /> <br /> .fairycode b ~ b:before {<br /> content: &quot;•&quot;<br /> }<br /> <br /> .floornumber &gt; .floornumber-us,#toc li a span.toctext span span:nth-child(2),.floornumber-setting-gb .floornumber &gt; .floornumber-us,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(2),.floornumber-setting-us .floornumber &gt; .floornumber-gb,.floornumber-setting-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none<br /> }<br /> <br /> .floornumber-setting-gb .floornumber &gt; .floornumber-gb,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(1),.floornumber-setting-us .floornumber &gt; .floornumber-us,.floornumber-setting-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-us,.floornumber-override-gb #toc li a span.toctext span span:nth-child(2),.floornumber-override-us .floornumber &gt; .floornumber-gb,.floornumber-override-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none !important<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-gb,.floornumber-override-gb #toc li a span.toctext span span:nth-child(1),.floornumber-override-us .floornumber &gt; .floornumber-us,.floornumber-override-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline !important<br /> }<br /> <br /> .musicplayer {<br /> border: 1px solid var(--body-border);<br /> font-size: 90%;<br /> background: var(--body-light);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> max-width: 300px;<br /> margin: 0 0 1em 1em;<br /> padding: 5px<br /> }<br /> <br /> .musicplayer audio,.infobox audio {<br /> max-width: 298px;<br /> margin-left: auto;<br /> margin-right: auto<br /> }<br /> <br /> .plink-template + a {<br /> margin-left: 0.25em<br /> }<br /> <br /> .plinkt-image {<br /> text-align: center<br /> }<br /> <br /> :root {<br /> --questdetails-header-background: #cfc2aa;<br /> --questdetails-header-background-alt: #cfbda1<br /> }<br /> <br /> .questdetails {<br /> width: 100%;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-collapse: separate<br /> }<br /> <br /> .questdetails th {<br /> text-align: left<br /> }<br /> <br /> .questdetails-header {<br /> padding: 0.5em 1em;<br /> background-color: var(--questdetails-header-background);<br /> width: 125px<br /> }<br /> <br /> .questdetails tr:nth-child(odd) .questdetails-header {<br /> background-color: var(--questdetails-header-background-alt)<br /> }<br /> <br /> .questdetails-info {<br /> padding-left: 1em;<br /> padding-right: 2em<br /> }<br /> <br /> ol.references,.reflist {<br /> font-size: 90%<br /> }<br /> <br /> .reflist {<br /> list-style-type: decimal<br /> }<br /> <br /> .reflist .references {<br /> font-size: 100%;<br /> list-style-type: inherit<br /> }<br /> <br /> .reflist-lower-alpha {<br /> list-style-type: lower-alpha<br /> }<br /> <br /> ol.references li:target,sup.reference:target {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .hideQuotes .refhide {<br /> display: none<br /> }<br /> <br /> .editnotice {<br /> font-size: 0.9em;<br /> padding-bottom: 0.75em;<br /> margin-bottom: 0.6em<br /> }<br /> <br /> .editnotice .editnotice-title {<br /> font-size: 1.2em;<br /> font-weight: bold;<br /> margin-bottom: 0.4em<br /> }<br /> <br /> <br /> <br /> <br /> .mw-message-box,.mw-message-box-error,.mw-message-box-warning,.mw-message-box-success,.usermessage {<br /> color: var(--text-color)<br /> }<br /> <br /> .messagebox {<br /> width: 65%;<br /> margin: 0.5em auto;<br /> border-left: 15px solid;<br /> border-color: var(--body-dark);<br /> background-color: var(--body-light);<br /> box-sizing: border-box<br /> }<br /> <br /> .messagebox.obsolete {<br /> background-color: var(--messagebox-obsolete-background);<br /> border-color: var(--messagebox-obsolete-border);<br /> color: var(--messagebox-obsolete-color)<br /> }<br /> <br /> .messagebox.obsolete a,.messagebox.obsolete a:visited,.messagebox.obsolete a:active {<br /> color: var(--messagebox-obsolete-link-color)<br /> }<br /> <br /> .messagebox.info {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border);<br /> color: var(--messagebox-info-color)<br /> }<br /> <br /> .messagebox.info a,.messagebox.info a:visited,.messagebox.info a:active {<br /> color: var(--messagebox-info-link-color)<br /> }<br /> <br /> .messagebox.action {<br /> background-color: var(--messagebox-action-background);<br /> border-color: var(--messagebox-action-border);<br /> color: var(--messagebox-action-color)<br /> }<br /> <br /> .messagebox.action a,.messagebox.action a:visited,.messagebox.action a:active {<br /> color: var(--messagebox-action-link-color)<br /> }<br /> <br /> .messagebox.warn {<br /> background-color: var(--messagebox-warn-background);<br /> border-color: var(--messagebox-warn-border);<br /> color: var(--messagebox-warn-color)<br /> }<br /> <br /> .messagebox.warn a,.messagebox.warn a:visited,.messagebox.warn a:active {<br /> color: var(--messagebox-warn-link-color)<br /> }<br /> <br /> .messagebox.safe {<br /> background-color: var(--messagebox-safe-background);<br /> border-color: var(--messagebox-safe-border);<br /> color: var(--messagebox-safe-color)<br /> }<br /> <br /> .messagebox.safe a,.messagebox.safe a:visited,.messagebox.safe a:active {<br /> color: var(--messagebox-safe-link-color)<br /> }<br /> <br /> .messagebox.disambig {<br /> background-color: var(--messagebox-disambig-background);<br /> border-color: var(--messagebox-disambig-border);<br /> color: var(--messagebox-disambig-color)<br /> }<br /> <br /> .messagebox.disambig a,.messagebox.disambig a:visited,.messagebox.disambig a:active {<br /> color: var(--messagebox-disambig-link-color)<br /> }<br /> <br /> .messagebox.discord {<br /> background-color: var(--messagebox-discord-background);<br /> border-color: var(--messagebox-discord-border);<br /> color: #fff<br /> }<br /> <br /> .messagebox.discord a,.messagebox.discord a:visited,.messagebox.discord a:active {<br /> color: var(--messagebox-discord-link-color)<br /> }<br /> <br /> .messagebox.discord a.external,.messagebox.discord a:visited.external,.messagebox.discord a:active.external {<br /> font-style: italic<br /> }<br /> <br /> .messagebox.stub {<br /> width: 40%<br /> }<br /> <br /> .messagebox.hasdialogue {<br /> padding: 0 10px;<br /> width: auto<br /> }<br /> <br /> :root {<br /> --ajaxpoll-background: #fafafa;<br /> --ajaxpoll-text-color: var(--byline-color);<br /> --ajaxpoll-answerbar-background: var(--body-light);<br /> --ajaxpoll-answerbar-border: var(--body-border)<br /> }<br /> <br /> .ajaxpoll {<br /> background: var(--ajaxpoll-background)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-hover-vote,.ajaxpoll .ajaxpoll-hover-revoke,.ajaxpoll .ajaxpoll-ajax {<br /> background: none<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote {<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote div {<br /> background: var(--ajaxpoll-answerbar-background);<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-our-vote div {<br /> border-color: #3c780a<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-misc,.ajaxpoll .ajaxpoll-info,.ajaxpoll .ajaxpoll-ajax {<br /> color: var(--ajaxpoll-text-color)<br /> }<br /> <br /> .ajaxpoll-id-info {<br /> display: none<br /> }<br /> <br /> .inventorytable,<br /> .lootingbagtable,<br /> .runepouchtable {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> height: auto;<br /> border-spacing: 0;<br /> border-collapse: separate;<br /> margin-top: 7px;<br /> margin-bottom: 7px;<br /> }<br /> <br /> .inventorytable.storage-left,<br /> .lootingbagtable.storage-left,<br /> .runepouchtable.storage-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .inventorytable.storage-center,<br /> .lootingbagtable.storage-center,<br /> .runepouchtable.storage-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .inventorytable.storage-right,<br /> .lootingbagtable.storage-right,<br /> .runepouchtable.storage-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .inventorytable td,<br /> .lootingbagtable td,<br /> .runepouchtable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> }<br /> <br /> .inventorytable {<br /> background-image: url(/images/e/e9/Inventory_tab.png);<br /> width: 204px;<br /> padding: 13px 16px 10px;<br /> }<br /> <br /> .inventorytable td {<br /> width: 43px;<br /> height: 36px;<br /> }<br /> <br /> .lootingbagtable {<br /> background-image: url(/images/7/78/Looting_bag_tab.png);<br /> width: 204px;<br /> padding: 31px 17px 20px 12px;<br /> }<br /> <br /> .lootingbagtable td {<br /> width: 44px;<br /> height: 32px;<br /> }<br /> <br /> .runepouchtable {<br /> background-image: url(/images/f/f1/Rune_pouch_background.png);<br /> width: 158px;<br /> padding: 24px 7px 6px;<br /> }<br /> <br /> .runepouchtable.storage-left {<br /> margin-left: 23px;<br /> }<br /> <br /> .runepouchtable.storage-right {<br /> margin-right: 23px;<br /> }<br /> <br /> .runepouchtable td {<br /> width: 32px;<br /> height: 32px;<br /> line-height: 1.6em;<br /> }<br /> <br /> .runepouchtable td.middle-rune {<br /> padding-left: 24px;<br /> padding-right: 24px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune {<br /> padding-left: 6px;<br /> padding-right: 6px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune {<br /> padding-left: 0;<br /> }<br /> <br /> .menagerietable {<br /> background-image: url(/images/9/9c/Menagerie_interface.png);<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> width: 300px;<br /> height: 250px;<br /> padding: 56px 28px 34px 6px;<br /> border-spacing: 0;<br /> }<br /> <br /> .menagerietable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> width: 46px;<br /> height: 32px;<br /> }<br /> <br /> .inventorytable .inv-quantity-text,<br /> .lootingbagtable .inv-quantity-text,<br /> .runepouchtable .inv-quantity-text,<br /> .equipment .inv-quantity-text {<br /> font-family: 'RuneScape Small';<br /> font-size: 12pt;<br /> position: absolute;<br /> top: -8px;<br /> left: 4px;<br /> text-shadow: #000 1px 1px;<br /> color: #ffff00;<br /> pointer-events: none;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-1,<br /> .lootingbagtable .inv-quantity-text.qty-1,<br /> .runepouchtable .inv-quantity-text.qty-1,<br /> .equipment .inv-quantity-text.qty-1 {<br /> color: #ffff00;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-100k,<br /> .lootingbagtable .inv-quantity-text.qty-100k,<br /> .runepouchtable .inv-quantity-text.qty-100k,<br /> .equipment .inv-quantity-text.qty-100k {<br /> color: #fff;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-10m,<br /> .lootingbagtable .inv-quantity-text.qty-10m,<br /> .runepouchtable .inv-quantity-text.qty-10m,<br /> .equipment .inv-quantity-text.qty-10m {<br /> color: #01ff80;<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {<br /> .inventorytable img,<br /> .lootingbagtable img,<br /> .runepouchtable img,<br /> .equipment img {<br /> image-rendering: pixelated;<br /> image-rendering: crisp-edges;<br /> }<br /> <br /> }<br /> <br /> .runepouchtable .inv-quantity-text {<br /> left: -1px;<br /> }<br /> <br /> .runepouchtable td.middle-rune .inv-quantity-text {<br /> left: 23px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune .inv-quantity-text {<br /> left: 5px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune .inv-quantity-text {<br /> left: 0;<br /> }<br /> <br /> .equipment .inv-quantity-text {<br /> top: -3px;<br /> }<br /> <br /> span.noted-item {<br /> width: 30px;<br /> height: 29px;<br /> text-align: center;<br /> display: inline-block;<br /> }<br /> <br /> span.noted-item a {<br /> width: 30px;<br /> height: 29px;<br /> }<br /> <br /> .noted-item a {<br /> background-image: url(/images/3/3a/Bank_note.png);<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> background-position: center;<br /> }<br /> <br /> td.noted-item a {<br /> width: 32px;<br /> line-height: 28px;<br /> }<br /> <br /> .noted-item img {<br /> transform: scale(0.65);<br /> }<br /> <br /> .equipment {<br /> background: #3e3529;<br /> border: 9px solid transparent;<br /> border-image-source: url(/images/c/c7/Interface_border.png);<br /> border-image-slice: 9;<br /> border-image-width: 9px;<br /> border-image-outset: 0;<br /> border-image-repeat: repeat;<br /> margin: 7px 0;<br /> padding: 0 2px 0 3px;<br /> }<br /> <br /> @media all and (max-width: 720px) {<br /> table.equipment {<br /> width: initial !important;<br /> }<br /> <br /> }<br /> <br /> .equipment-div,<br /> .equipment-div-buttons {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> position: relative;<br /> width: 175px;<br /> display: flex;<br /> }<br /> <br /> .equipment-div {<br /> background-image: url(/images/a/a7/Worn_equipment_tab_%28no_buttons%29.png);<br /> height: 222px;<br /> margin: 15px 0 14px;<br /> }<br /> <br /> .equipment-div-buttons {<br /> background-image: url(/images/e/e3/Worn_equipment_tab_%28borderless%29.png);<br /> height: 244px;<br /> margin: 4px 0 3px;<br /> }<br /> <br /> .equipment-blank {<br /> background-image: url(/images/c/cf/Blank_slot.png);<br /> width: 36px;<br /> height: 36px;<br /> }<br /> <br /> .equipment-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .equipment-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .equipment-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .equipment-stats,<br /> .equipment-ikod {<br /> font-family: RuneScape;<br /> font-size: 16px;<br /> line-height: 14px;<br /> color: #ff981f;<br /> text-shadow: 1px 1px 0 black;<br /> }<br /> <br /> td.equipment-stats b {<br /> font-family: RuneScape;<br /> font-weight: bold;<br /> display: block;<br /> margin-top: 2px;<br /> }<br /> <br /> td.equipment-stats data {<br /> display: block;<br /> padding-left: 8px;<br /> }<br /> <br /> td.equipment-stats data img {<br /> vertical-align: bottom;<br /> }<br /> <br /> td.equipment-ikod {<br /> max-width: 325px;<br /> }<br /> <br /> td.equipment-ikod em {<br /> font-style: normal;<br /> display: block;<br /> margin-bottom: 3px;<br /> }<br /> <br /> td.equipment-ikod b {<br /> font-weight: normal;<br /> color: white;<br /> }<br /> <br /> td.equipment-ikod strong {<br /> font-weight: normal;<br /> color: red;<br /> }<br /> <br /> td.equipment-ikod ul {<br /> list-style: none;<br /> margin: 0;<br /> }<br /> <br /> td.equipment-ikod li {<br /> display: inline-block;<br /> width: 32px;<br /> height: 32px;<br /> line-height: 32px;<br /> margin: 0;<br /> margin-right: 14px;<br /> }<br /> <br /> td.equipment-ikod img {<br /> cursor: help;<br /> }<br /> <br /> td.equipment-ikod hr {<br /> border-top: 1px solid #0e0e0c;<br /> border-bottom: 1px solid #474745;<br /> margin: 7px 0;<br /> }<br /> <br /> .equipment-plinkp {<br /> position: absolute;<br /> width: 36px;<br /> height: 36px;<br /> left: 0px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head,<br /> .equipment-cape,<br /> .equipment-neck,<br /> .equipment-ammo,<br /> .equipment-weapon,<br /> .equipment-torso,<br /> .equipment-shield,<br /> .equipment-legs,<br /> .equipment-gloves,<br /> .equipment-boots,<br /> .equipment-ring,<br /> .equipment-statsbutton,<br /> .equipment-ikodbutton {<br /> position: absolute;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head {<br /> left: 70px;<br /> top: 0px;<br /> }<br /> <br /> .equipment-cape {<br /> left: 29px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-neck {<br /> left: 70px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-ammo {<br /> left: 111px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-weapon {<br /> left: 14px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-torso {<br /> left: 70px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-shield {<br /> left: 126px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-legs {<br /> left: 70px;<br /> top: 118px;<br /> }<br /> <br /> .equipment-gloves {<br /> left: 14px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-boots {<br /> left: 70px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-ring {<br /> left: 126px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-statsbutton {<br /> top: 204px;<br /> left: 0px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> .equipment-ikodbutton {<br /> top: 204px;<br /> left: 90px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> :root {<br /> --transcript-border-color: #b4a36a;<br /> --transcript-border-hover-color: #876f1d;<br /> --transcript-strikethrough-color: #800000<br /> }<br /> <br /> .transcript {<br /> background: var(--body-light);<br /> border-radius: 0 0 120px 120px / 0 0 8px 8px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> max-width: 90ch;<br /> overflow: hidden;<br /> margin-bottom: 1em;<br /> padding: 0.5em 1em 1em;<br /> clear: left<br /> }<br /> <br /> .transcript.godletter {<br /> margin: 1em auto;<br /> padding: 1em 1.5em;<br /> max-width: 60ch<br /> }<br /> <br /> .quest-action {<br /> text-align: center;<br /> font-style: italic;<br /> margin: 0 5%<br /> }<br /> <br /> .quest-action:before,.quest-action:after {<br /> content: '———';<br /> margin: 4px;<br /> letter-spacing: -1px<br /> }<br /> <br /> .transcript-chatbox-image {<br /> display: inline-block;<br /> margin-right: 5px;<br /> position: relative;<br /> text-align: center;<br /> width: 32px<br /> }<br /> <br /> .transcript-chatbox-image + .transcript-chatbox-image {<br /> left: -10px;<br /> top: 10px;<br /> margin-right: 0<br /> }<br /> <br /> .transcript-opt::before {<br /> display: inline-block;<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> width: 7px;<br /> height: 10px;<br /> margin-right: 5px<br /> }<br /> <br /> .transcript-opt.disabled {<br /> filter: opacity(0.5)<br /> }<br /> <br /> .ns-120 .mw-parser-output s,.transcript s {<br /> text-decoration-color: var(--transcript-strikethrough-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output .template-colour,.transcript .template-colour {<br /> text-shadow: 1px 1px #000a<br /> }<br /> <br /> :root {<br /> --byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%);<br /> --tile-border-color: #596e96;<br /> --tile-background-color: #313e59;<br /> --tile-link-button-color: #222e45;<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255,255,255,0.7);<br /> --tile-dark-header-color: #fff<br /> }<br /> <br /> .tile {<br /> background: var(--tile-background-color);<br /> border: 1px solid var(--tile-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1.5em 2em 1em;<br /> max-width: 40em<br /> }<br /> <br /> .tile h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile.dark {<br /> color: var(--tile-dark-color);<br /> background: var(--tile-dark-bg);<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .tile.dark h2 {<br /> color: var(--tile-dark-header-color)<br /> }<br /> <br /> .tile.dark a {<br /> color: var(--tile-dark-link-color)<br /> }<br /> <br /> .tile.dark .byline {<br /> color: var(--tile-dark-byline-color)<br /> }<br /> <br /> .byline {<br /> font-size: 0.9em;<br /> color: var(--byline-color)<br /> }<br /> <br /> .byline a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .tile-row {<br /> display: flex;<br /> flex-flow: row wrap;<br /> margin-bottom: 1em<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-flow: row wrap;<br /> border: 1px solid var(--tile-border-color);<br /> background: var(--tile-background-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .tile-halves h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile-halves .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile-top {<br /> width: 100%;<br /> padding: 1.3rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-top.tile-image {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--byline-color);<br /> overflow: hidden;<br /> padding: 0;<br /> height: 13vw;<br /> max-height: 12em;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-halves:hover .tile-top.tile-image img {<br /> transform: scale(1.1);<br /> transition: 0.5s ease-out<br /> }<br /> <br /> .tile-top.tile-image a {<br /> width: 100%<br /> }<br /> <br /> .tile-top.tile-image img {<br /> width: 100%;<br /> object-fit: cover;<br /> max-height: 200px;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-top.tile-image span {<br /> width: 100%<br /> }<br /> <br /> .tile-bottom {<br /> background: var(--tile-background-color);<br /> border-top: 1px solid var(--tile-border-color);<br /> width: 100%;<br /> padding: 1rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-bottom.link-button {<br /> align-self: flex-end;<br /> padding: 0<br /> }<br /> <br /> .tile-bottom.link-button a {<br /> display: block;<br /> text-align: center;<br /> padding: 0.75em 1.5em 0.8em;<br /> text-decoration: none<br /> }<br /> <br /> .tile-bottom.read-more {<br /> background: var(--tile-link-button-color);<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile-bottom.read-more a {<br /> color: var(--byline-color);<br /> font-weight: bold;<br /> text-align: right<br /> }<br /> <br /> .tile-bottom.read-more:hover {<br /> background: var(--tile-link-button-highlight-color)<br /> }<br /> <br /> .tile-bottom.read-more:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .tile-bottom.read-more .arrow {<br /> filter: var(--byline-arrow-filter);<br /> margin-left: 0.4em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile.oswf-day {<br /> margin-left: 0.5em<br /> }<br /> <br /> .oswf-tile {<br /> margin: 1em<br /> }<br /> <br /> .oswf-tile.oswf-complete {<br /> opacity: 0.65<br /> }<br /> <br /> .oswf-tile .oswf-summary {<br /> font-size: 105%;<br /> line-height: 1.6;<br /> margin-top: -0.4em<br /> }<br /> <br /> .oswf-tile .oswf-img {<br /> display: block;<br /> max-width: 75px;<br /> float: right<br /> }<br /> <br /> .oswf-tile .oswf-img img {<br /> max-width: 100%;<br /> height: auto<br /> }<br /> <br /> .oswf-tile .oswf-guidance {<br /> border-top: 1px solid #eee;<br /> padding-top: 1em<br /> }<br /> <br /> body.page-Main_Page .mw-parser-output {<br /> max-width: 75em;<br /> margin: 0 auto;<br /> }<br /> <br /> body.page-Main_Page.action-view .catlinks,<br /> body.page-Main_Page.action-view #contentSub,<br /> body.page-Main_Page.action-view #siteNotice {<br /> display: none;<br /> }<br /> <br /> body.page-Main_Page h1 { display: none; }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> margin: 2.6em 1.75em 1.5em<br /> }<br /> <br /> .mainpage-header .header-intro {<br /> flex: 2<br /> }<br /> <br /> .mainpage-header .header-intro h1 {<br /> font-size: 2.5em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.15em<br /> }<br /> <br /> .mainpage-header .header-intro p {<br /> font-size: 1.1em;<br /> line-height: 1.7em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> flex: 1;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> margin-top: -1em<br /> }<br /> <br /> .mainpage-body {<br /> display: grid;<br /> grid-template-areas: &quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left right&quot;;<br /> gap: 0.9rem;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-body h2 a {<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-body .tile {<br /> padding-left: 1.75em;<br /> padding-right: 1.75em;<br /> max-width: 100%<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> width: 100%;<br /> margin-bottom: 0<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> display: grid;<br /> gap: 0.9rem<br /> }<br /> <br /> .mainpage-left {<br /> grid-area: left;<br /> flex: 2;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-left &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .mainpage-right {<br /> grid-area: right;<br /> flex: 1;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-right &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .arrow {<br /> background: url(/images/White-chevron.svg?b82be) no-repeat;<br /> display: inline-block;<br /> height: 0.7rem;<br /> width: 0.45rem;<br /> vertical-align: middle<br /> }<br /> <br /> .arrow.dark {<br /> filter: invert(80%)<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-area: update;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves {<br /> flex: 1;<br /> align-content: flex-start<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-bottom.link-button a {<br /> text-align: left;<br /> padding: 1rem 1.5rem 0.75rem<br /> }<br /> <br /> .mainpage-recent-updates h2 {<br /> margin: -0.5em 0 0.3em<br /> }<br /> <br /> .mainpage-recent-updates p:not(.byline) {<br /> font-size: 0.9em;<br /> line-height: 1.75em;<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-contents {<br /> grid-area: content;<br /> grid-template-columns: repeat(6,1fr)<br /> }<br /> <br /> .mainpage-contents .tile-halves {<br /> flex: 1<br /> }<br /> <br /> .mainpage-contents .tile-top {<br /> position: relative<br /> }<br /> <br /> .mainpage-contents h2 {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> .mainpage-contents .tile-bottom.link-button a {<br /> padding: 0.75em 0.2em<br /> }<br /> <br /> .mainpage-skills ul {<br /> columns: 3 9em;<br /> margin: 1em 0.7em 0.7em 1em<br /> }<br /> <br /> .mainpage-skills li {<br /> display: flex;<br /> margin-bottom: 0.29em<br /> }<br /> <br /> .mainpage-skills li a:first-child {<br /> border-radius: 2px;<br /> padding: 4px;<br /> width: 25px;<br /> height: 25px;<br /> text-align: center;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center<br /> }<br /> <br /> .mainpage-skills li a:last-child {<br /> flex: 1;<br /> display: flex;<br /> align-items: center;<br /> font-weight: bold;<br /> padding-left: 0.7em;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-skills li:hover a:first-child {<br /> border-radius: 2px 0 0 2px<br /> }<br /> <br /> .mainpage-skills li:hover a:last-child {<br /> color: rgba(255,255,255,0.9);<br /> border-radius: 0 2px 2px 0<br /> }<br /> <br /> .skill-agility a:first-child,.skill-melee a:first-child {<br /> background: #bc483d<br /> }<br /> <br /> .skill-agility:hover a:last-child,.skill-melee:hover a:last-child {<br /> background: #932419<br /> }<br /> <br /> .skill-ranged a:first-child {<br /> background: #748d36<br /> }<br /> <br /> .skill-ranged:hover a:last-child {<br /> background: #4c6215<br /> }<br /> <br /> .skill-magic a:first-child {<br /> background: #6274ab<br /> }<br /> <br /> .skill-magic:hover a:last-child {<br /> background: #304791<br /> }<br /> <br /> .skill-fishing a:first-child,.skill-fletching a:first-child {<br /> background: #3e8e9a<br /> }<br /> <br /> .skill-fishing:hover a:last-child,.skill-fletching:hover a:last-child {<br /> background: #1a6671<br /> }<br /> <br /> .skill-cooking a:first-child,.skill-thieving a:first-child {<br /> background: #91689e<br /> }<br /> <br /> .skill-cooking:hover a:last-child,.skill-thieving:hover a:last-child {<br /> background: #713684<br /> }<br /> <br /> .skill-farming a:first-child,.skill-woodcutting a:first-child {<br /> background: #59924f<br /> }<br /> <br /> .skill-farming:hover a:last-child,.skill-woodcutting:hover a:last-child {<br /> background: #306f25<br /> }<br /> <br /> .skill-mining a:first-child {<br /> background: #6385a8<br /> }<br /> <br /> .skill-mining:hover a:last-child {<br /> background: #315f8d<br /> }<br /> <br /> .skill-smithing a:first-child {<br /> background: #d2b244<br /> }<br /> <br /> .skill-smithing:hover a:last-child {<br /> background: #b69213<br /> }<br /> <br /> .popular-pages ul {<br /> display: grid;<br /> grid-template-columns: repeat(3,1fr);<br /> grid-gap: 0.6em;<br /> margin: 1em 0 0.7em 0<br /> }<br /> <br /> .mp-popular-page-light {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--button-background);<br /> transition: 100ms<br /> }<br /> <br /> .mp-popular-page-light a {<br /> flex: 1;<br /> display: block;<br /> color: #fff;<br /> font-weight: bold;<br /> text-align: center;<br /> text-decoration: none;<br /> padding: 0.7em 1em<br /> }<br /> <br /> .mp-popular-page-light:hover {<br /> filter: brightness(115%);<br /> transition: 100ms<br /> }<br /> <br /> .mainpage-discord {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-discord .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #5865f2;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-discord .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-discord .tile-bottom {<br /> background: #525ee0;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-discord .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-discord .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-discord .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-discord .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-youtube {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-youtube .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-youtube .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-youtube .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-youtube .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-youtube .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-youtube .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-youtube .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-rl {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-rl .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #383838;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-rl .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-rl .tile-bottom {<br /> background: #FF9300;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-rl .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-rl .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-rl .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-rl .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-twitter {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-twitter .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-twitter .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-twitter .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-twitter .twitter-logo {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-twitter .twitter-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-twitter .twitter-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-twitter .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .mainpage-editing {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-editing .tile-top {<br /> background: #222e45<br /> }<br /> <br /> .mainpage-editing .tile-bottom {<br /> background: #3980ab;<br /> border: none;<br /> padding: 0.8rem 1.5rem 0.4rem<br /> }<br /> <br /> .mainpage-editing h2,.mainpage-editing a {<br /> color: #fff<br /> }<br /> <br /> .mainpage-editing p {<br /> color: rgba(255,255,255,0.9)<br /> }<br /> <br /> .mainpage-editing ul {<br /> list-style-image: url(/images/Transparent-chevron.svg?20dcf)<br /> }<br /> <br /> .mainpage-poll .ajaxpoll {<br /> border: none;<br /> background: none;<br /> padding: 0;<br /> width: auto<br /> }<br /> <br /> .mainpage-trailblazer {<br /> grid-area: event<br /> }<br /> <br /> .mainpage-trailblazer .tb-logo {<br /> margin-bottom: 0.9rem<br /> }<br /> <br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-trailblazer .tile-row .tile-top {<br /> height: 20vw;<br /> min-height: 9em<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1200px) {<br /> .mainpage-contents {<br /> grid-template-columns:repeat(3,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1000px) {<br /> .mainpage-body {<br /> grid-template-areas:&quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left left&quot; &quot;right right right&quot;<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-top {<br /> height: 18vw;<br /> min-height: 9em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> display: none<br /> }<br /> <br /> .mainpage-left &gt; *:last-child,.mainpage-right &gt; *:last-child {<br /> margin-bottom: 0<br /> }<br /> <br /> .popular-pages ul {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-recent-updates {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: flex<br /> }<br /> <br /> .mainpage-contents {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background-color: var(--body-main);<br /> border-top-color: var(--body-border);<br /> box-shadow: none<br /> }<br /> <br /> .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,.mw-prefs-tabs &gt; .oo-ui-menuLayout-content &gt; .oo-ui-indexLayout-stackLayout &gt; .oo-ui-tabPanelLayout {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --rc-positive-color: #407813;<br /> --rc-negative-color: #b41e0f<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: var(--rc-positive-color)<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: var(--rc-negative-color)<br /> }<br /> <br /> .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {<br /> border-color: var(--body-border);<br /> background-color: var(--body-light);<br /> border-radius: 2px<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-menuSelectWidget-footer {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-tagItemWidget-popup-content {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-changeslist-legend,.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .client-js .mw-changeslist ul,.client-js .mw-changeslist table.mw-enhanced-rc {<br /> margin-left: 0<br /> }<br /> <br /> .mw-rcfilters-ui-watchlistTopSectionWidget-separator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-header {<br /> border-bottom-color: var(--ooui-interface);<br /> background-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-title {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-header {<br /> border-bottom-color: var(--ooui-interface-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-savedLinksListItemWidget-label {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted ul,.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted table.mw-enhanced-rc {<br /> margin-left: 1.5em<br /> }<br /> <br /> .page-Special_CreateAccount .mw-ui-container,.page-Special_UserLogin .mw-ui-container {<br /> max-width: 64rem;<br /> margin: 0 auto<br /> }<br /> <br /> .mw-number-text {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-body-content .mw-number-text h3 {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-indicator-mw-helplink a {<br /> background: none;<br /> padding: 0;<br /> display: flex;<br /> align-items: center<br /> }<br /> <br /> #mw-indicator-mw-helplink a::before {<br /> content: '';<br /> margin-right: 5px;<br /> -webkit-mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> background: var(--text-color);<br /> height: 20px;<br /> width: 20px<br /> }<br /> <br /> .results-info {<br /> color: inherit<br /> }<br /> <br /> .mw-search-profile-tabs {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> .search-types .current a {<br /> color: inherit<br /> }<br /> <br /> #mw-searchoptions {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> #mw-searchoptions .divider {<br /> border-color: var(--body-border)<br /> }<br /> <br /> #mw-searchoptions h4 {<br /> font-family: inherit<br /> }<br /> <br /> #mw-searchoptions .oo-ui-labelElement:nth-of-type(odd) {<br /> font-weight: bold<br /> }<br /> <br /> .searchresult {<br /> line-height: 1.5<br /> }<br /> <br /> .searchalttitle,#mw-search-interwiki li {<br /> font-size: 90%<br /> }<br /> <br /> .mw-search-result-data {<br /> color: var(--byline-color)<br /> }<br /> <br /> .page-Special_ListFiles a.image img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .page-Special_ListFiles .TablePager_col_thumb {<br /> text-align: center<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] {<br /> background-color: var(--body-main) !important;<br /> border-color: var(--wikitable-border) !important;<br /> margin-top: 0.5em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th,#editcount table[border=&quot;1&quot;] td {<br /> padding: 0.2em 0.4em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th {<br /> background-color: var(--wikitable-header-bg);<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] td {<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] tr:nth-child(odd) {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget {<br /> background-color: inherit<br /> }<br /> <br /> table.mw-interwikitable.body td.mw-interwikitable-local-yes {<br /> background-color: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .mw-protectedpages-unknown {<br /> color: var(--byline-color)<br /> }<br /> <br /> .watchlistredir,.allpagesredirect {<br /> font-style: italic<br /> }<br /> <br /> .allpagesredirect:after {<br /> color: var(--byline-color);<br /> content: &quot; (redirect)&quot;<br /> }<br /> <br /> .mw-apisandbox-toolbar {<br /> background: var(--body-main)<br /> }<br /> <br /> .oo-ui-menuOptionWidget .mw-apisandbox-flag {<br /> color: var(--byline-color)<br /> }<br /> <br /> tr.mw-abusefilter-list-disabled,tr.mw-abusefilter-list-disabled td {<br /> color: var(--byline-color)<br /> }<br /> <br /> table.mw-abuselog-details {<br /> background: var(--wikitable-bg);<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> table.mw-abuselog-details th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> table.mw-abuselog-details th,table.mw-abuselog-details td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-abusefilter-log-hidden-entry {<br /> color: var(--subtle-color)<br /> }<br /> <br /> body td.mw-abusefilter-history-changed {<br /> background: var(--table-no-background)<br /> }<br /> <br /> div.mw-abusefilter-editor,#mw-abusefilter-warn-preview,#mw-abusefilter-disallow-preview {<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-destfile-warning {<br /> border-color: var(--warningbox-border);<br /> color: var(--text-color);<br /> background-color: var(--warningbox-bg)<br /> }<br /> <br /> span.fileinput-button {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> ul.fileupload-results li.ful-success {<br /> background-color: var(--successbox-bg)<br /> }<br /> <br /> ul.fileupload-results li.ful-success a {<br /> color: var(--link-color)<br /> }<br /> <br /> ul.fileupload-results li.ful-error {<br /> background-color: var(--errorbox-bg)<br /> }<br /> <br /> #siteNotice {<br /> text-align: center<br /> }<br /> <br /> #siteNotice ul {<br /> list-style: none<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-body {<br /> margin: 0<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-close {<br /> float: none;<br /> text-align: right<br /> }<br /> <br /> .mw-dismissable-notice-close-parent {<br /> min-height: 1em<br /> }<br /> <br /> .mmg-xpline:after {<br /> content: ','<br /> }<br /> <br /> .mmg-xpline:last-child:after {<br /> content: ''<br /> }<br /> <br /> .mmg-itemline {<br /> display: block<br /> }<br /> <br /> .discussiontable th {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .discussiontable .topic,.discussiontable .edited,.discussiontable .edited-by,.discussiontable .rg-archive {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .dpltable {<br /> margin-top: -30px<br /> }<br /> <br /> .dpltable td {<br /> padding-left: 5px<br /> }<br /> <br /> .dpltable,.discussiontable {<br /> width: 100%<br /> }<br /> <br /> .dpltable .topic,.discussiontable .topic {<br /> width: 40%<br /> }<br /> <br /> .dpltable .edited,.discussiontable .edited,.dpltable .edited-by,.discussiontable .edited-by {<br /> width: 30%<br /> }<br /> <br /> .dpltable .rg-archive,.discussiontable .rg-archive {<br /> width: 20%<br /> }<br /> <br /> body.ns-110 #ca-talk {<br /> display: none<br /> }<br /> <br /> :root {<br /> --gemw-positive-color: #6bc71f;<br /> --gemw-unchanged-color: #3ea6e6;<br /> --gemw-negative-color: #ee4231;<br /> --gemw-historical-border-color: #000<br /> }<br /> <br /> .gemw-container {<br /> max-width: 60em;<br /> margin: 4em auto<br /> }<br /> <br /> .gemw-header {<br /> display: flex;<br /> border-left-width: 0.25em;<br /> border-left-style: solid;<br /> padding-left: 1em;<br /> margin-bottom: 3em<br /> }<br /> <br /> .gemw-header.positive {<br /> border-color: var(--gemw-positive-color)<br /> }<br /> <br /> .gemw-header.negative {<br /> border-color: var(--gemw-negative-color)<br /> }<br /> <br /> .gemw-header.unchanged {<br /> border-color: var(--gemw-unchanged-color)<br /> }<br /> <br /> .gemw-header .gemw-section-left {<br /> flex: 1<br /> }<br /> <br /> .gemw-header .gemw-name {<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> margin-bottom: 0<br /> }<br /> <br /> .gemw-header .gemw-name a {<br /> color: inherit<br /> }<br /> <br /> .gemw-header .gemw-examine {<br /> color: var(--byline-color);<br /> font-size: 1.05em;<br /> font-style: italic;<br /> margin: 0 1em 1.25em 0<br /> }<br /> <br /> .gemw-header .gemw-price {<br /> display: inline-block;<br /> font-size: 2.75em;<br /> font-weight: bold<br /> }<br /> <br /> .gemw-header .gemw-price::after {<br /> content: ' coins';<br /> color: var(--byline-color);<br /> font-size: 1rem;<br /> font-weight: normal;<br /> word-spacing: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-change {<br /> display: inline-block;<br /> font-size: 1rem;<br /> font-weight: bold;<br /> margin-left: 2em;<br /> word-spacing: 0.5em<br /> }<br /> <br /> .gemw-header .gemw-change img {<br /> vertical-align: baseline<br /> }<br /> <br /> .gemw-header .gemw-section-right {<br /> text-align: right<br /> }<br /> <br /> .gemw-header .gemw-updated {<br /> color: var(--byline-color);<br /> line-height: 1.5em;<br /> margin-top: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-time {<br /> color: var(--byline-color);<br /> font-weight: bold<br /> }<br /> <br /> .gemw-body {<br /> display: flex<br /> }<br /> <br /> .gemw-body .gemw-section-left {<br /> width: 40%;<br /> margin-right: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left dl {<br /> display: flex;<br /> flex-flow: row wrap;<br /> justify-content: space-between;<br /> margin-bottom: -1.25em<br /> }<br /> <br /> .gemw-body .gemw-section-left &gt; div {<br /> margin-top: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .gemw-body .gemw-property {<br /> width: 30%;<br /> border-top: 0.15em dotted var(--body-mid);<br /> padding-top: 0.25em;<br /> margin-bottom: 1.5em<br /> }<br /> <br /> .gemw-body .gemw-property dt {<br /> color: var(--byline-color);<br /> font-weight: normal<br /> }<br /> <br /> .gemw-body .gemw-property dd {<br /> font-weight: bold;<br /> margin: -0.25em 0 0<br /> }<br /> <br /> .gemw-body .gemw-links {<br /> color: var(--byline-color);<br /> margin-bottom: 0.35em<br /> }<br /> <br /> .gemw-body .gemw-section-right {<br /> width: 60%<br /> }<br /> <br /> .gemw-body .gemw-chart {<br /> color: #eceeee;<br /> font-size: 5em;<br /> text-align: center;<br /> line-height: 5em;<br /> position: relative<br /> }<br /> <br /> .gemw-body .gemw-chart .GEChartBox,.gemw-body .gemw-chart .GEdatachart {<br /> position: relative<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header.positive,.gemw-container.gemw-historical .gemw-header.negative,.gemw-container.gemw-historical .gemw-header.neutral,.gemw-container.gemw-historical .gemw-header.unchanged {<br /> border-color: var(--gemw-historical-border-color)<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-time .jsPurgeLink,.gemw-container.gemw-historical .gemw-header .gemw-time &gt; span.plainlinks {<br /> display: none<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-section-left:after {<br /> content: &quot;This is a historical item no longer available on the Grand Exchange. The data is preserved here as an archive.&quot;;<br /> font-style: italic<br /> }<br /> <br /> #overlay {<br /> display: none;<br /> background-color: var(--ooui-window-background);<br /> height: auto;<br /> width: auto;<br /> overflow: hidden;<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> bottom: 0;<br /> left: 0;<br /> z-index: 50<br /> }<br /> <br /> #GEchartpopup g.highcharts-label text &gt; a:visited,.GEdatachart g.highcharts-label text &gt; a:visited {<br /> fill: white<br /> }<br /> <br /> #GEchartpopup {<br /> background: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> border-radius: 2px;<br /> color: var(--ooui-text);<br /> position: fixed;<br /> left: 0;<br /> right: 0;<br /> top: 1em;<br /> bottom: 1em;<br /> margin: auto;<br /> padding: 1em;<br /> max-width: 975px;<br /> z-index: 52;<br /> overflow: auto<br /> }<br /> <br /> #GEchartpopup #closepopup {<br /> float: right;<br /> margin-bottom: 5px;<br /> z-index: 100<br /> }<br /> <br /> #GEchartpopup #itemstats {<br /> bottom: 50px;<br /> font-size: 11px;<br /> position: absolute;<br /> right: 45px;<br /> width: 200px;<br /> z-index: 10<br /> }<br /> <br /> #GEchartpopup #itemstats caption {<br /> cursor: pointer;<br /> text-align: right<br /> }<br /> <br /> #GEpopupchart {<br /> height: 500px<br /> }<br /> <br /> .highcharts-container .highcharts-range-selector {<br /> font-size: 11px<br /> }<br /> <br /> .GEPermLink {<br /> float: right;<br /> font-size: 14px<br /> }<br /> <br /> .GEPermLink ~ .GEdatachart {<br /> clear: right<br /> }<br /> <br /> form[id^=&quot;chartProperties&quot;] button {<br /> margin: 3px<br /> }<br /> <br /> .smallChart .highcharts-range-selector {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-button title + rect {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-title {<br /> white-space: nowrap !important<br /> }<br /> <br /> .smallChart .zoomButton,.smallChart svg &gt; text:first-of-type,.smallChart .highcharts-input-group {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-scrollbar,.mediumChart .highcharts-scrollbar {<br /> display: none<br /> }<br /> <br /> .highcharts-background,.highcharts-plot-background {<br /> fill: transparent<br /> }<br /> <br /> .highcharts-title,.highcharts-subtitle {<br /> color: var(--text-color) !important<br /> }<br /> <br /> .highcharts-axis-title {<br /> fill: var(--text-color) !important<br /> }<br /> <br /> .highcharts-yaxis-grid .highcharts-grid-line,.highcharts-tick,.highcharts-axis-line {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-axis-labels text,.highcharts-range-selector-group text {<br /> color: var(--ooui-text) !important;<br /> fill: var(--ooui-text) !important<br /> }<br /> <br /> .highcharts-label-box {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-button-box {<br /> fill: var(--ooui-normal)<br /> }<br /> <br /> .highcharts-navigator-outline {<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-track {<br /> fill: transparent;<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-button,.highcharts-scrollbar-thumb,.highcharts-navigator-handle {<br /> fill: var(--ooui-normal);<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-scrollbar-arrow {<br /> fill: var(--ooui-text)<br /> }<br /> <br /> .highcharts-scrollbar-rifles {<br /> stroke: var(--ooui-text)<br /> }<br /> <br /> #t-print,#t-permalink {<br /> display: none<br /> }<br /> <br /> .jcConfig {<br /> display: none<br /> }<br /> <br /> #filetoc {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> border-color: transparent;<br /> margin: 0.5em auto;<br /> text-align: center;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> .smwfact {<br /> display: none<br /> }<br /> <br /> .list-header {<br /> background-color: var(--body-mid);<br /> color: inherit<br /> }<br /> <br /> .editOptions {<br /> color: var(--text-color);<br /> background-color: var(--sourceeditor-background-secondary);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .updatedmarker {<br /> background-color: #c3e8a3;<br /> color: #162e02<br /> }<br /> <br /> .mw-json th,.mw-json td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-json td {<br /> background: var(--wikitable-bg)<br /> }<br /> <br /> .mw-json th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> <br /> html {<br /> -webkit-text-size-adjust: 100%<br /> }<br /> <br /> body {<br /> background: var(--body-background-image) var(--body-background-color) top left / 1500px 375px no-repeat;<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .vector-body {<br /> font-size: 0.9em<br /> }<br /> <br /> #firstHeading {<br /> font-weight: bold<br /> }<br /> <br /> pre,code,.mw-code {<br /> color: inherit;<br /> background-color: var(--mw-code-background-color);<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> dl {<br /> margin: 0<br /> }<br /> <br /> ul {<br /> list-style-image: var(--ul-list-style-image)<br /> }<br /> <br /> hr {<br /> background: none;<br /> border-color: var(--body-border);<br /> border-style: solid;<br /> border-width: 1px 0 0 0;<br /> height: initial<br /> }<br /> <br /> fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .vector-body blockquote {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --personal-links-bg: var(--body-main);<br /> --arrow-down: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5' fill='%23444'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading {<br /> background-color: var(--vector-tab-background);<br /> padding: 1em 0.75em 0.6923em;<br /> margin: 0<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading,.vector-menu-dropdown .vector-menu-heading:hover,.vector-menu-dropdown .vector-menu-heading:focus {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading:after {<br /> background-image: var(--arrow-down);<br /> opacity: 1<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-content {<br /> border-color: transparent;<br /> background-color: var(--body-light);<br /> box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);<br /> left: 0<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item a {<br /> color: var(--link-color)<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item.selected a,.vector-menu-dropdown .mw-list-item.selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> #p-personal {<br /> background: var(--personal-links-bg);<br /> top: 0;<br /> right: 0;<br /> border-radius: 0 0 0 4px;<br /> height: 1.875em<br /> }<br /> <br /> #p-personal ul {<br /> padding: 0 1em 0 0.4375em<br /> }<br /> <br /> .vector-search-box-inner {<br /> background: var(--search-box);<br /> height: 2.5em;<br /> margin-top: 0;<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-search-box-input {<br /> color: var(--text-color);<br /> height: 100%;<br /> border: none;<br /> background: none;<br /> padding-left: 0.75em<br /> }<br /> <br /> .vector-search-box-input::placeholder {<br /> color: var(--text-color);<br /> opacity: 0.67<br /> }<br /> <br /> .vector-search-box-inner:hover .vector-search-box-input,.vector-search-box-input:focus,.vector-search-box-inner:hover .vector-search-box-input:focus {<br /> border: none;<br /> box-shadow: none<br /> }<br /> <br /> :root {<br /> --searchbutton-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13'%3E%3Cg fill='none' stroke='%238cabe6' stroke-width='2'%3E%3Cpath d='M11.29 11.71l-4-4'/%3E%3Ccircle cx='5' cy='5' r='4'/%3E%3C/g%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .searchButton[name='go'] {<br /> background: no-repeat center var(--searchbutton-icon)<br /> }<br /> <br /> .vector-search-box {<br /> margin: 0<br /> }<br /> <br /> .vector-search-box form {<br /> margin-top: 0<br /> }<br /> <br /> .suggestions-results {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-result {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions a.mw-searchSuggest-link,.suggestions a.mw-searchSuggest-link:hover,.suggestions a.mw-searchSuggest-link:active,.suggestions a.mw-searchSuggest-link:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-special {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-special .special-label {<br /> color: var(--byline-color)<br /> }<br /> <br /> .suggestions-special .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current .special-label,.suggestions-result-current .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-panel {<br /> padding-top: 2.5em<br /> }<br /> <br /> .vector-menu-portal .vector-menu-heading {<br /> color: var(--background-text-color);<br /> font-weight: bold;<br /> background: none<br /> }<br /> <br /> .vector-menu-portal .vector-menu-content li a,.vector-menu-portal .vector-menu-content li a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-logo {<br /> filter: drop-shadow(0 2px 5px rgba(0,0,0,0.25));<br /> margin: -1.5em 0 0<br /> }<br /> <br /> #n-Discord a {<br /> color: #fff !important;<br /> font-weight: bold;<br /> border-radius: 4px;<br /> border: 1px solid #4c57d0;<br /> background-color: #5865f2;<br /> display: block;<br /> position: relative;<br /> padding: 4px 4px 5px calc(17px + 6.5px * 2);<br /> box-shadow: 0 2px 3px rgba(0,0,0,0.1);<br /> transition: 0.2s<br /> }<br /> <br /> #n-Discord a::before {<br /> content: 'Chat on ';<br /> font-weight: normal;<br /> opacity: 0.85<br /> }<br /> <br /> #n-Discord a::after {<br /> content: '';<br /> background: url(/images/0/06/Discord_logo_icon1.png) no-repeat;<br /> background-size: 17px 13px;<br /> filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));<br /> position: absolute;<br /> top: 5px;<br /> left: 7px;<br /> width: 17px;<br /> height: 13px<br /> }<br /> <br /> #n-Discord a:hover {<br /> text-decoration: none;<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a {<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a:hover {<br /> background-color: #4c57d0<br /> }<br /> <br /> :root {<br /> --vector-tab-background: var(--body-background-color);<br /> --vector-tab-background--hover: var(--body-mid);<br /> --vector-tab-link-color: var(--background-link-color);<br /> --watch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='transparent' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;);<br /> --unwatch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%238cabe6' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;)<br /> }<br /> <br /> .vector-menu-tabs-legacy {<br /> padding: 0<br /> }<br /> <br /> .vector-menu-tabs-legacy .new a,.vector-menu-tabs-legacy .new a:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected {<br /> background: var(--body-main)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected a,.vector-menu-tabs-legacy .selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy li a {<br /> color: var(--vector-tab-link-color);<br /> padding: 0 0.75em;<br /> padding-top: 1em<br /> }<br /> <br /> .vector-menu-tabs-legacy li a:visited {<br /> color: var(--vector-tab-link-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul li {<br /> background: var(--vector-tab-background)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul a:hover {<br /> text-decoration: none<br /> }<br /> <br /> #ca-view {<br /> display: none !important<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected):hover,#p-cactions:hover #p-cactions-label {<br /> background: var(--vector-tab-background--hover)<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected),#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-menu-tabs,.vector-menu-tabs a,#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> background-image: none<br /> }<br /> <br /> .ve-activated .vector-menu-tabs .selected {<br /> box-shadow: none<br /> }<br /> <br /> .vector-menu-tabs #ca-watch.icon a:before,.vector-menu-tabs #ca-watch.icon a:hover:before,.vector-menu-tabs #ca-watch.icon a:focus:before {<br /> background-image: var(--watch-icon)<br /> }<br /> <br /> .vector-menu-tabs #ca-unwatch.icon a:before,.vector-menu-tabs #ca-unwatch.icon a:hover:before,.vector-menu-tabs #ca-unwatch.icon a:focus:before {<br /> background-image: var(--unwatch-icon)<br /> }<br /> <br /> #p-Recent_changes {<br /> display: block<br /> }<br /> <br /> #p-Recent_changes .vector-menu-content {<br /> display: none<br /> }<br /> <br /> #p-Recent_changes .vector-menu-heading:after {<br /> content: '';<br /> position: relative;<br /> left: 0.5em;<br /> display: inline-block;<br /> background-color: #3c7b07;<br /> width: 6px;<br /> height: 6px;<br /> border-radius: 100%<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-item {<br /> position: relative;<br /> font-size: 0.75em;<br /> margin: 0.5em 0.25em 0 0.66em<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page {<br /> display: block;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden;<br /> max-width: max-content<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page,#p-Recent_changes .rc-sidebar-page:active,#p-Recent_changes .rc-sidebar-page:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user {<br /> color: var(--byline-color);<br /> margin: 0;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user a {<br /> color: inherit<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more {<br /> text-align: left<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more .rc-sidebar-page {<br /> display: inline-block<br /> }<br /> <br /> div.thumbinner {<br /> border: none;<br /> background-color: var(--thumb-bg);<br /> padding: 0<br /> }<br /> <br /> .thumbimage {<br /> background-color: transparent;<br /> border-color: transparent;<br /> border-bottom: none<br /> }<br /> <br /> .thumbcaption {<br /> background: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border)<br /> }<br /> <br /> .toc {<br /> font-size: 0.9em;<br /> background: var(--toc-bg);<br /> margin-top: 1em;<br /> padding: 0;<br /> border-color: var(--toc-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> clear: left<br /> }<br /> <br /> .toc .toctitle {<br /> background: var(--toc-title-bg);<br /> padding: 0.25em 1em<br /> }<br /> <br /> .toc .toctitle h2 {<br /> font-family: inherit<br /> }<br /> <br /> .toc &gt; ul {<br /> line-height: 1.8em;<br /> padding: 0.75em 1.75em;<br /> margin: 0<br /> }<br /> <br /> .toc ul ul {<br /> border-left: 1px dotted var(--toc-list-border-color);<br /> padding-left: 0.5em<br /> }<br /> <br /> .tocnumber {<br /> display: none<br /> }<br /> <br /> .toctogglespan {<br /> padding-left: 0.2em;<br /> font-size: 0.9em<br /> }<br /> <br /> .toctogglelabel {<br /> color: var(--link-color)<br /> }<br /> <br /> .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 {<br /> display: none<br /> }<br /> <br /> :root {<br /> --external-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238cabe6' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image: var(--external-icon);<br /> background-size: 0.833em<br /> }<br /> <br /> .mw-editsection {<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type),.mw-editsection-divider {<br /> color: var(--text-color)<br /> }<br /> <br /> #contentSub,#contentSub2 {<br /> color: var(--byline-color);<br /> margin: 0<br /> }<br /> <br /> #contentSub:not(:empty),#contentSub2:not(:empty) {<br /> margin: 0 0 1.4em 0<br /> }<br /> <br /> .mw-collapsible.mw-collapsed {<br /> min-width: 250px<br /> }<br /> <br /> .mw-collapsible:not(.mw-made-collapsible) th::before,.mw-collapsible .mw-collapsible-toggle {<br /> font-weight: normal;<br /> margin-left: 0.2em<br /> }<br /> .mw-collapsible-toggle-default .mw-collapsible-text {<br /> color: #8cabe6;<br /> }<br /> .wikiEditor-ui .wikiEditor-ui-view,.wikiEditor-ui .wikiEditor-ui-top {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar {<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab &gt; a,.wikiEditor-ui-toolbar .tabs span.tab &gt; a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a.current,.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br /> color: var(--text-colour)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select {<br /> background-color: var(--sourceeditor-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options .option {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group-search {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table td {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table th {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .section {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .group &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .tool &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet &gt; .index &gt; :hover {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet .index &gt; .current {<br /> background-color: var(--body-mid);<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span:hover {<br /> border-color: var(--body-dark);<br /> background-color: transparent<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a:before,.wikiEditor-ui-toolbar .group .tool-select .label:after {<br /> background: var(--text-color);<br /> -webkit-mask: var(--arrow-down) center no-repeat;<br /> mask: var(--arrow-down) center no-repeat<br /> }<br /> <br /> .ace-tm {<br /> background-color: var(--sourceeditor-input-background);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter {<br /> background: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-cell {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-active-line {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .ace_search {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ace_search_field {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .ace_searchbtn {<br /> border-color: var(--ooui-normal-border);<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ace_searchbtn:last-child {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .ace_searchbtn:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .ace_searchbtn.prev:after,.ace_searchbtn.next:after {<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .ace_button {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace_button:hover {<br /> background-color: rgba(0,23,70,0.086)<br /> }<br /> <br /> .ace_button:active {<br /> background-color: rgba(0,23,70,0.06)<br /> }<br /> <br /> .ace_button.checked {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .CodeMirror {<br /> background: var(--sourceeditor-input-background)<br /> }<br /> <br /> .CodeMirror pre {<br /> color: var(--text-color)<br /> }<br /> <br /> .codeEditor-status {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .codeEditor-status-message {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-gutters {<br /> background-color: var(--codemirror-gutter-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-linenumber {<br /> color: var(--text-color)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget .CodeMirror-linenumber {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-editform #wpTextbox1 {<br /> color: var(--text-color);<br /> background: var(--sourceeditor-input-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> input[name=&quot;model&quot;][value=&quot;Scribunto&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;css&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;less&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;javascript&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;json&quot;] ~ .wikiEditor-ui #wpTextbox1 {<br /> height: 600px<br /> }<br /> <br /> .tdg-templateDataDialog-listParamsPanel textarea.oo-ui-textInputWidget-autosized {<br /> resize: vertical<br /> }<br /> <br /> #wpAceFilterEditor {<br /> resize: horizontal<br /> }<br /> <br /> .warn-userupload,.ns-2 .upload-own-work {<br /> display: none<br /> }<br /> <br /> .ns-2 .warn-userupload {<br /> display: inline<br /> }<br /> <br /> textarea[name=&quot;wfUploadDescription&quot;] {<br /> height: 3em<br /> }<br /> <br /> #editform {<br /> margin-top: 1.25em<br /> }<br /> <br /> #mw-scribunto-input,#mw-scribunto-output {<br /> padding: 3px;<br /> font-family: monospace;<br /> font-size: 13px;<br /> line-height: 1.5em<br /> }<br /> <br /> #mw-scribunto-input {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> :root {<br /> --scribuntoconsole-input: #0b5884;<br /> --scibuntoconsole-print: #a48900;<br /> --scribuntoconsole-error: #9f261e;<br /> --scribuntoconsole-message: #3c780a;<br /> --scribuntoconsole-tabcomplete: #4f348b;<br /> --scribuntoconsole-clear: #9f261e<br /> }<br /> <br /> .mw-scribunto-console-fieldset {<br /> color: inherit;<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-scribunto-normalOutput,.mw-scribunto-print,.mw-scribunto-error,.mw-scribunto-propList,.mw-scribunto-message,.mw-scribunto-tabcomplete {<br /> background: none<br /> }<br /> <br /> .mw-scribunto-input {<br /> color: var(--scribuntoconsole-input)<br /> }<br /> <br /> .mw-scribunto-normalOutput {<br /> color: inherit<br /> }<br /> <br /> .mw-scribunto-print {<br /> color: var(--scibuntoconsole-print)<br /> }<br /> <br /> .mw-scribunto-error {<br /> color: var(--scribuntoconsole-error)<br /> }<br /> <br /> .mw-scribunto-propList,.mw-scribunto-message {<br /> color: var(--scribuntoconsole-message)<br /> }<br /> <br /> .mw-scribunto-tabcomplete {<br /> color: var(--scribuntoconsole-tabcomplete)<br /> }<br /> <br /> .mw-scribunto-clear {<br /> color: var(--scribuntoconsole-clear);<br /> border-bottom-color: var(--scribuntoconsole-clear)<br /> }<br /> <br /> .ui-widget-overlay {<br /> background: var(--ooui-window-background)<br /> }<br /> <br /> .ui-dialog,.ui-widget-content {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> background-image: none;<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar.ui-widget-header,.ui-widget-content .ui-dialog-titlebar.ui-widget-header {<br /> background-image: none !important;<br /> background-color: var(--body-dark) !important;<br /> border-color: var(--body-border) !important<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar .ui-dialog-title,.ui-widget-content .ui-dialog-titlebar .ui-dialog-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close,.ui-widget-content .ui-dialog-titlebar-close {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close:hover,.ui-widget-content .ui-dialog-titlebar-close:hover {<br /> background: var(--ooui-normal--hover);<br /> border: var(--link-color)<br /> }<br /> <br /> .ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {<br /> background: var(--ooui-normal) !important;<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border) !important<br /> }<br /> <br /> .ui-button:hover,.ui-state-default:hover,.ui-widget-content .ui-state-default:hover,.ui-widget-header .ui-state-default:hover {<br /> background: var(--ooui-normal--hover) !important;<br /> color: var(--ooui-text)<br /> }<br /> <br /> .infobox {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> font-size: 0.85em;<br /> width: 300px;<br /> margin: 0.5em 0 1em 1em;<br /> border-collapse: collapse;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> table-layout: fixed;<br /> word-break: break-word<br /> }<br /> <br /> .infobox .infobox-header {<br /> color: var(--infobox-text-color);<br /> font-size: 1.15em;<br /> line-height: 1.4em;<br /> background: var(--body-dark);<br /> padding: 0.5em 0<br /> }<br /> <br /> .infobox .infobox-header a {<br /> color: inherit;<br /> font-size: 1.15em;<br /> font-weight: bold<br /> }<br /> <br /> .infobox .infobox-subheader {<br /> background: var(--body-dark);<br /> color: var(--infobox-text-color);<br /> line-height: 2em<br /> }<br /> <br /> .infobox .infobox-subheader a {<br /> color: inherit<br /> }<br /> <br /> .infobox .infobox-subheader + .infobox-subheader {<br /> border-left: 2px solid var(--body-light)<br /> }<br /> <br /> .infobox .infobox-image {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-image.inventory-image {<br /> height: 32px<br /> }<br /> <br /> .infobox .infobox-image a.image + a.image {<br /> margin-left: 0.1em<br /> }<br /> <br /> .infobox .infobox-image img {<br /> max-width: 300px;<br /> height: auto<br /> }<br /> <br /> .infobox th:not(.infobox-header):not(.infobox-subheader):not(.infobox-nested) {<br /> text-align: right;<br /> vertical-align: top;<br /> border-right: 2px solid var(--body-dark);<br /> padding: 0.2em 0.5em<br /> }<br /> <br /> .infobox td {<br /> padding: 0.25em 0.5em;<br /> line-height: 1.6em<br /> }<br /> <br /> .infobox td.infobox-nested {<br /> padding: 0.25em 0;<br /> line-height: 1em<br /> }<br /> <br /> .infobox th ~ td {<br /> vertical-align: top<br /> }<br /> <br /> .infobox .infobox-padding {<br /> height: 0.5em;<br /> padding: 0;<br /> border: 0<br /> }<br /> <br /> .infobox .infobox-nested {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-nested + .infobox-nested {<br /> border-left: 2px solid var(--body-dark)<br /> }<br /> <br /> .infobox .infobox-cell-hidden {<br /> display: none<br /> }<br /> <br /> .infobox .infobox-full-width-content {<br /> max-width: 300px;<br /> text-align: center;<br /> overflow: hidden;<br /> padding: 0<br /> }<br /> <br /> .infobox .infobox-caption {<br /> font-weight: bold<br /> }<br /> <br /> .infobox select {<br /> max-width: 300px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .infobox-item .infobox-image {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .infobox.skill-info {<br /> float: none;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses {<br /> clear: left;<br /> float: none;<br /> word-break: break-word;<br /> font-size: 100%;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image {<br /> width: 125px;<br /> text-align: center;<br /> vertical-align: middle;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image-caption {<br /> font-size: 0.85em<br /> }<br /> <br /> .infobox-bonuses .infobox-subheader {<br /> width: 250px<br /> }<br /> <br /> .skill-info a[href$=&quot;?action=edit&quot;] + a[href$=&quot;?action=edit&quot;] {<br /> display: none<br /> }<br /> <br /> .poh-room {<br /> background-color: var(--infobox-room-poh-color);<br /> margin: auto;<br /> width: 100px<br /> }<br /> <br /> .poh-room img {<br /> display: block<br /> }<br /> <br /> .poh-room-row {<br /> display: flex<br /> }<br /> <br /> .poh-room-text {<br /> margin: auto;<br /> width: 92px<br /> }<br /> <br /> .infobox-buttons {<br /> text-align: center;<br /> max-width: 300px;<br /> display: none<br /> }<br /> <br /> .infobox-switch-resources {<br /> display: none<br /> }<br /> <br /> .switch-infobox .switch-infobox-triggers,.switch-infobox .loading-button {<br /> clear: left<br /> }<br /> <br /> .infobox-pure .max-hit-list a {<br /> display: inline-block;<br /> min-width: 32px;<br /> min-height: 32px;<br /> text-align: center<br /> }<br /> <br /> .advanced-data {<br /> display: none<br /> }<br /> <br /> .multi-infobox .infobox {<br /> margin: 0<br /> }<br /> <br /> :root {<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--body-dark);<br /> --navbox-group-title-background: var(--body-mid)<br /> }<br /> <br /> .navbox {<br /> font-size: 0.85em;<br /> background: var(--navbox-background);<br /> border-collapse: collapse;<br /> margin: 1em auto 0;<br /> width: 100%;<br /> clear: both;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .navbox img {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .navbox .navbox {<br /> font-size: 100%;<br /> margin: 0.5em auto 0;<br /> box-shadow: none<br /> }<br /> <br /> .navbox-title {<br /> font-size: 110%;<br /> line-height: 1.6em;<br /> background: var(--navbox-title-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-title-name {<br /> margin: 0 4em<br /> }<br /> <br /> .navbox-title .mw-collapsible-toggle {<br /> color: #fff;<br /> font-size: 0.9em;<br /> text-align: right<br /> <br /> }<br /> <br /> .navbox-title .navbox {<br /> font-size: 100%<br /> }<br /> <br /> .navbox-group:nth-child(2) {<br /> border-top: 1px solid var(--navbox-border)<br /> }<br /> <br /> .navbox-group-title {<br /> background: var(--navbox-group-title-background);<br /> border: 1px solid var(--navbox-border);<br /> border-width: 0 1px 1px 0;<br /> text-align: left;<br /> padding: 0.25em 1em;<br /> width: 1%;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list {<br /> border-bottom: 1px solid var(--navbox-border);<br /> padding: 0.25em 0.5em<br /> }<br /> <br /> .navbox-list ul {<br /> margin: 0<br /> }<br /> <br /> .navbox-list li {<br /> display: inline;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list li + li::before {<br /> content: '• '<br /> }<br /> <br /> .navbox-parent {<br /> padding: 0<br /> }<br /> <br /> .navbox-subgroup {<br /> border-collapse: collapse;<br /> border-spacing: 0;<br /> width: 100%<br /> }<br /> <br /> .navbox-subgroup &gt; tbody &gt; tr:last-child &gt; th,.navbox-subgroup &gt; tbody &gt; tr:last-child &gt; td {<br /> border-bottom: none<br /> }<br /> <br /> .navbox-footer {<br /> background: var(--navbox-footer-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-data {<br /> display: none<br /> }<br /> <br /> :root {<br /> --echo-icon-moon-bg-image: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='21' viewBox='0 0 21 21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.85464918.37900488c-1.91149353 1.51069427-3.13816124 3.84973402-3.13816124 6.47527736 0 4.55564936 3.69308349 8.24873286 8.24873286 8.24873286 2.5815709 0 4.8861545-1.1859235 6.3986798-3.0426994-.8206378 4.7389755-4.9523867 8.343122-9.9259291 8.343122-5.56375572 0-10.07407088-4.5103151-10.07407088-10.0740709 0-5.02506013 3.67919933-9.19079725 8.49074856-9.95036192z' fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-person-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213.836%22 viewBox=%220 0 12 13.836%22%3E %3Cpath fill='%234c4c4c' d=%22M1.938%2C6.656c-1.32%2C1.485-1.47%2C3.15-0.97%2C4.25c0.323%2C0.707%2C0.78%2C1.127%2C1.313%2C1.375 c0.496%2C0.229%2C1.074%2C0.273%2C1.658%2C0.282c0.023%2C0%2C0.04%2C0.03%2C0.062%2C0.03h4.187c0.61%2C0%2C1.225-0.125%2C1.75-0.405 c0.527-0.28%2C0.961-0.718%2C1.188-1.376c0.335-0.964%2C0.175-2.529-1.094-4.03C9.094%2C7.954%2C7.68%2C8.719%2C6.065%2C8.719 c-1.677%2C0-3.182-0.812-4.125-2.063H1.938z%22/%3E %3Cpath fill='%234c4c4c' d=%22M6.063%2C0c-1.89%2C0-3.595%2C1.674-3.594%2C3.563C2.467%2C5.45%2C4.173%2C7.155%2C6.06%2C7.155 c1.89%2C0%2C3.564-1.705%2C3.563-3.593C9.625%2C1.673%2C7.95%2C0%2C6.063%2C0L6.063%2C0z%22/%3E %3C/svg%3E&quot;);<br /> --echo-icon-bell-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebell%3C/title%3E%3Cpath d=%22M16 7a5.38 5.38 0 00-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 004 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 003-3H7a3 3 0 003 3z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-tray-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etray%3C/title%3E%3Cpath d=%22M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-fullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M1 1v6h2V3h4V1zm2 12H1v6h6v-2H3zm14 4h-4v2h6v-6h-2zm0-16h-4v2h4v4h2V1z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;);<br /> --echo-icon-exitFullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E exit fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M7 7V1H5v4H1v2zM5 19h2v-6H1v2h4zm10-4h4v-2h-6v6h2zm0-8h4V5h-4V1h-2v6z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-user-menu-legacy #pt-userpage a,.vector-user-menu-legacy #pt-anonuserpage {<br /> background-image: var(--echo-icon-person-bg-image);<br /> padding-top: 0;<br /> background-position-y: 0<br /> }<br /> <br /> .vector-user-menu-legacy #pt-anonuserpage {<br /> color: var(--byline-color)<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge,#pt-notifications-notice .mw-echo-notifications-badge {<br /> background-size: 75%;<br /> background-position: center 80%;<br /> background-repeat: no-repeat;<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .oo-ui-icon-bell {<br /> background-image: var(--echo-icon-bell-bg-image)<br /> }<br /> <br /> #pt-notifications-notice .oo-ui-icon-tray {<br /> background-image: var(--echo-icon-tray-bg-image)<br /> }<br /> <br /> #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-exitFullscreen-bg-image)<br /> }<br /> <br /> body.wgl-fixedWidth #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-fullscreen-bg-image)<br /> }<br /> <br /> #pt-theme-toggles .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-moon-bg-image)<br /> }<br /> <br /> #pt-anontalk {<br /> padding-top: 0.6em<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul {<br /> margin: 5px 0 0 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> margin: 5px 0 0 15px<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul,.ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> list-style: none;<br /> border-left: 1px dashed var(--transcript-border-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul:hover,.transcript &gt; ul:hover,.ns-120 .mw-parser-output &gt; ul ul:hover,.transcript &gt; ul ul:hover,.ns-120 .mw-parser-output &gt; ul ol:hover,.transcript &gt; ul ol:hover {<br /> border-color: var(--transcript-border-hover-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li,.transcript &gt; ul li,.ns-120 .mw-parser-output &gt; ul ul li,.transcript &gt; ul ul li,.ns-120 .mw-parser-output &gt; ul ol li,.transcript &gt; ul ol li {<br /> flex-direction: column;<br /> padding-left: 15px;<br /> margin: 14px 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li:last-of-type,.transcript &gt; ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ul li:last-of-type,.transcript &gt; ul ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ol li:last-of-type,.transcript &gt; ul ol li:last-of-type {<br /> margin-bottom: 0<br /> }<br /> <br /> .nodesktop {<br /> display: none<br /> }<br /> <br /> /*<br /> The following styles were used as a temporary fix for TabberNeue.<br /> We're currently using old Tabber because TabberNeue breaks if a tab<br /> dynamically changes size, such as multi-infobox.<br /> */<br /> <br /> :root {<br /> --tabber-inactive-tab-bg: #222e45;<br /> --tabber-fade-scroll: linear-gradient(to bottom,rgba(226,219,200,0),#d8ccb4 95%,#94866d);<br /> }<br /> <br /> .tabber__tabs {<br /> gap: 1px;<br /> }<br /> <br /> .tabber__tab {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> padding: 0.5em 0.8em;<br /> border: 1px solid var(--body-border);<br /> border-bottom: 0;<br /> }<br /> <br /> .tabber__tabs .tabber__tab {<br /> color: var(--text-color);<br /> }<br /> <br /> /* Specific styles needed to override color on Minerva. */<br /> body.mediawiki .tabber a:visited, <br /> body.mediawiki .tabber image a:visited,<br /> body.mediawiki .tabber a:active, <br /> body.mediawiki .tabber image a:active {<br /> color: var(--text-color);<br /> }<br /> <br /> .tabber__tab:active {<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab:hover {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab--active, .tabber__tab--active:visited {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__header, .tabber__section, .tabber__tabs {<br /> scroll-behavior: unset;<br /> box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* Add box shadow to tabber header */<br /> }<br /> <br /> .tabber__panel {<br /> /* Hide non-active tabs. */<br /> /* display:none conflicted with tabber somehow and hid all tabs. */<br /> width: 250;<br /> }<br /> <br /> .tabber__panel.tabber__panel--active {<br /> width: 300;<br /> }<br /> <br /> .tabber__section {<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> overflow-y: scroll;<br /> padding-bottom: 30px; /* only necessary for fade scroll hack */<br /> height: auto; /* Example height */<br /> width: auto; /* Example width */<br /> max-width: 1300px; /* Example max-width */<br /> }<br /> <br /> .tabber__panel {<br /> padding: 1em 1.5em;<br /> }<br /> <br /> .wikitable.hover th:hover {<br /> cursor: help;<br /> /* Add any additional styles specific to hovering over table headers */<br /> }<br /> <br /> /* Hover Box for switching the visibility of the selected item */<br /> .hoverbox { <br /> display:inline-block; <br /> padding:0em; <br /> color: white; /* Change this to the desired color */<br /> }<br /> <br /> .hoverbox .hoveritem { <br /> display:none; <br /> margin:0em; <br /> padding:0em; <br /> }<br /> <br /> .hoverbox .hoveritem.selected { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem.selected { <br /> display:none; <br /> }<br /> /* Style for the entire tier list */<br /> .tierlist {<br /> display: flex;<br /> gap: 20px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* Style for individual tiers */<br /> .tier {<br /> border: 1px solid #ccc;<br /> padding: 10px;<br /> width: 200px;<br /> min-height: 150px;<br /> background: #f9f9f9;<br /> border-radius: 8px;<br /> }<br /> <br /> /* Title for each tier */<br /> .tier h3 {<br /> text-align: center;<br /> margin-top: 0;<br /> }<br /> <br /> /* Style for the sortable list */<br /> .sortable {<br /> list-style: none;<br /> padding: 0;<br /> margin: 0;<br /> min-height: 50px;<br /> }<br /> <br /> /* Style for the dropdown selector */<br /> .tier-selector {<br /> width: 100%;<br /> padding: 5px;<br /> margin-top: 5px;<br /> }<br /> .collection-log-wrapper {<br /> margin: 10px 0;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .collection-log-killcount {<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> }<br /> <br /> .collection-log-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6, 48px);<br /> gap: 4px;<br /> padding: 6px 0;<br /> }<br /> <br /> <br /> .collection-log-item {<br /> width: 48px;<br /> height: 48px;<br /> border: 2px solid transparent; /* border only on container */<br /> border-radius: 4px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> position: relative;<br /> background-color: #1a2a3a;<br /> box-sizing: border-box;<br /> }<br /> <br /> .collection-log-item.obtained {<br /> border-color: #4caf50;<br /> background-color: #224422;<br /> }<br /> <br /> .collection-log-item.missing {<br /> border-color: #ffc107;<br /> background-color: #3a2a1a;<br /> }<br /> <br /> .collection-log-item img {<br /> max-width: 36px;<br /> max-height: 36px;<br /> object-fit: contain;<br /> border-radius: 2px;<br /> border: none; /* remove border here */<br /> opacity: 1;<br /> filter: none;<br /> }<br /> <br /> .collection-log-item.missing img {<br /> opacity: 0.3;<br /> filter: grayscale(100%);<br /> }<br /> <br /> .collection-log-qty-badge {<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> background: rgba(0, 0, 0, 0.7);<br /> color: white;<br /> font-size: 12px;<br /> font-weight: bold;<br /> line-height: 1;<br /> padding: 1px 4px;<br /> border-radius: 3px 0 0 0;<br /> user-select: none;<br /> }<br /> .collection-log-killcount-box {<br /> border: 2px solid black;<br /> background-color: #534d41;<br /> color: cyan;<br /> padding: 0.5em 1em;<br /> margin-bottom: 8px;<br /> text-align: center;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .ace_keyword { color: #c586c0 !important; }<br /> .ace_string { color: #ce9178 !important; }<br /> .ace_comment { color: #6a9955 !important; font-style: italic; }<br /> .ace_function { color: #dcdcaa !important; }<br /> .ace_constant { color: #569cd6 !important; }<br /> <br /> .mw-highlight .nf {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> .mw-highlight .nc {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> <br /> /* Highlight row on hover */<br /> .wikitable.lighttable tr:hover {<br /> background-color: #526382; /* dark blue highlight */<br /> color: #ffffff; /* readable text */<br /> }<br /> .custom-dropdown { position: relative; width: 150px; cursor: pointer; }<br /> .custom-dropdown .selected { background: #313e59; color: white; padding: 5px; border-radius: 4px; }<br /> .custom-dropdown .options { display: none; position: absolute; background: #222e45; top: 100%; left: 0; width: 100%; border-radius: 4px; z-index: 10; }<br /> .custom-dropdown .options div { padding: 5px; display: flex; align-items: center; }<br /> .custom-dropdown .options div:hover { background: #313e59; }<br /> .custom-dropdown .options div img.icon { width:16px; height:16px; margin-right:5px; }<br /> <br /> /* =========================<br /> Tier List<br /> ========================= */<br /> <br /> <br /> /* Main wrapper */<br /> <br /> .tier-list {<br /> margin:0;<br /> padding:0;<br /> }<br /> <br /> <br /> /* Tier rows */<br /> <br /> .tier-row {<br /> display:flex;<br /> height:60px;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> <br /> /* Tier labels */<br /> <br /> .tier-label {<br /> width:60px;<br /> height:60px;<br /> <br /> display:flex;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> font-size:42px;<br /> line-height:1;<br /> font-weight:bold;<br /> color:white;<br /> }<br /> <br /> <br /> /* Tier colours */<br /> <br /> .tier-s {<br /> background:#ff7f7f;<br /> }<br /> <br /> .tier-a {<br /> background:#ffbf7f;<br /> }<br /> <br /> .tier-b {<br /> background:#ffdf7f;<br /> }<br /> <br /> .tier-c {<br /> background:#ffff7f;<br /> color:black;<br /> }<br /> <br /> .tier-d {<br /> background:#bfff7f;<br /> }<br /> <br /> .tier-f {<br /> background:#7fbfff;<br /> }<br /> <br /> <br /> /* Drop areas */<br /> <br /> .tier-items {<br /> flex:1;<br /> height:60px;<br /> <br /> display:flex;<br /> align-items:center;<br /> flex-wrap:wrap;<br /> <br /> padding:3px;<br /> gap:3px;<br /> <br /> background:#222;<br /> border:1px dashed #777;<br /> <br /> margin:0 !important;<br /> }<br /> <br /> <br /> /* =========================<br /> Items<br /> ========================= */<br /> <br /> .tier-item {<br /> width:48px;<br /> height:48px;<br /> <br /> display:flex !important;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> cursor:grab;<br /> border-radius:5px;<br /> overflow:hidden;<br /> <br /> line-height:0;<br /> }<br /> <br /> <br /> /* Drag */<br /> <br /> .tier-item:active {<br /> cursor:grabbing;<br /> }<br /> <br /> <br /> /* MediaWiki wrapper fixes */<br /> <br /> .tier-item p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> display:flex !important;<br /> line-height:0 !important;<br /> }<br /> <br /> .tier-item span {<br /> display:flex !important;<br /> }<br /> <br /> .tier-item a {<br /> display:flex !important;<br /> width:48px;<br /> height:48px;<br /> <br /> align-items:center;<br /> justify-content:center;<br /> }<br /> <br /> <br /> /* Images */<br /> <br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> display:block !important;<br /> <br /> width:48px !important;<br /> height:48px !important;<br /> <br /> max-width:48px !important;<br /> max-height:48px !important;<br /> <br /> image-rendering: pixelated;<br /> image-rendering: crisp-edges;<br /> <br /> object-fit:contain !important;<br /> }<br /> <br /> <br /> /* =========================<br /> Reward Pool<br /> ========================= */<br /> <br /> .reward-pool {<br /> display:flex;<br /> flex-wrap:wrap;<br /> gap:5px;<br /> <br /> padding:5px;<br /> margin:8px 0;<br /> }<br /> <br /> <br /> /* =========================<br /> Rarity backgrounds<br /> ========================= */<br /> <br /> .gold-item {<br /> background:rgba(212,175,55,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .silver-item {<br /> background:rgba(192,192,192,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .bronze-item {<br /> background:rgba(205,127,50,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .tier-list p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .tier-list p br {<br /> display:none !important;<br /> }<br /> <br /> body.page-User_Hefner_Sandbox11 .firstHeading {<br /> display:none;<br /> }</div>

Hefner https://wiki.roatpkz.com/index.php?title=User:Hefner/Sandbox11&diff=28887 2026-07-18T10:07:46Z

<p>Hefner: </p> <hr /> <div><br /> &lt;div class=&quot;tier-list&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;tier-row&quot;&gt;<br /> &lt;div class=&quot;tier-label tier-s&quot;&gt;S&lt;/div&gt;<br /> &lt;div class=&quot;tier-items&quot; id=&quot;tier-S&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;tier-row&quot;&gt;<br /> &lt;div class=&quot;tier-label tier-a&quot;&gt;A&lt;/div&gt;<br /> &lt;div class=&quot;tier-items&quot; id=&quot;tier-A&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;tier-row&quot;&gt;<br /> &lt;div class=&quot;tier-label tier-b&quot;&gt;B&lt;/div&gt;<br /> &lt;div class=&quot;tier-items&quot; id=&quot;tier-B&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;tier-row&quot;&gt;<br /> &lt;div class=&quot;tier-label tier-c&quot;&gt;C&lt;/div&gt;<br /> &lt;div class=&quot;tier-items&quot; id=&quot;tier-C&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;tier-row&quot;&gt;<br /> &lt;div class=&quot;tier-label tier-d&quot;&gt;D&lt;/div&gt;<br /> &lt;div class=&quot;tier-items&quot; id=&quot;tier-D&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;h3&gt;Holiday Items&lt;/h3&gt;<br /> <br /> <br /> &lt;div class=&quot;reward-pool&quot; id=&quot;tier-rewards&quot;&gt;<br /> <br /> <br /> {{TierItem|easter-whip|Easter whip (2023).png|gold}}<br /> {{TierItem|surf-board|Surf Board (2023).png|gold}}<br /> {{TierItem|scythe-skulls|Scythe of skulls (2023).png|gold}}<br /> {{TierItem|christmas-tbow|Christmas Twisted bow (2023).png|gold}}<br /> {{TierItem|easter-tumeken|Easter Tumeken (2024).png|gold}}<br /> {{TierItem|mystic-cards|Mystic cards (2024).png|gold}}<br /> {{TierItem|elysian-spider-shield|Elysian Spider Shield (2024).png|gold}}<br /> {{TierItem|christmas-voidwaker|Christmas Voidwaker (2024).png|gold}}<br /> {{TierItem|bunny-scythe|Bunny Scythe (2025).png|gold}}<br /> {{TierItem|summer-tbow|Summer Twisted Bow (2025).png|gold}}<br /> {{TierItem|pumpkin-whip|Pumpkin whip (2025).png|gold}}<br /> {{TierItem|christmas-elysian|Christmas Elysian Spirit Shield (2025).png|gold}}<br /> {{TierItem|easter-voidwaker|Easter Voidwaker (2026).png|gold}}<br /> {{TierItem|tropical-tumeken|Tropical tumeken (2026).png|gold}}<br /> <br /> <br /> {{TierItem|easter-basket|Easter basket (2024).png|silver}}<br /> {{TierItem|snorkel|Snorkel (2024).png|silver}}<br /> {{TierItem|web-cloak|Web cloak (2024).png|silver}}<br /> {{TierItem|christmas-bicycle|Christmas Bicycle (2024).png|silver}}<br /> {{TierItem|easter-minecart|Easter Minecart (2025).png|silver}}<br /> {{TierItem|summer-raft|Summer Raft (2025).png|silver}}<br /> {{TierItem|halloween-coffin|Halloween coffin (2025).png|silver}}<br /> {{TierItem|christmas-sled|Christmas Sled (2025).png|silver}}<br /> {{TierItem|easter-angel-cape|Easter Angel Cape (2026).png|silver}}<br /> {{TierItem|beachy-cape|Beachy cape (2026).png|silver}}<br /> <br /> <br /> {{TierItem|crate-ring|Crate ring (2024).png|bronze}}<br /> {{TierItem|beach-ball-ring|Beach ball ring (2024).png|bronze}}<br /> {{TierItem|pumpkin-ring|Pumpkin ring (2024).png|bronze}}<br /> {{TierItem|christmas-tree-ring|Christmas tree ring (2024).png|bronze}}<br /> {{TierItem|easter-halo|Easter Halo (2025).png|bronze}}<br /> {{TierItem|summer-umbrella|Summer Umbrella (2025).png|bronze}}<br /> {{TierItem|pumpkin-halo|Pumpkin Halo (2025).png|bronze}}<br /> {{TierItem|christmas-partyhat|Christmas Partyhat (2025).png|bronze}}<br /> {{TierItem|easter-slayer-helmet|Easter Slayer Helmet (2026).png|bronze}}<br /> {{TierItem|aquatic-adze|Aquatic adze (2026).png|bronze}}<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Hefner https://wiki.roatpkz.com/index.php?title=User:Hefner/Sandbox11&diff=28886 2026-07-18T10:07:40Z

<p>Hefner: </p> <hr /> <div>{{No title}}<br /> &lt;div class=&quot;tier-list&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;tier-row&quot;&gt;<br /> &lt;div class=&quot;tier-label tier-s&quot;&gt;S&lt;/div&gt;<br /> &lt;div class=&quot;tier-items&quot; id=&quot;tier-S&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;tier-row&quot;&gt;<br /> &lt;div class=&quot;tier-label tier-a&quot;&gt;A&lt;/div&gt;<br /> &lt;div class=&quot;tier-items&quot; id=&quot;tier-A&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;tier-row&quot;&gt;<br /> &lt;div class=&quot;tier-label tier-b&quot;&gt;B&lt;/div&gt;<br /> &lt;div class=&quot;tier-items&quot; id=&quot;tier-B&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;tier-row&quot;&gt;<br /> &lt;div class=&quot;tier-label tier-c&quot;&gt;C&lt;/div&gt;<br /> &lt;div class=&quot;tier-items&quot; id=&quot;tier-C&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;tier-row&quot;&gt;<br /> &lt;div class=&quot;tier-label tier-d&quot;&gt;D&lt;/div&gt;<br /> &lt;div class=&quot;tier-items&quot; id=&quot;tier-D&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;h3&gt;Holiday Items&lt;/h3&gt;<br /> <br /> <br /> &lt;div class=&quot;reward-pool&quot; id=&quot;tier-rewards&quot;&gt;<br /> <br /> <br /> {{TierItem|easter-whip|Easter whip (2023).png|gold}}<br /> {{TierItem|surf-board|Surf Board (2023).png|gold}}<br /> {{TierItem|scythe-skulls|Scythe of skulls (2023).png|gold}}<br /> {{TierItem|christmas-tbow|Christmas Twisted bow (2023).png|gold}}<br /> {{TierItem|easter-tumeken|Easter Tumeken (2024).png|gold}}<br /> {{TierItem|mystic-cards|Mystic cards (2024).png|gold}}<br /> {{TierItem|elysian-spider-shield|Elysian Spider Shield (2024).png|gold}}<br /> {{TierItem|christmas-voidwaker|Christmas Voidwaker (2024).png|gold}}<br /> {{TierItem|bunny-scythe|Bunny Scythe (2025).png|gold}}<br /> {{TierItem|summer-tbow|Summer Twisted Bow (2025).png|gold}}<br /> {{TierItem|pumpkin-whip|Pumpkin whip (2025).png|gold}}<br /> {{TierItem|christmas-elysian|Christmas Elysian Spirit Shield (2025).png|gold}}<br /> {{TierItem|easter-voidwaker|Easter Voidwaker (2026).png|gold}}<br /> {{TierItem|tropical-tumeken|Tropical tumeken (2026).png|gold}}<br /> <br /> <br /> {{TierItem|easter-basket|Easter basket (2024).png|silver}}<br /> {{TierItem|snorkel|Snorkel (2024).png|silver}}<br /> {{TierItem|web-cloak|Web cloak (2024).png|silver}}<br /> {{TierItem|christmas-bicycle|Christmas Bicycle (2024).png|silver}}<br /> {{TierItem|easter-minecart|Easter Minecart (2025).png|silver}}<br /> {{TierItem|summer-raft|Summer Raft (2025).png|silver}}<br /> {{TierItem|halloween-coffin|Halloween coffin (2025).png|silver}}<br /> {{TierItem|christmas-sled|Christmas Sled (2025).png|silver}}<br /> {{TierItem|easter-angel-cape|Easter Angel Cape (2026).png|silver}}<br /> {{TierItem|beachy-cape|Beachy cape (2026).png|silver}}<br /> <br /> <br /> {{TierItem|crate-ring|Crate ring (2024).png|bronze}}<br /> {{TierItem|beach-ball-ring|Beach ball ring (2024).png|bronze}}<br /> {{TierItem|pumpkin-ring|Pumpkin ring (2024).png|bronze}}<br /> {{TierItem|christmas-tree-ring|Christmas tree ring (2024).png|bronze}}<br /> {{TierItem|easter-halo|Easter Halo (2025).png|bronze}}<br /> {{TierItem|summer-umbrella|Summer Umbrella (2025).png|bronze}}<br /> {{TierItem|pumpkin-halo|Pumpkin Halo (2025).png|bronze}}<br /> {{TierItem|christmas-partyhat|Christmas Partyhat (2025).png|bronze}}<br /> {{TierItem|easter-slayer-helmet|Easter Slayer Helmet (2026).png|bronze}}<br /> {{TierItem|aquatic-adze|Aquatic adze (2026).png|bronze}}<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Hefner https://wiki.roatpkz.com/index.php?title=User:Hefner/Sandbox11&diff=28885 2026-07-18T10:07:13Z

<p>Hefner: </p> <hr /> <div>__NOTITLE__<br /> &lt;div class=&quot;tier-list&quot;&gt;<br /> <br /> <br /> &lt;div class=&quot;tier-row&quot;&gt;<br /> &lt;div class=&quot;tier-label tier-s&quot;&gt;S&lt;/div&gt;<br /> &lt;div class=&quot;tier-items&quot; id=&quot;tier-S&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;tier-row&quot;&gt;<br /> &lt;div class=&quot;tier-label tier-a&quot;&gt;A&lt;/div&gt;<br /> &lt;div class=&quot;tier-items&quot; id=&quot;tier-A&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;tier-row&quot;&gt;<br /> &lt;div class=&quot;tier-label tier-b&quot;&gt;B&lt;/div&gt;<br /> &lt;div class=&quot;tier-items&quot; id=&quot;tier-B&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;tier-row&quot;&gt;<br /> &lt;div class=&quot;tier-label tier-c&quot;&gt;C&lt;/div&gt;<br /> &lt;div class=&quot;tier-items&quot; id=&quot;tier-C&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;div class=&quot;tier-row&quot;&gt;<br /> &lt;div class=&quot;tier-label tier-d&quot;&gt;D&lt;/div&gt;<br /> &lt;div class=&quot;tier-items&quot; id=&quot;tier-D&quot;&gt;&lt;/div&gt;<br /> &lt;/div&gt;<br /> <br /> <br /> &lt;h3&gt;Holiday Items&lt;/h3&gt;<br /> <br /> <br /> &lt;div class=&quot;reward-pool&quot; id=&quot;tier-rewards&quot;&gt;<br /> <br /> <br /> {{TierItem|easter-whip|Easter whip (2023).png|gold}}<br /> {{TierItem|surf-board|Surf Board (2023).png|gold}}<br /> {{TierItem|scythe-skulls|Scythe of skulls (2023).png|gold}}<br /> {{TierItem|christmas-tbow|Christmas Twisted bow (2023).png|gold}}<br /> {{TierItem|easter-tumeken|Easter Tumeken (2024).png|gold}}<br /> {{TierItem|mystic-cards|Mystic cards (2024).png|gold}}<br /> {{TierItem|elysian-spider-shield|Elysian Spider Shield (2024).png|gold}}<br /> {{TierItem|christmas-voidwaker|Christmas Voidwaker (2024).png|gold}}<br /> {{TierItem|bunny-scythe|Bunny Scythe (2025).png|gold}}<br /> {{TierItem|summer-tbow|Summer Twisted Bow (2025).png|gold}}<br /> {{TierItem|pumpkin-whip|Pumpkin whip (2025).png|gold}}<br /> {{TierItem|christmas-elysian|Christmas Elysian Spirit Shield (2025).png|gold}}<br /> {{TierItem|easter-voidwaker|Easter Voidwaker (2026).png|gold}}<br /> {{TierItem|tropical-tumeken|Tropical tumeken (2026).png|gold}}<br /> <br /> <br /> {{TierItem|easter-basket|Easter basket (2024).png|silver}}<br /> {{TierItem|snorkel|Snorkel (2024).png|silver}}<br /> {{TierItem|web-cloak|Web cloak (2024).png|silver}}<br /> {{TierItem|christmas-bicycle|Christmas Bicycle (2024).png|silver}}<br /> {{TierItem|easter-minecart|Easter Minecart (2025).png|silver}}<br /> {{TierItem|summer-raft|Summer Raft (2025).png|silver}}<br /> {{TierItem|halloween-coffin|Halloween coffin (2025).png|silver}}<br /> {{TierItem|christmas-sled|Christmas Sled (2025).png|silver}}<br /> {{TierItem|easter-angel-cape|Easter Angel Cape (2026).png|silver}}<br /> {{TierItem|beachy-cape|Beachy cape (2026).png|silver}}<br /> <br /> <br /> {{TierItem|crate-ring|Crate ring (2024).png|bronze}}<br /> {{TierItem|beach-ball-ring|Beach ball ring (2024).png|bronze}}<br /> {{TierItem|pumpkin-ring|Pumpkin ring (2024).png|bronze}}<br /> {{TierItem|christmas-tree-ring|Christmas tree ring (2024).png|bronze}}<br /> {{TierItem|easter-halo|Easter Halo (2025).png|bronze}}<br /> {{TierItem|summer-umbrella|Summer Umbrella (2025).png|bronze}}<br /> {{TierItem|pumpkin-halo|Pumpkin Halo (2025).png|bronze}}<br /> {{TierItem|christmas-partyhat|Christmas Partyhat (2025).png|bronze}}<br /> {{TierItem|easter-slayer-helmet|Easter Slayer Helmet (2026).png|bronze}}<br /> {{TierItem|aquatic-adze|Aquatic adze (2026).png|bronze}}<br /> <br /> <br /> &lt;/div&gt;<br /> <br /> &lt;/div&gt;</div>

Hefner https://wiki.roatpkz.com/index.php?title=MediaWiki:Common.css&diff=28884 2026-07-18T10:05:12Z

<p>Hefner: </p> <hr /> <div>:root {<br /> --body-background-image: url('filepath://Roat Pkz Wiki background darkmode1.jpg');<br /> --body-background-color: #071022;<br /> --body-main: #172136;<br /> --body-light: #313e59;<br /> --body-mid: #222e45;<br /> --body-dark: #222e45;<br /> --body-border: #596e96;<br /> --link-color: #8cabe6;<br /> --background-link-color: var(--link-color);<br /> --redlink-color: #f26d60;<br /> --text-color: #cbd9f4;<br /> --background-text-color: #cbd9f4;<br /> --byline-color: #98a2b6;<br /> --subtle-color: var(--byline-color);<br /> --search-box: var(--body-light);<br /> --admin-blue: #0087ff;<br /> --bearcat-green: #00ff55;<br /> --awb-purple: #f319ff;<br /> --sidebar: #222e45;<br /> --button-background: #617ebc;<br /> --button-dark: #617ebc;<br /> --button-border: #617ebc;<br /> --button-light: #617ebc;<br /> --wikitable-header-bg: #222e45;<br /> --wikitable-border: #172136;<br /> --wikitable-bg: #313e59;<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --wikitable-alternating-bg: #2a3651;<br /> --table-na-background: rgba(0, 0, 0, 0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #0b5884;<br /> --droptable-common-background: #3c780a;<br /> --droptable-uncommon-background: #a48900;<br /> --droptable-rare-background: #b55e0c;<br /> --droptable-veryrare-background: #9f261e;<br /> --droptable-random-background: #984c89;<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px);<br /> --tile-border-color: var(--body-border);<br /> --tile-background-color: var(--body-light);<br /> --tile-link-button-color: var(--body-mid);<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255, 255, 255, 0.7);<br /> --tile-dark-header-color: #fff;<br /> --documentation-background: var(--body-light);<br /> --documentation-border: var(--sidebar);<br /> --documentation-link-color: var(--link-color);<br /> --documentation-headers-color: var(--text-color);<br /> --documentation-header-background: var(--body-dark);<br /> --documentation-subheader-background: #1f293e;<br /> --base-text-color: var(--text-color);<br /> --base-heading-color: var(--text-color);<br /> --base-heading-border: var(--sidebar);<br /> --mainpage-recent-updates-description-color: var(--text-color);<br /> --thumb-bg: var(--body-mid);<br /> --thumb-caption-bg: var(--body-light);<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid);<br /> --diff-addedline-background: #438ab5;<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-color: #fff;<br /> --diff-deletedline-background: #379541;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-color: #fff;<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: var(--errorbox-bg);<br /> --warningbox-border: var(--errorbox-border);<br /> --successbox-bg: #2e5e05;<br /> --successbox-border: #3c780a;<br /> --messagebox-obsolete-background: #464646;<br /> --messagebox-obsolete-border: #333;<br /> --messagebox-obsolete-color: #ddd;<br /> --messagebox-obsolete-link-color: #bbb;<br /> --messagebox-info-background: var(--messagebox-obsolete-background);<br /> --messagebox-info-border: var(--messagebox-obsolete-border);<br /> --messagebox-info-color: var(--messagebox-obsolete-color);<br /> --messagebox-info-link-color: var(--messagebox-obsolete-link-color);<br /> --messagebox-action-background: #45697d;<br /> --messagebox-action-border: #2d5266;<br /> --messagebox-action-color: var(--text-color);<br /> --messagebox-action-link-color: #b8d5e5;<br /> --messagebox-warn-background: #95271b;<br /> --messagebox-warn-border: #6b130a;<br /> --messagebox-warn-color: #f8ebe9;<br /> --messagebox-warn-link-color: #e8b8b3;<br /> --messagebox-safe-background: #1b8408;<br /> --messagebox-safe-border: #126802;<br /> --messagebox-safe-color: #e9f6e7;<br /> --messagebox-safe-link-color: #c1e0bb;<br /> --messagebox-disambig-background: var(--messagebox-obsolete-background);<br /> --messagebox-disambig-border: var(--messagebox-obsolete-border);<br /> --messagebox-disambig-color: var(--messagebox-obsolete-color);<br /> --messagebox-disambig-link-color: var(--messagebox-obsolete-link-color);<br /> --mw-code-background-color: #222e45;<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-mid);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border);<br /> --scribuntoconsole-input: #3ea6e6;<br /> --scibuntoconsole-print: #f9d000;<br /> --scribuntoconsole-error: #ee4231;<br /> --scribuntoconsole-message: #6bc71f;<br /> --scribuntoconsole-tabcomplete: #855cd8;<br /> --scribuntoconsole-clear: #ee4231;<br /> --blockquote-color: var(--text-color);<br /> --coins-color: #6bc71f;<br /> --coins-pos-color: #3ea6e6;<br /> --coins-neg-color: #ee4231;<br /> --questdetails-header-background: var(--body-dark);<br /> --questdetails-header-background-alt: var(--body-dark);<br /> --fact-text-color: #3ea6e6;<br /> --production-selected-background: #3c780a;<br /> --production-selected-color: #fff;<br /> --wikipedia-border: var(--body-border);<br /> --wikipedia-background: var(--body-light);<br /> --keypress-background: var(--body-light);<br /> --keypress-border: var(--body-border);<br /> --keypress-color: var(--text-color);<br /> --ajaxpoll-background: var(--body-light);<br /> --ajaxpoll-text-color: var(--base-text-color);<br /> --ajaxpoll-answerbar-background: var(--body-mid);<br /> --ajaxpoll-answerbar-border: var(--body-border);<br /> --rc-negative-color: #ee4231;<br /> --rc-positive-color: #6bc71f;<br /> --filter-black-to-link: invert(63%) sepia(67%) saturate(242%) hue-rotate(182deg) brightness(93%) contrast(94%);<br /> --transcript-border-color: #596e96;<br /> --transcript-border-hover-color: #8596b7;<br /> --transcript-strikethrough-color: #fff;<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--navbox-title-background);<br /> --navbox-group-title-background: var(--navbox-title-background);<br /> --infobox-bg: var(--body-light);<br /> --infobox-border: var(--body-border);<br /> --infobox-header: var(--body-dark);<br /> --infobox-subheader: var(--body-mid);<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #444e5a;<br /> --sourceeditor-input-background: var(--body-mid);<br /> --sourceeditor-background: var(--body-light);<br /> --sourceeditor-background-secondary: var(--body-mid);<br /> --sourceeditor-border: var(--body-main);<br /> --codemirror-gutter-background: var(--body-light);<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border);<br /> --vector-tab-background: #222e45;<br /> --vector-tab-background--hover: #293753;<br /> --vector-tab-link-color: var(--background-link-color);<br /> --lighttable-bg-hover: #3c780a;<br /> --lighttable-bg-active: #2e5e05;<br /> --lighttable-link-color: #c3e8a3;<br /> --personal-links-bg: rgba(7, 16, 34, 0.75);<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg, #315d30 0 20px, #13421e 20px 30px);<br /> --tbz-unlocked-border-color: #00e417;<br /> --tbz-locked-background-color: #8a2525;<br /> --tbz-locked-border-color: #b32828;<br /> --tbz-partial-unlock-background: #5a5a5a;<br /> --tbz-partial-unlock-border-color: #13421e;<br /> }<br /> <br /> <br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape.woff2?17907) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape';<br /> font-style: normal;<br /> font-weight: bold;<br /> src: local(&quot;RuneScape Bold&quot;),local(&quot;RuneScape Bold 12&quot;),local(&quot;RuneScape Chat 2&quot;),local(&quot;RuneScape Chat&quot;),url(/images/RuneScape_Bold.woff2?514fd) format('woff2')<br /> }<br /> <br /> @font-face {<br /> font-family: 'RuneScape Small';<br /> font-style: normal;<br /> font-weight: normal;<br /> src: local(&quot;RuneScape Plain 12&quot;),url(/images/RuneScape_Small.woff2?1ee0e) format('woff2')<br /> }<br /> <br /> :root {<br /> --base-text-color: #cbd9f4;<br /> --base-heading-color: #cbd9f4;<br /> --base-heading-border: #596e96;<br /> --mw-code-background-color: #222e45;<br /> --body-background-image: url(/images/b/b5/Roat_Pkz_Wiki_background_darkmode2.png)<br /> }<br /> <br /> #mw-page-base {<br /> background: none<br /> }<br /> <br /> .mw-body {<br /> background-color: var(--body-main);<br /> color: var(--text-color);<br /> border-color: transparent;<br /> box-shadow: 0 0 7px rgba(0,0,0,0.15);<br /> margin-top: 0<br /> }<br /> <br /> h1,h2,h3,h4,h5,h6 {<br /> color: var(--text-color)<br /> }<br /> <br /> h1,h2 {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-body h1,.mw-body-content h1,.mw-body-content h2,.mw-body-content h3,.mw-body-content h4,.mw-body-content h5,.mw-body-content h6 {<br /> font-family: 'PT Serif','Palatino','Georgia',serif<br /> }<br /> <br /> .mw-parser-output h2:first-of-type {<br /> clear: left<br /> }<br /> <br /> .mw-footer {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer li {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .mw-footer a,.mw-footer a:active,.mw-footer a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> ::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> a {<br /> color: var(--link-color)<br /> }<br /> <br /> a:visited,a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> a.new {<br /> color: var(--redlink-color)<br /> }<br /> <br /> a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .mw-parser-output a.extiw,.mw-parser-output a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-parser-output a.extiw:visited,.mw-parser-output a.external:visited,.mw-parser-output a.extiw:active,.mw-parser-output a.external:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .jsPurgeLink a.external {<br /> color: var(--link-color)<br /> }<br /> <br /> a[href=&quot;/w/User:AndBot&quot;],a[href=&quot;/w/User:BisetteBot&quot;],a[href=&quot;/w/User:Bot50&quot;],a[href=&quot;/w/User:BotDiesel2m&quot;],a[href=&quot;/w/User:Bowl&quot;],a[href=&quot;/w/User:Catbot&quot;],a[href=&quot;/w/User:CookBot&quot;],a[href=&quot;/w/User:Cresbot&quot;],a[href=&quot;/w/User:CrowBot&quot;],a[href=&quot;/w/User:Data_Chompy&quot;],a[href=&quot;/w/User:GauBot&quot;],a[href=&quot;/w/User:Gaz_Bot&quot;],a[href=&quot;/w/User:Gaz_GEBot&quot;],a[href=&quot;/w/User:HabbletAWB&quot;],a[href=&quot;/w/User:JakesterwarsBot&quot;],a[href=&quot;/w/User:JaydenBot&quot;],a[href=&quot;/w/User:MuudyBot&quot;],a[href=&quot;/w/User:MB%C3%A5t&quot;],a[href=&quot;/w/User:New_user_message&quot;],a[href=&quot;/w/User:Quadrabot&quot;],a[href=&quot;/w/User:Redirect_fixer&quot;],a[href=&quot;/w/User:Riblet15_bot_account&quot;],a[href=&quot;/w/User:ShoyBot&quot;],a[href=&quot;/w/User:SlapChoppe&quot;],a[href=&quot;/w/User:Spinewielder&quot;],a[href=&quot;/w/User:WolaznikBot&quot;] {<br /> color: var(--awb-purple)<br /> }<br /> <br /> a[href=&quot;/w/User:Andmcadams&quot;],a[href=&quot;/w/User:BigDiesel2m&quot;],a[href=&quot;/w/User:Brok&quot;],a[href=&quot;/w/User:Cook_Me_Plox&quot;],a[href=&quot;/w/User:Fjara&quot;],a[href=&quot;/w/User:Gau_Cho&quot;],a[href=&quot;/w/User:Gaz_Lloyd&quot;],a[href=&quot;/w/User:Iiii_I_I_I&quot;],a[href=&quot;/w/User:Jayden&quot;],a[href=&quot;/w/User:Jeljo&quot;],a[href=&quot;/w/User:Joeytje50&quot;],a[href=&quot;/w/User:Legaia_2_Pla&quot;],a[href=&quot;/w/User:Ostentatio&quot;],a[href=&quot;/w/User:Riblet15&quot;],a[href=&quot;/w/User:Shayani&quot;],a[href=&quot;/w/User:Shoyrukon&quot;],a[href=&quot;/w/User:TehKittyCat&quot;],a[href=&quot;/w/User:Towelcat&quot;],a[href=&quot;/w/User:Wolaznik&quot;] {<br /> color: var(--admin-blue)<br /> }<br /> <br /> a[href=&quot;/w/User:Spineweilder&quot;],a[href=&quot;/w/User:Jakesterwars&quot;],a[href=&quot;/w/User:Julia&quot;] {<br /> color: var(--bearcat-green)<br /> }<br /> <br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> background: url(/images/Jagex_moderator_emblem.png?093b0) left no-repeat;<br /> padding-left: 15px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> a[href=&quot;/w/User:Jagex_Stu&quot;],a[href=&quot;/w/User:Mod_Ave&quot;],a[href=&quot;/w/User:Jimwip&quot;],a[href=&quot;/w/User:Mod_Jam&quot;],a[href=&quot;/w/User:Kelvin&quot;],a[href=&quot;/w/User:JagexKieren&quot;],a[href=&quot;/w/User:JagexNin&quot;],a[href=&quot;/w/User:JagexPebble&quot;],a[href=&quot;/w/User:Mod_Sukotto&quot;] {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> #ca-nstab-user a {<br /> background: none<br /> }<br /> <br /> :root {<br /> --errorbox-bg: #801c13;<br /> --errorbox-border: #9f261e;<br /> --warningbox-bg: #801c13;<br /> --warningbox-border: #9f261e;<br /> --successbox-bg: #801c13;<br /> --successbox-border: #9f261e<br /> }<br /> <br /> .mw-message-box-error,.errorbox,.mw-message-box-warning,.warningbox,.mw-message-box-success,.successbox,.usermessage {<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw-message-box-error,.errorbox {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .mw-message-box-warning,.warningbox,.usermessage {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .mw-message-box-success,.successbox {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .catlinks {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-dark);<br /> padding: 8px 15px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .catlinks li {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .filehistory a img,#file img {<br /> background: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M0 0h8v16h8V8H0z' opacity='.13'/%3E%3C/svg%3E&quot;) repeat<br /> }<br /> <br /> #file img:hover {<br /> background: none<br /> }<br /> <br /> .mw-highlight {<br /> background: none<br /> }<br /> <br /> .mw-highlight .linenos {<br /> background-color: var(--mw-code-background-color);<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-highlight a:hover .linenos,.mw-highlight .hll a .linenos {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-content-ltr.mw-highlight-lines pre,.mw-content-ltr.content .mw-highlight-lines pre {<br /> box-shadow: inset 2.75em 0 0 var(--mw-code-background-color)<br /> }<br /> <br /> #pagehistory ul {<br /> list-style: none;<br /> margin: 0<br /> }<br /> <br /> #pagehistory li {<br /> border: 1px solid transparent;<br /> padding: 1px 10px;<br /> margin: 2px 0<br /> }<br /> <br /> #pagehistory li.selected {<br /> background-color: var(--body-light);<br /> color: inherit;<br /> border: 1px dashed var(--body-border);<br /> outline: none<br /> }<br /> <br /> #mw-history-compare &gt; div:first-of-type {<br /> position: -webkit-sticky;<br /> position: sticky;<br /> top: 0;<br /> background-color: var(--body-main);<br /> border-bottom: 1px solid var(--body-dark);<br /> padding: 0.25em 0<br /> }<br /> <br /> .wgl-stickyheader #mw-history-compare &gt; div:first-of-type {<br /> top: 2.5rem<br /> }<br /> <br /> .autocomment,.autocomment a,.autocomment a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> li span.deleted,span.history-deleted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-usertoollinks-contribs-no-edits,.mw-usertoollinks-contribs-no-edits:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .CategoryTreeToggle {<br /> color: var(--link-color)<br /> }<br /> <br /> body.wgl-stickyheader.action-view .mw-headline:target::before {<br /> display: block;<br /> content: '';<br /> margin-top: -3rem;<br /> height: 3rem;<br /> visibility: hidden;<br /> pointer-events: none<br /> }<br /> <br /> .mw-mmv-post-image {<br /> color: var(--text-color);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-mmv-image-metadata {<br /> border-top-color: var(--body-mid);<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-mmv-dialog,.mw-mmv-dialog .mw-mmv-dialog-down-arrow,.mw-mmv-options-dialog .mw-mmv-dialog-down-arrow {<br /> background-color: var(--body-light);<br /> box-shadow: none<br /> }<br /> <br /> .mw-mmv-options-enable-alert {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-mmv-options-dialog-header,.mw-mmv-options-text-header,.mw-mmv-options-text-body,.mw-mmv-options-enable-alert,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-dialog-header,.mw-mmv-options-dialog .mw-mmv-disable-confirmation .mw-mmv-options-text-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-revslider-container {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-revslider-slider-wrapper {<br /> border-top-color: var(--sidebar)<br /> }<br /> <br /> .mw-ui-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):hover,.mw-ui-button:not(:disabled):active {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-ui-button:not(:disabled):focus {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button:not(:disabled):visited {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled) {<br /> background-color: var(--ooui-progressive);<br /> color: #fff;<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-progressive:not(:disabled):active,.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: none<br /> }<br /> <br /> .mw-ui-button.mw-ui-destructive:not(:disabled) {<br /> color: #fff<br /> }<br /> <br /> .mw-ui-button.mw-ui-quiet,.mw-ui-button.mw-ui-quiet.mw-ui-progressive,.mw-ui-button.mw-ui-quiet.mw-ui-destructive {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:hover + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:hover,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:hover,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:hover {<br /> background-color: rgba(0,24,73,0.02745098);<br /> color: var(--text-color);<br /> border-color: transparent<br /> }<br /> <br /> input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:focus + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:focus,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:focus,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-progressive,input[type='checkbox']:active + .mw-ui-button.mw-ui-quiet.mw-ui-destructive,.mw-ui-button.mw-ui-quiet:active,.mw-ui-button.mw-ui-quiet.mw-ui-progressive:active,.mw-ui-button.mw-ui-quiet.mw-ui-destructive:active {<br /> background-color: rgba(0,36,73,0.08235294);<br /> color: var(--text-color);<br /> border-color: #72777d<br /> }<br /> <br /> .mw-ui-input {<br /> background-color: var(--ooui-input);<br /> color: var(--text-color);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-ui-input:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-ui-input::placeholder {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child {<br /> padding: 0;<br /> background: 0<br /> }<br /> <br /> .mw-content-ltr .redirectText li:first-child::before {<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> mask: url(/images/Redirect-arrow.svg?d4dde) no-repeat 50% 50% / contain;<br /> display: inline-block;<br /> width: 47px;<br /> height: 20px<br /> }<br /> <br /> :root {<br /> --wikitable-header-bg: var(--body-dark);<br /> --wikitable-border: var(--body-main);<br /> --wikitable-bg: var(--body-light);<br /> --wikitable-bg-lighter: #384766;<br /> --wikitable-color: var(--droptable-text-color);<br /> --table-na-background: rgba(0,0,0,0.2);<br /> --table-na-color: var(--subtle-color);<br /> --table-yes-background: #2e5e05;<br /> --table-yes-color: #c3e8a3;<br /> --table-no-background: #801c13;<br /> --table-no-color: #fbc0ba;<br /> --table-maybe-background: #786300;<br /> --table-maybe-color: #fcea94;<br /> --droptable-text-color: #fff;<br /> --droptable-always-background: #afeeee;<br /> --droptable-common-background: #56e156;<br /> --droptable-uncommon-background: #ffed4c;<br /> --droptable-rare-background: #ff863c;<br /> --droptable-veryrare-background: #ff6262;<br /> --droptable-random-background: #ffa3ff<br /> }<br /> <br /> .wikitable {<br /> background: var(--wikitable-bg);<br /> color: var(--wikitable-color);<br /> border-color: var(--wikitable-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; tr &gt; td,.wikitable &gt; * &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .wikitable &gt; tr &gt; th.table-noborder,.wikitable &gt; tr &gt; td.table-noborder,.wikitable &gt; * &gt; tr &gt; th.table-noborder,.wikitable &gt; * &gt; tr &gt; td.table-noborder {<br /> border-left-style: hidden;<br /> border-right-style: hidden;<br /> padding-left: 0;<br /> padding-right: 0<br /> }<br /> <br /> .wikitable &gt; tr &gt; th,.wikitable &gt; * &gt; tr &gt; th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .tabber .wikitable {<br /> box-shadow: none<br /> }<br /> <br /> .table-bg-always,.table-bg-blue {<br /> background: var(--droptable-always-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-common,.table-bg-green {<br /> background: var(--droptable-common-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-uncommon,.table-bg-yellow {<br /> background: var(--droptable-uncommon-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-rare,.table-bg-orange {<br /> background: var(--droptable-rare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-veryrare,.table-bg-red {<br /> background: var(--droptable-veryrare-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-random,.table-bg-pink {<br /> background: var(--droptable-random-background);<br /> color: var(--droptable-text-color)<br /> }<br /> <br /> .table-bg-fade {<br /> opacity: 0.6;<br /> background: rgba(0,0,0,0.1)<br /> }<br /> <br /> .mw_metadata td,.mw_metadata th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw_metadata th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw_metadata td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable td,.mw-datatable th {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-datatable th {<br /> background-color: var(--wikitable-header-bg)<br /> }<br /> <br /> .mw-datatable td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> .mw-datatable tr:hover td {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> table.alternating-rows tr:nth-child(odd),table.alternating-cols td:nth-child(odd) {<br /> background: var(--wikitable-alternating-bg)<br /> }<br /> <br /> .table-na {<br /> background: var(--table-na-background);<br /> color: var(--table-na-color);<br /> vertical-align: middle;<br /> text-align: center<br /> }<br /> <br /> .table-yes {<br /> background: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .table-positive {<br /> background: var(--table-yes-background)<br /> }<br /> <br /> .table-no {<br /> background: var(--table-no-background);<br /> color: var(--table-no-color)<br /> }<br /> <br /> .table-negative {<br /> background: var(--table-no-background)<br /> }<br /> <br /> .table-maybe {<br /> background: var(--table-maybe-background);<br /> color: var(--table-maybe-color)<br /> }<br /> <br /> #mw-allmessagestable .am_actual,#mw-allmessagestable .am_default {<br /> background-color: var(--wikitable-bg)<br /> }<br /> <br /> #mw-allmessagestable .am_default:hover,#mw-allmessagestable .am_actual:hover,#mw-allmessagestable tbody:hover td {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> table.wikitable td.no-cell-spacing {<br /> padding: 0;<br /> height: 0<br /> }<br /> <br /> table.wikitable td.no-cell-spacing table {<br /> margin: -1px;<br /> width: calc(100% + 2px);<br /> height: calc(100% + 2px)<br /> }<br /> <br /> .plainlist ol,.plainlist ul {<br /> margin: 0<br /> }<br /> <br /> .plainlist li {<br /> margin-bottom: 0;<br /> list-style: none<br /> }<br /> <br /> 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) {<br /> text-align: right<br /> }<br /> <br /> 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) {<br /> text-align: center<br /> }<br /> <br /> 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) {<br /> text-align: left<br /> }<br /> <br /> .rsw-chartjs.rsw-chartjs-config {<br /> display: none<br /> }<br /> <br /> .rsw-chartjs.rsw-chart-error {<br /> font-family: monospace<br /> }<br /> <br /> .rsw-chartjs-canvas {<br /> background-color: var(--body-light)<br /> }<br /> <br /> :root {<br /> --diff-addedline-border-color: #438ab5;<br /> --diff-addedline-background: #bddff2;<br /> --diff-addedline-color: #000;<br /> --diff-deletedline-border-color: #379541;<br /> --diff-deletedline-background: #c1edbf;<br /> --diff-deletedline-color: #000;<br /> --diff-context-border-color: var(--body-mid);<br /> --diff-context-background: var(--body-mid)<br /> }<br /> <br /> .diff-context {<br /> border-color: var(--diff-context-border-color);<br /> background: var(--diff-context-background);<br /> color: inherit<br /> }<br /> <br /> .diff-addedline {<br /> border-color: var(--diff-addedline-border-color)<br /> }<br /> <br /> .diff-addedline .diffchange {<br /> background: var(--diff-addedline-background);<br /> color: var(--diff-addedline-color)<br /> }<br /> <br /> .diff-deletedline {<br /> border-color: var(--diff-deletedline-border-color)<br /> }<br /> <br /> .diff-deletedline .diffchange {<br /> background: var(--diff-deletedline-background);<br /> color: var(--diff-deletedline-color)<br /> }<br /> <br /> .mw-diff-movedpara-left:after,.mw-diff-movedpara-right:after {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-notification {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-notificationsInboxWidget-toolbarWrapper {<br /> background: var(--body-main)<br /> }<br /> <br /> .mw-body-content .mw-echo-ui-datedSubGroupListWidget-title-secondary {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> background-color: var(--ooui-normal);<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-optionWidget-selected .mw-echo-ui-pageNotificationsOptionWidget-label-count {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .mw-echo-ui-pageNotificationsOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal);<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-echo-ui-crossWikiUnreadFilterWidget-subtitle {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-head,.mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup &gt; .oo-ui-popupWidget-footer .mw-echo-ui-notificationBadgeButtonPopupWidget-footer-buttons .oo-ui-buttonElement:last-child {<br /> border-left-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:hover,.mw-echo-ui-notificationItemWidget-unread:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget:last-child {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-unread {<br /> background-color: var(--search-box)<br /> }<br /> <br /> .mw-echo-ui-crossWikiNotificationItemWidget-group,.mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget:hover .mw-echo-ui-toggleReadCircleButtonWidget-circle {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-echo-ui-toggleReadCircleButtonWidget-circle-unread {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-echo-ui-notificationItemWidget-content-message-header,.mw-echo-ui-notificationItemWidget-content-message-body,.mw-echo-ui-menuItemWidget &gt; .oo-ui-buttonElement-button &gt; .oo-ui-labelElement-label,.mw-echo-ui-notificationItemWidget-content-actions-timestamp {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-echo-ui-bundleNotificationItemWidget-group {<br /> background-color: var(--body-main)<br /> }<br /> <br /> @keyframes unseen-fadeout-to-unread {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--search-box)<br /> }<br /> }<br /> <br /> @keyframes unseen-fadeout-to-read {<br /> from {<br /> background-color: var(--wikitable-bg-lighter)<br /> }<br /> <br /> to {<br /> background-color: var(--body-main)<br /> }<br /> }<br /> <br /> .mwe-popups {<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container {<br /> color: var(--text-color);<br /> background: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:before,.mwe-popups .mwe-popups-container.flipped-y:before {<br /> border-top: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:before {<br /> border-bottom: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.flipped-x-y:after,.mwe-popups .mwe-popups-container.flipped-y:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-container.mwe-popups-no-image-tri:after {<br /> border-bottom-color: var(--body-light)<br /> }<br /> <br /> .mwe-popups .mwe-popups-settings-icon:hover,.mwe-popups .mwe-popups-settings-icon:active {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .mwe-popups .mw-ui-icon-element:not(.disabled):hover {<br /> background: none<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract {<br /> color: var(--text-color)<br /> }<br /> <br /> .mwe-popups .mwe-popups-extract[dir='ltr']:after {<br /> background-image: linear-gradient(to right,rgba(49,62,89,0),var(--body-light) 50%)<br /> }<br /> <br /> .mwe-popups-overlay {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> #mwe-popups-settings {<br /> background: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--text-color)<br /> }<br /> <br /> #mwe-popups-settings header {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form p {<br /> color: var(--byline-color)<br /> }<br /> <br /> #mwe-popups-settings main#mwe-popups-settings-form form label &gt; span {<br /> color: var(--ooui-text)<br /> }<br /> <br /> :root {<br /> --smw-ask-options-even-bg: var(--body-mid);<br /> --smw-ask-options-odd-bg: var(--body-light);<br /> --smw-ask-action-btn-lblue-bg: var(--body-main);<br /> --smw-ask-action-btn-lblue-color: #000;<br /> --smw-ask-action-btn-lblue-border-color: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-bg: var(--osrsw-brown);<br /> --smw-ask-action-btn-dblue-color: #fff;<br /> --smw-ask-action-btn-dblue-border-color: var(--button-border)<br /> }<br /> <br /> .smw-ask-condition fieldset,.smw-ask-printhead fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .smw-ask-search fieldset,.smw-ask-format fieldset,.smw-ask-options fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .strike &gt; span:before,.strike &gt; span:after {<br /> background: var(--sidebar)<br /> }<br /> <br /> .smw-ask-options-fields tr td {<br /> background-color: var(--smw-ask-options-even-bg)<br /> }<br /> <br /> .smw-ask-options-fields tr:nth-child(odd) td {<br /> background-color: var(--smw-ask-options-odd-bg)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-lblue,.smw-ask-action-btn.smw-ask-action-btn-lblue:hover,.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--smw-ask-action-btn-lblue-bg);<br /> color: var(--smw-ask-action-btn-lblue-color);<br /> border-color: var(--smw-ask-action-btn-lblue-border-color)<br /> }<br /> <br /> .smw-ask-action-btn.smw-ask-action-btn-dblue,.smw-ask-action-btn.smw-ask-action-btn-dblue:hover,.smw-ask-action-btn.smw-ask-action-btn-dblue:visited {<br /> background-color: var(--smw-ask-action-btn-dblue-bg);<br /> color: var(--smw-ask-action-btn-dblue-color);<br /> border-color: var(--smw-ask-action-btn-dblue-border-color)<br /> }<br /> <br /> .smw-ask-query textarea,.smw-ask-actions textarea {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-query-format select {<br /> background-color: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ask-toplinks {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info {<br /> background: none;<br /> padding: 0 !important<br /> }<br /> <br /> .smw-ask-toplinks span.smw-icon-info::before {<br /> content: '';<br /> background: var(--text-color);<br /> -webkit-mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> mask: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Einfo%3C/title%3E%3Cpath d='M10 0C4.477 0 0 4.477 0 10s4.477 10 10 10 10-4.477 10-10S15.523 0 10 0zM9 5h2v2H9zm0 4h2v6H9z'/%3E%3C/svg%3E&quot;) no-repeat 50% 50% / contain;<br /> padding: 0 0 3px 18px<br /> }<br /> <br /> .smw-ask-options-row-odd {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smw-ask-options-row-even {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> #options-toggle:not(:checked) + #options-list .options-parameter-list:after {<br /> background-image: linear-gradient(to bottom,transparent,var(--body-mid) 90%)<br /> }<br /> <br /> .smw-ask-button-submit input {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-ask-button-submit input:hover,.smw-ask-button-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> input.smw-ask-action-btn.smw-ask-action-btn-dblue {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:visited {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn.smw-ask-action-btn-lblue:hover {<br /> background-color: var(--body-mid);<br /> border-color: var(--body-mid);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> a.smw-ask-action-btn-lgrey:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-callout-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .smw-callout-info {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .smw-callout-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .smw-callout-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-bg)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label,.smw-tabs input.nav-tab:checked + label.nav-label:hover {<br /> color: inherit<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count {<br /> color: #fff;<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.moderate {<br /> color: #fff;<br /> background-color: #b55e0c;<br /> border-color: #b55e0c<br /> }<br /> <br /> #tab-smw-property-value:checked + label.nav-label .usage-count.high {<br /> color: #fff;<br /> background-color: #9f261e;<br /> border-color: #9f261e<br /> }<br /> <br /> .smw-property-page-results .header-title {<br /> background-color: var(--ooui-interface);<br /> border-bottom-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-property-page-results .value-row:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .smw-property-page-results .smw-table .header-row {<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-tooltip.light-border-theme .tippy-arrow:after {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .tippy-header {<br /> background-color: var(--body-dark);<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .smw-ui-input-filter {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .smw-ui-input-filter input {<br /> border-left-color: var(--ooui-interface-border) !important;<br /> color: var(--ooui-text) !important<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border);<br /> color: var(--subtle-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--link-color)<br /> }<br /> <br /> .smw-ui-pagination .page-link.link-active {<br /> color: #fff;<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .smw-tabs input.nav-tab:checked + label.nav-label {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-tabs section,.smw-tabs .subtab-content {<br /> border-top-color: var(--ooui-normal-border)<br /> }<br /> <br /> .smw-column-header {<br /> color: var(--text-color)<br /> }<br /> <br /> .smw-factbox {<br /> background: var(--body-main);<br /> border-color: transparent<br /> }<br /> <br /> .mw-body .mw-indicators #mw-indicator-smw-entity-examiner.mw-indicator .smw-indicator-vertical-bar-loader {<br /> display: none<br /> }<br /> <br /> .smwb-theme-light .smwb-title,.smwb-theme-light .smwb-center,.smwb-theme-light .smwb-actions,.smwb-theme-light .smwb-prophead {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-factbox {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-ifactbox {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .smwb-theme-light .smwb-propval {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .smwb-action-separator {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .smwb-bottom {<br /> border-bottom: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-ifactbox .smwb-cell,.smwb-factbox .smwb-cell {<br /> border-top: 1px solid var(--wikitable-border)<br /> }<br /> <br /> .smwb-propvalue .smwb-prophead,.smwb-ipropvalue .smwb-prophead,.smwb-propvalue .smwb-propval,.smwb-ipropvalue .smwb-propval {<br /> font-size: 0.9em<br /> }<br /> <br /> :root {<br /> --filter-black-to-link: invert(36%) sepia(58%) saturate(433%) hue-rotate(344deg) brightness(100%) contrast(91%)<br /> }<br /> <br /> #bodyContent span.smwbrowse a {<br /> color: black;<br /> background-image: url(/images/Smwbrowse.svg?87d2b);<br /> filter: var(--filter-black-to-link)<br /> }<br /> <br /> #bodyContent span.smwbrowse a:hover {<br /> color: black;<br /> background-image: url(/images/Smwbrowse-hover.svg?73b79);<br /> text-decoration: underline<br /> }<br /> <br /> #bodyContent span.smwsearch a {<br /> color: black;<br /> filter: var(--filter-black-to-link);<br /> background-image: url(/images/Smwsearch.svg?72b04)<br /> }<br /> <br /> #bodyContent span.smwsearch a:hover {<br /> color: black;<br /> background-image: url(/images/Smwsearch-hover.svg?62df0);<br /> text-decoration: underline<br /> }<br /> <br /> :root {<br /> --tabber-tab-bg: var(--body-light);<br /> --tabber-tab-border-color: var(--body-border);<br /> --tabber-active-tab-bg: var(--body-light);<br /> --tabber-active-tab-color: var(--text-color);<br /> --tabber-active-tab-hover-bg: var(--body-light);<br /> --tabber-active-tab-hover-border-color: var(--body-border);<br /> --tabber-active-tab-hover-color: var(--text-color);<br /> --tabber-active-tab-border-hider-color: var(--body-light);<br /> --tabber-inactive-tab-bg: var(--body-background-color);<br /> --tabber-inactive-tab-border-color: var(--body-border);<br /> --tabber-inactive-tab-color: var(--text-color);<br /> --tabber-inactive-tab-hover-bg: var(--body-light);<br /> --tabber-inactive-tab-hover-border-color: var(--body-border)<br /> }<br /> <br /> .tabber {<br /> margin: 1em 0<br /> }<br /> <br /> .tabber .tabbertab {<br /> background-color: var(--tabber-tab-bg);<br /> border: 1px solid var(--tabber-tab-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1em 1.5em<br /> }<br /> <br /> ul.tabbernav {<br /> border: none;<br /> margin-left: 2em;<br /> margin-bottom: 0;<br /> margin-right: 2em;<br /> padding: 0;<br /> font-family: inherit<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a {<br /> background-color: var(--tabber-active-tab-bg);<br /> color: var(--tabber-active-tab-color);<br /> border-bottom: none;<br /> position: relative<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a:hover {<br /> color: var(--tabber-active-tab-hover-color);<br /> background-color: var(--tabber-active-tab-hover-bg);<br /> border-color: var(--tabber-active-tab-hover-border-color);<br /> border-bottom: none<br /> }<br /> <br /> ul.tabbernav li.tabberactive &gt; a::after {<br /> content: '';<br /> position: absolute;<br /> left: 0;<br /> right: 0;<br /> bottom: -1px;<br /> border-bottom: 2px solid var(--tabber-active-tab-border-hider-color)<br /> }<br /> <br /> ul.tabbernav li a {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> border-bottom: transparent;<br /> border-color: var(--tabber-inactive-tab-border-color);<br /> color: var(--tabber-inactive-tab-color);<br /> display: inline-block;<br /> font-size: 110%;<br /> padding: 0.5em 1em<br /> }<br /> <br /> ul.tabbernav li a:hover {<br /> background-color: var(--tabber-inactive-tab-hover-bg);<br /> border-color: var(--tabber-inactive-tab-hover-border-color)<br /> }<br /> <br /> ul.tabbernav li a:link,ul.tabbernav li a:visited {<br /> color: var(--tabber-inactive-tab-color)<br /> }<br /> <br /> .js-tooltip-text {<br /> padding: 5px<br /> }<br /> <br /> .js-tooltip-wrapper {<br /> position: absolute;<br /> z-index: 10;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> color: var(--text-color);<br /> max-width: 75%;<br /> overflow-wrap: break-word;<br /> padding: 10px 15px;<br /> margin: 0px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> font-size: 0.8em<br /> }<br /> <br /> .js-tooltip-click {<br /> color: var(--button-color);<br /> background: var(--button-background);<br /> border-radius: 2em;<br /> cursor: pointer;<br /> padding: 0 0.3em;<br /> user-select: none<br /> }<br /> <br /> .js-tooltip-arrow {<br /> position: absolute;<br /> border-color: transparent;<br /> border-style: solid;<br /> width: 0;<br /> height: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointleft {<br /> border-right-color: var(--body-border);<br /> border-left-color: transparent;<br /> border-left-width: 0<br /> }<br /> <br /> .js-tooltip-arrow.js-tooltip-arrow-pointright {<br /> border-left-color: var(--body-border);<br /> border-right-color: transparent;<br /> border-right-width: 0<br /> }<br /> <br /> .js-tooltip-close {<br /> float: right;<br /> margin-left: 10px;<br /> margin-right: -5px;<br /> margin-top: -5px;<br /> margin-bottom: 1px;<br /> background: var(--button-background);<br /> border: 0;<br /> cursor: pointer<br /> }<br /> <br /> :root {<br /> --ooui-text: #cbd9f4;<br /> --ooui-interface: #222e45;<br /> --ooui-interface-border: #2f4060;<br /> --ooui-window-background: rgba(25, 25, 25, 0.6);<br /> --ooui-input: #384766;<br /> --ooui-input-border: #475980;<br /> --ooui-input-border--hover: #556c9b;<br /> --ooui-normal: #313e59;<br /> --ooui-normal--hover: #384766;<br /> --ooui-normal-border: #3f5073;<br /> --ooui-progressive: #617ebc;<br /> --ooui-progressive--hover: #859bcb;<br /> --ooui-accent: var(--link-color);<br /> --ooui-disabled: #8992a4;<br /> --ooui-disabled-border: #8992a4;<br /> --ooui-disabled-text: var(--ooui-text);<br /> --ooui-pending-background-image: repeating-linear-gradient(-45deg, var(--search-box), var(--search-box) 20px, var(--body-main) 20px, var(--body-main) 30px); <br /> }<br /> <br /> .oo-ui-widget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox'] + span,.oo-ui-radioInputWidget [type='radio'] + span {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked + span {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:hover + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:hover + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:hover + span {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,.oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:hover + span {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:active + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-radioInputWidget.oo-ui-widget-enabled [type='radio']:checked:active + span:before {<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,.oo-ui-radioInputWidget [type='radio']:disabled + span {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownWidget-handle {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-enabled.oo-ui-dropdownWidget-open .oo-ui-dropdownWidget-handle {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownWidget.oo-ui-widget-disabled .oo-ui-dropdownWidget-handle {<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border);<br /> background-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget select {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget option {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:hover,.oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:active {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-dropdownInputWidget.oo-ui-widget-enabled select:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-labelWidget.oo-ui-inline-help {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuSelectWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-menuSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-menuSectionOptionWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-menuOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-title {<br /> color: inherit<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-error {<br /> background-color: var(--errorbox-bg);<br /> border-color: var(--errorbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-warning {<br /> background-color: var(--warningbox-bg);<br /> border-color: var(--warningbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-success {<br /> background-color: var(--successbox-bg);<br /> border-color: var(--successbox-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-messageWidget-block.oo-ui-flaggedElement-notice {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border)<br /> }<br /> <br /> .oo-ui-messageWidget.oo-ui-flaggedElement-error:not(.oo-ui-messageWidget-block),.oo-ui-messageWidget.oo-ui-flaggedElement-success:not(.oo-ui-messageWidget-block) {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-optionWidget.oo-ui-widget-disabled {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-outlineControlsWidget {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-outlineOptionWidget.oo-ui-optionWidget-highlighted {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-popupWidget-popup {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {<br /> border-bottom-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:after {<br /> border-top-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-bottom .oo-ui-popupWidget-anchor:before {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:after {<br /> border-right-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-start .oo-ui-popupWidget-anchor:before {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:after {<br /> border-left-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-popupWidget-anchored-end .oo-ui-popupWidget-anchor:before {<br /> border-left-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-searchWidget-query {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-selectFileWidget.oo-ui-widget-enabled.oo-ui-selectFileWidget-dropTarget:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-tabOptionWidget {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> background-color: var(--body-dark);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected .oo-ui-labelElement-label {<br /> border-bottom-color: var(--body-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:hover,.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:active {<br /> background-color: var(--body-light);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled.oo-ui-optionWidget-selected:hover {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {<br /> color: var(--ooui-progressive);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:hover,.oo-ui-tabSelectWidget-frameless .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected:focus {<br /> color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 -2px 0 0 var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-framed {<br /> background: none;<br /> border-bottom: 1px solid var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-frameless {<br /> box-shadow: inset 0 -1px 0 0 var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile {<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-framed:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tabSelectWidget-mobile.oo-ui-tabSelectWidget-frameless:after {<br /> background: var(--mobile-navbox-linear-gradient)<br /> }<br /> <br /> .oo-ui-tagItemWidget {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled:not(.oo-ui-tagItemWidget-fixed) {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagItemWidget.oo-ui-widget-enabled {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-textInputWidget .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input::placeholder {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input[readonly]:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-enabled:hover .oo-ui-inputWidget-input:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> @media screen and (min-width: 0) {<br /> .oo-ui-textInputWidget.oo-ui-widget-enabled textarea.oo-ui-inputWidget-input:focus {<br /> outline:1px solid var(--ooui-accent)<br /> }<br /> }<br /> <br /> .oo-ui-textInputWidget.oo-ui-widget-disabled .oo-ui-inputWidget-input {<br /> background-color: var(--ooui-disabled);<br /> color: var(--ooui-disabled-text);<br /> text-shadow: none;<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:hover .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:hover .oo-ui-toggleSwitchWidget-grip,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:active:focus .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled:focus .oo-ui-toggleSwitchWidget-grip {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on .oo-ui-toggleSwitchWidget-grip {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active,.oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:active:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus {<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-enabled.oo-ui-toggleWidget-on:focus::before {<br /> border-color: #fff<br /> }<br /> <br /> .oo-ui-toggleSwitchWidget.oo-ui-widget-disabled {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; input.oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-frameless.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-frameless.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-disabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-disabled);<br /> border-color: var(--ooui-disabled-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover);<br /> color: #fff;<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-progressive--hover);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive {<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive);<br /> border-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-buttonElement-button:active,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-pressed &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonElement-active &gt; .oo-ui-buttonElement-button,.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-popupToolGroup-active &gt; .oo-ui-buttonElement-button {<br /> color: #fff;<br /> background-color: var(--ooui-progressive--hover);<br /> border-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-pendingElement-pending {<br /> background-image: var(--ooui-pending-background-image);<br /> background-size: 200%;<br /> animation: oo-ui-pendingElement-stripes 6s linear infinite<br /> }<br /> <br /> @keyframes oo-ui-pendingElement-stripes {<br /> 100% {<br /> background-position: 100%<br /> }<br /> }<br /> <br /> .oo-ui-messageDialog-content &gt; .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-message {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-messageDialog-actions-vertical .oo-ui-actionWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog-content .oo-ui-window-head,.oo-ui-processDialog-content .oo-ui-window-foot {<br /> outline-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button:active {<br /> border-top-color: transparent;<br /> border-bottom-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:hover,.oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:active {<br /> border-right-color: var(--ooui-interface-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog .oo-ui-actionWidget:not(.oo-ui-flaggedElement-progressive):not(.oo-ui-flaggedElement-destructive) &gt; .oo-ui-buttonElement-button:focus {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button,.oo-ui-processDialog-actions-other .oo-ui-actionWidget &gt; .oo-ui-buttonElement-button {<br /> border-right-color: var(--ooui-normal-border);<br /> border-left-color: transparent<br /> }<br /> <br /> .oo-ui-processDialog-actions-safe .oo-ui-widget-enabled.oo-ui-iconElement:not(.oo-ui-labelElement) &gt; .oo-ui-buttonElement-button:hover {<br /> background-color: var(--ooui-normal--hover);<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog {<br /> background-color: var(--ooui-window-background)<br /> }<br /> <br /> .oo-ui-windowManager-modal &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .oo-ui-windowManager-modal.oo-ui-windowManager-floating &gt; .oo-ui-dialog &gt; .oo-ui-window-frame {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-window {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-bar {<br /> background-color: var(--ooui-interface);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-toolbar-position-top &gt; .oo-ui-toolbar-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-toolbar-bar .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-tool-active &gt; .oo-ui-tool-link,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-popupToolGroup-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent);<br /> box-shadow: none<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:hover {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),inset 0 0 0 2px #fff<br /> }<br /> <br /> .oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive &gt; .oo-ui-tool-link:active,.oo-ui-tool.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-tool-active &gt; .oo-ui-tool-link {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .oo-ui-listToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-menuToolGroup {<br /> border-left-color: var(--body-mid);<br /> border-right-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:focus {<br /> outline: 1px solid var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-toolbar-actions .oo-ui-popupToolGroup.oo-ui-widget-enabled &gt; .oo-ui-popupToolGroup-handle:hover {<br /> border-right-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool.oo-ui-widget-enabled .oo-ui-tool-link:focus {<br /> box-shadow: inset 0 0 0 2px var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup-tools .oo-ui-tool-active.oo-ui-widget-enabled .oo-ui-tool-link .oo-ui-tool-title {<br /> color: var(--ooui-progressive)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle {<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-popupToolGroup.oo-ui-popupToolGroup-active &gt; .oo-ui-popupToolGroup-handle:hover {<br /> background-color: var(--ooui-normal--hover);<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .oo-ui-bookletLayout-outlinePanel &gt; .oo-ui-outlineControlsWidget {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-bookletLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right-color: var(--ooui-interface-border)<br /> }<br /> <br /> .oo-ui-fieldLayout-disabled &gt; .oo-ui-fieldLayout-body &gt; .oo-ui-fieldLayout-header &gt; .oo-ui-labelElement-label {<br /> color: var(--ooui-disabled-text)<br /> }<br /> <br /> .oo-ui-panelLayout-framed {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .oo-ui-icon-settings {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Esettings%3C/title%3E%3Cg transform='translate(10 10)'%3E%3Cpath id='a' d='M1.5-10h-3l-1 6.5h5m0 7h-5l1 6.5h3'/%3E%3Cuse xlink:href='%23a' transform='rotate(45)'/%3E%3Cuse xlink:href='%23a' transform='rotate(90)'/%3E%3Cuse xlink:href='%23a' transform='rotate(135)'/%3E%3C/g%3E%3Cpath d='M10 2.5a7.5 7.5 0 0 0 0 15 7.5 7.5 0 0 0 0-15v4a3.5 3.5 0 0 1 0 7 3.5 3.5 0 0 1 0-7'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .oo-ui-icon-clear {<br /> background-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3Eclear%3C/title%3E%3Cpath d='M10 0a10 10 0 1 0 10 10A10 10 0 0 0 10 0zm5.66 14.24-1.41 1.41L10 11.41l-4.24 4.25-1.42-1.42L8.59 10 4.34 5.76l1.42-1.42L10 8.59l4.24-4.24 1.41 1.41L11.41 10z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-widget-dateInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widget-dateInputWidget-calendar {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widget-calendarWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widget-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-day,.mw-widget-calendarWidget-day-heading {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-widget-calendarWidget-day-additional {<br /> color: var(--ooui-text);<br /> opacity: 0.67<br /> }<br /> <br /> .mw-widget-calendarWidget-day-today {<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent)<br /> }<br /> <br /> .mw-widget-calendarWidget-item:hover {<br /> background-color: var(--ooui-progressive)<br /> }<br /> <br /> .mw-widget-calendarWidget-item-selected {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget:focus {<br /> border-color: var(--ooui-accent);<br /> box-shadow: inset 0 0 0 1px var(--ooui-accent),0 2px 2px 0 rgba(0,0,0,0.25)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-extra .oo-ui-buttonElement-button .oo-ui-labelElement-label {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-widgets-datetime-calendarWidget-grid .mw-widgets-datetime-calendarWidget-cell.mw-widgets-datetime-calendarWidget-selected .oo-ui-buttonElement-button {<br /> background-color: var(--ooui-progressive--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget-handle {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled.mw-widgets-datetime-dateTimeInputWidget-handle:hover {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover input,.mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled:hover textarea {<br /> border-color: var(--ooui-input-border--hover)<br /> }<br /> <br /> .mw-widgets-datetime-dateTimeInputWidget.oo-ui-widget-enabled .mw-widgets-datetime-dateTimeInputWidget-editField:hover {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .mw-kartographer-mapDialog-foot {<br /> background-color: var(--body-light);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-container {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a,.mw-kartographer-interactive .leaflet-popup-content a:visited,.mw-kartographer-interactive .leaflet-popup-content a:hover,.mw-kartographer-interactive .leaflet-popup-content a:active {<br /> color: var(--link-color)<br /> }<br /> <br /> .mw-kartographer-interactive .leaflet-popup-content a.new a.new:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .leaflet-popup-content-wrapper {<br /> background-color: var(--body-light);<br /> color: var(--text-color)<br /> }<br /> <br /> .leaflet-popup-tip {<br /> border-top-color: var(--body-light)<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey {<br /> background: #e4eaee;<br /> color: #444e5a;<br /> text-shadow: none<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a,.leaflet-vis-tooltip.lbl-bg-grey a:visited,.leaflet-vis-tooltip.lbl-bg-grey a:active,.leaflet-vis-tooltip.lbl-bg-grey a:hover,.leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey a, .leaflet-vis-tooltip.lbl-bg-grey a:visited, .leaflet-vis-tooltip.lbl-bg-grey a:active, .leaflet-vis-tooltip.lbl-bg-grey a:hover, .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:visited,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:active,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a:hover,body.wgl-theme-browntown .leaflet-vis-tooltip.lbl-bg-grey a.mw-selflink.selflink {<br /> color: #444e5a<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-left::before {<br /> display: block;<br /> border-left-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-right::before {<br /> display: block;<br /> border-right-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-top::before {<br /> display: block;<br /> border-top-color: #e4eaee<br /> }<br /> <br /> .leaflet-vis-tooltip.lbl-bg-grey.leaflet-tooltip-bottom::before {<br /> display: block;<br /> border-bottom-color: #e4eaee<br /> }<br /> <br /> .ve-activated .ve-init-mw-desktopArticleTarget-originalContent #catlinks:hover {<br /> background: var(--ooui-normal--hover)<br /> }<br /> <br /> .ve-ui-overlay {<br /> font-family: inherit<br /> }<br /> <br /> .oo-ui-toolbar-position-top .ve-ui-toolbarDialog-position-above {<br /> border-top-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-branchNode-blockSlug,.ve-ce-branchNode-newSlug {<br /> outline-color: var(--body-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-specialCharacterPage h3 {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ui-specialCharacterPage-character:hover {<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .ve-ce-linkAnnotation.ve-ce-annotation-active {<br /> box-shadow: 0 0 0 1px var(--body-mid);<br /> background: none<br /> }<br /> <br /> .ve-ui-desktopContext .ve-ui-linkContextItem .ve-ui-linkContextItem-label {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwHelpPopupTool-version-label,.ve-ui-mwHelpPopupTool-version-link,.ve-ui-mwHelpPopupTool-version-date {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ce-tableCellableNode {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ve-ce-mwReferencesListNode-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwTemplatePage-description,.ve-ui-mwParameterPage-label,.ve-ui-mwParameterPage-description-required,.ve-ui-mwParameterPage-description-deprecated {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-widget-titleWidget-menu .mw-widget-titleOptionWidget-description {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwGalleryDialog-menuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog-innerMenuLayout &gt; .oo-ui-menuLayout-menu,.ve-ui-mwGalleryDialog .ve-ui-mwGalleryDialog-image-container,.ve-ui-targetWidget {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-targetWidget:not(.oo-ui-pendingElement-pending) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .ve-ui-mwSaveDialog {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-options {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-summary {<br /> background-color: var(--ooui-input)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-editSummary-count {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwSaveDialog-license {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwReferenceContextItem-muted {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-mwNoticesPopupTool-items &gt; div:not(:first-child),.ve-ui-mwHelpPopupTool-item:not(:first-child) {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineControlsWidget {<br /> background-color: var(--ooui-interface);<br /> border-top-color: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-sticky {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget .ve-ui-mwTransclusionOutlineParameterWidget.oo-ui-optionWidget-highlighted {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ve-ui-mwTransclusionOutlineTemplateWidget-no-template-parameters {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwParameterPage-undocumentedLabel {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .ve-ui-mwTwoPaneTransclusionDialogLayout &gt; .oo-ui-menuLayout-menu {<br /> border-right: var(--body-border)<br /> }<br /> <br /> .ve-ui-mwParameterPage-doc-required,.ve-ui-mwParameterPage-doc-deprecated,.ve-ui-mwParameterPage-inlineDescription .ve-ui-mwParameterPage-doc-example {<br /> color: var(--byline-color)<br /> }<br /> <br /> .ve-ui-expandableContent-toggle {<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .ve-ui-expandableContent-fade {<br /> background: linear-gradient(to right,rgba(255,255,255,0) 0,var(--ooui-interface) 90%)<br /> }<br /> <br /> .ve-ui-commandHelpDialog-shortcut &gt; kbd,.ve-ui-commandHelpDialog-sequence &gt; kbd {<br /> background-color: var(--keypress-background);<br /> color: var(--keypress-color);<br /> border-color: var(--keypress-border);<br /> box-shadow: none;<br /> text-shadow: none<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-floating .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> background: var(--ooui-interface)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget-toolbarPlaceholder-bar {<br /> border-bottom-color: var(--body-mid)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'],figure[typeof~='mw:File/Frame'],figure[typeof~='mw:Image/Thumb'],figure[typeof~='mw:Video/Thumb'],figure[typeof~='mw:Image/Frame'],figure[typeof~='mw:Video/Frame'] {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:File/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Thumb'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Image/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media),figure[typeof~='mw:Video/Frame'] &gt; a:first-child &gt; *:first-child:not(.mw-broken-media) {<br /> border: none;<br /> background: var(--thumb-bg)<br /> }<br /> <br /> figure[typeof~='mw:File/Thumb'] &gt; figcaption,figure[typeof~='mw:File/Frame'] &gt; figcaption,figure[typeof~='mw:Image/Thumb'] &gt; figcaption,figure[typeof~='mw:Video/Thumb'] &gt; figcaption,figure[typeof~='mw:Image/Frame'] &gt; figcaption,figure[typeof~='mw:Video/Frame'] &gt; figcaption {<br /> border: none;<br /> background-color: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --fact-text-color: #15f;<br /> --production-selected-background: #c3e8a3;<br /> --production-selected-color: #000;<br /> --wikipedia-border: #e0e0e0;<br /> --wikipedia-background: #f8f8f8;<br /> --keypress-background: #eee;<br /> --keypress-border: #ccc;<br /> --keypress-color: #333;<br /> --tbz-unlocked-background: repeating-linear-gradient(-45deg,#bfffbd 0 20px,#4cf172 20px 30px);<br /> --tbz-unlocked-border-color: #012100;<br /> --tbz-locked-background-color: #ffc3c3;<br /> --tbz-locked-border-color: #df9090;<br /> --tbz-partial-unlock-background: #dae8d2;<br /> --tbz-partial-unlock-border-color: #aeaeae<br /> }<br /> <br /> .archivelist {<br /> background-color: var(--body-light);<br /> border: solid 1px var(--body-border);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> margin: 5px;<br /> padding: 5px;<br /> text-align: center;<br /> width: 120px<br /> }<br /> <br /> .collapsed-sec {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-weight: bold;<br /> text-shadow: 1px 1px #fff<br /> }<br /> <br /> .combat-styles-icons a {<br /> display: inline-block;<br /> text-align: center;<br /> min-width: 26px<br /> }<br /> <br /> .combat-styles-header a {<br /> color: var(--text-color)<br /> }<br /> <br /> .fact-text {<br /> color: var(--fact-text-color);<br /> font-style: italic;<br /> cursor: help;<br /> border-bottom: dotted 1px<br /> }<br /> <br /> .production-selected {<br /> background: var(--production-selected-background);<br /> color: var(--production-selected-color)<br /> }<br /> <br /> .relative-location {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-spacing: 0;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 5px;<br /> text-align: center<br /> }<br /> <br /> .relative-location-txt {<br /> color: var(--text-color)<br /> }<br /> <br /> .relative-location-header {<br /> background: var(--body-dark)<br /> }<br /> <br /> #musicMap data {<br /> display: none<br /> }<br /> <br /> .musicMap-buttons {<br /> text-align: center;<br /> margin: 0.7em<br /> }<br /> <br /> .talkheader {<br /> text-align: center;<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .shortcut {<br /> border: 1px solid var(--body-border);<br /> background: var(--body-light);<br /> float: right;<br /> font-size: 0.8em;<br /> margin: 0.5em 0em 0.5em 1em;<br /> padding: 0.5em;<br /> text-align: center<br /> }<br /> <br /> .succession {<br /> width: 50%;<br /> text-align: center<br /> }<br /> <br /> .succession th {<br /> width: 33%;<br /> font-size: 90%;<br /> background: var(--body-mid)<br /> }<br /> <br /> .succession td {<br /> background: var(--body-light)<br /> }<br /> <br /> .update {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0;<br /> padding: 0.25em 1em;<br /> text-align: center<br /> }<br /> <br /> .pollwrapper {<br /> display: flex;<br /> align-items: center;<br /> flex-direction: column;<br /> counter-reset: question<br /> }<br /> <br /> .pollbox {<br /> position: relative;<br /> padding: 1em 0.7em;<br /> margin: 0.7em;<br /> margin-bottom: 1.2em;<br /> width: 700px;<br /> font-size: 16px;<br /> border: 2px solid var(--body-border);<br /> background: var(--body-light)<br /> }<br /> <br /> .pollbox::before {<br /> content: &quot;Question &quot; counter(question);<br /> counter-increment: question;<br /> position: absolute;<br /> font-size: 16px;<br /> font-weight: bold;<br /> top: -0.5em;<br /> margin-top: -2px;<br /> left: 0.6em;<br /> line-height: 1em;<br /> background: linear-gradient(0deg,var(--body-light),var(--body-light) 50%,rgba(0,0,0,0) 50%);<br /> padding: 0 0.6em<br /> }<br /> <br /> .pollbox table {<br /> width: 100%;<br /> border-collapse: collapse;<br /> font-size: 14px<br /> }<br /> <br /> .pollbox caption {<br /> text-align: left;<br /> margin-bottom: 4px<br /> }<br /> <br /> .pollbox td {<br /> padding: 0px<br /> }<br /> <br /> .pollquestion td:first-child::before {<br /> content: &quot;&quot;;<br /> background: url(/images/Poll_shield.png?c691a);<br /> background-repeat: no-repeat;<br /> background-position: top;<br /> width: 10px;<br /> height: 14px;<br /> position: absolute;<br /> top: 4px;<br /> left: 0<br /> }<br /> <br /> .pollquestion td:first-child {<br /> position: relative;<br /> width: 32%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .pollquestion td.pollpercent {<br /> box-sizing: border-box;<br /> padding-left: 17px;<br /> padding-right: 8px<br /> }<br /> <br /> .pollquestion td:last-child {<br /> width: 22%;<br /> padding-left: 0.7em<br /> }<br /> <br /> .pollquestion .pollnote td {<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .pollquestion .pollnote td::before {<br /> content: none<br /> }<br /> <br /> .pollquestion data {<br /> display: block;<br /> height: 15px;<br /> background-image: url(/images/Poll_sword2.png?7d4c4);<br /> position: relative<br /> }<br /> <br /> .pollquestion data::before,.pollquestion data::after {<br /> content: &quot;&quot;;<br /> height: inherit;<br /> position: absolute;<br /> height: 15px<br /> }<br /> <br /> .pollquestion data::before {<br /> background: url(/images/Poll_sword1.png?d445b);<br /> width: 17px;<br /> right: 100%<br /> }<br /> <br /> .pollquestion data::after {<br /> background: url(/images/Poll_sword3.png?487b5);<br /> width: 8px;<br /> left: 100%<br /> }<br /> <br /> .archivepollq th {<br /> text-align: left;<br /> font-weight: normal;<br /> padding: 15px 0 0 0<br /> }<br /> <br /> .archivepollq td:first-child {<br /> position: relative;<br /> width: 80%;<br /> padding-right: 0.7em;<br /> padding-left: 16px<br /> }<br /> <br /> .archivepollq td.archivepollpercent {<br /> box-sizing: border-box;<br /> padding: 2px;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .archivepollq td:last-child {<br /> text-align: right;<br /> padding-left: 0.7em<br /> }<br /> <br /> .archivepollq .archivepollnote &gt; td {<br /> text-align: left;<br /> width: 100%;<br /> padding: 20px 5px;<br /> padding-bottom: 5px<br /> }<br /> <br /> .archivepollq data {<br /> display: block;<br /> height: 25px;<br /> background: var(--body-border);<br /> position: relative<br /> }<br /> <br /> .archivepollq.e {<br /> border: 2px solid var(--errorbox-border);<br /> background: var(--errorbox-bg)<br /> }<br /> <br /> .archivepollq.e::before {<br /> content: &quot;Error&quot;;<br /> background: linear-gradient(0deg,var(--errorbox-bg),var(--errorbox-bg) 50%,rgba(0,0,0,0) 50%)<br /> }<br /> <br /> .wikipedia {<br /> border: 1px solid var(--wikipedia-border);<br /> background-color: var(--wikipedia-background)<br /> }<br /> <br /> .hatnote,.seealso {<br /> font-style: italic<br /> }<br /> <br /> .hatnote i,.seealso i {<br /> font-style: normal<br /> }<br /> <br /> div.hatnote,div.seealso {<br /> margin: 0.5em 1.6em<br /> }<br /> <br /> div.hatnote + div.hatnote,div.hatnote + div.seealso,div.seealso + div.hatnote,div.seealso + div.seealso {<br /> margin-top: -0.5em<br /> }<br /> <br /> .extimage div,.extimage a,.extimage img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .tbz-region {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> white-space: nowrap;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> width: 110px;<br /> padding: 0.35em 0.45em 0.25em;<br /> margin: 1px<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-badge {<br /> background-color: var(--table-na-background);<br /> display: inline-block;<br /> border: 1px solid var(--body-border);<br /> border-radius: 6px;<br /> padding: 0.3em 0.35em 0.2em<br /> }<br /> <br /> .tbz-badge + .tbz-badge {<br /> margin-left: 1px<br /> }<br /> <br /> .tbz-badge.tbz-badge-wrapper {<br /> padding: 0.2em<br /> }<br /> <br /> .tbz-check {<br /> display: none<br /> }<br /> <br /> .tbz-unlocked {<br /> background: var(--tbz-unlocked-background);<br /> border-color: var(--tbz-unlocked-border-color)<br /> }<br /> <br /> .tbz-unlocked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-unlocked .tbz-check {<br /> display: inline-block;<br /> padding-left: 5px<br /> }<br /> <br /> .tbz-locked {<br /> background-color: var(--tbz-locked-background-color);<br /> border-color: var(--tbz-locked-border-color)<br /> }<br /> <br /> .tbz-locked a {<br /> color: var(--text-color)<br /> }<br /> <br /> .tbz-locked .tbz-unlocked {<br /> background: var(--tbz-partial-unlock-background);<br /> border-color: var(--tbz-partial-unlock-border-color)<br /> }<br /> <br /> .combatinfo {<br /> width: 160px;<br /> text-align: center;<br /> float: right;<br /> clear: right<br /> }<br /> <br /> .combatinfo.combatinfo-left {<br /> float: left;<br /> clear: left<br /> }<br /> <br /> .combatinfo td {<br /> width: 25%<br /> }<br /> <br /> .wikitable.combatinfo &gt; caption {<br /> font-weight: normal<br /> }<br /> <br /> .growth-stage-table td.growth-stage {<br /> text-align: center;<br /> vertical-align: bottom<br /> }<br /> <br /> .keypress {<br /> background: var(--keypress-background);<br /> color: var(--keypress-color);<br /> font-family: inherit;<br /> border: 1px solid var(--keypress-border);<br /> border-radius: 2px;<br /> font-size: 0.9em;<br /> margin: 0 0.1em;<br /> padding: 0.1em 0.4em;<br /> white-space: nowrap<br /> }<br /> <br /> .rsw-music-player {<br /> height: 2em;<br /> vertical-align: middle<br /> }<br /> <br /> .item-drops .beast-version {<br /> font-size: smaller;<br /> font-style: italic<br /> }<br /> <br /> td.famtreesub {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table {<br /> border-spacing: 0;<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> td.famtreesub table td {<br /> height: 1em;<br /> width: 1em<br /> }<br /> <br /> td.famtreeleaf {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> padding: 0.2em<br /> }<br /> <br /> :root {<br /> --infobox-text-color: var(--text-color);<br /> --infobox-room-poh-color: #ccc<br /> }<br /> <br /> :root {<br /> --coins-color: green;<br /> --coins-pos-color: white;<br /> --coins-neg-color: #c02614<br /> }<br /> <br /> .coins {<br /> color: var(--coins-color);<br /> background-position: 0% 50%;<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> padding: 0<br /> }<br /> <br /> .coins-pos {<br /> color: var(--coins-pos-color)<br /> }<br /> <br /> .coins-neg {<br /> color: var(--coins-neg-color)<br /> }<br /> <br /> .coins-10000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 3px 35px<br /> }<br /> <br /> .coins-1000 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-250 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0 1px 35px<br /> }<br /> <br /> .coins-100 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-25 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-5 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-4 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-3 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-2 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> .coins-1 {<br /> background-image: url(/images/3/39/PKP.png);<br /> padding: 4px 0px 1px 32px<br /> }<br /> <br /> :root {<br /> --documentation-background: #f9fafa;<br /> --documentation-link-color: #e4eaee;<br /> --documentation-headers-color: #fff;<br /> --documentation-header-background: #949eaa;<br /> --documentation-subheader-background: #808c9a;<br /> --documentation-border: #e4eaee<br /> }<br /> <br /> .documentation {<br /> background: var(--documentation-background);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> margin: 1em 0<br /> }<br /> <br /> .documentation pre,.documentation code {<br /> background-color: var(--documentation-background);<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation h2,.documentation hr {<br /> border-color: var(--documentation-border)<br /> }<br /> <br /> .documentation-header {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-header-background);<br /> font-weight: bold;<br /> padding: 1em 1.5em<br /> }<br /> <br /> .documentation-title {<br /> font-size: 1.25em<br /> }<br /> <br /> .documentation-subheader {<br /> color: var(--documentation-headers-color);<br /> background: var(--documentation-subheader-background);<br /> padding: 0.5em 1.5em<br /> }<br /> <br /> .documentation-subheader a,.documentation-subheader a:visited,.documentation-subheader a:active {<br /> color: var(--documentation-link-color)<br /> }<br /> <br /> .documentation-documentation,.documentation-links {<br /> font-size: 0.85em<br /> }<br /> <br /> .documentation-content {<br /> padding: 1em 1.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dl:not(:empty) {<br /> column-count: 3;<br /> border-top: 1px solid var(--body-border);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mw-templatedata-doc-params dt::after {<br /> content: &quot;:&quot;<br /> }<br /> <br /> .mw-templatedata-doc-params dd,.mw-templatedata-doc-params dt {<br /> margin: 0.1em 2em;<br /> min-width: auto<br /> }<br /> <br /> .mw-templatedata-doc-muted {<br /> color: var(--subtle-color);<br /> font-style: italic<br /> }<br /> <br /> .fairycode {<br /> font-family: 'PT Serif','Palatino','Georgia',serif;<br /> font-size: 120%;<br /> font-weight: bold;<br /> text-transform: lowercase;<br /> letter-spacing: 1px<br /> }<br /> <br /> .fairycode b ~ b:before {<br /> content: &quot;•&quot;<br /> }<br /> <br /> .floornumber &gt; .floornumber-us,#toc li a span.toctext span span:nth-child(2),.floornumber-setting-gb .floornumber &gt; .floornumber-us,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(2),.floornumber-setting-us .floornumber &gt; .floornumber-gb,.floornumber-setting-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none<br /> }<br /> <br /> .floornumber-setting-gb .floornumber &gt; .floornumber-gb,.floornumber-setting-gb #toc li a span.toctext span span:nth-child(1),.floornumber-setting-us .floornumber &gt; .floornumber-us,.floornumber-setting-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-us,.floornumber-override-gb #toc li a span.toctext span span:nth-child(2),.floornumber-override-us .floornumber &gt; .floornumber-gb,.floornumber-override-us #toc li a span.toctext span span:nth-child(1) {<br /> display: none !important<br /> }<br /> <br /> .floornumber-override-gb .floornumber &gt; .floornumber-gb,.floornumber-override-gb #toc li a span.toctext span span:nth-child(1),.floornumber-override-us .floornumber &gt; .floornumber-us,.floornumber-override-us #toc li a span.toctext span span:nth-child(2) {<br /> display: inline !important<br /> }<br /> <br /> .musicplayer {<br /> border: 1px solid var(--body-border);<br /> font-size: 90%;<br /> background: var(--body-light);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> max-width: 300px;<br /> margin: 0 0 1em 1em;<br /> padding: 5px<br /> }<br /> <br /> .musicplayer audio,.infobox audio {<br /> max-width: 298px;<br /> margin-left: auto;<br /> margin-right: auto<br /> }<br /> <br /> .plink-template + a {<br /> margin-left: 0.25em<br /> }<br /> <br /> .plinkt-image {<br /> text-align: center<br /> }<br /> <br /> :root {<br /> --questdetails-header-background: #cfc2aa;<br /> --questdetails-header-background-alt: #cfbda1<br /> }<br /> <br /> .questdetails {<br /> width: 100%;<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> border-collapse: separate<br /> }<br /> <br /> .questdetails th {<br /> text-align: left<br /> }<br /> <br /> .questdetails-header {<br /> padding: 0.5em 1em;<br /> background-color: var(--questdetails-header-background);<br /> width: 125px<br /> }<br /> <br /> .questdetails tr:nth-child(odd) .questdetails-header {<br /> background-color: var(--questdetails-header-background-alt)<br /> }<br /> <br /> .questdetails-info {<br /> padding-left: 1em;<br /> padding-right: 2em<br /> }<br /> <br /> ol.references,.reflist {<br /> font-size: 90%<br /> }<br /> <br /> .reflist {<br /> list-style-type: decimal<br /> }<br /> <br /> .reflist .references {<br /> font-size: 100%;<br /> list-style-type: inherit<br /> }<br /> <br /> .reflist-lower-alpha {<br /> list-style-type: lower-alpha<br /> }<br /> <br /> ol.references li:target,sup.reference:target {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .hideQuotes .refhide {<br /> display: none<br /> }<br /> <br /> .editnotice {<br /> font-size: 0.9em;<br /> padding-bottom: 0.75em;<br /> margin-bottom: 0.6em<br /> }<br /> <br /> .editnotice .editnotice-title {<br /> font-size: 1.2em;<br /> font-weight: bold;<br /> margin-bottom: 0.4em<br /> }<br /> <br /> <br /> <br /> <br /> .mw-message-box,.mw-message-box-error,.mw-message-box-warning,.mw-message-box-success,.usermessage {<br /> color: var(--text-color)<br /> }<br /> <br /> .messagebox {<br /> width: 65%;<br /> margin: 0.5em auto;<br /> border-left: 15px solid;<br /> border-color: var(--body-dark);<br /> background-color: var(--body-light);<br /> box-sizing: border-box<br /> }<br /> <br /> .messagebox.obsolete {<br /> background-color: var(--messagebox-obsolete-background);<br /> border-color: var(--messagebox-obsolete-border);<br /> color: var(--messagebox-obsolete-color)<br /> }<br /> <br /> .messagebox.obsolete a,.messagebox.obsolete a:visited,.messagebox.obsolete a:active {<br /> color: var(--messagebox-obsolete-link-color)<br /> }<br /> <br /> .messagebox.info {<br /> background-color: var(--messagebox-info-background);<br /> border-color: var(--messagebox-info-border);<br /> color: var(--messagebox-info-color)<br /> }<br /> <br /> .messagebox.info a,.messagebox.info a:visited,.messagebox.info a:active {<br /> color: var(--messagebox-info-link-color)<br /> }<br /> <br /> .messagebox.action {<br /> background-color: var(--messagebox-action-background);<br /> border-color: var(--messagebox-action-border);<br /> color: var(--messagebox-action-color)<br /> }<br /> <br /> .messagebox.action a,.messagebox.action a:visited,.messagebox.action a:active {<br /> color: var(--messagebox-action-link-color)<br /> }<br /> <br /> .messagebox.warn {<br /> background-color: var(--messagebox-warn-background);<br /> border-color: var(--messagebox-warn-border);<br /> color: var(--messagebox-warn-color)<br /> }<br /> <br /> .messagebox.warn a,.messagebox.warn a:visited,.messagebox.warn a:active {<br /> color: var(--messagebox-warn-link-color)<br /> }<br /> <br /> .messagebox.safe {<br /> background-color: var(--messagebox-safe-background);<br /> border-color: var(--messagebox-safe-border);<br /> color: var(--messagebox-safe-color)<br /> }<br /> <br /> .messagebox.safe a,.messagebox.safe a:visited,.messagebox.safe a:active {<br /> color: var(--messagebox-safe-link-color)<br /> }<br /> <br /> .messagebox.disambig {<br /> background-color: var(--messagebox-disambig-background);<br /> border-color: var(--messagebox-disambig-border);<br /> color: var(--messagebox-disambig-color)<br /> }<br /> <br /> .messagebox.disambig a,.messagebox.disambig a:visited,.messagebox.disambig a:active {<br /> color: var(--messagebox-disambig-link-color)<br /> }<br /> <br /> .messagebox.discord {<br /> background-color: var(--messagebox-discord-background);<br /> border-color: var(--messagebox-discord-border);<br /> color: #fff<br /> }<br /> <br /> .messagebox.discord a,.messagebox.discord a:visited,.messagebox.discord a:active {<br /> color: var(--messagebox-discord-link-color)<br /> }<br /> <br /> .messagebox.discord a.external,.messagebox.discord a:visited.external,.messagebox.discord a:active.external {<br /> font-style: italic<br /> }<br /> <br /> .messagebox.stub {<br /> width: 40%<br /> }<br /> <br /> .messagebox.hasdialogue {<br /> padding: 0 10px;<br /> width: auto<br /> }<br /> <br /> :root {<br /> --ajaxpoll-background: #fafafa;<br /> --ajaxpoll-text-color: var(--byline-color);<br /> --ajaxpoll-answerbar-background: var(--body-light);<br /> --ajaxpoll-answerbar-border: var(--body-border)<br /> }<br /> <br /> .ajaxpoll {<br /> background: var(--ajaxpoll-background)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-hover-vote,.ajaxpoll .ajaxpoll-hover-revoke,.ajaxpoll .ajaxpoll-ajax {<br /> background: none<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote {<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-answer-vote div {<br /> background: var(--ajaxpoll-answerbar-background);<br /> border-color: var(--ajaxpoll-answerbar-border)<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-our-vote div {<br /> border-color: #3c780a<br /> }<br /> <br /> .ajaxpoll .ajaxpoll-misc,.ajaxpoll .ajaxpoll-info,.ajaxpoll .ajaxpoll-ajax {<br /> color: var(--ajaxpoll-text-color)<br /> }<br /> <br /> .ajaxpoll-id-info {<br /> display: none<br /> }<br /> <br /> .inventorytable,<br /> .lootingbagtable,<br /> .runepouchtable {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> height: auto;<br /> border-spacing: 0;<br /> border-collapse: separate;<br /> margin-top: 7px;<br /> margin-bottom: 7px;<br /> }<br /> <br /> .inventorytable.storage-left,<br /> .lootingbagtable.storage-left,<br /> .runepouchtable.storage-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .inventorytable.storage-center,<br /> .lootingbagtable.storage-center,<br /> .runepouchtable.storage-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .inventorytable.storage-right,<br /> .lootingbagtable.storage-right,<br /> .runepouchtable.storage-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .inventorytable td,<br /> .lootingbagtable td,<br /> .runepouchtable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> }<br /> <br /> .inventorytable {<br /> background-image: url(/images/e/e9/Inventory_tab.png);<br /> width: 204px;<br /> padding: 13px 16px 10px;<br /> }<br /> <br /> .inventorytable td {<br /> width: 43px;<br /> height: 36px;<br /> }<br /> <br /> .lootingbagtable {<br /> background-image: url(/images/7/78/Looting_bag_tab.png);<br /> width: 204px;<br /> padding: 31px 17px 20px 12px;<br /> }<br /> <br /> .lootingbagtable td {<br /> width: 44px;<br /> height: 32px;<br /> }<br /> <br /> .runepouchtable {<br /> background-image: url(/images/f/f1/Rune_pouch_background.png);<br /> width: 158px;<br /> padding: 24px 7px 6px;<br /> }<br /> <br /> .runepouchtable.storage-left {<br /> margin-left: 23px;<br /> }<br /> <br /> .runepouchtable.storage-right {<br /> margin-right: 23px;<br /> }<br /> <br /> .runepouchtable td {<br /> width: 32px;<br /> height: 32px;<br /> line-height: 1.6em;<br /> }<br /> <br /> .runepouchtable td.middle-rune {<br /> padding-left: 24px;<br /> padding-right: 24px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune {<br /> padding-left: 6px;<br /> padding-right: 6px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune {<br /> padding-left: 0;<br /> }<br /> <br /> .menagerietable {<br /> background-image: url(/images/9/9c/Menagerie_interface.png);<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> width: 300px;<br /> height: 250px;<br /> padding: 56px 28px 34px 6px;<br /> border-spacing: 0;<br /> }<br /> <br /> .menagerietable td {<br /> padding: 0;<br /> border: 0;<br /> text-align: center;<br /> position: relative;<br /> width: 46px;<br /> height: 32px;<br /> }<br /> <br /> .inventorytable .inv-quantity-text,<br /> .lootingbagtable .inv-quantity-text,<br /> .runepouchtable .inv-quantity-text,<br /> .equipment .inv-quantity-text {<br /> font-family: 'RuneScape Small';<br /> font-size: 12pt;<br /> position: absolute;<br /> top: -8px;<br /> left: 4px;<br /> text-shadow: #000 1px 1px;<br /> color: #ffff00;<br /> pointer-events: none;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-1,<br /> .lootingbagtable .inv-quantity-text.qty-1,<br /> .runepouchtable .inv-quantity-text.qty-1,<br /> .equipment .inv-quantity-text.qty-1 {<br /> color: #ffff00;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-100k,<br /> .lootingbagtable .inv-quantity-text.qty-100k,<br /> .runepouchtable .inv-quantity-text.qty-100k,<br /> .equipment .inv-quantity-text.qty-100k {<br /> color: #fff;<br /> }<br /> <br /> .inventorytable .inv-quantity-text.qty-10m,<br /> .lootingbagtable .inv-quantity-text.qty-10m,<br /> .runepouchtable .inv-quantity-text.qty-10m,<br /> .equipment .inv-quantity-text.qty-10m {<br /> color: #01ff80;<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {<br /> .inventorytable img,<br /> .lootingbagtable img,<br /> .runepouchtable img,<br /> .equipment img {<br /> image-rendering: pixelated;<br /> image-rendering: crisp-edges;<br /> }<br /> <br /> }<br /> <br /> .runepouchtable .inv-quantity-text {<br /> left: -1px;<br /> }<br /> <br /> .runepouchtable td.middle-rune .inv-quantity-text {<br /> left: 23px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune .inv-quantity-text {<br /> left: 5px;<br /> }<br /> <br /> .divinerunepouch td.middle-rune + td.middle-rune .inv-quantity-text {<br /> left: 0;<br /> }<br /> <br /> .equipment .inv-quantity-text {<br /> top: -3px;<br /> }<br /> <br /> span.noted-item {<br /> width: 30px;<br /> height: 29px;<br /> text-align: center;<br /> display: inline-block;<br /> }<br /> <br /> span.noted-item a {<br /> width: 30px;<br /> height: 29px;<br /> }<br /> <br /> .noted-item a {<br /> background-image: url(/images/3/3a/Bank_note.png);<br /> background-repeat: no-repeat;<br /> display: inline-block;<br /> background-position: center;<br /> }<br /> <br /> td.noted-item a {<br /> width: 32px;<br /> line-height: 28px;<br /> }<br /> <br /> .noted-item img {<br /> transform: scale(0.65);<br /> }<br /> <br /> .equipment {<br /> background: #3e3529;<br /> border: 9px solid transparent;<br /> border-image-source: url(/images/c/c7/Interface_border.png);<br /> border-image-slice: 9;<br /> border-image-width: 9px;<br /> border-image-outset: 0;<br /> border-image-repeat: repeat;<br /> margin: 7px 0;<br /> padding: 0 2px 0 3px;<br /> }<br /> <br /> @media all and (max-width: 720px) {<br /> table.equipment {<br /> width: initial !important;<br /> }<br /> <br /> }<br /> <br /> .equipment-div,<br /> .equipment-div-buttons {<br /> background-repeat: no-repeat;<br /> background-position: top left;<br /> position: relative;<br /> width: 175px;<br /> display: flex;<br /> }<br /> <br /> .equipment-div {<br /> background-image: url(/images/a/a7/Worn_equipment_tab_%28no_buttons%29.png);<br /> height: 222px;<br /> margin: 15px 0 14px;<br /> }<br /> <br /> .equipment-div-buttons {<br /> background-image: url(/images/e/e3/Worn_equipment_tab_%28borderless%29.png);<br /> height: 244px;<br /> margin: 4px 0 3px;<br /> }<br /> <br /> .equipment-blank {<br /> background-image: url(/images/c/cf/Blank_slot.png);<br /> width: 36px;<br /> height: 36px;<br /> }<br /> <br /> .equipment-left {<br /> float: left;<br /> clear: left;<br /> margin-right: 7px;<br /> }<br /> <br /> .equipment-center {<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> <br /> .equipment-right {<br /> float: right;<br /> clear: right;<br /> margin-left: 7px;<br /> }<br /> <br /> .equipment-stats,<br /> .equipment-ikod {<br /> font-family: RuneScape;<br /> font-size: 16px;<br /> line-height: 14px;<br /> color: #ff981f;<br /> text-shadow: 1px 1px 0 black;<br /> }<br /> <br /> td.equipment-stats b {<br /> font-family: RuneScape;<br /> font-weight: bold;<br /> display: block;<br /> margin-top: 2px;<br /> }<br /> <br /> td.equipment-stats data {<br /> display: block;<br /> padding-left: 8px;<br /> }<br /> <br /> td.equipment-stats data img {<br /> vertical-align: bottom;<br /> }<br /> <br /> td.equipment-ikod {<br /> max-width: 325px;<br /> }<br /> <br /> td.equipment-ikod em {<br /> font-style: normal;<br /> display: block;<br /> margin-bottom: 3px;<br /> }<br /> <br /> td.equipment-ikod b {<br /> font-weight: normal;<br /> color: white;<br /> }<br /> <br /> td.equipment-ikod strong {<br /> font-weight: normal;<br /> color: red;<br /> }<br /> <br /> td.equipment-ikod ul {<br /> list-style: none;<br /> margin: 0;<br /> }<br /> <br /> td.equipment-ikod li {<br /> display: inline-block;<br /> width: 32px;<br /> height: 32px;<br /> line-height: 32px;<br /> margin: 0;<br /> margin-right: 14px;<br /> }<br /> <br /> td.equipment-ikod img {<br /> cursor: help;<br /> }<br /> <br /> td.equipment-ikod hr {<br /> border-top: 1px solid #0e0e0c;<br /> border-bottom: 1px solid #474745;<br /> margin: 7px 0;<br /> }<br /> <br /> .equipment-plinkp {<br /> position: absolute;<br /> width: 36px;<br /> height: 36px;<br /> left: 0px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head,<br /> .equipment-cape,<br /> .equipment-neck,<br /> .equipment-ammo,<br /> .equipment-weapon,<br /> .equipment-torso,<br /> .equipment-shield,<br /> .equipment-legs,<br /> .equipment-gloves,<br /> .equipment-boots,<br /> .equipment-ring,<br /> .equipment-statsbutton,<br /> .equipment-ikodbutton {<br /> position: absolute;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> }<br /> <br /> .equipment-head {<br /> left: 70px;<br /> top: 0px;<br /> }<br /> <br /> .equipment-cape {<br /> left: 29px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-neck {<br /> left: 70px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-ammo {<br /> left: 111px;<br /> top: 39px;<br /> }<br /> <br /> .equipment-weapon {<br /> left: 14px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-torso {<br /> left: 70px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-shield {<br /> left: 126px;<br /> top: 78px;<br /> }<br /> <br /> .equipment-legs {<br /> left: 70px;<br /> top: 118px;<br /> }<br /> <br /> .equipment-gloves {<br /> left: 14px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-boots {<br /> left: 70px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-ring {<br /> left: 126px;<br /> top: 158px;<br /> }<br /> <br /> .equipment-statsbutton {<br /> top: 204px;<br /> left: 0px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> .equipment-ikodbutton {<br /> top: 204px;<br /> left: 90px;<br /> width: 40px;<br /> height: 40px;<br /> cursor: pointer;<br /> box-shadow: 2px 2px 3px black;<br /> }<br /> <br /> :root {<br /> --transcript-border-color: #b4a36a;<br /> --transcript-border-hover-color: #876f1d;<br /> --transcript-strikethrough-color: #800000<br /> }<br /> <br /> .transcript {<br /> background: var(--body-light);<br /> border-radius: 0 0 120px 120px / 0 0 8px 8px;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3);<br /> max-width: 90ch;<br /> overflow: hidden;<br /> margin-bottom: 1em;<br /> padding: 0.5em 1em 1em;<br /> clear: left<br /> }<br /> <br /> .transcript.godletter {<br /> margin: 1em auto;<br /> padding: 1em 1.5em;<br /> max-width: 60ch<br /> }<br /> <br /> .quest-action {<br /> text-align: center;<br /> font-style: italic;<br /> margin: 0 5%<br /> }<br /> <br /> .quest-action:before,.quest-action:after {<br /> content: '———';<br /> margin: 4px;<br /> letter-spacing: -1px<br /> }<br /> <br /> .transcript-chatbox-image {<br /> display: inline-block;<br /> margin-right: 5px;<br /> position: relative;<br /> text-align: center;<br /> width: 32px<br /> }<br /> <br /> .transcript-chatbox-image + .transcript-chatbox-image {<br /> left: -10px;<br /> top: 10px;<br /> margin-right: 0<br /> }<br /> <br /> .transcript-opt::before {<br /> display: inline-block;<br /> content: '';<br /> background: currentcolor;<br /> -webkit-mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> mask: url(/images/Black-chevron.svg?00549) no-repeat 50% 50% / contain;<br /> width: 7px;<br /> height: 10px;<br /> margin-right: 5px<br /> }<br /> <br /> .transcript-opt.disabled {<br /> filter: opacity(0.5)<br /> }<br /> <br /> .ns-120 .mw-parser-output s,.transcript s {<br /> text-decoration-color: var(--transcript-strikethrough-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output .template-colour,.transcript .template-colour {<br /> text-shadow: 1px 1px #000a<br /> }<br /> <br /> :root {<br /> --byline-arrow-filter: invert(29%) sepia(0%) saturate(376%) hue-rotate(172deg) brightness(87%) contrast(80%);<br /> --tile-border-color: #596e96;<br /> --tile-background-color: #313e59;<br /> --tile-link-button-color: #222e45;<br /> --tile-link-button-highlight-color: #2a3956;<br /> --tile-dark-color: #fff;<br /> --tile-dark-bg: #5d6773;<br /> --tile-dark-link-color: #ccc;<br /> --tile-dark-byline-color: rgba(255,255,255,0.7);<br /> --tile-dark-header-color: #fff<br /> }<br /> <br /> .tile {<br /> background: var(--tile-background-color);<br /> border: 1px solid var(--tile-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> padding: 1.5em 2em 1em;<br /> max-width: 40em<br /> }<br /> <br /> .tile h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile.dark {<br /> color: var(--tile-dark-color);<br /> background: var(--tile-dark-bg);<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .tile.dark h2 {<br /> color: var(--tile-dark-header-color)<br /> }<br /> <br /> .tile.dark a {<br /> color: var(--tile-dark-link-color)<br /> }<br /> <br /> .tile.dark .byline {<br /> color: var(--tile-dark-byline-color)<br /> }<br /> <br /> .byline {<br /> font-size: 0.9em;<br /> color: var(--byline-color)<br /> }<br /> <br /> .byline a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .tile-row {<br /> display: flex;<br /> flex-flow: row wrap;<br /> margin-bottom: 1em<br /> }<br /> <br /> .tile-halves {<br /> display: flex;<br /> flex-flow: row wrap;<br /> border: 1px solid var(--tile-border-color);<br /> background: var(--tile-background-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> .tile-halves h2 {<br /> font-size: 1.4em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.4em<br /> }<br /> <br /> .tile-halves .byline + h2 {<br /> margin-top: -0.5em<br /> }<br /> <br /> .tile-top {<br /> width: 100%;<br /> padding: 1.3rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-top.tile-image {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--byline-color);<br /> overflow: hidden;<br /> padding: 0;<br /> height: 13vw;<br /> max-height: 12em;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-halves:hover .tile-top.tile-image img {<br /> transform: scale(1.1);<br /> transition: 0.5s ease-out<br /> }<br /> <br /> .tile-top.tile-image a {<br /> width: 100%<br /> }<br /> <br /> .tile-top.tile-image img {<br /> width: 100%;<br /> object-fit: cover;<br /> max-height: 200px;<br /> transition: 0.4s ease-out<br /> }<br /> <br /> .tile-top.tile-image span {<br /> width: 100%<br /> }<br /> <br /> .tile-bottom {<br /> background: var(--tile-background-color);<br /> border-top: 1px solid var(--tile-border-color);<br /> width: 100%;<br /> padding: 1rem 1.5rem 0.6rem<br /> }<br /> <br /> .tile-bottom.link-button {<br /> align-self: flex-end;<br /> padding: 0<br /> }<br /> <br /> .tile-bottom.link-button a {<br /> display: block;<br /> text-align: center;<br /> padding: 0.75em 1.5em 0.8em;<br /> text-decoration: none<br /> }<br /> <br /> .tile-bottom.read-more {<br /> background: var(--tile-link-button-color);<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile-bottom.read-more a {<br /> color: var(--byline-color);<br /> font-weight: bold;<br /> text-align: right<br /> }<br /> <br /> .tile-bottom.read-more:hover {<br /> background: var(--tile-link-button-highlight-color)<br /> }<br /> <br /> .tile-bottom.read-more:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .tile-bottom.read-more .arrow {<br /> filter: var(--byline-arrow-filter);<br /> margin-left: 0.4em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .tile.oswf-day {<br /> margin-left: 0.5em<br /> }<br /> <br /> .oswf-tile {<br /> margin: 1em<br /> }<br /> <br /> .oswf-tile.oswf-complete {<br /> opacity: 0.65<br /> }<br /> <br /> .oswf-tile .oswf-summary {<br /> font-size: 105%;<br /> line-height: 1.6;<br /> margin-top: -0.4em<br /> }<br /> <br /> .oswf-tile .oswf-img {<br /> display: block;<br /> max-width: 75px;<br /> float: right<br /> }<br /> <br /> .oswf-tile .oswf-img img {<br /> max-width: 100%;<br /> height: auto<br /> }<br /> <br /> .oswf-tile .oswf-guidance {<br /> border-top: 1px solid #eee;<br /> padding-top: 1em<br /> }<br /> <br /> body.page-Main_Page .mw-parser-output {<br /> max-width: 75em;<br /> margin: 0 auto;<br /> }<br /> <br /> body.page-Main_Page.action-view .catlinks,<br /> body.page-Main_Page.action-view #contentSub,<br /> body.page-Main_Page.action-view #siteNotice {<br /> display: none;<br /> }<br /> <br /> body.page-Main_Page h1 { display: none; }<br /> <br /> .mainpage-header {<br /> display: flex;<br /> margin: 2.6em 1.75em 1.5em<br /> }<br /> <br /> .mainpage-header .header-intro {<br /> flex: 2<br /> }<br /> <br /> .mainpage-header .header-intro h1 {<br /> font-size: 2.5em;<br /> font-weight: bold;<br /> border: none;<br /> margin: 0 0 0.15em<br /> }<br /> <br /> .mainpage-header .header-intro p {<br /> font-size: 1.1em;<br /> line-height: 1.7em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> flex: 1;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> margin-top: -1em<br /> }<br /> <br /> .mainpage-body {<br /> display: grid;<br /> grid-template-areas: &quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left right&quot;;<br /> gap: 0.9rem;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-body h2 a {<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-body .tile {<br /> padding-left: 1.75em;<br /> padding-right: 1.75em;<br /> max-width: 100%<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> width: 100%;<br /> margin-bottom: 0<br /> }<br /> <br /> .mainpage-body .tile-row {<br /> display: grid;<br /> gap: 0.9rem<br /> }<br /> <br /> .mainpage-left {<br /> grid-area: left;<br /> flex: 2;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-left &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .mainpage-right {<br /> grid-area: right;<br /> flex: 1;<br /> display: flex;<br /> flex-flow: column wrap<br /> }<br /> <br /> .mainpage-right &gt; * {<br /> margin: 0 0 0.9rem<br /> }<br /> <br /> .arrow {<br /> background: url(/images/White-chevron.svg?b82be) no-repeat;<br /> display: inline-block;<br /> height: 0.7rem;<br /> width: 0.45rem;<br /> vertical-align: middle<br /> }<br /> <br /> .arrow.dark {<br /> filter: invert(80%)<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-area: update;<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves {<br /> flex: 1;<br /> align-content: flex-start<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-bottom.link-button a {<br /> text-align: left;<br /> padding: 1rem 1.5rem 0.75rem<br /> }<br /> <br /> .mainpage-recent-updates h2 {<br /> margin: -0.5em 0 0.3em<br /> }<br /> <br /> .mainpage-recent-updates p:not(.byline) {<br /> font-size: 0.9em;<br /> line-height: 1.75em;<br /> color: var(--text-color)<br /> }<br /> <br /> .mainpage-contents {<br /> grid-area: content;<br /> grid-template-columns: repeat(6,1fr)<br /> }<br /> <br /> .mainpage-contents .tile-halves {<br /> flex: 1<br /> }<br /> <br /> .mainpage-contents .tile-top {<br /> position: relative<br /> }<br /> <br /> .mainpage-contents h2 {<br /> margin: 0;<br /> padding: 0<br /> }<br /> <br /> .mainpage-contents .tile-bottom.link-button a {<br /> padding: 0.75em 0.2em<br /> }<br /> <br /> .mainpage-skills ul {<br /> columns: 3 9em;<br /> margin: 1em 0.7em 0.7em 1em<br /> }<br /> <br /> .mainpage-skills li {<br /> display: flex;<br /> margin-bottom: 0.29em<br /> }<br /> <br /> .mainpage-skills li a:first-child {<br /> border-radius: 2px;<br /> padding: 4px;<br /> width: 25px;<br /> height: 25px;<br /> text-align: center;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center<br /> }<br /> <br /> .mainpage-skills li a:last-child {<br /> flex: 1;<br /> display: flex;<br /> align-items: center;<br /> font-weight: bold;<br /> padding-left: 0.7em;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-skills li:hover a:first-child {<br /> border-radius: 2px 0 0 2px<br /> }<br /> <br /> .mainpage-skills li:hover a:last-child {<br /> color: rgba(255,255,255,0.9);<br /> border-radius: 0 2px 2px 0<br /> }<br /> <br /> .skill-agility a:first-child,.skill-melee a:first-child {<br /> background: #bc483d<br /> }<br /> <br /> .skill-agility:hover a:last-child,.skill-melee:hover a:last-child {<br /> background: #932419<br /> }<br /> <br /> .skill-ranged a:first-child {<br /> background: #748d36<br /> }<br /> <br /> .skill-ranged:hover a:last-child {<br /> background: #4c6215<br /> }<br /> <br /> .skill-magic a:first-child {<br /> background: #6274ab<br /> }<br /> <br /> .skill-magic:hover a:last-child {<br /> background: #304791<br /> }<br /> <br /> .skill-fishing a:first-child,.skill-fletching a:first-child {<br /> background: #3e8e9a<br /> }<br /> <br /> .skill-fishing:hover a:last-child,.skill-fletching:hover a:last-child {<br /> background: #1a6671<br /> }<br /> <br /> .skill-cooking a:first-child,.skill-thieving a:first-child {<br /> background: #91689e<br /> }<br /> <br /> .skill-cooking:hover a:last-child,.skill-thieving:hover a:last-child {<br /> background: #713684<br /> }<br /> <br /> .skill-farming a:first-child,.skill-woodcutting a:first-child {<br /> background: #59924f<br /> }<br /> <br /> .skill-farming:hover a:last-child,.skill-woodcutting:hover a:last-child {<br /> background: #306f25<br /> }<br /> <br /> .skill-mining a:first-child {<br /> background: #6385a8<br /> }<br /> <br /> .skill-mining:hover a:last-child {<br /> background: #315f8d<br /> }<br /> <br /> .skill-smithing a:first-child {<br /> background: #d2b244<br /> }<br /> <br /> .skill-smithing:hover a:last-child {<br /> background: #b69213<br /> }<br /> <br /> .popular-pages ul {<br /> display: grid;<br /> grid-template-columns: repeat(3,1fr);<br /> grid-gap: 0.6em;<br /> margin: 1em 0 0.7em 0<br /> }<br /> <br /> .mp-popular-page-light {<br /> display: flex;<br /> align-items: center;<br /> background-color: var(--button-background);<br /> transition: 100ms<br /> }<br /> <br /> .mp-popular-page-light a {<br /> flex: 1;<br /> display: block;<br /> color: #fff;<br /> font-weight: bold;<br /> text-align: center;<br /> text-decoration: none;<br /> padding: 0.7em 1em<br /> }<br /> <br /> .mp-popular-page-light:hover {<br /> filter: brightness(115%);<br /> transition: 100ms<br /> }<br /> <br /> .mainpage-discord {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-discord .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #5865f2;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-discord .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-discord .tile-bottom {<br /> background: #525ee0;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-discord .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-discord .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-discord .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-discord .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-discord .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-youtube {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-youtube .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-youtube .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-youtube .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-youtube .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-youtube .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-youtube .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-youtube .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-youtube .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-rl {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-rl .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #383838;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-rl .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-rl .tile-bottom {<br /> background: #FF9300;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-rl .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-rl .partner-icon {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-rl .server-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-rl .server-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-rl .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> <br /> .mainpage-twitter {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-twitter .tile-top {<br /> display: flex;<br /> align-items: center;<br /> background: #AC0000;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-top a {<br /> flex: 1;<br /> position: relative;<br /> text-decoration: none<br /> }<br /> <br /> .mainpage-twitter .tile-top a:hover .arrow {<br /> transform: translateX(50%)<br /> }<br /> <br /> .mainpage-twitter .tile-bottom {<br /> background: #990000;<br /> border: none;<br /> padding: 1em 1.75em<br /> }<br /> <br /> .mainpage-twitter .tile-bottom p {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 0.9em;<br /> text-align: center;<br /> text-transform: uppercase;<br /> letter-spacing: 0.03em;<br /> margin: 0<br /> }<br /> <br /> .mainpage-twitter .twitter-logo {<br /> margin-right: 0.75em<br /> }<br /> <br /> .mainpage-twitter .twitter-name {<br /> color: #fff;<br /> font-weight: bold;<br /> font-size: 1.25em;<br /> margin: 0.5em 0 -0.15em<br /> }<br /> <br /> .mainpage-twitter .twitter-tagline {<br /> color: rgba(255,255,255,0.9);<br /> margin-bottom: 0.5em<br /> }<br /> <br /> .mainpage-twitter .arrow {<br /> position: absolute;<br /> top: calc(50% - .5em);<br /> right: 0;<br /> height: 1em;<br /> width: 0.7em;<br /> background-size: 0.7em 1em;<br /> transition: 0.3s ease-out<br /> }<br /> <br /> .mainpage-editing {<br /> border: none;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.3)<br /> }<br /> <br /> .mainpage-editing .tile-top {<br /> background: #222e45<br /> }<br /> <br /> .mainpage-editing .tile-bottom {<br /> background: #3980ab;<br /> border: none;<br /> padding: 0.8rem 1.5rem 0.4rem<br /> }<br /> <br /> .mainpage-editing h2,.mainpage-editing a {<br /> color: #fff<br /> }<br /> <br /> .mainpage-editing p {<br /> color: rgba(255,255,255,0.9)<br /> }<br /> <br /> .mainpage-editing ul {<br /> list-style-image: url(/images/Transparent-chevron.svg?20dcf)<br /> }<br /> <br /> .mainpage-poll .ajaxpoll {<br /> border: none;<br /> background: none;<br /> padding: 0;<br /> width: auto<br /> }<br /> <br /> .mainpage-trailblazer {<br /> grid-area: event<br /> }<br /> <br /> .mainpage-trailblazer .tb-logo {<br /> margin-bottom: 0.9rem<br /> }<br /> <br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns: repeat(3,1fr)<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-trailblazer .tile-row {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-trailblazer .tile-row .tile-top {<br /> height: 20vw;<br /> min-height: 9em<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1200px) {<br /> .mainpage-contents {<br /> grid-template-columns:repeat(3,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 1000px) {<br /> .mainpage-body {<br /> grid-template-areas:&quot;event event event&quot; &quot;update update update&quot; &quot;content content content&quot; &quot;left left left&quot; &quot;right right right&quot;<br /> }<br /> <br /> .mainpage-recent-updates {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:hover .tile-top img {<br /> transform: scale(1.04)<br /> }<br /> <br /> .mainpage-recent-updates .tile-top {<br /> height: 18vw;<br /> min-height: 9em<br /> }<br /> <br /> .mainpage-header .header-stats {<br /> display: none<br /> }<br /> <br /> .mainpage-left &gt; *:last-child,.mainpage-right &gt; *:last-child {<br /> margin-bottom: 0<br /> }<br /> <br /> .popular-pages ul {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> @media only screen and (max-width: 720px) {<br /> .mainpage-recent-updates {<br /> grid-template-columns:none<br /> }<br /> <br /> .mainpage-recent-updates .tile-halves:last-child {<br /> display: flex<br /> }<br /> <br /> .mainpage-contents {<br /> grid-template-columns: repeat(2,1fr)<br /> }<br /> }<br /> <br /> .mw-prefs-buttons {<br /> background-color: var(--body-main);<br /> border-top-color: var(--body-border);<br /> box-shadow: none<br /> }<br /> <br /> .mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,.mw-prefs-tabs &gt; .oo-ui-menuLayout-content &gt; .oo-ui-indexLayout-stackLayout &gt; .oo-ui-tabPanelLayout {<br /> border-color: var(--body-border)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:nth-child(even) td {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-htmlform-ooui .mw-htmlform-matrix tbody tr:hover td {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --rc-positive-color: #407813;<br /> --rc-negative-color: #b41e0f<br /> }<br /> <br /> .mw-plusminus-pos {<br /> color: var(--rc-positive-color)<br /> }<br /> <br /> .mw-plusminus-neg {<br /> color: var(--rc-negative-color)<br /> }<br /> <br /> .client-js .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {<br /> border-color: var(--body-border);<br /> background-color: var(--body-light);<br /> border-radius: 2px<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-emptyFilters {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget {<br /> border-bottom-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-menuSelectWidget-footer {<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-viewSwitchWidget label.oo-ui-labelWidget {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-tagItemWidget-popup-content {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-changeslist-legend,.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {<br /> background-color: var(--body-light);<br /> border-color: var(--body-dark)<br /> }<br /> <br /> .mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .client-js .mw-changeslist ul,.client-js .mw-changeslist table.mw-enhanced-rc {<br /> margin-left: 0<br /> }<br /> <br /> .mw-rcfilters-ui-watchlistTopSectionWidget-separator {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-header {<br /> border-bottom-color: var(--ooui-interface);<br /> background-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {<br /> border-bottom-color: var(--ooui-normal-border)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--text-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted:not(.oo-ui-optionWidget-selected) {<br /> background-color: var(--body-main)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-title,.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-flaggedElement-muted .mw-rcfilters-ui-itemMenuOptionWidget-label-desc {<br /> color: var(--subtle-color)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-title {<br /> color: var(--ooui-text)<br /> }<br /> <br /> .mw-rcfilters-ui-filterMenuHeaderWidget-header {<br /> border-bottom-color: var(--ooui-interface-border);<br /> background-color: var(--ooui-interface)<br /> }<br /> <br /> .mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {<br /> border-top-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget {<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-rcfilters-ui-datePopupWidget .mw-rcfilters-ui-valuePickerWidget-title {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-rcfilters-ui-savedLinksListItemWidget-label {<br /> color: var(--ooui-accent)<br /> }<br /> <br /> .client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted ul,.client-js .mw-changeslist.mw-rcfilters-ui-changesListWrapperWidget-highlighted table.mw-enhanced-rc {<br /> margin-left: 1.5em<br /> }<br /> <br /> .page-Special_CreateAccount .mw-ui-container,.page-Special_UserLogin .mw-ui-container {<br /> max-width: 64rem;<br /> margin: 0 auto<br /> }<br /> <br /> .mw-number-text {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-body-content .mw-number-text h3 {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-indicator-mw-helplink a {<br /> background: none;<br /> padding: 0;<br /> display: flex;<br /> align-items: center<br /> }<br /> <br /> #mw-indicator-mw-helplink a::before {<br /> content: '';<br /> margin-right: 5px;<br /> -webkit-mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> mask: url(/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34) no-repeat 50% 50% / contain;<br /> background: var(--text-color);<br /> height: 20px;<br /> width: 20px<br /> }<br /> <br /> .results-info {<br /> color: inherit<br /> }<br /> <br /> .mw-search-profile-tabs {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> .search-types .current a {<br /> color: inherit<br /> }<br /> <br /> #mw-searchoptions {<br /> background-color: var(--body-mid);<br /> border-color: transparent<br /> }<br /> <br /> #mw-searchoptions .divider {<br /> border-color: var(--body-border)<br /> }<br /> <br /> #mw-searchoptions h4 {<br /> font-family: inherit<br /> }<br /> <br /> #mw-searchoptions .oo-ui-labelElement:nth-of-type(odd) {<br /> font-weight: bold<br /> }<br /> <br /> .searchresult {<br /> line-height: 1.5<br /> }<br /> <br /> .searchalttitle,#mw-search-interwiki li {<br /> font-size: 90%<br /> }<br /> <br /> .mw-search-result-data {<br /> color: var(--byline-color)<br /> }<br /> <br /> .page-Special_ListFiles a.image img {<br /> width: inherit;<br /> height: inherit<br /> }<br /> <br /> .page-Special_ListFiles .TablePager_col_thumb {<br /> text-align: center<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] {<br /> background-color: var(--body-main) !important;<br /> border-color: var(--wikitable-border) !important;<br /> margin-top: 0.5em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th,#editcount table[border=&quot;1&quot;] td {<br /> padding: 0.2em 0.4em<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] th {<br /> background-color: var(--wikitable-header-bg);<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] td {<br /> border: 1px solid var(--wikitable-border)<br /> }<br /> <br /> #editcount table[border=&quot;1&quot;] tr:nth-child(odd) {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .mw-echo-ui-notificationBadgeButtonPopupWidget-popup &gt; .oo-ui-popupWidget-popup .mw-echo-ui-placeholderItemWidget {<br /> background-color: inherit<br /> }<br /> <br /> table.mw-interwikitable.body td.mw-interwikitable-local-yes {<br /> background-color: var(--table-yes-background);<br /> color: var(--table-yes-color)<br /> }<br /> <br /> .mw-protectedpages-unknown {<br /> color: var(--byline-color)<br /> }<br /> <br /> .watchlistredir,.allpagesredirect {<br /> font-style: italic<br /> }<br /> <br /> .allpagesredirect:after {<br /> color: var(--byline-color);<br /> content: &quot; (redirect)&quot;<br /> }<br /> <br /> .mw-apisandbox-toolbar {<br /> background: var(--body-main)<br /> }<br /> <br /> .oo-ui-menuOptionWidget .mw-apisandbox-flag {<br /> color: var(--byline-color)<br /> }<br /> <br /> tr.mw-abusefilter-list-disabled,tr.mw-abusefilter-list-disabled td {<br /> color: var(--byline-color)<br /> }<br /> <br /> table.mw-abuselog-details {<br /> background: var(--wikitable-bg);<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> table.mw-abuselog-details th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> table.mw-abuselog-details th,table.mw-abuselog-details td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-abusefilter-log-hidden-entry {<br /> color: var(--subtle-color)<br /> }<br /> <br /> body td.mw-abusefilter-history-changed {<br /> background: var(--table-no-background)<br /> }<br /> <br /> div.mw-abusefilter-editor,#mw-abusefilter-warn-preview,#mw-abusefilter-disallow-preview {<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .mw-destfile-warning {<br /> border-color: var(--warningbox-border);<br /> color: var(--text-color);<br /> background-color: var(--warningbox-bg)<br /> }<br /> <br /> span.fileinput-button {<br /> background-color: var(--ooui-normal);<br /> border-color: var(--ooui-normal-border);<br /> color: var(--ooui-text)<br /> }<br /> <br /> ul.fileupload-results li.ful-success {<br /> background-color: var(--successbox-bg)<br /> }<br /> <br /> ul.fileupload-results li.ful-success a {<br /> color: var(--link-color)<br /> }<br /> <br /> ul.fileupload-results li.ful-error {<br /> background-color: var(--errorbox-bg)<br /> }<br /> <br /> #siteNotice {<br /> text-align: center<br /> }<br /> <br /> #siteNotice ul {<br /> list-style: none<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-body {<br /> margin: 0<br /> }<br /> <br /> .sitedir-ltr .mw-dismissable-notice-close {<br /> float: none;<br /> text-align: right<br /> }<br /> <br /> .mw-dismissable-notice-close-parent {<br /> min-height: 1em<br /> }<br /> <br /> .mmg-xpline:after {<br /> content: ','<br /> }<br /> <br /> .mmg-xpline:last-child:after {<br /> content: ''<br /> }<br /> <br /> .mmg-itemline {<br /> display: block<br /> }<br /> <br /> .discussiontable th {<br /> background-color: var(--body-dark)<br /> }<br /> <br /> .discussiontable .topic,.discussiontable .edited,.discussiontable .edited-by,.discussiontable .rg-archive {<br /> background-color: var(--body-mid)<br /> }<br /> <br /> .dpltable {<br /> margin-top: -30px<br /> }<br /> <br /> .dpltable td {<br /> padding-left: 5px<br /> }<br /> <br /> .dpltable,.discussiontable {<br /> width: 100%<br /> }<br /> <br /> .dpltable .topic,.discussiontable .topic {<br /> width: 40%<br /> }<br /> <br /> .dpltable .edited,.discussiontable .edited,.dpltable .edited-by,.discussiontable .edited-by {<br /> width: 30%<br /> }<br /> <br /> .dpltable .rg-archive,.discussiontable .rg-archive {<br /> width: 20%<br /> }<br /> <br /> body.ns-110 #ca-talk {<br /> display: none<br /> }<br /> <br /> :root {<br /> --gemw-positive-color: #6bc71f;<br /> --gemw-unchanged-color: #3ea6e6;<br /> --gemw-negative-color: #ee4231;<br /> --gemw-historical-border-color: #000<br /> }<br /> <br /> .gemw-container {<br /> max-width: 60em;<br /> margin: 4em auto<br /> }<br /> <br /> .gemw-header {<br /> display: flex;<br /> border-left-width: 0.25em;<br /> border-left-style: solid;<br /> padding-left: 1em;<br /> margin-bottom: 3em<br /> }<br /> <br /> .gemw-header.positive {<br /> border-color: var(--gemw-positive-color)<br /> }<br /> <br /> .gemw-header.negative {<br /> border-color: var(--gemw-negative-color)<br /> }<br /> <br /> .gemw-header.unchanged {<br /> border-color: var(--gemw-unchanged-color)<br /> }<br /> <br /> .gemw-header .gemw-section-left {<br /> flex: 1<br /> }<br /> <br /> .gemw-header .gemw-name {<br /> font-size: 1.15em;<br /> font-weight: bold;<br /> margin-bottom: 0<br /> }<br /> <br /> .gemw-header .gemw-name a {<br /> color: inherit<br /> }<br /> <br /> .gemw-header .gemw-examine {<br /> color: var(--byline-color);<br /> font-size: 1.05em;<br /> font-style: italic;<br /> margin: 0 1em 1.25em 0<br /> }<br /> <br /> .gemw-header .gemw-price {<br /> display: inline-block;<br /> font-size: 2.75em;<br /> font-weight: bold<br /> }<br /> <br /> .gemw-header .gemw-price::after {<br /> content: ' coins';<br /> color: var(--byline-color);<br /> font-size: 1rem;<br /> font-weight: normal;<br /> word-spacing: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-change {<br /> display: inline-block;<br /> font-size: 1rem;<br /> font-weight: bold;<br /> margin-left: 2em;<br /> word-spacing: 0.5em<br /> }<br /> <br /> .gemw-header .gemw-change img {<br /> vertical-align: baseline<br /> }<br /> <br /> .gemw-header .gemw-section-right {<br /> text-align: right<br /> }<br /> <br /> .gemw-header .gemw-updated {<br /> color: var(--byline-color);<br /> line-height: 1.5em;<br /> margin-top: 0.25em<br /> }<br /> <br /> .gemw-header .gemw-time {<br /> color: var(--byline-color);<br /> font-weight: bold<br /> }<br /> <br /> .gemw-body {<br /> display: flex<br /> }<br /> <br /> .gemw-body .gemw-section-left {<br /> width: 40%;<br /> margin-right: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left dl {<br /> display: flex;<br /> flex-flow: row wrap;<br /> justify-content: space-between;<br /> margin-bottom: -1.25em<br /> }<br /> <br /> .gemw-body .gemw-section-left &gt; div {<br /> margin-top: 2em<br /> }<br /> <br /> .gemw-body .gemw-section-left a {<br /> color: var(--byline-color)<br /> }<br /> <br /> .gemw-body .gemw-property {<br /> width: 30%;<br /> border-top: 0.15em dotted var(--body-mid);<br /> padding-top: 0.25em;<br /> margin-bottom: 1.5em<br /> }<br /> <br /> .gemw-body .gemw-property dt {<br /> color: var(--byline-color);<br /> font-weight: normal<br /> }<br /> <br /> .gemw-body .gemw-property dd {<br /> font-weight: bold;<br /> margin: -0.25em 0 0<br /> }<br /> <br /> .gemw-body .gemw-links {<br /> color: var(--byline-color);<br /> margin-bottom: 0.35em<br /> }<br /> <br /> .gemw-body .gemw-section-right {<br /> width: 60%<br /> }<br /> <br /> .gemw-body .gemw-chart {<br /> color: #eceeee;<br /> font-size: 5em;<br /> text-align: center;<br /> line-height: 5em;<br /> position: relative<br /> }<br /> <br /> .gemw-body .gemw-chart .GEChartBox,.gemw-body .gemw-chart .GEdatachart {<br /> position: relative<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header.positive,.gemw-container.gemw-historical .gemw-header.negative,.gemw-container.gemw-historical .gemw-header.neutral,.gemw-container.gemw-historical .gemw-header.unchanged {<br /> border-color: var(--gemw-historical-border-color)<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-time .jsPurgeLink,.gemw-container.gemw-historical .gemw-header .gemw-time &gt; span.plainlinks {<br /> display: none<br /> }<br /> <br /> .gemw-container.gemw-historical .gemw-header .gemw-section-left:after {<br /> content: &quot;This is a historical item no longer available on the Grand Exchange. The data is preserved here as an archive.&quot;;<br /> font-style: italic<br /> }<br /> <br /> #overlay {<br /> display: none;<br /> background-color: var(--ooui-window-background);<br /> height: auto;<br /> width: auto;<br /> overflow: hidden;<br /> position: fixed;<br /> top: 0;<br /> right: 0;<br /> bottom: 0;<br /> left: 0;<br /> z-index: 50<br /> }<br /> <br /> #GEchartpopup g.highcharts-label text &gt; a:visited,.GEdatachart g.highcharts-label text &gt; a:visited {<br /> fill: white<br /> }<br /> <br /> #GEchartpopup {<br /> background: var(--ooui-interface);<br /> border: 1px solid var(--ooui-interface-border);<br /> border-radius: 2px;<br /> color: var(--ooui-text);<br /> position: fixed;<br /> left: 0;<br /> right: 0;<br /> top: 1em;<br /> bottom: 1em;<br /> margin: auto;<br /> padding: 1em;<br /> max-width: 975px;<br /> z-index: 52;<br /> overflow: auto<br /> }<br /> <br /> #GEchartpopup #closepopup {<br /> float: right;<br /> margin-bottom: 5px;<br /> z-index: 100<br /> }<br /> <br /> #GEchartpopup #itemstats {<br /> bottom: 50px;<br /> font-size: 11px;<br /> position: absolute;<br /> right: 45px;<br /> width: 200px;<br /> z-index: 10<br /> }<br /> <br /> #GEchartpopup #itemstats caption {<br /> cursor: pointer;<br /> text-align: right<br /> }<br /> <br /> #GEpopupchart {<br /> height: 500px<br /> }<br /> <br /> .highcharts-container .highcharts-range-selector {<br /> font-size: 11px<br /> }<br /> <br /> .GEPermLink {<br /> float: right;<br /> font-size: 14px<br /> }<br /> <br /> .GEPermLink ~ .GEdatachart {<br /> clear: right<br /> }<br /> <br /> form[id^=&quot;chartProperties&quot;] button {<br /> margin: 3px<br /> }<br /> <br /> .smallChart .highcharts-range-selector {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-button title + rect {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-title {<br /> white-space: nowrap !important<br /> }<br /> <br /> .smallChart .zoomButton,.smallChart svg &gt; text:first-of-type,.smallChart .highcharts-input-group {<br /> display: none<br /> }<br /> <br /> .smallChart .highcharts-scrollbar,.mediumChart .highcharts-scrollbar {<br /> display: none<br /> }<br /> <br /> .highcharts-background,.highcharts-plot-background {<br /> fill: transparent<br /> }<br /> <br /> .highcharts-title,.highcharts-subtitle {<br /> color: var(--text-color) !important<br /> }<br /> <br /> .highcharts-axis-title {<br /> fill: var(--text-color) !important<br /> }<br /> <br /> .highcharts-yaxis-grid .highcharts-grid-line,.highcharts-tick,.highcharts-axis-line {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-axis-labels text,.highcharts-range-selector-group text {<br /> color: var(--ooui-text) !important;<br /> fill: var(--ooui-text) !important<br /> }<br /> <br /> .highcharts-label-box {<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-button-box {<br /> fill: var(--ooui-normal)<br /> }<br /> <br /> .highcharts-navigator-outline {<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-track {<br /> fill: transparent;<br /> stroke: var(--ooui-interface-border)<br /> }<br /> <br /> .highcharts-scrollbar-button,.highcharts-scrollbar-thumb,.highcharts-navigator-handle {<br /> fill: var(--ooui-normal);<br /> stroke: var(--ooui-normal-border)<br /> }<br /> <br /> .highcharts-scrollbar-arrow {<br /> fill: var(--ooui-text)<br /> }<br /> <br /> .highcharts-scrollbar-rifles {<br /> stroke: var(--ooui-text)<br /> }<br /> <br /> #t-print,#t-permalink {<br /> display: none<br /> }<br /> <br /> .jcConfig {<br /> display: none<br /> }<br /> <br /> #filetoc {<br /> border-radius: 2px;<br /> background: var(--body-mid);<br /> border-color: transparent;<br /> margin: 0.5em auto;<br /> text-align: center;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> li.gallerybox div.thumb {<br /> border: none;<br /> background-color: var(--thumb-bg)<br /> }<br /> <br /> .smwfact {<br /> display: none<br /> }<br /> <br /> .list-header {<br /> background-color: var(--body-mid);<br /> color: inherit<br /> }<br /> <br /> .editOptions {<br /> color: var(--text-color);<br /> background-color: var(--sourceeditor-background-secondary);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .updatedmarker {<br /> background-color: #c3e8a3;<br /> color: #162e02<br /> }<br /> <br /> .mw-json th,.mw-json td {<br /> border-color: var(--wikitable-border)<br /> }<br /> <br /> .mw-json td {<br /> background: var(--wikitable-bg)<br /> }<br /> <br /> .mw-json th {<br /> background: var(--wikitable-header-bg)<br /> }<br /> <br /> <br /> html {<br /> -webkit-text-size-adjust: 100%<br /> }<br /> <br /> body {<br /> background: var(--body-background-image) var(--body-background-color) top left / 1500px 375px no-repeat;<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .vector-body {<br /> font-size: 0.9em<br /> }<br /> <br /> #firstHeading {<br /> font-weight: bold<br /> }<br /> <br /> pre,code,.mw-code {<br /> color: inherit;<br /> background-color: var(--mw-code-background-color);<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> dl {<br /> margin: 0<br /> }<br /> <br /> ul {<br /> list-style-image: var(--ul-list-style-image)<br /> }<br /> <br /> hr {<br /> background: none;<br /> border-color: var(--body-border);<br /> border-style: solid;<br /> border-width: 1px 0 0 0;<br /> height: initial<br /> }<br /> <br /> fieldset {<br /> border-color: var(--sidebar)<br /> }<br /> <br /> .vector-body blockquote {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> :root {<br /> --personal-links-bg: var(--body-main);<br /> --arrow-down: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M11.05 3.996l-.965-1.053-4.035 3.86-3.947-3.86L1.05 3.996l5 5 5-5' fill='%23444'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading {<br /> background-color: var(--vector-tab-background);<br /> padding: 1em 0.75em 0.6923em;<br /> margin: 0<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading,.vector-menu-dropdown .vector-menu-heading:hover,.vector-menu-dropdown .vector-menu-heading:focus {<br /> color: var(--background-text-color)<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-heading:after {<br /> background-image: var(--arrow-down);<br /> opacity: 1<br /> }<br /> <br /> .vector-menu-dropdown .vector-menu-content {<br /> border-color: transparent;<br /> background-color: var(--body-light);<br /> box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);<br /> left: 0<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item a {<br /> color: var(--link-color)<br /> }<br /> <br /> .vector-menu-dropdown .mw-list-item.selected a,.vector-menu-dropdown .mw-list-item.selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> #p-personal {<br /> background: var(--personal-links-bg);<br /> top: 0;<br /> right: 0;<br /> border-radius: 0 0 0 4px;<br /> height: 1.875em<br /> }<br /> <br /> #p-personal ul {<br /> padding: 0 1em 0 0.4375em<br /> }<br /> <br /> .vector-search-box-inner {<br /> background: var(--search-box);<br /> height: 2.5em;<br /> margin-top: 0;<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-search-box-input {<br /> color: var(--text-color);<br /> height: 100%;<br /> border: none;<br /> background: none;<br /> padding-left: 0.75em<br /> }<br /> <br /> .vector-search-box-input::placeholder {<br /> color: var(--text-color);<br /> opacity: 0.67<br /> }<br /> <br /> .vector-search-box-inner:hover .vector-search-box-input,.vector-search-box-input:focus,.vector-search-box-inner:hover .vector-search-box-input:focus {<br /> border: none;<br /> box-shadow: none<br /> }<br /> <br /> :root {<br /> --searchbutton-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='13'%3E%3Cg fill='none' stroke='%238cabe6' stroke-width='2'%3E%3Cpath d='M11.29 11.71l-4-4'/%3E%3Ccircle cx='5' cy='5' r='4'/%3E%3C/g%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .searchButton[name='go'] {<br /> background: no-repeat center var(--searchbutton-icon)<br /> }<br /> <br /> .vector-search-box {<br /> margin: 0<br /> }<br /> <br /> .vector-search-box form {<br /> margin-top: 0<br /> }<br /> <br /> .suggestions-results {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-result {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions a.mw-searchSuggest-link,.suggestions a.mw-searchSuggest-link:hover,.suggestions a.mw-searchSuggest-link:active,.suggestions a.mw-searchSuggest-link:focus {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-special {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border)<br /> }<br /> <br /> .suggestions-special .special-label {<br /> color: var(--byline-color)<br /> }<br /> <br /> .suggestions-special .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .suggestions-result-current .special-label,.suggestions-result-current .special-query {<br /> color: var(--text-color)<br /> }<br /> <br /> #mw-panel {<br /> padding-top: 2.5em<br /> }<br /> <br /> .vector-menu-portal .vector-menu-heading {<br /> color: var(--background-text-color);<br /> font-weight: bold;<br /> background: none<br /> }<br /> <br /> .vector-menu-portal .vector-menu-content li a,.vector-menu-portal .vector-menu-content li a:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-logo {<br /> filter: drop-shadow(0 2px 5px rgba(0,0,0,0.25));<br /> margin: -1.5em 0 0<br /> }<br /> <br /> #n-Discord a {<br /> color: #fff !important;<br /> font-weight: bold;<br /> border-radius: 4px;<br /> border: 1px solid #4c57d0;<br /> background-color: #5865f2;<br /> display: block;<br /> position: relative;<br /> padding: 4px 4px 5px calc(17px + 6.5px * 2);<br /> box-shadow: 0 2px 3px rgba(0,0,0,0.1);<br /> transition: 0.2s<br /> }<br /> <br /> #n-Discord a::before {<br /> content: 'Chat on ';<br /> font-weight: normal;<br /> opacity: 0.85<br /> }<br /> <br /> #n-Discord a::after {<br /> content: '';<br /> background: url(/images/0/06/Discord_logo_icon1.png) no-repeat;<br /> background-size: 17px 13px;<br /> filter: drop-shadow(0 1px 1px rgba(0,0,0,0.1));<br /> position: absolute;<br /> top: 5px;<br /> left: 7px;<br /> width: 17px;<br /> height: 13px<br /> }<br /> <br /> #n-Discord a:hover {<br /> text-decoration: none;<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a {<br /> background-color: #525ee0<br /> }<br /> <br /> #n-Discord a:hover {<br /> background-color: #4c57d0<br /> }<br /> <br /> :root {<br /> --vector-tab-background: var(--body-background-color);<br /> --vector-tab-background--hover: var(--body-mid);<br /> --vector-tab-link-color: var(--background-link-color);<br /> --watch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='transparent' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;);<br /> --unwatch-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath fill='%238cabe6' stroke='%238cabe6' stroke-width='.8' d='m8.1 1.1 2.2 4.5 4.8.7-3.5 3.4.9 4.8L8 12.2l-4.3 2.3.8-4.8L1 6.3l4.8-.7z'/%3E%3C/svg%3E%0A&quot;)<br /> }<br /> <br /> .vector-menu-tabs-legacy {<br /> padding: 0<br /> }<br /> <br /> .vector-menu-tabs-legacy .new a,.vector-menu-tabs-legacy .new a:visited {<br /> color: var(--redlink-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected {<br /> background: var(--body-main)<br /> }<br /> <br /> .vector-menu-tabs-legacy .selected a,.vector-menu-tabs-legacy .selected a:visited {<br /> color: var(--text-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy li a {<br /> color: var(--vector-tab-link-color);<br /> padding: 0 0.75em;<br /> padding-top: 1em<br /> }<br /> <br /> .vector-menu-tabs-legacy li a:visited {<br /> color: var(--vector-tab-link-color)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul li {<br /> background: var(--vector-tab-background)<br /> }<br /> <br /> .vector-menu-tabs-legacy ul a:hover {<br /> text-decoration: none<br /> }<br /> <br /> #ca-view {<br /> display: none !important<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected):hover,#p-cactions:hover #p-cactions-label {<br /> background: var(--vector-tab-background--hover)<br /> }<br /> <br /> .vector-menu-tabs ul li:not(.selected),#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> box-shadow: inset 0 -7px 7px -7px rgba(0,0,0,0.15)<br /> }<br /> <br /> .vector-menu-tabs,.vector-menu-tabs a,#mw-head .vector-menu-dropdown .vector-menu-heading {<br /> background-image: none<br /> }<br /> <br /> .ve-activated .vector-menu-tabs .selected {<br /> box-shadow: none<br /> }<br /> <br /> .vector-menu-tabs #ca-watch.icon a:before,.vector-menu-tabs #ca-watch.icon a:hover:before,.vector-menu-tabs #ca-watch.icon a:focus:before {<br /> background-image: var(--watch-icon)<br /> }<br /> <br /> .vector-menu-tabs #ca-unwatch.icon a:before,.vector-menu-tabs #ca-unwatch.icon a:hover:before,.vector-menu-tabs #ca-unwatch.icon a:focus:before {<br /> background-image: var(--unwatch-icon)<br /> }<br /> <br /> #p-Recent_changes {<br /> display: block<br /> }<br /> <br /> #p-Recent_changes .vector-menu-content {<br /> display: none<br /> }<br /> <br /> #p-Recent_changes .vector-menu-heading:after {<br /> content: '';<br /> position: relative;<br /> left: 0.5em;<br /> display: inline-block;<br /> background-color: #3c7b07;<br /> width: 6px;<br /> height: 6px;<br /> border-radius: 100%<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-item {<br /> position: relative;<br /> font-size: 0.75em;<br /> margin: 0.5em 0.25em 0 0.66em<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page {<br /> display: block;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden;<br /> max-width: max-content<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-page,#p-Recent_changes .rc-sidebar-page:active,#p-Recent_changes .rc-sidebar-page:visited {<br /> color: var(--background-link-color)<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user {<br /> color: var(--byline-color);<br /> margin: 0;<br /> white-space: nowrap;<br /> text-overflow: ellipsis;<br /> overflow: hidden<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-user a {<br /> color: inherit<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more {<br /> text-align: left<br /> }<br /> <br /> #p-Recent_changes .rc-sidebar-more .rc-sidebar-page {<br /> display: inline-block<br /> }<br /> <br /> div.thumbinner {<br /> border: none;<br /> background-color: var(--thumb-bg);<br /> padding: 0<br /> }<br /> <br /> .thumbimage {<br /> background-color: transparent;<br /> border-color: transparent;<br /> border-bottom: none<br /> }<br /> <br /> .thumbcaption {<br /> background: var(--thumb-caption-bg);<br /> padding: 4px 6px<br /> }<br /> <br /> :root {<br /> --toc-bg: var(--body-light);<br /> --toc-title-bg: var(--body-dark);<br /> --toc-border-color: var(--body-border);<br /> --toc-list-border-color: var(--body-border)<br /> }<br /> <br /> .toc {<br /> font-size: 0.9em;<br /> background: var(--toc-bg);<br /> margin-top: 1em;<br /> padding: 0;<br /> border-color: var(--toc-border-color);<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> clear: left<br /> }<br /> <br /> .toc .toctitle {<br /> background: var(--toc-title-bg);<br /> padding: 0.25em 1em<br /> }<br /> <br /> .toc .toctitle h2 {<br /> font-family: inherit<br /> }<br /> <br /> .toc &gt; ul {<br /> line-height: 1.8em;<br /> padding: 0.75em 1.75em;<br /> margin: 0<br /> }<br /> <br /> .toc ul ul {<br /> border-left: 1px dotted var(--toc-list-border-color);<br /> padding-left: 0.5em<br /> }<br /> <br /> .tocnumber {<br /> display: none<br /> }<br /> <br /> .toctogglespan {<br /> padding-left: 0.2em;<br /> font-size: 0.9em<br /> }<br /> <br /> .toctogglelabel {<br /> color: var(--link-color)<br /> }<br /> <br /> .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 {<br /> display: none<br /> }<br /> <br /> :root {<br /> --external-icon: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238cabe6' d='M6 1h5v5L8.86 3.85 4.7 8 4 7.3l4.15-4.16L6 1Z M2 3h2v1H2v6h6V8h1v2a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1Z'/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .mw-parser-output a.external {<br /> background-image: var(--external-icon);<br /> background-size: 0.833em<br /> }<br /> <br /> .mw-editsection {<br /> font-family: 'IBM Plex Sans','Helvetica Neue','Arial',sans-serif<br /> }<br /> <br /> .client-js .mw-content-ltr .mw-editsection-bracket:first-of-type,.client-js .mw-content-ltr .mw-editsection-bracket:not(:first-of-type),.mw-editsection-divider {<br /> color: var(--text-color)<br /> }<br /> <br /> #contentSub,#contentSub2 {<br /> color: var(--byline-color);<br /> margin: 0<br /> }<br /> <br /> #contentSub:not(:empty),#contentSub2:not(:empty) {<br /> margin: 0 0 1.4em 0<br /> }<br /> <br /> .mw-collapsible.mw-collapsed {<br /> min-width: 250px<br /> }<br /> <br /> .mw-collapsible:not(.mw-made-collapsible) th::before,.mw-collapsible .mw-collapsible-toggle {<br /> font-weight: normal;<br /> margin-left: 0.2em<br /> }<br /> .mw-collapsible-toggle-default .mw-collapsible-text {<br /> color: #8cabe6;<br /> }<br /> .wikiEditor-ui .wikiEditor-ui-view,.wikiEditor-ui .wikiEditor-ui-top {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar {<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab &gt; a,.wikiEditor-ui-toolbar .tabs span.tab &gt; a:visited {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a.current,.wikiEditor-ui-toolbar .tabs span.tab a.current:visited {<br /> color: var(--text-colour)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select {<br /> background-color: var(--sourceeditor-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--body-main)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .options .option {<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group .tool-select .menu .options .option:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .group-search {<br /> border-left-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table td {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-table th {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .section {<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .group &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .sections .toolbar .tool &gt; .label {<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet &gt; .index &gt; :hover {<br /> background-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .booklet .index &gt; .current {<br /> background-color: var(--body-mid);<br /> color: var(--link-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span {<br /> border-color: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .wikiEditor-ui-toolbar .page-characters div span:hover {<br /> border-color: var(--body-dark);<br /> background-color: transparent<br /> }<br /> <br /> .wikiEditor-ui-toolbar .tabs span.tab a:before,.wikiEditor-ui-toolbar .group .tool-select .label:after {<br /> background: var(--text-color);<br /> -webkit-mask: var(--arrow-down) center no-repeat;<br /> mask: var(--arrow-down) center no-repeat<br /> }<br /> <br /> .ace-tm {<br /> background-color: var(--sourceeditor-input-background);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter {<br /> background: var(--body-mid);<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-cell {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace-tm .ace_gutter-active-line {<br /> background-color: var(--body-light)<br /> }<br /> <br /> .ace_search {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> border-color: var(--body-mid)<br /> }<br /> <br /> .ace_search_field {<br /> background-color: var(--ooui-input);<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> .ace_searchbtn {<br /> border-color: var(--ooui-normal-border);<br /> background-color: var(--ooui-normal);<br /> color: var(--ooui-text)<br /> }<br /> <br /> .ace_searchbtn:last-child {<br /> border-color: var(--ooui-normal-border)<br /> }<br /> <br /> .ace_searchbtn:hover {<br /> background-color: var(--ooui-normal--hover)<br /> }<br /> <br /> .ace_searchbtn.prev:after,.ace_searchbtn.next:after {<br /> border-color: var(--ooui-text)<br /> }<br /> <br /> .ace_button {<br /> color: var(--text-color)<br /> }<br /> <br /> .ace_button:hover {<br /> background-color: rgba(0,23,70,0.086)<br /> }<br /> <br /> .ace_button:active {<br /> background-color: rgba(0,23,70,0.06)<br /> }<br /> <br /> .ace_button.checked {<br /> border-color: var(--ooui-accent)<br /> }<br /> <br /> .CodeMirror {<br /> background: var(--sourceeditor-input-background)<br /> }<br /> <br /> .CodeMirror pre {<br /> color: var(--text-color)<br /> }<br /> <br /> .codeEditor-status {<br /> border-color: var(--sourceeditor-border);<br /> background-color: var(--sourceeditor-background)<br /> }<br /> <br /> .codeEditor-status-message {<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-gutters {<br /> background-color: var(--codemirror-gutter-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> .CodeMirror-linenumber {<br /> color: var(--text-color)<br /> }<br /> <br /> .ve-init-mw-desktopArticleTarget .CodeMirror-linenumber {<br /> color: var(--byline-color)<br /> }<br /> <br /> .mw-editform #wpTextbox1 {<br /> color: var(--text-color);<br /> background: var(--sourceeditor-input-background);<br /> border-color: var(--sourceeditor-border)<br /> }<br /> <br /> input[name=&quot;model&quot;][value=&quot;Scribunto&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;css&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;less&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;javascript&quot;] ~ .wikiEditor-ui #wpTextbox1,input[name=&quot;model&quot;][value=&quot;json&quot;] ~ .wikiEditor-ui #wpTextbox1 {<br /> height: 600px<br /> }<br /> <br /> .tdg-templateDataDialog-listParamsPanel textarea.oo-ui-textInputWidget-autosized {<br /> resize: vertical<br /> }<br /> <br /> #wpAceFilterEditor {<br /> resize: horizontal<br /> }<br /> <br /> .warn-userupload,.ns-2 .upload-own-work {<br /> display: none<br /> }<br /> <br /> .ns-2 .warn-userupload {<br /> display: inline<br /> }<br /> <br /> textarea[name=&quot;wfUploadDescription&quot;] {<br /> height: 3em<br /> }<br /> <br /> #editform {<br /> margin-top: 1.25em<br /> }<br /> <br /> #mw-scribunto-input,#mw-scribunto-output {<br /> padding: 3px;<br /> font-family: monospace;<br /> font-size: 13px;<br /> line-height: 1.5em<br /> }<br /> <br /> #mw-scribunto-input {<br /> background-color: var(--ooui-input);<br /> border-color: var(--ooui-input-border)<br /> }<br /> <br /> :root {<br /> --scribuntoconsole-input: #0b5884;<br /> --scibuntoconsole-print: #a48900;<br /> --scribuntoconsole-error: #9f261e;<br /> --scribuntoconsole-message: #3c780a;<br /> --scribuntoconsole-tabcomplete: #4f348b;<br /> --scribuntoconsole-clear: #9f261e<br /> }<br /> <br /> .mw-scribunto-console-fieldset {<br /> color: inherit;<br /> background-color: var(--ooui-interface);<br /> border-color: var(--ooui-interface-border)<br /> }<br /> <br /> .mw-scribunto-normalOutput,.mw-scribunto-print,.mw-scribunto-error,.mw-scribunto-propList,.mw-scribunto-message,.mw-scribunto-tabcomplete {<br /> background: none<br /> }<br /> <br /> .mw-scribunto-input {<br /> color: var(--scribuntoconsole-input)<br /> }<br /> <br /> .mw-scribunto-normalOutput {<br /> color: inherit<br /> }<br /> <br /> .mw-scribunto-print {<br /> color: var(--scibuntoconsole-print)<br /> }<br /> <br /> .mw-scribunto-error {<br /> color: var(--scribuntoconsole-error)<br /> }<br /> <br /> .mw-scribunto-propList,.mw-scribunto-message {<br /> color: var(--scribuntoconsole-message)<br /> }<br /> <br /> .mw-scribunto-tabcomplete {<br /> color: var(--scribuntoconsole-tabcomplete)<br /> }<br /> <br /> .mw-scribunto-clear {<br /> color: var(--scribuntoconsole-clear);<br /> border-bottom-color: var(--scribuntoconsole-clear)<br /> }<br /> <br /> .ui-widget-overlay {<br /> background: var(--ooui-window-background)<br /> }<br /> <br /> .ui-dialog,.ui-widget-content {<br /> background-color: var(--body-light);<br /> border-color: var(--body-border);<br /> background-image: none;<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar.ui-widget-header,.ui-widget-content .ui-dialog-titlebar.ui-widget-header {<br /> background-image: none !important;<br /> background-color: var(--body-dark) !important;<br /> border-color: var(--body-border) !important<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar .ui-dialog-title,.ui-widget-content .ui-dialog-titlebar .ui-dialog-title {<br /> color: var(--text-color)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close,.ui-widget-content .ui-dialog-titlebar-close {<br /> background-color: var(--ooui-normal)<br /> }<br /> <br /> .ui-dialog .ui-dialog-titlebar-close:hover,.ui-widget-content .ui-dialog-titlebar-close:hover {<br /> background: var(--ooui-normal--hover);<br /> border: var(--link-color)<br /> }<br /> <br /> .ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default {<br /> background: var(--ooui-normal) !important;<br /> color: var(--ooui-text);<br /> border-color: var(--ooui-normal-border) !important<br /> }<br /> <br /> .ui-button:hover,.ui-state-default:hover,.ui-widget-content .ui-state-default:hover,.ui-widget-header .ui-state-default:hover {<br /> background: var(--ooui-normal--hover) !important;<br /> color: var(--ooui-text)<br /> }<br /> <br /> .infobox {<br /> background: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> font-size: 0.85em;<br /> width: 300px;<br /> margin: 0.5em 0 1em 1em;<br /> border-collapse: collapse;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1);<br /> float: right;<br /> table-layout: fixed;<br /> word-break: break-word<br /> }<br /> <br /> .infobox .infobox-header {<br /> color: var(--infobox-text-color);<br /> font-size: 1.15em;<br /> line-height: 1.4em;<br /> background: var(--body-dark);<br /> padding: 0.5em 0<br /> }<br /> <br /> .infobox .infobox-header a {<br /> color: inherit;<br /> font-size: 1.15em;<br /> font-weight: bold<br /> }<br /> <br /> .infobox .infobox-subheader {<br /> background: var(--body-dark);<br /> color: var(--infobox-text-color);<br /> line-height: 2em<br /> }<br /> <br /> .infobox .infobox-subheader a {<br /> color: inherit<br /> }<br /> <br /> .infobox .infobox-subheader + .infobox-subheader {<br /> border-left: 2px solid var(--body-light)<br /> }<br /> <br /> .infobox .infobox-image {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-image.inventory-image {<br /> height: 32px<br /> }<br /> <br /> .infobox .infobox-image a.image + a.image {<br /> margin-left: 0.1em<br /> }<br /> <br /> .infobox .infobox-image img {<br /> max-width: 300px;<br /> height: auto<br /> }<br /> <br /> .infobox th:not(.infobox-header):not(.infobox-subheader):not(.infobox-nested) {<br /> text-align: right;<br /> vertical-align: top;<br /> border-right: 2px solid var(--body-dark);<br /> padding: 0.2em 0.5em<br /> }<br /> <br /> .infobox td {<br /> padding: 0.25em 0.5em;<br /> line-height: 1.6em<br /> }<br /> <br /> .infobox td.infobox-nested {<br /> padding: 0.25em 0;<br /> line-height: 1em<br /> }<br /> <br /> .infobox th ~ td {<br /> vertical-align: top<br /> }<br /> <br /> .infobox .infobox-padding {<br /> height: 0.5em;<br /> padding: 0;<br /> border: 0<br /> }<br /> <br /> .infobox .infobox-nested {<br /> text-align: center<br /> }<br /> <br /> .infobox .infobox-nested + .infobox-nested {<br /> border-left: 2px solid var(--body-dark)<br /> }<br /> <br /> .infobox .infobox-cell-hidden {<br /> display: none<br /> }<br /> <br /> .infobox .infobox-full-width-content {<br /> max-width: 300px;<br /> text-align: center;<br /> overflow: hidden;<br /> padding: 0<br /> }<br /> <br /> .infobox .infobox-caption {<br /> font-weight: bold<br /> }<br /> <br /> .infobox select {<br /> max-width: 300px<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .infobox-item .infobox-image {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .infobox.skill-info {<br /> float: none;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses {<br /> clear: left;<br /> float: none;<br /> word-break: break-word;<br /> font-size: 100%;<br /> margin: 1em 0<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image {<br /> width: 125px;<br /> text-align: center;<br /> vertical-align: middle;<br /> border: 1px solid var(--body-border)<br /> }<br /> <br /> .infobox-bonuses .infobox-bonuses-image-caption {<br /> font-size: 0.85em<br /> }<br /> <br /> .infobox-bonuses .infobox-subheader {<br /> width: 250px<br /> }<br /> <br /> .skill-info a[href$=&quot;?action=edit&quot;] + a[href$=&quot;?action=edit&quot;] {<br /> display: none<br /> }<br /> <br /> .poh-room {<br /> background-color: var(--infobox-room-poh-color);<br /> margin: auto;<br /> width: 100px<br /> }<br /> <br /> .poh-room img {<br /> display: block<br /> }<br /> <br /> .poh-room-row {<br /> display: flex<br /> }<br /> <br /> .poh-room-text {<br /> margin: auto;<br /> width: 92px<br /> }<br /> <br /> .infobox-buttons {<br /> text-align: center;<br /> max-width: 300px;<br /> display: none<br /> }<br /> <br /> .infobox-switch-resources {<br /> display: none<br /> }<br /> <br /> .switch-infobox .switch-infobox-triggers,.switch-infobox .loading-button {<br /> clear: left<br /> }<br /> <br /> .infobox-pure .max-hit-list a {<br /> display: inline-block;<br /> min-width: 32px;<br /> min-height: 32px;<br /> text-align: center<br /> }<br /> <br /> .advanced-data {<br /> display: none<br /> }<br /> <br /> .multi-infobox .infobox {<br /> margin: 0<br /> }<br /> <br /> :root {<br /> --navbox-background: var(--body-light);<br /> --navbox-border: var(--body-main);<br /> --navbox-title-background: var(--body-dark);<br /> --navbox-footer-background: var(--body-dark);<br /> --navbox-group-title-background: var(--body-mid)<br /> }<br /> <br /> .navbox {<br /> font-size: 0.85em;<br /> background: var(--navbox-background);<br /> border-collapse: collapse;<br /> margin: 1em auto 0;<br /> width: 100%;<br /> clear: both;<br /> box-shadow: 0 0.25rem 0.35rem -0.25rem rgba(0,0,0,0.1)<br /> }<br /> <br /> @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {<br /> .navbox img {<br /> image-rendering:pixelated;<br /> image-rendering: crisp-edges<br /> }<br /> }<br /> <br /> .navbox .navbox {<br /> font-size: 100%;<br /> margin: 0.5em auto 0;<br /> box-shadow: none<br /> }<br /> <br /> .navbox-title {<br /> font-size: 110%;<br /> line-height: 1.6em;<br /> background: var(--navbox-title-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-title-name {<br /> margin: 0 4em<br /> }<br /> <br /> .navbox-title .mw-collapsible-toggle {<br /> color: #fff;<br /> font-size: 0.9em;<br /> text-align: right<br /> <br /> }<br /> <br /> .navbox-title .navbox {<br /> font-size: 100%<br /> }<br /> <br /> .navbox-group:nth-child(2) {<br /> border-top: 1px solid var(--navbox-border)<br /> }<br /> <br /> .navbox-group-title {<br /> background: var(--navbox-group-title-background);<br /> border: 1px solid var(--navbox-border);<br /> border-width: 0 1px 1px 0;<br /> text-align: left;<br /> padding: 0.25em 1em;<br /> width: 1%;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list {<br /> border-bottom: 1px solid var(--navbox-border);<br /> padding: 0.25em 0.5em<br /> }<br /> <br /> .navbox-list ul {<br /> margin: 0<br /> }<br /> <br /> .navbox-list li {<br /> display: inline;<br /> white-space: nowrap<br /> }<br /> <br /> .navbox-list li + li::before {<br /> content: '• '<br /> }<br /> <br /> .navbox-parent {<br /> padding: 0<br /> }<br /> <br /> .navbox-subgroup {<br /> border-collapse: collapse;<br /> border-spacing: 0;<br /> width: 100%<br /> }<br /> <br /> .navbox-subgroup &gt; tbody &gt; tr:last-child &gt; th,.navbox-subgroup &gt; tbody &gt; tr:last-child &gt; td {<br /> border-bottom: none<br /> }<br /> <br /> .navbox-footer {<br /> background: var(--navbox-footer-background);<br /> text-align: center;<br /> padding: 0.25em 1em<br /> }<br /> <br /> .navbox-data {<br /> display: none<br /> }<br /> <br /> :root {<br /> --echo-icon-moon-bg-image: url(&quot;data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg height='21' viewBox='0 0 21 21' width='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m8.85464918.37900488c-1.91149353 1.51069427-3.13816124 3.84973402-3.13816124 6.47527736 0 4.55564936 3.69308349 8.24873286 8.24873286 8.24873286 2.5815709 0 4.8861545-1.1859235 6.3986798-3.0426994-.8206378 4.7389755-4.9523867 8.343122-9.9259291 8.343122-5.56375572 0-10.07407088-4.5103151-10.07407088-10.0740709 0-5.02506013 3.67919933-9.19079725 8.49074856-9.95036192z' fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-person-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2212%22 height=%2213.836%22 viewBox=%220 0 12 13.836%22%3E %3Cpath fill='%234c4c4c' d=%22M1.938%2C6.656c-1.32%2C1.485-1.47%2C3.15-0.97%2C4.25c0.323%2C0.707%2C0.78%2C1.127%2C1.313%2C1.375 c0.496%2C0.229%2C1.074%2C0.273%2C1.658%2C0.282c0.023%2C0%2C0.04%2C0.03%2C0.062%2C0.03h4.187c0.61%2C0%2C1.225-0.125%2C1.75-0.405 c0.527-0.28%2C0.961-0.718%2C1.188-1.376c0.335-0.964%2C0.175-2.529-1.094-4.03C9.094%2C7.954%2C7.68%2C8.719%2C6.065%2C8.719 c-1.677%2C0-3.182-0.812-4.125-2.063H1.938z%22/%3E %3Cpath fill='%234c4c4c' d=%22M6.063%2C0c-1.89%2C0-3.595%2C1.674-3.594%2C3.563C2.467%2C5.45%2C4.173%2C7.155%2C6.06%2C7.155 c1.89%2C0%2C3.564-1.705%2C3.563-3.593C9.625%2C1.673%2C7.95%2C0%2C6.063%2C0L6.063%2C0z%22/%3E %3C/svg%3E&quot;);<br /> --echo-icon-bell-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Ebell%3C/title%3E%3Cpath d=%22M16 7a5.38 5.38 0 00-4.46-4.85C11.6 1.46 11.53 0 10 0S8.4 1.46 8.46 2.15A5.38 5.38 0 004 7v6l-2 2v1h16v-1l-2-2zm-6 13a3 3 0 003-3H7a3 3 0 003 3z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-tray-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Etray%3C/title%3E%3Cpath d=%22M3 1a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2V3a2 2 0 00-2-2zm14 12h-4l-1 2H8l-1-2H3V3h14z%22 fill='%234c4c4c'/%3E%3C/svg%3E&quot;);<br /> --echo-icon-fullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M1 1v6h2V3h4V1zm2 12H1v6h6v-2H3zm14 4h-4v2h6v-6h-2zm0-16h-4v2h4v4h2V1z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;);<br /> --echo-icon-exitFullscreen-bg-image: url(&quot;data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Ctitle%3E exit fullscreen %3C/title%3E%3Cg fill='%234c4c4c'%3E%3Cpath d='M7 7V1H5v4H1v2zM5 19h2v-6H1v2h4zm10-4h4v-2h-6v6h2zm0-8h4V5h-4V1h-2v6z'/%3E%3C/g%3E%3Cscript xmlns=''/%3E%3C/svg%3E&quot;)<br /> }<br /> <br /> .vector-user-menu-legacy #pt-userpage a,.vector-user-menu-legacy #pt-anonuserpage {<br /> background-image: var(--echo-icon-person-bg-image);<br /> padding-top: 0;<br /> background-position-y: 0<br /> }<br /> <br /> .vector-user-menu-legacy #pt-anonuserpage {<br /> color: var(--byline-color)<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge,#pt-notifications-notice .mw-echo-notifications-badge {<br /> background-size: 75%;<br /> background-position: center 80%;<br /> background-repeat: no-repeat;<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read,#pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {<br /> opacity: unset<br /> }<br /> <br /> #pt-notifications-alert .oo-ui-icon-bell {<br /> background-image: var(--echo-icon-bell-bg-image)<br /> }<br /> <br /> #pt-notifications-notice .oo-ui-icon-tray {<br /> background-image: var(--echo-icon-tray-bg-image)<br /> }<br /> <br /> #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-exitFullscreen-bg-image)<br /> }<br /> <br /> body.wgl-fixedWidth #pt-fixed-width .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-fullscreen-bg-image)<br /> }<br /> <br /> #pt-theme-toggles .oo-ui-icon-advanced {<br /> background-image: var(--echo-icon-moon-bg-image)<br /> }<br /> <br /> #pt-anontalk {<br /> padding-top: 0.6em<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul {<br /> margin: 5px 0 0 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> margin: 5px 0 0 15px<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul,.transcript &gt; ul,.ns-120 .mw-parser-output &gt; ul ul,.transcript &gt; ul ul,.ns-120 .mw-parser-output &gt; ul ol,.transcript &gt; ul ol {<br /> list-style: none;<br /> border-left: 1px dashed var(--transcript-border-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul:hover,.transcript &gt; ul:hover,.ns-120 .mw-parser-output &gt; ul ul:hover,.transcript &gt; ul ul:hover,.ns-120 .mw-parser-output &gt; ul ol:hover,.transcript &gt; ul ol:hover {<br /> border-color: var(--transcript-border-hover-color)<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li,.transcript &gt; ul li,.ns-120 .mw-parser-output &gt; ul ul li,.transcript &gt; ul ul li,.ns-120 .mw-parser-output &gt; ul ol li,.transcript &gt; ul ol li {<br /> flex-direction: column;<br /> padding-left: 15px;<br /> margin: 14px 0<br /> }<br /> <br /> .ns-120 .mw-parser-output &gt; ul li:last-of-type,.transcript &gt; ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ul li:last-of-type,.transcript &gt; ul ul li:last-of-type,.ns-120 .mw-parser-output &gt; ul ol li:last-of-type,.transcript &gt; ul ol li:last-of-type {<br /> margin-bottom: 0<br /> }<br /> <br /> .nodesktop {<br /> display: none<br /> }<br /> <br /> /*<br /> The following styles were used as a temporary fix for TabberNeue.<br /> We're currently using old Tabber because TabberNeue breaks if a tab<br /> dynamically changes size, such as multi-infobox.<br /> */<br /> <br /> :root {<br /> --tabber-inactive-tab-bg: #222e45;<br /> --tabber-fade-scroll: linear-gradient(to bottom,rgba(226,219,200,0),#d8ccb4 95%,#94866d);<br /> }<br /> <br /> .tabber__tabs {<br /> gap: 1px;<br /> }<br /> <br /> .tabber__tab {<br /> background-color: var(--tabber-inactive-tab-bg);<br /> padding: 0.5em 0.8em;<br /> border: 1px solid var(--body-border);<br /> border-bottom: 0;<br /> }<br /> <br /> .tabber__tabs .tabber__tab {<br /> color: var(--text-color);<br /> }<br /> <br /> /* Specific styles needed to override color on Minerva. */<br /> body.mediawiki .tabber a:visited, <br /> body.mediawiki .tabber image a:visited,<br /> body.mediawiki .tabber a:active, <br /> body.mediawiki .tabber image a:active {<br /> color: var(--text-color);<br /> }<br /> <br /> .tabber__tab:active {<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab:hover {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__tab--active, .tabber__tab--active:visited {<br /> background-color: var(--body-light);<br /> color: var(--text-color);<br /> box-shadow: none;<br /> }<br /> <br /> .tabber__header, .tabber__section, .tabber__tabs {<br /> scroll-behavior: unset;<br /> box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1); /* Add box shadow to tabber header */<br /> }<br /> <br /> .tabber__panel {<br /> /* Hide non-active tabs. */<br /> /* display:none conflicted with tabber somehow and hid all tabs. */<br /> width: 250;<br /> }<br /> <br /> .tabber__panel.tabber__panel--active {<br /> width: 300;<br /> }<br /> <br /> .tabber__section {<br /> background-color: var(--body-light);<br /> border: 1px solid var(--body-border);<br /> overflow-y: scroll;<br /> padding-bottom: 30px; /* only necessary for fade scroll hack */<br /> height: auto; /* Example height */<br /> width: auto; /* Example width */<br /> max-width: 1300px; /* Example max-width */<br /> }<br /> <br /> .tabber__panel {<br /> padding: 1em 1.5em;<br /> }<br /> <br /> .wikitable.hover th:hover {<br /> cursor: help;<br /> /* Add any additional styles specific to hovering over table headers */<br /> }<br /> <br /> /* Hover Box for switching the visibility of the selected item */<br /> .hoverbox { <br /> display:inline-block; <br /> padding:0em; <br /> color: white; /* Change this to the desired color */<br /> }<br /> <br /> .hoverbox .hoveritem { <br /> display:none; <br /> margin:0em; <br /> padding:0em; <br /> }<br /> <br /> .hoverbox .hoveritem.selected { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem { <br /> display:inline-block; <br /> }<br /> <br /> .hoverbox:hover .hoveritem.selected { <br /> display:none; <br /> }<br /> /* Style for the entire tier list */<br /> .tierlist {<br /> display: flex;<br /> gap: 20px;<br /> flex-wrap: wrap;<br /> }<br /> <br /> /* Style for individual tiers */<br /> .tier {<br /> border: 1px solid #ccc;<br /> padding: 10px;<br /> width: 200px;<br /> min-height: 150px;<br /> background: #f9f9f9;<br /> border-radius: 8px;<br /> }<br /> <br /> /* Title for each tier */<br /> .tier h3 {<br /> text-align: center;<br /> margin-top: 0;<br /> }<br /> <br /> /* Style for the sortable list */<br /> .sortable {<br /> list-style: none;<br /> padding: 0;<br /> margin: 0;<br /> min-height: 50px;<br /> }<br /> <br /> /* Style for the dropdown selector */<br /> .tier-selector {<br /> width: 100%;<br /> padding: 5px;<br /> margin-top: 5px;<br /> }<br /> .collection-log-wrapper {<br /> margin: 10px 0;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .collection-log-killcount {<br /> font-weight: bold;<br /> margin-bottom: 6px;<br /> }<br /> <br /> .collection-log-grid {<br /> display: grid;<br /> grid-template-columns: repeat(6, 48px);<br /> gap: 4px;<br /> padding: 6px 0;<br /> }<br /> <br /> <br /> .collection-log-item {<br /> width: 48px;<br /> height: 48px;<br /> border: 2px solid transparent; /* border only on container */<br /> border-radius: 4px;<br /> display: flex;<br /> justify-content: center;<br /> align-items: center;<br /> position: relative;<br /> background-color: #1a2a3a;<br /> box-sizing: border-box;<br /> }<br /> <br /> .collection-log-item.obtained {<br /> border-color: #4caf50;<br /> background-color: #224422;<br /> }<br /> <br /> .collection-log-item.missing {<br /> border-color: #ffc107;<br /> background-color: #3a2a1a;<br /> }<br /> <br /> .collection-log-item img {<br /> max-width: 36px;<br /> max-height: 36px;<br /> object-fit: contain;<br /> border-radius: 2px;<br /> border: none; /* remove border here */<br /> opacity: 1;<br /> filter: none;<br /> }<br /> <br /> .collection-log-item.missing img {<br /> opacity: 0.3;<br /> filter: grayscale(100%);<br /> }<br /> <br /> .collection-log-qty-badge {<br /> position: absolute;<br /> bottom: 0;<br /> right: 0;<br /> background: rgba(0, 0, 0, 0.7);<br /> color: white;<br /> font-size: 12px;<br /> font-weight: bold;<br /> line-height: 1;<br /> padding: 1px 4px;<br /> border-radius: 3px 0 0 0;<br /> user-select: none;<br /> }<br /> .collection-log-killcount-box {<br /> border: 2px solid black;<br /> background-color: #534d41;<br /> color: cyan;<br /> padding: 0.5em 1em;<br /> margin-bottom: 8px;<br /> text-align: center;<br /> font-family: Arial, sans-serif;<br /> }<br /> <br /> .ace_keyword { color: #c586c0 !important; }<br /> .ace_string { color: #ce9178 !important; }<br /> .ace_comment { color: #6a9955 !important; font-style: italic; }<br /> .ace_function { color: #dcdcaa !important; }<br /> .ace_constant { color: #569cd6 !important; }<br /> <br /> .mw-highlight .nf {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> .mw-highlight .nc {<br /> color: #ffd700 !important; /* gold */<br /> }<br /> <br /> /* Highlight row on hover */<br /> .wikitable.lighttable tr:hover {<br /> background-color: #526382; /* dark blue highlight */<br /> color: #ffffff; /* readable text */<br /> }<br /> .custom-dropdown { position: relative; width: 150px; cursor: pointer; }<br /> .custom-dropdown .selected { background: #313e59; color: white; padding: 5px; border-radius: 4px; }<br /> .custom-dropdown .options { display: none; position: absolute; background: #222e45; top: 100%; left: 0; width: 100%; border-radius: 4px; z-index: 10; }<br /> .custom-dropdown .options div { padding: 5px; display: flex; align-items: center; }<br /> .custom-dropdown .options div:hover { background: #313e59; }<br /> .custom-dropdown .options div img.icon { width:16px; height:16px; margin-right:5px; }<br /> <br /> /* =========================<br /> Tier List<br /> ========================= */<br /> <br /> <br /> /* Main wrapper */<br /> <br /> .tier-list {<br /> margin:0;<br /> padding:0;<br /> }<br /> <br /> <br /> /* Tier rows */<br /> <br /> .tier-row {<br /> display:flex;<br /> height:60px;<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> <br /> /* Tier labels */<br /> <br /> .tier-label {<br /> width:60px;<br /> height:60px;<br /> <br /> display:flex;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> font-size:42px;<br /> line-height:1;<br /> font-weight:bold;<br /> color:white;<br /> }<br /> <br /> <br /> /* Tier colours */<br /> <br /> .tier-s {<br /> background:#ff7f7f;<br /> }<br /> <br /> .tier-a {<br /> background:#ffbf7f;<br /> }<br /> <br /> .tier-b {<br /> background:#ffdf7f;<br /> }<br /> <br /> .tier-c {<br /> background:#ffff7f;<br /> color:black;<br /> }<br /> <br /> .tier-d {<br /> background:#bfff7f;<br /> }<br /> <br /> .tier-f {<br /> background:#7fbfff;<br /> }<br /> <br /> <br /> /* Drop areas */<br /> <br /> .tier-items {<br /> flex:1;<br /> height:60px;<br /> <br /> display:flex;<br /> align-items:center;<br /> flex-wrap:wrap;<br /> <br /> padding:3px;<br /> gap:3px;<br /> <br /> background:#222;<br /> border:1px dashed #777;<br /> <br /> margin:0 !important;<br /> }<br /> <br /> <br /> /* =========================<br /> Items<br /> ========================= */<br /> <br /> .tier-item {<br /> width:48px;<br /> height:48px;<br /> <br /> display:flex !important;<br /> align-items:center;<br /> justify-content:center;<br /> <br /> cursor:grab;<br /> border-radius:5px;<br /> overflow:hidden;<br /> <br /> line-height:0;<br /> }<br /> <br /> <br /> /* Drag */<br /> <br /> .tier-item:active {<br /> cursor:grabbing;<br /> }<br /> <br /> <br /> /* MediaWiki wrapper fixes */<br /> <br /> .tier-item p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> display:flex !important;<br /> line-height:0 !important;<br /> }<br /> <br /> .tier-item span {<br /> display:flex !important;<br /> }<br /> <br /> .tier-item a {<br /> display:flex !important;<br /> width:48px;<br /> height:48px;<br /> <br /> align-items:center;<br /> justify-content:center;<br /> }<br /> <br /> <br /> /* Images */<br /> <br /> .tier-item img,<br /> .tier-item .mw-file-element {<br /> display:block !important;<br /> <br /> width:48px !important;<br /> height:48px !important;<br /> <br /> max-width:48px !important;<br /> max-height:48px !important;<br /> <br /> image-rendering: pixelated;<br /> image-rendering: crisp-edges;<br /> <br /> object-fit:contain !important;<br /> }<br /> <br /> <br /> /* =========================<br /> Reward Pool<br /> ========================= */<br /> <br /> .reward-pool {<br /> display:flex;<br /> flex-wrap:wrap;<br /> gap:5px;<br /> <br /> padding:5px;<br /> margin:8px 0;<br /> }<br /> <br /> <br /> /* =========================<br /> Rarity backgrounds<br /> ========================= */<br /> <br /> .gold-item {<br /> background:rgba(212,175,55,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .silver-item {<br /> background:rgba(192,192,192,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .bronze-item {<br /> background:rgba(205,127,50,0.25);<br /> border-radius:5px;<br /> }<br /> <br /> .tier-list p {<br /> margin:0 !important;<br /> padding:0 !important;<br /> }<br /> <br /> .tier-list p br {<br /> display:none !important;<br /> }</div>

Hefner