User:Александр III/global.css

@import "/load.php?mode=articles&articles=u:dev:MediaWiki:CategoryRefresh.css&only=styles";

/** Original code by Pirr & Luqgreg form https://archive.is/JOD9a#23% **/ /* Desktop XL */ @media only screen and (min-width:1596px) { .WikiaUserPagesHeader { margin: 0 -31px !important; padding: 0 31px !important }   .WikiaUserPagesHeader .tabs, .UserProfileMasthead .masthead-info { margin: 0 -31px !important }

.UserProfileMasthead .masthead-info hgroup, .UserProfileMasthead .masthead-info-lower { padding-left: 205px !important } }

/* Desktop */ @media only screen and (min-width:1084px) and (max-width:1595px) { .WikiaUserPagesHeader { margin: 0 -21px !important; padding: 0 21px !important }   .WikiaUserPagesHeader .tabs, .UserProfileMasthead .masthead-info { margin: 0 -21px !important }

.UserProfileMasthead .masthead-info hgroup, .UserProfileMasthead .masthead-info-lower { padding-left: 195px !important } }

/* Tablet Landscape */ @media only screen and (min-width:1024px) and (max-width:1083px) { .WikiaUserPagesHeader { margin: 0 -11px !important; padding: 0 11px !important }   .WikiaUserPagesHeader .tabs, .UserProfileMasthead .masthead-info { margin: 0 -11px !important }

.UserProfileMasthead .masthead-info hgroup, .UserProfileMasthead .masthead-info-lower { padding-left: 185px !important } }

/* Tablet Portrait */ @media only screen and (max-width:1023px) { .WikiaUserPagesHeader { margin: 0 -25px !important; padding: 0 25px !important }   .WikiaUserPagesHeader .tabs, .UserProfileMasthead .masthead-info { margin: 0 -25px !important }

.UserProfileMasthead .masthead-info hgroup, .UserProfileMasthead .masthead-info-lower { padding-left: 199px !important } }

.WikiaUserPagesHeader { padding-top: 0; background: rgba(128, 128, 128, .07); margin-bottom: 18px } .UserProfileMasthead { padding: 0 } .UserProfileMasthead .masthead-avatar { z-index: 1; left: 0 } .avatar, .User img, .Write img { border-radius: 50%; border: 2px solid #484848 } .UserProfileMasthead .masthead-avatar .avatar { border: none } .UserProfileMasthead .masthead-info { background: none; box-shadow: none; margin-left: 0; margin-bottom: 0 } .UserProfileMasthead .masthead-info hgroup { background-image: none; border-radius: 0 } .UserProfileMasthead .masthead-info h2 { margin-right: 5px } .UserProfileMasthead .masthead-info .tag { font-size: 13px; border-radius: 0 } .UserProfileMasthead .masthead-info-lower:before { display: none }

/* Zakładki */ .WikiaUserPagesHeader .tabs { display: flex; flex-direction: row; border-bottom: none; padding-left: 0 } .WikiaUserPagesHeader .tabs li { cursor: pointer; float: left; font-size: .875rem; font-weight: 700; height: 50px; text-transform: uppercase; flex: 1 auto; margin: 0; transition: filter .25s ease-out }

.page-dark .WikiaUserPagesHeader .tabs li:hover { filter: brightness(1.3) } .page-bright .WikiaUserPagesHeader .tabs li:hover { filter: brightness(.7) } .WikiaUserPagesHeader .tabs li a { display: flex; justify-content: center; align-items: center; box-sizing: border-box; height: 100%; border: none; border-bottom: 4px solid currentColor } .WikiaUserPagesHeader .tabs li:hover a { text-decoration: none } .WikiaUserPagesHeader .tabs li.selected a { background: none }


 * 1) WikiaUserPagesHeader ~ #WikiaMainContent { padding-top: 10px }

