User:JustLeafy/modernwikia.css

/** Admin Dashboard **/ .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; 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; } /** 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; } .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: 0; border: none; } .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 #ccc solid; } /* Founder progress widget */ background: none; border-color: transparent; }   text-decoration: 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; } /* Minimalize dropdowns of Tasks */ .FounderProgressList .tasks .task .task-label { background-image: none; } /* Some layout redesigning for the left column */ .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 { border-radius: 50%; } .AdminDashboard .admin-dashboard-content .control-section header h1 { border-bottom: 1px #ccc solid; float: none; }
 * 1) FounderProgressWidget .preview {
 * 1) FounderProgressWidget .preview header h1,
 * 2) FounderProgressWidget .preview .activities .activity { border: none }
 * 1) FounderProgressWidget .preview .activities .activity .description .actions .skip:hover,
 * 2) FounderProgressWidget .preview header .list-toggle:hover {

/* Modernizing the File Viewer */ header.LightboxHeader > h1 > a, div.user-details.caption > a { color: gray; } .LightboxModal .LightboxHeader .more-info-button, .LightboxModal .LightboxHeader .share-button { background-image: none; border-radius: 0; border-color: white; background-color: transparent; text-transform: uppercase; font-weight: bold; font-size: x-small; padding: 7px 12px; color: white; } a.wikia-button.more-info-button.secondary, a.wikia-button.share-button.secondary { background-image: none; background-color: transparent; } button.wikia-chiclet-button img { background-color: white; } .LightboxModal .see-full-size-link { margin-left: 448px; border-left: none; padding: 6px 12px; border-left: 1px white solid; border: 1px white solid; text-transform: uppercase; font-weight: bold; color: white; font-size: x-small !important; text-decoration: none; float: right; } a.see-full-size-link:hover, .LightboxModal .LightboxHeader .more-info-button:hover, .LightboxModal .LightboxHeader .share-button:hover { transition-duration: .3s; border-color: #bbbbbb !important; color: #bbbbbb !important; background-color: transparent; background-image: none; } .LightboxModal .user-details .avatar { border: 2px #cccccc solid; border-radius: 50% !important; } .LightboxModal .LightboxHeader .user-details { color: #fff; } .LightboxModal .LightboxCarousel .carousel-arrow.disabled, .LightboxModal .LightboxCarousel .carousel-arrow.next, .LightboxModal .LightboxCarousel .carousel-arrow.previous { background-color: transparent; border-radius: 0; border: 1px white solid; background-image: none; } .LightboxModal .LightboxCarousel .LightboxCarouselContainer li.more-items p { color: black; text-transform: uppercase; font-weight: bold; font-size: 9px; } .LightboxModal .LightboxCarousel .LightboxCarouselContainer li.active { outline: none !important; border-bottom: 2px white solid; } .LightboxModal .LightboxHeader .more-info-button:before, .LightboxModal .LightboxHeader .share-button:before { display: none; } .LightboxModal .LightboxHeader { border-bottom: none !important; box-shadow: none !important; width: 1000px !important; } .LightboxModal .LightboxCarousel { border-top: none !important; box-shadow: none !important; width: 1000px; } .blackout { background-color: #000000 !important; opacity: 0.8 !important; } .LightboxModal .LightboxHeader, .LightboxModal .LightboxCarousel { background-color: rgba(0,0,0,0.75) !important; } .LightboxModal .LightboxCarousel .progress { color: white; } span.posted-in, .LightboxModal .LightboxHeader .user-details { font-weight: bold; text-transform: uppercase; font-size: 10px; } header.LightboxHeader > h1 > a:hover, .LightboxModal .LightboxHeader .user-details > a:hover, span.posted-in-article > a:hover { filter: brightness(115%); text-decoration: none; transition: .3s; } .LightboxModal .LightboxHeader .more-info-button:before, .LightboxModal .LightboxHeader .share-button:before { display: none !important; } .span.icon.pin.button.secondary { background-color: white; } span.icon.pin.button.secondary:hover { background-color: #dfdfdf; border-color: #dfdfdf; transition: .3s; } .LightboxModal .LightboxCarousel .carousel-arrow.next:after { border-left-color: white !important; } .LightboxModal .LightboxCarousel .carousel-arrow.previous:after { border-right-color: white !important; } section#LightboxModal { border: none !important; box-shadow: none !important; background-color: black !important; width: 1000px !important; height: 612px !important; } .LightboxModal .LightboxHeader .close { background: url('https://vignette.wikia.nocookie.net/justleafy/images/8/80/XIcon.png/revision/latest?cb=20171119191050') no-repeat !important; height: 30px; width: 30px; }   display: none; }   outline: none; } header > button.close.wikia-chiclet-button { opacity: 1; }
 * 1) LightboxModal > section > div > header > div > span > span > a,
 * 1) LightboxModal > section > div > header > button.wikia-chiclet-button img {
 * 1) LightboxModal > section > div > header > button.close.wikia-chiclet-button {

/** Modernizing the Masthead **/ /* 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; line-height: 50px; text-align: center; text-transform: uppercase; flex: 1 auto; margin: 0; transition: filter 0.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 } /* Animacje przycisków "edytuj" */ content: url("data:image/svg+xml; utf8,  "); margin-right: 5px } .page-bright #userIdentityBoxEdit::before, .page-bright #userAvatarEdit::before { content: url("data:image/svg+xml; utf8,  ") }   vertical-align: top; text-transform: uppercase; font-weight: bold } .UserProfileMasthead .user-identity-box-edit #wds-icons-pencil, .UserProfileMasthead .avatar-controls .edit-pencil { display: none } .UserProfileMasthead .masthead-info .user-identity-box-edit { display: block; transition: opacity 0.15s ease-out; opacity: 0 } .UserProfileMasthead .masthead-avatar span { text-align: center; float: left; width: 100% } .UserProfileMasthead .masthead-avatar .avatar-controls { display: block; transition: opacity 0.15s ease-out; opacity: 0; float: left; width: 100%; margin-top: 5px } .UserProfileMasthead .masthead-info:hover .user-identity-box-edit, .UserProfileMasthead .masthead-avatar:hover .avatar-controls { display: block; opacity: 1 }
 * 1) userIdentityBoxEdit::before, #userAvatarEdit::before {
 * 1) userIdentityBoxEdit, #userAvatarEdit {

/* Editor Source Minimal */ /**************************** 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 a.wikia-button, .skin-oasis.editor .wikia-single-button a, .skin-oasis.editor .wikia-menu-button, .skin-oasis.editor .wikia-menu-button a, .skin-oasis.editor .wikia-menu-button span, .skin-oasis.editor input[type="submit"], .skin-oasis.editor input[type="reset"], .skin-oasis.editor input[type="button"], .skin-oasis.editor .button, .skin-oasis.editor button { background-image: none !important; } /************************* individual button customization *************************/ .skin-oasis #mw-editbutton-bold, .skin-oasis.editor #WikiaPhotoGalleryEditor #WikiaPhotoGalleryEditorCaptionToolbar img:first-child { background-image: url('//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('//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('//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('//images.wikia.nocookie.net/common/extensions/VisualEditor/modules/ve-mw/ui/styles/images/icons/source.svg'); } .skin-oasis #mw-editbutton-headline { background-image: url('//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('//images.wikia.nocookie.net/speedit/images/6/6c/Image.svg'); background-size: 16px; } .skin-oasis #mw-editbutton-media { background-image: url('//images.wikia.nocookie.net/common/extensions/VisualEditor/wikia/modules/ve/ui/styles/images/icons/video.svg'); } .skin-oasis #mw-editbutton-math { background-image: url('//images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/superscript.svg'); } .skin-oasis #mw-editbutton-nowiki { background-image: url('//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('//images.wikia.nocookie.net/speedit/images/7/77/Signature.svg'); background-size: 20px; } .skin-oasis #mw-editbutton-hr { background-image: url('//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('//images.wikia.nocookie.net/speedit/images/e/e3/Photo.svg'); background-size: 18px; } .skin-oasis #mw-editbutton-wpg { background-image: url('//images.wikia.nocookie.net/speedit/images/4/4a/Gallery.svg'); background-size: 18px; } .skin-oasis #mw-editbutton-vet { background-image: url('//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('//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('//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('//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('//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('//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('//images.wikia.nocookie.net/speedit/images/c/cf/Image-white.svg'); } .skin-oasis.oasis-dark-theme #mw-editbutton-media { background-image: url('//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('//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('//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('//images.wikia.nocookie.net/speedit/images/f/ff/Signature-white.svg'); } .skin-oasis.oasis-dark-theme #mw-editbutton-hr { background-image: url('//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('//images.wikia.nocookie.net/speedit/images/a/a1/Photo-white.svg'); } .skin-oasis.oasis-dark-theme #mw-editbutton-wpg { background-image: url('//images.wikia.nocookie.net/speedit/images/2/2a/Gallery-white.svg'); } .skin-oasis.oasis-dark-theme #mw-editbutton-vet { background-image: url('//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; } } /*********************************** 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('//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('//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('//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('//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('//images.wikia.nocookie.net/speedit/images/7/7f/Video-library.svg'); } .skin-oasis.editor #EditPageRail .module_categories .sprite-small.edit { background-image: url('//images.wikia.nocookie.net/speedit/images/6/68/Pencil.svg'); } .skin-oasis.editor #EditPageRail .module_categories .sprite-small.delete { background-image: url('//images.wikia.nocookie.net/speedit/images/b/b3/Trash.svg'); } .skin-oasis.editor #EditPageRail .module_templates .cke_button_big .cke_icon { background-image: url('//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('//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('//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('//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('//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('//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('//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('//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('//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 { background-color: hsla(0, 0%, 50%, 0.2); color: inherit; float: none !important; margin: 0 !important; padding: 9px 20px; font-size: 17px; font-weight: bold; line-height: 1.5em; } .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); } .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 .tooltip-icon { position: absolute; right: -20px; top: 3px; } .skin-oasis.editor > #EditPageDialog.modalWrapper > form { margin-top: 13px; position: absolute; top: 0; left: 120px; } .skin-oasis.editor > #EditPageDialog.modalWrapper .modalContent { padding-top: 20px; } .skin-oasis.editor #EditPageDialog .ArticlePreview .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 .ArticlePreview .wikiaThrobber { background: url('https://images.wikia.nocookie.net/speedit/images/a/a8/Spinner-white.svg') no-repeat center / 48px; } .skin-oasis.editor #WikiaPhotoGalleryEditor .preview .WikiaPhotoGalleryPreviewItemPlaceholder .image { background-image: url('//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('//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; }

