User:StrawberryMaster/global.css

@import "http://community.wikia.com/index.php?title=User:StrawberryMaster/highlight.css&action=raw&ctype=text/css&smaxage=86400&templates=expand";

/**************************************************************************************/ /********************* Fixes For A Clumsy Global Navigation Bar ***********************/ /********* Author(s): DEmersonJMFM + OneTwoThreeFall (Original Inversion Code) ********/ /*************** Modified From Original Code By JayJayJohnson ***************/ /**** Original Version: 20:01, 2 December 2014 - Latest Update: 22:48, 18 May 2017 ****/ /******************************************************************************************/

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

/* Changes to Fandom Logo Positioning */ .wds-global-navigation__logo-fandom { padding-bottom: 0px; }

/* Correct Header Position For Direct Reply Thread Links (If Reply # Changed After Page Load) */ .ns-1201 .wds-global-navigation-wrapper { height: 90px; } .ns-1201 .WikiaPage { margin-top: -45px; }

/* Notification counter fix */ .wds-global-navigation__notifications-menu-counter { background-color: red; font-size: 11px; }

/* - all attribution goes to SuperSajuuk - */ /* Fix This */ .wds-global-navigation { border-top: none; box-shadow: none; transition-duration: .5s; transition-property: background-color; } /* Bottom Border */ .wds-global-navigation-wrapper { border-bottom: 1px solid !important; } /* Media Definitions */ @media only screen and (min-width: 1084px) { .wds-global-navigation__content-bar { width: 1064px !important; } .wds-global-navigation-wrapper { height: 48px !important; } } @media only screen and (min-width: 1596px) { .wds-global-navigation__content-bar { width: 1475px !important; } .wds-global-navigation-wrapper { height: 37px !important; } }

/* Remove Completely */ .wds-global-navigation__logo-wikia-caption, /* The Home Of Fandom Logo */ .wds-is-games, /* Games Hub */ .wds-is-movies, /* Movies Hub */ .wds-is-tv, /* TV Hub */ .wds-global-navigation__wikis-menu, /* Wikis Menu */ .wds-global-navigation__start-a-wiki { display: none !important; }

/* Fix Avatar Depiction */ .wds-avatar { border: transparent !important; border-radius: 12px !important; }

.wds-global-navigation__logo-wikia-icon { padding-bottom: 1px; }

.wds-global-navigation__start-a-wiki { background-color: transparent; }