/* Animacje przycisków "edytuj" */ .avatar-controls a::before { margin-right: 5px; position: relative; top: 1px }   content: url('data:image/svg+xml;utf8, ') } .page-bright #userAvatarEdit::before { content: url('data:image/svg+xml;utf8, ') }   content: url('data:image/svg+xml;utf8,<path d="M18.417 21.167H5.583V6.5h12.834v14.667zM9.25 2.833h5.5v1.834h-5.5V2.833zm12.833 1.834h-5.5v-2.75A.916.916 0 0 0 15.667 1H8.333a.917.917 0 0 0-.916.917v2.75h-5.5a.917.917 0 0 0 0 1.833H3.75v15.583c0 .507.41.917.917.917h14.666c.507 0 .917-.41.917-.917V6.5h1.833a.916.916 0 1 0 0-1.833z M12 9.25a.917.917 0 0 0-.917.917V17.5a.916.916 0 1 0 1.834 0v-7.333A.917.917 0 0 0 12 9.25m-3.667 0a.917.917 0 0 0-.916.917V17.5a.916.916 0 1 0 1.833 0v-7.333a.917.917 0 0 0-.917-.917m6.417.917V17.5a.916.916 0 1 0 1.833 0v-7.333a.916.916 0 1 0-1.833 0" fill="#fff" fill-rule="evenodd"/> '); margin-right: 3px } .avatar-controls a, .user-identity-box-edit a { text-transform: uppercase; font-weight: bold } .user-identity-box-edit li { text-align: right; font-size: 12px; margin-bottom: .25em } .user-identity-box-edit svg { fill: currentColor; top: 1px } .UserProfileMasthead .avatar-controls span { display: block; float: none; margin-bottom: .25em } .avatar-controls img { display: none } .masthead-info .user-identity-box-edit, .UserProfileMasthead .masthead-avatar .avatar-controls { display: block; transition: opacity .15s ease-out; opacity: 0 } .masthead-avatar .avatar-controls { width: 100%; text-align: center; margin-top: 5px } .masthead-info:hover .user-identity-box-edit, .masthead-avatar:hover .avatar-controls { opacity: 1 }
 * 1) userAvatarEdit::before {
 * 1) UserAvatarRemove::before {

/** Original code by Pirr & Luqgreg form https://archive.is/JOD9a#23% **/ .Board .comments .SpeechBubble.message-main, .Board .SpeechBubble.new-message { border: 0; border-left: 3px solid currentColor; padding: 0 0 0 5px; margin: 15px 0 45px 0 }

.Board .SpeechBubble.new-message { margin: 15px 0; } .Board .SpeechBubble .speech-bubble-message { margin-left: 0; border-radius: 0 !important; margin-bottom: 0 !important } .Board .SpeechBubble.message-main > .speech-bubble-avatar img, .Board .SpeechBubble.new-message .speech-bubble-avatar img { width: 32px; height: 32px; margin: 10px 10px 0; z-index: 2; } .Board .replies > li { padding-left: 20px } .Board .SpeechBubble .speech-bubble-message:after { display: none } .Board .comments .SpeechBubble > .replies { margin-left: 0 } .Board .edited-by { margin-top: 0; margin-bottom: 6px } .Board .deleteorremove-bubble { border-radius: 0; background: transparent; border: 0; box-shadow: none; padding: 0; padding-left: 10px } .Board .deleteorremove-bubble .avatar { height: 30px; width: 30px; margin-left: 0 !important } .Board .deleteorremove-bubble img { border: none } .Board .deleteorremove-bubble .message { margin-left: 50px }

.Board .edited-by:after { content: none }

.Board .SpeechBubble .speech-bubble-message .buttons { display: block; opacity: 0; transition: opacity 0.15s ease }

.Board .SpeechBubble .speech-bubble-message:hover .buttons { opacity: 1 }

.Board .deleteorremove-infobox { margin: 0 !important }

.Board .SpeechBubble .load-more { margin: 0 }

.Board .new-message textarea.title { margin-left: 50px; width: calc(100% - 50px); height: 36px } .Board .new-reply :not(.active) .speech-bubble-avatar { display: block; opacity: .5 } .Board .new-reply :not(.active) .speech-bubble-message { margin-left: 40px; padding: 1px 0 }

.Board .speech-bubble-message .buttons ul li a { padding: 2px 5px } .Board .SpeechBubble.message-main > .speech-bubble-message .msg-title a { font-size: 18px } .Board .SpeechBubble.message-main > .speech-bubble-message .edited-by { font-size: 12px; line-height: 1 }

/* /** * @section        Activity Feed styling * @element        .activityfeed > li */ .activityfeed > li { border-left: 5px solid #fbfbfb; border-top: none !important; margin: 0.5em; overflow: hidden; padding-left: 3em; transition: all 0.3s; font-family: var(--mwa-font); } .activityfeed > li.activity-type-edit { border-left-color: var(--mwa-edit); } .activityfeed > li.activity-type-edit strong a { color: var(--mwa-edit); } .activityfeed > li.activity-type-new { border-left-color: var(--mwa-new); } .activityfeed > li.activity-type-new strong a { color: var(--mwa-new); } .activityfeed > li.activity-type-talk { border-left-color: var(--mwa-talk); } .activityfeed > li.activity-type-talk strong a { color: var(--mwa-talk); } .activityfeed > li.activity-type-categorization { border-left-color: var(--mwa-cat); } .activityfeed > li.activity-type-categorization strong a { color: var(--mwa-cat); } .activityfeed .subtle, .activityfeed .wallfeed a { text-transform: var(--mwa-link-transform); font-size: x-small; font-weight: bold; } .activityfeed em { text-transform: var(--mwa-text-transform); font-size: smaller; font-weight: bold; font-style: normal; } .activityfeed .wall-owner { text-transform: var(--mwa-link-transform); font-size: x-small; font-weight: bold; } .activityfeed .avatar { border: 0 !important; border-radius: var(--mwa-avatar-radius); } .page-Special_WikiActivity .page-header__page-subtitle a { text-transform: var(--mwa-link-transform); font-weight: bold; font-size: x-small } .page-Special_WikiActivity a:hover { opacity: 0.8; transition: opacity 0.3s ease; text-decoration: none; } /** * @section        Icons * @element        .activityfeed > li img */    /**     * @section         Edit * @icon           pencil-small * @default        #feaf09 */ .activity-type-edit img.edit.sprite { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil-small.svg") !important; background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pencil-small.svg"); width: 18px; background-repeat: no-repeat; background-color: var(--mwa-edit); }   /**     * @section         Talk * @icon           comment-small * @default        grey */ .activity-type-talk img.talk.sprite { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-comment-small.svg"); background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-comment-small.svg"); width: 18px; background-repeat: no-repeat; background-color: var(--mwa-talk); }   /**     * @section         Categorization * @icon           tag-small * @default        #b76801 */ .activity-type-categorization img.categorization.sprite { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-tag-small.svg"); background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-tag-small.svg"); width: 18px; background-repeat: no-repeat; background-color: var(--mwa-cat); }   /**     * @section         New Page * @icon           add-small * @default        deepskyblue */ .activity-type-new img.new.sprite { -webkit-mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-add-small.svg"); background-image: none; height: 18px; mask-image: url("/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-add-small.svg"); width: 18px; background-repeat: no-repeat; background-color: var(--mwa-new); }   /**     * @section         Diff * @icon           magnifying-glass * @default        black * @default        white */ .activityfeed-diff img { content: url(/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-magnifying-glass-small.svg); background-image: none !important; } .oasis-dark-theme .activityfeed-diff img { -webkit-mask-image: url(/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-magnifying-glass-small.svg); mask-image: url(extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-magnifying-glass-small.svg); background-color: #fff; filter: brightness(9); background-image: none !important; content: none; } /** * @section        Variables * @element        .activityfeed > li */ .activity-type-edit, .activity-type-talk, .activity-type-categorization, .activity-type-new, .activity-feed li { --mwa-edit: #006400; --mwa-talk: #006400; --mwa-cat: #006400; --mwa-new: #006400; --mwa-font: Rubik, sans-serif; --mwa-link-transform: uppercase; --mwa-text-transform: uppercase; --mwa-avatar-radius: 50%; }
 * @title: ModernWikiActivity
 * @description: Modernizes Special:WikiActivity and adds in WDS icons
 * See http://dev.fandom.com/wiki/ModernWikiActivity for more information.
 * @authors:  Americhino
 * @version:  0.9.8
 * @license:  CC-BY-SA 3.0
 * @installation:  @import url("/load.php?mode=articles&only=styles&articles=u:dev:MediaWiki:ModernWikiActivity.css");


 * root {

--fb-border-color: transparent; --fb-hover-border-color: transparent; --fb-border-radius: 3px; --fb-font: Rubik, "Helvetica Neue", Helvetica, Arial, sans-serif; } a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, .WikiaPage button:not(.ace_searchbtn_close):not(.ace_replacebtn):not(.ace_searchbtn) { background-image: none !important; border-color: var(--fb-border-color) !important; border-radius: var(--fb-border-radius) !important; font-family: var(--fb-font) !important; font-size: 10px !important; font-weight: bold; text-transform: uppercase; line-height: 19px !important; } a.wikia-button:hover, .wikia-single-button a:hover, .wikia-menu-button:hover, .wikia-menu-button > a:hover, .wikia-menu-button > .drop:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, .WikiaPage button:not(.ace_searchbtn_close):not(.ace_replacebtn):not(.ace_searchbtn):hover { background-image: none !important; border-color: var(--fb-hover-border-color) !important; } a.wikia-button.active, a.wikia-button:active, .wikia-single-button a.active, .wikia-single-button a:active, .wikia-menu-button.active, .wikia-menu-button:active, input[type="submit"].active, input[type="submit"]:active, input[type="reset"].active, input[type="reset"]:active, input[type="button"].active, input[type="button"]:active, .button.active, .button:active, .WikiaPage button.active:not(.ace_searchbtn_close):not(.ace_replacebtn):not(.ace_searchbtn), .WikiaPage button:not(.ace_searchbtn_close):not(.ace_replacebtn):not(.ace_searchbtn):active { background-image: none !important; border-color: transparent; } a.wikia-button.secondary, .wikia-single-button a.secondary, .wikia-menu-button.secondary, input[type="submit"].secondary, input[type="reset"].secondary, input[type="button"].secondary, .button.secondary { background-color: transparent !important; background-image: none !important; border-color: currentColor !important; font-family: var(--fb-font); font-size: 10px; font-weight: bold; border-radius: var(--fb-border-radius) !important; color: currentColor !important; text-transform: uppercase; } a.wikia-button.secondary:hover, .wikia-single-button a.secondary:hover, .wikia-menu-button.secondary:hover, input[type="submit"].secondary:hover, input[type="reset"].secondary:hover, input[type="button"].secondary:hover, .button.secondary:hover { background-color: transparent !important; background-image: none !important; border-color: currentColor; } a.wikia-button.secondary.active, a.wikia-button.secondary:active, .wikia-single-button a.secondary.active, .wikia-single-button a.secondary:active, .wikia-menu-button.secondary.active, .wikia-menu-button.secondary:active, input[type="submit"].secondary.active, input[type="submit"].secondary:active, input[type="reset"].secondary.active, input[type="reset"].secondary:active, input[type="button"].secondary.active, input[type="button"].secondary:active, .button.secondary.active, .button.secondary:active { background-color: transparent !important; background-image: none !important; border-color: currentColor; } .EditPage .cke_button > a { background-image: none !important; border-color: transparent; text-transform: uppercase; font-size: 10px !important; font-weight: bold; border-radius: var(--fb-border-radius) !important; font-family: var(--fb-font); } .wikia-menu-button, button.wikia-button { background-image: none !important; border-color: transparent; border-radius: var(--fb-border-radius) !important; font-family: var(--fb-font); font-size: 10px; font-weight: bold; text-transform: uppercase; } .wikia-menu-button > a, .wikia-menu-button .drop { background-image: none !important; border-color: transparent; border-radius: var(--fb-border-radius); font-family: var(--fb-font); font-size: 10px; font-weight: bold; text-transform: uppercase; }

/*** Convert all loading throbbers into modern spinners ***/ /* For blog comments/Message wall editor */ .MiniEditorWrapper .loading-indicator .loading-message { top: 5% !important; } .MiniEditorWrapper .loading-indicator .loading-message .loading-throbber { background: url('https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg') no-repeat center !important; animation: rotator .8s linear infinite; height: 60px !important; padding-top: 10px !important; width: 90px !important; padding-right: 30px; background-size: 86px !important; opacity: .7 !important; } .MiniEditorWrapper .loading-indicator .loading-message .loading-text { display: none !important; } .modal.medium.inactive .wikiaThrobber { background: url('https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg') no-repeat scroll center !important; animation: rotator .8s linear infinite; opacity: 0.7 !important; } /* Wikia's side rail */ .WikiaRail .loading { height: 88px; margin: 10px; padding-top: 10px; animation: rotator .5s linear infinite; background: url('https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg') no-repeat center / 120px !important; opacity: .7 !important; } /* Classic editor and switching from Rich-text to source mode and vice versa*/ .EditPageEditor .loading-indicator .loading-message .loading-throbber { height: 146px; width: 145px; background: url('https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg') no-repeat center !important; animation: rotator .9s linear infinite; margin-left: 2px; background-size: 100% !important; margin-bottom: -10px !important; opacity: .7 !important; } .EditPageEditor .loading-indicator .loading-message .loading-text { display: block !important; color: #3a3a3a !important; } form#WikiaPhotoGalleryImageUploadForm .WikiaPhotoGalleryProgress { background: transparent url(https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg) no-repeat 60% 60% !important; width: 0; height: 0; padding: 19px 0 0 20px; margin-left: -8px !important; opacity: .7 !important; } .WikiaPhotoGalleryProgress { background: transparent url(https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg) no-repeat 50% 50% !important; background-size: 8.8em !important; } .mainpage #EditPageDialog .wikiaThrobber { margin-left: 425px; } .mainpage .modal.large.inactive .wikiaThrobber { margin-left: 535px !important; } /* For the preview modules in the Classic editor */ .ArticlePreviewInner .wikiaThrobber { top: 0; z-index: 2; height: 400px; width: 185px; background: url('https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg') no-repeat center !important; animation: rotator .9s linear infinite; margin-left: 270px; background-size: 100% !important; margin-bottom: -10px !important; opacity: .7 !important; position: absolute; } .ArticlePreview .wikiaThrobber { top: 0; z-index: 2; height: 400px; width: 185px; background: url('https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg') no-repeat center !important; animation: rotator .9s linear infinite; margin-left: 270px; background-size: 100% !important; margin-bottom: -10px !important; opacity: .7 !important; position: absolute; } .modal.large.inactive .wikiaThrobber { top: 0; z-index: 2; width: 185px; background: url('https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg') no-repeat center !important; animation: rotator .9s linear infinite; margin-left: 570px; background-size: 100% !important; opacity: .7 !important; position: absolute; } /* For article comments when loading */ .WikiaArticleComments.loading { background: url('https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg') no-repeat center !important; animation: rotator .8s linear infinite; height: 60px !important; width: 90px !important; padding-right: 30px; background-size: 86px !important; padding-left: 550px; margin-top: -5px !important; border-top: 0 !important; opacity: .7 !important; } /* The one that appears when pressing the "Reply" button on forums-like environment. */ .Wall .loadingAjax { background: url('https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg'); background-repeat: no-repeat; margin: 15px 0 0 0 !important; } /* The one that appears in the file viewer */ .LightboxModal .wikiaThrobber { left: 0; top: 0; z-index: 2; top: 0; z-index: 2; height: 610px; width: 185px; background: url('https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg') no-repeat center !important; animation: rotator .9s linear infinite; margin-left: 400px; background-size: 100% !important; margin-bottom: -50px !important; opacity: .7 !important; position: absolute; } /* The one that appears when uploading a file using Special:Images */ .ajaxwait { background: url('https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg') no-repeat scroll center !important; padding-left: 500px; position: absolute; display: inline; width: 0; height: 0; padding: 28px 0 0 100px; } /* The one that appears during the load of the "All contributors" list of Special:Community */ .throbber-placeholder .wikiaThrobber { background: url('https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg') no-repeat center !important; animation: rotator .8s linear infinite; height: 85px !important; width: 90px !important; padding-right: 30px; background-size: 86px !important; padding-left: 555px; margin-top: -5px !important; opacity: 0.7 !important; } /* The one that appears on category pages when browsing into another set of items */ .category-gallery .wikiaThrobber { background: #fff url(https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg) no-repeat 50% 50% !important; background-size: 6.8em !important; opacity: .7 !important; } /* The one that appears when applying new categories to an article's category bar */ .article-categories.CategorySelect.articlePage.userCanEdit.modified .wikiaThrobber, .page-list-content.WikiaGrid .wikiaThrobber { background: #fff url(https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg) no-repeat 50% 50% !important; background-size: 6.2em !important; opacity: .7 !important; } /* Special:ListUsers */ .dataTables_processing img { width: 0; height: 0; padding: 19px 0 0 20px; margin-left: -3px !important; background: transparent url(https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg) no-repeat 60% 60% !important; margin-bottom: 5px; }

.skin-oasis.editor #EditPageDialog .ArticlePreviewInner > .wikiaThrobber { animation: rotator .5s linear infinite; background: url('https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg') no-repeat center / 48px; height: 48px; width: 48px; margin: auto; position: absolute; top: calc(50% - 24px); left: calc(50% - 24px); }

.skin-oasis.editor.oasis-dark-theme #EditPageDialog .ArticlePreviewInner > .wikiaThrobber { background: url('https://images.wikia.nocookie.net/speedit/images/a/a8/Spinner-white.svg') no-repeat center / 48px; }

.skin-oasis.ve { pointer-events: auto; } .skin-oasis .ve-spinner .content { background: none; border: none; box-shadow: none; } .skin-oasis .ve-spinner .loading { height: 64px; width: 64px; } .skin-oasis .ve-spinner .loading, .skin-oasis.ve .oo-ui-window .wikiaThrobber { animation: rotator .5s linear infinite; background: url('https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg') no-repeat center / 64px; } .skin-oasis.oasis-dark-theme .ve-spinner .loading, .skin-oasis.ve.oasis-dark-theme .oo-ui-window .wikiaThrobber { background: url('https://images.wikia.nocookie.net/speedit/images/a/a8/Spinner-white.svg') no-repeat center / 64px; } .skin-oasis .ve-spinner .message { display: none !important; }

/* Loading Throbbers */ .WikiaArticleComments .MiniEditorWrapper .loading-indicator .loading-message .loading-text, .WikiaArticleComments #article-comments > .MiniEditorWrapper .buttons .throbber, .WikiaArticleComments .throbber { display: none !important; } .WikiaArticleComments.loading, background: url('https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg') no-repeat center / 64px !important; animation: rotator .5s linear infinite; border: none !important; }
 * 1) article-comm-form .loading-throbber {

/* Redesigning Theme Designer */ /* Light */ .Navigation { background-image: none; } .Navigation li { background-color: #f0f0f0; border-bottom: none; background-image: none; border-left: 1px #e9e9e9 solid; } .WikiaSlider { border-bottom: none; border-top: none; background-image: none; margin-top: -60px; margin-left: 60px; } .ThemeTab img { border: none; } .ThemeDesignerPicker h1 { font-weight: bold; } .Designer h1 { font-weight: bold; } .ThemeDesignerPicker { box-shadow: none; background: #f8f8f8; border: 1px solid #c1c1c1; border-radius: 4px; } img#swatch-community-header-image-background { border: 1px #c1c1c1 solid; } .CustomizeTab li img { border: none; } input#CommunityHeaderBackgroundImageUploadFile { padding-bottom: 5px; } .Toolbar { background-color: #ededed; border-bottom: none; background-image: none; } .Toolbar .inner .history { font-weight: bold; text-transform: uppercase; color: black; } .Toolbar .inner .history .revisions { background: none; border: none; color: black; font-size: 11px; margin-right: 0; padding: 0; } .Toolbar .inner .history .chevron { border-color: #000000 transparent transparent; } .Toolbar .inner .history ul { box-shadow: none; background-color: #f8f8f8; border: 1px solid #cccccc; border-radius: 4px; } .Toolbar .inner button.cancel { background-color: transparent; background-image: none; color: black !important; border-color: black !important; text-transform: uppercase; font-weight: bold; border-radius: 0; font-size: x-small; } .Toolbar .inner button.save { background-image: none; text-transform: uppercase; font-weight: bold; border-radius: 0; font-size: x-small; } .WordmarkTab h2 { font-weight: bold; } .Toolbar .mode { color: black; font-weight: bold; font-size: 18px; } .Navigation li.selected a:hover { color: #444444; } .Navigation li.selected a { color: black; text-transform: uppercase; font-size: x-small; } .Navigation a { color: black; text-transform: uppercase; font-size: x-small; } .Designer { background-color: white; } .Designer h2 { font-weight: bold; } .Designer section { border-right: none; } section#CustomizeTab { background-color: #f5f5f5; } section#ThemeTab { background-color: #f5f5f5; } section#WordmarkTab { background-color: #f5f5f5; border-bottom: none; } .Navigation li.selected { box-shadow: none; background-color: #f5f5f5; } .ThemeTab .next { border-color: transparent transparent transparent black; } .ThemeTab .previous { border-color: transparent black transparent transparent; } .Toolbar .inner .history ul li:hover { background-color: #f1f1f1; } /* Fixes */ /* Applying some fixes to the modernized Theme Designer */ /* Re-adding borders to swatch color squares */ .CustomizeTab li img { border: 1px #cecece solid; } /* Dropdowns */ .Toolbar .inner .history ul { border-radius: 0; border: none !important; padding: 0 !important; } .Toolbar .inner .history ul li { border-top: none; padding: 8px; } .ThemeDesignerPicker { border: none !important; border-radius: 0; box-shadow: 0 0 10px 0 #000; background: rgba(0,0,0,0.9); } /* Tooltips */ .tooltip-inner { color: white !important; background-color: rgba(0,0,0,0.9) !important; border: none !important; transition: .3s; } body .tooltip.right .tooltip-arrow { border-right: 5px solid rgba(0,0,0,0.9); } /* Slider */ div#OpacitySlider { border-bottom: none; border-top: none; background-color: #888 !important; background-image: none; height: 4px; margin: 12px 0 0 0; } .WikiaSlider:before, .WikiaSlider:after { display: none; } .WikiaSlider .ui-slider-handle { box-shadow: none !important; border-radius: 3px; height: 25px; background-color: #666 !important; margin-top: -3px; border: none !important; background-image: none !important; } /* Buttons */ .Toolbar .inner button.cancel { padding: 7px 12px; height: 35px; margin-top: -7px; } .Toolbar .inner button.cancel:hover { transition: .3s; color: #333; border-color: #333; } .Toolbar .inner button.cancel:focus { outline: none; } .Toolbar .inner button.save { padding: 7px 12px; height: 35px; margin-top: -7px; } .Toolbar .inner button.save:hover { transition: .3s; } .Toolbar .inner button.save:focus { outline: none; } form#CommunityHeaderBackgroundImageForm > input[type="submit"], .WordmarkTab button, .WordmarkTab input[type='submit'] { padding: 7px 12px; height: 35px; background-image: none; text-transform: uppercase; font-size: 10px; font-weight: bold; border-radius: 0; } form#CommunityHeaderBackgroundImageForm > input[type="submit"]:hover, .WordmarkTab button:hover, .WordmarkTab input[type='submit']:hover, transition: .3s; background-image: none !important; } form#CommunityHeaderBackgroundImageForm > input[type="submit"]:focus, .WordmarkTab button:focus, .WordmarkTab input[type='submit']:focus, outline: none; } /* Removing text decoration on hover for the tabs */ .Navigation a:hover { text-decoration: none; color: #555; transition: .2s; } .Navigation li.selected { box-shadow: none; } .Navigation li { border-left: none; } /* Miscellaneous */ .Toolbar .inner .history ul li .wikia-chiclet-button img { background: url(https://images.wikia.nocookie.net/__cb1512666205/common/extensions/wikia/ThemeDesigner/images/icon-return.png) top left black no-repeat !important; } .WordmarkTab .graphic .preview a { transition: .3s; background-color: rgba(0,0,0,0.9) !important; color: white !important; font-size: 10px; font-weight: bold; padding: 4px !important; text-transform: uppercase; } .WordmarkTab .favicon .preview a { width: 65px; font-weight: bold; text-transform: uppercase; background-color: transparent; font-size: 10px; color: white; padding: 2px; } .WordmarkTab .graphic .preview .wordmark.selected { box-shadow: none; border-color: transparent; } .WordmarkTab .graphic .preview span, .WordmarkTab .favicon .preview { font-weight: bold; text-transform: uppercase; font-size: 10px; } div#wordmark-edit > input[type="text"] { border: none; background: none; border-bottom: 1px #666 solid; color: black; } div#wordmark-edit > input[type="text"]:focus { border-bottom: 1px #000 solid; transition: .3s; outline: none; } /* Dark */ .oasis-dark-theme .Designer { background-color: #111111; } .oasis-dark-theme .Navigation { background-image: none; } .oasis-dark-theme .Navigation li { background-color: #222222; border-bottom: none; background-image: none; } .oasis-dark-theme .WikiaSlider { border-bottom: none; border-top: none; background-image: none; margin-top: -60px; margin-left: 60px; } .oasis-dark-theme .ThemeTab img { border: none; } .oasis-dark-theme .ThemeDesignerPicker h1 { font-weight: bold; color: white } .oasis-dark-theme .Designer h1 { font-weight: bold; color: #ffffff } .oasis-dark-theme .ThemeDesignerPicker { box-shadow: none; background: #000000; border: 1px solid #c1c1c1; border-radius: 4px; } .oasis-dark-theme img#swatch-community-header-image-background { border: 1px #c1c1c1 solid; } .oasis-dark-theme .CustomizeTab li img { border: none; } .oasis-dark-theme input#CommunityHeaderBackgroundImageUploadFile { padding-bottom: 5px; } .oasis-dark-theme .Toolbar { background-color: #222222; border-bottom: none; background-image: none; } .oasis-dark-theme .Toolbar .inner .history { font-weight: bold; text-transform: uppercase; color: white; } .oasis-dark-theme .Toolbar .inner .history .revisions { background: none; border: none; color: white; font-size: 11px; margin-right: 0; padding: 0; } .oasis-dark-theme .Toolbar .inner .history .chevron { border-color: #ffffff transparent transparent; } .oasis-dark-theme .Toolbar .inner .history ul { box-shadow: none; background-color: #000000; border: 1px solid #cccccc; border-radius: 4px; } .oasis-dark-theme .Toolbar .inner button.cancel { background-color: transparent; background-image: none; color: #fff; border-color: #fff; text-transform: uppercase; font-weight: bold; border-radius: 0; font-size: x-small; } .oasis-dark-theme .Toolbar .inner button.save { background-image: none; text-transform: uppercase; font-weight: bold; border-radius: 0; font-size: x-small; } .oasis-dark-theme .Toolbar .inner .history ul li:hover { background-color: #666666; } .oasis-dark-theme .WordmarkTab h2 { font-weight: bold; } .oasis-dark-theme .Toolbar .mode { color: white; font-weight: bold; font-size: 18px; } .oasis-dark-theme .Navigation li.selected a:hover { color: #bbbbbb; } .oasis-dark-theme .Navigation li.selected a { color: white; text-transform: uppercase; font-size: x-small; } .oasis-dark-theme .Navigation a { color: white; text-transform: uppercase; font-size: x-small; } .oasis-dark-theme .Designer h2 { font-weight: bold; color: #ffffff } .oasis-dark-theme .Designer section { border-right: none; } .oasis-dark-theme section#CustomizeTab { background-color: #000000; } .oasis-dark-theme section#ThemeTab { background-color: #000000; } .oasis-dark-theme section#WordmarkTab { background-color: #000000; border-bottom: none; } .oasis-dark-theme .Navigation li.selected { box-shadow: none; background-color: black; } .oasis-dark-theme .ThemeTab .next { border-color: transparent transparent transparent white; } .oasis-dark-theme .ThemeTab .previous { border-color: transparent white transparent transparent; } /* Fixes */ /* Applying some fixes to the modernized Theme Designer */ /* Re-adding borders to swatch color squares */ .oasis-dark-theme .CustomizeTab li img { border: 1px #cecece solid; } /* Dropdowns */ .oasis-dark-theme .Toolbar .inner .history ul { border-radius: 0; border: none !important; padding: 0 !important; } .oasis-dark-theme .Toolbar .inner .history ul li { border-top: none; padding: 8px; } .oasis-dark-theme .ThemeDesignerPicker { border: none !important; border-radius: 0; box-shadow: 0 0 10px 0 #000; background: rgba(0,0,0,0.9); } /* Tooltips */ .oasis-dark-theme .tooltip-inner { color: white !important; background-color: rgba(0,0,0,0.9) !important; border: none !important; transition: .3s; } .oasis-dark-theme body .tooltip.right .tooltip-arrow { border-right: 5px solid rgba(0,0,0,0.9); } /* Slider */ .oasis-dark-theme div#OpacitySlider { border-bottom: none; border-top: none; background-color: #888 !important; background-image: none; height: 4px; margin: 12px 0 0 0; } .oasis-dark-theme .WikiaSlider:before, .oasis-dark-theme .WikiaSlider:after { display: none; } .oasis-dark-theme .WikiaSlider .ui-slider-handle { box-shadow: none !important; border-radius: 3px; height: 25px; background-color: #666 !important; margin-top: -3px; border: none !important; background-image: none !important; } /* Buttons */ .oasis-dark-theme .Toolbar .inner button.cancel { padding: 7px 12px; height: 35px; margin-top: -7px; } .oasis-dark-theme .Toolbar .inner button.cancel:hover { transition: .3s; color: #ccc; border-color: #ccc; } .oasis-dark-theme .Toolbar .inner button.cancel:focus { outline: none; } .oasis-dark-theme .Toolbar .inner button.save { padding: 7px 12px; height: 35px; margin-top: -7px; } .oasis-dark-theme .Toolbar .inner button.save:hover { transition: .3s; } .oasis-dark-theme .Toolbar .inner button.save:focus { outline: none; } .oasis-dark-theme form#CommunityHeaderBackgroundImageForm > input[type="submit"], .oasis-dark-theme #BackgroundImageForm > input[type="submit"], .oasis-dark-theme .WordmarkTab button, .oasis-dark-theme .WordmarkTab input[type='submit'] { padding: 7px 12px; height: 35px; background-image: none; text-transform: uppercase; font-size: 10px; font-weight: bold; border-radius: 0; } .oasis-dark-theme form#CommunityHeaderBackgroundImageForm > input[type="submit"]:hover, .oasis-dark-theme .WordmarkTab button:hover, .oasis-dark-theme .WordmarkTab input[type='submit']:hover, .oasis-dark-theme #BackgroundImageForm > input[type="submit"]:hover { transition: .3s; background-image: none !important; } .oasis-dark-theme form#CommunityHeaderBackgroundImageForm > input[type="submit"]:focus, .oasis-dark-theme .WordmarkTab button:focus, .oasis-dark-theme .WordmarkTab input[type='submit']:focus, .oasis-dark-theme #BackgroundImageForm > input[type="submit"]:focus { outline: none; } /* Removing text decoration on hover for the tabs */ .oasis-dark-theme .Navigation a:hover { text-decoration: none; color: #ccc; transition: .2s; } /* Miscellaneous */ .oasis-dark-theme .WordmarkTab .graphic .preview a { transition: .3s; background-color: rgba(0,0,0,0.9) !important; color: white !important; font-size: 10px; font-weight: bold; padding: 4px !important; text-transform: uppercase; } .oasis-dark-theme .WordmarkTab .favicon .preview a { width: 65px; font-weight: bold; text-transform: uppercase; background-color: transparent; font-size: 10px; color: white; padding: 2px; } .oasis-dark-theme .WordmarkTab .graphic .preview .wordmark.selected { box-shadow: none; border-color: transparent; } .oasis-dark-theme .WordmarkTab .graphic .preview span, .oasis-dark-theme .WordmarkTab .favicon .preview { font-weight: bold; text-transform: uppercase; font-size: 10px; } .oasis-dark-theme div#wordmark-edit > input[type="text"] { border: none; background: none; border-bottom: 1px #666 solid; color: white; } .oasis-dark-theme div#wordmark-edit > input[type="text"]:focus { border-bottom: 1px #fff solid; transition: .3s; outline: none; }
 * 1) BackgroundImageForm > input[type="submit"],
 * 1) BackgroundImageForm > input[type="submit"]:hover {
 * 1) BackgroundImageForm > input[type="submit"]:focus {

/* Toolbar */
 * root {

--toolbar-bgcolor: rgba(0,0,0,0.75) }

.WikiaBarWrapper, .wikia-bar { background-color: var(--toolbar-bgcolor); background-image: none !important; } .WikiaFooter .toolbar .tools > li, .WikiaBarWrapper .toolbar .tools > li { border-right: 1px solid white; } .WikiaFooter .toolbar .tools > li > a:hover, .WikiaBarWrapper .toolbar .tools > li > a:hover { text-decoration: none !important; } .WikiaFooter .toolbar .tools > li > a, .WikiaBarWrapper .toolbar .tools > li > a { font-size: 10px; font-weight: bold; text-transform: uppercase; } /* Editor */ .MyToolsConfiguration .reset-defaults .wikia-chiclet-button { display: none; } .MyToolsConfiguration .reset-defaults, .MyToolsConfiguration .advanced-tools, .MyToolsConfiguration .popular-tools-group .popular-toggle, font-weight: bold; text-transform: uppercase; font-size: 10px; }   text-decoration: none !important; filter: brightness(115%); transition: .3s; } .MyToolsConfiguration label { font-size: 10px !important; text-transform: uppercase; } .MyToolsConfiguration .search-box input[type="text"] { border: none; box-shadow: none; } .MyToolsConfiguration .popular-tools-group, .MyToolsConfiguration .search-box { background-image: none !important; background-color: #ebebeb; border: none !important; }   background-image: none !important; border-radius: 0 !important; font-size: 10px; font-weight: bold; text-transform: uppercase; background-color: transparent; border-color: black; color: black; padding: 7px 12px; margin-top: -5px; }   background-image: none !important; border-radius: 0 !important; font-size: 10px; font-weight: bold; text-transform: uppercase; color: white; padding: 7px 12px; margin-top: -6px; }   color: #3a3a3a; border-color: #3a3a3a; transition: .3s; }   transition: .3s; }
 * 1) MyToolsConfiguration > div > div > div > ul > li > a,
 * 2) MyToolsConfiguration > div > div > ul > li > span.name {
 * 1) MyToolsConfiguration > div > div > span > a:hover,
 * 2) MyToolsConfiguration > div > div > div > ul > li > a {
 * 1) MyToolsConfigurationWrapper > footer > div > button.button.normal.secondary {
 * 1) MyToolsConfigurationWrapper > footer > div > button.button.button.primary {
 * 1) MyToolsConfigurationWrapper > footer > div > button.button.normal.secondary:hover {
 * 1) MyToolsConfigurationWrapper > footer > div > button.button.button.primary:hover {

body {font-family: Rubik, "Helvetica Neue", Helvetica, Arial, sans-serif}

/** Admin Dashboard's Header **/ .mw-special-AdminDashboard .WikiaPageContentWrapper { --rad-headers-color: #9e936e; --rad-tabs-color: #9e936e; } .AdminDashboardHeader { -moz-osx-font-smoothing: grayscale; -webkit-align-items: flex-start; -webkit-box-align: start; -webkit-box-pack: end; -webkit-font-smoothing: antialiased; -webkit-justify-content: flex-end; align-items: flex-start; background: transparent; border-top: none; border-bottom: 1px solid var(--rad-headers-color); box-shadow: none; display: flex; justify-content: flex-end; padding: 16px 0 12px; position: relative; z-index: 4; } .AdminDashboardHeader h1 { -moz-box-flex: 1; -moz-flex-grow: 1; -ms-align-self: flex-end; -ms-flex-positive: 1; -webkit-align-self: flex-end; -webkit-box-flex: 1; -webkit-flex-grow: 1; align-self: flex-end; box-flex: 1; display: inline-block; flex-grow: 1; font-size: 36px; font-weight: bold; line-height: 1; max-width: 100%; min-width: 0; word-wrap: break-word; } .AdminDashboardHeader h1 a { color: inherit; }

/* Tabs */ .AdminDashboardTabs { bottom: 0; right: 0; top: auto; } .AdminDashboardTabs .tab { -ms-flex-align: center; -ms-flex-pack: center; -webkit-align-items: center; -webkit-appearance: none; align-items: center; border-radius: 0; box-sizing: content-box; display: inline-flex; font-size: 10px; font-weight: 600; justify-content: center; letter-spacing: 0.15px; line-height: 1.3em; min-height: 18px; padding: 7px 12px; text-decoration: none; text-transform: uppercase; vertical-align: top; background: transparent; border-bottom: 2px solid transparent; color: var(--rad-tabs-color); transition: .2s; } .AdminDashboardTabs .tab:hover { filter: brightness(80%); transition: .2s; } body.oasis-dark-theme .AdminDashboardTabs .tab:hover { filter: brightness(120%); transition: .2s; } .AdminDashboardTabs .tab.active { background: transparent; border-bottom: 2px solid var(--rad-tabs-color); color: var(--rad-tabs-color); }

/** Left column **/ .mw-special-AdminDashboard .WikiaArticle { border-bottom: none; border-right: none; box-shadow: none; } /* General tab */ .AdminDashboard .admin-dashboard-content .control-section header, .AdminDashboard .admin-dashboard-content .control-section .controls { background: transparent none; border: none; } .AdminDashboard .admin-dashboard-content .control-section header h1 { font-size: 16px; font-weight: bold; margin: 0; min-height: 30px; padding-left: 2px; border-bottom: 1px var(--rad-headers-color) solid; float: none; } .AdminDashboard .admin-dashboard-content .control-section .controls .control .representation, .AdminDashboard .admin-dashboard-content .control-section .controls .control:hover .representation, .AdminDashboard .admin-dashboard-content .control-section .controls .control:active .representation { background-image: none; box-shadow: none; border-radius: 50%; border: none; transition: .2s; } .dashboard-tooltip { display: none !important; }

/* Advanced tab */ .AdminDashboardGeneralHeader { background: none; border: none; box-shadow: none; }

/** Right column **/ .AdminDashboardRail h1 { font-size: 16px; font-weight: bold; margin-bottom: 16px; min-height: 30px; padding-left: 2px; border-bottom: 1px var(--rad-headers-color) solid; }

/* Founder progress widget */ background: none; border-color: #9e936e; }   border: none; }   text-decoration: none; }
 * 1) FounderProgressWidget .preview {
 * 1) FounderProgressWidget .preview header h1,
 * 2) FounderProgressWidget .preview .activities .activity {
 * 1) FounderProgressWidget .preview .activities .activity .description .actions .skip:hover,
 * 2) FounderProgressWidget .preview header .list-toggle:hover {

/* Minimalize dropdowns of Tasks */ .FounderProgressList .tasks .task .task-label { background-image: none; }

/* Quick stats widget */ .QuickStatsWidget .WikiaDataTable { background: none; border-color: transparent; } .QuickStatsWidget .WikiaDataTable th:first-child, .QuickStatsWidget .highlight-top, .QuickStatsWidget .WikiaDataTable thead th { font-weight: bold; text-transform: uppercase; font-size: 12px; } td.supplemental-info { text-align: center !important; font-size: 10px; font-weight: bold; text-transform: uppercase; } td.supplemental-info > a:hover { text-decoration: none; }

/*** Modernizing the Lightbox ***/ /* Making most links gray */ span.gc-caption > a { color: gray; } /* Reducing image height in pinned mode */ .LightboxModal.pinned-mode .media { height: 69%; } /* Blackout */ .blackout { background-color: #000000 !important; opacity: 0.8 !important; } /* Gallery Captions styling */ .gc-caption > .wikia-gallery-item-user:after { content: " |"; color: white; } .LightboxModal i:after { content: " |"; } .LightboxModal i { font-style: normal; } span.gc-caption { color: white; } /* Image title styling */ header.LightboxHeader > h1 > a { color: white; font-weight: bold; padding: 4px; margin-top: -4px !important; font-size: 24px; display: block; white-space: pre-line; } header.LightboxHeader > h1 > a:hover { color: #d5d4d4; text-decoration: none; transition: .3s; } /* Header styling */ .LightboxModal .LightboxHeader { background-image: linear-gradient(black,transparent); background-color: transparent !important; border: none !important; } /* Carousel styling */ background-image: linear-gradient(transparent,black); background-color: transparent !important; border: none !important; } .LightboxModal .LightboxCarousel .progress { color: transparent; font-size: 2px; } .LightboxModal .LightboxCarousel .progress b { color: white !important; font-size: 13px !important; } .LightboxModal .LightboxCarousel .progress b:first-child:after { content: " /"; } .LightboxModal .LightboxCarousel .content { padding: 0 20px; } button.wikia-chiclet-button img { background-color: white; } .LightboxModal .LightboxCarousel .carousel-arrow.disabled, .LightboxModal .LightboxCarousel .carousel-arrow.next, .LightboxModal .LightboxCarousel .carousel-arrow.previous { background-color: transparent; border-radius: 0; border: none; background-image: none; transform: scale(0.75); } .LightboxModal .LightboxCarousel .LightboxCarouselContainer li.more-items p { color: white !important; text-transform: uppercase; font-weight: bold; font-size: 10px !important; } .LightboxModal .LightboxCarousel .LightboxCarouselContainer li.more-items p:before { box-shadow: none !important; border-left: 2px solid #fff !important; } .LightboxModal .LightboxCarousel .LightboxCarouselContainer li.active { outline: none !important; box-shadow: #fff 0px 56px 0px 0px; } .LightboxModal .LightboxHeader { border-bottom: none !important; box-shadow: none !important; width: 1020px !important; } .LightboxModal .LightboxCarousel { border-top: none !important; box-shadow: none !important; width: 1000px; } .LightboxModal .LightboxCarousel .progress { color: white; } .LightboxModal .LightboxCarousel .carousel-arrow.next:after { border-left-color: white !important; } .LightboxModal .LightboxCarousel .carousel-arrow.previous:after { border-right-color: white !important; }   border: none !important; box-shadow: none !important; background-color: black !important; width: 1000px !important; height: 612px !important; top: 0 !important; position: fixed; transform: scale(0.9875); } @media only screen and (min-width: 1596px) { top: 75px !important; position: fixed; transform: scale(1.125); }} /* Replacing ugly loading throbber with a modern spinner (credit for icon: Speedit) */ .LightboxModal .wikiaThrobber { background: url('https://images.wikia.nocookie.net/speedit/images/a/a8/Spinner-white.svg') no-repeat center / 64px !important; animation: rotator .5s linear infinite; } /* Completing overhaul for buttons and arrows: converting buttons into icons and making the arrows and chevrons modern */ .LightboxModal .see-full-size-link:hover, .LightboxModal .LightboxHeader .more-info-button:hover::before, .LightboxModal .LightboxHeader .share-button:hover::before, .LightboxModal .LightboxHeader .close:hover, .LightboxModal .icon.pin:hover::after, .LightboxModal .LightboxCarousel .carousel-arrow.next:hover::after, .LightboxModal .LightboxCarousel .carousel-arrow.prev:hover::after, button.more-info-close.secondary:hover, button.article-add-button.secondary:hover { background-color: #d5d4d4; transition: .3s; }   outline: none; } header > button.close.wikia-chiclet-button { opacity: 1; } a.wikia-button.more-info-button.secondary, a.wikia-button.share-button.secondary { background-image: none; background-color: transparent; } .LightboxModal .LightboxHeader .more-info-button, .LightboxModal .LightboxHeader .share-button { background-image: none; border-radius: 0; background-color: transparent; text-transform: uppercase; font-weight: bold; font-size: x-small; padding: 7px 12px; color: white; border: none; text-indent: -9999999999999px; white-space: nowrap; } .LightboxModal .see-full-size-link { border: none !important; float: right; -webkit-mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-eye.svg); background-color: white; background-image: none; height: 24px !important; padding-left: 8px; mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-eye.svg); width: 12px !important; text-indent: -999999px; margin: 3px 0 } .LightboxModal .LightboxHeader .more-info-button:before { -webkit-mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-link.svg); background-color: white !important; background-image: none !important; height: 24px !important; padding-left: 8px; margin-top: -4px !important; mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-link.svg); width: 16px !important; } .LightboxModal .LightboxHeader .share-button:before { -webkit-mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-share.svg); background-color: white !important; background-image: none !important; height: 24px !important; padding-left: 8px; margin-left: -16px !important; margin-top: -4px !important; mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-share.svg); width: 16px !important; margin-right: 30px !important; } .LightboxModal .LightboxHeader .close { -webkit-mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-close.svg); background-color: white; background-image: none; height: 24px !important; margin-top: 4px !important; -webkit-mask-repeat: no-repeat; padding-right: 50px !important; mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-close.svg); width: 28px !important; } .LightboxModal .icon:after { -webkit-mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pin-small.svg); background-color: white !important; background-image: none !important; height: 18px !important; mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-pin-small.svg); width: 18px !important; } span.icon.pin.button.secondary { border: none; background-color: transparent !important; background-image: none !important; } .icon.pin.button.secondary.active { border: 3px solid white; } .span.icon.pin.button.secondary { background-color: white; } span.icon.pin.button.secondary:hover { background-color: #dfdfdf; border-color: #dfdfdf; transition: .3s; } .LightboxModal .lightbox-arrows span:after { -webkit-mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-menu-control.svg); background-color: white !important; background-image: none; height: 24px !important; mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-menu-control.svg); width: 24px !important; } .LightboxModal .LightboxCarousel .carousel-arrow.next:after { -webkit-mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-menu-control.svg); background-color: white !important; background-image: none; height: 24px !important; mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-menu-control.svg); width: 24px !important; -webkit-mask-repeat: no-repeat; transform: rotate(270deg); margin-top: 6px !important; margin-right: -18px !important; } .LightboxModal .LightboxCarousel .carousel-arrow.previous:after { -webkit-mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-menu-control.svg); background-color: white !important; background-image: none; height: 24px !important; mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-menu-control.svg); width: 24px !important; -webkit-mask-repeat: no-repeat; transform: rotate(90deg); margin-top: 15px !important; margin-left: -20px !important; } .LightboxModal .lightbox-arrows .next:after { transform: rotate(270deg); } .LightboxModal .lightbox-arrows .previous:after { transform: rotate(90deg); } /* Removing border and background color for the image in the share menu */ .LightboxModal .more-info .hero, .LightboxModal .share .hero { background: transparent !important; border: none !important; } /* Styling the image name in the share menu */ .LightboxModal .share h1 > a { color: white; margin-top: -48px; margin-left: -200px; display: block; font-weight: bold; } .LightboxModal .share h1 > a:hover { color: #d5d4d4; text-decoration: none; transition: .3s; } /* Redesigning icons on the share menu header */ button.more-info-close.secondary { -webkit-mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-arrow.svg); background-color: white; color: transparent; background-image: none; height: 24px; mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-arrow.svg); width: 24px; } .LightboxModal.more-info-mode > .close, .LightboxModal.share-mode > .close { outline: none; -webkit-mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-cross.svg); background-color: white; background-image: none; height: 24px !important; -webkit-mask-repeat: no-repeat; mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-cross.svg); width: 24px !important; } /* Redesigning inputboxes in the share menu */ .share-form, .bottom-forms > .more-links > .WikiaForm, color: white; } .WikiaForm .submits > input[type="submit"] { padding: 7px 12px; height: 35px; background-image: none !important; border-radius: 0 !important; text-transform: uppercase; font-size: 10px !important; font-weight: bold; color: currentColor; background-color: transparent; border-color: currentColor; margin-top: -6px; margin-left: 360px; }   margin-top: -44px; margin-left: -55px; } .WikiaForm .input-group.error, .WikiaForm .input-group.success { border-radius: 0; background-color: transparent; } .WikiaForm .input-group [type='text'], .WikiaForm .input-group [type='url'], .WikiaForm .input-group [type='password'], .WikiaForm .input-group [type='email'], .WikiaForm .input-group textarea { box-shadow: none; background-color: transparent; border: none; border-bottom: 1px solid currentColor; color: white; padding: 8px 8px 8px 0; } .WikiaForm .input-group [type='text']:focus, .WikiaForm .input-group [type='url']:focus, .WikiaForm .input-group [type='password']:focus, .WikiaForm .input-group [type='email']:focus, .WikiaForm .input-group textarea:focus { background-color: transparent; outline: none; } /* Making the share icons consistent to the FANDOM Design System */ .LightboxModal .share .content .social-links li a.facebook { -webkit-mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-facebook.svg); background-color: white; background-image: none; height: 24px !important; -webkit-mask-repeat: no-repeat; mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-facebook.svg); width: 24px !important; } .LightboxModal .share .content .social-links li a.twitter { -webkit-mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-twitter.svg); background-color: white; background-image: none; height: 24px !important; -webkit-mask-repeat: no-repeat; mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-twitter.svg); width: 24px !important; } .LightboxModal .share .content .social-links li a.reddit { -webkit-mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-reddit.svg); background-color: white; background-image: none; height: 24px !important; -webkit-mask-repeat: no-repeat; mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-reddit.svg); width: 24px !important; } .LightboxModal .share .content .social-links li a.plusone { -webkit-mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-googleplus.svg); background-color: white; background-image: none; height: 24px !important; -webkit-mask-repeat: no-repeat; mask-image: url(https://images.wikia.nocookie.net/extensions/wikia/DesignSystem/node_modules/design-system/dist/svg/wds-icons-googleplus.svg); width: 24px !important; } /* Styling the buttons of the share icons */ .LightboxModal .share .content .social-links li { background-color: #222; padding: 1em; border-radius: 50%; } /* Removing things: this includes link breaks, labels in buttons and a share link to stumbleupon */ .gc-caption > br, .user-details.caption, dev.lightbox-beforejs-blackout, .LightboxModal .more-info .more-info-close:before, .LightboxModal .more-info .share-close:before, .LightboxModal .share .more-info-close:before, .LightboxModal .share .share-close:before, .LightboxModal .share .content .social-links li a.stumbleupon, .LightboxModal .share .content .social-links li:nth-child(3):nth-last-child(3) { display: none; } /* Scaling the lightbox for Desktop XL (also, increasing opacity for the black color of the gradient) */ @media only screen and (min-width: 1596px) { }
 * 1) LightboxModal > section > div > header > div > span > span > a,
 * 1) LightboxCarousel {
 * 1) LightboxModal {
 * 1) LightboxModal {
 * 1) LightboxModal > section > div > header > button.close.wikia-chiclet-button {
 * 1) shareEmailForm.WikiaForm {
 * 1) shareEmailForm > .submits {
 * 1) LightboxModal > section > div > header > button.wikia-chiclet-button img,
 * 1) LightboxModal { transform: scale(1.25); }
 * 1) LightboxCarousel { background-image: linear-gradient(transparent,rgba(0,0,0,0.5)); }

