User:ChickenBar/wikia.css

/**Tests**/

.ambox { font-size: 95%; width: 80%; padding: 25px; margin: 0 auto; border: 1px #AAA solid; border-left: 10px solid #228b22; border-collapse: collapse; background-color: rgba(170, 170, 170, 0.6); }

/* Partial coding credit to Community Central */ /** ul.tabbernav { border-bottom: 0px solid !important; font: normal 14px Helvetica, Arial, sans-serif !important; padding: 3px 0px !important; border-top: 2px solid #002E54; } ul.tabbernav li a { padding: 3px 7px !important; margin-left: 0px !important; border: 0px solid !important; background: #FFF !important; } ul.tabbernav li a:link { color: #002E54 !important; } ul.tabbernav li a:visited { color: #002E54 !important; } ul.tabbernav li a:hover { background-color: #002E54 !important; border-color: transparent !important; color: #FFF !important; } ul.tabbernav li.tabberactive a { color:#FFF !important; font-weight:normal !important; border: 0px solid #D9D9D9 !important; border-bottom: 1px solid #fff !important; background-color: #002E54 !important; } ul.tabbernav li.tabberactive a:hover { border: 0px solid #D9D9D9 !important; border-bottom: 0px solid #fff !important; } .tabberlive .tabbertab { border:0px solid #D9D9D9 !important; border-top:0 !important; } /* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*-- REQUIRED to hide the non-active tab content. But do not hide them in the print stylesheet! --*/ .tabberlive .tabbertabhide { display:none; }

/*-- .tabber = before the tabber interface is set up  .tabberlive = after the tabber interface is set up  --*/ .tabber { } .tabberlive { margin-top:1em; }

/*-- ul.tabbernav = the tab navigation list li.tabberactive = the active tab --*/ ul.tabbernav { margin:0; padding: 3px 0; border-bottom: 1px solid #778; font: bold 12px Verdana, sans-serif; }

ul.tabbernav li { list-style: none; margin: 0; display: inline; /* Wikia Start */ line-height: normal; /* Wikia End */ }

ul.tabbernav li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #DDE; text-decoration: none; }

ul.tabbernav li a:link { color: #448; } ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover { color: #000; background: #AAE; border-color: #227; }

ul.tabbernav li.tabberactive a { background-color: #fff; border-bottom: 1px solid #fff; }

ul.tabbernav li.tabberactive a:hover { color: #000; background: white; border-bottom: 1px solid white; }

/*-- .tabbertab = the tab content Add style only after the tabber interface is set up (.tabberlive) --*/ .tabberlive .tabbertab { padding:5px; border:1px solid #aaa; border-top:0;

/* If you don't want the tab size changing whenever a tab is changed you can set a fixed height */

/* height:200px; */

/* If you set a fix height set overflow to auto and you will get a   scrollbar when necessary */

/* overflow:auto; */ }

/* If desired, hide the heading since a heading is provided by the tab */ .tabberlive .tabbertab h2 { display:none; } .tabberlive .tabbertab h3 { display:none; }

/* Example of using an ID to set different styles for the tabs on the page */ .tabberlive#tab1 { } .tabberlive#tab2 { } .tabberlive#tab2 .tabbertab { height:200px; overflow:auto; }

/** .tabberlive .tabbertab { border: none !important; border-top:0 !important; } ul.tabbernav { border-bottom: none !important; font: bold 14px Arial, sans-serif !important; text-align:center; } ul.tabbernav li a:link { color: #bc1700!important; } ul.tabbernav li a:visited { color: #bc1700!important; } ul.tabbernav li a { color: #ee1e00 !important; border: none !important; background-image: -moz-linear-gradient(   center bottom,    rgb(0,0,0) 0%,    rgb(62,62,62) 150%) !important; -moz-box-shadow: inset 1px 1px 2px rgba(255,255,255, 0.7) !important; background-image: -webkit-gradient(   linear,    left bottom,    left top,    color-stop(0, rgb(0,0,0)),    color-stop(1, rgb(62,62,62))) !important; } ul.tabbernav li.tabberactive a, ul.tabbernav li a:hover{ color: #ee1e00 !important; border: none !important; background-image: -moz-linear-gradient(   center bottom,    rgb(0,0,0) 0%,    rgb(83,83,83) 175%) !important; background-image: -webkit-gradient(   linear,    left bottom,    left top,    color-stop(0, rgb(0,0,0)),    color-stop(1, rgb(83,83,83)) !important } ul.tabbernav li a[disabled="disabled"] { font-weight: normal !important;  color: #9f9f9f !important; outline-style: none !important; } ul.tabbernav li.tabberactive a { border-bottom: 1px solid #000000 !important; } /**WIP:Index Page**/ .muchbuttons {  width:660px;  margin-left:auto;  margin-right:auto; } .tilebig, .tilebig-warframes {  width:650px;  height:320px;  margin:5px; }

.tilemid, .tilemid-weapons { width:317px; height:317px; margin:5px; float:left; } .tilemidright, .tilemid-factions { width:317px; height:317px; margin:5px; float:right; } .tilesmall, .tilesmall-sentinels, .tilesmall-mods, .tilesmall-equipment, .tilesmall-pickups, .tilesmall-planets, .tilesmall-missions, .tilesmall-bosses, .tilesmall-stalker { width:155px; height:155px; margin:5px; float:left; } .tile-text { background: black; text-align:center; color:white; opacity:0; width: 100%; height: 100%; -webkit-transition: opacity 0.6s; -moz-transition: opacity 0.6s; transition: opacity 0.6s; } .tile-text:hover { opacity: 0.8; }

/**background images for the buttons**/ .tilebig-warframes { background: url(http://img2.wikia.nocookie.net/__cb20140224002821/warframe/images/0/02/IndexWarframe.png); } .tilemid-weapons { background: url(http://img2.wikia.nocookie.net/__cb20140224002821/warframe/images/b/b5/IndexWeapons.png); } .tilesmall-sentinels { background: url(http://img1.wikia.nocookie.net/__cb20140224002820/warframe/images/4/49/IndexSentinels.png); }

/**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*/

/*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*/

/*Arsenal Style Buttons2*/ .arsenalbutton2 { width: 135px; height: 25px; background: url("http://images.wikia.com/warframe/images/5/5f/UIbutton135.png") bottom; /*text-indent: -99999px;*/ } .arsenalbutton2:hover { background-position: 0 0; } /*Arsenal Style Buttons2 END*/