/* 'X' Icon Styling */ .wds-button.wds-is-text, .wds-button.wds-is-text:focus:not(:disabled), .wds-button.wds-is-text:hover:not(:disabled) { background-color: #fff; } /* Remove Dark Background */ .wds-global-navigation__search-close { transition: none; } /* Kill Unnessecary Movement/Opacity Changes */ .wds-global-navigation.wds-search-is-active svg.wds-icon.wds-icon-small.wds-global-navigation__search-close-icon { opacity: 1; } /* Show Icon When Search Is Active */

/* Initial Dropdown Improvements */ .wds-icon { fill: #39424d; } /* Prevent Blue Hover Of Icons */ .wds-dropdown.wds-is-active .wds-dropdown__toggle-chevron { -webkit-transform: none; -ms-transform: none; transform: none; } /* Prevent Flipping Of Chevrons - Intended With Use Of w:c:dev:ExpandGlobalNavDropdownsOnHover/code.js Script */ .wds-global-navigation .wds-global-navigation__account-menu:active, .wds-global-navigation .wds-global-navigation__account-menu.wds-is-active, .wds-global-navigation .wds-global-navigation__user-menu:active, .wds-global-navigation .wds-global-navigation__user-menu.wds-is-active, .wds-global-navigation .wds-global-navigation__notifications-menu:active, .wds-global-navigation .wds-global-navigation__notifications-menu.wds-is-active, /* Hover During Non-Inversion */ .wds-global-navigation.headroom--not-top .wds-global-navigation__account-menu:active, .wds-global-navigation.headroom--not-top .wds-global-navigation__account-menu.wds-is-active, .wds-global-navigation.headroom--not-top .wds-global-navigation__user-menu:active, .wds-global-navigation.headroom--not-top .wds-global-navigation__user-menu.wds-is-active, .wds-global-navigation.headroom--not-top .wds-global-navigation__notifications-menu:active, .wds-global-navigation.headroom--not-top .wds-global-navigation__notifications-menu.wds-is-active { background-color: rgba(164,182,191,0.2); } /* Hover During Inversion */

/* Avatar Dropdown Improvements - Restore Hover Behavior */ /* Use w:c:dev:ExpandGlobalNavDropdownsOnHover/code.js For Drop On Hover */ .wds-dropdown__content { box-shadow: none; } .wds-global-navigation__dropdown-content { top: 100%; } .wds-list { padding: 0; border: 1px solid #cccccc; } .wds-list.wds-is-linked > li > a, .wds-is-linked .wds-sign-out__button { padding: 11px 15px; color: #092140; opacity: .9; } .wds-list.wds-is-linked > li > a:hover, .wds-is-linked .wds-sign-out__button:hover { background-color: rgba(164,182,191,0.2); color: #092140; opacity: 1; } /* Prevent Blue Hover Of Text */

/* Notification Improvements */ .wds-global-navigation__notifications-menu-counter { background-color: red; font-size: 11px; } /* Dark Inversion + Visibility When Scrolling (Original Version by OneTwoThreeFall, Modified) */ .wds-global-navigation { transition-duration: .5s; transition-property: background-color; } .wds-global-navigation.headroom--not-top { background-color: rgba(0,0,0,0.65); transform: none; } .wds-global-navigation .wds-global-navigation__logo, .wds-global-navigation .wds-global-navigation__search, .wds-global-navigation .wds-global-navigation__account-menu, .wds-global-navigation .wds-global-navigation__user-menu, .wds-global-navigation .wds-global-navigation__notifications-menu { background-color: transparent; } .wds-global-navigation.headroom--not-top .wds-global-navigation__search, .wds-global-navigation.headroom--not-top .wds-global-navigation__account-menu, .wds-global-navigation.headroom--not-top .wds-global-navigation__user-menu, .wds-global-navigation.headroom--not-top .wds-global-navigation__notifications-menu { color: #fff; } .wds-global-navigation.headroom--not-top .wds-dropdown__toggle-chevron, .wds-global-navigation.headroom--not-top .wds-global-navigation__dropdown-toggle .wds-icon { fill: #fff; } /* All Icons But Magnifying Glass & Search 'X' */
 * 1) GlobalNavigationWallNotifications .notification.admin-notification { padding: 12px 0; } /* Highlighted Threads */

/* Previous Fandom Logo */ .wds-global-navigation__logo-image.wds-is-wds-company-logo-powered-by-wikia, .wds-global-navigation__logo-image.wds-is-wds-company-logo-fandom { opacity: 0; } .wds-global-navigation__logo-image.wds-is-wds-company-logo-powered-by-wikia { border: none; } .wds-global-navigation__logo { background-image: URL(https://vignette1.wikia.nocookie.net/alvin/images/4/4b/Fandom_Powered_By_Wikia_Logo.png/revision/latest?cb=20170518223833); background-repeat: no-repeat; background-size: 230px 24px; background-position: center; } /* Fandom Logo Inversion */ .wds-global-navigation.headroom--not-top .wds-global-navigation__logo-image.wds-is-wds-company-logo-powered-by-wikia, .wds-global-navigation.headroom--not-top .wds-global-navigation__logo-image.wds-is-wds-company-logo-fandom { opacity: 0; } .wds-global-navigation.headroom--not-top .wds-global-navigation__logo { background-image: URL(http://vignette1.wikia.nocookie.net/alvin/images/7/7c/Fandom_Powered_By_Wikia_Inverse_Logo.png/revision/latest?cb=20161007191256); background-repeat: no-repeat; background-size: 230px 24px; background-position: center; }

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

/* Publish Bug Fix */
 * 1) wpSave { box-sizing: border-box; }

/* 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 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 - Google 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 Vertical 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 { height: 16px; 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 */

/**************************************************************************************/ /******************************** Poll Improvements ***********************************/ /*********** Author: DEmersonJMFM - Latest Update: 4:47, 21 November 2016 *************/ /**************************************************************************************/

/* General Position Improvements */ /* Removes Space b/w Question & Answers */ div[id^=wpPollStatus] { display: none; } /* Improved Choice Alignment With Input Button (Nulling Touchscreen Styling) */ .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) WikiaArticle div.ajax-poll, .SpeechBubble .speech-bubble-message div.ajax-poll { border: none; margin: 5px 0 -10px; padding: 3px 15px 0 5px; }
 * 2) WikiaArticle div.ajax-poll .header { padding: 0 0 10px 0; }
 * 1) ajax-poll-area>div:last-child { margin: -1em 0 0 4em; }

/* Resizes Vote Button (Nulling Touchscreen Styling) */ /* Center Vote Totals & Vote Button With Label Dependent On Screen Size */ @media screen and (max-width: 1595px) { /* Screens less than 1595px */ #WikiaArticle .pollAnswerVotes span, .SpeechBubble .speech-bubble-message .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, .SpeechBubble .speech-bubble-message .pollAnswerVotes span { top: -6px; } #ajax-poll-area+input[name=wpVote] { margin-top: -2em; display: block; } }
 * 1) WikiaArticle div.ajax-poll input[type=submit] { height: 21px !important; }

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

/* Position Edit Button Inline With Title On Diff & History Pages */ .WikiaPageHeaderDiffHistory .wikia-button, .WikiaPageHeaderDiffHistory .wikia-menu-button { margin: 8px 0 0 10px; } /* Auto-Refresh Position */ .page-Special_WikiActivity #ajaxRefresh { position: absolute; right: 0; bottom: 26px; }

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

/* More Space Between Entries In Special:RecentChanges */ table.mw-enhanced-rc { padding: 1px 0; }

/* Fix For Link Suggest Bug */ body .ui-autocomplete { z-index: 500100 !important; }

/* Fix For WAM Calender Bug */ .ui-datepicker.ui-widget { z-index: 3 !important; }

/* 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) WikiaTopAds, /* remove that annoying space in the top without ads */
 * 2) ext-wikia-adEngine-template-floor, /* Ad Covering Content On Main Pages */
 * 3) RECIRCULATION_RAIL { /* "You May Also Like" Rail Module (For fandom.wikia.com) */

display: block;}
 * 1) user-StrawberryMaster { /* I will show up on my chat-list. */

display: none;}
 * 1) chatOptionsButton { /* Hides Options Button on chat-hacks */

/* Round avatar stuff */ .logged-avatar, .ChatModule .avatar { border-radius: 12px !important; }

nav.global-navigation div.account-navigation-container div.logged-avatar { border: none !important; } .avatar { border: 2px solid transparent; border-radius: 12px; }

.global-footer nav { margin: 25px 0 25px 0; text-align: center; }

.global-footer ul { line-height: 25px; list-style: none; margin: 0; }

/*       Removes all of the ads on Wikia. */


 * content #HOME_LEFT_SKYSCRAPER_1, ::content #HOME_TOP_LEADERBOARD, ::content #LEFT_SKYSCRAPER_1, ::content #LEFT_SKYSCRAPER_2, ::content #TOP_LEADERBOARD, ::content #WikiaTopAds, ::content #monaco_footer, ::content .SelfServeUrl, ::content .abp_ob_exist, ::content .abp_ob_wl, ::content #A9AdsMiddleBoxTop, ::content #A9AdsOutOfStockWidgetTop, ::content #A9AdsServicesWidgetTop, ::content #AD-300x250, ::content #AD-300x250-1, ::content #AD-300x250-2, ::content #AD-300x250-3, ::content #AD-HOME-LEFT, ::content #AD001, ::content #AD1line, ::content #AD2line, ::content #AD300Right, ::content #AD300_VAN, ::content #AD300x250, ::content #AD300x600, ::content #AD728Top, ::content #ADEXPERT_PUSHDOWN, ::content #ADEXPERT_RECTANGLE, ::content #ADInterest, ::content #ADNETwallBanner1, ::content #ADNETwallBanner2, ::content #ADSLOT_1, ::content #ADSLOT_2, ::content #ADSLOT_3, ::content #ADSLOT_4, ::content #ADSLOT_SKYSCRAPER, ::content #ADS_2, ::content #ADSlideshow, ::content #ADSpro, ::content #ADV120x90, ::content #ADVERTISE_HERE_ROW, ::content #ADVERTISE_RECTANGLE1, ::content #ADVERTISE_RECTANGLE2, ::content #ADV_VIDEOBOX_2_CNT, ::content #ADVleaderboard, ::content #AD_160, ::content #AD_300, ::content #AD_468x60, ::content #AD_C, ::content #AD_CONTROL_13, ::content #AD_CONTROL_22, ::content #AD_CONTROL_28, ::content #AD_CONTROL_29, ::content #AD_CONTROL_8, ::content #AD_G, ::content #AD_ROW, ::content #AD_Top, ::content #AD_Zone, ::content #AD_banner, ::content #AD_banner_bottom, ::content #AD_gallery, ::content #AD_google, ::content #AD_half, ::content #AD_newsblock, ::content #AD_rectangle, ::content #AD_rr_a, ::content #AD_text, ::content #ADgoogle_newsblock, ::content #ADoverThePlayer, ::content #ADsmallWrapper, ::content #AFF_popup, ::content #APC_ads_details, ::content #AUI_A9AdsMiddleBoxTop, ::content #AUI_A9AdsWidgetAdsWrapper, ::content #Ad-0-0-Slider, ::content #Ad-0-1-Slider, ::content #Ad-1-0-Slider, ::content #Ad-1-1-Slider, ::content #Ad-1-2-Slider, ::content #Ad-3-Slider, ::content #Ad-4-Slider, ::content #Ad-5-2-Slider, ::content #Ad-8-0-Slider, ::content #Ad-9-0-Slider, ::content #Ad-Container, ::content #Ad-Top, ::content #Ad160x600, ::content #Ad160x600_0_adchoice, ::content #Ad300x145, ::content #Ad300x250, ::content #Ad300x250_0, ::content #Ad300x600_0_adchoice, ::content #Ad3Left, ::content #Ad3Right, ::content #Ad3TextAd, ::content #Ad728x90, ::content #Ad990, ::content #AdAboveGame, ::content #AdArea, ::content #AdAreaH, ::content #AdAuth1, ::content #AdAuth2, ::content #AdAuth3, ::content #AdAuth4, ::content #AdBanner, ::content #AdBannerSmallContainer, ::content #AdBanner_F1, ::content #AdBanner_S, ::content #AdBar, ::content #AdBar1, ::content #AdBigBox, ::content #AdBlock, ::content #AdBlockBottomSponsor, ::content #AdBottomLeader, ::content #AdBottomRight, ::content #AdBox160, ::content #AdBox2, ::content #AdBox300, ::content #AdBox728, ::content #AdBoxMoreGames, ::content #AdButtons, ::content #AdColumn, ::content #AdContainer, ::content #AdContainerTop, ::content #AdContentModule_F, ::content #AdContent_0_0_pnlDiv, ::content #AdControl_TowerAd, ::content #AdDetails_GoogleLinksBottom, ::content #AdDetails_InsureWith, ::content #AdDetails_SeeMoreLink, ::content #AdDisclaimer, ::content #AdDisplay_LongLink, ::content #AdDisplay_TallLink, ::content #AdDiv, ::content #AdExtraBlock, ::content #AdFeedbackLinkID_lnkItem, ::content #AdFoxDiv, ::content #AdFrame1, ::content #AdFrame2, ::content #AdFrame4, ::content #AdHeader, ::content #AdHouseRectangle, ::content #AdImage, ::content #AdIndexTower, ::content #AdLayer1, ::content #AdLayer2, ::content #AdLeaderboard2RunofSite, ::content #AdLeaderboardBottom, ::content #AdLeaderboardTop, ::content #AdLocationMarketPage, ::content #AdMPUHome, ::content #AdMediumRectangle1300x250, ::content #AdMediumRectangle2300x250, ::content #AdMiddle, ::content #AdMobileLink, ::content #AdPanel, ::content #AdPanelBigBox, ::content #AdPanelLogo, ::content #AdPopUp, ::content #AdRectangle, ::content #AdRectangleBanner, ::content #AdSense-Skyscraper, ::content #AdSense1, ::content #AdSense2, ::content #AdSense3, ::content #AdSenseBottomAds, ::content #AdSenseDiv, ::content #AdSenseMiddleAds, ::content #AdSenseResults1_adSenseSponsorDiv, ::content #AdSenseTopAds, ::content #AdServer, ::content #AdShopSearch, ::content #AdShowcase, ::content #AdShowcase_F, ::content #AdShowcase_F1, ::content #AdSky23, ::content #AdSkyscraper, ::content #AdSlot_AF-Right-Multi, ::content #AdSpaceLeaderboard, ::content #AdSpacing, ::content #AdSponsor_SF, ::content #AdSpotMovie, ::content #AdSquare02, ::content #AdSubsectionShowcase_F1, ::content #AdTaily_Widget_Container, ::content #AdTargetControl1_iframe, ::content #AdTop, ::content #AdTopBlock, ::content #AdTopLeader, ::content #AdWidgetContainer, ::content #AdZone1, ::content #AdZone2, ::content #Ad_976x105, ::content #Ad_BelowContent, ::content #Ad_Block, ::content #Ad_Center1, ::content #Ad_Premier, ::content #Ad_Right1, ::content #Ad_RightBottom, ::content #Ad_RightTop {

display: none; }

