lib/yui/tabview/assets/tabview-core.css

   1 /*
   2 Copyright (c) 2007, Yahoo! Inc. All rights reserved.
   3 Code licensed under the BSD License:
   4 http://developer.yahoo.net/yui/license.txt
   5 version: 2.3.0
   6 */
   7 /* default space between tabs */
   8 .yui-navset .yui-nav li,
   9 .yui-navset .yui-navset-top .yui-nav li,
  10 .yui-navset .yui-navset-bottom .yui-nav li {
  11     margin:0 0.5em 0 0; /* horizontal tabs */
  12 }
  13 .yui-navset-left .yui-nav li,
  14 .yui-navset-right .yui-nav li {
  15     margin:0 0 0.5em; /* vertical tabs */
  16 }
  17
  18 /* default width for side tabs */
  19 .yui-navset .yui-navset-left .yui-nav,
  20 .yui-navset .yui-navset-right .yui-nav,
  21 .yui-navset-left .yui-nav,
  22 .yui-navset-right .yui-nav { width:6em; }
  23 .yui-navset-top .yui-nav,
  24 .yui-navset-bottom .yui-nav {
  25     width:auto;
  26 }
  27 .yui-navset .yui-navset-left,
  28 .yui-navset-left { padding:0 0 0 6em; } /* map to nav width */
  29 .yui-navset-right { padding:0 6em 0 0; } /* ditto */
  30
  31 .yui-navset-top,
  32 .yui-navset-bottom {
  33     padding:auto;
  34 }
  35 /* core */
  36
  37 .yui-nav,
  38 .yui-nav li {
  39     margin:0;
  40     padding:0;
  41     list-style:none;
  42 }
  43 .yui-navset li em { font-style:normal; }
  44
  45 .yui-navset {
  46     position:relative; /* contain absolute positioned tabs (left/right) */
  47     zoom:1;
  48 }
  49
  50 .yui-navset .yui-content { zoom:1; }
  51
  52 .yui-navset .yui-nav li,
  53 .yui-navset .yui-navset-top .yui-nav li, /* in case nested */
  54 .yui-navset .yui-navset-bottom .yui-nav li {
  55     display:inline-block;
  56     display:-moz-inline-stack;
  57     *display:inline; /* IE */
  58     vertical-align:bottom; /* safari: for overlap */
  59     cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */
  60     zoom:1; /* IE: kill space between horizontal tabs */
  61 }
  62
  63 .yui-navset-left .yui-nav li,
  64 .yui-navset-right .yui-nav li {
  65     display:block;
  66 }
  67
  68 .yui-navset .yui-nav a {
  69     Xoutline:0; /* gecko: keep from shifting */
  70 }
  71
  72 .yui-navset .yui-nav a { position:relative; } /* IE: to allow overlap */
  73
  74 .yui-navset .yui-nav li a,
  75 .yui-navset-top .yui-nav li a,
  76 .yui-navset-bottom .yui-nav li a {
  77     display:block;
  78     display:inline-block;
  79     vertical-align:bottom; /* safari: for overlap */
  80     zoom:1;
  81 }
  82
  83 .yui-navset-left .yui-nav li a,
  84 .yui-navset-right .yui-nav li a {
  85     display:block;
  86 }
  87
  88 .yui-navset-bottom .yui-nav li a {
  89     vertical-align:text-top; /* for inline overlap (reverse for Opera border bug) */
  90 }
  91
  92 .yui-navset .yui-nav li a em,
  93 .yui-navset-top .yui-nav li a em,
  94 .yui-navset-bottom .yui-nav li a em { display:block; }
  95
  96 /* position left and right oriented tabs */
  97 .yui-navset .yui-navset-left .yui-nav,
  98 .yui-navset .yui-navset-right .yui-nav,
  99 .yui-navset-left .yui-nav,
 100 .yui-navset-right .yui-nav {
 101    position:absolute;
 102    z-index:1;
 103 }
 104
 105 .yui-navset-top .yui-nav,
 106 .yui-navset-bottom .yui-nav {
 107     position:static;
 108 }
 109 .yui-navset .yui-navset-left .yui-nav,
 110 .yui-navset-left .yui-nav { left:0; right:auto; }
 111
 112 .yui-navset .yui-navset-right .yui-nav,
 113 .yui-navset-right .yui-nav { right:0; left:auto; }