MediaWiki:Wikia.css

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

.tooltip { position: relative; cursor: help; display: inline-block; text-decoration: none; color: #222; outline: none; font-size:12 pt; margin:-2pt; }

.tooltip span { visibility: hidden; position: absolute; bottom: 75%; left: 50%; z-index: 999; width: 230px; margin-left: -127px; padding: 10px; border: 2px solid #ccc; opacity: .2; background-color: #ddd; background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; text-shadow: 0 1px 0 rgba(255,255,255,.4); -webkit-transition: .25s linear; -moz-transition: .25s linear; -o-transition: .25s linear; -ms-transition: .25s linear; transition: .25s linear; }

.tooltip:hover { border: 0; /* IE6 fix */ }

.tooltip:hover span { visibility: visible; opacity: .9; } /*=== Tabbed Interface ===*/ ul.navbar { list-style-type:none; }

ul.navbar li { display:inline; padding:7px; width:120px; Height:30px; font-size:12px; font-weight:bold; background:#272727; border:solid; border-width:1px 1px 0 1px; border-color:#FFFFFF; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; margin: 0 2px 0 0; padding-bottom:10.5px; transition:2s; -moz-transition:2s; /* Firefox 4 */ -webkit-transition:2s; /* Safari and Chrome */ -o-transition:2s; /* Opera */ }

ul.navbar li:hover { background:#222; -moz-box-shadow: 0px 3px 7px #89a1bc inset; /* Firefox 3.6 and earlier */ -webkit-box-shadow: 0px 3px 7px #89a1bc inset; /* Safari */ box-shadow: 0px 3px 7px #89a1bc inset; padding-bottom:10px; }

ul.navbar li.active { -moz-box-shadow: 0px 4px 5px 1px #89a1bc inset; /* Firefox 3.6 and earlier */ -webkit-box-shadow: 0px 4px 5px 1px #89a1bc inset; /* Safari */ box-shadow: 0px 4px 5px 1px #89a1bc inset; padding-bottom:11px; }

ul.navbar li.active:hover { background:#272727; -moz-box-shadow: 0px 6px 10px 1px #89a1bc inset; /* Firefox 3.6 and earlier */ -webkit-box-shadow: 0px 6px 10px 1px #89a1bc inset; /* Safari */ box-shadow: 0px 6px 10px 1px #89a1bc inset; padding-bottom:11px; }

div.featured { background:#272727; border-width:1px; border-style:solid; border-color:#FFFFFF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; padding:10px; }

div.navi { background:#272727; border-width:1px; border-style:solid; border-color:#FFFFFF; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-column-count:3; /* Firefox */ -webkit-column-count:3; /* Safari and Chrome */ column-count:3; -moz-column-gap:15px; /* Firefox */ -webkit-column-gap:15px; /* Safari and Chrome */ column-gap:15px; padding:10px; }

/*=== Species Boxes ===*/ div.species { background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0)); -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; text-shadow: 0 1px 0 rgba(255,255,255,.4); padding:3px; height:650px; color:#222; }

div.species.ceree { border: 2px solid #89a1bc; background-color: #9ebfe3; }

div.species.dragon { border: 2px solid #b24040; background-color: #ff7575; }

div.species.elf { border:2px solid #419900; background-color: #ccffa7; }

div.species.lycandu { border:2px solid #cba226; background-color: #ffd451; }

div.species.aviendrii { border:2px solid #434c5e; background-color: #7989aa; }

div.species.syllithe { border:2px solid #1e4a20; background-color: #3a903e; }

div.species.cind {	background-color:#d41e00; background-image: -webkit-linear-gradient(rgba(255,166,26,.75), rgba(0,0,0,0)), -webkit-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)); background-image: -moz-linear-gradient(rgba(255,166,26,.75), rgba(0,0,0,0)),-moz-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)); background-image: -ms-linear-gradient(rgba(255,166,26,.75), rgba(0,0,0,0)),-ms-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(rgba(255,166,26,.75), rgba(0,0,0,0)),-o-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)); background-image: linear-gradient(rgba(255,166,26,.75), rgba(0,0,0,0)),linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)); -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; text-shadow: 0 1px 0 rgba(255,255,255,.4); padding:3px; height:300px; color:#ffebc9; }

div.species.eternal { background-color:#09101c; border:2px solid #111e35; color:#bfccd3; }

div.species.fayett { background-image: -webkit-linear-gradient(rgba(158,187,214,.50), rgba(0,0,0,0)), -webkit-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)), -webkit-gradient(linear, left center, right center, from(rgba(64,144,186,.25)), rgba(64,144,186,.75))); background-image: -moz-linear-gradient(rgba(158,187,214,.50), rgba(0,0,0,0)),-moz-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)), -moz-linear-gradient(left, rgba(64,144,186,.25), rgba(64,144,186,.75));  background-image: -ms-linear-gradient(rgba(158,187,214,.50), rgba(0,0,0,0)),-ms-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)), -ms-linear-gradient(left, rgba(64,144,186,.25), rgba(64,144,186,.75));  background-image: -o-linear-gradient(rgba(158,187,214,.50), rgba(0,0,0,0)),-o-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)), -o-linear-gradient(left, rgba(64,144,186,.25), rgba(64,144,186,.75));  background-image: linear-gradient(rgba(158,187,214,.50), rgba(0,0,0,0)),linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)), linear-gradient(left, rgba(64,144,186,.25), rgba(64,144,186,.75)); background-color:#aabcd3; border:2px solid #1b3d4e; color:#0e1f28; }

div.species.epimandu { background-color:#21002d; border:2px solid #0f0014; color:#e7c9ff; font-size: 9pt; }

div.species.aespectriill { background-color:#2f2f2f; border:2px solid #1b1b1b; color:#FFF; }

div.species.fae { background-image: -webkit-linear-gradient(rgba(58,105,90,.75), rgba(0,0,0,0)), -webkit-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)), -webkit-gradient(linear, left center, right center, from(rgba(67,186,64,.5)), to(rgba(67,186,64,.75))); background-image: -moz-linear-gradient(rgba(58,105,90,.75), rgba(0,0,0,0)),-moz-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)), -moz-linear-gradient(left, rgba(67,186,64,.5), rgba(67,186,64,.75)); background-image: -ms-linear-gradient(rgba(58,105,90,.75), rgba(0,0,0,0)),-ms-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)), -ms-linear-gradient(left, rgba(67,186,64,.25), rgba(67,186,64,.75)); background-image: -o-linear-gradient(rgba(58,105,90,.75), rgba(0,0,0,0)),-o-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)), -o-linear-gradient(left, rgba(67,186,64,.25), rgba(67,186,64,.75)); background-image: linear-gradient(rgba(58,105,90,.75), rgba(0,0,0,0)),linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)), linear-gradient(left, rgba(67,186,64,.25), rgba(67,186,64,.75)); background-color:#a3c3ff; border:2px solid #025900; color:#d2ffc9; }

