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 */ /*IRC styling */ /*Line height change to prevent scrollbars*/ .Chat {line-height:1.2em; word-wrap:break-word;} /*Padding change*/ .Chat li {padding:2px 3px; min-height:0;} /*Move username on to the same lines as everything else*/ .Chat .username {display:inline;} /*A border is used here rather than a background due to the need to account for dark and light skinned wikis.*/ .Chat .you {border:1px solid #000000 !important;} /*Move the timestamp left*/ .Chat .time {float:left; margin-right:3px;} /*Wrap the timestamp in []*/ .Chat .time:before {content:'[';} .Chat .time:after {content:']';} /*Style alerts such as joins and leaves, move them left rather than center*/ .Chat .inline-alert {text-align:left; padding:2px 3px; font-weight:normal; font-size:13px; line-height:1.2em;} /*Strip more of the padding and stuff from all areas*/ .Chat .inline-alert:before, .Chat .inline-alert:after {content:none;} /*Get rid of the extra spacing between lines*/ .Chat .continued {top:0; margin-bottom:0;} .Chat .continued .username {display:inline;} .Chat .continued .time {display:block;} /*Save some space.*/ display: inline-block; font-weight: bold; } /*Shrink emotes*/ .Chat .message img { height: 14px; width: 14px; } /*Prevent spam from causing unnesecary scrollbars*/ word-wrap: break-word; }
 * 1) EditPage.toolbar-expanded .EditPageToolbar {
 * 1) WikiaPage .Chat .username {
 * 1) WikiaPage .Chat .message {

.Chat { width:89%; }   width:11%; webkit-user-select:none; cursor:default; }   width:85%; } .Chat .avatar { border:none; } .Chat .username { font-weight:bold; } .Chat .inline-alert { padding:9px; } .Chat .inline-alert:before { content:"↳ "; } .Chat .inline-alert:after { content:""; }   display:none !important; } .Rail .public { height:30px; padding:0px; text-align:center; }   text-align:center; padding:0px; }   display:block !important; } .PrivateChatList .splotch { top:2px; } .Rail .User, min-height:11px; height:11px; padding-left:25px; }   left:7px; height:14px; width:14px; } .ChatHeader .User { border-left:1px; }   padding:4px 0px 4px 25px; padding: 1px 4px 7px 46px; margin-bottom: 1px; } .Rail .User, min-height:11px; height:11px; padding-left:26px; margin-right:3px; margin-bottom:1px; border-left:none; } .Rail .User:hover, font-weight:bold; }	left:7px; top:2px; height:14px; width:14px; border:none; }	opacity:.7; } .UserStatsMenu { -webkit-user-select:none; cursor:default; } .UserStatsMenu .info .since { display:none; } .UserStatsMenu .actions ul li .icon { display:none; } .UserStatsMenu .actions ul li { padding: 1px; padding-left:0px; border-left:0; margin:1px 4px 0 0px; } .UserStatsMenu .actions ul li:hover { font-weight:bold; } span.username { resize:none !important; }
 * 1) Rail {
 * 1) Write {
 * 1) Rail .User.away .details {
 * 1) Rail .private {
 * 1) Rail li {
 * 1) Rail .User {
 * 1) Rail .User img {
 * 1) WikiChatList > li,
 * 2) PrivateChatList > li {
 * 1) Rail .User {
 * 1) Rail .User:hover {
 * 1) Rail .User img {
 * 1) Rail .User.away {
 * 1) UserStatsMenu,

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