Cleaned up the vector skin, removing $wgVectorExtraStyles (a temporary hack for exper...
authorTrevor Parscal <tparscal@users.mediawiki.org>
Fri, 10 Sep 2010 20:36:48 +0000 (20:36 +0000)
committerTrevor Parscal <tparscal@users.mediawiki.org>
Fri, 10 Sep 2010 20:36:48 +0000 (20:36 +0000)
25 files changed:
RELEASE-NOTES
includes/DefaultSettings.php
resources/Resources.php
skins/Vector.php
skins/vector/Makefile [deleted file]
skins/vector/experiments/babaco-colors-a.css [deleted file]
skins/vector/experiments/babaco-colors-b.css [deleted file]
skins/vector/experiments/babaco-colors-c.css [deleted file]
skins/vector/experiments/images/new-border.png [deleted file]
skins/vector/experiments/images/new-portal-break-ltr.png [deleted file]
skins/vector/experiments/images/new-portal-break-rtl.png [deleted file]
skins/vector/experiments/images/page-base-fade.png [deleted file]
skins/vector/experiments/images/page-base-updated.png [deleted file]
skins/vector/experiments/images/tab-active-first.png [deleted file]
skins/vector/experiments/images/tab-active-last.png [deleted file]
skins/vector/experiments/images/tab-fade.png [deleted file]
skins/vector/experiments/images/tab-first.png [deleted file]
skins/vector/experiments/images/tab-last.png [deleted file]
skins/vector/experiments/images/tab-new-fade.png [deleted file]
skins/vector/experiments/new-tabs.css [deleted file]
skins/vector/main-ltr.css [deleted file]
skins/vector/main-rtl.css [deleted file]
skins/vector/screen.css [new file with mode: 0644]
skins/vector/wiki-indexed.png [deleted file]
skins/vector/wiki.png [deleted file]

index 129196e..b40322d 100644 (file)
@@ -54,6 +54,7 @@ it from source control: http://www.mediawiki.org/wiki/Download_from_SVN
   $wgUseMemCached, $wgDisableSearchContext, $wgColorErrors,
   $wgUseZhdaemon, $wgZhdaemonHost and $wgZhdaemonPort.
 * (bug 24408) The include_path is not modified in the default LocalSettings.php
+* $wgVectorExtraStyles has been removed, and is no longer in use.
 
 === New features in 1.17 ===
 * (bug 10183) Users can now add personal styles and scripts to all skins via
index 866e349..9272c7b 100644 (file)
@@ -2257,14 +2257,6 @@ $wgVectorUseIconWatch = false;
  */
 $wgVectorShowVariantName = false;
 
-/**
- * Add extra stylesheets for Vector - This is only being used so that we can play around with different options while
- * keeping our CSS code in the SVN and not having to change the main Vector styles. This will probably go away later on.
- * null = add no extra styles
- * array = list of style paths relative to skins/vector/
- */
-$wgVectorExtraStyles = null;
-
 /**
  * Display user edit counts in various prominent places.
  */
index a4c5aa8..a60ae47 100644 (file)
@@ -10,7 +10,7 @@ ResourceLoader::register( array(
        /* Skins */
        
        'vector' => new ResourceLoaderFileModule(
-               array( 'styles' => array( 'skins/vector/main-ltr.css' => array( 'media' => 'screen' ) ) )
+               array( 'styles' => array( 'skins/vector/screen.css' => array( 'media' => 'screen' ) ) )
        ),
        
        /* jQuery */
index 90f9072..5771670 100644 (file)
@@ -47,19 +47,8 @@ class SkinVector extends SkinTemplate {
         * @param $out OutputPage object
         */
        function setupSkinUserCss( OutputPage $out ){
-               global $wgVectorExtraStyles;
-
                parent::setupSkinUserCss( $out );
-               
                $out->addModuleStyles( 'vector' );
-
-               // Add extra stylesheets
-               // THIS IS ONLY USEFUL FOR EXPERIMENTING WITH DIFFERNT STYLE OPTIONS! THIS WILL BE REMOVED IN THE NEAR FUTURE.
-               if ( is_array( $wgVectorExtraStyles ) ) {
-                       foreach ( $wgVectorExtraStyles as $style ) {
-                               $out->addStyle( "vector/$style", 'screen' );
-                       }
-               }
        }
 
        /**
diff --git a/skins/vector/Makefile b/skins/vector/Makefile
deleted file mode 100644 (file)
index c9feb7e..0000000
+++ /dev/null
@@ -1,18 +0,0 @@
-#
-# Handy makefile to build the RTL variant with cssjanus
-#
-
-all: main-rtl.css
-
-main-rtl.css: main-ltr.css ../../maintenance/cssjanus/cssjanus.py
-       python ../../maintenance/cssjanus/cssjanus.py --swap_ltr_rtl_in_url < main-ltr.css > main-rtl.css 
-
-# SVN version is broken; checking in our own.
-#../../maintenance/cssjanus/cssjanus.py:
-#      svn co http://cssjanus.googlecode.com/svn/trunk ../maintenance/cssjanus
-
-#distclean: clean
-#      rm -rf cssjanus
-
-clean:
-       rm -f main-rtl.css
diff --git a/skins/vector/experiments/babaco-colors-a.css b/skins/vector/experiments/babaco-colors-a.css
deleted file mode 100644 (file)
index 8e414ea..0000000
+++ /dev/null
@@ -1,109 +0,0 @@
-/* Babaco Color Scheme A */
-
-
-a:visited,
-a:visited div.vectorTabs li.selected a:visited span {
-       color: #260e9c;
-}
-
-html .thumbimage,
-#toc, .toc, .mw-warning, div.thumbinner {
-       border-color: #cccccc;
-       background-color: #f7f7f7;
-}
-
-/* Framework */
-#mw-page-base {
-       background-color: inherit !important;
-       background-image: none !important;
-}
-body {
-       background-color: #f9f9f9 !important;
-       background-image:url(images/page-base-updated.png);
-}
-
-/* Links */
-a {
-       color: #0000cc;
-}
-a:visited {
-       color: #004d99;
-}
-a:active {
-       color: #ff6600;
-}
-a.stub {
-       color: #56228b;
-}
-a.new, #p-personal a.new {
-       color: #a31205 !important;
-}
-a.new:visited, #p-personal a.new:visited {
-       color: #a31205;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-       border-color:#999999;
-       font-family:georgia, times, serif;
-       font-weight:bold;
-}
-#firstHeading {
-       font-size:1.5em;
-}
-h2 .editsection,
-.portal h5{
-       font-family:sans-serif;
-       font-weight:normal;
-
-}
-#toc h2, .toc h2 {
-       font-family:sans-serif;
-       font-weight:normal;
-}
-body #mw-panel div.portal div.body {
-       background-image:url(images/new-portal-break-ltr.png);
-}
-body.rtl #mw-panel div.portal div.body {
-       background-image:url(images/new-portal-break-rtl.png);
-}
-body div.vectorTabs li a, div.vectorTabs li a span{
-       color:#4d4d4d;
-}
-body div.vectorTabs li.selected a,
-body div.vectorTabs li.selected a span,
-body div.vectorTabs li.selected a:visited
-body div.vectorTabs li.selected a:visited span {
-       color: #ff9900 !important;
-       font-weight:bold;
-}
-div.vectorTabs li.new a, 
-div.vectorTabs li.new a span, 
-div.vectorTabs li.new a:visited, 
-div.vectorTabs li.new a:visited span {
-       color:#a31205;
-}
-#toc,
-.toc,
-.mw-warning,
-div.gallerybox div.thumb,
-table.gallery,
-#preferences fieldset.prefsection fieldset,
-#preferences,
-html .thumbimage,
-.usermessage,
-img.thumbborder,
-div.thumbinner{
-       border: 1px solid #cccccc;
-       background-color: #f7f7f7;
-}
-#mw-panel div.portal h5 {
-       font-weight:bold;
-       margin-bottom:0;
-       padding-bottom:0.05em;
-       color:#000000;
-}
diff --git a/skins/vector/experiments/babaco-colors-b.css b/skins/vector/experiments/babaco-colors-b.css
deleted file mode 100644 (file)
index 227e197..0000000
+++ /dev/null
@@ -1,67 +0,0 @@
-/* Babaco Color Scheme A */
-
-
-html .thumbimage,
-#toc, .toc, .mw-warning, div.thumbinner {
-       border-color: #cccccc;
-       background-color: #f7f7f7;
-}
-
-/* Framework */
-#mw-page-base {
-       background-color: inherit !important;
-       background-image: none !important;
-}
-body {
-       background-color: #f9f9f9 !important;
-       background-image:url(images/page-base-updated.png);
-}
-/* Links */
-a {
-       color: #003cb3;
-}
-a.stub {
-       color: #772233;
-}
-a.new, #p-personal a.new {
-       color: #a31205 !important;
-}
-{
-       color: #260e9c;
-}
-a:visited,
-a:visited div.vectorTabs li.selected a:visited span,
-a.new:visited, 
-#p-personal a.new:visited {
-       color: #260e9c;
-}
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-       border-color:#999999;
-}
-
-div.vectorTabs li.new a, 
-div.vectorTabs li.new a span, 
-div.vectorTabs li.new a:visited, 
-div.vectorTabs li.new a:visited span {
-       color:#a31205;
-}
-
-#toc,
-.toc,
-.mw-warning,
-div.gallerybox div.thumb,
-table.gallery,
-#preferences fieldset.prefsection fieldset,
-#preferences,
-html .thumbimage,
-.usermessage,
-img.thumbborder,
-div.thumbinner{
-       border: 1px solid #cccccc;
-       background-color: #f7f7f7;
-}
diff --git a/skins/vector/experiments/babaco-colors-c.css b/skins/vector/experiments/babaco-colors-c.css
deleted file mode 100644 (file)
index 7f4666b..0000000
+++ /dev/null
@@ -1,91 +0,0 @@
-/* Babaco Color Scheme C */
-
-/* ridding ourselves of the gradient */
-#mw-page-base {
-       background-color: inherit !important;
-       background-image: none !important;
-}
-
-a:visited,
-a:visited div.vectorTabs li.selected a:visited span {
-       color: #260e9c;
-}
-
-html .thumbimage,
-#toc, .toc, .mw-warning, div.thumbinner {
-       border-color: #cccccc;
-       background-color: #f7f7f7;
-}
-
-/* Framework */
-body {
-       background-color: #f9f9f9 !important;
-       background-image:url(images/page-base-updated.png);
-}
-
-/* Links */
-a {
-       color: #0000cc;
-}
-a:visited {
-       color: #004d99;
-}
-a:active {
-       color: #ff6600;
-}
-a.stub {
-       color: #56228b;
-}
-a.new, #p-personal a.new {
-       color: #a31205 !important;
-}
-a.new:visited, #p-personal a.new:visited {
-       color: #a31205;
-}
-
-#firstHeading {
-       font-size:1.5em;
-}
-h2 .editsection,
-.portal h5 {
-       font-weight:normal;
-}
-#toc h2, .toc h2 {
-       font-weight:normal;
-}
-body #mw-panel div.portal div.body {
-       background-image:url(images/new-portal-break-ltr.png);
-}
-
-div.vectorTabs li.new a, 
-div.vectorTabs li.new a span, 
-div.vectorTabs li.new a:visited, 
-div.vectorTabs li.new a:visited span {
-       color:#a31205;
-}
-#toc,
-.toc,
-.mw-warning,
-div.gallerybox div.thumb,
-table.gallery,
-#preferences fieldset.prefsection fieldset,
-#preferences,
-html .thumbimage,
-.usermessage,
-img.thumbborder,
-div.thumbinner {
-       border: 1px solid #cccccc;
-       background-color: #f7f7f7;
-}
-#mw-panel div.portal h5 {
-       font-weight:bold;
-       margin-bottom:0;
-       padding-bottom:0.05em;
-       color:#000000;
-}
-div.vectorTabs li.selected a,
-div.vectorTabs li.selected a span,
-div.vectorTabs li.selected a:visited
-div.vectorTabs li.selected a:visited span {
-       color: #333333 !important;
-}
\ No newline at end of file
diff --git a/skins/vector/experiments/images/new-border.png b/skins/vector/experiments/images/new-border.png
deleted file mode 100644 (file)
index 735324e..0000000
Binary files a/skins/vector/experiments/images/new-border.png and /dev/null differ
diff --git a/skins/vector/experiments/images/new-portal-break-ltr.png b/skins/vector/experiments/images/new-portal-break-ltr.png
deleted file mode 100644 (file)
index cd8f3b1..0000000
Binary files a/skins/vector/experiments/images/new-portal-break-ltr.png and /dev/null differ
diff --git a/skins/vector/experiments/images/new-portal-break-rtl.png b/skins/vector/experiments/images/new-portal-break-rtl.png
deleted file mode 100644 (file)
index 45c5b2f..0000000
Binary files a/skins/vector/experiments/images/new-portal-break-rtl.png and /dev/null differ
diff --git a/skins/vector/experiments/images/page-base-fade.png b/skins/vector/experiments/images/page-base-fade.png
deleted file mode 100644 (file)
index dc63182..0000000
Binary files a/skins/vector/experiments/images/page-base-fade.png and /dev/null differ
diff --git a/skins/vector/experiments/images/page-base-updated.png b/skins/vector/experiments/images/page-base-updated.png
deleted file mode 100644 (file)
index 54ffeb0..0000000
Binary files a/skins/vector/experiments/images/page-base-updated.png and /dev/null differ
diff --git a/skins/vector/experiments/images/tab-active-first.png b/skins/vector/experiments/images/tab-active-first.png
deleted file mode 100644 (file)
index e4c39c4..0000000
Binary files a/skins/vector/experiments/images/tab-active-first.png and /dev/null differ
diff --git a/skins/vector/experiments/images/tab-active-last.png b/skins/vector/experiments/images/tab-active-last.png
deleted file mode 100644 (file)
index a96f391..0000000
Binary files a/skins/vector/experiments/images/tab-active-last.png and /dev/null differ
diff --git a/skins/vector/experiments/images/tab-fade.png b/skins/vector/experiments/images/tab-fade.png
deleted file mode 100644 (file)
index 1eb0e23..0000000
Binary files a/skins/vector/experiments/images/tab-fade.png and /dev/null differ
diff --git a/skins/vector/experiments/images/tab-first.png b/skins/vector/experiments/images/tab-first.png
deleted file mode 100644 (file)
index 439b713..0000000
Binary files a/skins/vector/experiments/images/tab-first.png and /dev/null differ
diff --git a/skins/vector/experiments/images/tab-last.png b/skins/vector/experiments/images/tab-last.png
deleted file mode 100644 (file)
index 08e283d..0000000
Binary files a/skins/vector/experiments/images/tab-last.png and /dev/null differ
diff --git a/skins/vector/experiments/images/tab-new-fade.png b/skins/vector/experiments/images/tab-new-fade.png
deleted file mode 100644 (file)
index 4492550..0000000
Binary files a/skins/vector/experiments/images/tab-new-fade.png and /dev/null differ
diff --git a/skins/vector/experiments/new-tabs.css b/skins/vector/experiments/new-tabs.css
deleted file mode 100644 (file)
index e3850e8..0000000
+++ /dev/null
@@ -1,322 +0,0 @@
-/* new border color */
-#content {
-       background-image: url(images/new-border.png);
-}
-
-#footer {
-       background-image: url(images/new-border.png);
-}
-       body div#left-navigation,
-       body div#right-navigation {
-               top:3.2em;
-       }
-       body div#right-navigation {
-               margin-top:3.2em;
-       }
-       body #p-search form, 
-       body #p-search input, 
-       body #simpleSearch {
-               margin-top:0;
-       }
-       body div#p-cactions {
-               margin-top:0;
-       }
-       /* Namespaces and Views */
-       /* @noflip */
-       div.vectorTabs {
-               float: left;
-       }
-       body div.vectorTabs {
-               background-image: none;
-               padding-left: 0;
-       }
-       /* @noflip */
-       div.vectorTabs ul {
-               float: left;
-       }
-       div.vectorTabs ul {
-               height: 100%;
-               list-style: none;
-               background-image:none;
-               margin: 0;
-               padding: 0;
-       }
-       /* @noflip */
-       div.vectorTabs ul li {
-               float: left;
-       }
-       /* OVERRIDDEN BY COMPLIANT BROWSERS */
-       body div.vectorTabs ul li {
-               line-height: 1em;
-               display: inline-block;
-               height: 2em;
-               margin: 0 1px 0 0;
-               padding: 0;
-               background:none;
-               overflow:hidden;
-               white-space:nowrap;
-       }
-       /* IGNORED BY IE6 */
-       div.vectorTabs ul > li {
-               display: block;
-       }
-       body div.vectorTabs li.selected {
-               background-image: none;
-               border:none;
-       }
-       /* OVERRIDDEN BY COMPLIANT BROWSERS */
-       body div.vectorTabs li a {
-               border-top:1px solid #cccccc;
-               border-left:1px solid #cccccc;
-               border-right:1px solid #cccccc;
-               display: inline-block;
-               height: 1.7em;
-               padding-left: 0.6em;
-               padding-right: 0.6em;
-               background-image:url(images/tab-fade.png);
-               background-position:bottom left;
-               background-repeat:repeat-x;
-               background-color:#ffffff;
-       }
-       body div.vectorTabs li.new a{
-               background-image:url(images/tab-new-fade.png);
-               
-       }
-       div.vectorTabs li a,
-       div.vectorTabs li a span {
-               cursor: pointer;
-       }
-       div.vectorTabs li a span {
-               font-size: 0.8em;
-       }
-       /* IGNORED BY IE6 */
-       div.vectorTabs li > a {
-               display: block;
-       }
-       /* OVERRIDDEN BY COMPLIANT BROWSERS */
-       body div.vectorTabs a span {
-               display: inline-block;
-               padding-top: 0.5em;
-       }
-       /* IGNORED BY IE6 */
-       /* @noflip */
-       div.vectorTabs a > span {
-               float: left;
-               display: block;
-       }
-       body div.vectorTabs li.last {
-               background-image: url(images/tab-last.png);
-               background-repeat:no-repeat;
-               background-position:top right;
-               border:none;
-       }
-       body div.vectorTabs li.last a {
-               margin-right:7px;
-               padding-left:0.4em;
-               padding-right:0;
-               border-left:1px solid #cccccc;
-               border-top:1px solid #cccccc;
-               border-right:none;
-               background-image:url(images/tab-fade.png);
-               background-position:top left;
-               background-repeat:repeat-x;
-       }
-       body div.vectorTabs li.first {
-               background-image: url(images/tab-first.png);
-               background-repeat:no-repeat;
-               background-position:top left;
-               border:none;
-       }
-       body div.vectorTabs li.first a {
-               margin-left:7px;
-               padding-left:0em;
-               padding-right:0.4em;
-               border-right:1px solid #cccccc;
-               border-top:1px solid #cccccc;
-               background-image:url(images/tab-fade.png);
-               background-position:top left;
-               background-repeat:repeat-x;
-       }
-       
-       div.vectorTabs li.selected a,
-       div.vectorTabs li.selected a span,
-       div.vectorTabs li.selected a:visited
-       div.vectorTabs li.selected a:visited span {
-               color: #be5900 !important;
-               text-decoration: none;
-       }
-
-       body div.vectorTabs li.selected a {
-               border-top:1px solid #6cc8f3;
-               border-right:1px solid #6cc8f3;
-               border-left:1px solid #6cc8f3;
-               background-color:#fff;
-               height:1.75em;
-               background-image:none;
-       }
-       body div.vectorTabs li.selected.first {
-               background-image: url(images/tab-active-first.png);
-               background-repeat:no-repeat;
-               background-position:top left;
-       }
-       body div.vectorTabs li.selected.first a {
-               margin-left:7px;
-               padding-right:0.6em;
-               padding-left:0.4em;
-               border-left:none;
-       }
-       body div.vectorTabs li.selected.last {
-               background-image: url(images/tab-active-last.png);
-               background-repeat:no-repeat;
-               background-position:top right;
-       }
-       body div.vectorTabs li.selected.last a {
-               margin-right:7px;
-               padding-left:0.6em;
-               padding-right:0.4em;
-               border-right:none;
-       }
-       
-       /* Variants and Actions */
-       /* @noflip */
-       div.vectorMenu {
-               background-image:url(images/tab-fade.png);
-               background-position:bottom left;
-               background-repeat:repeat-x;
-               border-top:1px solid #cccccc;
-               border-left:1px solid #cccccc;
-               border-right:1px solid #cccccc;
-       }
-       body.rtl div.vectorMenu {
-               direction: rtl;
-       }
-       /* @noflip */
-       body #mw-head div.vectorMenu h5 {
-               background-image: url(../images/arrow-down-icon.png);
-               background-position: center center;
-               background-repeat: no-repeat;
-               padding-left: 0;
-               margin-left: 0px;
-       }
-       /* OVERRIDDEN BY COMPLIANT BROWSERS */
-       body div.vectorMenu h5 a {
-               display: inline-block;
-               width: 24px;
-               height:1.5em;
-               background-image: none !important;
-               
-       }
-       /* IGNORED BY IE6 */
-       div.vectorMenu h5 > a {
-               display: block;
-       }
-       div.vectorMenu div.menu {
-               position: relative;
-               left:1px;
-               display: none;
-               clear: both;
-               text-align: left;
-       }
-       /* OVERRIDDEN BY COMPLIANT BROWSERS */
-       body.rtl div.vectorMenu div.menu {
-               margin-right: 24px;
-       }
-       /* IGNORED BY IE6 */
-       body.rtl div.vectorMenu > div.menu {
-               margin-right: auto;
-       }
-       /* Fixes old versions of FireFox */
-       body.rtl div.vectorMenu > div.menu,
-       x:-moz-any-link {
-               margin-right: 24px;
-       }
-       div.vectorMenu:hover div.menu {
-               display: block;
-       }
-       div.vectorMenu ul {
-               position: absolute;
-               background-color: white;
-               border: solid 1px silver;
-               border-top-width: 0;
-               list-style: none;
-               list-style-image: none;
-               list-style-type: none;
-               padding: 0;
-               margin: 0;
-               margin-left: -1px;
-               text-align: left;
-       }
-       /* Fixes old versions of FireFox */
-       div.vectorMenu ul,
-       x:-moz-any-link {
-               min-width: 5em;
-       }
-       /* Returns things back to normal in modern versions of FireFox */
-       div.vectorMenu ul,
-       x:-moz-any-link,
-       x:default {
-               min-width: 0;
-       }
-       div.vectorMenu li {
-               padding: 0;
-               margin: 0;
-               text-align: left;
-               line-height: 1em;
-       }
-       /* OVERRIDDEN BY COMPLIANT BROWSERS */
-       div.vectorMenu li a {
-               display: inline-block;
-               padding: 0.5em;
-               white-space: nowrap;
-       }
-       /* IGNORED BY IE6 */
-       div.vectorMenu li > a {
-               display: block;
-       }
-       div.vectorMenu li a {
-               color: #0645ad;
-               cursor: pointer;
-               font-size: 0.8em;
-       }
-       div.vectorMenu li.selected a,
-       div.vectorMenu li.selected a:visited {
-               color: #333333;
-               text-decoration: none;
-       }
-#ca-unwatch.icon,
-#ca-watch.icon {
-       background-color:#ffffff;
-       height:1.75em !important;
-       background-image:url(images/tab-fade.png);
-       background-position:bottom left;
-       background-repeat:repeat-x;
-}
-#ca-unwatch.icon a,
-#ca-watch.icon a {
-       height: 1.7em !important;
-       border-bottom:none;
-       background-color:transparent;
-}
-#ca-watch.icon a,
-#ca-unwatch.icon a {
-       background-repeat:no-repeat;
-}
-.wikiEditor-ui-tabs {
-       border: none;
-       height: 2.15em;
-}
-.wikiEditor-ui-buttons {
-       height: 2.15em;
-}
-.wikiEditor-ui-tabs div {
-       border: 1px solid silver;
-       margin-right: 1px;
-       height: 2.15em;
-}
-.wikiEditor-ui-tabs div a {
-       line-height: 2.15em;
-       background: #FFFFFF url(images/tab-fade.png) repeat-x  0 100%;
-}
-.wikiEditor-ui-tabs div.current a {
-       background: #FFFFFF;
-}
diff --git a/skins/vector/main-ltr.css b/skins/vector/main-ltr.css
deleted file mode 100644 (file)
index a5ad807..0000000
+++ /dev/null
@@ -1,1196 +0,0 @@
-/*
- * main-rtl.css is automatically generated using CSSJanus, a python script for
- * creating RTL versions of otherwise LTR stylesheets.
- * 
- * You may download the tool to rebuild this stylesheet
- * http://code.google.com/p/cssjanus/
- * 
- * An online version of this tool can be used at:
- * http://cssjanus.commoner.com/
- * 
- * The following command is used to generate the RTL version of this file
- * ./cssjanus.py --swap_ltr_rtl_in_url < main-ltr.css > main-rtl.css 
- *
- * Any rules which should not be flipped should be prepended with @noflip in
- * a comment block.
- */
-/* Framework */
-html,
-body {
-       height: 100%;
-       margin: 0;
-       padding: 0;
-       font-family: sans-serif;
-       font-size: 1em;
-}
-body {
-       background-color: #f3f3f3;
-       /* @embed */
-       background-image: url(images/page-base.png?1);
-}
-/* Content */
-div#content {
-       margin-left: 10em;
-       padding: 1em;
-       /* @embed */
-       background-image: url(images/border.png?1);
-       background-position: top left;
-       background-repeat: repeat-y;
-       background-color: white;
-       color: black;
-       direction: ltr;
-}
-/* Head */
-#mw-page-base {
-       height: 5em;
-       background-color: white;
-       /* @embed */
-       background-image: url(images/page-fade.png?1);
-       background-position: bottom left;
-       background-repeat: repeat-x;
-}
-#mw-head-base {
-       margin-top: -5em;
-       margin-left: 10em;
-       height: 5em;
-       /* @embed */
-       background-image: url(images/border.png?1);
-       background-position: bottom left;
-       background-repeat: repeat-x;
-}
-div#mw-head {
-       position: absolute;
-       top: 0;
-       right: 0;
-       width: 100%;
-}
-div#mw-head h5 {
-       margin: 0;
-       padding: 0;
-}
-       /* Hide empty portlets */
-       div.emptyPortlet {
-               display: none;
-       }
-       /* Personal */
-       #p-personal {
-               position: absolute;
-               top: 0;
-               padding-left: 10em;
-               right: 0.75em;
-       }
-       #p-personal h5 {
-               display: none;
-       }
-       #p-personal ul {
-               list-style: none;
-               margin: 0;
-               padding: 0;
-       }
-       /* @noflip */
-       #p-personal li {
-               line-height: 1.125em;
-               float: left;
-       }
-       /* This one flips! */
-       #p-personal li {
-               margin-left: 0.75em;
-               margin-top: 0.5em;
-               font-size: 0.75em;
-               white-space: nowrap;
-       }
-       /* Navigation Containers */
-       #left-navigation {
-               position: absolute;
-               left: 10em;
-               top: 2.5em;
-       }
-       #right-navigation {
-               float: right;
-               margin-top: 2.5em;
-       }
-       /* Navigation Labels */
-       div.vectorTabs h5,
-       div.vectorMenu h5 span {
-               display: none;
-       }
-       /* Namespaces and Views */
-       /* @noflip */
-       div.vectorTabs {
-               float: left;
-               height: 2.5em;
-       }
-       div.vectorTabs {
-               /* @embed */
-               background-image: url(images/tab-break.png?1);
-               background-position: bottom left;
-               background-repeat: no-repeat;
-               padding-left: 1px;
-       }
-       /* @noflip */
-       div.vectorTabs ul {
-               float: left;
-       }
-       div.vectorTabs ul {
-               height: 100%;
-               list-style: none;
-               margin: 0;
-               padding: 0;
-       }
-       /* @noflip */
-       div.vectorTabs ul li {
-               float: left;
-       }
-       /* OVERRIDDEN BY COMPLIANT BROWSERS */
-       div.vectorTabs ul li {
-               line-height: 1.125em;
-               display: inline-block;
-               height: 100%;
-               margin: 0;
-               padding: 0;
-               background-color: #f3f3f3;
-               /* @embed */
-               background-image: url(images/tab-normal-fade.png?1);
-               background-position: bottom left;
-               background-repeat: repeat-x;
-               white-space:nowrap;
-       }
-       /* IGNORED BY IE6 */
-       div.vectorTabs ul > li {
-               display: block;
-       }
-       div.vectorTabs li.selected {
-               /* @embed */
-               background-image: url(images/tab-current-fade.png?1);
-       }
-       /* OVERRIDDEN BY COMPLIANT BROWSERS */
-       div.vectorTabs li a {
-               display: inline-block;
-               height: 1.9em;
-               padding-left: 0.5em;
-               padding-right: 0.5em;
-               /* @embed */
-               background-image: url(images/tab-break.png?1);
-               background-position: bottom right;
-               background-repeat: no-repeat;
-       }
-       div.vectorTabs li a{
-               color: #0645ad;
-               cursor: pointer;
-       }
-       div.vectorTabs li a  {
-               font-size: 0.8em;
-       }
-       /* IGNORED BY IE6 */
-       div.vectorTabs li > a {
-               display: block;
-       }
-       /* OVERRIDDEN BY COMPLIANT BROWSERS */
-       div.vectorTabs span a  {
-               display: inline-block;
-               padding-top: 1.25em;
-       }
-       /* IGNORED BY IE6 */
-       /* @noflip */
-       div.vectorTabs span > a {
-               float: left;
-               display: block;
-       }
-       div.vectorTabs li.selected a,
-       div.vectorTabs li.selected a:visited{
-               color: #333333;
-               text-decoration: none;
-       }
-       div.vectorTabs li.new a,
-       div.vectorTabs li.new a:visited{
-               color: #a55858;
-       }
-       /* Variants and Actions */
-       /* @noflip */
-       div.vectorMenu {
-               direction: ltr;
-               float: left;
-               /* @embed */
-               background-image: url(images/arrow-down-icon.png?1);
-               background-position: 100% 60%;
-               background-repeat: no-repeat;
-               cursor: pointer;
-       }
-       /* @noflip */
-       body.rtl div.vectorMenu {
-               direction: rtl;
-       }
-       /* OVERRIDDEN BY COMPLIANT BROWSERS */
-       /* @noflip */
-       div#mw-head div.vectorMenu h5 {
-               float: left;
-               /* @embed */
-               background-image: url(images/tab-break.png?1);
-               background-repeat: no-repeat;
-       }
-       /* IGNORED BY IE6 */
-       div#mw-head div.vectorMenu > h5 {
-               background-image: none;
-       }
-       div#mw-head div.vectorMenu h5 {
-               background-position: bottom left;
-               margin-left: -1px;
-       }
-       div#mw-head div.vectorMenu h4 {
-               display: inline-block;
-               float: left;
-               font-size: 0.8em;
-               padding-left: 0.5em;
-               padding-top: 1.375em;
-               font-weight: normal;
-               border: none;
-       }
-       /* OVERRIDDEN BY COMPLIANT BROWSERS */
-       /* @noflip */
-       div.vectorMenu h5 a {
-               display: inline-block;
-               width: 24px;
-               height: 2.5em;
-               text-decoration: none;
-               /* @embed */
-               background-image: url(images/tab-break.png?1);
-               background-repeat: no-repeat;
-       }
-       div.vectorMenu h5 a{
-               background-position: bottom right;
-       }
-       /* IGNORED BY IE6 */
-       div.vectorMenu h5 > a {
-               display: block;
-       }
-       div.vectorMenu div.menu {
-               position: relative;
-               display: none;
-               clear: both;
-               text-align: left;
-       }
-       /* OVERRIDDEN BY COMPLIANT BROWSERS */
-       /* @noflip */
-       body.rtl div.vectorMenu div.menu {
-               margin-left: 24px;
-       }
-       /* IGNORED BY IE6 */
-       /* @noflip */
-       body.rtl div.vectorMenu > div.menu {
-               margin-left: auto;
-       }
-       /* Fixes old versions of FireFox */
-       /* @noflip */
-       body.rtl div.vectorMenu > div.menu,
-       x:-moz-any-link {
-               margin-left: 23px;
-       }
-       div.vectorMenu:hover div.menu {
-               display: block;
-       }
-       div.vectorMenu ul {
-               position: absolute;
-               background-color: white;
-               border: solid 1px silver;
-               border-top-width: 0;
-               list-style: none;
-               list-style-image: none;
-               list-style-type: none;
-               padding: 0;
-               margin: 0;
-               margin-left: -1px;
-               text-align: left;
-       }
-       /* Fixes old versions of FireFox */
-       div.vectorMenu ul,
-       x:-moz-any-link {
-               min-width: 5em;
-       }
-       /* Returns things back to normal in modern versions of FireFox */
-       div.vectorMenu ul,
-       x:-moz-any-link,
-       x:default {
-               min-width: 0;
-       }
-       div.vectorMenu li {
-               padding: 0;
-               margin: 0;
-               text-align: left;
-               line-height: 1em;
-       }
-       /* OVERRIDDEN BY COMPLIANT BROWSERS */
-       div.vectorMenu li a {
-               display: inline-block;
-               padding: 0.5em;
-               white-space: nowrap;
-       }
-       /* IGNORED BY IE6 */
-       div.vectorMenu li > a {
-               display: block;
-       }
-       div.vectorMenu li a {
-               color: #0645ad;
-               cursor: pointer;
-               font-size: 0.8em;
-       }
-       div.vectorMenu li.selected a,
-       div.vectorMenu li.selected a:visited {
-               color: #333333;
-               text-decoration: none;
-       }
-       /* Search */
-       #p-search h5 {
-               display: none;
-       }
-       /* @noflip */
-       #p-search {
-               float: left;
-       }
-       #p-search {
-               margin-right: 0.5em;
-               margin-left: 0.5em;
-       }
-       #p-search form,
-       #p-search input {
-               margin: 0;
-               margin-top: 0.4em;
-       }
-       div#simpleSearch {
-               margin-top: 0.65em;
-               position: relative;
-               min-height: 1px; /* Gotta trigger hasLayout for IE7 */
-               border: solid 1px #AAAAAA;
-               background-color: white;
-               /* @embed */
-               background-image: url(images/search-fade.png?1);
-               background-position: top left;
-               background-repeat: repeat-x;
-       }
-       div#simpleSearch label {
-               /*
-                * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
-                * this from ever being shown anyways.
-               */
-               font-size: 13px;
-               top: 0.25em;
-       }
-       div#simpleSearch .placeholder {
-               color: #999999;
-       }
-       div#simpleSearch input::-webkit-input-placeholder { 
-               color: #999999;
-       }
-       div#simpleSearch input#searchInput {
-               margin: 0;
-               border-width: 0;
-               padding: 3px;
-               vertical-align: top;
-               /*
-                * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
-                * this from ever being shown anyways.
-               */
-               font-size: 13px;
-               width: 14em;
-               background-color: transparent;
-       }
-       /* OVERRIDDEN BY COMPLIANT BROWSERS */
-       div#simpleSearch button#searchButton {
-               padding: 0;
-               margin: 0 5px;
-               border: none;
-               cursor: pointer;
-               background-color: transparent;
-               font-size: x-small;
-       }
-       div#simpleSearch button#searchButton img {
-               border: none;
-               margin: 0;
-               padding: 0;
-               vertical-align: middle;
-       }
-/* Panel */
-div#mw-panel {
-       position: absolute;
-       top: 160px;
-       padding-top: 1em;
-       width: 10em;
-       left: 0;
-}
-       div#mw-panel div.portal {
-               padding-bottom: 1.5em;
-               direction: ltr;
-       }
-       div#mw-panel div.portal h5 {
-               font-weight: normal;
-               color: #444444;
-               padding: 0.25em;
-               padding-top: 0;
-               padding-left: 1.75em;
-               cursor: default;
-               border: none;
-               font-size: 0.75em;
-       }
-       div#mw-panel div.portal div.body {
-               margin: 0;
-               padding-top: 0.5em;
-               margin-left: 1.25em;
-               /* @embed */
-               background-image: url(images/portal-break.png?1);
-               background-repeat: no-repeat;
-               background-position: top left;
-       }
-       div#mw-panel div.portal div.body ul {
-               list-style: none;
-               list-style-image: none;
-               list-style-type: none;
-               padding: 0;
-               margin: 0;
-       }
-       div#mw-panel div.portal div.body ul li {
-               line-height: 1.125em;
-               padding: 0;
-               padding-bottom: 0.5em;
-               margin: 0;
-               overflow: hidden;
-               font-size: 0.75em;
-       }
-       div#mw-panel div.portal div.body ul li a {
-               color: #0645ad;
-       }
-       div#mw-panel div.portal div.body ul li a:visited {
-               color: #0b0080;
-       }
-/* Footer */
-div#footer {
-       margin-left: 10em;
-       margin-top: 0;
-       padding: 0.75em;
-       /* @embed */
-       background-image: url(images/border.png?1);
-       background-position: top left;
-       background-repeat: repeat-x;
-       direction: ltr;
-}
-div#footer ul {
-       list-style: none;
-       list-style-image: none;
-       list-style-type: none;
-       margin: 0;
-       padding: 0;
-}
-div#footer ul li {
-       margin: 0;
-       padding: 0;
-       padding-top: 0.5em;
-       padding-bottom: 0.5em;
-       color: #333333;
-       font-size: 0.7em;
-}
-div#footer #footer-icons {
-       float: right;
-}
-/* @noflip */
-body.ltr div#footer #footer-places {
-       float: left;
-}
-div#footer #footer-info li {
-       line-height: 1.4em;
-}
-div#footer #footer-icons li {
-       float: left;
-       margin-left: 0.5em;
-       line-height: 2em;
-}
-div#footer #footer-places li {
-       float: left;
-       margin-right: 1em;
-       line-height: 2em;
-}
-/* Logo */
-#p-logo {
-       position: absolute;
-       top: -160px;
-       left: 0;
-       width: 10em;
-       height: 160px;
-}
-#p-logo a {
-       display: block;
-       width: 10em;
-       height: 160px;
-       background-repeat: no-repeat;
-       background-position: center center;
-       text-decoration: none;
-}
-
-/*
- * 
- * The following code is highly modified from monobook. It would be nice if the
- * preftoc id was more human readable like preferences-toc for instance,
- * howerver this would require backporting the other skins.
- */
-
-/* Preferences */
-#preftoc {
-       /* Tabs */
-       width: 100%;
-       float: left;
-       clear: both;
-       margin: 0 !important;
-       padding: 0 !important;
-       /* @embed */
-       background-image: url(images/preferences-break.png?1);
-       background-position: bottom left;
-       background-repeat: no-repeat;
-}
-       #preftoc li {
-               /* Tab */
-               float: left;
-               margin: 0;
-               padding: 0;
-               padding-right: 1px;
-               height: 2.25em;
-               white-space: nowrap;
-               list-style-type: none;
-               list-style-image: none;
-               /* @embed */
-               background-image: url(images/preferences-break.png?1);
-               background-position: bottom right;
-               background-repeat: no-repeat;
-       }
-       /* IGNORED BY IE6 */
-       #preftoc li:first-child {
-               margin-left: 1px;
-       }
-       #preftoc a,
-       #preftoc a:active {
-               display: inline-block;
-               position: relative;
-               color: #0645ad;
-               padding: 0.5em;
-               text-decoration: none;
-               background-image: none;
-               font-size: 0.9em;
-       }
-       #preftoc a:hover,
-       #preftoc a:focus {
-               text-decoration: underline;
-       }
-       #preftoc li.selected a {
-               /* @embed */
-               background-image: url(images/preferences-fade.png?1);
-               background-position: bottom;
-               background-repeat: repeat-x;
-               color: #333333;
-               text-decoration: none;
-       }
-#preferences {
-       float: left;
-       width: 100%;
-       margin: 0;
-       margin-top: -2px;
-       clear: both;
-       border: solid 1px #cccccc;
-       background-color: #f9f9f9;
-       /* @embed */
-       background-image: url(images/preferences-base.png?1);
-}
-#preferences fieldset.prefsection {
-       border: none;
-       padding: 0;
-       margin: 1em;
-}
-#preferences fieldset.prefsection fieldset {
-       border: none;
-       border-top: solid 1px #cccccc;
-}
-#preferences legend {
-       color: #666666;
-}
-#preferences fieldset.prefsection legend.mainLegend {
-       display: none;
-}
-#preferences td {
-       padding-left: 0.5em;
-       padding-right: 0.5em;
-}
-#preferences td.htmlform-tip {
-       font-size: x-small;
-       padding: .2em 2em;
-       color: #666666;
-}
-#preferences div.mw-prefs-buttons {
-       padding: 1em;
-}
-#preferences div.mw-prefs-buttons input {
-       margin-right: 0.25em;
-}
-
-/* 
- * Styles for the user login and create account forms
- */
-#userlogin, #userloginForm {
-       border: solid 1px #cccccc;
-       padding: 1.2em;
-       margin: .5em;
-       float: left;
-}
-
-#userlogin {
-       min-width: 20em;
-       max-width: 90%;
-       width: 40em;
-}
-
-/*
- * 
- * The following code is slightly modified from monobook
- * 
- */
-div#content {
-       line-height: 1.5em;
-}
-#bodyContent {
-       font-size: 0.8em;
-}
-/* Links */
-a {
-       text-decoration: none;
-       color: #0645ad;
-       background: none;
-}
-a:visited {
-       color: #0b0080;
-}
-a:active {
-       color: #faa700;
-}
-a:hover, a:focus {
-       text-decoration: underline;
-}
-a.stub {
-       color: #772233;
-}
-a.new, #p-personal a.new {
-       color: #ba0000;
-}
-a.new:visited, #p-personal a.new:visited {
-       color: #a55858;
-}
-
-/* Inline Elements */
-img {
-       border: none;
-       vertical-align: middle;
-}
-hr {
-       height: 1px;
-       color: #aaa;
-       background-color: #aaa;
-       border: 0;
-       margin: .2em 0 .2em 0;
-}
-
-/* Structural Elements */
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-       color: black;
-       background: none;
-       font-weight: normal;
-       margin: 0;
-       padding-top: .5em;
-       padding-bottom: .17em;
-       border-bottom: 1px solid #aaa;
-       width: auto;
-}
-h1 { font-size: 188%; }
-h1 .editsection { font-size: 53%; }
-h2 { font-size: 150%; }
-h2 .editsection { font-size: 67%; }
-h3,
-h4,
-h5,
-h6 {
-       border-bottom: none;
-       font-weight: bold;
-}
-h3 { font-size: 132%; }
-h3 .editsection { font-size: 76%; font-weight: normal; }
-h4 { font-size: 116%; }
-h4 .editsection { font-size: 86%; font-weight: normal; }
-h5 { font-size: 100%; }
-h5 .editsection { font-weight: normal; }
-h6 { font-size: 80%;  }
-h6 .editsection { font-size: 125%; font-weight: normal; }
-.editsection { float: right; }
-p {
-       margin: .4em 0 .5em 0;
-       line-height: 1.5em;
-}
-       p img {
-               margin: 0;
-       }
-abbr,
-acronym,
-.explain {
-       border-bottom: 1px dotted black;
-       color: black;
-       background: none;
-       cursor: help;
-}
-q {
-       font-family: Times, "Times New Roman", serif;
-       font-style: italic;
-}
-/* Disabled for now
-blockquote {
-       font-family: Times, "Times New Roman", serif;
-       font-style: italic;
-}*/
-pre, code, tt {
-       /*
-        * It's important for this rule to first reference an actual font name, some browsers will render the monospace text
-        * too small otherwise, namely Firefox, Chrome and Safari
-        */
-       font-family: monospace, "Courier New";
-}
-code {
-       background-color: #f9f9f9;
-}
-pre {
-       padding: 1em;
-       border: 1px dashed #2f6fab;
-       color: black;
-       background-color: #f9f9f9;
-       line-height: 1.1em;
-}
-ul {
-       line-height: 1.5em;
-       list-style-type: square;
-       margin: .3em 0 0 1.5em;
-       padding: 0;
-       /* @embed */
-       list-style-image: url(images/bullet-icon.png?1);
-}
-ol {
-       line-height: 1.5em;
-       margin: .3em 0 0 3.2em;
-       padding: 0;
-       list-style-image: none;
-}
-li {
-       margin-bottom: .1em;
-}
-dt {
-       font-weight: bold;
-       margin-bottom: .1em;
-}
-dl {
-       margin-top: .2em;
-       margin-bottom: .5em;
-}
-dd {
-       line-height: 1.5em;
-       margin-left: 2em;
-       margin-bottom: .1em;
-}
-/* Tables */
-table {
-       font-size: 100%;
-       color: black;
-       /* we don't want the bottom borders of <h2>s to be visible through
-        * floated tables */
-       background-color: white;
-}
-fieldset table {
-       /* but keep table layouts in forms clean... */
-       background: none;
-}
-/* Forms */
-fieldset {
-       border: 1px solid #2f6fab;
-       margin: 1em 0 1em 0;
-       padding: 0 1em 1em;
-       line-height: 1.5em;
-}
-       fieldset.nested {
-               margin: 0 0 0.5em 0;
-               padding: 0 0.5em 0.5em;
-       }
-legend {
-       padding: .5em;
-       font-size: 95%;
-}
-form {
-       border: none;
-       margin: 0;
-}
-textarea {
-       width: 100%;
-       padding: .1em;
-}
-select {
-       vertical-align: top;
-}
-/* Table of Contents */
-#toc,
-.toc,
-.mw-warning {
-       border: 1px solid #aaa;
-       background-color: #f9f9f9;
-       padding: 5px;
-       font-size: 95%;
-}
-#toc h2,
-.toc h2 {
-       display: inline;
-       border: none;
-       padding: 0;
-       font-size: 100%;
-       font-weight: bold;
-}
-#toc #toctitle,
-.toc #toctitle,
-#toc .toctitle,
-.toc .toctitle {
-       text-align: center;
-}
-#toc ul,
-.toc ul {
-       list-style-type: none;
-       list-style-image: none;
-       margin-left: 0;
-       padding-left: 0;
-       text-align: left;
-}
-#toc ul ul,
-.toc ul ul {
-       margin: 0 0 0 2em;
-}
-#toc .toctoggle,
-.toc .toctoggle {
-       font-size: 94%;
-}
-/* Images */
-div.floatright, table.floatright {
-       clear: right;
-       float: right;
-       position: relative;
-       margin: 0 0 .5em .5em;
-       border: 0;
-}
-div.floatright p { font-style: italic; }
-div.floatleft, table.floatleft {
-       float: left;
-       clear: left;
-       position: relative;
-       margin: 0 .5em .5em 0;
-       border: 0;
-}
-div.floatleft p { font-style: italic; }
-/* Thumbnails */
-div.thumb {
-       margin-bottom: .5em;
-       border-style: solid;
-       border-color: white;
-       width: auto;
-       background-color: transparent;
-}
-div.thumbinner {
-       border: 1px solid #ccc;
-       padding: 3px !important;
-       background-color: #f9f9f9;
-       font-size: 94%;
-       text-align: center;
-       overflow: hidden;
-}
-html .thumbimage {
-       border: 1px solid #ccc;
-}
-html .thumbcaption {
-       border: none;
-       text-align: left;
-       line-height: 1.4em;
-       padding: 3px !important;
-       font-size: 94%;
-}
-div.magnify {
-       float: right;
-       border: none !important;
-       background: none !important;
-}
-div.magnify a, div.magnify img {
-       display: block;
-       border: none !important;
-       background: none !important;
-}
-/* @noflip */
-div.tright {
-       clear: right;
-       float: right;
-       border-width: .5em 0 .8em 1.4em;
-}
-/* @noflip */
-div.tleft {
-       float: left;
-       clear: left;
-       margin-right: .5em;
-       border-width: .5em 1.4em .8em 0;
-}
-img.thumbborder {
-       border: 1px solid #dddddd;
-}
-.hiddenStructure {
-       display: none;
-}
-/* Warning */
-.mw-warning {
-       margin-left: 50px;
-       margin-right: 50px;
-       text-align: center;
-}
-/* User Message */
-.usermessage {
-       background-color: #ffce7b;
-       border: 1px solid #ffa500;
-       color: black;
-       font-weight: bold;
-       margin: 2em 0 1em;
-       padding: .5em 1em;
-       vertical-align: middle;
-}
-/* Site Notice (includes notices from CentralNotice extension) */
-#siteNotice {
-       text-align: center;
-       font-size: 0.8em;
-       margin: 0;
-}
-#localNotice {
-       margin-bottom: 0.9em;
-}
-/* Categories */
-.catlinks {
-       border: 1px solid #aaa;
-       background-color: #f9f9f9;
-       padding: 5px;
-       margin-top: 1em;
-       clear: both;
-}
-/* Sub-navigation */
-#siteSub {
-       display: none;
-}
-#jump-to-nav {
-       display: none;
-}
-#contentSub, #contentSub2 {
-       font-size: 84%;
-       line-height: 1.2em;
-       margin: 0 0 1.4em 1em;
-       color: #7d7d7d;
-       width: auto;
-}
-span.subpages {
-       display: block;
-}
-/* Emulate Center */
-.center {
-       width: 100%;
-       text-align: center;
-}
-*.center * {
-       margin-left: auto;
-       margin-right: auto;
-}
-/* Small for tables and similar */
-.small, .small * {
-       font-size: 94%;
-}
-table.small {
-       font-size: 100%;
-}
-/* Edge Cases for Content */
-h1, h2 {
-       margin-bottom: .6em;
-}
-h3, h4, h5 {
-       margin-bottom: .3em;
-}
-#firstHeading {
-       padding-top: 0;
-       margin-top: 0;
-       padding-top: 0;
-       margin-bottom: 0.1em;
-       line-height: 1.2em;
-       font-size: 1.6em;
-       padding-bottom: 0;
-}
-div#content a.external,
-div#content a[href ^="gopher://"] {
-       /* @embed */
-       background: url(images/external-link-ltr-icon.png?2) center right no-repeat;
-       padding: 0 13px 0 0;
-}
-div#content a[href ^="https://"],
-.link-https {
-       /* @embed */
-       background: url(images/lock-icon.png?2) center right no-repeat;
-       padding: 0 13px 0 0;
-}
-div#content a[href ^="mailto:"],
-.link-mailto {
-       /* @embed */
-       background: url(images/mail-icon.png?2) center right no-repeat;
-       padding: 0 13px 0 0;
-}
-div#content a[href ^="news://"] {
-       /* @embed */
-       background: url(images/news-icon.png?2) center right no-repeat;
-       padding: 0 13px 0 0;
-}
-div#content a[href ^="ftp://"],
-.link-ftp {
-       /* @embed */
-       background: url(images/file-icon.png?2) center right no-repeat;
-       padding: 0 13px 0 0;
-}
-div#content a[href ^="irc://"],
-div#content a.extiw[href ^="irc://"],
-.link-irc {
-       /* @embed */
-       background: url(images/talk-icon.png?2) center right no-repeat;
-       padding: 0 13px 0 0;
-}
-div#content a.external[href $=".ogg"], div#content a.external[href $=".OGG"],
-div#content a.external[href $=".mid"], div#content a.external[href $=".MID"],
-div#content a.external[href $=".midi"], div#content a.external[href $=".MIDI"],
-div#content a.external[href $=".mp3"], div#content a.external[href $=".MP3"],
-div#content a.external[href $=".wav"], div#content a.external[href $=".WAV"],
-div#content a.external[href $=".wma"], div#content a.external[href $=".WMA"],
-.link-audio {
-       /* @embed */
-       background: url("images/audio-icon.png?2") center right no-repeat;
-       padding: 0 13px 0 0;
-}
-div#content a.external[href $=".ogm"], div#content a.external[href $=".OGM"],
-div#content a.external[href $=".avi"], div#content a.external[href $=".AVI"],
-div#content a.external[href $=".mpeg"], div#content a.external[href $=".MPEG"],
-div#content a.external[href $=".mpg"], div#content a.external[href $=".MPG"],
-.link-video {
-       /* @embed */
-       background: url("images/video-icon.png?2") center right no-repeat;
-       padding: 0 13px 0 0;
-}
-div#content a.external[href $=".pdf"], div#content a.external[href $=".PDF"],
-div#content a.external[href *=".pdf#"], div#content a.external[href *=".PDF#"],
-div#content a.external[href *=".pdf?"], div#content a.external[href *=".PDF?"],
-.link-document {
-       /* @embed */
-       background: url("images/document-icon.png?2") center right no-repeat;
-       padding: 0 13px 0 0;
-}
-/* Interwiki Styling  (Disabled) */
-div#content a.extiw,
-div#content a.extiw:active {
-       color: #36b;
-       background: none;
-       padding: 0;
-}
-div#content a.external {
-       color: #36b;
-}
-div#content .printfooter {
-       display: none;
-}
-/* Icon for Usernames */
-#pt-userpage,
-#pt-anonuserpage,
-#pt-login {
-       /* @embed */
-       background: url(images/user-icon.png?1) left top no-repeat;
-       padding-left: 15px !important;
-       text-transform: none;
-}
-
-.toccolours {
-       border: 1px solid #aaa;
-       background-color: #f9f9f9;
-       padding: 5px;
-       font-size: 95%;
-}
-#bodyContent {
-       position: relative;
-       width: 100%;
-}
-#mw-js-message {
-       font-size: 0.8em;
-}
-div#bodyContent {
-       line-height: 1.5em;
-}
-
-/* Watch/Unwatch Icon Styling */
-#ca-unwatch.icon,
-#ca-watch.icon {
-       margin-right:1px;
-}
-#ca-unwatch.icon a,
-#ca-watch.icon a {
-       margin: 0;
-       padding: 0;
-       outline: none;
-       display: block;
-       width: 26px;
-       /* This hides the text but shows the background image */
-       padding-top: 3.1em;
-       height: 0;
-       overflow: hidden;
-}
-#ca-unwatch.icon a {
-       /* @embed */
-       background-image: url(images/watch-icons.png?1);
-       background-position: -43px 60%;
-}
-#ca-watch.icon a {
-       /* @embed */
-       background-image: url(images/watch-icons.png?1);
-       background-position: 5px 60%;
-}
-#ca-unwatch.icon a:hover,
-#ca-unwatch.icon a:focus {
-       /* @embed */
-       background-image: url(images/watch-icons.png?1);
-       background-position: -67px 60%;
-}
-#ca-watch.icon a:hover,
-#ca-watch.icon a:focus {
-       /* @embed */
-       background-image: url(images/watch-icons.png?1);
-       background-position: -19px 60%;
-}
-#ca-unwatch.icon a.loading,
-#ca-watch.icon a.loading {
-       /* @embed */
-       background-image: url(images/watch-icon-loading.gif?1);
-       background-position: center 60%;
-}
-#ca-unwatch.icon a span,
-#ca-watch.icon a span {
-       display: none;
-}
-div.vectorTabs ul {
-       /* @embed */
-       background-image:url(images/tab-break.png?1);
-       background-position:right bottom;
-       background-repeat:no-repeat;
-}
-
-/* Convenience links to edit block, delete and protect reasons */
-p.mw-ipb-conveniencelinks, p.mw-protect-editreasons,
-p.mw-filedelete-editreasons, p.mw-delete-editreasons {
-       float: right;
-}
diff --git a/skins/vector/main-rtl.css b/skins/vector/main-rtl.css
deleted file mode 100644 (file)
index 9d6c460..0000000
+++ /dev/null
@@ -1,1196 +0,0 @@
-/*
- * main-rtl.css is automatically generated using CSSJanus, a python script for
- * creating RTL versions of otherwise LTR stylesheets.
- * 
- * You may download the tool to rebuild this stylesheet
- * http://code.google.com/p/cssjanus/
- * 
- * An online version of this tool can be used at:
- * http://cssjanus.commoner.com/
- * 
- * The following command is used to generate the RTL version of this file
- * ./cssjanus.py --swap_ltr_rtl_in_url < main-ltr.css > main-rtl.css 
- *
- * Any rules which should not be flipped should be prepended with @noflip in
- * a comment block.
- */
-/* Framework */
-html,
-body {
-       height: 100%;
-       margin: 0;
-       padding: 0;
-       font-family: sans-serif;
-       font-size: 1em;
-}
-body {
-       background-color: #f3f3f3;
-       /* @embed */
-       background-image: url(images/page-base.png?1);
-}
-/* Content */
-div#content {
-       margin-right: 10em;
-       padding: 1em;
-       /* @embed */
-       background-image: url(images/border.png?1);
-       background-position: top right;
-       background-repeat: repeat-y;
-       background-color: white;
-       color: black;
-       direction: rtl;
-}
-/* Head */
-#mw-page-base {
-       height: 5em;
-       background-color: white;
-       /* @embed */
-       background-image: url(images/page-fade.png?1);
-       background-position: bottom right;
-       background-repeat: repeat-x;
-}
-#mw-head-base {
-       margin-top: -5em;
-       margin-right: 10em;
-       height: 5em;
-       /* @embed */
-       background-image: url(images/border.png?1);
-       background-position: bottom right;
-       background-repeat: repeat-x;
-}
-div#mw-head {
-       position: absolute;
-       top: 0;
-       left: 0;
-       width: 100%;
-}
-div#mw-head h5 {
-       margin: 0;
-       padding: 0;
-}
-       /* Hide empty portlets */
-       div.emptyPortlet {
-               display: none;
-       }
-       /* Personal */
-       #p-personal {
-               position: absolute;
-               top: 0;
-               padding-right: 10em;
-               left: 0.75em;
-       }
-       #p-personal h5 {
-               display: none;
-       }
-       #p-personal ul {
-               list-style: none;
-               margin: 0;
-               padding: 0;
-       }
-       /* @noflip */
-       #p-personal li {
-               line-height: 1.125em;
-               float: left;
-       }
-       /* This one flips! */
-       #p-personal li {
-               margin-right: 0.75em;
-               margin-top: 0.5em;
-               font-size: 0.75em;
-               white-space: nowrap;
-       }
-       /* Navigation Containers */
-       #left-navigation {
-               position: absolute;
-               right: 10em;
-               top: 2.5em;
-       }
-       #right-navigation {
-               float: left;
-               margin-top: 2.5em;
-       }
-       /* Navigation Labels */
-       div.vectorTabs h5,
-       div.vectorMenu h5 span {
-               display: none;
-       }
-       /* Namespaces and Views */
-       /* @noflip */
-       div.vectorTabs {
-               float: left;
-               height: 2.5em;
-       }
-       div.vectorTabs {
-               /* @embed */
-               background-image: url(images/tab-break.png?1);
-               background-position: bottom right;
-               background-repeat: no-repeat;
-               padding-right: 1px;
-       }
-       /* @noflip */
-       div.vectorTabs ul {
-               float: left;
-       }
-       div.vectorTabs ul {
-               height: 100%;
-               list-style: none;
-               margin: 0;
-               padding: 0;
-       }
-       /* @noflip */
-       div.vectorTabs ul li {
-               float: left;
-       }
-       /* OVERRIDDEN BY COMPLIANT BROWSERS */
-       div.vectorTabs ul li {
-               line-height: 1.125em;
-               display: inline-block;
-               height: 100%;
-               margin: 0;
-               padding: 0;
-               background-color: #f3f3f3;
-               /* @embed */
-               background-image: url(images/tab-normal-fade.png?1);
-               background-position: bottom right;
-               background-repeat: repeat-x;
-               white-space:nowrap;
-       }
-       /* IGNORED BY IE6 */
-       div.vectorTabs ul > li {
-               display: block;
-       }
-       div.vectorTabs li.selected {
-               /* @embed */
-               background-image: url(images/tab-current-fade.png?1);
-       }
-       /* OVERRIDDEN BY COMPLIANT BROWSERS */
-       div.vectorTabs li a {
-               display: inline-block;
-               height: 1.9em;
-               padding-right: 0.5em;
-               padding-left: 0.5em;
-               /* @embed */
-               background-image: url(images/tab-break.png?1);
-               background-position: bottom left;
-               background-repeat: no-repeat;
-       }
-       div.vectorTabs li a{
-               color: #0645ad;
-               cursor: pointer;
-       }
-       div.vectorTabs li a  {
-               font-size: 0.8em;
-       }
-       /* IGNORED BY IE6 */
-       div.vectorTabs li > a {
-               display: block;
-       }
-       /* OVERRIDDEN BY COMPLIANT BROWSERS */
-       div.vectorTabs span a  {
-               display: inline-block;
-               padding-top: 1.25em;
-       }
-       /* IGNORED BY IE6 */
-       /* @noflip */
-       div.vectorTabs span > a {
-               float: left;
-               display: block;
-       }
-       div.vectorTabs li.selected a,
-       div.vectorTabs li.selected a:visited{
-               color: #333333;
-               text-decoration: none;
-       }
-       div.vectorTabs li.new a,
-       div.vectorTabs li.new a:visited{
-               color: #a55858;
-       }
-       /* Variants and Actions */
-       /* @noflip */
-       div.vectorMenu {
-               direction: ltr;
-               float: left;
-               /* @embed */
-               background-image: url(images/arrow-down-icon.png?1);
-               background-position: 100% 60%;
-               background-repeat: no-repeat;
-               cursor: pointer;
-       }
-       /* @noflip */
-       body.rtl div.vectorMenu {
-               direction: rtl;
-       }
-       /* OVERRIDDEN BY COMPLIANT BROWSERS */
-       /* @noflip */
-       div#mw-head div.vectorMenu h5 {
-               float: left;
-               /* @embed */
-               background-image: url(images/tab-break.png?1);
-               background-repeat: no-repeat;
-       }
-       /* IGNORED BY IE6 */
-       div#mw-head div.vectorMenu > h5 {
-               background-image: none;
-       }
-       div#mw-head div.vectorMenu h5 {
-               background-position: bottom right;
-               margin-right: -1px;
-       }
-       div#mw-head div.vectorMenu h4 {
-               display: inline-block;
-               float: right;
-               font-size: 0.8em;
-               padding-right: 0.5em;
-               padding-top: 1.375em;
-               font-weight: normal;
-               border: none;
-       }
-       /* OVERRIDDEN BY COMPLIANT BROWSERS */
-       /* @noflip */
-       div.vectorMenu h5 a {
-               display: inline-block;
-               width: 24px;
-               height: 2.5em;
-               text-decoration: none;
-               /* @embed */
-               background-image: url(images/tab-break.png?1);
-               background-repeat: no-repeat;
-       }
-       div.vectorMenu h5 a{
-               background-position: bottom left;
-       }
-       /* IGNORED BY IE6 */
-       div.vectorMenu h5 > a {
-               display: block;
-       }
-       div.vectorMenu div.menu {
-               position: relative;
-               display: none;
-               clear: both;
-               text-align: right;
-       }
-       /* OVERRIDDEN BY COMPLIANT BROWSERS */
-       /* @noflip */
-       body.rtl div.vectorMenu div.menu {
-               margin-left: 24px;
-       }
-       /* IGNORED BY IE6 */
-       /* @noflip */
-       body.rtl div.vectorMenu > div.menu {
-               margin-left: auto;
-       }
-       /* Fixes old versions of FireFox */
-       /* @noflip */
-       body.rtl div.vectorMenu > div.menu,
-       x:-moz-any-link {
-               margin-left: 23px;
-       }
-       div.vectorMenu:hover div.menu {
-               display: block;
-       }
-       div.vectorMenu ul {
-               position: absolute;
-               background-color: white;
-               border: solid 1px silver;
-               border-top-width: 0;
-               list-style: none;
-               list-style-image: none;
-               list-style-type: none;
-               padding: 0;
-               margin: 0;
-               margin-right: -1px;
-               text-align: right;
-       }
-       /* Fixes old versions of FireFox */
-       div.vectorMenu ul,
-       x:-moz-any-link {
-               min-width: 5em;
-       }
-       /* Returns things back to normal in modern versions of FireFox */
-       div.vectorMenu ul,
-       x:-moz-any-link,
-       x:default {
-               min-width: 0;
-       }
-       div.vectorMenu li {
-               padding: 0;
-               margin: 0;
-               text-align: right;
-               line-height: 1em;
-       }
-       /* OVERRIDDEN BY COMPLIANT BROWSERS */
-       div.vectorMenu li a {
-               display: inline-block;
-               padding: 0.5em;
-               white-space: nowrap;
-       }
-       /* IGNORED BY IE6 */
-       div.vectorMenu li > a {
-               display: block;
-       }
-       div.vectorMenu li a {
-               color: #0645ad;
-               cursor: pointer;
-               font-size: 0.8em;
-       }
-       div.vectorMenu li.selected a,
-       div.vectorMenu li.selected a:visited {
-               color: #333333;
-               text-decoration: none;
-       }
-       /* Search */
-       #p-search h5 {
-               display: none;
-       }
-       /* @noflip */
-       #p-search {
-               float: left;
-       }
-       #p-search {
-               margin-left: 0.5em;
-               margin-right: 0.5em;
-       }
-       #p-search form,
-       #p-search input {
-               margin: 0;
-               margin-top: 0.4em;
-       }
-       div#simpleSearch {
-               margin-top: 0.65em;
-               position: relative;
-               min-height: 1px; /* Gotta trigger hasLayout for IE7 */
-               border: solid 1px #AAAAAA;
-               background-color: white;
-               /* @embed */
-               background-image: url(images/search-fade.png?1);
-               background-position: top right;
-               background-repeat: repeat-x;
-       }
-       div#simpleSearch label {
-               /*
-                * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
-                * this from ever being shown anyways.
-               */
-               font-size: 13px;
-               top: 0.25em;
-       }
-       div#simpleSearch .placeholder {
-               color: #999999;
-       }
-       div#simpleSearch input::-webkit-input-placeholder { 
-               color: #999999;
-       }
-       div#simpleSearch input#searchInput {
-               margin: 0;
-               border-width: 0;
-               padding: 3px;
-               vertical-align: top;
-               /*
-                * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
-                * this from ever being shown anyways.
-               */
-               font-size: 13px;
-               width: 14em;
-               background-color: transparent;
-       }
-       /* OVERRIDDEN BY COMPLIANT BROWSERS */
-       div#simpleSearch button#searchButton {
-               padding: 0;
-               margin: 0 5px;
-               border: none;
-               cursor: pointer;
-               background-color: transparent;
-               font-size: x-small;
-       }
-       div#simpleSearch button#searchButton img {
-               border: none;
-               margin: 0;
-               padding: 0;
-               vertical-align: middle;
-       }
-/* Panel */
-div#mw-panel {
-       position: absolute;
-       top: 160px;
-       padding-top: 1em;
-       width: 10em;
-       right: 0;
-}
-       div#mw-panel div.portal {
-               padding-bottom: 1.5em;
-               direction: rtl;
-       }
-       div#mw-panel div.portal h5 {
-               font-weight: normal;
-               color: #444444;
-               padding: 0.25em;
-               padding-top: 0;
-               padding-right: 1.75em;
-               cursor: default;
-               border: none;
-               font-size: 0.75em;
-       }
-       div#mw-panel div.portal div.body {
-               margin: 0;
-               padding-top: 0.5em;
-               margin-right: 1.25em;
-               /* @embed */
-               background-image: url(images/portal-break.png?1);
-               background-repeat: no-repeat;
-               background-position: top right;
-       }
-       div#mw-panel div.portal div.body ul {
-               list-style: none;
-               list-style-image: none;
-               list-style-type: none;
-               padding: 0;
-               margin: 0;
-       }
-       div#mw-panel div.portal div.body ul li {
-               line-height: 1.125em;
-               padding: 0;
-               padding-bottom: 0.5em;
-               margin: 0;
-               overflow: hidden;
-               font-size: 0.75em;
-       }
-       div#mw-panel div.portal div.body ul li a {
-               color: #0645ad;
-       }
-       div#mw-panel div.portal div.body ul li a:visited {
-               color: #0b0080;
-       }
-/* Footer */
-div#footer {
-       margin-right: 10em;
-       margin-top: 0;
-       padding: 0.75em;
-       /* @embed */
-       background-image: url(images/border.png?1);
-       background-position: top right;
-       background-repeat: repeat-x;
-       direction: rtl;
-}
-div#footer ul {
-       list-style: none;
-       list-style-image: none;
-       list-style-type: none;
-       margin: 0;
-       padding: 0;
-}
-div#footer ul li {
-       margin: 0;
-       padding: 0;
-       padding-top: 0.5em;
-       padding-bottom: 0.5em;
-       color: #333333;
-       font-size: 0.7em;
-}
-div#footer #footer-icons {
-       float: left;
-}
-/* @noflip */
-body.ltr div#footer #footer-places {
-       float: left;
-}
-div#footer #footer-info li {
-       line-height: 1.4em;
-}
-div#footer #footer-icons li {
-       float: right;
-       margin-right: 0.5em;
-       line-height: 2em;
-}
-div#footer #footer-places li {
-       float: right;
-       margin-left: 1em;
-       line-height: 2em;
-}
-/* Logo */
-#p-logo {
-       position: absolute;
-       top: -160px;
-       right: 0;
-       width: 10em;
-       height: 160px;
-}
-#p-logo a {
-       display: block;
-       width: 10em;
-       height: 160px;
-       background-repeat: no-repeat;
-       background-position: center center;
-       text-decoration: none;
-}
-
-/*
- * 
- * The following code is highly modified from monobook. It would be nice if the
- * preftoc id was more human readable like preferences-toc for instance,
- * howerver this would require backporting the other skins.
- */
-
-/* Preferences */
-#preftoc {
-       /* Tabs */
-       width: 100%;
-       float: right;
-       clear: both;
-       margin: 0 !important;
-       padding: 0 !important;
-       /* @embed */
-       background-image: url(images/preferences-break.png?1);
-       background-position: bottom right;
-       background-repeat: no-repeat;
-}
-       #preftoc li {
-               /* Tab */
-               float: right;
-               margin: 0;
-               padding: 0;
-               padding-left: 1px;
-               height: 2.25em;
-               white-space: nowrap;
-               list-style-type: none;
-               list-style-image: none;
-               /* @embed */
-               background-image: url(images/preferences-break.png?1);
-               background-position: bottom left;
-               background-repeat: no-repeat;
-       }
-       /* IGNORED BY IE6 */
-       #preftoc li:first-child {
-               margin-right: 1px;
-       }
-       #preftoc a,
-       #preftoc a:active {
-               display: inline-block;
-               position: relative;
-               color: #0645ad;
-               padding: 0.5em;
-               text-decoration: none;
-               background-image: none;
-               font-size: 0.9em;
-       }
-       #preftoc a:hover,
-       #preftoc a:focus {
-               text-decoration: underline;
-       }
-       #preftoc li.selected a {
-               /* @embed */
-               background-image: url(images/preferences-fade.png?1);
-               background-position: bottom;
-               background-repeat: repeat-x;
-               color: #333333;
-               text-decoration: none;
-       }
-#preferences {
-       float: right;
-       width: 100%;
-       margin: 0;
-       margin-top: -2px;
-       clear: both;
-       border: solid 1px #cccccc;
-       background-color: #f9f9f9;
-       /* @embed */
-       background-image: url(images/preferences-base.png?1);
-}
-#preferences fieldset.prefsection {
-       border: none;
-       padding: 0;
-       margin: 1em;
-}
-#preferences fieldset.prefsection fieldset {
-       border: none;
-       border-top: solid 1px #cccccc;
-}
-#preferences legend {
-       color: #666666;
-}
-#preferences fieldset.prefsection legend.mainLegend {
-       display: none;
-}
-#preferences td {
-       padding-right: 0.5em;
-       padding-left: 0.5em;
-}
-#preferences td.htmlform-tip {
-       font-size: x-small;
-       padding: .2em 2em;
-       color: #666666;
-}
-#preferences div.mw-prefs-buttons {
-       padding: 1em;
-}
-#preferences div.mw-prefs-buttons input {
-       margin-left: 0.25em;
-}
-
-/* 
- * Styles for the user login and create account forms
- */
-#userlogin, #userloginForm {
-       border: solid 1px #cccccc;
-       padding: 1.2em;
-       margin: .5em;
-       float: right;
-}
-
-#userlogin {
-       min-width: 20em;
-       max-width: 90%;
-       width: 40em;
-}
-
-/*
- * 
- * The following code is slightly modified from monobook
- * 
- */
-div#content {
-       line-height: 1.5em;
-}
-#bodyContent {
-       font-size: 0.8em;
-}
-/* Links */
-a {
-       text-decoration: none;
-       color: #0645ad;
-       background: none;
-}
-a:visited {
-       color: #0b0080;
-}
-a:active {
-       color: #faa700;
-}
-a:hover, a:focus {
-       text-decoration: underline;
-}
-a.stub {
-       color: #772233;
-}
-a.new, #p-personal a.new {
-       color: #ba0000;
-}
-a.new:visited, #p-personal a.new:visited {
-       color: #a55858;
-}
-
-/* Inline Elements */
-img {
-       border: none;
-       vertical-align: middle;
-}
-hr {
-       height: 1px;
-       color: #aaa;
-       background-color: #aaa;
-       border: 0;
-       margin: .2em 0 .2em 0;
-}
-
-/* Structural Elements */
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-       color: black;
-       background: none;
-       font-weight: normal;
-       margin: 0;
-       padding-top: .5em;
-       padding-bottom: .17em;
-       border-bottom: 1px solid #aaa;
-       width: auto;
-}
-h1 { font-size: 188%; }
-h1 .editsection { font-size: 53%; }
-h2 { font-size: 150%; }
-h2 .editsection { font-size: 67%; }
-h3,
-h4,
-h5,
-h6 {
-       border-bottom: none;
-       font-weight: bold;
-}
-h3 { font-size: 132%; }
-h3 .editsection { font-size: 76%; font-weight: normal; }
-h4 { font-size: 116%; }
-h4 .editsection { font-size: 86%; font-weight: normal; }
-h5 { font-size: 100%; }
-h5 .editsection { font-weight: normal; }
-h6 { font-size: 80%;  }
-h6 .editsection { font-size: 125%; font-weight: normal; }
-.editsection { float: left; }
-p {
-       margin: .4em 0 .5em 0;
-       line-height: 1.5em;
-}
-       p img {
-               margin: 0;
-       }
-abbr,
-acronym,
-.explain {
-       border-bottom: 1px dotted black;
-       color: black;
-       background: none;
-       cursor: help;
-}
-q {
-       font-family: Times, "Times New Roman", serif;
-       font-style: italic;
-}
-/* Disabled for now
-blockquote {
-       font-family: Times, "Times New Roman", serif;
-       font-style: italic;
-}*/
-pre, code, tt {
-       /*
-        * It's important for this rule to first reference an actual font name, some browsers will render the monospace text
-        * too small otherwise, namely Firefox, Chrome and Safari
-        */
-       font-family: monospace, "Courier New";
-}
-code {
-       background-color: #f9f9f9;
-}
-pre {
-       padding: 1em;
-       border: 1px dashed #2f6fab;
-       color: black;
-       background-color: #f9f9f9;
-       line-height: 1.1em;
-}
-ul {
-       line-height: 1.5em;
-       list-style-type: square;
-       margin: .3em 1.5em 0 0;
-       padding: 0;
-       /* @embed */
-       list-style-image: url(images/bullet-icon.png?1);
-}
-ol {
-       line-height: 1.5em;
-       margin: .3em 3.2em 0 0;
-       padding: 0;
-       list-style-image: none;
-}
-li {
-       margin-bottom: .1em;
-}
-dt {
-       font-weight: bold;
-       margin-bottom: .1em;
-}
-dl {
-       margin-top: .2em;
-       margin-bottom: .5em;
-}
-dd {
-       line-height: 1.5em;
-       margin-right: 2em;
-       margin-bottom: .1em;
-}
-/* Tables */
-table {
-       font-size: 100%;
-       color: black;
-       /* we don't want the bottom borders of <h2>s to be visible through
-        * floated tables */
-       background-color: white;
-}
-fieldset table {
-       /* but keep table layouts in forms clean... */
-       background: none;
-}
-/* Forms */
-fieldset {
-       border: 1px solid #2f6fab;
-       margin: 1em 0 1em 0;
-       padding: 0 1em 1em;
-       line-height: 1.5em;
-}
-       fieldset.nested {
-               margin: 0 0 0.5em 0;
-               padding: 0 0.5em 0.5em;
-       }
-legend {
-       padding: .5em;
-       font-size: 95%;
-}
-form {
-       border: none;
-       margin: 0;
-}
-textarea {
-       width: 100%;
-       padding: .1em;
-}
-select {
-       vertical-align: top;
-}
-/* Table of Contents */
-#toc,
-.toc,
-.mw-warning {
-       border: 1px solid #aaa;
-       background-color: #f9f9f9;
-       padding: 5px;
-       font-size: 95%;
-}
-#toc h2,
-.toc h2 {
-       display: inline;
-       border: none;
-       padding: 0;
-       font-size: 100%;
-       font-weight: bold;
-}
-#toc #toctitle,
-.toc #toctitle,
-#toc .toctitle,
-.toc .toctitle {
-       text-align: center;
-}
-#toc ul,
-.toc ul {
-       list-style-type: none;
-       list-style-image: none;
-       margin-right: 0;
-       padding-right: 0;
-       text-align: right;
-}
-#toc ul ul,
-.toc ul ul {
-       margin: 0 2em 0 0;
-}
-#toc .toctoggle,
-.toc .toctoggle {
-       font-size: 94%;
-}
-/* Images */
-div.floatright, table.floatright {
-       clear: left;
-       float: left;
-       position: relative;
-       margin: 0 .5em .5em 0;
-       border: 0;
-}
-div.floatright p { font-style: italic; }
-div.floatleft, table.floatleft {
-       float: right;
-       clear: right;
-       position: relative;
-       margin: 0 0 .5em .5em;
-       border: 0;
-}
-div.floatleft p { font-style: italic; }
-/* Thumbnails */
-div.thumb {
-       margin-bottom: .5em;
-       border-style: solid;
-       border-color: white;
-       width: auto;
-       background-color: transparent;
-}
-div.thumbinner {
-       border: 1px solid #ccc;
-       padding: 3px !important;
-       background-color: #f9f9f9;
-       font-size: 94%;
-       text-align: center;
-       overflow: hidden;
-}
-html .thumbimage {
-       border: 1px solid #ccc;
-}
-html .thumbcaption {
-       border: none;
-       text-align: right;
-       line-height: 1.4em;
-       padding: 3px !important;
-       font-size: 94%;
-}
-div.magnify {
-       float: left;
-       border: none !important;
-       background: none !important;
-}
-div.magnify a, div.magnify img {
-       display: block;
-       border: none !important;
-       background: none !important;
-}
-/* @noflip */
-div.tright {
-       clear: right;
-       float: right;
-       border-width: .5em 0 .8em 1.4em;
-}
-/* @noflip */
-div.tleft {
-       float: left;
-       clear: left;
-       margin-right: .5em;
-       border-width: .5em 1.4em .8em 0;
-}
-img.thumbborder {
-       border: 1px solid #dddddd;
-}
-.hiddenStructure {
-       display: none;
-}
-/* Warning */
-.mw-warning {
-       margin-right: 50px;
-       margin-left: 50px;
-       text-align: center;
-}
-/* User Message */
-.usermessage {
-       background-color: #ffce7b;
-       border: 1px solid #ffa500;
-       color: black;
-       font-weight: bold;
-       margin: 2em 0 1em;
-       padding: .5em 1em;
-       vertical-align: middle;
-}
-/* Site Notice (includes notices from CentralNotice extension) */
-#siteNotice {
-       text-align: center;
-       font-size: 0.8em;
-       margin: 0;
-}
-#localNotice {
-       margin-bottom: 0.9em;
-}
-/* Categories */
-.catlinks {
-       border: 1px solid #aaa;
-       background-color: #f9f9f9;
-       padding: 5px;
-       margin-top: 1em;
-       clear: both;
-}
-/* Sub-navigation */
-#siteSub {
-       display: none;
-}
-#jump-to-nav {
-       display: none;
-}
-#contentSub, #contentSub2 {
-       font-size: 84%;
-       line-height: 1.2em;
-       margin: 0 1em 1.4em 0;
-       color: #7d7d7d;
-       width: auto;
-}
-span.subpages {
-       display: block;
-}
-/* Emulate Center */
-.center {
-       width: 100%;
-       text-align: center;
-}
-*.center * {
-       margin-right: auto;
-       margin-left: auto;
-}
-/* Small for tables and similar */
-.small, .small * {
-       font-size: 94%;
-}
-table.small {
-       font-size: 100%;
-}
-/* Edge Cases for Content */
-h1, h2 {
-       margin-bottom: .6em;
-}
-h3, h4, h5 {
-       margin-bottom: .3em;
-}
-#firstHeading {
-       padding-top: 0;
-       margin-top: 0;
-       padding-top: 0;
-       margin-bottom: 0.1em;
-       line-height: 1.2em;
-       font-size: 1.6em;
-       padding-bottom: 0;
-}
-div#content a.external,
-div#content a[href ^="gopher://"] {
-       /* @embed */
-       background: url(images/external-link-rtl-icon.png?2) center left no-repeat;
-       padding: 0 0 0 13px;
-}
-div#content a[href ^="https://"],
-.link-https {
-       /* @embed */
-       background: url(images/lock-icon.png?2) center left no-repeat;
-       padding: 0 0 0 13px;
-}
-div#content a[href ^="mailto:"],
-.link-mailto {
-       /* @embed */
-       background: url(images/mail-icon.png?2) center left no-repeat;
-       padding: 0 0 0 13px;
-}
-div#content a[href ^="news://"] {
-       /* @embed */
-       background: url(images/news-icon.png?2) center left no-repeat;
-       padding: 0 0 0 13px;
-}
-div#content a[href ^="ftp://"],
-.link-ftp {
-       /* @embed */
-       background: url(images/file-icon.png?2) center left no-repeat;
-       padding: 0 0 0 13px;
-}
-div#content a[href ^="irc://"],
-div#content a.extiw[href ^="irc://"],
-.link-irc {
-       /* @embed */
-       background: url(images/talk-icon.png?2) center left no-repeat;
-       padding: 0 0 0 13px;
-}
-div#content a.external[href $=".ogg"], div#content a.external[href $=".OGG"],
-div#content a.external[href $=".mid"], div#content a.external[href $=".MID"],
-div#content a.external[href $=".midi"], div#content a.external[href $=".MIDI"],
-div#content a.external[href $=".mp3"], div#content a.external[href $=".MP3"],
-div#content a.external[href $=".wav"], div#content a.external[href $=".WAV"],
-div#content a.external[href $=".wma"], div#content a.external[href $=".WMA"],
-.link-audio {
-       /* @embed */
-       background: url("images/audio-icon.png?2") center left no-repeat;
-       padding: 0 0 0 13px;
-}
-div#content a.external[href $=".ogm"], div#content a.external[href $=".OGM"],
-div#content a.external[href $=".avi"], div#content a.external[href $=".AVI"],
-div#content a.external[href $=".mpeg"], div#content a.external[href $=".MPEG"],
-div#content a.external[href $=".mpg"], div#content a.external[href $=".MPG"],
-.link-video {
-       /* @embed */
-       background: url("images/video-icon.png?2") center left no-repeat;
-       padding: 0 0 0 13px;
-}
-div#content a.external[href $=".pdf"], div#content a.external[href $=".PDF"],
-div#content a.external[href *=".pdf#"], div#content a.external[href *=".PDF#"],
-div#content a.external[href *=".pdf?"], div#content a.external[href *=".PDF?"],
-.link-document {
-       /* @embed */
-       background: url("images/document-icon.png?2") center left no-repeat;
-       padding: 0 0 0 13px;
-}
-/* Interwiki Styling  (Disabled) */
-div#content a.extiw,
-div#content a.extiw:active {
-       color: #36b;
-       background: none;
-       padding: 0;
-}
-div#content a.external {
-       color: #36b;
-}
-div#content .printfooter {
-       display: none;
-}
-/* Icon for Usernames */
-#pt-userpage,
-#pt-anonuserpage,
-#pt-login {
-       /* @embed */
-       background: url(images/user-icon.png?1) right top no-repeat;
-       padding-right: 15px !important;
-       text-transform: none;
-}
-
-.toccolours {
-       border: 1px solid #aaa;
-       background-color: #f9f9f9;
-       padding: 5px;
-       font-size: 95%;
-}
-#bodyContent {
-       position: relative;
-       width: 100%;
-}
-#mw-js-message {
-       font-size: 0.8em;
-}
-div#bodyContent {
-       line-height: 1.5em;
-}
-
-/* Watch/Unwatch Icon Styling */
-#ca-unwatch.icon,
-#ca-watch.icon {
-       margin-left:1px;
-}
-#ca-unwatch.icon a,
-#ca-watch.icon a {
-       margin: 0;
-       padding: 0;
-       outline: none;
-       display: block;
-       width: 26px;
-       /* This hides the text but shows the background image */
-       padding-top: 3.1em;
-       height: 0;
-       overflow: hidden;
-}
-#ca-unwatch.icon a {
-       /* @embed */
-       background-image: url(images/watch-icons.png?1);
-       background-position: -43px 60%;
-}
-#ca-watch.icon a {
-       /* @embed */
-       background-image: url(images/watch-icons.png?1);
-       background-position: 5px 60%;
-}
-#ca-unwatch.icon a:hover,
-#ca-unwatch.icon a:focus {
-       /* @embed */
-       background-image: url(images/watch-icons.png?1);
-       background-position: -67px 60%;
-}
-#ca-watch.icon a:hover,
-#ca-watch.icon a:focus {
-       /* @embed */
-       background-image: url(images/watch-icons.png?1);
-       background-position: -19px 60%;
-}
-#ca-unwatch.icon a.loading,
-#ca-watch.icon a.loading {
-       /* @embed */
-       background-image: url(images/watch-icon-loading.gif?1);
-       background-position: center 60%;
-}
-#ca-unwatch.icon a span,
-#ca-watch.icon a span {
-       display: none;
-}
-div.vectorTabs ul {
-       /* @embed */
-       background-image:url(images/tab-break.png?1);
-       background-position:left bottom;
-       background-repeat:no-repeat;
-}
-
-/* Convenience links to edit block, delete and protect reasons */
-p.mw-ipb-conveniencelinks, p.mw-protect-editreasons,
-p.mw-filedelete-editreasons, p.mw-delete-editreasons {
-       float: left;
-}
diff --git a/skins/vector/screen.css b/skins/vector/screen.css
new file mode 100644 (file)
index 0000000..b3f3208
--- /dev/null
@@ -0,0 +1,1185 @@
+/*
+ * Any rules which should not be flipped automatically in right-to-left situations should be prepended with @noflip in
+ * a comment block. Images that should be embedded as base64 data-URLs should be prepended with @embed in a comment
+ * block.
+ */
+/* Framework */
+html,
+body {
+       height: 100%;
+       margin: 0;
+       padding: 0;
+       font-family: sans-serif;
+       font-size: 1em;
+}
+body {
+       background-color: #f3f3f3;
+       /* @embed */
+       background-image: url(images/page-base.png?1);
+}
+/* Content */
+div#content {
+       margin-left: 10em;
+       padding: 1em;
+       /* @embed */
+       background-image: url(images/border.png?1);
+       background-position: top left;
+       background-repeat: repeat-y;
+       background-color: white;
+       color: black;
+       direction: ltr;
+}
+/* Head */
+#mw-page-base {
+       height: 5em;
+       background-color: white;
+       /* @embed */
+       background-image: url(images/page-fade.png?1);
+       background-position: bottom left;
+       background-repeat: repeat-x;
+}
+#mw-head-base {
+       margin-top: -5em;
+       margin-left: 10em;
+       height: 5em;
+       /* @embed */
+       background-image: url(images/border.png?1);
+       background-position: bottom left;
+       background-repeat: repeat-x;
+}
+div#mw-head {
+       position: absolute;
+       top: 0;
+       right: 0;
+       width: 100%;
+}
+div#mw-head h5 {
+       margin: 0;
+       padding: 0;
+}
+       /* Hide empty portlets */
+       div.emptyPortlet {
+               display: none;
+       }
+       /* Personal */
+       #p-personal {
+               position: absolute;
+               top: 0;
+               padding-left: 10em;
+               right: 0.75em;
+       }
+       #p-personal h5 {
+               display: none;
+       }
+       #p-personal ul {
+               list-style: none;
+               margin: 0;
+               padding: 0;
+       }
+       /* @noflip */
+       #p-personal li {
+               line-height: 1.125em;
+               float: left;
+       }
+       /* This one flips! */
+       #p-personal li {
+               margin-left: 0.75em;
+               margin-top: 0.5em;
+               font-size: 0.75em;
+               white-space: nowrap;
+       }
+       /* Navigation Containers */
+       #left-navigation {
+               position: absolute;
+               left: 10em;
+               top: 2.5em;
+       }
+       #right-navigation {
+               float: right;
+               margin-top: 2.5em;
+       }
+       /* Navigation Labels */
+       div.vectorTabs h5,
+       div.vectorMenu h5 span {
+               display: none;
+       }
+       /* Namespaces and Views */
+       /* @noflip */
+       div.vectorTabs {
+               float: left;
+               height: 2.5em;
+       }
+       div.vectorTabs {
+               /* @embed */
+               background-image: url(images/tab-break.png?1);
+               background-position: bottom left;
+               background-repeat: no-repeat;
+               padding-left: 1px;
+       }
+       /* @noflip */
+       div.vectorTabs ul {
+               float: left;
+       }
+       div.vectorTabs ul {
+               height: 100%;
+               list-style: none;
+               margin: 0;
+               padding: 0;
+       }
+       /* @noflip */
+       div.vectorTabs ul li {
+               float: left;
+       }
+       /* OVERRIDDEN BY COMPLIANT BROWSERS */
+       div.vectorTabs ul li {
+               line-height: 1.125em;
+               display: inline-block;
+               height: 100%;
+               margin: 0;
+               padding: 0;
+               background-color: #f3f3f3;
+               /* @embed */
+               background-image: url(images/tab-normal-fade.png?1);
+               background-position: bottom left;
+               background-repeat: repeat-x;
+               white-space:nowrap;
+       }
+       /* IGNORED BY IE6 */
+       div.vectorTabs ul > li {
+               display: block;
+       }
+       div.vectorTabs li.selected {
+               /* @embed */
+               background-image: url(images/tab-current-fade.png?1);
+       }
+       /* OVERRIDDEN BY COMPLIANT BROWSERS */
+       div.vectorTabs li a {
+               display: inline-block;
+               height: 1.9em;
+               padding-left: 0.5em;
+               padding-right: 0.5em;
+               /* @embed */
+               background-image: url(images/tab-break.png?1);
+               background-position: bottom right;
+               background-repeat: no-repeat;
+       }
+       div.vectorTabs li a{
+               color: #0645ad;
+               cursor: pointer;
+       }
+       div.vectorTabs li a  {
+               font-size: 0.8em;
+       }
+       /* IGNORED BY IE6 */
+       div.vectorTabs li > a {
+               display: block;
+       }
+       /* OVERRIDDEN BY COMPLIANT BROWSERS */
+       div.vectorTabs span a  {
+               display: inline-block;
+               padding-top: 1.25em;
+       }
+       /* IGNORED BY IE6 */
+       /* @noflip */
+       div.vectorTabs span > a {
+               float: left;
+               display: block;
+       }
+       div.vectorTabs li.selected a,
+       div.vectorTabs li.selected a:visited{
+               color: #333333;
+               text-decoration: none;
+       }
+       div.vectorTabs li.new a,
+       div.vectorTabs li.new a:visited{
+               color: #a55858;
+       }
+       /* Variants and Actions */
+       /* @noflip */
+       div.vectorMenu {
+               direction: ltr;
+               float: left;
+               /* @embed */
+               background-image: url(images/arrow-down-icon.png?1);
+               background-position: 100% 60%;
+               background-repeat: no-repeat;
+               cursor: pointer;
+       }
+       /* @noflip */
+       body.rtl div.vectorMenu {
+               direction: rtl;
+       }
+       /* OVERRIDDEN BY COMPLIANT BROWSERS */
+       /* @noflip */
+       div#mw-head div.vectorMenu h5 {
+               float: left;
+               /* @embed */
+               background-image: url(images/tab-break.png?1);
+               background-repeat: no-repeat;
+       }
+       /* IGNORED BY IE6 */
+       div#mw-head div.vectorMenu > h5 {
+               background-image: none;
+       }
+       div#mw-head div.vectorMenu h5 {
+               background-position: bottom left;
+               margin-left: -1px;
+       }
+       div#mw-head div.vectorMenu h4 {
+               display: inline-block;
+               float: left;
+               font-size: 0.8em;
+               padding-left: 0.5em;
+               padding-top: 1.375em;
+               font-weight: normal;
+               border: none;
+       }
+       /* OVERRIDDEN BY COMPLIANT BROWSERS */
+       /* @noflip */
+       div.vectorMenu h5 a {
+               display: inline-block;
+               width: 24px;
+               height: 2.5em;
+               text-decoration: none;
+               /* @embed */
+               background-image: url(images/tab-break.png?1);
+               background-repeat: no-repeat;
+       }
+       div.vectorMenu h5 a{
+               background-position: bottom right;
+       }
+       /* IGNORED BY IE6 */
+       div.vectorMenu h5 > a {
+               display: block;
+       }
+       div.vectorMenu div.menu {
+               position: relative;
+               display: none;
+               clear: both;
+               text-align: left;
+       }
+       /* OVERRIDDEN BY COMPLIANT BROWSERS */
+       /* @noflip */
+       body.rtl div.vectorMenu div.menu {
+               margin-left: 24px;
+       }
+       /* IGNORED BY IE6 */
+       /* @noflip */
+       body.rtl div.vectorMenu > div.menu {
+               margin-left: auto;
+       }
+       /* Fixes old versions of FireFox */
+       /* @noflip */
+       body.rtl div.vectorMenu > div.menu,
+       x:-moz-any-link {
+               margin-left: 23px;
+       }
+       div.vectorMenu:hover div.menu {
+               display: block;
+       }
+       div.vectorMenu ul {
+               position: absolute;
+               background-color: white;
+               border: solid 1px silver;
+               border-top-width: 0;
+               list-style: none;
+               list-style-image: none;
+               list-style-type: none;
+               padding: 0;
+               margin: 0;
+               margin-left: -1px;
+               text-align: left;
+       }
+       /* Fixes old versions of FireFox */
+       div.vectorMenu ul,
+       x:-moz-any-link {
+               min-width: 5em;
+       }
+       /* Returns things back to normal in modern versions of FireFox */
+       div.vectorMenu ul,
+       x:-moz-any-link,
+       x:default {
+               min-width: 0;
+       }
+       div.vectorMenu li {
+               padding: 0;
+               margin: 0;
+               text-align: left;
+               line-height: 1em;
+       }
+       /* OVERRIDDEN BY COMPLIANT BROWSERS */
+       div.vectorMenu li a {
+               display: inline-block;
+               padding: 0.5em;
+               white-space: nowrap;
+       }
+       /* IGNORED BY IE6 */
+       div.vectorMenu li > a {
+               display: block;
+       }
+       div.vectorMenu li a {
+               color: #0645ad;
+               cursor: pointer;
+               font-size: 0.8em;
+       }
+       div.vectorMenu li.selected a,
+       div.vectorMenu li.selected a:visited {
+               color: #333333;
+               text-decoration: none;
+       }
+       /* Search */
+       #p-search h5 {
+               display: none;
+       }
+       /* @noflip */
+       #p-search {
+               float: left;
+       }
+       #p-search {
+               margin-right: 0.5em;
+               margin-left: 0.5em;
+       }
+       #p-search form,
+       #p-search input {
+               margin: 0;
+               margin-top: 0.4em;
+       }
+       div#simpleSearch {
+               margin-top: 0.65em;
+               position: relative;
+               min-height: 1px; /* Gotta trigger hasLayout for IE7 */
+               border: solid 1px #AAAAAA;
+               background-color: white;
+               /* @embed */
+               background-image: url(images/search-fade.png?1);
+               background-position: top left;
+               background-repeat: repeat-x;
+       }
+       div#simpleSearch label {
+               /*
+                * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
+                * this from ever being shown anyways.
+               */
+               font-size: 13px;
+               top: 0.25em;
+       }
+       div#simpleSearch .placeholder {
+               color: #999999;
+       }
+       div#simpleSearch input::-webkit-input-placeholder { 
+               color: #999999;
+       }
+       div#simpleSearch input#searchInput {
+               margin: 0;
+               border-width: 0;
+               padding: 3px;
+               vertical-align: top;
+               /*
+                * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
+                * this from ever being shown anyways.
+               */
+               font-size: 13px;
+               width: 14em;
+               background-color: transparent;
+       }
+       /* OVERRIDDEN BY COMPLIANT BROWSERS */
+       div#simpleSearch button#searchButton {
+               padding: 0;
+               margin: 0 5px;
+               border: none;
+               cursor: pointer;
+               background-color: transparent;
+               font-size: x-small;
+       }
+       div#simpleSearch button#searchButton img {
+               border: none;
+               margin: 0;
+               padding: 0;
+               vertical-align: middle;
+       }
+/* Panel */
+div#mw-panel {
+       position: absolute;
+       top: 160px;
+       padding-top: 1em;
+       width: 10em;
+       left: 0;
+}
+       div#mw-panel div.portal {
+               padding-bottom: 1.5em;
+               direction: ltr;
+       }
+       div#mw-panel div.portal h5 {
+               font-weight: normal;
+               color: #444444;
+               padding: 0.25em;
+               padding-top: 0;
+               padding-left: 1.75em;
+               cursor: default;
+               border: none;
+               font-size: 0.75em;
+       }
+       div#mw-panel div.portal div.body {
+               margin: 0;
+               padding-top: 0.5em;
+               margin-left: 1.25em;
+               /* @embed */
+               background-image: url(images/portal-break.png?1);
+               background-repeat: no-repeat;
+               background-position: top left;
+       }
+       div#mw-panel div.portal div.body ul {
+               list-style: none;
+               list-style-image: none;
+               list-style-type: none;
+               padding: 0;
+               margin: 0;
+       }
+       div#mw-panel div.portal div.body ul li {
+               line-height: 1.125em;
+               padding: 0;
+               padding-bottom: 0.5em;
+               margin: 0;
+               overflow: hidden;
+               font-size: 0.75em;
+       }
+       div#mw-panel div.portal div.body ul li a {
+               color: #0645ad;
+       }
+       div#mw-panel div.portal div.body ul li a:visited {
+               color: #0b0080;
+       }
+/* Footer */
+div#footer {
+       margin-left: 10em;
+       margin-top: 0;
+       padding: 0.75em;
+       /* @embed */
+       background-image: url(images/border.png?1);
+       background-position: top left;
+       background-repeat: repeat-x;
+       direction: ltr;
+}
+div#footer ul {
+       list-style: none;
+       list-style-image: none;
+       list-style-type: none;
+       margin: 0;
+       padding: 0;
+}
+div#footer ul li {
+       margin: 0;
+       padding: 0;
+       padding-top: 0.5em;
+       padding-bottom: 0.5em;
+       color: #333333;
+       font-size: 0.7em;
+}
+div#footer #footer-icons {
+       float: right;
+}
+/* @noflip */
+body.ltr div#footer #footer-places {
+       float: left;
+}
+div#footer #footer-info li {
+       line-height: 1.4em;
+}
+div#footer #footer-icons li {
+       float: left;
+       margin-left: 0.5em;
+       line-height: 2em;
+}
+div#footer #footer-places li {
+       float: left;
+       margin-right: 1em;
+       line-height: 2em;
+}
+/* Logo */
+#p-logo {
+       position: absolute;
+       top: -160px;
+       left: 0;
+       width: 10em;
+       height: 160px;
+}
+#p-logo a {
+       display: block;
+       width: 10em;
+       height: 160px;
+       background-repeat: no-repeat;
+       background-position: center center;
+       text-decoration: none;
+}
+
+/*
+ * 
+ * The following code is highly modified from monobook. It would be nice if the
+ * preftoc id was more human readable like preferences-toc for instance,
+ * howerver this would require backporting the other skins.
+ */
+
+/* Preferences */
+#preftoc {
+       /* Tabs */
+       width: 100%;
+       float: left;
+       clear: both;
+       margin: 0 !important;
+       padding: 0 !important;
+       /* @embed */
+       background-image: url(images/preferences-break.png?1);
+       background-position: bottom left;
+       background-repeat: no-repeat;
+}
+       #preftoc li {
+               /* Tab */
+               float: left;
+               margin: 0;
+               padding: 0;
+               padding-right: 1px;
+               height: 2.25em;
+               white-space: nowrap;
+               list-style-type: none;
+               list-style-image: none;
+               /* @embed */
+               background-image: url(images/preferences-break.png?1);
+               background-position: bottom right;
+               background-repeat: no-repeat;
+       }
+       /* IGNORED BY IE6 */
+       #preftoc li:first-child {
+               margin-left: 1px;
+       }
+       #preftoc a,
+       #preftoc a:active {
+               display: inline-block;
+               position: relative;
+               color: #0645ad;
+               padding: 0.5em;
+               text-decoration: none;
+               background-image: none;
+               font-size: 0.9em;
+       }
+       #preftoc a:hover,
+       #preftoc a:focus {
+               text-decoration: underline;
+       }
+       #preftoc li.selected a {
+               /* @embed */
+               background-image: url(images/preferences-fade.png?1);
+               background-position: bottom;
+               background-repeat: repeat-x;
+               color: #333333;
+               text-decoration: none;
+       }
+#preferences {
+       float: left;
+       width: 100%;
+       margin: 0;
+       margin-top: -2px;
+       clear: both;
+       border: solid 1px #cccccc;
+       background-color: #f9f9f9;
+       /* @embed */
+       background-image: url(images/preferences-base.png?1);
+}
+#preferences fieldset.prefsection {
+       border: none;
+       padding: 0;
+       margin: 1em;
+}
+#preferences fieldset.prefsection fieldset {
+       border: none;
+       border-top: solid 1px #cccccc;
+}
+#preferences legend {
+       color: #666666;
+}
+#preferences fieldset.prefsection legend.mainLegend {
+       display: none;
+}
+#preferences td {
+       padding-left: 0.5em;
+       padding-right: 0.5em;
+}
+#preferences td.htmlform-tip {
+       font-size: x-small;
+       padding: .2em 2em;
+       color: #666666;
+}
+#preferences div.mw-prefs-buttons {
+       padding: 1em;
+}
+#preferences div.mw-prefs-buttons input {
+       margin-right: 0.25em;
+}
+
+/* 
+ * Styles for the user login and create account forms
+ */
+#userlogin, #userloginForm {
+       border: solid 1px #cccccc;
+       padding: 1.2em;
+       margin: .5em;
+       float: left;
+}
+
+#userlogin {
+       min-width: 20em;
+       max-width: 90%;
+       width: 40em;
+}
+
+/*
+ * 
+ * The following code is slightly modified from monobook
+ * 
+ */
+div#content {
+       line-height: 1.5em;
+}
+#bodyContent {
+       font-size: 0.8em;
+}
+/* Links */
+a {
+       text-decoration: none;
+       color: #0645ad;
+       background: none;
+}
+a:visited {
+       color: #0b0080;
+}
+a:active {
+       color: #faa700;
+}
+a:hover, a:focus {
+       text-decoration: underline;
+}
+a.stub {
+       color: #772233;
+}
+a.new, #p-personal a.new {
+       color: #ba0000;
+}
+a.new:visited, #p-personal a.new:visited {
+       color: #a55858;
+}
+
+/* Inline Elements */
+img {
+       border: none;
+       vertical-align: middle;
+}
+hr {
+       height: 1px;
+       color: #aaa;
+       background-color: #aaa;
+       border: 0;
+       margin: .2em 0 .2em 0;
+}
+
+/* Structural Elements */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+       color: black;
+       background: none;
+       font-weight: normal;
+       margin: 0;
+       padding-top: .5em;
+       padding-bottom: .17em;
+       border-bottom: 1px solid #aaa;
+       width: auto;
+}
+h1 { font-size: 188%; }
+h1 .editsection { font-size: 53%; }
+h2 { font-size: 150%; }
+h2 .editsection { font-size: 67%; }
+h3,
+h4,
+h5,
+h6 {
+       border-bottom: none;
+       font-weight: bold;
+}
+h3 { font-size: 132%; }
+h3 .editsection { font-size: 76%; font-weight: normal; }
+h4 { font-size: 116%; }
+h4 .editsection { font-size: 86%; font-weight: normal; }
+h5 { font-size: 100%; }
+h5 .editsection { font-weight: normal; }
+h6 { font-size: 80%;  }
+h6 .editsection { font-size: 125%; font-weight: normal; }
+.editsection { float: right; }
+p {
+       margin: .4em 0 .5em 0;
+       line-height: 1.5em;
+}
+       p img {
+               margin: 0;
+       }
+abbr,
+acronym,
+.explain {
+       border-bottom: 1px dotted black;
+       color: black;
+       background: none;
+       cursor: help;
+}
+q {
+       font-family: Times, "Times New Roman", serif;
+       font-style: italic;
+}
+/* Disabled for now
+blockquote {
+       font-family: Times, "Times New Roman", serif;
+       font-style: italic;
+}*/
+pre, code, tt {
+       /*
+        * It's important for this rule to first reference an actual font name, some browsers will render the monospace text
+        * too small otherwise, namely Firefox, Chrome and Safari
+        */
+       font-family: monospace, "Courier New";
+}
+code {
+       background-color: #f9f9f9;
+}
+pre {
+       padding: 1em;
+       border: 1px dashed #2f6fab;
+       color: black;
+       background-color: #f9f9f9;
+       line-height: 1.1em;
+}
+ul {
+       line-height: 1.5em;
+       list-style-type: square;
+       margin: .3em 0 0 1.5em;
+       padding: 0;
+       /* @embed */
+       list-style-image: url(images/bullet-icon.png?1);
+}
+ol {
+       line-height: 1.5em;
+       margin: .3em 0 0 3.2em;
+       padding: 0;
+       list-style-image: none;
+}
+li {
+       margin-bottom: .1em;
+}
+dt {
+       font-weight: bold;
+       margin-bottom: .1em;
+}
+dl {
+       margin-top: .2em;
+       margin-bottom: .5em;
+}
+dd {
+       line-height: 1.5em;
+       margin-left: 2em;
+       margin-bottom: .1em;
+}
+/* Tables */
+table {
+       font-size: 100%;
+       color: black;
+       /* we don't want the bottom borders of <h2>s to be visible through
+        * floated tables */
+       background-color: white;
+}
+fieldset table {
+       /* but keep table layouts in forms clean... */
+       background: none;
+}
+/* Forms */
+fieldset {
+       border: 1px solid #2f6fab;
+       margin: 1em 0 1em 0;
+       padding: 0 1em 1em;
+       line-height: 1.5em;
+}
+       fieldset.nested {
+               margin: 0 0 0.5em 0;
+               padding: 0 0.5em 0.5em;
+       }
+legend {
+       padding: .5em;
+       font-size: 95%;
+}
+form {
+       border: none;
+       margin: 0;
+}
+textarea {
+       width: 100%;
+       padding: .1em;
+}
+select {
+       vertical-align: top;
+}
+/* Table of Contents */
+#toc,
+.toc,
+.mw-warning {
+       border: 1px solid #aaa;
+       background-color: #f9f9f9;
+       padding: 5px;
+       font-size: 95%;
+}
+#toc h2,
+.toc h2 {
+       display: inline;
+       border: none;
+       padding: 0;
+       font-size: 100%;
+       font-weight: bold;
+}
+#toc #toctitle,
+.toc #toctitle,
+#toc .toctitle,
+.toc .toctitle {
+       text-align: center;
+}
+#toc ul,
+.toc ul {
+       list-style-type: none;
+       list-style-image: none;
+       margin-left: 0;
+       padding-left: 0;
+       text-align: left;
+}
+#toc ul ul,
+.toc ul ul {
+       margin: 0 0 0 2em;
+}
+#toc .toctoggle,
+.toc .toctoggle {
+       font-size: 94%;
+}
+/* Images */
+div.floatright, table.floatright {
+       clear: right;
+       float: right;
+       position: relative;
+       margin: 0 0 .5em .5em;
+       border: 0;
+}
+div.floatright p { font-style: italic; }
+div.floatleft, table.floatleft {
+       float: left;
+       clear: left;
+       position: relative;
+       margin: 0 .5em .5em 0;
+       border: 0;
+}
+div.floatleft p { font-style: italic; }
+/* Thumbnails */
+div.thumb {
+       margin-bottom: .5em;
+       border-style: solid;
+       border-color: white;
+       width: auto;
+       background-color: transparent;
+}
+div.thumbinner {
+       border: 1px solid #ccc;
+       padding: 3px !important;
+       background-color: #f9f9f9;
+       font-size: 94%;
+       text-align: center;
+       overflow: hidden;
+}
+html .thumbimage {
+       border: 1px solid #ccc;
+}
+html .thumbcaption {
+       border: none;
+       text-align: left;
+       line-height: 1.4em;
+       padding: 3px !important;
+       font-size: 94%;
+}
+div.magnify {
+       float: right;
+       border: none !important;
+       background: none !important;
+}
+div.magnify a, div.magnify img {
+       display: block;
+       border: none !important;
+       background: none !important;
+}
+/* @noflip */
+div.tright {
+       clear: right;
+       float: right;
+       border-width: .5em 0 .8em 1.4em;
+}
+/* @noflip */
+div.tleft {
+       float: left;
+       clear: left;
+       margin-right: .5em;
+       border-width: .5em 1.4em .8em 0;
+}
+img.thumbborder {
+       border: 1px solid #dddddd;
+}
+.hiddenStructure {
+       display: none;
+}
+/* Warning */
+.mw-warning {
+       margin-left: 50px;
+       margin-right: 50px;
+       text-align: center;
+}
+/* User Message */
+.usermessage {
+       background-color: #ffce7b;
+       border: 1px solid #ffa500;
+       color: black;
+       font-weight: bold;
+       margin: 2em 0 1em;
+       padding: .5em 1em;
+       vertical-align: middle;
+}
+/* Site Notice (includes notices from CentralNotice extension) */
+#siteNotice {
+       text-align: center;
+       font-size: 0.8em;
+       margin: 0;
+}
+#localNotice {
+       margin-bottom: 0.9em;
+}
+/* Categories */
+.catlinks {
+       border: 1px solid #aaa;
+       background-color: #f9f9f9;
+       padding: 5px;
+       margin-top: 1em;
+       clear: both;
+}
+/* Sub-navigation */
+#siteSub {
+       display: none;
+}
+#jump-to-nav {
+       display: none;
+}
+#contentSub, #contentSub2 {
+       font-size: 84%;
+       line-height: 1.2em;
+       margin: 0 0 1.4em 1em;
+       color: #7d7d7d;
+       width: auto;
+}
+span.subpages {
+       display: block;
+}
+/* Emulate Center */
+.center {
+       width: 100%;
+       text-align: center;
+}
+*.center * {
+       margin-left: auto;
+       margin-right: auto;
+}
+/* Small for tables and similar */
+.small, .small * {
+       font-size: 94%;
+}
+table.small {
+       font-size: 100%;
+}
+/* Edge Cases for Content */
+h1, h2 {
+       margin-bottom: .6em;
+}
+h3, h4, h5 {
+       margin-bottom: .3em;
+}
+#firstHeading {
+       padding-top: 0;
+       margin-top: 0;
+       padding-top: 0;
+       margin-bottom: 0.1em;
+       line-height: 1.2em;
+       font-size: 1.6em;
+       padding-bottom: 0;
+}
+div#content a.external,
+div#content a[href ^="gopher://"] {
+       /* @embed */
+       background: url(images/external-link-ltr-icon.png?2) center right no-repeat;
+       padding: 0 13px 0 0;
+}
+div#content a[href ^="https://"],
+.link-https {
+       /* @embed */
+       background: url(images/lock-icon.png?2) center right no-repeat;
+       padding: 0 13px 0 0;
+}
+div#content a[href ^="mailto:"],
+.link-mailto {
+       /* @embed */
+       background: url(images/mail-icon.png?2) center right no-repeat;
+       padding: 0 13px 0 0;
+}
+div#content a[href ^="news://"] {
+       /* @embed */
+       background: url(images/news-icon.png?2) center right no-repeat;
+       padding: 0 13px 0 0;
+}
+div#content a[href ^="ftp://"],
+.link-ftp {
+       /* @embed */
+       background: url(images/file-icon.png?2) center right no-repeat;
+       padding: 0 13px 0 0;
+}
+div#content a[href ^="irc://"],
+div#content a.extiw[href ^="irc://"],
+.link-irc {
+       /* @embed */
+       background: url(images/talk-icon.png?2) center right no-repeat;
+       padding: 0 13px 0 0;
+}
+div#content a.external[href $=".ogg"], div#content a.external[href $=".OGG"],
+div#content a.external[href $=".mid"], div#content a.external[href $=".MID"],
+div#content a.external[href $=".midi"], div#content a.external[href $=".MIDI"],
+div#content a.external[href $=".mp3"], div#content a.external[href $=".MP3"],
+div#content a.external[href $=".wav"], div#content a.external[href $=".WAV"],
+div#content a.external[href $=".wma"], div#content a.external[href $=".WMA"],
+.link-audio {
+       /* @embed */
+       background: url("images/audio-icon.png?2") center right no-repeat;
+       padding: 0 13px 0 0;
+}
+div#content a.external[href $=".ogm"], div#content a.external[href $=".OGM"],
+div#content a.external[href $=".avi"], div#content a.external[href $=".AVI"],
+div#content a.external[href $=".mpeg"], div#content a.external[href $=".MPEG"],
+div#content a.external[href $=".mpg"], div#content a.external[href $=".MPG"],
+.link-video {
+       /* @embed */
+       background: url("images/video-icon.png?2") center right no-repeat;
+       padding: 0 13px 0 0;
+}
+div#content a.external[href $=".pdf"], div#content a.external[href $=".PDF"],
+div#content a.external[href *=".pdf#"], div#content a.external[href *=".PDF#"],
+div#content a.external[href *=".pdf?"], div#content a.external[href *=".PDF?"],
+.link-document {
+       /* @embed */
+       background: url("images/document-icon.png?2") center right no-repeat;
+       padding: 0 13px 0 0;
+}
+/* Interwiki Styling  (Disabled) */
+div#content a.extiw,
+div#content a.extiw:active {
+       color: #36b;
+       background: none;
+       padding: 0;
+}
+div#content a.external {
+       color: #36b;
+}
+div#content .printfooter {
+       display: none;
+}
+/* Icon for Usernames */
+#pt-userpage,
+#pt-anonuserpage,
+#pt-login {
+       /* @embed */
+       background: url(images/user-icon.png?1) left top no-repeat;
+       padding-left: 15px !important;
+       text-transform: none;
+}
+
+.toccolours {
+       border: 1px solid #aaa;
+       background-color: #f9f9f9;
+       padding: 5px;
+       font-size: 95%;
+}
+#bodyContent {
+       position: relative;
+       width: 100%;
+}
+#mw-js-message {
+       font-size: 0.8em;
+}
+div#bodyContent {
+       line-height: 1.5em;
+}
+
+/* Watch/Unwatch Icon Styling */
+#ca-unwatch.icon,
+#ca-watch.icon {
+       margin-right:1px;
+}
+#ca-unwatch.icon a,
+#ca-watch.icon a {
+       margin: 0;
+       padding: 0;
+       outline: none;
+       display: block;
+       width: 26px;
+       /* This hides the text but shows the background image */
+       padding-top: 3.1em;
+       height: 0;
+       overflow: hidden;
+}
+#ca-unwatch.icon a {
+       /* @embed */
+       background-image: url(images/watch-icons.png?1);
+       background-position: -43px 60%;
+}
+#ca-watch.icon a {
+       /* @embed */
+       background-image: url(images/watch-icons.png?1);
+       background-position: 5px 60%;
+}
+#ca-unwatch.icon a:hover,
+#ca-unwatch.icon a:focus {
+       /* @embed */
+       background-image: url(images/watch-icons.png?1);
+       background-position: -67px 60%;
+}
+#ca-watch.icon a:hover,
+#ca-watch.icon a:focus {
+       /* @embed */
+       background-image: url(images/watch-icons.png?1);
+       background-position: -19px 60%;
+}
+#ca-unwatch.icon a.loading,
+#ca-watch.icon a.loading {
+       /* @embed */
+       background-image: url(images/watch-icon-loading.gif?1);
+       background-position: center 60%;
+}
+#ca-unwatch.icon a span,
+#ca-watch.icon a span {
+       display: none;
+}
+div.vectorTabs ul {
+       /* @embed */
+       background-image:url(images/tab-break.png?1);
+       background-position:right bottom;
+       background-repeat:no-repeat;
+}
+
+/* Convenience links to edit block, delete and protect reasons */
+p.mw-ipb-conveniencelinks, p.mw-protect-editreasons,
+p.mw-filedelete-editreasons, p.mw-delete-editreasons {
+       float: right;
+}
diff --git a/skins/vector/wiki-indexed.png b/skins/vector/wiki-indexed.png
deleted file mode 100644 (file)
index 189a2ae..0000000
Binary files a/skins/vector/wiki-indexed.png and /dev/null differ
diff --git a/skins/vector/wiki.png b/skins/vector/wiki.png
deleted file mode 100644 (file)
index 2463b52..0000000
Binary files a/skins/vector/wiki.png and /dev/null differ