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 {

.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 .speech-bubble-message, 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; 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: 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; }

/* Edit Page */ .EditPageEditor textarea { font-family: courier new; line-height: 16px; font-size: 13px; }

.EditPageRail { width: 300px; } .editpage-sourcewidemode.mode-source .editpage-widemode-trigger { right: 300px; } height: 70px; } .editpage-sourcewidemode.mode-source.editpage-sourcewidemode-on .EditPageMain { width: 100%; } /* 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) EditPage.toolbar-expanded .EditPageToolbar {
 * 1) WikiChatList {
 * 1) Rail {
 * 1) Rail h1.private {

/* Global Navigation Changes - @authors DEmersonJMFM and 452 */ .global-navigation { zoom: 0.85; margin-top: -55px; transition-duration: 1s; } .avatar, .avatar-container { border-radius: 0 !important; /* Cool idea - but Avatar cannot be round, as transparency does not work */ } .AccountNavigation.active > li { background-color: transparent; /* There is no need for bg */ } .bubbles { background-color: transparent; /* There is no need for bg */ } .AccountNavigation .user-menu > li { height: 2em; /* There is no need for enormous padding. */ } padding: 0 1em;  /* There is no need for enormous padding. */ min-height: 1em; } padding: 5px 0; /* There is no need for enormous padding. */ } padding-top: 0;  /* There is no need for enormous padding. */ min-height: 0; } /* .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; } overflow-y: auto; /* .scrollable does not live up the title */ height: inherit; max-height: inherit; } background-color: #0a5fa3;  /* highlights do not live up to the title */ } color: white !important; /* Contrast */ } background-color: rgba(164,182,191,0.2); } .notifications-container .bubbles{ background-color:red; } .notifications-container .bubbles-count { color: red; } /* Remove Completely */ div#hubsEntryPoint { display: none; } /* Hubs Dropdown & Icon */ .global-nav-search-input-wrapper .search-button { display: none; } /* Search Button */ /* Enlarge Search Bar to Fill Space & Restyling */ .global-nav-search-input-wrapper .search-input { height: 20px !important; padding-right: 10px } .global-navigation #searchInput::-webkit-input-placeholder { color: #767C83; } /* Chrome */ /* Reposition Dropdown Arrow & Magnify Glass */ .search-select-wrapper .chevron { margin-top: 3px; } .global-nav-search-input-wrapper .search-icon { height: 20px; } .search-select-wrapper .search-select-underlay { height: 20px; } .search-form-wrapper .autocomplete { margin-top: 2px; } /* CSS */ .ace-solarized-light { background: white; }
 * 1) GlobalNavigationWallNotifications .notifications-header {
 * 1) GlobalNavigationWallNotifications .notification, #GlobalNavigationWallNotifications .notification.admin-notification {
 * 1) GlobalNavigationWallNotifications header {
 * 1) GlobalNavigationWallNotifications #notificationsContainer {
 * 1) GlobalNavigationWallNotifications #notificationsContainer>ul {
 * 1) GlobalNavigationWallNotifications .notification:hover {
 * 1) GlobalNavigationWallNotifications .notification:hover a,
 * 2) GlobalNavigationWallNotifications .notification:hover time {
 * 1) GlobalNavigationWallNotifications .unread {