MediaWiki:Wikia.css

.i18ndoc { background-color: #FFF77D; border-bottom: 1px solid lightgrey; font-family: monospace; font-size: 8pt; height: 140px; overflow: auto; padding: 3px; }

/*--- Begin Pop-out Sidebar CSS --*/

/*Makes all of the elements in the sidebar not display when it is collapsed*/ display: none; }
 * 1) WikiaRail:not(:hover) * {

/*Makes all elements other than the first one be 300px wide*/ width: 300px; }
 * 1) WikiaRail >*:not(:first-child) {

/*The search bar (the first child in the WikiaRail) needs to be a different width from the others*/ width: 330px; }
 * 1) WikiaRail >form.WikiaSearch {

/*Sets the behavior for when the sidebar is collapsed*/ background-image: url('http://images1.wikia.nocookie.net/warframe/images/9/99/SidebarPlaceHolder.png'); width: 10px; height: 100px; right: -12px; border-width: 1px; border-style: solid; border-color: #84909e; border-bottom-right-radius: 10px; border-top-right-radius: 10px; }
 * 1) WikiaRail:not(:hover) {

/*Sets the behavior for when the mouse is over the sidebar. This causes it to expand*/ animation: expandSideBar 0.5s; animation-fill-mode: forwards; animation-timing-function: ease-in-out; -webkit-animation: expandSideBar 0.5s; /* Safari and Chrome */ -webkit-animation-fill-mode: forwards; -webkit-animation-timing-function: ease-in-out }
 * 1) WikiaRail:hover{

/*Positioning the sidebar in the correct spot*/ position: absolute; right: -12px; top: 130px; overflow: hidden; width: auto; height: auto; z-index: 99; }
 * 1) WikiaRail {

/*Makes the MainContent in a content page take the full width. Note, it being a child of the ContentWrapper ensures that we do not change the MainContent in edit pages, since that messes them up*/ .WikiaPageContentWrapper>.WikiaMainContent { width: 1010px; }

/*Animations for expanding the sidebar*/ @keyframes expandSideBar {  from {width: 10px; height: 100px;} to {width: 330px; height: 800px;} }

@-webkit-keyframes expandSideBar /* Safari and Chrome */ {  from {width: 10px; height: 100px;} to {width: 330px; height: 800px;} }

/*--- End Pop-out Sidebar CSS --*/