/** * * @title           FandomizedTabs/tabbers.css * @description    Modernizes. * @author         JustLeafy * @author         Speedit * @license        CC-BY-SA 3.0 */ /** * @section        Tabber redesign * @element        .tabber */   border: none; }   display: flex; flex-flow: row nowrap; padding: 0; font-family: Rubik,"Helvetica Neue",Helvetica,Arial,sans-serif; overflow: auto; } /** * @section        Tab restyling * @element        .tabbernav li */ display: flex; }   background: initial; border-color: currentColor; border-width: 0 0 2px !important; color: inherit; font-size: 12px; font-weight: 700; line-height: 1em; margin: 0; padding: 13px 11px; text-align: center; text-transform: uppercase; transition: opacity 0.3s; white-space: nowrap; }   opacity: 0.25; }   opacity: 0.5; } /** **/
 * 1) mw-content-text .tabber div.tabbertab,
 * 2) mw-content-text .tabber ul.tabbernav {
 * 1) mw-content-text .tabber ul.tabbernav {
 * 1) mw-content-text .tabber ul.tabbernav li {
 * 1) mw-content-text .tabber ul.tabbernav li:not(.tabberactive) a,
 * 2) mw-content-text .tabber ul.tabbernav li.tabberactive a {
 * 1) mw-content-text .tabber ul.tabbernav li:not(.tabberactive) a {
 * 1) mw-content-text .tabber ul.tabbernav li:not(.tabberactive):hover a {

/** * * @title           FandomizedTabs/tabviews.css * @description    Modernizes. * @author         JustLeafy * @author         Speedit * @license        CC-BY-SA 3.0 */ /** * @section        Tabber redesign * @element        .tabs */   border: none; display: flex; flex-flow: row nowrap; padding: 0 0 0.4em; font-family: Rubik,"Helvetica Neue",Helvetica,Arial,sans-serif; overflow: auto; } /** * @section        Tab restyling * @element        .tabs li */ display: flex; }   background: initial; border-width: 0 0 2px !important; color: inherit; font-size: 12px; font-weight: 700; line-height: 1em; margin: 0; padding: 13px 11px; position: static; text-align: center; text-decoration: none; text-transform: uppercase; transition: opacity 0.3s; white-space: nowrap; }   border-color: transparent; opacity: 0.25; }   border-color: currentColor; }   opacity: 0.5; } /** **/
 * 1) mw-content-text .tabs {
 * 1) mw-content-text .tabs li {
 * 1) mw-content-text .tabs li:not(.selected) a,
 * 2) mw-content-text .tabs li.selected a {
 * 1) mw-content-text .tabs li:not(.selected) a {
 * 1) mw-content-text .tabs li.selected a {
 * 1) mw-content-text .tabs li:not(.selected):hover a {

div.ajax-poll { --mp-question-text: currentColor; --mp-answers-text: currentColor; --mp-votes-background: rgba(0, 0, 0 ,.2); --mp-votes-bar: currentColor; --mp-votes-bar-blend: normal; } div.ajax-poll { margin: 0; padding: 0; border: none !important; } div.ajax-poll div.header { color: var(--mp-question-text); } .pollAnswer + .pollAnswer { margin-top: 8px; } .pollAnswerName, .pollAnswerVotes { margin-left: 0; padding-left: 0; font-size: .85em !important; line-height: 2.5em; color: var(--mp-answers-text); } .pollAnswerName input { margin-right: 8px; } .pollAnswerVotes { height: 3px !important; background: var(--mp-votes-background); border: none !important; } .pollAnswerVotes span { top: auto !important; bottom: 100%; left: auto !important; right: 1em; } .pollAnswerVotes div { height: 3px !important; background: var(--mp-votes-bar) !important; mix-blend-mode: var(--mp-votes-bar-blend); } .ajax-poll form div:last-child { font-size: .7em; } .ajax-poll form input[type="submit"] { width: 100%; box-sizing: border-box; height: auto; padding: 7px 18px; background-image: none !important; border-radius: 3px !important; font-size: 12px !important; letter-spacing: .15px; font-weight: bold; text-transform: uppercase; }

.WikiaNotifications li div { box-shadow: none; background-image: none; max-width: 200px; padding: 16px; border-radius: 0; } .WikiaNotifications li div a { font-weight: bold; } .WikiaNotifications li div a:hover { filter: brightness(85%); transition: .3s; }

input#article-comm-submit { padding: 0 12px; height: 35px; font-size: 10px; font-weight: bold; text-transform: uppercase; border-radius: 3 !important; background-image: none !important; }

/* EditorSourceMinimal stylesheet */ /** Description: minimalist source editor customisation **/ /** Edit header customisation **/ .skin-oasis .EditPageHeader { box-shadow: none; padding: 5px 5px 5px 20px; } .skin-oasis .EditPageRail, .skin-oasis .EditPageToolbar, .skin-oasis .EditPage .module { box-shadow: none; } .skin-oasis .NotificationsLink, .skin-oasis .HelpLink { padding-bottom: 5px; } .skin-oasis .EditPage .module > .module_content, .skin-oasis .EditPageMainContainer .EditPageToolbar, .skin-oasis .EditPage .module > h3, .skin-oasis .EditPage .cke_button > a:hover { background-image: none; } .skin-oasis .editpage-sourcewidemode .editpage-widemode-trigger { border: none; } /** Edit toolbar customisation **/ .skin-oasis .EditPage.mode-source .cke_toolbar_source { width: auto; display: inline-block !important; border-radius: 1px; margin: 8px 6px; padding: 1px; border: 1px hsla(0, 0%, 0%, 0.2) solid; } .skin-oasis .EditPage.mode-source .mw-toolbar-editbutton { border-right: 1px hsla(0, 0%, 0%, 0.2) solid; background-position: center; background-repeat: no-repeat; padding: 0 2px; } .skin-oasis.oasis-dark-theme .EditPage.mode-source .cke_toolbar_source, .skin-oasis.oasis-dark-theme .EditPage.mode-source .mw-toolbar-editbutton { border-color: hsla(0, 0%, 100%, 0.2); } /** Minimal buttons **/ .skin-oasis.editor .EditPage a.wikia-button, .skin-oasis.editor .EditPage .wikia-single-button a, .skin-oasis.editor .EditPage .wikia-menu-button, .skin-oasis.editor .EditPage .wikia-menu-button a, .skin-oasis.editor .EditPage .wikia-menu-button span, .skin-oasis.editor .EditPage input[type="submit"], .skin-oasis.editor .EditPage input[type="reset"], .skin-oasis.editor .EditPage input[type="button"], .skin-oasis.editor .EditPage .button, .skin-oasis.editor .EditPage .EditPageRail button, .skin-oasis.editor .EditPage .ace_replacebtn, .skin-oasis.editor > .modalWrapper .modalToolbar .wikia-button { background-image: none; } .skin-oasis.editor .ace_searchbtn_close { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAcCAYAAABRVo5BAAAAZ0lEQVR42u2SUQrAMAhDvazn8OjZBilCkYVVxiis8H4CT0VrAJb4WHT3C5xU2a2IQZXJjiQIRMdkEoJ5Q2yMqpfDIo+XY4k6h+YXOyKqTIj5REaxloNAd0xiKmAtsTHqW8sR2W5f7gCu5nWFUpVjZwAAAABJRU5ErkJggg=='); } /** Individual button customization **/ .skin-oasis #mw-editbutton-bold, .skin-oasis.editor #WikiaPhotoGalleryEditor #WikiaPhotoGalleryEditorCaptionToolbar img:first-child { background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/bold-b.svg'); } .skin-oasis #mw-editbutton-italic, .skin-oasis.editor #WikiaPhotoGalleryEditor #WikiaPhotoGalleryEditorCaptionToolbar img:nth-child(2) { background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/italic-i.svg'); } .skin-oasis #mw-editbutton-link, .skin-oasis.editor #WikiaPhotoGalleryEditor #WikiaPhotoGalleryEditorCaptionToolbar img:last-child { background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor./../../resources/lib/oojs-ui/themes/apex/images/icons/link.svg'); } .skin-oasis #mw-editbutton-extlink { background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/modules/ve-mw/ui/styles/images/icons/source.svg'); } .skin-oasis #mw-editbutton-headline { background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/text-style.svg'); } .skin-oasis #mw-editbutton-image { background-image: url('https://images.wikia.nocookie.net/speedit/images/6/6c/Image.svg'); background-size: 16px; } .skin-oasis #mw-editbutton-media { background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/wikia/modules/ve/ui/styles/images/icons/video.svg'); } .skin-oasis #mw-editbutton-math { background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/superscript.svg'); background-size: 32px; } .skin-oasis #mw-editbutton-nowiki { background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor./../../resources/lib/oojs-ui/themes/apex/images/icons/clear.svg'); } .skin-oasis #mw-editbutton-signature { background-image: url('https://images.wikia.nocookie.net/speedit/images/7/77/Signature.svg'); background-size: 20px; } .skin-oasis #mw-editbutton-hr { background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor./../../resources/lib/oojs-ui/themes/apex/images/icons/window.svg'); } .skin-oasis #mw-editbutton-wmu { background-image: url('https://images.wikia.nocookie.net/speedit/images/e/e3/Photo.svg'); background-size: 18px; } .skin-oasis #mw-editbutton-wpg { background-image: url('https://images.wikia.nocookie.net/speedit/images/4/4a/Gallery.svg'); background-size: 18px; } .skin-oasis #mw-editbutton-vet { background-image: url('https://images.wikia.nocookie.net/speedit/images/0/0e/Video.svg'); background-size: 16px; } .skin-oasis.oasis-dark-theme #mw-editbutton-bold, .skin-oasis.editor.oasis-dark-theme #WikiaPhotoGalleryEditor #WikiaPhotoGalleryEditorCaptionToolbar img:first-child { background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/bold-b-white.svg'); } .skin-oasis.oasis-dark-theme #mw-editbutton-italic, .skin-oasis.editor.oasis-dark-theme #WikiaPhotoGalleryEditor #WikiaPhotoGalleryEditorCaptionToolbar img:nth-child(2) { background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/italic-i-white.svg'); } .skin-oasis.oasis-dark-theme #mw-editbutton-link, .skin-oasis.editor.oasis-dark-theme #WikiaPhotoGalleryEditor #WikiaPhotoGalleryEditorCaptionToolbar img:last-child { background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor./../../resources/lib/oojs-ui/themes/apex/images/icons/link-white.svg'); } .skin-oasis.oasis-dark-theme #mw-editbutton-extlink { background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/modules/ve-mw/ui/styles/images/icons/source-white.svg'); } .skin-oasis.oasis-dark-theme #mw-editbutton-headline { background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/text-style-white.svg'); } .skin-oasis.oasis-dark-theme #mw-editbutton-image { background-image: url('https://images.wikia.nocookie.net/speedit/images/c/cf/Image-white.svg'); } .skin-oasis.oasis-dark-theme #mw-editbutton-media { background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/wikia/modules/ve/ui/styles/images/icons/video-white.svg'); } .skin-oasis.oasis-dark-theme #mw-editbutton-math { background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/superscript-white.svg'); } .skin-oasis.oasis-dark-theme #mw-editbutton-nowiki { background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor./../../resources/lib/oojs-ui/themes/apex/images/icons/clear-white.svg'); } .skin-oasis.oasis-dark-theme #mw-editbutton-signature { background-image: url('https://images.wikia.nocookie.net/speedit/images/f/ff/Signature-white.svg'); } .skin-oasis.oasis-dark-theme #mw-editbutton-hr { background-image: url('https://images.wikia.nocookie.net/common/extensions/VisualEditor./../../resources/lib/oojs-ui/themes/apex/images/icons/window-white.svg'); } .skin-oasis.oasis-dark-theme #mw-editbutton-wmu { background-image: url('https://images.wikia.nocookie.net/speedit/images/a/a1/Photo-white.svg'); } .skin-oasis.oasis-dark-theme #mw-editbutton-wpg { background-image: url('https://images.wikia.nocookie.net/speedit/images/2/2a/Gallery-white.svg'); } .skin-oasis.oasis-dark-theme #mw-editbutton-vet { background-image: url('https://images.wikia.nocookie.net/speedit/images/b/b9/Video-white.svg'); } .skin-oasis .EditPage.mode-source .cke_toolbar_source .cke_toolbar_expand { margin: 0 10px 2px; } /** Toolbar scaling **/ @media only screen and (max-width: 1083px) { .skin-oasis .EditPage.mode-source .cke_toolbar_source { width: 328px; padding: 4px 2px; margin: 4px; }   .skin-oasis .EditPage.mode-source .mw-toolbar-editbutton { border: none; }   .skin-oasis .EditPage.mode-source .mw-toolbar-editbutton:last-of-type { margin-right: 8px; }   .skin-oasis .EditPage.mode-source .cke_toolbar_source .cke_toolbar_expand { border-left: 1px solid hsla(0, 0%, 0%, 0.2); height: 22px; margin: 0; padding: 0 8px; position: relative; top: 3px; }   .skin-oasis.oasis-dark-theme .EditPage.mode-source .cke_toolbar_source .cke_toolbar_expand { border-left: 1px solid hsla(0,0%,100%,0.2); }   .skin-oasis .EditPage.mode-source .cke_toolbar_expand .expand { top: -3px; } } /** Editor rail styling **/ .skin-oasis.editor #EditPageRail { border-left: 1px hsla(0, 0%, 0%, 0.2) solid; } .skin-oasis.editor.oasis-dark-theme #EditPageRail { border-left: 1px hsla(0, 0%, 100%, 0.2) solid; } .skin-oasis.editor #EditPageRail .module > h3 { border-bottom: 1px hsla(0, 0%, 0%, 0.1) solid; } .skin-oasis.editor.oasis-dark-theme #EditPageRail .module > h3 { border-bottom: 1px hsla(0, 0%, 100%, 0.1) solid; } .skin-oasis #EditPageRail .cke_button > a, .skin-oasis #EditPageRail .module_page_controls #wpSummary, .skin-oasis #EditPageRail .CategorySelect.editPage .categories, .skin-oasis #EditPageRail .CategorySelect.editPage .input { border-radius: 0; } .skin-oasis.editor #EditPageRail .rail-auto-height::-webkit-scrollbar { width: 10px; height: 10px; } .skin-oasis.editor #EditPageRail .rail-auto-height::-webkit-scrollbar-thumb { height: 6px; border: 2px solid transparent; background-clip: padding-box; border-radius: 7px; background-color: hsla(0, 0%, 50%, 0.3); box-shadow: inset -1px -1px 0 hsla(0, 0%, 50%, 0.1), inset 1px 1px 0px hsla(0, 0%, 50%, 0.1); } .skin-oasis.editor #EditPageRail .module .cke_button.cke_button_big .cke_icon { background-position: center; background-repeat: no-repeat; background-size: 24px; } .skin-oasis.editor #EditPageRail .module_categories .sprite-small { background-size: 12px; background-position: 0; } .skin-oasis.editor #EditPageRail .module_insert .RTEImageButton.cke_button_big .cke_icon { background-image: url('https://images.wikia.nocookie.net/speedit/images/e/e3/Photo.svg'); } .skin-oasis.editor #EditPageRail .module_insert .RTEGalleryButton.cke_button_big .cke_icon { background-image: url('https://images.wikia.nocookie.net/speedit/images/4/4a/Gallery.svg'); } .skin-oasis.editor #EditPageRail .module_insert .RTESlideshowButton.cke_button_big .cke_icon { background-image: url('https://images.wikia.nocookie.net/speedit/images/a/a3/Slideshow.svg'); } .skin-oasis.editor #EditPageRail .module_insert .RTESliderButton.cke_button_big .cke_icon { background-image: url('https://images.wikia.nocookie.net/speedit/images/3/32/Slider.svg'); } .skin-oasis.editor #EditPageRail .module_insert .RTEVideoButton.cke_button_big .cke_icon { background-image: url('https://images.wikia.nocookie.net/speedit/images/7/7f/Video-library.svg'); } .skin-oasis.editor #EditPageRail .module_categories .sprite-small.edit { background-image: url('https://images.wikia.nocookie.net/speedit/images/6/68/Pencil.svg'); } .skin-oasis.editor #EditPageRail .module_categories .sprite-small.delete { background-image: url('https://images.wikia.nocookie.net/speedit/images/b/b3/Trash.svg'); } .skin-oasis.editor #EditPageRail .module_templates .cke_button_big .cke_icon { background-image: url('https://images.wikia.nocookie.net/speedit/images/6/6f/Template.svg'); } .skin-oasis.editor.oasis-dark-theme #EditPageRail .module_insert .RTEImageButton.cke_button_big .cke_icon { background-image: url('https://images.wikia.nocookie.net/speedit/images/a/a1/Photo-white.svg'); } .skin-oasis.editor.oasis-dark-theme #EditPageRail .module_insert .RTEGalleryButton.cke_button_big .cke_icon { background-image: url('https://images.wikia.nocookie.net/speedit/images/2/2a/Gallery-white.svg'); } .skin-oasis.editor.oasis-dark-theme #EditPageRail .module_insert .RTESlideshowButton.cke_button_big .cke_icon { background-image: url('https://images.wikia.nocookie.net/speedit/images/6/6d/Slideshow-white.svg'); } .skin-oasis.editor.oasis-dark-theme #EditPageRail .module_insert .RTESliderButton.cke_button_big .cke_icon { background-image: url('https://images.wikia.nocookie.net/speedit/images/8/89/Slider-white.svg'); } .skin-oasis.editor.oasis-dark-theme #EditPageRail .module_insert .RTEVideoButton.cke_button_big .cke_icon { background-image: url('https://images.wikia.nocookie.net/speedit/images/4/4d/Video-library-white.svg'); } .skin-oasis.editor.oasis-dark-theme #EditPageRail .module_categories .sprite-small.edit { background-image: url('https://images.wikia.nocookie.net/speedit/images/7/70/Pencil-white.svg'); } .skin-oasis.editor.oasis-dark-theme #EditPageRail .module_categories .sprite-small.delete { background-image: url('https://images.wikia.nocookie.net/speedit/images/5/53/Trash-white.svg'); } .skin-oasis.editor.oasis-dark-theme #EditPageRail .module_templates .cke_button_big .cke_icon { background-image: url('https://images.wikia.nocookie.net/speedit/images/f/f5/Template-white.svg'); } .skin-oasis.editor #EditPageRail .module .cke_button.cke_button_big .cke_label { font-size: 8px; line-height: 1.5em; font-weight: bold; text-transform: uppercase; text-overflow: ellipsis; } /** Modal styling **/ .skin-oasis.editor > .modalWrapper { border: none; box-shadow: 0 10px 60px 0 #333; } .skin-oasis.editor > .blackout { background: #000; } .skin-oasis.editor > .modalWrapper > h1 { color: inherit; margin: 0 !important; padding: 9px 20px; font-size: 17px; font-weight: bold; line-height: 1.5em; } .skin-oasis.editor > .modalWrapper > h1:before { content: ''; background-color: hsla(0, 0%, 50%, 0.2); position: absolute; top: 0; left: 0; height: 43px; width: 100%; } .skin-oasis.editor > .modalWrapper > .wikia-chiclet-button.close { position: absolute; margin: 11px 11px 0 0; right: 0; background: none; } .skin-oasis.editor:not(.oasis-dark-theme) > .modalWrapper > .wikia-chiclet-button.close { filter: invert(1) hue-rotate(180deg); } .skin-oasis.editor > .modalWrapper .modalToolbar { background-color: hsla(0, 0%, 50%, 0.2); margin: 0 !important; display: flex !important; justify-content: flex-end; float: none !important; position: relative; min-height: 44px; top: 20px; left: -20px; right: -20px; width: calc(100% + 40px); } .skin-oasis.editor > .modalWrapper .modalToolbar .wikia-button { margin: 11px 10px 0 0 !important; } .skin-oasis.editor.oasis-dark-theme #WMU_divWrapper #ImageUploadInputTable td, .skin-oasis.editor.oasis-dark-theme #WikiaPhotoGalleryEditor .WikiaPhotoGalleryEditorPageInner h1, .skin-oasis.editor.oasis-dark-theme #WikiaPhotoGalleryEditor .WikiaPhotoGalleryEditorPageInner .preview { border-color: hsla(0, 0%, 100%, 0.2); } html[lang='de'] .skin-oasis.editor > #WMU_divWrapper.modalWrapper > h1:after { content: 'Bild hinzufügen'; } html[lang='es'] .skin-oasis.editor > #WMU_divWrapper.modalWrapper > h1:after { content: 'Agregar una foto'; } html[lang='fr'] .skin-oasis.editor > #WMU_divWrapper.modalWrapper > h1:after { content: 'Ajouter une image'; } html[lang='it'] .skin-oasis.editor > #WMU_divWrapper.modalWrapper > h1:after { content: 'Aggiungi un\'immagine'; } html[lang='ja'] .skin-oasis.editor > #WMU_divWrapper.modalWrapper > h1:after { content: '画像を追加'; } html[lang='pl'] .skin-oasis.editor > #WMU_divWrapper.modalWrapper > h1:after { content: 'Dodaj obraz'; } html[lang='pt-BR'] .skin-oasis.editor > #WMU_divWrapper.modalWrapper > h1:after { content: 'Adicionar uma foto'; } html[lang='ru'] .skin-oasis.editor > #WMU_divWrapper.modalWrapper > h1:after { content: 'Добавить фотографию'; } html[lang='zh'] .skin-oasis.editor > #WMU_divWrapper.modalWrapper > h1:after { content: '添加一个照片'; } html[lang='zh-TW'] .skin-oasis.editor > #WMU_divWrapper.modalWrapper > h1:after { content: '新增圖片'; } .skin-oasis.editor > #WMU_divWrapper.modalWrapper > h1:after { content: 'Add a photo'; } .skin-oasis.editor #WMU_divWrapper #ImageUpload h1 { color: inherit; } .skin-oasis.editor > #EditPageDialog > form > .tooltip-icon { transform: translateY(-1px); } .skin-oasis.editor > #EditPageDialog.modalWrapper > form { margin-top: 11px; } .skin-oasis.editor > #EditPageDialog.modalWrapper .modalContent { padding-top: 20px; }

