]> scripts.mit.edu Git - autoinstallsdev/mediawiki.git/blobdiff - skins/vector/experiments/new-tabs.css
MediaWiki 1.16.0
[autoinstallsdev/mediawiki.git] / skins / vector / experiments / new-tabs.css
diff --git a/skins/vector/experiments/new-tabs.css b/skins/vector/experiments/new-tabs.css
new file mode 100644 (file)
index 0000000..e3850e8
--- /dev/null
@@ -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;
+}