User:JPhil2.0/global.css

/* =========================================================================    CSS for monobook and oasis applied to all wikia wikis. @author JPhil2.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 */ } .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 { 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" */ }

.CorporateFooter, .global-footer { clear: both; } /* ensure footer is at the bottom. */ /* 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 */ .global-navigation { position: relative; margin-top: 0; border:none; background:none; box-shadow:none; height:0; } .global-navigation *:not(.avatar) { margin: 0; padding: 0; height: auto; border: none !important; }

.global-navigation .search-container, .global-navigation .page-width:before, .global-navigation .page-width:after, .global-navigation .start-wikia-container, .global-navigation .wikia-logo-container, .global-navigation .hubs-container { display: none; /* Goodbye too-large, too-white header */ } .global-navigation .page-width>* { // display: none; /* redundant, in case of future class changes. */ } .global-navigation .page-width { display: inline; /* Goodbye too-large, too-white header */ border: none; }

.editor .account-navigation-container, .editor #notificationsEntryPoint { float: right; top:10px; right: 290px; display: table-cell !important; margin: 0 1em; } .account-navigation-container, #notificationsEntryPoint { float: right; /* Freeing the account and notifications from the rest of the header */ top:20px; right: 290px; display: table-cell !important; margin: 0 1em; } .global-notification.float { /* undoing the float style */ position: relative; top: 0; } .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-count { background: none; color: white; } .notifications-container .bubbles.show { background: none; width: 100%; right: 0; } .notifications-container .bubbles.show ~ .notifications-entry-point { background-size: auto; background-color: red; border-radius: 50%; } .notifications-container .notifications-entry-point { width: 30px; height: 30px; } .notifications-container.active #notifications { display: inline-block; width: 30px; margin-left: -30px; margin-top: 0; height: 0; } .notifications-container .notifications-entry-point { /* restore speech bubble icon */ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAMAAAC+oj0CAAAA8FBMVEX///+srKyoqKiwsLClpaXHxsbZ19fDwsK5uLjZ19fX1dXZ19fZ19fQz8/DwsLX1dXZ19fMy8u+vb3Qz8+1tLTMy8vHxsa1tLS1tLTZ19fZ19ewsLDU0tKwsLDDwsLZ19fDwsLDwsKsrKzX1dWsrKy+vb2+vb2oqKioqKioqKi5uLi5uLilpaWlpaW1tLS1tLS1tLS1tLS1tLTU0tKwsLCwsLCwsLC5uLisrKysrKysrKysrKy1tLSoqKioqKioqKjHxsalpaWlpaWwsLCsrKzX1dXMy8u+vb3Z19e5uLi1tLTU0tLDwsLQz8+oqKjHxsYZoMgpAAAAQ3RSTlMAAAAAAAAAmeTP56ISlpZLRZaWSxJLludLSEuHlpbe+T8AloFgaQADpSdOAAafTuqiAwBLD8k2exXV+Qm6G+HMUSSBzIFtOQAAAKhJREFUeNp9zcUCglAURdGDGIjd3d3dLdj1/38jep/Km7iGe7Lxn92WOn5Z3WByOz0ZTPzCAeO4cWAmnj0HEetrEg0+OJDfD5fzygEtet4DB7TwjU56EmgR8M/PP6EwaLE2MTFFURIAaJG0kHQmq6p5APyqUCyV7xUAEveq1lBvQNNs6V7tThdEFPsDbTMUGRBBEMYTdToTGBCDZrFcGT5AjC+brfGD6hM7GEgV8an3twAAAABJRU5ErkJggg=="); } .notifications-container .notifications-entry-point:after { display:none; /* kill chevron */ } /* 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; }
 * 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 {