.skin-oasis.editor #WikiaPhotoGalleryEditor .preview .WikiaPhotoGalleryPreviewItemPlaceholder .image { background-image: url('https://images.wikia.nocookie.net/speedit/images/e/e3/Photo.svg') !important; background-size: 40%; opacity: 0.2; } .skin-oasis.editor.oasis-dark-theme #WikiaPhotoGalleryEditor .preview .WikiaPhotoGalleryPreviewItemPlaceholder .image { background-image: url('https://images.wikia.nocookie.net/speedit/images/a/a1/Photo-white.svg') !important; } .skin-oasis.editor #WikiaPhotoGalleryEditor #WikiaPhotoGalleryEditorCaptionToolbar { top: 1px; right: 8px; } .skin-oasis.editor #WikiaPhotoGalleryEditor #WikiaPhotoGalleryEditorCaptionToolbar img { box-sizing: border-box; padding-top: 22px; } .skin-oasis.editor #WikiaPhotoGalleryEditor #WikiaPhotoGalleryLink, .skin-oasis.editor #WikiaPhotoGalleryEditor #WikiaPhotoGalleryEditorCaption { line-height: 1.5em; background: none; color: inherit; border: 1px solid currentColor; border-radius: 1px; } .skin-oasis.editor #WikiaPhotoGalleryEditor #WikiaPhotoGallerySlideshowRecentUploads, .skin-oasis.editor #WikiaPhotoGalleryEditor #WikiaPhotoGallerySlideshowEditorCheckboxes label { display: inline; vertical-align: middle; }

