MediaWiki:Wikia.css

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@600&display=swap');

/* header title */ .WikiaPage .page-header__title { font-weight: normal; font-family: Wonder, serif; }

/* tabs */ /*-- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --*/

/*-- Tabberlive is the tabber area Tabbertab is the area inside of the open tab

Removed width: 660px !important; in tabberlive and tabberlive .tabbertab --*/

.tabberlive {

} .tabberlive .tabbertab { border:1px solid transparent !important; }

/*-- Tabbernav is the tab navigation list --*/

ul.tabbernav { border-bottom-color: #dddddd !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; color: rgb(51, 51, 51) !important; font: normal 14px Helvetica, Arial, sans-serif !important; padding-bottom: 6px !important; padding-left: 12px !important; padding-right: 12px !important; padding-top: 8px !important; line-height: 20px !important; }

/*-- Tabbernav is the shape of each "tab" on the list --*/

ul.tabbernav li { }

ul.tabbernav li a { background-color: transparent !important; border-bottom-color: transparent !important; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100% border-image-source: none; border-image-width: 1 1 1 1; border-left-color: transparent !important; border-left-style: solid; border-left-width: 1px; border-right-color: transparent !important; border-right-style: solid; border-right-width: 1px; border-top-color: transparent !important; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid; border-top-width: 1px; color: #87868a; margin-right: 2px; outline-color: rgb(51, 51, 51); outline-offset: -2px; outline-style: dotted; outline-width: 0px; padding-bottom: 8px !important; padding-left: 12px !important; padding-right: 12px !important; padding-top: 8px !important; }

ul.tabbernav li a:link { color: #87868a !important; } ul.tabbernav li a:visited { color: #87868a !important; }

ul.tabbernav li a:hover { background-color: #dddddd !important; }

/*-- Active tab, the one open --*/

ul.tabbernav li.tabberactive { margin-bottom: 0px; }

ul.tabbernav li.tabberactive a { background-color: rgb(255, 255, 255) !important; border-bottom-color: transparent; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0 0 0 0; border-image-repeat: stretch stretch; border-image-slice: 100% 100% 100% 100% border-image-source: none; border-image-width: 1 1 1 1; border-left-color: rgb(221, 221, 221) !important; border-left-style: solid; border-left-width: 1px; border-right-color: rgb(221, 221, 221) !important; border-right-style: solid; border-right-width: 1px; border-top-color: rgb(221, 221, 221) !important; border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid; border-top-width: 1px; color: rgb(85, 85, 85);

margin-right: 2px; outline-color: rgb(51, 51, 51); outline-offset: -2px; outline-style: dotted; outline-width: 0px;

padding-bottom: 8px; padding-left: 12px; padding-right: 12px; padding-top: 8px; }

ul.tabbernav li.tabberactive a:hover {

} /******************** End of Customizing Tabber ********************/

/* hover */ .hoverimage img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; opacity: 1; filter: alpha(opacity=100); } .hoverimage img:hover { opacity: 0.5; filter: alpha(opacity=50); } .hovershadow img { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .hovershadow img:hover { box-shadow: 0px 0px 13px 1px #0000004D; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }

.rotate:hover img { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.rotate img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; }

/* admins */ a[href="/wiki/User:Adorkabler5er"] { color:##a43837; font-weight:bold !important; }

/* scrollbar */
 * -webkit-scrollbar {

width: 12px; height: 12px; }
 * -webkit-scrollbar-thumb {

background: #a43837; }
 * -webkit-scrollbar-thumb:hover {

background: #a43837 !important; }
 * -webkit-scrollbar-thumb:active {

background: #a43837 !important; }

/* navbox */ .navbox { width: 100%; font-size: smaller; } .navbox-title { font-size: small; } tr.navbox-gutter { display: none; }

/* hatnote */ div.hatnote { padding-left: 1.6em; margin-bottom: 0.5em; color: grey; font-size: 15px; text-align: center; } .hatnote { font-style: italic; }

/* grayscale */ .grayscale img { filter: url("data:image/svg+xml;utf8, #grayscale"); filter: gray; -webkit-filter: grayscale(100%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .grayscale img:hover { filter: url("data:image/svg+xml;utf8, #grayscale"); -webkit-filter: grayscale(0%); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; }

/* gallery */ .Gallery { background-color: #9ecdd9; box-shadow: transparent (0, 0, 0, 0.05) 0px 1px 1px 0px inset; background-image:url(''); background-position: center; }

/* QUOTES */ article blockquote { border-left: 3px solid #87868a; margin: 0; padding: 5px; padding-left: 20px; font-style: italic; }

/* toc styling */ .toc { margin-top: 20px; background: #9ecdd9 !important; border: 1px solid transparent !important; width: 250px !important; } .toc h2 { font-family: 'Poppins', sans-serif; text-transform: uppercase; }

.hr { border: 3px solid #292727; }

/* Arrow removed from links */ .WikiaArticle a.external:after, .WikiaArticle a[href^="gopher://"]:after { background-image: none; content: none; }