MediaWiki:Styling.css

/* Taken code from https://weeekly.fandom.com/wiki/MediaWiki:Styling.css */

/* Customizing Tabber */ .tabbertab { border-top: 1px solid #e7bafd; border-bottom: 1px solid #e7bafd; border-left: 1px solid #e7bafd; border-right: 1px solid #e7bafd; } /* add spaces to tabview tabs */ .tabberlive > ul.tabbernav > li { margin-right: 1px; }   /* not applying on the last tabview tabs */ .tabberlive > ul.tabbernav > li:last-child { margin-right: 0; } .tabbernav { background: #ffffff4d; border-bottom: 0; padding: 3px 0; } ul.tabbernav li a { -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; background-color:rgba(#c5c2ff,#ffc2d3); border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid #e7bafd4d; color: #fff; font-size: 15px; font-weight: normal; margin-left: 0; padding: 3px 0.5em; position: relative; font-family: 'Cooper Black'; } ul.tabbernav li.tabberactive a { background:-webkit-linear-gradient(#c5c2ff,#ffc2d3); border: 1px solid #e7bafd4d; color: #000000; cursor: default; font-size: 15px; font-weight: bold; font-family: 'Cooper Black'; } ul.tabbernav li.tabberactive { line-height: 0; }   ul.tabbernav li.tabberactive:first-child a { margin-left: 0; } .tabbertab .ajax-poll { border: none; } .tabberlive .tabbertab h2, .tabberlive .tabbertab h3 { display: block; } /* End of Customizing Tabber */

/* Infobox -Credit to Rheinaldi kian jiu*/ .portable-infobox { float:right; background: #FFFFFFF; font-family:Montserrat; color: #2d2d2d; border-radius: 2px; border:1px solid #D18AD6; overflow: hidden; } .portable-infobox h2 { background-color: #D18AD6; color: #FFFFFF; font-family:'Cooper Black'; font-weight: bold; }

.pi-title, .pi-header, .pi-horizontal-group .pi-header { color: #FFFFFF; text-align: center; background-color:#D18AD6; font-family:'Cooper Black'; }

.portable-infobox figure, .portable-infobox .pi-image { overflow:hidden; width:auto; } .pi-caption { text-align: center; color:#2d2d2d } /*End*/

/* Font body */ .wds-community-header{ font-family: 'Cooper Black'; }

h1,h2,h3,h4,h5 { font-family: 'SuperbW00-Regular'; }

.WikiaPage { font-family: 'Montserrat'; }

/*Dropdown*/ .custom-dropdown { padding: 1px 8px; } .custom-dropdown ul { list-style: none; min-width: 100%; top: 23px; } .custom-dropdown:hover ul { display: block; } .custom-dropdown li a { height: 14px; line-height: 14px; }

.WikiaArticle { overflow: visible; }

/* Scroll Bar -Credit to Rheinaldi kian jiu*/
 * -webkit-scrollbar {

background-image: linear-gradient(135deg,#A0C1D9,#007ED8); }
 * -webkit-scrollbar-thumb {

border-radius:100em; background:#E34695; }
 * -webkit-scrollbar-thumb:hover {

border-radius:100em; background:#EFBD5A; }
 * -webkit-scrollbar-thumb {

width:10px; }

/***** Custom cursor *****/ /* Global cursor */ body { cursor: url('/wiki/Special:FilePath/Cursor.png'), pointer;

} /* Link cursor */ a:hover { cursor: url('/wiki/Special:FilePath/Cursor.png'), pointer; }

/*Buttons (Credit to Rheinaldi kian jiu)*/

a.wikia-button, .wikia-single-button a, .wikia-menu-button, input[type="submit"], input[type="reset"], input[type="button"], .button, .WikiaPage button:not(.ace_searchbtn_close):not(.ace_replacebtn):not(.ace_searchbtn):not(#toc-open) { font-size: 10px !important; font-weight: bold; text-transform: uppercase; line-height: 19px !important; background-image: curentColor !important; } a.wikia-button:hover, .wikia-single-button a:hover, .wikia-menu-button:hover, .wikia-menu-button > a:hover, .wikia-menu-button > .drop:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:hover, .WikiaPage button:not(.ace_searchbtn_close):not(.ace_replacebtn):not(.ace_searchbtn):not(#toc-open):hover { background-image: curentColor !important; } a.wikia-button.active, a.wikia-button:active, .wikia-single-button a.active, .wikia-single-button a:active, .wikia-menu-button.active, .wikia-menu-button:active, input[type="submit"].active, input[type="submit"]:active, input[type="reset"].active, input[type="reset"]:active, input[type="button"].active, input[type="button"]:active, .button.active, .button:active, .WikiaPage button.active:not(.ace_searchbtn_close):not(.ace_replacebtn):not(.ace_searchbtn):not(#toc-open), .WikiaPage button:not(.ace_searchbtn_close):not(.ace_replacebtn):not(.ace_searchbtn):not(#toc-open):active { background-image: curentColor !important; } a.wikia-button.secondary, .wikia-single-button a.secondary, .wikia-menu-button.secondary, input[type="submit"].secondary, input[type="reset"].secondary, input[type="button"].secondary, .button.secondary { border-color: currentColor !important; color: currentColor !important; text-transform: uppercase; } a.wikia-button.secondary:hover, .wikia-single-button a.secondary:hover, .wikia-menu-button.secondary:hover, input[type="submit"].secondary:hover, input[type="reset"].secondary:hover, input[type="button"].secondary:hover, .button.secondary:hover { border-color: currentColor; } a.wikia-button.secondary.active, a.wikia-button.secondary:active, .wikia-single-button a.secondary.active, .wikia-single-button a.secondary:active, .wikia-menu-button.secondary.active, .wikia-menu-button.secondary:active, input[type="submit"].secondary.active, input[type="submit"].secondary:active, input[type="reset"].secondary.active, input[type="reset"].secondary:active, input[type="button"].secondary.active, input[type="button"].secondary:active, .button.secondary.active, .button.secondary:active { border-color: currentColor; background-image: curentColor !important; } .EditPage .cke_button > a { background-image: curentColor !important; border-color: transparent; text-transform: uppercase; font-size: 10px !important; font-weight: bold; } .wikia-menu-button, button.wikia-button { font-size: 10px; font-weight: bold; background-image: curentColor !important; } .wikia-menu-button > a, .wikia-menu-button .drop { font-size: 10px; background-image: curentColor !important; font-weight: bold; }

/* Navigation Bar Hover */ @keyframes topnav-Dropdown { 0%{opacity: 0; top: 30px;} 100%{opacity: 1; top: 40px;} } @-webkit-keyframes topnav-Dropdown { 0%{opacity: 0; top: 30px;} 100%{opacity: 1; top: 40px;} } @keyframes Dropdown { 0%{opacity: 0; transform: translateX(-10px);} 100%{opacity: 1; transform: translateX(0);} } @-webkit-keyframes Dropdown { 0%{opacity: 0; transform: translateX(-10px);} 100%{opacity: 1; transform: translateX(0);} } @keyframes global-Dropdown { 0%{opacity: 0; top: 45px;} 100%{opacity: 1;} } @-webkit-keyframes global-Dropdown { 0%{opacity: 0; top: 45px;} 100% {opacity: 1;} } @keyframes contribution-Dropdown { 0%{opacity: 0; top: 25px;} 100%{opacity: 1; top: 35px;} } @-webkit-keyframes contribution-Dropdown { 0%{opacity: 0; top: 25px;} 100%{opacity: 1; top: 35px;} } @-webkit-keyframes searchsuggestions-Dropdown { 0%{top: 80%; opacity: 0;} 100%{top: calc(1px+100%); opacity: 1;} } @keyframes searchsuggestions-Dropdown { 0%{top: 80%; opacity: 0;} 100%{top: calc(1px+100%); opacity: 1;} }

.wds-icon-tiny { transition: transform 0.2s; } .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content { animation: topnav-Dropdown 0.2s; -webkit-animation: topnav-Dropdown 0.2s; -moz-animation: topnav-Dropdown 0.2s; } .wds-community-header .wds-community-header__local-navigation .wds-tabs .wds-tabs__tab .wds-dropdown .wds-dropdown__content .wds-dropdown-level-2__content { animation: Dropdown 0.2s; -webkit-animation: Dropdown 0.2s; -moz-animation: Dropdown 0.2s; } .page-header .page-header__contribution .page-header__contribution-buttons .wds-button-group .wds-dropdown .wds-dropdown__content, #PageHeader #EditMessageWallGreeting .wds-button-group .wds-dropdown .wds-dropdown__content, .wds-community-header__wiki-buttons .wds-dropdown .wds-dropdown__content { -webkit-animation: contribution-Dropdown 0.2s; -moz-animation: contribution-Dropdown 0.2s; animation: contribution-Dropdown 0.2s; } .wds-dropdown__content.wds-global-navigation__search-suggestions { -webkit-animation: searchsuggestions-Dropdown 0.25s; -moz-animation: searchsuggestions-Dropdown 0.25s; animation: searchsuggestions-Dropdown 0.25s; } .wds-dropdown::after, .wds-dropdown::before { display: none !important; }   transition: transform cubic-bezier(0.66, 0.52, 0.25, 1.25) 0.25s; }   transform: rotate(180deg); }
 * 1) wds-icons-dropdown-tiny {
 * 1) wds-icons-dropdown-tiny:hover {