MediaWiki:Wikia.css

@import url('https://fonts.googleapis.com/css?family=Roboto'); @import url('https://fonts.googleapis.com/css?family=Montserrat'); @font-face { font-family: "Gotham Black"; src: url("https://static.rbxcdn.com/fonts/gotham/GothamSSm-Black.woff2"); } /* Page Styling */ .mw-headline { font-weight: bold; font-family: "Gotham Black"; } .page-header__title, .pi-secondary-font { font-family: "Gotham Black"; }

/* Item Overlay */ div.pi-item div.itemoverlay { margin-left:-14px; margin-top: -10px; margin-bottom: -10px; } /* Navigation Overlays */ .itemoverlayzoom { transition: transform 0.3s; padding: 18.75px; } .itemoverlayzoom:hover { transform: scale(1.125); transition: transform 0.3s; padding: 18.75px; } .itemoverlayzoom .tooltiptextright { visibility: hidden; width: 120px; background-color: #000; color: #fff; text-align: center; border-radius: 7px; padding: 5px 0; position: absolute; z-index: 2; left: 100px; font-family: "Gotham Black"; } .itemoverlayzoom:hover .tooltiptextright { visibility: visible; } .itemoverlayzoom .tooltiptextleft { visibility: hidden; width: 120px; background-color: #000; color: #fff; text-align: center; border-radius: 7px; padding: 5px 0; position: absolute; z-index: 2; right: 100px; font-family: "Gotham Black"; } .itemoverlayzoom:hover .tooltiptextleft { visibility: visible; } .itemoverlayzoom1 { padding: 18.75px; } /* Rarities */ .common { color: #64ff32; text-shadow: black 0 0 1px; font-weight: bold; font-size: 20px; -webkit-text-stroke: 0px black; font-family: "Gotham Black" } .commons { color: #64ff32; text-shadow: black 0 0 1px; font-weight: bold; font-size: 14.4px; -webkit-text-stroke: 0px black; font-family: "Gotham Black" } .rare { color: #007dff; text-shadow: black 0 0 1px; font-weight: bold; font-size: 20px; -webkit-text-stroke: 0px black; font-family: "Gotham Black" } .rares { color: #007dff; text-shadow: black 0 0 1px; font-weight: bold; font-size: 14.4px; -webkit-text-stroke: 0px black; font-family: "Gotham Black" } .legendary { color: #ff1919; text-shadow: black 0 0 1px; font-weight: bold; font-size: 20px; -webkit-text-stroke: 0px black; font-family: "Gotham Black" } .legendarys { color: #ff1919; text-shadow: black 0 0 1px; font-weight: bold; font-size: 14.4px; -webkit-text-stroke: 0px black; font-family: "Gotham Black" } .mythical { color: #ffbf00; text-shadow: black 0 0 1px; font-weight: bold; font-size: 20px; -webkit-text-stroke: 0px black; font-family: "Gotham Black" } .mythicals { color: #ffbf00; text-shadow: black 0 0 1px; font-weight: bold; font-size: 14.4px; -webkit-text-stroke: 0px black; font-family: "Gotham Black" } .ultimate { color: #00ffff; text-shadow: black 0 0 1px; font-weight: bold; font-size: 20px; -webkit-text-stroke: 0px black; font-family: "Gotham Black" } .ultimates { color: #00ffff; text-shadow: black 0 0 1px; font-weight: bold; font-size: 14.4px; -webkit-text-stroke: 0px black; font-family: "Gotham Black" } /* Types */ .warrior { color: #6b0101; text-shadow: black 0 0 1px; font-weight: bold; font-size: 20px; -webkit-text-stroke: 0px black; font-family: "Gotham Black"; } .warriors { color: #6b0101; text-shadow: black 0 0 1px; font-weight: bold; font-size: 14.4px; -webkit-text-stroke: 0px black; font-family: "Gotham Black"; } .wizard { color: #9b00e2; text-shadow: black 0 0 1px; font-weight: bold; font-size: 20px; -webkit-text-stroke: 0px black; font-family: "Gotham Black"; } .wizards { color: #9b00e2; text-shadow: black 0 0 1px; font-weight: bold; font-size: 14.4px; -webkit-text-stroke: 0px black; font-family: "Gotham Black"; } /* Difficulties */ .easy { color: #64ff64; text-shadow: black 0 0 1px; font-weight: bold; font-size: 20px; -webkit-text-stroke: 0px black; font-family: "Gotham Black"; } .medium { color: #ff7f00; text-shadow: black 0 0 1px; font-weight: bold; font-size: 20px; -webkit-text-stroke: 0px black; font-family: "Gotham Black"; } .hard { color: #ff3232; text-shadow: black 0 0 1px; font-weight: bold; font-size: 20px; -webkit-text-stroke: 0px black; font-family: "Gotham Black"; } .demon { color: #8800ff; text-shadow: black 0 0 1px; font-weight: bold; font-size: 20px; -webkit-text-stroke: 0px black; font-family: "Gotham Black"; } .impossible { color: #0f0f0f; text-shadow: black 0 0 1px; font-weight: bold; font-size: 20px; -webkit-text-stroke: 0px black; font-family: "Gotham Black"; } .endless { color: #0096ff; text-shadow: black 0 0 1px; font-weight: bold; font-size: 20px; -webkit-text-stroke: 0px black; font-family: "Gotham Black"; } /* Chances */ .chance { color: #000; text-shadow: white 0 0 1px; font-weight: bold; font-size: 20px; -webkit-text-stroke: 0px white; font-family: "Gotham Black"; } .gothamb { font-family: "Gotham Black"; font-weight: 500; color: #000; } .portable-infobox img { transition: transform 0.3s; } .portable-infobox img:hover{ transform: scale(1.125); transition: transform 0.3s; }