/** * Refreshed Notifications Menu * @author user:Pirr */ /* Notifications will look like user dropdown */ border: none; box-shadow: 0 0 10px 0 rgba(26, 26, 26, .2); } /* Using Fandom colors instead of old wikia colors */ padding-top: 12px; background: #656e78; border: none; color: #fff; }   border-left-color: #262b31; }	background: #363b41; border: none; } /* Chevrons will look like infobox chevrons */ position: absolute; top: 50%; width: 4px; height: 4px; margin-top: -1px; border-color: #c7d1d8 !important; border-style: solid; border-width: 2px 2px 0 0; transform: rotate(135deg); -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); }	position: absolute; top: 50%; width: 4px; height: 4px; margin-top: -5px; border-color: #c7d1d8 !important; border-style: solid; border-width: 2px 2px 0 0; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
 * 1) GlobalNavigationWallNotifications {
 * 1) GlobalNavigationWallNotifications .notification { border-top: none }
 * 1) GlobalNavigationWallNotifications .notifications-for-wiki .notifications-wiki-header {
 * 1) GlobalNavigationWallNotifications .notification.admin-notification:before {
 * 1) GlobalNavigationWallNotifications .notifications-markasread {
 * 1) GlobalNavigationWallNotifications .notifications-for-wiki .chevron {
 * 1) GlobalNavigationWallNotifications .notifications-for-wiki.show .chevron {

/* Table of Contents */

/* Redesigning Theme Designer */ .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; } 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://slot1-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; }
 * 1) BackgroundImageForm > input[type="submit"],
 * 1) BackgroundImageForm > input[type="submit"]:hover {
 * 1) BackgroundImageForm > input[type="submit"]:focus {

/* Toolbar */

/* Toolbar */ .WikiaBarWrapper .wikia-bar { background-image: none !important; } .WikiaBarWrapper { background-color: rgba(0,0,0,0.75); } .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; border-color: black; background-color: black; color: white; padding: 7px 12px; margin-top: -6px; }   color: #3a3a3a; border-color: #3a3a3a; transition: .3s; }   background-color: #3a3a3a; border-color: #3a3a3a; 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 {

/* Modules */

/* ConsistentModules stylesheet */ /* General module styling */ .skin-oasis #WikiaRail .rail-module { box-sizing: border-box; } .skin-oasis .WikiaBlogListingBox .wikia-button, .skin-oasis .CommunityCornerModule a.more, .skin-oasis .WikiaBlogListingBox .more, .skin-oasis .insights-module .more, .skin-oasis .FollowedPagesModule .more, .skin-oasis .content-review-module .content-review-module-test-mode button, .skin-oasis .content-review-module .content-review-module-help a, .skin-oasis .content-review-module .content-review-module-submit-container button { border-radius: 0; position: absolute; font-size: x-small; font-weight: bold; text-transform: uppercase; line-height: 20px; padding: 0 10px; background:none; } .skin-oasis .WikiaBlogListingBox .read-more a:hover, .skin-oasis .WikiaBlogListingBox .more:hover, .skin-oasis .insights-module .more:hover, .skin-oasis .content-review-module .content-review-module-help a:hover, .skin-oasis .FollowedPagesModule .more:hover, .skin-oasis .content-review-module .content-review-module-help a:hover { text-decoration: none; } /* Blog list module restyling */ .skin-oasis .WikiaBlogListingBox { position: relative; padding-bottom: 22px; } .skin-oasis .WikiaBlogListingBox .wikia-button { background: none; bottom: 0; height: auto; right: 0; } .skin-oasis .WikiaBlogListingBox .more { bottom: 0; left: 0; } .skin-oasis .WikiaBlogListingBox .wikia-button .sprite { display: none; } .skin-oasis .WikiaBlogListingBox ul { margin: 0; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost:first-child { padding: 0 0 6px; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost:nth-child(n+2) { border: none; padding: 6px 0; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .avatar { border: 2px solid hsla(0, 0%, 0%, 0.2); border-radius: 50%; height: 28px; width: 28px; margin: 0; } .skin-oasis.oasis-dark-theme .WikiaBlogListingBox .WikiaBlogListingPost .avatar { border: 2px solid hsla(0, 0%, 100%, 0.2); } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details { margin-left: 40px; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details h2 { border: none; font-size: 14px; font-weight: normal; line-height: 1.125em; margin-bottom: 2px; min-height: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details h2 a, .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details span a { font-size: inherit; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details span { font-size: 12px; color: hsla(0, 0%, 23%, 0.75); } .skin-oasis.oasis-dark-theme .WikiaBlogListingBox .WikiaBlogListingPost .author-details span { color: hsla(0, 0%, 83%, 0.75); } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details span a { color: inherit; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .post-summary { padding: 8px 0; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .post-summary p { font-style: italic; line-height: 1.5em; padding-bottom: 4px; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .post-summary p * { color: inherit !important; font-size: inherit !important; line-height: inherit !important; text-shadow: inherit !important; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .read-more { text-transform: uppercase; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .commentslikes { bottom: 16px; line-height: 1em; position: absolute; right: 0; width: auto; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .commentslikes .comment { white-space: normal; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .commentslikes .commentsbubble { background: none; line-height: 13px; margin: 0; border-radius: 0; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .commentsbubble:before, .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .commentsbubble:after { display: none; } /* Insights module restyling */ .skin-oasis .insights-module { position: relative; } .skin-oasis .insights-module .insights-module-item { border: none; } .skin-oasis .insights-module .more { right: 0; top: 0; } /* Content review module restyling */ .skin-oasis .content-review-module { position: relative; padding-bottom: 22px; } .skin-oasis .content-review-module .content-review-module-test-mode button { left: 0; } .skin-oasis .content-review-module .content-review-module-help a { bottom: 1px; line-height: 19px; right: 0; } .skin-oasis .content-review-module .content-review-module-submit-container ~ .content-review-module-help a { top: 0; bottom: initial; } .skin-oasis .content-review-module .content-review-module-submit-container button { bottom: 1px; right: 0; padding: 0 10px; } /* Followed pages module restyling */ .skin-oasis .FollowedPagesModule { position: relative; } .skin-oasis .FollowedPagesModule .more { top: 0; right: 0; } .skin-oasis .FollowedPagesModule li { border: none; }

