summaryrefslogtreecommitdiff
path: root/skins/vector/experiments
diff options
context:
space:
mode:
Diffstat (limited to 'skins/vector/experiments')
-rw-r--r--skins/vector/experiments/babaco-colors-a.css109
-rw-r--r--skins/vector/experiments/babaco-colors-b.css67
-rw-r--r--skins/vector/experiments/babaco-colors-c.css91
-rw-r--r--skins/vector/experiments/images/new-border.pngbin0 -> 124 bytes
-rw-r--r--skins/vector/experiments/images/new-portal-break-ltr.pngbin0 -> 891 bytes
-rw-r--r--skins/vector/experiments/images/new-portal-break-rtl.pngbin0 -> 891 bytes
-rw-r--r--skins/vector/experiments/images/page-base-fade.pngbin0 -> 306 bytes
-rw-r--r--skins/vector/experiments/images/page-base-updated.pngbin0 -> 124 bytes
-rw-r--r--skins/vector/experiments/images/tab-active-first.pngbin0 -> 981 bytes
-rw-r--r--skins/vector/experiments/images/tab-active-last.pngbin0 -> 980 bytes
-rw-r--r--skins/vector/experiments/images/tab-fade.pngbin0 -> 226 bytes
-rw-r--r--skins/vector/experiments/images/tab-first.pngbin0 -> 1057 bytes
-rw-r--r--skins/vector/experiments/images/tab-last.pngbin0 -> 1057 bytes
-rw-r--r--skins/vector/experiments/images/tab-new-fade.pngbin0 -> 216 bytes
-rw-r--r--skins/vector/experiments/new-tabs.css322
15 files changed, 589 insertions, 0 deletions
diff --git a/skins/vector/experiments/babaco-colors-a.css b/skins/vector/experiments/babaco-colors-a.css
new file mode 100644
index 00000000..ce6f67dd
--- /dev/null
+++ b/skins/vector/experiments/babaco-colors-a.css
@@ -0,0 +1,109 @@
+/* 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: #0066cc;
+}
+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
new file mode 100644
index 00000000..227e197c
--- /dev/null
+++ b/skins/vector/experiments/babaco-colors-b.css
@@ -0,0 +1,67 @@
+/* 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
new file mode 100644
index 00000000..d2dabf7d
--- /dev/null
+++ b/skins/vector/experiments/babaco-colors-c.css
@@ -0,0 +1,91 @@
+/* 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: #0066cc;
+}
+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
new file mode 100644
index 00000000..735324ef
--- /dev/null
+++ b/skins/vector/experiments/images/new-border.png
Binary files differ
diff --git a/skins/vector/experiments/images/new-portal-break-ltr.png b/skins/vector/experiments/images/new-portal-break-ltr.png
new file mode 100644
index 00000000..cd8f3b15
--- /dev/null
+++ b/skins/vector/experiments/images/new-portal-break-ltr.png
Binary files differ
diff --git a/skins/vector/experiments/images/new-portal-break-rtl.png b/skins/vector/experiments/images/new-portal-break-rtl.png
new file mode 100644
index 00000000..45c5b2f9
--- /dev/null
+++ b/skins/vector/experiments/images/new-portal-break-rtl.png
Binary files differ
diff --git a/skins/vector/experiments/images/page-base-fade.png b/skins/vector/experiments/images/page-base-fade.png
new file mode 100644
index 00000000..dc631823
--- /dev/null
+++ b/skins/vector/experiments/images/page-base-fade.png
Binary files differ
diff --git a/skins/vector/experiments/images/page-base-updated.png b/skins/vector/experiments/images/page-base-updated.png
new file mode 100644
index 00000000..54ffeb00
--- /dev/null
+++ b/skins/vector/experiments/images/page-base-updated.png
Binary files differ
diff --git a/skins/vector/experiments/images/tab-active-first.png b/skins/vector/experiments/images/tab-active-first.png
new file mode 100644
index 00000000..e4c39c42
--- /dev/null
+++ b/skins/vector/experiments/images/tab-active-first.png
Binary files differ
diff --git a/skins/vector/experiments/images/tab-active-last.png b/skins/vector/experiments/images/tab-active-last.png
new file mode 100644
index 00000000..a96f3916
--- /dev/null
+++ b/skins/vector/experiments/images/tab-active-last.png
Binary files differ
diff --git a/skins/vector/experiments/images/tab-fade.png b/skins/vector/experiments/images/tab-fade.png
new file mode 100644
index 00000000..1eb0e23b
--- /dev/null
+++ b/skins/vector/experiments/images/tab-fade.png
Binary files differ
diff --git a/skins/vector/experiments/images/tab-first.png b/skins/vector/experiments/images/tab-first.png
new file mode 100644
index 00000000..439b713f
--- /dev/null
+++ b/skins/vector/experiments/images/tab-first.png
Binary files differ
diff --git a/skins/vector/experiments/images/tab-last.png b/skins/vector/experiments/images/tab-last.png
new file mode 100644
index 00000000..08e283dd
--- /dev/null
+++ b/skins/vector/experiments/images/tab-last.png
Binary files differ
diff --git a/skins/vector/experiments/images/tab-new-fade.png b/skins/vector/experiments/images/tab-new-fade.png
new file mode 100644
index 00000000..44925505
--- /dev/null
+++ b/skins/vector/experiments/images/tab-new-fade.png
Binary files differ
diff --git a/skins/vector/experiments/new-tabs.css b/skins/vector/experiments/new-tabs.css
new file mode 100644
index 00000000..e3850e8e
--- /dev/null
+++ b/skins/vector/experiments/new-tabs.css
@@ -0,0 +1,322 @@
+/* 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;
+}