User:ChickenBar/wikia.css

.tenno_stack { display:inline-block; position:relative; transform:rotate(20deg); margin-top:100px; margin-right:-220px; }

.tenno_stack .vowel_stack { background:green; display:inline-block; width:150px; height:30px; text-align:right; }

.tenno_stack .consonant_stack { background:blue; display:inline-block; width:150px; height:30px; text-align:left; }

.tennoscript_stack { display:inline-block; position:relative; width:110px; height:20px; background:rgba(0,0,0,0.5); display:inline-block; transform: rotate(20deg); white-space: nowrap; margin-right:-50px; }

.tennoscript_stack .stack_content { position:absolute; width:100%; text-align:left; }

.SliderTitle { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); color:white; font-size:24px; font-weight:bold; }

/*Time to apply widths for accordian to work Width of image = 510px total images = 5 so width of hovered image = 510px width of un-hovered image = 40px - you can set this to anything so total container width = 510 + 40*4 = 670px; default width = 670/5 = 134px; .accordian { width: 674px; height: 350px; overflow: hidden; /*Time for some styling*/ margin: 10px auto; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.35); } /*A small hack to prevent flickering on some browsers*/ .accordian ul { width: 2000px; margin: 0px; /*This will give ample space to the last item to move instead of falling down/flickering during hovers.*/ } .accordian li { position: relative; display: block; width: 134px; float: left; margin: 0px; border-left: 1px solid #888; box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 25px 10px rgba(0, 0, 0, 0.5); /*Transitions to give animation effect*/ transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; /*If you hover on the images now you should be able to 	see the basic accordian*/ } /*Reduce with of un-hovered elements*/ .accordian ul:hover li {width: 40px;} /*Lets apply hover effects now*/ /*The LI hover style should override the UL hover style*/ .accordian ul li:hover {width: 510px;} .accordian li img { display: block; } .accordian li p { margin: 0px; }

/* .oasis-split-skin .WikiaHeader, .WikiaArticle h2, .tabs li, .tally, .activityfeed strong, .ChatModule h1.chat-headline, .ChatModule .WikiaRail .module h2.chat-headline, .WikiaRail .module .ChatModule h2.chat-headline, .ChatModule .WikiaRail #RIGHT_SKYSCRAPER h2.chat-headline, .WikiaRail #RIGHT_SKYSCRAPER .ChatModule h2.chat-headline, .WikiaRail .module h1, .WikiaRail #RIGHT_SKYSCRAPER h1, .WikiaRail .module h2, .WikiaRail #RIGHT_SKYSCRAPER h2, .WikiaBarWrapper .wikia-bar, .WikiaBlogListingBox h3, .WikiaActivityModule li em, .ForumActivityModule h1  { font-family: 'Roboto'; }
 * 1) WikiaPageHeader h1,

font-family: 'Roboto'; font-weight: 400; } /**--Timed Slider**/ /** http://dev.wikia.com/wiki/TimedSlider **/
 * 1) WikiaUserPagesHeader,
 * 2) WikiaPageHeader h1 {

/* hide all slides */ .ts-container .ts-slide { display: none; } /* show slide that has class="ts-active" */ .ts-container .ts-active { display: block; } /* support inline slides as well */ .ts-container.ts-container-inline .ts-active { display: inline; }

/**---In game challenge imitation**/

.whitetext a { color:#FFFFFF; text-shadow: 1px 1px #0D0D0D; }

.whitetext { color:#FFFFFF; text-shadow: 1px 1px #0D0D0D; }