input+.contactformcaption:after { /* Note to self. */   content: "Do not mention unrelated issues in a parentheses. Wikia Staff cannot comprehend the concept of making an aside, and will focus solely on anything said in parentheses, ignoring everything else. Better yet, just don't bother reporting the bug. Either it's something they should have noticed already, or it's something they're going to regard as a 'won't fix - edge case', simply by virtue of who is reporting it."; color: red; display: block; }

.modal > header .close, .modalWrapper .close, .wikia-chiclet-button { /* this allows preview modals to be closed before they finish loading. */   z-index: 4520000 !important; position: relative; }

/* transparent edit save page */ background-color: rgba(255,255,255,0.6); }
 * 1) editarea .loading-background {

/* improve editing on mixed-direction pages */ unicode-bidi: bidi-override; } /* tabs on file pages are counter productive. If I am going to a file page, it is usually to look at the uploader details. */ .ns-6 .tabBody { display: block; /* display all info on file pages */ } .ns-6 .tabs { display: none; /* hide tabs on file pages */ }
 * 1) wpTextbox1,
 * 2) wpTextbox0 {

/** CHAT **/ /* don't hide me on a chat list */ display: list-item !important; }
 * 1) WikiChatList > .User {

/* Source Editor tweaks */ /*
 * 1) wpSummary { background: transparent !important; }
 * 2) wpSummary:active, #wpSummary:focus { background: white !important; }

/** * Visual editor tweaks. * Makes the current visual editor look similar to the one in Wikipedia. * * @author: StrawberryMaster */

/* TOOLBAR --- */ /* .oo-ui-toolbar-bar { background-color: #ffffff; border-bottom: 1px solid #cccccc; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); color: #555555; font-weight: 500; }

/* "SETTINGS" WINDOW  */ /* .oo-ui-window-frame { height: 446px !important; }

.oo-ui-windowManager-modal.oo-ui-windowManager-floating > .oo-ui-dialog > .oo-ui-window-frame { top: 1em; bottom: 1em; max-height: calc(100% - 2em); border: 1px solid #aaaaaa; border-radius: 2px; box-shadow: 0 0.15em 0 0 rgba(0,0,0,0.15); }