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: #000 !important; background-image: none !important; padding: 3px; 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, .WikiaBarWrapper .toolbar .tools > .overflow:hover { text-decoration: none !important; filter: brightness(80%) } .WikiaFooter .toolbar .tools > li > a, .WikiaBarWrapper .toolbar .tools > li > a, .WikiaBarWrapper .toolbar .tools > .overflow { font-size: 10px; font-weight: bold; text-transform: uppercase; font-family: Rubik; background-color: #000; border-radius: 3px; } .WikiaFooter .toolbar .tools > li > a, .WikiaBarWrapper .toolbar .tools > li > a { padding: 2px 2px; } .WikiaBarWrapper .toolbar .tools > li img { background: none; margin-right: 3px; content: url("data:image/svg+xml;utf8, <path d=\"M9 7.09a1.909 1.909 0 1 1 0 3.819A1.909 1.909 0 0 1 9 7.09m-4.702-.03a1.07 1.07 0 0 1-.99.667h-.672A.637.637 0 0 0 2 8.364v1.272c0 .352.285.637.636.637h.672c.436 0 .824.264.99.667l.006.013c.167.403.08.864-.229 1.172L3.6 12.6a.636.636 0 0 0 0 .9l.9.9a.636.636 0 0 0 .9 0l.475-.475a1.072 1.072 0 0 1 1.185-.223c.403.166.667.554.667.99v.672c0 .35.285.636.637.636h1.272a.637.637 0 0 0 .637-.636v-.672c0-.436.264-.824.667-.99l.013-.006a1.07 1.07 0 0 1 1.172.229l.475.475a.636.636 0 0 0 .9 0l.9-.9a.636.636 0 0 0 0-.9l-.475-.475a1.072 1.072 0 0 1-.229-1.172l.006-.013a1.07 1.07 0 0 1 .99-.667h.672A.637.637 0 0 0 16 9.636V8.364a.637.637 0 0 0-.636-.637h-.672a1.07 1.07 0 0 1-.996-.68 1.072 1.072 0 0 1 .229-1.172L14.4 5.4a.636.636 0 0 0 0-.9l-.9-.9a.636.636 0 0 0-.9 0l-.475.475c-.308.308-.77.396-1.172.229l-.013-.006a1.07 1.07 0 0 1-.667-.99v-.672A.637.637 0 0 0 9.636 2H8.364a.637.637 0 0 0-.637.636v.672a1.07 1.07 0 0 1-.68.996 1.07 1.07 0 0 1-1.172-.229L5.4 3.6a.636.636 0 0 0-.9 0l-.9.9a.636.636 0 0 0 0 .9l.475.475a1.072 1.072 0 0 1 .223 1.185\" fill-rule=\"evenodd\" opacity=\"1\"> "); } .arrow-icon-ctr { content: url("data:image/svg+xml;utf8,  "); } .WikiaBarWrapper .toolbar .tools > li:hover img, .mytools.menu:hover .arrow-icon-ctr { filter: brightness(80%); } .overflow a, .overflow span { font-size: 10px; font-weight: bold; text-transform: uppercase; background-color: #000; border-radius: 3px; } .tools-menu { background-color: transparent !important; box-shadow: none !important; border: none !important; } .tools-menu .overflow { font-size: 5px !important; font-weight: normal !important; text-transform: uppercase; border-radius: 0 !important; padding: 1px !important; } .tools-menu li.overflow a:hover { background: #202020 !important; } .tools-menu .overflow a { color: #e0e0e0 !important; font-size: 10px !important; border-radius: 2px !important; border: none !important; border-color: transparent !important; font-family: Rubik; } .WikiaBarWrapper .tools-menu > li { border-top: none !important; } .MyToolsConfiguration a { color: #7b747a !important; }

