User:Twsx/vector.css

div.vectorTabs h3 { display: none } div.vectorTabs { float: left; height: 2.5em; background-image: /* @embed */ url('skins/Vector/images/tab-break.png'); background-position: bottom left; background-repeat: no-repeat; padding-left: 1px } div.vectorTabs ul { float: left; height: 100%; list-style-type: none; list-style-image: none; margin: 0; padding: 0; background-image: /* @embed */ url('skins/Vector/images/tab-break.png'); background-position: right bottom; background-repeat: no-repeat } div.vectorTabs ul li { float: left; line-height: 1.125em; display: inline-block; height: 100%; margin: 0; padding: 0; background-color: #f3f3f3; background-image: /* @embed */ url('skins/Vector/images/tab-normal-fade.png'); background-position: bottom left; background-repeat: repeat-x; white-space: nowrap } div.vectorTabs ul>li { display: block } div.vectorTabs li.new a, div.vectorTabs li.new a:visited { color: #a55858 } div.vectorTabs li.selected { background-image: /* @embed */ url('skins/Vector/images/tab-current-fade.png') } div.vectorTabs li.selected a, div.vectorTabs li.selected a:visited { color: #333; text-decoration: none } div.vectorTabs li.icon a { background-position: bottom right; background-repeat: no-repeat } div.vectorTabs li a { display: inline-block; height: 1.9em; padding-left: .5em; padding-right: .5em; color: #e69710; cursor: pointer; font-size: .8em } div.vectorTabs li>a { display: block } div.vectorTabs span { display: inline-block; background-image: /* @embed */ url('skins/Vector/images/tab-break.png'); background-position: bottom right; background-repeat: no-repeat } div.vectorTabs span a { display: inline-block; padding-top: 1.25em } div.vectorTabs span>a { float: left; display: block } div.vectorMenu { direction: ltr; float: left; cursor: pointer; position: relative } body.rtl div.vectorMenu { direction: rtl } div#mw-head div.vectorMenu h3 { float: left; background-image: /* @embed */ url('skins/Vector/images/tab-break.png'); background-repeat: no-repeat; background-position: bottom right; margin-left: -1px; font-size: 1em; height: 2.5em; padding-right: 1px; margin-right: -1px } div.vectorMenu h3 span { display: block; font-size: .8em; padding-left: .7em; padding-top: 1.375em; margin-right: 20px; font-weight: normal; color: #4d4d4d } div.vectorMenu h3 a { position: absolute; top: 0; right: 0; width: 20px; height: 2.5em; background-image: url('skins/Vector/images/arrow-down-icon.png'); background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/arrow-down-icon.svg'); background-image: linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/arrow-down-icon.svg'); background-position: 100% 70%; background-repeat: no-repeat; -webkit-transition: background-position 250ms; -moz-transition: background-position 250ms; -o-transition: background-position 250ms; transition: background-position 250ms } div.vectorMenu.menuForceShow h3 a { background-position: 100% 100% } div.vectorMenuFocus h3 a { background-image: url('skins/Vector/images/arrow-down-focus-icon.png'); background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/arrow-down-focus-icon.svg'); background-image: linear-gradient(transparent, transparent), /* @embed */ url('skins/Vector/images/arrow-down-focus-icon.svg') } div.vectorMenu div.menu { min-width: 100%; position: absolute; top: 2.5em; left: -1px; background-color: white; border: solid 1px silver; border-top-width: 0; clear: both; text-align: left; display: none } div.vectorMenu:hover div.menu, div.vectorMenu.menuForceShow div.menu { display: block } div.vectorMenu ul { list-style-type: none; list-style-image: none; padding: 0; margin: 0; text-align: left } div.vectorMenu ul, x:-moz-any-link { min-width: 5em } div.vectorMenu ul, x:-moz-any-link, x:default { min-width: 0 } div.vectorMenu li { padding: 0; margin: 0; text-align: left; line-height: 1em } div.vectorMenu li a { display: inline-block; padding: .5em; white-space: nowrap; color: #e69710; cursor: pointer; font-size: .8em } div.vectorMenu li>a { display: block } div.vectorMenu li.selected a, div.vectorMenu li.selected a:visited { color: #333; text-decoration: none }