MediaWiki:Wikia.css

@import url('https://fonts.googleapis.com/css?family=Quicksand&display=swap'); @import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap'); @import url('//dev.wikia.com/load.php?debug=false&lang=en&mode=articles&articles=u:dev:MediaWiki:FandomizedButtons.css&only=styles'); @import url('//dev.wikia.com/load.php?debug=false&lang=en&mode=articles&articles=u:dev:MediaWiki:RedesignedAdminDashboard.css"&only=styles'); @import url(/wiki/MediaWiki:Themes.css?action=raw&ctype=text/css); @import url(/wiki/MediaWiki:Wikia.css/profileMasthead.css?action=raw&ctype=text/css); @import url("/load.php?mode=articles&articles=u:dev:MediaWiki:ModernCommentsSection.css&only=styles"); @import url('//dev.wikia.com/load.php?debug=false&lang=en&mode=articles&articles=u:dev:MediaWiki:EditorSourceMinimal/dark.css&only=styles'); @import url('//dev.wikia.com/load.php?debug=false&lang=en&mode=articles&articles=u:dev:MediaWiki:EditorSourceMinimal/dark.css&only=styles'); @import url("//dev.wikia.com/load.php?mode=articles&articles=Highlight/code.css&only=styles");

/** Headers **/ /*** Makes the level 2 heading for a texture change flag ***/ .WikiaArticle h2 { left: -16px; position: center; background-image: url('https://images.wikia.nocookie.net/vampirediaries/images/e/ea/RedHeader.png'); background-color: transparent; background-position: left bottom; border-bottom: none; color: white; font-size: 1.45em; line-height: 22px; padding: 3px; }

/* Giving headers and TOC a little extra space */ .toc { margin-top: 20px; }

/* Tabbers */ ul.tabbernav { border-bottom: 5px solid darkred !important; font-size: 14px; font-weight: normal !important; } ul.tabbernav li a { padding: 8px 12px !important; margin-left: 0px !important; color: #CCCCCC !important; border: none !important; background: none !important; } ul.tabbernav li a:link { color: #CCCCCC !important; } ul.tabbernav li a:visited { color: #CCCCCC !important; } ul.tabbernav li a:hover { color: #CCCCCC !important; background: darkred !important; border:none !important; } ul.tabbernav li.tabberactive a { background-color: #4B0905 !important; border-bottom: 1px solid black !important; } .tabberlive { width: 100%; } .tabberlive .tabbertab { border:none !important; padding: 0px !important; }

/* Hover Effect; Malachai */ .malachai img { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #45c2f5; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .malachai img:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); }

/* Hover Effect; IMP */ .IMP img { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #45c2f5; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .IMP img:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); }

/* Hover Effect; YADM */ .YADM img { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #45c2f5; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .YADM img:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); }

/* Hover Effect; Forever Mine */ .FM img { -moz-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -moz-transition: All 0.6863s ease; -o-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -o-transition: All 0.6863s ease; -webkit-transform: rotate(0deg) scale(1) skew(180deg) translate(0px); -webkit-transition: All 0.6863s ease; color: #45c2f5; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .FM img:hover { -webkit-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -moz-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -ms-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); -o-transform: rotate(1deg) scale(1.090) skew(180deg) translate(0px); }