r72748 MediaWiki - Code Review archive

Repository:MediaWiki
Revision:< r72747‎ | r72748 | r72749 >
Date:20:36, 10 September 2010
Author:tparscal
Status:ok
Tags:
Comment:
Cleaned up the vector skin, removing $wgVectorExtraStyles (a temporary hack for experimentation), the generated right-to-left style-sheet (ResourceLoader does this on the fly now) and two unsued images - left over from the copy-past of monobook.
Modified paths:
  • /trunk/phase3/RELEASE-NOTES (modified) (history)
  • /trunk/phase3/includes/DefaultSettings.php (modified) (history)
  • /trunk/phase3/resources/Resources.php (modified) (history)
  • /trunk/phase3/skins/Vector.php (modified) (history)
  • /trunk/phase3/skins/vector/Makefile (deleted) (history)
  • /trunk/phase3/skins/vector/experiments (deleted) (history)
  • /trunk/phase3/skins/vector/main-ltr.css (deleted) (history)
  • /trunk/phase3/skins/vector/main-rtl.css (deleted) (history)
  • /trunk/phase3/skins/vector/screen.css (added) (history)
  • /trunk/phase3/skins/vector/wiki-indexed.png (deleted) (history)
  • /trunk/phase3/skins/vector/wiki.png (deleted) (history)

Diff [purge]

