Jump to content

User:Edokter/MenuTabsToggle.css

From Wikipedia, the free encyclopedia
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
/*  _____________________________________________________________________________
 * |                                                                             |
 * |                    === 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 wiki.riteme.site/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 div.vectorMenu > h3 {
	/* @embed */
	background-image: url(/w/skins/Vector/images/tab-break.png);
//	background-image: -moz-linear-gradient(bottom, #a7d7f9 0%, #fff 100%);
//	background-image: -webkit-linear-gradient(bottom, #a7d7f9 0%, #fff 100%);
//	background-image: linear-gradient(to top, #a7d7f9 0%, #fff 100%);
//	background-size: 1px 100%;
}

div.vectorMenu#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;
}

div.vectorMenu {
	-webkit-transition: none;
	transition: none;
}

div.vectorMenu div.menu {
	z-index: 101;
}

div.vectorMenu div.vectorToggle {
	display: none;
}

div.vectorTabs 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/images/arrow-collapsed-ltr.png) 50% 60% no-repeat;
	background-image: -moz-linear-gradient(transparent, transparent), url(/w/skins/Vector/images/arrow-collapsed-ltr.svg);
	background-image: -webkit-linear-gradient(transparent, transparent), url(/w/skins/Vector/images/arrow-collapsed-ltr.svg);
	background-image: linear-gradient(transparent, transparent), url(/w/skins/Vector/images/arrow-collapsed-ltr.svg);
}

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