/* EditorVisualMinimal - minimalist visual editor customisation */ /** VisualEditor UI modifications **/ .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; } /** 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); }

/* Modernizing Activity Feed */ /* Feed */ .activityfeed a:hover { text-decoration: none; filter: brightness(115%); transition: .3s; } .activityfeed > :first-child { background-color: #f1f1f1; } .activityfeed > li:not(:first-child) { border-top: none; background-color: #f1f1f1; } .activityfeed > li { padding-left: 35px; } span.wall-owner { font-weight: bold; } span.wall-owner > a:hover, .activityfeed .subtle > a:hover { text-decoration: none; filter: brightness(115%); transition: .3s; } span.subtle > a { color: gray !important; font-weight: bold; } li.activity-type-talk.activity-ns-1 { background-color: #f1f1f1; } .dark_text_2 { color: black; } table.wallfeed td img.avatar { border: 2px #cccccc solid; border-radius: 50%; margin-top: 0; } .WikiaArticle em { font-style: normal; } .activityfeed td.activityfeed-details-label { font-weight: bold; } /* Exclusive Modules */ .CommunityCornerModule ul { list-style-type: disc; } section.HotSpotsModule.module, section.CommunityCornerModule.module { border: none; background: none; margin-left: -2px; } h2.dark_text_2, .HotSpotsModule.module h2 { padding-left: 0 !important; border-bottom: 1px #cccccc solid !important; padding-bottom: 5px; margin-bottom: 8px !important; } .CommunityCornerModule a.more { border: 1px #3a3a3a solid; padding: 7px 12px; text-transform: uppercase; color: #3a3a3a; margin-right: 80px; } .CommunityCornerModule a.more:hover { text-decoration: none; color: #6d6d6d; border-color: #6d6d6d; transition: .3s; } .HotSpotsModule p { font-weight: bold; text-transform: uppercase; font-size: 10px; } .HotSpotsModule li small { display: none !important; } .HotSpotsModule li big { font-weight: bold; font-size: 16px !important; padding-left: 6px !important; padding-right: 1px; } .HotSpotsModule li div div { border-radius: 50% !important; padding: 2px 5px !important; } .HotSpotsModule a.title { font-size: 16px; } .HotSpotsModule a.title:hover { text-decoration: none !important; filter: brightness(115%); transition: .3s; } .HotSpotsModule li .hot-spot-severity-1, .HotSpotsModule li .hot-spot-severity-2, .HotSpotsModule li .hot-spot-severity-3, .HotSpotsModule li .hot-spot-severity-4, .HotSpotsModule li .hot-spot-severity-5 { background-color: gray !important; } /* More Link */ .activity-feed-more { border: 1px #3a3a3a solid; } .activity-feed-more a { color: #3a3a3a; text-transform: uppercase; font-weight: bold; } .activity-feed-more a:hover, .activity-feed-more:hover { color: #6d6d6d; border-color: #6d6d6d; transition: .3s; text-decoration: none; } .activityfeed strong { font-size: 14px; }

/* Rounded Avatars */ .avatar { border-radius: 50%; border: none; } /* Fixes */ /* Fix padding in thread histories */ padding: 0; } /* Make avatars rounded in kudos messages, in the chat and in the Discussions Module (the one in the articles) */ .RelatedForumDiscussion .forum-replies .forum-reply .forum-user-avatar, .ChatHeader .User img, .Chat img, .Rail .User img, .Write img, .WallVotersModal ul li img { border: 2px solid #cccccc !important; border-radius: 50% !important; }
 * 1) WallThreadHistory tr .avatar {

/** * Fandom Design System's looking buttons * @author user:Pirr, based on styles by user:Monochromatic Bunny and user:Szynka013 */ a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, button { background-image: none !important; border-color: transparent; border-radius: 0 !important; text-transform: uppercase; font-size: 10px !important; font-weight: bold; } a.wikia-button:hover, .wikia-single-button a:hover, .wikia-menu-button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, button:hover { background-image: none !important; border-color: transparent; border-radius: 0; } 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, button.active, button:active { background-image: none !important; border-color: transparent; border-radius: 0; } 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-image: none !important; border-color: transparent; border-radius: 0 !important; text-transform: uppercase; font-size: x-small; font-weight: bold; } 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-image: none !important; border-color: transparent; border-radius: 0 !important; } 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-image: none !important; border-color: transparent; border-radius: 0 !important; } .EditPage .cke_button > a { background-image: none !important; border-color: transparent; border-radius: 0 !important; text-transform: uppercase; font-size: x-small !important; font-weight: bold; } .wikia-menu-button, button.wikia-button { background-image: none !important; border-color: transparent; border-radius: 0 !important; text-transform: uppercase; font-size: x-small; font-weight: bold; } .wikia-menu-button > a, .wikia-menu-button .drop { background-image: none !important; border-color: transparent; border-radius: 0; text-transform: uppercase; font-size: x-small; font-weight: bold; } .wikia-button.talk.comments { background-image: none !important; border-color: transparent; border-radius: 0 !important; text-transform: uppercase; font-size: x-small; font-weight: bold; }

/* Dropdowns */

/* Icons */

