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);
}