skins/vector/experiments/new-tabs.css

   1 /* new border color */
   2 #content {
   3         background-image: url(images/new-border.png);
   4 }
   5
   6 #footer {
   7         background-image: url(images/new-border.png);
   8 }
   9         body div#left-navigation,
  10         body div#right-navigation {
  11                 top:3.2em;
  12         }
  13         body div#right-navigation {
  14                 margin-top:3.2em;
  15         }
  16         body #p-search form,
  17         body #p-search input,
  18         body #simpleSearch {
  19                 margin-top:0;
  20         }
  21         body div#p-cactions {
  22                 margin-top:0;
  23         }
  24         /* Namespaces and Views */
  25         /* @noflip */
  26         div.vectorTabs {
  27                 float: left;
  28         }
  29         body div.vectorTabs {
  30                 background-image: none;
  31                 padding-left: 0;
  32         }
  33         /* @noflip */
  34         div.vectorTabs ul {
  35                 float: left;
  36         }
  37         div.vectorTabs ul {
  38                 height: 100%;
  39                 list-style: none;
  40                 margin: 0;
  41                 padding: 0;
  42         }
  43         /* @noflip */
  44         div.vectorTabs ul li {
  45                 float: left;
  46         }
  47         /* OVERRIDDEN BY COMPLIANT BROWSERS */
  48         body div.vectorTabs ul li {
  49                 line-height: 1em;
  50                 display: inline-block;
  51                 height: 2em;
  52                 margin: 0 1px 0 0;
  53                 padding: 0;
  54                 background:none;
  55                 overflow:hidden;
  56                 white-space:nowrap;
  57         }
  58         /* IGNORED BY IE6 */
  59         div.vectorTabs ul > li {
  60                 display: block;
  61         }
  62         body div.vectorTabs li.selected {
  63                 background-image: none;
  64                 border:none;
  65         }
  66         /* OVERRIDDEN BY COMPLIANT BROWSERS */
  67         body div.vectorTabs li a {
  68                 border-top:1px solid #cccccc;
  69                 border-left:1px solid #cccccc;
  70                 border-right:1px solid #cccccc;
  71                 display: inline-block;
  72                 height: 1.7em;
  73                 padding-left: 0.6em;
  74                 padding-right: 0.6em;
  75                 background-image:url(images/tab-fade.png);
  76                 background-position:bottom left;
  77                 background-repeat:repeat-x;
  78                 background-color:#ffffff;
  79         }
  80         body div.vectorTabs li.new a{
  81                 background-image:url(images/tab-new-fade.png);
  82
  83         }
  84         div.vectorTabs li a,
  85         div.vectorTabs li a span {
  86                 cursor: pointer;
  87         }
  88         div.vectorTabs li a span {
  89                 font-size: 0.8em;
  90         }
  91         /* IGNORED BY IE6 */
  92         div.vectorTabs li > a {
  93                 display: block;
  94         }
  95         /* OVERRIDDEN BY COMPLIANT BROWSERS */
  96         body div.vectorTabs a span {
  97                 display: inline-block;
  98                 padding-top: 0.5em;
  99         }
 100         /* IGNORED BY IE6 */
 101         /* @noflip */
 102         div.vectorTabs a > span {
 103                 float: left;
 104                 display: block;
 105         }
 106         body div.vectorTabs li.last {
 107                 background-image: url(images/tab-last.png);
 108                 background-repeat:no-repeat;
 109                 background-position:top right;
 110                 border:none;
 111         }
 112         body div.vectorTabs li.last a {
 113                 margin-right:7px;
 114                 padding-left:0.4em;
 115                 padding-right:0;
 116                 border-left:1px solid #cccccc;
 117                 border-top:1px solid #cccccc;
 118                 border-right:none;
 119                 background-image:url(images/tab-fade.png);
 120                 background-position:top left;
 121                 background-repeat:repeat-x;
 122         }
 123         body div.vectorTabs li.first {
 124                 background-image: url(images/tab-first.png);
 125                 background-repeat:no-repeat;
 126                 background-position:top left;
 127                 border:none;
 128         }
 129         body div.vectorTabs li.first a {
 130                 margin-left:7px;
 131                 padding-left:0em;
 132                 padding-right:0.4em;
 133                 border-right:1px solid #cccccc;
 134                 border-top:1px solid #cccccc;
 135                 background-image:url(images/tab-fade.png);
 136                 background-position:top left;
 137                 background-repeat:repeat-x;
 138         }
 139
 140         div.vectorTabs li.selected a,
 141         div.vectorTabs li.selected a span,
 142         div.vectorTabs li.selected a:visited
 143         div.vectorTabs li.selected a:visited span {
 144                 color: #be5900 !important;
 145                 text-decoration: none;
 146         }
 147
 148         body div.vectorTabs li.selected a {
 149                 border-top:1px solid #6cc8f3;
 150                 border-right:1px solid #6cc8f3;
 151                 border-left:1px solid #6cc8f3;
 152                 background-color:#fff;
 153                 height:1.75em;
 154                 background-image:none;
 155         }
 156         body div.vectorTabs li.selected.first {
 157                 background-image: url(images/tab-active-first.png);
 158                 background-repeat:no-repeat;
 159                 background-position:top left;
 160         }
 161         body div.vectorTabs li.selected.first a {
 162                 margin-left:7px;
 163                 padding-right:0.6em;
 164                 padding-left:0.4em;
 165                 border-left:none;
 166         }
 167         body div.vectorTabs li.selected.last {
 168                 background-image: url(images/tab-active-last.png);
 169                 background-repeat:no-repeat;
 170                 background-position:top right;
 171         }
 172         body div.vectorTabs li.selected.last a {
 173                 margin-right:7px;
 174                 padding-left:0.6em;
 175                 padding-right:0.4em;
 176                 border-right:none;
 177         }
 178
 179         /* Variants and Actions */
 180         /* @noflip */
 181         div.vectorMenu {
 182         }
 183         body.rtl div.vectorMenu {
 184                 direction: rtl;
 185         }
 186         /* @noflip */
 187         body #head div.vectorMenu h5 {
 188                 border-top:1px solid #cccccc;
 189                 border-left:1px solid #cccccc;
 190                 border-right:1px solid #cccccc;
 191                 padding-left: 0;
 192                 margin-left: 0px;
 193                 background-image: none !important;
 194         }
 195         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 196         body div.vectorMenu h5 a {
 197                 display: inline-block;
 198                 width: 24px;
 199                 height:1.5em;
 200                 background-image: none !important;
 201
 202         }
 203         /* IGNORED BY IE6 */
 204         div.vectorMenu h5 > a {
 205                 display: block;
 206         }
 207         div.vectorMenu div.menu {
 208                 position: relative;
 209                 left:1px;
 210                 display: none;
 211                 clear: both;
 212                 text-align: left;
 213         }
 214         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 215         body.rtl div.vectorMenu div.menu {
 216                 margin-right: 24px;
 217         }
 218         /* IGNORED BY IE6 */
 219         body.rtl div.vectorMenu > div.menu {
 220                 margin-right: auto;
 221         }
 222         /* Fixes old versions of FireFox */
 223         body.rtl div.vectorMenu > div.menu,
 224         x:-moz-any-link {
 225                 margin-right: 24px;
 226         }
 227         div.vectorMenu:hover div.menu {
 228                 display: block;
 229         }
 230         div.vectorMenu ul {
 231                 position: absolute;
 232                 background-color: white;
 233                 border: solid 1px silver;
 234                 border-top-width: 0;
 235                 list-style: none;
 236                 list-style-image: none;
 237                 list-style-type: none;
 238                 padding: 0;
 239                 margin: 0;
 240                 margin-left: -1px;
 241                 text-align: left;
 242         }
 243         /* Fixes old versions of FireFox */
 244         div.vectorMenu ul,
 245         x:-moz-any-link {
 246                 min-width: 5em;
 247         }
 248         /* Returns things back to normal in modern versions of FireFox */
 249         div.vectorMenu ul,
 250         x:-moz-any-link,
 251         x:default {
 252                 min-width: 0;
 253         }
 254         div.vectorMenu li {
 255                 padding: 0;
 256                 margin: 0;
 257                 text-align: left;
 258                 line-height: 1em;
 259         }
 260         /* OVERRIDDEN BY COMPLIANT BROWSERS */
 261         div.vectorMenu li a {
 262                 display: inline-block;
 263                 padding: 0.5em;
 264                 white-space: nowrap;
 265         }
 266         /* IGNORED BY IE6 */
 267         div.vectorMenu li > a {
 268                 display: block;
 269         }
 270         div.vectorMenu li a {
 271                 color: #0645ad;
 272                 cursor: pointer;
 273                 font-size: 0.8em;
 274         }
 275         div.vectorMenu li.selected a,
 276         div.vectorMenu li.selected a:visited {
 277                 color: #333333;
 278                 text-decoration: none;
 279         }
 280 #ca-unwatch.icon,
 281 #ca-watch.icon {
 282         background-color:#ffffff;
 283         height:1.75em !important;
 284
 285 }
 286 #ca-unwatch.icon a,
 287 #ca-watch.icon a {
 288         height: 1.7em !important;
 289         border-bottom:none;
 290 }
 291 #ca-watch.icon a,
 292 #ca-unwatch.icon a {
 293         background-repeat:no-repeat;
 294 }