(Undo revision 461871 by Vozhan (talk)) |
No edit summary |
||
| Line 99: | Line 99: | ||
/* Administrator Usernames */ |
/* Administrator Usernames */ |
||
/* Administrator Usernames */ |
/* Administrator Usernames */ |
||
| + | .WikiaPage a[href$="Firefox20z"], .modalContent a[href$="Firefox20z"]{ |
||
| + | font-weight: bold !important; |
||
| + | color:#00FF00} |
||
.WikiaPage a[href$="Combatbot2015"], .modalContent a[href$="Combatbot2015"]{ |
.WikiaPage a[href$="Combatbot2015"], .modalContent a[href$="Combatbot2015"]{ |
||
font-weight: bold !important; |
font-weight: bold !important; |
||
Revision as of 03:35, 27 May 2020
/***************************/
/******** CONTENTS *********/
/***************************
! Search '^^^' for suppressed items
/***************************/
/** CUSTOM COLOUR THEMING **/
/***************************
/******** Variables ********/
:root {
--text-page: #FFF;
--text-accent: #FFF;
--text-contrast: #FFF;
--text-table: #FFF;
--text-module: #FFF;
--text-heavy: #666;
--text-white: #FFF;
--link-page: #0FF;
--link-contrast: #FFF;
--link-contrasthover: #0FF;
--link-table: #0CF;
--link-module: #0BF;
--link-buttonprimary: #FFF;
--link-buttonsecondary: #3A3A3A;
--link-dropdownmenu: #FFF;
--link-dropdownmenuhover: #0FF;
--link-administrator: #60F;
--link-moderator: #FC0;
--border-general: #666;
--border-accent: #00C;
--border-module: #0CF;
--border-menubuttondivide: #FFF3;
--background-main: url(https://vignette.wikia.nocookie.net/transformers/images/d/d4/CyberveseBackgroundStill1.jpg);
--background-page: #000C;
--background-accent: #0089;
--background-accenthover: #008C;
--background-accentlight: #CF03;
--background-accenthighlight: #CF03;
--background-accentheavy: #008;
--background-popovercontent: #008C;
--background-popovercontenthover: #00AC;
--background-contrast: #44A;
--background-contrastalternate: #008;
--background-tableheader: #008C;
--background-tablecell: #0089;
--background-module: #0009;
--background-buttonprimary: #44A;
--background-buttonprimaryhover: #66C;
--background-buttonsecondary: #EEE;
--background-buttonsecondaryhover: #F7F7F7;
--background-footertoolbar: linear-gradient(to right, #000C 0, #008C 50%, #000C 100%);
--background-notification: #008C;
--background-overlay: #0003;
--background-overlaydark: #0009;
--background-overlaygradient: linear-gradient(to bottom, transparent, #000);
--colour-red: #C00;
--colour-green: #0C0;
--colour-lightblue: #08F;
--colour-darkblue: #008;
--colour-purple: #60F;
--colour-redtransparent: #F009;
--colour-greentransparent: #0F09;
--colour-lightbluetransparent: #0AF9;
--colour-darkbluetransparent: #00C9;
--colour-purpletransparent: #60F9;
}
/***************************/
/** Local Configurations ***/
/***************************/
/* Template Remote Styling (with user-created classes) */
.content-header {
color: var(--text-contrast);
background-color: var(--background-contrast);
}
.content-body {background-color: var(--background-accent);}
.content-body-heavy {background-color: var(--background-accentheavy);}
/* 'Template:Togglebox' Collapser + Link & Hover (with user-created parent class) */
.togglebox .mw-collapsible-toggle {
position: absolute;
top: 5px;
right: 15px;
font-size: 12px;
font-weight: bold;
color: var(--link-contrast);
}
.togglebox .mw-collapsible-toggle a {
text-decoration: none;
color: inherit;
}
.togglebox .mw-collapsible-toggle a:hover {color: var(--link-contrasthover);}
/* Administrator Usernames */
/* Administrator Usernames */
.WikiaPage a[href$="Firefox20z"], .modalContent a[href$="Firefox20z"]{
font-weight: bold !important;
color:#00FF00}
.WikiaPage a[href$="Combatbot2015"], .modalContent a[href$="Combatbot2015"]{
font-weight: bold !important;
color:#FBFF00}
.WikiaPage a[href$="FortressMaximus"], .modalContent a[href$="FortressMaximus"]{
font-weight: bold !important;
color:#BD00FF}
.WikiaPage a[href$="Moviejunkie2009"], .modalContent a[href$="Moviejunkie2009"]{
font-weight: bold !important;
color:#FF006C}
.WikiaPage a[href$="Vozhan"], .modalContent a[href$="Vozhan"]{
font-weight: bold !important;
color:#FF7800}
/* Paginator Containers + Lists + ... */
.WikiaArticle .wikia-paginator {
height: auto;
margin: 0;
padding: 0;
}
.WikiaArticle .wikia-paginator ul, .WikiaArticle .Pagination {
display: flex;
justify-content: center;
margin: 10px 0;
}
.WikiaArticle .wikia-paginator ul li, .WikiaArticle .Pagination li {
margin: 0 2.5px;
padding: 0;
border: none;
font-size: 13px;
color: inherit;
}
.WikiaArticle .wikia-paginator ul li > *:not(.paginator-spacer):not(.disabled), .Pagination li a {
position: static;
min-width: auto;
height: auto;
margin: 0;
padding: 0 7.5px;
border-radius: 10px !important;
line-height: inherit !important;
text-decoration: none;
font-size: inherit;
color: inherit !important;
background: var(--background-accent) !important;
}
.WikiaArticle .wikia-paginator ul li .paginator-page:hover, .WikiaArticle .wikia-paginator ul li .button:hover, .WikiaArticle .Pagination li a:hover {background-color: var(--background-accenthover) !important;}
.WikiaArticle .wikia-paginator ul li .paginator-page.active, .WikiaArticle .Pagination .selected a {
margin: 0;
font-weight: bold;
color: inherit;
background-color: var(--background-accenthover) !important;
}
.WikiaArticle .wikia-paginator ul li .disabled, .WikiaArticle .wikia-paginator ul li .paginator-spacer {
min-width: auto;
height: auto;
margin: 0;
padding: 0;
line-height: inherit;
color: inherit;
}
.WikiaArticle .wikia-paginator ul li *:after {content: none !important;}
.WikiaArticle .wikia-paginator ul li a span {display: inline !important;}
/***************************/
/***** Common Elements *****/
/***************************/
/* Root */
html {height: 100%;}
/* Body + Content Wrapper */
body:not(#bodyContent) {
height: 100%;
padding: 0 !important;
overflow: auto;
font-family: Rubik, Helvetica, sans-serif;
color: var(--text-page);
background: fixed var(--background-main) !important;
}
/* .mediawiki .WikiaSiteWrapper {font-size: 0;} */ /* inline-block whitespace removal. Edit: removed, this breaks the notifications dropdown */
/* Links & Red Links + Core Dropdown Menus / Core Input Fields + Labels + Input Labels + Fieldset Labels */
a {color: var(--link-page);}
a.new {color: var(--colour-red) !important;}
select, input {
height: auto !important;
margin: 0;
}
label {
display: inline-flex !important;
vertical-align: top;
line-height: normal !important;
}
label select, label input {margin: 0 5px 0 0 !important;}
fieldset label {vertical-align: baseline;}
/* All Buttons & Primary Buttons & Secondary Buttons & Primary Buttons Hover & Secondary Buttons Hover */
input[type="button"], input[type="reset"], input[type="submit"], .button, .WikiaPage button, .modal button, .modalContent button, .WikiaPage .wds-button, .modalContent .wds-button, .wds-toggle__label, .wikia-button, .wikia-menu-button {
box-sizing: border-box !important;
height: auto !important;
margin: 0;
padding: 0 10px;
border: none !important;
border-radius: 5px !important;
line-height: 22px !important;
letter-spacing: inherit;
text-transform: capitalize;
font-family: inherit !important;
font-size: 12px;
font-weight: normal;
transition: none;
cursor: pointer;
}
input[type="submit"], .button, .WikiaPage button, .modalContent button, .WikiaPage .wds-button, .modal button, .modalContent .wds-button, .wikia-button, .wikia-menu-button {
color: var(--link-buttonprimary) !important;
background: var(--background-buttonprimary) !important;
}
input[type="button"], input[type="reset"], .button.secondary, .WikiaPage button.secondary, .modalContent button.secondary, .WikiaPage .wds-button.wds-is-secondary, .modalContent .wds-button.wds-is-secondary, .wds-toggle__label, .wikia-button.secondary, .wikia-menu-button.secondary {
color: var(--link-buttonsecondary) !important;
background: var(--background-buttonsecondary) !important;
}
input[type="submit"]:hover, .button:hover, .WikiaPage button:hover, .modal button:hover, .modalContent button:hover, .WikiaPage .wds-button:hover, .modalContent .wds-button:hover, .wikia-button:hover, .wikia-menu-button:hover {background: var(--background-buttonprimaryhover) !important;}
input[type="button"]:hover, input[type="reset"]:hover, .button.secondary:hover, .WikiaPage button.secondary:hover, .modalContent button.secondary:hover, .WikiaPage .wds-button.wds-is-secondary:hover, .modalContent .wds-button.wds-is-secondary:hover, .wds-toggle__label:hover, .wikia-button.secondary:hover, .wikia-menu-button.secondary:hover {background: var(--background-buttonsecondaryhover) !important;}
/* Toggle Button Ornaments */
.wds-toggle__label:before, .wds-toggle__label:after {display: none;}
/* Classic Primary Menu Buttons & Secondary Buttons */
.wikia-menu-button {
display: inline-flex;
padding: 0;
}
.wikia-menu-button.secondary.combined {
margin-left: 10px;
padding-left: 10px;
font-size: 12px;
}
/* Menu Button Container + Link & Secondary + Menu Container + Toggle & Secondary + Chevron & Secondary + Container Component Hovers & Secondary */
.WikiaPage .wds-button-group {position: relative;}
.WikiaPage .wds-button-group > .wds-button, .wikia-menu-button > a, .wikia-menu-button input[type="submit"] {
margin: 0 !important;
padding: 0 10px;
border-right: 1px solid var(--border-menubuttondivide) !important;
border-radius: 5px 0 0 5px !important;
font-size: 13px;
color: var(--link-buttonprimary) !important;
background: var(--background-buttonprimary) !important;
}
.wikia-menu-button.secondary > a {
color: var(--link-buttonsecondary) !important;
background: var(--background-buttonsecondary) !important;
}
.WikiaPage .wds-button-group .wds-dropdown {
display: flex;
position: static;
}
.WikiaPage .wds-button-group .wds-dropdown .wds-dropdown__toggle, .wikia-menu-button .drop {
margin: 0 !important;
padding: 0 5px;
border-radius: 0 5px 5px 0 !important;
background: var(--background-buttonprimary) !important;
}
.wikia-menu-button.secondary .drop {background: var(--background-buttonsecondary) !important;}
.wikia-menu-button .drop .chevron {
margin: 2px 2px 0;
border-top-color: var(--link-buttonprimary);
}
.wikia-menu-button.secondary .drop .chevron {border-top-color: var(--link-buttonsecondary);}
.WikiaPage .wds-button-group > .wds-button:hover, .wikia-menu-button > a:hover, .wikia-menu-button input[type="submit"]:hover, .WikiaPage .wds-button-group .wds-dropdown .wds-dropdown__toggle:hover, .wikia-menu-button .drop:hover {background: var(--background-buttonprimaryhover) !important;}
.wikia-menu-button.secondary > a:hover, .wikia-menu-button.secondary .drop:hover {background: var(--background-buttonsecondaryhover) !important;}
/* Classic Dropdown Menu Button / Footer Toolbar / Thread/History Sorting + Adjustment + Items + Links & Hovers */
.wikia-menu-button .WikiaMenuElement, .WikiaBarWrapper .wikia-bar .toolbar .tools .menu .tools-menu, .SortingBar .SortingMenu .SortingList {
position: absolute !important;
min-width: 100% !important;
top: 22px !important;
right: 0;
left: auto !important;
padding: 0;
border: none !important;
border-radius: 10px !important;
overflow: hidden;
background: none !important;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important;
}
.WikiaBarWrapper .wikia-bar .toolbar .tools .menu .tools-menu {
top: auto !important;
bottom: 35px;
}
.wikia-menu-button .WikiaMenuElement li, .WikiaBarWrapper .wikia-bar .toolbar .tools .menu .tools-menu li, #WikiaArticle .SortingBar .SortingMenu .SortingList li {
border: none !important;
font-weight: inherit !important;
background: none !important;
}
.wikia-menu-button .WikiaMenuElement li a, .WikiaBarWrapper .wikia-bar .toolbar .tools .menu .tools-menu li a, .SortingBar .SortingMenu .SortingList li .sortingOption {
width: auto !important;
height: auto;
padding: 0 10px !important;
border: none;
line-height: 35px !important;
text-transform: none;
font-size: 13px !important;
color: var(--link-dropdownmenu) !important;
background-color: var(--background-popovercontent);
transition: color .2s, background-color .2s;
}
.wikia-menu-button .WikiaMenuElement li a:hover, .WikiaBarWrapper .wikia-bar .toolbar .tools .menu .tools-menu li a:hover, .SortingBar .SortingMenu .SortingList li .sortingOption:hover {
color: var(--link-dropdownmenuhover) !important;
background-color: var(--background-popovercontenthover) !important;
}
/*Community header Skin*/
.wds-community-header::before {
background: url(https://vignette.wikia.nocookie.net/transformers/images/0/0e/Community-header-background/revision/latest/scale-to-width-down/639?cb=20191226193202) 2055%;
opacity: 0.200;
}
/* Wordmark Links & Hover + Image ^^^ */
.wordmark a, .wds-community-header__wordmark a {
display: flex;
opacity: 1;
transition: opacity .2s;
}
.wordmark a:hover, .wds-community-header__wordmark a:hover {opacity: 1.2;}
.wordmark a img {margin: 0;}
/* Avatars */
.WikiaPage .wds-avatar, .modalContent .wds-avatar, .avatar {
vertical-align: top;
width: 30px;
min-width: 0;
height: 30px;
border: none !important;
border-radius: 5px;
}
/***************************/
/**** Primary Elements *****/
/***************************/
/* Notification Banner Position + Container + Content + Marker & Styles + Icon + Text + Close Button ^^^ */
.banner-notifications-placeholder {height: auto !important;}
.wds-banner-notification__container {
position: relative !important;
width: 740px;
top: auto !important;
left: auto !important;
margin: 0 auto 0 !important;
box-shadow: none;
}
.WikiaPage .wds-banner-notification__container {display: none;}
.wds-banner-notification__container .wds-banner-notification {
margin: 10px 10px 0;
border-radius: 10px;
color: var(--text-primary);
background-color: var(--background-accent);
}
.wds-banner-notification__container .wds-banner-notification .wds-banner-notification__icon {
width: auto;
padding: 16px;
border-radius: 10px 0 0 10px;
}
.wds-banner-notification__container .wds-success .wds-banner-notification__icon {background-color: var(--colour-greentransparent);}
.wds-banner-notification__container .wds-message .wds-banner-notification__icon {background-color: var(--colour-lightbluetransparent);}
.wds-banner-notification__container .wds-warning .wds-banner-notification__icon {background-color: var(--colour-redtransparent);}
.wds-banner-notification__container .wds-banner-notification .wds-banner-notification__icon .wds-icon {
width: 20px;
height: 20px;
}
.wds-banner-notification__container .wds-banner-notification .wds-banner-notification__text {
padding: 15px 0 15px 15px;
border: none;
line-height: 22px;
color: inherit;
}
.wds-banner-notification__container .wds-banner-notification .wds-banner-notification__close {
width: 14px;
height: 14px;
padding: 19px;
border: none;
}
/* Advertisements Container */
.WikiaTopAds {
margin-top: 10px;
padding: 0;
}
/* Notifications Banner / Staple Header Width Adjustment ^^^ */
@media only screen and (min-width: 1024px) {
.wds-banner-notification__container, .wds-community-header {width: 1006px !important;}
}
@media only screen and (min-width: 1084px) {
.wds-banner-notification__container, .wds-community-header {width: 1046px !important;}
}
@media only screen and (min-width: 1596px) {
.wds-banner-notification__container, .wds-community-header {width: 1200px !important;}
}
/* Footer Toolbar Ribbon & Hidden + Footer Toolbar Container + Collapse Button + All Hovers + Buttons (logged out) + Components (logged out) + Message (logged out) */
.WikiaBarWrapper {
height: auto;
background: var(--background-footertoolbar);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.WikiaBarWrapper.hidden {
bottom: -35px;
opacity: 0;
}
.WikiaBarWrapper .wikia-bar {
position: relative;
box-sizing: border-box;
width: auto;
max-width: 740px;
height: auto;
padding: 0 35px 0 0;
text-align: left;
}
@media only screen and (min-width: 1024px) {
.WikiaBarWrapper .wikia-bar {max-width: 1006px;}
}
@media only screen and (min-width: 1084px) {
.WikiaBarWrapper .wikia-bar {max-width: 1046px;}
}
@media only screen and (min-width: 1596px) {
.WikiaBarWrapper .wikia-bar {max-width: 1200px;}
}
.WikiaBarWrapper .arrow {
width: 35px;
height: 100%;
}
.WikiaBarWrapper .wikia-bar *:hover {
text-decoration: none;
color: var(--link-contrasthover) !important;
}
.WikiaBarWrapper .wikia-bar .wikiabar-button {
display: inline-flex;
align-items: center;
position: relative;
float: none;
height: auto;
margin: 0;
padding: 0 15px;
border: none;
line-height: 35px;
font-size: inherit;
background: none;
}
.WikiaBarWrapper .wikia-bar .wikiabar-button > * {
font-size: 14px;
transition: color .2s;
}
.WikiaBarWrapper .wikia-bar .message {
position: absolute;
box-sizing: border-box;
width: 100%;
height: auto;
margin: 0;
padding: 0 35px 0 450px;
line-height: 35px;
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
font-family: inherit;
font-size: 14px;
color: var(--link-contrast);
transition: color .2s;
}
/* Footer Toolbar + List + Items + Links & Dropdown Menu Links + Customize Link + Objects + Chevrons & Remote Hovers */
.WikiaBarWrapper .wikia-bar .toolbar {
width: auto;
height: auto;
padding: 0;
}
.WikiaBarWrapper .wikia-bar .toolbar .tools {
display: flex;
flex-wrap: wrap;
padding: 0;
}
.WikiaBarWrapper .wikia-bar .toolbar .tools > li {
display: inherit;
position: relative;
height: auto;
margin: 0;
padding: 0;
border: none;
}
.WikiaBarWrapper .wikia-bar .toolbar .tools > li > a {
display: block;
padding: 0 15px;
line-height: 35px;
font-size: 14px;
color: var(--link-contrast);
transition: color .2s;
}
.WikiaBarWrapper .wikia-bar .toolbar .tools > .menu > a {padding-left: 25px;}
.WikiaBarWrapper .wikia-bar .toolbar .tools > li .tools-customize {padding-left: 30px;}
.WikiaBarWrapper .wikia-bar .toolbar .tools > li > *:not(a):not(.tools-menu) {
position: absolute;
top: 9.5px;
left: 10px;
z-index: -1;
margin: 0;
}
.WikiaBarWrapper .wikia-bar .toolbar .tools > li .arrow-icon-ctr .arrow-icon {
border-bottom-color: var(--link-contrast);
opacity: 0.5;
transition: opacity .2s;
}
.WikiaBarWrapper .wikia-bar .toolbar .tools > li:hover .arrow-icon-ctr .arrow-icon {opacity: 1;}
/* Footer Toolbar Toggle Button Container & Hidden + Link */
.WikiaBarCollapseWrapper {
width: 100%;
height: 20px;
background-color: var(--background-overlay);
box-shadow: none;
}
.WikiaBarCollapseWrapper.hidden {bottom: -20px;}
.WikiaBarCollapseWrapper .wikia-bar-collapse {
float: none;
width: auto;
height: 20px;
}
/* Footer Toolbar Popover Message (logged out) / Bubble Stem */
.popover.wikiaBarMessage, .popover.wikiaBar .arrow {display: none !important;}
/* Footer Toolbar Notifications Popup List + Items + Styling + Links & Hovers + Close Button */
.WikiaNotifications {
right: 45px !important;
bottom: 45px !important;
margin: 0 !important;
}
.WikiaNotifications li {
display: block;
margin: 10px 0 0;
padding: 0;
}
.WikiaNotifications li div {
padding: 10px 15px;
border-radius: 10px;
font-size: 13px;
background: var(--background-notification);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.WikiaNotifications li div a {
border: none !important;
text-decoration: none;
}
.WikiaNotifications li div a:hover {color: var(--link-contrasthover);}
.WikiaNotifications li div .close-notification {
top: 5px;
right: 5px;
}
/* Content-Space + Background + Headings ^^^ */
.WikiaPage {
z-index: 1;
margin: 10px auto 35px;
padding: 10px;
border: 1px solid var(--border-module) !important;
font-family: inherit;
background-color: var(--background-page);
box-shadow: 0 0 20px var(--border-module);
}
.WikiaPage .WikiaPageBackground {display: none;}
.WikiaPage h1 {
line-height: 32px;
font-size: 28px;
font-weight: bold;
}
.WikiaPage h2 {
line-height: 24px;
font-size: 20px;
font-weight: bold;
}
/***************************/
/***** Header Elements *****/
/***************************/
/* Page Header Block # Message Walls + Heading Section Contents + Subtitles + Categories Container + Categories + Links + Page Title + Subtitle Link Icons + Checkboxes + Contribution Section */
.WikiaPage .page-header {
padding: 0 0 10px;
border-bottom: 1px solid var(--border-general);
}
.ns-1200 .WikiaPage .page-header {
display: block;
border: none;
}
.WikiaPage .page-header .page-header__main > * {
line-height: 22px;
font-size: 13px;
}
.WikiaPage .page-header .page-header__main > div {margin-top: 10px;}
.WikiaPage .page-header .page-header__main .page-header__categories {margin: 0 0 5px;}
.WikiaPage .page-header .page-header__main .page-header__categories .page-header__categories-links {line-height: inherit;}
.WikiaPage .page-header .page-header__main .page-header__categories .page-header__categories-links a {padding: 0;}
.WikiaPage .page-header .page-header__main .page-header__title {
line-height: 32px;
font-size: 28px;
color: inherit;
}
.WikiaPage .page-header .page-header__main div a .wds-icon {display: none;}
.WikiaPage .page-header .page-header__main input {margin-right: 5px;}
.WikiaPage .page-header .page-header__contribution {margin: 0;}
.WikiaPage .page-header .page-header__contribution > div > div {
margin-bottom: 5px;
padding: 0;
line-height: 22px;
font-size: 13px;
color: inherit;
}
.WikiaPage .page-header .page-header__contribution .page-header__contribution-buttons > * {margin: 0 0 0 10px;}
.WikiaPage .page-header__separator {display: none;}
/* User Page Header Block + Masthead + Blanks */
.WikiaUserPagesHeader {
padding: 0;
background: none;
}
.UserProfileMasthead {
display: flex;
padding: 10px;
}
.UserProfileMasthead *:after {display: none !important;}
/* User Page Masthead Avatar + Image + Avatar Edit Container */
.UserProfileMasthead .masthead-avatar {
position: static;
flex-shrink: 0;
box-sizing: border-box;
width: 150px;
height: 150px;
margin-right: 20px;
border: 5px solid var(--background-contrast);
border-radius: 20px;
overflow: hidden;
}
.UserProfileMasthead .masthead-avatar .avatar {
width: 100%;
max-width: none;
height: 100%;
max-height: none;
}
.UserProfileMasthead .masthead-avatar .avatar-controls {display: none !important;}
/* User Page Masthead Details Box + Header + Headings + Text + Details Edit Button Container + Internal + Icon + Link & Hover */
.UserProfileMasthead .masthead-info {
display: grid;
grid-template-rows: min-content;
grid-template-columns: 50%;
flex-grow: 1;
margin: 0;
border-radius: 20px;
overflow: hidden;
background-color: var(--background-accent);
}
.UserProfileMasthead .masthead-info hgroup {
grid-column: span 2;
padding: 10px 85px 10px 20px;
overflow: hidden;
text-overflow: ellipsis;
border-radius: 20px 20px 0 0;
color: var(--text-contrast);
background: var(--background-contrast);
}
.UserProfileMasthead .masthead-info hgroup > *:not(span) {
line-height: 32px;
font-size: 28px;
margin-right: 8px;
}
.UserProfileMasthead .masthead-info hgroup h2 span {
margin: 0;
color: inherit;
opacity: 0.8;
}
.UserProfileMasthead .masthead-info hgroup .tag {
vertical-align: top;
top: auto;
margin: 6px 10px 6px 0 !important;
padding: 0 5px;
border-radius: 5px;
line-height: 20px;
font-size: 12px;
background-color: var(--background-contrastalternate);
}
.UserProfileMasthead .masthead-info .user-identity-box-edit {
top: 14px;
right: 20px;
margin: 0;
font-size: 20px;
cursor: default;
}
.UserProfileMasthead .masthead-info .user-identity-box-edit li {
display: flex;
align-items: center;
}
.UserProfileMasthead .masthead-info .user-identity-box-edit li svg {
position: static;
width: auto;
height: 20px;
margin-right: 10px;
fill: var(--link-contrast);
}
.UserProfileMasthead .masthead-info .user-identity-box-edit li a {
text-decoration: none;
color: var(--link-contrast);
transition: color .2s;
}
.UserProfileMasthead .masthead-info .user-identity-box-edit li a:hover {color: var(--link-contrasthover);}
/* Details Sections & Bubble Stem + All Items + Links + Text + Left Details Section Tallies & Discussions Tally + Links + Counts + Text + Website List + Items + Link Icons + Favourite Wikis Container + List + Items + Right Details Section Personal Details List Items & First Item + Bio Item + Access Toggle */
.UserProfileMasthead .masthead-info > div {
width: auto;
padding: 20px !important;
line-height: 22px;
font-size: 13px;
}
.UserProfileMasthead .masthead-info > div:before {display: none;}
.UserProfileMasthead .masthead-info > div > * {
display: flex;
flex-direction: column;
}
.UserProfileMasthead .masthead-info > div a {
display: inline-flex;
font-weight: inherit !important;
color: var(--link-page) !important;
}
.UserProfileMasthead .masthead-info span {
width: auto;
margin: 0;
text-align: inherit;
text-transform: inherit;
font-size: inherit;
color: inherit;
}
.UserProfileMasthead .masthead-info .masthead-info-lower .tally {
margin: 0;
padding: 0;
border: none;
line-height: normal;
}
.UserProfileMasthead .masthead-info .masthead-info-lower .tally.discussion-details {
flex-direction: row;
margin: 10px 0 0;
}
.UserProfileMasthead .masthead-info .masthead-info-lower .tally a {text-decoration: none;}
.UserProfileMasthead .masthead-info .masthead-info-lower .tally em {
line-height: 32px;
letter-spacing: inherit;
font-size: 28px;
}
.UserProfileMasthead .masthead-info .masthead-info-lower .tally span {
padding: 4px 0;
white-space: nowrap;
line-height: 12px;
overflow: hidden;
text-overflow: ellipsis;
}
.UserProfileMasthead .masthead-info .masthead-info-lower .links {
flex-direction: row;
flex-wrap: wrap;
}
.UserProfileMasthead .masthead-info .masthead-info-lower .links li {margin: 10px 10px 0 0;}
.UserProfileMasthead .masthead-info .masthead-info-lower .links li a .icon {
margin-right: 5px;
background-color: var(--background-buttonprimary);
}
.UserProfileMasthead .masthead-info .masthead-info-lower .wikis {margin-top: 10px;}
.UserProfileMasthead .masthead-info .masthead-info-lower .wikis ul {
width: auto;
list-style-type: disc;
}
.UserProfileMasthead .masthead-info .masthead-info-lower .wikis ul li {
float: none;
max-width: none;
margin: 0 0 0 20px;
padding: 0;
white-space: normal;
overflow: visible;
}
.UserProfileMasthead .masthead-info .details ul li {
margin-top: 10px;
padding: 0;
}
.UserProfileMasthead .masthead-info .details ul li:first-child {margin: 0;}
.UserProfileMasthead .masthead-info .details ul .bio {
height: 0;
margin: 0;
}
/* Tabs Container */
.tabs-container {margin-bottom: -10px;}
/* User Profile - Edit Button Container */
.UserProfileActionButton {
margin: 10px 0;
padding: 0;
}
/***************************/
/***** Footer Elements *****/
/***************************/
/* Footer Block */
.WikiaFooter {
margin: 0;
padding: 0;
}
/* Recirculation Footer Block + Header + Containers & Last Children + Portals & Modules & Discussions Module + Module Headers & Adjustment + Header Link & Hover + Lists & Shadows + Items + Links + Text + Images */
.mcf-en {
margin: 10px -10px -10px !important;
padding: 20px !important;
border-top: 1px solid var(--border-general);
background-color: var(--background-accent) !important;
}
.mcf-en .mcf-content .mcf-header {margin-bottom: 10px;}
.mcf-en .mcf-content .mcf-mosaic .mcf-column > div {margin-bottom: 20px;}
.mcf-en .mcf-content .mcf-mosaic .mcf-column > div:last-child {margin: 0;}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card {
width: 219.33px;
height: 219.33px;
border: none;
border-radius: 20px;
line-height: 22px;
overflow: hidden;
}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card:not(.mcf-card-article) {background: none;}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card-discussions {height: 458.66px;}
@media only screen and (min-width: 1024px) {
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card {
width: 308px;
height: 308px;
}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card-discussions {height: 636px;}
}
@media only screen and (min-width: 1084px) {
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card {
width: 321.33px;
height: 321.33px;
}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card-discussions {height: 662.66px;}
}
@media only screen and (min-width: 1596px) {
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card {
width: 372.66px;
height: 372.66px;
}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card-discussions {height: 765.33px;}
}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card header {
padding: 10px 15px;
border: none;
font-size: 17px;
color: var(--text-contrast);
background: var(--background-contrast) !important
}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card header:before {display: none;}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card header a {
white-space: nowrap;
text-decoration: none;
color: var(--link-contrast);
}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card header a:hover {color: var(--link-contrasthover);}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card ul {
height: 100%;
margin: 0;
padding: 0 15px;
overflow: auto;
background: var(--background-accent) !important;
}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card ul:before, .mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card ul:after {display: none;}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card ul li {
margin: 0;
border-color: var(--border-accent);
overflow: hidden;
}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card ul li a {color: inherit;}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card ul li a span {
margin: 0;
font-size: 14px;
color: inherit;
}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card ul li a img {
height: 38.5px;
max-height: none;
margin-right: 10px;
}
@media only screen and (min-width: 1024px) {
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card ul li a img {height: 68px;}
}
@media only screen and (min-width: 1084px) {
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card ul li a img {height: 72.5px;}
}
@media only screen and (min-width: 1596px) {
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card ul li a img {height: 89.5px;}
}
/* Popular Pages Module Numbering + Discussions Module Author Details + List Item Link Contents + Subtitle Text + Counter Icons + Article Portal Text & Subtitles + Sponsor Markers + Text + Sponsor Provider Image */
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card-wiki-articles .mcf-card-wiki-articles__list .mcf-card-wiki-articles__item .mcf-card-wiki-articles__item-link .mcf-card-wiki-articles__circle {
flex: none;
width: auto;
height: auto;
margin-right: 10px;
padding: 0 10px;
line-height: 30px;
color: var(--text-contrast);
background-color: var(--background-contrast);
}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card-discussions .mcf-card-discussions__list .mcf-card-discussions__item .mcf-card-discussions__user-info {display: none;}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card-discussions .mcf-card-discussions__list .mcf-card-discussions__item a > div {
margin: 10px 0;
padding: 0;
font-size: 13px;
font-weight: bold;
color: inherit;
}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card-discussions .mcf-card-discussions__list .mcf-card-discussions__item a .mcf-card-discussions__meta div {
color: inherit;
opacity: 0.5;
}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card-discussions .mcf-card-discussions__list .mcf-card-discussions__item a .mcf-card-discussions__meta .mcf-card-discussions__counters .wds-icon {fill: var(--border-accent);}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card-article__link .mcf-card > span {
margin: 0;
padding: 0 15px;
line-height: 22px;
font-size: 14px;
}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card-article__link .mcf-card-article .mcf-card-article__subtitle {
margin-bottom: 10px;
font-size: 12px;
}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card-article__link .mcf-card-article .mcf-card-article__sponsored-bagde {
height: auto;
top: 0;
left: auto;
padding: 5px 10px 5px 15px;
border-radius: 0 0 10px 0;
background-color: var(--background-overlaydark);
}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card-article__link .mcf-card-article .mcf-card-article__sponsored-bagde .mcf-card-article__sponsored-text {
line-height: inherit;
letter-spacing: inherit;
}
.mcf-en .mcf-content .mcf-mosaic .mcf-column .mcf-card-article__link a .mcf-card-article__plista {
margin: 0 15px 10px 0;
padding: 0;
}
/***************************/
/****** Rail Elements ******/
/***************************/
/* Rail Block / Main Page Right Column + Paragraphs */
.WikiaRail, .main-page-tag-rcs {
display: inline-block !important;
float: none;
column-count: 2;
column-gap: 0;
width: auto;
margin: 10px 0 0 !important;
padding: 0 !important;
}
@media only screen and (min-width: 1024px) {
.WikiaRail, .main-page-tag-rcs {
column-count: auto;
width: 300px;
margin: 10px 0 0 10px !important;
}
}
.main-page-tag-rcs .rcs-container > p {display: none;}
/* Rail / Main Page Right Column / Chat / Poll Modules # Article Module Adjustment & Buffer + Links + Headings + Heading Icons + Paragraphs + Images + Subtitles */
.WikiaRail .module, .WikiaRail .rail-module, .main-page-tag-rcs .module, .main-page-tag-rcs .rail-module, .ChatWidget, .ajax-poll {
display: inline-block;
box-sizing: border-box;
width: 354px !important;
margin: 0 10px 10px 0 !important;
padding: 15px !important;
border: 2px solid var(--border-module) !important;
line-height: 22px;
font-size: 13px;
color: var(--text-module);
background: var(--background-module);
box-shadow: 0 0 5px 1px var(--border-module), 0 0 5px var(--border-module) inset;
}
@media only screen and (min-width: 1024px) {
.WikiaRail .module, .WikiaRail .rail-module, .main-page-tag-rcs .module, .main-page-tag-rcs .rail-module, .main-page-tag-rcs .ChatWidget, .main-page-tag-rcs .ajax-poll {width: 100% !important;}
}
.mediawiki:not(.mainpage) .WikiaArticle .ChatWidget, .mediawiki:not(.mainpage) .WikiaArticle .ajax-poll {
display: block;
width: 300px !important;
margin: 10px 0 !important;
text-align: left;
}
.WikiaRail .module:after {display: none;}
.WikiaRail .module a, .WikiaRail .rail-module a, .main-page-tag-rcs .module a, .main-page-tag-rcs .rail-module a, .ChatWidget a {color: var(--link-module);}
.WikiaRail .module h2, .WikiaRail .rail-module h2, .main-page-tag-rcs .module h2, .main-page-tag-rcs .rail-module h2, .ChatWidget .chat-contents .chat-headline {
min-height: 0;
margin: 0 0 10px;
padding: 0;
border: none;
line-height: inherit;
font-size: 17px;
color: inherit;
}
.WikiaRail .rail-module h2.has-icon svg {
margin-right: 10px;
fill: var(--text-module);
}
.WikiaRail .module p, .main-page-tag-rcs .module p, .main-page-tag-rcs .rail-module p {
margin: 5px 0;
line-height: inherit;
font-size: inherit;
}
.WikiaRail .module img, .main-page-tag-rcs .rail-module img {vertical-align: middle;}
.WikiaRail .module .more {
margin-top: 10px;
line-height: normal;
}
/* Chat Module Avatar Group Container + Group + Avatars & Empty Chat Avatars + Images + Additional User Count Link & Hover + Join The Chat Button & Hover + Subtitle */
.chat-module .chat-contents .chat-details .avatars {
padding: 5px 10px;
border: 1px solid var(--border-general);
border-radius: 10px;
}
.chat-module .chat-contents .chat-details .avatars .wds-avatar-stack {max-width: none !important;}
.chat-module .chat-contents .chat-details .avatars .wds-avatar-stack .wds-avatar {
transform: none;
width: 30px;
min-width: 0;
height: 30px;
z-index: auto;
margin: 0 10px 0 0;
}
.chat-module .chat-contents.chat-room-empty .chat-details .avatars .wds-avatar-stack .wds-avatar {opacity: 0.5;}
.chat-module .chat-contents .chat-details .avatars .wds-avatar-stack .wds-avatar .wds-avatar__image {
border: none !important;
border-radius: 5px;
}
.chat-module .chat-details .avatars .more-users-count {
margin-left: 5px !important;
color: var(--link-module) !important;
}
.chat-module .chat-contents .chat-details .avatars .more-users-count:hover {text-decoration: underline !important;}
.chat-module .chat-contents .chat-details .wds-button.wds-is-secondary {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 0 10px;
color: var(--link-buttonprimary) !important;
background: var(--background-buttonprimary) !important;
}
.chat-module .chat-contents .chat-details .wds-button.wds-is-secondary:hover {background: var(--background-buttonprimaryhover) !important;}
.chat-module .more {
margin-top: 10px !important;
line-height: normal;
text-align: center;
font-size: 10px !important;
font-weight: bold !important;
}
/* Poll Module Blank Section + Rows + Vote Option Containers + Vote Meters + Bars + Text + Breaks + Vote Submission Text */
.ajax-poll .center {display: none;}
.ajax-poll form > div > div {margin: 10px 0;}
.ajax-poll form > div .pollAnswer .pollAnswerName {
margin: 0 0 5px;
padding: 0;
line-height: normal;
}
.ajax-poll form > div .pollAnswer .pollAnswerVotes {
box-sizing: border-box;
height: 15px;
margin: 0;
border-color: var(--border-general);
border-radius: 5px;
}
.ajax-poll form > div .pollAnswer .pollAnswerVotes div {
height: 13px;
border: none;
border-radius: 5px;
line-height: normal;
font-size: 0;
background-color: var(--background-contrast);
}
.ajax-poll form > div .pollAnswer .pollAnswerVotes span {
top: auto;
line-height: 13px;
}
.ajax-poll form > div > br {display: none;}
.ajax-poll form > span {padding-left: 5px !important;}
/* Activity Module List Items + Titles + Edit Details + Usernames + Community Page Module Extension + Avatar Group Container + Subtitle + Text + Entry Button */
.activity-module .activity-items .activity-item {
margin: 10px 0;
padding: 0;
}
.activity-module .activity-items .activity-item .page-title {
margin-bottom: 5px;
line-height: normal;
font-size: inherit;
}
.activity-module .activity-items .activity-item .edit-info {
max-height: none;
line-height: normal;
color: inherit;
}
.activity-module .activity-items .activity-item .edit-info .edit-info-user {
display: inline;
white-space: normal;
text-decoration: none;
font-style: italic;
color: inherit;
}
.activity-module .community-page-rail-module {
margin-top: 15px;
border: none;
}
.activity-module .community-page-rail-module .avatars {display: none;}
.activity-module .community-page-rail-module .content {margin: 0;}
.activity-module .community-page-rail-module .content .description {
line-height: normal;
text-align: center;
font-size: 10px;
font-weight: bold;
}
.activity-module .community-page-rail-module .content .entry-button {display: none;}
/* Popular Pages Module List Items & First Child + Links & Hovers + Images + All Components */
.premium-recirculation-rail ul.thumbnails li {
margin: 10px 0 0;
padding-top: 10px;
border-top: 1px solid var(--border-general);
}
.premium-recirculation-rail .thumbnails li:first-child {border: none;}
.premium-recirculation-rail .thumbnails li a {
align-items: center;
color: var(--link-module) !important;
}
.premium-recirculation-rail .thumbnails li a:hover {text-decoration: underline;}
.premium-recirculation-rail .thumbnails li a img {
width: 30px;
min-width: auto;
height: 30px;
margin-right: 10px;
border: none;
border-radius: 5px;
}
.premium-recirculation-rail .thumbnails li a *:not(img) {
margin: 0 !important;
opacity: 1 !important;
}
/* Insights Module List Items + Links + Splotches & Highlighted + Count */
.insights-module .insights-module-list .insights-module-item {
padding: 10px 0 10px 35px;
background-position: 0 50%;
}
.insights-module .insights-module-list .insights-module-item .insights-module-link {
display: inline;
padding: 0;
}
.insights-module .insights-module-list .insights-module-item .insights-module-link .insights-red-dot {
min-width: 0;
height: auto;
top: 5px;
left: -5px;
padding: 0 5px;
line-height: 16px;
}
.insights-module .insights-module-list .insights-module-item .insights-module-link .insights-red-dot.highlighted {background-color: var(--colour-red);}
.insights-module .insights-module-list .insights-module-item .insights-module-link .insights-red-dot .insights-red-dot-count {
min-width: 0;
padding: 0;
}
/* Followed Pages Module List Items + Links */
.FollowedPagesModule ul li {
margin: 0;
padding: 10px 0 !important;
border-color: var(--border-general);
}
.FollowedPagesModule ul li div a {font-size: inherit;}
/* Hot Spot Module List Items + Ranking Markers & Styling + Count + Text + Item Text */
.HotSpotsModule .reset li {
display: flex;
align-items: center;
margin-top: 10px;
padding: 10px 0 0;
}
.HotSpotsModule .reset li .myhome-hot-spots-fire div {
display: flex;
align-items: center;
float: none;
margin: 0;
padding: 0 15px;
}
.HotSpotsModule .reset li .myhome-hot-spots-fire .hot-spot-severity-1 {background-color: var(--colour-red);}
.HotSpotsModule .reset li .myhome-hot-spots-fire .hot-spot-severity-2 {background-color: var(--colour-green);}
.HotSpotsModule .reset li .myhome-hot-spots-fire .hot-spot-severity-3 {background-color: var(--colour-lightblue);}
.HotSpotsModule .reset li .myhome-hot-spots-fire .hot-spot-severity-4 {background-color: var(--colour-purple);}
.HotSpotsModule .reset li .myhome-hot-spots-fire .hot-spot-severity-5 {background-color: var(--colour-darkblue);}
.HotSpotsModule .reset li .myhome-hot-spots-fire div big {
line-height: 30px;
font-size: 20px;
}
.HotSpotsModule .reset li .myhome-hot-spots-fire div small {
line-height: 30px;
font-size: 12px;
}
.HotSpotsModule .reset li span {
margin-left: 10px;
padding: 0;
}
/* Wall History Module List Items & Last Item + Titles + Links + Unregistered User Links + Text + Subtitle List + Items & Separators */
.WallHistoryRail > ul > li {
padding: 10px 0 !important;
border-color: var(--border-general) !important;
}
.WallHistoryRail > ul > li:last-child {border: none !important;}
.WallHistoryRail > ul > li .names {
padding: 0 !important;
line-height: 15px;
}
.WallHistoryRail > ul > li .names a {line-height: 15px !important;}
.WallHistoryRail > ul > li .names .realname {color: var(--link-module) !important;}
.WallHistoryRail > ul > li .names .realname small {font-size: inherit;}
.WallHistoryRail > ul > li .actionlinks {
height: auto !important;
line-height: 15px;
font-size: 12px !important;
}
.WallHistoryRail > ul > li .actionlinks li {padding: 0 !important;}
.WallHistoryRail > ul > li .actionlinks li:not(:last-child):after {content: ' •'}
/* JavaScript Review Module Subheadings + Status Indicators # Module Adjustment & Specific + Test Mode Button Container + Submit Button Container + Subtitle */
.content-review-module .content-review-module-header {
margin: 10px 0 5px;
line-height: normal;
font-size: inherit;
}
.content-review-status {border-width: 16px;}
.content-review-module .content-review-status {
border-width: 15px;
line-height: 15px;
font-size: 12px;
}
.content-review-status.content-review-status-unsubmitted {border-color: var(--colour-purple);}
.content-review-status.content-review-status-awaiting {border-color: var(--colour-lightblue);}
.content-review-status.content-review-status-rejected {border-color: var(--colour-red);}
.content-review-status.content-review-status-approved, .content-review-status.content-review-status-live {border-color: var(--colour-green);}
.content-review-module .content-review-module-test-mode {display: inline-flex;}
.content-review-module .content-review-module-submit-container {float: right;}
.content-review-module .content-review-module-help {
margin-top: 10px;
line-height: normal;
font-size: 10px;
font-weight: bold;
}
/* Infobox Migration Module Links + Button */
.templatedraft-module > a {text-decoration: none;}
.templatedraft-module > a .templatedraft-module-button {margin: 10px auto 0;}
/* Discussions Module # Rail Adjustment + Paragraphs + Pulsator + Heading Container # Rail/Main Page Right Column Adjustment + Conponents + Heading + Subtitle + Thread List + Items & Delete Marker & First-Child
+ Component Second Children + Internals Containers + Deleted Item Block Link + Components & Selective & Remote Hovers # Rail/Main Page Right Column Adjustments + Titles + Icons */
.embeddable-discussions-module {
display: block;
margin: 10px 0;
padding: 0;
border: none;
}
.rail-module .embeddable-discussions-module {
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
background: none;
box-shadow: none;
}
.embeddable-discussions-module > p {display: none;}
.embeddable-discussions-module .wikiaThrobber {background-color: transparent;}
.embeddable-discussions-module .embeddable-discussions-heading-container {
margin: 15px 0 10px;
padding-bottom: 5px;
border-bottom: 1px solid var(--border-general);
}
.rail-module .embeddable-discussions-module .embeddable-discussions-heading-container, .main-page-tag-rcs .embeddable-discussions-module .embeddable-discussions-heading-container {
margin-top: 0;
padding: 0;
border: none;
}
.embeddable-discussions-module .embeddable-discussions-heading-container > div {
height: auto;
line-height: inherit;
}
.embeddable-discussions-module .embeddable-discussions-heading-container .embeddable-discussions-heading p {
margin: 0;
font-size: 17px;
font-weight: bold;
}
.embeddable-discussions-module .embeddable-discussions-heading-container .embeddable-discussions-show-all p {margin: 0;}
.embeddable-discussions-module .embeddable-discussions-threads {padding: 0;}
.embeddable-discussions-module .embeddable-discussions-threads .embeddable-discussions-post-detail {
margin: 10px 0 0;
padding: 0;
border: none;
border-top: 1px solid var(--border-general);
background: none;
}
.embeddable-discussions-module .embeddable-discussions-threads .embeddable-discussions-post-detail:before {display: none;}
.embeddable-discussions-module .embeddable-discussions-threads .embeddable-discussions-post-detail:first-child {border: none;}
.embeddable-discussions-module .embeddable-discussions-threads .embeddable-discussions-post-detail > div:nth-child(2) {display: none;}
.embeddable-discussions-module .embeddable-discussions-threads .embeddable-discussions-post-detail .embeddable-discussions-side-spaced {
display: grid;
margin: 10px 0 0;
padding: 0;
}
.embeddable-discussions-module .embeddable-discussions-threads .embeddable-discussions-post-detail.is-deleted .embeddable-discussions-side-spaced .embeddable-discussions-fill-div {display: none;}
.embeddable-discussions-module .embeddable-discussions-threads .embeddable-discussions-post-detail .embeddable-discussions-side-spaced > div {
margin-top: 5px;
padding: 0;
font-size: inherit;
color: inherit;
}
.embeddable-discussions-module .embeddable-discussions-threads .embeddable-discussions-post-detail .embeddable-discussions-side-spaced > div:not(.embeddable-discussions-post-counters) {color: var(--link-page);}
.embeddable-discussions-module .embeddable-discussions-threads .embeddable-discussions-post-detail .embeddable-discussions-side-spaced:hover > div:not(.embeddable-discussions-post-counters) {text-decoration: underline;}
.rail-module .embeddable-discussions-module .embeddable-discussions-threads .embeddable-discussions-post-detail .embeddable-discussions-side-spaced > div:not(.embeddable-discussions-post-counters), .main-page-tag-rcs .embeddable-discussions-module .embeddable-discussions-threads .embeddable-discussions-post-detail .embeddable-discussions-side-spaced > div:not(.embeddable-discussions-post-counters) {
text-decoration: none;
color: inherit;
}
.rail-module .embeddable-discussions-module .embeddable-discussions-threads .embeddable-discussions-post-detail .embeddable-discussions-side-spaced:hover > div:not(.embeddable-discussions-post-counters), .main-page-tag-rcs .embeddable-discussions-module .embeddable-discussions-threads .embeddable-discussions-post-detail .embeddable-discussions-side-spaced:hover > div:not(.embeddable-discussions-post-counters) {color: var(--link-contrasthover);}
.embeddable-discussions-module .embeddable-discussions-threads .embeddable-discussions-post-detail .embeddable-discussions-side-spaced .embeddable-discussions-header-container {
order: 2;
grid-column: span 2;
}
.embeddable-discussions-module .embeddable-discussions-threads .embeddable-discussions-post-detail .embeddable-discussions-side-spaced .embeddable-discussions-header-container .avatar-container {display: none;}
.embeddable-discussions-module .embeddable-discussions-threads .embeddable-discussions-post-detail .embeddable-discussions-side-spaced .embeddable-discussions-header-container .avatar-details {
margin: 0;
line-height: inherit;
font-size: inherit;
}
.embeddable-discussions-module .embeddable-discussions-threads .embeddable-discussions-post-detail .embeddable-discussions-side-spaced .embeddable-discussions-header-container .avatar-details .avatar-username {
margin-right: 5px;
text-decoration: none;
font-style: italic;
color: inherit;
}
.embeddable-discussions-module .embeddable-discussions-threads .embeddable-discussions-post-detail .embeddable-discussions-side-spaced .embeddable-discussions-header-container .avatar-details .embeddable-discussions-timestamp {
padding: 0;
font-size: inherit;
color: inherit;
}
.embeddable-discussions-module .embeddable-discussions-threads .embeddable-discussions-post-detail .embeddable-discussions-side-spaced .embeddable-discussions-title {
order: 1;
grid-column: span 2;
margin: 0;
}
.embeddable-discussions-module .embeddable-discussions-threads .embeddable-discussions-post-detail .embeddable-discussions-side-spaced .embeddable-discussions-content {display: none;}
.embeddable-discussions-module .embeddable-discussions-threads .embeddable-discussions-post-detail .embeddable-discussions-side-spaced .embeddable-discussions-forum {order: 3;}
.embeddable-discussions-module .embeddable-discussions-threads .embeddable-discussions-post-detail .embeddable-discussions-side-spaced .embeddable-discussions-post-counters {order: 4;}
.embeddable-discussions-module .embeddable-discussions-threads .embeddable-discussions-post-detail .embeddable-discussions-side-spaced .embeddable-discussions-post-counters .embeddable-discussions-post-counter svg path {fill: var(--border-accent);}
/* Main Page Advertisement */
.home-top-right-ads .wikia-ad {margin: 10px 0 0 !important;}
/***************************/
/****** Body Elements ******/
/***************************/
/* Main Content Block / Main Page Left Column */
@media only screen and (min-width: 1024px) {
.WikiaMainContent, .main-page-tag-lcs {width: calc(100% - 310px);}
}
/* Article Body # Full Screen */
.WikiaArticle {
min-height: 0;
margin: 10px 0;
padding: 0;
border: none;
line-height: 22px !important;
overflow: visible;
font-size: 13px !important;
box-shadow: none;
}
.full-screen-page .WikiaArticle {margin: 0;}
/* Various Headings + Edit Section Text & Remote Hovers */
.WikiaArticle h1 {
margin: 0;
line-height: 32px;
font-size: 28px;
font-weight: bold;
}
.WikiaArticle h2 {
margin: 15px 0 0;
padding-bottom: 5px;
border-color: var(--border-general);
line-height: 24px;
font-size: 20px;
font-weight: bold;
}
.WikiaArticle h2 > span {font-size: inherit !important;}
.WikiaArticle h3 {
margin: 15px 0 0;
line-height: inherit;
font-size: 17px;
font-weight: bold;
}
.WikiaArticle h4 {
margin: 15px 0 0;
line-height: inherit;
font-size: 14px;
font-weight: bold;
}
.WikiaArticle h5 {
margin: 15px 0 0;
font-size: 13px;
font-weight: bold;
}
.WikiaArticle h6 {
margin: 15px 0 0;
font-size: 12px;
font-weight: bold;
}
.WikiaArticle .editsection {
display: none;
position: absolute;
font-size: 12px !important;
}
.WikiaArticle h2:hover .editsection, .WikiaArticle h3:hover .editsection, .WikiaArticle h4:hover .editsection {display: inline;}
/* Paragraphs */
.WikiaArticle p, .WikiaArticle p + p, .SpeechBubble .speech-bubble-message p {margin: 5px 0;}
/* Unordered Lists + Items */
.WikiaArticle ul, .WikiaArticle .AdminDashboard ul, .SpeechBubble .speech-bubble-message ul {
margin: 5px 0;
list-style-type: disc;
}
.WikiaArticle ul li {margin: 0 0 0 20px;}
/* Ordered Lists + Items */
.WikiaArticle ol, .WikiaArticle ol.special, .SpeechBubble .speech-bubble-message ol {margin: 5px 0;}
.WikiaArticle ol li {margin: 0 0 0 35px;}
/* Description Lists + Titles + Details */
.WikiaArticle dl {margin: 0;}
.WikiaArticle dt {margin: 5px 0 0;}
.WikiaArticle dd {margin: 0 0 0 20px;}
/* Block Quotes */
.WikiaArticle blockquote {
margin: 10px 30px;
line-height: inherit;
font-size: inherit;
}
/* Preformatted Text Containers */
.WikiaArticle pre {
margin: 10px 0;
padding: 10px;
border: none;
line-height: normal;
white-space: pre-wrap;
background-color: var(--background-accent) !important;
}
/* Tables + Cells */
.WikiaArticle table {border-spacing: 0;}
.WikiaArticle table td {padding: 0;}
/* Fieldsets + Titles + Paragraphs + Small Text */
.WikiaArticle fieldset {
float: none;
margin: 0 0 10px;
padding: 0 15px 15px;
border-color: var(--link-page);
}
.WikiaArticle fieldset legend {
padding: 5px;
line-height: normal;
}
.WikiaArticle fieldset p {margin: 0;}
.WikiaArticle fieldset small {font-size: inherit;}
/* Quote Containers */
.WikiaArticle .quote {
margin: 10px 0;
padding: 15px;
border: 2px dotted var(--border-general);
border-radius: 10px;
background: none;
}
/* Table of Contents Box */
.WikiaArticle .toc {display: none;}
/* Unpatrolled Link */
.WikiaArticle .patrollink {font-size: 12px;}
/* Derived / Autonatic Data Text + Automatic Data Text */
.comment, .autocomment {
font-style: inherit;
color: inherit;
}
/* Uncreated Page Filler */
.WikiaArticle .noarticletext {display: none;}
/* Blank Page Text */
#mw-content-text > i {
display: block;
margin: 5px 0;
}
/* Thumb Containers + Left Alignments + Right Alignments */
.article-thumb {
margin: 10px 0;
overflow: hidden;
}
.WikiaArticle .floatleft, .tleft {margin: 10px 10px 10px 0 !important;}
.WikiaArticle .floatright, .tright {margin: 10px 0 10px 10px !important;}
/* Article Images / Upload Preview Images + Link */ /* !!! */
.thumbimage, .WikiaArticle .thumbinner {
margin: 0 !important;
padding: 0;
border: none;
border-radius: 10px;
background: none;
}
/* Gallery Container + Gallery Items & Sizes + + Add Photos Button */ /* !!! */
.wikia-gallery {
display: flex;
flex-wrap: wrap;
align-items: stretch;
justify-content: center;
margin: 10px 0;
}
.wikia-gallery .wikia-gallery-item {
display: flex;
flex-direction: column;
position: relative;
box-sizing: border-box;
width: 25% !important;
height: auto !important;
margin: 0;
padding: 10px !important;
border: none !important;
}
.wikia-gallery.wikia-gallery-spacing-large .wikia-gallery-item {width: 33.33% !important;}
.wikia-gallery.wikia-gallery-spacing-small .wikia-gallery-item {width: 12.5% !important;}
.wikia-gallery .wikia-gallery-item .thumb {
flex-grow: 1;
height: auto !important;
}
.wikia-gallery .wikia-gallery-item .thumb .gallery-image-wrapper {
position: static !important;
width: 100% !important;
height: 100% !important;
border: none;
background: none;
}
.wikia-gallery .wikia-gallery-item .thumb .gallery-image-wrapper a {
display: flex;
align-items: center;
justify-content: center;
width: 100% !important;
height: 100% !important;
line-height: inherit;
}
.wikia-gallery .wikia-gallery-item .thumb .gallery-image-wrapper a .thumbimage {max-width: 100%;}
.wikia-gallery .wikia-gallery-item .thumb .gallery-image-wrapper .lightbox-caption {display: none;}
.wikia-gallery .wikia-photogallery-add {display: none !important;}
/* + Play Icon + Fill + Icon !!! */
.video-thumbnail .thumbnail-play-icon-container {
width: 100% !important;
height: 100% !important;
bottom: auto !important;
left: auto !important;
}
.video-thumbnail .thumbnail-play-icon-container .thumbnail-play-icon {
width: auto;
min-width: 0;
height: 50%;
}
.video-thumbnail .thumbnail-play-icon-container .thumbnail-play-icon g {opacity: 1;}
.video-thumbnail .thumbnail-play-icon-container .thumbnail-play-icon > g > g > *:nth-child(1) {fill: none;}
.video-thumbnail .thumbnail-play-icon-container .thumbnail-play-icon > g > g > *:nth-child(2) {
fill: var(--background-overlaydark);
opacity: 0.8;
}
.video-thumbnail .thumbnail-play-icon-container .thumbnail-play-icon g path {
fill: var(--background-popovercontenthover);
opacity: 0.8;
}
.video-thumbnail .thumbnail-play-icon-container:hover .thumbnail-play-icon g * {opacity: 1 !important;}
/* Slideshow Backdrop + Image Container */
.wikia-slideshow-images-wrapper {
border-radius: 30px;
background-color: var(--background-accent);
}
.wikia-slideshow-images {
border-radius: 25px;
background-color: var(--background-accent);
}
/* Slideshow Arrows & Hover */
.wikia-slideshow-prev-next a span {
height: 40px !important;
margin: 10px 5px !important;
line-height: 40px !important;
background: var(--background-accent) !important;
}
.wikia-slideshow-prev-next a span:hover {background-color: var(--background-accenthover) !important;}
/* Slideshow Internal Caption Container + Captions */
.wikia-slideshow-image-caption {
max-height: 55px;
background-color: var(--background-overlaydark);
opacity: 1;
}
.wikia-slideshow-image-caption-inner {
margin: 5px 10px;
text-align: center;
font-size: 12px;
}
/* Slideshow Toolbar + Captions + Popover Button + Add Photos Button */
.wikia-slideshow-toolbar div {float: none !important;}
.wikia-slideshow-toolbar .wikia-slideshow-toolbar-counter {
font-size: 12px;
border: none;
}
.wikia-slideshow-toolbar .wikia-slideshow-popout, .wikia-slideshow-addimage {display: none !important;}
/* Slider + Images + Subtitles */ /* !!! */
.WikiaPhotoGalleryPreview .wikiaPhotoGallery-slider-body {
width: 640px;
margin: 10px auto;
border: 15px solid var(--background-contrast);
border-radius: 30px;
}
.WikiaPhotoGalleryPreview .wikiaPhotoGallery-slider-body ul {margin: 0;}
.WikiaPhotoGalleryPreview .wikiaPhotoGallery-slider-body ul li {margin: 0;}
.WikiaPhotoGalleryPreview .wikiaPhotoGallery-slider-body ul li a .wikiaPhotoGallery-slider {
width: 100%;
height: 100%;
margin: 0 !important;
}
.WikiaPhotoGalleryPreview .wikiaPhotoGallery-slider-body ul li .description-background {
box-sizing: border-box;
width: 100%;
height: 100px;
background-color: var(--background-overlaydark);
opacity: 1;
}
.WikiaPhotoGalleryPreview .wikiaPhotoGallery-slider-body ul li .description {
width: 220px;
height: 80px;
margin: 10px;
padding: 0;
}
.WikiaPhotoGalleryPreview .wikiaPhotoGallery-slider-body ul li .description > * {
width: auto;
height: auto;
max-height: 30px;
margin: 0;
padding: 0;
line-height: normal;
}
.WikiaPhotoGalleryPreview .wikiaPhotoGallery-slider-body ul li .description h2 {
white-space: nowrap;
text-overflow: ellipsis;
font-size: 17px;
}
.WikiaPhotoGalleryPreview .wikiaPhotoGallery-slider-body ul li .description p .wikia-button {
position: absolute;
bottom: 0;
}
.WikiaPhotoGalleryPreview .wikiaPhotoGallery-slider-body ul li .nav {
bottom: 15px !important;
margin: 0;
}
.WikiaPhotoGalleryPreview .wikiaPhotoGallery-slider-body ul .wikiaPhotoGallery-slider-0 .nav {right: 310px;}
.WikiaPhotoGalleryPreview .wikiaPhotoGallery-slider-body ul .wikiaPhotoGallery-slider-1 .nav {right: 210px;}
.WikiaPhotoGalleryPreview .wikiaPhotoGallery-slider-body ul .wikiaPhotoGallery-slider-2 .nav {right: 110px;}
.WikiaPhotoGalleryPreview .wikiaPhotoGallery-slider-body ul .wikiaPhotoGallery-slider-3 .nav {right: 10px;}
.WikiaPhotoGalleryPreview .wikiaPhotoGallery-slider-body ul li .nav img {
border: none;
border-radius: 10px;
}
/* Image/Video Info Icon */
.article-thumb figcaption .info-icon {display: none;}
/* Article / Gallery / Slideshow / Upload Captions */
.article-thumb figcaption p, .wikia-gallery-item > div:not(.thumb), .wikia-slideshow-toolbar, .thumbinner .thumbcaption {
width: auto !important;
height: auto;
margin: 10px 0 0 !important;
padding: 0 10px !important;
border-radius: 10px;
text-align: center !important;
line-height: inherit;
font-size: 12px;
color: var(--text-accent) !important;
background-color: var(--background-accent);
}
/* File Gallery Lists + Items + Internal Containers + Thumbnails + Captions */
.WikiaArticle .gallery {
margin: 10px 0;
padding: 0;
text-align: center;
}
.WikiaArticle .gallery .gallerybox {
width: 160px !important;
margin: 0;
border: none;
}
.WikiaArticle .gallery .gallerybox > div {width: auto !important;}
.WikiaArticle .gallery .gallerybox > div .thumb {
width: auto !important;
margin: 0;
border-color: var(--border-general);
background: none;
}
.WikiaArticle .gallery .gallerybox > div .gallerytext {
padding: 5px 0;
font-size: inherit;
}
/* Audio Player Containers + Main Internal # Selective Text Insert + Button + Audio Player + Portable Infobox Audio Players + Details */
.ogg_player {line-height: normal;}
.ogg_player div:nth-child(1) {
display: inline-flex;
align-items: center;
}
.article-thumb .ogg_player div:nth-child(1):before, .fullImageLink .ogg_player div:nth-child(1):before {
width: 63px;
padding-right: 5px;
font-weight: bold;
content: 'Play audio';
}
.ogg_player div:nth-child(1) button {
display: flex;
width: auto !important;
padding: 0;
background: none !important;
}
.ogg_player div:nth-child(1) audio {width: 182px;}
.portable-infobox .pi-item .pi-data-value .ogg_player div:nth-child(1) audio {width: 185px;}
.ogg_player div:not(:nth-child(1)) {display: none;}
/* Wide Table Container & Scroll Shadow + Wide Table */
.table-is-wide {margin: 10px 0 !important;}
.table-is-wide:before {display: none;}
.table-is-wide table {margin: 0 !important;}
/* Article-Marked/Regular/Special/File/Dashboard Rail Tables + Row Content + Headers + Cells + Captions + Links + Images + Sorting Chevrons + Sorting Cell Hover / Ascending/Descending Ordering */
.article-table, .wikitable, .TablePager, .mw_metadata, .WikiaDataTable {
margin: 10px 0 !important;
font-size: inherit !important;
background: none !important;
}
.article-table tr > *, .wikitable tr > *, .TablePager tr > *, .mw_metadata tr > *, .WikiaDataTable tr > * {
vertical-align: middle !important;
height: auto !important;
padding: 5px 10px !important;
border: 1px solid var(--border-general) !important;
white-space: normal !important;
font-size: inherit !important;
color: var(--text-table) !important;
background-image: none !important;
}
.article-table th, .wikitable th, .TablePager th, .mw_metadata th, .WikiaDataTable th {
text-align: center !important;
background-color: var(--background-tableheader) !important;
}
.article-table td, .wikitable td, .TablePager td, .mw_metadata td, .WikiaDataTable td {
text-align: left;
background-color: var(--background-tablecell) !important;
}
.article-table caption {
padding: 5px 10px;
border: 1px solid var(--border-general);
border-bottom: none;
color: var(--text-table);
background-color: var(--background-tablecell);
}
.article-table a, .wikitable a, .TablePager a, .mw_metadata a, .WikiaDataTable a {color: var(--link-table);}
.article-table a img {vertical-align: top;}
.article-table.sortable th.headerSort div .chevron:nth-child(1) {border-bottom-color: var(--text-table);}
.article-table.sortable th.headerSort div .chevron:nth-child(2) {border-top-color: var(--text-table);}
.TablePager .sorting:hover, .TablePager .sorting_asc, .TablePager .sorting_desc {
color: var(--link-contrasthover) !important;
cursor: pointer;
}
/* Special Page Table Navigator + Cell Links & Hovers + Icons */
.TablePager_nav {margin: 10px auto;}
.TablePager_nav td a {display: block;}
.TablePager_nav td a:hover {text-decoration: underline;}
.TablePager_nav td img {padding: 10px 0 0;}
/* Portable Infoboxes # Preceding Positioning + Links + Rows + Components + Title + Staple Image + Caption + Headings + Row Headings + Row Contents + Navigation + Horizontal Group Components + Group Headings */
.portable-infobox {
box-sizing: border-box;
width: 300px;
margin: 0 0 10px 10px;
padding: 0 10px;
border: 2px solid var(--border-module);
color: var(--text-module);
background: var(--background-module);
box-shadow: 0 0 5px 1px var(--border-module), 0 0 5px var(--border-module) inset;
}
h1 + .portable-infobox, h2 + .portable-infobox, h3 + .portable-infobox, h4 + .portable-infobox, h5 + .portable-infobox, h6 + .portable-infobox {margin-top: 10px;}
p + .portable-infobox, ul + .portable-infobox {margin-top: 5px;}
.portable-infobox a {color: var(--link-module);}
.portable-infobox .pi-item, .portable-infobox .pi-navigation {
align-items: center;
margin: 10px 0;
padding: 0;
border: none;
line-height: 22px;
background: none;
}
.portable-infobox .pi-item > * {
margin: 0;
padding: 0;
line-height: inherit;
color: white;
hyphens: none;
}
.portable-infobox .pi-title {
text-align: center;
font-size: 17px;
}
.portable-infobox .pi-image .image-thumbnail .pi-image-thumbnail {
width: 100%;
height: 100%;
}
.portable-infobox .pi-image .pi-caption {text-align: center;}
.portable-infobox .pi-header {border-bottom: 1px solid var(--border-general);}
.portable-infobox .pi-item .pi-data-label {padding-right: 10px;}
.portable-infobox .pi-item .pi-data-value {
flex-basis: 185px;
flex-shrink: 0;
}
.portable-infobox .pi-navigation {text-align: center;}
.portable-infobox .pi-item .pi-horizontal-group .pi-horizontal-group-item {
vertical-align: middle;
padding: 0;
border: none;
line-height: inherit;
hyphens: none;
}
.portable-infobox .pi-item .pi-horizontal-group .pi-horizontal-group-item.pi-data-label {padding-bottom: 10px;}
/* Reference List Item Targeted */
.WikiaArticle .references li:target {
padding: 0 5px;
border-radius: 10px;
background-color: var(--background-accent);
}
/* Widgets */
.widgetTag {margin: 10px 0;}
/* Tabber Container + Header List + Links & Hovers/Selected + Body */
div.tabberlive {
margin: 10px 0;
overflow: hidden;
}
div.tabberlive .tabbernav {
display: flex;
flex-wrap: wrap;
margin: 0;
padding: 5px;
line-height: inherit;
font-family: inherit;
font-size: inherit;
border: none;
border-radius: 20px 20px 0 0;
background: var(--background-contrast);
}
.tabberlive .tabbernav li a {
display: block;
margin: 0 10px;
padding: 0;
line-height: inherit;
color: var(--link-contrast) !important;
border: none !important;
background: none !important;
}
.tabberlive .tabbernav li a:hover, .tabberlive .tabbernav .tabberactive a {color: var(--link-contrasthover) !important;}
.tabberlive div.tabbertab {
padding: 10px 15px;
border: none;
border-radius: 0 0 20px 20px;
overflow: hidden;
background-color: var(--background-accent);
}
/* Tab List + Items + Links & Selected Links + Tab Body */
.tabs {
margin: 10px 0 !important;
padding: 0 5px;
border-color: var(--border-general);
}
.tabs li {margin: 0;}
.tabs li a {
top: auto;
margin: 0 5px;
padding: 0 10px !important;
border: none !important;
line-height: 30px;
cursor: pointer !important;
}
.tabs .selected a {
border-radius: 10px 10px 0 0;
color: inherit !important;
background-color: var(--background-accent);
}
.tabBody {min-height: 0;}
/* Redirect Container + Paragragh + List + Item */
.redirectMsg {margin: 5px 0;}
.redirectMsg p {display: none;}
.redirectMsg .redirectText {
font-size: inherit;
list-style: none;
}
.redirectMsg .redirectText li {
padding-left: 25px;
background-position: 0 -4px;
}
/***************************/
/* File Page - File Contents Container + Image Backdrop Hover + Resolution Details */
.fullImageLink {
display: flex;
flex-direction: column;
}
.fullImageLink a img:hover {background: var(--background-accent) !important;}
.fullImageLink .mw-filepage-resolutioninfo {
margin: 10px 0 5px;
font-size: inherit;
}
/* File Page - Video Caption */
.WikiaArticle .video-page-caption {
padding: 0;
border: none;
}
/* File Page - Tab List + Tab Sections + About Section Placeholder Text */
.ns-6 .tabs {display: none;}
.ns-6 .tabBody {display: block;}
.ns-6 .tabBody[data-tab-body="about"] > p {display: none;}
/* File Page - File Usage Heading Paginator Left Arrow & Right Arrow + File Usage List + Items + Image Containers + Images + Details Headings */
.page-listings h2 .page-list-pagination .arrow.left {
margin-right: 6px;
border-width: 7.5px;
}
.page-listings h2 .page-list-pagination .arrow.right {
margin-left: 6px;
border-width: 7.5px;
}
.page-listings .page-list-content {list-style: none;}
.page-listings .page-list-content .page-listing {
display: flex;
margin: 10px 0;
}
.page-listings .page-list-content .page-listing .grid-1 {margin-right: 10px;}
.page-listings .page-list-content .page-listing .grid-1 .page-listing-image img {border-radius: 10px;}
.page-listings .page-list-content .page-listing .grid-3 .page-listing-title {margin: 0;}
/* File Page - File History Table Thumbnail Backdrops */
.filehistory td a img {background: none;}
/* File Page - Upload Link Conainer */
.mw-upload-links-box {display: none;}
/* File Page - Metadata Section */
.mw-imagepage-section-metadata {margin: 5px 0;}
/* Help Page - Help Container + Subtitle + // + Search Bar Container + Input + Search Index Boxes + Various Sections */
.sharedHelp {
margin: 10px 0;
overflow: hidden;
border-color: var(--border-general);
}
.sharedHelp .sharedHelpInfo {
padding: 0 !important;
font-size: 12px !important;
}
.sharedHelp p span {margin: 0 !important;}
.sharedHelp .bodyCentralSearch .bodyCentralSearchWrap {
width: auto !important;
text-align: center;
}
.sharedHelp .bodyCentralSearch .bodyCentralSearchWrap #bodyCentralSearchInput {
width: auto !important;
padding: 0 10px !important;
border: none !important;
border-radius: 15px;
line-height: 30px;
font-size: inherit !important;
background-color: var(--background-accent);
}
.sharedHelp table td > div {
margin: 0 !important;
border-color: var(--border-general) !important;
}
.sharedHelp > div {
height: auto !important;
margin: 0 !important;
}
.sharedHelp > div:nth-child(4) {margin: 10px 0 !important;}
.sharedHelp > div:nth-child(7) h2 {
padding: 0 !important;
border-bottom: 1px solid var(--border-general) !important;
font-weight: inherit !important;
}
.sharedHelp > div:nth-child(2n+6):nth-child(-2n+8) {display: none;}
/* Category Page - Category Layout Selector + Items & Active & Category Exhibition Item & Tooltip Item */
.category-layout-selector {
margin: 10px 0;
color: var(--border-general);
}
.category-layout-selector li {
display: flex;
margin: 0 0 0 10px !important;
padding: 0 !important;
border: none !important;
}
.category-layout-selector .category-layout-selector__item.is-active {color: var(--link-page);}
.category-layout-selector .category-layout-selector__item[title="Category Exhibition"] {display: none;}
.category-layout-selector .category-layout-selector__information {cursor: help;}
/* Category Page - Classic Categories Gallery + Items + Components + Text + Captions */
.category-gallery {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 10px 0;
}
.category-gallery .category-gallery-item {width: auto;}
.category-gallery .category-gallery-item a > *:not(.details) {
position: static;
box-sizing: border-box;
width: 145px;
height: 130px;
padding: 5px;
border: none;
border-radius: 20px;
background-color: var(--background-contrast);
box-shadow: none;
}
.category-gallery .category-gallery-item a .snippet span {display: none;}
.category-gallery .category-gallery-item a .details {
position: absolute;
box-sizing: border-box;
max-width: 125px;
max-height: none;
bottom: 0;
left: 0;
margin: 0;
padding: 5px 10px;
border-radius: 0 10px;
line-height: normal;
background-color: var(--background-contrast);
}
/* Category Page - Dynamic Categories Headings + Trending Pages + Alphabetical Indexer + Index + Headings + Lists + Items + Image Containers + Images + Links */
.category-page__trending-pages-header, .category-page__total-number {display: none;}
.category-page__trending-pages {display: none !important;}
.category-page__alphabet-shortcuts {display: none;}
.category-page__members {
column-count: 3 !important;
column-gap: 10px !important;
margin: 10px 0 !important;
}
.category-page__members .category-page__first-char {
margin: 15px 0 0;
padding: 0 0 5px;
border-color: var(--border-general);
line-height: 24px;
font-size: 20px;
font-weight: bold;
}
.category-page__members .category-page__members-for-char {margin: 0 !important;}
.category-page__members .category-page__members-for-char .category-page__member {
margin: 10px 0;
padding: 0;
}
.category-page__members .category-page__members-for-char .category-page__member .category-page__member-left {
width: auto;
margin-right: 10px;
}
.category-page__members .category-page__members-for-char .category-page__member .category-page__member-left .category-page__member-thumbnail {
border: none;
border-radius: 5px;
}
.category-page__members .category-page__members-for-char .category-page__member .category-page__member-link {
padding: 0;
overflow: hidden;
}
/* Action Page Paragraphs */
p.mw-ipb-conveniencelinks, p.mw-protect-editreasons, p.mw-delete-editreasons, p.mw-filedelete-editreasons, p.mw-revdel-editreasons, .mw-warning-logempty {
margin: 5px 0;
font-size: inherit;
}
/* Action:History - Compare Revision Button Container 1 + History Button 2 */
#mw-history-compare > div:nth-of-type(1) {margin: 10px 0;}
#mw-history-compare > div:nth-of-type(2) .historysubmit {
position: fixed;
right: 20px;
bottom: 50px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
/* Action:History - Revsision List Item Items & Selected + Input */
#mw-history-compare #pagehistory li {margin: 5px 0 5px 20px;}
#mw-history-compare #pagehistory .selected {
padding: 0 5px;
border: none;
border-radius: 10px;
background-color: var(--background-accent);
}
#mw-history-compare #pagehistory li input {margin: 0 2.5px;}
/* Action:History - Thematic Break */
.diff-hr {display: none;}
/* Action:History Comparison - Article Version Preview Various Elements */
@media only screen and (min-width: 1024px) {
.WikiaArticle .diff-article-content, .WikiaPageHeader.WikiaPageHeaderDiffHistory + .WikiaArticle + .article-categories, .WikiaPageHeader.WikiaPageHeaderDiffHistory + .WikiaArticle + .article-categories + .WikiaArticleFooter {margin-right: 310px;}
}
/* Action:Delete - History Link Container */
.mw-delete-warning-revisions {display: none;}
/* Comparison Table + Cells + Comparison Cells + Replaced Cells + Modified Cells + Highlights + Status Indicator Cells */
.diff {
margin: 10px 0 !important;
padding: 13px;
border-spacing: 2px !important;
border-radius: 20px;
line-height: 22px;
font-size: 13px;
color: var(--text-accent);
background-color: var(--background-accent) !important;
}
.diff td {
background: none !important;
padding: 0 !important;
}
.diff .diff-header td {font-weight: bold;}
.diff .diff-context, .diff .diff-deletedline, .diff .diff-addedline {
vertical-align: middle;
border: none;
border-radius: 5px;
line-height: normal;
font-family: Consolas, monospace;
font-size: 12px;
color: inherit;
}
.diff .diff-deletedline {background-color: var(--colour-purpletransparent) !important;}
.diff .diff-addedline {background-color: var(--colour-greentransparent) !important;}
.diff td .diffchange-inline {
padding: 0 !important;
border-radius: 0 !important;
color: inherit;
background-color: var(--background-accent) !important;
}
.diff .diff-marker {
width: 0 !important;
font-size: 0;
}
/***************************/
/* Category / Language Modules + All Components + Container Components + List Items & Separators + Add Category Item + Links */
.article-categories, .WikiaArticleInterlang {
margin: 10px 0;
padding: 10px 15px !important;
border: 2px solid var(--border-module);
color: var(--text-module);
background: var(--background-module) !important;
box-shadow: 0 0 5px 1px var(--border-module), 0 0 5px var(--border-module) inset;
}
.article-categories *, .WikiaArticleInterlang * {
float: none !important;
margin: 0 !important;
padding: 0 !important;
line-height: 22px !important;
font-size: 13px !important;
}
.article-categories .container > *, .WikiaArticleInterlang > * {display: inline;}
.article-categories div ul li, .WikiaArticleInterlang ul li {
display: inline !important;
border: none !important;
}
.article-categories div ul li:not(:first-child):before, .WikiaArticleInterlang ul li:not(:first-child):before {content: ' • ';}
.article-categories .container .categories .last {display: none !important;}
.article-categories a, .WikiaArticleInterlang a {color: var(--link-module);}
/* Article Footer Block */
.WikiaArticleFooter {padding: 0;}
/* Licence Footer */
.license-description {
margin: 20px 0 10px;
padding-top: 10px;
border-top: 1px solid var(--border-general);
font-size: 13px;
font-style: italic;
}
/***************************/
/** Message Wall Elements **/
/***************************/
/* Wall Greeting Buffer */
.WallGreeting:after {display: none;}
/* Thread/History Sorting Container + Title + Button + Text & Hover */
.SortingBar {
height: auto !important;
margin: 10px 0;
border: none !important;
font-size: inherit !important;
background: none !important;
}
.SortingBar #pageTitle {
margin: 0 !important;
text-transform: capitalize;
font-size: inherit !important;
}
.SortingBar .SortingMenu {
top: auto !important;
margin: 0 !important;
}
.SortingBar .SortingMenu .SortingSelected {
margin: 0 !important;
line-height: 22px !important;
font-size: 12px !important;
color: inherit !important;
border: none !important;
border-radius: 5px !important;
background-color: var(--background-accent) !important;
}
.SortingBar .SortingMenu .SortingSelected:hover {background-color: var(--background-accenthover) !important;}
/* Message Wall Block + Speech Bubble Large Avatars + Speech Bubble Stems + Editor Toolbars + All Buttons + All Text Inputs Source + Formatted + Loading Message Background */
.Wall {margin: 0 !important;}
.Wall .SpeechBubble .speech-bubble-avatar .avatar[width="50"] {
width: 50px;
height: 50px;
border-radius: 10px;
}
.Wall .SpeechBubble .speech-bubble-message:after {
left: -20px;
border-width: 10px !important;
border-color: transparent var(--background-accent) var(--background-accent) transparent !important;
}
.Wall .SpeechBubble .MiniEditorWrapper .toolbar {margin: 0;}
/* Message Wall Editor Toolbar Buttons Container + Button Icons + Mode Switch + Rich Text Editor Source Formatting Buttons Container + Media Buttons Container + Buttons &&& */
.Wall .SpeechBubble .MiniEditorWrapper .toolbar .cke_buttons {margin-top: 10px !important;}
.Wall .SpeechBubble .MiniEditorWrapper .toolbar .cke_buttons .cke_button a .cke_icon {margin: 3px;}
.Wall .SpeechBubble .MiniEditorWrapper .toolbar .cke_toolbar_mode_switch {margin-right: 10px !important;}
.Wall .SpeechBubble .MiniEditorWrapper.mode-wysiwyg .toolbar .cke_toolbar_formatsourcemini {display: none !important;}
.Wall .SpeechBubble .MiniEditorWrapper .toolbar .cke_toolbar_insert {display: none !important;}
.Wall .SpeechBubble .MiniEditorWrapper button {
min-width: 60px;
padding: 0 10px !important;
}
.Wall .SpeechBubble .MiniEditorWrapper .editarea, .Wall .SpeechBubble .MiniEditorWrapper textarea, .Wall .SpeechBubble .MiniEditorWrapper .editarea .cke_reset {
margin: 0 !important;
padding: 0 !important;
border: none !important;
line-height: inherit !important;
font-family: Rubik, Helvetica, sans-serif !important;
font-size: inherit !important;
color: inherit;
background: none !important;
box-shadow: none !important;
}
.Wall .SpeechBubble .MiniEditorWrapper .editarea .cke_contents iframe {border-radius: 10px;}
.Wall .SpeechBubble .MiniEditorWrapper .loading-indicator .loading-background {display: none;}
/* Thread Posting Section + Posting Bubble + Title Text Input + Body Text Input + No Title Notice + Highlight Checkbox */
.Wall .SpeechBubble.new-message {
margin: 10px 0;
padding: 20px 0;
border-top: 1px solid var(--border-general);
border-bottom: 1px solid var(--border-general);
}
.Wall .SpeechBubble.new-message .speech-bubble-message {
border-radius: 10px;
background-color: var(--background-accent);
}
.Wall .SpeechBubble.new-message .speech-bubble-message .MiniEditorWrapper .title, .Wall .comments > .SpeechBubble.message > .speech-bubble-message .MiniEditorWrapper .msg-title textarea {
height: 32px !important;
margin-bottom: 10px !important;
padding-bottom: 10px !important;
border-bottom: 1px solid var(--border-general) !important;
white-space: nowrap;
overflow: hidden;
font-size: 17px !important;
font-weight: bold;
}
.Wall .SpeechBubble.new-message .speech-bubble-message .MiniEditorWrapper .body {
height: 32px;
min-height: 32px;
margin-top: -10px !important;
padding-top: 10px !important;
}
.Wall .SpeechBubble.new-message .speech-bubble-message .MiniEditorWrapper .no-title-container .no-title-warning {
width: auto;
height: auto;
top: auto;
right: 0;
left: auto;
padding: 0 10px;
border-radius: 5px;
white-space: nowrap;
line-height: inherit;
color: var(--text-white);
background-color: var(--colour-red);
}
.Wall .SpeechBubble.new-message .speech-bubble-message .MiniEditorWrapper .speech-bubble-buttons .highlight {display: none !important;}
/* Thread List & Individual + Thread Items & Last Child & Removed + Removed Items + Paginator */
.Wall .comments {margin: 20px 0 10px;}
.Wall.Thread .comments {margin: 0;}
.Wall .comments > .SpeechBubble.message {
margin-bottom: 20px;
padding: 0 0 20px;
border-color: var(--border-general);
}
.Wall .comments > .SpeechBubble.message:last-child {
margin-bottom: 10px;
padding: 0;
}
.Wall .comments > .SpeechBubble.message.message-removed {
margin: 0;
padding: 5px 0;
border-top: 1px solid var(--border-general);
border-bottom: none;
}
.Wall .comments > .SpeechBubble.message.message-removed .speech-bubble-message-removed {
padding: 0;
font-size: 12px;
background: none;
}
.Wall .Pagination {margin-top: 20px;}
/* Thread Message Bubbles + Following Button + Follow Phase & Hover + Title + Link & Hover + Author Usernames + Unregistered User IP Addresses + Quote Comment Marker + Details Container + All Timestamping + Remote Hover Toolbar Button Containers + Secondary Menu Button Remote Hover + Editor Button Containers */
.Wall .comments > .SpeechBubble.message > .speech-bubble-message {
margin: 0 0 10px 80px;
border-radius: 10px;
background-color: var(--background-accent);
}
.Wall .comments .SpeechBubble.message > .speech-bubble-message .follow {
width: 70px;
padding: 0 10px;
background-color: var(--background-contrast) !important;
opacity: 1 !important;
}
.Wall .comments .SpeechBubble.message > .speech-bubble-message .follow.secondary {background-color: var(--background-accent) !important;}
.Wall .comments .SpeechBubble.message > .speech-bubble-message .follow.secondary:hover {background-color: var(--background-accenthover) !important;}
.Wall .comments .SpeechBubble.message > .speech-bubble-message .MiniEditorWrapper .msg-title {
margin-bottom: 10px;
font-size: 17px;
}
.Wall .comments .SpeechBubble.message > .speech-bubble-message .MiniEditorWrapper .msg-title a {color: inherit;}
.Wall .comments .SpeechBubble.message > .speech-bubble-message .MiniEditorWrapper .msg-title a:hover {color: var(--link-page);}
.Wall .comments .SpeechBubble.message > .speech-bubble-message .MiniEditorWrapper .edited-by {
margin: 6px 0 10px;
line-height: normal;
font-size: inherit;
}
.Wall .comments .SpeechBubble.message > .speech-bubble-message .MiniEditorWrapper .edited-by .subtle {color: var(--link-page);}
.Wall .comments .SpeechBubble.message > .speech-bubble-message .MiniEditorWrapper .quote-of {
margin: 10px 0;
text-align: left;
font-style: italic;
}
.Wall .comments .SpeechBubble.message > .speech-bubble-message .MiniEditorWrapper .msg-toolbar {margin-top: 10px;}
.Wall .comments .SpeechBubble.message > .speech-bubble-message .MiniEditorWrapper .msg-toolbar .timestamp * {
font-size: 12px;
font-style: italic;
color: inherit;
}
.Wall .comments .SpeechBubble.message > .speech-bubble-message:hover .MiniEditorWrapper:not(.editor-open) .msg-toolbar .buttonswrapper .buttons {display: flex;}
.Wall .comments .SpeechBubble.message > .speech-bubble-message .MiniEditorWrapper .msg-toolbar .buttonswrapper .buttons .wikia-menu-button.secondary.combined:hover .drop {background: var(--background-buttonsecondaryhover) !important;}
.Wall .comments .SpeechBubble.message > .speech-bubble-message .MiniEditorWrapper .msg-toolbar .edit-buttons {margin: 0;}
/* Thread Reply List + Items & Bubble Stems & Removed Comment + Reply Bubbles + Text Inputs + Posting Section Avatar + Text Input Container + View All Replies Bar + Link & Hover */
.Wall .comments > .SpeechBubble.message .replies {margin: 0 0 0 80px;}
.Wall .comments > .SpeechBubble.message .replies > li {
padding: 10px 0 0 !important;
border-top: 1px solid var(--border-general) !important;
color: inherit !important;
background: none !important;
}
.Wall .comments > .SpeechBubble.message .replies > li:before, .Wall .comments > .SpeechBubble.message .replies > li:after {display: none;}
.Wall .comments > .SpeechBubble.message .replies .message-removed {
padding: 5px 0 !important;
font-size: 12px;
}
.Wall .comments > .SpeechBubble.message .replies > li .speech-bubble-message {padding: 0;}
.Wall .comments > .SpeechBubble.message .replies > li .speech-bubble-message .editarea textarea {
padding: 5px 10px !important;
border-radius: 10px !important;
background-color: var(--background-accent) !important;
}
.Wall .comments > .SpeechBubble.message .replies .SpeechBubble.new-reply .MiniEditorWrapper .speech-bubble-avatar {display: block;}
.Wall .comments > .SpeechBubble.message .replies .SpeechBubble.new-reply .MiniEditorWrapper .speech-bubble-message {margin-left: 40px;}
.Wall .comments > .SpeechBubble.message .replies .load-more {
margin: 0;
padding: 0 !important;
}
.Wall .comments > .SpeechBubble.message .replies .load-more a {
padding: 5px 0;
text-decoration: none;
font-size: 12px;
color: inherit;
opacity: 0.5;
}
.Wall .comments > .SpeechBubble.message .replies .load-more a:hover {opacity: 1;}
/* Thread/Comment Withdrawal Message Section + Table + Cells + Content Container & Bubble Stem + Avatar Container + Message Container + Message + Timestamp Text + Button */
.Wall .comments .SpeechBubble.message .deleteorremove-infobox {
padding: 0;
border: none;
font-size: inherit;
background: none;
}
.Wall .comments .SpeechBubble.message .deleteorremove-container {margin: 0;}
.Wall .comments .SpeechBubble.message .deleteorremove-container td {vertical-align: middle;}
.Wall .comments .SpeechBubble.message .deleteorremove-infobox .deleteorremove-bubble {
padding: 10px;
border: 2px dotted var(--border-general);
border-radius: 10px;
background: none;
box-shadow: none;
}
.Wall .comments .SpeechBubble.message .deleteorremove-container td .deleteorremove-bubble:before, .Wall .comments .SpeechBubble.message .deleteorremove-container td .deleteorremove-bubble:after {display: none;}
.Wall .comments .SpeechBubble.message .deleteorremove-infobox .deleteorremove-bubble .avatar {margin: 0;}
.Wall .comments .SpeechBubble.message .deleteorremove-infobox .deleteorremove-bubble .message {
margin-left: 40px;
color: inherit;
}
.Wall .comments .SpeechBubble.message .deleteorremove-infobox .deleteorremove-bubble .message .reason {margin: 0 0 10px;}
.Wall .comments .SpeechBubble.message .deleteorremove-infobox .deleteorremove-bubble .message .timestamp span {
font-size: 12px;
font-style: italic;
color: inherit;
}
.Wall .comments .SpeechBubble.message .deleteorremove-container td .message-restore {margin: 0 0 0 10px;}
/* Thread History Table + Summary Rows + Cells & Row First Child & Last Children + Text + Avatars + Various Links */
.WallHistory table {
margin: 10px 0 !important;
padding: 0 !important;
}
.WallHistory table .border {display: none;}
.WallHistory table td {
padding: 10px 10px 10px 0 !important;
border-top: 1px solid var(--border-general);
}
.WallHistory table tr:first-child td {border: none;}
.WallHistory table td:last-child {padding-right: 0 !important;}
.WallHistory table td span {
visibility: visible !important;
font-size: inherit !important;
color: inherit !important;
}
.WallHistory table td a .avatar {padding: 0 !important;}
.WallHistory table td .msgid, .WallHistory table .username, .WallHistory table .username small {
font-size: inherit !important;
color: var(--link-page) !important;
}
/***************************/
/** Special Page Elements **/
/***************************/
/* Content Subtitles */
#contentSub {
margin: 10px 0;
padding: 0;
line-height: 22px;
font-size: 13px;
}
/* Alerts */
.error, .warning, .errorWhileLoading, .error-msg {
margin: 5px 0;
line-height: 22px;
font-size: 13px;
color: var(--colour-red);
}
.conflict h2 {font-size: 17px;}
/* Empty Messages */
.emptymwmsg {margin: 0 !important;}
/* Clears */
.visualClear {clear: none;}
/* Notice Boxes & Various Styling # Help Page Deletion Notice Box + Links & Hovers + Various Contents */
.successbox, .errorbox, .errorBox, .warningbox, .sharedHelpEditInfo, .mw-contributions-footer .plainlinks, .mw-warning-with-logexcerpt {
box-sizing: border-box;
width: 100% !important;
margin: 0 0 10px !important;
padding: 10px 15px !important;
font-size: 100% !important;
color: inherit;
background: none;
}
.successbox {border: 1px solid var(--colour-green);}
.errorbox, .mw-contributions-footer .plainlinks {border: 1px solid var(--border-general) !important;}
.errorBox, .warningbox, .mw-warning-with-logexcerpt {border: 1px solid var(--colour-red) !important;}
.ns-12 .mw-warning-with-logexcerpt {
display: none;
}
.successbox a, .errorbox a, .warningbox a {
text-decoration: none;
color: var(--link-page);
}
.successbox a:hover, .errorbox a:hover, .warningbox a:hover {text-decoration: underline;}
.successbox p, .errorbox p, .warningbox p, .mw-contributions-footer .plainlinks p, .mw-warning-with-logexcerpt ul li {
margin: 0 !important;
font-size: 13px !important;
list-style: none;
}
/* Sorting Bar + Contents & Hover + Chevron */
div.WikiaDropdown {
display: inline-flex;
vertical-align: middle;
float: none !important;
width: 267px !important;
margin: 0 !important;
font-family: Helvetica, Arial, sans-serif;
}
div.WikiaDropdown .selected-items {
width: 100%;
padding: 0 20px 0 5px;
border-color: #888;
border-radius: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: default;
}
div.WikiaDropdown .selected-items:hover {background-color: #F7F7F7;}
div.WikiaDropdown .selected-items .arrow {
right: 5px;
opacity: 1;
}
/* Sorting Bar Dropdown Menu + List Items + Select All Item & Hovers + Text + Input */
div.WikiaDropdown .dropdown {
box-sizing: border-box;
width: 267px !important;
margin: 0;
border-radius: 0;
box-shadow: none;
}
div.WikiaDropdown .dropdown .toolbar, .WikiaDropdown .dropdown .dropdown-list .dropdown-item {
padding: 0;
border: none;
line-height: normal;
background: none;
}
div.WikiaDropdown .dropdown .toolbar {font-weight: bold;}
div.WikiaDropdown .dropdown .toolbar:hover, div.WikiaDropdown .dropdown .dropdown-list .dropdown-item:hover {background-color: var(--background-accent) !important;}
div.WikiaDropdown .dropdown label {
width: 100%;
padding: 2.5px 5px;
cursor: default;
}
/* Sliders & Ornaments + Handle */
.ui-slider {
box-sizing: border-box;
width: 100px;
height: 22px;
margin: 0;
padding: 0;
border: none;
border-right: 22px solid transparent;
border-radius: 22px;
background: var(--background-accent);
}
.ui-slider:before, .ui-slider:after {display: none;}
.ui-slider .ui-slider-handle {
width: 22px;
height: 22px;
top: auto;
border: none;
border-radius: 50%;
background: var(--background-buttonsecondary);
box-shadow: none;
cursor: pointer;
}
/* Fieldset Table List Item Text */
.mw-htmlform-flatlist-item label {display: inline !important;}
/* Data Tables Sections - Configuration Elements + Data Container + Container Sections + Data Counter Results + Loading Pulsator + Icon + Page Selectors + Buttons & Hovers / Selected */
.lu_filter {
display: flex;
justify-content: right;
margin-left: 5px;
padding: 0 !important;
}
.dataTables_wrapper {min-height: 0 !important;}
.dataTables_wrapper > div {padding: 0;}
.dataTables_wrapper .top > div:not(.dataTables_paginate) {
display: inline-block;
float: none;
width: 50%;
margin-top: 5px;
}
.dataTables_wrapper .dataTables_processing {margin-top: -32px;}
.dataTables_wrapper .dataTables_processing img {margin-right: 10px;}
.dataTables_wrapper > div .dataTables_paginate {
float: none;
height: auto;
margin: 10px 0;
line-height: inherit;
}
.dataTables_wrapper > div .dataTables_paginate .paginate_button, .dataTables_wrapper > div .dataTables_paginate .paginate_active {
display: inline-block;
margin: 0 0 0 5px;
padding: 0 7.5px;
border: none;
border-radius: 10px;
color: inherit !important;
background-color: var(--background-accent);
}
.dataTables_wrapper > div .dataTables_paginate .paginate_button:hover, .dataTables_wrapper > div .dataTables_paginate .paginate_active {background-color: var(--background-accenthover);}
/***************************/
/* Admin Dashboard (Header) - Header + Heading Link + Subtitle Container + Links & Hovers & First Link Pipe Insert */
.AdminDashboardHeader {
height: auto;
padding: 0 0 10px;
border-top: none;
border-color: var(--border-general);
background: none;
box-shadow: none;
}
.AdminDashboardHeader h1 a {
color: inherit;
cursor: text;
}
.AdminDashboardHeader .AdminDashboardTabs {
display: flex;
position: static;
margin-top: 5px;
padding: 0;
}
.AdminDashboardHeader .AdminDashboardTabs .tab {
height: auto;
margin: 0 5px 0 0;
padding: 0;
line-height: 22px;
font-size: 13px;
color: var(--link-page);
background: none;
}
.AdminDashboardHeader .AdminDashboardTabs .tab:hover {text-decoration: underline;}
.AdminDashboardHeader .AdminDashboardTabs .tab:first-child:after {
color: var(--text-page);
content: ' |';
}
/* Admin Dashboard (Rail) - Dasboard Module + Quick Stats Module Heading + Table + Header + Cell Divisions + Cell Arrow + Footer Cell + Progress Module */
.AdminDashboardRail .admin-dashboard-module {
width: 354px;
margin: 0 10px 10px 0;
font-size: 13px;
}
@media only screen and (min-width: 1024px) {
.AdminDashboardRail .admin-dashboard-module {width: 100%;}
}
.AdminDashboardRail .QuickStatsWidget h1 {
margin: 0;
padding: 5px 10px;
border: 1px solid var(--border-general);
border-bottom: none;
line-height: 22px;
font-size: 17px;
color: var(--text-table);
background-color: var(--background-tablecell);
}
.AdminDashboardRail .QuickStatsWidget .WikiaDataTable {margin: 0 !important;}
.AdminDashboardRail .QuickStatsWidget .WikiaDataTable tr > * div {
height: auto !important;
margin: 0 !important;
padding: 0 !important;
font-size: inherit !important;
color: inherit !important;
background: none !important;
}
.AdminDashboardRail .QuickStatsWidget .WikiaDataTable td .pointer:before {display: none;}
.AdminDashboardRail .QuickStatsWidget .WikiaDataTable .supplemental-info {background-color: var(--background-tableheader) !important;}
.AdminDashboardRail #FounderProgressWidget {display: none;}
/* Admin Dashboard (Body) - Block + Headers + Headings + Dashboard Tooltip Text + General Button List + Items & Hovers + Links + Image Containers + Advanced Table */
.AdminDashboard {overflow: visible;}
.AdminDashboard .admin-dashboard-content .control-section header, .AdminDashboardGeneralHeader {
position: relative;
z-index: -1;
padding: 0;
border: none;
background: none;
box-shadow: none;
}
.AdminDashboard .admin-dashboard-content .control-section header h1 {
float: none;
margin: 15px 0 0;
padding-bottom: 5px;
border-bottom: 1px solid var(--border-general);
line-height: 24px;
font-size: 20px;
color: inherit;
}
.AdminDashboard .admin-dashboard-content .control-section header .dashboard-tooltip {
position: absolute;
top: 0;
right: 0;
line-height: 24px;
font-size: inherit;
font-style: normal;
}
.AdminDashboard .admin-dashboard-content .control-section .controls {
display: flex;
margin: 10px 0;
padding: 0;
text-align: left;
font-size: 0;
background: none;
list-style: none;
}
.AdminDashboard .admin-dashboard-content .control-section .controls .control {
box-sizing: border-box;
width: 85px;
height: 85px;
margin: 0 10px 0 0;
padding: 0 5px;
border-radius: 15px;
line-height: normal;
text-align: center;
font-size: 12px;
background-color: var(--background-accent);
hyphens: auto;
}
.AdminDashboard .admin-dashboard-content .control-section .controls .control:hover {background-color: var(--background-accenthover);}
.AdminDashboard .admin-dashboard-content .control-section .controls .control .set {
text-decoration: none !important;
color: inherit;
}
.AdminDashboard .admin-dashboard-content .control-section .controls .control .set .representation {
margin: auto;
border: none;
background: none;
box-shadow: none;
}
.AdminDashboard .admin-dashboard-content .mw-specialpages-table {margin: 0 !important;}
/* All Pages - Navigation Sections */
.mw-allpages-nav {margin: 5px 0;}
.mw-allpages-table-form .mw-allpages-nav {display: none;}
/* Close My Account - Button */
.wikia-button.closemyaccount {
font-size: inherit !important;
font-weight: bold;
font-style: italic;
}
/* Download Your Data - Break */
.mw-special-DownloadYourData br {display: none;}
/* Edit Count - Submit Button */
#editcount table td input[type="submit"] {margin-left: 5px;}
/* File Duplicate Search - File Preview Container */
#mw-fileduplicatesearch-icon {display: none;}
/* Following - Watched List + Items + Text + Show More Container + Link */
ul.watched-list {width: 100%;}
.watched-list li {width: calc(50% - 20px) !important;}
.watched-list li span {margin: 0 10px 0 25px;}
.watched-list + div {
height: auto !important;
margin: 5px 0;
}
.watched-list + div .ajax-show-more {
font-size: inherit;
font-style: italic;
}
/* List Files - Breaks */
#mw-listfiles-form + br, .listfiles + br {display: none;}
/* List Global Users - User Group Fieldset Items + Submit Button */
div.list-global-users-input {
display: block;
column-count: 4;
max-height: none;
}
.list-global-users-submit {
float: right;
margin-top: 10px;
}
/* List Group Rights - Break */
.mw-listgrouprights-table + br {display: none;}
/* List Users - User Group Fieldset Table Cells + Text */
.lu_fieldset table td {
width: 25%;
padding: 0 !important;
}
.lu_fieldset table td label span {
padding: 0 !important;
line-height: 22px;
}
/* New Pages - Patrolled Page List Items & Selected */
.mw-special-Newpages form + ul li {margin: 5px 0 5px 20px;}
.mw-special-Newpages ul .not-patrolled {
padding: 0 5px;
border-radius: 10px;
background-color: var(--background-accent);
}
/* Prefix Index - Container Tables (upon input) + Blank Cell (upon input) */
table#mw-prefixindex-nav-table, table#mw-prefixindex-list-table {width: 100%;}
#mw-prefixindex-nav-table .mw-prefixindex-nav {display: none;}
/* Recent Changes - Results Container */
.rc-conntent {min-height: 0;}
/* Related Changes - Chechbox */
.rcoptions .rc-fieldset-content .mw-recentchanges-table .mw-input #showlinkedto {margin-left: 5px;}
/* Search - Container */
.Search .WikiaSearch {margin: 0;}
/* Search - Input Module + Text & Search Text Adjustment + Links + Search Input + Search Button + Search Filter Section + Heading + Select All Option Container */
.Search .WikiaSearch .SearchInput {
padding: 10px 15px;
border: 2px solid var(--border-module);
color: var(--text-module);
background: var(--background-module);
box-shadow: 0 0 5px 1px var(--border-module), 0 0 5px var(--border-module) inset;
}
.Search .WikiaSearch .SearchInput p {
width: auto !important;
padding: 0;
line-height: 30px;
font-size: 14px;
}
.Search .WikiaSearch .SearchInput .grid-1:after {content: ':';}
.Search .WikiaSearch .SearchInput a {
font-weight: bold;
color: var(--link-module);
}
.Search .WikiaSearch .SearchInput .search-v2-input {
box-sizing: border-box;
width: 50%;
margin: 0;
padding: 0 10px;
border: none;
line-height: 30px;
font-family: inherit;
font-weight: bold;
color: inherit;
background: none;
}
.Search .WikiaSearch .wikia-button {
width: auto;
height: 30px !important;
padding: 0;
background: none !important;
}
.Search .WikiaSearch .SearchInput .AdvancedSearch {margin-top: 10px;}
.Search .WikiaSearch .SearchInput .AdvancedSearch h3 {display: none;}
.Search .WikiaSearch .SearchInput .AdvancedSearch .selectAll {margin: 0;}
/* Search - Filter List & Heading + Items & Heading + Links & Hovers + Sorting Filter List + Items + Video Filter List + Loading Background */
.Search .WikiaSearch .search-tabs {
float: right;
box-sizing: border-box;
width: 155px;
margin: 10px 0 0 10px;
padding: 10px 15px;
border: 2px solid var(--border-module);
color: var(--text-module);
background: var(--background-module);
box-shadow: 0 0 5px 1px var(--border-module), 0 0 5px var(--border-module) inset;
}
.Search .WikiaSearch .search-tabs:before {
margin-bottom: 5px;
line-height: 22px;
font-size: 17px;
font-weight: bold;
content: 'Filter';
}
.Search .WikiaSearch .search-tabs > li {
margin: 0 !important;
padding: 0;
line-height: 30px;
background: none !important;
}
.Search .WikiaSearch .search-tabs > li a {
min-height: 0;
margin: 0;
padding: 0;
color: var(--link-module) !important;
background: none !important;
}
.Search .WikiaSearch .search-tabs > li a:hover {text-decoration: underline;}
.Search .WikiaSearch .search-tabs > li .search-filter-sort {
padding: 0;
font-size: 13px;
}
.Search .WikiaSearch .search-tabs > li .search-filter-sort li {
line-height: 22px;
font-size: inherit;
}
.Search .WikiaSearch .search-tabs > li .search-filter-sort li .video-filters {margin-left: 18px;}
.Search .WikiaSearch .search-tabs > li .search-filter-sort .search-filter-sort-overlay {
padding: 0;
background: none;
}
/* Search - Rail + Modules & Fandom Article / Interwiki Modules + Links + Headings + Sections + Image Containers + Text Containers + Text */
.Search .WikiaSearch .SearchAdsTopWrapper {
float: right;
clear: right;
column-count: auto;
width: auto;
margin: 10px 0 0 10px !important;
overflow: visible;
}
.Search .WikiaSearch .SearchAdsTopWrapper .side-articles {
box-sizing: border-box;
width: 155px;
margin-bottom: 10px;
padding: 10px 15px;
border: 2px solid var(--border-module);
color: var(--text-module);
background: var(--background-module);
box-shadow: 0 0 5px 1px var(--border-module), 0 0 5px var(--border-module) inset;
}
.Search .WikiaSearch .SearchAdsTopWrapper .fandom-stories, .Search .WikiaSearch .SearchAdsTopWrapper .exact-wiki-match {display: none;}
.Search .WikiaSearch .SearchAdsTopWrapper .side-articles a {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: var(--link-module);
}
.Search .WikiaSearch .SearchAdsTopWrapper .side-articles .side-articles-header {
margin-bottom: 5px;
line-height: 22px;
font-size: 17px;
}
.Search .WikiaSearch .SearchAdsTopWrapper .side-articles .side-article {
padding: 0;
border: 0;
}
.Search .WikiaSearch .SearchAdsTopWrapper .side-articles .side-article .side-article-thumbnail {display: none;}
.Search .WikiaSearch .SearchAdsTopWrapper .side-articles .side-article .side-article-text {
position: static;
float: none;
width: auto;
line-height: 30px;
}
.Search .WikiaSearch .SearchAdsTopWrapper .side-articles .side-article .side-article-text .side-article-text-synopsis {display: none;}
/* Search - Results Container + Result Report Text + Result List Items + Components + Links + File Image Containers + File Results Containers + Audio Player Preview */
.Search .WikiaSearch .results-wrapper {width: calc(100% - 165px);}
.Search .WikiaSearch .results-wrapper p {
margin: 10px 0;
padding: 0;
line-height: inherit;
font-style: italic;
color: inherit;
}
.Search .WikiaSearch .results-wrapper .Results .result {margin: 10px 0;}
.Search .WikiaSearch .results-wrapper .Results .result *:not(a):not(span) {
margin: 0;
line-height: inherit;
font-size: inherit;
}
.Search .WikiaSearch .results-wrapper .Results .result a {color: var(--link-page);}
.Search .WikiaSearch .results-wrapper .Results .result article .grid-1 {
display: flex;
float: left;
margin-right: 10px;
}
.Search .WikiaSearch .results-wrapper .Results .result article .grid-2 {
float: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 13px;
}
.Search .WikiaSearch .results-wrapper .Results .result article .grid-1 .ogg_player {display: none;}
/* Special Pages - Table + Blank Cells */
.mw-specialpages-table {margin: 0;}
.mw-specialpages-table td:nth-child(2n) {display: none;}
/* Statistics - Break */
.mw-statistics-table + br {display: none;}
/* Tags Report - Form Rows & First Child + Break */
.mw-special-TagsReport form > div {margin: 0 !important;}
.mw-special-TagsReport form > div:first-child {
margin: 5px 0 !important;
padding: 0 !important;
}
.mw-special-TagsReport form > div label .tagcount {margin-left: 5px;}
.mw-special-TagsReport br {display: none;}
/* Templates - Break + Configuration Forms + Table Cell Headings */
.mw-special-Templates br {display: none;}
.mw-special-Templates form {
display: flex;
margin: 5px 0;
}
.mw-special-Templates .templates-hq td h3 {
margin: 0;
line-height: normal;
font-size: inherit;
}
/* User Rights - Cells + Unmodifiable Rights */
table.mw-userrights-groups tr > * {
padding: 0 10px 0 0;
text-align: left;
}
.mw-userrights-groups td .mw-userrights-disabled {
color: inherit;
opacity: 0.5;
}
/* Videos - Video List + Links + Items + Thumbnails + Delete Link & Hover Icon + Details + Details Components + Titles + Title Link Hovers + Add Video Item */
.special-videos-grid {
margin: 10px 0 !important;
border: none;
color: inherit;
}
.special-videos-grid a {color: var(--link-page);}
ul.special-videos-grid li {
margin: 0;
padding: 10px;
}
.special-videos-grid li .video-thumbnail {
display: block;
border-radius: 10px;
overflow: hidden;
}
.special-videos-grid li .remove {
width: 35px;
height: 35px;
top: 10px;
right: 10px;
margin: 0;
border-radius: 0 10px 0 5px;
background-color: var(--background-overlaydark);
opacity: 0.8;
}
.special-videos-grid li .remove:hover {opacity: 1;}
.special-videos-grid li .remove .wds-icon {fill: var(--background-popovercontenthover);}
.special-videos-grid li .info {
height: auto;
margin: 0;
text-align: center;
}
.special-videos-grid li .info * {
margin: 0;
line-height: inherit;
}
.special-videos-grid li .info a:hover {text-decoration: underline;}
.special-videos-grid li .info .title {
margin: 5px 0;
font-size: 17px;
}
.special-videos-grid li .info .title a {text-decoration: none;}
.special-videos-grid .add-video {display: none;}
/* Wanted Pages - Title Exclusion Form */
.mw-spcontent form {display: none;}
/* Wiki Activity - Feed Lists + Items & First Child + Icon + Title + Editor Subtitle + Content Table + Rows + First Cell + All Cell Components + Content Type Subtitles + Inserted Media List + Items + Images + Unregistered User IP Addresses + Timestamps & Hovers + View More Items Bar + Link & First Letter & Hover */
ul.activityfeed {margin: -10px 0 10px;}
ul.activityfeed > li {
margin: 0;
padding: 10px 0 10px 30px;
border-top: 1px solid var(--border-general) !important;
}
ul.activityfeed > li:first-child {border: none !important;}
.activityfeed > li .sprite {
position: absolute;
left: 0;
margin: 0;
}
.activityfeed > li strong {font-size: inherit;}
.activityfeed > li .subtle {color: inherit;}
.activityfeed > li table {
margin: 0;
font-size: inherit;
}
.activityfeed > li table tr {
display: flex;
margin-top: 10px;
}
.activityfeed > li table td:nth-child(1) {margin-right: 10px;}
.activityfeed > li table td * {
vertical-align: top;
margin: 0 !important;
line-height: inherit;
}
.activityfeed > li table td .dark_text_2 {
font-style: inherit;
color: inherit;
}
.activityfeed > li table td .activityfeed-inserted-media.reset {
display: flex;
flex-wrap: wrap;
margin-left: -10px !important;
padding: 0 !important;
}
.activityfeed > li table td .activityfeed-inserted-media li {margin: 0 0 10px 10px !important;}
.activityfeed > li table td .activityfeed-inserted-media li a img {border-radius: 10px;}
.activityfeed > li table td p .username {color: var(--link-page);}
.activityfeed > li table td p a .timeago {
font-size: inherit;
font-style: italic;
color: inherit;
}
.activityfeed > li table td p a .wall-timeago:hover {text-decoration: underline;}
.activity-feed-more {
margin: -10px 0 -20px;
border-top: 1px solid var(--border-general);
border-bottom: none;
}
.activity-feed-more a {
text-decoration: none;
font-size: 12px;
color: inherit;
opacity: 0.5;
}
.activity-feed-more a:first-letter {text-transform: capitalize;}
.activity-feed-more a:hover {opacity: 1;}
/* Wiki Features - Container + Main Headings + Opening Paragraphs + List Items + Subheadings + Subtitles + Text Containers + Image Containers + Function Containers + Togglers & Enabled + Knob & Enabled + Feedback Button */
.WikiFeatures {padding: 0;}
.WikiFeatures h2 {
padding: 5px 0 5px 45px;
border-color: var(--border-general);
line-height: 32px;
font-size: 28px;
background-position: 0 0 !important;
}
.WikiFeatures .creative {
margin: 5px 0;
line-height: inherit;
font-size: inherit;
}
.WikiFeatures .features .feature {
max-height: none;
margin: 0;
padding: 0;
}
.WikiFeatures .features .feature h3 {
margin: 15px 0 0;
padding-bottom: 5px;
border-color: var(--border-general);
line-height: 24px;
}
.WikiFeatures .features .feature h3 .active-on {float: right;}
.WikiFeatures .features .feature .details {margin: 0;}
.WikiFeatures .features .feature .representation {
margin: 10px 0 10px 10px;
border: none;
}
.WikiFeatures .features .feature .actions {
display: flex;
float: none;
margin: 10px 0;
}
.WikiFeatures .features .feature .actions .slider {
width: 110px;
height: auto;
border: none;
font-size: 13px;
background: var(--background-accent);
box-shadow: none;
}
.WikiFeatures .features .feature .actions .slider.on {background: var(--colour-green);}
.WikiFeatures .features .feature .actions .slider .button {
top: auto;
left: auto;
width: 22px;
height: 22px !important;
border-radius: 50% !important;
background: var(--background-buttonsecondary) !important;
}
.WikiFeatures .features .feature .actions .slider.on .button {margin-left: -22px;}
.WikiFeatures .features .feature .actions .slider .textoff {
margin: 0;
text-align: center;
color: var(--text-accent);
}
.WikiFeatures .features .feature .actions .slider .texton {
margin: 0;
text-align: center;
}
.WikiFeatures .features .feature .actions .feedback {margin: 0 0 0 10px;}
/**************************/
/**** Editor Elements *****/
/**************************/
/* Editor Loading Message Text */
.loading-indicator .loading-message .loading-text {
padding: 0;
font-size: 17px;
color: var(--link-page);
}
/* Editor Button Containers + Buttons / Dropdown Menu Button Containers + Links & Big Button Links & Hovers / Selected + Icons & Large + Labels + Text + Chevron + Dropdown Menu Internal + Separator Items */
.cke_buttons {
display: flex !important;
flex-wrap: wrap !important;
margin: 0 !important;
padding: 0 !important;
}
.cke_buttons .cke_button, .cke_buttons .cke_combo {margin: 0 10px 0 0 !important;}
.cke_buttons a {
float: none !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
border: none !important;
border-radius: 5px !important;
background-color: var(--background-accent) !important;
box-shadow: none !important;
cursor: default !important;
}
.cke_buttons .cke_button_big a {padding: 5px;}
.cke_buttons a:hover, .cke_buttons .cke_button.cke_on {
background: none !important;
background-color: var(--background-accenthover) !important;
}
.cke_buttons .cke_button .cke_button_icon, .cke_buttons .cke_button .cke_icon {
vertical-align: top;
margin: 7px;
}
.cke_buttons .cke_button_big a .cke_button_icon, .cke_buttons .cke_button_big a .cke_icon {margin: 0 0 4px !important;}
.cke_buttons .cke_button .cke_button_label, .cke_buttons .cke_button .cke_label {
position: static !important;
width: auto !important;
}
.cke_buttons .cke_combo .cke_combo_button .cke_combo_text {
width: 60px !important;
height: auto !important;
margin: 0 10px !important;
line-height: 30px !important;
font-size: 12px;
}
.cke_buttons .cke_combo .cke_combo_button .cke_combo_open {margin: 0 10px 0 0 !important;}
.cke_skin_wikia .cke_panel {
top: 1px !important;
border: none !important;
border-radius: 10px !important;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) !important;
}
.cke_buttons .cke_toolbar_separator {display: none !important;}
/***** Header *****/
.EditPageHeader {
display: flex;
height: auto;
padding: 0 0 10px;
border: none;
line-height: normal;
background: none;
box-shadow: none;
}
.EditPageHeader .wordmark {
height: auto;
line-height: 40px;
font-size: 28px !important;
}
.EditPageHeader .wordmark a img {height: 40px;}
.EditPageHeader h2 {display: none;}
.EditPageHeader h1 {
width: calc(100% - 383px);
line-height: 40px;
}
.EditPageHeader h1 a {color: var(--link-page);}
.EditPageHeader .EditPageTitle {
position: absolute;
right: 310px;
margin: 0;
}
.EditPageHeader .EditPageTabs {
right: 158px;
bottom: 0;
}
.EditPageHeader .EditPageTabs .cke_buttons .cke_button {
padding: 0;
border-radius: 5px 5px 0 0 !important;
}
.EditPageHeader .EditPageTabs .cke_buttons .cke_button.cke_disabled {background-color: var(--background-accenthover) !important;}
.EditPageHeader .EditPageTabs .cke_buttons .cke_button .cke_button_label {
padding: 0 10px;
line-height: 22px;
font-size: 12px;
}
.EditPageHeader .EditPageTabs .cke_buttons .cke_button span:not(:nth-child(2)) {display: none;}
.EditPageHeader .editpage-extra-header-html {
position: absolute;
max-width: 190px;
left: calc(100% - 300px);
font-size: 12px;
}
.EditPageHeader .HelpLink {
right: 0;
bottom: auto;
}
.EditPageHeader .NotificationsLink {
right: 0;
bottom: 10px;
line-height: normal;
}
.EditPageHeader .NotificationsLink a span {
min-width: 0;
height: auto;
padding: 0 5px;
border: none;
line-height: 16px;
font-size: 10px;
font-weight: bold;
background: var(--background-contrastalternate);
}
.EditPageHeader aside a {
display: flex;
font-size: 12px;
color: var(--link-page);
}
/***** Body *****/
.EditPage {
display: flex;
align-items: flex-start;
overflow: visible;
background: none;
}
.EditPage.editpage-sourcewidemode-on.mode-source {
flex-direction: column;
align-items: normal;
}
.EditPage .module {
width: auto;
height: auto !important;
background: none !important;
box-shadow: none;
}
.EditPage .module .module_content {
display: block !important;
visibility: visible !important;
max-height: none !important;
padding: 0;
color: var(--text-module);
background: none;
}
.EditPage .module .module_content .text-links {display: none;}
.EditPage .cke_license {
line-height: normal !important;
text-align: right;
font-size: 12px !important;
color: inherit;
}
.EditPage .cke_license a {color: var(--link-module);}
/*** Rail ***/
.EditPage .EditPageRail {
position: static !important;
box-sizing: border-box;
height: auto !important;
margin-left: 10px;
padding: 15px;
border: 2px solid var(--border-module) !important;
background: var(--background-module);
box-shadow: 0 0 5px 1px var(--border-module), 0 0 5px var(--border-module) inset !important;
}
.EditPage.editpage-sourcewidemode-on.mode-source .EditPageRail {
height: auto !important;
margin: 0 0 10px;
}
.EditPage.editpage-sourcewidemode-on.mode-source .EditPageRail .module {display: block !important;}
.EditPage.editpage-sourcewidemode-on.mode-source .EditPageRail > .module .module_content {display: flex !important;}
.EditPage.editpage-sourcewidemode-on.mode-source .EditPageRail > .module .module_content > * {
width: auto !important;
height: auto !important;
padding: 0 !important;
line-height: 30px;
}
.EditPage .EditPageRail > .module .module_content .wpSummaryFields > label {
float: none;
margin: 0;
font-size: 17px;
}
.EditPage.editpage-sourcewidemode-on.mode-source .EditPageRail > .module .module_content .wpSummaryFields > label {display: none !important;}
.EditPage.editpage-sourcewidemode-on.mode-source .EditPageRail > .module .module_content .wpSummaryFields .checkboxes {
margin: 0 20px 0 0;
line-height: 30px;
}
.EditPage .EditPageRail > .module .module_content .wpSummaryFields .checkboxes .wpMinoredit {
vertical-align: middle;
margin: 0 !important;
}
.EditPage .EditPageRail > .module .module_content .wpSummaryFields .checkboxes .wpMinoredit > * {
width: auto !important;
line-height: 22px !important;
font-size: 12px;
}
.EditPage .EditPageRail > .module .module_content .wpSummaryFields #wpSummaryLabel #wpSummary {
box-sizing: border-box;
width: 100%;
height: auto;
margin: 10px 0;
padding: 0 10px;
border: none;
border-radius: 15px;
line-height: 30px;
background-color: var(--background-accent);
}
.EditPage .EditPageRail > .module .module_content .wpSummaryFields #wpSummaryLabel #stdSummaries {width: 100%;}
.EditPage.editpage-sourcewidemode-on.mode-source .EditPageRail > .module .module_content .wpSummaryFields #wpSummaryLabel > * {
display: inline-block;
vertical-align: middle;
width: 266px !important;
margin: 0 10px 0 0 !important;
}
.EditPage.editpage-sourcewidemode-on.mode-source .EditPageRail > .module .module_content .wpSummaryFields #wpSummaryLabel #stdSummaries {display: none}
@media only screen and (min-width: 1024px) {
.EditPage.editpage-sourcewidemode-on.mode-source .EditPageRail > .module .module_content .wpSummaryFields #wpSummaryLabel #stdSummaries {display: inline-block}
}
.mediawiki:not(.mainpage) .EditPage .EditPageRail > .module .module_content > *:not(.wpSummaryFields) {
display: inline-block;
width: 50%;
border: none;
}
.EditPage.editpage-sourcewidemode-on.mode-source .EditPageRail > .module .module_content .preview_box {margin-right: 10px;}
.EditPage .EditPageRail > .module .module_content .preview_box .preview-header {
margin: 15px 0 10px;
line-height: 22px;
font-size: 17px;
}
.EditPage.editpage-sourcewidemode-on.mode-source .EditPageRail > .module .module_content .preview_box .preview-header {display: none;}
.EditPage .EditPageRail > .module .module_content .preview_box .preview_icon {
display: inline-block;
vertical-align: bottom;
float: none;
width: auto;
height: auto;
margin-right: 20px;
padding: 0 !important;
border: none;
line-height: normal;
font-size: 0;
}
.EditPage.editpage-sourcewidemode-on.mode-source .EditPageRail > .module .module_content .preview_box .preview_icon {margin: 0 10px 2px 0;}
.EditPage .EditPageRail > .module .module_content .preview_box .preview_icon svg {
margin: 0;
fill: var(--background-accent);
}
.EditPage .EditPageRail > .module .module_content .preview_box .preview_icon:hover svg {fill: var(--background-accenthover);}
.EditPage .EditPageRail > .module .module_content .preview_box .preview_icon p {display: none;}
.EditPage .EditPageRail > .module .module_content .buttons > * {
width: 102px !important;
margin-top: 10px;
}
.EditPage.editpage-sourcewidemode-on.mode-source .EditPageRail > .module .module_content .buttons > * {
vertical-align: middle;
float: none;
margin: 0 10px 0 0 !important;
}
.EditPage .EditPageRail > .module .module_content .buttons .diff-link {
float: right;
box-sizing: border-box;
padding: 0 10px;
border-radius: 5px;
line-height: 22px !important;
text-align: center;
text-decoration: none !important;
font-size: 12px !important;
color: var(--link-buttonsecondary);
background: var(--background-buttonsecondary);
}
.EditPage .EditPageRail > .module .module_content .buttons .diff-link:hover {background: var(--background-buttonsecondaryhover);}
#EditPage.EditPage .EditPageRail > .module .module_content .buttons #wpSave {height: auto !important;}
.EditPage .rail-auto-height {height: auto !important;}
.EditPage .EditPageRail .rail-auto-height .module {
margin-top: 15px;
padding-top: 15px;
border-top: 1px solid var(--border-general);
}
.EditPage .EditPageRail .rail-auto-height .module h3 {display: none;}
.EditPage .EditPageRail .rail-auto-height .module .module_content .cke_buttons {
display: grid !important;
grid-template-columns: 1fr 1fr 1fr 0fr;
}
.EditPage .EditPageRail .rail-auto-height .module .module_content .cke_buttons .cke_button {margin: 0 !important;}
.EditPage .EditPageRail .rail-auto-height .module .module_content .cke_buttons .cke_button:nth-child(n+5) {margin-top: 11.33px !important;}
.EditPage .EditPageRail .rail-auto-height .module .module_content .CategorySelect {
padding: 10px;
border-radius: 15px;
background-color: var(--background-accent);
}
.EditPage .EditPageRail .rail-auto-height .module .module_content .CategorySelect .input {
width: 100%;
padding: 0;
border: none;
line-height: 22px;
background: none;
}
.EditPage .EditPageRail .rail-auto-height .module .module_content .CategorySelect .categories {
width: 100%;
height: auto;
max-height: 71px;
margin: 0;
padding: 0;
border: none;
background: none;
}
.EditPage .EditPageRail .rail-auto-height .module .module_content .CategorySelect .categories .category {
height: auto;
padding: 0 10px;
line-height: 22px;
border-radius: 10px;
background: none;
}
.EditPage .EditPageRail .rail-auto-height .module .module_content .CategorySelect .categories .category:hover {background-color: var(--background-accent);}
.EditPage .EditPageRail .rail-auto-height .module .module_content .CategorySelect .categories .category:first-child {margin-top: 5px;}
.EditPage .EditPageRail .rail-auto-height .module .module_content .CategorySelect .categories .category .name {display: block;}
.EditPage .EditPageRail .rail-auto-height .module .module_content .CategorySelect .categories .category .toolbar {
top: 0;
right: 0;
}
.EditPage .EditPageRail .rail-auto-height .module .module_content .CategorySelect .categories .category:hover .toolbar {display: flex;}
.EditPage .EditPageRail .rail-auto-height .module .module_content .CategorySelect .categories .category .toolbar .tool {margin: 5px;}
/*** Widescreen Expand Button ***/
.EditPage.editpage-sourcewidemode .editpage-widemode-trigger {
width: 17px;
height: 17px;
top: 0 !important;
right: 0;
z-index: 102;
border: none;
border-bottom-left-radius: 5px;
background-color: var(--border-module);
box-shadow: 0 0 5px var(--border-module);
}
/*** Main Section ***/
.EditPage .EditPageMain {
width: calc(100% - 310px) !important;
margin: 0 !important;
}
.EditPage.editpage-sourcewidemode-on.mode-source .EditPageMain {
order: 2;
width: 100% !important;
}
.EditPage .EditPageMain .EditPageMainContainer {margin: 0 !important;}
/* Toolbar */
.EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar {
min-height: 0 !important;
margin-bottom: 10px;
padding: 15px;
border: 2px solid var(--border-module);
color: var(--text-module);
background: var(--background-module);
box-shadow: 0 0 5px 1px var(--border-module), 0 0 5px var(--border-module) inset;
}
.EditPage.editpage-sourcewidemode-on.mode-source .EditPageMain .EditPageToolbar {display: none;}
.ns-2.codeeditor .EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar, .ns-8 .EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar, .ns-10 .EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar, .EditPagePermissionError .EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar {display: none;} /* omitted from CSS/JS user page extensions, MediaWiki/Template namespaces and when locked from editing */
.EditPage.mode-source .EditPageMain .EditPageMainContainer .EditPageToolbar .cke_buttons.cke_toolbar_format {display: none !important;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar .cke_buttons.cke_toolbar_format > *:nth-child(n+10) {margin-top: 10px !important;}
@media only screen and (min-width: 1024px) {
.EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar .cke_buttons.cke_toolbar_format > * {margin-top: 0 !important;}
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar .cke_toolbar_source {padding: 0;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar .cke_toolbar_source .mw-toolbar-editbutton {
vertical-align: top;
height: auto !important;
margin: 3.5px 0;
background-position: 0 0 !important;
opacity: 0.8;
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar .cke_toolbar_source .mw-toolbar-editbutton:hover {opacity: 1;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar .cke_toolbar_source .mw-toolbar-editbutton:nth-child(n+12) {display: none;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar .cke_toolbar_source .cke_toolbar_expand {
float: right;
margin: 7px 0;
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar .cke_toolbar_source .cke_toolbar_expand .expand {color: var(--link-module);}
.EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar .cke_toolbar_source .cke_toolbar_expand .expand label {
display: block !important;
font-size: 13px;
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar .cke_toolbar_source .cke_toolbar_expand .expand label:hover {text-decoration: underline;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar .cke_toolbar_source .cke_toolbar_expand .expand label:first-letter {text-transform: capitalize;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar .cke_toolbar_source .cke_toolbar_expand .expand label:after {content: ' shortcuts';}
.EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar .cke_toolbar_source .cke_toolbar_expand .expand span {display: none;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar .cke_toolbar_format_expanded {display: none !important;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar > .cke_toolbar_expand {display: none !important;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar .cke_toolbar_widescreen {
display: flex;
flex-wrap: wrap;
margin-top: 10px;
padding-top: 10px;
}
.EditPage.mode-source .EditPageMain .EditPageMainContainer .EditPageToolbar .cke_toolbar_widescreen {display: none;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar .cke_toolbar_widescreen > * {
width: auto !important;
padding: 0 !important;
border: none !important;
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar .cke_toolbar_widescreen .cke_toolbar_insert .cke_button:nth-child(n+6) {margin-top: 10px !important;}
@media only screen and (min-width: 1024px) {
.EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar .cke_toolbar_widescreen .cke_toolbar_insert .cke_button:nth-child(n+6) {margin-top: 0 !important;}
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar .cke_toolbar_widescreen .right-top {display: none;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageToolbar .cke_toolbar_widescreen .right-bottom {margin-top: 10px !important;}
/* Text Area */
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper {padding: 0;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor {margin: 0;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-notices {
position: static;
margin-bottom: 10px;
padding: 5px 10px;
border: none;
border-radius: 10px;
color: var(--link-contrast);
background-color: var(--background-contrast);
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-notices .splotch {
min-width: 0;
height: auto;
top: 8px;
padding: 0 5px;
border: none;
line-height: 16px;
font-size: 10px;
font-weight: bold;
background: var(--background-contrastalternate);
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-notices ul .notice-item {
padding: 0 0 0 25px;
border: none;
line-height: 22px;
font-size: 12px;
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-notices ul .notice-item:not(:first-child) {margin-top: 10px;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-notices:hover ul .notice-item {color: var(--link-contrasthover);}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-intro {
padding: 10px 15px;
border: none;
border-radius: 10px;
background-color: var(--background-accent);
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-intro .expand {display: none !important;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-intro .editpage-intro-wrapper {max-height: none;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-intro .editpage-intro-wrapper div {
margin: 0 !important;
padding: 0 !important;
line-height: 22px;
font-size: 13px !important;
background: none;
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-intro .editpage-intro-wrapper div ul li div .notice {
margin: 22px 0 0 !important;
border: none !important;
border-spacing: 0 !important;
text-align: left;
color: inherit !important;
background: none !important;
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-intro .editpage-intro-wrapper div ul li div .notice .plainlinks {padding: 0;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor #mw-content-text p {
margin: 5px 0;
line-height: 22px;
font-size: 13px;
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor #diff, .EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor #myedit {
padding: 0;
border: none;
background: none;
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor #diff h2, .EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor #myedit h2 {font-size: 13px;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor #myedit #wpTextbox2 {
line-height: normal;
font-size: 12px;
background-color: var(--background-accent);
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-editarea {border: none;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-editarea.ace_editor {
font-size: 11px !important;
background-color: var(--background-accent);
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-editarea.ace_editor .ace_gutter {background: none;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-editarea.ace_editor .ace_gutter .ace_gutter-active-line, .EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-editarea.ace_editor .ace_scroller .ace_content .ace_marker-layer .ace_active-line {background-color: var(--background-accent);}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-editarea.ace_editor .ace_search {
top: 10px;
right: 10px;
padding: 10px;
border: none;
border-radius: 10px;
background-color: var(--background-popovercontent);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-editarea.ace_editor .ace_search > div {
display: flex !important;
justify-content: right;
margin: 5px 0 0;
outline: none;
line-height: 20px;
font-size: 11px;
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-editarea.ace_editor .ace_search .ace_search_form {
margin: 0;
padding-right: 27px;
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-editarea.ace_editor .ace_search .ace_searchbtn_close {
box-sizing: border-box;
width: 22px;
height: 22px;
top: 10px;
right: 10px;
border: 1px solid var(--border-accent);
border-radius: 5px;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAcCAYAAABRVo5BAAAAZ0lEQVR42u2SUQrAMAhDvazn8OjZBilCkYVVxiis8H4CT0VrAJb4WHT3C5xU2a2IQZXJjiQIRMdkEoJ5Q2yMqpfDIo+XY4k6h+YXOyKqTIj5REaxloNAd0xiKmAtsTHqW8sR2W5f7gCu5nWFUpVjZwAAAABJRU5ErkJggg==) no-repeat 4px 4px;
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-editarea.ace_editor .ace_search .ace_search_field {
width: 200px;
padding: 0 5px;
border: 1px solid var(--border-accent);
border-radius: 5px;
background-color: transparent;
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-editarea.ace_editor .ace_search .ace_replace_form .ace_search_field {width: 226px;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-editarea.ace_editor .ace_search div > *:not(input) {
box-sizing: border-box;
min-width: 22px;
height: 22px;
margin: 0 0 0 5px !important;
padding: 0 5px !important;
border: 1px solid var(--border-accent);
border-radius: 5px;
text-align: center;
font-family: Rubik, Helvetica, sans-serif;
color: var(--text-page);
background: none;
opacity: 1;
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-editarea.ace_editor .ace_search .ace_search_field:focus {border-color: var(--colour-darkblue);}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-editarea.ace_editor .ace_search .ace_search_form.ace_nomatch .ace_search_field {border-color: var(--colour-red);}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-editarea.ace_editor .ace_search .ace_search_options .ace_button.checked {border-color: var(--colour-green) !important;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-editarea.ace_editor .ace_search .ace_replace_form .ace_replacebtn {width: auto;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor #wpTextbox1, .EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor #wpTextbox0 {
border: none;
line-height: normal;
font-size: 12px !important;
background-color: var(--background-accent) !important;
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-editarea .loading-indicator .loading-background {
right: 0;
background-color: var(--background-accentheavy);
}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .editpage-editarea .loading-indicator .loading-message .loading-throbber {background-color: transparent;}
.EditPage .EditPageMain .EditPageMainContainer .EditPageEditorWrapper .EditPageEditor .hiddencats {font-size: 13px;}
/***************************/
/**** Popover Elements *****/
/***************************/
/* Autocomplete Menu + Items + Links & Hovers */
body .ui-autocomplete {
width: auto;
margin: 0;
padding: 0;
border: none;
background: none;
box-shadow: none;
}
body .ui-autocomplete .ui-menu-item {
margin-bottom: 5px;
border-radius: 10px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
body .ui-autocomplete .ui-menu-item a {
padding: 0 10px;
border-radius: 10px;
line-height: 22px;
text-align: center;
font-size: 12px;
background-color: var(--background-popovercontent);
}
body .ui-autocomplete .ui-menu-item a:hover {background-color: var(--background-popovercontenthover);}
/* Popover Bubble + Styling + Link Hovers + Directional Bubble Stems */
body .tooltip-inner, .popover-inner {
padding: 10px;
border: none;
border-radius: 10px;
color: inherit;
background-color: var(--background-popovercontent);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.popover-content {background: none;}
body .tooltip-inner a:hover, .popover-inner a:hover {text-decoration: underline;}
.tooltip.top .tooltip-arrow, .popover.top .arrow {border-top: 5px solid var(--background-popovercontent);}
.tooltip.right .tooltip-arrow, .popover.right .arrow {border-right: 5px solid var(--background-popovercontent);}
.tooltip.bottom .tooltip-arrow, .popover.bottom .arrow {border-bottom: 5px solid var(--background-popovercontent);}
.tooltip.left .tooltip-arrow, .popover.left .arrow {border-left: 5px solid var(--background-popovercontent);}
/* Live Chat Module Popover Bubble Menus + Styling + Items + Text & Hovers */ /* !!! */
.UserStatsMenu {
font-size: inherit;
background: none;
}
.UserStatsMenu .info {
padding: 0;
background: none;
}
.UserStatsMenu .info img {
width: 30px;
height: 30px;
border: none;
border-radius: 5px;
}
.UserStatsMenu .info ul {margin-left: 40px;}
.UserStatsMenu .info ul li {
margin: 0 !important;
line-height: normal;
}
.UserStatsMenu .actions > * {
display: flex;
margin: 10px 0 0 !important;
}
.UserStatsMenu .actions .seperator {display: none;}
.UserStatsMenu .actions ul li {
margin-right: 10px;
padding: 0;
background: none !important;
cursor: pointer;
}
.UserStatsMenu .actions ul li:last-child {margin: 0;}
.UserStatsMenu .actions ul li .label {padding: 0;}
.UserStatsMenu .actions ul li:hover .label {text-decoration: underline;}
/* Rich-Text Editor Template Popover Toolbar */
.RTEPlaceholderPreviewTools {display: none;}
/* Editor Popover Modal Backlight */
.blackout, .skin-oasis.rte .blackout, .skin-oasis.MiniEditor .blackout, .modal-blackout {
background-color: rgba(0, 0, 0, 0.5) !important;
opacity: 1 !important;
}
/* Modal Content + Content Preview Container + Wall Comment Preview Container */
.modalContent {
margin: 20px 0 0;
line-height: 22px;
}
.modalContent .ArticlePreview {
overflow: auto !important;
background-color: var(--background-page);
}
.modal .WallPreview {border-color: var(--border-general);}
/* Classic Modal + Image / Article Preview Modals + Components + Heading + Tooltip + Close Button */
.modalWrapper {
box-sizing: border-box;
width: auto !important;
right: 50px;
left: 50px !important;
margin: 0 !important;
padding: 20px;
border: 5px solid var(--background-popovercontent) !important;
border-radius: 30px;
background-color: var(--background-popovercontent);
box-shadow: 0 0 30px #000;
}
.modalWrapper.LightboxModal, .modalWrapper.preview {background: var(--background-main);}
.modalWrapper > *:not(.close):not(.modalContent) {
display: inline-block;
vertical-align: middle;
float: none !important;
margin: 0 20px 0 0 !important;
}
.modalWrapper > h1 {
margin: 0;
line-height: 24px;
font-size: 20px;
color: var(--text-accent);
}
.modalWrapper .tooltip-icon {
color: var(--link-buttonprimary);
background-color: var(--background-buttonprimary);
}
.modalWrapper .wikia-chiclet-button {
width: auto;
height: auto;
margin: 1px 0 1px 10px !important;
padding: 3px 3.5px;
border-radius: 5px;
line-height: normal;
background-color: var(--background-buttonprimary);
opacity: 0.5;
}
.modalWrapper .wikia-chiclet-button:hover {opacity: 1;}
/* Modern Modal & Large Type + Pulsator + Sections + Header Heading + Close Button + Body + Footer Button Container + Buttons */ /* !!! */
.modal-blackout .modal {
line-height: 22px;
font-size: 13px;
box-shadow: 0 0 30px #000;
}
.modal-blackout .modal.large {padding: 0;}
.modal-blackout .modal .wikiaThrobber {
top: 50%;
background-color: transparent;
}
.modal-blackout .modal > *:not(section) {
height: auto;
padding: 10px;
background-color: var(--background-popovercontent);
}
.modal-blackout .modal header h3 {
line-height: 24px;
font-size: 20px;
font-weight: inherit;
}
.modal-blackout .modal header .close {margin-top: 1px;}
.modal-blackout .modal section {height: calc(100% - 86px) !important;}
.modal-blackout .modal section p + p {margin-top: 5px;}
.modal-blackout .modal section .modalContent.ArticlePreview {margin: 0;}
.modal-blackout .modal footer .buttons {
height: 22px;
bottom: auto;
}
.modal-blackout .modal footer .buttons .button {margin-left: 10px;}
/* Confirmation Footers */
.RTEConfirmButtons {border: none !important;}
/* Image Previewer Tweaks */
.LightboxModal .WikiaLightbox {
display: flex;
align-items: center;
justify-content: center;
}
.LightboxModal .WikiaLightbox .media {
height: auto;
margin: 0 !important;
line-height: 100% !important;
color: var(--text-page);
}
.LightboxModal .WikiaLightbox .media img {
width: 100%;
height: 100%;
}
.LightboxModal .WikiaLightbox .LightboxHeader, .LightboxModal .WikiaLightbox .LightboxCarousel {
height: auto;
border: none;
background-color: var(--background-popovercontent);
box-shadow: none;
}
.LightboxModal .WikiaLightbox .LightboxHeader .wikia-button {display: none;}
.LightboxModal .WikiaLightbox .LightboxHeader h1 {
max-width: none;
white-space: normal;
line-height: 24px;
font-size: 20px;
}
.LightboxModal .WikiaLightbox .LightboxHeader .see-full-size-link {
display: inline;
border-color: var(--border-accent);
line-height: 24px;
font-size: 12px;
}
.LightboxModal .WikiaLightbox .LightboxHeader .user-details {
width: auto;
margin-top: 5px;
}
.LightboxModal .WikiaLightbox .LightboxHeader .user-details .avatar {
position: static;
vertical-align: text-top;
width: 15px;
height: 15px;
}
.LightboxModal .WikiaLightbox .LightboxCarousel .LightboxCarouselInner .content {padding: 10px 20px 20px;}
.LightboxModal .WikiaLightbox .LightboxCarousel .LightboxCarouselInner .content .LightboxCarouselContainer {
width: auto;
height: auto;
margin: 0;
padding: 0;
}
.LightboxModal .WikiaLightbox .LightboxCarousel .LightboxCarouselInner .content .LightboxCarouselContainer div .carousel {position: relative;}
.LightboxModal .LightboxCarousel .LightboxCarouselContainer .more-items p {
padding: 5px !important;
text-align: center;
color: inherit !important;
cursor: pointer;
}
.LightboxModal .WikiaLightbox .lightbox-arrows {display: none;}
/* Upload Images Menu Tweaks */
.UploadPhotos .step-1 > br {display: none;}
.UploadPhotos .step-1 .options {
display: block !important;
padding: 0;
border: none;
background: none;
}
.UploadPhotos .step-1 .options label {margin: 0;}
.UploadPhotos .step-1 .options input, .UploadPhotos .step-1 .options textarea {
resize: none;
width: auto !important;
height: auto !important;
font-family: Helvetica, Arial, sans-serif;
font-size: inherit;
}
.UploadPhotos .step-1 .status {
margin: 10px 0 !important;
padding: 0;
}
.UploadPhotos .advanced {display: none;}
/* Video Upload Menus Tweaks */
.VideoEmbedBody {background: none !important;}
.VideoEmbedBody .WikiaForm {
margin: 0 !important;
border: none !important;
}
.VET-search-filter {padding-top: 7px !important;}
.VET-suggestions-wrapper {
margin: 0 10px !important;
padding: 0 !important;
background: none !important;
box-shadow: none !important;
}
.VET-carousel-wrapper .VET-preview {
background: none !important;
margin-bottom: 20px;
}
.VET-carousel-wrapper .VET-preview .VET-preview-close {
top: -9px !important;
right: -9px !important;
padding: 0px !important;
}
.VideoEmbedDetails .preview-options .input-group {
padding: 0 0 10px !important;
border: none !important;
}
.VideoEmbedBody .WikiaForm .input-group > div {margin-left: 4px;} /*0px*/
.VideoEmbedBody .WikiaForm .input-group input[type="text"] {
width: 394px !important;
padding: 8px !important;
background-color: var(--background-accent);
box-shadow: none;
}
.VideoEmbedDetails .WikiaForm h2 {display: none;}
.VideoEmbedDetails .preview-options .input-group p.hint {color: var(--colour-red);}
.VideoEmbedDetails .preview-options .input-group > textarea {
resize: none;
height: 35px !important;
min-height: 0 !important;
}
.VideoEmbedBody .WikiaSlider {width: 300px !important;}
.VideoEmbedDetails .preview-options .VideoEmbedInputWidth input[type="text"] {width: 22px !important;}
/* Rich-Text Editor Popover Menus Tweaks */
.skin-oasis.rte .cke_dialog_title, .skin-oasis.rte .cke_dialog_footer {
padding: 0;
color: var(--link-page) !important;
background: none !important;
}
.cke_skin_wikia .cke_dialog_contents {padding: 0 !important;}
.cke_skin_wikia .cke_single_page .cke_dialog_contents {min-height: 0 !important;}
.cke_skin_wikia .cke_dialog_close_button {border-radius: 0 !important;}
/* Media Modals Obsolete Message */
#WMU_divWrapper:after, #WikiaPhotoGalleryEditor:after {
display: block;
margin-top: 10px;
text-align: center;
font-style: italic;
content: 'This modal is obsolete and may not perform efficiently.';
}
/* Edit Profile Module Tabs + Content + Items + Avatar Components */
.UPPLightbox .tabs {display: none;}
section .UPPLightbox .tab-content {padding: 0;}
.UPPLightbox .tab-content li {
display: block !important;
width: auto !important;
height: auto !important;
}
.UPPLightbox .tab-content li .WikiaForm .input-group {
display: block;
margin: 20px 0 0;
padding: 0;
}
.UPPLightbox .tab-content li .WikiaForm .input-group label {
margin: 0;
line-height: inherit;
}
.UPPLightbox .tab-content li .WikiaForm .input-group input {
padding: 5px 10px;
border-radius: 10px;
border: none;
font-family: inherit;
background-color: var(--background-accent) !important;
box-shadow: none;
}
.UPPLightbox .tab-content li #usersAvatar {display: flex;}
.UPPLightbox .tab-content .avatar .WikiaForm .avatar {
box-sizing: border-box;
width: auto;
height: 150px;
margin: 0 20px 0 0;
border: 5px solid var(--background-contrast) !important;
border-radius: 20px;
}
.UPPLightbox .tab-content .avatar .WikiaForm .avatar-options {
display: grid;
flex-grow: 1;
}
.UPPLightbox .tab-content .avatar .WikiaForm .avatar-options .input-group {
margin: 0;
padding: 0;
}
.UPPLightbox .tab-content .avatar .WikiaForm .avatar-options .input-group:nth-child(1) {
order: 1;
align-self: self-end;
}
.UPPLightbox .tab-content .avatar .WikiaForm .avatar-options .input-group .sample-avatars {
display: flex;
margin-top: 10px;
}
.UPPLightbox .tab-content .avatar .WikiaForm .avatar-options .input-group .sample-avatars li {line-height: 0;}
.UPPLightbox .tab-content .avatar .WikiaForm .avatar-options .input-group .sample-avatars li img {
width: 50px;
height: 50px;
border-radius: 10px;
}