MediaWiki:Wikia.css

@import url(https://fonts.googleapis.com/css?family=Play); @import url(https://fonts.googleapis.com/css?family=Rock+Salt); @import url(https://fonts.googleapis.com/css?family=Metal+Mania); @import url(https://fonts.googleapis.com/css?family=Felipa); @import url(https://fonts.googleapis.com/css?family=Bangers); @import url(https://fonts.googleapis.com/css?family=VT323); @import url(https://fonts.googleapis.com/css?family=Gloria+Hallelujah); @import url(https://fonts.googleapis.com/css?family=Rajdhani); @import url("//dev.wikia.com/load.php?mode=articles&articles=MediaWiki:ClassicModIcons.css&only=styles"); @import "//dev.wikia.com/index.php?title=FontAwesome/code.css&action=raw&ctype=text/css";

/* testing pi */

.pi-theme-aot { border:2px solid white; } .pi-theme-aot .pi-item { background-color:black; } .pi-theme-aot .pi-title { background-color:lime; color:black; text-align:center; font-size:20px; } .pi-theme-aot .pi-secondary-background { background-color:lime; color:black; text-align:center; font-size:14px; } .pi-theme-aot .pi-data:not(:last-of-type) { border-color:lime;

}

.WikiaArticle .picture-attribution {display:none;}

.css.source-css { background-color: #404040 !important; } .pollAnswersVotes div {background-color: #008000;}

/* General background color, borders, and box-shadow */ .WikiaArticle.AdminDashboardChromedArticle, .page-Special_AdminDashboard .WikiaArticle { -moz-box-shadow: 1px 1px 1px 0 #000; -khtml-box-shadow: 1px 1px 1px 0 #000; -webkit-box-shadow: 1px 1px 1px 0 #000; box-shadow: 1px 1px 1px 0 #000; background-color: #041B2E; border-bottom: 1px solid #000; border-right: medium none; }

/* Background and text color/weight of the active tab */ .AdminDashboardTabs .tab.active { background: none repeat scroll 0 0 #000; color: white; font-weight: bold; }

/* Background color/gradient, borders, and shadow of the headings */ .AdminDashboardGeneralHeader, .AdminDashboard .admin-dashboard-content .control-section header { -moz-box-shadow: 0 2px 2px 0 #000; -khtml-box-shadow: 0 2px 2px 0 #000; -webkit-box-shadow: 0 2px 2px 0 #000; box-shadow: 0 2px 2px 0 #000; background-color: #008000; background-image: -moz-linear-gradient(center top, #000 40%, #000 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(40%, #000), color-stop(100%, #000)); border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; } .AdminDashboardGeneralHeader, .AdminDashboard .admin-dashboard-content .control-section header h1 { color: #000;} .AdminDashboardDrawer { background: none repeat scroll 0 0 #000; border-left: 1px solid #aaa; }

/* Background color/gradient and border for the "Quick Stats" box */ .QuickStatsWidget .WikiaDataTable { background-color: #000; background-image: -moz-linear-gradient(center top, #000 40%, #000 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(40%, #000), color-stop(100%, #000)); border: 1px solid #aaa; }

/* Return the font in the editor back to the default */
 * 1) wpTextbox1 {font-family:monospace}

/* default skin for navigation boxes */ table.navbox { background-color: #f9f9f9; border: 1px solid #aaa; clear: both; font-size: 90%; margin: 1em 0em 0em; padding: 2px; text-align: left; width: 100%; }

table.navbox th { background-color: #ccf; padding-left: 1em; padding-right: 1em; }

table.navbox tr:not(:first-child) th { background-color: #ddf; }

@media print { .navbox { display: none; } }

/* Container needed to position the overlay. Adjust the width as needed */ .container2 { position: relative; width: 33%; max-width: 200px; } /* Make the image to responsive */ .image { display: block; width: 100%; height: auto; } /* The overlay effect - lays on top of the container and over the image */ .overlay { position: absolute; bottom: 0; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.5); /* Black see-through */ color: #f1f1f1; width: 100%; transition: .5s ease; opacity:0; color: white; font-size: 20px; padding: 20px; text-align: center; } /* When you mouse over the container, fade in the overlay title */ .container2:hover .overlay { opacity: 1; }
 * {box-sizing: border-box}

/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at NavFrame. */

div.Boxmerge, div.NavFrame { margin: 0px; padding: 4px; border: 1px solid #aaa; text-align: center; border-collapse: collapse; font-size: 95%; } div.Boxmerge div.NavFrame { border-style: none; border-style: hidden; } div.NavFrame + div.NavFrame { border-top-style: none; border-top-style: hidden; } div.NavPic { background-color: #fff; margin: 0px; padding: 2px; float: left; } div.NavFrame div.NavHead { height: 1.6em; font-weight: bold; background-color: #ccccff; position:relative; } div.NavFrame p { font-size: 100%; } div.NavFrame div.NavContent { font-size: 100%; } div.NavFrame div.NavContent p { font-size: 100%; } div.NavEnd { margin: 0px; padding: 0px; line-height: 1px; clear: both; } a.NavToggle { position:absolute; top:0px; right:3px; font-weight:normal; font-size:smaller; }

.wds-community-header__sitename { text-shadow: 0px 0px 9px #00ffcc; color: #ffffff; font-family: Rajdhani,Helvetica,Arial,sans-serif; }


 * 1) icons {position:absolute; right:0; bottom:-1.2em} .WikiaPageHeader {padding-bottom:0; margin-bottom:1.5em}

a[href$="/wiki/User:Aaronbill3"], a[href$="/wiki/Message_Wall:Aaronbill3"], a[href$="/wiki/User_blog:Aaronbill3"], a[href$="/Aaronbill3"] { color: #337800 !important; font-weight: bold !important; font-family: Arial !important;

}

a[href$="/wiki/User:ChromastoneandTabby"], a[href$="/wiki/Message_Wall:ChromastoneandTabby"], a[href$="/wiki/User_blog:ChromastoneandTabby"], a[href$="/ChromastoneandTabby"] { color: #ff00ff !important; font-weight: bold !important; font-family: Arial !important;

}

.stars { background-image:url('https://vignette.wikia.nocookie.net/ben10fanfiction/images/9/9c/Starbackground3.png/revision/latest'); }

.btffrpg { background-image:url('https://vignette.wikia.nocookie.net/ben10fanfiction/images/2/2e/Btffrpgbackground.png'); }

.alieniconbg { background-image:url('https://vignette.wikia.nocookie.net/ben10fanfiction/images/b/b8/Iconbackground.png/revision/latest?cb=20170105173317'); }

.thirteenbg { background-image:url('https://vignette.wikia.nocookie.net/ben10fanfiction/images/b/b7/13bg.png/revision/latest?cb=20161026015230'); }

.sifbg { background-image:url('https://vignette.wikia.nocookie.net/ben10fanfiction/images/2/23/Sifbg.jpg/revision/latest?cb=20160902235124'); }

.rbbg { background-image:url('https://vignette.wikia.nocookie.net/ben10fanfiction/images/8/89/Rbbg.png/revision/latest?cb=20160906030722'); }

.fallbg { background-image:url('http://fullhdwall.com/wp-content/uploads/2016/06/Natural-Autumn-Leaves.jpg'); }

.decbg { background-image:url('http://az616578.vo.msecnd.net/files/2015/12/17/6358597405136291881279957901_winter%20wonderland.jpg'); }

.springbg { background-image:url('http://www.ing.una.py/wp-content/uploads/2012/09/primavera1.jpg'); }

.summerbg { background-image:url('http://www.publicdomainpictures.net/pictures/150000/velka/tropical-beach-1454007190ZAK.jpg'); }

.Sifbackgroundtest { background-image:url('https://vignette.wikia.nocookie.net/ben10fanfiction/images/f/f5/Sifbackgroundtest.png/revision/latest?cb=20161004030901'); }

.paper { background-image:url('http://www.webextensionline.com/wp-content/uploads/seamless-paper-texture-widescreen.jpg'); }

.divetoodeep { background-image:url('https://vignette.wikia.nocookie.net/ben10fanfiction/images/1/16/T10RABG.png/revision/latest?cb=20171030143034'); }

.cialien { background-image:url('https://vignette.wikia.nocookie.net/ben10fanfiction/images/1/17/CIAlienBG.png/revision/latest?cb=20180706041358'); } .tabbertab { border: none !important; padding: 0 !important; } .tabbernav { background: #000000; border: 3px solid #ffffff !important; padding: 0 !important; text-align: center; font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important; border-radius: 4px; font-size: 15px !important; line-height: 15px !important; justify-content: space-between; display: flex; } .tabbernav li { font-size: 15px !important;; line-height: 15px !important; width: 100%; } .tabbernav li a { border: none !important; margin: 0 !important; padding: 5px 0 !important; background: transparent !important; color: #999 !important; font-size: 14px; transition-duration: 0.15s; cursor: default; font-weight: normal !important; font-size: 15px !important;; line-height: 15px !important; width: 100%; display: inline-block; } .tabbernav .tabberactive a, .tabbernav li a:hover { color: black !important; background: white !important; } .orange .tabbertab { border: none !important; padding: 0 !important; } .orange .tabbernav { background: #662900; border: 3px solid #ff6600 !important; padding: 0 !important; text-align: center; font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important; border-radius: 4px; font-size: 15px !important; line-height: 15px !important; justify-content: space-between; display: flex; } .orange .tabbernav li { font-size: 15px !important;; line-height: 15px !important; width: 100%; } .orange .tabbernav li a { border: none !important; margin: 0 !important; padding: 5px 0 !important; background: transparent !important; color: #ff9966 !important; font-size: 14px; transition-duration: 0.15s; cursor: default; font-weight: normal !important; font-size: 15px !important;; line-height: 15px !important; width: 100%; display: inline-block; } .orange .tabbernav .tabberactive a, .orange .tabbernav li a:hover { color: #662900 !important; background: #ff6600 !important; } .red .tabbertab { border: none !important; padding: 0 !important; } .red .tabbernav { background: #660000; border: 3px solid #ff0000 !important; padding: 0 !important; text-align: center; font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important; border-radius: 4px; font-size: 15px !important; line-height: 15px !important; justify-content: space-between; display: flex; } .red .tabbernav li { font-size: 15px !important;; line-height: 15px !important; width: 100%; } .red .tabbernav li a { border: none !important; margin: 0 !important; padding: 5px 0 !important; background: transparent !important; color: #ff6666 !important; font-size: 14px; transition-duration: 0.15s; cursor: default; font-weight: normal !important; font-size: 15px !important;; line-height: 15px !important; width: 100%; display: inline-block; } .red .tabbernav .tabberactive a, .red .tabbernav li a:hover { color: #660000 !important; background: #ff0000 !important; } .purple .tabbertab { border: none !important; padding: 0 !important; } .purple .tabbernav { background: #290066; border: 3px solid #6600ff !important; padding: 0 !important; text-align: center; font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important; border-radius: 4px; font-size: 15px !important; line-height: 15px !important; justify-content: space-between; display: flex; } .purple .tabbernav li { font-size: 15px !important;; line-height: 15px !important; width: 100%; } .purple .tabbernav li a { border: none !important; margin: 0 !important; padding: 5px 0 !important; background: transparent !important; color: #cc99ff !important; font-size: 14px; transition-duration: 0.15s; cursor: default; font-weight: normal !important; font-size: 15px !important;; line-height: 15px !important; width: 100%; display: inline-block; } .purple .tabbernav .tabberactive a, .purple .tabbernav li a:hover { color: #290066 !important; background: #6600ff !important; } .blue .tabbertab { border: none !important; padding: 0 !important; } .blue .tabbernav { background: #002966; border: 3px solid #0066ff !important; padding: 0 !important; text-align: center; font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important; border-radius: 4px; font-size: 15px !important; line-height: 15px !important; justify-content: space-between; display: flex; } .blue .tabbernav li { font-size: 15px !important;; line-height: 15px !important; width: 100%; } .blue .tabbernav li a { border: none !important; margin: 0 !important; padding: 5px 0 !important; background: transparent !important; color: #66ccff !important; font-size: 14px; transition-duration: 0.15s; cursor: default; font-weight: normal !important; font-size: 15px !important;; line-height: 15px !important; width: 100%; display: inline-block; } .blue .tabbernav .tabberactive a, .blue .tabbernav li a:hover { color: #002966 !important; background: #0066ff !important; } .green .tabbertab { border: none !important; padding: 0 !important; } .green .tabbernav { background: #006600; border: 3px solid #00ff00 !important; padding: 0 !important; text-align: center; font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important; border-radius: 4px; font-size: 15px !important; line-height: 15px !important; justify-content: space-between; display: flex; } .green .tabbernav li { font-size: 15px !important;; line-height: 15px !important; width: 100%; } .green .tabbernav li a { border: none !important; margin: 0 !important; padding: 5px 0 !important; background: transparent !important; color: #99ff99 !important; font-size: 14px; transition-duration: 0.15s; cursor: default; font-weight: normal !important; font-size: 15px !important;; line-height: 15px !important; width: 100%; display: inline-block; } .green .tabbernav .tabberactive a, .green .tabbernav li a:hover { color: #006600 !important; background: #00ff00 !important; } .yellow .tabbertab { border: none !important; padding: 0 !important; } .yellow .tabbernav { background: #666600; border: 3px solid #ffff00 !important; padding: 0 !important; text-align: center; font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important; border-radius: 4px; font-size: 15px !important; line-height: 15px !important; justify-content: space-between; display: flex; } .yellow .tabbernav li { font-size: 15px !important;; line-height: 15px !important; width: 100%; } .yellow .tabbernav li a { border: none !important; margin: 0 !important; padding: 5px 0 !important; background: transparent !important; color: #ffffcc !important; font-size: 14px; transition-duration: 0.15s; cursor: default; font-weight: normal !important; font-size: 15px !important;; line-height: 15px !important; width: 100%; display: inline-block; } .yellow .tabbernav .tabberactive a, .yellow .tabbernav li a:hover { color: #666600 !important; background: #ffff00 !important; }

.starspirit .tabbertab { border: none !important; padding: 0 !important; } .starspirit .tabbernav { background: #060613; border: 3px outset #333399 !important; padding: 0 !important; text-align: center; font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important; border-radius: 4px; font-size: 15px !important; line-height: 15px !important; justify-content: space-between; display: flex; } .starspirit .tabbernav li { font-size: 15px !important;; line-height: 15px !important; width: 100%; } .starspirit .tabbernav li a { border: none !important; margin: 0 !important; padding: 5px 0 !important; background: transparent !important; color: #ccccff !important; font-size: 14px; transition-duration: 0.15s; cursor: default; font-weight: normal !important; font-size: 15px !important;; line-height: 15px !important; width: 100%; display: inline-block; } .starspirit .tabbernav .tabberactive a, .starspirit .tabbernav li a:hover { color: aqua !important; background: #333399 !important; }

.aaron .tabbertab { border: none !important; padding: 0 !important; } .aaron .tabbernav { background: #000000; border: 3px solid #201F1E !important; padding: 0 !important; text-align: center; font-family: Helvetica Neue,Helvetica,Arial,sans-serif !important; border-radius: 4px; font-size: 15px !important; line-height: 15px !important; justify-content: space-between; display: flex; } .aaron .tabbernav li { font-size: 15px !important;; line-height: 15px !important; width: 100%; } .aaron .tabbernav li a { border: none !important; margin: 0 !important; padding: 5px 0 !important; background: transparent !important; color: #ffad33 !important; font-size: 14px; transition-duration: 0.15s; cursor: default; font-weight: normal !important; font-size: 15px !important;; line-height: 15px !important; width: 100%; display: inline-block; } .aaron .tabbernav .tabberactive a, .aaron .tabbernav li a:hover { color: #ffad33 !important; background: #201F1E !important; }

.wds-community-header__wordmark { -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: #708090; font-weight: bold; margin-bottom: 10px; width: 250px; word-wrap: break-word; } .wds-community-header__wordmark: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); }

.hoverzoom { -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; } .hoverzoom: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); }

/* Leaderboard Badge customization for clarity */ /* Warning: possible ambiguity */ .bronze span, .silver span, .gold span {color: black !important }

.badgetooltip { color:#000 !important; }

.hvr-grow { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active { -webkit-transform: scale(1.1); transform: scale(1.1); }

.badge-icon { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .badge-icon:hover, .badge-icon:focus, .badge-icon:active { -webkit-transform: scale(1.1); transform: scale(1.1); }

.achievement-image-link { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .achievement-image-link:hover, .achievement-image-link:focus, .badgeachievement-image-link:active { -webkit-transform: scale(1.1); transform: scale(1.1); }

.masthead-avatar { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } .masthead-avatar:hover, .masthead-avatar:focus, .masthead-avatar:active { -webkit-transform: scale(1.1); transform: scale(1.1); }

.LinkBlue a { color:blue; }

.LinkRed a { color:red; }

.LinkGreen a { color:green; }

.LinkYellow a { color:yellow; }

.LinkRoad a { color:#1A9221; }

.wds-global-navigation-wrapper { background: #133926; color: #99ffdd; }

.wds-global-navigation { background: #133926; color: #99ffdd; }