User:Americhino/global.css

/*                            _      __    _      _   _   ____ _____ ___  ___  _____(_)____/ /_  (_)___ (_)_(_) / __ `/ __ `__ \/ _ \/ ___/ / ___/ __ \/ / __ \/ __ \  / /_/ / / / / / /  __/ /  / / /__/ / / / / / / / /_/ /  \__,_/_/ /_/ /_/\___/_/  /_/\___/_/ /_/_/_/ /_/\____/          _     _          _              __ _| |___| |__  __ _| |  __ ______ / _` | / _ \ '_ \/ _` | |_/ _(_-<_-< \__, |_\___/_.__/\__,_|_(_)__/__/__/ |___/                               Scripts for global use by Americhino. /* dev wiki imports */ @import url("//dev.wikia.com/load.php?mode=articles&articles=MediaWiki:RefreshedNotifications.css|MediaWiki:AdRailRemove/code.css|MediaWiki:Katsuragi.css|MediaWiki:Highlight.css|MediaWiki:ContribsButtons.css|u:dev:MediaWiki:CBD.css|MediaWiki:EditorSourceMinimal/code.css|MediaWiki:EditorVisualMinimal/code.css|MediaWiki:Nord.css|MediaWiki:GlobalNavigationIcons.css&only=styles");

/* personal wiki imports */ @import url("//americhino.wikia.com/load.php?mode=articles&articles=MediaWiki:ModernPrettyUserTags.css|MediaWiki:ModernPortableCSSPad.css&only=styles");

@import url(http://fonts.googleapis.com/css?family=Amatica+SC|BioRhyme|Droid+Sans|Kaushan+Script|Montserrat|Nova+Square);

/* Toolbar */ .WikiaBarWrapper .wikia-bar { background-image: none !important; box-shadow: none ; }

.WikiaBarWrapper { background: rgba(0,0,0, 0.8) !important; height: 30px; box-shadow: none; } .WikiaFooter .toolbar .tools > li, .WikiaBarWrapper .toolbar .tools > li { border-right: none; } .WikiaFooter .toolbar .tools > li > a:hover, .WikiaBarWrapper .toolbar .tools > li > a:hover { text-decoration: none !important; } .WikiaFooter .toolbar .tools > li > a, .WikiaBarWrapper .toolbar .tools > li > a { font-size: 10px; font-weight: bold; text-transform: uppercase; } .WikiaFooter .toolbar .tools > li > a, .WikiaBarWrapper .toolbar .tools > li > a { font-size: 10px; font-weight: bold; text-transform: uppercase; } .overflow { font-size: 10px !important; font-weight: bold; text-transform: uppercase; } /* fix size difference btw history/whatlinkshere and themedesigner */ font-size: 9px !important; font-weight: bold; text-transform: uppercase; } .MyToolsConfiguration .reset-defaults .wikia-chiclet-button { display: none; } .MyToolsConfiguration .reset-defaults, .MyToolsConfiguration .advanced-tools, .MyToolsConfiguration .popular-tools-group .popular-toggle, font-weight: bold; text-transform: uppercase; font-size: 10px; }   text-decoration: none !important; filter: brightness(115%); transition: .3s; } .MyToolsConfiguration label { font-size: 10px !important; text-transform: uppercase; } .MyToolsConfiguration .search-box input[type="text"] { border: none; box-shadow: none; } .MyToolsConfiguration .popular-tools-group, .MyToolsConfiguration .search-box { background-image: none !important; background-color: #ebebeb; border: none !important; }   background-image: none !important; border-radius: 0 !important; font-size: 10px; font-weight: bold; text-transform: uppercase; background-color: transparent; border-color: black; color: black; padding: 3px 12px; margin-top: -5px; }   background-image: none !important; border-radius: 0 !important; font-size: 10px; font-weight: bold; text-transform: uppercase; border-color: black; background-color: black; color: white; padding: 3px 12px; margin-top: -6px; }   color: #3a3a3a; border-color: #3a3a3a; transition: .3s; }   background-color: #3a3a3a; border-color: #3a3a3a; transition: .3s; } /* toolbar arrow */ .WikiaBarWrapper a.arrow { background: none; content: url("data:image/svg+xml;utf8,   "); } a.wikia-bar-collapse { background-image: none; background: none; content: url("data:image/svg+xml;utf8,   "); } .WikiaBarCollapseWrapper { background-color: rgba(0, 0, 0, 0.8) !important; background-image: none; border-radius: 50%; box-shadow: none; right: 5px; } /* Remove the following: * Top ads, top-right ads, misc. ads on rail, ad captions, * bottom ads, unnecessary placeholder, * ads that appear inside content, "Around Wikia's network" box, "Wikia lifestyle" box */ .WikiaTopAds, .home-top-right-ads, .wikia-ad, .SelfServeUrl, .WikiaAdInContentPlaceHolder, .WikiaAdInContent, .branding, .WikiaRail { display: none !important; } /*users*/ a[href$=":Americhino"] { color:#0078ff !important; font-weight:bold !important; } a[href$=":Annabeth_and_Percy"], a[href$=":Annabeth%20and%20Percy"] { color:purple !important; font-weight:bold !important; } a[href$=":C.Syde65"] { color:maroon !important; font-weight:bold !important; } a[href$=":Hypercane"] { color: darkorange !important; font-weight:bold !important; } a[href$=":Maurice.136"] { color:blue !important; font-weight:bold !important; } a[href$=":Miststream"] { color:pink !important; font-weight:bold !important; } a[href$=":Speedit"] { color:#005eb6 !important; font-weight:bold !important; } a[href$=":Veralann"] { color:red !important; font-weight:bold !important; }
 * 1) my-tools-menu .overflow {
 * 1) MyToolsConfiguration > div > div > div > ul > li > a,
 * 2) MyToolsConfiguration > div > div > ul > li > span.name {
 * 1) MyToolsConfiguration > div > div > span > a:hover,
 * 2) MyToolsConfiguration > div > div > div > ul > li > a {
 * 1) MyToolsConfigurationWrapper > footer > div > button.button.normal.secondary {
 * 1) MyToolsConfigurationWrapper > footer > div > button.button.button.primary {
 * 1) MyToolsConfigurationWrapper > footer > div > button.button.normal.secondary:hover {
 * 1) MyToolsConfigurationWrapper > footer > div > button.button.button.primary:hover {
 * 1) WikiaArticleBottomAd,
 * 1) WikiaFooter,

