Fandom

Wikia Developers Wiki

HideRail/code.css

< HideRail

823pages on
this wiki
Add New Page
Talk0 Share
/*
 */
/* Arrow icons by [[User:Jens Ingels]] */
 
.hiderail-link-expand {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAMAAADKSsaaAAABEVBMVEXr6+t5eXl9fX2srKzs7Ozr6+vr6+vo6Ojr6+vu7u7r6+vr6+uKiorr6+ve3t7u7u7i4uLr6+t9fX10dHSWlpbr6+vt7e3r6+t9fX15eXl9fX10dHSSkpLq6urs7Ozr6+vr6+t9fX19fX2ioqJ9fX10dHTGxsbs7Ozr6+t9fX19fX19fX19fX19fX15eXnl5eXs7Ox9fX19fX19fX19fX19fX2CgoLo6Ojs7Ox9fX19fX19fX19fX1wcHDIyMju7u7r6+t9fX19fX19fX10dHS7u7vt7e3r6+vr6+t9fX15eXmKiors7Ozr6+uenp7k5OTt7e3r6+vc3Nzt7e3s7Ozr6+vr6+vr6+vr6+vr6+vr6+tJ5jLQAAAAWnRSTlMAAAAAAAbzAn8ACjAABABuAI8QFAvBw2KyA0WjADP56DSglQC2ewCG1hPeTxzlPAjPA9hnBuNNB9N/uQKaoQCK2cgUOL0HNfo1KSMdxV8AAHOMAAAJ6b8CYyHqhI8DAAAAhklEQVR4XhXOwwIDQRRE0epJMhPbtm3bNt7/f0i6a3V2t6BSw6Q1gI9ZdfqISyNkTJgtZOOyM4dTcZMH8Pr8gWAoLEcRi0vJVDpDWeTyhWKpXKkSavVGs9XudAm9/mA4Gk9oitl8sVytN/IWO7Y/KEc6AZJ0vlzpJhr3x/P15jXx4PP9cfwBFoISlyRK5TcAAAAASUVORK5CYII=") right center no-repeat;
	min-height: 14px;
	padding-right: 15px;
}
.hiderail-link-shrink {
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAOCAMAAADKSsaaAAAA6lBMVEXr6+t9fX15eXns7Ozr6+t0dHTo6Ojr6+vr6+vr6+vr6+vr6+vr6+vr6+vr6+t0dHTu7u6WlpaWlpbr6+vq6up0dHR9fX15eXl9fX3r6+vs7Ox0dHTs7Ox9fX19fX3t7e3l5eV5eXl9fX19fX3r6+t9fX19fX3s7Ozo6OiCgoJ9fX19fX19fX19fX19fX3r6+vu7u7t7e1wcHB9fX19fX19fX19fX3r6+vr6+vt7e27u7t0dHR9fX19fX19fX3r6+vs7OyKiop5eXl9fX3r6+vt7e3s7Ozr6+vr6+vs7Ox9fX19fX19fX3r6+sJbOr0AAAATXRSTlMAAAAABgACIWMC82IKj+gUbgALwTOjRQOy1oZ7+ZWgwwg85RA0thPTB03jBmfYA9mKAKGaArl/Nfo1B704FMhfxR0jKYxzz7/pCRxP3hppw5sAAAB8SURBVHheTc1FAsIwEAXQPwktUMPd3d3dnbn/dUh37N7uAfBEHAsgJZuDIU0omVzQwwFRQdXIRrVYPJFEitMiU6NcHnwvlsrvz7cObjRb7U6318eAh6PxZDqbY2EsV+vNdrcHDnzUT2e6ALjyTQoid3s8X1K6gtfnB/70A+HrDhyOzFTHAAAAAElFTkSuQmCC") left center no-repeat;
	min-height: 14px;
	padding-left: 15px;
}
.hiderail-link-expand, .hiderail-link-shrink {
	-webkit-transition: -webkit-transform 0.75s;
	-webkit-transform: rotateY(0);
	-o-transition: -o-transform 0.75s;
	-o-transform: rotateY(0);
	transition: transform 0.75s;
	transform: rotateY(0);
	display: inline-block;
}
.hiderail-link-shrink {
	-webkit-transform: rotateY(360deg);
	-o-transform: rotateY(360deg);
	transform: rotateY(360deg);
}
/* TODO: Add a href="#" instead */
#HideRailJS_Menu > .tools-menu > li > a {
	cursor: default;
}
 
/* There's an apparently arbitrary CSS rule that set's display:none which stops the
 * category selector from appearing in the wide toolbar.
 */
#EditPage.editpage-visualwidemode #EditPageToolbar > .cke_panel_dropdown #CategorySelect {
	display: block;
}
 
.hiderail-transitions-on #WikiaMainContent,
.hiderail-transitions-on #WikiaPage,
.hiderail-transitions-on #WikiHeader > nav > .navbackground,
.hiderail-transitions-on #EditPageMain,
.hiderail-transitions-on #WikiaHeader .page-width-container,
.hiderail-transitions-on #WikiaBarWrapper > .wikia-bar > .toolbar,
.hiderail-transitions-on .AdminDashboardChromedArticle,
.hiderail-transitions-on .WikiaGrid .grid-1,
.hiderail-transitions-on .WikiaGrid .grid-2,
.hiderail-transitions-on .WikiaGrid .grid-3,
.hiderail-transitions-on .WikiaGrid .grid-4,
.hiderail-transitions-on .WikiaGrid .grid-5,
.hiderail-transitions-on .WikiaGrid .grid-6 {
	-webkit-transition: width 0.66s;
	-o-transition: width 0.66s;
	transition: width 0.66s;
}
 
/* Hack to make wide mode work properly since Wikia isn't using the proper grid configuration
 * for widthType=1 mode
 */
.WikiaGrid.hiderail-wide-grid .grid-1 {
	width: 188.3px; /* 10px of right padding = (1200 - 10) / 6, - 10 more for left pad */
}
.WikiaGrid.hiderail-wide-grid .grid-2 {
	width: 386.6px;
}
.WikiaGrid.hiderail-wide-grid .grid-3 {
	width: 585px;
}
.WikiaGrid.hiderail-wide-grid .grid-4 {
	width: 783.3px;
}
.WikiaGrid.hiderail-wide-grid .grid-5 {
	width: 981.6px;
}
.WikiaGrid.hiderail-wide-grid .grid-6 {
	width: 1180px; /*1200px - 10px of left padding - 10px of right padding */
}
/* The above grids are technically correct, but they aren't ideal (the rail gets bigger)
 * so I've got a few special hacks to fix that.
 */
.WikiaGrid.hiderail-wide-grid #WikiaMainContent.grid-4 {
	width: 840px;
}
.WikiaGrid.hiderail-wide-grid #WikiaRail.grid-2 {
	width: 330px;
}
/* The search box has its own width, which is the wrong value and needs fixing.
 */
.WikiaGrid.hiderail-wide-grid #WikiaRail > .WikiaSearch > input[type="text"] {
	width: 259px;
}
 
/* Edit Page hack. The rail falls off the screen during the shrink transition due
 * to it not fitting until the shrink finishes. That's annoying so we need to fix it
 * by locking the rail as always position absolute. This works since the left side is
 * fixed width rather than the rail floating right.
 */
.hiderail-transitions-on #EditPageRail {
	position: absolute;
	top: 0;
	right: 0;
}
 
/* 300px height that is completely unhelpful and makes a mess */
.EditPagePermissionError #EditPageRail > .module.module_page_controls {
	height: auto !important;
}
 
/*
*/

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.