User:DEmersonJMFM/global.css

/******************* IF COPIED, APPROPRIATE ATTRIBUTION REQUIRED *******************/

/***********************************************************************************/ /********************* Fixes For A Clumsy Global Navigation Bar ********************/ /********** Author: DEmersonJMFM - Latest Update: 23:29, 21 March 2016 *************/ /***********************************************************************************/

/* Reduces Size and Increases Transition Time of Bar */ .global-navigation { height: 38px; transition-duration: 1s; }

/* Remove Top Ad Thus Reducing Space Under Bar */ .WikiaTopAds { display: none; }

/* Fix When Header Links Are Used */ .global-navigation { top: 47px !important; }

/* Remove Completely */ .global-navigation .wikia-logo__subtitle, /* The Home Of Fandom Logo */ .global-navigation .table-cell.hubs-links, /* Hub Cells */ .global-navigation div#exploreWikiaEntryPoint, /* Explore Wikia Dropdown */ .global-navigation .start-wikia-container, /* Start a Wikia Button */ .global-nav-search-input-wrapper .search-button { display: none; } /* Search Button */

/* Changes to Wikia Positioning */ .global-navigation .wikia-logo-container { padding-bottom: 10px; }

/* Enlarge Search Bar to Fill Space & Restyling */ .global-nav-search-input-wrapper .search-input { height: 20px !important; padding-right: 10px; background-color: white; border: 1px solid #949BA5; } .global-navigation #searchInput::-webkit-input-placeholder { color: #767C83; } /* Chrome */ .search-container.table-cell { padding-right: 10px; } .search-form-wrapper .search-form { padding-bottom: 5px; } .global-nav-search-input-wrapper .autocomplete-container { width: 813px; } /* Same Size As Search */

/* Reposition Dropdown Arrow & Magnify Glass */ .search-select-wrapper .chevron { margin-top: 8px; } .global-nav-search-input-wrapper .search-icon { height: 20px; } .search-select-wrapper .search-select-underlay { height: 20px; }

/* Restore Square Avatar & Position */ .AccountNavigation .account-navigation-item .avatar-container.logged-avatar { border-radius: 0; height: 22px; width: 22px; margin-bottom: 6px; } .AccountNavigation .avatar { height: 20px; width: 20px; }

/* Initial Avatar Dropdown Improvements */ .AccountNavigation .account-navigation-item .links-container .chevron { margin-top: 11px; } .AccountNavigation .user-menu { width: 140px; top: 80%; } .AccountNavigation .user-menu > li > a { padding: 8px 15px; } .AccountNavigation .user-menu > li { height: 35px; }

/* Notification Improvements */ .global-navigation #GlobalNavigationWallNotifications { width: 300px; top: 4px; } .notifications-container .notifications-entry-point { height: 17px; width: 55px; margin-bottom: 6px; } .notifications-container .notifications-entry-point:after { margin-left: 43px; margin-top: 8px; } .notifications-container .bubbles { background-color: red; } .notifications-container .bubbles-count { color: red; }
 * 1) GlobalNavigationWallNotifications .notification { line-height: 15px; padding: 10px 0; }
 * 2) GlobalNavigationWallNotifications .notification .avatars .avatar { width: 22px; height: 22px; border-radius: 0%; }

/* Highlighted Notification Improvements */
 * 1) GlobalNavigationWallNotifications .notification.admin-notification { padding: 10px 5px 10px 0; }

/* Remove Black Shadow */ .global-navigation { box-shadow: none; } .search-form-wrapper .autocomplete { border: 1px solid #c8d2d7; border-top-width: 0; margin-top: 1px; }

/***********************************************************************************/ /************* Editing Layout Improvements (Classic Rich-Text Editor) **************/ /********** Author: DEmersonJMFM - Latest Update: 14:07, 25 January 2016 ***********/ /*********** Part of Improvements Found in User:DEmersonJMFM/global.js *************/ /***********************************************************************************/

/* 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; } .CategorySelect.editPage .categories { height: 125px; }

/* Fullscreen Source Improvements */ .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 - Chrome */
 * 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 Space */
 * 2) EditPage.toolbar-expanded .preview_mobile { padding-top: 8px; }
 * 3) EditPage.toolbar-expanded .preview_desktop { padding-top: 10px; }

/* Source Improvements */ .editpage-intro { margin-bottom: -3px; } .EditPage .module_page_controls #wpSummary { height: 46px; margin: 8px 0; width: 248px; } /* Increase Edit Summary for Easier Viewing */

/* 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 */

/***********************************************************************************/ /*************** Expand Comment Area For Threads, Walls, Blogs, etc ****************/ /************* Author: Ohmystars - Latest Update: 14:12, 30 May 2015 ***************/ /***********************************************************************************/

.editor-open .editarea textarea, .editor-open .editarea .cke_contents { height: 400px !important; }

/***********************************************************************************/ /****************************** Visual Improvements ********************************/ /***********************************************************************************/

/* Prevent Enlargement Of Some Touchscreen Buttons/Elements */ input, input[type=button], input[type=submit], input[type=reset], button, select { height: 21px !important; } /* Better Typography Layout */ @media screen and (min-width: 1596px) { .WikiaPage h1 { font-size: 27px; } } /* Screens more than 1596px */ @media screen and (min-width: 1596px) { .WikiaPage h2 { font-size: 24px; } } @media screen and (min-width: 1596px) { .WikiaPage h3 { font-size: 21px; } } @media screen and (min-width: 1596px) { .WikiaPage h4 { font-size: 18px; } }

/* Position Edit Button Inline With Title On Diff & History Pages */ .WikiaPageHeaderDiffHistory .wikia-button, .WikiaPageHeaderDiffHistory .wikia-menu-button { margin: 8px 0 0 10px; }

/* Remove Rail For CCS/JS Pages - Authors: Slyst & DEmersonJMFM */ body[class*="_css "] .WikiaRail { display: none; } body[class*="_js "] .WikiaActivityModule, body[class*="_js "] .ChatModule { display: none; } /* Keep JS Review Module - Below .WikiaMainContent */ body[class*="_js "] .WikiaMainContent, body[class*="_css "] .WikiaMainContent { width: 100%; }

/* Auto-Refresh Position */ .page-Special_WikiActivity #ajaxRefresh { position: absolute; right: 125px; bottom: 32px; }

/* Remove Must Watch Videos Module */ section#videosModule.videos-module-rail.module { display: none; }

/* More Space Between Threads On Special:Following */
 * 1) wikiafollowedpages-special-heading-board li { padding-bottom: 10px; }

/* Prevent Notification Banner From Floating (JS Test Mode) */ .banner-notifications-wrapper.float { display: none; }

/* Remove Ad Covering Content On Main Pages */
 * 1) ext-wikia-adEngine-template-floor { display: none; }

/* Remove "You May Also Like" Rail Module (For fandom.wikia.com) */
 * 1) RECIRCULATION_RAIL { display: none; }