Index: trunk/phase3/skins/Vector.php
——@@ -47,19 +47,8 @@
4848 * @param $out OutputPage object
4949 */
5050 function setupSkinUserCss( OutputPage $out ){
51 - global $wgVectorExtraStyles;
52 -
5351 parent::setupSkinUserCss( $out );
54 -
5552 $out->addModuleStyles( 'vector' );
56 -
57 - // Add extra stylesheets
58 - // THIS IS ONLY USEFUL FOR EXPERIMENTING WITH DIFFERNT STYLE OPTIONS! THIS WILL BE REMOVED IN THE NEAR FUTURE.
59 - if ( is_array( $wgVectorExtraStyles ) ) {
60 - foreach ( $wgVectorExtraStyles as $style ) {
61 - $out->addStyle( "vector/$style", 'screen' );
62 - }
63 - }
6453 }
6554
6655 /**
Index: trunk/phase3/skins/vector/wiki-indexed.png
Cannot display: file marked as a binary type.
svn:mime-type = image/png
Index: trunk/phase3/skins/vector/wiki.png
Cannot display: file marked as a binary type.
svn:mime-type = image/png
Index: trunk/phase3/skins/vector/main-ltr.css
——@@ -1,1196 +0,0 @@
2 -/*
3 - * main-rtl.css is automatically generated using CSSJanus, a python script for
4 - * creating RTL versions of otherwise LTR stylesheets.
5 - *
6 - * You may download the tool to rebuild this stylesheet
7 - * http://code.google.com/p/cssjanus/
8 - *
9 - * An online version of this tool can be used at:
10 - * http://cssjanus.commoner.com/
11 - *
12 - * The following command is used to generate the RTL version of this file
13 - * ./cssjanus.py --swap_ltr_rtl_in_url < main-ltr.css > main-rtl.css
14 - *
15 - * Any rules which should not be flipped should be prepended with @noflip in
16 - * a comment block.
17 - */
18 -/* Framework */
19 -html,
20 -body {
21 - height: 100%;
22 - margin: 0;
23 - padding: 0;
24 - font-family: sans-serif;
25 - font-size: 1em;
26 -}
27 -body {
28 - background-color: #f3f3f3;
29 - /* @embed */
30 - background-image: url(images/page-base.png?1);
31 -}
32 -/* Content */
33 -div#content {
34 - margin-left: 10em;
35 - padding: 1em;
36 - /* @embed */
37 - background-image: url(images/border.png?1);
38 - background-position: top left;
39 - background-repeat: repeat-y;
40 - background-color: white;
41 - color: black;
42 - direction: ltr;
43 -}
44 -/* Head */
45 -#mw-page-base {
46 - height: 5em;
47 - background-color: white;
48 - /* @embed */
49 - background-image: url(images/page-fade.png?1);
50 - background-position: bottom left;
51 - background-repeat: repeat-x;
52 -}
53 -#mw-head-base {
54 - margin-top: -5em;
55 - margin-left: 10em;
56 - height: 5em;
57 - /* @embed */
58 - background-image: url(images/border.png?1);
59 - background-position: bottom left;
60 - background-repeat: repeat-x;
61 -}
62 -div#mw-head {
63 - position: absolute;
64 - top: 0;
65 - right: 0;
66 - width: 100%;
67 -}
68 -div#mw-head h5 {
69 - margin: 0;
70 - padding: 0;
71 -}
72 - /* Hide empty portlets */
73 - div.emptyPortlet {
74 - display: none;
75 - }
76 - /* Personal */
77 - #p-personal {
78 - position: absolute;
79 - top: 0;
80 - padding-left: 10em;
81 - right: 0.75em;
82 - }
83 - #p-personal h5 {
84 - display: none;
85 - }
86 - #p-personal ul {
87 - list-style: none;
88 - margin: 0;
89 - padding: 0;
90 - }
91 - /* @noflip */
92 - #p-personal li {
93 - line-height: 1.125em;
94 - float: left;
95 - }
96 - /* This one flips! */
97 - #p-personal li {
98 - margin-left: 0.75em;
99 - margin-top: 0.5em;
100 - font-size: 0.75em;
101 - white-space: nowrap;
102 - }
103 - /* Navigation Containers */
104 - #left-navigation {
105 - position: absolute;
106 - left: 10em;
107 - top: 2.5em;
108 - }
109 - #right-navigation {
110 - float: right;
111 - margin-top: 2.5em;
112 - }
113 - /* Navigation Labels */
114 - div.vectorTabs h5,
115 - div.vectorMenu h5 span {
116 - display: none;
117 - }
118 - /* Namespaces and Views */
119 - /* @noflip */
120 - div.vectorTabs {
121 - float: left;
122 - height: 2.5em;
123 - }
124 - div.vectorTabs {
125 - /* @embed */
126 - background-image: url(images/tab-break.png?1);
127 - background-position: bottom left;
128 - background-repeat: no-repeat;
129 - padding-left: 1px;
130 - }
131 - /* @noflip */
132 - div.vectorTabs ul {
133 - float: left;
134 - }
135 - div.vectorTabs ul {
136 - height: 100%;
137 - list-style: none;
138 - margin: 0;
139 - padding: 0;
140 - }
141 - /* @noflip */
142 - div.vectorTabs ul li {
143 - float: left;
144 - }
145 - /* OVERRIDDEN BY COMPLIANT BROWSERS */
146 - div.vectorTabs ul li {
147 - line-height: 1.125em;
148 - display: inline-block;
149 - height: 100%;
150 - margin: 0;
151 - padding: 0;
152 - background-color: #f3f3f3;
153 - /* @embed */
154 - background-image: url(images/tab-normal-fade.png?1);
155 - background-position: bottom left;
156 - background-repeat: repeat-x;
157 - white-space:nowrap;
158 - }
159 - /* IGNORED BY IE6 */
160 - div.vectorTabs ul > li {
161 - display: block;
162 - }
163 - div.vectorTabs li.selected {
164 - /* @embed */
165 - background-image: url(images/tab-current-fade.png?1);
166 - }
167 - /* OVERRIDDEN BY COMPLIANT BROWSERS */
168 - div.vectorTabs li a {
169 - display: inline-block;
170 - height: 1.9em;
171 - padding-left: 0.5em;
172 - padding-right: 0.5em;
173 - /* @embed */
174 - background-image: url(images/tab-break.png?1);
175 - background-position: bottom right;
176 - background-repeat: no-repeat;
177 - }
178 - div.vectorTabs li a{
179 - color: #0645ad;
180 - cursor: pointer;
181 - }
182 - div.vectorTabs li a {
183 - font-size: 0.8em;
184 - }
185 - /* IGNORED BY IE6 */
186 - div.vectorTabs li > a {
187 - display: block;
188 - }
189 - /* OVERRIDDEN BY COMPLIANT BROWSERS */
190 - div.vectorTabs span a {
191 - display: inline-block;
192 - padding-top: 1.25em;
193 - }
194 - /* IGNORED BY IE6 */
195 - /* @noflip */
196 - div.vectorTabs span > a {
197 - float: left;
198 - display: block;
199 - }
200 - div.vectorTabs li.selected a,
201 - div.vectorTabs li.selected a:visited{
202 - color: #333333;
203 - text-decoration: none;
204 - }
205 - div.vectorTabs li.new a,
206 - div.vectorTabs li.new a:visited{
207 - color: #a55858;
208 - }
209 - /* Variants and Actions */
210 - /* @noflip */
211 - div.vectorMenu {
212 - direction: ltr;
213 - float: left;
214 - /* @embed */
215 - background-image: url(images/arrow-down-icon.png?1);
216 - background-position: 100% 60%;
217 - background-repeat: no-repeat;
218 - cursor: pointer;
219 - }
220 - /* @noflip */
221 - body.rtl div.vectorMenu {
222 - direction: rtl;
223 - }
224 - /* OVERRIDDEN BY COMPLIANT BROWSERS */
225 - /* @noflip */
226 - div#mw-head div.vectorMenu h5 {
227 - float: left;
228 - /* @embed */
229 - background-image: url(images/tab-break.png?1);
230 - background-repeat: no-repeat;
231 - }
232 - /* IGNORED BY IE6 */
233 - div#mw-head div.vectorMenu > h5 {
234 - background-image: none;
235 - }
236 - div#mw-head div.vectorMenu h5 {
237 - background-position: bottom left;
238 - margin-left: -1px;
239 - }
240 - div#mw-head div.vectorMenu h4 {
241 - display: inline-block;
242 - float: left;
243 - font-size: 0.8em;
244 - padding-left: 0.5em;
245 - padding-top: 1.375em;
246 - font-weight: normal;
247 - border: none;
248 - }
249 - /* OVERRIDDEN BY COMPLIANT BROWSERS */
250 - /* @noflip */
251 - div.vectorMenu h5 a {
252 - display: inline-block;
253 - width: 24px;
254 - height: 2.5em;
255 - text-decoration: none;
256 - /* @embed */
257 - background-image: url(images/tab-break.png?1);
258 - background-repeat: no-repeat;
259 - }
260 - div.vectorMenu h5 a{
261 - background-position: bottom right;
262 - }
263 - /* IGNORED BY IE6 */
264 - div.vectorMenu h5 > a {
265 - display: block;
266 - }
267 - div.vectorMenu div.menu {
268 - position: relative;
269 - display: none;
270 - clear: both;
271 - text-align: left;
272 - }
273 - /* OVERRIDDEN BY COMPLIANT BROWSERS */
274 - /* @noflip */
275 - body.rtl div.vectorMenu div.menu {
276 - margin-left: 24px;
277 - }
278 - /* IGNORED BY IE6 */
279 - /* @noflip */
280 - body.rtl div.vectorMenu > div.menu {
281 - margin-left: auto;
282 - }
283 - /* Fixes old versions of FireFox */
284 - /* @noflip */
285 - body.rtl div.vectorMenu > div.menu,
286 - x:-moz-any-link {
287 - margin-left: 23px;
288 - }
289 - div.vectorMenu:hover div.menu {
290 - display: block;
291 - }
292 - div.vectorMenu ul {
293 - position: absolute;
294 - background-color: white;
295 - border: solid 1px silver;
296 - border-top-width: 0;
297 - list-style: none;
298 - list-style-image: none;
299 - list-style-type: none;
300 - padding: 0;
301 - margin: 0;
302 - margin-left: -1px;
303 - text-align: left;
304 - }
305 - /* Fixes old versions of FireFox */
306 - div.vectorMenu ul,
307 - x:-moz-any-link {
308 - min-width: 5em;
309 - }
310 - /* Returns things back to normal in modern versions of FireFox */
311 - div.vectorMenu ul,
312 - x:-moz-any-link,
313 - x:default {
314 - min-width: 0;
315 - }
316 - div.vectorMenu li {
317 - padding: 0;
318 - margin: 0;
319 - text-align: left;
320 - line-height: 1em;
321 - }
322 - /* OVERRIDDEN BY COMPLIANT BROWSERS */
323 - div.vectorMenu li a {
324 - display: inline-block;
325 - padding: 0.5em;
326 - white-space: nowrap;
327 - }
328 - /* IGNORED BY IE6 */
329 - div.vectorMenu li > a {
330 - display: block;
331 - }
332 - div.vectorMenu li a {
333 - color: #0645ad;
334 - cursor: pointer;
335 - font-size: 0.8em;
336 - }
337 - div.vectorMenu li.selected a,
338 - div.vectorMenu li.selected a:visited {
339 - color: #333333;
340 - text-decoration: none;
341 - }
342 - /* Search */
343 - #p-search h5 {
344 - display: none;
345 - }
346 - /* @noflip */
347 - #p-search {
348 - float: left;
349 - }
350 - #p-search {
351 - margin-right: 0.5em;
352 - margin-left: 0.5em;
353 - }
354 - #p-search form,
355 - #p-search input {
356 - margin: 0;
357 - margin-top: 0.4em;
358 - }
359 - div#simpleSearch {
360 - margin-top: 0.65em;
361 - position: relative;
362 - min-height: 1px; /* Gotta trigger hasLayout for IE7 */
363 - border: solid 1px #AAAAAA;
364 - background-color: white;
365 - /* @embed */
366 - background-image: url(images/search-fade.png?1);
367 - background-position: top left;
368 - background-repeat: repeat-x;
369 - }
370 - div#simpleSearch label {
371 - /*
372 - * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
373 - * this from ever being shown anyways.
374 - */
375 - font-size: 13px;
376 - top: 0.25em;
377 - }
378 - div#simpleSearch .placeholder {
379 - color: #999999;
380 - }
381 - div#simpleSearch input::-webkit-input-placeholder {
382 - color: #999999;
383 - }
384 - div#simpleSearch input#searchInput {
385 - margin: 0;
386 - border-width: 0;
387 - padding: 3px;
388 - vertical-align: top;
389 - /*
390 - * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
391 - * this from ever being shown anyways.
392 - */
393 - font-size: 13px;
394 - width: 14em;
395 - background-color: transparent;
396 - }
397 - /* OVERRIDDEN BY COMPLIANT BROWSERS */
398 - div#simpleSearch button#searchButton {
399 - padding: 0;
400 - margin: 0 5px;
401 - border: none;
402 - cursor: pointer;
403 - background-color: transparent;
404 - font-size: x-small;
405 - }
406 - div#simpleSearch button#searchButton img {
407 - border: none;
408 - margin: 0;
409 - padding: 0;
410 - vertical-align: middle;
411 - }
412 -/* Panel */
413 -div#mw-panel {
414 - position: absolute;
415 - top: 160px;
416 - padding-top: 1em;
417 - width: 10em;
418 - left: 0;
419 -}
420 - div#mw-panel div.portal {
421 - padding-bottom: 1.5em;
422 - direction: ltr;
423 - }
424 - div#mw-panel div.portal h5 {
425 - font-weight: normal;
426 - color: #444444;
427 - padding: 0.25em;
428 - padding-top: 0;
429 - padding-left: 1.75em;
430 - cursor: default;
431 - border: none;
432 - font-size: 0.75em;
433 - }
434 - div#mw-panel div.portal div.body {
435 - margin: 0;
436 - padding-top: 0.5em;
437 - margin-left: 1.25em;
438 - /* @embed */
439 - background-image: url(images/portal-break.png?1);
440 - background-repeat: no-repeat;
441 - background-position: top left;
442 - }
443 - div#mw-panel div.portal div.body ul {
444 - list-style: none;
445 - list-style-image: none;
446 - list-style-type: none;
447 - padding: 0;
448 - margin: 0;
449 - }
450 - div#mw-panel div.portal div.body ul li {
451 - line-height: 1.125em;
452 - padding: 0;
453 - padding-bottom: 0.5em;
454 - margin: 0;
455 - overflow: hidden;
456 - font-size: 0.75em;
457 - }
458 - div#mw-panel div.portal div.body ul li a {
459 - color: #0645ad;
460 - }
461 - div#mw-panel div.portal div.body ul li a:visited {
462 - color: #0b0080;
463 - }
464 -/* Footer */
465 -div#footer {
466 - margin-left: 10em;
467 - margin-top: 0;
468 - padding: 0.75em;
469 - /* @embed */
470 - background-image: url(images/border.png?1);
471 - background-position: top left;
472 - background-repeat: repeat-x;
473 - direction: ltr;
474 -}
475 -div#footer ul {
476 - list-style: none;
477 - list-style-image: none;
478 - list-style-type: none;
479 - margin: 0;
480 - padding: 0;
481 -}
482 -div#footer ul li {
483 - margin: 0;
484 - padding: 0;
485 - padding-top: 0.5em;
486 - padding-bottom: 0.5em;
487 - color: #333333;
488 - font-size: 0.7em;
489 -}
490 -div#footer #footer-icons {
491 - float: right;
492 -}
493 -/* @noflip */
494 -body.ltr div#footer #footer-places {
495 - float: left;
496 -}
497 -div#footer #footer-info li {
498 - line-height: 1.4em;
499 -}
500 -div#footer #footer-icons li {
501 - float: left;
502 - margin-left: 0.5em;
503 - line-height: 2em;
504 -}
505 -div#footer #footer-places li {
506 - float: left;
507 - margin-right: 1em;
508 - line-height: 2em;
509 -}
510 -/* Logo */
511 -#p-logo {
512 - position: absolute;
513 - top: -160px;
514 - left: 0;
515 - width: 10em;
516 - height: 160px;
517 -}
518 -#p-logo a {
519 - display: block;
520 - width: 10em;
521 - height: 160px;
522 - background-repeat: no-repeat;
523 - background-position: center center;
524 - text-decoration: none;
525 -}
526 -
527 -/*
528 - *
529 - * The following code is highly modified from monobook. It would be nice if the
530 - * preftoc id was more human readable like preferences-toc for instance,
531 - * howerver this would require backporting the other skins.
532 - */
533 -
534 -/* Preferences */
535 -#preftoc {
536 - /* Tabs */
537 - width: 100%;
538 - float: left;
539 - clear: both;
540 - margin: 0 !important;
541 - padding: 0 !important;
542 - /* @embed */
543 - background-image: url(images/preferences-break.png?1);
544 - background-position: bottom left;
545 - background-repeat: no-repeat;
546 -}
547 - #preftoc li {
548 - /* Tab */
549 - float: left;
550 - margin: 0;
551 - padding: 0;
552 - padding-right: 1px;
553 - height: 2.25em;
554 - white-space: nowrap;
555 - list-style-type: none;
556 - list-style-image: none;
557 - /* @embed */
558 - background-image: url(images/preferences-break.png?1);
559 - background-position: bottom right;
560 - background-repeat: no-repeat;
561 - }
562 - /* IGNORED BY IE6 */
563 - #preftoc li:first-child {
564 - margin-left: 1px;
565 - }
566 - #preftoc a,
567 - #preftoc a:active {
568 - display: inline-block;
569 - position: relative;
570 - color: #0645ad;
571 - padding: 0.5em;
572 - text-decoration: none;
573 - background-image: none;
574 - font-size: 0.9em;
575 - }
576 - #preftoc a:hover,
577 - #preftoc a:focus {
578 - text-decoration: underline;
579 - }
580 - #preftoc li.selected a {
581 - /* @embed */
582 - background-image: url(images/preferences-fade.png?1);
583 - background-position: bottom;
584 - background-repeat: repeat-x;
585 - color: #333333;
586 - text-decoration: none;
587 - }
588 -#preferences {
589 - float: left;
590 - width: 100%;
591 - margin: 0;
592 - margin-top: -2px;
593 - clear: both;
594 - border: solid 1px #cccccc;
595 - background-color: #f9f9f9;
596 - /* @embed */
597 - background-image: url(images/preferences-base.png?1);
598 -}
599 -#preferences fieldset.prefsection {
600 - border: none;
601 - padding: 0;
602 - margin: 1em;
603 -}
604 -#preferences fieldset.prefsection fieldset {
605 - border: none;
606 - border-top: solid 1px #cccccc;
607 -}
608 -#preferences legend {
609 - color: #666666;
610 -}
611 -#preferences fieldset.prefsection legend.mainLegend {
612 - display: none;
613 -}
614 -#preferences td {
615 - padding-left: 0.5em;
616 - padding-right: 0.5em;
617 -}
618 -#preferences td.htmlform-tip {
619 - font-size: x-small;
620 - padding: .2em 2em;
621 - color: #666666;
622 -}
623 -#preferences div.mw-prefs-buttons {
624 - padding: 1em;
625 -}
626 -#preferences div.mw-prefs-buttons input {
627 - margin-right: 0.25em;
628 -}
629 -
630 -/*
631 - * Styles for the user login and create account forms
632 - */
633 -#userlogin, #userloginForm {
634 - border: solid 1px #cccccc;
635 - padding: 1.2em;
636 - margin: .5em;
637 - float: left;
638 -}
639 -
640 -#userlogin {
641 - min-width: 20em;
642 - max-width: 90%;
643 - width: 40em;
644 -}
645 -
646 -/*
647 - *
648 - * The following code is slightly modified from monobook
649 - *
650 - */
651 -div#content {
652 - line-height: 1.5em;
653 -}
654 -#bodyContent {
655 - font-size: 0.8em;
656 -}
657 -/* Links */
658 -a {
659 - text-decoration: none;
660 - color: #0645ad;
661 - background: none;
662 -}
663 -a:visited {
664 - color: #0b0080;
665 -}
666 -a:active {
667 - color: #faa700;
668 -}
669 -a:hover, a:focus {
670 - text-decoration: underline;
671 -}
672 -a.stub {
673 - color: #772233;
674 -}
675 -a.new, #p-personal a.new {
676 - color: #ba0000;
677 -}
678 -a.new:visited, #p-personal a.new:visited {
679 - color: #a55858;
680 -}
681 -
682 -/* Inline Elements */
683 -img {
684 - border: none;
685 - vertical-align: middle;
686 -}
687 -hr {
688 - height: 1px;
689 - color: #aaa;
690 - background-color: #aaa;
691 - border: 0;
692 - margin: .2em 0 .2em 0;
693 -}
694 -
695 -/* Structural Elements */
696 -h1,
697 -h2,
698 -h3,
699 -h4,
700 -h5,
701 -h6 {
702 - color: black;
703 - background: none;
704 - font-weight: normal;
705 - margin: 0;
706 - padding-top: .5em;
707 - padding-bottom: .17em;
708 - border-bottom: 1px solid #aaa;
709 - width: auto;
710 -}
711 -h1 { font-size: 188%; }
712 -h1 .editsection { font-size: 53%; }
713 -h2 { font-size: 150%; }
714 -h2 .editsection { font-size: 67%; }
715 -h3,
716 -h4,
717 -h5,
718 -h6 {
719 - border-bottom: none;
720 - font-weight: bold;
721 -}
722 -h3 { font-size: 132%; }
723 -h3 .editsection { font-size: 76%; font-weight: normal; }
724 -h4 { font-size: 116%; }
725 -h4 .editsection { font-size: 86%; font-weight: normal; }
726 -h5 { font-size: 100%; }
727 -h5 .editsection { font-weight: normal; }
728 -h6 { font-size: 80%; }
729 -h6 .editsection { font-size: 125%; font-weight: normal; }
730 -.editsection { float: right; }
731 -p {
732 - margin: .4em 0 .5em 0;
733 - line-height: 1.5em;
734 -}
735 - p img {
736 - margin: 0;
737 - }
738 -abbr,
739 -acronym,
740 -.explain {
741 - border-bottom: 1px dotted black;
742 - color: black;
743 - background: none;
744 - cursor: help;
745 -}
746 -q {
747 - font-family: Times, "Times New Roman", serif;
748 - font-style: italic;
749 -}
750 -/* Disabled for now
751 -blockquote {
752 - font-family: Times, "Times New Roman", serif;
753 - font-style: italic;
754 -}*/
755 -pre, code, tt {
756 - /*
757 - * It's important for this rule to first reference an actual font name, some browsers will render the monospace text
758 - * too small otherwise, namely Firefox, Chrome and Safari
759 - */
760 - font-family: monospace, "Courier New";
761 -}
762 -code {
763 - background-color: #f9f9f9;
764 -}
765 -pre {
766 - padding: 1em;
767 - border: 1px dashed #2f6fab;
768 - color: black;
769 - background-color: #f9f9f9;
770 - line-height: 1.1em;
771 -}
772 -ul {
773 - line-height: 1.5em;
774 - list-style-type: square;
775 - margin: .3em 0 0 1.5em;
776 - padding: 0;
777 - /* @embed */
778 - list-style-image: url(images/bullet-icon.png?1);
779 -}
780 -ol {
781 - line-height: 1.5em;
782 - margin: .3em 0 0 3.2em;
783 - padding: 0;
784 - list-style-image: none;
785 -}
786 -li {
787 - margin-bottom: .1em;
788 -}
789 -dt {
790 - font-weight: bold;
791 - margin-bottom: .1em;
792 -}
793 -dl {
794 - margin-top: .2em;
795 - margin-bottom: .5em;
796 -}
797 -dd {
798 - line-height: 1.5em;
799 - margin-left: 2em;
800 - margin-bottom: .1em;
801 -}
802 -/* Tables */
803 -table {
804 - font-size: 100%;
805 - color: black;
806 - /* we don't want the bottom borders of <h2>s to be visible through
807 - * floated tables */
808 - background-color: white;
809 -}
810 -fieldset table {
811 - /* but keep table layouts in forms clean... */
812 - background: none;
813 -}
814 -/* Forms */
815 -fieldset {
816 - border: 1px solid #2f6fab;
817 - margin: 1em 0 1em 0;
818 - padding: 0 1em 1em;
819 - line-height: 1.5em;
820 -}
821 - fieldset.nested {
822 - margin: 0 0 0.5em 0;
823 - padding: 0 0.5em 0.5em;
824 - }
825 -legend {
826 - padding: .5em;
827 - font-size: 95%;
828 -}
829 -form {
830 - border: none;
831 - margin: 0;
832 -}
833 -textarea {
834 - width: 100%;
835 - padding: .1em;
836 -}
837 -select {
838 - vertical-align: top;
839 -}
840 -/* Table of Contents */
841 -#toc,
842 -.toc,
843 -.mw-warning {
844 - border: 1px solid #aaa;
845 - background-color: #f9f9f9;
846 - padding: 5px;
847 - font-size: 95%;
848 -}
849 -#toc h2,
850 -.toc h2 {
851 - display: inline;
852 - border: none;
853 - padding: 0;
854 - font-size: 100%;
855 - font-weight: bold;
856 -}
857 -#toc #toctitle,
858 -.toc #toctitle,
859 -#toc .toctitle,
860 -.toc .toctitle {
861 - text-align: center;
862 -}
863 -#toc ul,
864 -.toc ul {
865 - list-style-type: none;
866 - list-style-image: none;
867 - margin-left: 0;
868 - padding-left: 0;
869 - text-align: left;
870 -}
871 -#toc ul ul,
872 -.toc ul ul {
873 - margin: 0 0 0 2em;
874 -}
875 -#toc .toctoggle,
876 -.toc .toctoggle {
877 - font-size: 94%;
878 -}
879 -/* Images */
880 -div.floatright, table.floatright {
881 - clear: right;
882 - float: right;
883 - position: relative;
884 - margin: 0 0 .5em .5em;
885 - border: 0;
886 -}
887 -div.floatright p { font-style: italic; }
888 -div.floatleft, table.floatleft {
889 - float: left;
890 - clear: left;
891 - position: relative;
892 - margin: 0 .5em .5em 0;
893 - border: 0;
894 -}
895 -div.floatleft p { font-style: italic; }
896 -/* Thumbnails */
897 -div.thumb {
898 - margin-bottom: .5em;
899 - border-style: solid;
900 - border-color: white;
901 - width: auto;
902 - background-color: transparent;
903 -}
904 -div.thumbinner {
905 - border: 1px solid #ccc;
906 - padding: 3px !important;
907 - background-color: #f9f9f9;
908 - font-size: 94%;
909 - text-align: center;
910 - overflow: hidden;
911 -}
912 -html .thumbimage {
913 - border: 1px solid #ccc;
914 -}
915 -html .thumbcaption {
916 - border: none;
917 - text-align: left;
918 - line-height: 1.4em;
919 - padding: 3px !important;
920 - font-size: 94%;
921 -}
922 -div.magnify {
923 - float: right;
924 - border: none !important;
925 - background: none !important;
926 -}
927 -div.magnify a, div.magnify img {
928 - display: block;
929 - border: none !important;
930 - background: none !important;
931 -}
932 -/* @noflip */
933 -div.tright {
934 - clear: right;
935 - float: right;
936 - border-width: .5em 0 .8em 1.4em;
937 -}
938 -/* @noflip */
939 -div.tleft {
940 - float: left;
941 - clear: left;
942 - margin-right: .5em;
943 - border-width: .5em 1.4em .8em 0;
944 -}
945 -img.thumbborder {
946 - border: 1px solid #dddddd;
947 -}
948 -.hiddenStructure {
949 - display: none;
950 -}
951 -/* Warning */
952 -.mw-warning {
953 - margin-left: 50px;
954 - margin-right: 50px;
955 - text-align: center;
956 -}
957 -/* User Message */
958 -.usermessage {
959 - background-color: #ffce7b;
960 - border: 1px solid #ffa500;
961 - color: black;
962 - font-weight: bold;
963 - margin: 2em 0 1em;
964 - padding: .5em 1em;
965 - vertical-align: middle;
966 -}
967 -/* Site Notice (includes notices from CentralNotice extension) */
968 -#siteNotice {
969 - text-align: center;
970 - font-size: 0.8em;
971 - margin: 0;
972 -}
973 -#localNotice {
974 - margin-bottom: 0.9em;
975 -}
976 -/* Categories */
977 -.catlinks {
978 - border: 1px solid #aaa;
979 - background-color: #f9f9f9;
980 - padding: 5px;
981 - margin-top: 1em;
982 - clear: both;
983 -}
984 -/* Sub-navigation */
985 -#siteSub {
986 - display: none;
987 -}
988 -#jump-to-nav {
989 - display: none;
990 -}
991 -#contentSub, #contentSub2 {
992 - font-size: 84%;
993 - line-height: 1.2em;
994 - margin: 0 0 1.4em 1em;
995 - color: #7d7d7d;
996 - width: auto;
997 -}
998 -span.subpages {
999 - display: block;
1000 -}
1001 -/* Emulate Center */
1002 -.center {
1003 - width: 100%;
1004 - text-align: center;
1005 -}
1006 -*.center * {
1007 - margin-left: auto;
1008 - margin-right: auto;
1009 -}
1010 -/* Small for tables and similar */
1011 -.small, .small * {
1012 - font-size: 94%;
1013 -}
1014 -table.small {
1015 - font-size: 100%;
1016 -}
1017 -/* Edge Cases for Content */
1018 -h1, h2 {
1019 - margin-bottom: .6em;
1020 -}
1021 -h3, h4, h5 {
1022 - margin-bottom: .3em;
1023 -}
1024 -#firstHeading {
1025 - padding-top: 0;
1026 - margin-top: 0;
1027 - padding-top: 0;
1028 - margin-bottom: 0.1em;
1029 - line-height: 1.2em;
1030 - font-size: 1.6em;
1031 - padding-bottom: 0;
1032 -}
1033 -div#content a.external,
1034 -div#content a[href ^="gopher://"] {
1035 - /* @embed */
1036 - background: url(images/external-link-ltr-icon.png?2) center right no-repeat;
1037 - padding: 0 13px 0 0;
1038 -}
1039 -div#content a[href ^="https://"],
1040 -.link-https {
1041 - /* @embed */
1042 - background: url(images/lock-icon.png?2) center right no-repeat;
1043 - padding: 0 13px 0 0;
1044 -}
1045 -div#content a[href ^="mailto:"],
1046 -.link-mailto {
1047 - /* @embed */
1048 - background: url(images/mail-icon.png?2) center right no-repeat;
1049 - padding: 0 13px 0 0;
1050 -}
1051 -div#content a[href ^="news://"] {
1052 - /* @embed */
1053 - background: url(images/news-icon.png?2) center right no-repeat;
1054 - padding: 0 13px 0 0;
1055 -}
1056 -div#content a[href ^="ftp://"],
1057 -.link-ftp {
1058 - /* @embed */
1059 - background: url(images/file-icon.png?2) center right no-repeat;
1060 - padding: 0 13px 0 0;
1061 -}
1062 -div#content a[href ^="irc://"],
1063 -div#content a.extiw[href ^="irc://"],
1064 -.link-irc {
1065 - /* @embed */
1066 - background: url(images/talk-icon.png?2) center right no-repeat;
1067 - padding: 0 13px 0 0;
1068 -}
1069 -div#content a.external[href $=".ogg"], div#content a.external[href $=".OGG"],
1070 -div#content a.external[href $=".mid"], div#content a.external[href $=".MID"],
1071 -div#content a.external[href $=".midi"], div#content a.external[href $=".MIDI"],
1072 -div#content a.external[href $=".mp3"], div#content a.external[href $=".MP3"],
1073 -div#content a.external[href $=".wav"], div#content a.external[href $=".WAV"],
1074 -div#content a.external[href $=".wma"], div#content a.external[href $=".WMA"],
1075 -.link-audio {
1076 - /* @embed */
1077 - background: url("images/audio-icon.png?2") center right no-repeat;
1078 - padding: 0 13px 0 0;
1079 -}
1080 -div#content a.external[href $=".ogm"], div#content a.external[href $=".OGM"],
1081 -div#content a.external[href $=".avi"], div#content a.external[href $=".AVI"],
1082 -div#content a.external[href $=".mpeg"], div#content a.external[href $=".MPEG"],
1083 -div#content a.external[href $=".mpg"], div#content a.external[href $=".MPG"],
1084 -.link-video {
1085 - /* @embed */
1086 - background: url("images/video-icon.png?2") center right no-repeat;
1087 - padding: 0 13px 0 0;
1088 -}
1089 -div#content a.external[href $=".pdf"], div#content a.external[href $=".PDF"],
1090 -div#content a.external[href *=".pdf#"], div#content a.external[href *=".PDF#"],
1091 -div#content a.external[href *=".pdf?"], div#content a.external[href *=".PDF?"],
1092 -.link-document {
1093 - /* @embed */
1094 - background: url("images/document-icon.png?2") center right no-repeat;
1095 - padding: 0 13px 0 0;
1096 -}
1097 -/* Interwiki Styling (Disabled) */
1098 -div#content a.extiw,
1099 -div#content a.extiw:active {
1100 - color: #36b;
1101 - background: none;
1102 - padding: 0;
1103 -}
1104 -div#content a.external {
1105 - color: #36b;
1106 -}
1107 -div#content .printfooter {
1108 - display: none;
1109 -}
1110 -/* Icon for Usernames */
1111 -#pt-userpage,
1112 -#pt-anonuserpage,
1113 -#pt-login {
1114 - /* @embed */
1115 - background: url(images/user-icon.png?1) left top no-repeat;
1116 - padding-left: 15px !important;
1117 - text-transform: none;
1118 -}
1119 -
1120 -.toccolours {
1121 - border: 1px solid #aaa;
1122 - background-color: #f9f9f9;
1123 - padding: 5px;
1124 - font-size: 95%;
1125 -}
1126 -#bodyContent {
1127 - position: relative;
1128 - width: 100%;
1129 -}
1130 -#mw-js-message {
1131 - font-size: 0.8em;
1132 -}
1133 -div#bodyContent {
1134 - line-height: 1.5em;
1135 -}
1136 -
1137 -/* Watch/Unwatch Icon Styling */
1138 -#ca-unwatch.icon,
1139 -#ca-watch.icon {
1140 - margin-right:1px;
1141 -}
1142 -#ca-unwatch.icon a,
1143 -#ca-watch.icon a {
1144 - margin: 0;
1145 - padding: 0;
1146 - outline: none;
1147 - display: block;
1148 - width: 26px;
1149 - /* This hides the text but shows the background image */
1150 - padding-top: 3.1em;
1151 - height: 0;
1152 - overflow: hidden;
1153 -}
1154 -#ca-unwatch.icon a {
1155 - /* @embed */
1156 - background-image: url(images/watch-icons.png?1);
1157 - background-position: -43px 60%;
1158 -}
1159 -#ca-watch.icon a {
1160 - /* @embed */
1161 - background-image: url(images/watch-icons.png?1);
1162 - background-position: 5px 60%;
1163 -}
1164 -#ca-unwatch.icon a:hover,
1165 -#ca-unwatch.icon a:focus {
1166 - /* @embed */
1167 - background-image: url(images/watch-icons.png?1);
1168 - background-position: -67px 60%;
1169 -}
1170 -#ca-watch.icon a:hover,
1171 -#ca-watch.icon a:focus {
1172 - /* @embed */
1173 - background-image: url(images/watch-icons.png?1);
1174 - background-position: -19px 60%;
1175 -}
1176 -#ca-unwatch.icon a.loading,
1177 -#ca-watch.icon a.loading {
1178 - /* @embed */
1179 - background-image: url(images/watch-icon-loading.gif?1);
1180 - background-position: center 60%;
1181 -}
1182 -#ca-unwatch.icon a span,
1183 -#ca-watch.icon a span {
1184 - display: none;
1185 -}
1186 -div.vectorTabs ul {
1187 - /* @embed */
1188 - background-image:url(images/tab-break.png?1);
1189 - background-position:right bottom;
1190 - background-repeat:no-repeat;
1191 -}
1192 -
1193 -/* Convenience links to edit block, delete and protect reasons */
1194 -p.mw-ipb-conveniencelinks, p.mw-protect-editreasons,
1195 -p.mw-filedelete-editreasons, p.mw-delete-editreasons {
1196 - float: right;
1197 -}
Index: trunk/phase3/skins/vector/main-rtl.css
——@@ -1,1196 +0,0 @@
2 -/*
3 - * main-rtl.css is automatically generated using CSSJanus, a python script for
4 - * creating RTL versions of otherwise LTR stylesheets.
5 - *
6 - * You may download the tool to rebuild this stylesheet
7 - * http://code.google.com/p/cssjanus/
8 - *
9 - * An online version of this tool can be used at:
10 - * http://cssjanus.commoner.com/
11 - *
12 - * The following command is used to generate the RTL version of this file
13 - * ./cssjanus.py --swap_ltr_rtl_in_url < main-ltr.css > main-rtl.css
14 - *
15 - * Any rules which should not be flipped should be prepended with @noflip in
16 - * a comment block.
17 - */
18 -/* Framework */
19 -html,
20 -body {
21 - height: 100%;
22 - margin: 0;
23 - padding: 0;
24 - font-family: sans-serif;
25 - font-size: 1em;
26 -}
27 -body {
28 - background-color: #f3f3f3;
29 - /* @embed */
30 - background-image: url(images/page-base.png?1);
31 -}
32 -/* Content */
33 -div#content {
34 - margin-right: 10em;
35 - padding: 1em;
36 - /* @embed */
37 - background-image: url(images/border.png?1);
38 - background-position: top right;
39 - background-repeat: repeat-y;
40 - background-color: white;
41 - color: black;
42 - direction: rtl;
43 -}
44 -/* Head */
45 -#mw-page-base {
46 - height: 5em;
47 - background-color: white;
48 - /* @embed */
49 - background-image: url(images/page-fade.png?1);
50 - background-position: bottom right;
51 - background-repeat: repeat-x;
52 -}
53 -#mw-head-base {
54 - margin-top: -5em;
55 - margin-right: 10em;
56 - height: 5em;
57 - /* @embed */
58 - background-image: url(images/border.png?1);
59 - background-position: bottom right;
60 - background-repeat: repeat-x;
61 -}
62 -div#mw-head {
63 - position: absolute;
64 - top: 0;
65 - left: 0;
66 - width: 100%;
67 -}
68 -div#mw-head h5 {
69 - margin: 0;
70 - padding: 0;
71 -}
72 - /* Hide empty portlets */
73 - div.emptyPortlet {
74 - display: none;
75 - }
76 - /* Personal */
77 - #p-personal {
78 - position: absolute;
79 - top: 0;
80 - padding-right: 10em;
81 - left: 0.75em;
82 - }
83 - #p-personal h5 {
84 - display: none;
85 - }
86 - #p-personal ul {
87 - list-style: none;
88 - margin: 0;
89 - padding: 0;
90 - }
91 - /* @noflip */
92 - #p-personal li {
93 - line-height: 1.125em;
94 - float: left;
95 - }
96 - /* This one flips! */
97 - #p-personal li {
98 - margin-right: 0.75em;
99 - margin-top: 0.5em;
100 - font-size: 0.75em;
101 - white-space: nowrap;
102 - }
103 - /* Navigation Containers */
104 - #left-navigation {
105 - position: absolute;
106 - right: 10em;
107 - top: 2.5em;
108 - }
109 - #right-navigation {
110 - float: left;
111 - margin-top: 2.5em;
112 - }
113 - /* Navigation Labels */
114 - div.vectorTabs h5,
115 - div.vectorMenu h5 span {
116 - display: none;
117 - }
118 - /* Namespaces and Views */
119 - /* @noflip */
120 - div.vectorTabs {
121 - float: left;
122 - height: 2.5em;
123 - }
124 - div.vectorTabs {
125 - /* @embed */
126 - background-image: url(images/tab-break.png?1);
127 - background-position: bottom right;
128 - background-repeat: no-repeat;
129 - padding-right: 1px;
130 - }
131 - /* @noflip */
132 - div.vectorTabs ul {
133 - float: left;
134 - }
135 - div.vectorTabs ul {
136 - height: 100%;
137 - list-style: none;
138 - margin: 0;
139 - padding: 0;
140 - }
141 - /* @noflip */
142 - div.vectorTabs ul li {
143 - float: left;
144 - }
145 - /* OVERRIDDEN BY COMPLIANT BROWSERS */
146 - div.vectorTabs ul li {
147 - line-height: 1.125em;
148 - display: inline-block;
149 - height: 100%;
150 - margin: 0;
151 - padding: 0;
152 - background-color: #f3f3f3;
153 - /* @embed */
154 - background-image: url(images/tab-normal-fade.png?1);
155 - background-position: bottom right;
156 - background-repeat: repeat-x;
157 - white-space:nowrap;
158 - }
159 - /* IGNORED BY IE6 */
160 - div.vectorTabs ul > li {
161 - display: block;
162 - }
163 - div.vectorTabs li.selected {
164 - /* @embed */
165 - background-image: url(images/tab-current-fade.png?1);
166 - }
167 - /* OVERRIDDEN BY COMPLIANT BROWSERS */
168 - div.vectorTabs li a {
169 - display: inline-block;
170 - height: 1.9em;
171 - padding-right: 0.5em;
172 - padding-left: 0.5em;
173 - /* @embed */
174 - background-image: url(images/tab-break.png?1);
175 - background-position: bottom left;
176 - background-repeat: no-repeat;
177 - }
178 - div.vectorTabs li a{
179 - color: #0645ad;
180 - cursor: pointer;
181 - }
182 - div.vectorTabs li a {
183 - font-size: 0.8em;
184 - }
185 - /* IGNORED BY IE6 */
186 - div.vectorTabs li > a {
187 - display: block;
188 - }
189 - /* OVERRIDDEN BY COMPLIANT BROWSERS */
190 - div.vectorTabs span a {
191 - display: inline-block;
192 - padding-top: 1.25em;
193 - }
194 - /* IGNORED BY IE6 */
195 - /* @noflip */
196 - div.vectorTabs span > a {
197 - float: left;
198 - display: block;
199 - }
200 - div.vectorTabs li.selected a,
201 - div.vectorTabs li.selected a:visited{
202 - color: #333333;
203 - text-decoration: none;
204 - }
205 - div.vectorTabs li.new a,
206 - div.vectorTabs li.new a:visited{
207 - color: #a55858;
208 - }
209 - /* Variants and Actions */
210 - /* @noflip */
211 - div.vectorMenu {
212 - direction: ltr;
213 - float: left;
214 - /* @embed */
215 - background-image: url(images/arrow-down-icon.png?1);
216 - background-position: 100% 60%;
217 - background-repeat: no-repeat;
218 - cursor: pointer;
219 - }
220 - /* @noflip */
221 - body.rtl div.vectorMenu {
222 - direction: rtl;
223 - }
224 - /* OVERRIDDEN BY COMPLIANT BROWSERS */
225 - /* @noflip */
226 - div#mw-head div.vectorMenu h5 {
227 - float: left;
228 - /* @embed */
229 - background-image: url(images/tab-break.png?1);
230 - background-repeat: no-repeat;
231 - }
232 - /* IGNORED BY IE6 */
233 - div#mw-head div.vectorMenu > h5 {
234 - background-image: none;
235 - }
236 - div#mw-head div.vectorMenu h5 {
237 - background-position: bottom right;
238 - margin-right: -1px;
239 - }
240 - div#mw-head div.vectorMenu h4 {
241 - display: inline-block;
242 - float: right;
243 - font-size: 0.8em;
244 - padding-right: 0.5em;
245 - padding-top: 1.375em;
246 - font-weight: normal;
247 - border: none;
248 - }
249 - /* OVERRIDDEN BY COMPLIANT BROWSERS */
250 - /* @noflip */
251 - div.vectorMenu h5 a {
252 - display: inline-block;
253 - width: 24px;
254 - height: 2.5em;
255 - text-decoration: none;
256 - /* @embed */
257 - background-image: url(images/tab-break.png?1);
258 - background-repeat: no-repeat;
259 - }
260 - div.vectorMenu h5 a{
261 - background-position: bottom left;
262 - }
263 - /* IGNORED BY IE6 */
264 - div.vectorMenu h5 > a {
265 - display: block;
266 - }
267 - div.vectorMenu div.menu {
268 - position: relative;
269 - display: none;
270 - clear: both;
271 - text-align: right;
272 - }
273 - /* OVERRIDDEN BY COMPLIANT BROWSERS */
274 - /* @noflip */
275 - body.rtl div.vectorMenu div.menu {
276 - margin-left: 24px;
277 - }
278 - /* IGNORED BY IE6 */
279 - /* @noflip */
280 - body.rtl div.vectorMenu > div.menu {
281 - margin-left: auto;
282 - }
283 - /* Fixes old versions of FireFox */
284 - /* @noflip */
285 - body.rtl div.vectorMenu > div.menu,
286 - x:-moz-any-link {
287 - margin-left: 23px;
288 - }
289 - div.vectorMenu:hover div.menu {
290 - display: block;
291 - }
292 - div.vectorMenu ul {
293 - position: absolute;
294 - background-color: white;
295 - border: solid 1px silver;
296 - border-top-width: 0;
297 - list-style: none;
298 - list-style-image: none;
299 - list-style-type: none;
300 - padding: 0;
301 - margin: 0;
302 - margin-right: -1px;
303 - text-align: right;
304 - }
305 - /* Fixes old versions of FireFox */
306 - div.vectorMenu ul,
307 - x:-moz-any-link {
308 - min-width: 5em;
309 - }
310 - /* Returns things back to normal in modern versions of FireFox */
311 - div.vectorMenu ul,
312 - x:-moz-any-link,
313 - x:default {
314 - min-width: 0;
315 - }
316 - div.vectorMenu li {
317 - padding: 0;
318 - margin: 0;
319 - text-align: right;
320 - line-height: 1em;
321 - }
322 - /* OVERRIDDEN BY COMPLIANT BROWSERS */
323 - div.vectorMenu li a {
324 - display: inline-block;
325 - padding: 0.5em;
326 - white-space: nowrap;
327 - }
328 - /* IGNORED BY IE6 */
329 - div.vectorMenu li > a {
330 - display: block;
331 - }
332 - div.vectorMenu li a {
333 - color: #0645ad;
334 - cursor: pointer;
335 - font-size: 0.8em;
336 - }
337 - div.vectorMenu li.selected a,
338 - div.vectorMenu li.selected a:visited {
339 - color: #333333;
340 - text-decoration: none;
341 - }
342 - /* Search */
343 - #p-search h5 {
344 - display: none;
345 - }
346 - /* @noflip */
347 - #p-search {
348 - float: left;
349 - }
350 - #p-search {
351 - margin-left: 0.5em;
352 - margin-right: 0.5em;
353 - }
354 - #p-search form,
355 - #p-search input {
356 - margin: 0;
357 - margin-top: 0.4em;
358 - }
359 - div#simpleSearch {
360 - margin-top: 0.65em;
361 - position: relative;
362 - min-height: 1px; /* Gotta trigger hasLayout for IE7 */
363 - border: solid 1px #AAAAAA;
364 - background-color: white;
365 - /* @embed */
366 - background-image: url(images/search-fade.png?1);
367 - background-position: top right;
368 - background-repeat: repeat-x;
369 - }
370 - div#simpleSearch label {
371 - /*
372 - * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
373 - * this from ever being shown anyways.
374 - */
375 - font-size: 13px;
376 - top: 0.25em;
377 - }
378 - div#simpleSearch .placeholder {
379 - color: #999999;
380 - }
381 - div#simpleSearch input::-webkit-input-placeholder {
382 - color: #999999;
383 - }
384 - div#simpleSearch input#searchInput {
385 - margin: 0;
386 - border-width: 0;
387 - padding: 3px;
388 - vertical-align: top;
389 - /*
390 - * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
391 - * this from ever being shown anyways.
392 - */
393 - font-size: 13px;
394 - width: 14em;
395 - background-color: transparent;
396 - }
397 - /* OVERRIDDEN BY COMPLIANT BROWSERS */
398 - div#simpleSearch button#searchButton {
399 - padding: 0;
400 - margin: 0 5px;
401 - border: none;
402 - cursor: pointer;
403 - background-color: transparent;
404 - font-size: x-small;
405 - }
406 - div#simpleSearch button#searchButton img {
407 - border: none;
408 - margin: 0;
409 - padding: 0;
410 - vertical-align: middle;
411 - }
412 -/* Panel */
413 -div#mw-panel {
414 - position: absolute;
415 - top: 160px;
416 - padding-top: 1em;
417 - width: 10em;
418 - right: 0;
419 -}
420 - div#mw-panel div.portal {
421 - padding-bottom: 1.5em;
422 - direction: rtl;
423 - }
424 - div#mw-panel div.portal h5 {
425 - font-weight: normal;
426 - color: #444444;
427 - padding: 0.25em;
428 - padding-top: 0;
429 - padding-right: 1.75em;
430 - cursor: default;
431 - border: none;
432 - font-size: 0.75em;
433 - }
434 - div#mw-panel div.portal div.body {
435 - margin: 0;
436 - padding-top: 0.5em;
437 - margin-right: 1.25em;
438 - /* @embed */
439 - background-image: url(images/portal-break.png?1);
440 - background-repeat: no-repeat;
441 - background-position: top right;
442 - }
443 - div#mw-panel div.portal div.body ul {
444 - list-style: none;
445 - list-style-image: none;
446 - list-style-type: none;
447 - padding: 0;
448 - margin: 0;
449 - }
450 - div#mw-panel div.portal div.body ul li {
451 - line-height: 1.125em;
452 - padding: 0;
453 - padding-bottom: 0.5em;
454 - margin: 0;
455 - overflow: hidden;
456 - font-size: 0.75em;
457 - }
458 - div#mw-panel div.portal div.body ul li a {
459 - color: #0645ad;
460 - }
461 - div#mw-panel div.portal div.body ul li a:visited {
462 - color: #0b0080;
463 - }
464 -/* Footer */
465 -div#footer {
466 - margin-right: 10em;
467 - margin-top: 0;
468 - padding: 0.75em;
469 - /* @embed */
470 - background-image: url(images/border.png?1);
471 - background-position: top right;
472 - background-repeat: repeat-x;
473 - direction: rtl;
474 -}
475 -div#footer ul {
476 - list-style: none;
477 - list-style-image: none;
478 - list-style-type: none;
479 - margin: 0;
480 - padding: 0;
481 -}
482 -div#footer ul li {
483 - margin: 0;
484 - padding: 0;
485 - padding-top: 0.5em;
486 - padding-bottom: 0.5em;
487 - color: #333333;
488 - font-size: 0.7em;
489 -}
490 -div#footer #footer-icons {
491 - float: left;
492 -}
493 -/* @noflip */
494 -body.ltr div#footer #footer-places {
495 - float: left;
496 -}
497 -div#footer #footer-info li {
498 - line-height: 1.4em;
499 -}
500 -div#footer #footer-icons li {
501 - float: right;
502 - margin-right: 0.5em;
503 - line-height: 2em;
504 -}
505 -div#footer #footer-places li {
506 - float: right;
507 - margin-left: 1em;
508 - line-height: 2em;
509 -}
510 -/* Logo */
511 -#p-logo {
512 - position: absolute;
513 - top: -160px;
514 - right: 0;
515 - width: 10em;
516 - height: 160px;
517 -}
518 -#p-logo a {
519 - display: block;
520 - width: 10em;
521 - height: 160px;
522 - background-repeat: no-repeat;
523 - background-position: center center;
524 - text-decoration: none;
525 -}
526 -
527 -/*
528 - *
529 - * The following code is highly modified from monobook. It would be nice if the
530 - * preftoc id was more human readable like preferences-toc for instance,
531 - * howerver this would require backporting the other skins.
532 - */
533 -
534 -/* Preferences */
535 -#preftoc {
536 - /* Tabs */
537 - width: 100%;
538 - float: right;
539 - clear: both;
540 - margin: 0 !important;
541 - padding: 0 !important;
542 - /* @embed */
543 - background-image: url(images/preferences-break.png?1);
544 - background-position: bottom right;
545 - background-repeat: no-repeat;
546 -}
547 - #preftoc li {
548 - /* Tab */
549 - float: right;
550 - margin: 0;
551 - padding: 0;
552 - padding-left: 1px;
553 - height: 2.25em;
554 - white-space: nowrap;
555 - list-style-type: none;
556 - list-style-image: none;
557 - /* @embed */
558 - background-image: url(images/preferences-break.png?1);
559 - background-position: bottom left;
560 - background-repeat: no-repeat;
561 - }
562 - /* IGNORED BY IE6 */
563 - #preftoc li:first-child {
564 - margin-right: 1px;
565 - }
566 - #preftoc a,
567 - #preftoc a:active {
568 - display: inline-block;
569 - position: relative;
570 - color: #0645ad;
571 - padding: 0.5em;
572 - text-decoration: none;
573 - background-image: none;
574 - font-size: 0.9em;
575 - }
576 - #preftoc a:hover,
577 - #preftoc a:focus {
578 - text-decoration: underline;
579 - }
580 - #preftoc li.selected a {
581 - /* @embed */
582 - background-image: url(images/preferences-fade.png?1);
583 - background-position: bottom;
584 - background-repeat: repeat-x;
585 - color: #333333;
586 - text-decoration: none;
587 - }
588 -#preferences {
589 - float: right;
590 - width: 100%;
591 - margin: 0;
592 - margin-top: -2px;
593 - clear: both;
594 - border: solid 1px #cccccc;
595 - background-color: #f9f9f9;
596 - /* @embed */
597 - background-image: url(images/preferences-base.png?1);
598 -}
599 -#preferences fieldset.prefsection {
600 - border: none;
601 - padding: 0;
602 - margin: 1em;
603 -}
604 -#preferences fieldset.prefsection fieldset {
605 - border: none;
606 - border-top: solid 1px #cccccc;
607 -}
608 -#preferences legend {
609 - color: #666666;
610 -}
611 -#preferences fieldset.prefsection legend.mainLegend {
612 - display: none;
613 -}
614 -#preferences td {
615 - padding-right: 0.5em;
616 - padding-left: 0.5em;
617 -}
618 -#preferences td.htmlform-tip {
619 - font-size: x-small;
620 - padding: .2em 2em;
621 - color: #666666;
622 -}
623 -#preferences div.mw-prefs-buttons {
624 - padding: 1em;
625 -}
626 -#preferences div.mw-prefs-buttons input {
627 - margin-left: 0.25em;
628 -}
629 -
630 -/*
631 - * Styles for the user login and create account forms
632 - */
633 -#userlogin, #userloginForm {
634 - border: solid 1px #cccccc;
635 - padding: 1.2em;
636 - margin: .5em;
637 - float: right;
638 -}
639 -
640 -#userlogin {
641 - min-width: 20em;
642 - max-width: 90%;
643 - width: 40em;
644 -}
645 -
646 -/*
647 - *
648 - * The following code is slightly modified from monobook
649 - *
650 - */
651 -div#content {
652 - line-height: 1.5em;
653 -}
654 -#bodyContent {
655 - font-size: 0.8em;
656 -}
657 -/* Links */
658 -a {
659 - text-decoration: none;
660 - color: #0645ad;
661 - background: none;
662 -}
663 -a:visited {
664 - color: #0b0080;
665 -}
666 -a:active {
667 - color: #faa700;
668 -}
669 -a:hover, a:focus {
670 - text-decoration: underline;
671 -}
672 -a.stub {
673 - color: #772233;
674 -}
675 -a.new, #p-personal a.new {
676 - color: #ba0000;
677 -}
678 -a.new:visited, #p-personal a.new:visited {
679 - color: #a55858;
680 -}
681 -
682 -/* Inline Elements */
683 -img {
684 - border: none;
685 - vertical-align: middle;
686 -}
687 -hr {
688 - height: 1px;
689 - color: #aaa;
690 - background-color: #aaa;
691 - border: 0;
692 - margin: .2em 0 .2em 0;
693 -}
694 -
695 -/* Structural Elements */
696 -h1,
697 -h2,
698 -h3,
699 -h4,
700 -h5,
701 -h6 {
702 - color: black;
703 - background: none;
704 - font-weight: normal;
705 - margin: 0;
706 - padding-top: .5em;
707 - padding-bottom: .17em;
708 - border-bottom: 1px solid #aaa;
709 - width: auto;
710 -}
711 -h1 { font-size: 188%; }
712 -h1 .editsection { font-size: 53%; }
713 -h2 { font-size: 150%; }
714 -h2 .editsection { font-size: 67%; }
715 -h3,
716 -h4,
717 -h5,
718 -h6 {
719 - border-bottom: none;
720 - font-weight: bold;
721 -}
722 -h3 { font-size: 132%; }
723 -h3 .editsection { font-size: 76%; font-weight: normal; }
724 -h4 { font-size: 116%; }
725 -h4 .editsection { font-size: 86%; font-weight: normal; }
726 -h5 { font-size: 100%; }
727 -h5 .editsection { font-weight: normal; }
728 -h6 { font-size: 80%; }
729 -h6 .editsection { font-size: 125%; font-weight: normal; }
730 -.editsection { float: left; }
731 -p {
732 - margin: .4em 0 .5em 0;
733 - line-height: 1.5em;
734 -}
735 - p img {
736 - margin: 0;
737 - }
738 -abbr,
739 -acronym,
740 -.explain {
741 - border-bottom: 1px dotted black;
742 - color: black;
743 - background: none;
744 - cursor: help;
745 -}
746 -q {
747 - font-family: Times, "Times New Roman", serif;
748 - font-style: italic;
749 -}
750 -/* Disabled for now
751 -blockquote {
752 - font-family: Times, "Times New Roman", serif;
753 - font-style: italic;
754 -}*/
755 -pre, code, tt {
756 - /*
757 - * It's important for this rule to first reference an actual font name, some browsers will render the monospace text
758 - * too small otherwise, namely Firefox, Chrome and Safari
759 - */
760 - font-family: monospace, "Courier New";
761 -}
762 -code {
763 - background-color: #f9f9f9;
764 -}
765 -pre {
766 - padding: 1em;
767 - border: 1px dashed #2f6fab;
768 - color: black;
769 - background-color: #f9f9f9;
770 - line-height: 1.1em;
771 -}
772 -ul {
773 - line-height: 1.5em;
774 - list-style-type: square;
775 - margin: .3em 1.5em 0 0;
776 - padding: 0;
777 - /* @embed */
778 - list-style-image: url(images/bullet-icon.png?1);
779 -}
780 -ol {
781 - line-height: 1.5em;
782 - margin: .3em 3.2em 0 0;
783 - padding: 0;
784 - list-style-image: none;
785 -}
786 -li {
787 - margin-bottom: .1em;
788 -}
789 -dt {
790 - font-weight: bold;
791 - margin-bottom: .1em;
792 -}
793 -dl {
794 - margin-top: .2em;
795 - margin-bottom: .5em;
796 -}
797 -dd {
798 - line-height: 1.5em;
799 - margin-right: 2em;
800 - margin-bottom: .1em;
801 -}
802 -/* Tables */
803 -table {
804 - font-size: 100%;
805 - color: black;
806 - /* we don't want the bottom borders of <h2>s to be visible through
807 - * floated tables */
808 - background-color: white;
809 -}
810 -fieldset table {
811 - /* but keep table layouts in forms clean... */
812 - background: none;
813 -}
814 -/* Forms */
815 -fieldset {
816 - border: 1px solid #2f6fab;
817 - margin: 1em 0 1em 0;
818 - padding: 0 1em 1em;
819 - line-height: 1.5em;
820 -}
821 - fieldset.nested {
822 - margin: 0 0 0.5em 0;
823 - padding: 0 0.5em 0.5em;
824 - }
825 -legend {
826 - padding: .5em;
827 - font-size: 95%;
828 -}
829 -form {
830 - border: none;
831 - margin: 0;
832 -}
833 -textarea {
834 - width: 100%;
835 - padding: .1em;
836 -}
837 -select {
838 - vertical-align: top;
839 -}
840 -/* Table of Contents */
841 -#toc,
842 -.toc,
843 -.mw-warning {
844 - border: 1px solid #aaa;
845 - background-color: #f9f9f9;
846 - padding: 5px;
847 - font-size: 95%;
848 -}
849 -#toc h2,
850 -.toc h2 {
851 - display: inline;
852 - border: none;
853 - padding: 0;
854 - font-size: 100%;
855 - font-weight: bold;
856 -}
857 -#toc #toctitle,
858 -.toc #toctitle,
859 -#toc .toctitle,
860 -.toc .toctitle {
861 - text-align: center;
862 -}
863 -#toc ul,
864 -.toc ul {
865 - list-style-type: none;
866 - list-style-image: none;
867 - margin-right: 0;
868 - padding-right: 0;
869 - text-align: right;
870 -}
871 -#toc ul ul,
872 -.toc ul ul {
873 - margin: 0 2em 0 0;
874 -}
875 -#toc .toctoggle,
876 -.toc .toctoggle {
877 - font-size: 94%;
878 -}
879 -/* Images */
880 -div.floatright, table.floatright {
881 - clear: left;
882 - float: left;
883 - position: relative;
884 - margin: 0 .5em .5em 0;
885 - border: 0;
886 -}
887 -div.floatright p { font-style: italic; }
888 -div.floatleft, table.floatleft {
889 - float: right;
890 - clear: right;
891 - position: relative;
892 - margin: 0 0 .5em .5em;
893 - border: 0;
894 -}
895 -div.floatleft p { font-style: italic; }
896 -/* Thumbnails */
897 -div.thumb {
898 - margin-bottom: .5em;
899 - border-style: solid;
900 - border-color: white;
901 - width: auto;
902 - background-color: transparent;
903 -}
904 -div.thumbinner {
905 - border: 1px solid #ccc;
906 - padding: 3px !important;
907 - background-color: #f9f9f9;
908 - font-size: 94%;
909 - text-align: center;
910 - overflow: hidden;
911 -}
912 -html .thumbimage {
913 - border: 1px solid #ccc;
914 -}
915 -html .thumbcaption {
916 - border: none;
917 - text-align: right;
918 - line-height: 1.4em;
919 - padding: 3px !important;
920 - font-size: 94%;
921 -}
922 -div.magnify {
923 - float: left;
924 - border: none !important;
925 - background: none !important;
926 -}
927 -div.magnify a, div.magnify img {
928 - display: block;
929 - border: none !important;
930 - background: none !important;
931 -}
932 -/* @noflip */
933 -div.tright {
934 - clear: right;
935 - float: right;
936 - border-width: .5em 0 .8em 1.4em;
937 -}
938 -/* @noflip */
939 -div.tleft {
940 - float: left;
941 - clear: left;
942 - margin-right: .5em;
943 - border-width: .5em 1.4em .8em 0;
944 -}
945 -img.thumbborder {
946 - border: 1px solid #dddddd;
947 -}
948 -.hiddenStructure {
949 - display: none;
950 -}
951 -/* Warning */
952 -.mw-warning {
953 - margin-right: 50px;
954 - margin-left: 50px;
955 - text-align: center;
956 -}
957 -/* User Message */
958 -.usermessage {
959 - background-color: #ffce7b;
960 - border: 1px solid #ffa500;
961 - color: black;
962 - font-weight: bold;
963 - margin: 2em 0 1em;
964 - padding: .5em 1em;
965 - vertical-align: middle;
966 -}
967 -/* Site Notice (includes notices from CentralNotice extension) */
968 -#siteNotice {
969 - text-align: center;
970 - font-size: 0.8em;
971 - margin: 0;
972 -}
973 -#localNotice {
974 - margin-bottom: 0.9em;
975 -}
976 -/* Categories */
977 -.catlinks {
978 - border: 1px solid #aaa;
979 - background-color: #f9f9f9;
980 - padding: 5px;
981 - margin-top: 1em;
982 - clear: both;
983 -}
984 -/* Sub-navigation */
985 -#siteSub {
986 - display: none;
987 -}
988 -#jump-to-nav {
989 - display: none;
990 -}
991 -#contentSub, #contentSub2 {
992 - font-size: 84%;
993 - line-height: 1.2em;
994 - margin: 0 1em 1.4em 0;
995 - color: #7d7d7d;
996 - width: auto;
997 -}
998 -span.subpages {
999 - display: block;
1000 -}
1001 -/* Emulate Center */
1002 -.center {
1003 - width: 100%;
1004 - text-align: center;
1005 -}
1006 -*.center * {
1007 - margin-right: auto;
1008 - margin-left: auto;
1009 -}
1010 -/* Small for tables and similar */
1011 -.small, .small * {
1012 - font-size: 94%;
1013 -}
1014 -table.small {
1015 - font-size: 100%;
1016 -}
1017 -/* Edge Cases for Content */
1018 -h1, h2 {
1019 - margin-bottom: .6em;
1020 -}
1021 -h3, h4, h5 {
1022 - margin-bottom: .3em;
1023 -}
1024 -#firstHeading {
1025 - padding-top: 0;
1026 - margin-top: 0;
1027 - padding-top: 0;
1028 - margin-bottom: 0.1em;
1029 - line-height: 1.2em;
1030 - font-size: 1.6em;
1031 - padding-bottom: 0;
1032 -}
1033 -div#content a.external,
1034 -div#content a[href ^="gopher://"] {
1035 - /* @embed */
1036 - background: url(images/external-link-rtl-icon.png?2) center left no-repeat;
1037 - padding: 0 0 0 13px;
1038 -}
1039 -div#content a[href ^="https://"],
1040 -.link-https {
1041 - /* @embed */
1042 - background: url(images/lock-icon.png?2) center left no-repeat;
1043 - padding: 0 0 0 13px;
1044 -}
1045 -div#content a[href ^="mailto:"],
1046 -.link-mailto {
1047 - /* @embed */
1048 - background: url(images/mail-icon.png?2) center left no-repeat;
1049 - padding: 0 0 0 13px;
1050 -}
1051 -div#content a[href ^="news://"] {
1052 - /* @embed */
1053 - background: url(images/news-icon.png?2) center left no-repeat;
1054 - padding: 0 0 0 13px;
1055 -}
1056 -div#content a[href ^="ftp://"],
1057 -.link-ftp {
1058 - /* @embed */
1059 - background: url(images/file-icon.png?2) center left no-repeat;
1060 - padding: 0 0 0 13px;
1061 -}
1062 -div#content a[href ^="irc://"],
1063 -div#content a.extiw[href ^="irc://"],
1064 -.link-irc {
1065 - /* @embed */
1066 - background: url(images/talk-icon.png?2) center left no-repeat;
1067 - padding: 0 0 0 13px;
1068 -}
1069 -div#content a.external[href $=".ogg"], div#content a.external[href $=".OGG"],
1070 -div#content a.external[href $=".mid"], div#content a.external[href $=".MID"],
1071 -div#content a.external[href $=".midi"], div#content a.external[href $=".MIDI"],
1072 -div#content a.external[href $=".mp3"], div#content a.external[href $=".MP3"],
1073 -div#content a.external[href $=".wav"], div#content a.external[href $=".WAV"],
1074 -div#content a.external[href $=".wma"], div#content a.external[href $=".WMA"],
1075 -.link-audio {
1076 - /* @embed */
1077 - background: url("images/audio-icon.png?2") center left no-repeat;
1078 - padding: 0 0 0 13px;
1079 -}
1080 -div#content a.external[href $=".ogm"], div#content a.external[href $=".OGM"],
1081 -div#content a.external[href $=".avi"], div#content a.external[href $=".AVI"],
1082 -div#content a.external[href $=".mpeg"], div#content a.external[href $=".MPEG"],
1083 -div#content a.external[href $=".mpg"], div#content a.external[href $=".MPG"],
1084 -.link-video {
1085 - /* @embed */
1086 - background: url("images/video-icon.png?2") center left no-repeat;
1087 - padding: 0 0 0 13px;
1088 -}
1089 -div#content a.external[href $=".pdf"], div#content a.external[href $=".PDF"],
1090 -div#content a.external[href *=".pdf#"], div#content a.external[href *=".PDF#"],
1091 -div#content a.external[href *=".pdf?"], div#content a.external[href *=".PDF?"],
1092 -.link-document {
1093 - /* @embed */
1094 - background: url("images/document-icon.png?2") center left no-repeat;
1095 - padding: 0 0 0 13px;
1096 -}
1097 -/* Interwiki Styling (Disabled) */
1098 -div#content a.extiw,
1099 -div#content a.extiw:active {
1100 - color: #36b;
1101 - background: none;
1102 - padding: 0;
1103 -}
1104 -div#content a.external {
1105 - color: #36b;
1106 -}
1107 -div#content .printfooter {
1108 - display: none;
1109 -}
1110 -/* Icon for Usernames */
1111 -#pt-userpage,
1112 -#pt-anonuserpage,
1113 -#pt-login {
1114 - /* @embed */
1115 - background: url(images/user-icon.png?1) right top no-repeat;
1116 - padding-right: 15px !important;
1117 - text-transform: none;
1118 -}
1119 -
1120 -.toccolours {
1121 - border: 1px solid #aaa;
1122 - background-color: #f9f9f9;
1123 - padding: 5px;
1124 - font-size: 95%;
1125 -}
1126 -#bodyContent {
1127 - position: relative;
1128 - width: 100%;
1129 -}
1130 -#mw-js-message {
1131 - font-size: 0.8em;
1132 -}
1133 -div#bodyContent {
1134 - line-height: 1.5em;
1135 -}
1136 -
1137 -/* Watch/Unwatch Icon Styling */
1138 -#ca-unwatch.icon,
1139 -#ca-watch.icon {
1140 - margin-left:1px;
1141 -}
1142 -#ca-unwatch.icon a,
1143 -#ca-watch.icon a {
1144 - margin: 0;
1145 - padding: 0;
1146 - outline: none;
1147 - display: block;
1148 - width: 26px;
1149 - /* This hides the text but shows the background image */
1150 - padding-top: 3.1em;
1151 - height: 0;
1152 - overflow: hidden;
1153 -}
1154 -#ca-unwatch.icon a {
1155 - /* @embed */
1156 - background-image: url(images/watch-icons.png?1);
1157 - background-position: -43px 60%;
1158 -}
1159 -#ca-watch.icon a {
1160 - /* @embed */
1161 - background-image: url(images/watch-icons.png?1);
1162 - background-position: 5px 60%;
1163 -}
1164 -#ca-unwatch.icon a:hover,
1165 -#ca-unwatch.icon a:focus {
1166 - /* @embed */
1167 - background-image: url(images/watch-icons.png?1);
1168 - background-position: -67px 60%;
1169 -}
1170 -#ca-watch.icon a:hover,
1171 -#ca-watch.icon a:focus {
1172 - /* @embed */
1173 - background-image: url(images/watch-icons.png?1);
1174 - background-position: -19px 60%;
1175 -}
1176 -#ca-unwatch.icon a.loading,
1177 -#ca-watch.icon a.loading {
1178 - /* @embed */
1179 - background-image: url(images/watch-icon-loading.gif?1);
1180 - background-position: center 60%;
1181 -}
1182 -#ca-unwatch.icon a span,
1183 -#ca-watch.icon a span {
1184 - display: none;
1185 -}
1186 -div.vectorTabs ul {
1187 - /* @embed */
1188 - background-image:url(images/tab-break.png?1);
1189 - background-position:left bottom;
1190 - background-repeat:no-repeat;
1191 -}
1192 -
1193 -/* Convenience links to edit block, delete and protect reasons */
1194 -p.mw-ipb-conveniencelinks, p.mw-protect-editreasons,
1195 -p.mw-filedelete-editreasons, p.mw-delete-editreasons {
1196 - float: left;
1197 -}
Index: trunk/phase3/skins/vector/Makefile
——@@ -1,18 +0,0 @@
2 -#
3 -# Handy makefile to build the RTL variant with cssjanus
4 -#
5 -
6 -all: main-rtl.css
7 -
8 -main-rtl.css: main-ltr.css ../../maintenance/cssjanus/cssjanus.py
9 - python ../../maintenance/cssjanus/cssjanus.py --swap_ltr_rtl_in_url < main-ltr.css > main-rtl.css
10 -
11 -# SVN version is broken; checking in our own.
12 -#../../maintenance/cssjanus/cssjanus.py:
13 -# svn co http://cssjanus.googlecode.com/svn/trunk ../maintenance/cssjanus
14 -
15 -#distclean: clean
16 -# rm -rf cssjanus
17 -
18 -clean:
19 - rm -f main-rtl.css
Index: trunk/phase3/skins/vector/screen.css
——@@ -0,0 +1,1185 @@
 2+/*
 3+ * Any rules which should not be flipped automatically in right-to-left situations should be prepended with @noflip in
 4+ * a comment block. Images that should be embedded as base64 data-URLs should be prepended with @embed in a comment
 5+ * block.
 6+ */
 7+/* Framework */
 8+html,
 9+body {
 10+ height: 100%;
 11+ margin: 0;
 12+ padding: 0;
 13+ font-family: sans-serif;
 14+ font-size: 1em;
 15+}
 16+body {
 17+ background-color: #f3f3f3;
 18+ /* @embed */
 19+ background-image: url(images/page-base.png?1);
 20+}
 21+/* Content */
 22+div#content {
 23+ margin-left: 10em;
 24+ padding: 1em;
 25+ /* @embed */
 26+ background-image: url(images/border.png?1);
 27+ background-position: top left;
 28+ background-repeat: repeat-y;
 29+ background-color: white;
 30+ color: black;
 31+ direction: ltr;
 32+}
 33+/* Head */
 34+#mw-page-base {
 35+ height: 5em;
 36+ background-color: white;
 37+ /* @embed */
 38+ background-image: url(images/page-fade.png?1);
 39+ background-position: bottom left;
 40+ background-repeat: repeat-x;
 41+}
 42+#mw-head-base {
 43+ margin-top: -5em;
 44+ margin-left: 10em;
 45+ height: 5em;
 46+ /* @embed */
 47+ background-image: url(images/border.png?1);
 48+ background-position: bottom left;
 49+ background-repeat: repeat-x;
 50+}
 51+div#mw-head {
 52+ position: absolute;
 53+ top: 0;
 54+ right: 0;
 55+ width: 100%;
 56+}
 57+div#mw-head h5 {
 58+ margin: 0;
 59+ padding: 0;
 60+}
 61+ /* Hide empty portlets */
 62+ div.emptyPortlet {
 63+ display: none;
 64+ }
 65+ /* Personal */
 66+ #p-personal {
 67+ position: absolute;
 68+ top: 0;
 69+ padding-left: 10em;
 70+ right: 0.75em;
 71+ }
 72+ #p-personal h5 {
 73+ display: none;
 74+ }
 75+ #p-personal ul {
 76+ list-style: none;
 77+ margin: 0;
 78+ padding: 0;
 79+ }
 80+ /* @noflip */
 81+ #p-personal li {
 82+ line-height: 1.125em;
 83+ float: left;
 84+ }
 85+ /* This one flips! */
 86+ #p-personal li {
 87+ margin-left: 0.75em;
 88+ margin-top: 0.5em;
 89+ font-size: 0.75em;
 90+ white-space: nowrap;
 91+ }
 92+ /* Navigation Containers */
 93+ #left-navigation {
 94+ position: absolute;
 95+ left: 10em;
 96+ top: 2.5em;
 97+ }
 98+ #right-navigation {
 99+ float: right;
 100+ margin-top: 2.5em;
 101+ }
 102+ /* Navigation Labels */
 103+ div.vectorTabs h5,
 104+ div.vectorMenu h5 span {
 105+ display: none;
 106+ }
 107+ /* Namespaces and Views */
 108+ /* @noflip */
 109+ div.vectorTabs {
 110+ float: left;
 111+ height: 2.5em;
 112+ }
 113+ div.vectorTabs {
 114+ /* @embed */
 115+ background-image: url(images/tab-break.png?1);
 116+ background-position: bottom left;
 117+ background-repeat: no-repeat;
 118+ padding-left: 1px;
 119+ }
 120+ /* @noflip */
 121+ div.vectorTabs ul {
 122+ float: left;
 123+ }
 124+ div.vectorTabs ul {
 125+ height: 100%;
 126+ list-style: none;
 127+ margin: 0;
 128+ padding: 0;
 129+ }
 130+ /* @noflip */
 131+ div.vectorTabs ul li {
 132+ float: left;
 133+ }
 134+ /* OVERRIDDEN BY COMPLIANT BROWSERS */
 135+ div.vectorTabs ul li {
 136+ line-height: 1.125em;
 137+ display: inline-block;
 138+ height: 100%;
 139+ margin: 0;
 140+ padding: 0;
 141+ background-color: #f3f3f3;
 142+ /* @embed */
 143+ background-image: url(images/tab-normal-fade.png?1);
 144+ background-position: bottom left;
 145+ background-repeat: repeat-x;
 146+ white-space:nowrap;
 147+ }
 148+ /* IGNORED BY IE6 */
 149+ div.vectorTabs ul > li {
 150+ display: block;
 151+ }
 152+ div.vectorTabs li.selected {
 153+ /* @embed */
 154+ background-image: url(images/tab-current-fade.png?1);
 155+ }
 156+ /* OVERRIDDEN BY COMPLIANT BROWSERS */
 157+ div.vectorTabs li a {
 158+ display: inline-block;
 159+ height: 1.9em;
 160+ padding-left: 0.5em;
 161+ padding-right: 0.5em;
 162+ /* @embed */
 163+ background-image: url(images/tab-break.png?1);
 164+ background-position: bottom right;
 165+ background-repeat: no-repeat;
 166+ }
 167+ div.vectorTabs li a{
 168+ color: #0645ad;
 169+ cursor: pointer;
 170+ }
 171+ div.vectorTabs li a {
 172+ font-size: 0.8em;
 173+ }
 174+ /* IGNORED BY IE6 */
 175+ div.vectorTabs li > a {
 176+ display: block;
 177+ }
 178+ /* OVERRIDDEN BY COMPLIANT BROWSERS */
 179+ div.vectorTabs span a {
 180+ display: inline-block;
 181+ padding-top: 1.25em;
 182+ }
 183+ /* IGNORED BY IE6 */
 184+ /* @noflip */
 185+ div.vectorTabs span > a {
 186+ float: left;
 187+ display: block;
 188+ }
 189+ div.vectorTabs li.selected a,
 190+ div.vectorTabs li.selected a:visited{
 191+ color: #333333;
 192+ text-decoration: none;
 193+ }
 194+ div.vectorTabs li.new a,
 195+ div.vectorTabs li.new a:visited{
 196+ color: #a55858;
 197+ }
 198+ /* Variants and Actions */
 199+ /* @noflip */
 200+ div.vectorMenu {
 201+ direction: ltr;
 202+ float: left;
 203+ /* @embed */
 204+ background-image: url(images/arrow-down-icon.png?1);
 205+ background-position: 100% 60%;
 206+ background-repeat: no-repeat;
 207+ cursor: pointer;
 208+ }
 209+ /* @noflip */
 210+ body.rtl div.vectorMenu {
 211+ direction: rtl;
 212+ }
 213+ /* OVERRIDDEN BY COMPLIANT BROWSERS */
 214+ /* @noflip */
 215+ div#mw-head div.vectorMenu h5 {
 216+ float: left;
 217+ /* @embed */
 218+ background-image: url(images/tab-break.png?1);
 219+ background-repeat: no-repeat;
 220+ }
 221+ /* IGNORED BY IE6 */
 222+ div#mw-head div.vectorMenu > h5 {
 223+ background-image: none;
 224+ }
 225+ div#mw-head div.vectorMenu h5 {
 226+ background-position: bottom left;
 227+ margin-left: -1px;
 228+ }
 229+ div#mw-head div.vectorMenu h4 {
 230+ display: inline-block;
 231+ float: left;
 232+ font-size: 0.8em;
 233+ padding-left: 0.5em;
 234+ padding-top: 1.375em;
 235+ font-weight: normal;
 236+ border: none;
 237+ }
 238+ /* OVERRIDDEN BY COMPLIANT BROWSERS */
 239+ /* @noflip */
 240+ div.vectorMenu h5 a {
 241+ display: inline-block;
 242+ width: 24px;
 243+ height: 2.5em;
 244+ text-decoration: none;
 245+ /* @embed */
 246+ background-image: url(images/tab-break.png?1);
 247+ background-repeat: no-repeat;
 248+ }
 249+ div.vectorMenu h5 a{
 250+ background-position: bottom right;
 251+ }
 252+ /* IGNORED BY IE6 */
 253+ div.vectorMenu h5 > a {
 254+ display: block;
 255+ }
 256+ div.vectorMenu div.menu {
 257+ position: relative;
 258+ display: none;
 259+ clear: both;
 260+ text-align: left;
 261+ }
 262+ /* OVERRIDDEN BY COMPLIANT BROWSERS */
 263+ /* @noflip */
 264+ body.rtl div.vectorMenu div.menu {
 265+ margin-left: 24px;
 266+ }
 267+ /* IGNORED BY IE6 */
 268+ /* @noflip */
 269+ body.rtl div.vectorMenu > div.menu {
 270+ margin-left: auto;
 271+ }
 272+ /* Fixes old versions of FireFox */
 273+ /* @noflip */
 274+ body.rtl div.vectorMenu > div.menu,
 275+ x:-moz-any-link {
 276+ margin-left: 23px;
 277+ }
 278+ div.vectorMenu:hover div.menu {
 279+ display: block;
 280+ }
 281+ div.vectorMenu ul {
 282+ position: absolute;
 283+ background-color: white;
 284+ border: solid 1px silver;
 285+ border-top-width: 0;
 286+ list-style: none;
 287+ list-style-image: none;
 288+ list-style-type: none;
 289+ padding: 0;
 290+ margin: 0;
 291+ margin-left: -1px;
 292+ text-align: left;
 293+ }
 294+ /* Fixes old versions of FireFox */
 295+ div.vectorMenu ul,
 296+ x:-moz-any-link {
 297+ min-width: 5em;
 298+ }
 299+ /* Returns things back to normal in modern versions of FireFox */
 300+ div.vectorMenu ul,
 301+ x:-moz-any-link,
 302+ x:default {
 303+ min-width: 0;
 304+ }
 305+ div.vectorMenu li {
 306+ padding: 0;
 307+ margin: 0;
 308+ text-align: left;
 309+ line-height: 1em;
 310+ }
 311+ /* OVERRIDDEN BY COMPLIANT BROWSERS */
 312+ div.vectorMenu li a {
 313+ display: inline-block;
 314+ padding: 0.5em;
 315+ white-space: nowrap;
 316+ }
 317+ /* IGNORED BY IE6 */
 318+ div.vectorMenu li > a {
 319+ display: block;
 320+ }
 321+ div.vectorMenu li a {
 322+ color: #0645ad;
 323+ cursor: pointer;
 324+ font-size: 0.8em;
 325+ }
 326+ div.vectorMenu li.selected a,
 327+ div.vectorMenu li.selected a:visited {
 328+ color: #333333;
 329+ text-decoration: none;
 330+ }
 331+ /* Search */
 332+ #p-search h5 {
 333+ display: none;
 334+ }
 335+ /* @noflip */
 336+ #p-search {
 337+ float: left;
 338+ }
 339+ #p-search {
 340+ margin-right: 0.5em;
 341+ margin-left: 0.5em;
 342+ }
 343+ #p-search form,
 344+ #p-search input {
 345+ margin: 0;
 346+ margin-top: 0.4em;
 347+ }
 348+ div#simpleSearch {
 349+ margin-top: 0.65em;
 350+ position: relative;
 351+ min-height: 1px; /* Gotta trigger hasLayout for IE7 */
 352+ border: solid 1px #AAAAAA;
 353+ background-color: white;
 354+ /* @embed */
 355+ background-image: url(images/search-fade.png?1);
 356+ background-position: top left;
 357+ background-repeat: repeat-x;
 358+ }
 359+ div#simpleSearch label {
 360+ /*
 361+ * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
 362+ * this from ever being shown anyways.
 363+ */
 364+ font-size: 13px;
 365+ top: 0.25em;
 366+ }
 367+ div#simpleSearch .placeholder {
 368+ color: #999999;
 369+ }
 370+ div#simpleSearch input::-webkit-input-placeholder {
 371+ color: #999999;
 372+ }
 373+ div#simpleSearch input#searchInput {
 374+ margin: 0;
 375+ border-width: 0;
 376+ padding: 3px;
 377+ vertical-align: top;
 378+ /*
 379+ * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
 380+ * this from ever being shown anyways.
 381+ */
 382+ font-size: 13px;
 383+ width: 14em;
 384+ background-color: transparent;
 385+ }
 386+ /* OVERRIDDEN BY COMPLIANT BROWSERS */
 387+ div#simpleSearch button#searchButton {
 388+ padding: 0;
 389+ margin: 0 5px;
 390+ border: none;
 391+ cursor: pointer;
 392+ background-color: transparent;
 393+ font-size: x-small;
 394+ }
 395+ div#simpleSearch button#searchButton img {
 396+ border: none;
 397+ margin: 0;
 398+ padding: 0;
 399+ vertical-align: middle;
 400+ }
 401+/* Panel */
 402+div#mw-panel {
 403+ position: absolute;
 404+ top: 160px;
 405+ padding-top: 1em;
 406+ width: 10em;
 407+ left: 0;
 408+}
 409+ div#mw-panel div.portal {
 410+ padding-bottom: 1.5em;
 411+ direction: ltr;
 412+ }
 413+ div#mw-panel div.portal h5 {
 414+ font-weight: normal;
 415+ color: #444444;
 416+ padding: 0.25em;
 417+ padding-top: 0;
 418+ padding-left: 1.75em;
 419+ cursor: default;
 420+ border: none;
 421+ font-size: 0.75em;
 422+ }
 423+ div#mw-panel div.portal div.body {
 424+ margin: 0;
 425+ padding-top: 0.5em;
 426+ margin-left: 1.25em;
 427+ /* @embed */
 428+ background-image: url(images/portal-break.png?1);
 429+ background-repeat: no-repeat;
 430+ background-position: top left;
 431+ }
 432+ div#mw-panel div.portal div.body ul {
 433+ list-style: none;
 434+ list-style-image: none;
 435+ list-style-type: none;
 436+ padding: 0;
 437+ margin: 0;
 438+ }
 439+ div#mw-panel div.portal div.body ul li {
 440+ line-height: 1.125em;
 441+ padding: 0;
 442+ padding-bottom: 0.5em;
 443+ margin: 0;
 444+ overflow: hidden;
 445+ font-size: 0.75em;
 446+ }
 447+ div#mw-panel div.portal div.body ul li a {
 448+ color: #0645ad;
 449+ }
 450+ div#mw-panel div.portal div.body ul li a:visited {
 451+ color: #0b0080;
 452+ }
 453+/* Footer */
 454+div#footer {
 455+ margin-left: 10em;
 456+ margin-top: 0;
 457+ padding: 0.75em;
 458+ /* @embed */
 459+ background-image: url(images/border.png?1);
 460+ background-position: top left;
 461+ background-repeat: repeat-x;
 462+ direction: ltr;
 463+}
 464+div#footer ul {
 465+ list-style: none;
 466+ list-style-image: none;
 467+ list-style-type: none;
 468+ margin: 0;
 469+ padding: 0;
 470+}
 471+div#footer ul li {
 472+ margin: 0;
 473+ padding: 0;
 474+ padding-top: 0.5em;
 475+ padding-bottom: 0.5em;
 476+ color: #333333;
 477+ font-size: 0.7em;
 478+}
 479+div#footer #footer-icons {
 480+ float: right;
 481+}
 482+/* @noflip */
 483+body.ltr div#footer #footer-places {
 484+ float: left;
 485+}
 486+div#footer #footer-info li {
 487+ line-height: 1.4em;
 488+}
 489+div#footer #footer-icons li {
 490+ float: left;
 491+ margin-left: 0.5em;
 492+ line-height: 2em;
 493+}
 494+div#footer #footer-places li {
 495+ float: left;
 496+ margin-right: 1em;
 497+ line-height: 2em;
 498+}
 499+/* Logo */
 500+#p-logo {
 501+ position: absolute;
 502+ top: -160px;
 503+ left: 0;
 504+ width: 10em;
 505+ height: 160px;
 506+}
 507+#p-logo a {
 508+ display: block;
 509+ width: 10em;
 510+ height: 160px;
 511+ background-repeat: no-repeat;
 512+ background-position: center center;
 513+ text-decoration: none;
 514+}
 515+
 516+/*
 517+ *
 518+ * The following code is highly modified from monobook. It would be nice if the
 519+ * preftoc id was more human readable like preferences-toc for instance,
 520+ * howerver this would require backporting the other skins.
 521+ */
 522+
 523+/* Preferences */
 524+#preftoc {
 525+ /* Tabs */
 526+ width: 100%;
 527+ float: left;
 528+ clear: both;
 529+ margin: 0 !important;
 530+ padding: 0 !important;
 531+ /* @embed */
 532+ background-image: url(images/preferences-break.png?1);
 533+ background-position: bottom left;
 534+ background-repeat: no-repeat;
 535+}
 536+ #preftoc li {
 537+ /* Tab */
 538+ float: left;
 539+ margin: 0;
 540+ padding: 0;
 541+ padding-right: 1px;
 542+ height: 2.25em;
 543+ white-space: nowrap;
 544+ list-style-type: none;
 545+ list-style-image: none;
 546+ /* @embed */
 547+ background-image: url(images/preferences-break.png?1);
 548+ background-position: bottom right;
 549+ background-repeat: no-repeat;
 550+ }
 551+ /* IGNORED BY IE6 */
 552+ #preftoc li:first-child {
 553+ margin-left: 1px;
 554+ }
 555+ #preftoc a,
 556+ #preftoc a:active {
 557+ display: inline-block;
 558+ position: relative;
 559+ color: #0645ad;
 560+ padding: 0.5em;
 561+ text-decoration: none;
 562+ background-image: none;
 563+ font-size: 0.9em;
 564+ }
 565+ #preftoc a:hover,
 566+ #preftoc a:focus {
 567+ text-decoration: underline;
 568+ }
 569+ #preftoc li.selected a {
 570+ /* @embed */
 571+ background-image: url(images/preferences-fade.png?1);
 572+ background-position: bottom;
 573+ background-repeat: repeat-x;
 574+ color: #333333;
 575+ text-decoration: none;
 576+ }
 577+#preferences {
 578+ float: left;
 579+ width: 100%;
 580+ margin: 0;
 581+ margin-top: -2px;
 582+ clear: both;
 583+ border: solid 1px #cccccc;
 584+ background-color: #f9f9f9;
 585+ /* @embed */
 586+ background-image: url(images/preferences-base.png?1);
 587+}
 588+#preferences fieldset.prefsection {
 589+ border: none;
 590+ padding: 0;
 591+ margin: 1em;
 592+}
 593+#preferences fieldset.prefsection fieldset {
 594+ border: none;
 595+ border-top: solid 1px #cccccc;
 596+}
 597+#preferences legend {
 598+ color: #666666;
 599+}
 600+#preferences fieldset.prefsection legend.mainLegend {
 601+ display: none;
 602+}
 603+#preferences td {
 604+ padding-left: 0.5em;
 605+ padding-right: 0.5em;
 606+}
 607+#preferences td.htmlform-tip {
 608+ font-size: x-small;
 609+ padding: .2em 2em;
 610+ color: #666666;
 611+}
 612+#preferences div.mw-prefs-buttons {
 613+ padding: 1em;
 614+}
 615+#preferences div.mw-prefs-buttons input {
 616+ margin-right: 0.25em;
 617+}
 618+
 619+/*
 620+ * Styles for the user login and create account forms
 621+ */
 622+#userlogin, #userloginForm {
 623+ border: solid 1px #cccccc;
 624+ padding: 1.2em;
 625+ margin: .5em;
 626+ float: left;
 627+}
 628+
 629+#userlogin {
 630+ min-width: 20em;
 631+ max-width: 90%;
 632+ width: 40em;
 633+}
 634+
 635+/*
 636+ *
 637+ * The following code is slightly modified from monobook
 638+ *
 639+ */
 640+div#content {
 641+ line-height: 1.5em;
 642+}
 643+#bodyContent {
 644+ font-size: 0.8em;
 645+}
 646+/* Links */
 647+a {
 648+ text-decoration: none;
 649+ color: #0645ad;
 650+ background: none;
 651+}
 652+a:visited {
 653+ color: #0b0080;
 654+}
 655+a:active {
 656+ color: #faa700;
 657+}
 658+a:hover, a:focus {
 659+ text-decoration: underline;
 660+}
 661+a.stub {
 662+ color: #772233;
 663+}
 664+a.new, #p-personal a.new {
 665+ color: #ba0000;
 666+}
 667+a.new:visited, #p-personal a.new:visited {
 668+ color: #a55858;
 669+}
 670+
 671+/* Inline Elements */
 672+img {
 673+ border: none;
 674+ vertical-align: middle;
 675+}
 676+hr {
 677+ height: 1px;
 678+ color: #aaa;
 679+ background-color: #aaa;
 680+ border: 0;
 681+ margin: .2em 0 .2em 0;
 682+}
 683+
 684+/* Structural Elements */
 685+h1,
 686+h2,
 687+h3,
 688+h4,
 689+h5,
 690+h6 {
 691+ color: black;
 692+ background: none;
 693+ font-weight: normal;
 694+ margin: 0;
 695+ padding-top: .5em;
 696+ padding-bottom: .17em;
 697+ border-bottom: 1px solid #aaa;
 698+ width: auto;
 699+}
 700+h1 { font-size: 188%; }
 701+h1 .editsection { font-size: 53%; }
 702+h2 { font-size: 150%; }
 703+h2 .editsection { font-size: 67%; }
 704+h3,
 705+h4,
 706+h5,
 707+h6 {
 708+ border-bottom: none;
 709+ font-weight: bold;
 710+}
 711+h3 { font-size: 132%; }
 712+h3 .editsection { font-size: 76%; font-weight: normal; }
 713+h4 { font-size: 116%; }
 714+h4 .editsection { font-size: 86%; font-weight: normal; }
 715+h5 { font-size: 100%; }
 716+h5 .editsection { font-weight: normal; }
 717+h6 { font-size: 80%; }
 718+h6 .editsection { font-size: 125%; font-weight: normal; }
 719+.editsection { float: right; }
 720+p {
 721+ margin: .4em 0 .5em 0;
 722+ line-height: 1.5em;
 723+}
 724+ p img {
 725+ margin: 0;
 726+ }
 727+abbr,
 728+acronym,
 729+.explain {
 730+ border-bottom: 1px dotted black;
 731+ color: black;
 732+ background: none;
 733+ cursor: help;
 734+}
 735+q {
 736+ font-family: Times, "Times New Roman", serif;
 737+ font-style: italic;
 738+}
 739+/* Disabled for now
 740+blockquote {
 741+ font-family: Times, "Times New Roman", serif;
 742+ font-style: italic;
 743+}*/
 744+pre, code, tt {
 745+ /*
 746+ * It's important for this rule to first reference an actual font name, some browsers will render the monospace text
 747+ * too small otherwise, namely Firefox, Chrome and Safari
 748+ */
 749+ font-family: monospace, "Courier New";
 750+}
 751+code {
 752+ background-color: #f9f9f9;
 753+}
 754+pre {
 755+ padding: 1em;
 756+ border: 1px dashed #2f6fab;
 757+ color: black;
 758+ background-color: #f9f9f9;
 759+ line-height: 1.1em;
 760+}
 761+ul {
 762+ line-height: 1.5em;
 763+ list-style-type: square;
 764+ margin: .3em 0 0 1.5em;
 765+ padding: 0;
 766+ /* @embed */
 767+ list-style-image: url(images/bullet-icon.png?1);
 768+}
 769+ol {
 770+ line-height: 1.5em;
 771+ margin: .3em 0 0 3.2em;
 772+ padding: 0;
 773+ list-style-image: none;
 774+}
 775+li {
 776+ margin-bottom: .1em;
 777+}
 778+dt {
 779+ font-weight: bold;
 780+ margin-bottom: .1em;
 781+}
 782+dl {
 783+ margin-top: .2em;
 784+ margin-bottom: .5em;
 785+}
 786+dd {
 787+ line-height: 1.5em;
 788+ margin-left: 2em;
 789+ margin-bottom: .1em;
 790+}
 791+/* Tables */
 792+table {
 793+ font-size: 100%;
 794+ color: black;
 795+ /* we don't want the bottom borders of <h2>s to be visible through
 796+ * floated tables */
 797+ background-color: white;
 798+}
 799+fieldset table {
 800+ /* but keep table layouts in forms clean... */
 801+ background: none;
 802+}
 803+/* Forms */
 804+fieldset {
 805+ border: 1px solid #2f6fab;
 806+ margin: 1em 0 1em 0;
 807+ padding: 0 1em 1em;
 808+ line-height: 1.5em;
 809+}
 810+ fieldset.nested {
 811+ margin: 0 0 0.5em 0;
 812+ padding: 0 0.5em 0.5em;
 813+ }
 814+legend {
 815+ padding: .5em;
 816+ font-size: 95%;
 817+}
 818+form {
 819+ border: none;
 820+ margin: 0;
 821+}
 822+textarea {
 823+ width: 100%;
 824+ padding: .1em;
 825+}
 826+select {
 827+ vertical-align: top;
 828+}
 829+/* Table of Contents */
 830+#toc,
 831+.toc,
 832+.mw-warning {
 833+ border: 1px solid #aaa;
 834+ background-color: #f9f9f9;
 835+ padding: 5px;
 836+ font-size: 95%;
 837+}
 838+#toc h2,
 839+.toc h2 {
 840+ display: inline;
 841+ border: none;
 842+ padding: 0;
 843+ font-size: 100%;
 844+ font-weight: bold;
 845+}
 846+#toc #toctitle,
 847+.toc #toctitle,
 848+#toc .toctitle,
 849+.toc .toctitle {
 850+ text-align: center;
 851+}
 852+#toc ul,
 853+.toc ul {
 854+ list-style-type: none;
 855+ list-style-image: none;
 856+ margin-left: 0;
 857+ padding-left: 0;
 858+ text-align: left;
 859+}
 860+#toc ul ul,
 861+.toc ul ul {
 862+ margin: 0 0 0 2em;
 863+}
 864+#toc .toctoggle,
 865+.toc .toctoggle {
 866+ font-size: 94%;
 867+}
 868+/* Images */
 869+div.floatright, table.floatright {
 870+ clear: right;
 871+ float: right;
 872+ position: relative;
 873+ margin: 0 0 .5em .5em;
 874+ border: 0;
 875+}
 876+div.floatright p { font-style: italic; }
 877+div.floatleft, table.floatleft {
 878+ float: left;
 879+ clear: left;
 880+ position: relative;
 881+ margin: 0 .5em .5em 0;
 882+ border: 0;
 883+}
 884+div.floatleft p { font-style: italic; }
 885+/* Thumbnails */
 886+div.thumb {
 887+ margin-bottom: .5em;
 888+ border-style: solid;
 889+ border-color: white;
 890+ width: auto;
 891+ background-color: transparent;
 892+}
 893+div.thumbinner {
 894+ border: 1px solid #ccc;
 895+ padding: 3px !important;
 896+ background-color: #f9f9f9;
 897+ font-size: 94%;
 898+ text-align: center;
 899+ overflow: hidden;
 900+}
 901+html .thumbimage {
 902+ border: 1px solid #ccc;
 903+}
 904+html .thumbcaption {
 905+ border: none;
 906+ text-align: left;
 907+ line-height: 1.4em;
 908+ padding: 3px !important;
 909+ font-size: 94%;
 910+}
 911+div.magnify {
 912+ float: right;
 913+ border: none !important;
 914+ background: none !important;
 915+}
 916+div.magnify a, div.magnify img {
 917+ display: block;
 918+ border: none !important;
 919+ background: none !important;
 920+}
 921+/* @noflip */
 922+div.tright {
 923+ clear: right;
 924+ float: right;
 925+ border-width: .5em 0 .8em 1.4em;
 926+}
 927+/* @noflip */
 928+div.tleft {
 929+ float: left;
 930+ clear: left;
 931+ margin-right: .5em;
 932+ border-width: .5em 1.4em .8em 0;
 933+}
 934+img.thumbborder {
 935+ border: 1px solid #dddddd;
 936+}
 937+.hiddenStructure {
 938+ display: none;
 939+}
 940+/* Warning */
 941+.mw-warning {
 942+ margin-left: 50px;
 943+ margin-right: 50px;
 944+ text-align: center;
 945+}
 946+/* User Message */
 947+.usermessage {
 948+ background-color: #ffce7b;
 949+ border: 1px solid #ffa500;
 950+ color: black;
 951+ font-weight: bold;
 952+ margin: 2em 0 1em;
 953+ padding: .5em 1em;
 954+ vertical-align: middle;
 955+}
 956+/* Site Notice (includes notices from CentralNotice extension) */
 957+#siteNotice {
 958+ text-align: center;
 959+ font-size: 0.8em;
 960+ margin: 0;
 961+}
 962+#localNotice {
 963+ margin-bottom: 0.9em;
 964+}
 965+/* Categories */
 966+.catlinks {
 967+ border: 1px solid #aaa;
 968+ background-color: #f9f9f9;
 969+ padding: 5px;
 970+ margin-top: 1em;
 971+ clear: both;
 972+}
 973+/* Sub-navigation */
 974+#siteSub {
 975+ display: none;
 976+}
 977+#jump-to-nav {
 978+ display: none;
 979+}
 980+#contentSub, #contentSub2 {
 981+ font-size: 84%;
 982+ line-height: 1.2em;
 983+ margin: 0 0 1.4em 1em;
 984+ color: #7d7d7d;
 985+ width: auto;
 986+}
 987+span.subpages {
 988+ display: block;
 989+}
 990+/* Emulate Center */
 991+.center {
 992+ width: 100%;
 993+ text-align: center;
 994+}
 995+*.center * {
 996+ margin-left: auto;
 997+ margin-right: auto;
 998+}
 999+/* Small for tables and similar */
 1000+.small, .small * {
 1001+ font-size: 94%;
 1002+}
 1003+table.small {
 1004+ font-size: 100%;
 1005+}
 1006+/* Edge Cases for Content */
 1007+h1, h2 {
 1008+ margin-bottom: .6em;
 1009+}
 1010+h3, h4, h5 {
 1011+ margin-bottom: .3em;
 1012+}
 1013+#firstHeading {
 1014+ padding-top: 0;
 1015+ margin-top: 0;
 1016+ padding-top: 0;
 1017+ margin-bottom: 0.1em;
 1018+ line-height: 1.2em;
 1019+ font-size: 1.6em;
 1020+ padding-bottom: 0;
 1021+}
 1022+div#content a.external,
 1023+div#content a[href ^="gopher://"] {
 1024+ /* @embed */
 1025+ background: url(images/external-link-ltr-icon.png?2) center right no-repeat;
 1026+ padding: 0 13px 0 0;
 1027+}
 1028+div#content a[href ^="https://"],
 1029+.link-https {
 1030+ /* @embed */
 1031+ background: url(images/lock-icon.png?2) center right no-repeat;
 1032+ padding: 0 13px 0 0;
 1033+}
 1034+div#content a[href ^="mailto:"],
 1035+.link-mailto {
 1036+ /* @embed */
 1037+ background: url(images/mail-icon.png?2) center right no-repeat;
 1038+ padding: 0 13px 0 0;
 1039+}
 1040+div#content a[href ^="news://"] {
 1041+ /* @embed */
 1042+ background: url(images/news-icon.png?2) center right no-repeat;
 1043+ padding: 0 13px 0 0;
 1044+}
 1045+div#content a[href ^="ftp://"],
 1046+.link-ftp {
 1047+ /* @embed */
 1048+ background: url(images/file-icon.png?2) center right no-repeat;
 1049+ padding: 0 13px 0 0;
 1050+}
 1051+div#content a[href ^="irc://"],
 1052+div#content a.extiw[href ^="irc://"],
 1053+.link-irc {
 1054+ /* @embed */
 1055+ background: url(images/talk-icon.png?2) center right no-repeat;
 1056+ padding: 0 13px 0 0;
 1057+}
 1058+div#content a.external[href $=".ogg"], div#content a.external[href $=".OGG"],
 1059+div#content a.external[href $=".mid"], div#content a.external[href $=".MID"],
 1060+div#content a.external[href $=".midi"], div#content a.external[href $=".MIDI"],
 1061+div#content a.external[href $=".mp3"], div#content a.external[href $=".MP3"],
 1062+div#content a.external[href $=".wav"], div#content a.external[href $=".WAV"],
 1063+div#content a.external[href $=".wma"], div#content a.external[href $=".WMA"],
 1064+.link-audio {
 1065+ /* @embed */
 1066+ background: url("images/audio-icon.png?2") center right no-repeat;
 1067+ padding: 0 13px 0 0;
 1068+}
 1069+div#content a.external[href $=".ogm"], div#content a.external[href $=".OGM"],
 1070+div#content a.external[href $=".avi"], div#content a.external[href $=".AVI"],
 1071+div#content a.external[href $=".mpeg"], div#content a.external[href $=".MPEG"],
 1072+div#content a.external[href $=".mpg"], div#content a.external[href $=".MPG"],
 1073+.link-video {
 1074+ /* @embed */
 1075+ background: url("images/video-icon.png?2") center right no-repeat;
 1076+ padding: 0 13px 0 0;
 1077+}
 1078+div#content a.external[href $=".pdf"], div#content a.external[href $=".PDF"],
 1079+div#content a.external[href *=".pdf#"], div#content a.external[href *=".PDF#"],
 1080+div#content a.external[href *=".pdf?"], div#content a.external[href *=".PDF?"],
 1081+.link-document {
 1082+ /* @embed */
 1083+ background: url("images/document-icon.png?2") center right no-repeat;
 1084+ padding: 0 13px 0 0;
 1085+}
 1086+/* Interwiki Styling (Disabled) */
 1087+div#content a.extiw,
 1088+div#content a.extiw:active {
 1089+ color: #36b;
 1090+ background: none;
 1091+ padding: 0;
 1092+}
 1093+div#content a.external {
 1094+ color: #36b;
 1095+}
 1096+div#content .printfooter {
 1097+ display: none;
 1098+}
 1099+/* Icon for Usernames */
 1100+#pt-userpage,
 1101+#pt-anonuserpage,
 1102+#pt-login {
 1103+ /* @embed */
 1104+ background: url(images/user-icon.png?1) left top no-repeat;
 1105+ padding-left: 15px !important;
 1106+ text-transform: none;
 1107+}
 1108+
 1109+.toccolours {
 1110+ border: 1px solid #aaa;
 1111+ background-color: #f9f9f9;
 1112+ padding: 5px;
 1113+ font-size: 95%;
 1114+}
 1115+#bodyContent {
 1116+ position: relative;
 1117+ width: 100%;
 1118+}
 1119+#mw-js-message {
 1120+ font-size: 0.8em;
 1121+}
 1122+div#bodyContent {
 1123+ line-height: 1.5em;
 1124+}
 1125+
 1126+/* Watch/Unwatch Icon Styling */
 1127+#ca-unwatch.icon,
 1128+#ca-watch.icon {
 1129+ margin-right:1px;
 1130+}
 1131+#ca-unwatch.icon a,
 1132+#ca-watch.icon a {
 1133+ margin: 0;
 1134+ padding: 0;
 1135+ outline: none;
 1136+ display: block;
 1137+ width: 26px;
 1138+ /* This hides the text but shows the background image */
 1139+ padding-top: 3.1em;
 1140+ height: 0;
 1141+ overflow: hidden;
 1142+}
 1143+#ca-unwatch.icon a {
 1144+ /* @embed */
 1145+ background-image: url(images/watch-icons.png?1);
 1146+ background-position: -43px 60%;
 1147+}
 1148+#ca-watch.icon a {
 1149+ /* @embed */
 1150+ background-image: url(images/watch-icons.png?1);
 1151+ background-position: 5px 60%;
 1152+}
 1153+#ca-unwatch.icon a:hover,
 1154+#ca-unwatch.icon a:focus {
 1155+ /* @embed */
 1156+ background-image: url(images/watch-icons.png?1);
 1157+ background-position: -67px 60%;
 1158+}
 1159+#ca-watch.icon a:hover,
 1160+#ca-watch.icon a:focus {
 1161+ /* @embed */
 1162+ background-image: url(images/watch-icons.png?1);
 1163+ background-position: -19px 60%;
 1164+}
 1165+#ca-unwatch.icon a.loading,
 1166+#ca-watch.icon a.loading {
 1167+ /* @embed */
 1168+ background-image: url(images/watch-icon-loading.gif?1);
 1169+ background-position: center 60%;
 1170+}
 1171+#ca-unwatch.icon a span,
 1172+#ca-watch.icon a span {
 1173+ display: none;
 1174+}
 1175+div.vectorTabs ul {
 1176+ /* @embed */
 1177+ background-image:url(images/tab-break.png?1);
 1178+ background-position:right bottom;
 1179+ background-repeat:no-repeat;
 1180+}
 1181+
 1182+/* Convenience links to edit block, delete and protect reasons */
 1183+p.mw-ipb-conveniencelinks, p.mw-protect-editreasons,
 1184+p.mw-filedelete-editreasons, p.mw-delete-editreasons {
 1185+ float: right;
 1186+}