@font-face { font-family: 'Fandom-Icons'; src: url('https://vignette.wikia.nocookie.net/itsuki-world/images/1/15/Fandom-Icons.ttf/revision/latest?cb=20171014233011&path-prefix=es') format('truetype'), url('https://vignette.wikia.nocookie.net/itsuki-world/images/c/ca/Fandom-Icons.woff/revision/latest?cb=20171014233025&path-prefix=es') format('woff'), url('https://vignette.wikia.nocookie.net/itsuki-world/images/7/78/Fandom-Icons.svg/revision/latest?cb=20171014233000&path-prefix=es') format('svg'); font-weight: normal; font-style: normal; } .fandom-icons { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'Fandom-Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size:24px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .small-icon { /* Originally, .wds-icon-small */ font-size: 18px; } .icon-badges-admin .path1:before { content: "\e900"; color: rgb(227, 189, 0); } .icon-badges-admin .path2:before { content: "\e901"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-badges-content-moderator .path1:before { content: "\e902"; color: rgb(153, 153, 153); } .icon-badges-content-moderator .path2:before { content: "\e903"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-badges-discussion-moderator .path1:before { content: "\e904"; color: rgb(153, 153, 153); } .icon-badges-discussion-moderator .path2:before { content: "\e905"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-badges-global-discussions-moderator .path1:before { content: "\e906"; color: rgb(0, 183, 224); } .icon-badges-global-discussions-moderator .path2:before { content: "\e907"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-badges-helper .path1:before { content: "\e908"; color: rgb(0, 183, 224); } .icon-badges-helper .path2:before { content: "\e909"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-badges-helper .path3:before { content: "\e90a"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-badges-staff .path1:before { content: "\e90b"; color: rgb(0, 183, 224); } .icon-badges-staff .path2:before { content: "\e90c"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-badges-vstf .path1:before { content: "\e90d"; color: rgb(0, 183, 224); } .icon-badges-vstf .path2:before { content: "\e90e"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-logo-fandom .path1:before { content: "\e90f"; color: rgb(0, 214, 214); } .icon-logo-fandom .path2:before { content: "\e910"; margin-left: -1em; color: rgb(0, 42, 50); } .icon-logo-fandom-heart:before { content: "\e911"; color: #00d6d6; } .icon-logo-fandom-powered-by-wikia .path1:before { content: "\e912"; color: rgb(0, 214, 214); } .icon-logo-fandom-powered-by-wikia .path2:before { content: "\e913"; margin-left: -1em; color: rgb(0, 42, 50); } .icon-logo-fandom-powered-by-wikia .path3:before { content: "\e914"; margin-left: -1em; color: rgb(0, 214, 214); } .icon-logo-fandom-powered-by-wikia-two-lines .path1:before { content: "\e915"; color: rgb(0, 214, 214); } .icon-logo-fandom-powered-by-wikia-two-lines .path2:before { content: "\e916"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-logo-fandom-white .path1:before { content: "\e917"; color: rgb(0, 214, 214); } .icon-logo-fandom-white .path2:before { content: "\e918"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-logo-powered-by-wikia:before { content: "\e919"; } .icon-logo-wikia:before { content: "\e91a"; } .icon-logo-wikia-org .path1:before { content: "\e91b"; color: rgb(9, 33, 64); } .icon-logo-wikia-org .path2:before { content: "\e91c"; margin-left: -1em; color: rgb(126, 126, 126); } .icon-store-appstore .path1:before { content: "\e91d"; color: rgb(169, 170, 169); } .icon-store-appstore .path2:before { content: "\e91e"; margin-left: -1em; color: rgb(10, 11, 9); } .icon-store-appstore .path3:before { content: "\e91f"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-store-googleplay .path1:before { content: "\e920"; color: rgb(0, 0, 0); } .icon-store-googleplay .path2:before { content: "\e921"; margin-left: -1em; color: rgb(166, 166, 166); } .icon-store-googleplay .path3:before { content: "\e922"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-store-googleplay .path4:before { content: "\e923"; margin-left: -1em; color: rgb(255, 255, 255); } .icon-store-googleplay .path5:before { content: "\e924"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-store-googleplay .path6:before { content: "\e925"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-store-googleplay .path7:before { content: "\e926"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-store-googleplay .path8:before { content: "\e927"; margin-left: -1em; color: rgb(0, 0, 0); } .icon-store-googleplay .path9:before { content: "\e928"; margin-left: -1em; color: rgb(0, 0, 0); opacity: 0.2; } .icon-store-googleplay .path10:before { content: "\e929"; margin-left: -1em; color: rgb(0, 0, 0); opacity: 0.12; } .icon-store-googleplay .path11:before { content: "\e92a"; margin-left: -1em; color: rgb(255, 255, 255); opacity: 0.25; } .icon-activity:before { content: "\e92b"; } .icon-activity-small:before { content: "\e92c"; } .icon-add-new-page-small:before { content: "\e92d"; } .icon-alert:before { content: "\e92e"; } .icon-alert-small:before { content: "\e92f"; } .icon-arrow:before { content: "\e930"; } .icon-article-small:before { content: "\e931"; } .icon-articles-small:before { content: "\e932"; } .icon-bell:before { content: "\e933"; } .icon-bold:before { content: "\e934"; } .icon-bold-small:before { content: "\e935"; } .icon-bookmark:before { content: "\e936"; } .icon-bookmark-small:before { content: "\e937"; } .icon-bullet-list:before { content: "\e938"; } .icon-bullet-list-small:before { content: "\e939"; } .icon-camera:before { content: "\e93a"; } .icon-checkbox:before { content: "\e93b"; } .icon-checkmark:before { content: "\e93c"; } .icon-checkmark-circle:before { content: "\e93d"; } .icon-checkmark-circle-small:before { content: "\e93e"; } .icon-checkmark-small:before { content: "\e93f"; } .icon-circle-plus:before { content: "\e940"; } .icon-clipboard:before { content: "\e941"; } .icon-clipboard-small:before { content: "\e942"; } .icon-clock-tiny:before { content: "\e943"; } .icon-community:before { content: "\e944"; } .icon-community-small:before { content: "\e945"; } .icon-controls:before { content: "\e946"; } .icon-cross:before { content: "\e947"; } .icon-cross-tiny:before { content: "\e948"; } .icon-dashboard-small:before { content: "\e949"; } .icon-document:before { content: "\e94a"; } .icon-download:before { content: "\e94b"; } .icon-download-small:before { content: "\e94c"; } .icon-download-tiny:before { content: "\e94d"; } .icon-dropdown:before { content: "\e94e"; } .icon-dropdown-tiny:before { content: "\e94f"; } .icon-embed:before { content: "\e950"; } .icon-error:before { content: "\e951"; } .icon-error-small:before { content: "\e952"; } .icon-explore-tiny:before { content: "\e953"; } .icon-eye:before { content: "\e954"; } .icon-eye-crossed:before { content: "\e955"; } .icon-eye-crossed-small:before { content: "\e956"; } .icon-eye-small:before { content: "\e957"; } .icon-facebook:before { content: "\e958"; } .icon-fandom-heart:before { content: "\e959"; } .icon-fandom-heart-small:before { content: "\e95a"; } .icon-flag:before { content: "\e95b"; } .icon-flag-small:before { content: "\e95c"; } .icon-fullscreen:before { content: "\e95d"; } .icon-fullscreen-off:before { content: "\e95e"; } .icon-fullscreen-off-small:before { content: "\e95f"; } .icon-fullscreen-small:before { content: "\e960"; } .icon-gear:before { content: "\e961"; } .icon-gear-small:before { content: "\e962"; } .icon-gift:before { content: "\e963"; } .icon-googleplus:before { content: "\e964"; } .icon-grid:before { content: "\e965"; } .icon-help:before { content: "\e966"; } .icon-hourglass:before { content: "\e967"; } .icon-house:before { content: "\e968"; } .icon-house-small:before { content: "\e969"; } .icon-image:before { content: "\e96a"; } .icon-image-add:before { content: "\e96b"; } .icon-image-remove:before { content: "\e96c"; } .icon-information:before { content: "\e96d"; } .icon-instagram:before { content: "\e96e"; } .icon-italics:before { content: "\e96f"; } .icon-italics-small:before { content: "\e970"; } .icon-line:before { content: "\e971"; } .icon-link:before { content: "\e972"; } .icon-linkedin:before { content: "\e973"; } .icon-loading:before { content: "\e974"; } .icon-lock:before { content: "\e975"; } .icon-lock-small:before { content: "\e976"; } .icon-magnifying-glass:before { content: "\e977"; } .icon-mail:before { content: "\e978"; } .icon-map:before { content: "\e979"; } .icon-megaphone:before { content: "\e97a"; } .icon-meneame:before { content: "\e97b"; } .icon-menu:before { content: "\e97c"; } .icon-menu-control:before { content: "\e97d"; } .icon-menu-control-small:before { content: "\e97e"; } .icon-menu-control-tiny:before { content: "\e97f"; } .icon-more:before { content: "\e980"; } .icon-nk:before { content: "\e981"; } .icon-note:before { content: "\e982"; } .icon-numbered-list:before { content: "\e983"; } .icon-numbered-list-small:before { content: "\e984"; } .icon-odnoklassniki:before { content: "\e985"; } .icon-out-arrow-tiny:before { content: "\e986"; } .icon-pages:before { content: "\e987"; } .icon-pages-small:before { content: "\e988"; color: #999; } .icon-paragraph:before { content: "\e989"; } .icon-pause:before { content: "\e98a"; } .icon-pause-small:before { content: "\e98b"; } .icon-pencil:before { content: "\e98c"; } .icon-pencil-small:before { content: "\e98d"; } .icon-pin-small:before { content: "\e98e"; } .icon-play:before { content: "\e98f"; } .icon-play-triangle:before { content: "\e990"; } .icon-play-triangle-small:before { content: "\e991"; } .icon-plus:before { content: "\e992"; } .icon-question:before { content: "\e993"; } .icon-quote:before { content: "\e994"; } .icon-quote-small:before { content: "\e995"; } .icon-qzone:before { content: "\e996"; } .icon-reddit:before { content: "\e997"; } .icon-refresh:before { content: "\e998"; } .icon-reply:before { content: "\e999"; } .icon-reply-arrow:before { content: "\e99a"; } .icon-reply-arrow-small:before { content: "\e99b"; } .icon-reply-small:before { content: "\e99c"; } .icon-reply-tiny:before { content: "\e99d"; } .icon-share:before { content: "\e99e"; } .icon-share-small:before { content: "\e99f"; } .icon-tag-small:before { content: "\e9a0"; } .icon-text:before { content: "\e9a1"; } .icon-text-small:before { content: "\e9a2"; } .icon-trash:before { content: "\e9a3"; } .icon-trash-open:before { content: "\e9a4"; } .icon-trash-open-small:before { content: "\e9a5"; } .icon-trash-small:before { content: "\e9a6"; } .icon-tumblr:before { content: "\e9a7"; } .icon-twitter:before { content: "\e9a8"; } .icon-undo:before { content: "\e9a9"; } .icon-unlock:before { content: "\e9aa"; } .icon-unlock-small:before { content: "\e9ab"; } .icon-upload:before { content: "\e9ac"; } .icon-upvote:before { content: "\e9ad"; } .icon-upvote-reply-tiny:before { content: "\e9ae"; } .icon-upvote-small:before { content: "\e9af"; } .icon-upvote-tiny:before { content: "\e9b0"; } .icon-user:before { content: "\e9b1"; } .icon-video-camera:before { content: "\e9b2"; } .icon-vkontakte:before { content: "\e9b3"; } .icon-volume:before { content: "\e9b4"; } .icon-volume-off:before { content: "\e9b5"; } .icon-volume-off-small:before { content: "\e9b6"; } .icon-volume-small:before { content: "\e9b7"; } .icon-weibo:before { content: "\e9b8"; } .icon-wykop:before { content: "\e9b9"; } .icon-youtube:before { content: "\e9ba"; }

/* Making Lists somewhat consistent with the newer style */ .WikiaArticle ul, .SpeechBubble .speech-bubble-message ul { list-style: disc; padding: 1px 0; font-weight: 400; line-height: 1.5em; }

/*** 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://vignette.wikia.nocookie.net/ltesting/images/b/ba/Rolling.png/revision/latest?cb=20170920195239') 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; } .MiniEditorWrapper .loading-indicator .loading-message .loading-text { display: none !important; } .modal.medium.inactive .wikiaThrobber { background: url('https://vignette.wikia.nocookie.net/ltesting/images/b/ba/Rolling.png/revision/latest?cb=20170920195239') no-repeat scroll center !important; animation: rotator .8s linear infinite; opacity: 0.9 !important; } /* Wikia's side rail */ .WikiaRail .loading { height: 88px; margin: 10px; padding-top: 10px; animation: rotator .5s linear infinite; background: url('https://vignette.wikia.nocookie.net/ltesting/images/b/ba/Rolling.png/revision/latest?cb=20170920195239') no-repeat center / 120px !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://vignette.wikia.nocookie.net/ltesting/images/b/ba/Rolling.png/revision/latest?cb=20170920195239') no-repeat center !important; animation: rotator .9s linear infinite; margin-left: 2px; background-size: 100% !important; margin-bottom: -10px !important; } .EditPageEditor .loading-indicator .loading-message .loading-text { display: block !important; color: black !important; } form#WikiaPhotoGalleryImageUploadForm .WikiaPhotoGalleryProgress { background: transparent url(https://vignette.wikia.nocookie.net/sonic/images/7/7c/AjaxRC.gif/revision/latest?cb=20170918203921) no-repeat 60% 60% !important; width: 0; height: 0; padding: 19px 0 0 20px; margin-left: -8px !important; } .WikiaPhotoGalleryProgress { background: transparent url(https://vignette.wikia.nocookie.net/ltesting/images/0/0b/Spinner.svg/revision/latest?cb=20170924143857) 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://vignette.wikia.nocookie.net/ltesting/images/b/ba/Rolling.png/revision/latest?cb=20170920195239') no-repeat center !important; animation: rotator .9s linear infinite; margin-left: 270px; background-size: 100% !important; margin-bottom: -10px !important; opacity: .9 !important; position: absolute; } .ArticlePreview .wikiaThrobber { top: 0; z-index: 2; height: 400px; width: 185px; background: url('https://vignette.wikia.nocookie.net/ltesting/images/b/ba/Rolling.png/revision/latest?cb=20170920195239') no-repeat center !important; animation: rotator .9s linear infinite; margin-left: 270px; background-size: 100% !important; margin-bottom: -10px !important; opacity: .9 !important; position: absolute; } .modal.large.inactive .wikiaThrobber { top: 0; z-index: 2; width: 185px; background: url('https://vignette.wikia.nocookie.net/ltesting/images/b/ba/Rolling.png/revision/latest?cb=20170920195239') no-repeat center !important; animation: rotator .9s linear infinite; margin-left: 570px; background-size: 100% !important; opacity: .9 !important; position: absolute; } /* For article comments when loading */ .WikiaArticleComments.loading { background: url('https://vignette.wikia.nocookie.net/ltesting/images/b/ba/Rolling.png/revision/latest?cb=20170920195239') 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; } /* The one that appears when pressing the "Reply" button on forums-like environment. */ .Wall .loadingAjax { background: url('https://vignette.wikia.nocookie.net/sonic/images/7/7c/AjaxRC.gif/revision/latest?cb=20170918203921'); 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://vignette.wikia.nocookie.net/ltesting/images/b/ba/Rolling.png/revision/latest?cb=20170920195239') no-repeat center !important; animation: rotator .9s linear infinite; margin-left: 400px; background-size: 100% !important; margin-bottom: -50px !important; opacity: .9 !important; position: absolute; } /* The one that appears when uploading a file using Special:Images */ .ajaxwait { background: url('https://vignette.wikia.nocookie.net/sonic/images/7/7c/AjaxRC.gif/revision/latest?cb=20170917141821') 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://vignette.wikia.nocookie.net/ltesting/images/b/ba/Rolling.png/revision/latest?cb=20170920195239') 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.9 !important; } /* The one that appears on category pages when browsing into another set of items */ .category-gallery .wikiaThrobber { background: #fff url(https://vignette.wikia.nocookie.net/ltesting/images/0/0b/Spinner.svg/revision/latest?cb=20170924143857) no-repeat 50% 50% !important; background-size: 6.8em !important; } /* The one that appears when applying new categories to an article's category bar */ .article-categories.CategorySelect.articlePage.userCanEdit.modified .wikiaThrobber { background: #fff url(https://vignette.wikia.nocookie.net/ltesting/images/0/0b/Spinner.svg/revision/latest?cb=20170924143857) no-repeat 50% 50% !important; background-size: 6.2em !important; } /* Special:ListUsers */ .dataTables_processing img { width: 0; height: 0; padding: 19px 0 0 20px; margin-left: -3px !important; background: transparent url(https://vignette.wikia.nocookie.net/sonic/images/7/7c/AjaxRC.gif/revision/latest?cb=20170918203921) no-repeat 60% 60% !important; margin-bottom: 5px; }

/* Tabber Design */ .tabbertab[title] > p > a { pointer-events: initial !important; } .tabbertab[title] { pointer-events: none !important; } li.tabberactive { color: currentColor !important; } ul.tabbernav { display: flex; flex-direction: row; border-bottom: none !important; } ul.tabbernav li { border-bottom: 4px solid #999; color: #999; cursor: pointer; float: left; font-size: .875rem; font-weight: 700; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; flex: 1 auto; margin: 0; transition: filter 0.25s ease-out; } ul.tabbernav li:hover { filter: brightness(1.3); } ul.tabbernav li.tabberactive a { background-color: transparent !important; border: none; color: var(--theme-primary-color) !important; font-family: Helvetica; } ul.tabbernav li.tabberactive a:hover { background: transparent; border-bottom: none; } ul.tabbernav li a { margin-left: 0 !important; border: none !important; color: #999 !important; background: none !important; font-family: Helvetica !important; } li.tabberactive { border-bottom-color: var(--theme-primary-color) !important; } ul.tabbernav li a:hover { background: transparent !important; } .tabber .tabbertab { border: none !important; }

ul.tabs { display: flex; flex-direction: row; border-bottom: none; } .tabs li { border-bottom: 4px solid #999; color: #999; cursor: pointer; float: left; font-size: .875rem; font-weight: 700; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; flex: 1 auto; margin: 0; transition: filter 0.25s ease-out } .tabs li:hover { filter: brightness(1.3) } .tabs li a { color: inherit; } .tabs li:hover a { text-decoration: none; } .tabs li.selected { border-bottom: 4px solid currentColor; color: var(--theme-primary-color); } .tabs li.selected a { border: none; background: none; color: inherit; }

/* For the checkboxes */ /* Toggles */ input[type="checkbox"] { -moz-appearance: none; -webkit-appearance: none; appearance: none; cursor: pointer; font-size: 16px; padding: 7px 5px 7px 52px; position: relative; } /* :empty is needed */ input[type="checkbox"]:empty { padding-left: 45px; } input[type="checkbox"]::before { background-color: #999; border-radius: 8px; height: 14px; left: 6px; width: 34px; } input[type="checkbox"]:checked::before { background-color: #7ae7ff; } input[type="checkbox"]::after, input[type="checkbox"]::before { -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); content: ''; margin: 0; outline: 0; position: absolute; top: 50%; transform: translateY(-50%); transition-duration: 0.3s; transition-timing-function: ease; transition: transform, background-color, -webkit-transform; } input[type="checkbox"]::after { background-color: #f6f6f6; border-radius: 50%; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .14), 0 2px 2px 0 rgba(0, 0, 0, .098), 0 1px 5px 0 rgba(0, 0, 0, .084); height: 20px; left: 5px; min-width: 20px; transition: all 0.5s; width: 20px; } input[type="checkbox"]:checked::after { background-color: #00b7e0; left: 20px; } /* For the toggles in Special:Wiki Features */ .WikiFeatures .features .feature .actions .slider.on .texton, .WikiFeatures .features .feature .actions .slider .textoff { display: none; } .WikiFeatures .features .feature .actions .slider.on { background-image: none; background-color: #7ae7ff; } .WikiFeatures .features .feature .actions .slider { border: none; box-shadow: none; } .WikiFeatures .features .feature .actions .slider.on .button { margin-left: -9px; background-color: #00b7e0 !important; border: none; border-radius: 50% !important; top: -1px !important; } .WikiFeatures .features .feature .actions .slider .button { background-color: #f6f6f6; border: none; top: 0; width: 16px; height: 16px; margin-top: -3px; border-radius: 50% !important; } .WikiFeatures .features .feature .actions .slider { background-color: #999999; height: 10px; min-width: 30px; } .WikiFeatures .features .feature .actions { margin-left: 5px; }

/*** Modernizing Blogs ***/ /* Bloglists */ a.comments > .commentsbubble:before, a.comments > .commentsbubble:after { display: none; } a.comments > .commentsbubble { border: 1px #ccc solid; background-image: none; background: none; font-size: x-small; font-weight: bold; } .WikiaBlogListing .avatar { border: 2px solid silver; border-radius: 50%; } span.read-more { font-weight: bold; text-transform: uppercase; font-size: small; } .WikiaBlogListing .author-details span a, .WikiaBlogListing .author-details span a:visited { font-weight: bold; color: hsla(0, 0%, 23%, 0.75); } .WikiaBlogListing .author-details span { color: hsla(0, 0%, 23%, 0.75); } span.read-more > a:hover, .WikiaBlogListing .author-details span a:hover, .WikiaBlogListing h2 > a:hover { text-decoration: none !important; } .WikiaBlogListing ul { list-style: none !important; } /* Module (from w:c:dev:ConsistentModules */ .WikiaArticle .WikiaBlogListingBox ul {   border: none !important; } .skin-oasis .WikiaBlogListingBox .read-more a:hover, .skin-oasis .WikiaBlogListingBox .more:hover {    text-decoration: none; } .skin-oasis .WikiaBlogListingBox {    position: relative;    padding-bottom: 22px;    background: transparent;    border: none; } .WikiaBlogListingBox h2 {    padding-bottom: 5px;    padding-left: 0 !important;    border-bottom: 1px #cccccc solid !important; } .WikiaBlogListingBox h2 br {    display: none; } .skin-oasis .WikiaBlogListingBox .wikia-button, .skin-oasis .WikiaBlogListingBox .more {    border-radius: 0;    position: absolute;    font-size: x-small;    font-weight: bold;    text-transform: uppercase;    line-height: 20px;    padding: 0 10px;    background: none;    color: black;    border-color: black; } .skin-oasis .WikiaBlogListingBox { position: relative; padding-bottom: 22px; } .skin-oasis .WikiaBlogListingBox .wikia-button { background: none; bottom: 0; height: auto; right: 0; } .skin-oasis .WikiaBlogListingBox .more { bottom: 0; left: 0; } .skin-oasis .WikiaBlogListingBox .wikia-button .sprite { display: none; } .skin-oasis .WikiaBlogListingBox ul { margin: 0; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost:first-child { padding: 0 0 6px; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost:nth-child(n+2) { border: none; padding: 6px 0; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .avatar { border: 2px solid hsla(0, 0%, 0%, 0.2); border-radius: 50%; height: 28px; width: 28px; margin: 0; } .skin-oasis.oasis-dark-theme .WikiaBlogListingBox .WikiaBlogListingPost .avatar { border: 2px solid hsla(0, 0%, 100%, 0.2); } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details { margin-left: 40px; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details h2 { border: none; font-size: 14px; font-weight: normal; line-height: 1.125em; margin-bottom: 2px; min-height: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details h2 a, .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details span a { font-size: inherit; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details span { font-size: 12px; color: hsla(0, 0%, 23%, 0.75); } .skin-oasis.oasis-dark-theme .WikiaBlogListingBox .WikiaBlogListingPost .author-details span { color: hsla(0, 0%, 83%, 0.75); } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .author-details span a { color: inherit; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .post-summary { padding: 8px 0; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .post-summary p { font-style: italic; line-height: 1.5em; padding-bottom: 4px; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .post-summary p * { color: inherit !important; font-size: inherit !important; line-height: inherit !important; text-shadow: inherit !important; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .read-more { text-transform: uppercase; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .commentslikes { bottom: 16px; line-height: 1em; position: absolute; right: 0; width: auto; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .commentslikes .comment { white-space: normal; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .commentslikes .commentsbubble { background: none; line-height: 13px; margin: 0; border-radius: 0; } .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .commentsbubble:before, .skin-oasis .WikiaBlogListingBox .WikiaBlogListingPost .commentsbubble:after { display: none; }

/*** Attempting to modernize the category exhibition feature ***/ /* Category Exhibition Header */ nav.wikia-menu-button.secondary.combined { font-weight: bold; text-transform: uppercase; font-size: x-small; border-radius: 0; background-image: none; background-color: transparent; border-color: black; padding: 7px; padding-right: 1px !important; } .wikia-menu-button.secondary.combined:hover { background-color: transparent; border-color: #6d6d6d; color: #6d6d6d; transition: .3s; background-image: none; } .category-gallery-form { margin: 0 5px 5px 5px; text-align: right; font-weight: bold; } a#category-exhibition-form-mostvisited, a#category-exhibition-form-alphabetical { font-weight: bold; text-transform: uppercase; font-size: 10px; background-color: white; } a#category-exhibition-form-mostvisited:hover, a#category-exhibition-form-alphabetical:hover { background-color: #f1f1f1 !important; } .category-gallery-form .wikia-menu-button li { float: none; border-top: none !important; border-radius: 0; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); } .category-gallery-form .wikia-menu-button ul a:hover { transition-duration: 0.3s; transition-property: background-color,color !important; } /* Headings */ font-weight: bold; font-size: 16px; } /* Pagination */ padding: 4px 10px 4px 10px; margin-left: 15px !important; border-radius: 0; background-image: none; background-color: #ffffff; border: none; box-shadow: 2px 2px #888888; }   padding: 4px 10px 4px 10px; margin-right: 15px !important; border-radius: 0; background-image: none; background-color: #ffffff; border: none; box-shadow: 2px 2px #888888; }   border-top-left-radius: 0; border-bottom-left-radius: 0; font-weight: bold !important; background-color: rgb(0,0,0) !important; color: white !important; top: 0 !important; border: none; position: relative; text-decoration: none; }   border: none; background: #ffffff; font-family: Helvetica !important; color: #444444; font-weight: 300; margin: 0 0 -3px -3px !important; padding: 2px 12px !important; box-shadow: 1px 1px 2px rgba(0,0,0,0.75); font-size: 13px !important; cursor: pointer; text-decoration: none; }   background-image: none; background-color: #f1f1f1; } .WikiaArticle #mw-pages ul, .WikiaArticle #mw-subcategories ul { text-align: center; } span.paginator-next.disabled, span.paginator-prev.disabled { display: none; } /* Images of subcategories and pages */ .category-gallery-item { height: 171px; width: 171px; margin: 0; margin-right: 1px; margin-bottom: 5px; } .category-gallery-item img { box-shadow: none; padding: 0; height: 171px; width: 171px; } .category-gallery-item .title { font-weight: bold; border-radius: 0; margin-top: 145px; margin-left: 0; height: 20px !important; background-color: rgba(0, 0, 0, 0.6); max-width: 171px; width: 161px; text-transform: uppercase; font-size: x-small; font-family: Helvetica; } .category-gallery .category-gallery-holder .category-gallery-room1 { width: 700px; } .category-gallery-item .snippet { background-color: transparent; width: 160px; height: 160px; box-shadow: none; } .wikia-paginator ul .paginator-spacer { font-weight: bold; color: black; } .category-gallery .wikiaThrobber { background: url(https://vignette.wikia.nocookie.net/ltesting/images/b/ba/Rolling.png/revision/latest?cb=20170920195239) no-repeat 50% 50% !important; background-size: 6.8em !important; animation: rotator .8s linear infinite; background-color: transparent; height: 100%; left: 0; opacity: .75; position: absolute; top: 0; width: 100%; z-index: 2; } .category-gallery-item span.details { border-radius: 0; background-color: rgba(0, 0, 0, 0.6); margin-left: 1px; margin-top: 150px; color: white; max-width: 171px; font-weight: bold; text-transform: uppercase; font-size: x-small; font-family: Helvetica; }
 * 1) mw-pages h2,
 * 2) mw-blogs h2,
 * 3) mw-subcategories h2 {
 * 1) mw-pages > div > div > ul > li > a.paginator-next.button.secondary,
 * 2) mw-subcategories > div > div > ul > li > a.paginator-next.button.secondary {
 * 1) mw-pages > div > div > ul > li > a.paginator-prev.button.secondary,
 * 2) mw-subcategories > div > div > ul > li > a.paginator-prev.button.secondary {
 * 1) mw-pages > div > div > ul > li > a.paginator-page.active,
 * 2) mw-subcategories > div > div > ul > li > a.paginator-page.active {
 * 1) mw-pages > div > div > ul > li > a.paginator-page,
 * 2) mw-subcategories > div > div > ul > li > a.paginator-page {
 * 1) mw-pages > div > div > ul > li > a.paginator-prev.button.secondary,
 * 2) mw-subcategories > div > div > ul > li > a.paginator-prev.button.secondary,
 * 3) mw-pages > div > div > ul > li > a.paginator-next.button.secondary,
 * 4) mw-subcategories > div > div > ul > li > a.paginator-next.button.secondary {

-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }   border-radius: 0 !important; }   display: none; height: 50px; left: 0; margin: 0; position: fixed; top: 0; width: 100%; } body.header--shpw #ChatHeader { display: block; }   height: 50px; margin-right: 200px; padding-left: 0 !important; vertical-align: middle; }   margin-top: 0; vertical-align: middle; }   width: 150px; }   top: 0 !important; left: 0 !important; }   right: 240px; } .UserStatsMenu .info img { border: 2px solid #000; border-radius: 100%; border-width: 2px; }   border: none; line-height: normal; }   position: relative; text-align: center; }   margin-bottom: 0 !important; top: 0 !important; padding: 4px 15px 4px 55px; text-align: justify; }   margin-top: -1px; }   top: 4px !important; }   background-color: #bbbbbb; display: table; margin-top: 3px; padding: 8px 12px; border-radius: 0 8px 8px 0; text-align: justify; }   margin-top: 0; }   background-color: #54a3ff; display: inline-block; font-size: 8pt; width: auto; border-radius: 16px; padding: 4px 8px; }   content: none; }   padding: 8px; font-weight: 600; font-size: 8pt; margin: 5px; text-align: center; border-width: 2px 0 2px 0; border-style: solid; }   content: none; }   background-color: none; padding: 4px 55px 4px 15px; position: relative; text-align: right; }   right: 15px; left: auto; }   float: left; }   right: 15px; margin-left: 61.5%; border-radius: 12px 0 0 12px; }
 * , *:before, *:after {
 * 1) ChatHeader,
 * 2) WikiaPage {
 * 1) ChatHeader {
 * 1) ChatHeader .public {
 * 1) ChatHeader .public img {
 * 1) ChatHeader .User {
 * 1) WikiaPage {
 * 1) WikiaPage .Chat,
 * 2) WikiaPage #Write {
 * 1) ChatHeader .User img,
 * 2) WikiaPage .Chat .avatar,
 * 3) Rail .User img,
 * 4) Write > img,
 * 1) WikiaPage .Chat {
 * 1) WikiaPage .Chat ul {
 * 1) WikiaPage .Chat li {
 * 1) WikiaPage .Chat li.continued {
 * 1) WikiaPage .Chat li > .avatar {
 * 1) WikiaPage .Chat li > .message {
 * 1) WikiaPage .Chat li.continued > .message {
 * 1) WikiaPage .Chat li > .username {
 * 1) WikiaPage .Chat li > .username:after {
 * 1) WikiaPage .Chat li.inline-alert {
 * 1) WikiaPage .Chat li.inline-alert:before,
 * 2) WikiaPage .Chat li.inline-alert:after {
 * 1) WikiaPage .Chat li.you {
 * 1) WikiaPage .Chat li.you .avatar {
 * 1) WikiaPage .Chat li.you .time {
 * 1) WikiaPage .Chat li.you .message {

@import url('https://fonts.googleapis.com/css?family=Open+Sans'); @import url('https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css'); /* Removing rounded edges */ border-radius: 0 !important; } /* Applying fixes to the chat header */ height: 50px !important; }   padding-left: 0 !important; vertical-align: middle !important; height: 50px !important; margin-right: 200px !important; }   display: inline-block; vertical-align: middle; padding: 3px; }   margin-top: 0; vertical-align: middle; } /* Applying fixes to the chat */ top: 60px !important; }   right: 240px; }   width: 225px; } /* Applying fixes to the user item */ border: none !important; width: 150px; top: 8px; margin-right: 16px; height: auto; }   margin-left: 15px; }   height: 28px; width: 28px; } .User .details { margin-left: 10px; } .User .username { font-size: 10pt; font-weight: bold; position: relative; word-wrap: break-word; overflow-wrap: break-word; top: 5px; overflow: visible; -webkit-transition: all 2s ease; -moz-transition: all 2s ease; -ms-transition: all 2s ease; -o-transition: all 2s ease; transition: all 2s ease; } .User .username .badge { top: -4px; } .User.away .username { top: 0; } .User.away .details .status { display: inline-block; padding: 2px 6px; border-radius: 2px; margin-top: 1px; font-size: 9px; font-family: 'Open Sans', Helvetica, Arial, sans-serif; } /* Rounding the avatars */ .UserStatsMenu .info img { border-radius: 100%; border-width: 2px; } /* Fixing the avatar near the message box */ left: 5px !important; top: -2px !important; } /* Adding fixes to the chat messages */ .Chat li[data-user] .username:after { content: none; } /* Removing the tildes from the inline alerts */ content: none !important; } /* Redesigning the chat rail */ .Rail { padding: 8px; } .Rail .public { margin: 0 !important; padding: 8px 0; text-align: center; background: none !important; box-shadow: none !important; } .Rail .public .wordmark { padding: 0; margin: 0; vertical-align: middle; } .Rail .public .chevron { display: none !important; } .Rail .User { padding-top: 12px; padding-bottom: 12px; } .Rail #WikiChatList { height: auto; max-height: 380px; overflow: hidden; } .Rail .private { background-image: none !important; background-color: transparent !important; text-align: center; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 10pt; text-transform: uppercase; border: none !important; padding: 4px; }   margin-left: -5px; }   margin-left: -5px; } /* Creating the CSS for the UI */ display: block; text-align: center; padding: 4px; }   font-family: 'Open Sans', Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 10px; }   margin-left: 3px; } /* Wikia Page */ border-radius: 0 0 0 10px !important; } /* UserStatsMenu */ .UserStatsMenu .info { margin-right: -3px; margin-left: -3px; margin-top: -3px; } .UserStatsMenu .actions ul li .label { font-size: x-small; text-transform: uppercase; font-weight: bold; }   width: 75px; top: 4px; } .Write .message { background-color: #f1f1f1; border: none; } .popover-inner { border: none; background: #f6f6f6; } .UserStatsMenu { background: #f6f6f6; } .popover.bottom .arrow { display: none; } .UserStatsMenu .info img { margin-right: 3px; }
 * 1) ChatHeader,
 * 2) WikiaPage {
 * 1) ChatHeader {
 * 1) ChatHeader .public {
 * 1) ChatHeader .public a[href^="/wiki/"] {
 * 1) ChatHeader .public img {
 * 1) WikiaPage {
 * 1) WikiaPage .Chat,
 * 2) WikiaPage #Write {
 * 1) WikiaPage .Rail {
 * 1) ChatHeader .User {
 * 1) ChatHeader .User .username {
 * 1) ChatHeader .User > img {
 * 1) ChatHeader .User img,
 * 2) WikiaPage .Chat .avatar,
 * 3) Rail .User img,
 * 4) Write > img,
 * 1) Write > img {
 * 1) WikiaPage .Chat li.inline-alert:before,
 * 2) WikiaPage .Chat li.inline-alert:after {
 * 1) WikiChatList .User .details {
 * 1) PrivateChatList .User .details {
 * 1) list-arrow-down,
 * 2) list-arrow-up,
 * 3) toggleChatList {
 * 1) toggleChatList {
 * 1) toggleChatList .icon {
 * 1) WikiaPage {
 * 1) ChatHeader .User {

-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } /* Removing border radius from the chat header */ border-radius: 0 !important; }   display: none; height: 50px; left: 0; margin: 0; position: fixed; top: 0; width: 100%; }   display: block; }   height: 50px; margin-right: 200px; padding-left: 0 !important; vertical-align: middle; }   display: inline-block; padding: 3px; vertical-align: middle; }   margin-top: 0; vertical-align: middle; }   width: 150px; }   top: 0 !important; left: 0 !important; }   right: 240px; } .UserStatsMenu .info img { border-radius: 100%; border-width: 2px; }   overflow-x: hidden; width: 225px; }   border: none !important; height: auto; margin-right: 16px; top: 8px; }   height: 28px; width: 28px; }   margin-left: 10px; }   display: inline-block; font-size: 12px; font-weight: bold; letter-spacing: .15px; margin: 0 5px; max-width: 150px; overflow: hidden; overflow-wrap: normal; text-transform: uppercase; text-overflow: ellipsis; vertical-align: 8px; word-wrap: normal; white-space: nowrap; }   left: 0; padding-left: 8px; position: absolute; text-align: center; top: 0; width: 100%; }   position: absolute; top: 8px; } .Rail { padding: 8px; } .Rail .public { margin: 0; margin-top: 40px; padding: 8px 0; text-align: center; background: none !important; box-shadow: none !important; } .Rail .public.selected { opacity: 0.6; } .Rail .public .wordmark { padding: 0; margin: 0; vertical-align: middle; } .Rail .public .chevron { display: none !important; } .Rail .User { padding-top: 12px; padding-bottom: 12px; } .Rail #WikiChatList { height: auto; max-height: 380px; overflow: hidden; } .Rail .private { background-image: none !important; background-color: transparent !important; border: none !important; font-size: 12px; font-weight: bold; letter-spacing: .15px; overflow: hidden; padding: 4px; text-align: center; text-transform: uppercase; vertical-align: 8px; word-wrap: normal; white-space: nowrap; }   margin-left: -5px; }   margin-left: -5px; } /* Creating the CSS for the UI */ display: block; text-align: center; padding: 4px; }   font-family: 'Open Sans', Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: 10px; }   margin-left: 3px; } /* UserStatsMenu */ .UserStatsMenu .info { margin-right: -3px; margin-left: -3px; margin-top: -3px; } .UserStatsMenu .actions ul li .label { font-size: x-small; text-transform: uppercase; font-weight: bold; }   width: 75px; top: 4px; } .Write .message { background-color: #f1f1f1; border: none; } .popover-inner { border: none; background: #f6f6f6; } .UserStatsMenu { background: #f6f6f6; } .popover.bottom .arrow { display: none; } .UserStatsMenu .info img { margin-right: 3px; }
 * before,
 * after {
 * after {
 * 1) ChatHeader,
 * 2) WikiaPage {
 * 1) ChatHeader {
 * 1) ChatHeader.header--show {
 * 1) ChatHeader .public {
 * 1) ChatHeader .public [href^="/wiki/"] {
 * 1) ChatHeader .public img {
 * 1) ChatHeader .User {
 * 1) WikiaPage {
 * 1) WikiaPage .Chat,
 * 2) WikiaPage #Write {
 * 1) ChatHeader .User img,
 * 2) WikiaPage .Chat .avatar,
 * 3) Rail .User img,
 * 4) Write > img,
 * 1) Rail {
 * 1) ChatHeader .User,
 * 2) Rail .User.self {
 * 1) ChatHeader .User > img,
 * 2) Rail .User.self > img {
 * 1) ChatHeader .User .details,
 * 2) Rail .User .details {
 * 1) ChatHeader .User .username,
 * 2) Rail .User .username {
 * 1) Rail .User.self {
 * 1) Rail .User.self img.wds-avatar {
 * 1) WikiChatList .User .details {
 * 1) PrivateChatList .User .details {
 * 1) list-arrow-down,
 * 2) list-arrow-up,
 * 3) toggleChatList {
 * 1) toggleChatList {
 * 1) toggleChatList .icon {
 * 1) ChatHeader .User {

/** Original code by Pirr & Luqgreg form http://pl.nfs.wikia.com/wiki/MediaWiki:Profile.css **/ .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 } .Board .MiniEditorWrapper .toolbar .cke_button > a { border-radius: 0 }

