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 { height: 38px; transition-duration: 0.5s; } /* Remove Top Ad thus Reducing Space under Bar */ .WikiaTopAds { display: none; } /* 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; } /* 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-form-wrapper .autocomplete .selected { background-color: #0a5fa3; color:white; } /* 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; } /* 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; } /* 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.active > li { background-color: transparent; } .AccountNavigation .user-menu > li { height: 2em; } /* Notification Improvements */ .notifications-container .notifications-entry-point { height: 23px; width: 55px; } .notifications-container .notifications-entry-point:after { display:none; } .notifications-container .bubbles { background-color: red; } .notifications-container .bubbles-count { color: red; } /* Highlighted Notification Improvements */ /* Shadow and other Borders */ .global-navigation { box-shadow: none; } .search-form-wrapper .autocomplete, .AccountNavigation .user-menu, #GlobalNavigationWallNotifications {border: none;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.5);} .global-navigation *:not(.avatar) { border: none !important; } .global-nav-search-input-wrapper .search-input {border: 1px solid #949BA5!important; border-radius: 4px !important;box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.25) inset !important;}
 * 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 .notifications-header { padding: 0 1em; min-height: 1em; }
 * 2) GlobalNavigationWallNotifications .notification, #GlobalNavigationWallNotifications .notification.admin-notification { padding: 5px 0; }
 * 3) GlobalNavigationWallNotifications header { padding-top: 0; min-height: 0; }
 * 4) GlobalNavigationWallNotifications #notificationsContainer { width: inherit; max-height: 650px !important; overflow: hidden; }
 * 5) GlobalNavigationWallNotifications #notificationsContainer>ul { overflow-y: auto; height: inherit; max-height: inherit; }
 * 6) GlobalNavigationWallNotifications .notification:hover { background-color: #0a5fa3; }
 * 7) GlobalNavigationWallNotifications .notification:hover a,
 * 8) GlobalNavigationWallNotifications .notification:hover time { color: white !important; }
 * 9) GlobalNavigationWallNotifications .unread { background-color: rgba(164,182,191,0.2); }
 * 1) GlobalNavigationWallNotifications .notification.admin-notification { padding: 10px 5px 10px 0; }