User:JPhil2.0/classiceditor.css

/***********************************************************************************/ /************* Editing Layout Improvements (Classic Rich-Text Editor) **************/ /******************************** Author: JPhil2.0 *********************************/ /***** ATTRIBUTION OF FOLLOWING CODE REQUIRED UNDER CC-BY-SA LICENSE IF COPIED *****/ /*                                                                                */ /********** To Use Code, Copy/Paste Import at the Top of Your Global.css ***********/ /* @import "http://community.wikia.com/index.php?title=User:JPhil2.0/classiceditor.css&action=raw&ctype=text/css&smaxage=86400&templates=expand"; */ /*                                                                                */ /****************************** Additional Information *****************************/ /********* Note: Improvements are inspired by "http://community.wikia.com/index.php?title=User:DEmersonJMFM/classiceditor.css" and "http://dev.wikia.com/wiki/EditorSourceMinimal" *********/

/************************************************************************************/ /* Remove Completely */ .EditPageRail .module_insert, /* Features & Media Module */ .EditPageRail .module_templates, /* Templates Module */ .preview-header { display: none; } /* Preview Header */ /* Expand Categories Module */ .EditPage .module > .module_content { padding: 10px 20px; } @media screen and (max-width: 1595px) { /* Screens less than 1595px */ .CategorySelect.editPage .categories { height: 125px; } /* 25px per Category = 5 total */ } @media screen and (min-width: 1596px) { /* Screens more than 1596px */ .CategorySelect.editPage .categories { height: 350px; } /* 25px per Category = 14 total */ } /* Fullscreen Source Improvements - Most Noticable for 1366 x 768px Screens (Per In Use Example) */ /* Cause: http://community.wikia.com/wiki/User_blog:DaNASCAT/Technical_Update:_March_17,_2015#comm-812580 */ .editpage-sourcewidemode.mode-source.editpage-sourcewidemode-on .EditPageRail .buttons { padding-top: 7px; } .editpage-sourcewidemode.mode-source.editpage-sourcewidemode-on .EditPageRail .module_page_controls .module_content #wpSummary { width: 255px; word-break: normal; } /* Increase Edit Summary Horizontally, But Not Vertically */ .editpage-sourcewidemode.mode-source.editpage-sourcewidemode-on .EditPageRail .module_page_controls .module_content .checkboxes span { width: 45px; } input#wpSummary { word-break: break-word; } /* Force Edit Summary to Break - Google Chrome */ /* Source/Visual (Expanded Rail) Improvements - Excludes New Page Source/Visual */ .editpage-intro { margin-bottom: -3px; } .EditPage .module_page_controls #wpSummary { margin: 8px 0; width: 248px; } /* Increase Edit Summary for Easier Viewing */ @media screen and (max-width: 1595px) { /* Screens less than 1595px */ .EditPage .module_page_controls #wpSummary { height: 46px; } } @media screen and (min-width: 1596px) { /* Screens more than 1596px */ .EditPage .module_page_controls #wpSummary { height: 92px; } /* Useful When Undoing Edits */ } /* New Page Source Improvements (Some Elements Have Various Sizings/Positionings) */ .editpage-sourcewidemode.mode-source.editpage-sourcewidemode-on .EditPageRail .module_page_controls .control-button { margin-top: 0; } /* Publish Button */ .editpage-sourcewidemode.mode-source.editpage-sourcewidemode-on .EditPageRail .module_page_controls .module_content .diff-link { margin: 3px 5px; } /* Show Changes */ .editpage-sourcewidemode.mode-source.editpage-sourcewidemode-on .EditPageRail .module_page_controls .module_content .preview_box { border: none; } /* Match Fullscreen */
 * 1) editarea .loading-indicator { display: none; }
 * 1) EditPage.toolbar-expanded .preview_box { clear: none; padding-left: 0; } /* Moves Everything to One Line */
 * 1) EditPage.toolbar-expanded .EditPageToolbar { height: 40px; } /* Removes 30px of Empty Veritcal Space */
 * 2) EditPage.toolbar-expanded .preview_mobile { padding-top: 8px; }
 * 3) EditPage.toolbar-expanded .preview_desktop { padding-top: 10px; }