/* Light */ .ajax-poll form 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; } div.ajax-poll { background-color: #f6f6f6; border: none !important; } .pollAnswerVotes { border: none !important; height: 35px !important; } div.ajax-poll div.header { background-color: #ebebeb; padding: 12px; margin-left: -14px !important; margin-top: -14px !important; margin-right: -17px !important; color: black; } .pollAnswerVotes div { background-color: #ccc !important; } .pollAnswerVotes span { left: 7px !important; } div#ajax-poll-area { font-size: 14px; font-weight: bold; color: black; }

/* Monobook Column */

div#p-wikicities-nav.portlet > div.pBody > hr { display: none; } .generated-sidebar .pBody, #searchBody, #p-tb .pBody, #p-wikicities-nav .pBody, #p-lang .pBody {} div#column-content { background-color: transparent; } .portlet h5 { text-transform: uppercase; font-weight: bold; font-size: x-small; } .portlet ul { list-style-image: none; list-style-type: disc; } input.searchButton { background-image: none !important; border-radius: 0 !important; text-transform: uppercase; font-size: 10px !important; font-weight: bold; border: 1px black solid; background-color: transparent; color: black; padding: 7px 12px !important; height: 35px; cursor: pointer; } input.searchButton:hover { transition: .3s; border-color: #3a3a3a; color: #3a3a3a; }   padding: 0; }
 * 1) searchGoButton {

/* Monobook VE icon stylesheet */ /** toolbar customization **/ .skin-monobook.action-edit #content #toolbar { border: solid hsla(0,0%,0%,0.2); border-width: 1px 1px 0; } .skin-monobook.action-edit #content #wpTextbox1 { box-sizing: border-box; /* aligns textbox with toolbar */ border-color: hsla(0,0%,0%,0.2); } /** button customization **/ .skin-monobook.action-edit #content #toolbar .mw-toolbar-editbutton { width: 23px; height: 22px; padding: 31px 20px 9px 20px; box-sizing: border-box; display: inline-block; border-right: 1px solid hsla(0,0%,0%,0.2); background-position: center; background-repeat: no-repeat; } /** dark theme customization **/ .skin-monobook.action-edit.page-dark #content #toolbar .mw-toolbar-editbutton { border-right: 1px solid hsla(0,0%,100%,0.2); } .skin-monobook.action-edit.page-dark #content #toolbar { border: solid hsla(0,0%,100%,0.2); border-width: 1px 1px 0; } .skin-monobook.action-edit.page-dark #content #wpTextbox1 { background-color: #000; color: #fff; border-color: hsla(0,0%,100%,0.2); } /** individual buttons **/ .skin-monobook #mw-editbutton-bold { background-image: url('//images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/bold-b.svg'); } .skin-monobook #mw-editbutton-italic { background-image: url('//images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/italic-i.svg'); } .skin-monobook #mw-editbutton-link { background-image: url('//images.wikia.nocookie.net/common/resources/lib/oojs-ui/themes/apex/images/icons/link.svg'); } .skin-monobook #mw-editbutton-extlink { background-image: url('//images.wikia.nocookie.net/common/extensions/VisualEditor/modules/ve-mw/ui/styles/images/icons/source.svg'); } .skin-monobook #mw-editbutton-headline { background-image: url('//images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/text-style.svg'); } .skin-monobook #mw-editbutton-image { background-image: url('//images.wikia.nocookie.net/common/extensions/VisualEditor/wikia/modules/ve/ui/styles/images/icons/image.svg'); } .skin-monobook #mw-editbutton-media { background-image: url('//images.wikia.nocookie.net/common/extensions/VisualEditor/wikia/modules/ve/ui/styles/images/icons/video.svg'); } .skin-monobook #mw-editbutton-math { background-image: url('//images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/superscript.svg'); } .skin-monobook #mw-editbutton-nowiki { background-image: url('//images.wikia.nocookie.net/common/resources/lib/oojs-ui/themes/apex/images/icons/clear.svg'); } .skin-monobook #mw-editbutton-signature { background-image: url('//images.wikia.nocookie.net/speedit/images/7/77/Signature.svg'); background-size: 20px; } .skin-monobook #mw-editbutton-hr { background-image: url('//images.wikia.nocookie.net/common/resources/lib/oojs-ui/themes/apex/images/icons/window.svg'); } .skin-monobook.page-dark #mw-editbutton-bold { background-image: url('//images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/bold-b-white.svg'); } .skin-monobook.page-dark #mw-editbutton-italic { background-image: url('//images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/italic-i-white.svg'); } .skin-monobook.page-dark #mw-editbutton-link { background-image: url('//images.wikia.nocookie.net/common/resources/lib/oojs-ui/themes/apex/images/icons/link-white.svg'); } .skin-monobook.page-dark #mw-editbutton-extlink { background-image: url('//images.wikia.nocookie.net/common/extensions/VisualEditor/modules/ve-mw/ui/styles/images/icons/source-white.svg'); } .skin-monobook.page-dark #mw-editbutton-headline { background-image: url('//images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/text-style-white.svg'); } .skin-monobook.page-dark #mw-editbutton-image { background-image: url('//images.wikia.nocookie.net/common/extensions/VisualEditor/wikia/modules/ve/ui/styles/images/icons/image-white.svg'); } .skin-monobook.page-dark #mw-editbutton-media { background-image: url('//images.wikia.nocookie.net/common/extensions/VisualEditor/wikia/modules/ve/ui/styles/images/icons/video-white.svg'); } .skin-monobook.page-dark #mw-editbutton-math { background-image: url('//images.wikia.nocookie.net/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/superscript-white.svg'); } .skin-monobook.page-dark #mw-editbutton-nowiki { background-image: url('//images.wikia.nocookie.net/common/resources/lib/oojs-ui/themes/apex/images/icons/clear-white.svg'); } .skin-monobook.page-dark #mw-editbutton-signature { background-image: url('//images.wikia.nocookie.net/speedit/images/f/ff/Signature-white.svg'); } .skin-monobook.page-dark #mw-editbutton-hr { background-image: url('//images.wikia.nocookie.net/common/resources/lib/oojs-ui/themes/apex/images/icons/window-white.svg'); } /** responsive styling **/ @media only screen and (max-width: 720px) { .skin-monobook.action-edit #content #toolbar .mw-toolbar-editbutton, .skin-monobook.action-edit.page-dark #content #toolbar .mw-toolbar-editbutton { border: none; }	.skin-monobook.action-edit #content #toolbar { display: grid; grid-template-columns: repeat(auto-fill, minmax(40px, 1fr)); } }

/* Monobook Header Tabs */ text-transform: uppercase; font-size: 10px; font-weight: bold !important; color: black; }   text-decoration: none !important; }   border: none; border-bottom: 2px black solid !important; }   background: transparent; border: none !important; }   margin-top: -1px !important; }   background-color: transparent; }
 * 1) p-cactions li a {
 * 1) p-cactions li a:hover {
 * 1) p-cactions li.selected {
 * 1) p-cactions li {
 * 1) p-cactions {
 * 1) p-cactions li.selected a {

/* Minimal Scrollbar */
 * -webkit-scrollbar {

width: 6px !important; height: 6px !important; }
 * -webkit-scrollbar-thumb {

background-color: rgba(50,50,50,0.5) !important; }
 * -webkit-scrollbar-thumb:hover {

background-color: rgba(40,40,40,0.75) !important; }
 * -webkit-scrollbar-thumb:active {

background-color: rgba(30,30,30,1) !important; }
 * -webkit-scrollbar-track {

background-color: transparent !important; }

/* Selection Color */


 * selection,
 * -moz-selection {

background: rgba(120,120,120,0.5); }