User:DEmersonJMFM/global.css

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

/***********************************************************************************/ /********************* Fixes For A Clumsy Global Navigation Bar ********************/ /*********** Author: DEmersonJMFM - Latest Update: 13:52, 31 May 2016 **************/ /***********************************************************************************/

/* Reduces Size, Increases Transition Time of Bar, & Fixs Positioning Problem For Comments */ .global-navigation { height: 38px; transition-duration: 1s; top: 0 !important; }

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

/* 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: 20:25, 12 July 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; } @media screen and (max-width: 1595px) { /* Screens less than 1595px */ .CategorySelect.editPage .categories { height: 125px; } } @media screen and (min-width: 1596px) { /* Screens more than 1596px */ .CategorySelect.editPage .categories { height: 350px; } }

/* Fullscreen Source Improvements - Most Noticable at 1366 x 768px */ .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/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; } }

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

/***********************************************************************************/ /******************************** Poll Improvements ********************************/ /*********** Author: DEmersonJMFM - Latest Update: 16:48, 11 May 2016 **************/ /***********************************************************************************/

/* General Position Improvements */
 * 1) WikiaArticle div.ajax-poll { border: none; margin-top: 0.5em; padding: 3px 15px 0 5px; }
 * 2) WikiaArticle div.ajax-poll .header { padding: 0 0 10px 0; }

/* Removes Space b/w Question & Answers */ div[id^=wpPollStatus] { display: none; }

/* Improved Choice Alignment With Input Button */ .pollAnswerName input[type=radio] { height: 13px !important; width: 21px; margin: 0 3px 0 0; }

/* Shrink Result Bars & Add Additional Space b/t Choices */ .pollAnswer .pollAnswerVotes div { height: 12px; line-height: 12px; } .pollAnswer .pollAnswerVotes { height: 12px; margin-bottom: 5px; }

/* Moves Vote Button & Poll Description Text Up */
 * 1) ajax-poll-area>div:last-child { margin: -1em 0 0 4em; }

/* Center Vote Totals & Vote Button With Label Dependent On Screen Size*/ @media screen and (max-width: 1595px) { /* Screens less than 1595px */ #WikiaArticle .pollAnswerVotes span { top: -4px; } #ajax-poll-area+input[name=wpVote] { margin-top: -22px; display: block; } } @media screen and (min-width: 1596px) { /* Screens more than 1596px */ #WikiaArticle .pollAnswerVotes span { top: -6px; } #ajax-poll-area+input[name=wpVote] { margin-top: -2em; display: block; } }

/***********************************************************************************/ /*************** 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 */ /* Review: https://github.com/Wikia/app/blob/dev/skins/oasis/css/touchScreen.scss */ input:not(.search-input), input[type=button], input[type=submit], input[type=reset], input[type=radio], button, select:not(.search-select) { height: 21px !important; } input#searchSubmit { height: 26px !important; } /* Needed Only If Added Site-Wide Or Not Using Above Global Nav Improvements */

/* Better Typography Layout For Larger Screens */ @media screen and (min-width: 1596px) { /* Screens more than 1596px */ .WikiaPage h1 { font-size: 27px; } .WikiaPage h2 { font-size: 24px; } .WikiaPage h3 { font-size: 21px; } .WikiaPage h4 { font-size: 18px; } }

/* Force Specific Headers To Be Smaller */ @media screen and (min-width: 1596px) { /* Screens more than 1596px */ .EditPageHeader h1 { font-size: 19px !important; } .EditPageHeader h2 { font-size: 14px !important; } .AdminDashboardHeader h1 { font-size: 24px !important; } .QuickStatsWidget h1, .AdminDashboardArticleHeader h1, .AdminDashboardGeneralHeader h2 { font-size: 21px !important; } }

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

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

/* Features To Remove */ section#videosModule.videos-module-rail.module, /* Must Watch Videos Module */ .banner-notifications-wrapper.float, /* Prevent Notification Banner From Floating (JS Test Mode) */ display: none; }
 * 1) ext-wikia-adEngine-template-floor, /* Ad Covering Content On Main Pages */
 * 2) RECIRCULATION_RAIL { /* "You May Also Like" Rail Module (For fandom.wikia.com) */

/***********************************************************************************/ /* Newer MediaWiki Diff Style -- http://dev.wikia.com/wiki/NewDiffStyle (Original) */ /***** Modified Version By: DEmersonJMFM - Latest Update: 03:25, 29 April 2016 *****/ /***********************************************************************************/

table.diff { width: 100% !important; } table.diff td { padding: 0.33em 0.5em !important; } table.diff td > div { overflow: visible; } td.diff-marker { font-weight: bold; line-height: 1.2; } table.diff td.diff-marker { padding: 0.25em !important; } table.diff td.diff-addedline, table.diff td.diff-deletedline, table.diff td.diff-context { font-size: 85%; line-height: 1.6; white-space: pre-wrap; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; } table.diff td.diff-addedline { border-color: #cfc; background-color: #f8fff8; color: #252525; } table.diff td.diff-deletedline { border-color: #fcc; background-color: #fff8f8; color: #252525; } table.diff td.diff-context { border-color: #e6e6e6; background-color: #f9f9f9; color: #333333; } table.diff .diffchange { color: inherit; } td.diff-addedline .diffchange, td.diff-deletedline .diffchange { border-radius: 0.33em; padding: 0.15em 0; } td.diff-addedline .diffchange { background-color: #cfc; } td.diff-deletedline .diffchange { background-color: #fcc; }