User:JPhil2.0/global.css

/* =========================================================================    CSS for monobook and oasis applied to all wikia wikis. @author JPhil2.0 ========================================================================== */ /* PortableCSSPad customization */ border-radius: 6px !important; background-color: rgba(240, 240, 240, 0.875) !important; box-shadow:2px 2px 12px black !important; border:1px solid rgba(0, 0, 0, 0.5) !important; }	font: 18px/20px Segoe UI, Myriad Pro, Arial, Helvetica !important; text-decoration: none !important; -webkit-transition: color 0.5s !important; -moz-transition: color 0.5s !important; transition: color 0.5s !important; }	box-shadow:0 0 2px black !important; }
 * 1) PortableCSSPad-container {
 * 1) PortableCSSPad-title {
 * 1) PortableCSSPad-textarea {

/* Compensation for new Share Buttons */ .wikia-page-header.WikiaPageHeader { border-bottom: solid 1px #cccccc; margin-bottom: 7px; } .wikia-page-header .header-container { padding-top: 0; border-bottom:none; margin-bottom: -2.5em; } .wikia-page-header .header-column { padding-top: 0; } .wikia-page-header .header-column.header-title { margin-bottom: 2em; } .wikia-page-header .header-column.header-tally { -webkit-align-self: flex-start; -ms-align-self: flex-start; align-self: flex-start; } .ns-talk .WikiaPageHeader .wikia-menu-button { float: none; top: 0; } .EditPageEditor textarea { font-family: courier new; line-height: 16px; font-size: 13px; } .modal > header .close { /* this allows preview modals to be closed before they finish loading. */ z-index: 3; position: relative; } /* 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 */ } .msg-title a:empty:before { content: "(click for parent thread)"; }

.preview-modal-msg-wrapper, .preview-modal-msg { display: none !important; /* removing mobile preview nag. */ } .SpeechBubble.hide:hover div.msg-body, .SpeechBubble.hide:hover div.editarea, .SpeechBubble.hide:hover div.MiniEditorWrapper, .SpeechBubble.hide:hover blockquote, .SpeechBubble.hide:hover div.speech-bubble-avatar, .SpeechBubble.hide:hover div.deleteorremove-infobox, .SpeechBubble.hide:hover div.deleteorremove-infobox div, .SpeechBubble.hide:hover div.timestamp, .SpeechBubble.hide:hover div.msg-toolbar, .SpeechBubble.hide:hover div.quote, .SpeechBubble.hide:hover .edited-by, .SpeechBubble.hide .buttonswrapper { display: block; /* display removed messages */ } .SpeechBubble.hide { background: #f7f7f7; /* background of removed messages */ }

.ArticlePreviewInner .WikiHeader li.nav-item a { /* Because the width check is broken. */  margin: 0; padding: 0; } .WikiaArticleComments .article-comm-form textarea { width: 100% !important; /* because Wikia thinks "569px ought to be enough for anyone" */ }

.SelfServeUrl, .WikiaHeader nav, .WikiaTopAds, .wikia-ad, #WikiaFooter, #jpsuperheader { padding: 0; display: none !important; } /* No ads. */ .CorporateFooter, .global-footer { clear: both; } /* ensure footer is at the bottom. */
 * 1) videosModule { display: none; } /* No ads. */

.banner-notifications-wrapper.float { top: 0; } /* restyling new preview buttons */ .EditPage .module_page_controls .preview_box h3 { float: left; width: 34%; padding:0; margin: 10px 0 0 0; height: auto; }

.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: 33%; 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 #wpSummary { box-sizing: border-box; width: 100%; } .EditPage .module_page_controls .checkboxes > label { margin-bottom: 0; }

/* Edit Summary */ .EditPage .module_page_controls #wpSummary { padding: 1px 5px !important; } /* Toolbar is not expanding fast enough on page load */ .WikiaBarWrapper { bottom: 0 !important; z-index: 5000100 !important; } .WikiaBarCollapseWrapper { display:none; } .WikiaBarWrapper .arrow { display:none; } /* Chat specific styling */ overflow:auto; padding-bottom:10px; height:40%; resize:vertical; } overflow:hidden; } display:block !important; }
 * 1) WikiChatList {
 * 1) Rail {
 * 1) Rail h1.private {

/* Global Navigation Changes - @authors DEmersonJMFM & 452*/ .global-navigation { height: 38px; transition-duration: 1s; } .global-navigation, .global-navigation.inverse{box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);} .global-navigation .global-navigation-container {padding:0 5px;}

/* Remove Top Ad thus Reducing Space under Bar */ .WikiaTopAds { display: none; } /* Fix When Header Links Are Used */ .global-navigation { top: 47px !important; } /* Remove Completely */ div#hubsEntryPoint { display: none; } /* Hubs Dropdown & Icon */ .start-wikia-container.table-cell { display: none; } /* Start a Wiki Button */ .global-nav-search-input-wrapper .search-button { display: none; } /* Search Button */ /* Changes to Wikia Positioning due to Removal of Hubs Entry */ .global-navigation .wikia-logo-container { padding-bottom: 5px;padding-right: 10px !important;padding-left: 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 */ .global-nav-search-input-wrapper .search-input {border-radius: 4px !important;box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.25) inset !important;} .search-container {padding-left: 10px !important;padding-right: 10px !important;width: 100%;} .global-nav-search-input-wrapper .search-button {border-radius: 0 3px 3px 0 !important;} .search-form-wrapper .autocomplete, .AccountNavigation .user-menu, #GlobalNavigationWallNotifications {border: none;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);}

/* Reposition Dropdown Arrow & Magnify Glass */ .search-select-wrapper .chevron { display:none; } .global-nav-search-input-wrapper .search-icon { height: 20px; } .search-select-wrapper .search-select-underlay { height: 20px; } .search-form-wrapper .autocomplete { margin-top: 2px; } /* Restore Square Avatar & Position */ .AccountNavigation .account-navigation-first-item .avatar-container.logged-avatar { border-radius: 0; height: 22px; width: 22px; margin-bottom: 6px; } .AccountNavigation .avatar { height: 20px; width: 20px; border:0px solid #cccccc }

/* Initial Avatar Dropdown Improvements */ .AccountNavigation .user-menu { width: 140px; top: 83%; } .AccountNavigation .user-menu > li > a { padding: 8px 15px; } .AccountNavigation .user-menu > li { height: 35px; } .AccountNavigation .account-navigation-first-item .links-container .chevron {display:none;} .AccountNavigation.active > li { background-color: transparent; /* There is no need for bg */ } .AccountNavigation .user-menu > li { height: 2em; /* There is no need for enormous padding. */ } /* Notification Improvements */ .notifications-container .notifications-entry-point { height: 23px; width: 55px; } .notifications-container .notifications-entry-point:after { margin-left: 43px; margin-top: 13px; display:none; } .notifications-container .bubbles { background-color: red; } .notifications-container .bubbles-count { color: red; } /* .scrollable does not live up the title inherit required due to <1023px change */ width: inherit; max-height: 650px !important; /* inline style periodically reverts to auto */ overflow: hidden; }
 * 1) GlobalNavigationWallNotifications { width: 300px; top: 1px; }
 * 1) GlobalNavigationWallNotifications .notification { line-height: 15px; padding: 10px 0; }
 * 2) GlobalNavigationWallNotifications .notification .avatars .avatar { width: 22px; height: 22px; border-radius: 0%; }
 * 1) GlobalNavigationWallNotifications .notification, #GlobalNavigationWallNotifications .notification.admin-notification {padding: 5px 0; /* There is no need for enormous padding. */}
 * 2) GlobalNavigationWallNotifications .notifications-header {padding: 0 1em; /* There is no need for enormous padding. */min-height: 1em;}
 * 3) GlobalNavigationWallNotifications #notificationsContainer {

overflow-y: auto; /* .scrollable does not live up the title */ height: inherit; max-height: inherit; }
 * 1) GlobalNavigationWallNotifications #notificationsContainer>ul {

background-color: #0a5fa3; /* highlights do not live up to the title */ }
 * 1) GlobalNavigationWallNotifications .notification:hover {

color: white !important; /* Contrast */ } background-color: rgba(164,182,191,0.2); } /* Highlighted Notification Improvements */ /* Remove Black Shadow */ .global-navigation { box-shadow: none; } .search-form-wrapper .autocomplete { border: 1px solid #c8d2d7; border-top-width: 0; }
 * 1) GlobalNavigationWallNotifications .notification:hover a,
 * 2) GlobalNavigationWallNotifications .notification:hover time {
 * 1) GlobalNavigationWallNotifications .unread {
 * 1) GlobalNavigationWallNotifications .notification.admin-notification { padding: 10px 5px 10px 0; }