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.
/******************************
CSS for new fandomdesktop (2022)
Contents summary:
Diff Changes
Gallery items
Page Edit Buttons
Wiki Navigation
Pages - article area
WikiaRail
Banner/Notification (bottom left)
Portable Infoboxes - races theme
Portable Infoboxes - mini-games theme
Portable Infoboxes - wikia (default) theme
Article Categories
Wikitables
Table of Contents
WikiActivity screen (Special:RecentChanges)
New Pages screen (Special:NewPages)
Move Page screen (Special:MovePage)
Upload file screen (Special:Upload)
*******************************/
/*
Diff Changes
*/
/*diff changes header link colors*/
.diff.diff-contentalign-left.diff-editfont-sans-serif .diff-title a {
color: var(--theme-now-colors-text);
}
/*diff changes old header*/
.diff.diff-contentalign-left.diff-editfont-sans-serif .diff-title .diff-otitle.diff-side-deleted {
background-color: var(--theme-now-colors-dark-red-inactive);
border: 1px solid var(--theme-now-colors-dark-red-active);
border-radius: 14px 14px 0 0;
color: var(--theme-now-colors-text);
}
/*diff changes old header "OLD" text*/
.diff.diff-contentalign-left.diff-editfont-sans-serif .diff-title .diff-otitle.diff-side-deleted::before {
background-color: var(--theme-now-colors-red-active);
border-radius: 11px;
content: 'OLD';
font-size: 17px;
padding: 1px 14px 1px 14px;
}
/*diff changes old header "NEW" text*/
.diff.diff-contentalign-left.diff-editfont-sans-serif .diff-title .diff-ntitle.diff-side-added::before {
background-color: var(--theme-now-colors-green-active);
border-radius: 11px;
color: black;
content: 'NEW';
font-size: 17px;
padding: 1px 14px 1px 14px;
}
/*diff changes new header*/
.diff.diff-contentalign-left.diff-editfont-sans-serif .diff-title .diff-ntitle.diff-side-added {
background-color: var(--theme-now-colors-dark-green-inactive);
border: 1px solid var(--theme-now-colors-dark-green-active);
border-radius: 14px 14px 0 0;
}
/*diff changes old line header*/
.diff.diff-contentalign-left.diff-editfont-sans-serif .diff-lineno:first-child {
background-color: var(--theme-now-colors-red-inactive);
text-align: center;
}
/*diff changes new line header*/
.diff.diff-contentalign-left.diff-editfont-sans-serif .diff-lineno:last-child {
background-color: var(--theme-now-colors-green-inactive);
text-align: center;
}
/*diff changes greyed out no changes*/
.diff.diff-contentalign-left.diff-editfont-sans-serif .diff-context {
background-color: var(--theme-now-colors-background);
border: none;
border-radius: 14px;
color: #4a4a4a;
}
/*diff changes old line*/
.diff.diff-contentalign-left.diff-editfont-sans-serif .diff-deletedline {
background-color: var(--theme-now-colors-background);
border: 1px solid var(--theme-now-colors-red-active);
border-radius: 14px;
color: var(--theme-now-colors-text);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*diff changes new line hover*/
.diff.diff-contentalign-left.diff-editfont-sans-serif .diff-deletedline:hover {
background-color: var(--theme-now-colors-dark-red-active);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*diff changes new line*/
.diff.diff-contentalign-left.diff-editfont-sans-serif .diff-addedline {
background-color: var(--theme-now-colors-background);
border: 1px solid var(--theme-now-colors-green-active);
border-radius: 14px;
color: var(--theme-now-colors-text);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*diff changes new line hover*/
.diff.diff-contentalign-left.diff-editfont-sans-serif .diff-addedline:hover {
background-color: var(--theme-now-colors-dark-green-active);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*diff changes old line highlighted text*/
.diff.diff-contentalign-left.diff-editfont-sans-serif .diff-deletedline .diffchange.diffchange-inline {
background-color: var(--theme-now-colors-red-active);
border-radius: 4px;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*diff changes old line highlighted text hover*/
.diff.diff-contentalign-left.diff-editfont-sans-serif .diff-deletedline .diffchange.diffchange-inline:hover {
background-color: var(--theme-now-colors-dark-red-inactive);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*diff changes new line highlighted text*/
.diff.diff-contentalign-left.diff-editfont-sans-serif .diff-addedline .diffchange.diffchange-inline {
color: black;
background-color: var(--theme-now-colors-green-active);
border-radius: 4px;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*diff changes new line highlighted text hover*/
.diff.diff-contentalign-left.diff-editfont-sans-serif .diff-addedline .diffchange.diffchange-inline:hover {
background-color: var(--theme-now-colors-dark-green-inactive);
color: var(--theme-now-colors-text);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*
Gallery items
*/
/* gallery item */
.wikia-gallery-item .gallery-image-wrapper.accent {
background-color: var(--theme-now-colors-background);
border: 1px solid var(--theme-now-colors-buttons-active);
border-radius: 5px;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/* gallery item (hover/focus/active) */
.wikia-gallery-item .gallery-image-wrapper.accent:hover,
.wikia-gallery-item .gallery-image-wrapper.accent:active,
.wikia-gallery-item .gallery-image-wrapper.accent:focus {
border: 1px solid var(--theme-now-colors-titlebar);
background-color: var(--theme-now-colors-text);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/* gallery item image thumbnail (hover/focus/active) */
.wikia-gallery-item .gallery-image-wrapper.accent:hover .image.lightbox .thumbimage.lazyloaded,
.wikia-gallery-item .gallery-image-wrapper.accent:active .image.lightbox .thumbimage.lazyloaded,
.wikia-gallery-item .gallery-image-wrapper.accent:focus .image.lightbox .thumbimage.lazyloaded {
opacity: 0.85;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/* gallery item caption */
.wikia-gallery-item .lightbox-caption {
margin-top: 2px;
}
/*
Page Edit Buttons
*/
/*page edit page button*/
.page-header__actions .wds-button.wds-is-text.page-header__action-button.has-label {
background-color: var(--theme-now-colors-buttons-inactive);
border-top: 1px solid var(--theme-now-colors-titlebar);
border-bottom: 1px solid var(--theme-now-colors-titlebar);
border-left: 1px solid var(--theme-now-colors-titlebar);
border-radius: 14px 0 0 14px;
height: 38px!important;
color: var(--theme-now-colors-text);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*page edit page button icon*/
.page-header__actions .wds-button.wds-is-text.page-header__action-button.has-label .wds-icon.wds-icon-small {
color: var(--theme-now-colors-titlebar);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*page edit page button icon hover*/
.page-header__actions .wds-button.wds-is-text.page-header__action-button.has-label:hover .wds-icon.wds-icon-small,
.page-header__actions .wds-button.wds-is-text.page-header__action-button.has-label:active .wds-icon.wds-icon-small,
.page-header__actions .wds-button.wds-is-text.page-header__action-button.has-label:focus .wds-icon.wds-icon-small {
color: var(--theme-now-colors-buttons-white);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*page edit page options button*/
.page-header__actions .wds-dropdown {
background-color: var(--theme-now-colors-buttons-inactive);
border-top: 1px solid var(--theme-now-colors-titlebar);
border-bottom: 1px solid var(--theme-now-colors-titlebar);
border-right: 1px solid var(--theme-now-colors-titlebar);
border-radius: 0 14px 14px 0;
height: 38px!important;
margin-left: -4px;
margin-right:-1px;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*page edit page options button hover pre-existing hover patch*/
.page-header__action-button:hover {
background-color:initial;
cursor: pointer;
}
/*page edit page options button icon*/
.page-header__actions .wds-dropdown__toggle.wds-button.wds-is-text.page-header__action-button .wds-icon.wds-icon-small {
color: var(--theme-now-colors-titlebar);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*page edit page options button icon hover*/
.page-header__actions .wds-dropdown__toggle.wds-button.wds-is-text.page-header__action-button:hover .wds-icon.wds-icon-small,
.page-header__actions .wds-dropdown__toggle.wds-button.wds-is-text.page-header__action-button:active .wds-icon.wds-icon-small,
.page-header__actions .wds-dropdown__toggle.wds-button.wds-is-text.page-header__action-button:focus .wds-icon.wds-icon-small {
color: var(--theme-now-colors-buttons-white);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*page edit page buttons hover/focus/active*/
.page-header__actions .wds-button.wds-is-text.page-header__action-button.has-label:hover,
.page-header__actions .wds-button.wds-is-text.page-header__action-button.has-label:active,
.page-header__actions .wds-button.wds-is-text.page-header__action-button.has-label:focus,
.page-header__actions .wds-dropdown:hover,
.page-header__actions .wds-dropdown:active,
.page-header__actions .wds-dropdown:focus {
background-color: var(--theme-now-colors-titlebar);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*page edit page buttons divider*/
.page-header__action-button:before {
background-color: var(--theme-now-colors-titlebar);
height: 38px!important;
}
/*page edit options dropdown*/
.page-header__actions .wds-is-right-aligned.wds-is-not-scrollable {
background-color: var(--theme-now-colors-background);
border: 1px solid var(--theme-now-colors-titlebar);
border-radius: 14px;
}
/*
Wiki Navigation
*/
/*wiki navigation first level buttons*/
.fandom-community-header__local-navigation .wds-tabs__tab-label.wds-dropdown__toggle.first-level-item {
background-color: initial;
border-radius: 14px;
-webkit-transition: background-color 0.2s ease-in-out 0s;
-moz-transition: background-color 0.2s ease-in-out 0s;
-ms-transition: background-color 0.2s ease-in-out 0s;
-o-transition: background-color 0.2s ease-in-out 0s;
transition: background-color 0.2s ease-in-out 0s;
}
/*wiki navigation first level buttons hover/focus*/
.fandom-community-header__local-navigation .wds-tabs__tab-label.wds-dropdown__toggle.first-level-item:hover,
.fandom-community-header__local-navigation .wds-tabs__tab-label.wds-dropdown__toggle.first-level-item:focus,
.fandom-community-header__local-navigation .wds-tabs__tab-label.wds-dropdown__toggle.first-level-item:active {
background-color: rgba(0, 11, 89, 0.4);
border-radius: 14px;
-webkit-transition: background-color 0.2s ease-in-out 0s;
-moz-transition: background-color 0.2s ease-in-out 0s;
-ms-transition: background-color 0.2s ease-in-out 0s;
-o-transition: background-color 0.2s ease-in-out 0s;
transition: background-color 0.2s ease-in-out 0s;
}
/*wiki navigation bar drop down menu*/
.fandom-community-header__local-navigation .wds-dropdown__content {
background-color: var(--theme-now-colors-background);
border: 1px solid var(--theme-now-colors-titlebar);
border-radius: 14px;
}
/*wiki navigation bar drop down menu sub menu*/
.fandom-community-header__local-navigation .wds-is-not-scrollable.wds-dropdown-level-nested__content {
background-color: var(--theme-now-colors-background)!important;
border: 1px solid var(--theme-now-colors-titlebar)!important;
border-radius: 14px!important;
margin-left: -5px;
}
/*
Pages - article area
*/
/*Pages with right-rails*/
.page.has-right-rail .page__main {
border-top: 1px solid var(--theme-now-colors-buttons-inactive);
border-bottom: 1px solid var(--theme-now-colors-buttons-inactive);
border-left: 1px solid var(--theme-now-colors-buttons-inactive);
border-right: none!important;
border-radius: 17px 0 0 0!important;
}
/*Pages without right-rails*/
.page .page__main {
border: 1px solid var(--theme-now-colors-buttons-inactive);
border-radius: 17px 17px 0 0!important;
}
/*
WikiaRail
*/
/*WikiaRail main background*/
.right-rail-wrapper.WikiaRail,
.page__right-rail.is-rail-hidden {
background-color: black;
border: 1px solid var(--theme-now-colors-buttons-inactive);
border-radius: 0 17px 0 0;
}
/*WikiaRail main background fallback*/
.page__right-rail {
background-color: black;
border-radius: 0 17px 0 0;
}
/*WikiaRail main background (hidden)*/
.page__right-rail.is-rail-hidden {
border-left: none!important;
}
/*WikiaRail toggle button to open close*/
.right-rail-toggle,
.is-rail-hidden .right-rail-toggle {
background-color: var(--theme-now-colors-buttons-inactive);
border-left: 1px solid var(--theme-now-colors-titlebar);
border-top: 1px solid var(--theme-now-colors-titlebar);
border-bottom: 1px solid var(--theme-now-colors-titlebar);
position:fixed;
top: 175px;
height: 50px;
-webkit-transition: background-color 0.2s linear 0s;
-moz-transition: background-color 0.2s linear 0s;
-ms-transition: background-color 0.2s linear 0s;
-o-transition: background-color 0.2s linear 0s;
transition: background-color 0.2s linear 0s;
}
/*WikiaRail toggle button to open close hover/active*/
.right-rail-toggle:hover,
.right-rail-toggle:active {
background-color: var(--theme-now-colors-titlebar);
-webkit-transition: background-color 0.2s linear 0s;
-moz-transition: background-color 0.2s linear 0s;
-ms-transition: background-color 0.2s linear 0s;
-o-transition: background-color 0.2s linear 0s;
transition: background-color 0.2s linear 0s;
}
/*WikiaRail modules*/
.rail-module.page-tools-module,
.rail-module.recent-wiki-activity.activity-module {
background-color: var(--theme-now-colors-background);
border: 1px solid var(--theme-now-colors-titlebar)!important;
border-radius: 14px;
margin-bottom: 20px;
}
/*WikiaRail module header*/
.rail-module__header {
background-color: var(--theme-now-colors-titlebar);
width: 110%;
height: 40px;
}
/*WikiaRail module header text*/
h2.rail-module__header {
background-image: none;
font-family: rubik!important;
padding-left: 10px;
}
/*WikiaRail module sub items*/
.rail-module__list.activity-items,
.rail-module__list.is-condensed-list {
margin-left: 9px;
margin-right: 9px;
}
/*WikiaRail module sub items activity module items*/
.rail-module__list.activity-items .activity-item {
background-color: #050a2e;
border-radius: 14px;
padding: 5px;
}
/*WikiaRail module sub items activity module items hover/focus*/
.rail-module__list.activity-items .activity-item:hover,
.rail-module__list.activity-items .activity-item:focus,
.rail-module__list.activity-items .activity-item:active {
background-color: var(--theme-now-colors-buttons-inactive);
}
/*
Banner/Notification (bottom left)
*/
/*bottom left banner notification*/
.wds-banner-notification__container .wds-banner-notification__text {
background-color: var(--theme-now-colors-background);
border: none;
padding: none;
}
/*bottom left banner notifcation successful*/
.wds-banner-notification__container .wds-banner-notification.wds-success {
background-color: var(--theme-now-colors-background);
border: 1px solid var(--theme-now-colors-titlebar);
border-radius: 14px;
padding: none;
}
/*bottom left banner notification icon border*/
.wds-banner-notification__container .wds-banner-notification__icon {
border: none;
}
/*bottom left banner notification close button*/
.wds-banner-notification__container .wds-banner-notification__close {
background-color: var(--theme-now-colors-red-inactive);
border: 1px solid var(--theme-now-colors-red-inactive);
}
/*bottom left banner notification close button hover/focus*/
.wds-banner-notification__container .wds-banner-notification__close:hover,
.wds-banner-notification__container .wds-banner-notification__close:focus {
background-color: var(--theme-now-colors-red-active);
border: 1px solid var(--theme-now-colors-red-active);
}
/*
Portable Infoboxes - races theme
*/
/*portable infoboxes main*/
.portable-infobox.pi-background.pi-border-color.pi-theme-races.pi-layout-default {
background-color: var(--theme-now-colors-background);
border: 1px solid var(--theme-now-colors-pi-races-titlebar);
border-radius: 14px;
width: 300px;
}
/*portable infoboxes background borders*/
.portable-infobox.pi-background.pi-theme-races .pi-border-color {
border-color: var(--theme-now-colors-pi-races-buttons-inactive);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*portable infoboxes main title font*/
.portable-infobox.pi-background.pi-border-color.pi-theme-races.pi-layout-default .pi-item.pi-item-spacing.pi-title.pi-secondary-background {
background-color: var(--theme-now-colors-pi-races-titlebar);
font-family: rubik!important;
font-size: 15px;
}
/*portable infoboxes image width*/
.portable-infobox.pi-background.pi-border-color.pi-theme-races.pi-layout-default .pi-item.pi-image .image.image-thumbnail img {
height: auto;
width: 100%;
}
/*portable infoboxes header*/
.portable-infobox.pi-background.pi-border-color.pi-theme-races.pi-layout-default .pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background,
.portable-infobox.pi-background.pi-border-color.pi-theme-races.pi-layout-default .pi-header.pi-secondary-font.pi-secondary-background.pi-item-spacing {
background-color: var(--theme-now-colors-pi-races-titlebar);
font-family: rubik!important;
font-size: 12px;
}
/*portable infoboxes data label*/
.portable-infobox.pi-background.pi-border-color.pi-theme-races.pi-layout-default .pi-item.pi-data.pi-item-spacing.pi-border-color .pi-data-label {
background-color: var(--theme-now-colors-pi-races-buttons-inactive);
border-right: 1px solid var(--theme-now-colors-pi-races-titlebar);
margin: -10px 0 -10px -10px;
padding:10px;
}
/*portable infoboxes data label font*/
.portable-infobox.pi-background.pi-border-color.pi-theme-races.pi-layout-default .pi-data-label.pi-secondary-font {
font-family: rubik!important;
font-size: 12px;
}
/*portable infoboxes data label last border*/
.portable-infobox.pi-background.pi-border-color.pi-theme-races.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse.pi-collapse-open:last-of-type > .pi-item.pi-data.pi-item-spacing.pi-border-color:last-of-type > .pi-data-label.pi-secondary-font {
border-radius: 0 0 0 16px;
}
/*portable infoboxes grouped data label last border*/
.portable-infobox.pi-background.pi-border-color.pi-theme-races.pi-layout-default .pi-item.pi-group.pi-border-color:last-of-type > .pi-item.pi-data.pi-item-spacing.pi-border-color:last-of-type > .pi-data-label.pi-secondary-font {
border-radius: 0 0 0 16px;
}
/*portable infoboxes group header*/
.portable-infobox.pi-background.pi-border-color.pi-theme-races.pi-layout-default .pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background,
.portable-infobox.pi-background.pi-border-color.pi-theme-races.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse .pi-horizontal-group .pi-header.pi-secondary-font.pi-secondary-background.pi-item-spacing {
border-radius: 0;
border-top: 2px solid var(--theme-now-colors-pi-races-buttons-active);
}
/*portable infoboxes group header border radius bottom*/
.portable-infobox.pi-background.pi-border-color.pi-theme-races.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse.pi-collapse-open.pi-collapse-closed:last-of-type .pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background,
.portable-infobox.pi-background.pi-border-color.pi-theme-races.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse.pi-collapse-closed:last-of-type .pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background:last-of-type,
.portable-infobox.pi-background.pi-border-color.pi-theme-races.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse.pi-collapse-closed:last-of-type .pi-horizontal-group .pi-header.pi-secondary-font.pi-secondary-background.pi-item-spacing,
.portable-infobox.pi-background.pi-border-color.pi-theme-races.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse.pi-collapse-closed:last-of-type .pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background,
.portable-infobox.pi-background.pi-border-color.pi-theme-races.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse.pi-collapse-open:last-of-type .pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background:last-child {
border-radius: 0 0 11px 11px;
}
/*portable infoboxes group header directly after image margin fix*/
.portable-infobox.pi-background.pi-border-color.pi-theme-races.pi-layout-default .pi-item.pi-image + .pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background {
margin-top: 0;
}
/*portable infoboxes data field hover*/
.portable-infobox.pi-background.pi-border-color.pi-theme-races.pi-layout-default .pi-item.pi-data.pi-item-spacing.pi-border-color:hover {
background-color: var(--theme-now-colors-pi-races-buttons-inactive);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*portable infoboxes data field last border hover*/
.portable-infobox.pi-background.pi-border-color.pi-theme-races.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse.pi-collapse-open:last-of-type > .pi-item.pi-data.pi-item-spacing.pi-border-color:last-of-type:hover,
.portable-infobox.pi-background.pi-border-color.pi-theme-races.pi-layout-default .pi-item.pi-group.pi-border-color:last-of-type > .pi-item.pi-data.pi-item-spacing.pi-border-color:last-of-type:hover {
border-radius: 0 0 16px 16px;
}
/*portable infoboxes data field title fix hover*/
.portable-infobox.pi-background.pi-border-color.pi-theme-races.pi-layout-default > .pi-item.pi-data.pi-item-spacing.pi-border-color:first-of-type:hover {
background-color: transparent;
}
/*
Portable Infoboxes - mini-games theme
*/
/*portable infoboxes main*/
.portable-infobox.pi-background.pi-border-color.pi-theme-mini-games.pi-layout-default {
background-color: var(--theme-now-colors-background);
border: 1px solid var(--theme-now-colors-pi-mini-games-titlebar);
border-radius: 14px;
width: 300px;
}
/*portable infoboxes background borders*/
.portable-infobox.pi-background.pi-theme-mini-games .pi-border-color {
border-color: var(--theme-now-colors-pi-mini-games-buttons-inactive);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*portable infoboxes main title font*/
.portable-infobox.pi-background.pi-border-color.pi-theme-mini-games.pi-layout-default .pi-item.pi-item-spacing.pi-title.pi-secondary-background {
background-color: var(--theme-now-colors-pi-mini-games-titlebar);
font-family: rubik!important;
font-size: 15px;
}
/*portable infoboxes image width*/
.portable-infobox.pi-background.pi-border-color.pi-theme-mini-games.pi-layout-default .pi-item.pi-image .image.image-thumbnail img {
height: auto;
width: 100%;
}
/*portable infoboxes header*/
.portable-infobox.pi-background.pi-border-color.pi-theme-mini-games.pi-layout-default .pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background,
.portable-infobox.pi-background.pi-border-color.pi-theme-mini-games.pi-layout-default .pi-header.pi-secondary-font.pi-secondary-background.pi-item-spacing {
background-color: var(--theme-now-colors-pi-mini-games-titlebar);
font-family: rubik!important;
font-size: 12px;
}
/*portable infoboxes data label*/
.portable-infobox.pi-background.pi-border-color.pi-theme-mini-games.pi-layout-default .pi-item.pi-data.pi-item-spacing.pi-border-color .pi-data-label {
background-color: var(--theme-now-colors-pi-mini-games-buttons-inactive);
border-right: 1px solid var(--theme-now-colors-pi-mini-games-titlebar);
margin: -10px 0 -10px -10px;
padding:10px;
}
/*portable infoboxes data label font*/
.portable-infobox.pi-background.pi-border-color.pi-theme-mini-games.pi-layout-default .pi-data-label.pi-secondary-font {
font-family: rubik!important;
font-size: 12px;
}
/*portable infoboxes data label last border*/
.portable-infobox.pi-background.pi-border-color.pi-theme-mini-games.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse.pi-collapse-open:last-of-type > .pi-item.pi-data.pi-item-spacing.pi-border-color:last-of-type > .pi-data-label.pi-secondary-font {
border-radius: 0 0 0 16px;
}
/*portable infoboxes grouped data label last border*/
.portable-infobox.pi-background.pi-border-color.pi-theme-mini-games.pi-layout-default .pi-item.pi-group.pi-border-color:last-of-type > .pi-item.pi-data.pi-item-spacing.pi-border-color:last-of-type > .pi-data-label.pi-secondary-font {
border-radius: 0 0 0 16px;
}
/*portable infoboxes group header*/
.portable-infobox.pi-background.pi-border-color.pi-theme-mini-games.pi-layout-default .pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background,
.portable-infobox.pi-background.pi-border-color.pi-theme-mini-games.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse .pi-horizontal-group .pi-header.pi-secondary-font.pi-secondary-background.pi-item-spacing {
border-radius: 0;
border-top: 2px solid var(--theme-now-colors-pi-mini-games-buttons-active);
}
/*portable infoboxes group header border radius bottom*/
.portable-infobox.pi-background.pi-border-color.pi-theme-mini-games.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse.pi-collapse-open.pi-collapse-closed:last-of-type .pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background,
.portable-infobox.pi-background.pi-border-color.pi-theme-mini-games.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse.pi-collapse-closed:last-of-type .pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background:last-of-type,
.portable-infobox.pi-background.pi-border-color.pi-theme-mini-games.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse.pi-collapse-closed:last-of-type .pi-horizontal-group .pi-header.pi-secondary-font.pi-secondary-background.pi-item-spacing,
.portable-infobox.pi-background.pi-border-color.pi-theme-mini-games.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse.pi-collapse-closed:last-of-type .pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background,
.portable-infobox.pi-background.pi-border-color.pi-theme-mini-games.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse.pi-collapse-open:last-of-type .pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background:last-child {
border-radius: 0 0 11px 11px;
}
/*portable infoboxes group header directly after image margin fix*/
.portable-infobox.pi-background.pi-border-color.pi-theme-mini-games.pi-layout-default .pi-item.pi-image + .pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background {
margin-top: 0;
}
/*portable infoboxes data field hover*/
.portable-infobox.pi-background.pi-border-color.pi-theme-mini-games.pi-layout-default .pi-item.pi-data.pi-item-spacing.pi-border-color:hover {
background-color: var(--theme-now-colors-pi-mini-games-buttons-inactive);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*portable infoboxes data field last border hover*/
.portable-infobox.pi-background.pi-border-color.pi-theme-mini-games.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse.pi-collapse-open:last-of-type > .pi-item.pi-data.pi-item-spacing.pi-border-color:last-of-type:hover,
.portable-infobox.pi-background.pi-border-color.pi-theme-mini-games.pi-layout-default .pi-item.pi-group.pi-border-color:last-of-type > .pi-item.pi-data.pi-item-spacing.pi-border-color:last-of-type:hover {
border-radius: 0 0 16px 16px;
}
/*portable infoboxes data field title fix hover*/
.portable-infobox.pi-background.pi-border-color.pi-theme-mini-games.pi-layout-default > .pi-item.pi-data.pi-item-spacing.pi-border-color:first-of-type:hover {
background-color: transparent;
}
/*
Portable Infoboxes - wikia (default) theme
*/
/*portable infoboxes main*/
.portable-infobox.pi-background.pi-border-color.pi-theme-wikia.pi-layout-default {
background-color: var(--theme-now-colors-background);
border: 1px solid var(--theme-now-colors-titlebar);
border-radius: 14px;
width: 300px;
}
/*portable infoboxes background borders*/
.portable-infobox.pi-background.pi-theme-wikia .pi-border-color {
border-color: var(--theme-now-colors-buttons-inactive);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*portable infoboxes main title font*/
.portable-infobox.pi-background.pi-border-color.pi-theme-wikia.pi-layout-default .pi-item.pi-item-spacing.pi-title.pi-secondary-background {
background-color: var(--theme-now-colors-titlebar);
font-family: rubik!important;
font-size: 15px;
}
/*portable infoboxes image width*/
.portable-infobox.pi-background.pi-border-color.pi-theme-wikia.pi-layout-default .pi-item.pi-image .image.image-thumbnail img {
height: auto;
width: 100%;
}
/*portable infoboxes header*/
.portable-infobox.pi-background.pi-border-color.pi-theme-wikia.pi-layout-default .pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background,
.portable-infobox.pi-background.pi-border-color.pi-theme-wikia.pi-layout-default .pi-header.pi-secondary-font.pi-secondary-background.pi-item-spacing {
background-color: var(--theme-now-colors-titlebar);
font-family: rubik!important;
font-size: 12px;
}
/*portable infoboxes data label*/
.portable-infobox.pi-background.pi-border-color.pi-theme-wikia.pi-layout-default .pi-item.pi-data.pi-item-spacing.pi-border-color .pi-data-label {
background-color: var(--theme-now-colors-buttons-inactive);
border-right: 1px solid var(--theme-now-colors-titlebar);
margin: -10px 0 -10px -10px;
padding:10px;
}
/*portable infoboxes data label font*/
.portable-infobox.pi-background.pi-border-color.pi-theme-wikia.pi-layout-default .pi-data-label.pi-secondary-font {
font-family: rubik!important;
font-size: 12px;
}
/*portable infoboxes data label last border*/
.portable-infobox.pi-background.pi-border-color.pi-theme-wikia.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse.pi-collapse-open:last-of-type > .pi-item.pi-data.pi-item-spacing.pi-border-color:last-of-type > .pi-data-label.pi-secondary-font {
border-radius: 0 0 0 16px;
}
/*portable infoboxes grouped data label last border*/
.portable-infobox.pi-background.pi-border-color.pi-theme-wikia.pi-layout-default .pi-item.pi-group.pi-border-color:last-of-type > .pi-item.pi-data.pi-item-spacing.pi-border-color:last-of-type > .pi-data-label.pi-secondary-font {
border-radius: 0 0 0 16px;
}
/*portable infoboxes group header*/
.portable-infobox.pi-background.pi-border-color.pi-theme-wikia.pi-layout-default .pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background,
.portable-infobox.pi-background.pi-border-color.pi-theme-wikia.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse .pi-horizontal-group .pi-header.pi-secondary-font.pi-secondary-background.pi-item-spacing {
border-radius: 0;
border-top: 2px solid var(--theme-now-colors-buttons-active);
}
/*portable infoboxes group header border radius bottom*/
.portable-infobox.pi-background.pi-border-color.pi-theme-wikia.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse.pi-collapse-open.pi-collapse-closed:last-of-type .pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background,
.portable-infobox.pi-background.pi-border-color.pi-theme-wikia.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse.pi-collapse-closed:last-of-type .pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background:last-of-type,
.portable-infobox.pi-background.pi-border-color.pi-theme-wikia.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse.pi-collapse-closed:last-of-type .pi-horizontal-group .pi-header.pi-secondary-font.pi-secondary-background.pi-item-spacing,
.portable-infobox.pi-background.pi-border-color.pi-theme-wikia.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse.pi-collapse-closed:last-of-type .pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background,
.portable-infobox.pi-background.pi-border-color.pi-theme-wikia.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse.pi-collapse-open:last-of-type .pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background:last-child {
border-radius: 0 0 11px 11px;
}
/*portable infoboxes group header directly after image margin fix*/
.portable-infobox.pi-background.pi-border-color.pi-theme-wikia.pi-layout-default .pi-item.pi-image + .pi-item.pi-header.pi-secondary-font.pi-item-spacing.pi-secondary-background {
margin-top: 0;
}
/*portable infoboxes data field hover*/
.portable-infobox.pi-background.pi-border-color.pi-theme-wikia.pi-layout-default .pi-item.pi-data.pi-item-spacing.pi-border-color:hover {
background-color: var(--theme-now-colors-buttons-inactive);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*portable infoboxes data field last border hover*/
.portable-infobox.pi-background.pi-border-color.pi-theme-wikia.pi-layout-default .pi-item.pi-group.pi-border-color.pi-collapse.pi-collapse-open:last-of-type > .pi-item.pi-data.pi-item-spacing.pi-border-color:last-of-type:hover,
.portable-infobox.pi-background.pi-border-color.pi-theme-wikia.pi-layout-default .pi-item.pi-group.pi-border-color:last-of-type > .pi-item.pi-data.pi-item-spacing.pi-border-color:last-of-type:hover {
border-radius: 0 0 16px 16px;
}
/*portable infoboxes data field title fix hover*/
.portable-infobox.pi-background.pi-border-color.pi-theme-wikia.pi-layout-default > .pi-item.pi-data.pi-item-spacing.pi-border-color:first-of-type:hover {
background-color: transparent;
}
/*
Article Categories
/*
/*article categories bar*/
.article-categories.CategorySelect.articlePage.userCanEdit {
padding: 10px 0 0 10px;
background-color: var(--theme-now-colors-background);
border: 1px solid var(--theme-now-colors-titlebar);
border-radius: 14px;
color: var(--theme-now-colors-text);
}
/*article categories "add category" button*/
.wds-button.wds-is-secondary.add {
background-color: var(--theme-now-colors-buttons-inactive);
border: 1px solid var(--theme-now-colors-titlebar);
}
/*article categories "add category" button hover/focus*/
.wds-button.wds-is-secondary.add:hover,
.wds-button.wds-is-secondary.add:focus {
background-color: var(--theme-now-colors-titlebar);
border: 1px solid var(--theme-now-colors-titlebar);
color: var(--theme-now-colors-text);
}
/*article categories category input search bar*/
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-textInputWidget.oo-ui-textInputWidget-type-text.oo-ui-lookupElement .oo-ui-inputWidget-input {
border: 1px solid var(--theme-now-colors-titlebar);
padding: 5px;
width:auto;
}
/*article categories category input search bar hover/focus*/
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-textInputWidget.oo-ui-textInputWidget-type-text.oo-ui-lookupElement .oo-ui-inputWidget-input:hover,
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-textInputWidget.oo-ui-textInputWidget-type-text.oo-ui-lookupElement .oo-ui-inputWidget-input:focus {
border: 1px solid var(--theme-now-colors-text);
}
/*article categories edit mode cancel/save bar*/
.article-categories.CategorySelect.articlePage.userCanEdit.editMode .toolbar {
border: none;
}
/*article categories edit mode cancel button*/
.article-categories.CategorySelect.articlePage.userCanEdit.editMode.modified .wds-button.cancel,
.article-categories.CategorySelect.articlePage.userCanEdit.editMode .wds-button.wds-is-secondary.cancel {
background-color: var(--theme-now-colors-red-inactive);
border: 1px solid var(--theme-now-colors-red-active);
}
/*article categories edit mode cancel button hover/focus*/
.article-categories.CategorySelect.articlePage.userCanEdit.editMode.modified .wds-button.cancel:hover,
.article-categories.CategorySelect.articlePage.userCanEdit.editMode.modified .wds-button.cancel:focus,
.article-categories.CategorySelect.articlePage.userCanEdit.editMode .wds-button.wds-is-secondary.cancel:hover,
.article-categories.CategorySelect.articlePage.userCanEdit.editMode .wds-button.wds-is-secondary.cancel:focus {
background-color: var(--theme-now-colors-red-active);
border: 1px solid var(--theme-now-colors-red-active);
color: var(--theme-now-colors-text);
}
/*article categories edit mode save button*/
.article-categories.CategorySelect.articlePage.userCanEdit.editMode .wds-button.save {
background-color: var(--theme-now-colors-buttons-inactive);
border: 1px solid var(--theme-now-colors-titlebar);
}
/*article categories edit mode save button hover/focus*/
.article-categories.CategorySelect.articlePage.userCanEdit.editMode.modified .wds-button.save:hover,
.article-categories.CategorySelect.articlePage.userCanEdit.editMode.modified .wds-button.save:focus {
background-color: var(--theme-now-colors-titlebar);
border: 1px solid var(--theme-now-colors-titlebar);
color: var(--theme-now-colors-text);
}
/*article categories new category highlighted*/
.article-categories.CategorySelect.articlePage.userCanEdit.editMode.modified .category.new {
background-color: var(--theme-now-colors-titlebar);
border: none;
cursor: pointer;
}
/*article categories category search results box*/
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget.oo-ui-clippableElement-clippable.oo-ui-floatableElement-floatable.oo-ui-menuSelectWidget.oo-ui-lookupElement-menu.oo-ui-selectWidget-unpressed.oo-ui-selectWidget-depressed,
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget.oo-ui-clippableElement-clippable.oo-ui-floatableElement-floatable.oo-ui-menuSelectWidget.oo-ui-lookupElement-menu.oo-ui-selectWidget-pressed.oo-ui-selectWidget-pressed {
background-color: var(--theme-now-colors-background);
border: 1px solid var(--theme-now-colors-titlebar);
margin-top: -5px;
margin-left: -1px;
border-radius: 0 14px 0 0;
}
/*article categories category search result item*/
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-menuOptionWidget {
margin-left: 0;
margin-right: 0;
}
/*article categories category search result item hover/focus*/
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-menuOptionWidget:hover,
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-menuOptionWidget:focus {
background-color: var(--theme-now-colors-buttons-inactive);
margin-left: 0;
margin-right: 0;
border-radius: 0;
}
/*
Wikitables
*/
/*wikitable*/
table.wikitable {
background-color:var(--theme-now-colors-buttons-inactive)!important;
border: 1px solid var(--theme-now-colors-titlebar)!important;
border-collapse: separate;
border-radius:14px;
overflow: hidden;
width: 100%;
}
/*wikitable header*/
table.wikitable th {
background-color:var(--theme-now-colors-titlebar)!important;
border: none;
color: var(--theme-now-colors-text);
}
/*wikitable header first top left header*/
table.wikitable tr:first-child th:first-of-type {
border-radius: 11px 0 0 0;
}
/*wikitable header all otherheaders*/
table.wikitable th:first-of-type,
table.wikitable th:last-of-type,
table.wikitable th {
border-radius: 0;
}
/*wikitable header check if header is first and last*/
table.wikitable tr:first-child th:last-of-type:first-of-type {
border-radius: 11px 11px 0 0;
}
/*wikitable header first top right header*/
table.wikitable tr:first-child th:last-of-type {
border-radius: 0 11px 0 0;
}
/*wikitable header (collapsible) top left header*/
table.mw-collapsible.mw-collapsible-content.wikitable.sortable.jquery-tablesorter.mw-made-collapsible.mw-collapsed .headerSort:first-child {
border-radius: 11px 0 0 11px;
}
/*wikitable header (collapsible) top right header*/
table.mw-collapsible.mw-collapsible-content.wikitable.sortable.jquery-tablesorter.mw-made-collapsible.mw-collapsed .headerSort:last-child {
border-radius: 0 11px 11px 0;
}
/*wikitable element*/
table.wikitable td {
background-color: var(--theme-now-colors-background);
border: none;
color: var(--theme-now-colors-text);
text-align: left;
vertical-align: top;
}
/*wikitable element hover*/
table.wikitable td:hover {
background-color: var(--theme-now-colors-buttons-inactive);
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
/*
Table of Contents
*/
/*table of contents*/
.toc {
background-color: var(--theme-now-colors-background)!important;
border: 1px solid var(--theme-now-colors-titlebar);
border-radius: 14px;
}
/*table of contents header*/
.toc .toctitle {
border-bottom: none;
}
/*table of contents header text*/
.toc .toctitle h2 {
text-shadow: none;
font-weight: bold;
font-family: rubik!important;
}
/*table of contents list top border*/
.toc ul {
border-top: 1px solid var(--theme-now-colors-titlebar)!important;
}
/*table of contents list numbers*/
.toc .tocnumber {
color: var(--theme-now-colors-text)!important;
font-weight: bold;
}
/*table of contents sub list top border fix*/
.toc li ul {
border-top: none !important;
}
/*
WikiActivity screen (Special:RecentChanges)
*/
/*inactive buttons*/
.oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active) > .oo-ui-buttonElement-button {
background-color: var(--theme-now-colors-buttons-inactive);
color: var(--theme-now-colors-titlebar);
}
/*inactive buttons hover*/
.oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active).oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover {
background-color: var(--theme-now-colors-titlebar);
border: 1px solid var(--theme-now-colors-titlebar);
}
/*text color of button labels*/
.oo-ui-labelElement .oo-ui-labelElement-label {
color: var(--theme-now-colors-text);
}
/*active buttons*/
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button,
.oo-ui-buttonSelectWidget.oo-ui-widget-enabled .oo-ui-buttonElement.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-buttonElement-framed:not(.oo-ui-flaggedElement-primary):not(.oo-ui-buttonElement-active).oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
background-color: var(--theme-now-colors-titlebar);
border: 1px solid var(--theme-now-colors-titlebar);
}
/*wiki activity summary tabber header*/
.wds-tabs__wrapper.activity-tabs.with-bottom-border {
background-color: transparent;
border-bottom: none;
}
.wds-tabs__wrapper.activity-tabs.with-bottom-border .wds-tabs__tab:hover {
background-color: var(--theme-now-colors-titlebar);
}
.wds-tabs__wrapper.activity-tabs.with-bottom-border .wds-is-current,
.wds-tabs__wrapper.activity-tabs.with-bottom-border .wds-is-current:hover {
color: var(--theme-now-colors-text);
background-color: var(--theme-now-colors-buttons-inactive);
font-weight: bold;
}
/*other review tools (collapsed)*/
.mw-recentchanges-toplinks.mw-collapsible.mw-made-collapsible.mw-collapsed.mw-recentchanges-toplinks-collapsed {
background-color: var(--theme-now-colors-background);
border: 1px solid var(--theme-now-colors-titlebar);
border-radius: 14px;
}
/*other review tools (collapsed) title fix*/
.mw-recentchanges-toplinks.mw-collapsible .oo-ui-labelElement-label {
margin-left: -15px;
text-transform: capitalize;
font-size: 14px;
}
/*other review tools (opened)*/
.mw-recentchanges-toplinks.mw-collapsible.mw-made-collapsible {
background-color: var(--theme-now-colors-background);
border: 1px solid var(--theme-now-colors-titlebar)!important;
border-radius: 14px;
margin-left: 0;
margin-top: -1px!important;
padding-left: 10px!important;
padding-right: 10px!important;
}
/*active filters box (collapsed)*/
.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget.mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-widget-enabled .oo-ui-tagMultiselectWidget-handle {
width: 100%;
border-radius: 14px;
border: 1px solid var(--theme-now-colors-titlebar);
}
/*active filters box (collapsed border fix)*/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
border: 1px solid var(--theme-now-colors-titlebar);
}
/*active filters box (full width even when not collapsed)*/
.mw-rcfilters-collapsed .mw-rcfilters-ui-filterTagMultiselectWidget.oo-ui-tagMultiselectWidget-outlined {
width: 100%;
border: none;
}
/*active filters box (top section)*/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-tagMultiselectWidget-handle {
background-color: var(--theme-now-colors-background);
border-radius: 14px 14px 0px 0px;
border-bottom: none;
}
/*active filters draggable buttons (Human, not bot, etc)*/
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-draggableElement.oo-ui-draggableElement-handle.oo-ui-tagItemWidget.mw-rcfilters-ui-tagItemWidget.oo-ui-labelElement.mw-rcfilters-ui-filterTagItemWidget.mw-rcfilters-ui-tagItemWidget-selected,
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-draggableElement.oo-ui-draggableElement-handle.oo-ui-tagItemWidget.mw-rcfilters-ui-tagItemWidget.oo-ui-labelElement.mw-rcfilters-ui-filterTagItemWidget {
background-color: var(--theme-now-colors-red-inactive);
border: none;
}
/*active filters draggable buttons (hover/focused)*/
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-draggableElement.oo-ui-draggableElement-handle.oo-ui-tagItemWidget.mw-rcfilters-ui-tagItemWidget.oo-ui-labelElement.mw-rcfilters-ui-filterTagItemWidget.mw-rcfilters-ui-tagItemWidget-selected:hover,
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-draggableElement.oo-ui-draggableElement-handle.oo-ui-tagItemWidget.mw-rcfilters-ui-tagItemWidget.oo-ui-labelElement.mw-rcfilters-ui-filterTagItemWidget:hover {
background-color: var(--theme-now-colors-red-active);
border: none;
cursor: grab;
}
/*active filters draggable buttons voided*/
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-draggableElement.oo-ui-draggableElement-handle.oo-ui-tagItemWidget.mw-rcfilters-ui-tagItemWidget.oo-ui-labelElement.mw-rcfilters-ui-filterTagItemWidget.oo-ui-flaggedElement-muted {
background-color: var(--theme-now-colors-dark-red-inactive);
}
/*active filters draggable buttons voided (hover/focused)*/
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-draggableElement.oo-ui-draggableElement-handle.oo-ui-tagItemWidget.mw-rcfilters-ui-tagItemWidget.oo-ui-labelElement.mw-rcfilters-ui-filterTagItemWidget.oo-ui-flaggedElement-muted:hover {
background-color: var(--theme-now-colors-dark-red-active);
}
/*active filters draggable buttons (text cursor fix)*/
.oo-ui-tagItemWidget.oo-ui-labelElement:not(.oo-ui-tagItemWidget-fixed) .oo-ui-labelElement-label {
cursor: grab;
}
/*active filters draggable buttons ("X to remove" color fix)*/
.oo-ui-tagItemWidget.oo-ui-widget-enabled:hover, .oo-ui-tagItemWidget.oo-ui-widget-enabled .oo-ui-iconElement-icon {
color:var(--theme-now-colors-text);
}
/*active filters box (filter changes search input box)*/
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined .oo-ui-inputWidget-input {
background-color: var(--theme-now-colors-background);
border: 1px solid var(--theme-now-colors-titlebar);
border-radius: 0px;
}
/*active filters box (filer changes search input box) height patch*/
.oo-ui-tagMultiselectWidget-input.oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-iconElement.oo-ui-textInputWidget.oo-ui-textInputWidget-type-text .oo-ui-inputWidget-input {
height: 2.6em;
}
/*active filters box (filter changes search input box on focus)*/
.oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:hover, .oo-ui-textInputWidget.oo-ui-widget-enabled .oo-ui-inputWidget-input:focus {
border: 1px solid var(--theme-now-colors-text);
}
/*active filters box (namespaces/tags buttons)*/
.ooui-theme-fandomooui .mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget {
background-color: var(--theme-now-colors-background);
border-right: 1px solid var(--theme-now-colors-titlebar);
border-left: none;
border-bottom: 1px solid var(--theme-now-colors-titlebar);
border-top: 1px solid var(--theme-now-colors-titlebar);
border-radius: 0px;
}
/*active filters box (namespaces/tags button hover)*/
.mw-rcfilters-ui-filterTagMultiselectWidget-views-select-widget.oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonGroupWidget .oo-ui-widget.oo-ui-widget-enabled.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-iconElement.oo-ui-labelElement.oo-ui-buttonWidget .oo-ui-buttonElement-button:hover {
background-color: var(--theme-now-colors-titlebar);
}
/*filters menu dropdown*/
.ooui-theme-fandomooui .mw-rcfilters-ui-menuSelectWidget {
background-color: var(--theme-now-colors-background);
border-left: 1px solid var(--theme-now-colors-titlebar);
border-right: 1px solid var(--theme-now-colors-titlebar);
border-bottom: 1px solid var(--theme-now-colors-titlebar);
border-top: none;
}
/*filters menu "filters" title bar*/
.mw-rcfilters-ui-filterMenuHeaderWidget-header-title,
.mw-rcfilters-ui-filterMenuHeaderWidget-header-invert, .mw-rcfilters-ui-filterMenuHeaderWidget-header-highlight {
background-color: var(--theme-now-colors-background);
}
.ooui-theme-fandomooui .mw-rcfilters-ui-filterMenuHeaderWidget-header {
border-bottom: 1px solid var(--theme-now-colors-titlebar);
}
/*filters menu "filters" text*/
.mw-rcfilters-ui-filterMenuHeaderWidget-title {
font-weight:bold;
}
/*filters menu subheadings*/
.oo-ui-menuSectionOptionWidget.oo-ui-widget-enabled {
background-color: var(--theme-now-colors-titlebar);
margin: 0;
}
/*filters menu options*/
.ooui-theme-fandomooui .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk) {
margin: 0;
border-bottom: 1px solid var(--theme-now-colors-buttons-inactive);
}
/*filters menu options hover*/
.ooui-theme-fandomooui .mw-rcfilters-ui-itemMenuOptionWidget:not(:last-child):not(.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk):hover {
background-color: var(--theme-now-colors-buttons-inactive);
}
/*filter menu options selected*/
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-menuOptionWidget.mw-rcfilters-ui-itemMenuOptionWidget.mw-rcfilters-ui-itemMenuOptionWidget-view-default.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-optionWidget-selected {
background-color: var(--theme-now-colors-buttons-active);
}
/*filter menu namespace back button*/
.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterMenuHeaderWidget-header-back {
background-color: var(--theme-now-colors-buttons-inactive);
border-right: 1px solid var(--theme-now-colors-titlebar);
}
/*filter menu namespace back button hover*/
.mw-rcfilters-ui-cell.mw-rcfilters-ui-filterMenuHeaderWidget-header-back:hover {
background-color: var(--theme-now-colors-titlebar);
}
/*filters menu namespace items select*/
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-menuOptionWidget.mw-rcfilters-ui-itemMenuOptionWidget.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces.mw-rcfilters-ui-itemMenuOptionWidget-identifier-subject.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-optionWidget-selected,
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-menuOptionWidget.mw-rcfilters-ui-itemMenuOptionWidget.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk.mw-rcfilters-ui-filterMenuOptionWidget.oo-ui-optionWidget-selected
{
background-color: var(--theme-now-colors-buttons-active);
}
/*filters menu namespace sub-items margin fix*/
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-menuOptionWidget.mw-rcfilters-ui-itemMenuOptionWidget.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk.mw-rcfilters-ui-filterMenuOptionWidget {
margin-right: 0;
}
/*filters menu namespace sub-items hover*/
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-menuOptionWidget.mw-rcfilters-ui-itemMenuOptionWidget.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces.mw-rcfilters-ui-itemMenuOptionWidget-identifier-talk.mw-rcfilters-ui-filterMenuOptionWidget:hover {
background-color: var(--theme-now-colors-buttons-inactive);
}
/*filters menu namespace sub-items borders*/
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-labelElement.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-menuOptionWidget.mw-rcfilters-ui-itemMenuOptionWidget.mw-rcfilters-ui-itemMenuOptionWidget-view-namespaces.mw-rcfilters-ui-itemMenuOptionWidget-identifier-subject.mw-rcfilters-ui-filterMenuOptionWidget {
border-top: 1px solid var(--theme-now-colors-titlebar);
}
/*filters menu popup*/
.oo-ui-popupWidget-popup {
background-color: var(--theme-now-colors-background);
border: 1px solid var(--theme-now-colors-titlebar);
border-radius: 14px 0 14px 14px;
padding: 15px 15px 15px 15px;
margin-top:-1px;
}
/*filters menu color option buttons hover check hover fix*/
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-none.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected.oo-ui-buttonElement-active.oo-ui-iconElement .oo-ui-buttonElement-button:hover
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c1.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected.oo-ui-buttonElement-active.oo-ui-iconElement .oo-ui-buttonElement-button:hover,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c2.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected.oo-ui-buttonElement-active.oo-ui-iconElement .oo-ui-buttonElement-button:hover,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c3.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected.oo-ui-buttonElement-active.oo-ui-iconElement .oo-ui-buttonElement-button:hover,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c4.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected.oo-ui-buttonElement-active.oo-ui-iconElement .oo-ui-buttonElement-button:hover,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c5.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected.oo-ui-buttonElement-active.oo-ui-iconElement .oo-ui-buttonElement-button:hover {
background-color: transparent;
border:none;
}
/*filters menu color option buttons no color option hover fix*/
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-none.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-buttonOptionWidget:hover {
background-color: var(--theme-now-colors-buttons-active);
border: 1px solid var(--theme-now-colors-text);
}
/*filters menu color option buttons hover*/
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c1.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-buttonOptionWidget:hover,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c2.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-buttonOptionWidget:hover,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c3.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-buttonOptionWidget:hover,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c4.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-buttonOptionWidget:hover,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c5.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-buttonOptionWidget:hover {
border: 1px solid var(--theme-now-colors-text);
}
/*filters menu color option buttons select*/
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-none.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected.oo-ui-buttonElement-active.oo-ui-iconElement,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c1.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected.oo-ui-buttonElement-active.oo-ui-iconElement,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c2.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected.oo-ui-buttonElement-active.oo-ui-iconElement,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c3.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected.oo-ui-buttonElement-active.oo-ui-iconElement,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c4.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected.oo-ui-buttonElement-active.oo-ui-iconElement,
.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color.mw-rcfilters-ui-highlightColorPickerWidget-buttonSelect-color-c5.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-buttonElement.oo-ui-buttonElement-frameless.oo-ui-buttonOptionWidget.oo-ui-optionWidget-selected.oo-ui-buttonElement-active.oo-ui-iconElement {
border: 1px solid var(--theme-now-colors-text);
}
/*abbreviations legend*/
.mw-changeslist-legend.mw-collapsible.mw-made-collapsible {
background-color: var(--theme-now-colors-background);
border: 1px solid var(--theme-now-colors-titlebar);
border-radius: 14px;
margin-right: 5px;
}
/*recent changes list*/
.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget.mw-changeslist {
border: 1px solid var(--theme-now-colors-titlebar);
border-radius: 14px;
padding-top:5px;
position:inherit;
}
/*recent changes date current day heading */
.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget.mw-changeslist h4:first-of-type {
background-color:var(--theme-now-colors-titlebar);
padding: 3px 10px 3px 10px;
font-size: 16px;
font-weight: bold;
}
/*recent changes date heading */
.oo-ui-widget.oo-ui-widget-enabled.mw-rcfilters-ui-changesListWrapperWidget.mw-changeslist h4 {
background-color:var(--theme-now-colors-buttons-inactive);
border-top: px solid var(--theme-now-colors-buttons-active);
border-bottom: 1px solid var(--theme-now-colors-buttons-active);
padding: 3px 10px 3px 10px;
font-size: 13px;
font-weight: normal;
}
/*recent changes items */
.mw-collapsible.mw-enhanced-rc.mw-changeslist-line,
.mw-changeslist-line.mw-changeslist-log.mw-changeslist-log-upload,
.mw-changeslist-line.mw-changeslist-edit{
border-left: 2px solid var(--theme-now-colors-buttons-inactive);
padding-left: 5px;
padding-right: 5px;
}
/*recent changes items hover */
.mw-collapsible.mw-enhanced-rc.mw-changeslist-line:hover,
.mw-changeslist-line.mw-changeslist-log.mw-changeslist-log-upload:hover,
.mw-changeslist-line.mw-changeslist-edit:hover {
background-color: var(--theme-now-colors-background-rc-item);
border-left: 2px solid var(--theme-now-colors-buttons-active);
border-radius: 0 14px 14px 0;
padding-left: 5px;
}
/*recent changes new results since last refresh indicator bar*/
.mw-rcfilters-ui-changesListWrapperWidget-previousChangesIndicator {
border-color: #226e0b;
margin-left: 10px;
margin-right: 10px;
}
/*
New Pages screen (Special:NewPages)
*/
/*New Pages form background*/
.mw-htmlform-ooui-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
background-color: var(--theme-now-colors-background);
border: 1px solid var(--theme-now-colors-titlebar);
border-radius: 14px;
}
/*New Pages form title*/
.mw-htmlform-ooui-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .mw-htmlform.mw-htmlform-ooui.oo-ui-layout.oo-ui-formLayout .oo-ui-fieldsetLayout-header .oo-ui-labelElement-label {
margin-top: -17px;
margin-left: -12px;
text-transform: capitalize;
font-size: 14px;
}
/*New Pages input bars*/
.mw-htmlform-ooui-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-textInputWidget.oo-ui-textInputWidget-type-text.oo-ui-textInputWidget-php .oo-ui-inputWidget-input {
border: 1px solid var(--theme-now-colors-titlebar);
}
/*New Pages input bars (hover/focus/active)*/
.mw-htmlform-ooui-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-textInputWidget.oo-ui-textInputWidget-type-text.oo-ui-textInputWidget-php .oo-ui-inputWidget-input:active,
.mw-htmlform-ooui-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-textInputWidget.oo-ui-textInputWidget-type-text.oo-ui-textInputWidget-php .oo-ui-inputWidget-input:focus,
.mw-htmlform-ooui-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-textInputWidget.oo-ui-textInputWidget-type-text.oo-ui-textInputWidget-php .oo-ui-inputWidget-input:hover {
border: 1px solid var(--theme-now-colors-text);
}
/*New Pages drop down button*/
.mw-htmlform-ooui-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .oo-ui-dropdownWidget-handle {
background-color: var(--theme-now-colors-buttons-inactive);
border: 1px solid var(--theme-now-colors-titlebar);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*New Pages drop down button (hover/focus/active)*/
.mw-htmlform-ooui-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .oo-ui-dropdownWidget-handle:active,
.mw-htmlform-ooui-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .oo-ui-dropdownWidget-handle:focus,
.mw-htmlform-ooui-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .oo-ui-dropdownWidget-handle:hover {
background-color: var(--theme-now-colors-titlebar);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*New Pages drop down button text*/
.mw-htmlform-ooui-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
font-weight: bold;
}
/*New Pages drop down button icon*/
.mw-htmlform-ooui-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator:not(.oo-ui-indicatorElement-noIndicator) {
color: var(--theme-now-colors-titlebar);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*New Pages drop down button icon (hover/focus/active)*/
.mw-htmlform-ooui-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .oo-ui-dropdownWidget-handle:hover .oo-ui-indicatorElement-indicator:not(.oo-ui-indicatorElement-noIndicator),
.mw-htmlform-ooui-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .oo-ui-dropdownWidget-handle:focus .oo-ui-indicatorElement-indicator:not(.oo-ui-indicatorElement-noIndicator),
.mw-htmlform-ooui-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .oo-ui-dropdownWidget-handle:active .oo-ui-indicatorElement-indicator:not(.oo-ui-indicatorElement-noIndicator) {
color: var(--theme-now-colors-text);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*New Pages drop down box*/
.page-Special_NewPages .oo-ui-defaultOverlay .oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget {
background-color: var(--theme-now-colors-background);
border: 1px solid var(--theme-now-colors-titlebar);
margin-top: -1px;
}
/*New Pages show button*/
.mw-htmlform-submit.oo-ui-widget.oo-ui-widget-enabled.oo-ui-inputWidget.oo-ui-buttonElement.oo-ui-buttonElement-framed.oo-ui-labelElement.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-progressive.oo-ui-buttonInputWidget .oo-ui-inputWidget-input.oo-ui-buttonElement-button {
border: 1px solid var(--theme-now-colors-titlebar);
}
/*New Pages results list*/
.page-Special_NewPages .mw-body-content ul {
border: 1px solid var(--theme-now-colors-titlebar);
border-radius: 14px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 40px;
padding-right: 15px;
margin-left:0px;
}
/*New Pages result (hover)*/
.page-Special_NewPages .mw-body-content li:hover {
background-color: var(--theme-now-colors-background-rc-item);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*
Move Page screen (Special:MovePage)
*/
/*Move Page form background*/
.movepage-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed {
background-color: var(--theme-now-colors-background);
border: 1px solid var(--theme-now-colors-titlebar);
border-radius: 14px;
}
/*Move Page form title*/
.movepage-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .oo-ui-layout.oo-ui-formLayout.oo-ui-layout .oo-ui-labelElement.oo-ui-fieldsetLayout .oo-ui-fieldsetLayout-header .oo-ui-labelElement-label {
margin-top: -17px;
margin-left: -12px;
text-transform: capitalize;
font-size: 14px;
}
/*Move Page new name input bar*/
.movepage-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded .oo-ui-widget.oo-ui-widget-enabled.mw-widget-complexTitleInputWidget .oo-ui-inputWidget-input {
margin-top: 10px;
}
/*Move Page reason input bar*/
.movepage-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded .oo-ui-inputWidget-input {
border: 1px solid var(--theme-now-colors-titlebar);
}
/*Move Page reason input bar (hover/active/focus*/
.movepage-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded .oo-ui-inputWidget-input:hover,
.movepage-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded .oo-ui-inputWidget-input:active,
.movepage-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded .oo-ui-inputWidget-input:focus {
border: 1px solid var(--theme-now-colors-text);
}
/*Move Page namespace drop down button*/
.movepage-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .oo-ui-dropdownWidget-handle {
background-color: var(--theme-now-colors-buttons-inactive);
border: 1px solid var(--theme-now-colors-titlebar);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*Move Page namespace drop down button (hover/focus/active)*/
.movepage-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .oo-ui-dropdownWidget-handle:active,
.movepage-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .oo-ui-dropdownWidget-handle:focus,
.movepage-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .oo-ui-dropdownWidget-handle:hover {
background-color: var(--theme-now-colors-titlebar);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*Move Page namespace drop down button text*/
.movepage-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .oo-ui-dropdownWidget-handle .oo-ui-labelElement-label {
font-weight: bold;
}
/*Move Page namespace drop down button icon*/
.movepage-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .oo-ui-dropdownWidget-handle .oo-ui-indicatorElement-indicator:not(.oo-ui-indicatorElement-noIndicator) {
color: var(--theme-now-colors-titlebar);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*Move Page namespace drop down button icon (hover/focus/active)*/
.movepage-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .oo-ui-dropdownWidget-handle:hover .oo-ui-indicatorElement-indicator:not(.oo-ui-indicatorElement-noIndicator),
.movepage-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .oo-ui-dropdownWidget-handle:focus .oo-ui-indicatorElement-indicator:not(.oo-ui-indicatorElement-noIndicator),
.movepage-wrapper.oo-ui-layout.oo-ui-panelLayout.oo-ui-panelLayout-padded.oo-ui-panelLayout-framed .oo-ui-dropdownWidget-handle:active .oo-ui-indicatorElement-indicator:not(.oo-ui-indicatorElement-noIndicator) {
color: var(--theme-now-colors-text);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*Move Page namespace drop down box*/
.oo-ui-defaultOverlay .oo-ui-widget.oo-ui-widget-enabled.oo-ui-selectWidget {
background-color: var(--theme-now-colors-background);
border: 1px solid var(--theme-now-colors-titlebar);
margin-top: -1px;
}
/*
Upload file screen (Special:Upload)
*/
/*upload page form background*/
.page-Special_Upload form#mw-upload-form {
background-color: var(--theme-now-colors-background);
border: 1px solid var(--theme-now-colors-titlebar);
border-radius: 14px;
padding: 15px;
}
/*upload page form inner border patch*/
.page-Special_Upload form#mw-upload-form fieldset:not(.oo-ui-fieldsetLayout) {
border: none;
margin-top: -17px;
margin-left: -12px;
}
/*upload page form titles*/
.page-Special_Upload form#mw-upload-form fieldset:not(.oo-ui-fieldsetLayout) legend {
font-weight: bold;
text-transform: capitalize;
font-size: 14px;
margin-left: -12px;
}
/*upload page form destination filename box*/
.page-Special_Upload form#mw-upload-form #wpDestFile {
background-color: transparent;
border: 1px solid var(--theme-now-colors-titlebar);
color: var(--theme-now-colors-text);
height: 28px;
width: 100%;
max-width: 470px;
-webkit-transition: border 0.2s linear 0s;
-moz-transition: border 0.2s linear 0s;
-ms-transition: border 0.2s linear 0s;
-o-transition: border 0.2s linear 0s;
transition: border 0.2s linear 0s;
}
/*upload page form destination filename box (hover/active/focus)*/
.page-Special_Upload form#mw-upload-form #wpDestFile:hover,
.page-Special_Upload form#mw-upload-form #wpDestFile:active,
.page-Special_Upload form#mw-upload-form #wpDestFile:focus {
border: 1px solid var(--theme-now-colors-text);
-webkit-transition: border 0.2s linear 0s;
-moz-transition: border 0.2s linear 0s;
-ms-transition: border 0.2s linear 0s;
-o-transition: border 0.2s linear 0s;
transition: border 0.2s linear 0s;
}
/*upload page form summary box*/
.page-Special_Upload form#mw-upload-form #wpUploadDescription {
background-color: transparent;
border: 1px solid var(--theme-now-colors-titlebar);
color: var(--theme-now-colors-text);
width: 100%;
min-width: 200px;
max-width: 470px;
min-height: 30px;
max-height: 170px;
-webkit-transition: border 0.2s linear 0s;
-moz-transition: border 0.2s linear 0s;
-ms-transition: border 0.2s linear 0s;
-o-transition: border 0.2s linear 0s;
transition: border 0.2s linear 0s;
}
/*upload page form summary box (hover/active/focus)*/
.page-Special_Upload form#mw-upload-form #wpUploadDescription:hover,
.page-Special_Upload form#mw-upload-form #wpUploadDescription:active,
.page-Special_Upload form#mw-upload-form #wpUploadDescription:focus {
border: 1px solid var(--theme-now-colors-text);
-webkit-transition: border 0.2s linear 0s;
-moz-transition: border 0.2s linear 0s;
-ms-transition: border 0.2s linear 0s;
-o-transition: border 0.2s linear 0s;
transition: border 0.2s linear 0s;
}
/*upload page form licensing drop down button*/
.page-Special_Upload form#mw-upload-form #wpLicense {
background-color: var(--theme-now-colors-buttons-inactive);
border: 1px solid var(--theme-now-colors-titlebar);
border-radius: 4px;
color: var(--theme-now-colors-text);
font-size: 14px;
font-weight: bold;
padding: 9px 5px 9px 5px;
width: 100%;
max-width: 470px;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*upload page form licensing drop down button (hover/active/focus)*/
.page-Special_Upload form#mw-upload-form #wpLicense:hover,
.page-Special_Upload form#mw-upload-form #wpLicense:active,
.page-Special_Upload form#mw-upload-form #wpLicense:focus {
background-color: var(--theme-now-colors-titlebar);
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s;
}
/*upload page form licensing drop down box*/
.page-Special_Upload form#mw-upload-form #wpLicense option {
background-color: var(--theme-now-colors-background);
}
/*upload page form upload file button*/
.page-Special_Upload form#mw-upload-form .mw-htmlform-submit.regularFileSelect {
align-items: center;
background-color: var(--theme-now-colors-buttons-active);
border: 1px solid var(--theme-now-colors-titlebar);
border-radius: 4px;
color: var(--theme-now-colors-text);
display: inline-flex;
font-size: 12px;
font-weight: 700;
justify-content: center;
letter-spacing: 0.15px;
line-height: 1.5;
padding: 7px 15px;
text-decoration: none;
text-transform: uppercase;
-webkit-transition: background-color 300ms,color 300ms,border-color 300ms;
transition: background-color 300ms,color 300ms,border-color 300ms;
}
/*upload page form upload file button (hover/active/focus)*/
.page-Special_Upload form#mw-upload-form .mw-htmlform-submit.regularFileSelect:hover,
.page-Special_Upload form#mw-upload-form .mw-htmlform-submit.regularFileSelect:active,
.page-Special_Upload form#mw-upload-form .mw-htmlform-submit.regularFileSelect:focus {
background-color: var(--theme-now-colors-titlebar);
}
.page-Special_Upload form#mw-upload-form .htmlform-tip {
color: darkorange;
font-weight: bold;
}
/* TABLE ALTERATIONS */
/* Tables */
/* .table */
.table {
width: 100%;
margin: 0 auto;
background: #00159d;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-collapse: separate;
border-spacing: 2px;
overflow: hidden;
}
.table th {
background-color: #0022FF;
text-align: center;
}
.table td {
background-color: #070707;
color: white;
text-align: left;
vertical-align: top;
}
.table tr {
color: white;
}
.table td:hover {
background-color: #000B59;
color: white;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
/* Forcing File History to use Tables */
table.filehistory > tr > th, table.filehistory > tr > td, table.filehistory > * > tr > th, table.filehistory > * > tr > td {
border: solid #00159d;
border-width: 0 0 2px 2px;
background: black;
}
table.wikitable.filehistory {border-collapse: separate; border: 0 none; border-spacing: 0;background: transparent}
table.filehistory > tr:first-child > th, table.filehistory > tr:first-child > td, table.filehistory > * > tr:first-child > th, table.filehistory > * > tr:first-child > td {background: #0022FF;}
table.filehistory > tr > th:first-child {border-top-left-radius: 15px;}
table.filehistory > * > tr:first-child > td:first-child {
border-top-left-radius: 15px;
}
table.filehistory > * > tr:first-child > th:last-child {
border-top-right-radius: 15px;
}
table.filehistory > * > tr:first-child > * {
border-top-width: 2px;
}
table.filehistory > * > tr > *:last-child {
border-right-width: 2px;
}
table.filehistory > * > tr:last-child > td:first-child {
border-bottom-left-radius: 15px;
}
table.filehistory > * > tr:last-child > td:last-child {
border-bottom-right-radius: 15px;
}
/******************************************************************************/
/* TABBER ALTERATIONS */
/*<tabber> Changes*/
ul.tabbernav {
/* Removing that stupid bar that appears under the tabber bar */
border: 0.00000001px solid #000B59 !important;
/* Color of the tabber bar */
background-color:#000B59;
/* Border corners of bar itself */
border-radius:5px 5px 0 0;
/* Bar thickness */
height:35px;
}
/*ACTIVE TABBER BUTTON*/
ul.tabbernav .tabberactive a {
/* Active button color */
background-color:#0022FF !important;
/* Border of the button */
border-radius:5px 5px 0 0;
border:2px solid #0022FF !important;
/* Active font color */
color: white;
top:15px;
}
ul.tabbernav .tabberactive caption a {
/* Color of the captions */
color: white;
}
/*INACTIVE TABBER BUTTON*/
ul.tabbernav li a {
/* Inactive button color */
background-color:#070707 !important;
/* Border of the button */
border-radius:5px 5px 0 0;
border: 0.000000001px solid #070707 !important;
/* Inactive font color */
color: #C5CED9 !important;
top:15px;
}
.tabberlive .tabbernav li a:hover {
background-color: #000B59;
}
/* Make tabber nav move lower, on top of tabber */
.tabberlive .tabbernav {
bottom: -45px;
position: relative;
margin-left: 4px;
margin-right: 4px;
margin-top:-45px;
}
/* Make tabber tab contents move lower to accommodate tabber nav */
.tabberlive .tabbertab {
padding-top: 39px !important;
/*border around the entire tabber */
border: 1.5px solid #0022FF !important;
border-radius:10px 10px 10px 10px;
}
/* TABS (these appear on userpages and files) */
.tabs {
/* Border of bar */
border: 1px solid #0022FF !important;
border-radius:15px 15px 15px 15px !important;
/* Color of the bar */
background-color:#070707 !important;
/* Bar height */
height:35px;
/* Padding for text inside; 10 is from left */
padding: 2px 2px 2px 10px;
}
.tabs .selected a {
/* Small line appearing under selected text */
border-bottom: 2px solid #0022FF;
/* Font color of selected */
color: #0022FF;
cursor: pointer !important;
top: 1px !important;
/* Removing border around button */
border: 0.000000001px solid #070707 !important;
/* Color of the button */
background-color:#070707 !important;
border-radius:15px;
}
.tabs li a:hover {
/* Transition of hovering */
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
border-bottom: 3px solid #000B59;
text-decoration: none;
top: 1px;
}
.tabs li a {
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
color: white;
cursor: pointer;
border-bottom: 3px solid transparent;
text-shadow: 0 1px rgba(0,0,0,0.7);
}
/******************************************************************************/
/* NAVBOX ALTERATIONS */
/* default skin for navigation boxes - Does this even do anything here? */
table.navbox { /* navbox container style */
border: 2px solid #0022FF;
border-radius: 25px;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
/******************************************************************************/
/* WIKI HEADER ALTERATIONS */
/* This removes the weird 3D affect found on the default navbar */
#WikiHeader .navbackground div,
#WikiHeader .navbackground img {
display: none;
}
/* This is just the background of sub-nav2 (stupid name isn't it) */
#WikiHeader .navbackground {
/* Skews the bar */
-webkit-transform: skew(25deg);
-ms-transform: skew(25deg);
transform: skew(25deg);
/* This moves the subnav-2 bar closer to .nav */
margin: 0;
/* And this moves subnav-2 left (smaller number)/right (bigger number) */
margin-left: 7px;
/* This defines where subnav-2 is on the y-axis */
top: 35px;
/* Height of subnav2 basically */
height: 28px;
/* ...And the color of it */
background-color: #0022FF;
}
/* Moves buttons - mainly the "Contribute" one */
#WikiHeader .buttons {
top: 20px;
right: 16px;
}
/* Literally just makes "Contribute" into a tab similar to those on the nav */
#WikiHeader .buttons > .secondary {
background: none;
border-radius: 0;
border: 0;
font-size: 15px;
padding: 0 20px;
height: 35px;
line-height: 30px;
margin-left: 15px;
}
/* Gives "Contribute" a color */
#WikiHeader .buttons > .secondary {
background-color: #0022FF;
}
/* Hovering over "Contribute" */
#WikiHeader .buttons > .secondary:hover {
background-color: #0B0B61 !important;
padding-right: 20px;
}
/* Removes those images from the original contribute button */
#WikiHeader .buttons > .secondary img,
#WikiHeader .buttons > .secondary .drop,
#WikiHeader .buttons > .secondary .share-dot,
#WikiHeader .buttons > .secondary .share-pixel {
display: none;
}
/* An odd one - it's the "background" of the Contribute menu, but it only looks like a border. */
#WikiHeader .buttons > .secondary .WikiaMenuElement {
/* Essentially the border color around the "Contribute" drop down menu */
background-color: #0022FF;
border: 0;
top: 34px;
width: 148px;
left: -50%;
margin-left: 38px;
}
/* Color of the background on the options under "Contribute" */
#WikiHeader .buttons > .secondary .WikiaMenuElement li {
background-color: #070707;
}
/* Color of the background on the options under "Contribute" when hovering */
#WikiHeader .buttons > .secondary .WikiaMenuElement li:hover {
background-color: #000B59 !important;
}
/* Wiki Header border and height */
#WikiHeader {
height: 40px;
border: 2px solid #0022FF;
border-radius: 25px;
margin-top: -6px;
}
/* Making header wider */
.WikiHeader {
padding-right:104%;
margin-left:-2.2%;
}
/* Designed to extend header for widescreen displays */
@media screen and (min-width:1700px) {
.WikiHeader {
padding-right:105.2% !important;
margin-left:-2.7% !important;
}
}
/* Position of workmark */
#WikiHeader .wordmark {
margin-bottom: 60px;
padding-bottom: 20px;
margin-left: 30px;
margin-top:-10px;
}
#WikiHeader .wordmark:hover {
-webkit-transform: rotate(1deg) scale(1.090) translate(0px);
-moz-transform: rotate(1deg) scale(1.090) translate(0px);
-ms-transform: rotate(1deg) scale(1.090) translate(0px);
-o-transform: rotate(1deg) scale(1.090) translate(0px);
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
transition: all 0.5s ease 0s;
}
/* Height of entire nav */
#WikiHeader .WikiNav .nav {
height: 35px;
}
/* Basically separates top nav with subnav-2 */
#WikiHeader .WikiNav .nav .nav-item {
height: 100%;
border-bottom: 0;
line-height: 30px;
margin-right: 10px;
margin-left: 0 !important;
}
/* Removes borders and stuff from top nav */
#WikiHeader .WikiNav .nav .nav-item a {
border: 0;
padding: 0 15px;
margin: 0;
font-size: 92%;
height: 100%;
}
/* Current nav button has a blue line under it */
#WikiHeader .WikiNav .nav .nav-item.marked > a {
color: white;
cursor: pointer;
border-bottom: 5px solid #0B0B61;
}
/* Hovering nav button has a blue line under it */
/* Any of the subnav-2 button hovering */
#WikiHeader .WikiNav .nav .nav-item a:hover {
background-color: #000B59;
text-decoration: none;
}
/* Top nav hovering */
#WikiHeader .WikiNav .nav .nav-item > a:hover {
height: 30px;
background-color: #000B59;
border-bottom: 5px solid #000B59;
}
/* Consequently, when NOT current, no blue line */
#WikiHeader .WikiNav .nav .nav-item > a {
height: 30px;
background-color: #0022FF;
border-bottom: 5px solid #0022FF;
}
/* This skews the text and drop downs */
#WikiHeader .subnav-2 {
-webkit-transform: skew(25deg);
-ms-transform: skew(25deg);
transform: skew(25deg);
height: 35px;
top: 35px;
margin-left: 8px;
width: 100%;
}
/* This unscews text when not hovering/active */
#WikiHeader .subnav-2 a {
transform: skew(-25deg);
}
#WikiHeader .subnav-2 a:hover {
transform: skew(0deg);
}
#WikiHeader .subnav-2 a:active {
transform: skew(-25deg);
}
/* Gives the "background" of the buttons on drop downs (but looks like a border) */
.subnav-3 .subnav {
background-color: #0022FF !important;
}
.subnav-3a .subnav {
background-color: #0022FF !important;
}
/******************************************************************************/
/* FONT ALTERATIONS */
/* Special Fonts for Users */
a[href$="/wiki/User:Monkeypolice188"] {
font-weight: bold !important;
font-family: Comic Sans MS !important;
}
a[href$="/wiki/User:Davazz"] {
font-weight: bold !important;
font-family: Magneto !important;
}
a[href$="/wiki/User:AndreyFD"] {
font-weight: bold !important;
font-family: Courier !important;
}
/* Wikia Font Family */
/* Font across entire wiki*/
.i18ndoc {font-family: Verdana;}
#mw-content-text {font-size:90%;}
body {font-family: Verdana;}
#bodyContent {font-size: 90%;}
/* Heading fonts */
h3 {
font-family:Verdana !important;
}
h2 {
font-family:Verdana !important;
}
h1 {
font-weight:bold !important;
font-family: Verdana !important;
}
/* Wiki Activity headings smaller */
.subtle, .activityfeed-details-label, .activityfeed-details-label+td {font-size: 90%;}
/* All headings slightly smaller */
.mw-headline {font-size: 90%;}
/* Comments on Blogs, etc, slightly smaller */
#WikiaPage .WikiaArticle .article-comm-text {font-size: 90%;}
/* Color/Font for Clock */
#DisplayClockJS {
color:white !important;
font-family:'Verdana', monospace
}
/******************************************************************************/
/* CHAT ALTERATIONS */
/* Chat background */
body.ChatWindow {background:url(https://i.ytimg.com/vi/tIhcwT0yzzM/maxresdefault.jpg);}
body.ChatWindow .ChatHeader {opacity:0.9;-moz-opacity:0.9;-khtml-opacity: 0.9;}
body.ChatWindow .WikiaPage {opacity:0.9;-moz-opacity:0.9;-khtml-opacity: 0.9;}
/* Curved avatars */
.ChatModule .avatar {border-radius:20px !important;}
/* Recoloring the dark colored, faint like around avatars */
.chat-whos-here {
border: 1px solid #1F1F1F !important;
background-color: #050505 !important;
border-radius: 10px;
}
/* Borders in Chat */
.ChatHeader {
border: 1px solid #0022FF !important;
border-radius: 10px;
}
/* Maybe, maybe not *//*
.Rail {
background:linear-gradient(to bottom,
rgb(10, 10, 61),
rgb(10, 13, 66),
rgb(10, 17, 72),
rgb(10, 20, 78),
rgb(11, 24, 84),
rgb(11, 27, 90),
rgb(11, 31, 95),
rgb(12, 34, 101),
rgb(12, 38, 107),
rgb(12, 41, 113),
rgb(12, 41, 113));
border-left: 1px solid #0022FF;
}
*/
.Chat ul {background-color: #070707;}
.inline-alert {
background-color: #0022FF;
color: white !important;
border-radius: 14px 14px 14px 14px;
margin-left: 30px;
margin-right: 30px;
}
.Write .message {
border:1px #0022FF solid;
border-radius:10px;
background-color: #070707;
}
.time {
border-radius: 14px 0 0 14px;
background-color: #0022FF;
padding-right: 16px;
padding-left: 3px;
padding-top: 3px;
padding-bottom: 3px;
margin-right: -14px;
color:white! important;
}
.Chat .avatar {
border:1px #0022FF solid !important;
border-radius:7px;
}
.User img {
border:1px #0022FF solid !important;
border-radius:5px;
}
#optionsWindow {float:right;}
/* White text on user stats in chat */
#UserStatsMenu {
color: white !important;
border-radius: 15px !important;
border:1px solid #0022FF !important;
background-color: #070707 !important;
}
/* and recoloring the info of ditto */
#UserStatsMenu .info {
border-radius: 15px !important;
border:1px solid #0022FF !important;
background-color: #0022FF !important;
}
/* Recoloring ban, talk, etc options */
#UserStatsMenu .talk-page,
#UserStatsMenu .contribs,
#UserStatsMenu .private {
border-radius: 15px !important;
}
#UserStatsMenu .talk-page:hover,
#UserStatsMenu .contribs:hover,
#UserStatsMenu .private:hover {
border-radius: 15px !important;
background-color: #000B59 !important;
}
#UserStatsMenu .give-chat-mod {
border-radius: 15px !important;
background-color: limegreen !important;
}
#UserStatsMenu .give-chat-mod:hover {
border-radius: 15px !important;
background-color: #04B404 !important;
}
#UserStatsMenu .kick {
border-radius: 15px !important;
background-color: #FFBF00 !important;
}
#UserStatsMenu .kick:hover {
border-radius: 15px !important;
background-color: #DF7401 !important;
}
#UserStatsMenu .ban,
#UserStatsMenu .private-block {
border-radius: 15px !important;
background-color: #FF0000 !important;
}
#UserStatsMenu .ban:hover,
#UserStatsMenu .private-block:hover {
border-radius: 15px !important;
background-color: #610B0B !important;
}
#entry {
border-radius: 20px 0 0 20px;
}
#user {
background-color: #0022FF !important;
}
/******************************************************************************/
/* BORDER COLOR ALTERATIONS */
/* Recoloring "----" lines */
hr {border-color:#0022FF;}
/* Wikia Article Page Borders */
.WikiaPage {
-webkit-border-radius: 25px;
border-radius: 25px;
border: 2px solid #0022FF !important;
margin-top: 15px;
}
.WikiaPageBackground {-webkit-border-radius: 23px;border-radius: 23px;}
/* Coloring all borders */
a.wikia-button.secondary,
.wikia-single-button a.secondary,
.wikia-menu-button.secondary,
input.secondary[type="submit"],
input.secondary[type="reset"],
input.secondary[type="button"],
.button.secondary, button.secondary,
.wikia-menu-button.secondary,
.WikiaRail .module,
.WikiaRail .rail-module,
#WikiaSpotlightsModule ul li .highlight img,
.modalContent,
.WikiaArticleComments textarea,
.commentslikes .commentsbubble,
.WikiaUserPagesHeader .avatar-link,
#EditPageDialog.preview .modalContent .WikiaArticle,
.WikiaArticle #filetoc,
.WikiaArticle div.gallerybox div.thumb,
.WikiaArticle .noarticletext,
.comments blockquote {border: 1px solid #0022FF;}
.WikiaPage {
top: 10px;
margin-bottom: 25px !important;
}
.wikinav2 .WikiaPage {
margin-top: 8em !important;
padding-top: 1em !important;
}
.WikiaPage .WikiaPageContentWrapper {top: -9em;}
.CorporateFooter {margin-bottom: -100px;}
.wikinav2 .WikiaPageHeader {border-bottom: solid 1px #0022FF !important;}
.WikiaArticle h2 {border-bottom: solid 1px #0022FF !important;}
.WikiaFooter section {border: solid 1px #0022FF !important;}
.WikiaArticle fieldset {border: solid 1px #0022FF !important;}
#wikia-mediawiki-recentchangestext {border: 1px solid #0022FF !important;}
.WikiaBlogListing .WikiaBlogListingPost {border-bottom: 1px solid #0022FF !important;}
.RelatedPagesModule {
border: solid 2px #0022FF !important;
border-radius: 15px;
background-color: #070707;
margin: -7px;
padding: 12px;
padding-left:10px;
padding-right:15px;
}
#wkRelPagHead {
font-weight: bold !important;
margin-left: -1px;
}
.RelatedPagesModule .more {
text-align:center;
}
.WikiaSearch input[type="text"] {
border: 1px solid #0022FF !important;
background-position: right top;
}
.popover-inner {
border: 1px #0022FF solid;
border-radius: 15px;
}
.popover-inner .info {
border-radius: 15px 15px 3px 3px;
background-color: #0022FF !important;
}
/* Gives "img-circle" Circular Borders */
.img-circle {border-radius:50%;}
/******************************************************************************/
/* EDIT SUMMARIES */
/* Custom edit summaries */
#stdSummaries {
border-radius: 5px;
padding: 1px 2px;
width: 250px !important;
background-color: #070707 !important; /* Background color of box */
border: 1px solid #0022FF !important; /* Border around the box */
color: white; /* Font color */
margin-bottom: 4px; /* Anything underneath is moved further away */
}
.editpage-sourcewidemode-on.mode-source #stdSummaries {
left: -17px;
position: relative;
top: 25px;
width: 260px !important;
}
/* Edit summary box */
#wpSummary {
border: 1px solid #0022FF !important; /* Border around the box */
border-radius: 5px;
width: 250px !important;
background-color: #070707 !important; /* Background color of box */
color: white; /* Font color */
}
/* Focusing on boxes */
#wpSummary:focus {border: 2px solid limegreen !important;}
#stdSummaries:focus {border: 2px solid limegreen !important;}
/*******************************************************************************
//NOTE: From here on, CSS is mostly based on hovering over things, and giving things shadowing, hover colors, borders, etc. Most hover selectors are found here.
/*******************************************************************************/
/* IMAGES, FILES AND GALLERIES ALTERATIONS */
/* Hide File captions */
.noCaption .article-thumb figcaption {display:none;}
/* Use <div class="noCaption">
[[File:…]]
</div> to work */
/* Giving related pages module images a border, and repositioning them */
.RelatedPagesModule img {
margin-top:7px;
margin-bottom:7px;
margin-left:4px;
margin-right:4px;
border-radius: 15px;
border:2px solid #0022FF;
}
/* Hovering over images */
.WikiaArticle img:hover {
border-radius: 4px;
box-shadow:2px 2px 2px 2px #0022FF !important;
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
/* Hovering over Related Pages Images */
.RelatedPagesModule img:hover {
margin-top:7px;
margin-bottom:7px;
margin-left:4px;
margin-right:4px;
border-radius: 15px;
border:2px solid #00AAF4;
}
/*******************************************************************************/
/* FORUM ALTERATIONS */
.thread {
background-color: #070707;
border-radius: 5px 15px 15px 5px;
border: 1px solid #0022FF;
}
.thread:hover {
background-color: #000B59;
}
.speech-bubble-message .quote {
background-color: #070707;
border-radius: 10px;
border: 1px solid #0022FF;
}
.removed-info {
background-color: #070707;
border-radius: 10px;
border: 1px solid #0022FF;
}
/*******************************************************************************/
/* MISCELLANEOUS */
/* Gaming Footer */
div.gamingfooter > div:first-child {
border: 1px solid #0022FF !important;
background-color: #070707 !important;
border-radius: 20px !important;
}
/* Editing headers */
#EditPageHeader {border-radius: 23px 23px 0 0;}
#EditPageMain {border-radius: 0 0 23px 23px;}
/* Moving elements down because of distance between wikiheader and page */
.header-container {margin-top: 12px;}
#WikiaPageHeader {margin-top: 12px;}
#WikiaRail {margin-top: 12px;}
#WikiaUserPagesHeader {margin-top: 12px;}
#UserProfileMasthead {margin-top: 12px;}
/* Giving masthead borders */
#UserProfileMasthead .masthead-info {border-radius: 25px 17px 8px 8px;}
/* Table of Contents hover "selection" color */
.toclevel-1:hover {
background-color: #000B59 !important;
border-radius: 5px;
color: white; /* Font color */
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.toclevel-2:hover {
background-color: #000B59 !important;
border-radius: 5px;
color: white; /* Font color */
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
.toclevel-3:hover {
background-color: #000B59 !important;
border-radius: 5px;
color: white; /* Font color */
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
transition: all 0.3s linear 0s;
}
/* Giving listed material discs */
.WikiaArticle ul {
list-style-type: disc;
}
#AdminDashboardGeneral .section .controls ul {
display: none !important;
}
/* Lovely colored pre and codes */
.WikiaArticle code,
.WikiaArticle pre {
background-color: #070707;
color: white;
border: 1px dashed #0022FF;
border-radius: 5px;
}
/* Community Corner Header */
#myhome-community-corner-header {
color: white !important;
}
#Chat-entry-point-guidelines {
font-weight: normal !important;
}
/* Blue lines under gallery images in "images" page */
.wikia-gallery-item {
border-bottom: 0 none !important;
}
/* View Source Background Color Changes */
#WikiaArticle #source-code {
background-color:#080808;
color:#C8D4BA;
border: 1px solid #0022FF;
border-radius: 30px;
}
#WikiaArticle #source-code a {
color:#699BFD;
}
/* View Source TOC Module Backrgound Color Changes */
#WikiaRail #source-toc.module,
#WikiaRail #source-toc.rail-module
{
background-color:#080808;
color:#C8D4BA;
border: 1px solid #0022FF!important;
border-radius: 30px;
}
#WikiaRail #source-toc.module a,
#WikiaRail #source-toc.rail-module a {
color:#699BFD;
}
/* Prevent scrollbox behavior when there are mulitple editintro templates. */
.editpage-intro > .editpage-intro-wrapper {
max-height: 100%;
}
/* Scrollbox fixes */
.rellink { font-style: italic; }
.rellink i { font-style: normal; }
.scrollbox {
margin-bottom:3px;
margin-top:3px;
}
.scrollbox tr > td {
background: transparent;
}
.scrollbox tr > td > div {
overflow: auto;
-moz-border-radius-topleft: 0.5em;
border: 1px solid #AAAAAA;
padding-left: 0.5em;
background: transparent;
}
/*///////////////////////// IMPORTANT HEADER UPDATES //////////////////////////
If you want to be able to edit, let this code work. Because of Wikia's faulty compatability with custom css, half of pages didn't have edit buttons until this code was written. */
div.WikiaPageContentWrapper {
margin-top: 100px !important;
}
div#WikiaRailWrapper.WikiaRail {
margin-top: -20px !important;
}
section#WikiaPage.WikiaPage.V2 {
margin-top: -5px !important }