MediaWiki:Gadget-MenuTabsToggle.css

/*  _____________________________________________________________________________
 * |                                                                             |
 * |                    === WARNING: GLOBAL GADGET FILE ===                      |
 * |                  Changes to this page affect many users.                    |
 * | Please discuss changes on the talk page or on [[WT:Gadget]] before editing. |
 * |_____________________________________________________________________________|
 *
 * Toggle between dropdown menus and tabs.
 *
 * @dependencies jquery.cookie
 * @source en.wikipedia.org/wiki/MediaWiki:Gadget-MenuTabsToggle.css
 * @source imported as of 2011-10-04 from [[User:Edokter/MenuTabsToggle.js]] / [[User:Edokter/MenuTabsToggle.css]]
 * @revision 3.3
 * @author: Edokter ([[User:Edokter]])
 */

div#mw-head div#right-navigation .vector-menu > h3 {
	/* @embed */
	background-image: url(/w/skins/Vector/resources/skins.vector.styles/images/tab-separator.png);
}

.vector-menu-dropdown#p-variants #mw-vector-current-variant {
	display: inline-block;
	float: left;
	font-size: 0.8em;
	padding-left: 0.5em;
	padding-top: 1.375em;
	font-weight: normal;
	border: none;
}

.vector-menu-dropdown {
	-webkit-transition: none;
	transition: none;
}

.vector-menu-dropdown ul {
	z-index: 101;
}

.vector-menu-dropdown div.vectorToggle {
	display: none;
}

.vector-menu-tabs div.vectorToggle {
	float: left;
	height: 2.5em;
}

div.vectorToggle span a {
	padding: 0;
	height: 2.5em;
	width: 23px;
}

/* @noflip */
div.vectorToggle.toggle-left {
	/* @embed */
	background: url(/w/skins/Vector/resources/skins.vector.styles/images/arrow-collapsed-ltr.png) 50% 60% no-repeat;
	background-image: -moz-linear-gradient(transparent, transparent), url(/w/skins/Vector/resources/skins.vector.styles/images/arrow-collapsed-ltr.png);
	background-image: -webkit-linear-gradient(transparent, transparent), url(/w/skins/Vector/resources/skins.vector.styles/images/arrow-collapsed-ltr.png);
	background-image: linear-gradient(transparent, transparent), url(/w/skins/Vector/resources/skins.vector.styles/images/arrow-collapsed-ltr.png);
}

/* @noflip */
div.vectorToggle.toggle-right {
	/* @embed */
	background: url(/w/skins/Vector/resources/skins.vector.styles/images/arrow-collapsed-rtl.png) 50% 60% no-repeat;
	background-image: -moz-linear-gradient(transparent, transparent), url(/w/skins/Vector/resources/skins.vector.styles/images/arrow-collapsed-rtl.png);
	background-image: -webkit-linear-gradient(transparent, transparent), url(/w/skins/Vector/resources/skins.vector.styles/images/arrow-collapsed-rtl.png);
	background-image: linear-gradient(transparent, transparent), url(/w/skins/Vector/resources/skins.vector.styles/images/arrow-collapsed-rtl.png);
}