MediaWiki:Common.css/HomepageRollover.css

/***** CSS placed here will be applied to all skins on the entire site. *****/

@import url(//db.onlinewebfonts.com/c/9d45989e42b1fe0536c64925758420d3?family=Didact+Gothic); @import url(//db.onlinewebfonts.com/c/4ffad4743fa6748ed350a942fbdbeb05?family=Parchment);

/*Home Page Rollover Effect*/ .home-links { margin:0 !important; padding:0; text-align:center; } .home-links li { color:#FFF; background:#B90E0A; display:inline-block; overflow: hidden; text-align:center; margin: 1px 3px; box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); -webkit-transition:all .4s ease; -o-transition:all .4s ease; -ms-transition:all .4s ease;w transition:all .4s ease; } .home-links li.hover, .home-links li:hover { background:#FFF; color:#B90E0A; box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.5), 0 4px 15px 0 rgba(0, 0, 0, 0.5); } .home-links li.hover>a span, .home-links li:hover>a span { color:#B90E0A; } .home-creators li a { display:block; text-decoration:none; padding:0 15px; } .home-creators li a span { font-family:'Parchment'; font-size:20px; line-height:36px; color:#FFF; } .home-creators li img { width: 100px !important; height: 100px !important; -webkit-border-radius: 50% !important; -moz-border-radius: 50% !important; -ms-border-radius: 50% !important; -o-border-radius: 50% !important; border-radius: 50% !important; padding:15px; } .home-creators li a { display:block; text-decoration:none; padding:0 2px; } .home-creators li a span { font-family:'Didact Gothic'; font-size:12px; line-height:24px; color:#FFF; border: 3px solid #F9F295; } .home-other-links li a img { width: 226px; margin-bottom:-3px; } .home-wikia-links li { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .home-wikia-links li a { display:block; width: 175px; padding:30px 0; margin-bottom:-3px; text-decoration:none; font-family:'Didact Gothic'; font-size:20px; color:#FFF; border: 3px solid #F9F295; } .view-more { display:block; text-align:right; padding-top: 10px; } .view-more a { font-family:'Didact Gothic'; padding:2px 20px; text-decoration:none; font-size:25px; color:#151E3D; border: 3px solid #B90E0A; } .home-social-links { text-align: center; } .home-social-links p a { padding: 10px; }