/** VisualEditor main interface styling **/ .skin-oasis.ve .WikiaMainContent { box-shadow: none; z-index: 1; } /*** code from w:c:dev:Kill_visual_editor_focus ***/ .skin-oasis.ve .WikiaArticle { padding: 0; } .skin-oasis.ve .oo-ui-toolbar-bar, .skin-oasis.ve .oo-ui-tool-active.oo-ui-widget-enabled, .skin-oasis.ve .oo-ui-popupToolGroup-active, .skin-oasis.ve .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { background-image: none !important; } .skin-oasis.ve .ve-ui-overlay .oo-ui-popupWidget-popup, .skin-oasis.ve .oo-ui-toolbar .oo-ui-toolGroup, .skin-oasis.ve .oo-ui-toolbar .oo-ui-barToolGroup .oo-ui-tool:first-child, .skin-oasis.ve .oo-ui-toolbar .oo-ui-barToolGroup .oo-ui-tool:last-child { border-radius: 0; } .skin-oasis.ve .oo-ui-toolbar .ve-init-mw-viewPageTarget-toolbar-actions { padding: 8px 0; } .skin-oasis.ve .oo-ui-toolbar .ve-init-mw-viewPageTarget-toolbar-actions .oo-ui-buttonWidget { margin-top: 0; } /** VisualEditor button styling **/ .skin-oasis.ve .oo-ui-buttonElement-framed .oo-ui-buttonElement-button { background-image: none !important; border-radius: 0; font-weight: bold; font-size: x-small; padding: 2px 12px; text-transform: uppercase; transition: background 0.3s; } .skin-oasis.ve .oo-ui-buttonElement-button > .oo-ui-labelElement-label { vertical-align: baseline; } .skin-oasis.ve .oo-ui-buttonElement-framed .oo-ui-buttonElement-button.secondary { background: transparent; border-radius: 0; border-color: currentColor; transition: opacity 0.3s; } .skin-oasis.ve .oo-ui-buttonElement-framed .oo-ui-buttonElement-button.secondary:hover { opacity: 0.8; } /** VisualEditor general modal styling **/ .skin-oasis.ve .oo-ui-windowManager-modal > .oo-ui-dialog { background: hsla(0, 0%, 0%, 0.5); } .skin-oasis.ve .oo-ui-window-frame { border-radius: 0 !important; height: 90vh !important; } .skin-oasis.ve .oo-ui-window .oo-ui-window-frame, .skin-oasis.ve .oo-ui-window .oo-ui-window-body { border: none; box-shadow: none; } .skin-oasis.ve .oo-ui-window .oo-ui-window-body { border-top: 1px hsla(0, 0%, 0%, 0.2) solid; } .skin-oasis.ve.oasis-dark-theme .oo-ui-window .oo-ui-window-body { border-top: 1px hsla(0, 0%, 100%, 0.2) solid; } .skin-oasis.ve .oo-ui-window .oo-ui-window-head { background-color: hsla(0, 0%, 50%, 0.2); display: flex; flex-direction: row-reverse; font-size: 17px; font-weight: bold; height: auto; justify-content: space-between; line-height: 1em; padding: 13px 20px; align-items: center; } .skin-oasis.ve .oo-ui-window .oo-ui-processDialog-location, .skin-oasis.ve .oo-ui-window .oo-ui-processDialog-navigation { height: auto; padding: 0 !important; } .skin-oasis.ve .oo-ui-window .oo-ui-window-head .oo-ui-iconElement-icon { height: 17px; width: 17px; } .skin-oasis.ve .oo-ui-window .oo-ui-window-head .oo-ui-window-closeButton { display: flex; margin: 0; } .skin-oasis.ve .oo-ui-window .oo-ui-window-head .oo-ui-processDialog-navigation { display: flex; } .skin-oasis.ve .oo-ui-window .oo-ui-window-head .oo-ui-processDialog-title { line-height: 1em; } /** VisualEditor modal element styling **/ .skin-oasis.ve .oo-ui-window:not(.oo-ui-window-ready) .oo-ui-window-inner-overlay { background-color: hsla(0,0%,0%,0.5); height: 100%; position: absolute; width: 100%; } .skin-oasis.ve.oasis-dark-theme .oo-ui-window .ve-ui-surfaceWidget-toolbar > .oo-ui-toolbar-bar, .skin-oasis.ve.oasis-dark-theme .ve-ui-surfaceWidget .ve-ui-surfaceWidget-surface { border-color: hsla(0,0%,100%,0.2); } .skin-oasis.ve .oo-ui-window .oo-ui-inputWidget { padding: 0; } .skin-oasis.ve .oo-ui-window .oo-ui-inputWidget input, .skin-oasis.ve .oo-ui-window .oo-ui-inputWidget textarea { border-radius: 0; } .skin-oasis.ve .oo-ui-window .oo-ui-inputWidget textarea { background: hsla(0, 0%, 0%, 0.05); border: none; box-shadow: none; } .skin-oasis.ve .ve-ui-wikiaSourceModeDialog-content .oo-ui-window-body .oo-ui-textInputWidget textarea { padding: 15px; } .skin-oasis.ve.oasis-dark-theme .oo-ui-window .oo-ui-textInputWidget textarea { background: hsla(0, 0%, 0%, 0.05); } .skin-oasis.ve .oo-ui-window .oo-ui-bookletLayout-outlinePanel { border-right: 1px solid hsla(0,0%,0%,0.2); } .skin-oasis.ve.oasis-dark-theme .oo-ui-window .oo-ui-bookletLayout-outlinePanel { border-right: 1px solid hsla(0,0%,100%,0.2); } /** VisualEditor options modal styling **/ .skin-oasis.ve .oo-ui-window-setup .oo-ui-window-foot { border-top: 1px solid hsla(0,0%,0%,0.2); } .skin-oasis.ve.oasis-dark-theme .oo-ui-window-setup .oo-ui-window-foot { border-top: 1px solid hsla(0,0%,100%,0.2); } .skin-oasis.ve .oo-ui-fieldLayout-disabled .oo-ui-labelElement-label { color: inherit; opacity: 0.5; } .skin-oasis.ve .oo-ui-window .ve-ui-mwLanguagesPage-languages-table { border-collapse: separate; border-spacing: 0 1px; } .skin-oasis.ve .oo-ui-window .ve-ui-mwLanguagesPage-languages-table tr td, .skin-oasis.ve .oo-ui-window .ve-ui-mwLanguagesPage-languages-table tr th { border: none; } .skin-oasis.ve .oo-ui-window .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { background: hsla(0, 0%, 0%, 0.03); } .skin-oasis.ve .oo-ui-window .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { background: hsla(0, 0%, 0%, 0.06); } .skin-oasis.ve.oasis-dark-theme .oo-ui-window-body .ve-ui-mwLanguagesPage-languages-table tr:nth-child(even) td { background: hsla(0, 0%, 100%, 0.03); } .skin-oasis.ve.oasis-dark-theme .oo-ui-window-body .ve-ui-mwLanguagesPage-languages-table tr:nth-child(odd) td { background: hsla(0, 0%, 100%, 0.06); }