/*ad-block margin fix*/ .WikiaPage {margin-top: 1em;} /*self-appear in chat user-list*/ /* width */
 * 1) user-Americhino { display: block !important; }
 * -webkit-scrollbar {

width: 10px; }

/* Track */
 * -webkit-scrollbar-track {

background: transparent; } /* Handle */
 * -webkit-scrollbar-thumb {

background: #2a2a2a; }

/* Handle on hover */
 * -webkit-scrollbar-thumb:hover {

background: #000000; }

/* remove stupid link hover underline */ a:hover { text-decoration:none; }

/* Back-to-top Button Format */ opacity: 0.7; transition: .6s; }   opacity: 1; } /* global header */ .wds-global-navigation { box-shadow: none; }
 * 1) BackToTop div {
 * 1) BackToTop div:hover {

.wds-dropdown__content img.avatar { border-radius: 3px !important; }   font-size: x-small; font-weight: bold; text-transform: uppercase; } .wds-notification-card__context-item { font-size: x-small; font-weight: bold; text-transform: uppercase } /* LastEdited */ .lastEdited img { border-radius: 2px; width: 16px; height: 16px; } .skin-oasis .wds-global-navigation-wrapper .wds-global-navigation { transform: none; } .skin-oasis .wds-global-navigation .wds-avatar, .skin-oasis .wds-global-navigation .avatars { border-radius: 2px; } .skin-oasis .wds-dropdown__content { border-radius: 0; } .skin-oasis .wds-global-navigation:not(.wds-search-is-active) .wds-global-navigation__link, .skin-oasis .wds-global-navigation:not(.wds-search-is-active) .wds-global-navigation__wikis-menu { flex: 0.5 1 auto; }   /* Custom Notification Icons */ d: path('M12 1.21c6.567 0 11.908 4.415 11.908 9.841 0 5.428-5.341 9.843-11.908 9.843-.995 0-1.995-.106-2.98-.316L3.437 22.79a.998.998 0 0 1-.969-.13.982 .982 0 0 1-.385-.892l.523-4.669C.982 15.378.092 13.245.092 11.051.092 5.624 5.433 1.21 12 1.21'); fill-rule: evenodd; } svg#wds-icons-note { width: 10%; } /* Consitstent Katsuragi communism */ .wds-global-navigation__user-menu.wds-dropdown .wds-dropdown__content.wds-global-navigation__dropdown-content.wds-is-right-aligned .wds-list.wds-is-linked li a[data-tracking-label="account.profile"], .wds-global-navigation__user-menu.wds-dropdown .wds-dropdown__content.wds-global-navigation__dropdown-content.wds-is-right-aligned .wds-list.wds-is-linked li a[data-tracking-label="account.message-wall"], .wds-global-navigation__user-menu.wds-dropdown .wds-dropdown__content.wds-global-navigation__dropdown-content.wds-is-right-aligned .wds-list.wds-is-linked li a[data-tracking-label="account.talk"] { color: #e0e0e0 !important; font-weight: normal !important; } .wds-global-navigation__user-menu .wds-global-navigation__dropdown-link.wds-sign-out button.wds-sign-out__button { color: #e0e0e0 !important; }
 * 1) GlobalNavigationWallNotifications .notification time {
 * 1) wds-icons-note > path {

/* global footer (speedit and jr mime) */ /** 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; } /* Notifications at the bottom of the website */ .WikiaNotifications li div { box-shadow: none; background-image: none; max-width: 200px; padding: 16px; border-radius: 0px; } .WikiaNotifications li div a { font-weight: bold; text-decoration :none; } .WikiaNotifications li div a:hover { filter: brightness(85%); transition: .3s; } /* Nord code blocks fix */ .mw-geshi.mw-content-ltr { border: none; } .skin-oasis.codeeditor .ace_editor, .skin-oasis.codeeditor .ace_editor .ace_gutter, .skin-oasis #mw-content-text .css, .skin-oasis #mw-content-text .javascript, .skin-oasis #mw-content-text .mw-geshi, .skin-oasis #mw-content-text pre { border: none !important; } /* Global notification fix */ .wds-banner-notification .wds-banner-notification__text a { font-size: smaller; font-weight: bold; text-transform: uppercase; } .wds-banner-notification { border-radius: 5px; } .wds-banner-notification__icon { border-radius: 5px 0px 0px 5px; }

/* Source Editor */ .skin-oasis .preview_mobile.preview_icon, .skin-oasis .preview_desktop.preview_icon { border: none !important; background-color: rgba(230, 230, 230, 0.4); border-radius: 5px; text-transform: uppercase; font-size: smaller !important; font-weight: bold; } .skin-oasis .preview_mobile.preview_icon:hover, .skin-oasis .preview_desktop.preview_icon:hover { filter: brightness(95%); transition: all 0.2s ease } .skin-oasis.oasis-dark-theme .preview_mobile.preview_icon, .skin-oasis.oasis-dark-theme .preview_desktop.preview_icon { border: none !important; background-color: rgba(20, 20, 20, 0.4); border-radius: 5px; text-transform: uppercase; font-size: smaller !important; font-weight: bold; }

.skin-oasis.oasis-dark-theme .preview_mobile.preview_icon:hover, .skin-oasis.oasis-dark-theme .preview_desktop.preview_icon:hover { filter: brightness(115%); transition: all 0.2s ease } .diff-link { font-size: smaller !important; font-weight: bold; text-transform: uppercase; } .preview-header, .wpSummary_canMinorEdit { font-size: small !important; font-weight: bold; text-transform: uppercase; } .categories.ui-sortable, .tmpl_listused, .wpMinoredit span, .control-button.even { font-size: x-small !important; font-weight: bold; text-transform: uppercase; } .categories.ui-sortable{ border: none !important; border-radius: 5px !important; }
 * 1) wpSummary,
 * 2) CategorySelectInput,

