[Summary view] [Print] [Text view]

   1  /*

   2   * yui-ext .33 RC3

   3   * Copyright(c) 2006, Jack Slocum.

   4   */
   5  
   6  .ytab-wrap {
   7    border-bottom:1px solid #6593cf;
   8    padding-top:2px;
   9  }
  10  .ytab-strip-wrap{
  11    width:100%;
  12  }
  13  .ytab-wrap table{
  14    position:relative;
  15    top:0; left:0;
  16  }
  17  .ytab-strip td{
  18    padding:0px;
  19    padding-left:2px;
  20  }
  21  .ytab-strip a, .ytab-strip span, .ytab-strip em {
  22    display:block;
  23  }
  24  .ytab-strip a {
  25    text-decoration:none !important;
  26    -moz-outline: none;
  27    outline: none;
  28    cursor:pointer;
  29  }
  30  .ytab-strip .ytab-text {
  31    font:bold 11px tahoma,arial,helvetica;
  32    color:#666;
  33    overflow:hidden;
  34    white-space: nowrap;
  35    cursor:pointer;
  36    text-overflow: ellipsis;
  37  }
  38  .ytab-strip .on .ytab-text {
  39    cursor:default;
  40    color:#083772;
  41  }
  42  .ytab-strip .disabled .ytab-text {
  43    cursor:default;
  44    color:#aaaaaa;
  45  }
  46  .ytab-strip .ytab-inner {
  47     padding:4px 10px;
  48  }
  49  
  50  .ytab-strip .on .ytab-right {
  51     background: url(../../images/yui/tabs/tab-sprite.gif) no-repeat right 0px;
  52  }
  53  .ytab-strip .on .ytab-left {
  54     background: url(../../images/yui/tabs/tab-sprite.gif) no-repeat 0px -100px;
  55  }
  56  .ytab-strip .ytab-right {
  57     background: url(../../images/yui/tabs/tab-sprite.gif) no-repeat right -50px;
  58  }
  59  .ytab-strip .ytab-left {
  60     background: url(../../images/yui/tabs/tab-sprite.gif) no-repeat 0px -150px;
  61  }
  62  
  63  .ytab-strip  a {
  64    position:relative;
  65    top:1px; left:0;
  66  }
  67  .ytab-strip .on a {
  68    position:relative;
  69  }
  70  .ytab-strip .on .ytab-inner {
  71    padding-bottom:5px;
  72  }
  73  /** closable tabs */

  74  .ytab-strip .ytab-closable .ytab-inner{
  75    padding-right:22px;
  76    position:relative;
  77  }
  78  .ytab-strip .ytab-closable .close-icon{
  79    line-height: 1px;
  80    font-size:1px;
  81    background-image:url(../../images/yui/layout/tab-close.gif);
  82    display:block;
  83    position:absolute;
  84    right:5px;top:4px;
  85    width:11px;height:11px;
  86    cursor:pointer;
  87  }
  88  .ytab-strip .on .close-icon{
  89    background-image:url(../../images/yui/layout/tab-close-on.gif);
  90  }
  91  .ytab-strip .ytab-closable .close-over{
  92    background-image:url(../../images/yui/layout/tab-close-on.gif);
  93  }
  94  
  95  .ytabs-bottom .ytab-wrap {
  96    border-top:1px solid #6593cf;
  97    border-bottom:0px none;
  98    padding-top:0px;
  99    padding-bottom:2px;
 100  }
 101  .ytabs-bottom .ytab-strip .ytab-right {
 102     background: url(../../images/yui/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom left;
 103  }
 104  .ytabs-bottom .ytab-strip .ytab-left {
 105     background: url(../../images/yui/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom right;
 106  }
 107  .ytabs-bottom .ytab-strip .on .ytab-right {
 108     background: url(../../images/yui/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
 109  }
 110  .ytabs-bottom .ytab-strip .on .ytab-left {
 111     background: url(../../images/yui/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
 112  }
 113  .ytabs-bottom .ytab-strip  a {
 114    position:relative;
 115    top:0; left:0;
 116  }
 117  .ytabs-bottom .ytab-strip .on a {
 118    margin-top:-1px;
 119  }
 120  .ytabs-bottom .ytab-strip .on .ytab-inner {
 121    padding-top:5px;
 122  }
 123  
 124  /** gray theme */

 125  
 126  .ytheme-gray .ytab-wrap {
 127    border-bottom:1px solid #aca899;
 128  }
 129  .ytheme-gray .ytab-strip .on .ytab-text {
 130    cursor:default;
 131    color:#333333;
 132  }
 133  .ytheme-gray .ytabs-top .ytab-strip .on .ytab-right {
 134     background: url(../../images/yui/tabs/gray/tab-sprite.gif) no-repeat right 0px;
 135  }
 136  .ytheme-gray .ytabs-top .ytab-strip .on .ytab-left {
 137     background: url(../../images/yui/tabs/gray/tab-sprite.gif) no-repeat 0px -100px;
 138  }
 139  .ytheme-gray .ytabs-top .ytab-strip .ytab-right {
 140     background: url(../../images/yui/tabs/gray/tab-sprite.gif) no-repeat right -50px;
 141  }
 142  .ytheme-gray .ytabs-top .ytab-strip .ytab-left {
 143     background: url(../../images/yui/tabs/gray/tab-sprite.gif) no-repeat 0px -150px;
 144  }
 145  .ytheme-gray .ytab-strip .ytab-closable .close-icon{
 146    background-image:url(../../images/yui/layout/gray/tab-close.gif);
 147  }
 148  .ytheme-gray .ytab-strip .on .close-icon{
 149    background-image:url(../../images/yui/layout/gray/tab-close-on.gif);
 150  }
 151  .ytheme-gray .ytab-strip .ytab-closable .close-over{
 152    background-image:url(../../images/yui/layout/gray/tab-close-on.gif);
 153  }
 154  
 155  .ytheme-gray .ytabs-bottom .ytab-wrap {
 156    border-bottom:0px none;
 157    padding-top:0px;
 158    border-top:1px solid #aca899;
 159  }
 160  .ytheme-gray .ytabs-bottom .ytab-strip .ytab-right {
 161     background: url(../../images/yui/tabs/gray/tab-btm-inactive-right-bg.gif) no-repeat bottom left;
 162  }
 163  .ytheme-gray .ytabs-bottom .ytab-strip .ytab-left {
 164     background: url(../../images/yui/tabs/gray/tab-btm-inactive-left-bg.gif) no-repeat bottom right;
 165  }
 166  .ytheme-gray .ytabs-bottom .ytab-strip .on .ytab-right {
 167     background: url(../../images/yui/tabs/gray/tab-btm-right-bg.gif) no-repeat bottom left;
 168  }
 169  .ytheme-gray .ytabs-bottom .ytab-strip .on .ytab-left {
 170     background: url(../../images/yui/tabs/gray/tab-btm-left-bg.gif) no-repeat bottom right;
 171  }