div.species.cinderheart { background-color:#610000; border:2px solid #1c0000; color:#ffc9c9; }

div.species.human { background-color:#003325; border:2px solid #001912; color:#d2ffc9; }

div.species.agador { background-color:#262626; border:2px solid #222; background-image: -webkit-linear-gradient(rgba(83,0,154,.75), rgba(0,0,0,0)), -webkit-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)); background-image: -moz-linear-gradient(rgba(83,0,154,.75), rgba(0,0,0,0)),-moz-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)); background-image: -ms-linear-gradient(rgba(83,0,154,.75), rgba(0,0,0,0)),-ms-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(rgba(83,0,154,.75), rgba(0,0,0,0)),-o-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)); background-image: linear-gradient(rgba(83,0,154,.75), rgba(0,0,0,0)),linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)); -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; text-shadow: 0 1px 0 rgba(255,255,255,.4); color:#e7c9ff; }

div.species.yahmyn { background-image: -webkit-linear-gradient(rgba(66,219,95,.70), rgba(0,0,0,0)), -webkit-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)), -webkit-gradient(linear, left center, right center, from(rgba(224,0,0,.2)), to(rgba(224,0,0,.25))); background-image: -moz-linear-gradient(rgba(66,219,95,.70), rgba(0,0,0,0)),-moz-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)), -moz-linear-gradient(left, rgba(224,0,0,.2), rgba(224,0,0,.25)); background-image: -ms-linear-gradient(rgba(66,219,95,.70), rgba(0,0,0,0)),-ms-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)), -ms-linear-gradient(left, rgba(224,0,0,.2), rgba(224,0,0,.25)); background-image: -o-linear-gradient(rgba(66,219,95,.70), rgba(0,0,0,0)),-o-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)), -o-linear-gradient(left, rgba(224,0,0,.2), rgba(224,0,0,.25)); background-image: linear-gradient(rgba(66,219,95,.70), rgba(0,0,0,0)),linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)), linear-gradient(left, rgba(224,0,0,.2), rgba(224,0,0,.25)); background-color:rgba(185,0,0,.2); border:2px solid #530000; color:#d2ffc9; }

div.species.reven { background-color:rgba(0,55,177,.5); border:2px solid #222; background-image: -webkit-linear-gradient(rgba(83,0,154,.75), rgba(0,0,0,0)), -webkit-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)); background-image: -moz-linear-gradient(rgba(83,0,154,.75), rgba(0,0,0,0)),-moz-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)); background-image: -ms-linear-gradient(rgba(83,0,154,.75), rgba(0,0,0,0)),-ms-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)); background-image: -o-linear-gradient(rgba(83,0,154,.75), rgba(0,0,0,0)),-o-linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)); background-image: linear-gradient(rgba(83,0,154,.75), rgba(0,0,0,0)),linear-gradient(rgba(255,255,255,.5), rgba(0,0,0,0)); -moz-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset; text-shadow: 0 1px 0 rgba(255,255,255,.4); color:#bccfff; }

div.species.angel { border:2px solid #8e7500; background-color:#FFF; background-image: -webkit-linear-gradient(#ffd200, rgba(255,255,255,0)); background-image: -moz-linear-gradient(#ffd200, rgba(255,255,255,0)); background-image: -ms-linear-gradient(#ffd200, rgba(255,255,255,0)); background-image: -o-linear-gradient(#ffd200, rgba(255,255,255,0)); background-image: linear-gradient(#ffd200, rgba(255,255,255,0)); }

table.species { width:100%; }

table.species td { width:33.3%; border:0px; }