.cke_button.cke_button_big { font-size: 8px; line-height: 1.5em; font-weight: bold; text-transform: uppercase; text-overflow: ellipsis; } .skin-oasis #uielem_1, .skin-oasis #uielem_2, .skin-oasis #uielem_3, .skin-oasis #uielem_4, .skin-oasis #uielem_5, .skin-oasis #uielem_6, .skin-oasis .cke_button.cke_button_big a { border: 0 !important; background: rgba(230, 230, 230, 0.4) } .skin-oasis.oasis-dark-theme #uielem_1, .skin-oasis.oasis-dark-theme #uielem_2, .skin-oasis.oasis-dark-theme #uielem_3, .skin-oasis.oasis-dark-theme #uielem_4, .skin-oasis.oasis-dark-theme #uielem_5, .skin-oasis.oasis-dark-theme #uielem_6, .skin-oasis.oasis-dark-theme .cke_button.cke_button_big a { border: 0 !important; background: rgba(40, 40, 40, 0.4); border-radius: 5px; } .categories.ui-sortable, .tmpl_listused, .wpMinoredit span, .control-button.even { font-size: x-small !important; font-weight: bold; text-transform: uppercase; } .cke_toolbar_expand a label { font-size: 8px !important; font-weight: bold; text-transform: uppercase; } .cke_license.cke_license_with_icons { font-size: 8px !important; font-weight: bold; text-transform: uppercase; } .module.module_templates h3, .module.module_categories h3, .module.module_insert h3 { border-bottom: none !important; font-size: small !important; font-weight: bold; text-transform: uppercase; } .wpSummaryFields label { font-size: small !important; font-weight: bold; text-transform: uppercase; }

