2 Styling for namespace tabs (page, discussion) and views (read, edit, view history, watch and other actions)
5 /* Navigation Labels */
7 div.vectorMenu h3 span {
11 /* Namespaces and Views */
16 .background-image('images/tab-break.png');
17 background-position: bottom left;
18 background-repeat: no-repeat;
25 list-style-type: none;
26 list-style-image: none;
29 .background-image('images/tab-break.png');
30 background-position: right bottom;
31 background-repeat: no-repeat;
37 /* For IE6, overridden later to display:block by modern browsers */
38 display: inline-block;
42 background-color: #f3f3f3;
43 .background-image('images/tab-normal-fade.png');
44 background-position: bottom left;
45 background-repeat: repeat-x;
49 /* IGNORED BY IE6 which doesn't support child selector */
64 .background-image('images/tab-current-fade.png');
68 text-decoration: none;
74 background-position: bottom right;
75 background-repeat: no-repeat;
80 /* For IE6, overridden later to display:block by modern browsers */
81 display: inline-block;
85 color: @menu-link-color;
90 /* Ignored by IE6 which doesn't support child selector */
97 display: inline-block;
98 .background-image('images/tab-break.png');
99 background-position: bottom right;
100 background-repeat: no-repeat;
103 /* For IE6, overridden later to display:block by modern browsers */
104 display: inline-block;
108 /* Ignored by IE6 which doesn't support child selector */
117 /* Variants and Actions */
123 /* SVG support using a transparent gradient to guarantee cross-browser
124 * compatibility (browsers able to understand gradient syntax support also SVG) */
125 .background-image-svg('images/arrow-down-icon.svg', 'images/arrow-down-icon.png');
127 background-position: 100% 60%;
128 background-repeat: no-repeat;
132 div.vectorMenuFocus {
133 /* SVG support using a transparent gradient to guarantee cross-browser
134 * compatibility (browsers able to understand gradient syntax support also SVG) */
135 .background-image-svg('images/arrow-down-focus-icon.svg', 'images/arrow-down-focus-icon.png');
136 background-position: 100% 60%;
139 body.rtl div.vectorMenu {
144 /* OVERRIDDEN BY COMPLIANT BROWSERS */
145 div#mw-head div.vectorMenu h3 {
148 .background-image('images/tab-break.png');
149 background-repeat: no-repeat;
150 background-position: bottom left;
155 div#mw-head div.vectorMenu > h3 {
156 background-image: none;
159 div#mw-head div.vectorMenu h4,
160 div.vectorMenu#p-variants #mw-vector-current-variant {
161 display: inline-block;
165 padding-top: 1.375em;
170 /* OVERRIDDEN BY COMPLIANT BROWSERS */
171 div.vectorMenu h3 a {
172 display: inline-block;
175 text-decoration: none;
176 .background-image('images/tab-break.png');
177 background-repeat: no-repeat;
178 background-position: bottom right;
182 div.vectorMenu h3 > a {
186 div.vectorMenu div.menu {
193 /* OVERRIDDEN BY COMPLIANT BROWSERS */
194 body.rtl div.vectorMenu div.menu {
200 body.rtl div.vectorMenu > div.menu {
206 /* Also fixes old versions of FireFox */
207 body.rtl div.vectorMenu > div.menu,
213 /* Enable forcing showing of the menu for accessibility */
214 div.vectorMenu:hover div.menu,
215 div.vectorMenu div.menuForceShow {
221 background-color: white;
222 border: solid 1px silver;
224 list-style-type: none;
225 list-style-image: none;
232 /* Fixes old versions of FireFox */
238 /* Returns things back to normal in modern versions of FireFox */
252 /* OVERRIDDEN BY COMPLIANT BROWSERS */
253 div.vectorMenu li a {
254 display: inline-block;
257 color: @menu-link-color;
263 div.vectorMenu li > a {
267 div.vectorMenu li.selected a,
268 div.vectorMenu li.selected a:visited {
270 text-decoration: none;
273 @import 'watchstar.less';