User:MACH-59330/global.css

/* global imports */ @import url('//dev.wikia.com/load.php?lang=en&mode=articles&articles=u:c:User:Speedit/header.css|MediaWiki:EditorSourceMinimal/code.css|MediaWiki:MonobookIconsVE/code.css|MediaWiki:NewDiffStyle/code.css|MediaWiki:MobileChat.css&only=styles');

/* skin customizations */

/** global footer customization, with thanks to Jr Mime **/ @media only screen and (max-width: 1083px) { .skin-oasis .wds-global-footer { width: 766px !important; } } @media only screen and (max-width: 1595px) and (min-width: 1084px) { .skin-oasis .wds-global-footer { width: 1066px !important; } } @media only screen and (min-width: 1596px) { .skin-oasis .wds-global-footer { width: 1242px !important; } .skin-oasis .wds-global-footer__main { width:1024px; } } .skin-oasis .wds-global-footer { background-color: #39424d; box-sizing: border-box; color: #fff; word-wrap: break-word; margin: auto; } .skin-oasis .wds-global-footer .wds-global-footer__link { color: hsla(0, 0%, 100%, 0.9); } .skin-oasis .wds-global-footer__header-logo path:nth-of-type(odd) { fill: #fff !important; } .skin-oasis .wds-global-footer__main { flex-direction: row; margin: 0 auto; padding-bottom:5px; zoom: .85; } .skin-oasis .wds-global-footer .wds-global-footer__header { height: 36px; display: flex; zoom: .85; padding: 40px 0; } .skin-oasis .wds-global-footer .wds-global-footer__header-logo { height: 36px; } .skin-oasis .wds-global-footer__fandom-sections, .skin-oasis .wds-global-footer__wikia-sections { align-content: flex-start; order: 4; width: 720px; margin: 0 auto; } .skin-oasis .wds-global-footer .wds-global-footer__wikia-section, .skin-oasis .wds-global-footer .wds-is-explore-wikis { border-top: 4px solid hsla(0,0%,15%,0.5); } .skin-oasis .wds-global-footer .wds-global-footer__fandom-section { width: 100%; } .skin-oasis .wds-global-footer__fandom-sections .wds-global-footer__links-list { display: flex; flex: 4 4 0; } .skin-oasis .wds-global-footer__fandom-sections .wds-global-footer__links-list-item { display: inline-flex; flex: 1 1 0; margin-right: 20px; } .skin-oasis .wds-global-footer__fandom-sections .wds-global-footer__link { color: #fff; flex: 1 1 0; } .skin-oasis .wds-global-footer__fandom-sections .wds-global-footer__links-list-item:last-of-type { margin: 0; } .skin-oasis .wds-global-footer .wds-is-follow-us { display: none !important; } .skin-oasis .wds-global-footer .wds-global-footer__bottom-bar { min-height: 3em; } .skin-oasis .wds-global-footer .wds-global-footer__bottom-bar-row { padding: 10px 0; }

/** avatar customisation **/ .skin-oasis .avatar, .skin-oasis .wds-avatar, .skin-oasis .avatar-container { border-radius: 2px !important; } .UserProfileMasthead .masthead-info-lower:before { display: none; }

/** masthead link fix for wikis that broke this **/ .skin-oasis .UserProfileMasthead .contributions-details a:not(:hover) { color: #3a3a3a !important; } .skin-oasis.oasis-dark-theme .UserProfileMasthead .contributions-details a:not(:hover) { color: #fff !important; } .skin-oasis .UserProfileMasthead .contributions-details a { text-shadow: none !important; font-family: inherit !important; font-weight: normal !important; font-size: inherit !important; }

/* comment and code customisation */

/** markup customization **/ .Thread .quote, pre { background: hsla(0, 0%, 0%, 0.04); margin: 8px; border: none; border-left: 3px solid #3498db; padding: 8px 12px; width: auto; } .quote .quote .quote { display: none !important; /* quote nesting >1, ew */ } .code, code { color: black; border: 1px solid #ddd; border-radius: 2px; padding: 1px 4px; background-color: hsla(0, 0%, 0%, 0.02); font-family: monospace; } .oasis-dark-theme .code, .oasis-dark-theme code { color: white; border: 1px solid #1f1f1f; background-color: hsla(0, 0%, 100%, 0.02); } .code code { background:transparent;border:none; padding:0; } blockquote { background: hsla(0, 0%, 0%, .02); border-left: 10px solid hsla(0, 0%, 0%, .2); margin: 1.5em 10px; overflow: hidden; padding: 0.5em 10px; } .oasis-dark-theme blockquote { background-color: hsla(0, 0%, 100%, .02); border-left:10px solid hsla(0, 0%, 100%, .2); }

/** code editor customization **/ .skin-oasis #theme-solarized-light, .skin-oasis .ace-solarized-light { background-color: #002b36; color: #93a1a1; } .skin-oasis .ace-solarized-light .ace_gutter { background: #01313f; color: #d0edf7; } .skin-oasis .ace-solarized-light .ace_marker-layer .ace_active-line { background: #19404a; } .skin-oasis .ace-solarized-light .ace_gutter-active-line { background: #0d3440; } .skin-oasis .ace-solarized-light .ace_gutter-cell.ace_info { background-image: url("http://i.imgur.com/A6Hb1pA.png"); } .skin-oasis .ace-solarized-light::selection { background: hsla(0, 0%, 100%, 0.1); border-radius: 2px; }

/** comment preview customization **/ .skin-oasis .modal.medium { width: 600px; font-family: Arial; } .skin-oasis #WikiaArticleComments #article-comments > .MiniEditorWrapper > #article-comm-form textarea { box-sizing: border-box; font-family: Arial; padding: 0 15px 0 20px; width: 100%; } .skin-oasis #WikiaArticleComments #article-comments-ul .SpeechBubble .editarea { box-sizing: border-box; font-family: Arial; margin: 0 40px; } .skin-oasis #WikiaArticleComments .MiniEditorWrapper .wikiaEditor { font-family: inherit; }

/* interface customisations */

/** module customisation **/ .skin-oasis #WikiaRail .premium-recirculation-rail { display: block; } .skin-oasis #WikiaRail .premium-recirculation-rail a { display: inline-flex; width: 100%; clear: both; } .skin-oasis #WikiaRail .premium-recirculation-rail .item { display: block; }

/** source editor customisation **/ .skin-oasis.editor .wds-global-navigation__content-bar, .skin-oasis.editor #EditPageHeader { border-bottom: 1px solid hsla(0, 0%, 10%, 0.2); } .skin-oasis.editor #EditPageHeader { box-shadow: none; } .skin-oasis.editor #EditPageHeader .wordmark a, .skin-oasis.editor #EditPageHeader > h1 > a, .skin-oasis.editor #EditPageHeader > h2, .skin-oasis.editor #EditPageHeader .HelpLink > a, .skin-oasis.editor #EditPageHeader .NotificationsLink > a, .skin-oasis.editor #EditPage .module > h3 { color: #fff; } .skin-oasis.editor #EditPage .module > h3 > .chevron.expand { border-color: #fff transparent transparent; } .skin-oasis.editor #EditPage .module > h3 > .chevron.collapse { border-color: transparent transparent #fff; } .skin-oasis.editor #WikiaPage { z-index: 3; } .skin-oasis.editor #EditPageRail .rail-auto-height { overflow: hidden !important; } .skin-oasis.editor .editpage-sourcewidemode-on #stdSummaries { display:none; }

/** edit icon customisation **/ .skin-oasis .WikiaPage .sprite.edit-pencil { background: url("http://static1.wikia.nocookie.net/central/images/4/42/Edit-icon-dark.png") no-repeat; background-size: 80%; background-position: center; } .skin-oasis:not(.oasis-dark-theme) .WikiaArticle .sprite.edit-pencil, .skin-oasis:not(.oasis-dark-theme) .WikiaArticleFooter .sprite.edit-pencil, .skin-oasis:not(.oasis-dark-theme) .UserProfileMasthead .sprite.edit-pencil { background: url("http://static1.wikia.nocookie.net/central/images/b/b6/Edit-icon.png") no-repeat; background-size: 80%; background-position: center; } .skin-oasis .WikiaPage .sprite.lock { height: 16px; width: 16px; background: url("http://static1.wikia.nocookie.net/central/images/9/9e/Edit-lock-dark.png") no-repeat; background-size: 80%; background-position: center; } .skin-oasis:not(.oasis-dark-theme) .view-source .sprite.lock { background: url("http://static1.wikia.nocookie.net/central/images/e/ec/Edit-lock.png") no-repeat; background-size: 80%; background-position: center; }

/* minimalistic customization */ a.wikia-button, /** buttons **/ .wikia-single-button a, .wikia-menu-button, input[type="submit"]:not(.search-button), input[type="reset"], input[type="button"], .button, .WikiaPage button:not(.ace_searchbtn):not(.ace_searchbtn_close), .wikia-menu-button > a:hover, .wikia-menu-button > a, .wikia-menu-button > li > a, .wikia-menu-button .drop, .wikia-menu-button > li > a:hover, .oo-ui-buttonElement-framed .oo-ui-buttonElement-button, .UserProfileMasthead .masthead-info hgroup, /** objects **/ .WikiaBarWrapper, .wikia-bar, .WikiaNotifications li div { background-image: none !important; } a.wikia-button.secondary, .wikia-single-button.secondary a, .wikia-menu-button.secondary, input.secondary[type="submit"], input.secondary[type="reset"], input.secondary[type="button"], .button.secondary, .WikiaPage button:not(.ace_searchbtn):not(.ace_searchbtn_close).secondary, .wikia-menu-button.secondary > li > a, .WikiHeader .buttons > .contribute, .wikia-menu-button.secondary > a, .wikia-menu-button.secondary .drop, .oo-ui-buttonElement-framed .secondary.oo-ui-buttonElement-button { background-color: transparent; } /** minimal wikinav **/ .skin-oasis .WikiHeader > nav li.marked > a { border-top-color: transparent; } .skin-oasis .WikiHeader .navbackground > div { background: transparent; }

/** material userpages **/ .skin-oasis .UserProfileMasthead .masthead-avatar { box-shadow: 0px 2px 10px 0 rgba(0,0,0,0.25); } .skin-oasis .WikiaUserPagesHeader { background: transparent; }

/** ve minimal interface **/ .skin-oasis.ve { pointer-events: auto; } .skin-oasis.ve .WikiaMainContent { box-shadow: none; border: 1px dashed hsla(0, 0%, 50%, 0.3); z-index: 1; } /*** thanks w:c:dev:Kill_visual_editor_focus ***/ .skin-oasis.ve .oo-ui-toolbar-bar, .skin-oasis.ve .oo-ui-tool-active.oo-ui-widget-enabled, .skin-oasis.ve .oo-ui-popupToolGroup-active { background-image: none !important; } .skin-oasis.ve .oo-ui-window-body { border: hsla(0,0%,0%,0.33) solid; border-width: 1px 0; } .skin-oasis.ve .oo-ui-window-body, .skin-oasis.ve .oo-ui-window-frame { box-shadow: none !important; }

/** d-style global notifications **/ .skin-oasis .wds-global-navigation #GlobalNavigationWallNotifications { border: 1px solid #fff; box-shadow: 0 0 10px 0 hsla(0, 0%, 10%, 0.2); } .skin-oasis #GlobalNavigationWallNotifications .notifications-for-wiki .notifications-wiki-header, .skin-oasis #GlobalNavigationWallNotifications .notifications-for-wiki .notifications-for-wiki-list { border-bottom: 1px solid #f6f6f6; } .skin-oasis #GlobalNavigationWallNotifications .notifications-for-wiki .notifications-wiki-header { background: #fff; padding-left: 14px; } .skin-oasis #GlobalNavigationWallNotifications .notifications-wiki-header .chevron { top: 15px; right: 33px; } .skin-oasis #GlobalNavigationWallNotifications .notifications-for-wiki-list a { color: #3a3a3a; } .skin-oasis #GlobalNavigationWallNotifications .notification-message time { font-weight: bold; } .skin-oasis #GlobalNavigationWallNotifications .notifications-for-wiki .notifications-wiki-header, .skin-oasis #GlobalNavigationWallNotifications .notifications-markasread { background: #fff; border-top: none; color: #00b7e0; font-weight: bold; line-height: 40px; text-align: left; padding: 0 0 0 14px; } .skin-oasis #GlobalNavigationWallNotifications .notifications-markasread { box-shadow: 0 -1px 10px 0 hsla(0, 0%, 0%, 0.05); text-transform: uppercase; } .skin-oasis #GlobalNavigationWallNotifications .notification { border-top: 1px solid #f6f6f6; } .skin-oasis #GlobalNavigationWallNotifications .notification:hover { background: none; } .skin-oasis #GlobalNavigationWallNotifications .notification:first-child { border: none; } .skin-oasis #GlobalNavigationWallNotifications .notification.empty { background: none; } .skin-oasis .wds-global-navigation__notifications-menu .wds-avatar-stack { display: none; }

/* chat customizations */

/** scrollbars & elements **/ .ChatWindow .Rail .selected { box-shadow: none; } .ChatWindow ::-webkit-scrollbar, .skin-oasis .wds-list::-webkit-scrollbar { width: 10px; height: 18px; } .ChatWindow ::-webkit-scrollbar-thumb, .skin-oasis .wds-list::-webkit-scrollbar-thumb { height: 6px; border: 2px solid transparent; background-clip: padding-box; border-radius: 7px; background-color: hsla(0, 0%, 50%, 0.3); box-shadow: inset -1px -1px 0 hsla(0, 0%, 50%, 0.1), inset 1px 1px 0px hsla(0, 0%, 50%, 0.1); } .ChatWindow .Chat li:not(.continued) .time { float: none; display: inline; } .ChatWindow .Chat li:not(.continued) .username { display: inline; } .ChatWindow .Chat li:not(.continued) .message { display: block; } .ChatWindow .Rail .public .chevron { display: none !important; } .ChatWindow .Rail .public .wordmark { display: block; margin: auto; padding: 0; } .ChatWindow .Rail .public .splotch { top: 11px; }

/** inline emoticons **/ .ChatWindow .Chat .message img { height: 15px; width: auto; vertical-align: middle; }

/** permanent PM visibility **/ @media screen and (min-width: 641px) { .ChatWindow .Rail #WikiChatList { height: calc( 50% - 35px) !important; overflow-y: scroll; } .ChatWindow .Rail .public, .ChatWindow .Rail .private { margin: 0; } .ChatWindow .Rail .public { border-bottom: 1px solid hsla(0, 0%, 50%, 0.2); box-shadow: none; padding: 3px 0; } .ChatWindow .Rail .private, .ChatWindow .Rail #PrivateChatList { display: block !important; } .ChatWindow .Rail .private { background: transparent; font-weight: bold; text-align: center; } .ChatWindow .Rail #PrivateChatList:empty:after { background: hsla(0, 0%, 50%, 0.3); content: "No messages."; display: block; font-size: 11px; height: 22px; padding: 7px; } .ChatWindow .PrivateChatList .splotch { left: 20px; right: initial; top: 20px; } }

/** chatscript customization **/ .ChatWindow #ChatHeader .EmoticonsWindowButton { margin: auto 10px; } .ChatWindow .Chat .ping .message { color: #e3bd00; font-weight: bold; }

/** chat user muting **/ .ChatWindow li[data-user="Element Inspect"] { display: none; }