Property changes on: trunk/phase3/skins/vector/screen.css
___________________________________________________________________
Added: svn:eol-style
11187 + native
Index: trunk/phase3/includes/DefaultSettings.php
——@@ -2258,14 +2258,6 @@
22592259 $wgVectorShowVariantName = false;
22602260
22612261 /**
2262 - * Add extra stylesheets for Vector - This is only being used so that we can play around with different options while
2263 - * keeping our CSS code in the SVN and not having to change the main Vector styles. This will probably go away later on.
2264 - * null = add no extra styles
2265 - * array = list of style paths relative to skins/vector/
2266 - */
2267 -$wgVectorExtraStyles = null;
2268 -
2269 -/**
22702262 * Display user edit counts in various prominent places.
22712263 */
22722264 $wgEdititis = false;
Index: trunk/phase3/RELEASE-NOTES
——@@ -54,6 +54,7 @@
5555 $wgUseMemCached, $wgDisableSearchContext, $wgColorErrors,
5656 $wgUseZhdaemon, $wgZhdaemonHost and $wgZhdaemonPort.
5757 * (bug 24408) The include_path is not modified in the default LocalSettings.php
 58+* $wgVectorExtraStyles has been removed, and is no longer in use.
5859
5960 === New features in 1.17 ===
6061 * (bug 10183) Users can now add personal styles and scripts to all skins via
Index: trunk/phase3/resources/Resources.php
——@@ -10,7 +10,7 @@
1111 /* Skins */
1212
1313 'vector' => new ResourceLoaderFileModule(
14 - array( 'styles' => array( 'skins/vector/main-ltr.css' => array( 'media' => 'screen' ) ) )
 14+ array( 'styles' => array( 'skins/vector/screen.css' => array( 'media' => 'screen' ) ) )
1515 ),
1616
1717 /* jQuery */

Status & tagging log