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)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/*
* HydraRevived - Vector
*
* Modifies HydraRevived's CSS to resemble the legacy Vector skin. It's designed to be
* imported after HydraRevived CSS.
*
* This script is not stable. In fact, it's not organised at all (I'll organise it
* someday... maybe... or maybe not.)
*
* Uses [[UCPEditorMinimal]] and MediaWIkify from ru.spy-x-family
*
* @author U.ayaao.p
*/
@import "/load.php?mode=articles&articles=u:dev:MediaWiki:HydraRevived/main.css|u:dev:MediaWiki:HydraRevived/preload.css&only=styles";
@import "/ru/load.php?mode=articles&articles=u:dev:MediaWiki:UCPEditorMinimal.css&only=styles";
body {
--fandom-dropdown-background-color: var(--theme-page-background-color);
--fandom-notifications-background-color: var(--theme-page-background-color);
--fandom-notifications-read-card-background-color: var(--theme-page-background-color);
--fandom-notifications-unread-card-background-color: var(--theme-page-background-color--secondary);
--fandom-notifications-footer-text-color: var(--theme-page-text-mix);
--fandom-global-nav-background-color: var(--theme-page-background-color);
--fandom-global-nav-panel-background-color: var(--theme-page-background-color);
--fandom-global-nav-icon-background-color--hover: var(--theme-page-background-color--secondary);
--fandom-global-nav-link-color: var(--theme-page-text-color);
--fandom-global-nav-link-color--hover: var(--theme-page-text-color);
--fandom-global-nav-counter-background-color: var(--theme-link-color);
--fandom-global-nav-counter-label-color: var(--theme-page-background-color);
--fandom-global-nav-icon-background-color--active: rgba(var(--theme-border-color--rgb), .5);
--theme-page-border-color: rgba(var(--theme-accent-color--rgb), .5);
--theme-link-decoration: none;
}
.global-top-navigation {
--fandom-top-nav-icon-color: var(--theme-page-text-color);
--fandom-top-nav-icon-color--hover: var(--theme-page-text-color--hover);
--fandom-secondary-color--hover: var(--theme-page-background-color--secondary)
}
.wds-dropdown {
--wds-dropdown-background-color: var(--theme-page-background-color);
}
.theme-fandomdesktop-light {
--theme-body-background-color: #f6f6f6;
--theme-body-background-color--rgb: 246, 246, 246;
--theme-page-background-color: #fff;
--theme-page-background-color--rgb: 255, 255, 255;
--theme-page-background-color--secondary: #eaecf0;
--theme-page-background-color--secondary--rgb: 234, 236, 240;
--theme-page-text-color: #202122;
--theme-page-text-color--rgb: 32, 33, 34;
--fandom-text-color: #000;
--theme-page-text-mix-color: #54595d;
--theme-alert-color: #ba0000;
--theme-alert-color--hover: #ba0000;
}
.skin-fandomdesktop.theme-fandomdesktop-dark {
--theme-body-background-color: #131516;
--theme-page-text-mix-color: rgb(176, 169, 159);
--theme-page-background-color: #181a1b;
--theme-page-background-color--rgb: 24, 26, 27;
--theme-page-background-color--secondary: #26292a;
--theme-page-background-color--secondary--rgb: 38, 41, 42;
--theme-border-color: rgb(72, 78, 81);
--theme-border-color--rgb: 72, 78, 81;
--theme-alert-color: #ba0000;
--theme-alert-color--hover: #ba0000;
--theme-page-text-color: rgb(211, 207, 202);
--theme-page-text-color--rgb: 211, 207, 202
}
.toctogglespan .toctogglelabel:active, .toctogglespan .toctogglelabel:focus, .toctogglespan .toctogglelabel:hover, a:active, a:focus, a:hover, ul.gallery.mw-gallery-slideshow .gallerycarousel > div .mw-gallery-slideshow-caption a:active, ul.gallery.mw-gallery-slideshow .gallerycarousel > div .mw-gallery-slideshow-caption a:focus, ul.gallery.mw-gallery-slideshow .gallerycarousel > div .mw-gallery-slideshow-caption a:hover, ul.gallery.mw-gallery-slideshow li.gallerybox .gallerytext a:active, ul.gallery.mw-gallery-slideshow li.gallerybox .gallerytext a:focus, ul.gallery.mw-gallery-slideshow li.gallerybox .gallerytext a:hover {
color: var(--theme-link-color);
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding-top: 0.5em;
padding-bottom: 0.17em;
overflow: hidden;
}
.theme-fandomdesktop-dark h1,
.theme-fandomdesktop-dark h2,
.theme-fandomdesktop-dark h3,
.theme-fandomdesktop-dark h4,
.theme-fandomdesktop-dark h5,
.theme-fandomdesktop-dark h6 {
color: rgb(232, 230, 227);
}
body,
.page-content,
.page-content p {
line-height: 1.6;
}
.main-container {
font-family: sans-serif;
padding-top: 0;
}
.mw-body h1:not([class]),
.mw-body-content h1:not([class]),
.mw-body-content h2:not([class]) {
margin-bottom: 0.25em;
padding: 0;
font-family: 'Linux Libertine', 'Georgia', 'Times', serif;
line-height: 1.3;
color: var(--theme-page-dynamic-color-1)
}
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
margin-top: 0.3em;
margin-bottom: 0;
padding-bottom: 0;
line-height: 1.6;
}
.page-content h3 {
font-size: 1.2em;
}
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6 {
margin-top: 0.3em;
margin-bottom: 0;
padding-bottom: 0;
line-height: 1.6;
}
.page-content p {
margin: 0.5em 0;
}
/** MediaWikify **/
/* partially rolls back Fandom changes to Mediawiki UI */
.oo-ui-panelLayout-padded {
padding: 12px;
}
.mw-content-ltr.mw-highlight-lines pre,
.mw-content-ltr.content .mw-highlight-lines pre {
box-shadow: inset 2.75em 0 0 rgba(var(--theme-page-dynamic-color-1--rgb), 0.05);
}
.oo-ui-panelLayout-padded {
padding: 12px 16px 16px;
}
.oo-ui-buttonElement > .oo-ui-buttonElement-button,
.oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .wds-button {
border-style: solid;
border-width: 1px;
border-radius: 2px;
padding-left: 12px;
padding-right: 12px;
box-sizing: border-box;
}
.oo-ui-buttonElement > .oo-ui-buttonElement-button,
.oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button, .wds-button {
padding-top: 5px;
padding-bottom: 5px;
}
.oo-ui-buttonElement > .oo-ui-buttonElement-button .oo-ui-labelElement-label,
.skin-fandomdesktop .oo-ui-buttonElement > input.oo-ui-buttonElement-button,
.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
line-height: 1.42857143em;
text-transform: none;
}
.oo-ui-buttonElement > .oo-ui-buttonElement-button, .wds-button {
font-size: 14px;
height: auto;
}
.createboxInput[type="text"]:placeholder-shown ~ .createboxButton,
.mw-inputbox-createbox:required:invalid ~ .cdx-button,
.mw-inputbox-createbox:required:invalid ~ .mw-ui-button {
background-color: var(--theme-border-color);
color: var(--theme-page-text-color);
border-color: var(--theme-border-color);
cursor: default;
}
.cdx-button.cdx-progressive:not(:disabled),
.cdx-button.cdx-progressive:not(:disabled).is-on,
.mw-ui-button.mw-ui-progressive:not(:disabled),
.mw-ui-button.mw-ui-progressive:not(:disabled).is-on {
background-color: var(--theme-accent-color);
border-color: var(--theme-accent-color);
color: var(--theme-accent-label-color)
}
.cdx-button.cdx-progressive:not(:disabled):hover,
.cdx-button.cdx-progressive:not(:disabled):focus,
.mw-ui-button.mw-ui-progressive:not(:disabled):hover,
.mw-ui-button.mw-ui-progressive:not(:disabled):focus {
background-color: var(--theme-accent-color--hover);
border-color: var(--theme-accent-color--hover);
color: var(--theme-accent-label-color)
}
.cdx-button.cdx-progressive:not(:disabled):focus,
.mw-ui-button.mw-ui-progressive:not(:disabled):focus {
box-shadow: inset 0 0 0 1px var(--theme-accent-color), inset 0 0 0 2px var(--theme-border-color)
}
.cdx-button:not(.cdx-icon-element),
.mw-ui-button:not(.mw-ui-icon-element),
.wds-button {
min-height: 32px;
max-width: 28.75em;
padding: 5px 12px!important;
}
.cdx-button,
.mw-ui-button,
.wds-button {
display: inline-flex;
box-sizing: border-box;
margin: 0;
border-radius: 2px;
cursor: pointer;
vertical-align: middle;
font-family: inherit;
font-size: 1em;
font-weight: bold;
line-height: 1.28571429em!important;
text-align: center;
-webkit-appearance: none;
text-transform: none;
}
.page-content p {
margin: 0
}
.page-content p + p {
margin-top: 12px
}
.editOptions #editpage-copywarn p {
margin-top: 12px;
}
.oo-ui-inputWidget {
margin-right: 10px;
}
.fandom-community-header__top-container, .resizable-container, .top-ads-container, .top-leaderboard #top_leaderboard {
top: 0;
}
.global-top-navigation {
position: absolute;
padding: 0;
height: fit-content;
width: calc(100% - var(--hydra-revived-sidebar-width--large) - 1em);
background: none;
left: var(--hydra-revived-sidebar-width--large);
}
.global-top-navigation__action-wrapper {
gap: 0;
}
.wds-avatar.wds-avatar--square::after {
transition: none;
}
.global-action__item .wds-avatar.wds-avatar--square {
--wds-avatar-size: 30px;
}
/* User */
.global-top-navigation .global-action__icon > svg, .global-top-navigation .global-action__icon, .global-top-navigation .global-action__user.global-action__item .global-action__icon {
height: 18px;
width: 18px;
min-width: unset;
display: flex;
align-items: center;
gap: 6px;
}
.global-top-navigation .global-action__user.global-action__item .global-action__icon,.global-action__item.global-action__user .wds-avatar.wds-avatar--square {
padding: 0 4px;
width: fit-content;
max-width: 200px;
white-space: nowrap;
overflow: hidden;
}
.global-top-navigation .global-action__user.global-action__item span.global-action__icon::after {
content: attr(title);
display: inline-block;
vertical-align: top;
color: var(--theme-page-text-color);
}
.global-top-navigation .global-action__user.global-action__item .wds-avatar.wds-avatar--square::after {
width: 100%;
}
.fandom-community-header .wiki-tools .wds-dropdown .wds-dropdown__content {
background: var(--theme-page-background-color);
border: 1px solid var(--theme-border-color);
}
.wds-dropdown.wds-open-to-right.is-attached-to-bottom:hover .global-navigation__icon {
background: none;
}
.wds-dropdown__content:not(.wds-is-not-scrollable) .wds-list {
background-image: none;
}
.global-top-navigation .wds-dropdown,
.fandom-community-header .wiki-tools > .wds-dropdown .wds-dropdown__content li a,
.wds-dropdown {
--wds-dropdown-background-color: var(--theme-page-background-color);
--wds-dropdown-border-color: var(--theme-border-color);
--wds-dropdown-text-color: var(--theme-page-text-color);
--wds-dropdown-linked-item-color: var(--theme-page-text-color);
--wds-dropdown-linked-item-background-color: var(--theme-page-background-color--secondary);
--wds-dropdown-scrollable-shadow-color: rgba(var(--theme-page-text-color--rgb), 0.1);
--fandom-global-nav-bottom-icon-color: var(--theme-page-text-color);
--fandom-text-color: var(--theme-page-text-color);
--fandom-border-color: var(--theme-border-color);
--fandom-text-color--rgb: var(--theme-page-text-color--rgb)
}
.fandom-community-header__top-container {
left: calc(var(--hydra-revived-sidebar-width--large) + 8px);
position: absolute;
}
.fandom-community-header__top-container .wiki-tools .wds-button {
padding: 8px!important;
}
.fandom-community-header__top-container .wiki-tools .wds-button {
--wds-secondary-button-label-color: var(--theme-page-text-color);
--wds-secondary-button-label-color--hover: var(--theme-page-text-color)
}
.fandom-community-header__top-container .wiki-tools .wds-dropdown:hover .wds-button,
.fandom-community-header__top-container .wiki-tools > .wds-button:hover,
:is(.global-action__user__tab-container, .global-action__user__panel-container) li:hover {
background: var(--theme-page-background-color--secondary)!important;
}
.fandom-community-header__top-container .wiki-tools .wds-button {
border-right: 1px solid rgba(var(--theme-border-color--rgb), .5)
}
.global-navigation .global-navigation__links *[data-tracking-label="start-a-wiki"] .global-navigation__label,
.fandom-community-header .wiki-tools .wds-button:after {
background: var(--theme-page-background-color);
}
#notifications__content, #notifications__content a, #notifications__content button, :is(.global-action__user__tab-container, .global-action__user__panel-container) :is(a, div, .global-action__sign-out-link) {
color: var(--theme-page-text-color)!important;
}
#notifications__content .wds-tabs .wds-tabs__tab:not(.wds-is-current) {
color: var(--theme-page-text-mix-color)
}
.page__main {
padding: 1em;
}
@media screen and (min-width: 982px) {
.page__main {
padding: 1.25em 1.5em 1.5em 1.5em
}
}
.theme-fandomdesktop-light .page {
margin-top: -1px;
}
.page-footer .wds-collapsible-panel {
border: 0
}
.page-footer .wds-collapsible-panel__header,
.marketing-notifications {
display: none;
}
.page-footer {
margin-top: 1em;
}
.page-footer .wds-collapsible-panel__content,
.page-footer .wds-collapsible-panel.wds-is-collapsed .wds-collapsible-panel__content {
display: block;
}
.page-footer .wds-collapsible-panel__content .CategorySelect.articlePage,
.page-footer__languages .wds-collapsible-panel__content {
background-image: none;
font-size: 14px;
line-height: normal;
margin: 5px 0;
position: relative;
border: 1px solid var(--theme-border-color);
background-color: rgba(var(--theme-page-background-color--secondary--rgb), .4);
padding: 6px;
clear: both;
}
.theme-fandomdesktop-light .community-header-wrapper .extra-large-navigation .wds-dropdown__content > .wds-list > .wds-dropdown-level-nested .wds-dropdown-level-nested__content,
.theme-fandomdesktop-light .page__head .wds-dropdown .wds-dropdown__content,
.skin-fandomdesktop .oo-ui-popupWidget-popup {
background: var(--theme-page-background-color);
}
.wds-collapsible-panel__content .CategorySelect.articlePage .container {
padding: 0;
}
.CategorySelect.articlePage .categories {
display: flex;
align-items: center;
}
.CategorySelect.articlePage .category,
.CategorySelect.articlePage .special-categories-label,
.CategorySelect.articlePage .last {
margin: 0;
padding: 0
}
.CategorySelect.articlePage .add {
padding: 0!important;
background-color: transparent;
border: 0;
height: initial;
min-height: initial;
text-transform: none;
color: var(--theme-link-color);
font-size: 14px;
font-weight: inherit;
}
.CategorySelect.articlePage .category {
padding-right: 6px;
}
.CategorySelect.articlePage .category:not(:first-of-type),
.CategorySelect.articlePage .last {
padding-left: 6px;
}
.CategorySelect.articlePage .special-categories-label a {
line-height: initial;
padding: 0;
}
.page-footer__languages .wds-collapsible-panel__content::before {
content: "Languages:"
}
.page-footer .catlinks {
border: 1px solid var(--theme-border-color);
background-color: rgba(var(--theme-page-background-color--secondary--rgb), .4);
padding: 5px;
margin-top: 1em;
clear: both;
}
.page-content .portable-infobox h2,
.page-content .portable-infobox h3 {
padding: 0
}
.fandom-community-header__local-navigation .wds-collapsible-panel .wds-collapsible-panel__header .wds-icon {
cursor: pointer
}
.fandom-community-header__local-navigation .wds-collapsible-panel__header,
.fandom-community-header__local-navigation .wds-collapsible-panel .wds-dropdown__toggle.first-level-item.wds-collapsible-panel__header {
padding: 6px;
}
.fandom-community-header__local-navigation .wds-list {
padding: 0 0 0 6px
}
.fandom-community-header .fandom-community-header__local-navigation {
background-color: rgba(var(--theme-page-dynamic-color-1--rgb), .2);
border-radius: 10px;
padding: 10px;
backdrop-filter: blur(5px)
}
.page-footer .page-footer__categories .wds-collapsible-panel__content {
padding: 0;
border: 0
}
.global-footer,
#WikiaBar,
.global-top-navigation__fandom-logo {
display: none
}
.resizable-container .page .page__head > * > :not(:first-child),
.theme-designer,
.interactive-map-editor {
margin-left: 0
}
#simpleSearch #searchInput {
background-color: var(--theme-page-background-color);
color: var(--theme-page-text-color);
width: 100%;
height: 2.15384615em;
box-sizing: border-box;
border: 1px solid var(--theme-border-color);
border-radius: 2px;
padding: 5px 2.15384615em 5px 0.4em;
box-shadow: inset 0 0 0 1px transparent;
font-family: inherit;
direction: ltr;
transition-property: border-color, box-shadow;
transition-duration: 250ms;
-webkit-appearance: none;
-moz-appearance: textfield;
}
#simpleSearch #searchInput:focus,
#simpleSearch #searchInput:hover #simpleSearch #searchInput:focus {
outline: 0;
border-color: var(--theme-accent-color);
box-shadow: inset 0 0 0 1px var(--theme-accent-color);
}
#simpleSearch {
border: 0;
position: relative;
height: 100%;
min-width: 5em;
width: 20vw;
padding: 0;
max-width: 20em;
}
#simpleSearch #searchButton,
#simpleSearch #mw-searchButton {
background-color: transparent;
position: absolute;
top: 1px;
bottom: 1px;
right: 1px;
min-width: 28px;
width: 2.15384615em;
border: 0;
padding: 0;
cursor: pointer;
font-size: 0.8125em;
direction: ltr;
text-indent: -99999px;
white-space: nowrap;
overflow: hidden;
z-index: 1;
}
#searchform {
margin: 0.5em 0 0.3em 0.5em;
float: left;
}
.wds-dropdown .wds-dropdown__content,
.page__head .wds-dropdown .wds-dropdown__content,
.ve-ui-pageActionsPopupButtonWidget.oo-ui-widget .ve-ui-pageActionsPopupButtonWidget-popup {
padding: 0
}
.wds-dropdown__content .wds-list > li {
margin: 0
}
.wds-dropdown__content .wds-list.wds-is-linked > li > a:not(.wds-button),
.ve-ui-modeSwitchPopupButtonWidget.oo-ui-widget .ve-ui-modeSwitchPopupButtonWidget-popup .ve-ui-modeSwitchPopupButtonWidget-member,
.ve-ui-modeSwitchPopupButtonWidget.oo-ui-widget .ve-ui-modeSwitchPopupButtonWidget-popup .ve-ui-pageActionsPopupButtonWidget-member,
.ve-ui-modeSwitchPopupButtonWidget.oo-ui-widget .ve-ui-pageActionsPopupButtonWidget-popup .ve-ui-modeSwitchPopupButtonWidget-member,
.ve-ui-modeSwitchPopupButtonWidget.oo-ui-widget .ve-ui-pageActionsPopupButtonWidget-popup .ve-ui-pageActionsPopupButtonWidget-member,
.ve-ui-pageActionsPopupButtonWidget.oo-ui-widget .ve-ui-modeSwitchPopupButtonWidget-popup .ve-ui-modeSwitchPopupButtonWidget-member,
.ve-ui-pageActionsPopupButtonWidget.oo-ui-widget .ve-ui-modeSwitchPopupButtonWidget-popup .ve-ui-pageActionsPopupButtonWidget-member,
.ve-ui-pageActionsPopupButtonWidget.oo-ui-widget .ve-ui-pageActionsPopupButtonWidget-popup .ve-ui-modeSwitchPopupButtonWidget-member,
.ve-ui-pageActionsPopupButtonWidget.oo-ui-widget .ve-ui-pageActionsPopupButtonWidget-popup .ve-ui-pageActionsPopupButtonWidget-member {
min-height: 31px;
min-width: 4em;
max-width: unset;
padding: 0.612em;
transition: 0s;
line-height: 1.2em;
}
.fandom-community-header .wiki-tools > .wds-dropdown .wds-dropdown__content li:hover a,
.fandom-community-header .wiki-tools > .wds-dropdown .wds-dropdown__content li:hover button {
background-color: var(--wds-dropdown-linked-item-background-color);
color: var(--wds-dropdown-linked-item-color);
}
.oo-ui-buttonElement.oo-ui-labelElement > input.oo-ui-buttonElement-button,
.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
line-height: 1.2em;
text-transform: none;
}
.resizable-container .page .page__head .head-tab {
background-position: right bottom;
box-sizing: border-box;
display: block;
float: left;
position: relative;
padding-top: 1.1em;
padding-left: 8px;
padding-right: 8px;
cursor: pointer;
line-height: 1.8;
padding-bottom: 2px;
height: 3.07692308em;
}
html:not(.ve-activated) .page.has-right-rail .page__main {
border-radius: 0
}
.fandom-community-header__local-navigation .wds-dropdown.wds-collapsible-panel {
border-color: rgba(var(--theme-page-dynamic-color-1--rgb), .2)
}
.mw-content-ltr ul,
.mw-content-rtl .mw-content-ltr ul {
margin: 0.3em 0 0 1.6em;
padding: 0;
}
li {
margin-bottom: 0.1em;
}
li.wds-tabs__tab {
margin: 0;
}
li.wds-tabs__tab a:focus {
text-decoration: none
}
.page-header {
margin: 0;
}
.page-haeder h1,
.page-header__title-wrapper h1 {
margin-bottom: 0.25em;
padding: 0;
font-family: 'Linux Libertine', 'Georgia', 'Times', serif;
line-height: 1.3;
font-size: 1.8em;
border-bottom: 1px solid var(--theme-border-color);
color: var(--theme-page-dynamic-color-1)
}
.oo-ui-popupWidget-popup {
padding: 16px;
}
.ve-ui-pageToolsPopupTool-popup {
padding: 0;
overflow-x: hidden!important
}
.ve-ui-pageToolsPopupTool-popup .oo-ui-buttonWidget,
.ve-ui-pageActionsPopupButtonWidget.oo-ui-widget .ve-ui-pageActionsPopupButtonWidget-popup .oo-ui-buttonWidget {
margin: 0
}
.page-footer .license-description {
margin: 12px 0 0;
}
#mw-data-after-content {
margin: 24px auto 0;
max-width: 60%;
}
.wikia-bar-visible #preferences .mw-prefs-buttons {
bottom: 0;
}
.skin-fandomdesktop.theme-fandomdesktop-light .wikitable,
.skin-fandomdesktop.theme-fandomdesktop-light .fandom-table {
background-color: #f8f9fa;
color: #202122;
margin: 1em 0;
border: 1px solid #a2a9b1;
border-collapse: collapse
}
.skin-fandomdesktop.theme-fandomdesktop-light .wikitable > tr > th,
.skin-fandomdesktop.theme-fandomdesktop-light .wikitable > tr > td,
.skin-fandomdesktop.theme-fandomdesktop-light .wikitable > * > tr > th,
.skin-fandomdesktop.theme-fandomdesktop-light .wikitable > * > tr > td,
.skin-fandomdesktop.theme-fandomdesktop-light .fandom-table > tr > th,
.skin-fandomdesktop.theme-fandomdesktop-light .fandom-table > tr > td,
.skin-fandomdesktop.theme-fandomdesktop-light .fandom-table > * > tr > th,
.skin-fandomdesktop.theme-fandomdesktop-light .fandom-table > * > tr > td,
.skin-fandomdesktop.theme-fandomdesktop-light .article-table > tr > th,
.skin-fandomdesktop.theme-fandomdesktop-light .article-table > tr > td,
.skin-fandomdesktop.theme-fandomdesktop-light .article-table > * > tr > th,
.skin-fandomdesktop.theme-fandomdesktop-light .article-table > * > tr > td {
border: 1px solid #a2a9b1;
padding: 0.2em 0.4em
}
.skin-fandomdesktop.theme-fandomdesktop-light .wikitable > tr > th,
.skin-fandomdesktop.theme-fandomdesktop-light .wikitable > * > tr > th,
.skin-fandomdesktop.theme-fandomdesktop-light .fandom-table > tr > th,
.skin-fandomdesktop.theme-fandomdesktop-light .fandom-table > * > tr > th,
.skin-fandomdesktop.theme-fandomdesktop-light .article-table > tr > th,
.skin-fandomdesktop.theme-fandomdesktop-light .article-table > * > tr > th {
background-color: #eaecf0;
text-align: center
}
.skin-fandomdesktop.theme-fandomdesktop-light .wikitable > caption,
.skin-fandomdesktop.theme-fandomdesktop-light .fandom-table > caption,
.skin-fandomdesktop.theme-fandomdesktop-light .article-table > caption {
font-weight: bold
}
.resizable-container .page .page__head .head-tab:hover,
.resizable-container .page .page__head .head-tab.selected {
text-decoration: underline;
}
/**EDITOR INTERFACE **/
.ve-ui-overlay {
font: 12px arial, sans-serif;
line-height: inherit;
}
.skin-fandomdesktop .ve-ui-toolbar.ve-init-mw-desktopArticleTarget-toolbar > .oo-ui-toolbar-bar {
padding: 0;
background-color: var(--theme-page-background-color);
}
.oo-ui-toolbar-tools .oo-ui-tool,
.oo-ui-toolbar-popups .oo-ui-tool,
.oo-ui-toolbar-tools .oo-ui-popupTool-popup,
.oo-ui-toolbar-popups .oo-ui-popupTool-popup {
white-space: normal;
}
.skin-fandomdesktop .oo-ui-toolbar-position-top > .oo-ui-toolbar-bar {
border-bottom: 1px solid #c8ccd1;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.skin-fandomdesktop .oo-ui-toolbar-bar {
line-height: 1;
position: relative;
}
.skin-fandomdesktop .oo-ui-toolbar-tools {
display: inline;
}
.skin-fandomdesktop .oo-ui-toolbar-tools,
.skin-fandomdesktop .oo-ui-toolbar-popups {
white-space: nowrap;
}
.skin-fandomdesktop .oo-ui-tool .oo-ui-iconElement-icon {
display: block;
left: 0.78571429em;
position: absolute;
top: 0;
margin: 0;
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
min-width: 20px;
width: 1.42857143em;
min-height: 20px;
height: 100%;
}
.skin-fandomdesktop .oo-ui-popupToolGroup-tools .oo-ui-iconElement .oo-ui-tool-link {
padding-left: 2.64285714em;
}
.skin-fandomdesktop .oo-ui-tool > .oo-ui-tool-link > .oo-ui-tool-checkIcon {
display: none;
}
.skin-fandomdesktop .oo-ui-barToolGroup-tools > .oo-ui-tool {
display: inline-block;
position: relative;
vertical-align: top;
}
.oo-ui-listToolGroup-tools .oo-ui-tool {
display: block;
box-sizing: border-box;
}
.oo-ui-tool .oo-ui-tool-link {
position: relative;
box-sizing: border-box;
padding-top: 3em;
padding-left: 3em;
}
.skin-fandomdesktop .oo-ui-tool .oo-ui-tool-link,
.skin-fandomdesktop .oo-ui-barToolGroup-tools > .oo-ui-tool > .oo-ui-tool-link {
position: relative;
box-sizing: border-box;
padding: 0;
padding-top: 3em;
padding-left: 3em;
height: 0;
display: block;
}
.oo-ui-popupToolGroup-handle .oo-ui-labelElement-label:not(:empty) {
display: inline-block;
}
.oo-ui-barToolGroup-tools > .oo-ui-tool.oo-ui-iconElement.oo-ui-tool-with-label > .oo-ui-tool-link .oo-ui-tool-title {
display: none;
}
.ve-ui-advancedFormattingBar .oo-ui-toolbar-bar .oo-ui-tool.oo-ui-widget-enabled .oo-ui-iconElement-icon {
opacity: 0.87;
transition: opacity 100ms;
transform: translateZ(0);
}
.skin-fandomdesktop .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
padding: 11px 12px;
height: auto;
}
.skin-fandomdesktop .ve-init-mw-desktopArticleTarget-toolbar,
.skin-fandomdesktop .ve-init-mw-desktopArticleTarget-toolbarPlaceholder {
font-size: 0.875em;
}
.skin-fandomdesktop .oo-ui-popupToolGroup-tools > .oo-ui-tool {
margin: 0;
}
.skin-fandomdesktop .oo-ui-popupToolGroup-tools.oo-ui-popupToolGroup-active-tools {
padding: 0;
}
.theme-fandomdesktop-light .oo-ui-popupToolGroup-tools {
background-color: #fff;
min-width: 16em;
margin: 0 -1px;
border: 1px solid #c8ccd1;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
}
.skin-fandomdesktop .oo-ui-popupToolGroup-tools .oo-ui-tool-link {
display: table;
width: 100%;
vertical-align: middle;
white-space: nowrap;
}
.skin-fandomdesktop .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel,
.skin-fandomdesktop .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-title {
display: table-cell;
vertical-align: middle;
}
.skin-fandomdesktop .oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading1 .oo-ui-tool-title,
.skin-fandomdesktop .oo-ui-menuToolGroup-tools .oo-ui-tool-name-heading2 .oo-ui-tool-title {
font-family: 'Linux Libertine', 'Georgia', 'Times', serif;
}
.skin-fandomdesktop .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
text-align: right;
}
.skin-fandomdesktop .oo-ui-popupToolGroup-tools .oo-ui-tool-link .oo-ui-tool-accel {
color: #72777d;
line-height: 1.42857143em;
}
.skin-fandomdesktop .oo-ui-windowManager-modal > .ve-ui-mwSaveDialog > .oo-ui-window-frame {
left: 0!important;
}
.page.page-is-edit,
.ve-active .page {
margin-top: 0;
height: 100%;
}
body.action-edit .main-container .resizable-container,
html.ve-activated .main-container .resizable-container {
grid-template-columns: 100%;
}
/**TABS**/
.wds-tabs,
.wds-tabs__wrapper {
--wds-tab-color--active: var(--theme-accent-color);
}
.wds-tabs__tab-label {
height: auto;
margin: 0;
box-sizing: border-box;
vertical-align: bottom;
padding: 0 8px;
border-color: transparent;
border-style: solid;
font-weight: bold;
line-height: 1;
transition: background-color 100ms, color 100ms, border-color 100ms;
}
span.wds-tabs__tab-label {
padding: 8px 8px;
}
.wds-tabs__tab-label > a {
color: inherit;
padding: 5px 5px;
line-height: 1.42857143em;
text-decoration: inherit;
display: block;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.wds-tabs__tab.wds-is-current {
-webkit-box-shadow: inset 0 -2px 0 0px currentColor;
box-shadow: inset 0 -2px 0 0px currentColor;
}
.wds-tabs__tab:not(:last-of-type) {
margin-right: 6px
}
.wds-tabs__tab:hover {
color: rgba(var(--theme-accent-color--rgb), .5);
box-shadow: inset 0 -2px 0 0px currentColor;
}
/** SITENOTICE **/
.sitenotice::before {
display: none;
}
/** page section edit button **/
.mw-editsection a svg {
display: none;
}
.mw-editsection a[href*="?veaction=edit"]:before {
content: "edit"
}
.mw-editsection a[href*="?action=edit"]:before {
content: "edit source"
}
.catlinks-allhidden,
.mw-editsection-bracket,
.mw-editsection-divider,
.mw-hidden-cats-hidden {
display: initial!important;
}
.mw-content-ltr .mw-editsection,
.mw-content-rtl .mw-content-ltr .mw-editsection,
.mw-content-ltr .mw-editsection-like,
.mw-content-rtl .mw-content-ltr .mw-editsection-like {
margin-left: 1em;
margin-right: 0;
}
.mw-editsection,
.mw-editsection-like {
font-size: small;
font-weight: normal;
margin-left: 1em;
vertical-align: baseline;
line-height: 1em;
}
/** sticky toc **/
.sticky-toc.toc .toctitle h2 {
margin: 0;
}
/** community header **/
.fandom-community-header__local-navigation .first-level-item a {
padding: 0;
}
.fandom-community-header__local-navigation ul.wds-tabs .wds-collapsible-panel .wds-collapsible-panel__content ul.wds-list li > a {
margin: 0;
padding: 0.25em 0;
line-height: 1.125em;
word-wrap: break-word;
color: var(--theme-link-color)
}
.fandom-community-header__local-navigation .wds-list {
padding: 0 0 0 8px;
}
.fandom-community-header .fandom-community-header__local-navigation {
background-color: transparent;
border-radius: 0;
padding: 0 0.6em 0 0.7em
}
.fandom-community-header__background {
background: #f6f6f6
}
.theme-fandomdesktop-dark .fandom-community-header__background {
background: #131516;
opacity: 1
}
.fandom-community-header__local-navigation .navigation-item-icon,
.fandom-community-header__local-navigation ul.wds-tabs .wds-collapsible-panel .wds-collapsible-panel__content ul.wds-list li > a.wds-dropdown-level-nested__toggle .wds-icon-tiny {
display: none
}
.fandom-community-header:not(.has-no-logo) .fandom-community-header__image img {
width: 10em;
margin-bottom: 1em;
object-position: center
}
.fandom-community-header__local-navigation ul.wds-tabs li.wds-dropdown.wds-collapsible-panel div.wds-tabs__tab-label.wds-dropdown__toggle {
background-image: linear-gradient(to right, rgba(200, 204, 209, 0) 0, #c8ccd1 33%, #c8ccd1 66%, rgba(200, 204, 209, 0) 100%);
background-position: center bottom;
background-repeat: no-repeat;
background-size: 100% 1px;
color: var(--theme-page-text-mix-color);
text-transform: none;
margin: 0.5em 0 0 0.66666667em;
padding: 0.25em 0;
font-weight: normal;
cursor: default;
border: none;
}
.theme-fandomdesktop-dark .fandom-community-header__local-navigation ul.wds-tabs li.wds-dropdown.wds-collapsible-panel div.wds-tabs__tab-label.wds-dropdown__toggle {
background-image: linear-gradient(to right, rgba(53, 57, 59, 0) 0px, rgb(53, 57, 59) 33%, rgb(53, 57, 59) 66%, rgba(53, 57, 59, 0) 100%);
}
.fandom-community-header .wds-dropdown.wds-collapsible-panel .wds-collapsible-panel__content {
margin: 0.5em 0 0;
}
.fandom-community-header__local-navigation .wds-dropdown.wds-collapsible-panel {
border: 0;
}
.resizable-container .page .page__head .page-tabs__right {
position: relative;
}
.resizable-container .page .page__head {
background-color: rgba(255, 255, 255, .1);
padding: 0;
height: 5.5em;
background: linear-gradient(to bottom, #fff 50%, #f6f6f6 100%);
padding-left: 1px;
position: relative;
}
.resizable-container .page .page__head:before, .resizable-container .page .page__head .page-tabs__right:before, .skin-fandomdesktop .resizable-container .page .page__head .head-tab::after {
content: '';
height: 100%;
width: 1px;
position: absolute;
display: block;
left: 0;
top: 0;
background: linear-gradient(to top, var(--theme-page-border-color), transparent);
}
.skin-fandomdesktop .resizable-container .page .page__head .head-tab::after {
left: unset;
right: 0;
}
.theme-fandomdesktop-dark .resizable-container .page .page__head {
background: #181a1b
}
.skin-fandomdesktop .resizable-container .page .page__head .head-tab,
.skin-fandomdesktop .resizable-container .page .page__head .head-tab:not(.selected):hover {
background: linear-gradient(to top, rgba(var(--theme-accent-color--rgb), .5) 0, rgba(var(--theme-accent-color--rgb), .05) 1px, var(--theme-page-background-color) 100%);
background-repeat: no-repeat;
font-size: 0.9125em;
}
.skin-fandomdesktop .resizable-container .page .page__head .head-tab.selected {
text-decoration: none;
background: linear-gradient(to top, var(--theme-page-background-color) 60%, transparent);
color: var(--theme-page-text-color);
margin-bottom: -1px;
position: relative;
z-index: 1;
padding-top: calc(1.1em - 1px);
}
.skin-fandomdesktop .resizable-container .page .page__head .more-actions .head-tab {
color: var(--theme-page-text-mix-color);
}
.skin-fandomdesktop .page__main {
border: 1px solid var(--theme-page-border-color)
}
.page-content p + p,
.page-content p {
margin: 0.5em 0;
}
.skin-fandomdesktop .page {
margin-top: -1px;
}
.skin-fandomdesktop .ve-ui-toolbar.ve-init-mw-desktopArticleTarget-toolbar > .oo-ui-toolbar-bar {
padding: 0;
}
/** Thumb Images **/
/* Changes the styles of thumb images to match how they look on vanilla mediawiki */
.page-content :not(.wikia-gallery-item) > .thumbcaption {
padding: 3px;
border-top: 0;
display: block;
}
.page-content :not(.wikia-gallery-item) > .thumb {
padding: 3px;
border: 1px solid var(--theme-border-color);
background-color: rgba(var(--theme-page-background-color--secondary--rgb), 0.5);
font-size: 94%;
text-align: center;
overflow: hidden;
box-sizing: content-box;
display: block;
}
.thumbcaption {
text-align: left;
line-height: 1.4em;
padding: 3px;
}
.page-content :not(.wikia-gallery-item) > .thumbimage {
background-color: var(--theme-page-background-color);
border: 1px solid var(--theme-border-color);
width: auto;
display: block;
position: relative;
box-sizing: border-box;
}
.page-content .tright {
margin: 0.5em 0 1.3em 1.4em;
}
a.image {
line-height: 0
}
.page-content :not(.wikia-gallery-item) > .thumb .thumbcaption::before {
display: block;
text-indent: 15px;
white-space: nowrap;
overflow: hidden;
width: 15px;
height: 11px;
content: "Magnify";
background: url('https://en.wikipedia.org/w/resources/src/mediawiki.skinning/images/magnify-clip-ltr.svg');
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
float: right;
}
.theme-fandomdesktop-dark .thumb .thumbcaption::before {
filter: invert(1)
}
.thumb.show-info-icon:hover .info-icon {
display: none;
}
/** TOC **/
.main-container .toc .toctitle h2 svg {
display: none
}
.main-container .toc {
display: table;
padding: 7px;
margin: 2.5px 0;
border-radius: 0;
font-size: 95%;
background-color: var(--theme-page-background-color);
border: 1px solid var(--theme-border-color);
}
.main-container .toc .toctitle,
.main-container .toc ul,
.main-container .toc ul li a {
padding: 0
}
.main-container .toc ul {
list-style: none;
margin: 0.3em 0;
text-align: left;
}
.main-container .toc ul li {
margin: 0
}
.main-container .toc .toctitle {
border: 0;
text-align: center;
display: block;
min-width: auto !important;
}
.main-container .toc .toctitle h2 {
display: initial;
margin-top: 1em;
margin-bottom: 0.25em;
line-height: 1.6;
}
.main-container .toctogglespan .toctogglelabel {
font-size: 12px;
margin: 0;
}
.main-container .toc ul li a {
line-height: 1.6;
padding: 0;
color: var(--theme-link-color);
}
.toc ul li a:hover {
color: var(--theme-link-color);
text-decoration: underline
}
.toc ul li a:hover .tocnumber {
color: rgba(var(--theme-page-text-color--rgb), .6);
}
.toc ul li a:hover {
background-color: transparent;
}
.main-container .toctogglespan {
margin-left: 1px;
}
.sticky-toc.toc .toctitle .wds-icon {
margin-left: 6px;
}
.sticky-toc.toc > ul::after,
.sticky-toc.toc > ul::before {
display: none;
}
.ve-ui-overlay {
font: 12px arial, sans-serif;
line-height: inherit;
}
.page-header .page-header__bottom {
display: block;
}
.mw-editsection a {
white-space: nowrap;
font-family: sans-serif;
}
body {
font-size: 0.875em;
font-size: calc(1em * 0.875)!important;
line-height: 1.6;
}
.oo-ui-popupWidget-popup {
background-color: var(--theme-page-background-color);
border: 1px solid var(--theme-border-color);
border-radius: 3px;
box-sizing: border-box;
color: var(--theme-page-text-color);
filter: none;
padding: 0.7em 0.9375em;
}
.oo-ui-popupWidget {
filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.3));
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.oo-ui-menuSelectWidget {
position: absolute;
width: 100%;
z-index: 4;
margin-top: -1px;
background: var(--theme-page-background-color);
margin-bottom: -1px;
border-radius: 0 0 2px 2px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.25);
padding: 0;
}
.mw-rcfilters-ui-filterMenuHeaderWidget-title {
display: inline-block;
font-size: 1.4em;
padding: 0.75em 0 0.75em 0.5em;
}
.mw-rcfilters-ui-filterMenuHeaderWidget-header-invert,
.mw-rcfilters-ui-filterMenuHeaderWidget-header-highlight {
min-width: 1em;
vertical-align: middle;
padding-right: 0.85714286em;
}
.ooui-theme-fandomooui .mw-rcfilters-ui-menuSelectWidget {
font-size: 13px;
}
.mw-rcfilters-ui-filterMenuSectionOptionWidget {
background-color: var(--theme-page-background-color--secondary) !important;
padding-bottom: 0.57142857em !important;
padding-left: 0.85714286em !important;
padding-right: 0.85714286em !important;
margin: 0;
}
.mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
border-bottom: 1px solid var(--theme-page-background-color--secondary) !important;
}
.oo-ui-optionWidget {
position: relative;
display: block;
margin: 0;
line-height: 1;
}
.mw-rcfilters-ui-filterMenuSectionOptionWidget ~ .mw-rcfilters-ui-filterMenuOptionWidget {
padding-left: 0.85714286em;
padding-right: 0.85714286em;
}
.mw-rcfilters-ui-itemMenuOptionWidget .mw-rcfilters-ui-table {
padding-top: 0.42857143em;
padding-bottom: 0.42857143em;
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: rgba(var(--theme-border-color--rgb), 0.20);
color: var(--theme-page-text-color)
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted,
.oo-ui-menuOptionWidget.oo-ui-optionWidget-pressed.oo-ui-menuOptionWidget.oo-ui-optionWidget-highlighted {
background-color: rgba(var(--theme-link-color--rgb), 0.15);
color: var(--theme-link-color)
}
.oo-ui-menuOptionWidget.oo-ui-optionWidget-selected {
background-color: rgba(var(--theme-link-color--rgb), 0.10);
color: var(--theme-page-text-color)
}
.oo-ui-dropdownWidget-handle {
min-height: 32px;
border-radius: 2px;
padding: 5px 2.14285714em 5px 12px;
line-height: 1;
}
.oo-ui-dropdownWidget.oo-ui-indicatorElement .oo-ui-dropdownWidget-handle {
padding-right: 2.57142857em;
}
.oo-ui-dropdownWidget.oo-ui-widget-enabled .oo-ui-dropdownWidget-handle {
transition: background-color 100ms, border-color 100ms, box-shadow 100ms;
background: rgba(var(--theme-page-background-color--secondary--rgb), 0.5)
}
.oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
line-height: 1.42857143em;
}
.oo-ui-decoratedOptionWidget {
padding: 6px 12px!important;
line-height: 1;
}
.oo-ui-decoratedOptionWidget.oo-ui-iconElement {
padding-left: 2.64285714em!important;
}
.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon {
left: 0.78571429em;
}
.mw-rcfilters-ui-savedLinksListWidget-placeholder .oo-ui-iconElement-icon {
opacity: 0.5;
top: 0.7em !important;
height: inherit !important;
}
.mw-rcfilters-ui-filterTagMultiselectWidget-views-input,
.interactive-map-editor {
width: 100%;
background: var(--theme-page-background-color);
}
#mw-indicator-mw-helplink a {
background-image: url(/w/resources/src/mediawiki.helplink/images/helpNotice.svg?46d34);
background-position: left center;
background-repeat: no-repeat;
display: inline-block;
height: 20px;
padding-left: 25px;
line-height: 20px;
}
.oo-ui-tabOptionWidget {
display: inline-block;
box-sizing: border-box;
vertical-align: bottom;
color: #404244;
margin: 6px 0 0 6px!important;
padding: 0 8px;
border-color: transparent;
border-style: solid;
font-weight: bold;
line-height: 1;
transition: background-color 100ms, color 100ms, border-color 100ms;
height: auto !important;
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget .oo-ui-labelElement-label {
border-bottom: 2px solid transparent;
padding: 5px 5px 3px;
transition: border-color 100ms;
}
.mw-prefs-tabs-wrapper.oo-ui-panelLayout-framed,
.mw-prefs-tabs > .oo-ui-menuLayout-content > .oo-ui-indexLayout-stackLayout > .oo-ui-tabPanelLayout {
border: 1px solid var(--theme-page-background-color--secondary) !important;
border-radius: 2px;
}
.oo-ui-tabSelectWidget-framed {
background-color: var(--theme-page-background-color--secondary);
border-bottom: 0
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-optionWidget-selected {
background-color: var(--theme-page-background-color)!important;
color: var(--theme-page-text-color)!important;
}
.oo-ui-tabSelectWidget-framed .oo-ui-tabOptionWidget.oo-ui-widget-enabled:not(.oo-ui-optionWidget-selected):hover {
background: rgba(var(--theme-page-background-color--rgb), 0.3);
color: var(--theme-link-color);
}
.ve-activating .skin-fandomdesktop .page__main,
.ve-active .skin-fandomdesktop .page__main {
min-height: calc(100% - 24px);
padding-bottom: 10px;
}
.ve-activating .skin-fandomdesktop .resizable-container,
.ve-active .skin-fandomdesktop .resizable-container {
width: 95%;
margin: 0 auto;
}