background-color: #000; padding-bottom: 30px !important; }	background-color: #1f1f1f }	color: #fff; }	background-color: #222; color: #fff; } .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"], .MyToolsConfiguration .search-box input[type="text"]:focus, border: none; box-shadow: none; background-color: #202020; color: #eee; background-image: none; } .MyToolsConfiguration .autocomplete-w1 div { background-color: #000; box-shadow: none; border: none; } .MyToolsConfiguration .autocomplete .selected { background-color: #121212 !important; } .MyToolsConfiguration .popular-tools-group, .MyToolsConfiguration .search-box { background-image: none !important; background-color: #000; border: none !important; } .MyToolsConfiguration .popular-tools-group .icon-show, .MyToolsConfiguration .popular-tools-group .icon-hide { display: none; } .MyToolsConfiguration .popular-tools-group .popular-toggle { position: absolute; right: 10px; top: 40px; background-color: #000; padding: 0px 11px !important; color: #e0e0e0 !important; font-family: 'Helvetica', sans serif; font-size: 0; border-radius: 50%; height: 32px; line-height: 30px !important; } .MyToolsConfiguration .popular-tools-group .popular-toggle.toggle-1:before { font-size: 17px; content: '+'; } .MyToolsConfiguration .popular-tools-group .popular-toggle.toggle-0:before { font-size: 17px; content: '-'; padding: 0px 1.1px; } .MyToolsConfiguration ul.options-list { border: none; background-color: #1f1f1f; border-radius: 5px; padding-left: 0; } .MyToolsConfiguration ul.options-list li { border: none; transition: .3s ease; } .MyToolsConfiguration ul.options-list li:hover { background-color: #1c1c1c !important; border-left: 4px solid; transition: .3s ease; } .MyToolsConfiguration ul.options-list li[data-tool-id="Menu:my-tools"] { padding-left: 22px } .tree-visual.tree-line, .tree-visual.tree-line-last, .tree-visual.tree-dash { display: none; } .modal button.button.normal.secondary { background-image: none !important; border-radius: 0 !important; font-size: 10px; font-weight: bold; text-transform: uppercase; background-color: transparent !important; border-color: white !important; color: white !important; padding: 2px 11px; margin-top: -5px; border: 1px solid !important; } .modal button.button.primary { background-image: none !important; border-radius: 0 !important; font-size: 10px; font-weight: bold; text-transform: uppercase; background-color: #fff !important; color: black !important; padding: 3px 12px; margin-top: -5px; }   color: #3a3a3a; border-color: #3a3a3a; transition: .3s; }   background-color: #3a3a3a; border-color: #3a3a3a; transition: .3s; }	animation: rotator .5s linear infinite; background: url('https://images.wikia.nocookie.net/speedit/images/0/0b/Spinner.svg') no-repeat center / 64px; } /* 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; } /* Modals */ .modal > header .close { background: url(https://vignette.wikia.nocookie.net/speedit/images/8/8b/Cross.svg) !important; transform: scale(1.5); margin-right: -10px; margin-top: 5.5px; } /* User Profile Modal */ font-family: Rubik }	border-radius: 50%; border: none; }	background-image: none; border-radius: 0; padding: 3px 12px; font-family: Rubik; text-transform: uppercase; font-weight: bold; letter-spacing: .3px; }   background-color: transparent !important; border: none; font-size: smaller; font-weight: bold; text-transform: uppercase; }	border-bottom: 4px solid transparent; }   background-color: transparent !important; border: none; color: #ccc; border-bottom: 4px solid currentColor }	border: none; }	border: none; background-color: #2a2a2a; text-transform: uppercase; font-family: Rubik; font-weight: bold; letter-spacing: .45px; border-radius: 2px; margin-top: 6px; font-size: 11px; } /* Icons! */ .modal img.sprite.edit-pencil { content: url('https://images.wikia.nocookie.net/speedit/images/7/70/Pencil-white.svg'); background-image: none !important; } .modal img.sprite.trash, .modal img.sprite-small.delete { content: url(https://images.wikia.nocookie.net/speedit/images/5/53/Trash-white.svg); background-image: none !important; } .modal img.sprite.drag { content: url("data:image/svg+xml;utf8,  "); background-image: none !important; transform: scale(1.5) rotate(90deg) } .modal img.folder-icon { content: url("data:image/svg+xml;utf8,  "); background-image: none !important; transform: scale(0.7); position: absolute; left: 4px } /* 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) MyToolsConfigurationWrapper.modal > header,
 * 2) UPPLightboxWrapper.modal > header {
 * 1) MyToolsConfigurationWrapper.modal > footer,
 * 2) UPPLightboxWrapper.modal > footer {
 * 1) MyToolsConfigurationWrapper.modal > header h3,
 * 2) UPPLightboxWrapper.modal > header h3 {
 * 1) MyToolsConfigurationWrapper.modal > section,
 * 2) UPPLightboxWrapper.modal > section {
 * 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) UPPLightbox #userData .input-group input {
 * 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) MyToolsConfigurationWrapper .wikiaThrobber {
 * 1) UPPLightboxWrapper.modal {
 * 1) UPPLightboxWrapper.modal .avatar,
 * 2) UPPLightboxWrapper.modal .sample-avatars li img {
 * 1) UPPLightboxAvatarUpload {
 * 1) UPPLightbox .tabs {
 * 1) UPPLightbox .tabs:not(.selected) a {
 * 1) UPPLightbox .tabs .selected a {
 * 1) UPPLightbox .favorite-wikis {
 * 1) UPPLightbox .favorite-wikis li {
 * 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; }
 * 1) GlobalNavigationWallNotifications .notification time {

/* Consitstent Katsuragi communism */ .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content .wds-list.wds-is-linked>li#quick-cup, .wds-dropdown__content .wds-list.wds-is-linked .wds-dropdown-level-2 .wds-dropdown-level-2__content .wds-list.wds-is-linked>li>a[data-id="contributions"] { display: none; } .wds-global-navigation .wds-dropdown__content .wds-list .codelinks:hover { color: #ccc !important; } /* 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; }

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