Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/*———————————————————— KINGDOM WIKI STYLES FOR DESKTOP —————————————————————*
GLOBAL VARIABLES
GENERAL WIKI STYLE
* LINKS
* BUTTONS
* INPUTS
* DROP DOWN LISTS
* MAIN HEADER
* PAGE SIDE TOOLS
* PAGE HEADER
* GENERAL STRUCTURE ON NARROW SCREENS
* NAMESPACES
ARTICLES
* GOOD FONT SIZE
* ARTICLE HEADINGS
* TABLE OF CONTENTS
* ARTICLE PARAGRAPHS
* ARTICLE LISTS
* ARTICLE IMAGES
* ARTICLE VIDEOS
* ARTICLE GALLERY
* ARTICLE REFERENCES
* ARTICLE MEDIA LIGHTBOX
* ARTICLE TABLES
* ARTICLE CATEGORIES BAR (bottom)
* ARTICLE <pre> & <source>
* SYNTAX HIGHLIGHTING
ARTICLE COMMENTS & MESSAGE WALLS
ARTICLE EDITORS
MEDIA GALLERY (categories & special pages)
HISTORY & DIFF
* RC, HIST, DIFF, CONTRIB (links)
* RC, HIST, DIFF, CONTRIB (tags & buttons)
SPECIAL PAGES
* Special:RecentChanges
* Special:SocialActivity
* Special:NewPages
* Special:Upload
* Special:Community
* Special:Search
* Special:CategoryTree
* Special:ListFiles
* Special:TagsReport
* Special:ListUsers
* Special:Notifications
* Special (other)
CATEGORY PAGE
FORUM
* ARCHIVED FORUM
TEMPLATE PAGES
FILE PAGE
USER - pages
HOME PAGE
REDIRECT pages
Soundtrack (OST) page
TABBER (extension)
INFOBOXES
TEMPLATES
SCRIPTS
TOOLTIP
POPUP (modal)
RIGHT RAIL
FANDOM SUGGESTIONS
FOOTER
WIKIA BOTTOM BAR
PSEUDO ELEMENTS */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap');
/*- - - - - - - - - - - - - - - GLOBAL VARIABLES - - - - - - - - - - - - - - -*/
.mediawiki {
--sh-2: #1002;
--sh-4: #0004;
--sh-c: #000c;
--w-border: 2px solid var(--em-4);
--themed-page-background--windows: var(--bg-zero);
--themed-page-background--secondary: var(--bg-em-2);
--theme-page-background-color: var(--bg-zero);
--theme-page-text-color: var(--txt);
--theme-article-background-color--secondary: var(--bg-zero);
--theme-box-shadow: 0 2px 6px 0 #0004;
--theme-border-color: var(--em-4);
--themed-text-color: var(--txt);
--themed-text-color--secondary: var(--t-soft-2);
--theme-article-text-color: var(--txt);
--theme-link-color: var(--t-link);
--theme-link-color--hover: var(--t-link);
--themed-link-color--hover: var(--t-link);
--theme-success-color: var(--t-green-0);
--themed-success-color: var(--t-green-0);
--theme-alert-color: var(--t-red-1);
--theme-alert-color--hover: var(--t-red-1);
--themed-alert-color--hover: var(--t-red-1);
--theme-sticky-nav-background-color: var(--bg-gray-2);
--themed-border-color: var(--em-4);
--fandom-border-color: var(--em-4);
}
.theme-fandomdesktop-dark {
--em-02: #fff2;
--em-01: #fff1;
--em-1: #0001;
--em-2: #0002;
--em-4: #0004;
--bg-float: #5a5344;
--bg-zero: #4b463b;
--bg-em-2: #413d33;
--bg-em-4: #38352c;
--bg-gray-0: #353432;
--bg-gray-1: #2a2a29;
--bg-gray-2: #222;
--bg-full: #1e1d1b;
--bg-wine-0: #463631;
--bg-wine-1: #613a34;
--bg-red-0: #8c071f;
--bg-red-1: #ab0725;
--bg-blue-0: #3a3239;
--bg-blue-1: #1e535a;
--bg-blue-2: #416776;
--bg-green: #2f652f;
--fan-bg: #291927;
--t-grayout: #7a7561;
--t-grey: #d2cbb0;
--t-full: #f2edd9;
--txt: #eee5c5;
--t-silver: #ddd;
--t-soft-1: #e9d796;
--t-soft-2: #d1c188;
--t-hot: #e7b648;
--t-link: #d0e14e;
--t-cyan-1: #96e9ca;
--t-green-0: #39df59;
--t-green-1: #98ffac;
--t-red-1: #ff7878;
--t-kingdom: #38c1ff;
--t-nature: #ffa438;
--t-greed: #ff389f;
--theme-accent-color--hover: var(--em-4);
--theme-body-text-color: var(--t-full);
--theme-body-text-color--hover: white;
--theme-sticky-nav-text-color: var(--t-full);
--theme-sticky-nav-text-color--hover: white;
--theme-page-background-color--secondary: var(--bg-em-2);
}
.theme-fandomdesktop-light {
--em-02: #fb48;
--em-01: #fb44;
--em-1: #fff2;
--em-2: #fff4;
--em-2: #fed8;
--em-4: #fffa;
--em-4: #fffc;
--bg-float: #e2d7b8;
--bg-zero: #d7ccaf;
--bg-em-2: #e7e1cf;
--bg-em-4: #f2eee4;
--bg-gray-0: #e6e0d0;
--bg-gray-1: #f0ede7;
--bg-gray-2: #f8f6f2;
--bg-full: #fffaec;
--bg-wine-0: #ff7c5566;
--bg-wine-1: #ff542166;
--bg-red-0: #ff607d;
--bg-red-1: #e22346;
--bg-blue-0: #9c7aff47;
--bg-blue-1: #20adff47;
--bg-blue-2: #00ffaa47;
--bg-green: #61f161;
--fan-bg: #684063;
--t-grayout: #ab9a92;
--t-grey: #464545;
--t-full: #1f1e1e;
--txt: #33302f;
--t-silver: #888;
--t-soft-1: #465a50;
--t-soft-2: #528c71;
--t-hot: #035cd0;
--t-link: #067e82;
--t-cyan-1: #00927e;
--t-green-0: #39df59;
--t-green-1: #009422;
--t-red-1: #d42509;
--t-kingdom: #098bc5;
--t-nature: #ea8106;
--t-greed: #f11788;
--theme-accent-color--hover: var(--em-4);
--theme-body-text-color: var(--txt);
--theme-body-text-color--hover: var(--t-full);
--theme-sticky-nav-text-color: var(--txt);
--theme-sticky-nav-text-color--hover: var(--t-full);
--theme-page-background-color--secondary: #c3b898;
}
/* Color by class */
.em-02 {background-color: var(--em-02) !important}
.em-01 {background-color: var(--em-01) !important}
.em-1 {background-color: var(--em-1) !important}
.em-2 {background-color: var(--em-2) !important}
.em-2 {background-color: var(--em-2) !important}
.em-4 {background-color: var(--em-4) !important}
.em-4 {background-color: var(--em-4) !important}
.bg-float {background-color: var(--bg-float) !important}
.bg-zero {background-color: var(--bg-zero) !important}
.bg-em-2 {background-color: var(--bg-em-2) !important}
.bg-em-4 {background-color: var(--bg-em-4) !important}
.bg-gray-0 {background-color: var(--bg-gray-0) !important}
.bg-gray-1 {background-color: var(--bg-gray-1) !important}
.bg-gray-2 {background-color: var(--bg-gray-2) !important}
.bg-full {background-color: var(--bg-full) !important}
.bg-wine-0 {background-color: var(--bg-wine-0) !important}
.bg-wine-1 {background-color: var(--bg-wine-1) !important}
.bg-red-0 {background-color: var(--bg-red-0) !important}
.bg-red-1 {background-color: var(--bg-red-1) !important}
.bg-blue-0 {background-color: var(--bg-blue-0) !important}
.bg-blue-1 {background-color: var(--bg-blue-1) !important}
.bg-blue-2 {background-color: var(--bg-blue-2) !important}
.bg-green {background-color: var(--bg-green) !important}
.t-grayout {color: var(--t-grayout) !important}
.t-grey {color: var(--t-grey) !important}
.t-full {color: var(--t-full) !important}
.txt {color: var(--txt) !important}
.t-silver {color: var(--t-silver) !important}
.t-soft-1 {color: var(--t-soft-1) !important}
.t-soft-2 {color: var(--t-soft-2) !important}
.t-hot {color: var(--t-hot) !important}
.t-link {color: var(--t-link) !important}
.t-cyan-1 {color: var(--t-cyan-1) !important}
.t-green-0 {color: var(--t-green-0) !important}
.t-green-1 {color: var(--t-green-1) !important}
.t-red-1 {color: var(--t-red-1) !important}
.t-kingdom {color: var(--t-kingdom) !important}
.t-nature {color: var(--t-nature) !important}
.t-greed {color: var(--t-greed) !important}
/* - - - - - - - - - - - - - - GENERAL WIKI STYLE - - - - - - - - - - - - - - */
body.mediawiki {
border: 0;
padding: 0;
overflow-x: hidden;
line-height: 1.5;
color: var(--txt);
}
/* Replaces the default 702px by FandomDesktop, taking into account:
- the body scrolbar (13px), the global nav (66px), the lower media breakpoint (768px),
- and the min article width in all screens and layouts (545px) */
body > .main-container {
min-width: 593px;
}
/* FandomDesktop text rendering problem on Chrome
- community.fandom.com/f/p/4400000000003168949/r/4400000000010599144 */
.main-container > div:empty {
display: none;
}
.resizable-container {
margin: 0 auto;
}
.resizable-container .page {
margin-top: 0;
padding-top: 0;
font-family: 'Open Sans',helvetica,arial,sans-serif;
}
.resizable-container .page-is-edit {
margin-top: 46px;
}
main > .page-content {
min-height: 70vh;
overflow-x: unset;
}
.page-footer {
clear: both;
}
.page-is-edit > main > .page-footer {
display: none;
}
.page-footer,
#mw-data-after-content {
background-color: inherit;
}
.page-footer__languages {
display: none;
}
.page-content sup {
font-size: revert;
}
/* Bold text */
.page b,
.page strong,
.page dt,
table:not([class]) th {
color: var(--t-soft-1);
}
/* Tabs */
.mediawiki ul.tabs {
border-bottom: var(--w-border);
padding-left: 5px;
margin: 16px 0 8px;
}
ul.tabs:after {
clear: both;
content: " ";
display: block;
height: 0;
overflow: hidden;
visibility: hidden;
}
ul.tabs li {
float: left;
margin: 0 3px 0 0;
list-style: none;
padding: 0;
position: relative;
}
ul.tabs li a {
border: 2px solid transparent;
border-radius: 8px 8px 0 0;
cursor: pointer;
display: inline-block;
padding: 6px 12px 3px;
position: relative;
color: var(--t-soft-1);
top: 2px;
}
.mediawiki ul.tabs li a:hover,
.mediawiki ul.tabs li a:focus {
outline: 0;
color: var(--t-hot);
}
ul.tabs .selected a {
border: var(--w-border);
border-bottom-color: transparent;
background-color: var(--bg-zero);
font-weight: bold;
color: var(--t-soft-2);
pointer-events: none;
}
/* Table */
table {
box-sizing: border-box;
}
table tr {
box-sizing: content-box;
vertical-align: inherit;
}
/* Table wide */
.table-wide {
margin: .8em 0;
}
.tabber .table-wide {
margin: 0;
}
.table-wide:before {
left: 0;
width: 20px;
box-shadow: inset 15px 0 20px -15px var(--sh-c);
}
.table-wide:after {
content: "";
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 100%;
pointer-events: none;
box-shadow: inset -15px 0 20px -15px var(--sh-c);
z-index: 2;
}
.table-wide-inner {
margin: 0;
-webkit-overflow-scrolling: touch;
}
.table-wide .table-wide,
.table-wide .table-wide .table-wide-inner {
display: contents;
}
.table-wide .table-wide:before,
.table-wide .table-wide:after {
content: none;
}
/* Wiki table (usually not for articles) */
.mediawiki .mw-datatable,
.mediawiki .mw-json,
.mediawiki .wikitable {
background-color: var(--bg-em-2);
color: var(--t-grey);
}
.mediawiki table > caption {
line-height: 2;
color: var(--t-grey);
}
.wikitable > caption {
font-size: unset;
font-weight: bold;
}
.mediawiki .mw-datatable > tr > th,
.mediawiki .mw-datatable > * > tr > th,
.mediawiki .mw-json > tr > th,
.mediawiki .mw-json > * > tr > th,
.mediawiki .wikitable > tr > th,
.mediawiki .wikitable > * > tr > th {
border-color: var(--em-4);
padding: 4px 12px;
background-color: var(--bg-em-4);
font-family: helvetica,arial,sans-serif;
color: var(--t-soft-2);
}
.mediawiki .mw-datatable > tr > td,
.mediawiki .mw-datatable > * > tr > td,
.mediawiki .mw-json > tr > td,
.mediawiki .mw-json > * > tr > td,
.mediawiki .wikitable > tr > td,
.mediawiki .wikitable > * > tr > td {
border-color: var(--em-4);
padding: 8px 12px;
background-color: unset;
}
.mediawiki .mw-datatable tbody tr:hover td {
background-color: var(--bg-float);
}
/* Separator */
hr {
margin: .8em 0;
border: var(--w-border);
border-top: none;
}
/* Non-article notice box & system messages */
.page-content .noarticletext,
.page-content .mw-core-article,
.page-content .mw-warning-with-logexcerpt {
border: 0;
padding: 10px 16px 8px;
background-color: var(--em-2);
}
.noarticletext > *:first-child,
.mw-core-article > *:first-child {
margin-top: 0;
}
.noarticletext > *:last-child,
.mw-core-article > *:last-child {
margin-bottom: 0;
}
.ns-14 .noarticletext {
display: none;
}
.page-content .mw-warning-with-logexcerpt .mw-usertoollinks {
display: none;
}
/* - - - - - - - - - - - - - - - - - LINKS - - - - - - - - - - - - - - - - - -*/
.page a,
/* for RefPopups */
.page-content a {
transition: color .6s, background-color .6s;
}
.mediawiki a {
text-decoration: none !important;
}
.page u a,
.page a u {
text-decoration: underline !important;
}
.page a:hover,
.page a:focus,
.page-content a:hover,
.page-content a:focus {
text-decoration: none;
background-color: var(--em-2);
transition: color .3s, background-color .3s;
}
.page a.image:hover,
.page a.image:focus,
.page .image > a:hover,
.page .image > a:focus {
background-color: transparent;
}
.page-content a[href^="#"] {
color: var(--t-hot);
}
/* Link - new & error */
.page-content .error,
.warning,
a[classname="new"],
a[href$="&redlink=1"] {
color: var(--t-red-1);
transition: color .3s, background-color .3s;
}
strong.selflink > .error {
font-weight: normal;
}
.client-js .mediawiki a.new:not([href]) {
cursor: help;
background-color: unset;
}
/* Link - external
- reinstate icon - details at community.fandom.com/f/p/4400000000003296242 */
.page-content a.external:after {
content: '';
display: inline-block;
margin-left: 2px;
width: 12px;
height: 12px;
background-size: 12px;
background-repeat: no-repeat;
background-position: center right;
}
.theme-fandomdesktop-dark .page-content a.external:after {
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/1/1d/External-dark-theme.svg);
}
.theme-fandomdesktop-light .page-content a.external:after {
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/a/a3/External-light-theme.svg);
}
.plainlinks a.external:after,
.summary a.external:after,
.portable-infobox a.external:after,
.page-content a.external[href*="fandom.com"]:after {
content: none;
}
/* Link - toggle */
.mediawiki .mw-collapsible-toggle a.mw-collapsible-text {
color: var(--t-soft-2);
transition: color .6s, background-color .6s;
}
.mediawiki .mw-collapsible-toggle a.mw-collapsible-text:hover {
color: var(--t-hot);
transition: color .3s, background-color .3s;
}
.mediawiki .mw-collapsible-toggle a.mw-collapsible-text:active {
text-decoration: none;
}
.mediawiki .mw-collapsible-toggle a[href="#"] {
color: var(--t-soft-1);
}
.mediawiki .mw-collapsible-toggle a[href="#"]:hover {
color: var(--t-hot);
}
.mediawiki table th .mw-collapsible-toggle {
font-weight: normal;
}
/* Loading toggle unwanted "preview" */
.mw-parser-output .mw-collapsed:not(.mw-made-collapsible):before {
display: none;
}
/*- - - - - - - - - - - - - - - - - BUTTONS - - - - - - - - - - - - - - - - - */
.wds-button {
font-family: rubik,arial,sans-serif;
}
input[type="submit"]:not(.wds-button)[disabled],
input[type="reset"][disabled],
input[type="button"][disabled],
.button[disabled],
button[disabled],
.wds-button:disabled {
pointer-events: none;
}
input[type="submit"] {
border-radius: 4px;
padding: 0 .9em;
line-height: 28px;
}
.mediawiki input[type="submit"],
.mediawiki input[type="reset"],
.mediawiki input[type="button"],
.mediawiki .button,
form.createbox > input.mw-ui-input:required ~ input.mw-ui-button,
.global-navigation ~ * button,
.global-navigation ~ * .wds-button:not(.wds-is-secondary),
.client-js > .mediawiki .page .oo-ui-buttonElement-framed > button.oo-ui-buttonElement-button,
#MessageWall .ViewMoreReplies__button {
box-shadow: inset 0 0 0 2px transparent;
border: 0;
background-color: var(--em-2);
background-image: none !important;
cursor: pointer;
color: var(--t-soft-1);
transition: box-shadow .6s, background-color .6s, color .6s;
}
.mediawiki input[type="submit"].secondary,
.mediawiki input[type="reset"].secondary,
.mediawiki input[type="button"].secondary,
.mediawiki .button.secondary,
.global-navigation ~ * button.secondary,
.global-navigation ~ * button.wds-is-secondary,
.page .wds-button.wds-is-secondary {
box-shadow: inset 0 0 0 2px var(--em-4);
border: 0;
background-image: none !important;
font-weight: normal;
color: var(--t-soft-2);
transition: box-shadow .6s, background-color .6s, color .6s;
}
.mediawiki input[type="submit"]:hover,
.mediawiki input[type="reset"]:hover,
.mediawiki input[type="button"]:hover,
.mediawiki .button:hover,
form.createbox > input.mw-ui-input:required ~ input.mw-ui-button:hover,
.global-navigation ~ * button:hover,
.global-navigation ~ * .wds-button:not(.wds-is-secondary):hover,
.client-js > .mediawiki .page .oo-ui-buttonElement-framed > button.oo-ui-buttonElement-button:hover,
#MessageWall .ViewMoreReplies__button:hover {
color: var(--t-hot);
background-color: var(--em-4);
transition: box-shadow .3s, background-color .3s, color .3s;
}
.mediawiki input[type="submit"].secondary:hover,
.mediawiki input[type="reset"].secondary:hover,
.mediawiki input[type="button"].secondary:hover,
.mediawiki .button.secondary:hover,
.global-navigation ~ * button.secondary:hover,
.global-navigation ~ * button.wds-is-secondary:hover,
.page .wds-button.wds-is-secondary:hover {
background-color: var(--em-2);
color: var(--t-soft-1);
transition: box-shadow .3s, background-color .3s, color .3s;
}
.mediawiki input[type="submit"]:focus,
.mediawiki input[type="reset"]:focus,
.mediawiki input[type="button"]:focus,
.mediawiki .button:focus,
form.createbox > input.mw-ui-input:required ~ input.mw-ui-button:focus,
.global-navigation ~ * button:focus,
.global-navigation ~ * .wds-button:not(.wds-is-secondary):focus,
.client-js > .mediawiki .page .oo-ui-buttonElement-framed > button.oo-ui-buttonElement-button:focus,
#MessageWall .ViewMoreReplies__button:focus,
.mediawiki input[type="submit"].active,
.mediawiki input[type="submit"]:active,
.mediawiki input[type="reset"].active,
.mediawiki input[type="reset"]:active,
.mediawiki input[type="button"].active,
.mediawiki input[type="button"]:active,
.mediawiki .button.active,
.mediawiki .button:active,
form.createbox > input.mw-ui-input:required ~ input.mw-ui-button:active,
.global-navigation ~ * button.active,
.global-navigation ~ * button:active,
.global-navigation ~ * .wds-button:not(.wds-is-secondary):active,
.global-navigation ~ * .wds-button:not(.wds-is-secondary).wds-is-active,
.client-js > .mediawiki .page .oo-ui-buttonElement-framed > button.oo-ui-buttonElement-button:active,
#MessageWall .ViewMoreReplies__button:active {
outline: 0;
box-shadow: inset 0 0 0 2px var(--t-hot);
background-color: var(--em-4);
color: var(--t-hot);
transition: box-shadow .3s, background-color .3s, color .3s;
}
.mediawiki input[type="submit"].secondary:focus,
.mediawiki input[type="reset"].secondary:focus,
.mediawiki input[type="button"].secondary:focus,
.mediawiki .button.secondary:focus,
.mediawiki button.secondary:focus,
.mediawiki button.wds-is-secondary:focus,
.page .wds-button.wds-is-secondary:focus {
box-shadow: inset 0 0 0 4px var(--em-4);
color: var(--t-soft-1);
transition: box-shadow .3s, background-color .3s, color .3s;
}
.mediawiki input[type="submit"].secondary.active,
.mediawiki input[type="submit"].secondary:active,
.mediawiki input[type="reset"].secondary.active,
.mediawiki input[type="reset"].secondary:active,
.mediawiki input[type="button"].secondary.active,
.mediawiki input[type="button"].secondary:active,
.mediawiki .button.secondary.active,
.mediawiki .button.secondary:active,
.mediawiki button.secondary.active,
.mediawiki button.secondary:active,
.mediawiki button.wds-is-secondary.active,
.mediawiki button.wds-is-secondary:active,
.page .wds-button.wds-is-secondary:active {
color: var(--t-hot);
}
.themed-link {
color: var(--t-soft-1);
}
.themed-link:hover,
.themed-link:focus,
.themed-link:active {
color: var(--t-hot);
}
button.oo-ui-dropdownWidget-handle,
.oo-ui-dropdownInputWidget select {
box-shadow: inset 0 0 0 2px transparent;
border: 0;
background-color: var(--em-2);
}
button.oo-ui-dropdownWidget-handle:hover,
button.oo-ui-dropdownWidget-handle:focus,
.oo-ui-dropdownInputWidget select:hover {
box-shadow: inset 0 0 0 2px var(--t-grayout);
}
button.oo-ui-dropdownWidget-handle[aria-expanded="true"] {
box-shadow: inset 0 0 0 2px var(--t-hot);
}
/* Buttons - as in hist pages */
.mw-ui-button:not(:disabled)[class] {
border: 0;
}
/* Buttons - destructive secondary */
.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button[class] {
background-color: transparent;
transition: box-shadow .6s, background-color .6s, color .6s;
}
.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button[class]:hover,
.oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button[class]:active {
background-color: var(--em-2);
color: var(--t-soft-1);
transition: box-shadow .3s, background-color .3s, color .3s;
}
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-frameless.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button:focus {
box-shadow: inset 0 0 0 2px var(--t-red-1);
transition: box-shadow .3s, background-color .3s, color .3s;
}
/* Buttons - destructive primary */
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button[class][class][class][class] {
background-color: var(--bg-red-0);
color: var(--txt);
}
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button[class][class][class]:hover,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button[class][class][class]:active {
background-color: var(--bg-red-1);
color: var(--t-full);
}
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button[class][class][class]:active,
.oo-ui-buttonElement-framed.oo-ui-flaggedElement-destructive > .oo-ui-buttonElement-button[class][class][class]:focus {
box-shadow: inset 0 0 0 2px var(--t-red-1);
}
/* Buttons - global */
.mediawiki > div > div > nav a {
opacity: .85;
transition: .2s;
}
.mediawiki > div > div > nav a:hover {
opacity: 1;
}
/* - - - - - - - - - - - - - - - - - INPUTS - - - - - - - - - - - - - - - - - */
fieldset:not(.oo-ui-fieldsetLayout) {
margin: 1em 0;
border: 0;
border-radius: 4px;
padding: 0 1em 1em;
background-color: var(--em-2);
}
fieldset:not(.oo-ui-fieldsetLayout) legend {
padding: 0 10px;
font-size: 20px;
color: var(--t-soft-2);
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-internal-autofill-selected {
-webkit-box-shadow: 0 0 0px 1000px var(--bg-green) inset !important;
-webkit-text-fill-color: var(--t-full) !important;
text-shadow: 0 0 currentColor;
transition: unset !important;
}
input[type="checkbox"] {
vertical-align: middle;
}
code {
color: var(--t-grey);
padding: 3px;
background-color: var(--em-2);
}
select {
min-height: 28px;
color: var(--txt);
background-color: var(--bg-float);
border: 0;
}
select option {
color: var(--txt);
background-color: var(--bg-float);
}
select option:disabled {
color: var(--t-soft-2) !important;
}
optgroup {
background: var(--em-4);
color: var(--t-grey);
}
.wds-input__field {
padding: 0;
}
.wds-textarea__field {
padding: 6px 8px;
}
input,
textarea {
color: inherit;
}
.page input:not([type]),
.global-navigation ~ * input[type="text"],
.global-navigation ~ * input[type="search"],
.global-navigation ~ * input[type="number"],
.page .wds-input__field,
.global-navigation ~ * textarea,
form.createbox > input.mw-ui-input:required {
outline: 0;
box-shadow: inset 0 0 0 2px transparent;
border: 0;
padding: 0 8px;
background-color: var(--em-2);
min-height: 28px;
font-family: monospace;
transition: box-shadow .6s, background-color .6s;
}
.page input:not([type]):hover,
.global-navigation ~ * input[type="text"]:hover,
.global-navigation ~ * input[type="search"]:hover,
.global-navigation ~ * input[type="number"]:hover,
.page .wds-input__field:hover,
.mediawiki .global-navigation ~ * textarea:hover,
form.createbox > input.mw-ui-input:required:hover,
form.createbox:hover > input.mw-ui-input:invalid {
box-shadow: inset 0 0 0 2px var(--t-grayout);
background-color: var(--em-4);
transition: box-shadow .3s, background-color .3s;
}
.page input:not([type]):focus,
.global-navigation ~ * input[type="text"]:focus,
.global-navigation ~ * input[type="text"]:active,
.global-navigation ~ * input[type="number"]:focus,
input.oo-ui-inputWidget-input[class][class]:focus,
.page .wds-input__field:focus,
.page .wds-input__field:active,
.global-navigation ~ * textarea:focus,
.global-navigation ~ * textarea:active,
form.createbox > input.mw-ui-input:required:focus {
box-shadow: inset 0 0 0 2px var(--t-hot);
transition: box-shadow .3s, background-color .3s;
}
/* Inputs - UCP - checkbox (as in RC w/ JS) */
.oo-ui-checkboxInputWidget [type='checkbox'] + span,
.oo-ui-checkboxInputWidget [type='checkbox']:indeterminate + span:before,
.oo-ui-checkboxInputWidget [type='checkbox']:disabled + span,
.oo-ui-checkboxInputWidget [type='checkbox']:checked:disabled + span,
.oo-ui-checkboxInputWidget [type='checkbox']:checked:disabled + span:before {
border-color: var(--t-grey);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover + span,
.ooui-theme-fandomooui .oo-ui-optionWidget:hover .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox]+span {
border-color: var(--t-hot);
background-color: var(--em-2);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active + span,
.ooui-theme-fandomooui [class].oo-ui-optionWidget-selected .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type=checkbox] + span {
border-color: var(--t-hot);
background-color: var(--em-4);
}
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + 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,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked + span:before,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate + span:before,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:focus + span:before,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:focus + span:before,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked:active + span:before,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:indeterminate:active + span:before {
border-color: var(--t-hot);
}
.ooui-theme-fandomooui .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected,
.ooui-theme-fandomooui .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.ooui-theme-fandomooui .mw-rcfilters-ui-itemMenuOptionWidget.oo-ui-optionWidget-selected .mw-rcfilters-ui-itemMenuOptionWidget-label-title,
.ooui-theme-fandomooui .mw-rcfilters-ui-itemMenuOptionWidget:hover,
.ooui-theme-fandomooui .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.ooui-theme-fandomooui .mw-rcfilters-ui-itemMenuOptionWidget:hover .mw-rcfilters-ui-itemMenuOptionWidget-label-title {
color: var(--t-soft-1);
}
/* Input fake (as in 'Special:Contributions') */
.client-js .mediawiki .mw-widget-dateInputWidget-handle {
box-shadow: inset 0 0 0 2px transparent;
border: 0 !important;
padding: 6px 7px;
height: 28px;
background-color: var(--em-2);
color: var(--t-grey);
transition: box-shadow .6s;
}
.mediawiki .mw-widget-dateInputWidget-empty .mw-widget-dateInputWidget-handle {
color: var(--t-grayout);
transition: box-shadow .6s;
}
.mw-widget-dateInputWidget.oo-ui-widget-enabled .mw-widget-dateInputWidget-handle:hover {
box-shadow: inset 0 0 0 2px var(--t-grayout);
transition: box-shadow .6s;
}
.mw-widget-dateInputWidget-handle[style="display: none;"] + .oo-ui-widget > input {
height: 28px;
}
.oo-ui-textInputWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-invalid .oo-ui-inputWidget-input:focus {
box-shadow: inset 0 0 0 2px var(--t-red-1);
}
/* Input calendar */
.mw-widget-calendarWidget {
border-color: var(--em-4);
}
.mw-widget-dateInputWidget-calendar {
background-color: var(--bg-float);
box-shadow: 0 4px 6px 0 #0006;
}
.mw-widget-calendarWidget-day-heading {
color: var(--t-soft-1);
}
.mw-widget-calendarWidget-day {
color: var(--txt);
}
.mw-widget-calendarWidget-day-additional {
color: var(--t-grey);
}
.mw-widget-calendarWidget-day-today {
box-shadow: inset 0 0 0 1px var(--t-hot);
}
.mw-widget-calendarWidget-day:hover {
background-color: var(--bg-blue-0);
color: var(--t-hot);
}
.mw-widget-calendarWidget-item-selected {
background-color: var(--bg-blue-1);
color: var(--t-full);
}
/* Input (as in Edit Profile) */
.mediawiki textarea.wds-input__field {
line-height: 32px;
}
.wds-input.is-empty > .wds-input__field ~ .wds-input__label {
height: 32px;
line-height: 32px;
left: 8px;
}
/* Input - create page box (as in Forum:Index) */
form.createbox > input.mw-ui-input:required ~ input.mw-ui-button {
border: 0;
min-height: 28px;
padding: 0 12px !important;
}
form.createbox > input.mw-ui-input:required:invalid ~ input.mw-ui-button {
color: var(--t-grayout);
pointer-events: none;
}
/* - - - - - - - - - - - - - - - DROP DOWN LISTS - - - - - - - - - - - - - - -*/
.mediawiki > div:not(.global-navigation) .wds-dropdown__content,
.wds-dropdown__content ul.wds-list > li[class][class] > .wds-dropdown-level-nested__content {
box-shadow: 0 4px 8px -4px #0008;
border-color: #0004;
border-radius: 6px;
background-color: var(--bg-float);
color: var(--txt);
}
.global-navigation .wds-dropdown .wds-dropdown__content {
box-shadow: 6px 3px 12px -9px #000;
}
.wds-dropdown {
--wds-dropdown-background-color: var(--bg-float);
}
.wds-dropdown:before {
border-bottom-color: #0004;
}
.wds-dropdown:after {
border-bottom-color: var(--bg-float);
}
.wds-dropdown.wds-is-flipped:not(.wds-open-to-right):before {
border-top-color: #0004;
}
.wds-dropdown.wds-is-flipped:not(.wds-open-to-right):after {
border-top-color: var(--bg-float);
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle:active {
box-shadow: inset 0 0 0 2px var(--t-hot);
}
/* - - - - - - - - - - - - - - - - MAIN HEADER - - - - - - - - - - - - - - - -*/
.resizable-container > .community-header-wrapper {
max-height: 120px;
background-color: var(--bg-gray-2);
background-position: 70% 10px;
background-repeat: no-repeat;
}
.resizable-container:nth-of-type(2) > .community-header-wrapper {
background-attachment: fixed;
}
.theme-fandomdesktop-dark .community-header-wrapper {
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/8/8b/Monument_Unite_Eu_d.png?format=original);
}
.theme-fandomdesktop-light .community-header-wrapper {
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/e/ec/Monument_Unite_Eu_l.png?format=original);
}
.community-header-wrapper {
padding: 22px 46px 0 36px;
}
.ns--1 .community-header-wrapper,
.mainpage .community-header-wrapper {
padding: 22px 36px 0 36px;
}
.community-header-wrapper > header > div {
align-items: unset;
}
.community-header-wrapper > header > div > div:first-child > a {
padding-bottom: 9px;
line-height: 1;
font-size: 26px;
font-weight: 600;
}
.community-header-wrapper > header > div > .wiki-tools {
display: table;
}
.resizable-container > .global-registration-buttons {
top: 56px;
right: 36px;
z-index: 1;
}
/* Main header - narrow screen */
@media (max-width: 1279px) {
.mainpage .community-header-wrapper {
padding: 22px 36px 0 36px;
}
.ns--1 .community-header-wrapper {
padding: 22px 42px 0 42px;
}
.community-header-wrapper > header > a > img {
max-height: 46px;
}
}
@media (max-width: 768px) {
.ns--1 .community-header-wrapper {
padding: 22px 24px 0 24px;
}
.fandom-community-header__image {
display: none;
}
.resizable-container > .global-registration-buttons {
top: 16px;
right: 172px;
}
}
/* Main header - nav fixed */
.mediawiki .community-header-wrapper > header > nav > ul.extra-large-navigation {
display: flex;
}
.mediawiki .community-header-wrapper > header > nav > ul.large-navigation,
.mediawiki .community-header-wrapper > header > nav > ul.medium-navigation,
.mediawiki .community-header-wrapper > header > nav > ul.small-navigation {
display: none;
}
.community-header-wrapper > header > nav > ul.wds-tabs {
margin-top: 0px;
}
.community-header-wrapper > header > nav > ul > .wds-dropdown {
padding: 10px 0 0;
}
nav > ul > .wds-dropdown > div > a + svg {
transition: transform .3s;
}
.community-header-wrapper > header > nav > ul > div > .wds-tabs__tab-label {
display: block;
margin: 0 11px 15px;
height: 22px;
}
.community-header-wrapper > header > nav > ul > div:nth-child(2) > .wds-tabs__tab-label {
margin-left: 0;
}
/* Main header - nav sticky */
.fandom-sticky-header {
transition: top .5s, padding .3s;
}
.fandom-sticky-header.is-visible {
top: 0;
transform: unset;
}
.client-js > .mediawiki > div > nav > ul.extra-large-navigation {
display: flex;
}
.mediawiki > div > nav[class] > ul.large-navigation,
.mediawiki > div > nav[class] > ul.medium-navigation,
.mediawiki > div > nav[class] > ul.small-navigation {
display: none;
}
.mediawiki > div > nav[class] {
margin-top: 6px;
margin-left: 0;
}
a.fandom-sticky-header__logo {
margin-right: 24px;
}
a.fandom-sticky-header__logo img {
margin: 0;
max-width: unset;
}
a.fandom-sticky-header__sitename {
padding: 3px 12px 3px 0;
}
a.fandom-sticky-header__logo + a.fandom-sticky-header__sitename {
display: none;
}
.mediawiki > div > nav > ul > div > .wds-tabs__tab-label {
margin: 0 11px;
height: 46px;
}
/* Main header - nav sticky - narrow screen */
@media (min-width: 1533px) {
.fandom-sticky-header {
padding: 0 calc(50% - 595px) 0 calc(50% - 615px);
}
.mainpage > .fandom-sticky-header,
.ns--1 > .fandom-sticky-header {
padding: 0 calc(50% - 615px);
}
}
@media (min-width: 1279px) {
.is-content-expanded > .fandom-sticky-header {
padding: 0 calc(2.5% + 54.35px) 0 calc(2.5% + 34.35px);
}
.mainpage.is-content-expanded > .fandom-sticky-header,
.ns--1.is-content-expanded > .fandom-sticky-header {
padding: 0 calc(2.5% + 34.35px);
}
}
@media (min-width: 1279px) and (max-width: 1533px) {
.fandom-sticky-header {
padding: 0 calc(7.5% + 51.05px) 0 calc(7.5% + 31.05px);
}
.mainpage > .fandom-sticky-header,
.ns--1 > .fandom-sticky-header {
padding: 0 calc(7.5% + 31.05px);
}
}
@media (min-width: 1023px) and (max-width: 1279px) {
.fandom-sticky-header {
padding: 0 50px 0 42px;
}
.mainpage > .fandom-sticky-header {
padding: 0 36px;
}
.ns--1 > .fandom-sticky-header {
padding: 0 42px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.fandom-sticky-header[class] {
padding: 0 36px 0 46px;
}
.ns--1 > .fandom-sticky-header {
padding: 0 42px;
}
}
@media (max-width: 768px) {
.fandom-sticky-header[class] {
padding: 0 24px 0 14px;
}
a.fandom-sticky-header__sitename {
display: none;
}
}
/* Main header - nav fixed & sticky */
nav > ul > .wds-dropdown:nth-child(1) {
display: none;
}
nav > ul > .wds-dropdown > div > a > span {
padding: 0 1px;
}
nav > ul a[href="#"] {
pointer-events: none;
}
nav > ul a[href="#"][data-index],
nav > ul a[href="#"][data-level2-index] {
pointer-events: unset;
}
nav > ul.wds-tabs > .wds-dropdown > .wds-dropdown__content {
border-radius: 0 0 6px 6px;
border-top: none;
padding: 7px 0;
user-select: none;
}
.mediawiki .community-header-wrapper > header .wds-dropdown:before {
border-bottom-color: var(--bg-float);
}
nav > ul.wds-tabs > .wds-dropdown > div > ul.wds-list[class][class][class][class] > li > div {
top: -8px;
border-radius: 0 6px 6px 6px;
border-top-color: #0000;
padding: 7px 0;
}
nav > ul.wds-tabs > .wds-dropdown > div > ul.wds-list[class][class][class] > li.wds-is-sticked-to-parent > div {
top: auto;
bottom: -8px;
}
nav > ul.wds-tabs > .wds-dropdown ul.wds-list[class] > li,
.wiki-tools > .wds-dropdown ul.wds-list > li,
.page-header .wds-dropdown ul.wds-list > li {
margin: 0;
padding: 0;
}
nav > ul.wds-tabs > .wds-dropdown ul.wds-list[class] > li > a,
.wiki-tools > .wds-dropdown ul.wds-list[class] > li > a,
.page-header .wds-dropdown ul.wds-list[class] > li > a {
margin: 0;
padding: 10px 14px;
border-radius: unset;
border: 0;
line-height: 16px;
color: var(--t-soft-2);
transition: background-color .4s, color .4s;
}
nav > ul.wds-tabs > li.wds-open-to-left ul.wds-list[class][class][class][class] > li > a {
justify-content: start;
}
.theme-fandomdesktop-light nav > ul.wds-tabs > .wds-dropdown ul.wds-list[class] > li > a {
text-shadow: 0 0 currentColor;
}
nav > ul.wds-tabs ul.wds-list[class][class] > li:hover > a,
nav > ul.wds-tabs ul.wds-list[class][class] > li:hover > a {
background-color: var(--em-2);
color: var(--t-grey);
}
nav > ul.wds-tabs ul.wds-list[class] > li > a[href^="/"]:hover,
nav > ul.wds-tabs ul.wds-list[class] > li > a[href^="ht"]:hover,
.wiki-tools > .wds-dropdown ul.wds-list[class] > li > a:hover,
.page-header .wds-dropdown ul.wds-list[class] > li > a:hover {
background-color: var(--bg-gray-1);
color: var(--t-hot);
transition: background-color .1s, color .1s;
}
nav > ul.wds-tabs ul.wds-list[class] > li:hover > a[href="#"] {
background-color: var(--em-2);
color: var(--t-grayout);
transition: background-color .1s, color .1s;
}
nav > ul.wds-tabs > .wds-dropdown ul.wds-list[class] > li > a > span {
-webkit-line-clamp: 1;
}
nav > ul.wds-tabs > .wds-dropdown ul.wds-list[class] > li > a > svg:not(.navigation-item-icon) {
margin-left: 9px;
fill: currentColor;
}
/* Main header - nav sticky - more */
nav > ul.wds-tabs > div.more-menu > div > div > .wds-community-bar__navigation-back {
margin: 0 1px;
border-radius: unset;
border: 0;
padding: 10px 14px;
line-height: 16px;
font-weight: normal;
color: var(--t-grey);
transition: background-color .3s, color .3s;
}
nav > ul.wds-tabs > div.more-menu > div > div > .wds-community-bar__navigation-back:hover {
background-color: var(--em-4);
color: var(--t-red-1);
}
nav > ul.wds-tabs > div.more-menu > div > div > a.wds-community-bar__navigation-header {
position: relative;
margin: 0;
padding: 10px 14px 10px 32px;
line-height: 16px;
text-decoration: none;
overflow: hidden;
}
nav > ul.wds-tabs > div.more-menu > div > div > a.wds-community-bar__navigation-header[href="#"] {
color: var(--t-grey);
}
nav > ul.wds-tabs > div.more-menu > div > div > a.wds-community-bar__navigation-header:not([href="#"]) {
color: var(--t-soft-2);
pointer-events: unset;
transition: background-color .3s, color .3s;
}
nav > ul.wds-tabs > div.more-menu > div > div > a.wds-community-bar__navigation-header:not([href="#"]):hover {
background-color: var(--bg-gray-1);
color: var(--t-hot);
}
nav > ul.wds-tabs > div.more-menu > div > div > a.wds-community-bar__navigation-header:before,
nav > ul.wds-tabs > div.more-menu > div > div > a.wds-community-bar__navigation-header:after {
content: '';
position: absolute;
top: 14px;
width: 100%;
height: 8px;
transition: background-color .3s;
}
nav > ul.wds-tabs > div.more-menu > div > div > a.wds-community-bar__navigation-header:before {
left: calc(-100% + 26px);
}
nav > ul.wds-tabs > div.more-menu > div > div > a.wds-community-bar__navigation-header:after {
margin-left: 6px;
}
nav > ul.wds-tabs > div.more-menu > div > div > a.wds-community-bar__navigation-header[href="#"]:before,
nav > ul.wds-tabs > div.more-menu > div > div > a.wds-community-bar__navigation-header[href="#"]:after {
background-color: var(--bg-em-2);
}
nav > ul.wds-tabs > div.more-menu > div > div > a.wds-community-bar__navigation-header:not([href="#"]):before,
nav > ul.wds-tabs > div.more-menu > div > div > a.wds-community-bar__navigation-header:not([href="#"]):after {
background-color: var(--bg-gray-1);
}
nav > ul.wds-tabs > div.more-menu ul.wds-list > li > a[data-index],
nav > ul.wds-tabs > div.more-menu ul.wds-list > li > a[data-level2-index] {
color: var(--t-grey);
}
nav > ul.wds-tabs > div.more-menu ul.wds-list > li:hover > a[data-index],
nav > ul.wds-tabs > div.more-menu ul.wds-list > li:hover > a[data-level2-index] {
background-color: var(--bg-gray-1);
color: var(--t-cyan-1);
}
/* Main header - nav sticky - more
- prevents 3rd level list with few items from disappearing when opened */
.more-menu .wds-community-bar__level-3.wds-is-active {
display: flex;
flex-direction: column;
justify-content: flex-end;
}
.more-menu div[data-level2-index$=":1"] {min-height: 144px;}
.more-menu div[data-level2-index$=":2"] {min-height: 180px;}
.more-menu div[data-level2-index$=":3"] {min-height: 216px;}
.more-menu div[data-level2-index$=":4"] {min-height: 252px;}
.more-menu div[data-level2-index$=":5"] {min-height: 288px;}
.more-menu div[data-level2-index$=":6"] {min-height: 324px;}
/* Main header - nav fixed & sticky - icons */
nav > ul.wds-tabs > .wds-dropdown ul.wds-list > li > a > span:before {
display: inline-block;
margin: 0 5px 0 0;
width: 16px;
height: 16px;
vertical-align: bottom;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
@media (hover: hover) and (pointer: fine) {
nav > ul.wds-tabs > .wds-dropdown ul.wds-list > li > a > span:before {
filter: sepia(.8) saturate(1) opacity(1);
will-change: filter;
transition: filter .3s;
}
nav > ul.wds-tabs > .wds-dropdown ul.wds-list > li:hover > a > span:before {
filter: sepia(0) saturate(.8) opacity(.7);
}
nav > ul.wds-tabs > .wds-dropdown ul.wds-list > li > a:hover > span:before {
filter: sepia(0) saturate(1) opacity(1);
}
}
.wds-list a[href$="/wiki/Kingdom:_Classic"] > span:before {
content: '';
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/5/57/Classic.png?format=original);
}
.wds-list a[href$="/wiki/Kingdom:_New_Lands"] > span:before {
content: '';
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/3/33/New_Lands.png?format=original);
}
.wds-list a[href$="/wiki/Kingdom_Two_Crowns"] > span:before {
content: '';
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/7/7a/Two_Crowns_icon.png?format=original);
}
.wds-list a[href$="/wiki/Kingdom_Eighties"] > span:before {
content: '';
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/5/5c/Eighties_icon.png?format=original);
}
.wds-list a[href$="/wiki/OST"] > span:before {
content: '';
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/2/2c/Music.png?format=original);
}
.wds-list a[href$="/wiki/Category:Technical"] > span:before {
content: '';
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/0/06/Gear.png?format=original);
}
.wds-list a[href$="/wiki/Category:Strategy"] > span:before {
content: '';
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/f/fb/Crossed-swords.png?format=original);
}
.wds-list a[href*="/wiki/Patch_notes/"] > span:before {
content: '';
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/1/17/Gear-note.png?format=original);
}
.wds-list a[href*="/wiki/Achievements_in"] > span:before {
content: '';
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/b/be/Golden-trophy.png?format=original);
}
/* Spaces around the top/bottom/side promos */
body > .main-container > [class^="top"] {
padding: 0;
background-color: var(--fan-bg);
overflow: hidden;
}
body > .main-container > [class^="top"] > .is-loading {
background-color: unset;
animation: unset;
}
.resizable-container > .page ~ div:not(.mcf-en),
.resizable-container > .mcf-en > div:not(.mcf-wrapper) {
margin: 0 !important;
border-radius: unset;
padding: 0;
font-size: 0;
width: 100% !important;
background-color: var(--fan-bg);
animation: unset;
overflow: hidden;
}
.resizable-container > .page[class] ~ div:not(.mcf-en) * {
margin: 0 auto !important;
padding: 0;
background-color: unset;
animation: unset;
overflow: hidden;
}
.mw-parser-output > div[class|="ad"] {
margin: 1.5em -36px;
background-color: var(--fan-bg);
}
.mw-parser-output > div.is-loading,
.mw-parser-output > div[class]:has(div[class*=" hide"]) {
display: none;
}
.page > main + aside > div > div:first-child:not(:empty),
.page > main + aside > div > div > div.rail-module > section ~ div:not(:empty) {
margin: 0 -17px;
padding: 17px;
font-size: 0;
background-color: var(--fan-bg);
}
.resizable-container > div[id]:not(:empty) ~ .page > aside {
padding: 0;
}
.page > main + aside > div > div > div.rail-module {
padding: 0;
overflow: unset;
}
.page > main + aside > div > div:first-child * {
margin: 0 !important;
border: 0 !important;
padding: 0 !important;
}
/* - - - - - - - - - - - - - - - PAGE SIDE TOOLS - - - - - - - - - - - - - - -*/
.page-side-tools__wrapper {
height: calc(100% - 18px);
}
@media (max-width: 1279px) {
.page__side-tools-wrapper {
transform: translateX(-50%);
}
}
.mediawiki .page .page-side-tools .page-side-tool {
box-shadow: none;
background-color: var(--bg-gray-1);
color: var(--t-soft-2);
}
.mediawiki .page .page-side-tools .page-side-tool:hover {
background-color: var(--bg-gray-2);
color: var(--t-hot);
}
/* - - - - - - - - - - - - - - - - PAGE HEADER - - - - - - - - - - - - - - - -*/
.page-header__action-button:before {
content: none;
}
.page-header__actions > a.wds-button[class] {
background-color: var(--bg-gray-1);
}
.page-header__actions > a.has-label {
margin-right: 0;
border-radius: 18px 0 0 18px;
padding: 7px 7px 7px 13px;
}
.page-header__actions > .wds-dropdown > .wds-button {
margin: 0;
border-radius: 0 18px 18px 0;
padding: 7px 10px 7px 0;
background-color: var(--bg-gray-1);
}
@media (hover: hover) and (pointer: fine) {
.page-header__actions > .wds-dropdown > .wds-button {
pointer-events: none;
}
.page-header__actions > a.wds-button[class]:hover,
.page-header__actions > .wds-dropdown:hover > .wds-button {
background-color: var(--bg-gray-2);
}
}
.page-header__actions > a.wds-button > .button-counter {
background-color: unset;
color: var(--t-grey);
color: var(--t-hot);
}
/* Old revision of pages */
.page-header__bottom:has(.page-header__subtitle > .mw-revision) {
display: block;
position: relative;
}
.page-header__bottom:has(.page-header__subtitle > .mw-revision) .page-header__actions {
position: absolute;
top: 0;
right: 0;
}
/* - - - - - - - - - - GENERAL STRUCTURE ON NARROW SCREENS - - - - - - - - - -*/
@media (max-width: 1279px) {
.client-js > body.mediawiki {
background-image: none;
}
.resizable-container[class] {
margin: 0;
max-width: 100%;
width: 100%;
}
.community-header-wrapper {
padding: 22px 36px 0 46px;
}
.ns--1 main.page__main {
padding: 24px 42px;
}
.mainpage main.page__main {
padding: 24px 36px;
}
.mainpage .page-side-tools__wrapper {
display: none;
}
.page-side-tools__wrapper {
transform: translateX(-4px);
}
.page-side-tool {
border-radius: 0 50% 50% 0;
}
}
@media (min-width: 1023px) and (max-width: 1279px){
main.page__main {
padding: 24px 30px 24px 42px;
}
}
@media (max-width: 1023px) {
main.page__main {
padding: 24px 36px 24px 46px;
}
}
@media (max-width: 768px) {
.community-header-wrapper {
padding: 24px 24px 0;
}
.community-header-wrapper > header {
grid-template-columns: 1fr;
}
.community-header-wrapper > header > div {
justify-content: space-between;
}
main.page__main {
padding: 24px;
}
.ns--1 main.page__main {
padding: 24px;
}
.page-side-tools__wrapper {
display: none;
}
}
.landscape * {
-moz-text-size-adjust: none;
-webkit-text-size-adjust: none;
text-size-adjust: none;
}
main > .page-content > :not([id]),
/* - - - - - - - - - - - - - - - - NAMESPACES - - - - - - - - - - - - - - - - */
/* Namespaces - removed *
Talk ns-1
User talk ns-3
Kingdom Wiki talk ns-5
File talk ns-7
MediaWiki talk ns-9
Template talk ns-11
Help ns-12
Help talk ns-13
Category talk ns-15
Forum talk ns-111
GeoJson ns-420
GeoJson talk ns-421
User blog comment ns-501
Blog ns-502
Blog talk ns-503
Module ns-828
Module talk ns-829
Thread ns-1201
Message Wall Gr.. ns-1202
Special ns--1
Map ns-2900
Map talk ns-2901
/* Namespaces - Special:RecentChanges (no JS) */
#namespace [value="1"],
#namespace [value="3"],
#namespace [value="5"],
#namespace [value="7"],
#namespace [value="9"],
#namespace [value="11"],
#namespace [value="12"],
#namespace [value="13"],
#namespace [value="15"],
#namespace [value="111"],
#namespace [value="420"],
#namespace [value="421"],
#namespace [value="501"],
#namespace [value="502"],
#namespace [value="503"],
#namespace [value="710"],
#namespace [value="711"],
#namespace [value="828"],
#namespace [value="829"],
#namespace [value="1201"],
#namespace [value="1202"],
#namespace [value="2900"],
#namespace [value="2901"],
/* Namespaces - Special:RecentChanges (JS) */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces:nth-of-type(32), /* all talk*/
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces:nth-of-type(34), /* ns-1 */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces:nth-of-type(36), /* ns-3 */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces:nth-of-type(38), /* ns-5 */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces:nth-of-type(40), /* ns-7 */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces:nth-of-type(42), /* ns-9 */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces:nth-of-type(44), /* ns-11 */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces:nth-of-type(45), /* ns-12 */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces:nth-of-type(46), /* ns-13 */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces:nth-of-type(48), /* ns-15 */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces:nth-of-type(50), /* ns-111 */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces:nth-of-type(51), /* ns-420 */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces:nth-of-type(52), /* ns-421 */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces:nth-of-type(54), /* ns-501 */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces:nth-of-type(55), /* ns-502 */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces:nth-of-type(56), /* ns-503 */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces:nth-of-type(57), /* ns-828 */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces:nth-of-type(58), /* ns-829 */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces:nth-of-type(60), /* ns-1201 */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces:nth-of-type(61), /* ns-1202 */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces:nth-of-type(62), /* ns-2900 */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces:nth-of-type(63), /* ns-2901 */
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces:nth-of-type(64), /* ns--1 */
/* Namespaces - Special:Contributions */
.mw-special-Contributions .oo-ui-menuSelectWidget > div:nth-of-type(3), /* ns-1 */
.mw-special-Contributions .oo-ui-menuSelectWidget > div:nth-of-type(5), /* ns-3 */
.mw-special-Contributions .oo-ui-menuSelectWidget > div:nth-of-type(7), /* ns-5 */
.mw-special-Contributions .oo-ui-menuSelectWidget > div:nth-of-type(9), /* ns-7 */
.mw-special-Contributions .oo-ui-menuSelectWidget > div:nth-of-type(11), /* ns-9 */
.mw-special-Contributions .oo-ui-menuSelectWidget > div:nth-of-type(13), /* ns-11 */
.mw-special-Contributions .oo-ui-menuSelectWidget > div:nth-of-type(14), /* ns-12 */
.mw-special-Contributions .oo-ui-menuSelectWidget > div:nth-of-type(15), /* ns-13 */
.mw-special-Contributions .oo-ui-menuSelectWidget > div:nth-of-type(17), /* ns-15 */
.mw-special-Contributions .oo-ui-menuSelectWidget > div:nth-of-type(19), /* ns-111 */
.mw-special-Contributions .oo-ui-menuSelectWidget > div:nth-of-type(20), /* ns-420 */
.mw-special-Contributions .oo-ui-menuSelectWidget > div:nth-of-type(21), /* ns-421 */
.mw-special-Contributions .oo-ui-menuSelectWidget > div:nth-of-type(23), /* ns-501 */
.mw-special-Contributions .oo-ui-menuSelectWidget > div:nth-of-type(24), /* ns-502 */
.mw-special-Contributions .oo-ui-menuSelectWidget > div:nth-of-type(25), /* ns-503 */
.mw-special-Contributions .oo-ui-menuSelectWidget > div:nth-of-type(26), /* ns-828 */
.mw-special-Contributions .oo-ui-menuSelectWidget > div:nth-of-type(27), /* ns-829 */
.mw-special-Contributions .oo-ui-menuSelectWidget > div:nth-of-type(29), /* ns-1201 */
.mw-special-Contributions .oo-ui-menuSelectWidget > div:nth-of-type(30), /* ns-1202 */
.mw-special-Contributions .oo-ui-menuSelectWidget > div:nth-of-type(31), /* ns-2900 */
.mw-special-Contributions .oo-ui-menuSelectWidget > div:nth-of-type(32), /* ns-2901 */
/* Namespaces - Special:AllPages */
.page-Special_AllPages .oo-ui-menuSelectWidget > div:nth-of-type(2), /* ns-1 */
.page-Special_AllPages .oo-ui-menuSelectWidget > div:nth-of-type(4), /* ns-3 */
.page-Special_AllPages .oo-ui-menuSelectWidget > div:nth-of-type(6), /* ns-5 */
.page-Special_AllPages .oo-ui-menuSelectWidget > div:nth-of-type(8), /* ns-7 */
.page-Special_AllPages .oo-ui-menuSelectWidget > div:nth-of-type(10), /* ns-9 */
.page-Special_AllPages .oo-ui-menuSelectWidget > div:nth-of-type(12), /* ns-11 */
.page-Special_AllPages .oo-ui-menuSelectWidget > div:nth-of-type(13), /* ns-12 */
.page-Special_AllPages .oo-ui-menuSelectWidget > div:nth-of-type(14), /* ns-13 */
.page-Special_AllPages .oo-ui-menuSelectWidget > div:nth-of-type(16), /* ns-15 */
.page-Special_AllPages .oo-ui-menuSelectWidget > div:nth-of-type(18), /* ns-111 */
.page-Special_AllPages .oo-ui-menuSelectWidget > div:nth-of-type(19), /* ns-420 */
.page-Special_AllPages .oo-ui-menuSelectWidget > div:nth-of-type(20), /* ns-421 */
.page-Special_AllPages .oo-ui-menuSelectWidget > div:nth-of-type(22), /* ns-501 */
.page-Special_AllPages .oo-ui-menuSelectWidget > div:nth-of-type(23), /* ns-502 */
.page-Special_AllPages .oo-ui-menuSelectWidget > div:nth-of-type(24), /* ns-503 */
.page-Special_AllPages .oo-ui-menuSelectWidget > div:nth-of-type(25), /* ns-828 */
.page-Special_AllPages .oo-ui-menuSelectWidget > div:nth-of-type(26), /* ns-829 */
.page-Special_AllPages .oo-ui-menuSelectWidget > div:nth-of-type(28), /* ns-1201 */
.page-Special_AllPages .oo-ui-menuSelectWidget > div:nth-of-type(29), /* ns-1202 */
.page-Special_AllPages .oo-ui-menuSelectWidget > div:nth-of-type(30), /* ns-2900 */
.page-Special_AllPages .oo-ui-menuSelectWidget > div:nth-of-type(31), /* ns-2901 */
/* Namespaces - Special:MovePage */
.mw-special-Movepage .oo-ui-menuSelectWidget > div:nth-of-type(2), /* ns-1 */
.mw-special-Movepage .oo-ui-menuSelectWidget > div:nth-of-type(4), /* ns-3 */
.mw-special-Movepage .oo-ui-menuSelectWidget > div:nth-of-type(6), /* ns-5 */
.mw-special-Movepage .oo-ui-menuSelectWidget > div:nth-of-type(8), /* ns-7 */
.mw-special-Movepage .oo-ui-menuSelectWidget > div:nth-of-type(10), /* ns-9 */
.mw-special-Movepage .oo-ui-menuSelectWidget > div:nth-of-type(12), /* ns-11 */
.mw-special-Movepage .oo-ui-menuSelectWidget > div:nth-of-type(13), /* ns-12 */
.mw-special-Movepage .oo-ui-menuSelectWidget > div:nth-of-type(14), /* ns-13 */
.mw-special-Movepage .oo-ui-menuSelectWidget > div:nth-of-type(16), /* ns-15 */
.mw-special-Movepage .oo-ui-menuSelectWidget > div:nth-of-type(18), /* ns-111 */
.mw-special-Movepage .oo-ui-menuSelectWidget > div:nth-of-type(19), /* ns-420 */
.mw-special-Movepage .oo-ui-menuSelectWidget > div:nth-of-type(20), /* ns-421 */
.mw-special-Movepage .oo-ui-menuSelectWidget > div:nth-of-type(22), /* ns-501 */
.mw-special-Movepage .oo-ui-menuSelectWidget > div:nth-of-type(23), /* ns-502 */
.mw-special-Movepage .oo-ui-menuSelectWidget > div:nth-of-type(24), /* ns-503 */
.mw-special-Movepage .oo-ui-menuSelectWidget > div:nth-of-type(25), /* ns-828 */
.mw-special-Movepage .oo-ui-menuSelectWidget > div:nth-of-type(26), /* ns-829 */
.mw-special-Movepage .oo-ui-menuSelectWidget > div:nth-of-type(28), /* ns-1201 */
.mw-special-Movepage .oo-ui-menuSelectWidget > div:nth-of-type(29), /* ns-1202 */
.mw-special-Movepage .oo-ui-menuSelectWidget > div:nth-of-type(30), /* ns-2900 */
.mw-special-Movepage .oo-ui-menuSelectWidget > div:nth-of-type(31), /* ns-2901 */
/* Namespaces - Special:PrefixIndex */
.mw-special-Prefixindex .oo-ui-menuSelectWidget > div:nth-of-type(2), /* ns-1 */
.mw-special-Prefixindex .oo-ui-menuSelectWidget > div:nth-of-type(4), /* ns-3 */
.mw-special-Prefixindex .oo-ui-menuSelectWidget > div:nth-of-type(6), /* ns-5 */
.mw-special-Prefixindex .oo-ui-menuSelectWidget > div:nth-of-type(8), /* ns-7 */
.mw-special-Prefixindex .oo-ui-menuSelectWidget > div:nth-of-type(10), /* ns-9 */
.mw-special-Prefixindex .oo-ui-menuSelectWidget > div:nth-of-type(12), /* ns-11 */
.mw-special-Prefixindex .oo-ui-menuSelectWidget > div:nth-of-type(13), /* ns-12 */
.mw-special-Prefixindex .oo-ui-menuSelectWidget > div:nth-of-type(14), /* ns-13 */
.mw-special-Prefixindex .oo-ui-menuSelectWidget > div:nth-of-type(16), /* ns-15 */
.mw-special-Prefixindex .oo-ui-menuSelectWidget > div:nth-of-type(18), /* ns-111 */
.mw-special-Prefixindex .oo-ui-menuSelectWidget > div:nth-of-type(19), /* ns-420 */
.mw-special-Prefixindex .oo-ui-menuSelectWidget > div:nth-of-type(20), /* ns-421 */
.mw-special-Prefixindex .oo-ui-menuSelectWidget > div:nth-of-type(22), /* ns-501 */
.mw-special-Prefixindex .oo-ui-menuSelectWidget > div:nth-of-type(23), /* ns-502 */
.mw-special-Prefixindex .oo-ui-menuSelectWidget > div:nth-of-type(24), /* ns-503 */
.mw-special-Prefixindex .oo-ui-menuSelectWidget > div:nth-of-type(25), /* ns-828 */
.mw-special-Prefixindex .oo-ui-menuSelectWidget > div:nth-of-type(26), /* ns-829 */
.mw-special-Prefixindex .oo-ui-menuSelectWidget > div:nth-of-type(28), /* ns-1201 */
.mw-special-Prefixindex .oo-ui-menuSelectWidget > div:nth-of-type(29), /* ns-1202 */
.mw-special-Prefixindex .oo-ui-menuSelectWidget > div:nth-of-type(30), /* ns-2900 */
.mw-special-Prefixindex .oo-ui-menuSelectWidget > div:nth-of-type(31), /* ns-2901 */
/* Namespaces - Special:NewPages */
.page-Special_NewPages .oo-ui-menuSelectWidget > div:nth-of-type(3), /* ns-1 */
.page-Special_NewPages .oo-ui-menuSelectWidget > div:nth-of-type(5), /* ns-3 */
.page-Special_NewPages .oo-ui-menuSelectWidget > div:nth-of-type(7), /* ns-5 */
.page-Special_NewPages .oo-ui-menuSelectWidget > div:nth-of-type(9), /* ns-7 */
.page-Special_NewPages .oo-ui-menuSelectWidget > div:nth-of-type(11), /* ns-9 */
.page-Special_NewPages .oo-ui-menuSelectWidget > div:nth-of-type(13), /* ns-11 */
.page-Special_NewPages .oo-ui-menuSelectWidget > div:nth-of-type(14), /* ns-12 */
.page-Special_NewPages .oo-ui-menuSelectWidget > div:nth-of-type(15), /* ns-13 */
.page-Special_NewPages .oo-ui-menuSelectWidget > div:nth-of-type(17), /* ns-15 */
.page-Special_NewPages .oo-ui-menuSelectWidget > div:nth-of-type(19), /* ns-111 */
.page-Special_NewPages .oo-ui-menuSelectWidget > div:nth-of-type(20), /* ns-420 */
.page-Special_NewPages .oo-ui-menuSelectWidget > div:nth-of-type(21), /* ns-421 */
.page-Special_NewPages .oo-ui-menuSelectWidget > div:nth-of-type(23), /* ns-501 */
.page-Special_NewPages .oo-ui-menuSelectWidget > div:nth-of-type(24), /* ns-502 */
.page-Special_NewPages .oo-ui-menuSelectWidget > div:nth-of-type(25), /* ns-503 */
.page-Special_NewPages .oo-ui-menuSelectWidget > div:nth-of-type(26), /* ns-828 */
.page-Special_NewPages .oo-ui-menuSelectWidget > div:nth-of-type(27), /* ns-829 */
.page-Special_NewPages .oo-ui-menuSelectWidget > div:nth-of-type(29), /* ns-1201 */
.page-Special_NewPages .oo-ui-menuSelectWidget > div:nth-of-type(30), /* ns-1202 */
.page-Special_NewPages .oo-ui-menuSelectWidget > div:nth-of-type(31), /* ns-2900 */
.page-Special_NewPages .oo-ui-menuSelectWidget > div:nth-of-type(32), /* ns-2901 */
/* Namespaces - Special:CategoryTree */
.page-Special_CategoryTree .oo-ui-menuSelectWidget > div:nth-of-type(3), /* ns-1 */
.page-Special_CategoryTree .oo-ui-menuSelectWidget > div:nth-of-type(5), /* ns-3 */
.page-Special_CategoryTree .oo-ui-menuSelectWidget > div:nth-of-type(7), /* ns-5 */
.page-Special_CategoryTree .oo-ui-menuSelectWidget > div:nth-of-type(9), /* ns-7 */
.page-Special_CategoryTree .oo-ui-menuSelectWidget > div:nth-of-type(11), /* ns-9 */
.page-Special_CategoryTree .oo-ui-menuSelectWidget > div:nth-of-type(13), /* ns-11 */
.page-Special_CategoryTree .oo-ui-menuSelectWidget > div:nth-of-type(14), /* ns-12 */
.page-Special_CategoryTree .oo-ui-menuSelectWidget > div:nth-of-type(15), /* ns-13 */
.page-Special_CategoryTree .oo-ui-menuSelectWidget > div:nth-of-type(17), /* ns-15 */
.page-Special_CategoryTree .oo-ui-menuSelectWidget > div:nth-of-type(19), /* ns-111 */
.page-Special_CategoryTree .oo-ui-menuSelectWidget > div:nth-of-type(20), /* ns-420 */
.page-Special_CategoryTree .oo-ui-menuSelectWidget > div:nth-of-type(21), /* ns-421 */
.page-Special_CategoryTree .oo-ui-menuSelectWidget > div:nth-of-type(23), /* ns-501 */
.page-Special_CategoryTree .oo-ui-menuSelectWidget > div:nth-of-type(24), /* ns-502 */
.page-Special_CategoryTree .oo-ui-menuSelectWidget > div:nth-of-type(25), /* ns-503 */
.page-Special_CategoryTree .oo-ui-menuSelectWidget > div:nth-of-type(26), /* ns-828 */
.page-Special_CategoryTree .oo-ui-menuSelectWidget > div:nth-of-type(27), /* ns-829 */
.page-Special_CategoryTree .oo-ui-menuSelectWidget > div:nth-of-type(29), /* ns-1201 */
.page-Special_CategoryTree .oo-ui-menuSelectWidget > div:nth-of-type(30), /* ns-1202 */
.page-Special_CategoryTree .oo-ui-menuSelectWidget > div:nth-of-type(31), /* ns-2900 */
.page-Special_CategoryTree .oo-ui-menuSelectWidget > div:nth-of-type(32), /* ns-2901 */
/* Namespaces - Special:WhatLinksHere */
.mw-special-Whatlinkshere .oo-ui-menuSelectWidget > div:nth-of-type(3), /* ns-1 */
.mw-special-Whatlinkshere .oo-ui-menuSelectWidget > div:nth-of-type(5), /* ns-3 */
.mw-special-Whatlinkshere .oo-ui-menuSelectWidget > div:nth-of-type(7), /* ns-5 */
.mw-special-Whatlinkshere .oo-ui-menuSelectWidget > div:nth-of-type(9), /* ns-7 */
.mw-special-Whatlinkshere .oo-ui-menuSelectWidget > div:nth-of-type(11), /* ns-9 */
.mw-special-Whatlinkshere .oo-ui-menuSelectWidget > div:nth-of-type(13), /* ns-11 */
.mw-special-Whatlinkshere .oo-ui-menuSelectWidget > div:nth-of-type(14), /* ns-12 */
.mw-special-Whatlinkshere .oo-ui-menuSelectWidget > div:nth-of-type(15), /* ns-13 */
.mw-special-Whatlinkshere .oo-ui-menuSelectWidget > div:nth-of-type(17), /* ns-15 */
.mw-special-Whatlinkshere .oo-ui-menuSelectWidget > div:nth-of-type(19), /* ns-111 */
.mw-special-Whatlinkshere .oo-ui-menuSelectWidget > div:nth-of-type(20), /* ns-420 */
.mw-special-Whatlinkshere .oo-ui-menuSelectWidget > div:nth-of-type(21), /* ns-421 */
.mw-special-Whatlinkshere .oo-ui-menuSelectWidget > div:nth-of-type(23), /* ns-501 */
.mw-special-Whatlinkshere .oo-ui-menuSelectWidget > div:nth-of-type(24), /* ns-502 */
.mw-special-Whatlinkshere .oo-ui-menuSelectWidget > div:nth-of-type(25), /* ns-503 */
.mw-special-Whatlinkshere .oo-ui-menuSelectWidget > div:nth-of-type(26), /* ns-828 */
.mw-special-Whatlinkshere .oo-ui-menuSelectWidget > div:nth-of-type(27), /* ns-829 */
.mw-special-Whatlinkshere .oo-ui-menuSelectWidget > div:nth-of-type(29), /* ns-1201 */
.mw-special-Whatlinkshere .oo-ui-menuSelectWidget > div:nth-of-type(30), /* ns-1202 */
.mw-special-Whatlinkshere .oo-ui-menuSelectWidget > div:nth-of-type(31), /* ns-2900 */
.mw-special-Whatlinkshere .oo-ui-menuSelectWidget > div:nth-of-type(32), /* ns-2901 */
/* Namespaces - Special:ProtectedPages*/
.page-Special_ProtectedPages .oo-ui-menuSelectWidget:nth-of-type(1) > div:nth-of-type(3), /* ns-1 */
.page-Special_ProtectedPages .oo-ui-menuSelectWidget:nth-of-type(1) > div:nth-of-type(5), /* ns-3 */
.page-Special_ProtectedPages .oo-ui-menuSelectWidget:nth-of-type(1) > div:nth-of-type(7), /* ns-5 */
.page-Special_ProtectedPages .oo-ui-menuSelectWidget:nth-of-type(1) > div:nth-of-type(9), /* ns-7 */
.page-Special_ProtectedPages .oo-ui-menuSelectWidget:nth-of-type(1) > div:nth-of-type(11), /* ns-9 */
.page-Special_ProtectedPages .oo-ui-menuSelectWidget:nth-of-type(1) > div:nth-of-type(13), /* ns-11 */
.page-Special_ProtectedPages .oo-ui-menuSelectWidget:nth-of-type(1) > div:nth-of-type(14), /* ns-12 */
.page-Special_ProtectedPages .oo-ui-menuSelectWidget:nth-of-type(1) > div:nth-of-type(15), /* ns-13 */
.page-Special_ProtectedPages .oo-ui-menuSelectWidget:nth-of-type(1) > div:nth-of-type(17), /* ns-15 */
.page-Special_ProtectedPages .oo-ui-menuSelectWidget:nth-of-type(1) > div:nth-of-type(19), /* ns-111 */
.page-Special_ProtectedPages .oo-ui-menuSelectWidget:nth-of-type(1) > div:nth-of-type(20), /* ns-420 */
.page-Special_ProtectedPages .oo-ui-menuSelectWidget:nth-of-type(1) > div:nth-of-type(21), /* ns-421 */
.page-Special_ProtectedPages .oo-ui-menuSelectWidget:nth-of-type(1) > div:nth-of-type(23), /* ns-501 */
.page-Special_ProtectedPages .oo-ui-menuSelectWidget:nth-of-type(1) > div:nth-of-type(24), /* ns-502 */
.page-Special_ProtectedPages .oo-ui-menuSelectWidget:nth-of-type(1) > div:nth-of-type(25), /* ns-503 */
.page-Special_ProtectedPages .oo-ui-menuSelectWidget:nth-of-type(1) > div:nth-of-type(26), /* ns-828 */
.page-Special_ProtectedPages .oo-ui-menuSelectWidget:nth-of-type(1) > div:nth-of-type(27), /* ns-829 */
.page-Special_ProtectedPages .oo-ui-menuSelectWidget:nth-of-type(1) > div:nth-of-type(29), /* ns-1201 */
.page-Special_ProtectedPages .oo-ui-menuSelectWidget:nth-of-type(1) > div:nth-of-type(30), /* ns-1202 */
.page-Special_ProtectedPages .oo-ui-menuSelectWidget:nth-of-type(1) > div:nth-of-type(31), /* ns-2900 */
.page-Special_ProtectedPages .oo-ui-menuSelectWidget:nth-of-type(1) > div:nth-of-type(32), /* ns-2901 */
/* Namespaces - Special:Search */
.unified-search__form label[for="search-ns-3"],
.unified-search__form label[for="search-ns-5"],
.unified-search__form label[for="search-ns-7"],
.unified-search__form label[for="search-ns-9"],
.unified-search__form label[for="search-ns-11"],
.unified-search__form label[for="search-ns-12"],
.unified-search__form label[for="search-ns-13"],
.unified-search__form label[for="search-ns-111"],
.unified-search__form label[for="search-ns-420"],
.unified-search__form label[for="search-ns-421"],
.unified-search__form label[for="search-ns-501"],
.unified-search__form label[for="search-ns-502"],
.unified-search__form label[for="search-ns-503"],
.unified-search__form label[for="search-ns-710"],
.unified-search__form label[for="search-ns-711"],
.unified-search__form label[for="search-ns-828"],
.unified-search__form label[for="search-ns-829"],
.unified-search__form label[for="search-ns-1201"],
.unified-search__form label[for="search-ns-1202"],
.unified-search__form label[for="search-ns-2900"],
.unified-search__form label[for="search-ns-2901"] {
display: none;
}
/* Link to talk pages */
.ns-0 #ca-talk,
.ns-4 #ca-talk,
.ns-6 #ca-talk,
.ns-8 #ca-talk,
.ns-10 #ca-talk,
.ns-12 #ca-talk,
.ns-14 #ca-talk,
.ns-110 #ca-talk,
.page-header #ca-talk {
display: none;
}
/* - - - - - - - - - - - - - - - GOOD FONT SIZE - - - - - - - - - - - - - - - *
- details at User_blog:SapadorCastelo/Font_size */
.action-view .mw-parser-output,
#wikiPreview,
.ve-ui-surface,
.error.mw-ext-cite-error {
font-size: 16px;
}
.article-table,
.mw-parser-output > table,
.mw-parser-output > .table-wide > div > table,
.table-scrollable > table,
.tabber,
.mw-parser-output .mw-collapsible-toggle,
.mw-parser-output .mw-collapsible-content,
.thumb > figcaption.thumbcaption > p,
.embedvideo > .thumbcaption,
.portable-infobox .pi-caption,
.portable-infobox .pi-secondary-font[class],
.portable-infobox .pi-data-value,
.references,
.license-description {
font-size: .9rem;
}
/* Avoids default reduction */
main .wds-tabs__tab-label {
font-size: 1em;
}
/* - - - - - - - - - - - - - - - - - ARTICLES - - - - - - - - - - - - - - - - */
/*
main.page__main {
background-color: var(--bg-zero);
}
*/
.mediawiki .resizable-container > .page > main.page__main {
border-radius: unset;
}
.page-content .mw-parser-output > .toc ~ div[id]:not(.wikia-gallery) {
zoom: 0.01;
}
.page-content .mw-parser-output a {
font-weight: unset;
}
.theme-fandomdesktop-light .mw-parser-output a {
text-shadow: 0 0 currentColor;
}
/* Article header */
.page-header__categories {
margin-bottom: 12px;
}
.page-header__categories > a {
margin: 0 2px 0 4px;
}
.page-header__categories > a:last-child {
display: unset;
padding-bottom: unset;
}
.page-header__categories > div:last-child {
display: unset;
}
.page-header__languages > .wds-dropdown:hover > .wds-dropdown__toggle {
background-color: unset;
}
.page-header__languages > .wds-dropdown[class][class] a[data-tracking-label="lang-ru"] {
padding: 10px 12px 10px 32px;
background-repeat: no-repeat;
background-position: 10px center;
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/2/20/Flag_ru.png?format=original);
}
.page .page-header__title {
font-weight: bold;
letter-spacing: 0;
color: var(--t-soft-2);
}
.page .page-header__contribution .wds-button {
padding: 7px 15px;
}
.page .page-header__contribution .wds-dropdown__toggle {
padding: 7px 10px;
}
.page .page-header__contribution .wds-dropdown__content {
min-width: 86px;
}
.page .page-header__contribution .wds-icon-small {
display: none;
}
.page p {
line-height: inherit;
}
.page section {
line-height: 1.5;
}
/* - - - - - - - - - - - - - - - ARTICLE HEADINGS - - - - - - - - - - - - - - */
.page-content h1 {
font-size: 2em;
}
.ns-6 main h2,
.ve-ui-surface h2,
.mw-body-content h2,
.mw-category-generated h2,
.CommunityPageMainContent h2 {
border-bottom: var(--w-border);
margin: 1.5em 0 .6em 0;
padding: 0 0 5px;
line-height: 1;
font-size: 1.5em;
}
.ve-ui-surface h2 ~ h2,
.mw-parser-output h2 ~ h2 {
clear: both;
}
.page h3 {
margin: 1em 0 .5em;
line-height: 1.2;
font-size: 1.25em;
}
.page h4 {
margin: 1.1em 0 .5em;
font-size: 1.1em;
}
.page h5 {
margin: 1.1em 0 .5em;
}
.page h2,
.page h3,
.page h4,
.page h5 {
color: var(--t-soft-1);
font-family: 'Open Sans',helvetica,arial,sans-serif;
}
.mw-editsection > a {
display: inline-block;
outline: 0;
border-radius: 5px;
padding: 5px 9px;
vertical-align: bottom;
opacity: 0;
color: var(--t-soft-1);
transition: opacity .6s, background-color .6s, color .6s;
}
*:hover > .mw-editsection > a {
opacity: .7;
transition: opacity .3s, background-color .3s, color .3s;
}
.mw-editsection > a:focus {
opacity: 1;
color: var(--t-soft-1);
transition: opacity .3s, background-color .3s, color .3s;
}
.mw-editsection > a:hover {
opacity: 1;
color: var(--t-hot);
transition: opacity .3s, background-color .3s, color .3s;
}
.mw-editsection > a > svg.wds-icon {
display: block;
min-width: 14px;
min-height: 14px;
}
a.mw-editsection-visualeditor {
display: none;
}
/*- - - - - - - - - - - - - - - TABLE OF CONTENTS - - - - - - - - - - - - - - */
.page #toc {
border: 0;
padding: 0;
min-width: 8em;
}
.mediawiki:not(.ns-0) #toc {
min-width: 9.5em;
}
.floatright > #toc {
margin: 0;
}
.toc input#toctogglecheckbox {
display: none !important;
}
#toc > .toctitle {
position: relative;
box-sizing: border-box;
border-radius: 6px 6px 0 0;
border: 0;
border-left: 5px solid #893;
height: 30px;
padding: 0;
align-items: unset;
background-color: var(--em-2);
box-shadow: 0 2px 0 0 var(--em-4);
transition: background-color .6s;
}
#toc > .toctitle:hover {
background-color: var(--em-4);
transition: background-color .3s;
}
#toc .toctitle h2 {
position: absolute;
margin: 0;
padding: 0 .7em;
line-height: 1.6;
font-size: 1.25em;
color: var(--t-soft-1);
}
#toc .toctitle h2 svg {
display: none !important;
}
.mediawiki:not(.ns-0) #toc .toctitle h2 {
font-size: 1.4em;
}
.toc .toctogglecheckbox:checked + .toctitle {
width: 100%;
}
.toc > .toctitle > .toctogglespan {
margin: 0;
}
.toc > .toctitle > .toctogglespan:before,
.toc > .toctitle > .toctogglespan:after {
content: none;
}
.toc > .toctitle > .toctogglespan > .toctogglelabel {
position: absolute;
margin: 0;
width: 100%;
height: 30px;
padding: .6em .6em 0 0;
text-align: right;
color: var(--t-soft-1);
}
.toc > .toctitle > .toctogglespan > .toctogglelabel:hover {
text-decoration: none;
}
.toctogglecheckbox:checked + .toctitle > .toctogglespan > .toctogglelabel:after {
content: "►";
}
.toctogglecheckbox:not(:checked) + .toctitle > .toctogglespan > .toctogglelabel:after {
content: "▼";
}
#toc > ul {
display: block;
margin: 0;
border-radius: 0 0 6px 6px;
border-left: 5px solid #893f;
padding: .4em;
background-color: var(--em-2);
transition: padding .5s, border-left-color .1s;
}
#toc .toctogglecheckbox:checked ~ ul {
border-left-color: #8930;
padding-top: 0;
padding-bottom: 0;
transition: padding .5s .2s, border-left-color .3s .3s;
}
#toc > ul a {
padding: 0 .6em;
line-height: 1.8em;
display: grid;
grid-template-columns: max-content auto;
color: var(--t-grey);
transition: line-height .5s, opacity .5s .2s;
}
#toc .toctogglecheckbox:checked ~ ul a {
line-height: 0px;
opacity: 0;
visibility: hidden;
transition: line-height .5s .2s, opacity .5s, visibility 0s .7s;
}
.page #toc ul ul {
margin-left: 1.1em;
}
.page #toc ul li {
display: block;
margin: 0;
}
#toc ul li a:hover {
background-color: var(--bg-gray-1);
color: var(--t-hot);
}
#toc ul li a .tocnumber {
margin-right: .4em;
padding-right: 0;
letter-spacing: -.1em;
font-family: monospace;
color: var(--t-soft-2);
}
/* ToC - max height */
div[style^="max-height"] > #toc {
max-height: inherit;
border-radius: 6px;
overflow: hidden;
}
div[style^="max-height"] > #toc > .toctitle {
position: sticky;
top: 0;
box-shadow: 0 3px 0 0 var(--em-4);
background-color: var(--bg-em-2);
}
div[style^="max-height"] > #toc > .toctitle:hover {
background-color: var(--bg-em-4);
}
div[style^="max-height"] > #toc > .toctogglecheckbox ~ ul:after {
content: '';
display: block;
height: 0;
transition: height .7s;
}
div[style^="max-height"] > #toc > .toctogglecheckbox:checked ~ ul:after {
height: 3px;
}
div[style^="max-height"] > #toc > ul {
max-height: inherit;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
/* ToC - option for hidding the autonumber */
.noautonum > #toc > ul li a .tocnumber {
display: none;
}
/* ToC - limit depth of headings */
.toclimit-1 .toclevel-1 ul,
.toclimit-2 .toclevel-2 ul,
.toclimit-3 .toclevel-3 ul {
display: none;
}
/* ToC - Special:Community */
.mw-special-Community .toctitle h2 {
border: 0;
}
.mw-special-Community .toctitle > .toctogglespan > .toctogglelabel {
cursor: pointer;
}
/* - - - - - - - - - - - - - - ARTICLE PARAGRAPHS - - - - - - - - - - - - - - */
/*!! Higher hierarchy to this rule may break templates e.g. on the main page. */
.page-content p,
.page-content p + p {
margin: .8em 0 .4em;
}
.context + .floatright + p,
.context + .tright + p,
.context + [lang] + p
.left-content + .floatright + p,
.left-content + .tright + p,
.left-content + [lang] + p {
margin-top: .1em;
}
/*- - - - - - - - - - - - - - - - ARTICLE LISTS - - - - - - - - - - - - - - - */
.page-content div ul,
.page-content div ol {
margin: .4em 0 .5em 1.4em;
}
.page-content ul {
list-style: square;
}
.page-content li {
margin: .2em 0;
}
.page-content li::marker {
color: var(--t-soft-2);
}
.page-content ol > li::marker {
text-shadow: 0 0 currentColor;
}
.page-content li > ul,
.page-content li > ol {
margin: 0 0 0 1.4em;
}
.page-content dl {
margin: .8em 0 .4em;
}
.page-content li > dl {
margin: 0;
}
.page-content dd {
margin: .2em 0 .2em 1.4em;
}
.page-content ul[style*="column-count"] > li:first-child {
margin-top: 0;
}
.page-content .WikiaPhotoGalleryPreview ul {
margin: 0;
}
/* - - - - - - - - - - - - - - - ARTICLE IMAGES - - - - - - - - - - - - - - - */
.mw-parser-output img:not([src*=".svg"]) {
image-rendering: pixelated;
}
.page figure.thumb {
font-size: 0;
}
.page figure > a.new {
font-size: 14px;
}
.page figure.tnone,
.page figure.tleft,
.page figure.tright {
margin-bottom: 10px;
}
.page figure.tleft,
.page .floatleft {
clear: left;
float: left;
}
.page figure.tleft {
margin: 12px 20px 10px 0;
}
.page .floatleft {
margin: 0 20px 10px 0;
}
.page figure.tright,
.page .floatright {
clear: right;
float: right;
}
.page figure.tright, {
margin: 12px 0 10px 20px;
}
.page .floatright {
margin: 0 0 10px 20px;
}
.page h2 + .tleft,
.page h2 + .floatleft,
.page h2 + .tright,
.page h2 + .floatright {
margin-top: 6px;
}
.page figure.thumb > figcaption {
display: flex;
flex-flow: column;
padding: 0;
color: var(--t-soft-2);
}
.page figure.thumb > figcaption > p {
line-height: 1.4em;
}
.page figure.thumb > figcaption > p.caption {
margin: 8px 0 0;
color: var(--t-soft-2);
text-shadow: 0 0 currentColor;
}
.page figure.thumb .info-icon {
display: block;
border-radius: 50%;
right: 6px;
bottom: calc(100% + 6px);
width: 24px;
height: 24px;
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/e/e1/Info.svg?format=original);
opacity: 0;
transition: opacity .6s;
}
.page figure.thumb:hover .info-icon {
opacity: .8;
transition: opacity .3s;
}
.page figure.thumb .info-icon svg {
display: none;
}
/* - - - - - - - - - - - - - - - ARTICLE VIDEOS - - - - - - - - - - - - - - - */
.video-thumbnail img {
display: inline;
}
/* Article videos - replace play icons with local 'File:Play.svg' */
a.video > img + span:before {
content: '';
width: 50px;
height: 50px;
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/4/41/Play.svg?format=original);
background-repeat: no-repeat;
}
.video > img + span > svg {
display: none;
}
figure.thumb > a.video + figcaption > p.title {
margin: 8px 0 0;
font-weight: unset;
color: var(--t-grey);
}
figure.thumb > a.video + figcaption > p.title + p.caption {
margin-top: 4px;
}
/* EmbedVideo */
.thumb.embedvideo {
margin: .8em 0;
}
.thumb.embedvideo.ev_right {
margin: 5px 0 10px 20px;
}
.thumb.embedvideo.ev_left {
margin: 10px 20px 10px 0;
}
.thumb.embedvideo > .embedvideo > .thumbcaption {
margin-top: 8px;
padding: 0;
line-height: 1.4em;
color: var(--t-soft-2);
}
/* Article media - webm video & ogg/mp3 players */
.k-player {
background-color: unset;
}
.k-player .k-options,
.k-player .k-menu,
.k-player .timed-text {
display: none !important;
}
.k-player .control-bar {
border: 0;
padding-top: 0;
}
.k-player .ui-state-default .ui-icon-pause {
background-position-y: -16px;
}
.k-player .play_head {
margin-top: 6px;
right: 110px !important;
}
.k-player .time-disp {
width: 30px;
}
.k-player .volume-slider {
margin: 3px 8px 0 0;
width: 34px;
cursor: default;
}
.k-player .ui-slider-horizontal .ui-slider-range {
left: 0;
cursor: default;
}
.k-player .volume-slider a.ui-slider-handle {
box-shadow: 0 1px 4px 0px #000b;
margin: 1px 5px 0 -2px;
outline: none;
background-color: #fff;
cursor: w-resize;
}
.mediaContainer audio[controls] {
display: none;
}
/* Fix for UCP bug - video thumbnails with black borders. See details:
- community.fandom.com/wiki/User_blog:SapadorCastelo/UCP_new_video_thumbnails_have_a_weird_aspect_ratio_with_uneeded_black_borders
- targets videos not on galleries */
.video-thumb-black-border-bug div:not(.gallery-image-wrapper) > a.video-thumbnail,
.video-thumb-black-border-bug figure > a.video-thumbnail {
display: flex;
align-items: center;
overflow: hidden;
}
.video-thumb-black-border-bug [style="width: 180px"]:not(.gallery-image-wrapper) > a.video-thumbnail {height: 101px;}
.video-thumb-black-border-bug [style="width: 200px"]:not(.gallery-image-wrapper) > a.video-thumbnail {height: 112px;}
.video-thumb-black-border-bug [style="width: 220px"]:not(.gallery-image-wrapper) > a.video-thumbnail {height: 123px;}
.video-thumb-black-border-bug [style="width: 240px"]:not(.gallery-image-wrapper) > a.video-thumbnail {height: 134px;}
.video-thumb-black-border-bug [style="width: 260px"]:not(.gallery-image-wrapper) > a.video-thumbnail {height: 145px;}
.video-thumb-black-border-bug [style="width: 280px"]:not(.gallery-image-wrapper) > a.video-thumbnail {height: 156px;}
.video-thumb-black-border-bug [style="width: 300px"]:not(.gallery-image-wrapper) > a.video-thumbnail {height: 167px;}
/* on article gallery
- supports the following widths in px: default (185), 200, 220, 240, 260, 280, 300 */
.mw-parser-output .wikia-gallery > div[style^="width:18"] a.video {height: 103px !important;}
.mw-parser-output .wikia-gallery > div[style^="width:20"] a.video {height: 112px !important;}
.mw-parser-output .wikia-gallery > div[style^="width:22"] a.video {height: 123px !important;}
.mw-parser-output .wikia-gallery > div[style^="width:24"] a.video {height: 134px !important;}
.mw-parser-output .wikia-gallery > div[style^="width:26"] a.video {height: 145px !important;}
.mw-parser-output .wikia-gallery > div[style^="width:28"] a.video {height: 156px !important;}
.mw-parser-output .wikia-gallery > div[style^="width:30"] a.video {height: 167px !important;}
/* - - - - - - - - - - - - - - - ARTICLE GALLERY - - - - - - - - - - - - - - -*/
.mw-parser-output .wikia-gallery {
display: flex;
flex-wrap: wrap;
align-content: flex-start;
margin: .8em 0;
padding: 12px 0 0 16px;
background-color: var(--bg-gray-1);
}
.mw-parser-output .wikia-gallery > .wikia-gallery-item {
margin: 0 14px 12px 0;
padding: 0;
}
.wikia-gallery > div > .thumb {
border: 0;
height: unset !important;
font-size: 0;
}
.mw-parser-output .wikia-gallery > div > .thumb > div {
margin: 0 auto;
border: 0;
height: unset !important;
top: unset !important;
overflow: unset;
}
.mw-parser-output .wikia-gallery > div > .thumb > div a.lightbox {
outline: 0;
}
.mw-parser-output .wikia-gallery > div > .thumb > div a.image-no-lightbox {
font-size: 14px;
color: var(--t-red-1);
opacity: 1;
filter: unset;
}
@media (hover: hover) and (pointer: fine) {
.mw-parser-output .wikia-gallery > div > .thumb > div > a {
box-shadow: 0 0 0 4px transparent;
opacity: .9;
filter: grayscale(.6);
transition: box-shadow .6s, background-color .6s, opacity .6s, filter .6s;
}
.mw-parser-output .wikia-gallery > div > .thumb > div > a:hover {
background-color: var(--em-2);
opacity: 1;
filter: grayscale(0);
transition: box-shadow .3s, background-color .3s, opacity .3s, filter .3s;
}
.mw-parser-output .wikia-gallery > div > .thumb > div > a:focus {
box-shadow: 0 0 0 4px var(--t-grayout);
background-color: var(--em-2);
opacity: 1;
filter: grayscale(0);
transition: box-shadow .3s, background-color .3s, opacity .3s, filter .3s;
}
}
.mw-parser-output .wikia-gallery > div > .lightbox-caption {
margin: 4px 0 0;
font-size: .9em;
text-align: center;
color: var(--t-soft-2);
}
.mw-parser-output .wikia-gallery > div > .title {
margin: 4px 0 0;
font-weight: normal;
text-align: center;
font-size: .9em;
}
/* - - - - - - - - - - - - - - ARTICLE REFERENCES - - - - - - - - - - - - - - */
sup.reference a {
padding: 3px;
}
.page-content sup.reference:target {
background-color: transparent;
}
.page-content sup.reference:target a {
background-color: var(--t-hot);
color: var(--bg-full);
}
.page-content ol.references > li:target {
padding: 4px 8px 4px 0;
color: var(--t-full);
background-color: var(--em-02);
}
.page-content ol.references > li + li:target {
margin-top: -4px;
}
.page-content ol.references > li:target + li {
margin-top: -4px;
}
/* - - - - - - - - - - - - - ARTICLE MEDIA LIGHTBOX - - - - - - - - - - - - - */
.lightboxContainer {
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
animation: fadein .1s;
}
.lightboxContainer > .blackout {
background-color: unset;
}
#LightboxModal.LightboxModal {
top: unset !important;
margin: unset;
border: 0;
border-radius: unset;
width: 100%;
height: 100% !important;
background-color: var(--sh-c);
pointer-events: none;
}
.LightboxModal .WikiaLightbox > * {
pointer-events: auto;
}
.LightboxModal .WikiaLightbox > .media {
max-height: unset !important;
pointer-events: none;
}
.LightboxModal .WikiaLightbox > .media:empty,
.LightboxModal .WikiaLightbox > .media > iframe {
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/4/42/Loading.gif);
background-position: center;
background-repeat: no-repeat;
background-size: 48px;
}
.LightboxModal .WikiaLightbox > .media > *,
.LightboxModal .WikiaLightbox > * {
pointer-events: auto;
}
.LightboxModal .WikiaLightbox > .media > * {
margin-top: 4px;
box-shadow: 0 0 0 6px var(--bg-zero);
border-radius: 2px;
max-height: calc(100vh - 160px);
}
.LightboxModal.overlay-hidden .LightboxCarousel,
.LightboxModal.overlay-hidden .LightboxHeader,
.LightboxModal.overlay-hidden .lightbox-arrows span {
opacity: unset;
}
.LightboxModal .lightbox-arrows svg {
height: 46px;
width: 46px;
}
.LightboxModal .LightboxHeader,
.LightboxModal .LightboxCarousel {
background-color: var(--bg-full);
}
.LightboxModal .LightboxCarousel {
border: 0;
height: 64px;
}
.LightboxModal .LightboxCarousel > div > .content {
padding: 6px 20px;
}
.LightboxModal .LightboxCarousel > div > .content > .toolbar {
display: none;
}
.LightboxModal .LightboxCarousel > div > .content > .carousel-progress-wrapper {
margin: -30px 0 30px;
height: 0;
pointer-events: none;
}
.LightboxModal .LightboxCarousel #LightboxCarouselProgress {
opacity: 0;
transition: opacity .4s;
}
.LightboxModal .LightboxCarousel:hover #LightboxCarouselProgress {
opacity: 1;
transition: opacity .2s;
}
.LightboxModal .LightboxCarousel .LightboxCarouselContainer {
margin: 0 42px 0;
height: 44px;
}
.LightboxModal .LightboxCarousel .LightboxCarouselContainer li {
height: 44px;
}
.LightboxModal .LightboxCarousel .LightboxCarouselContainer li.active {
height: 38px;
}
.LightboxModal .LightboxCarousel .LightboxCarouselContainer .thumb {
height: 44px;
}
.LightboxModal .LightboxCarousel .LightboxCarouselContainer li.more-items {
pointer-events: none;
}
.LightboxModal .LightboxCarousel .LightboxCarouselContainer li.more-items p {
padding: 0;
font-size: 0;
text-align: center;
line-height: 38px;
cursor: default;
}
.LightboxModal .LightboxCarousel .LightboxCarouselContainer li.more-items p b {
font-size: 20px;
font-weight: normal;
}
#LightboxModal .LightboxHeader {
border: 0;
padding: 16px 20px 10px;
}
.LightboxModal .LightboxHeader .avatar[src*="/Avatar.jpg/"] {
display: none;
}
.LightboxModal .LightboxHeader .posted-in {
margin-left: 2em;
}
.LightboxModal .user-details .posted-in-article:not(:first-child):before {
margin: 0 .5em 0 .1em;
content: ',';
}
.LightboxModal .LightboxHeader a {
color: var(--t-soft-2);
}
.LightboxModal .LightboxHeader .share-button,
.LightboxModal .LightboxHeader .more-info-button {
display: none;
}
.LightboxModal .LightboxHeader .close {
height: 30px;
width: 30px;
padding: 0;
border-radius: 4px;
background-color: var(--bg-red-0);
}
.LightboxModal .LightboxHeader .close:hover {
background-color: var(--bg-red-1);
}
.LightboxModal .LightboxHeader .close svg {
display: none;
}
.LightboxModal .LightboxHeader .close:after {
content: "\2716";
height: 20px;
line-height: 20px;
font-size: 24px;
visibility: visible;
}
.theme-fandomdesktop-light .LightboxModal .LightboxHeader .close:after {
color: var(--bg-full);
}
#LightboxModal .LightboxCarousel .carousel-arrow {
box-shadow: unset;
background-color: unset;
}
#LightboxModal .LightboxCarousel .carousel-arrow > svg {
height: 18px;
width: 18px;
}
.LightboxCarouselContainer .carousel > li:not(.active) {
opacity: .6;
margin: -3px 2px 0 0;
border: 3px solid transparent;
transition: opacity .6s, border .6s;
}
.LightboxCarouselContainer .carousel > li:not(.active):hover {
opacity: 1;
border: 3px solid var(--em-02);
transition: opacity .2s, border .2s;
}
#LightboxModal .LightboxCarouselContainer li.active {
outline: 3px solid var(--t-grey);
border: 0;
pointer-events: none;
}
#LightboxModal .LightboxCarouselContainer li a.video-thumbnail {
margin-top: -3px;
}
#LightboxModal .LightboxCarouselContainer li a .thumbnail-play-icon-container {
pointer-events: none;
}
#LightboxModal .LightboxCarouselContainer li a .thumbnail-play-icon {
height: 28px;
}
/* Bizarre layers */
.LightboxModal .wikiaThrobber {
background-color: transparent;
}
.lightbox-beforejs-blackout {
background-color: var(--em-2) !important;
}
/* - - - - - - - - - - - - - - - ARTICLE TABLES - - - - - - - - - - - - - - - */
.article-table-wrapper,
.table-scrollable {
display: contents;
}
.article-table {
margin: .8em 0;
border: unset;
background-color: var(--bg-em-2);
}
.article-table table:not(.article-table) td {
border: unset;
}
.article-table > thead > tr > th,
.article-table > tbody > tr > th,
.article-table > tbody > tr > td {
border: unset;
border-bottom: 2px var(--bg-em-4) solid;
padding: 6px 12px;
}
.article-table > thead > tr > th,
.article-table > tbody > tr > th,
.jquery-tablesorter th.headerSort {
color: var(--t-soft-2);
background-color: var(--bg-em-4);
}
.article-table > tbody > tr > td {
text-align: unset;
color: var(--t-grey);
}
.tiny[class] > tbody > tr > th,
.tiny[class] > tbody > tr > td {
padding: 4px;
}
.zero[class] {
border-spacing: 0;
border-collapse: collapse;
}
.zero[class] > tbody > tr > td {
padding: 0;
}
.head-center[class] > tbody > tr > th {
text-align: center;
}
.cells-top[class] > tbody > tr > td {
vertical-align: top;
}
.first-left[class] > tbody > tr > td {
text-align: center;
}
.first-left[class] > tbody > tr > td:first-child {
text-align: left;
}
.first-right[class] > tbody > tr > td:first-child {
text-align: right;
}
.alt-row[class] > tbody > tr > th,
.alt-row[class] > tbody > tr > td,
.alt-row-2[class] > tbody > tr > th,
.alt-row-2[class] > tbody > tr > td {
border-bottom: none;
}
.alt-row[class] > tbody > tr:nth-child(odd),
.alt-row-2[class] > tbody > tr:nth-child(even) {
background: #00000015;
}
td.beige[class] {
padding: 0;
background-color: #c2ad69;
}
.alt-row[class] > tbody > tr:nth-child(odd) > td.beige,
.alt-row-2[class] > tbody > tr:nth-child(even) > td.beige {
background-color: #b3995d;
}
td.salmon[class] {
background-color: #eec39a;
}
/* Article table - sticky header */
.article-table[class] .fixed-header,
.wikitable[class] .fixed-header {
box-shadow: none;
outline: 0;
border: 0;
transform: none;
}
tr.sticky > th,
tr.sticky > td,
tr > th.sticky,
tr > td.sticky {
top: 46px;
z-index: 2;
position: sticky;
box-shadow: inset 0 -2px 0 #0003;
}
.table-wide tr.sticky > th,
.table-wide tr.sticky > td,
.table-wide tr > th.sticky,
.table-wide tr > td.sticky {
position: unset;
}
.editor tr.sticky > th,
.editor tr.sticky > td,
.editor tr > th.sticky,
.editor tr > td.sticky {
top: 0;
}
@media (hover: none) and (pointer: coarse) and (orientation: landscape) {
tr.sticky > th,
tr.sticky > td,
tr > th.sticky,
tr > td.sticky {
top: 0;
}
}
.vertical-txt span {
width: 9px;
display: block;
line-height: 12px;
letter-spacing: 4px;
text-align: center;
word-break: break-all;
}
tr.legend > td {
border: 0px solid transparent;
background-clip: padding-box;
padding: 2px 4px;
background-color: var(--em-2);
}
tr.legend td + td {
border-left-width: 4px;
}
.mediawiki .page-content .sortable th.headerSort .chevron {
border-top-color: var(--txt);
}
.mediawiki .page-content .sortable th.headerSort .chevron:first-child {
border-color: transparent transparent var(--txt);
}
/* Wide overflowing tables */
.page-content .table-is-wide:before {
box-shadow: inset -15px 0 20px -15px #0007;
}
.page-content .table-is-wide .table-scrollable {
-webkit-overflow-scrolling: touch;
}
/* Flex list */
.page-content .flex-list {
display: flex;
flex-wrap: wrap;
}
.page-content .flex-list > p {
flex-basis: 13em;
margin: 0;
}
/* - - - - - - - - - - - ARTICLE CATEGORIES BAR (bottom) - - - - - - - - - - -*/
.page-footer__categories[class] {
margin: 30px 0;
border: 0;
clear: both;
}
.page-footer__categories[class] > .wds-collapsible-panel__header {
display: none;
}
.page-footer__categories[class] > .wds-collapsible-panel__content {
display: block;
}
nav#articleCategories {
padding: 0;
border: 0;
background-image: none;
background-color: var(--em-2);
}
nav#articleCategories a:hover {
text-decoration: none;
}
/* Article cat.bar - in source editor preview 'catlinks' is used instead of 'container' */
nav#articleCategories .container,
nav#articleCategories .catlinks {
padding: 0;
}
nav#articleCategories .catlinks,
nav#articleCategories .catlinks > .mw-normal-catlinks > * {
font-size: .9rem;
}
nav#articleCategories .catlinks > .mw-normal-catlinks {
font-size: 0;
}
#wikiPreview .catlinks ul {
display: inline-block;
list-style: none;
}
nav#articleCategories .container > ul.categories > li.special-categories-label {
margin: 0;
border: 0;
padding: 0;
}
nav#articleCategories a[title="Special:Categories"] {
display: inline-block;
padding: 0 6px 0 12px;
line-height: 28px;
color: var(--t-grey);
}
nav#articleCategories a[title="Special:Categories"] + span {
display: none;
}
nav#articleCategories a[title="Special:Categories"]:after {
content: ':';
}
nav#articleCategories .special-categories {
display: block;
padding: 6px 0;
pointer-events: none;
}
nav#articleCategories .special-categories a,
nav#articleCategories .mw-normal-catlinks > a {
color: var(--txt);
}
nav#articleCategories .mw-normal-catlinks > a:hover {
color: var(--t-soft-1);
}
nav#articleCategories .categories .category,
nav#articleCategories .catlinks li {
margin: 0;
border: 0;
padding: 0;
}
nav#articleCategories .catlinks li {
display: inline-block;
}
nav#articleCategories .categories .category a,
nav#articleCategories .catlinks li a {
color: var(--t-soft-2);
display: block;
padding: 0 8px;
line-height: 28px;
transition: color .4s, background-color .4s;
}
nav#articleCategories .categories .category a:hover,
nav#articleCategories .catlinks li a:hover {
color: var(--t-hot);
background-color: var(--em-2);
transition: color .2s, background-color .2s;
}
nav#articleCategories .categories .last {
margin: 2px;
float: right;
}
nav#articleCategories .categories .last .add {
color: var(--t-grey);
height: 22px;
padding: 0 8px;
border-color: transparent;
background-color: transparent;
transition: background-color .4s;
}
nav#articleCategories .categories .last .add:hover {
background-color: var(--em-2);
transition: background-color .2s;
}
nav#articleCategories .categories .last .add:focus {
outline: 0;
border-color: var(--t-hot);
}
nav#articleCategories .categories .last .input {
margin: 0;
height: 22px;
padding: 0 6px;
}
nav#articleCategories .toolbar {
background-color: transparent;
border-color: var(--em-2);
}
nav#articleCategories .hidden-categories-label,
nav#articleCategories .mw-hidden-catlinks {
padding: 0 0 0 12px;
line-height: 28px;
color: var(--t-grey);
}
.license-description,
.license-description a {
color: var(--t-soft-2);
}
.page-footer .license-description {
margin: 18px 12px;
padding: 0;
}
/* - - - - - - - - - - - - - ARTICLE <pre> & <source> - - - - - - - - - - - - */
.page .mw-content-ltr pre,
.rich-text-editor__content .ProseMirror pre,
#MessageWall .entity-content pre,
#MessageWall .rich-text-editor__content pre {
border: var(--w-border);
max-width: 100%;
padding: 8px 12px;
line-height: 1.25em;
color: var(--t-grey);
-webkit-overflow-scrolling: touch;
}
/* Separator made with empty code block */
#articleComments .entity-content > pre:has(code:empty),
#MessageWall .entity-content > pre:has(code:empty),
#articleComments .rich-text-editor__content pre:has(code:empty),
#MessageWall .rich-text-editor__content pre:has(code:empty) {
margin: .8rem 0;
border: var(--w-border);
border-width: 1px;
padding: 0;
line-height: 0;
font-size: 0;
}
.page .mw-content-ltr pre {
background-color: var(--bg-gray-1);
}
.rich-text-editor__content .ProseMirror pre,
#MessageWall .entity-content pre,
#MessageWall .rich-text-editor__content pre {
background-color: var(--em-2);
}
/* Line numbers - not working on big pages (MediaWiki:Common.css) */
body:not(.page-MediaWiki_Common_css) .mw-highlight-lines pre {
padding-left: 3.5em;
box-shadow: inset 2.75em 0 0 #073642;
}
body.page-MediaWiki_Common_css .mw-highlight-lines pre {
box-shadow: none;
}
.mw-highlight-lines a .linenos {
color: #586e75;
}
.mw-highlight-lines a:hover .linenos {
color: #93a1a1;
}
.mw-highlight-lines .hll a .linenos {
background-color:#002b36;
color: #93a1a1;
}
/* Article - <syntaxhighlight> */
.mediawiki .mw-highlight pre {
color: #839496;
}
.theme-fandomdesktop-light .mw-highlight pre {
background-color:#fdf6e3;
}
.theme-fandomdesktop-dark .mw-highlight pre {
background-color:#002b36;
}
/* - - - - - - - - - - - - - - SYNTAX HIGHLIGHTING - - - - - - - - - - - - - -*/
/* HTML & CSS */
.mediawiki .mw-highlight .p {color:#93a1a1;} /* punctuation CSS . # : { : ; } ( , ) HTML < / > */
.mediawiki .mw-highlight .o {color:#93a1a1;} /* punctuation CSS -- ( : ) [ = ] HTML = */
.mediawiki .mw-highlight .c {color:#586e75;font-style:italic;} /* HTML/CSS comment */
.mediawiki .mw-highlight .cp {color:#dc322f;} /* CSS !important HTML <!DOCTYPE> */
.mediawiki .mw-highlight .nt {color:#268bd2;font-weight:bold;} /* html tag name (body, div), after @-rule*/
/* HTML */
.mediawiki .mw-highlight .na {color:#6c71c4;} /* attribute (id, class,...) */
.mediawiki .mw-highlight .s {color:#2aa198;} /* attribute "value" */
.mediawiki .mw-highlight .ni {color:#b58900;} /* special character (&...;) */
/* CSS */
.mediawiki .mw-highlight .n {color:#93a1a1;} /* unrecognized syntax */
.mediawiki .mw-highlight .nn {color:#d33682;text-shadow:0 0 #d33682;} /* id */
.mediawiki .mw-highlight .nc {color:#6c71c4;} /* class */
.mediawiki .mw-highlight .nd {color:#268bd2;} /* pseudo-class (hover, before) */
.mediawiki .mw-highlight .nb {color:#2aa198;} /* text value (solid, hidden) */
.mediawiki .mw-highlight .kc {color:#2aa198;} /* text value (rgba, hsl, url) */
.mediawiki .mw-highlight .k {color:#859900;} /* propertie, @-rule (@media) */
.mediawiki .mw-highlight .kp {color:#586e75;font-style:italic;} /* -webkit- */
.mediawiki .mw-highlight .kp+.n {font-style:italic;} /* webkit propertie */
.mediawiki .mw-highlight .mh {color:#d33682;} /* hex color (#..) */
.mediawiki .mw-highlight .mi {color:#b58900;} /* numeric values */
.mediawiki .mw-highlight .mf {color:#d33682;} /* decimal numeric values (0.5) */
.mediawiki .mw-highlight .kt {color:#b58900;} /* size unit (px, in) */
.mediawiki .mw-highlight .s2 {color:#cb4b16;} /* [...="value"] */
.mediawiki .mw-highlight .sx {color:#cb4b16;font-style:italic;} /* media link */
.mediawiki .mw-highlight .nf {color:#cb4b16;font-weight:bold;} /* --var */
/* JS */
.mediawiki .mw-highlight .s1 {color:#dc322f;} /* unrecognized syntax */
/* - - - - - - - - - - ARTICLE COMMENTS & MESSAGE WALLS - - - - - - - - - - */
/* MediaWiki:Custom-comments-header, used with dev:ArticleCommentsHeader *
- anchor link to comments go to the custom header */
.article-comments-app {
margin-top: -66px;
padding-top: 66px;
background-color: inherit;
}
.ArticleCommentsHeader-container {
position: relative;
}
#articleComments,
#MessageWall {
--themed-border-color-50: var(--em-4);
--themed-text-color-60: var(--t-grayout);
--themed-link-color-10: var(--bg-blue-1);
margin: 0 auto;
background-color: inherit;
}
.article-comments-app > div[class^="CommentCreate_article-comments-disabled"] {
margin-bottom: 30px;
border: 0;
background-color: var(--em-2);
color: var(--t-soft-2);
}
/* Comments/Messages - list */
.article-comments-app div[class^="CommentList_comment-list"] {
display: block;
margin: 6px 0 0 0;
padding: 0 0 1.2em 0;
background-color: inherit;
}
#MessageWall .MessageWallForum {
padding: 0 0 20px;
}
/* Comments - counter */
.article-comments-app div[class^="CommentCounter"] {
padding: 10px 0 0.2em;
background-color: inherit;
background-image: linear-gradient(to top, var(--em-2) .7em, transparent .7em, transparent 100%);
}
.article-comments-app p[class^="CommentList_empty-state-title"] {
padding: 0 0 0.1em;
background-image: linear-gradient(to top, var(--em-2) .45em, transparent .45em, transparent 100%);
}
.article-comments-app div[class^="CommentCounter"]:before {
margin: 0;
top: 24px;
position: relative;
box-shadow: 0 3px 5px 0 #0006;
}
.article-comments-app div[class^="CommentList_empty-state"],
.article-comments-app div[class^="CommentCounter"] {
text-align: right;
}
.article-comments-app div[class^="CommentList_empty-state"] {
position: relative;
margin: 16px 0 0;
padding: 0 0 36px;
}
.article-comments-app div[class^="CommentList_empty-state"]:after {
content: '';
display: block;
}
.article-comments-app p[class^="CommentList_empty-state-title"],
.article-comments-app div[class^="CommentCounter"] > p {
font-size: 24px;
margin: 0;
color: var(--t-soft-2);
line-height: 1;
font-weight: normal;
}
.article-comments-app div[class^="CommentCounter"] > p {
position: relative;
}
.article-comments-app p[class^="CommentList_empty-state-title"] {
text-transform: lowercase;
}
.article-comments-app p[class^="CommentList_empty-state-title"]:first-letter {
text-transform: uppercase;
}
.article-comments-app p[class^="CommentList_empty-state-message"] {
margin: 8px 0 0;
color: var(--t-grey);
}
/* Comments/Messages - trigger */
.article-comments-app div[class^="ReplyCreate"] {
margin: 0;
}
.page div[class^="InlineEntityFormWrapper"] {
border: 0;
padding: 0;
background: none;
}
.page div[id] > div > div[class^="InlineEntityFormWrapper"] {
margin-bottom: 18px;
padding-left: 80px;
}
.page div[class^="InlineEntityFormWrapper"]:not([class*="editor-form"]) {
pointer-events: none;
}
div[id] > div > div[class^="InlineEntityFormWrapper"]:not([class*="editor-form"]) {
margin-bottom: 58px;
}
div[data-testid="article-comments__comment"] div[class^="ReplyCreate"] > div:not([class*="editor-form"]) {
padding-left: 70px;
}
.Message__wrapper > div[class^="Inline"]:not([class*="editor-form"]) {
padding-left: 70px;
height: 50px;
}
div[data-testid="article-comments__comment"] div[class^="ReplyCreate"] > div:not([class*="editor-form"]) {
margin: 10px 0 50px;
}
div[class^="ArticleCommentsSingle"] ~ div div[class^="ReplyCreate"] > div:not([class*="editor-form"]) {
margin: 10px 0 48px;
}
.Message__wrapper > div[class^="Inline"]:not([class*="editor-form"]) {
margin: 10px 0 50px;
}
.page div[class^="FormEntryPoint_form"] {
position: relative;
box-shadow: inset 0 0 0 2px transparent;
border-radius: 6px;
background-color: var(--bg-em-2);
color: var(--t-grayout);
pointer-events: auto;
transition: box-shadow .6s, background-color .6s;
}
.page div[class^="FormEntryPoint_form"]:hover {
box-shadow: inset 0 0 0 2px var(--t-grayout);
background-color: var(--bg-gray-1);
transition: box-shadow .3s, background-color .3s;
}
.message-wall-app div[class^="FormEntryPoint_form"] {
height: 92px;
}
.page div[class^="FormEntryPoint_text"] {
margin-left: 16px;
}
.message-wall-app > div > div > div[class^="FormEntryPoint_text"] {
margin-top: -53px;
}
/* Comments - filter */
#articleComments div[class^="Filters_article-comments"],
#articleComments div[class^="Filters_article-comments"] div,
#articleComments div[class^="Filters_article-comments"] section {
display: contents;
}
#articleComments div[class^="Filters_article-comments"] button,
#articleComments div[class^="Filters_article-comments"] h2 {
display: none;
}
#articleComments div[class^="Filters_article-comments"] .wds-checkbox {
display: block;
position: relative;
height: 0;
top: -25px;
margin: 0;
z-index: 10;
color: var(--t-soft-2);
}
/* Messages - filter */
.message-wall-app > .messagewall-filters {
margin-top: 0;
}
.message-wall-app > .messagewall-filters .view-filter .view-filter__toggle.wds-button.wds-is-text:hover,
.message-wall-app > .messagewall-filters .view-filter .view-filter__toggle.wds-button.wds-is-text:focus,
.message-wall-app > .messagewall-filters .view-filter .view-filter__toggle.wds-button.wds-is-text:active {
box-shadow: none;
color: var(--t-soft-2) !important;
}
.message-wall-app > .messagewall-filters .view-filter .view-filter__dropdown {
border-color: var(--bg-em-4) !important;
background-color: var(--bg-float) !important;
min-width: unset;
padding: 0;
overflow: hidden;
}
.message-wall-app > .messagewall-filters .view-filter > .wds-dropdown:after {
border-bottom-color: var(--bg-float) !important;
}
.message-wall-app > .messagewall-filters .view-filter .view-filter__dropdown .view-filter__section-label {
display: none;
}
.message-wall-app > .messagewall-filters .view-filter .view-filter__dropdown .view-filter__view-option {
margin: 0;
line-height: 1;
}
.message-wall-app > .messagewall-filters .view-filter .view-filter__dropdown .view-filter__view-option .wds-checkbox__label {
white-space: nowrap;
padding: 12px 16px;
}
.message-wall-app > .messagewall-filters .view-filter .view-filter__dropdown .view-filter__view-option .wds-checkbox__label:hover {
background-color: var(--bg-wine-1);
}
/* Comments/Messages - avatar */
.page .wds-avatar {
--wds-avatar-badge-left: -2px;
--wds-avatar-badge-top: -3px;
border-radius: 50%;
}
.page div[class^="FormEntryPoint"] > .wds-avatar {
border-radius: 50%;
background-color: var(--bg-em-2);
pointer-events: none;
transition: opacity .6s, background-color .6s;
}
.article-comments-app > div > div[class^="FormEntryPoint"] > .wds-avatar {
margin: 0 20px 0 -80px;
}
.message-wall-app > div > div[class^="FormEntryPoint"] > .wds-avatar {
margin: -32px 20px 0 -80px;
}
div[id] > div > div > div[class^="FormEntryPoint"] > .wds-avatar,
div[id] > div > div > .EditorForm > .wds-avatar,
div[class^="Comment"] > div > span > .wds-avatar,
.Message > div > span > .wds-avatar {
width: 60px;
height: 60px;
}
.article-comments-app div[class^="Reply"] div[class^="FormEntryPoint"] > .wds-avatar,
.Message__wrapper div[class^="FormEntryPoint"] > .wds-avatar {
margin: 0 20px 0 -70px;
}
.article-comments-app div[class^="Reply"] .wds-avatar,
.message-wall-app .Message ~ div .wds-avatar {
width: 50px;
height: 50px;
}
.article-comments-app div[class^="Comment_body"] .wds-avatar,
.message-wall-app .Message .wds-avatar {
margin: 18px 43px 0 -103px;
}
.article-comments-app div[class^="Reply_body"] .wds-avatar,
.message-wall-app .Reply .wds-avatar {
margin: 8px 44px 0 -94px;
}
div[id] > div > div > .EditorForm > .wds-avatar {
margin: 0 20px -25px -80px;
}
.page .wds-avatar > a {
display: block;
border-radius: 50%;
background-color: var(--em-2);
overflow: hidden;
opacity: .7;
transition: background-color .6s, opacity .6s;
}
.page .wds-avatar:hover > a {
background-color: var(--em-4);
opacity: 1;
transition: background-color .3s, opacity .3s;
}
.page .wds-avatar > a + span {
opacity: .5;
transition: opacity .6s;
}
.page .wds-avatar:hover > a + span {
opacity: 1;
transition: opacity .3s;
}
.article-comments-app .wds-avatar > a > img,
.message-wall-app .wds-avatar > a > img {
pointer-events: none;
background-color: unset;
}
.article-comments-app .wds-avatar > a[href^="/wiki/User:"] > img,
.message-wall-app .wds-avatar > a[href^="/wiki/User:"] > img {
border: 4px solid transparent;
}
.wds-avatar a:hover *,
.wds-avatar a:hover .wds-avatar__image {
color: var(--t-grayout);
}
.page div[class^="FormEntryPoint"] .wds-avatar > img,
.page div[class^="FormEntryPoint"] .wds-avatar > span {
opacity: 0;
transition: opacity .6s;
}
.page div[class^="FormEntryPoint"]:hover .wds-avatar > img,
.page div[class^="FormEntryPoint"]:hover .wds-avatar > span {
opacity: .7;
transition: opacity .3s;
}
#MessageWall .wds-avatar svg,
.page .wds-avatar svg {
fill: #0004;
}
#MessageWall .wds-avatar > a:not([href*="."]):not([href*="%"]) > svg,
.page .wds-avatar > a:not([href*="."]):not([href*="%"]) > svg {
fill: var(--t-soft-2);
}
/* Comments/Messages - balloon arrow */
.article-comments-app div[class^="Comment_comment"]:before,
.article-comments-app div[class^="Reply_body"]:before,
.message-wall-app .Message:before,
.message-wall-app .Reply:before,
.page div[class^="FormEntryPoint_form"]:before,
.page div[class^="FormEntryPoint_form"]:after,
.article-comments-app > div[class^="Inline"] .ProseMirror:before,
.article-comments-app > div[class^="Inline"] .ProseMirror:after,
.message-wall-app > div > .EditorForm > .wds-input:before,
.message-wall-app > div > .EditorForm > .wds-input:after,
div[data-testid="article-comments__comment"] .ProseMirror:before,
div[data-testid="article-comments__comment"] .ProseMirror:after,
.Message__wrapper .ProseMirror:before,
.Message__wrapper .ProseMirror:after {
content: '';
position: absolute;
border-width: 18px;
border-style: solid;
height: 0;
pointer-events: none;
transition: border-color .6s;
}
.page div[class^="FormEntryPoint_form"]:after,
.page .ProseMirror:after,
.message-wall-app > div > .EditorForm > .wds-input:after {
border-width: 17px;
}
div[class^="CommentList_comment-list"] > div:nth-child(even) > div[class^="Comment_comment"]:before,
div[class^="CommentList_comment-list"] > div:nth-child(even) div[class^="Reply_body"]:before,
div[class^="ArticleCommentsSingle"] ~ div div[class^="Comment_comment"]:before,
div[class^="ArticleCommentsSingle"] ~ div div[class^="Reply_body"]:before,
.MessageWallForum > div:nth-child(odd) > .Message:before,
.MessageWallForum > div:nth-child(odd) .Reply:before,
.MessageWallSingleThread > div > .Message:before,
.MessageWallSingleThread .Reply:before {
border-color: transparent var(--bg-blue-0) transparent transparent;
}
div[class^="CommentList_comment-list"] > div:nth-child(odd) > div[class^="Comment_comment"]:before,
div[class^="CommentList_comment-list"] > div:nth-child(odd) div[class^="Reply_body"]:before,
.MessageWallForum > div:nth-child(even) > .Message:before,
.MessageWallForum > div:nth-child(even) .Reply:before {
border-color: transparent var(--bg-wine-0) transparent transparent;
}
.page div[class^="FormEntryPoint_form"]:before,
.page div[class^="FormEntryPoint_form"]:after {
border-color: transparent var(--bg-em-2) transparent transparent;
}
.page div[class^="FormEntryPoint_form"]:hover:before {
border-color: transparent var(--t-grayout) transparent transparent;
}
.page div[class^="FormEntryPoint_form"]:hover:after,
.page .ProseMirror:before,
.page .ProseMirror:after,
.message-wall-app > div > .EditorForm > .wds-input:before,
.message-wall-app > div > .EditorForm > .wds-input:after {
border-color: transparent var(--bg-gray-1) transparent transparent;
}
.page div[class^="FormEntryPoint_form"]:before,
.article-comments-app div[class^="Comment_comment"]:before,
.article-comments-app div[class^="Reply_body"]:before,
.message-wall-app .Message:before,
.message-wall-app .Reply:before,
.article-comments-app > div > div[class^="FormEntry"]:before,
.page .ProseMirror:before {
top: 6px;
left: -36px;
}
.page div[class^="FormEntryPoint_form"]:after,
.article-comments-app > div > div[class^="FormEntry"]:after,
.message-wall-app .ProseMirror:after {
top: 7px;
left: -32px;
}
.article-comments-app .ProseMirror:after {
top: 6px;
left: -33px;
}
.message-wall-app > div[class^="Inline"] > div[class^="FormEntry"]:before,
.message-wall-app > div > .EditorForm > .wds-input:before {
top: 1px;
left: -34px;
}
.message-wall-app > div[class^="Inline"] > div[class^="FormEntry"]:after,
.message-wall-app > div > .EditorForm > .wds-input:after {
top: 2px;
left: -30px;
}
.page div[class^="FormEntryPoint_form"]:hover:before,
.page div[class^="FormEntryPoint_form"]:hover:after,
.page .ProseMirror:hover:before,
.page .ProseMirror-focused:before,
.message-wall-app > div > .EditorForm > .wds-input:hover:before,
.message-wall-app > div > .EditorForm > .wds-input:hover:after,
.message-wall-app > div > .EditorForm > .is-focused:before {
transition: border-color .3s;
}
.page .ProseMirror:hover:before,
.message-wall-app > div > .EditorForm > .wds-input:hover:before {
border-color: transparent var(--t-grayout) transparent transparent;
}
.page .ProseMirror.ProseMirror-focused:before,
.message-wall-app > div > .EditorForm > .wds-input.is-focused:before {
border-color: transparent var(--t-hot) transparent transparent;
}
/* Comment/Message/Reply */
.article-comments-app div[data-testid="article-comments__comment"],
#MessageWall .Message__wrapper {
margin: 0 0 0 80px;
border: 0;
border-radius: 6px;
padding: 0;
background: transparent;
}
.article-comments-app div[data-testid] + div[data-testid="article-comments__comment"],
#MessageWall .Message__wrapper + .Message__wrapper {
margin: 10px 0 10px 80px;
}
.article-comments-app div[class^="Comment_comment"],
#MessageWall .Message {
border-radius: 6px;
padding: 12px 24px;
}
div[class^="CommentList_comment-list"] > div:nth-child(even) > div[class^="Comment_comment"],
div[class^="CommentList_comment-list"] > div:nth-child(even) div[class^="Reply_body"],
div[class^="ArticleCommentsSingle"] ~ div div[class^="Comment_comment"],
div[class^="ArticleCommentsSingle"] ~ div div[class^="Reply_body"],
.MessageWallForum > div:nth-child(odd) > .Message,
.MessageWallForum > div:nth-child(odd) .Reply,
.MessageWallSingleThread > div > .Message,
.MessageWallSingleThread .Reply {
background-color: var(--bg-blue-0);
}
div[class^="CommentList_comment-list"] > div:nth-child(odd) > div[class^="Comment_comment"],
div[class^="CommentList_comment-list"] > div:nth-child(odd) div[class^="Reply_body"],
.MessageWallForum > div:nth-child(even) > .Message,
.MessageWallForum > div:nth-child(even) .Reply {
background-color: var(--bg-wine-0);
}
.article-comments-app div[class^="Comment_body"] {
padding: 0;
}
.page div[class^="EntityHeader"] {
height: 24px;
margin-bottom: 6px;
pointer-events: none;
}
.page div[class^="EntityHeader"] > * {
pointer-events: auto;
}
.page span[class^="EntityHeader_header"] {
height: 24px;
}
.page a[class^="EntityHeader_name"] {
color: var(--t-soft-1);
}
.page a[class^="EntityHeader_name"]:hover {
color: var(--t-hot);
}
.page a[class^="EntityHeader_name"][href="#"] {
pointer-events: none;
}
.page span[class^="EntityHeader_middot"] {
padding: 4px 6px 0;
}
.page span[class^="EntityHeader_header"] time {
color: var(--t-soft-2);
}
.page div[class^="EntityHeader"] .wds-dropdown {
padding: 0 7px;
margin-right: -12px;
}
@media (hover: hover) and (pointer: fine) {
.page div[class^="EntityHeader"] .wds-dropdown__toggle {
opacity: 0;
transition: opacity .6s;
will-change: opacity;
}
.article-comments-app div[class^="Comment_comment"]:hover .wds-dropdown__toggle,
.article-comments-app div[class^="Reply_body"]:hover .wds-dropdown__toggle,
.message-wall-app .Message:hover .wds-dropdown__toggle,
.message-wall-app .Reply:hover .wds-dropdown__toggle {
opacity: 1;
transition: opacity .3s;
}
}
.page div[class^="EntityHeader"] .wds-dropdown__content {
padding: 6px 0;
transform: none;
left: unset;
right: -9px;
}
.wds-dropdown [class^="ActionItem_action-item"] {
min-width: 100px;
padding: 6px 12px 6px 8px;
color: var(--t-soft-2);
}
.wds-dropdown [class^="ActionItem_action-item"]:hover {
background-color: var(--bg-gray-1);
color: var(--t-hot);
}
#MessageWall .Message__title {
display: inline-block;
margin: 0 0 6px !important; /* WTF FandomDesktop???! */
color: var(--t-grey);
transition: color .3s;
}
#MessageWall .Message__title:hover {
color: var(--t-hot);
}
div[class^="CommentList_comment-list"] > div:nth-child(even) .is-large-content:before,
div[class^="ArticleCommentsSingle"] + div .is-large-content:before,
.MessageWallForum > div:nth-child(odd) .is-large-content:before,
.MessageWallSingleThread .is-large-content:before {
background-image: linear-gradient(to bottom, transparent 550px, var(--bg-blue-0) 650px);
}
div[class^="CommentList_comment-list"] > div:nth-child(odd) .is-large-content:before,
.MessageWallForum > div:nth-child(even) .is-large-content:before {
background-image: linear-gradient(to bottom, transparent 550px, var(--bg-wine-0) 650px);
}
.article-comments-app div[class*="Reply_focused"] .is-large-content:before,
.MessageWallForum div[class*="Reply_focused"] .is-large-content:before {
background-image: linear-gradient(to bottom, transparent 550px, var(--bg-blue-1) 650px);
}
.article-comments-app div[class^="ReplyList_container"] {
margin: 0;
}
.article-comments-app span[class^="ReplyList_top-border"],
#MessageWall .Message__break {
display: none;
}
.article-comments-app div[class^="ReplyList_list-wrapper"],
.message-wall-app .Replies {
margin: 10px 0 10px 70px;
}
.article-comments-app div[class^="Reply_reply"] {
padding: 0;
}
.article-comments-app div[class^="Reply_body"],
#MessageWall .Reply {
margin: 10px 0 10px;
border: 0;
border-radius: 6px;
padding: 12px 24px;
}
.article-comments-app div[class*="Reply_focused"] {
background-color: transparent;
}
.article-comments-app div[class*="Reply_focused"] > div[class^="Reply_body"] {
background-color: var(--bg-blue-1);
}
.article-comments-app div[class*="Reply_focused"] > div[class^="Reply_body"]:before {
border-color: transparent var(--bg-blue-1) transparent transparent;
}
/* Comment/Message/Reply - view more replies */
#MessageWall .ViewMoreReplies {
border: 0;
margin: 0;
padding: 0;
}
.article-comments-app button[class^="ReplyList_view-all-replies"] {
margin: 10px 0 0;
width: 100%;
}
.message-wall-app .ViewMoreReplies__button {
width: 100%;
}
#MessageWall .MessageWallForum .load-more-button {
background-color: var(--em-2);
}
#MessageWall .MessageWallForum .load-more-button:hover {
background-color: var(--em-4);
}
/* Comment/Message/Reply - elements inside the message */
.page .entity-content {
white-space: normal;
}
.entity-content .read-more {
background-color: var(--em-2);
bottom: 6px;
transition: box-shadow .6s, background-color .6s, color .6s;
}
.page .entity-content + [class^="EditedBy_"] {
display: none;
}
#articleComments .entity-content > *:first-child,
#MessageWall .entity-content > *:first-child,
#articleComments .rich-text-editor__content .ProseMirror > *:first-child,
#MessageWall .rich-text-editor__content .ProseMirror > *:first-child {
margin-top: 0;
}
#articleComments .entity-content > *:last-child,
#MessageWall .entity-content > *:last-child,
#articleComments .rich-text-editor__content .ProseMirror > *:last-child,
#MessageWall .rich-text-editor__content .ProseMirror > *:last-child {
margin-bottom: 0;
}
#articleComments .entity-content > p:last-child > br,
#MessageWall .entity-content > p:last-child > br {
display: none;
}
.ProseMirror a > strong {
color: var(--t-link);
}
main.page__main .ProseMirror pre,
main.page__main .entity-content pre {
margin: 4px 0;
}
#articleComments .entity-content ul,
#articleComments .entity-content ol,
#MessageWall .entity-content ul,
#MessageWall .entity-content ol,
#articleComments .rich-text-editor__content .ProseMirror ul,
#articleComments .rich-text-editor__content .ProseMirror ol,
#MessageWall .rich-text-editor__content .ProseMirror ul,
#MessageWall .rich-text-editor__content .ProseMirror ol {
margin: .4em 0 .5em 1.8em;
padding: 0;
}
#articleComments .entity-content ul,
#MessageWall .entity-content ul,
#articleComments .rich-text-editor__content .ProseMirror ul,
#MessageWall .rich-text-editor__content .ProseMirror ul {
list-style: square;
}
.page .ProseMirror .removable.rich-text-editor__image {
margin: 6px 0 0;
border-radius: 4px;
max-height: 54px;
overflow-y: hidden;
}
.page .entity-content .post__image-wrapper {
margin: 6px 0;
}
.page .entity-content .post__image-wrapper > .post__image {
border: 0;
cursor: pointer;
}
.page .entity-content pre code,
.page .rich-text-editor__content .ProseMirror pre code {
background-color: transparent;
padding: 0;
}
/* Comment/Message/Reply - editor */
.article-comments-app div[class^="ReplyCreate"] > div[class*="editor-form"],
.Message__wrapper > div[class^="Inline"][class*="editor-form"] {
margin: 10px 0 6px;
}
[class^="ArticleCommentsSingleThread"] + [data-testid] div[class^="ReplyCreate"] > div {
margin: 10px 0 9px;
}
[class^="ArticleCommentsSingleThread"] + [data-testid] div[class^="ReplyCreate"] > div > .EditorForm,
.MessageWallSingleThread .Message__wrapper > div > .EditorForm {
min-height: 87px;
}
.page .EditorForm {
border: 0;
padding: 0;
justify-content: space-between;
font-size: 14px;
-webkit-overflow-scrolling: touch;
}
.article-comments-app > div > .EditorForm {
min-height: 100px;
}
.message-wall-app > div > .EditorForm {
min-height: 129px;
}
div[class^="CommentList_comment-list"] .EditorForm,
.MessageWallForum .EditorForm {
min-height: 90px;
}
.message-wall-app > div > .EditorForm > .wds-input {
padding: 0;
flex-basis: 100%;
bottom: unset;
height: 38px;
margin-bottom: 8px;
}
.message-wall-app > div > .EditorForm > .wds-input > .wds-input__field {
border-radius: 6px;
box-shadow: inset 0 0 0 2px transparent;
background-color: var(--bg-gray-1);
pointer-events: auto;
transition: box-shadow .6s;
}
.message-wall-app > div > .EditorForm > .wds-input > .wds-input__field {
padding: 11px 16px 9px;
font-family: sans-serif;
}
.message-wall-app > div > .EditorForm > .wds-input > .wds-input__field:hover {
box-shadow: inset 0 0 0 2px var(--t-grayout);
transition: box-shadow .3s;
}
.message-wall-app > div > .EditorForm > .wds-input > .wds-input__label {
display: none;
}
#MessageWall .EditorForm_editor {
margin: 0;
}
div[data-testid="article-comments__comment"] div:not([class^="Modal"]) > div > .EditorForm_editor,
.Message__wrapper .EditorForm_editor {
flex-basis: calc(100% - 70px);
}
.article-comments-app .rich-text-editor__wrapper {
margin-top: 0 !important;
}
#MessageWall .message-wall-app .rich-text-editor__wrapper {
margin-top: 0;
}
.page .rich-text-editor__wrapper,
.page .rich-text-editor__content {
overflow: visible;
}
.page div[class^="Modal_content"] .rich-text-editor__content {
overflow: auto;
}
.page .rich-text-editor__content {
max-height: unset;
}
.article-comments-app .rich-text-editor__content {
padding: 0;
}
#MessageWall .rich-text-editor__content {
padding: 0;
min-height: unset;
}
.page .EditorForm_editor .is-empty:before {
color: var(--t-grayout);
z-index: 1;
}
.article-comments-app > div[class^="Inline"] .is-empty:before {
top: 18px;
left: 16px;
}
.message-wall-app > div[class^="Inline"] .rich-text-editor__content.is-empty:before {
top: 10px;
left: 16px;
}
div[data-testid="article-comments__comment"] .is-empty:before,
.Message__wrapper .EditorForm .is-empty:before {
top: 13px;
left: 15px;
}
.page .ProseMirror {
position: relative;
border-radius: 6px;
box-shadow: inset 0 0 0 2px transparent;
background-color: var(--bg-gray-1);
pointer-events: auto;
transition: box-shadow .6s;
}
.page .ProseMirror:hover {
box-shadow: inset 0 0 0 2px var(--t-grayout);
transition: box-shadow .3s;
}
.message-wall-app > div > .EditorForm > .wds-input.is-focused > .wds-input__field,
.page .ProseMirror.ProseMirror-focused {
box-shadow: inset 0 0 0 2px var(--t-hot);
transition: box-shadow .3s;
}
.article-comments-app > div[class^="Inline"] .ProseMirror {
padding: 18px 16px;
min-height: unset;
}
.message-wall-app > div > .EditorForm .ProseMirror {
padding: 10px 16px;
}
div[data-testid="article-comments__comment"] .ProseMirror,
.Message__wrapper .ProseMirror {
padding: 13px 15px;
min-height: unset;
}
/* Comment/Message/Reply - tool bar */
.page .rich-text-editor__toolbar {
margin-top: 8px;
height: 34px;
}
.page .rich-text-editor__toolbar.is-expanded:not(.is-disabled) {
overflow-y: hidden;
}
.page .rich-text-editor__toolbar__icons-container {
margin: 0;
border: 0;
padding: 0;
}
.page .rich-text-editor__toolbar__icon-controls {
height: 32px;
}
.page .rich-text-editor__toolbar__icon-wrapper {
margin-left: 6px;
width: 32px;
height: 32px;
padding: 0;
}
.page .rich-text-editor__toolbar:not(.is-expanded) .rich-text-editor__toolbar__icon-controls:hover,
.page .rich-text-editor__toolbar__icon-wrapper:not(.is-active):hover {
background-color: var(--em-2);
}
.page .rich-text-editor__toolbar.is-expanded .rich-text-editor__toolbar__icon-controls {
background-color: var(--bg-blue-1);
}
.page .rich-text-editor__toolbar__icon-wrapper.is-active {
background-color: var(--em-2);
}
.page .rich-text-editor__toolbar.is-expanded .rich-text-editor__toolbar__icon-controls .wds-icon-small {
color: var(--txt);
}
.page .rich-text-editor__toolbar.is-expanded .rich-text-editor__toolbar__icon-controls .wds-icon-tiny {
color: var(--em-4);
}
.page .rich-text-editor__toolbar__icon-wrapper.is-active .wds-icon {
color: var(--t-hot);
}
.page .rich-text-editor__toolbar__icon-group.has-border-left:before {
border-left-width: 2px;
}
.article-comments-app div[class^="ReplyCreate"] .has-border-left,
.message-wall-app .Replies + div .has-border-left {
margin-left: 0;
}
.article-comments-app div[class^="ReplyCreate"] .has-border-left:before,
.message-wall-app .Replies + div .has-border-left:before {
content: none;
}
@media (max-width: 768px) {
.page div[class^="InlineEntityFormWrapper"] .has-border-left {
margin-left: 0;
}
.page div[class^="InlineEntityFormWrapper"] .has-border-left:before {
content: none;
}
.article-comments-app div[class^="ReplyCreate"] .rich-text-editor__toolbar,
.message-wall-app .Replies + div .rich-text-editor__toolbar {
margin-left: -62px;
}
}
@media (min-width: 1024px) and (max-width: 1100px) {
.page div[class^="ReplyCreate"] .rich-text-editor__toolbar {
margin-left: -62px;
}
}
/* Comment/Message/Reply - tooltip */
.page .rich-text-editor__toolbar .__react_component_tooltip {
box-shadow: 0 3px 6px 0 var(--em-2);
border: 0;
background: var(--bg-float) !important;
opacity: 1 !important;
}
.page .rich-text-editor__toolbar .__react_component_tooltip.place-top {
margin-top: -4px;
}
.page .rich-text-editor__toolbar .__react_component_tooltip.type-dark {
color: var(--t-full);
}
.page .rich-text-editor__toolbar .__react_component_tooltip:after {
border-top-color: var(--bg-float) !important;
}
.page .rich-text-editor__toolbar .__react_component_tooltip strong {
font-weight: normal;
font-size: 105%;
}
/* Duplicate tooltips (bug?) */
.rich-text-editor__toolbar div[data-test="image"] .__react_component_tooltip,
.rich-text-editor__toolbar svg:not(.toolbar-icon-strong) + .__react_component_tooltip,
.rich-text-editor__toolbar.is-expanded .has-border-left .__react_component_tooltip,
.rich-text-editor__toolbar > .__react_component_tooltip {
display: none;
}
/* Comment/Message/Reply - insert link
- z-index used to fix a bug - community.fandom.com/f/p/4400000000003287983 */
#fandom-web-editor-portal .hyperlink-modal {
box-shadow: 0 2px 6px 0 var(--em-4);
background-color: var(--bg-float);
border: 0;
padding: 5px 6px;
z-index: 1100;
}
.ns-1200 > #fandom-web-editor-portal .hyperlink-modal {
margin-top: 2px;
}
#fandom-web-editor-portal .hyperlink-modal input {
margin: 0 6px;
padding: 0 6px;
line-height: 1.75;
font-size: 16px;
}
#fandom-web-editor-portal .hyperlink-modal .wds-icon {
transition: opacity .3s;
}
#fandom-web-editor-portal .hyperlink-modal input[value=""] + .wds-icon {
opacity: 0;
}
#fandom-web-editor-portal .hyperlink-modal .wds-button {
padding: 0;
}
#fandom-web-editor-portal .hyperlink-modal:before {
left: 84px;
}
#fandom-web-editor-portal .hyperlink-modal.is-toolbar-expanded:before {
left: 182px;
}
/* Comment/Message/Reply - external links */
.page .entity-content a:not([class])[target="_blank"] {
white-space: break-spaces;
}
.page .entity-content .post__og {
margin: 6px 0;
}
.page .entity-content a.post__og-link .post__og-data-wrapper {
border: 0;
background-color: var(--em-2);
}
.page a.post__og-link .post__og-details {
flex: 10;
padding: 6px 12px;
}
/* Comment/Message/Reply - cancel & reply buttons */
.page .EditorForm__actions {
position: relative;
align-self: flex-end;
margin: 0;
height: 0;
}
.page .EditorForm__actions > button:nth-of-type(1) {
font-size: 0;
}
.page .EditorForm__actions > button:nth-of-type(1):before {
font-size: 14px;
content: "\274C";
}
.article-comments-app > div[class^="InlineEntityFormWrapper"] > .EditorForm__actions {
top: -36px;
}
.message-wall-app > div[class^="InlineEntityFormWrapper"] .EditorForm__actions {
top: -35px;
margin-bottom: 3px;
}
.article-comments-app > div[class^="CommentList_comment-list"] .EditorForm__actions,
.MessageWallForum .EditorForm__actions {
top: -35px;
}
.page div[class^="Modal_content"] .EditorForm__actions {
top: -34px;
}
.article-comments-app > div[data-testid] .EditorForm__actions,
.MessageWallSingleThread .EditorForm__actions {
top: -33px;
}
.page .EditorForm__actions > .wds-is-secondary {
margin-right: 6px;
}
#articleComments .EditorForm__actions > .wds-is-secondary:hover,
#MessageWall .EditorForm__actions > .wds-is-secondary:hover {
color: var(--t-red-1);
}
#articleComments .EditorForm__actions > .wds-is-secondary:active,
#MessageWall .EditorForm__actions > .wds-is-secondary:active,
#articleComments .EditorForm__actions > .wds-is-secondary:focus,
#MessageWall .EditorForm__actions > .wds-is-secondary:focus {
box-shadow: inset 0 0 0 2px var(--t-red-1);
color: var(--t-red-1);
}
#articleComments .EditorForm__actions > .wds-button:nth-of-type(2):hover,
#MessageWall .EditorForm__actions > .wds-button:nth-of-type(2):hover {
color: var(--t-green-0);
}
#articleComments .EditorForm__actions > .wds-button:nth-of-type(2):active,
#MessageWall .EditorForm__actions > .wds-button:nth-of-type(2):active,
#articleComments .EditorForm__actions > .wds-button:nth-of-type(2):focus,
#MessageWall .EditorForm__actions > .wds-button:nth-of-type(2):focus {
color: var(--t-green-0);
box-shadow: inset 0 0 0 2px var(--t-green-0);
}
.EditorForm_editor:has(.is-selected) .rich-text-editor__toolbar.is-disabled {
opacity: unset;
pointer-events: unset;
}
/* Comment/Message/Reply - edit */
.page div[class^="EntityActions_edit-modal"] > div[class^="Modal_overlay"] {
background-color: #000;
}
@media (hover: none) and (pointer: coarse) {
.page div[class^="EntityActions_edit-modal"] > div[class^="Modal_overlay"] {
display: none;
}
.page div[class^="EntityActions_edit-modal"] > div[class^="Modal_content"] {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
border-radius: unset;
transform: unset;
}
.page div[class^="Modal_content"] > .EditorForm {
height: calc(100% - 30px);
}
.page .rich-text-editor__wrapper,
.page .rich-text-editor__content {
height: 100%;
}
.page div[class^="Modal_content"] .rich-text-editor__content {
-webkit-overflow-scrolling: touch;
}
}
.page div[class^="Modal"] div[class^="EntityActions_edit-summary"] {
margin-bottom: 8px;
height: 22px;
}
.page div[class^="Modal"] .wds-avatar,
.page div[class^="Modal"] .ProseMirror:before,
.page div[class^="Modal"] .ProseMirror:after {
display: none;
}
/* Comment/Message/Reply - remove report option */
[class^="Comment_comment"] li + li[class^="ActionItem"]:nth-of-type(4),
[class^="Reply_reply"] li + li[class^="ActionItem"]:nth-of-type(3) {
display: none;
}
/* Comment/Message/Reply - reported */
.page div[class^="EntityTopBar_entity-top-bar"] {
position: absolute;
right: 0;
}
.page div[class^="EntityTopBar_entity-top-bar"] > div[title="Reported"] {
display: none;
}
.page div[class^="EntityTopBar_entity-top-bar"] > div[class^="EntityTopBar_details"] {
border: 0;
margin: 0;
padding: 12px 40px 0 0;
color: var(--t-hot);
}
.page div[class^="EntityTopBar_entity-top-bar"] > div[class^="EntityTopBar_details"] > a {
color: var(--t-hot);
}
/* Comment/Reply - deleted */
.article-comments-app > div[class^="DefaultError_error"] > .wds-icon {
display: none;
}
.article-comments-app > div[class^="DefaultError_error"]:before {
content: '';
display: block;
margin: 0 auto 12px;
width: 50px;
height: 50px;
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/c/cc/Warn_sign.png);
}
/* Comments/Messages - image modal */
.lightbox__overlay {
background-color: var(--sh-c);
overflow: hidden;
z-index: 801;
}
.lightbox__overlay:before {
content: '\274C';
position: absolute;
right: 13px;
border-radius: 0 0 0 7px;
width: 38px;
line-height: 38px;
font-size: 25px;
background-color: #d44;
text-align: center;
cursor: pointer;
z-index: 9999;
}
.lightbox__content {
display: flex;
justify-content: center;
align-items: center;
transform: unset;
top: unset;
left: unset;
width: 100vw;
height: 100vh;
font-size: 0;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.lightbox__content > .lightbox__close {
display: none;
}
.lightbox__content > img[src] {
transform: unset;
left: unset;
top: unset;
max-height: unset;
max-width: unset;
}
/* - - - - - - - - - - - - - - - ARTICLE EDITORS - - - - - - - - - - - - - - -*/
#wikiPreview .previewnote {
border: 0;
}
#wikiPreview .previewnote {
display: none;
}
/* Article editor - autofill typing link */
.wikiEditor-ui-linkSuggest .oo-ui-popupWidget-popup {
border: 1px solid var(--bg-em-4);
}
.wikiEditor-ui-linkSuggest .oo-ui-optionWidget {
margin: 0;
padding: 6px 12px;
}
.wikiEditor-ui .wikiEditor-ui-linkSuggest-suggestion.oo-ui-optionWidget-highlighted,
.wikiEditor-ui .wikiEditor-ui-linkSuggest-suggestion:hover {
background-color: var(--bg-blue-0);
color: var(--t-hot);
}
.oo-ui-popupWidget-anchored.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:before {
bottom: -7px;
border-bottom-color: var(--bg-em-4);
}
.oo-ui-popupWidget-anchored.oo-ui-popupWidget-anchored-top .oo-ui-popupWidget-anchor:after {
bottom: -7px;
border-bottom-color: var(--bg-float);
}
/* Editors - 2010 Source Editor */
.wikiEditor-ui .wikiEditor-ui-toolbar {
padding: 4px 6px;
}
.wikiEditor-ui .wikiEditor-ui-toolbar .sections .section {
margin-top: 6px;
padding-top: 6px;
}
.mediawiki form .wikiEditor-ui-text {
background-color: var(--bg-gray-1);
}
.wikiEditor-ui .wikiEditor-ui-text .CodeMirror {
height: calc(100vh - 330px) !important;
}
.CodeMirror-linenumber {
user-select: none;
}
#editpage-copywarn {
display: none;
}
/* Editors - 2010 - search and replace */
.wikiEditor-toolbar-dialog {
box-shadow: 0 3px 12px 0 var(--sh-c);
}
.wikiEditor-toolbar-dialog .ui-dialog-titlebar.ui-widget-header[class][class] {
border: 0;
background-color: var(--em-2);
}
.wikiEditor-toolbar-dialog > #wikieditor-toolbar-replace-dialog {
height: 18em !important;
}
.wikiEditor-toolbar-dialog > #wikieditor-toolbar-replace-dialog > div {
height: 1.5em;
}
.wikiEditor-toolbar-dialog > #wikieditor-toolbar-replace-dialog > fieldset {
background-color: unset;
}
.wikiEditor-toolbar-dialog > #wikieditor-toolbar-replace-dialog > fieldset > div {
padding: 0 0 .6em 0;
}
.wikiEditor-toolbar-dialog > #wikieditor-toolbar-replace-dialog > fieldset > div + div ~ div {
padding: 0 0 .2em 0;
}
.wikiEditor-toolbar-dialog > #wikieditor-toolbar-replace-dialog > fieldset > div:last-of-type {
padding: 0;
}
.wikiEditor-toolbar-dialog .ui-dialog-buttonpane[class] {
margin: 0;
border: 0 !important;
}
.wikiEditor-toolbar-dialog #wikieditor-toolbar-replace-dialog {
padding: 16px 20px 0 !important;
}
.wikiEditor-toolbar-dialog #wikieditor-toolbar-replace-success {
color: var(--t-green-1);
}
.wikiEditor-toolbar-dialog #wikieditor-toolbar-replace-nomatch,
.wikiEditor-toolbar-dialog #wikieditor-toolbar-replace-emptysearch,
.wikiEditor-toolbar-dialog #wikieditor-toolbar-replace-invalidregex {
color: var(--t-red-1);
}
/* Editors - Ace */
.ace_print-margin-layer {
display: none;
}
/* Editors - CSS & JS */
.ace-tm {
background-color: var(--bg-full);
color: var(--t-grey);
text-shadow: 0px 0px;
}
input.ace_search_field {
color: var(--bg-gray-2);
}
/* Editors - notification
- * Your edit was saved
- * This change has been marked as patrolled
- * "Page" and its discussion page have been added to your watchlist */
.mediawiki .mw-notification,
#mw-notification-area .mw-notification {
box-shadow: 0 3px 12px 0 rgba(0,0,0,0.6);
border-color: #0004;
border-radius: 6px;
padding: 9px 18px 9px 16px;
background-color: var(--bg-float);
color: var(--txt);
}
#mw-notification-area .mw-notification .oo-ui-flaggedElement-success {
color: var(--t-green-1);
}
.postedit-icon-checkmark {
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/7/77/Yes.png?format=original);
}
.mw-editTools {
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/7/77/Yes.png?format=original);
background-repeat: no-repeat;
background-position: 0 -20px;
}
.postedit:after {
display: none;
}
/* Edittools dialog (MediaWiki:Edittools) */
.mediawiki .edittools-charinsert > tbody > tr > td {
padding: 6px 12px 3px;
}
.edittools-charinsert td p {
margin: 0;
}
.mediawiki .edittools-charinsert :not(b) {
font-size: 12px;
}
.mediawiki .edittools-charinsert a[href="#"] {
margin: 0 0 3px;
box-shadow: .1em .1em .2em #0003;
border-radius: 3px;
padding: 2px;
background-color: var(--bg-float);
color: var(--txt);
font-family: monospace;
transition: color .2s, background-color .2s;
}
.mediawiki .edittools-charinsert a[href="#"]:hover {
background-color: var(--bg-blue-2);
color: var(--t-full);
text-decoration: none;
transition: color .1s, background-color .1s;
}
/* Visual Editor */
.ve-active .page {
margin-top: 46px;
}
.ve-active .page > main {
padding-top: 12px;
}
.ve-ui-summaryPanel {
margin: 0;
}
.ve-ui-summaryPanel-summaryInputField {
max-width: calc(100% - 180px);
}
.ve-ui-summaryPanel-copyrightWarningFooter {
display: none;
}
.ve-ui-summaryPanel-checkboxActionRow {
margin: 6px 0 0;
}
.ve-ui-summaryPanel-cancelOrSaveGroup {
margin-top: -78px;
}
.skin-fandomdesktop .ve-init-mw-desktopArticleTarget-originalContent:not(:empty) {
height: calc(100vh - 253px);
}
.ve-active figure[typeof] {
border-color: transparent;
background-color: var(--em-2);
}
.ve-active figure[typeof] > a:first-child > *:first-child:not(.mw-broken-media),
.ve-active figure[typeof] > span:first-child > *:first-child:not(.mw-broken-media) {
border: 0;
}
.ve-active figure[typeof] > figcaption {
border: 0;
background-color: var(--em-2);
}
/* - - - - - - - - MEDIA GALLERY (categories & special pages) - - - - - - - - *
- E.g.: Special:NewFiles, Special:UncategorizedFiles, Special:Videos */
.ns-14 .wikia-gallery,
.ns--1 .wikia-gallery {
margin: 20px 0;
display: grid;
gap: 6px;
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}
.wikia-gallery .wikia-gallery-caption:empty {
display: none;
}
.ns-14 .wikia-gallery > .wikia-gallery-item,
.ns--1 .wikia-gallery > .wikia-gallery-item {
margin: 0;
border-radius: 8px;
padding: 6px 8px;
width: unset !important;
overflow: hidden;
background-color: var(--bg-gray-0);
transition: background-color .6s;
}
.ns--1 .wikia-gallery > .wikia-gallery-item {
display: flex;
flex-flow: column;
gap: 4px;
}
.ns-14 .wikia-gallery > .wikia-gallery-item:hover,
.ns--1 .wikia-gallery > .wikia-gallery-item:hover {
background-color: var(--bg-gray-1);
transition: background-color .3s;
}
.ns-14 .wikia-gallery > div:not(:has(a.video)) > .thumb {
height: 100% !important;
}
.ns--1 .wikia-gallery > div > .thumb {
margin: auto;
width: 100%;
height: unset !important;
}
.page-Special_UncategorizedFiles .wikia-gallery > div > .thumb {
height: 100% !important;
}
.ns-14 .wikia-gallery > div > .thumb > .accent,
.ns--1 .wikia-gallery > div > .thumb > .accent {
border: 0;
width: 100% !important;
height: 100% !important;
top: unset !important;
}
.ns-14 .wikia-gallery > div > .thumb > .accent > a.lightbox,
.ns--1 .wikia-gallery > div > .thumb > .accent > a.lightbox {
background: unset;
width: 100% !important;
height: 100% !important;
display: flex;
box-sizing: border-box;
}
/* Gallery - force image files name & size to show up */
.ns-14 .wikia-gallery > div > .thumb > .accent > a:not(.video),
.page-Special_NewFiles .wikia-gallery > div > .thumb > .accent > a:not(.video),
.page-Special_UncategorizedFiles .wikia-gallery > div > .thumb > .accent > a:not(.video) {
flex-flow: column;
}
.ns-14 .wikia-gallery > div > .thumb > .accent > a:not(.video):after,
.page-Special_NewFiles .wikia-gallery > div > .thumb > .accent > a:not(.video):after,
.page-Special_UncategorizedFiles .wikia-gallery > div > .thumb > .accent > a:not(.video):after {
content: attr(title);
margin-top: 6px;
line-height: 16px;
font-size: 12px;
color: var(--t-soft-2);
transition: color .6s;
}
.ns-14 .wikia-gallery > div > .thumb > .accent > a:not(.video):hover:after,
.page-Special_NewFiles .wikia-gallery > div > .thumb > .accent > a:not(.video):hover:after,
.page-Special_UncategorizedFiles .wikia-gallery > div > .thumb > .accent > a:not(.video):hover:after {
color: var(--t-hot);
transition: color .3s;
}
.ns-14 .wikia-gallery > div > .thumb > .accent > a:not(.video) > .thumbimage,
.ns--1 .wikia-gallery > div > .thumb > .accent > a:not(.video) > .thumbimage {
max-width: 100%;
width: unset;
height: unset;
margin: auto 0;
}
.page-Special_NewFiles .wikia-gallery > div > .lightbox-caption > a,
.page-Special_NewFiles .wikia-gallery > div > .lightbox-caption > br {
display: none;
}
/* Fix for UCP black borders on video thumbs */
.ns-14 .wikia-gallery > div > .thumb > .accent > a.video > .thumbimage,
.ns--1 .wikia-gallery > div > .thumb > .accent > a.video > .thumbimage {
max-height: 102px;
}
.ns-14 .wikia-gallery > div > .title {
margin: 4px 0 0;
font-weight: normal;
color: var(--t-soft-2);
transition: color .6s;
}
.ns-14 .wikia-gallery > div:hover > .title {
color: var(--txt);
transition: color .3s;
}
.ns--1 .wikia-gallery > div > .title {
margin: 0;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
line-height: 1.6em;
overflow: hidden;
font-weight: normal;
color: var(--t-soft-2);
text-align: center;
}
.ns--1 .wikia-gallery > div > .lightbox-caption {
margin: 0;
width: unset !important;
color: var(--t-soft-2);
text-align: center;
}
.ns--1 .wikia-gallery > div > .lightbox-caption > a {
margin: auto;
color: var(--t-grey);
}
.ns--1 .wikia-gallery > div > .lightbox-caption > a:hover {
color: var(--t-cyan-1);
}
.ns--1 .wikia-gallery > div > .lightbox-caption > i {
font-style: normal;
}
/* Media gallery - add new video popup */
.special-videos__upload .wds-textarea {
margin: 0;
}
.special-videos__upload .wds-textarea textarea {
line-height: 2em;
margin-bottom: .4em;
}
.special-videos__upload .wds-textarea span {
font-size: .9em;
}
.special-videos__upload .wds-dialog__actions {
border: 0;
padding: 0 24px 12px;
}
/* - - - - - - - - - - - - - - - HISTORY & DIFF - - - - - - - - - - - - - - - */
#pagehistory {
margin: .4em 0;
}
#pagehistory > ul {
margin: 0;
list-style: none;
}
#mw-history-search {
border: 0;
}
#pagehistory > ul > li {
margin: .2em 0;
border: 0;
border-radius: 4px;
padding-left: 12px;
cursor: default;
transition: background-color .4s;
}
#pagehistory > ul > li:hover {
background-color: var(--em-2);
transition: background-color .1s;
}
#pagehistory > ul > li.selected {
outline: 0;
border: 0;
background-color: var(--bg-gray-1);
color: var(--t-full);
}
#pagehistory > ul > li.selected:hover {
background-color: var(--bg-gray-2);
}
#pagehistory > ul > li .mw-changeslist-separator ~ .mw-changeslist-links {
opacity: .2;
transition: opacity .6s;
}
#pagehistory > ul > li:hover .mw-changeslist-separator ~ .mw-changeslist-links {
opacity: 1;
transition: opacity .1s;
}
#pagehistory > ul .mw-changeslist-date,
#pagehistory > ul .history-size {
font-size: 12px;
color: var(--t-grey);
}
#pagehistory > ul .minoredit {
text-decoration: none;
}
#pagehistory > ul .comment:before,
#pagehistory > ul .comment:after {
content: none;
}
.history-user .mw-userlink {
color: var(--t-soft-1);
}
.history-user .mw-userlink:hover {
color: var(--t-grey);
}
.action-submit #wikiDiff {
padding-top: 20px;
}
.action-submit.ns-10 #wikiDiff {
padding-top: 40px;
}
.diff {
border-spacing: 0 4px;
}
#wikiDiff > .diff td:first-of-type {
padding-left: 0;
}
#wikiDiff > .diff col.diff-marker:first-of-type {
width: 2%;
}
#wikiDiff > .diff col.diff-marker:nth-of-type(3) {
width: 2.5%;
}
#wikiDiff > .diff td {
line-height: 21px;
}
.diff tr.diff-title > td {
padding-top: 0;
}
.diff td.diff-context,
.diff td.diff-deletedline,
.diff td.diff-addedline {
border-style: solid;
border-width: 0 0 0 4px;
padding: 7px 9px;
font-family: monospace;
}
.diff td.diff-context {
border-color: var(--t-grayout);
background-color: var(--bg-gray-0);
color: var(--t-grey);
}
.diff td.diff-deletedline,
.diff td.diff-addedline {
border-width: 0 0 0 4px;
background-color: var(--bg-gray-2);
color: var(--t-full);
}
.diff td.diff-deletedline {
border-color: #b54242;
}
.diff td.diff-addedline {
border-color: #3f8c3f;
}
.diff td div {
line-height: 21px;
}
.diff td.diff-deletedline .diffchange {
color: var(--txt);
background-color: var(--bg-red-0);
}
.diff td.diff-addedline .diffchange {
color: var(--txt);
background-color: var(--bg-green);
}
.diff .diff-marker,
.diff .diff-empty {
user-select: none;
}
.diff tr:not(:hover) > .diff-marker,
.diff tr:not(:hover) > .diff-marker a:after,
.diff tr:not(:hover) > .diff-empty {
color: var(--t-grayout);
}
.diff tr > .diff-marker a {
color: transparent;
}
.diff tr > .diff-marker a:after {
font-size: 1.25rem;
}
.diff tr:not(:hover) > .diff-marker a:hover:after {
opacity: 1;
}
/* - - - - - - - - - - - RC, HIST, DIFF, CONTRIB (links)- - - - - - - - - - - *
- links such: diff, hist, # changes, cur & prev */
.mw-enhanced-rc {
cursor: default;
}
.mw-title + .mw-changeslist-links,
ul.mw-contributions-list > li > .mw-changeslist-links {
font-size: 0;
}
#pagehistory > ul:last-of-type > li > .mw-history-histlinks > span:last-child:not(:has(a)),
#pagehistory > ul > li > .mw-history-histlinks > span > a,
.mediawiki .page a.mw-changeslist-diff,
.mediawiki .page a.mw-changeslist-diff-cur,
.mediawiki .page a.mw-changeslist-groupdiff,
.mediawiki .page a.mw-changeslist-history,
.mw-changeslist-src-mw-new .mw-title + .mw-changeslist-links > span:first-child,
.mw-changeslist-src-mw-new .mw-changeslist-line-inner-historyLink .mw-changeslist-links > span:first-child,
ul.mw-contributions-list > li > .mw-changeslist-links > span:first-child:not(:has(a)),
.mw-newpages-history > a {
display: inline-block;
outline: 0;
background-color: var(--em-2);
line-height: 20px;
font-size: 12px;
font-weight: bold;
font-family: helvetica,arial,sans-serif;
color: var(--t-grayout);
}
form#mw-history-compare > #pagehistory > ul > li > .mw-history-histlinks > span:not(:has(a)),
.mw-changeslist-src-mw-new .mw-title + .mw-changeslist-links > span:first-child,
.mw-changeslist-src-mw-new .mw-changeslist-line-inner-historyLink .mw-changeslist-links > span:first-child,
ul.mw-contributions-list > li > .mw-changeslist-links > span:first-child:not(:has(a)) {
cursor: default;
color: #6e6e6e;
}
a.mw-firstlink ~ form > #pagehistory > ul > li:first-child > .mw-history-histlinks > span:first-child,
a.mw-lastlink ~ form > #pagehistory > ul > li:last-child > .mw-history-histlinks > span:last-child {
padding: unset;
background-color: unset;
}
#pagehistory > ul > li > .mw-history-histlinks > span > a:hover,
.mediawiki .page a.mw-changeslist-diff:hover,
.mediawiki .page a.mw-changeslist-diff-cur:hover,
.mediawiki .page a.mw-changeslist-groupdiff:hover,
.mediawiki .page a.mw-changeslist-history:hover,
.mw-newpages-history > a:hover {
background-color: var(--bg-wine-1);
color: var(--t-grey);
}
#pagehistory > ul > li > .mw-history-histlinks > span > a:focus,
.mediawiki .page a.mw-changeslist-diff:focus,
.mediawiki .page a.mw-changeslist-diff-cur:focus,
.mediawiki .page a.mw-changeslist-groupdiff:focus,
.mediawiki .page a.mw-changeslist-history:focus,
.mw-newpages-history > a:focus {
color: var(--t-hot);
}
#pagehistory > ul:first-of-type > li > .mw-history-histlinks > span:first-child:not(:has(a)),
#pagehistory > ul > li > .mw-history-histlinks > span:first-child > a,
a.mw-changeslist-diff,
a.mw-changeslist-diff-cur,
a.mw-changeslist-groupdiff,
.mw-changeslist-src-mw-new .mw-title + .mw-changeslist-links > span:first-child,
.mw-changeslist-src-mw-new .mw-changeslist-line-inner-historyLink .mw-changeslist-links > span:first-child,
ul.mw-contributions-list > li > .mw-changeslist-links > span:first-child:not(:has(a)) {
border-radius: 4px 0 0 4px;
border-right: 1px solid var(--em-2);
padding: 0 4px 0 5px;
}
#pagehistory > ul:last-of-type > li > .mw-history-histlinks > span:last-child:not(:has(a)),
#pagehistory > ul > li > .mw-history-histlinks > span:last-child > a,
a.mw-changeslist-history,
a.mw-changeslist-diff-cur + a.mw-changeslist-diff {
border-radius: 0 4px 4px 0;
border-left: 1px solid var(--em-2);
padding: 0 5px 0 4px;
}
.mw-changeslist-src-mw-new td.mw-enhanced-rc-nested > a.mw-changeslist-diff-cur {
border-radius: 4px;
padding: 0 5px;
}
/*- - - - - - - - - RC, HIST, DIFF, CONTRIB (tags & buttons) - - - - - - - - -*
- edit tags + rollback/undo/thank buttons */
.mediawiki .mw-tag-markers,
/* thank/thanked */
.mw-diff-tool,
.mw-changeslist-line-inner-0 {
font-size: 0;
}
.mediawiki .mw-tag-markers:before,
.mediawiki .mw-tag-markers:after {
content: none;
}
.mediawiki .mw-tag-markers > a[title="Special:Tags"] {
margin-right: 3px;
font-size: 11px;
text-transform: uppercase;
}
.mediawiki .mw-tag-markers > .mw-tag-marker {
display: inline-block;
margin-right: 3px;
border-radius: 4px;
padding: 0 5px;
background-color: var(--em-2);
line-height: 20px;
font-size: 11px;
color: var(--t-grey);
}
.mediawiki .mw-tag-markers > .mw-tag-marker:after {
content: none;
}
.mediawiki .mw-rollback-link,
.mediawiki .mw-history-undo {
text-transform: uppercase;
font-size: 0;
}
.mediawiki a.mw-thanks-thank-link,
.mw-thanks-thank-confirmation {
margin-left: 0;
text-transform: uppercase;
font-size: unset;
}
.mediawiki .mw-rollback-link a,
.mediawiki .mw-history-undo a,
.mediawiki a.mw-thanks-thank-link {
display: inline-block;
outline: 0;
margin-right: 3px;
border-radius: 4px;
padding: 0 5px;
background-color: var(--em-2);
line-height: 20px;
font-size: 12px;
font-weight: bold;
color: var(--t-grayout);
}
.mediawiki a.mw-thanks-thank-link:before {
background-color: var(--t-grayout);
transition: background-color .6s;
}
.mediawiki a.mw-thanks-thank-link:hover:before,
.mediawiki a.mw-thanks-thank-link.jquery-confirmable-button-yes:before {
background-color: var(--t-red-1);
transition: background-color .3s;
}
.mediawiki a.mw-thanks-thank-link.jquery-confirmable-button-yes:after {
content: ' ?';
}
.mw-thanks-thank-confirmation {
display: inline-block;
border-radius: 4px;
padding: 0 5px;
background-color: var(--em-2);
line-height: 20px;
font-size: 12px;
font-weight: bold;
color: var(--t-grayout);
}
.mw-thanks-thank-confirmation:before {
background-color: var(--t-grayout);
}
.mediawiki a.mw-thanks-thank-link:hover,
.mediawiki a.mw-thanks-thank-link.jquery-confirmable-button-yes {
background-color: var(--bg-gray-0);
color: var(--t-grey);
}
.mediawiki .mw-history-undo a:hover,
.mediawiki .mw-rollback-link a:hover {
background-color: var(--bg-gray-0);
color: var(--t-red-1);
}
.mediawiki .mw-rollback-link a:focus,
.mediawiki .mw-history-undo a:focus {
background-color: var(--bg-wine-1);
}
.mediawiki a.mw-thanks-thank-link:focus {
color: var(--t-hot);
}
.jquery-confirmable-wrapper:has(a.mw-thanks-thank-link),
a.mw-thanks-thank-link + .jquery-confirmable-interface {
vertical-align: unset;
}
a.mw-thanks-thank-link + .jquery-confirmable-interface {
min-width: 72px;
}
a.mw-thanks-thank-link + span > .jquery-confirmable-text {
display: none;
}
.mw-thanks-thanked {
display: inline-block;
margin-right: 3px;
border-radius: 4px;
padding: 0 5px;
background-color: var(--em-2);
line-height: 20px;
font-size: 11px;
font-weight: bold;
color: var(--t-grayout);
text-transform: capitalize;
}
.mw-thanks-thanked:before {
background-color: var(--t-grayout);
}
.mw-thanks-link-wrapper--contributions:before,
.mw-thanks-link-wrapper--contributions:after {
content: none;
}
.diff td > div:has(.patrollink) {
font-size: 0;
height: 24px;
}
.mediawiki .patrollink {
font-size: 0;
}
.mediawiki .patrollink > a {
display: inline-block;
outline: 0;
border-radius: 4px;
padding: 0 6px;
background-color: var(--bg-gray-1);
font-size: 14px;
color: var(--t-soft-1);
transition: box-shadow .4s, background-color .4s, color .4s;
}
.mediawiki .patrollink > a:hover {
background-color: var(--bg-gray-2);
color: var(--t-green-1);
}
.mediawiki .patrollink > a:focus {
color: var(--t-green-1);
box-shadow: 0 0 0 2px var(--t-green-1);
}
.mediawiki a.mw-thanks-thank-link.hidden,
.mediawiki a.mw-thanks-thank-link:not(.hidden) + span {
display: none;
}
/*- - - - - - - - - - - - - - - - SPECIAL PAGES - - - - - - - - - - - - - - - */
.oo-ui-panelLayout-framed {
border: 0;
border-radius: 0;
background-color: var(--em-2);
}
.oo-ui-panelLayout-framed .oo-ui-panelLayout-framed {
background-color: unset;
}
.mw-htmlform-ooui-wrapper.oo-ui-panelLayout-padded {
padding: 12px 16px;
}
.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header,
.oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header {
color: var(--t-soft-2);
}
/*- - - - - - - - - - - - - - Special:RecentChanges - - - - - - - - - - - - - */
.ns--1 .activity-summary__help-link {
display: block;
margin-left: .5em;
border-radius: 50%;
border: 1px solid transparent;
width: 22px;
height: 22px;
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/e/e1/Info.svg?format=original);
background-repeat: no-repeat;
background-size: 20px;
}
.ns--1.theme-fandomdesktop-light .activity-summary__help-link {
filter: brightness(1.2);
background-color: var(--sh-2);
}
.ns--1 .activity-summary__help-link > * {
display: none;
}
.page-Special_RecentChanges .activity-summary {
position: relative;
float: right;
top: -50px;
height: 0;
gap: 1em;
}
.page-Special_RecentChanges .page-content {
min-height: 530px;
}
.page-Special_RecentChanges .page-content .activity-tabs,
.mw-changeslist-legend {
display: none;
}
/* RecentChanges - JS enabled */
.page-Special_RecentChanges .rcfilters-head {
min-height: 168px;
}
.mediawiki .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive > .oo-ui-buttonElement-button,
.mediawiki .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.mediawiki .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button,
.mediawiki .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle,
.mediawiki .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle + .mw-rcfilters-ui-table {
border: 0;
background-color: var(--em-2);
color: var(--t-soft-2);
}
.mediawiki .oo-ui-buttonElement-frameless > .oo-ui-buttonElement-button,
.mediawiki .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget,
.mediawiki .mw-rcfilters-ui-filterTagMultiselectWidget-views-input input.oo-ui-inputWidget-input,
.mediawiki .mw-recentchanges-toplinks:not(.mw-recentchanges-toplinks-collapsed) {
border: 0;
background-color: transparent;
color: var(--t-soft-2);
}
.mediawiki .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button:hover,
.mediawiki .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button:hover,
.mediawiki .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.mediawiki .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button:hover,
.mediawiki .oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active.oo-ui-widget-enabled > .oo-ui-buttonElement-button:active {
background-color: var(--em-4);
color: var(--t-soft-1);
}
.mediawiki .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active).oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.mediawiki .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active).oo-ui-widget-enabled > .oo-ui-buttonElement-button:active,
.mediawiki .oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active).oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
color: var(--t-soft-1);
}
.mediawiki .oo-ui-popupWidget-popup {
border: 0;
background-color: var(--bg-float);
color: var(--txt);
}
.page.page.page.page .mw-rcfilters-ui-row > div:first-child > div > .oo-ui-widget {
margin-right: 20px;
border-radius: 11px 0 0 11px;
border: 0;
padding-right: 0;
background-color: var(--em-2);
background-color: var(--bg-gray-0);
}
.page .mw-rcfilters-ui-row > div:first-child > div > .oo-ui-widget > span:first-of-type {
cursor: grab;
}
.page .mw-rcfilters-ui-row > div:first-child > div > .oo-ui-widget > span > a[role="button"] {
border-radius: 0 11px 11px 0;
margin-right: -15px;
padding: 0;
width: 30px;
height: 22px;
background-color: var(--bg-em-4);
background-color: var(--bg-gray-0);
text-align: center;
}
.page .mw-rcfilters-ui-row > div:first-child > div > .oo-ui-widget:hover > span > a[role="button"] {
color: var(--t-soft-2);
}
.page .mw-rcfilters-ui-row > div:first-child > div > .oo-ui-widget > span > a[role="button"]:hover {
color: var(--t-red-1);
background-color: var(--bg-gray-1);
}
.page .oo-ui-buttonElement > .oo-ui-buttonElement-button {
transition: opacity, filter, background-color, color, .3s;
}
.page .mw-rcfilters-ui-liveUpdateButtonWidget.oo-ui-toggleWidget-on:after {
display: none;
}
.page .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
height: 35px;
}
.page .mw-rcfilters-ui-filterTagMultiselectWidget-views-select > div > div {
padding: 0;
}
.page .mw-rcfilters-ui-filterTagMultiselectWidget:hover input[type="text"],
.page .mw-rcfilters-ui-filterTagMultiselectWidget input[type="text"]:hover {
background-color: var(--em-2);
}
.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces {
border: 0 !important;
}
.mw-rcfilters-ui-menuSelectWidget-group .mw-rcfilters-ui-itemMenuOptionWidget-label {
cursor: pointer;
}
.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {
border-color: var(--bg-em-4);
}
.mw-changeslist > .mw-changeslist-overlay {
display: none;
}
/* RecentChanges - filter with highlight color */
.mw-special-Recentchanges .mw-rcfilters-ui-highlights-color-none {
display: none;
}
.mw-special-Recentchanges #content .mw-changeslist table[class*="mw-rcfilters-highlight-color"] tr,
.mw-special-Recentchanges #content .mw-changeslist table tr[class*="mw-rcfilters-highlight-color"],
.mw-special-Recentchanges #content .mw-changeslist table tr[class*="mw-rcfilters-highlight-color"] td {
background-color: transparent;
}
.mw-rcfilters-highlighted {
color: var(--txt);
}
.mw-rcfilters-highlighted a {
color: var(--t-link);
}
.rcfilters-spinner + .mw-changeslist table.mw-changeslist-line {
margin-left: 0;
}
/* RecentChanges - JS disabled */
.rcoptions > form {
line-height: 28px;
}
table.mw-recentchanges-table td.mw-input {
text-align: left;
display: flex;
gap: 4px;
}
/* RecentChanges - Top links (MediaWiki:Recentchangestext) */
.page-Special_RecentChanges .mw-rcfilters-ui-rcTopSectionWidget-topLinks-table:empty,
.page-Special_RecentChanges .mw-rcfilters-ui-table-placeholder {
display: none;
}
.page-Special_RecentChanges .mw-recentchanges-toplinks:not(.mw-collapsed) {
margin: 0;
padding: 0;
}
.page-Special_RecentChanges .mw-recentchanges-toplinks.mw-collapsed {
padding-left: 0;
}
.page-Special_RecentChanges .mw-recentchanges-toplinks.mw-collapsed > .mw-recentchanges-toplinks-content {
display: block !important;
}
.page-Special_RecentChanges .mw-rcfilters-ui-rcTopSectionWidget-topLinks-top {
width: calc(100% - 187px);
}
.page-Special_RecentChanges div:not(:empty) + div + .mw-rcfilters-ui-rcTopSectionWidget-savedLinks {
margin-top: -2px;
}
.page-Special_RecentChanges div:empty + div + .mw-rcfilters-ui-rcTopSectionWidget-savedLinks {
float: right;
margin-top: -32px;
}
.page-Special_RecentChanges .mw-recentchanges-toplinks > .oo-ui-buttonElement {
display: none;
}
/* RecentChanges - Top links - JS toggle */
.mw-recentchanges-toplinks:not(.mw-collapsible) .JS.en,
.mw-recentchanges-toplinks.mw-collapsible .JS.dis {
display: none;
}
.mw-recentchanges-toplinks .JS a {
display: inline-block;
vertical-align: bottom;
cursor: help;
background-position: 6px 2px;
background-repeat: no-repeat;
border-radius: 4px;
}
.mw-recentchanges-toplinks .JS a span {
padding: 3px 12px;
}
.theme-fandomdesktop-light .mw-recentchanges-toplinks .JS a {
background-color: var(--t-grayout);
}
.mw-recentchanges-toplinks .JS.en a {
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/5/5e/JS_enabled.png?format=original);
}
.mw-recentchanges-toplinks .JS.dis a {
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/8/89/JS_disabled.png?format=original);
}
/* RecentChanges - Changes list */
.mw-changeslist {
line-height: 1.7;
}
.mw-changeslist > h4 {
margin: 8px 0 -8px 12px;
color: var(--t-soft-1);
}
.mw-changeslist > div {
border-radius: 4px;
padding: 12px;
background-color: var(--em-2);
}
.mw-changeslist-line-watched .mw-title {
line-height: 1;
font-family: helvetica,arial,sans-serif;
}
.mw-changeslist .mw-title a {
color: var(--t-grey);
}
.mw-changeslist .mw-title a:hover {
color: var(--t-soft-1);
}
#content .mw-diff-bytes {
line-height: 1;
font-family: helvetica,arial,sans-serif;
}
#content .mw-plusminus-neg {
color: var(--t-red-1);
}
#content .mw-plusminus-null {
color: var(--t-silver);
}
#content .mw-plusminus-pos {
color: var(--t-green-1);
}
#wikia-mediawiki-recentchangestext {
border: 0;
border-radius: 4px;
background-color: var(--em-2);
}
.mw-changeslist .newpage,
.mw-changeslist .minoredit,
.mw-changeslist .botedit {
text-decoration: none;
color: var(--t-soft-2);
}
.mediawiki .unpatrolled {
color: var(--t-red-1);
text-decoration: none;
}
.mw-changeslist td.mw-enhanced-rc {
color: var(--t-soft-2);
}
table.mw-enhanced-rc td.mw-enhanced-rc-nested {
padding: 0;
font-size: 0;
}
tr.mw-changeslist-log > td.mw-enhanced-rc-nested {
font-size: 14px;
}
.mw-enhanced-rc-nested > a,
.mw-enhanced-rc-nested > span,
.mw-enhanced-rc-nested > strong {
margin: 0 4px 0 0;
font-size: 14px;
}
.mw-changeslist td.mw-enhanced-rc-nested > a.mw-changeslist-diff-cur {
margin: 0;
}
.mw-changeslist .mw-enhanced-watched .mw-enhanced-rc-time {
font-weight: unset;
}
.mw-changeslist .mw-enhanced-watched .mw-enhanced-rc-time a {
color: var(--t-soft-2);
}
.autocomment,
.autocomment a,
.mediawiki .mw-changeslist .autocomment a:hover,
.autocomment a:visited {
color: var(--t-soft-1);
}
.mw-changeslist-separator:empty:before {
content: ' . . ';
color: var(--t-soft-2);
}
/* RecentChanges - dropdown arrows */
.mw-enhancedchanges-arrow {
outline: 0;
}
.mw-enhancedchanges-arrow:not(:hover) {
opacity:.8;
}
.mw-collapsible-arrow.mw-enhancedchanges-arrow {
padding: 0;
background-image: none;
color: var(--t-soft-1);
}
.mw-enhancedchanges-arrow.mw-collapsible-toggle-collapsed:before {
content: "►";
}
.mw-enhancedchanges-arrow.mw-collapsible-toggle-expanded:before {
content: "▼";
}
/* RecentChanges - user link */
.mediawiki .page .mw-userlink {
color: var(--t-cyan-1);
}
.mediawiki .page .mw-userlink:hover {
color: var(--t-grey);
}
.page .mw-usertoollinks {
font-size: 0;
}
.page .mw-changeslist-links:before,
.page .mw-changeslist-links:after,
.page .mw-changeslist-links > span:before {
content: none;
}
.page .mw-usertoollinks a {
display: inline-block;
outline: 0;
border-style: solid;
border-color: var(--em-2);
border-top-width: 0;
border-right-width: 1px;
border-bottom-width: 0;
border-left-width: 1px;
padding: 0 5px;
background-color: var(--em-2);
color: var(--t-grayout);
text-shadow: 0 0 0 currentColor;
font-weight: bold;
font-family: monospace;
}
.page .mw-usertoollinks > a:first-child,
.page .mw-usertoollinks > span:first-child > a {
border-radius: 4px 0 0 4px;
border-left-width: 0;
padding: 0 4px 0 6px;
}
.page .mw-usertoollinks > a:last-child,
.page .mw-usertoollinks > span:last-child > a {
border-radius: 0 4px 4px 0;
border-right-width: 0;
padding: 0 6px 0 4px;
}
.page .mw-usertoollinks > a:first-child:last-child {
border-radius: 4px;
}
.page .mw-usertoollinks a:before {
line-height: 20px;
font-size: 12px;
}
.page a.mw-usertoollinks-wall:before {
content: 'M';
}
.page a.mw-usertoollinks-contribs:before {
content: 'C';
}
.page a.mw-usertoollinks-block:before {
content: 'B';
}
.page .mw-usertoollinks a:hover {
background-color: var(--bg-wine-1);
color: var(--t-grey);
}
.page .mw-usertoollinks a:focus {
color: var(--t-hot);
}
.page .mw-userlink[title*=".1"],
.page .mw-userlink[title*=".2"],
.page .mw-userlink[title*=".3"],
.page .mw-userlink[title*=".4"],
.page .mw-userlink[title*=".5"],
.page .mw-userlink[title*=".6"],
.page .mw-userlink[title*=".7"],
.page .mw-userlink[title*=".8"],
.page .mw-userlink[title*=".9"] {
color: var(--t-red-1);
opacity: .7;
transition: opacity .4s, background-color .4s, color .4s;
}
.page .mw-userlink[title*=".1"]:hover,
.page .mw-userlink[title*=".2"]:hover,
.page .mw-userlink[title*=".3"]:hover,
.page .mw-userlink[title*=".4"]:hover,
.page .mw-userlink[title*=".5"]:hover,
.page .mw-userlink[title*=".6"]:hover,
.page .mw-userlink[title*=".7"]:hover,
.page .mw-userlink[title*=".8"]:hover,
.page .mw-userlink[title*=".9"]:hover {
opacity: 1;
transition: opacity .2s, background-color .2s, color .2s;
}
/* - - - - - - - - - - - - - Special:SocialActivity - - - - - - - - - - - - - */
/* SocialActivity & NewFiles - header tabs */
@media (min-width: 1024px) {
.page-Special_SocialActivity .activity-summary,
.page-Special_NewFiles .activity-summary {
position: relative;
top: 30px;
right: 14px;
float: right;
height: 0;
color: var(--t-grey);
z-index: 9;
}
.page-Special_SocialActivity .activity-summary a.wds-button {
position: absolute;
right: -14px;
top: 40px;
}
.page-Special_NewFiles .activity-summary a.wds-button {
position: absolute;
right: 0;
top: 52px;
}
}
.ns--1 .activity-tabs {
margin-top: 0;
background-color: var(--bg-em-2);
border-bottom: 2px solid var(--bg-em-4);
}
.ns--1 .activity-tabs > .wds-tabs__arrow-left,
.ns--1 .activity-tabs > .wds-tabs__arrow-right {
display: none;
}
.ns--1 .activity-tabs > ul.wds-tabs {
width: max-content;
padding-top: 24px;
overflow: unset;
}
.ns--1 .activity-tabs > ul.wds-tabs > li.wds-tabs__tab {
margin: 0 0 0 6px;
}
.ns--1 .activity-tabs > ul.wds-tabs > li.wds-is-current {
box-shadow: none;
}
.ns--1 .activity-tabs > ul.wds-tabs > li.wds-tabs__tab > .wds-tabs__tab-label {
margin: 0;
height: unset;
text-transform: unset;
}
.ns--1 .activity-tabs > ul.wds-tabs > li.wds-tabs__tab > .wds-tabs__tab-label > a {
border-radius: 8px 8px 0 0;
height: unset;
padding: 4px 12px 0;
line-height: 28px;
font-size: 16px;
color: var(--t-grayout);
}
.ns--1 .activity-tabs > ul.wds-tabs > li.wds-tabs__tab > .wds-tabs__tab-label > a:hover {
color: var(--t-grey);
}
.ns--1 .activity-tabs > ul.wds-tabs > li.wds-is-current > .wds-tabs__tab-label > a {
margin: 0 0 -2px;
border: 2px solid var(--bg-em-4);
border-bottom-color: transparent;
padding: 2px 12px 0;
background-color: var(--bg-zero);
color: var(--t-soft-2);
pointer-events: none;
}
/* SocialActivity - filter */
.social-activity-filters .wds-dropdown__content {
padding: 0;
}
.social-activity-filters .social-activity-filters__popup {
padding: 8px 0;
}
.social-activity-filters .social-activity-filters__popup-header {
margin-bottom: 10px;
border-bottom: 2px solid var(--bg-em-2);
padding: 0 16px;
}
.social-activity-filters .oo-ui-fieldsetLayout.oo-ui-labelElement > .oo-ui-fieldsetLayout-header {
padding: 0 16px;
}
.social-activity-filters .oo-ui-labelElement,
.social-activity-filters .oo-ui-fieldsetLayout + .social-activity-filters__fieldset.oo-ui-fieldsetLayout {
margin: 0;
}
.social-activity-filters .oo-ui-fieldLayout-body:hover {
background-color: var(--bg-blue-1);
}
.social-activity-filters .oo-ui-checkboxInputWidget {
margin: 8px 0 0 16px;
}
.social-activity-filters .oo-ui-checkboxInputWidget [type="checkbox"] + span {
color: var(--t-hot);
border-color: var(--t-grayout);
transition: background-color .2s, border-color .2s;
}
.social-activity-filters .oo-ui-fieldLayout.oo-ui-labelElement > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header {
display: block;
margin-left: -32px;
padding: 0;
}
.social-activity-filters .social-activity-filters__filter-label,
.social-activity-filters .social-activity-filters__filter-caption {
cursor: pointer;
}
.social-activity-filters .social-activity-filters__filter-label {
font-weight: normal;
padding: 4px 0 0 40px;
}
.social-activity-filters .social-activity-filters__filter-caption {
color: var(--t-soft-2);
padding: 0 10px 4px 40px;
opacity: .8;
transition: opacity .4s;
}
.social-activity-filters .oo-ui-fieldLayout-body:hover .social-activity-filters__filter-caption {
opacity: 1;
transition: opacity .2s;
}
.social-activity-filters fieldset.oo-ui-fieldsetLayout:nth-of-type(1) .oo-ui-layout:nth-of-type(3),
.social-activity-filters fieldset.oo-ui-fieldsetLayout:nth-of-type(2) .oo-ui-layout:nth-of-type(1),
.social-activity-filters .oo-ui-fieldsetLayout > .oo-ui-fieldsetLayout-header {
display: none;
}
/* SocialActivity - list */
section.social-activity-feed > h4 {
margin: 8px 0 -8px 12px;
}
section.social-activity-feed > ul {
margin: 0;
border-radius: 6px;
padding: 12px;
background-color: var(--em-2);
}
.social-activity-feed > ul > li {
padding-left: 8px;
cursor: default;
transition: background-color .3s;
}
.social-activity-feed > ul > li:hover {
background-color: var(--em-2);
transition: background-color .1s;
}
.social-activity-feed > ul > li[data-content-type="comment"] > .activity-icon,
.social-activity-feed > ul > li[data-content-type="comment-reply"] > .activity-icon {
color: var(--t-grey);
}
.social-activity-feed > ul > li[data-content-type="message"] > .activity-icon,
.social-activity-feed > ul > li[data-content-type="message-reply"] > .activity-icon {
color: var(--t-soft-2);
}
.social-activity-feed > ul > li > .activity-data {
color: var(--t-grey);
}
.social-activity-feed > ul > li > .activity-data > a[href^="/wiki/User:"] {
color: var(--t-cyan-1);
}
.social-activity-feed > ul > li > .activity-data > a[href^="/wiki/Special:Contributions/"]:first-child {
color: var(--t-red-1);
}
.social-activity-feed > ul > li > .activity-data > a[data-tracking="action-reply-parent__comment-reply"],
.social-activity-feed > ul > li > .activity-data > a[data-tracking="action-wall-message__message"],
.social-activity-feed > ul > li > .activity-data > a[data-tracking="action-reply-message-wall-parent__message-reply"],
.social-activity-feed > ul > li > .activity-data > em {
display: inline-block;
overflow: hidden;
padding: 0 1px;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: bottom;
}
.social-activity-feed > ul > li > .activity-data a[data-tracking="action-reply-parent__comment-reply"],
.social-activity-feed > ul > li > .activity-data > a[data-tracking="action-wall-message__message"],
.social-activity-feed > ul > li > .activity-data > a[data-tracking="action-reply-message-wall-parent__message-reply"] {
max-width: 120px;
font-style: italic;
font-family: helvetica,arial,sans-serif;
color: var(--t-soft-1);
}
.social-activity-feed > ul > li > .activity-data em {
max-width: 160px;
color: var(--t-silver);
}
.social-activity-feed > ul > li > .activity-data a[href*="Id="]:last-child {
color: var(--t-hot);
}
/*- - - - - - - - - - - - - - - Special:NewPages - - - - - - - - - - - - - - -*/
/* Special:NewPages & Special:Log */
.mw-special-Log .page-content > div > ul,
.mw-special-Newpages .page-content > div > ul {
margin: .4em 0;
list-style: none;
}
.mw-special-Log .page-content > div > ul > li,
.mw-special-Newpages .page-content > div > ul > li {
margin: 0;
padding: 4px 12px;
transition: background-color .2s;
}
.mw-special-Log .page-content > div > ul > li:hover,
.mw-special-Newpages .page-content > div > ul > li:hover {
background-color: var(--em-2);
transition: background-color .1s;
}
/* Special:NewPages */
.mw-special-Newpages #mw-content-text > ul > li.not-patrolled {
border: 2px solid var(--bg-blue-1);
background-color: var(--bg-blue-0);
margin: -2px 0;
}
.mw-special-Newpages #mw-content-text a.mw-newpages-pagename {
color: var(--t-grey);
}
.mw-special-Newpages #mw-content-text .mw-newpages-time {
color: var(--t-soft-2);
}
.mw-special-Newpages #mw-content-text .mw-newpages-time:after {
content: ",";
}
.mw-special-Newpages #mw-content-text a:hover,
.mw-special-Newpages #mw-content-text .mw-newpages-time:hover {
color: var(--t-hot);
text-decoration: none;
transition: color .3s, background-color .3s;
}
.mw-special-Newpages #mw-content-text .mw-newpages-time,
.mw-special-Newpages #mw-content-text .mw-newpages-length,
.mw-special-Newpages #mw-content-text .mw-tag-markers {
font-size: 90%;
}
.mw-newpages-history {
font-size: 0;
}
.mw-newpages-history > a {
border-radius: 4px;
padding: 0 5px;
font-size: 12px;
}
.mw-special-Newpages #mw-content-text .comment {
font-size: 90%;
white-space: nowrap;
max-width: calc(100% - .5em);
overflow: hidden;
display: inline-block;
text-overflow: ellipsis;
}
.mw-special-Newpages #mw-content-text .mw-redirect + span + span + a + span + .comment {
display: inline;
}
@media (max-width: 1023px) {
.mw-special-Newpages #mw-content-text > ul > li > a:nth-child(2) {
max-width: 26ch;
}
}
/* - - - - - - - - - - - - - - - Special:Upload - - - - - - - - - - - - - - - */
.page-Special_Upload fieldset > .tright {
margin-bottom: 0;
}
.page-Special_Upload table[id$="source"] p {
margin: 0;
}
.page-Special_Upload .thumbinner {
background-color: var(--bg-zero);
background-image: none;
border-radius: 6px;
border: 0;
padding: 5px;
}
.page-Special_Upload .thumbinner canvas {
margin: auto;
}
.page-Special_Upload .thumbinner canvas:hover {
background: transparent url(https://static.wikia.nocookie.net/kingdomthegame/images/b/b2/Checker_transp.png?format=original) repeat;
}
.page-Special_Upload .thumbcaption {
color: var(--t-soft-2);
}
.page-Special_Upload .thumbcaption .filename {
font-family: monospace;
}
.page-Special_Upload .thumbcaption .fileinfo {
font-size: 12px;
}
.page-Special_Upload .mw-upload-editlicenses {
float: right;
margin: -24px 0 0;
}
.page-Special_Upload table[id$="description"] {
border-spacing: 2px 4px;
}
.page-Special_Upload table[id$="description"] td.mw-input {
padding: 0;
font-size: 0;
}
.page-Special_Upload table[id$="description"] tr:has(.mw-editTools),
.page-Special_Upload table[id$="description"] tr:has(td#mw-license-preview:empty),
.page-Special_Upload table[id$="description"] tr:has(td#wpDestFile-warning:empty) {
display: none;
}
.page-Special_Upload table[id$="description"] textarea {
min-height: 20px;
height: 20px;
padding: 4px 8px;
line-height: 1.4em;
}
.page-Special_Upload input.mw-htmlform-submit,
.page-Special_Upload button[name="wpUploadIgnoreWarning"],
.page-Special_Upload button[name="wpCancelUpload"] {
border-radius: 4px;
padding: 0 .9em;
line-height: 2.2em;
}
/* Special:Upload - Upload warning */
.page-Special_Upload .mw-destfile-warning {
display: grid;
border: 2px solid var(--t-hot);
background-color: var(--bg-em-4);
color: var(--t-hot);
}
.page-Special_Upload .mw-destfile-warning figure.tright {
margin: -1em 0 0;
}
/*- - - - - - - - - - - - - - - Special:Community - - - - - - - - - - - - - - */
.page-Special_Community main.page__main {
padding: 0 0 24px;
}
.community-page-header {
background-color: var(--em-2);
}
.CommunityPageContainer {
padding: 0 36px;
}
.community-page-header {
left: 0;
width: 100%;
}
.community-page-header .community-page-header-welcome-message {
color: #d2cbb0;
}
.community-page-header .community-page-subheader-welcome-message {
color: var(--t-soft-2);
}
.mw-special-Community .page-header,
#content .community-page-cards-module,
#content .community-page-todo-list-module-header {
display: none;
}
.CommunityPageMainContent {
padding: 48px 18px 0 0;
}
.CommunityPageMainContent section.community-page-todo-list-module {
margin: 0;
}
.CommunityPageMainContent[class] .community-page-todo-list-module-header-wrapper {
border: 0;
float: right;
height: 0;
margin-top: -32px;
}
a.community-page-todo-list-module-edit {
margin: 20px 0 0;
}
.CommunityPageContainer .community-page-todo-list-module .community-page-todo-list-module-content {
padding: 0;
margin-top: 0;
}
.community-page-rail {
margin: 0;
padding: 48px 0 20px 18px;
min-width: unset;
background-color: unset;
height: max-content;
}
.community-page-rail > .community-page-module-box {
border-radius: 6px;
background-color: var(--bg-gray-0);
}
.community-page-rail > *,
.community-page-rail ul {
margin: auto;
}
.community-page-rail .community-page-module-section-title > mark {
color: var(--t-grey);
--wds-midlight-color: var(--em-4);
}
#openModalTopAdmins {
height: 18px;
}
.community-page-rail .community-page-subtle {
color: var(--t-soft-2);
}
.community-page-help-module .community-page-module-section-title svg {
fill: var(--t-grey);
}
.community-page-rail .wds-avatar > a:empty {
display: none;
}
/* Special:Community - MediaWiki:Community-to-do-list */
.page-MediaWiki_Community-to-do-list .mw-parser-output {
width: calc(100% - 318px);
}
/* - - - - - - - - - - - - - - - Special:Search - - - - - - - - - - - - - - - */
.unified-search__input__wrapper[class] {
background-color: unset;
}
.unified-search__input__wrapper[class] {
border: 0;
height: 34px;
}
.mw-search-createlink,
.unified-search .unified-search__input .wds-dropdown,
.unified-search .unified-search__result__link {
display: none;
}
/* Search - advanced form */
p.unified-search__advanced__link {
margin: 0;
border-radius: 4px;
padding: 0 12px;
line-height: 32px;
cursor: pointer;
transition: background-color .2s;
}
p.unified-search__advanced__link:hover {
background-color: var(--em-2);
}
p.unified-search__advanced__link > a {
color: var(--t-grey);
pointer-events: none;
}
.unified-search section.unified-search__advanced__box {
margin: 0;
overflow: hidden;
}
.unified-search section > .unified-search__advanced__box__inner {
display: revert;
}
.unified-search p.unified-search__advanced__label {
margin: 0;
padding: .8em .8em .4em;
}
.unified-search form section > div {
font-size: 0;
}
.unified-search form section > div > p,
.unified-search form section > div label {
font-size: 14px;
}
.unified-search form section p + div:hover ~ label {
background-color: var(--bg-blue-0);
}
.unified-search form section label {
margin: 0 14px 0 0;
padding-left: 14px;
line-height: 30px;
white-space: nowrap;
color: var(--t-soft-1);
cursor: pointer;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.unified-search form section div label {
width: 140px;
}
.unified-search[class] form section hr {
border-bottom-width: 2px;
}
.unified-search form section label:hover {
background-color: var(--em-2);
}
.unified-search form section label:focus-within {
color: var(--t-full);
}
.unified-search form section label > input[type="checkbox"] {
outline: 0;
width: 0;
}
.unified-search form section label > input[type="checkbox"] + div {
position: relative;
border-radius: 3px;
left: -4px;
width: 18px;
height: 18px;
vertical-align: sub;
background-color: var(--bg-full);
}
.unified-search form section label > input[type="checkbox"]:checked + div {
background-color: var(--t-hot);
}
.unified-search form section label > input[type="checkbox"] + div:before {
content: '';
display: table;
width: 18px;
height: 18px;
line-height: 18px;
font-size: 13px;
color: var(--bg-full);
}
.unified-search form section label > input[type="checkbox"]:checked + div:before {
content: '\2714 \FE0F';
content: '✔️';
}
.unified-search__advanced__checkbox input:checked~.unified-search__advanced__checkbox-wrap .wds-iconu:nth-child(2),
.unified-search form section label > div > svg[class][class][class][class] {
display: none;
}
/* Search - bottom */
.unified-search__layout {
grid-gap: 28px;
display: grid;
grid-template-areas: "left main main main main right";
grid-template-columns: repeat(6, 1fr);
}
/* Search - filters column */
.unified-search .unified-search__layout ul.unified-search__profiles {
position: sticky;
top: 58px;
margin: 0;
padding: 0;
background-color: var(--em-2);
}
ul.unified-search__profiles__profile__filters {
padding-right: 0;
list-style: none;
}
.unified-search .unified-search__layout ul.unified-search__profiles > li,
.unified-search .unified-search__layout ul.unified-search__profiles__profile__filters > li,
.unified-search .unified-search__layout ul.unified-search__profiles__profile__filters > li > span {
background-color: unset;
margin: 0;
padding: 0;
}
.unified-search .unified-search__layout ul.unified-search__profiles > li > div > a,
.unified-search .unified-search__layout ul.unified-search__profiles > li > span,
.unified-search .unified-search__layout ul.unified-search__profiles__profile__filters > li > a,
.unified-search .unified-search__layout ul.unified-search__profiles__profile__filters > li > span {
display: block;
margin: 0;
border-radius: 0;
padding: 9px 0 8px 10px;
color: var(--t-soft-2);
}
.unified-search .unified-search__layout ul.unified-search__profiles > li > div > a:hover,
.unified-search .unified-search__layout ul.unified-search__profiles__profile__filters > li > a:hover {
color: var(--t-grey);
background-color: var(--em-2);
}
.unified-search .unified-search__layout ul > li.unified-search__profiles__profile--selected > span,
.unified-search .unified-search__layout ul.unified-search__profiles__profile__filters > li > span {
color: var(--t-grey);
background-color: var(--bg-gray-1);
}
.unified-search .unified-search__layout__main + div {
display: none;
}
/* Search - results */
.unified-search .unified-search__results__count,
.unified-search .unified-search__results {
color: var(--t-grey);
}
.unified-search .unified-search__results__count {
padding: 0;
}
ul.unified-search__results > li {
margin: 1em 0 2em;
}
.unified-search .unified-search__results__count strong,
.unified-search .searchmatch {
color: var(--t-soft-1);
}
/* - - - - - - - - - - - - - - Special:CategoryTree - - - - - - - - - - - - - */
.CategoryTreeBullet,
.CategoryTreeEmptyBullet {
margin-right: 2px;
}
.CategoryTreeEmptyBullet {
color: var(--t-grayout);
}
.CategoryTreeChildren[class] {
margin-left: 18px;
}
.CategoryTreeToggle {
font-size: 12px;
color: var(--t-soft-2);
}
.CategoryTreeToggle:hover {
color: var(--t-hot);
}
.CategoryTreeLabelPage {
color: var(--t-soft-1);
}
.CategoryTreeLabel + span {
color: var(--t-soft-2);
}
/*- - - - - - - - - - - - - - - Special:ListFiles - - - - - - - - - - - - - - */
.page-Special_ListFiles .listfiles {
width: 100%;
}
.page-Special_ListFiles #mw-content-text .listfiles th {
color: var(--t-grey);
padding: 4px 12px;
}
.page-Special_ListFiles .listfiles th a {
color: var(--t-soft-1);
}
.page-Special_ListFiles .listfiles th a[title]:hover {
color: var(--t-hot);
}
.page-Special_ListFiles .listfiles .TablePager_sort a.mw-asclink:before {
content: "▼ ";
}
.page-Special_ListFiles .listfiles .TablePager_sort a.mw-desclink:before {
content: "▲ ";
}
.page-Special_ListFiles .listfiles .TablePager_sort a {
background: none;
}
.page-Special_ListFiles .listfiles tr:nth-child(even) {
background-color: var(--em-1);
}
.page-Special_ListFiles .listfiles td {
color: var(--txt);
}
.page-Special_ListFiles .listfiles th:nth-child(6),
.page-Special_ListFiles .listfiles td:nth-child(6) {
display: none;
}
.page-Special_ListFiles .listfiles .TablePager_col_img_name a:first-of-type:after {
content: "\A";
display: block;
}
.page-Special_ListFiles .listfiles .TablePager_col_img_name a:not(:first-of-type) {
color: var(--t-soft-1);
}
.page-Special_ListFiles .listfiles .TablePager_col_img_name a:not(:first-of-type):hover {
color: var(--t-hot);
}
.page-Special_ListFiles .listfiles .image img {
max-height: 60px;
height: auto;
width: auto;
}
/* - - - - - - - - - - - - - - Special:TagsReport - - - - - - - - - - - - - - */
.tags-report .tags-report__input {
border: 0;
}
.tags-report .tags-report__input .wds-dropdown {
border-width: 2px;
}
.tags-report .tags-report__input ul.wds-list {
margin: 0;
background-image: unset;
}
.tags-report .tags-report__input ul.wds-list:before {
content: none;
}
.tags-report .tags-report__input ul.wds-list li {
margin: 0;
}
.tags-report .tags-report__input ul.wds-list label {
display: block;
padding: 8px 12px;
cursor: pointer;
}
.tags-report .tags-report__input ul.wds-list label input {
margin: 0 3px 0 0;
vertical-align: bottom;
}
.tags-report .tags-report__input ul.wds-list label:hover {
background-color: var(--bg-blue-0);
}
.tags-report .tags-report__input .wds-button {
padding: 4px 16px;
min-height: 28px;
}
.tags-report > table > thead > tr {
background-color: var(--em-2);
}
.tags-report > table > tbody > tr:nth-child(odd) {
background-color: var(--em-1);
}
.tags-report > table > tbody > tr:nth-child(even) {
background-color: var(--em-2);
}
.tags-report > table td,
.tags-report > table th {
border: 0;
}
/*- - - - - - - - - - - - - - - Special:ListUsers - - - - - - - - - - - - - - */
.listusers-user-main-container {
padding-bottom: unset;
}
.listusers-user-groups-container[class] > div {
margin-bottom: 0;
padding: 12px 24px;
}
.list-users-groups-container {
margin: 8px 0 0;
}
.list-user-group[class] {
display: inline-block;
margin: 0 !important;
white-space: nowrap;
position: relative;
width: 196px;
height: 25px;
}
.list-user-group[class] label{
display: block;
max-width: 250px;
overflow: hidden;
text-overflow: ellipsis;
line-height: 1.8;
cursor: pointer;
}
.list-user-group label:hover {
background-color: var(--bg-em-4);
}
.list-user-group label small {
font-size: 0;
}
.list-user-group label small > strong {
font-size: 12px;
font-weight: normal;
color: var(--t-soft-2);
}
.list-user-group tr:nth-of-type(2) td:nth-of-type(3) label > span > small > strong,
.list-user-group tr:nth-of-type(4) td:nth-of-type(2) label > span > small > strong {
position: absolute;
right: 0;
}
.list-user-group label small > strong:before {
content: '(';
}
.list-user-group label small > strong:after {
content: ')';
}
.listusers-select-all-button,
.listusers-show-button {
background-color: var(--em-2) !important;
}
.listusers-select-all-button:hover,
.listusers-show-button:hover {
background-color: var(--em-4) !important;
}
.lisusers-result-table {
width: 100%;
}
.lisusers-result-table-header td,
.listusers-result-table-rows td,
#listusers-result-table-edits-row,
.listusers-results-table-edits {
width: unset;
}
.lisusers-result-table-header th.listusers-results-table-groups,
.listusers-result-table-rows td:nth-of-type(2) {
max-width: 400px;
}
.lisusers-result-table a + p {
display: contents;
}
.lisusers-result-table a + p:before {
display: inline;
content: '–';
}
/* ListUsers - unused groups */
.list-user-group:nth-of-type(2),
.list-user-group:nth-of-type(8),
.list-user-group:nth-of-type(9),
.list-user-group:nth-of-type(10),
.list-user-group:nth-of-type(11),
.list-user-group:nth-of-type(13),
.list-user-group:nth-of-type(16),
.list-user-group:nth-of-type(18),
.list-user-group:nth-of-type(19),
.list-user-group:nth-of-type(20),
.list-user-group:nth-of-type(21) {
display: none;
}
/*- - - - - - - - - - - - - - Special:Notifications - - - - - - - - - - - - - */
.reverb-notification-page-left {
border: var(--w-border);
}
.reverb-button-bar {
padding: 0;
}
.reverb-filter-row,
.reverb-npp-top,
.reverb-npnr-right {
border-bottom: var(--w-border);
}
.reverb-npp-bottom {
border-top: var(--w-border);
}
.reverb-button-bar,
div:last-child > .reverb-npnr-right {
border: 0;
}
.simple-pagination > ul > li {
margin: 0;
line-height: 28px;
}
.simple-pagination > ul > li + li {
margin-left: 12px;
}
.simple-pagination > ul > li.active {
cursor: default;
}
.reverb-npnr-header {
font-weight: normal;
}
.reverb-npn-row {
padding: 0;
}
.reverb-npnr-body,
.reverb-npnr-bottom {
margin-top: 0;
}
/* - - - - - - - - - - - - - - - Special (other) - - - - - - - - - - - - - - -*/
/* Special:Allpages */
/* Special:Allpages - Main - no redirects */
.page-Special_AllPages .allpagesredirect {
display: none;
}
/* Special:Allpages - Template - Docs */
.page-Special_AllPages a[href$="/doc"],
.page-Special_AllPages a[href$="_doc"] {
color: var(--t-grey);
font-style: italic;
opacity: .5;
}
/* Special:DoubleRedirects */
.page-Special_DoubleRedirects ol.special [href$="?action=edit"] {
color: var(--t-soft-2);
}
/* Special:Block */
.mw-special-Block .oo-ui-panelLayout-framed {
background-color: unset;
}
/* API help */
.client-js > body.mw-special-ApiHelp {
padding: 0 30px;
background-image: none;
background-color: var(--bg-zero);
}
.mw-special-ApiHelp h1,
.mw-special-ApiHelp h2 {
color: var(--t-soft-2);
}
.mw-special-ApiHelp span {
color: var(--t-soft-1);
}
.mw-special-ApiHelp a {
color: var(--t-hot);
}
.mw-special-ApiHelp * {
border-width: 2px;
border-color: var(--em-4);
}
/*- - - - - - - - - - - - - - - - CATEGORY PAGE - - - - - - - - - - - - - - - */
.category-gallery-item img {
padding: 0;
border: 5px solid var(--t-grey);
background-color: var(--bg-float);
box-shadow: 0 0 8px 0 #0006;
}
.CategoryTreeLabelPage:before {
content: "•";
color: var(--t-soft-2);
float: left;
margin-left: .5em;
}
#content .category-page__trending-pages,
#content .category-page__trending-pages-header {
display: none;
}
#mw-subcategories ul {
margin: .4em 0 .5em 0;
}
#mw-subcategories li {
margin-left: 17px;
width: auto;
}
#mw-subcategories li > .CategoryTreeSection {
margin-left: -18px;
}
.mw-parser-output div[data-category] {
border: 0;
height: .01px;
overflow: hidden;
}
/* Category page - classic & dynamic layout - subcategories */
.mw-category-group,
.category-page__members > div {
margin-bottom: 30px;
border-radius: 6px;
padding: 12px;
background-color: var(--em-2);
}
/* Category page - classic */
.mw-category {
margin-top: 30px;
}
.mw-category-group h3 {
margin: -26px 0 2px 0;
line-height: 1;
font-size: 1.5em;
color: var(--t-grey);
}
.mw-category-group[class] > ul {
margin: 0;
}
.mw-category-group > ul > li {
margin: 0 0 0 22px;
}
.mw-category-group > ul > li > a {
display: block;
margin-left: -22px;
padding-left: 22px;
line-height: 2;
}
.mw-category-group > ul > li > a:hover {
background-color: var(--em-4);
}
/* Category page - dynamic */
#content .category-page__members {
margin-top: 30px;
}
#content .category-page__members > div > .category-page__first-char {
margin: -26px 0 2px 0;
border: 0;
padding: 0;
line-height: 1;
font-size: 1.5em;
color: var(--t-grey);
font-family: rubik,arial,sans-serif;
}
#content .category-page__members > div > ul {
margin: 0;
}
#content .category-page__members > div > ul > li {
border-radius: 4px;
padding: 0;
transition: box-shadow .6s, background-color .6s;
}
#content .category-page__members > div > ul > li:hover {
box-shadow: 0 0 0 1px var(--bg-em-4);
background-color: var(--bg-em-4);
transition: box-shadow .3s, background-color .3s;
}
#content .category-page__members > div > ul > li > div > a {
display: block;
padding: 1px 0 1px 1px;
}
#content .category-page__members > div > ul > li > div > a > img {
border: 0;
background-color: var(--bg-blue-1);
}
#content .category-page__members > div > ul > li > a {
width: 100%;
line-height: 32px;
}
#content .category-page__members > div > ul > li a:hover {
background-color: unset;
}
#content .category-page__members > div > ul > li:has(a.mw-redirect) > div:before {
content: '';
width: 40px;
height: 32px;
background-image: url(/resources-ucp/mw139/resources/src/mediawiki.action/images/redirect-ltr.svg);
background-repeat: no-repeat;
background-position: 0 center;
}
.theme-fandomdesktop-dark #content .category-page__members > div > ul > li:has(a.mw-redirect) > div:before {
filter: invert(.8);
}
.theme-fandomdesktop-light #content .category-page__members > div > ul > li:has(a.mw-redirect) > div:before {
filter: invert(.4);
}
#content .category-page__members > div > ul > li > a.mw-redirect {
font-style: italic;
}
#content .category-page__members > div > ul > li:has(a.mw-redirect) > div,
#content .category-page__members > div > ul > li:has(a[title^="Category:"]) > div {
position: absolute;
pointer-events: none;
}
#content .category-page__members > div > ul > li:has(a.mw-redirect) > a,
#content .category-page__members > div > ul > li:has(a[title^="Category:"]) > a {
padding-left: 52px;
}
/* Category page - dynamic layout - 'All items' */
#content .category-page__total-number {
font-size: 1.5em;
margin: 1.5em 0 .4em 0;
color: var(--t-soft-1);
font-family: rubik,arial,sans-serif;
}
/* Category page - dynamic layout - alphabet list
- removed from small categories
- see big categories on Special:MostLinkedCategories */
#content div:not(:has(.category-page__pagination)) > .category-page__alphabet-shortcuts {
display: none;
}
#content .category-page__alphabet-shortcuts {
display: flex;
font-size: 0;
}
#content .category-page__alphabet-shortcuts > li {
display: contents;
text-transform: unset;
}
#content .category-page__alphabet-shortcuts > li:after {
content: none;
}
#content .category-page__alphabet-shortcuts > li > a {
flex-grow: 1;
margin: 0;
border: var(--w-border);
border-left-width: 1px;
border-right-width: 1px;
background-color: var(--em-1);
font-size: 14px;
color: var(--t-soft-1);
transition: .6s;
}
#content .category-page__alphabet-shortcuts > li > a:hover {
border-color: transparent;
background-color: var(--bg-gray-2);
color: var(--t-hot);
transition: .3s;
}
#content .category-page__alphabet-shortcuts > li:first-child > a {
border-left-width: 2px;
}
#content .category-page__alphabet-shortcuts > li:last-child > a {
border-right-width: 2px;
}
#content .category-page__alphabet-shortcuts > li.is-active > a {
pointer-events: none;
}
#content .category-page__pagination {
border-top-width: 2px;
}
/* Category page - layout selector */
.ns-14 .page-header__title {
padding-right: 90px;
}
#content ul.category-layout-selector {
position: absolute;
right: 155px;
top: 68px;
}
#content ul.category-layout-selector > li[class] {
font-size: 0;
color: var(--t-soft-2);
}
#content ul.category-layout-selector > li.category-layout-selector__information {
margin: 0 6px 0 0;
padding: 5px 0;
opacity: 0;
cursor: help;
transition: opacity .3s;
}
#content ul:hover > li.category-layout-selector__information {
opacity: 1;
}
#content ul:hover > li.category-layout-selector__information:after {
z-index: 9;
}
#content ul:hover > li.category-layout-selector__information .wds-dropdown__content {
padding: 12px 18px;
}
#content ul.category-layout-selector > li.category-layout-selector__item {
margin: 0 0 0 2px;
padding: 5px 12px;
height: 28px;
border-radius: 4px;
}
#content ul > li.category-layout-selector__item:last-child:before {
margin-left: -2px;
top: 6px;
width: 2px;
}
#content ul > li.category-layout-selector__item.is-active {
color: var(--em-4);
cursor: help;
}
#content ul > li.category-layout-selector__item:not(.is-active):hover {
background-color: var(--em-2);
color: var(--t-soft-1);
}
/* Category page - layout selector - removed */
.action-submit #content ul.category-layout-selector,
.page-Category_Kingdom_Wiki #content ul.category-layout-selector {
display: none;
}
/*- - - - - - - - - - - - - - - - - - FORUM - - - - - - - - - - - - - - - - - */
.forumlist {
width: 100%;
}
.forumlist td {
max-width: 0;
text-align: left;
}
.forumlist .forum_title,
.forumlist .forum_edited,
.forumlist .forum_editor {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.forumlist th.forum_edited {
padding-left: 7px;
}
.forumlist td.forum_edited {
width: 20%;
padding-left: 0;
font-size: 88%;
font-family: monospace;
}
.forumlist td.forum_edited:first-letter {
margin-left: -6ch;
}
.forumlist .forum_editor {
width: 20%;
}
.forumlist .forum_title a.forum_new:before {
content: '';
display: inline-block;
margin: 0 6px 2px 0;
border-radius: 3px;
width: 6px;
height: 6px;
background-color: var(--t-hot);
}
/* Forum - regular indentation */
.ns-110 dl {
margin-left: 1.8em;
}
.ns-110 dd:not(:has(dd)) {
margin: 0;
padding: .4em 1em .4em;
}
.ns-110 dd:not(:has(dd)):first-child {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
padding-top: 0.8em;
}
.ns-110 dd:not(:has(dd)):last-child {
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
padding-bottom: 1em;
}
.ns-110 div > dl > dd:not(:has(dd)),
.ns-110 div > dl > dd > dl > dd > dl > dd:not(:has(dd)),
.ns-110 div > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd:not(:has(dd)) {
background-color: var(--bg-wine-0);
}
.ns-110 div > dl > dd > dl > dd:not(:has(dd)),
.ns-110 div > dl > dd > dl > dd > dl > dd > dl > dd:not(:has(dd)),
.ns-110 div > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd > dl > dd:not(:has(dd)) {
background-color: var(--bg-blue-0);
}
.ns-110 .mw-parser-output > hr {
margin: 1.5em 0;
}
/* - - - - - - - - - - - - - - - ARCHIVED FORUM - - - - - - - - - - - - - - - */
.thread .message {
border-radius: 8px;
margin: 8px 0 8px 2em;
padding: 12px 12px 9px;
background-color: var(--bg-blue-0);
}
.thread h2 + .message {
margin-left: 0;
}
.entity-content .thread .message {
background-color: var(--em-2);
}
.thread > .mw-collapsible {
background-color: var(--em-2) !important;
}
.thread .mw-collapsible .message:nth-child(odd) {
background-color: var(--bg-wine-0);
}
.thread .message .quote {
background-color: var(--em-01);
font-style: italic;
margin: 8px 0;
padding: 2px 10px;
}
.thread .message .quote p {
margin-bottom: 7px;
}
.thread .message > .signature {
clear: both;
color: var(--t-soft-2);
font-size: 11px;
}
.thread .message > .signature > .author > a {
font-size: 12px;
font-weight: bold;
color: var(--t-soft-2);
}
.thread .message > .signature > .author > a:hover {
color: var(--t-soft-1);
}
/* - - - - - - - - - - - - - - - TEMPLATE PAGES - - - - - - - - - - - - - - - */
.template-classification-entry-point__toggle svg {
display: none;
}
/*- - - - - - - - - - - - - - - - - FILE PAGE - - - - - - - - - - - - - - - - */
/* File page - image */
#filetoc {
border: 0;
padding: 0;
font-size: 0;
background-color: var(--bg-em-2);
}
#filetoc li {
margin: 0;
padding: 0;
}
#filetoc li:before {
content: none;
}
#filetoc li a {
display: block;
padding: 0 16px;
line-height: 2;
font-size: 16px;
}
/* FandomDesktop issue
- community.fandom.com/f/p/4400000000003168949/r/4400000000010603663 */
.ns-6 .fullImageLink > a > img {
max-width: 100%;
height: auto;
}
.ns-6 .filehistory a img {
margin: -2px -6px;
background: none;
width: auto;
height: auto;
}
.ns-6 #file a:hover,
.ns-6 .tabBody .filehistory a[href^="https://vignette."]:hover {
background: none;
}
#file img:hover,
.ns-6 .filehistory a img:hover {
background: transparent url(https://static.wikia.nocookie.net/kingdomthegame/images/b/b2/Checker_transp.png?format=original) repeat;
}
.ns-6 .filehistory {
color: var(--txt);
max-width: 100%;
width: 100%;
margin: 1em 0;
text-align: center;
}
.ns-6 .filehistory tr:nth-of-type(2) td:nth-of-type(1) a {
display: none;
}
.ns-6 .filehistory td:nth-of-type(1),
.ns-6 .filehistory td:nth-of-type(2) {
width: 1px;
}
.ns-6 .filehistory td:nth-of-type(3) {
white-space: unset !important;
}
.ns-6 .filehistory td.filehistory-selected {
font-weight: unset;
}
.ns-6 .filehistory td > span {
display: block;
font-size: 12px;
color: var(--t-soft-2);
}
.ns-6 .filehistory .mw-usertoollinks {
color: var(--txt);
}
.ns-6 .filehistory td:last-of-type {
word-break: break-all;
font-size: 12px;
text-align: left;
}
.ns-6 .mw-imagepage-section-metadata > p {
display: none;
}
.ns-6 .mw_metadata {
margin: 0;
width: unset;
font-size: 13px;
line-height: 24px;
background-color: var(--em-2);
}
.ns-6 .mw_metadata th,
.ns-6 .mw_metadata td {
border: 0;
border-bottom: 1px solid var(--em-4);
padding: 2px 8px;
text-align: left;
}
.ns-6 .mw_metadata th {
color: var(--t-soft-2);
background-color: var(--em-2);
}
.ns-6 .mw_metadata td {
background-color: transparent;
}
/* File page - video */
.page-content .video-page-caption {
display: none;
}
/* - - - - - - - - - - - - - - - - USER - pages - - - - - - - - - - - - - - - */
/* User - header */
.mediawiki main.page__main > #userProfileApp {
margin: -24px -36px 0;
padding: 24px 0 0;
min-height: 218px;
background-color: var(--bg-gray-0);
}
.is-edit > #userProfileApp {
display: none;
}
.mediawiki #userProfileApp > div {
min-height: 160px;
}
.mediawiki #userProfileApp .user-identity-box {
margin-bottom: 10px;
padding: 0 36px;
}
.mediawiki #userProfileApp .user-identity-stats {
margin: .7em 0;
}
.mediawiki #userProfileApp .user-identity-stats > li:nth-child(2) {
display: none;
}
.mediawiki #userProfileApp .user-identity-stats a {
color: var(--t-grey);
}
.mediawiki #userProfileApp .user-identity-stats a:hover {
color: var(--t-soft-1);
}
.mediawiki #userProfileApp .user-identity-avatar {
width: 136px;
height: 136px;
}
.mediawiki #userProfileApp .user-identity-avatar:has(.user-identity-avatar__image[src^="https://static.wikia.nocookie.net/663e53f7-1e79-4906-95a7-2c1df4ebbada/"]):before {
content: '';
position: absolute;
width: 136px;
height: 136px;
opacity: .3;
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/a/a2/A_Fandom_user.svg?format=original);
background-repeat: no-repeat;
}
.theme-fandomdesktop-dark #userProfileApp .user-identity-avatar:before {
filter: invert(.7) sepia(1);
}
.mediawiki #userProfileApp .user-identity-avatar__image[class] {
position: relative;
border-radius: 14px;
border-color: var(--t-grayout);
width: 136px;
height: 136px;
}
.mediawiki #userProfileApp .user-identity-avatar__image[src^="https://static.wikia.nocookie.net/663e53f7-1e79-4906-95a7-2c1df4ebbada/"] {
display: none;
}
#userProfileApp .user-identity-header {
margin-bottom: .7em;
}
#userProfileApp .user-identity-header__attributes {
word-break: unset;
color: var(--t-soft-2);
}
#userProfileApp .user-identity-header__attributes > h1 {
margin: 0 12px 0 0;
}
#userProfileApp .user-identity-header__attributes > h2 span {
vertical-align: unset;
}
#userProfileApp .user-identity-header__tag {
background-color: var(--em-2);
color: var(--t-grey);
}
#userProfileApp .user-identity-social__icon {
color: var(--t-grey);
}
#userProfileApp .user-identity-social__icon:hover svg {
opacity: 1;
color: var(--t-soft-1);
}
#userProfileApp .user-identity-social__icon svg + [class] {
border: 0;
background-color: var(--bg-float);
color: var(--txt);
box-shadow: 0 2px 5px #0008;
}
#userProfileApp .user-identity-header__button {
display: none;
}
#userProfileApp .user-identity-bio {
margin-bottom: 6px;
max-height: 46px;
}
#userProfileApp .user-identity-bio.overflow:before {
background: linear-gradient(transparent 0,var(--bg-gray-0));
pointer-events: none;
}
#userProfileApp .user-bio-open-modal-button {
color: var(--t-hot);
margin-bottom: 8px;
float: right;
}
#userProfileApp .user-bio-modal-overlay {
background-color: var(--sh-c);
}
#userProfileApp .user-bio-modal {
width: unset;
}
#userProfileApp .user-bio-modal-header {
margin: 16px 20px 12px 24px;
color: var(--t-soft-2);
}
#userProfileApp .user-bio-modal-content {
margin: 0 20px 22px 24px;
}
#userProfileApp .user-bio-modal-footer {
display: contents;
}
#userProfileApp .user-bio-modal__close-button {
box-shadow: none;
background-color: var(--em-4);
top: 18px;
right: 22px;
bottom: unset;
padding: 7px;
font-size: 0;
}
#userProfileApp .user-bio-modal__close-button:hover {
background-color: var(--bg-red-0);
}
#userProfileApp .user-bio-modal__close-button:before {
content: "\2716";
font-size: 20px;
}
/* User - navigation */
.mediawiki #userProfileApp .user-profile-navigation {
border: 0;
border-bottom: 2px solid var(--bg-gray-1);
}
.mediawiki #userProfileApp .user-profile-navigation li {
margin: 0 0 0 6px;
padding: 0;
opacity: 1;
}
.mediawiki #userProfileApp .user-profile-navigation li:first-child {
margin: 0 0 0 36px;
}
.mediawiki #userProfileApp .user-profile-navigation li a {
display: block;
border-radius: 8px 8px 0 0;
height: unset;
padding: 4px 12px 0;
line-height: 28px;
font-size: 16px;
color: var(--t-grayout);
}
.mediawiki #userProfileApp .user-profile-navigation li a:hover {
background-color: var(--bg-gray-1);
color: var(--t-grey);
}
.mediawiki #userProfileApp .user-profile-navigation .is-active {
border: 0;
}
.mediawiki #userProfileApp .user-profile-navigation .is-active a {
margin: 0 0 -2px;
border: 2px solid var(--bg-gray-1);
border-bottom-color: transparent;
padding: 2px 12px 0;
background-color: var(--bg-zero);
color: var(--t-soft-2);
pointer-events: none;
}
/* User - content section */
/* while user header is loading */
.ns-2 main:not(:has(.subpages)) > .page-content:nth-of-type(3),
.ns-1200 main > .page-content:nth-of-type(3) {
margin-top: 173px;
}
.ns-500:not(.is-blog-post) main > .page-content:nth-of-type(3),
.mw-special-UserProfileActivity main > .page-content:nth-of-type(3) {
margin-top: 218px;
}
.mw-special-Contributions main > .page-header:nth-of-type(2) {
margin-top: 194px;
}
#userProfileApp ~ .page-content {
margin-top: 24px;
}
/* User - profile page */
.ns-2 main.page__main > #userProfileApp ~ .page-header {
height: 0;
}
.ns-2 main.page__main > #userProfileApp ~ .page-header .page-header__actions {
position: relative;
top: -48px;
}
.ns-2 main.page__main > #userProfileApp ~ .page-header a#ca-edit:after {
content: ' PAGE';
white-space: break-spaces;
}
/* User - achievements */
.AchievementsModule {
border-bottom-width: 2px;
padding-bottom: 12px;
margin-bottom: 1.5em;
}
.AchievementsModule .badges-profile-title {
display: block;
border-bottom: var(--w-border);
background-image: none;
padding-bottom: 4px;
color: var(--t-soft-1);
}
.AchievementsModule .data .data-details a,
.AchievementsModule .data .data-details > p a {
color: var(--t-cyan-1);
}
.AchievementsModule ul.badges-icons[class] {
margin-top: 4px;
max-height: 145px;
}
.AchievementsModule .badges .badge-icon {
width: 56px;
height: auto;
filter: saturate(.5) sepia(.5);
transition: filter .6s;
animation: fadein 2s;
}
.AchievementsModule .badges .badge-icon:hover {
filter: saturate(1) sepia(0);
transition: filter .3s;
}
@keyframes fadein {
from { opacity: 0; }
to { opacity: 1; }
}
.AchievementsModule .profile-hover {
box-shadow: 0 2px 6px 0 var(--sh-4);
border-radius: 6px;
border-color: var(--sh-2);
background-color: var(--bg-float);
pointer-events: none;
}
.AchievementsModule .profile-hover > .profile-hover-text > h3.badge-name {
margin: 0;
line-height: 1.4;
}
.AchievementsModule .profile-hover > .profile-hover-text > p {
line-height: 1.3;
}
.AchievementsModule .profile-hover > .profile-hover-text > p:not([class]) > br {
display: none;
}
.AchievementsModule .profile-hover > .profile-hover-text > p.earned {
color: var(--t-soft-2);
}
/* User - achievements - fix bug of badge popup not appearing */
.AchievementsModule {
overflow: visible;
}
.AchievementsModule li:hover .profile-hover {
display: block;
right: 100%;
top: 50%;
transform: translateY(-50%);
}
/* User - achievements - fix bug on prev/next links */
.AchievementsModule a.badges-prev[class] {
display: unset;
}
.AchievementsModule ul:has(li.badge-8) ~ a.badges-next[class] {
display: unset !important;
}
/* User - message wall */
.ns-1200 #userProfileApp + main.page__main #content {
padding-top: 20px;
}
/* User - blog list */
.ns-500:not(.is-blog-post) #content {
padding-top: 8px;
}
.ns-500 .mw-parser-output {
overflow: visible;
}
.ns-500 .blog-listing__create-post {
height: 0;
margin: 0;
}
.ns-500 .blog-listing__create-post > span {
position: relative;
top: -68px;
}
.blog-listing__post {
border-radius: 6px;
border: 0;
margin-bottom: 12px;
padding: 22px 18px 12px;
background-color: var(--em-2);
}
.page-content .blog-listing__title {
margin: 0 0 6px !important;
display: inline-block;
cursor: text;
}
.page-content .blog-listing__title > a {
pointer-events: none;
color: var(--t-soft-1);
}
.blog-listing__post-details {
float: right;
}
.blog-listing__post-details > div {
margin-left: 16px;
}
.blog-listing__user-avatar__image {
border-radius: 50%;
}
.blog-listing__comment-count svg {
fill: var(--t-cyan-1);
}
.blog-listing__timestamp,
.blog-listing__comment-count span {
color: var(--t-cyan-1);
}
.blog-listing__summary {
line-height: 0;
font-size: 0;
max-height: 200px;
overflow: hidden;
}
.blog-listing__summary p,
.blog-listing__summary li {
margin: 0;
line-height: 22px;
font-size: 14px;
}
.blog-listing__summary big {
font-size: 14px;
}
.ns-500 .blog-listing__user-avatar,
.ns-500 .blog-listing__user-name,
.ns-500 .blog-listing__bullet,
.blog-listing__summary p:not(:nth-of-type(1)),
.blog-listing__summary br {
display: none;
}
.blog-listing__read-post {
margin-top: 0;
float: right;
}
.blog-listing__read-more-button .oo-ui-buttonElement-button {
color: var(--t-soft-1) !important;
}
.blog-listing__read-more-button .oo-ui-buttonElement-button:hover {
color: var(--t-hot) !important;
}
.blog-listing__post:after {
content: '';
display: block;
clear: both;
}
/* User - blog feed imported to other pages (eg.: Special:Community) */
body:not(.ns-500) .blog-listing__post {
border-radius: 0;
border-bottom: 2px var(--bg-em-4) solid;
margin-bottom: 0;
padding: 6px 12px 0px;
background-color: var(--em-2);
}
body:not(.ns-500) .blog-listing__title {
margin: 0 !important;
border: 0;
padding: 0;
font-size: unset;
}
body:not(.ns-500) .blog-listing__title a {
line-height: 1.5;
pointer-events: unset;
font-family: 'Open Sans',helvetica,arial,sans-serif;
color: var(--theme-link-color);
}
body:not(.ns-500) .blog-listing__post-details {
display: flex;
justify-content: space-between;
}
body:not(.ns-500) a.blog-listing__user-name {
font-size: 88%;
color: var(--txt);
}
body:not(.ns-500) .blog-listing__timestamp {
margin-left: 12px;
font-size: 88%;
color: var(--txt);
}
body:not(.ns-500) .blog-listing__summary {
width: calc(100% - 170px);
}
body:not(.ns-500) .blog-listing__bullet,
body:not(.ns-500) .blog-listing__read-post,
body:not(.ns-500) .blog-listing__summary {
display: none;
}
body:not(.ns-500) .blog-listing__post:after {
content: none;
}
/* User - blog post */
.page-header__blog-post-details > span ~ * {
display: none;
}
/* User - contributions */
.mw-special-Contributions .page-header__title,
.mw-special-Contributions .page-header__page-subtitle {
display: none;
}
.mw-special-Contributions .mw-contributions-user-tools {
margin-top: 14px;
font-size: 0;
}
.UserProfileActivityNavigation__button[href$="tab=posts"],
.mw-special-UserProfileActivity .UserProfileActivityModeration,
.mw-special-Contributions .page-header .mw-contributions-user-tools > a,
.mw-special-Contributions .page-header .mw-changeslist-links:before,
.mw-special-Contributions .page-header .mw-changeslist-links > span:before,
.mw-special-Contributions .page-header .mw-changeslist-links > span > a[href^="/wiki/Message_Wall:"] {
display: none;
}
.mw-special-Contributions .page-header .mw-changeslist-links {
border-radius: 12px;
padding: 0 10px;
background-color: var(--em-2);
}
.mw-special-Contributions .page-header .mw-changeslist-links > span > a {
padding: 8px 14px;
display: inline-block;
background-color: transparent;
font-size: 14px;
transition: .6s;
}
.mw-special-Contributions .page-header .mw-changeslist-links > span > a:hover {
background-color: var(--em-4);
transition: .3s;
}
.mw-special-Contributions #userProfileApp ~ .page-content {
margin-top: 1em;
}
/* User - contributions - global block message */
.mw-special-Contributions .page-content > div > .mw-warning-with-logexcerpt {
color: var(--t-red-1);
}
/* User - contributions (search options) */
.mw-special-Contributions .mw-contributions-form {
padding: 0;
}
.mw-special-Contributions #content fieldset {
border: 0;
border-radius: 8px;
padding: 0;
}
.mw-special-Contributions #content fieldset legend {
margin: 0;
padding: 0 0 2px 30px;
min-height: unset;
}
.mw-special-Contributions #content fieldset legend[aria-expanded="true"] {
padding: 0 0 12px 30px;
}
.mw-special-Contributions #content fieldset legend > span {
line-height: 1;
font-size: 18px;
}
.mw-special-Contributions .mw-contributions-table > div {
margin-bottom: 0;
padding: 6px 1em;
transition: background .6s;
}
.mw-contributions-table > div:not(:last-child):hover {
background: var(--em-2);
transition: background .2s;
}
.mw-contributions-table > :nth-child(3) select {
margin-bottom: 4px;
}
.mw-contributions-table input[type="submit"] {
width: 100%;
}
/* User - contributions (list) */
.mw-special-Contributions section.mw-pager-body {
margin: .4em 0 .5em 0;
}
.mw-special-Contributions section.mw-pager-body > h4 {
display: none;
}
.ns--1 .mw-contributions-list {
margin: 0;
padding: 0;
}
.ns--1 .mw-contributions-list li {
display: block;
margin: 0;
padding: 3px 1em;
cursor: default;
}
.ns--1 .mw-contributions-list li:hover {
background-color: var(--em-2);
}
.ns--1 .mw-contributions-list a.mw-changeslist-date {
color: var(--t-grey);
font-size: 13px;
}
.ns--1 .mw-contributions-list .comment {
font-size: 13px;
color: var(--t-grey);
}
.ns--1 .mw-contributions-list .mw-uctop {
display: inline-block;
border-radius: 6px;
padding: 0 4px;
background-color: var(--em-2);
line-height: 20px;
font-size: 11px;
text-transform: uppercase;
font-weight: normal;
color: var(--t-grey);
}
.ns--1 .mw-contributions-list .mw-uctop:before,
.ns--1 .mw-contributions-list .mw-uctop:after {
content: none;
}
/* disabled on Nov-2023
.ns--1 .mw-contributions-list .mw-rollback-link a {
display: inline-block;
border-radius: 6px;
padding: 0 4px;
background-color: var(--bg-light);
line-height: 20px;
font-size: 15px;
color: var(--t-soft-2);
}
/* User - activity */
.UserProfileActivity .UserProfileActivityNavigation {
margin: -33px 0 20px 340px;
}
.UserProfileActivity .UserProfileActivityNavigation__tabs {
font-size: 0;
}
.UserProfileActivity a.UserProfileActivityNavigation__button[href$="tab=messages"],
.UserProfileActivity a.UserProfileActivityNavigation__button[href$="tab=comments"] {
display: inline-block;
margin-top: -2px;
border: 2px solid var(--bg-gray-1);
border-top-width: 0;
padding: 14px 12px 8px;
color: var(--t-soft-2);
transition: .6s;
}
.UserProfileActivity a.UserProfileActivityNavigation__button[href$="tab=messages"] {
border-radius: 0 0 0 12px;
border-right-width: 0;
}
.UserProfileActivity a.UserProfileActivityNavigation__button[href$="tab=comments"] {
border-radius: 0 0 12px 0;
border-left-width: 0;
}
.UserProfileActivity a.UserProfileActivityNavigation__button[class]:hover {
border-color: var(--bg-gray-1);
background-color: var(--bg-gray-1);
color: var(--t-hot);
}
.UserProfileActivity a.UserProfileActivityNavigation__button[class].is-current {
border-color: var(--bg-gray-1);
background-color: unset;
font-weight: normal;
}
.UserProfileActivity a:nth-child(1):not(.is-current) ~ a.UserProfileActivityNavigation__button:not(.is-current):not(:hover) {
color: var(--t-grayout);
}
.UserProfileActivity a.UserProfileActivityNavigation__button[href$="tab=posts"],
.UserProfileActivity[data-type="posts"] .UserProfileActivityZeroState__header,
.UserProfileActivity[data-type="posts"] .UserProfileActivityZeroState__description {
display: none;
}
.UserProfileActivity[data-type="posts"] .UserProfileActivityZeroState {
margin: 6px 0 0 356px;
}
.UserProfileActivity[data-type="posts"] .UserProfileActivityZeroState:before {
display: block;
content: 'Chose one of the sub-tabs';
font-size: 16px;
color: var(--t-grey);
}
/*- - - - - - - - - - - - - - - - - HOME PAGE - - - - - - - - - - - - - - - - */
.mainpage .page-header h1 {
display: none;
}
.mainpage .welcome {
margin-top: -50px;
max-width: calc(100% - 12em);
}
.mainpage .page-content:after {
content: ' ';
display: block;
clear: both;
}
#games {
display: flex;
margin: 1em auto 2em;
width: 96%;
justify-content: space-between;
}
#games > div {
position: relative;
}
#games > div > .floatnone {
position: absolute;
}
#games > div > .thumb {
width: 300px !important;
position: relative;
margin: 0;
}
#games > div > .thumb > a {
display: block;
background-color: transparent;
}
#games > div > .thumb > .thumbcaption {
position: relative;
margin-top: -164px;
padding: 22px 0;
min-height: 164px;
pointer-events: none;
background-color: #0006;
}
#games > div > .thumb > .thumbcaption > a {
display: none;
}
#games > div > .thumb > .thumbcaption > .caption {
margin: 0;
padding: 0 30px 0;
color: #f2edd9;
line-height: 1.3;
font-size: 16px;
font-weight: bold;
}
@media (hover: hover) and (pointer: fine) {
#games {
overflow: hidden;
height: 120px;
opacity: .8;
transition: opacity 1.2s, height 1.2s;
}
#games:hover {
height: 450px;
opacity: 1;
transition: opacity .8s, height .8s .6s;
}
#games > div {
filter: grayscale(.5);
transition: filter 1s;
}
#games > div:hover {
filter: grayscale(0);
transition: filter .3s;
}
#games > div > .floatnone {
margin-top: -30px;
opacity: .001;
transition: opacity 1s .6s, margin-top 1.2s;
}
#games:hover > div > .floatnone {
margin-top: 0;
opacity: 1;
transition: opacity .3s, margin-top .8s .6s;
}
#games > div > .thumb {
margin: -30px 0 0 0;
transition: margin-top 1.2s;
}
#games:hover > div > .thumb {
margin-top: 0;
transition: margin-top .8s .6s;
}
#games > div > .thumb > .thumbcaption {
opacity: 0;
transition: opacity 1s;
}
#games > div:hover > .thumb > a ~ .thumbcaption {
opacity: 1;
transition: opacity .3s;
}
}
@media (max-width: 1083px) {
#games {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
}
.home-box-wrap {
display: flex;
flex-flow: wrap;
margin-bottom: 18px;
background-color: var(--bg-em-2);
}
.home-box {
width: 100%;
border: 0;
}
.home-box.half {
width: 50%;
}
div.home-box h2 {
display: block;
margin: 0;
border: 0;
padding: 12px 0 8px;
text-align: center;
background-color: var(--bg-gray-1);
}
.home-box h2 a {
background-color: transparent;
color: var(--t-soft-1);
}
.home-box #Characters a:hover,
.home-box #Subjects a:hover,
.home-box #Kingdom_structures a:hover,
.home-box #Currencies a:hover {
color: var(--t-kingdom);
}
.home-box #Geography a:hover,
.home-box #Natural_structures a:hover {
color: var(--t-nature);
}
.home-box #Greed a:hover {
color: var(--t-greed);
}
.home-box .mw-collapsible td img {
padding: 6px;
margin: 0 -6px;
filter: grayscale(60%);
transition: opacity 2s, filter .8s;
}
.home-box .mw-collapsible td a:hover img {
filter: grayscale(0%);
transition: filter .3s;
}
.home-box .blocks-list {
display: grid;
grid-template-columns: repeat(7, 80px);
margin: 0;
padding: 12px 16px;
gap: 1em 0;
justify-content: space-evenly;
list-style: none;
}
.half .blocks-list {
grid-template-columns: repeat(3, 80px);
justify-content: space-around;
}
.blocks-list > li {
width: 80px;
height: 80px;
margin: 0;
border-radius: 8px;
overflow: hidden;
background-color: var(--bg-em-2);
transition: .8s;
}
.blocks-list > li:hover {
background-color: var(--bg-em-4);
transition: .3s;
}
.blocks-list > li.hover-ani:hover > .floatnone:first-of-type {
opacity: 0;
}
.blocks-list > li.hover-ani > .floatnone:last-of-type {
margin-top: -60px;
opacity: 0;
}
.blocks-list > li.hover-ani:hover > .floatnone:last-of-type {
opacity: 1;
}
.bounce:hover > div {
animation: Bounce 1s ease-in-out infinite;
}
@keyframes Bounce {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(-5px);
}
100% {
transform: translateY(0px);
}
}
.blocks-list > li > .floatnone > img {
display: block;
margin-left: 50%;
transform: translateX(-50%);
}
.blocks-list > li > p {
position: relative;
font-size: 13px;
text-align: center;
margin: -60px 0 0 0;
transition: .8s;
}
.blocks-list > li > p > a {
display: block;
padding: 60px 0 0;
color: var(--t-soft-1);
transition: .8s;
}
.blocks-list > li > p:hover > a {
color: var(--t-hot);
background-color: transparent;
transition: .3s;
}
@media (min-width: 768px) and (max-width: 1023px) {
.main-page-tag-rcs {
display: block;
padding: 1em 0;
column-count: 2;
}
.rcs-container > p.home-right-column-subhead:first-child {
margin-top: 0;
}
}
.mediawiki p.home-right-column-subhead {
font-size: 20px;
margin: 10px 0;
}
.mediawiki p + p.home-right-column-subhead {
margin: 32px 0 12px;
}
/* - - - - - - - - - - - - - - - REDIRECT pages - - - - - - - - - - - - - - - */
.mediawiki .mw-content-ltr .redirectText > li {
background: unset;
padding: 0;
}
.mediawiki .mw-content-ltr .redirectText > li:before {
background-color: var(--t-soft-1);
}
.theme-fandomdesktop-light .mw-content-ltr .redirectText > li:before {
content: "";
display: inline-block;
-webkit-mask: url(/resources-ucp/mw139/resources/src/mediawiki.action/images/redirect-ltr.svg) no-repeat 0 7px;
mask: url(/resources-ucp/mw139/resources/src/mediawiki.action/images/redirect-ltr.svg) no-repeat 0 7px;
min-height: 23px;
min-width: 47px;
}
.redirectText > li > a {
font-size: 1.5em;
}
/*- - - - - - - - - - - - - - Soundtrack (OST) page - - - - - - - - - - - - - */
.page-OST h2 + div > .mw-collapsible:not(.mw-collapsed),
.page-OST h3 + div > .mw-collapsible:not(.mw-collapsed) {
top: 46px;
position: sticky;
}
.page-OST .thumb ~ * {
max-width: calc(100% - 370px);
}
.page-OST .thumb ~ ol {
max-width: calc(100% - 370px - 1.8em);
}
/* - - - - - - - - - - - - - - TABBER (extension) - - - - - - - - - - - - - - */
.page .wds-tabber {
overflow: unset;
}
.mw-parser-output > .wds-tabber {
margin: 1em 0;
}
.page .tabber > .with-bottom-border {
border-bottom: 2px var(--em-4) solid;
border: 0;
}
.page .tabber .wds-tabs__arrow-left,
.page .tabber .wds-tabs__arrow-right {
display: none;
}
.page .tabber > .with-bottom-border > ul.wds-tabs:after {
content: '';
display: block;
position: absolute;
bottom: 0px;
width: 100%;
height: 2px;
background-color: var(--em-4);
}
.page .tabber ul.wds-tabs > li {
display: inline-block;
box-shadow: none;
margin: 0;
z-index: 2;
}
.page .tabber ul.wds-tabs > li > div {
margin: 0;
height: unset;
}
.page .tabber li > div > a {
margin: 0 0 0 4px;
border: 2px transparent solid;
border-radius: 6px 6px 0 0;
padding: 0 0.8em;
line-height: 24px;
background-color: transparent;
color: var(--t-grey);
transition: border-color .6s, background-color .6s, color .6s;
}
.page .tabber li > div > a:hover {
background-color: var(--em-2);
color: var(--t-hot);
}
.page .tabber li > div > a:active {
border-color: var(--em-4);
border-bottom-color: transparent;
}
.page .tabber li.wds-is-current > div > a {
border-color: var(--em-4);
border-bottom-color: var(--bg-em-2);
background-color: var(--bg-em-2);
pointer-events: none;
color: var(--t-soft-1);
}
.page .tabber > .wds-tab__content {
border: 0;
border-bottom: 2px var(--em-4) solid;
background-color: var(--em-2);
}
.page .tabber > .wds-tab__content > p.mw-empty-elt {
display: none;
}
/* Tabber - custom classes */
.one-tab ul.wds-tabs {
height: 0;
}
.reverse ul.wds-tabs {
flex-direction: row-reverse;
}
.one-tab ul.wds-tabs > li {
display: none;
}
.page .zero-pad .tabber > .wds-tab__content {
border: 0;
padding: 0;
}
/*- - - - - - - - - - - - - - - - - INFOBOXES - - - - - - - - - - - - - - - - */
.portable-infobox[class] {
border: 0;
width: 300px;
background-color: transparent;
color: var(--t-grey);
}
.portable-infobox .pi-title {
border-radius: 10px 10px 0 0;
padding: .3em .6em;
font-size: 1.4em;
background-color: var(--bg-gray-0);
color: var(--t-soft-1);
}
.portable-infobox.type-kingdom .pi-title {
color: var(--t-kingdom);
}
.portable-infobox.type-nature .pi-title {
color: var(--t-nature);
}
.portable-infobox.type-greed .pi-title {
color: var(--t-greed);
}
.portable-infobox.type-hybrid .pi-title {
color: var(--t-soft-1);
animation: Hybrid 16s infinite;
}
.portable-infobox.type-hybrid:hover .pi-title {
animation-play-state: paused;
}
@keyframes Hybrid {
00% {color: var(--t-greed);}
50% {color: var(--t-kingdom);}
100% {color: var(--t-greed);}
}
.portable-infobox > .pi-image {
overflow: hidden;
}
.portable-infobox > .pi-image:first-child {
border-radius: 10px 10px 0 0;
}
/* infoboxes - prevents Fandom script from reducing 300px wide img to 270px */
.portable-infobox > .pi-image img[width="270"],
.portable-infobox > .wds-tabber img[width="270"] {
width: 100%;
}
/* infoboxes - neutralizes Fandom script for anons - details at community.fandom.com/f/p/4400000000003600071 */
.portable-infobox a.image-thumbnail {
display: unset !important;
}
.portable-infobox .pi-image-thumbnail {
transform: none !important;
}
.portable-infobox .pi-image-thumbnail + div {
display: none;
}
.portable-infobox > .pi-image > .pi-caption {
padding: .43em .85em;
text-align: center;
color: var(--t-soft-2);
font-family: helvetica,arial,sans-serif;
}
.portable-infobox > .pi-image:last-child .pi-caption {
background-color: var(--bg-gray-0);
border-radius: 0 0 10px 10px;
}
.portable-infobox .pi-data {
border: 0;
padding: 6px 12px;
}
.portable-infobox .pi-data-label {
flex-basis: 84px;
font-weight: normal;
color: var(--t-soft-1);
text-shadow: 0 0 currentColor;
}
.portable-infobox .pi-data-value:not(:first-child) {
padding: 0;
flex-basis: 184px;
}
.portable-infobox .pi-data:last-child {
border-radius: 0 0 10px 10px;
padding-bottom: 10px;
}
.portable-infobox .pi-data:nth-of-type(even) {
background-color: var(--bg-gray-0);
}
.portable-infobox .pi-data:nth-of-type(odd) {
background-color: var(--bg-gray-1);
}
.portable-infobox .pi-secondary-font[class],
.portable-infobox .pi-data-value {
line-height: 1.7;
}
.portable-infobox .pi-data-label[class] {
font-weight: unset;
}
.portable-infobox .pi-header {
padding: 1px 14px;
background-color: var(--bg-full);
font-weight: normal;
color: var(--t-soft-1);
}
/* Infoboxes - tabs (gallery or section)
- div.wds-tabber = tabs gallery
- section.wds-tabber = tabs section */
.portable-infobox > .wds-tabber {
margin: 0;
}
.portable-infobox > .wds-tabber > div > ul {
margin: 0 auto 0;
justify-content: center;
user-select: none;
}
.portable-infobox > .wds-tabber > div > ul > li {
border-radius: 6px 6px 0 0;
box-shadow: none;
padding: 4px 14px;
color: var(--t-soft-1);
cursor: pointer;
transition: background-color .6s;
}
.portable-infobox > div.wds-tabber > div > ul > li {
margin: 0;
font-size: 12px;
}
.portable-infobox > .wds-tabber > div > ul > li.wds-is-current {
pointer-events: none;
}
.portable-infobox > div.wds-tabber > div > ul > li.wds-is-current {
background-color: var(--bg-zero);
}
.portable-infobox > .wds-tabber > div > ul > li:not(.wds-is-current):hover {
color: var(--t-hot);
}
.portable-infobox > .wds-tabber > div > ul > li > * {
margin: 0;
height: unset;
line-height: 20px;
font-weight: bold;
font-family: helvetica,arial,sans-serif;
letter-spacing: unset;
}
/* Infoboxes - tabs section (eg. Gem_Keeper) */
.theme-fandomdesktop-dark .portable-infobox > section.wds-tabber > div > ul {
background-color: #1f1f1e;
}
.theme-fandomdesktop-light .portable-infobox > section.wds-tabber > div > ul {
background-color: #bdb6a6;
}
.portable-infobox > section.wds-tabber > div > ul:after {
content: '';
display: block;
position: absolute;
bottom: 0px;
width: 100%;
height: 2px;
background-color: var(--em-4);
}
.theme-fandomdesktop-dark .portable-infobox > section.wds-tabber > div > ul:after {
background-color: #111;
}
.theme-fandomdesktop-light .portable-infobox > section.wds-tabber > div > ul:after {
background-color: #fff;
}
.portable-infobox > section.wds-tabber > div > ul > li {
margin: 6px 0 0;
border: 2px transparent solid;
font-size: 14px;
z-index: 2;
transition: border-color .6s, background-color .6s, color .6s;
}
.portable-infobox > section.wds-tabber > div > ul > li.wds-is-current[class][class] {
border-bottom-color: transparent;
background-color: var(--bg-gray-1);
}
.theme-fandomdesktop-dark .portable-infobox > section.wds-tabber > div > ul > li.wds-is-current,
.theme-fandomdesktop-dark .portable-infobox > section.wds-tabber > div > ul > li:hover {
border-color: #111;
}
.theme-fandomdesktop-light .portable-infobox > section.wds-tabber > div > ul > li.wds-is-current,
.theme-fandomdesktop-light .portable-infobox > section.wds-tabber > div > ul > li:hover {
border-color: #fff;
}
.portable-infobox > section.wds-tabber > div > ul > li[class]:hover {
background-color: var(--bg-gray-1);
}
/*- - - - - - - - - - - - - - - - - TEMPLATES - - - - - - - - - - - - - - - - */
/* Templates - infobox (Template:Summary) */
.summary {
float: right;
clear: right;
margin: 0 0 .5em 1em;
font-size: 16px;
}
/* Templates - infobox - main table AND tables inside tabbers */
.summary table {
margin: 0;
border-spacing: 0;
width: 100%;
-webkit-hyphens: auto;
hyphens: auto;
}
.summary table tr {
line-height: 1.7;
}
.summary table tr:not(.image):nth-of-type(odd) > th,
.summary table tr:not(.image):nth-of-type(odd) > td {
background-color: var(--bg-gray-1);
}
.summary table tr:nth-of-type(even) > th,
.summary table tr:nth-of-type(even) > td {
background-color: var(--bg-gray-0);
}
.summary table tr th:not([colspan]) {
text-align: left;
font-weight: normal;
}
.summary table tr th:not([colspan]) {
text-align: left;
font-weight: normal;
}
.summary table tr:not(:first-child) th[colspan] {
border-bottom: var(--w-border);
padding-top: 4px;
padding-bottom: 4px;
}
.summary table tr td {
padding: .43em .85em;
}
/* Templates - infobox - main table */
.summary > .table-scrollable > table,
.summary > table,
.summary > .tabber {
width: 300px;
}
.summary > .table-scrollable > table tr.title th,
.summary > table tr.title th {
padding: .3em .6em;
line-height: 1.25;
font-size: 1.4em;
font-weight: bold;
text-align: center;
color: var(--t-soft-1);
}
.summary > table > tbody > tr > td {
font-size: .9em;
}
.summary > .table-scrollable > table .image > td,
.summary > table .image > td {
padding: 0;
text-align: center;
}
.summary > .table-scrollable > table .image center,
.summary > table .image center {
max-width: 300px;
}
.summary > .table-scrollable > table .image center img,
.summary > table .image center img {
margin: 0 -50%;
}
.summary > .table-scrollable > table p.caption,
.summary > table p.caption {
margin: 0;
padding: 10px 14px;
background-image: linear-gradient(to bottom, #0000 0%, var(--bg-gray-1) 100%);
color: var(--t-soft-2);
}
.summary > .table-scrollable > table tr th,
.summary > table tr th {
width: 32%;
padding: .43em .2em .43em .85em;
font-size: .9em;
}
.summary > .table-scrollable > table tr td,
.summary > table tr td {
width: 68%;
padding: .43em .85em .43em .2em;
}
.summary > .table-scrollable > table:first-child tr:first-of-type th:first-child,
.summary > table:first-child tr:first-of-type th:first-child {
border-top-left-radius: 10px;
}
.summary > .table-scrollable > table:first-child tr:first-of-type th:last-child,
.summary > table:first-child tr:first-of-type th:last-child,
.summary > .table-scrollable > table:first-child tr:first-of-type td:last-child,
.summary > table:first-child tr:first-of-type td:last-child {
border-top-right-radius: 10px;
}
.summary > .table-scrollable > table:first-child tr:first-of-type.image img,
.summary > table:first-child tr:first-of-type.image img {
border-radius: 10px 10px 0 0;
}
.summary > *:last-child tr:last-of-type th:first-child,
.summary > *:last-child tr:last-of-type td:first-child {
border-bottom-left-radius: 10px;
}
.summary > *:last-child tr:last-of-type td:last-child {
border-bottom-right-radius: 10px;
}
/* Templates - infobox - tabber */
.summary .tabber {
margin: 0;
}
.summary .tabber ul.wds-tabs {
border: 0;
padding: 6px 0 0;
text-align: center;
line-height: 26px;
font-size: 14px;
font-weight: normal;
justify-content: center;
}
.theme-fandomdesktop-dark .summary .tabber ul.wds-tabs {
background-color: #1f1f1e;
}
.theme-fandomdesktop-light .summary .tabber ul.wds-tabs {
background-color: #bdb6a6;
}
.theme-fandomdesktop-dark .summary .tabber > .with-bottom-border > ul.wds-tabs:after {
background-color: #111;
}
.theme-fandomdesktop-light .summary .tabber > .with-bottom-border > ul.wds-tabs:after {
background-color: #fff;
}
.summary .tabber ul.wds-tabs > li > div > a {
padding: 0 .5em;
line-height: 28px;
background-repeat: no-repeat;
background-position: left center;
}
.summary .tabber ul.wds-tabs > li.wds-is-current > div > a,
.summary .tabber ul.wds-tabs > li > div > a:hover {
background-color: var(--bg-gray-1);
}
.theme-fandomdesktop-dark .summary .tabber li.wds-is-current > div > a,
.theme-fandomdesktop-dark .summary .tabber li > div > a:hover {
border-color: #111;
}
.theme-fandomdesktop-light .summary .tabber li.wds-is-current > div > a,
.theme-fandomdesktop-light .summary .tabber li > div > a:hover {
border-color: #fff;
}
.summary .tabber ul.wds-tabs > li.wds-is-current > div > a {
border-bottom-color: transparent;
}
.summary .tabber > .wds-tab__content {
border: 0;
padding: 0;
background-color: transparent;
}
/* Templates - infobox (Challenge) - tabber */
.challenge .tabber ul.wds-tabs > li > div > a {
margin-left: 6px;
}
.challenge .tabber ul.wds-tabs > li:nth-of-type(1) > div > a {
padding-left: 22px;
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/e/e8/Pawn_single_icon.png?format=original);
}
.challenge .tabber ul.wds-tabs > li:nth-of-type(2) > div > a {
padding-left: 30px;
background-position: 4px center;
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/d/d7/Pawn_co-op_icon.png?format=original);
}
/* Template: Nav */
.article-nav {
position: relative;
width: 100%;
height: 1px;
}
.article-nav tr {
height: 100%;
}
.article-nav[class] th {
border: 0;
padding: 0;
height: 100%;
}
.article-nav[class] th > a {
display: flex;
}
.article-nav[class] th:not([style]) > a {
height: 100%;
}
.article-nav[class] th > a > .button {
display: flex;
padding: 0 12px;
width: max-content;
font-size: 18px;
align-items: center;
}
.article-nav th > a ~ span {
line-height: 20px;
font-size: 13px;
font-weight: normal;
cursor: default;
}
.article-nav th > a ~ span:last-child {
padding: 6px 16px 6px 4px;
}
.article-nav th > a ~ span:not(:last-child) {
display: flex;
align-items: center;
padding: 6px 4px 6px;
user-select: none;
pointer-events: none;
opacity: 0;
transition: opacity .6s;
}
.article-nav th:hover > a ~ span:not(:last-child) {
opacity: 1;
}
.article-nav th:hover > a + span {
transition: opacity .3s .3s;
}
.article-nav th:hover > a + span + span {
transition: opacity .3s .2s;
}
.article-nav th:hover > a + span + span + span {
transition: opacity .3s .1s;
}
.article-nav th:hover > a + span + span + span + span {
transition: opacity .3s;
}
.article-nav[class] td {
border: 0;
width: 99%;
padding: 0;
}
.article-nav td > div {
display: flex;
justify-content: space-around;
align-items: center;
}
.article-nav td > .nav-rows {
justify-content: unset;
flex-wrap: wrap;
}
.article-nav td > div > span:nth-child(odd) {
display: flex;
align-items: center;
}
.article-nav td > .nav-rows > span:nth-child(odd) {
flex-basis: 10em;
white-space: nowrap;
overflow: hidden;
}
.article-nav td > div > span:nth-child(odd) > .hidden {
display: contents;
}
.article-nav td > div > span:nth-child(odd) > .hidden > img {
position: absolute;
margin-left: 10px;
pointer-events: none;
}
.article-nav td > div > span:nth-child(odd) > .hidden > a.new {
position: absolute;
margin-left: 10px;
width: 32px;
height: 32px;
padding: 6px;
background-color: var(--em-2);
font-size: 0;
}
.article-nav td > div > span:nth-child(odd) > .hidden > a.new:before {
content: '';
display: block;
height: 20px;
background-color: var(--t-hot);
background-color: var(--t-red-1);
-webkit-mask-box-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/e/e6/Upload.svg);
transition: background-color .3s;
}
.article-nav td > div > span:nth-child(odd):hover > .hidden > a.new,
.article-nav td > div > span:nth-child(odd):hover > .hidden > a.new:before {
background-color: transparent;
}
.article-nav td > div > span:nth-child(odd) > .hidden > a.new:hover {
background-color: var(--em-4);
}
.article-nav td > div > span:nth-child(odd) > .hidden > a.new:hover:before {
background-color: var(--t-hot);
}
.article-nav td > .nav-rows > span:nth-child(odd) > .hidden {
margin-left: 14px;
}
.article-nav td > div > span:nth-child(odd) > a,
.article-nav td > div > span:nth-child(odd) > .selflink {
display: inline-block;
line-height: 32px;
vertical-align: bottom;
white-space: nowrap;
}
.article-nav td > div > span:nth-child(odd) > .selflink {
color: var(--t-grey);
}
.article-nav td > div > span:nth-child(odd) > .hidden + a,
.article-nav td > div > span:nth-child(odd) > .hidden + .selflink {
padding: 0 10px 0 46px;
}
.article-nav td > div > span:nth-child(odd) > a:first-child,
.article-nav td > div > span:nth-child(odd) > .selflink:first-child {
padding: 0 10px 0 12px;
}
.article-nav td > .nav-rows > span:nth-child(odd) > a {
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
.article-nav td > .nav-rows > span:nth-child(odd) > .hidden + a {
padding: 0 8px 0 46px;
}
@media (min-width: 1023px) and (max-width: 1200px) {
table.article-nav:not(.persist-icons):not(.rows) td img {
display: none;
}
table.article-nav:not(.persist-icons):not(.rows) td > div > span:nth-child(odd) > .hidden + a,
table.article-nav:not(.persist-icons):not(.rows) td > div > span:nth-child(odd) > .hidden + .selflink {
padding: 0 10px;
}
}
@media (min-width: 1280px) and (max-width: 1400px) {
body:not(.is-content-expanded) table.article-nav:not(.persist-icons):not(.rows) td img {
display: none;
}
body:not(.is-content-expanded) table.article-nav:not(.persist-icons):not(.rows) td > div > span:nth-child(odd) > .hidden + a,
body:not(.is-content-expanded) table.article-nav:not(.persist-icons):not(.rows) td > div > span:nth-child(odd) > .hidden + .selflink {
padding: 0 10px;
}
}
/* Template:Collapse & Template:Collapse/section */
.under-h2 > .mw-collapsible-toggle {
margin-top: -30px;
}
.collap-sec .mw-collapsible-toggle {
margin-top: -24px;
}
/* Template:Quote */
.hidden > blockquote > .zero p:first-child {
margin-top: 0;
}
.hidden > blockquote > .zero p:last-child {
margin-bottom: 0;
}
.hidden > blockquote > .zero td:first-child,
.hidden > blockquote > .zero td:last-child {
color: var(--t-soft-2);
}
/* Template:Achiev */
.achiev-table .mw-collapsible-toggle {
height: 0;
overflow: visible;
margin: -46px 8px 0 0;
}
/* Template:Portals */
.portals .tabber ul.wds-tabs {
justify-content: center;
}
.portals .tabber .wds-tab__content {
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.portals .tabber p {
display: flex;
margin: 0;
width: 100%;
justify-content: space-between;
}
.portals .tabber p > a + a {
margin-left: -18px;
}
/* Template:FakeInfobox */
.fake .portable-infobox.pi-europa {
width: auto;
}
/* Template:No_vid-title */
.no-vid-title figure.thumb > a.video + figcaption > p.title,
.no-vid-title .wikia-gallery > div > .title {
display: none;
}
.no-vid-title figure.thumb > a.video + figcaption > p.title + p.caption {
margin-top: 8px;
}
/* Template:No_margin */
.no-margin-t[class][class] + * {
margin-top: 0;
}
.no-margin-b[class][class] + * {
margin-bottom: 0;
}
.no-margin[class][class] + * {
margin-top: 0;
margin-bottom: 0;
}
/* Template:Blazon_charge & Template:Blazon_ordinary */
.blazon {
border-collapse: collapse;
}
.theme-fandomdesktop-dark .blazon img {
filter: brightness(.7) sepia(.7) saturate(200%);
}
/* Template:Infobox_media */
.ns-6 .article-table th + td > p:last-of-type {
margin-bottom: 0;
}
/* Template:Avatar */
.UserAvatarFetch:before {
content: '';
position: absolute;
width: 22px;
height: 22px;
opacity: .7;
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/a/a2/A_Fandom_user.svg?format=original);
background-repeat: no-repeat;
}
.theme-fandomdesktop-dark .UserAvatarFetch:before {
filter: invert(.7) sepia(1);
}
.UserAvatarFetch > img {
position: relative;
}
.UserAvatarFetch > img[src^="https://static.wikia.nocookie.net/663e53f7-1e79-4906-95a7-2c1df4ebbada/"] {
display: none;
}
/* Template:Columns-list */
.page-content .column-list dl,
.page-content .column-list ol,
.page-content .column-list ul,
.page-content .column-list .poem > p {
margin-top: 0;
margin-bottom: 0;
}
.page-content .column-list li {
margin: 0;
padding: 1px 0 2px;
}
/* Template:SoundCloud */
.soundcloud {
width: 188px;
overflow: hidden;
padding: 8px 14px 3px 10px;
border-radius: 6px;
background: #b7b29f;
filter: saturate(.4) hue-rotate(-60deg);
transition: .6s;
}
.soundcloud:hover {
background: #eee5c5;
filter: saturate(1) hue-rotate(0deg);
transition: .3s;
}
/* Template:Poll */
.mw-parser-output .strawpoll {
filter: grayscale(.4);
}
/* Template:Redirects_here */
.redir-here {
float: right;
height: 0;
}
.redir-here > .h-1 {
position: absolute;
top: 24px;
right: 36px;
}
.page-header:has(.page-header__languages) + div .redir-here > .h-1 {
right: 126px;
}
.redir-here > .h-2,
.redir-here > .h-3 {
position: relative;
}
.redir-here > .h-2 {
top: -2.6em;
}
.redir-here > .h-3 {
top: -2.1em;
}
/* Template:Day-night
- needs to be dark in both themes */
.day-night[class] > pre {
background-color: #272727;
}
/* Template:Detail */
.detail div.mw-collapsible-content:not([style=""]),
.detail span.mw-collapsible-content > span:not([style="display:block;"]) {
background-color: var(--em-2);
}
/* Template:Word */
.theme-fandomdesktop-light .fancy-letters img {
filter: invert(.8);
}
/* Template:Category_tree_overview */
.cat-tree-over[class] pre {
border-top: 0;
border-bottom: 0;
background-color: unset;
color: var(--t-grey);
}
.cat-tree-over pre a {
line-height: 1.2em;
color: var(--t-soft-2);
font-family: 'Open Sans',helvetica,arial,sans-serif;
}
.cat-tree-over pre a[href^="/wiki/Category"] {
color: var(--txt);
}
.cat-tree-over pre a:hover {
color: var(--t-hot);
}
.cat-tree-over pre span {
color: var(--t-cyan-1);
}
/* Template:Wide img */
.wide-img-fit img {
max-width: 100%;
height: auto;
}
/* Template:Clear */
.ve-ui-surface .clear-next + *,
.mw-parser-output .clear-next + * {
clear: both;
}
/* Template:Clear_not */
.ve-ui-surface .clear-not + h2,
.mw-parser-output .clear-not + h2 {
clear: unset;
}
/* Template:Collapse */
div.em-2.mw-collapsible:after {
content: '';
display: block;
clear: both;
}
/* Template:Logged-o & Template:Non-logged-o */
.logged-only,
.no-log-only {
display: none;
}
/* Logged in users only */
body:not(:has(a[href^="https://auth.fandom.com/signin"])) .logged-only {
display: unset;
}
/* Non-logged in users only */
body:has(a[href^="https://auth.fandom.com/signin"]) .no-log-only {
display: unset;
}
/* Template:Frac */
.frac {
white-space: nowrap;
}
.frac .num,
.frac .den {
font-size: .75em;
line-height: 0;
}
.frac .num {
vertical-align: super;
}
.frac .den {
vertical-align: sub;
}
/* Template:Context */
.context {
display: inline-block;
margin: 0 0 .7em 0;
vertical-align: top;
line-height: 1.5;
}
.context > div {
display:flex;
align-items:center;
}
.context > div > .context-img {
margin-right: -2px;
padding: .2em 0 .2em .5em;
line-height: 1;
}
.context > div > .context-txt {
margin: 7px 0;
padding: 0 .5em 0 .8em;
}
/* - - - - - - - - - - - - - - - - - SCRIPTS - - - - - - - - - - - - - - - - -*/
/* Script: MediaWiki:DayNightBG.js */
.mediawiki {
background-repeat: no-repeat;
background-position: center top;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
body:before,
body:after,
.mediawiki > div:empty,
.mediawiki > svg {
display: none;
}
.client-js > .morning {
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/d/de/BG_morning.png?format=original);
}
.client-js > .afternoon {
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/d/d5/BG_afternoon.png?format=original);
}
.client-js > .night {
background-image: url(https://static.wikia.nocookie.net/kingdomthegame/images/5/58/BG_night.png?format=original);
}
/* Script: dev:ReferencePopups */
.refpopups-box[class] {
box-shadow: 0 4px 8px -3px #0008;
border: 2px solid var(--bg-em-4);
border-radius: 6px;
overflow: auto;
padding: 10px 14px 8px;
background: var(--bg-float);
color: var(--txt);
}
.refpopups-chevron-out {
border-color: var(--bg-em-4) transparent transparent;
}
.refpopups-chevron-in {
border-top-color: var(--bg-float);
}
.refpopups-flipped > .refpopups-chevron-out {
border-color: transparent transparent var(--bg-em-4);
}
.refpopups-flipped > .refpopups-chevron-in {
border-bottom-color: var(--bg-float);
}
.refpopups-box > div {
font-size: .9em;
font-family: sans-serif;
overflow: unset !important;
}
.refpopups-configure {
right: 3px;
top: 2px;
opacity: 0;
transition: opacity .6s;
}
.refpopups-box:hover .refpopups-configure {
opacity: 0.6;
transition: opacity .3s;
}
.refpopups-box .refpopups-configure:hover {
opacity: 1;
}
button#refpopups-disable,
button#refpopups-disable + p,
button#refpopups-disable + p + hr {
display: none;
}
/* missing ref */
.refpopups-popup:has(.page-content > div:empty) {
display: none !important;
}
/* Script: dev:HeaderLinks */
span.mw-header-link[class] {
float: unset;
margin: 0 -8px 0 12px;
line-height: .5;
opacity: unset;
}
.mw-header-link[class] > a {
display: inline-block;
outline: 0;
border-radius: 5px;
padding: 3px 7px;
vertical-align: bottom;
opacity: 0;
color: var(--t-soft-1);
transition: opacity .6s, background-color .6s, color .6s;
}
:is(h1,h2,h3,h4,h5,h6):hover .mw-header-link a {
opacity: .7;
transition: opacity .3s, background-color .3s, color .3s;
}
.mw-header-link[class] > a:is(:hover,:focus) {
opacity: 1;
color: var(--t-hot);
transition: opacity .3s, background-color .3s, color .3s;
}
/* - - - - - - - - - - - - - - - - - TOOLTIP - - - - - - - - - - - - - - - - -*/
.wds-tooltip.is-right,
.wds-tooltip.is-bottom {
box-shadow: none;
background-color: var(--bg-gray-1);
color: var(--t-grey);
}
.wds-tooltip.is-right:before {
border-right-color: var(--bg-gray-1);
}
.wds-tooltip.is-bottom:before {
border-bottom-color: var(--bg-gray-1);
}
/* Text highlight tooltip - Search this wiki - Search all wikis
- fix: selecting text on the main page right column may cause odd overflows */
.mainpage #highlight__main-container > div[style] {
max-width: 1px;
}
.mainpage #highlight__main-container > div[style] > .highlight__sticky-container {
min-width: min-content;
white-space: nowrap;
}
/*- - - - - - - - - - - - - - - - POPUP (modal) - - - - - - - - - - - - - - - */
/* Popup - dark layer under */
.blackout,
.mediawiki.MiniEditor.modalShown .blackout,
.mediawiki > .oo-ui-windowManager-modal > .oo-ui-dialog {
background-color: var(--sh-c);
}
.ve-ui-overlay .oo-ui-inputWidget textarea {
color: var(--t-full);
background-color: #333636;
border-color: transparent;
}
.ve-ui-overlay .oo-ui-inputWidget textarea:focus {
color: var(--t-full);
background-color: #333636;
border-color: var(--t-grayout);
}
/* Popup - UCP curtain */
body.ns-500 .oo-ui-dialog,
body.ns-502 .oo-ui-dialog {
background-color: var(--sh-c) !important;
}
/* Popup - UCP box */
.mediawiki .page .wds-dialog__wrapper,
.mediawiki > .oo-ui-windowManager-modal > .oo-ui-dialog > .oo-ui-window-frame {
background: var(--bg-zero);
color: var(--txt);
}
.oo-ui-messageDialog-actions-horizontal .oo-ui-actionWidget,
.mediawiki .page .wds-dialog__actions {
border-right-width: 2px;
border-color: var(--em-4);
}
.mediawiki .page .wds-input__hint,
.mediawiki .page .wds-textarea__hint {
color: var(--t-soft-2);
}
/* Popup - UCP drop list */
.oo-ui-menuSelectWidget {
background-color: var(--bg-float);
border: 0;
}
.oo-ui-menuSelectWidget[style*="top:"] {
border-radius: 0 0 8px 12px;
}
.oo-ui-menuSelectWidget[style*="bottom:"] {
border-radius: 12px 8px 0 0;
}
.oo-ui-menuSelectWidget > .oo-ui-optionWidget {
margin: 0;
padding: 3px 9px;
}
.oo-ui-menuSelectWidget > .oo-ui-menuOptionWidget {
border-radius: unset;
color: var(--t-grey);
transition: 0s;
}
.oo-ui-menuSelectWidget > .oo-ui-optionWidget-highlighted {
background-color: var(--bg-gray-0);
color: var(--t-hot);
}
.oo-ui-menuSelectWidget > .oo-ui-optionWidget-selected {
background-color: var(--em-2);
color: var(--t-soft-1);
cursor: default;
}
/* Popup - Search */
.search-modal {
left: 0;
}
.search-modal:before {
left: 0;
background-color: var(--sh-c);
cursor: pointer;
}
.search-modal > div {
margin: 0;
padding: 0;
border: 1px solid #0004;
min-height: 311px;
background-color: var(--bg-zero);
}
.search-modal > div > svg.wds-icon {
top: 0;
border-radius: 0 6px 0 0;
border-left: 2px solid var(--bg-zero);
padding: 9px;
width: 40px;
height: 38px;
background-color: var(--em-2);
color: var(--t-grayout);
transition: background-color .6s, color .6s;
}
.search-modal > div > svg.wds-icon:hover {
background-color: var(--em-4);
color: var(--t-red-1);
transition: background-color .3s, color .3s;
}
.search-modal form {
border-color: var(--t-grayout);
padding: 0 40px 0 0;
transition: border-color .6s;
}
.search-modal form:focus-within {
border-color: var(--t-cyan-1);
transition: border-color .3s;
}
.search-modal form > svg:first-of-type {
padding: 8px;
width: 38px;
height: 38px;
fill: var(--t-grayout);
transition: fill .3s;
}
.search-modal form:not(:focus-within) > svg:first-of-type {
fill: var(--t-cyan-1);
}
.search-modal form > input {
margin: 0 -55px 0 0;
border: 0;
border-radius: 6px 0 0 0;
padding: 4px 117px 4px 20px;
height: 38px;
color: var(--txt);
font-size: 16px;
font-family: monospace;
caret-color: var(--t-cyan-1);
transition: background-color .6s;
}
.search-modal form > input:hover,
.search-modal form > input:focus {
background-color: var(--em-2);
transition: background-color .3s;
}
.search-modal form > input:not([value=""]) {
margin: 0 -112px 0 0px;
}
.search-modal form > input:not(:focus)::placeholder {
color: var(--t-cyan-1);
}
.search-modal form > input + button.wds-button[type="button"] {
border-radius: 0;
border-left: 2px solid var(--bg-zero);
padding: 0;
width: 53px;
height: 38px;
background-color: transparent;
font-size: 0;
color: var(--t-grayout);
}
.search-modal form > input + button.wds-button[type="button"]:before {
content: '⌫';
font-size: 26px;
text-shadow: 0px 1px 0px currentColor;
font-weight: normal;
}
.search-modal form > input + button.wds-button[type="button"]:hover {
background-color: var(--em-2);
}
.search-modal form > input ~ button.wds-button[type="submit"] {
display: block;
box-sizing: border-box;
border: 0;
border-left: 2px solid var(--bg-zero);
padding: 0;
width: 55px;
height: 38px;
background-color: transparent;
color: var(--t-grayout);
transition: background-color .6s, color .6s, opacity .6s;
}
.search-modal form > input ~ button.wds-button[type="submit"]:hover {
background-color: var(--em-2);
color: var(--t-grayout);
transition: background-color .3s, color .3s;
}
.search-modal form > input ~ button.wds-button[type="submit"] > svg {
height: 38px;
width: 26px;
}
.search-modal form > input:not([value=""]) ~ button.wds-button[type="submit"]:hover {
color: var(--t-cyan-1);
}
.search-modal form:not(:focus-within) > input[value=""] ~ * {
pointer-events: none;
opacity: 0;
}
@media (hover: none) and (pointer: coarse) {
.search-modal {
z-index: 801;
}
.search-modal > div {
position: absolute;
top: 0;
bottom: 0;
margin: 0;
border-radius: 0;
border: 0;
width: 100%;
}
.search-modal > div > svg.wds-icon {
border-radius: 0;
}
.search-modal form > input {
border-radius: 0;
}
}
.search-modal .search-seeding {
margin-top: 16px;
}
.search-modal .top-results {
padding: 0;
}
.search-modal .top-results p.top-results__header {
padding-left: 20px;
font-weight: unset;
color: var(--txt);
}
.search-modal .top-results p.top-results__header > a {
font-weight: unset;
}
.search-modal .top-results ul.top-results__list,
.search-modal .top-results ul.top-results__list > li {
margin: 0;
}
.search-modal .top-results ul.top-results__list > li > a {
max-width: unset;
outline: 0;
border-radius: 0;
padding: 9px 16px 9px 20px;
font-weight: unset;
color: var(--t-soft-1);
text-decoration: none;
}
.search-modal .top-results ul.top-results__list > li > a:hover,
.search-modal .top-results ul.top-results__list > li > a:focus {
background-color: var(--em-2);
}
.search-modal ul.wds-list.wds-is-linked {
margin: 0;
}
.search-modal ul.wds-list.wds-is-linked > li > a[class] {
outline: 0;
border: 0;
border-radius: 0;
height: 45px;
padding: 9px 16px 9px 20px;
color: var(--t-soft-1);
text-decoration: none;
}
.search-modal ul.wds-list.wds-is-linked > li > a[class^="SearchResults-module_isSelected"] {
background-color: var(--bg-blue-1);
}
.search-modal ul.wds-list.wds-is-linked > li > a:hover,
.search-modal ul.wds-list.wds-is-linked > li > a:focus {
background-color: var(--em-2);
}
.search-modal ul > li > a > span {
color: var(--txt);
}
.search-modal ul > li > a > span + span {
font-size: unset;
margin-left: .6em;
color: var(--t-soft-2);
text-transform: lowercase;
}
.search-modal ul > li > a > span + span > span {
text-transform: initial;
}
.search-modal ul.wds-list.wds-is-linked > li:first-child > a {
padding-top: 14px;
}
.search-modal ul.wds-list.wds-is-linked > li:last-child > a {
padding-bottom: 15px;
color: var(--t-cyan-1);
}
/* Wikia notification */
.mediawiki .errorbox,
.mediawiki .warningbox,
.mediawiki .successbox {
margin: 1em 0;
border: 0;
border-left: 6px solid;
padding: 7px 14px;
background-color: var(--bg-em-2);
}
.mediawiki .errorbox {
color: var(--t-red-1);
border-color: var(--t-red-1);
}
.mediawiki .warningbox {
border-color: var(--t-hot);
}
.mediawiki .warningbox strong {
color: var(--t-hot);
}
/* Revision as of ... &
- You are editing an out-of-date revision... */
.mw-message-box-warning {
margin: 1em 0;
border: 0;
border-left: 6px solid var(--t-hot);
padding: 7px 14px;
background-color: var(--bg-em-2);
}
/* Wikia notification (bottom left) - ex:
- New template type has been saved.
- Your reply has been successfully added.
- There has been a problem creating your reply. */
.banner-notifications-placeholder:not([style="height: 0px;"]) {
height: unset !important;
}
.wds-banner-notification {
margin: 0;
box-shadow: 0 4px 8px -4px #0008;
background-color: var(--bg-float);
border-radius: 5px;
}
.theme-fandomdesktop-light .wds-banner-notification {
--wds-banner-notification-border-color: var(--sh-2);
}
.wds-banner-notification__icon {
border-radius: 5px 0 0 5px;
border: 1px solid #0003;
border-right: 0;
}
.wds-alert .wds-banner-notification__icon {
background-color: var(--bg-red-1);
}
.wds-banner-notification__text {
color: var(--txt);
}
.wds-banner-notification__text strong {
font-weight: normal;
}
.wds-banner-notification a,
.wds-banner-notification a:hover {
color: var(--t-link);
}
.wds-banner-notification__close {
display: flex;
flex-flow: column;
border-radius: 0 5px 5px 0;
padding: 0;
color: var(--t-grey);
transition: background-color .2s;
}
.wds-banner-notification__close > svg {
display: flex;
flex-grow: 1;
padding: 14px;
}
.wds-banner-notification__close:hover {
background-color: #f002;
}
/* Wikia notification - 'Your email address hasn't been confirmed' */
html.ve-available .notifications-placeholder:has(.non-dismissible a[href="/wiki/Special:ConfirmEmail"]) {
margin-left: -600px;
transition: margin 1.2s 30s ease-in;
}
/* Modal - used in:
- Special:Community - view all admins
- Wikiabar - customize toolbar */
.wds-dialog__curtain {
padding: 0;
background-color: var(--sh-c);
z-index: 800;
}
.wds-dialog__curtain > div {
border-radius: 6px;
max-width: 100%;
background-color: var(--bg-zero);
overflow: hidden;
}
.wds-dialog__curtain > div > header.wds-dialog__title {
display: block;
padding: 10px 16px 8px;
background-color: var(--em-2);
line-height: 22px;
font-size: 22px;
color: var(--t-soft-2);
text-transform: lowercase;
}
.wds-dialog__curtain > div > header.wds-dialog__title:first-letter {
text-transform: uppercase;
}
.wds-dialog__curtain > div > header.wds-dialog__title > h3 {
display: inline-block;
vertical-align: top;
line-height: 22px;
font-size: 22px;
text-transform: initial;
}
.wds-dialog__curtain > div > header.wds-dialog__title > svg {
float: right;
margin: -10px -16px;
width: 40px;
height: 40px;
padding: 10px;
background-color: #0002;
}
.wds-dialog__curtain > div > header.wds-dialog__title > svg:hover {
background-color: var(--bg-wine-1);
}
.wds-dialog__curtain > div > header.wds-dialog__title > svg > use {
display: none;
}
.wds-dialog__curtain > div > header.wds-dialog__title:after {
content: '❌';
float: right;
margin: -10px -24px -10px 0;
width: 40px;
height: 40px;
padding: 11px 8px;
font-size: 18px;
line-height: 1;
color: var(--t-grey);
pointer-events: none;
}
.theme-fandomdesktop-light .wds-dialog__curtain > div > header.wds-dialog__title:after {
color: #fff;
}
.wds-dialog__curtain > div > .wds-dialog__content {
padding: 6px 24px 8px;
}
.wds-dialog__curtain > div > footer > .wds-dialog__actions {
border: 0;
padding: 12px 16px;
height: unset !important;
background-color: var(--bg-blue-0);
}
/* - - - - - - - - - - - - - - - - RIGHT RAIL - - - - - - - - - - - - - - - - */
/* Right rail - wrapper */
aside.page__right-rail {
border-radius: 0;
}
html:not(.ve-activated) aside.page__right-rail.is-rail-hidden[class][class] {
border-color: transparent;
width: 10px;
transition: .3s;
}
html:not(.ve-activated) aside.page__right-rail:not(.is-rail-hidden)[class] {
border-left: var(--w-border);
transition: .3s;
}
/* Right rail - toggle (only available for logged user AND wide screen) */
.has-right-rail > aside > button.right-rail-toggle {
position: sticky;
top: 58px;
box-shadow: none;
background-color: var(--bg-gray-1);
color: var(--t-soft-1);
}
.has-right-rail > aside > button.right-rail-toggle:hover {
background-color: var(--bg-gray-2);
color: var(--t-hot);
}
.has-right-rail > aside.is-rail-hidden > button.right-rail-toggle {
margin: 18px 0 0 -16px;
transition: margin-left .3s, border-radius .3s, width .3s, background-color .3s, color .3s;
}
.has-right-rail > aside.is-rail-hidden > button.right-rail-toggle:hover {
margin: 18px 0 0 -26px;
}
.has-right-rail > aside:not(.is-rail-hidden) > button.right-rail-toggle {
margin: 18px 0 0;
border-radius: 0 18px 18px 0;
max-width: 100%;
padding: 0 12px 0 0;
justify-content: flex-end;
transition: margin-left .3s, border-radius .3s, width .3s, background-color .3s, color .3s;
}
/* Right rail - wikia rail */
aside > .WikiaRail {
padding: 0 17px;
transition: padding .2s .1s;
}
/* 'button' makes it apply to logged users only */
aside > button + .WikiaRail {
height: calc(100% - 54px);
}
aside > .WikiaRail > div:first-child:empty ~ div {
visibility: hidden;
opacity: 0;
transition: visibility 0s .05s, opacity .1s;
}
aside:not(.is-rail-hidden) > .WikiaRail > div:first-child:empty ~ div {
visibility: visible;
opacity: 1;
transition: visibility 0s .2s, opacity .6s .2s;
}
.WikiaRail > div > section.rail-module {
border-radius: 6px;
border: 0;
margin-bottom: 0;
padding: 1em 1em 0;
}
.WikiaRail > div > section.rail-module > h2,
div.rail-module > section > h2 {
display: block;
margin: 0 0 .5em;
padding: 0 .5em;
background-image: linear-gradient(to top, var(--em-2) .7em, transparent .7em, transparent 100%);
color: var(--t-soft-2);
text-transform: lowercase;
}
.WikiaRail > div > section.rail-module > h2:first-letter,
div.rail-module > section > h2:first-letter {
text-transform: capitalize;
}
.WikiaRail > div > section.rail-module > h2 > svg {
display: none;
}
.WikiaRail > div > section.rail-module > ul {
display: block;
margin: 0;
}
.WikiaRail > div:empty + div + div > section.page-tools-module {
margin-top: -5px;
}
.sticky-modules-wrapper > section.page-tools-module > ul > li > a {
display: block;
padding: 0 .5em;
line-height: 2em;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color: var(--t-grey);
text-decoration: none;
}
.sticky-modules-wrapper > section.page-tools-module > ul > li > a:hover {
background-color: var(--em-2);
color: var(--t-cyan-1);
}
.sticky-modules-wrapper > section.activity-module {
margin-top: 6px;
}
.sticky-modules-wrapper > section.activity-module > ul > li {
padding: .2em .5em .5em;
}
.sticky-modules-wrapper > section.activity-module > ul > li > .page-title > a {
display: unset;
color: var(--txt);
}
.sticky-modules-wrapper > section.activity-module > ul > li > .page-title > a:hover {
color: var(--t-hot);
}
.sticky-modules-wrapper > section.activity-module > ul > li > .edit-info > a {
display: unset;
color: var(--t-grey);
opacity: .7;
transition: color .4s, opacity .4s;
}
.sticky-modules-wrapper > section.activity-module > ul > li > .edit-info > a:hover {
background-color: unset;
color: var(--t-grey);
opacity: 1;
transition: color .2s, opacity .2s;
}
.sticky-modules-wrapper > section.activity-module > ul > li > .edit-info > time {
color: var(--t-grey);
opacity: .7;
}
.sticky-modules-wrapper > section.activity-module > ul > li > .edit-info > time:before {
content: "\25AA";
margin: 0 .5em;
color: var(--t-soft-2);
}
/* Right rail - narrow screen */
@media (min-width: 1023px) {
aside.page__right-rail {
padding-bottom: 24px;
}
aside.page__right-rail:not(.is-rail-hidden) {
border-left: var(--w-border);
}
html:not(.ve-activated) .page.has-right-rail .page__right-rail.is-rail-hidden .WikiaRail {
display: flex;
padding: 0 0 0 10px;
visibility: hidden;
transition: visibility 0s .3s;
transition: 0s;
}
/* 'button' makes it apply to logged users only */
aside.page__right-rail > button + .WikiaRail > .sticky-modules-wrapper {
top: 94px;
}
.sticky-modules-wrapper > section.rail-module {
width: 300px;
}
section.page-tools-module > ul {
column-count: 2;
}
}
@media (min-width: 1023px) and (max-width: 1279px) {
html:not(.ve-activated) .page.has-right-rail .page__right-rail {
width: 328px;
}
aside > .WikiaRail {
padding: 0 13px;
}
.wds-tooltip.is-bottom[style^="top: 100px;"] {
display: none;
}
}
@media (max-width: 1023px) {
html:not(.ve-activated) .page.has-right-rail {
display: table-row;
}
html:not(.ve-activated) .page.has-right-rail .page__right-rail {
width: 100%;
border-radius: 0;
padding: 18px 36px 24px 46px;
transition: none;
}
aside > .WikiaRail {
padding: 0;
}
.WikiaRail > div > section.rail-module {
width: unset;
padding: 1em 0 0;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.WikiaRail > div > section.rail-module > ul {
column-count: 3;
}
}
@media (max-width: 768px) {
.WikiaRail > div > section.rail-module > ul {
column-count: 2;
}
}
/* Right rail - anons - Popular Pages */
div.rail-module > section {
display: block !important;
margin-bottom: 1em;
min-height: calc(100vh - 72px);
}
div.rail-module > section img {
border: 0;
opacity: 0.5;
transition: opacity 0.6s;
}
div.rail-module > section a:hover img {
opacity: 0.9;
transition: opacity 0.3s;
}
#WikiaRail .activity-module .edit-info,
#WikiaRail .activity-module .edit-info .edit-info-user,
div.rail-module > section a {
color: var(--t-soft-2);
}
div.rail-module > section a {
border-radius: 4px;
}
div.rail-module > section a:hover {
color: var(--t-soft-1);
}
/* - - - - - - - - - - - - - - FANDOM SUGGESTIONS - - - - - - - - - - - - - - */
/* Others like you also viewed */
div[class^="render-wiki-recommendations"] > div > div[class] {
margin: 0;
}
div[class^="render-wiki-recommendations"] > div > div[class] > div:nth-of-type(1) {
color: var(--t-soft-1);
border-bottom: var(--w-border);
}
div[class^="render-wiki-recommendations"] a {
border-radius: 6px;
overflow: hidden;
}
.render-wiki-recommendations a {
height: 100px;
min-width: 150px;
}
.render-wiki-recommendations-right-rail a {
height: 75px;
min-width: 100px;
}
div[class^="render-wiki-recommendations"] a > div {
border: 0;
overflow: hidden;
filter: sepia(.5);
transition: filter .6s;
}
div[class^="render-wiki-recommendations"] a:hover > div {
filter: sepia(0);
transition: filter .3s;
}
div[class^="render-wiki-recommendations"] a > div > div {
display: none;
}
div[class^="render-wiki-recommendations"] a > .recommendations__article-title[class] {
margin: unset;
position: relative;
top: -100px;
height: 100px;
padding: 76px 6px 0;
text-align: center;
color: var(--t-full);
opacity: .85;
transition: opacity .6s;
}
.theme-fandomdesktop-dark div[class^="render-wiki-recommendations"] a > .recommendations__article-title {
background: linear-gradient(0deg, #000b 30%, #0000 30%);
}
.theme-fandomdesktop-light div[class^="render-wiki-recommendations"] a > .recommendations__article-title {
background: linear-gradient(0deg, #fffe 30%, #0000 30%);
}
div[class^="render-wiki-recommendations"] a > .recommendations__article-title:hover {
opacity: 1;
transition: opacity .3s;
}
div[class^="render-wiki-recommendations"] button[class] {
box-shadow: unset;
}
div[class^="render-wiki-recommendations"] div ~ button[class] {
top: 48%;
background-color: var(--bg-gray-1);
opacity: 0;
transition: opacity .6s;
}
div[class^="render-wiki-recommendations"]:hover div ~ button[class] {
opacity: 1;
transition: opacity .3s;
}
div[class^="render-wiki-recommendations"] button * {
fill: var(--t-soft-2);
}
div[class^="render-wiki-recommendations"] ul > button.XBXuB {
background-color: var(--t-grey);
}
/* Fan Feed */
#mixed-content-footer {
margin: 0;
}
#mixed-content-footer .mcf-wrapper {
border-top: var(--w-border);
}
.theme-fandomdesktop-dark .mcf-wrapper {
background-color: #383239;
background-image: linear-gradient(to bottom, #383239 0%, #2a252b 100%);
}
.theme-fandomdesktop-light .mcf-wrapper {
background-color: #bc9baa;
background-image: linear-gradient(to bottom, #bc9baa 0%, #645269 100%);
}
#mixed-content-footer .mcf-card {
border: 0;
}
#mixed-content-footer div[class^="mcf-card-"]:empty {
display: none;
}
#mixed-content-footer .mcf-card-wiki-articles,
#mixed-content-footer .mcf-card-related-wikis {
background-color: var(--em-2);
}
#mixed-content-footer .mcf-card-wiki-articles__item,
#mixed-content-footer .mcf-card-related-wikis__header,
#mixed-content-footer .mcf-card-related-wikis__item {
border-bottom-width: 2px;
border-bottom-color: var(--em-4);
}
#mixed-content-footer .mcf-card-wiki-articles__header,
#mixed-content-footer .mcf-card-related-wikis__header {
color: var(--txt);
background-color: var(--em-2);
}
#mixed-content-footer .mcf-card-article__title {
color: #f2edd9;
}
.mcf-card-wiki-articles__header:before {
display: none;
}
#mixed-content-footer .mcf-card-wiki-articles__item-link,
#mixed-content-footer .mcf-card-related-wikis__item-link,
#mixed-content-footer .mcf-card-related-wikis__title {
color: var(--text-gray);
}
#mixed-content-footer .mcf-card-wiki-articles__circle {
color: var(--t-soft-2);
background-color: var(--em-02);
}
#mixed-content-footer .mcf-card-article__subtitle {
color: #d2cbb0;
}
/* - - - - - - - - - - - - - - - - - FOOTER - - - - - - - - - - - - - - - - - */
.main-container > footer {
margin: 0;
color: #ddd;
}
.main-container > footer h3,
.main-container > footer span {
color: #ddd;
}
.main-container > footer figure,
.main-container > footer > h2 a:not(:hover) {
opacity: .9;
}
.main-container > footer > div a:not(:hover) > svg {
opacity: .8;
}
.mediawiki .main-container > footer section:after,
.mediawiki .main-container > footer section {
border-width: 2px;
border-color: #0008;
}
.main-container > footer > div:last-child {
background-color: #000a;
}
.main-container > footer > div:last-child > div:last-child {
border-top: 2px solid #000;
}
/* - - - - - - - - - - - - - - - WIKIA BOTTOM BAR - - - - - - - - - - - - - - */
#WikiaBar > .WikiaBarWrapper {
box-shadow: 0 4px 18px #000a;
background-color: unset;
border-radius: 12px 12px 0 0;
transition: box-shadow .4s, bottom .2s .2s, visibility 0s;
}
/* FandomDesktop text rendering problem on Chrome
- (default z-index here also causes the issue)
- community.fandom.com/f/p/4400000000003168949/r/4400000000010599144 */
#WikiaBar > .WikiaBarWrapper.hidden {
box-shadow: 0 4px 18px #0000;
bottom: -28px;
visibility: hidden;
z-index: unset;
transition: box-shadow .2s, bottom .2s, visibility 0s .2s;
}
#WikiaBar > .WikiaBarWrapper:not(.hidden) {
bottom: 0;
}
#WikiaBar > .WikiaBarWrapper > .wikia-bar {
border-radius: 12px 12px 0 0;
padding: 0;
background-color: var(--bg-gray-1);
}
#WikiaBar .tools > li {
margin: 0;
border: 0;
height: 28px;
line-height: 22px;
color: var(--t-soft-2);
}
#WikiaBar .tools > li[class],
#WikiaBar .tools > li:not([class]) > a {
background-color: var(--bg-gray-1);
}
#WikiaBar .tools > li[class]:hover,
#WikiaBar .tools > li:not([class]) > a:hover {
background-color: var(--bg-full);
color: var(--t-soft-1);
}
#WikiaBar .tools > li a {
color: var(--t-soft-2);
}
#WikiaBar .tools > li:hover > a {
color: var(--t-soft-1);
text-decoration: none;
}
#WikiaBar .tools > li.menu {
padding-top: 0;
}
#WikiaBar .tools > li.overflow-menu[style="display: list-item;"] {
display: flex !important;
border-radius: 12px 0 0 0;
}
#WikiaBar .tools > li.overflow-menu[style="display: list-item;"]:hover {
border-radius: 0;
}
@media (hover: hover) and (pointer: fine) {
#WikiaBar .tools > li.menu > span {
pointer-events: none;
}
}
@media (hover: none) and (pointer: coarse) {
#WikiaBar .tools > li.menu > span > a[href="#"] {
pointer-events: none;
}
}
#WikiaBar .tools > li.mytools:first-child:hover {
border-radius: 0;
}
#WikiaBar .tools > li.menu > div {
transform: unset;
left: -1px;
border-radius: 6px 6px 0 0;
border-bottom: 0;
z-index: -1;
}
#WikiaBar ul.tools-menu {
right: unset;
left: 0;
border-color: var(--em-4);
}
#WikiaBar ul.tools-menu > li {
margin: 0;
}
#WikiaBar ul.tools-menu > li > a {
border-radius: 0;
padding: 11px 15px;
background-color: transparent;
color: var(--t-soft-2);
transition-duration: .3s;
}
#WikiaBar ul.tools-menu > li:hover > a {
color: var(--t-full);
background-color: var(--bg-blue-0);
transition-duration: .1s;
}
/* tool disabled for lacking rights */
#WikiaBar ul.tools-menu > li > span {
padding: 11px 15px;
}
#WikiaBar .tools-customize {
cursor: pointer;
}
#WikiaBar .tools-customize > svg {
position: relative;
}
#WikiaBar .tools {
padding: 0;
}
#WikiaBar .tools > li:first-child {
border-radius: 12px 0 0 0;
}
#WikiaBar .tools > li:not([class]),
#WikiaBar .tools > li.overflow {
padding: 0;
}
#WikiaBar .tools > li:not([class]) > a,
#WikiaBar .tools > li.overflow > a {
padding: 0 14px;
line-height: 28px;
}
#WikiaBar .tools > li:not([class]) > .wds-icon,
#WikiaBar .tools > li:not([class]) > .wds-icon + a {
display: none;
}
@media (hover: none) and (pointer: coarse) {
#WikiaBar .tools-customize > a,
#WikiaBar .tools > li > a.global-shortcuts-help-entry-point {
display: none;
}
}
#WikiaBar .wikia-bar-anon {
overflow: hidden;
border-radius: 8px 8px 0 0;
background-color: var(--bg-full);
}
#WikiaBar .wikia-bar-anon a {
transition: background-color .2s, color .2s;
}
#WikiaBar .wikia-bar-anon a.wikiabar-button {
margin: 0;
border: 0;
padding: 0 7px;
height: unset;
line-height: 26px;
background-color: unset;
color: var(--t-soft-1);
}
#WikiaBar .wikia-bar-anon a.wikiabar-button:hover,
#WikiaBar .wikia-bar-anon .message:hover > a {
background-color: #291927;
color: #eee;
}
#WikiaBar .wikia-bar-anon .message {
margin: 0;
width: unset;
padding: 0;
height: 26px;
}
#WikiaBar .wikia-bar-anon .message > a {
display: inline-block;
padding: 0 7px;
line-height: 25px;
color: var(--t-grey);
}
@media (max-width: 1279px) {
#WikiaBar .wikia-bar-anon .message {
display: none !important;
}
}
#WikiaBar a.arrow {
border-radius: 0 12px 0 0;
padding-left: 4px;
background-color: var(--bg-gray-1);
height: 28px;
color: var(--t-soft-2);
transition: background-color .4s, color .4s;
}
#WikiaBar a.arrow:hover {
background-color: var(--bg-red-1);
color: #f2edd9;
transition: background-color .2s, color .2s;
}
#WikiaBar a.arrow .close-icon {
background-color: unset;
color: inherit;
}
#WikiaBar .wikia-bar-anon a.arrow {
border-radius: unset;
background-color: unset;
height: 26px;
}
#WikiaBar .wikia-bar-anon a.arrow:hover {
background-color: var(--bg-red-1);
}
#WikiaBar > .WikiaBarCollapseWrapper {
box-shadow: 0 0 10px #000;
border-radius: 12px 12px 0 0;
bottom: 0;
background-color: var(--bg-gray-1);
cursor: pointer;
transition: box-shadow .4s, bottom .2s .2s;
}
#WikiaBar > .WikiaBarCollapseWrapper.hidden {
box-shadow: 0 0 10px #0000;
bottom: -30px;
transition: box-shadow .2s, bottom .2s;
}
#WikiaBar > .WikiaBarCollapseWrapper .wikia-bar-collapse {
border-radius: 0;
padding: 7px 9px;
height: 30px;
background-color: unset;
color: var(--t-soft-2);
}
#WikiaBar > .WikiaBarWrapper ~ .popover {
border: 0;
pointer-events: none;
background-color: var(--bg-gray-1);
top: 0 !important; /* fix FandomDesktop bug on user profile page */
}
#WikiaBar > .WikiaBarWrapper ~ .popover > .popover-body {
color: var(--t-soft-2);
}
#WikiaBar > .WikiaBarWrapper ~ .popover > .arrow:after {
bottom: 2px;
border-top-color: var(--bg-gray-1);
}
#WikiaBar > .WikiaBarWrapper ~ .popover > .arrow:before {
content: none;
}
/* modal - view all admins */
.user-tools-modal__section label {
display: block;
color: var(--t-soft-1);
text-transform: lowercase;
}
.user-tools-modal__section label:first-letter {
text-transform: uppercase;
}
.user-tools-modal .search-box,
.user-tools-modal .advanced-tools,
.user-tools-modal .popular-tools-group,
.user-tools-modal .options-list {
border: 0;
background-color: var(--em-2);
}
.user-tools-modal .options-list {
padding: 0;
}
.user-tools-modal .options-list li {
border-bottom: 2px solid var(--em-2);
padding: 6px 12px;
}
.user-tools-modal .options-list .list-item-indent-1 {
border-left: 2px solid var(--em-2);
}
.wds-global-footer__bottom-bar,
.page__main-is-edit .page-content {
transition: padding .3s;
}
.wikia-bar-visible .wds-global-footer__bottom-bar,
.wikia-bar-visible .page__main-is-edit .page-content {
padding-bottom: 28px;
}
/* - - - - - - - - - - - - - - - PSEUDO ELEMENTS - - - - - - - - - - - - - - -*/
/* Selected by user */
.theme-fandomdesktop-dark *::selection {
background-color:#28a47efe;
color: var(--txt);
text-shadow: 0 0 #000;
}
.theme-fandomdesktop-light *::selection{
background-color:#3bb48ffe;
color: var(--txt);
text-shadow: 0 0 #000;
}
.theme-fandomdesktop-dark a::selection{
color: var(--bg-gray-0);
}
.theme-fandomdesktop-light a::selection{
color: var(--bg-gray-2);
}
.mediawiki img::selection {
background-color: #3bb48f99;
}
/* Placeholder */
::placeholder {
opacity: 1;
color: var(--t-grayout);
font-family: helvetica,arial,sans-serif;
transition: .3s;
}
/* Scrollbar */
::-webkit-scrollbar {
width: 13px;
height: 9px;
}
::-webkit-scrollbar-button {
width: 0;
height: 0;
}
::-webkit-scrollbar-thumb {
border-radius: 8px;
border: 2px solid transparent;
background-clip: padding-box;
min-height: 36px;
background-color: black;
}
.theme-fandomdesktop-dark::-webkit-scrollbar-thumb,
.theme-fandomdesktop-dark *::-webkit-scrollbar-thumb {
background-color: var(--t-soft-2);
}
.theme-fandomdesktop-dark::-webkit-scrollbar-thumb:hover,
.theme-fandomdesktop-dark *::-webkit-scrollbar-thumb:hover {
background-color: var(--t-soft-1);
}
.theme-fandomdesktop-light::-webkit-scrollbar-thumb,
.theme-fandomdesktop-light *::-webkit-scrollbar-thumb {
background-color: var(--bg-em-2);
}
.theme-fandomdesktop-light::-webkit-scrollbar-thumb:hover,
.theme-fandomdesktop-light *::-webkit-scrollbar-thumb:hover {
background-color: var(--bg-full);
}
::-webkit-scrollbar-track {
background: #2d2a2533;
border: 0;
border-radius: 0;
}
::-webkit-scrollbar-corner {
background: transparent;
}
.global-navigation *::-webkit-scrollbar-thumb {
background-color: #999;
}
.global-navigation *::-webkit-scrollbar-thumb:hover,
.global-navigation *::-webkit-scrollbar-thumb:active {
background-color: #666;
}