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|NewDiffStyle/code.css|u:noreply:MediaWiki:MobileChat.css&only=styles');

/* skin customizations */ /** fandom customizations **/ .skin-oasis .recirculation-impact-footer .item:nth-of-type(1), .skin-oasis .recirculation-impact-footer .item:nth-of-type(6) { display: none !important; /* the larger panels do not fit 768p */ } /** 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%,.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%,.02); font-family: monospace; } .oasis-dark-theme .code, .oasis-dark-theme code { color: white; border: 1px solid #1f1f1f; background-color: hsla(0,0%,100%,.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 { width: 600px; padding-left: 15px; font-family: Arial; }

/* interface customisations */ /** 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, button:not(.ace_searchbtn):not(.ace_searchbtn_close):not(.wds-global-navigation__search-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; } /** 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 .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%,.2); } .skin-oasis #GlobalNavigationWallNotifications .notifications-for-wiki .notifications-wiki-header { background: #fff; padding-left: 14px; border: none; } .skin-oasis #GlobalNavigationWallNotifications .notifications-for-wiki:not(.show) .notifications-wiki-header { border-bottom: 1px solid #f6f6f6; } .skin-oasis #GlobalNavigationWallNotifications .notifications-wiki-header .chevron { top: 15px; right: 33px; } .skin-oasis #GlobalNavigationWallNotifications .notifications-for-wiki.show .notifications-for-wiki-list { box-shadow: inset 0 -1px 10px 0 hsla(0,0%,0%,0.05); margin-right: 18px; } .skin-oasis #GlobalNavigationWallNotifications .notifications-for-wiki-list a { color: #3a3a3a; } .skin-oasis #GlobalNavigationWallNotifications .notifications-for-wiki.show .notification { margin-right: -18px; } .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; } /** 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 { overflow-y: scroll; height: calc( 50% - 35px) !important; } .ChatWindow .Rail h1.wordmark, .ChatWindow .Rail h1.private { margin: 0; } .ChatWindow .Rail h1.wordmark { box-shadow: none; } .ChatWindow .Rail h1.private, .ChatWindow .Rail #PrivateChatList { display: block !important; } .ChatWindow .Rail h1.private { background: transparent; border-bottom: none; 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 **/ @media screen and (min-width: 641px) { .ChatWindow #ChatHeader #pingspan { top: 10px; margin-left: 100px; } .ChatWindow #ChatHeader .EmoticonsWindowButton { margin: auto 10px; } .ChatWindow #ChatHeader .wikia-menu-button { padding: 0 10px; } } /** chat user muting **/ .ChatWindow li[data-user*="Murph"] { display: none; }