.EditPageTabs .cke_button { background-color: transparent !important; border: none; border-radius: 0; text-transform: uppercase; font-weight: bold; } .EditPageTabs .cke_button__modesource_label, .EditPageTabs .cke_button__modewysiwyg_label { font-size: 1.3em !important; color: #000 !important } .oasis-dark-theme .EditPageTabs .cke_button__modesource_label, .oasis-dark-theme .EditPageTabs .cke_button__modewysiwyg_label { color: #fff !important } .EditPageTabs .cke_button.cke_button_disabled { border-bottom: 4px solid #000 !important; border: none; } .oasis-dark-theme .EditPageTabs .cke_button.cke_button_disabled { border-bottom: 4px solid #fff !important; border: none; } .skin-oasis .cke_toolbar_source { border: none !important; background-color: rgba(240, 240, 240, 0.5); border-radius: 5px; } .cke_toolbar_source .mw-toolbar-editbutton:hover { cursor: pointer; } .skin-oasis.oasis-dark-theme .cke_toolbar_source { border: none !important; background-color: rgba(40, 40, 40, 0.5); border-radius: 5px; } .skin-oasis .EditPage.mode-source .mw-toolbar-editbutton { border-right: 0 !important; } /* Categories icons */ @font-face { font-family: 'FANDOM-Icons'; src: url('//cdn.rawgit.com/unai01/WhyDidIMakeThis/1442121a/fonts/FANDOM-Icons.ttf?ctjj9i') format('truetype'), url('//cdn.rawgit.com/unai01/WhyDidIMakeThis/1442121a/fonts/FANDOM-Icons.woff?ctjj9i') format('woff'), url('//cdn.rawgit.com/unai01/WhyDidIMakeThis/1442121a/fonts/FANDOM-Icons.svg?ctjj9i#FANDOM-Icons') format('svg'); font-weight: normal; font-style: normal; } .page-header__categories-in:before, .wds-button:before { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'FANDOM-Icons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; vertical-align: middle; line-height: 1; margin-right: 2px; } .page-header__categories-in:before { content: '\1f3f7'; } .WikiaPage .page-header a[href="#WikiaArticleComments"]:before { content: '\e9b3'; font-size: 18px; margin-right: 9px; }