MediaWiki:Common.css

/* Making gallery captions readable in light and dark themes */ .wikia-gallery-caption-below .lightbox-caption { color: rgba(var(--theme-page-text-color--rgb),.9); }

/* Styles for nav boxes */ .s76nav { margin: 0 auto; width: 100%; border: 3px solid black; border-radius: 10px 10px 10px 10px; font-size: 100%; } .s76nav-title { text-align: center; border-radius: 10px 10px 10px 10px; font-size: 16pt; background: grey; color: #fff; text-shadow: 0 0 10px black, 0 0 10px black, 0 0 7px black, 0 0 7px black, 0 0 7px black; } .s76nav-subtitle { padding: 4px; margin: 2px; background: grey; text-align: center; color: white; border-radius: 10px 10px 10px 10px; text-shadow: 0 0 10px black, 0 0 10px black, 0 0 7px black, 0 0 7px black, 0 0 7px black; } .s76nav-heading { padding: 3px; margin: 2px; background: grey; color: white; width: 20%; border-radius: 10px 10px 10px 10px; text-shadow: 0 0 2px black, 0 0 10px black, 0 0 5px black, 0 0 5px black, 0 0 5px black; } .s76-nav td { text-align: left; } .mw-collapsible-toggle { text-shadow: none; }

/* Navigational Header*/ .mainheader { font-size: 40px; } .mainpageheader { font-size: 22px; text-align: center; } .buttonrow { display: flex; justify-content: center; align-items: center; height: 60px; } .mainbutton { position: relative; font: 30px Rubik; width: auto; height: auto; transition: all 0.4s ease; padding: 2.5px 15px; margin: 0 8px; color: gold; background: gold; flex: 0 0 auto; }   .mainbutton a { color: white; text-transform: uppercase; text-decoration: none !important; transition: text-shadow 0.4s ease; }       .mainbutton a::after { display: none !important; }       .mainbutton:hover > a { text-shadow: 0 0 6px rgba(0, 0, 0, 0.6); }   .mainbutton:before { content: ""; position: absolute; top: 0; left: 0; border-style: solid; border-color: gold; transition: border-color 0.4s ease; }   .mainbutton:hover { background: black; }

.upgradeheader { font-family: Source Sans Pro, Raleway, Rubik, sans-serif; font-size: 18px; }

/* Image Hovering */ .hoverimage img { opacity: 0.80; filter: alpha(opacity=70); -webkit-transition: opacity .2s ease-in-out; } .hoverimage img:hover { opacity: 1.5; filter: alpha(opacity=200); } /* Databoxes */ .databox { position: relative; padding: 0.35em; background: #25883d; width: auto; height: auto; font: 18px 'Rubik'; text-align: center; color: #fff; margin: 0; text-transform: uppercase; transition: text-shadow 0.15s ease; }   .databox:hover { text-shadow: 0 0 6px rgba(255, 255, 255, 0.4); }   .databox:before { content: ""; position: absolute; top: 0; left: 0; border-style: solid; border-width: 0 0 12px 12px; border-color: #25883d #222426; } /* Expanding Image upon Hovering */ .expandimage img:hover { filter: brightness(106%); /* (6% brighter on hover) */ transform: scale(1.05); /* (105% zoom on hover) */ }

.expandimage img:active { transform: scale(1); /* (100% zoom on click) */ transition-duration: 0.01s; } .expandimage2 img { transition: 0.15s ease; transition-property: transform, filter; margin: 0 auto; }   .expandimage2 img:hover { filter: brightness(106%); /* (6% brighter on hover) */ transform: scale(1.05); /* (105% zoom on hover) */ }

.expandimage2 img:active { transform: scale(1); /* (100% zoom on click) */ transition-duration: 0.01s; } /* Infobox Image Hover */ .portable-infobox img { transition: transform 0.5s; } .portable-infobox img:hover { transform: scale(1.04); transition: transform 0.5s; }

/* Custom scrollbar */ .skin-fandomdesktop::-webkit-scrollbar { width: 1vmax; } .skin-fandomdesktop::-webkit-scrollbar-track { background: white; } .skin-fandomdesktop::-webkit-scrollbar-thumb { background: gold; } .skin-fandomdesktop::-webkit-scrollbar-thumb:hover { background: #222 }

/* Infobox Image Hover */ .portable-infobox img { transition: transform 0.5s; } .portable-infobox img:hover { transform: scale(1.04); transition: transform 0.5s; }

/*#region User tags*/ /* WIKI JAVASCRIPT CUSTOM TAGS INSTALLATION */ span.user-identity-header__tag.tag-wiki_founder { background: gold !important; } span.user-identity-header__tag.tag-wiki_co-founder { background: gold !important; } span.user-identity-header__tag.tag-qa_tester { background: gold !important; }