MediaWiki:Common.css

@import url("/MediaWiki:Highlights.css?ctype=text/css&action=raw"); @import url("/MediaWiki:Infobox.css?ctype=text/css&action=raw"); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:ContribsButtons.css|u:dev:MediaWiki:InterlanguageFlags.css|u:dev:MediaWiki:FandomIcons.css&only=styles"); /* FONT IMPORT */ @import url('https://fonts.googleapis.com/css?family=Architects+Daughter|Bangers|Comfortaa|Outfit|Spartan|Short+Stack|Permanent+Marker|Nunito|Farro|Roboto|Patrick+Hand|Fredoka+One|Chivo');


 * root {

--wa-link__color: var(--theme-accent-color); --bottombar-accent-color: var(--theme-accent-color); --bottombar-light-text-color: white; --wa-edit: var(--theme-accent-color); --default-text-color: var(--theme-accent-color); --default-text-font: "Short Stack"; --default-background-color: var(--theme-body-background-color); --special-text-color:#BF00FF; }

/* Blog Lines */ .WikiaBlogListing .WikiaBlogListingPost { border-bottom: dotted; padding: 20px 0; }

/* Profile Icons (Credits to Sonic News Network!) */ .profile-icons { vertical-align:middle; margin-right:10px } .profile-icons { padding-right: 10px; vertical-align: middle; } .page-content, .category-gallery-item .snippet .text, .page-content a.wikia-button, .wikia-single-button a, .wikia-menu-button, .page-content input, .page-content .button, .page-content button, .page-content select, .page-content ul.tabbernav, .page-content .tabs { font-family: "Outfit", sans-serif !important; } .page-content .mw-headline, .rail-module h2, .WikiaRail .module h2, .toc, .portable-infobox .pi-title, .portable-infobox .pi-header, .embeddable-discussions-heading, .UserProfileMasthead .masthead-info h1, .UserProfileMasthead .tally em, .community-page-header-welcome-message, .community-page-subheader-welcome-message { font-family: var(--default-text-font), sans-serf !important; } /* Recent changes byte indicators */ .mw-plusminus-pos { color: #3e8e41; } .mw-plusminus-neg { color: #c1372d; } .mw-plusminus-null { color: var(--theme-accent-color); }

/* diffchange colors */ td.diff-context { border-color: var(--theme-accent-color) !important; } td.diff-addedline .diffchange { background-color:#4dff53 !important; } td.diff-addedline { border-color:#4dff53 !important; } td.diff-deletedline .diffchange { background-color:#ff564a !important; } td.diff-deletedline { border-color:#ff564a !important; }

/* ContribsButtons */ body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton, body.mw-special-Contributions #contentSub:not(.contentSub) a, body.mw-special-Contributions #contentSub #contentSubSub a { background: var(--default-text-color); } body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:active, body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:focus, body.mw-special-Contributions #VSTFReportButtons .VSTFReportButton:hover, body.mw-special-Contributions #contentSub:not(.contentSub) a:active, body.mw-special-Contributions #contentSub:not(.contentSub) a:focus, body.mw-special-Contributions #contentSub:not(.contentSub) a:hover, body.mw-special-Contributions #contentSub #contentSubSub a:active, body.mw-special-Contributions #contentSub #contentSubSub a:focus, body.mw-special-Contributions #contentSub #contentSubSub a:hover { background: #ff7e78; }

/* Content Area Tweaks */ .page-content { line-height: 1.5em; }

.page-content h2 { border-bottom:1px solid var(--default-text-color); margin-bottom:0.5em; margin-top:20px; }

.page-content .thumbinner { background-color: var(--default-text-color) !important; background-repeat: repeat; }

/* Tables */ .toc { border-radius: 5px !important; border-color: var(--default-text-color); color:white; } .wikitable, table.wikitable { border: 3px solid; }

table.wikitable th, table.wikitable td, .wikitable, table.wikitable { border-color: var(--default-text-color)!important; } .wikitable, table.wikitable { background-color: var(--theme-message-color); } .wikitable, table.wikitable { background-repeat: repeat; }

/* TEXT STYLE */ a:not(.new) { font-weight: bold !important; } .new { color: #4d735e !important; }

/* button css */ .page-content .wikia-button, .wikia-single-button a, .page-content .button, .page-content button { color: var(--theme-sticky-nav-text-color); background-color:var(--theme-link-color); } .page-content a.wikia-button.secondary, .page-content .wikia-single-button a.secondary, .page-content .wikia-menu-button.secondary, .page-content .button.secondary { border-radius: 0!important; background: var(--default-text-color) !important; } /* Modules (Inspried by OK K.O.! Wiki & Steven Universe Wiki) */ .WikiaRail .rail-module, .community-page-help-module, .community-page-card-module, .WikiaRail .module, .page-content .thumbinner, .page-contentCategories { border-top: 5px solid var(--default-text-color) !important; border-bottom: 5px solid var(--default-text-color) !important; box-shadow: 0px 0px 5px rgba(0,0,0,.7); -moz-box-shadow: 0px 0px 5px rgba(0,0,0,.7); margin-bottom: 2em !important; background: var(--bottombar-light-bg-color); vertical-align: text-bottom !important; border-radius: 5px !important; }

.WikiaRail .rail-module { padding: 20px 15px 15px; margin: 0 0 30px 0; }

.WikiaRail .rail-module h2 { border-bottom:1px solid var(--default-text-color); }

.WikiaRail .rail-module .wds-button.wds-is-secondary { background:var(--theme-accent-color); color:white!important; -webkit-transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; transition:.5s; }

.WikiaRail .rail-module .wds-button.wds-is-secondary:hover { background:var(--default-text-color)!important; border-color:var(--default-text-color)!important; color:white!important; }

.WikiaRail .rail-module h2.has-icon svg { fill: var(--default-text-color); }

/* Default color text */ .WikiNav, .module, .community-page-card-module .community-page-card-module-full-list-link, .special-categories a, .UserProfileMasthead .wikis span, .UserProfileMasthead .details span { color: var(--default-text-color); }

.community-page-rail-module { border-top: 1px solid var(--default-text-color)!important; }

.WikiaRail .module h2 { border-bottom: 1px solid var(--default-text-color); font-size: 16px; font-weight: bold; min-height: 30px; margin-bottom: 16px; padding-left: 2px; }

/* Username template */ .insertusername { color: #F00030; }

/*Credits to SML Wiki for this code !*/ .mw-warning-with-logexcerpt { border-color: var(--border-color) !important; }

/*Scrollbar*/
 * -webkit-scrollbar {

width: 12px; height: 12px; } body::-webkit-scrollbar { background: var(--theme-message-color); }
 * -webkit-scrollbar-thumb {

background: var(--theme-accent-color) ; }
 * -webkit-scrollbar-thumb:hover {

background: var(--theme-accent-color--hover) !important; }
 * -webkit-scrollbar-thumb:active {

background: var(--theme-link-color) !important; } /* Links */ .page-content a:hover { text-shadow: 0 0 2.5px rgba(255, 104, 17), 0 0 2.5px rgba(255, 104, 17); color: var(--default-text-color) !important; text-decoration: none; -webkit-transition: all .4s linear 0s; -moz-transition: all .4s linear 0s; -ms-transition: all .4s linear 0s; -o-transition: all .4s linear 0s; transition: all .4s linear 0s; } /*Custom highlighting code*/ /*** Works on common browsers ***/
 * selection {

background-color: var(--default-text-color); color: #FFFFFF; } /* Color scheme for templates */ .color-base { background-color:var(--default-text-color); border-color:var(--default-background-color); }

.color-main { text-align:center; background: var(--default-background-color); border: 3px solid var(--default-text-color); border-color:var(--default-text-color); font-size: 110%; color:#000; moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }

.color-text { text-align:center; font-size: 25px; font-family: var(--default-text-font); color: var(--special-text-color); text-shadow: 1px 2px #000956; } .mp-icon { border-color:var(--special-text-color); background-color:var(--special-text-color); font-size: 15px; font-weight: bold; } .mp-icon a { color:white; } /* Special Header (based on the Big Hero 6 Wiki code) */ .page-content .mp-header { border-radius: 5em; text-align: center; background-color: var(--default-text-color); background-size: contain; background-repeat: no-repeat; background-position: 97%; font-family: "Bangers", sans-serif; color: var(--theme-accent-label-color); font-size: 155%; padding: 1%; margin: 1%; }

.mainpage .page-header__title, .mainpage .page-header__separator { display: none; }