MediaWiki:Wikia.css

/*LETS IMPORT CRAP I LOVE IMPORTING*/ @import url("/load.php?mode=articles&only=styles&articles=MediaWiki:Common.css");

/*Navigation*/ .navi { transition: transform 0.15s; padding: 17.25px; z-index: 2; } .navi:hover { transform: scale(1.115); transition: transform 0.15s; } .navi .navichange { visibility: hidden; z-index: 1; } .navi:hover .navichange { visibility: visible; } .navi .tooltiptextright { visibility: hidden; width: 120px; background-color: #292929; color: #fff; text-align: center; border-radius: 20px; padding: 2px; position: absolute; z-index: 55; bottom: 100px; left: 100px; border: 2px solid #FF9CFF; font-size: 23px; font-family: 'Corbel' } .navi:hover .tooltiptextright { visibility: visible; } .navi .tooltiptextleft { visibility: hidden; width: 120px; background-color: #292929; color: #fff; text-align: center; border-radius: 20px; padding: 2px; position: absolute; z-index: 55; bottom: 100px; right: 100px; border: 2px solid #FF9CFF; font-size: 23px; font-family: 'Corbel' } .navi:hover .tooltiptextleft { visibility: visible; }

div.pi-item div.imageoverlay { margin-left:-14px; margin-top: -10px; margin-bottom: -10px; }

/*Rarities and text*/

.hv { color: #8911B7 !important; text-shadow: #FF9CFF 0 0 8px; font-size: 24px; -webkit-text-stroke: 0.8px #FF9CFF; font-family: "Corbel" }

.enhanced { color: #8911B7 !important; text-shadow: #FF9CFF 0 0 8px; font-size: 24px; -webkit-text-stroke: 0.8px #FF9CFF; font-family: "Corbel" }

.misc { color: black !important; text-shadow: black 0 0 1px; font-size: 24px; -webkit-text-stroke: 0.8px black; font-family: "Corbel" }

.stellar { -webkit-animation: enhancedAnim 10s infinite !important; -moz-animation: enhancedAnim 10s infinite !important; -ms-animation: enhancedAnim 10s infinite !important; animation: enhancedAnim 10s infinite !important; text-shadow: white 0 0 5px; font-size: 24px; font-family: "Corbel" }

.radiant { color: #202020 !important; text-shadow: #FFFFBB 0 0 7px; font-size: 24px; -webkit-text-stroke: 1px #FFE46E; font-family: "Corbel" }

.legendary { color: #202020 !important; text-shadow: #FF5252 0 0 4px; font-size: 24px; -webkit-text-stroke: 0.8px #FFA15C; font-family: "Corbel" }

.rare { color: #FFD485 !important; text-shadow: black 0 0 1px; font-size: 24px; font-family: "Corbel" }

.unique{ color: #FF8585 !important; text-shadow: black 0 0 1px; font-size: 24px; font-family: "Corbel" }

.uncommon { color: #FF8585 !important; text-shadow: black 0 0 1px; font-size: 24px; font-family: "Corbel" }

.common { color: #7D5412 !important; text-shadow: black 0 0 1px; font-size: 24px; font-family: "Corbel" }

@-webkit-keyframes rainbow { 0%{color: #ec59ee;} 20%{color: #ff6d72;} 40%{color: #f1d04c;} 60%{color: #7fee69;} 80%{color: #55d5ee;} 100%{color: #596df9;} }

@keyframes rainbow { 0%{color: #ec59ee;} 20%{color: #ff6d72;} 40%{color: #f1d04c;} 60%{color: #7fee69;} 80%{color: #55d5ee;} 100%{color: #596df9;} }

@-webkit-keyframes stellarAnim { 0%{color: #FF0B19;} 15%{color: #FBFF78;} 35%{color: #ECFF75;} 50%{color: #8BFFFF;} 65%{color: #93A1FF;} 80%{color: #FBFF78;} 100%{color: #FF0B19;} }

@keyframes stellarAnim { 0%{color: #FF0B19;} 15%{color: #FBFF78;} 35%{color: #ECFF75;} 50%{color: #8BFFFF;} 65%{color: #93A1FF;} 80%{color: #FBFF78;} 100%{color: #FF0B19;} }

@-webkit-keyframes enhancedAnim { 0%{color: #8911B7;} 15%{color: #FF9494;} 35%{color: #5BFFDB;} 50%{color: #FF9CFF;} 65%{color: #5BFFDB;} 80%{color: #FF9494;} 100%{color: #8911B7;} }

@keyframes enhancedAnim { 0%{color: #8911B7;} 15%{color: #FF9494;} 35%{color: #5BFFDB;} 50%{color: #FF9CFF;} 65%{color: #5BFFDB;} 80%{color: #FF9494;} 100%{color: #8911B7;} }

/* Infobox */ .portable-infobox { border-radius: 10px 10px 10px 10px; }

.pi-title { background-color: #8911B7 !important; color: black !important; text-shadow: #FF9CFF 0 0 8px; font-size: 24px; -webkit-text-stroke: 0.8px #FF9CFF; font-family: "Corbel"; border-radius: 10px 10px 1px 1px }

.pi-header{ background-color: #8911B7 !important; color: black !important; text-shadow: #FF9CFF 0 0 8px; font-size: 24px; -webkit-text-stroke: 0.8px #FF9CFF; font-family: "Corbel"; border-radius: 75px }

.pi-europa .pi-title { background-color: #8911B7; }

.portable-infobox img { transition: transform 0.5s; } .portable-infobox img:hover{ transform: scale(1.1) rotate(-15deg); transition: transform 0.5s; z-index: 5; }

/*Tables*/

.table { width: 80%; margin: 0 auto; background: #0D0D0D; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-collapse: separate; border-spacing: 2px; text-align: center; } .table td, .table tr, .table th { border-radius: 3.5px; -moz-border-radius: 3.5px; -webkit-border-radius: 3.5px; } .table th { background-color: #FF9CFF; } .table tr { background-color: #0D0D0D; color: #ffffff; } .table tr:not(:first-child) th { background-color: #000; } .table tr:first-child th { background-color: #FF9CFF; color: #0D0D0D; }

/* Pet Frame */ .nav { transition: transform 0.15s; padding: 0px; z-index: 2; } .nav:hover { transform: scale(1.115); transition: transform 0.15s; } .nav .navchange { visibility: hidden; z-index: 1; } .nav:hover .navchange { visibility: visible; } .nav .tooltiptextright1 { visibility: hidden; width: 120px; background-color: #292929; color: #fff; text-align: center; border-radius: 20px; padding: 2px; position: absolute; z-index: 55; bottom: 50px; left: 50px; border: 2px solid #FF9CFF; font-size: 23px; font-family: 'Corbel' } .nav:hover .tooltiptextright1 { visibility: visible; } .nav .tooltiptextleft1 { visibility: hidden; display: inline-block; background-color: #292929; color: #fff; text-align: center; border-radius: 20px; padding: 2px; position: absolute; z-index: 55; bottom: 50px; right: 50px; border: 2px solid #FF9CFF; font-size: 23px; font-family: 'Corbel' } .navi:hover .tooltiptextleft1 { visibility: visible; }