implimenting a new variation on the orange inclusive color scheme

diff --git a/skins/vector/experiments/babaco-colors-a.css b/skins/vector/experiments/babaco-colors-a.css
index 1ef73b6..40c6ddc 100644 (file)
--- a/skins/vector/experiments/babaco-colors-a.css
+++ b/skins/vector/experiments/babaco-colors-a.css
@@ -1,4 +1,8 @@
 /* Babaco Color Scheme A */
+
+#head-base{
+       background:url(images/page-base-fade.png) 0 100% repeat-x #ffffff;
+}
 a:visited,
 a:visited div.vectorTabs li.selected a:visited span {
        color: #260e9c;
@@ -6,8 +10,8 @@ a:visited div.vectorTabs li.selected a:visited span {
 
 html .thumbimage,
 #toc, .toc, .mw-warning, div.thumbinner {
-       border-color: #c0c0c0;
-       background-color: #f0f0f0;
+       border-color: #cccccc;
+       background-color: #f7f7f7;
 }
 
 /* Framework */
@@ -17,22 +21,22 @@ body {
 }
 /* Links */
 a {
-       color: #003cb3;
+       color: #0066cc;
 }
 a:visited {
        color: #004d99;
 }
 a:active {
-       color: #be5900;
+       color: #ff6600;
 }
 a.stub {
        color: #772233;
 }
 a.new, #p-personal a.new {
-       color: #990000 !important;
+       color: #a31205 !important;
 }
 a.new:visited, #p-personal a.new:visited {
-       color: #a55858;
+       color: #a31205;
 }
 
 h1,
@@ -41,19 +45,22 @@ h3,
 h4,
 h5,
 h6 {
-       border-color:#8d8d8d;
+       border-color:#999999;
+}
+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: #be5900 !important;
+       color: #ff6600 !important;
 }
 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:#990000;
+       color:#a31205;
 }
 #toc,
 .toc,
@@ -66,9 +73,6 @@ html .thumbimage,
 .usermessage,
 img.thumbborder,
 div.thumbinner{
-       border: 1px solid #c0c0c0;
-       background-color: #f0f0f0;
-}
-#firstHeading {
-       color:#005780;
+       border: 1px solid #cccccc;
+       background-color: #f7f7f7;
 }

diff --git a/skins/vector/experiments/images/page-base-fade.png b/skins/vector/experiments/images/page-base-fade.png
new file mode 100644 (file)
index 0000000..dc63182
Binary files /dev/null and b/skins/vector/experiments/images/page-base-fade.png differ

diff --git a/skins/vector/experiments/images/page-base-updated.png b/skins/vector/experiments/images/page-base-updated.png
index c9d53ba..54ffeb0 100644 (file)
Binary files a/skins/vector/experiments/images/page-base-updated.png and b/skins/vector/experiments/images/page-base-updated.png differ

diff --git a/skins/vector/experiments/new-tabs.css b/skins/vector/experiments/new-tabs.css
index 08c540b..6f30dad 100644 (file)
--- a/skins/vector/experiments/new-tabs.css
+++ b/skins/vector/experiments/new-tabs.css
@@ -2,9 +2,7 @@
 #content {
        background-image: url(images/new-border.png);
 }
-#head-base {
-       background-image: url(images/new-border.png);
-}
+
 #footer {
        background-image: url(images/new-border.png);
 }
@@ -65,9 +63,9 @@
        }
        /* OVERRIDDEN BY COMPLIANT BROWSERS */
        body div.vectorTabs li a {
-               border-top:1px solid #c0c0c0;
-               border-left:1px solid #c0c0c0;
-               border-right:1px solid #c0c0c0;
+               border-top:1px solid #cccccc;
+               border-left:1px solid #cccccc;
+               border-right:1px solid #cccccc;
                display: inline-block;
                height: 1.9em;
                padding-left: 0.4em;
@@ -78,7 +76,6 @@
        }
        div.vectorTabs li a,
        div.vectorTabs li a span {
-               color: #0645ad;
                cursor: pointer;
        }
        div.vectorTabs li a span {
@@ -109,8 +106,8 @@
                margin-right:7px;
                padding-left:0.4em;
                padding-right:0;
-               border-left:1px solid #c0c0c0;
-               border-top:1px solid #c0c0c0;
+               border-left:1px solid #cccccc;
+               border-top:1px solid #cccccc;
                border-right:none;
                background-image:url(images/tab-fade.png);
                background-position:top left;
@@ -126,8 +123,8 @@
                margin-left:7px;
                padding-left:0em;
                padding-right:0.4em;
-               border-right:1px solid #c0c0c0;
-               border-top:1px solid #c0c0c0;
+               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;
@@ -171,12 +168,6 @@
                padding-right:0.2em;
                border-right:none;
        }
-       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: #990000;
-       }
        
        /* Variants and Actions */
        /* @noflip */
@@ -188,9 +179,9 @@
        /* @noflip */
        body #head div.vectorMenu h5 {
 
-               border-top:1px solid #c0c0c0;
-               border-left:1px solid #c0c0c0;
-               border-right:1px solid #c0c0c0;
+               border-top:1px solid #cccccc;
+               border-left:1px solid #cccccc;
+               border-right:1px solid #cccccc;
                padding-left: 0;
                margin-left: 0px;
                background-image: none !important;