User:Edokter/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 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); }