User:Meztinos/global.css

/*********** EditorSourceMinimal - minimalist source editor customisation **********/ /*********************** stylesheet for dark-themed wiki usage *********************/ /**************************** 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; } .skin-oasis .EditPage .module > h3 { border-bottom: 1px hsla(0,0%,100%,0.1) solid; } /**************************** 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%,100%,0.2) solid; } .skin-oasis .EditPage.mode-source .mw-toolbar-editbutton { border-right: 1px hsla(0,0%,100%,0.2) solid; background-position: center; background-repeat: no-repeat; padding: 0 2px; } /********************************* 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-white.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-white.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-white.svg'); } .skin-oasis #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 #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 #mw-editbutton-image { background-image: url('//images.wikia.nocookie.net/speedit/images/c/cf/Image-white.svg'); } .skin-oasis #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 #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 #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 #mw-editbutton-signature { background-image: url('//images.wikia.nocookie.net/speedit/images/f/ff/Signature-white.svg'); } .skin-oasis #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 #mw-editbutton-wmu { background-image: url('//images.wikia.nocookie.net/speedit/images/a/a1/Photo-white.svg'); } .skin-oasis #mw-editbutton-wpg { background-image: url('//images.wikia.nocookie.net/speedit/images/2/2a/Gallery-white.svg'); } .skin-oasis #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%,100%,0.2); height: 22px; margin: 0; padding: 0 8px; position: relative; top: 3px; }	.skin-oasis .EditPage.mode-source .cke_toolbar_expand .expand { top: -3px; } } /*********************************** rail styling **********************************/ .skin-oasis.editor #EditPageRail { border-left: 1px hsla(0, 0%, 100%, 0.2) solid; } .skin-oasis.editor #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_insert .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_insert .RTEImageButton.cke_button_big .cke_icon { background-image: url('//images.wikia.nocookie.net/speedit/images/a/a1/Photo-white.svg'); } .skin-oasis.editor #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 #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 #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 #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_insert .cke_button.cke_button_big .cke_label { font-size: 8px; line-height: 1.5em; font-weight: bold; text-transform: uppercase; } /********************************* 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 > .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. #WMU_divWrapper #ImageUploadInputTable td, .skin-oasis.editor #WikiaPhotoGalleryEditor .WikiaPhotoGalleryEditorPageInner h1, .skin-oasis.editor #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 #WikiaPhotoGalleryEditor .preview .WikiaPhotoGalleryPreviewItemPlaceholder .image { background-image: url('//images.wikia.nocookie.net/speedit/images/a/a1/Photo-white.svg') !important; background-size: 40%; opacity: 0.2; } .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; }