/**************************** edit header customisation ****************************/ .skin-oasis .HelpLink { padding-bottom: 5px; } .skin-oasis .EditPage .module > .module_content, .skin-oasis .EditPageMainContainer .EditPageToolbar, .skin-oasis .EditPage .module > h3, .EditPage .cke_button > a:hover { background-image: none; } .skin-oasis .EditPage .module > h3 { border-bottom: 1px hsla(0,0%,0%,0.1) solid; } .skin-oasis .EditPage .module > h3 { border-color: 1px hsla(0,0%,100%,0.1) solid; } .EditPageHeader > h2 { margin: 14px 5px 2px 0px; padding: 0px; }

.EditPageHeader > h1 { margin: 10px 5px 2px 0px; padding: 0px; }

/**************************** edit toolbar customisation ***************************/ .skin-oasis .EditPage.mode-source .EditPageToolbar > .cke_toolbar_source { width: auto; display: inline-block; border-radius: 1px; margin: 6px 6px; padding: 1px; border: 1px hsla(0,0%,0%,0.2) solid; text-align:center; } .skin-oasis .EditPage.mode-source .EditPageToolbar > .cke_toolbar_source img { 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 .EditPageToolbar > .cke_toolbar_source, .skin-oasis.oasis-dark-theme .EditPage.mode-source .EditPageToolbar > .cke_toolbar_source img { border-color: hsla(0,0%,100%,0.2); } /************************* individual button customization *************************/ /************************* individual button customization *************************/ .skin-oasis #mw-editbutton-bold { background-image: url("http://slot1.images.wikia.nocookie.net/__cb1468325243/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/bold-b.svg"); } .skin-oasis #mw-editbutton-italic { background-image: url("http://slot1.images.wikia.nocookie.net/__cb1468325243/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/italic-i.svg"); } .skin-oasis #mw-editbutton-link { background-image: url("http://slot1.images.wikia.nocookie.net/__cb1468325243/common/extensions/VisualEditor./../../resources/lib/oojs-ui/themes/apex/images/icons/link.svg"); } .skin-oasis #mw-editbutton-extlink { background-image: url("http://slot1.images.wikia.nocookie.net/__cb1468325243/common/extensions/VisualEditor/modules/ve-mw/ui/styles/images/icons/source.svg"); } .skin-oasis #mw-editbutton-headline { background-image: url("http://slot1.images.wikia.nocookie.net/__cb1468325243/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/text-style.svg"); } .skin-oasis #mw-editbutton-image { background-image: url("http://slot1.images.wikia.nocookie.net/__cb1468325243/common/extensions/VisualEditor/wikia/modules/ve/ui/styles/images/icons/image.svg"); } .skin-oasis #mw-editbutton-wmu { background: url("http://slot1.images.wikia.nocookie.net/__cb1468325243/common/extensions/VisualEditor/modules/ve-mw/ui/styles/images/icons/infobox.svg") no-repeat center; background-size: 18px; } .skin-oasis #mw-editbutton-media { background-image: url("http://slot1.images.wikia.nocookie.net/__cb1468325243/common/extensions/VisualEditor/wikia/modules/ve/ui/styles/images/icons/video.svg"); } .skin-oasis #mw-editbutton-math { background-image: url("http://slot1.images.wikia.nocookie.net/__cb1468325243/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/superscript.svg"); } .skin-oasis #mw-editbutton-nowiki { background-image: url("http://slot1.images.wikia.nocookie.net/__cb1468325243/common/extensions/VisualEditor./../../resources/lib/oojs-ui/themes/apex/images/icons/clear.svg"); } .skin-oasis #mw-editbutton-signature { background-image: url("http://static1.wikia.nocookie.net/central/images/6/6b/Signature-icon.png"); } .skin-oasis #mw-editbutton-hr { background-image: url("http://slot1.images.wikia.nocookie.net/__cb1468325243/common/extensions/VisualEditor./../../resources/lib/oojs-ui/themes/apex/images/icons/window.svg"); } .skin-oasis #mw-editbutton-wpg { background: url("http://slot1.images.wikia.nocookie.net/__cb1468325243/common/extensions/VisualEditor/modules/ve-mw/ui/styles/images/icons/gallery-ltr.svg") no-repeat center; background-size: 20px; } .skin-oasis #mw-editbutton-vet { background-image: url("http://static1.wikia.nocookie.net/central/images/5/5f/Video-icon.png"); background-size: 20px; } .skin-oasis.oasis-dark-theme #mw-editbutton-bold { background-image: url("http://slot1.images.wikia.nocookie.net/__cb1468325243/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/bold-b-white.svg"); } .skin-oasis.oasis-dark-theme #mw-editbutton-italic { background-image: url("http://slot1.images.wikia.nocookie.net/__cb1468325243/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/italic-i-white.svg"); } .skin-oasis.oasis-dark-theme #mw-editbutton-link { background-image: url("http://slot1.images.wikia.nocookie.net/__cb1468325243/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("http://slot1.images.wikia.nocookie.net/__cb1468325243/common/extensions/VisualEditor/modules/ve-mw/ui/styles/images/icons/source-white.svg"); } .skin-oasis.oasis-dark-theme #mw-editbutton-headline { background-image: url("http://slot1.images.wikia.nocookie.net/__cb1468325243/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("http://slot1.images.wikia.nocookie.net/__cb1468325243/common/extensions/VisualEditor/wikia/modules/ve/ui/styles/images/icons/image-white.svg"); } .skin-oasis.oasis-dark-theme #mw-editbutton-wmu { background: url("http://slot1.images.wikia.nocookie.net/__cb1468325243/common/extensions/VisualEditor/modules/ve-mw/ui/styles/images/icons/infobox-white.svg") no-repeat center; background-size: 75%; } .skin-oasis.oasis-dark-theme #mw-editbutton-media { background-image: url("http://slot1.images.wikia.nocookie.net/__cb1468325243/common/extensions/VisualEditor/wikia/modules/ve/ui/styles/images/icons/video-white.svg"); } .skin-oasis.oasis-dark-theme #mw-editbutton-math { background-image: url("http://slot1.images.wikia.nocookie.net/__cb1468325243/common/extensions/VisualEditor/lib/ve/src/ui/styles/images/icons/superscript-white.svg"); } .skin-oasis.oasis-dark-theme #mw-editbutton-nowiki { background-image: url("http://slot1.images.wikia.nocookie.net/__cb1468325243/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("http://static1.wikia.nocookie.net/central/images/2/2b/Signature-icon-white.png"); } .skin-oasis.oasis-dark-theme #mw-editbutton-hr { background-image: url("http://slot1.images.wikia.nocookie.net/__cb1468325243/common/extensions/VisualEditor./../../resources/lib/oojs-ui/themes/apex/images/icons/window-white.svg"); } .skin-oasis.oasis-dark-theme #mw-editbutton-wpg { background: url("http://slot1.images.wikia.nocookie.net/__cb1468325243/common/extensions/VisualEditor/modules/ve-mw/ui/styles/images/icons/gallery-ltr-white.svg") no-repeat center; background-size: 18px; } .skin-oasis.oasis-dark-theme #mw-editbutton-vet { background-image: url("http://static1.wikia.nocookie.net/central/images/e/e6/Video-icon-white.png"); }

.skin-oasis .EditPage.mode-source .EditPageToolbar > .cke_toolbar_source .cke_toolbar_expand { margin: 0 10px 2px; }

/* Restyling Preview buttons in Editor */ .EditPage .module_page_controls .preview_box h3 { float: left; width: 34%; padding:0; margin: 10px 0 0 0; height: auto; line-height: normal; } .editpage-sourcewidemode-on .module_page_controls .preview_box h3 { width: auto; } .EditPage .module_page_controls .preview_box h3:after { content: ":"; } .EditPage .module_page_controls .preview_box .preview_icon { height: auto; padding:0; margin: 5px 0 0 0; width: 50%; border:none; } .EditPage .module_page_controls .preview_box .preview_icon svg { height: 24px; margin-bottom: 0; } .EditPage .module_page_controls .preview_box .preview_icon p { display: none; }

.EditPage .module_page_controls .checkboxes > label { margin-bottom: 0; }