User:ChickenBar/wikia.css

/**@import url("http://warframe.wikia.com/index.php?title=User:Yatalu/wikia.css&usemsgcache=yes&ctype=text/css&smaxage=86400&action=raw&maxage=86400");**/ /******************/ /**Hover to Enlarge ModButton**/

.EnlargeModButton img {        height: 99px; width: 90px; -webkit-transition:-webkit-transform 0.1s /*ease-in*/; -moz-transition:-moz-transform 0.1s; -o-transition:-o-transform 0.1s; } .EnlargeModButton img:hover { 	-webkit-transform:scale(1.5); -moz-transform:scale(1.5); -o-transform:scale(1.5); } /**Hover to Enlarge ModButton END**/

/******************/ /**Text Fade In**/

.WarframeIntropro {        width: 730px; height: 133px; line-height: 0px; color: transparent; font-size: 50px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .WarframeIntropro:hover {        line-height: 133px; color: #575858; } .WarframeIntropro img{ float: left; margin: 0 15px; }

/**Text Fade In End**/

/**Warframe Gallery Interactive**/

.WarframeIntro img {	 height: 97px; width: 50px; -webkit-transition:-webkit-transform 0.1s /*ease-in*/; -moz-transition:-moz-transform 0.1s; -o-transition:-o-transform 0.1s; } .WarframeIntro img:hover {	-webkit-transform:scale(2); -moz-transform:scale(2); -o-transform:scale(2); }

/**Warframe Gallery Interactive End**/

/**Glow**/ .GlowButton {         width: 30px; margin: 0 auto; min-height: 50px; } .GlowButton img {         height: 140px; width:80px; margin: 25px; opacity: 0.8; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }

.GlowButton img:hover {          opacity: 1; /*Glow*/ -webkit-box-shadow: 0px 0px 20px 20px rgba(255,255,255,0.8); -moz-box-shadow: 0px 0px 20px 20px rgba(255,255,255,0.8); box-shadow: 0px 0px 20px 20px rgba(255,255,255,0.8); } /**Glow End**/

/**Glow 2 (inset)**/ .GlowButton2 img {        height: 30px; width:90px; -webkit-box-shadow: inset 0px 0px 0px 100px #000000; box-shadow: inset 0px 0px 0px 100px #000000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }

.GlowButton2 img:hover { -webkit-box-shadow: inset 0px 0px 0px 100px #26ecff; box-shadow: inset 0px 0px 0px 100px #26ecff; } /**Glow 2 end**/

/**Glow 3 (inset)**/ .GlowButton3 {        height: 30px; width:110px; background-color:#000000; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }

.GlowButton3:hover {        background-color:#26ecff; } /**Glow 3 end**/

/**Banner Button (opacity)**/

.BannerButton {       height:140px; width:80px; opacity:0.2; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; }

.BannerButton:hover {         opacity:0.6; }

/**Banner Button end*/

/* Brizingr5: WEAPONINFOBOX */ .WeaponInfobox_Collapsible { height: 0px; overflow: hidden; -moz-transition:height 0.3s; -webkit-transition:height 0.3s; /* Safari */ -o-transition:height 0.3s; } /* END Brizingr5: WEAPONINFOBOX */

/*Arsenal Style Buttons*/ .arsenalbutton { width: 110px; height: 30px; background: url("http://images.wikia.com/warframe/images/5/5a/Arsenalstylehovercombine.png") bottom; /*text-indent: -99999px;*/ } .arsenalbutton:hover { background-position: 0 0; } /*Arsenal Style Buttons END*/

/**Slider**/ .GamesBackground { background: rgba(20, 20, 20, 0.7); box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8); -moz-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8); -webkit-box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.8); border:1px solid rgba(44, 165, 197, 0.7); width:596px; height:200px; } .GameBox { margin:3px; width:108px; display:inline-block; } .GamesArrowLeft { background: #0b4e90; /* Old browsers */ background: -moz-linear-gradient(left, #0b4e90 0%, #2567a9 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0b4e90), color-stop(100%,#2567a9)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #0b4e90 0%,#2567a9 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #0b4e90 0%,#2567a9 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #0b4e90 0%,#2567a9 100%); /* IE10+ */ background: linear-gradient(to right, #0b4e90 0%,#2567a9 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b4e90', endColorstr='#2567a9',GradientType=1 ); /* IE6-9 */ margin-left:5px; border:1px solid rgba(44, 165, 197, 0.7); border-top-left-radius:5px; border-bottom-left-radius:5px; height:200px; width:30px; } .GamesArrowLeft:hover { background: #0f63b7; /* Old browsers */ background: -moz-linear-gradient(left, #0f63b7 0%, #258ef8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0f63b7), color-stop(100%,#258ef8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #0f63b7 0%,#258ef8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #0f63b7 0%,#258ef8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #0f63b7 0%,#258ef8 100%); /* IE10+ */ background: linear-gradient(to right, #0f63b7 0%,#258ef8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f63b7', endColorstr='#258ef8',GradientType=1 ); /* IE6-9 */ margin-left:5px; border:1px solid rgba(44, 165, 197, 0.7); height:200px; width:30px; } .GamesArrowLeft:active {	background: #041c35; /* Old browsers */ background: -moz-linear-gradient(left, #041c35 0%, #123354 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#041c35), color-stop(100%,#123354)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #041c35 0%,#123354 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #041c35 0%,#123354 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #041c35 0%,#123354 100%); /* IE10+ */ background: linear-gradient(to right, #041c35 0%,#123354 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#041c35', endColorstr='#123354',GradientType=1 ); /* IE6-9 */ margin-left:5px; border:1px solid rgba(44, 165, 197, 0.7); height:200px; width:30px; } .GamesArrowRight { background: #0b4e90; /* Old browsers */ background: -moz-linear-gradient(left, #2567a9 0%, #0b4e90 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2567a9), color-stop(100%,#0b4e90)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #2567a9 0%,#0b4e90 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #2567a9 0%,#0b4e90 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #2567a9 0%,#0b4e90 100%); /* IE10+ */ background: linear-gradient(to right, #2567a9 0%,#0b4e90 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2567a9', endColorstr='#0b4e90',GradientType=1 ); /* IE6-9 */ margin-right:5px; border:1px solid rgba(44, 165, 197, 0.7); border-top-right-radius:5px; border-bottom-right-radius:5px; height:200px; width:30px; } .GamesArrowRight:hover { background: #258ef8; /* Old browsers */ background: -moz-linear-gradient(left, #258ef8 0%, #0f63b7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#258ef8), color-stop(100%,#0f63b7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #258ef8 0%,#0f63b7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #258ef8 0%,#0f63b7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #258ef8 0%,#0f63b7 100%); /* IE10+ */ background: linear-gradient(to right, #258ef8 0%,#0f63b7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#258ef8', endColorstr='#0f63b7',GradientType=1 ); /* IE6-9 */ margin-right:5px; border:1px solid rgba(44, 165, 197, 0.7); height:200px; width:30px; } .GamesArrowRight:active {	background: #123354; /* Old browsers */ background: -moz-linear-gradient(left, #123354 0%, #041c35 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#123354), color-stop(100%,#041c35)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #123354 0%,#041c35 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #123354 0%,#041c35 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #123354 0%,#041c35 100%); /* IE10+ */ background: linear-gradient(to right, #123354 0%,#041c35 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#123354', endColorstr='#041c35',GradientType=1 ); /* IE6-9 */ margin-right:5px; border:1px solid rgba(44, 165, 197, 0.7); height:200px; width:30px; } /**Slider end**/

/* Tabber color override */ ul.tabbernav li a { background: #c6d3d3 !important; } ul.tabbernav li.tabberactive a, ul.tabbernav li a:hover, ul.tabbernav li a { color: #333333 !important; }

/****Tabber color override END*******/