[Summary view] [Print] [Text view]

   1  /*
   2  Copyright (c) 2011, Yahoo! Inc. All rights reserved.
   3  Code licensed under the BSD License:
   4  http://developer.yahoo.com/yui/license.html
   5  version: 2.9.0
   6  */
   7  /* .yui-navset defaults to .yui-navset-top */
   8  .yui-skin-sam .yui-navset .yui-nav,
   9  .yui-skin-sam .yui-navset .yui-navset-top .yui-nav { /* protect nested tabviews from other orientations */
  10      border:solid #2647a0; /* color between tab list and content */
  11      border-width:0 0 5px;
  12      zoom:1;
  13  }
  14  
  15  .yui-skin-sam .yui-navset .yui-nav li,
  16  .yui-skin-sam .yui-navset .yui-navset-top .yui-nav li {
  17      margin:0 0.16em 0 0; /* space between tabs */
  18      padding:1px 0 0; /* gecko: make room for overflow */
  19      zoom:1;
  20  }
  21  
  22  .yui-skin-sam .yui-navset .yui-nav .selected,
  23  .yui-skin-sam .yui-navset .yui-navset-top .yui-nav .selected { 
  24      margin:0 0.16em -1px 0; /* for overlap */
  25  }
  26  
  27  .yui-skin-sam .yui-navset .yui-nav a,
  28  .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a {
  29      background:#d8d8d8 url(http://yui.yahooapis.com/2.9.0/build/assets/skins/sam/sprite.png) repeat-x; /* tab background */
  30      border:solid #a3a3a3;
  31      border-width:0 1px;
  32      color:#000;
  33      position:relative;
  34      text-decoration:none;
  35  }
  36  
  37  .yui-skin-sam .yui-navset .yui-nav a em,
  38  .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em {
  39      border:solid #a3a3a3;
  40      border-width:1px 0 0;
  41      padding:0.25em .75em;
  42      left:0; right: 0; bottom: 0; /* protect from other orientations */
  43      top:-1px; /* for 1px rounded corners */
  44      position:relative;
  45  }
  46  
  47  .yui-skin-sam .yui-navset .yui-nav .selected a,
  48  .yui-skin-sam .yui-navset .yui-nav .selected a:focus, /* no focus effect for selected */
  49  .yui-skin-sam .yui-navset .yui-nav .selected a:hover { /* no hover effect for selected */
  50      background:#2647a0 url(http://yui.yahooapis.com/2.9.0/build/assets/skins/sam/sprite.png) repeat-x left -1400px; /* selected tab background */
  51      color:#fff;
  52  }
  53  
  54  .yui-skin-sam .yui-navset .yui-nav a:hover,
  55  .yui-skin-sam .yui-navset .yui-nav a:focus {
  56      background:#bfdaff url(http://yui.yahooapis.com/2.9.0/build/assets/skins/sam/sprite.png) repeat-x left -1300px; /* selected tab background */
  57      outline:0;
  58  }
  59  
  60  .yui-skin-sam .yui-navset .yui-nav .selected a em {
  61      padding:0.35em 0.75em; /* raise selected tab */
  62  }
  63  
  64  .yui-skin-sam .yui-navset .yui-nav .selected a,
  65  .yui-skin-sam .yui-navset .yui-nav .selected a em {
  66      border-color:#243356; /* selected tab border color */
  67  }
  68  
  69  .yui-skin-sam .yui-navset .yui-content {
  70      background:#edf5ff; /* content background color */
  71  }
  72  
  73  .yui-skin-sam .yui-navset .yui-content,
  74  .yui-skin-sam .yui-navset .yui-navset-top .yui-content {
  75      border:1px solid #808080; /* content border */
  76      border-top-color:#243356; /* different border color */
  77      padding:0.25em 0.5em; /* content padding */
  78  }
  79  
  80  /* left and right orientations */
  81  .yui-skin-sam .yui-navset-left .yui-nav,
  82  .yui-skin-sam .yui-navset .yui-navset-left .yui-nav,
  83  .yui-skin-sam .yui-navset .yui-navset-right .yui-nav,
  84  .yui-skin-sam .yui-navset-right .yui-nav {
  85      border-width:0 5px 0 0;
  86      Xposition:absolute; /* from tabview-core; have to reiterate for skin-sam due to pos:rel on skin-sam yui-nav */
  87      top:0; bottom:0; /* stretch to fill content height */
  88  }
  89  
  90  .yui-skin-sam .yui-navset .yui-navset-right .yui-nav,
  91  .yui-skin-sam .yui-navset-right .yui-nav {
  92      border-width:0 0 0 5px;
  93  }
  94  
  95  .yui-skin-sam .yui-navset-left .yui-nav li,
  96  .yui-skin-sam .yui-navset .yui-navset-left .yui-nav li,
  97  .yui-skin-sam .yui-navset-right .yui-nav li {
  98      margin:0 0 0.16em; /* space between tabs */
  99      padding:0 0 0 1px; /* gecko: make room for overflow */
 100  }
 101  
 102  .yui-skin-sam .yui-navset-right .yui-nav li {
 103      padding:0 1px 0 0; /* gecko: make room for overflow */
 104  }
 105  
 106  .yui-skin-sam .yui-navset-left .yui-nav .selected,
 107  .yui-skin-sam .yui-navset .yui-navset-left .yui-nav .selected { 
 108      margin:0 -1px 0.16em 0;
 109  }
 110  
 111  .yui-skin-sam .yui-navset-right .yui-nav .selected { 
 112      margin:0 0 0.16em -1px;
 113  }
 114  
 115  .yui-skin-sam .yui-navset-left .yui-nav a,
 116  .yui-skin-sam .yui-navset-right .yui-nav a {
 117      border-width:1px 0;
 118  }
 119  
 120  .yui-skin-sam .yui-navset-left .yui-nav a em,
 121  .yui-skin-sam .yui-navset .yui-navset-left .yui-nav a em,
 122  .yui-skin-sam .yui-navset-right .yui-nav a em {
 123      border-width:0 0 0 1px;
 124      padding:0.2em .75em;
 125      top:auto;
 126      left:-1px; /* for 1px rounded corners */
 127  }
 128  
 129  .yui-skin-sam .yui-navset-right .yui-nav a em {
 130      border-width:0 1px 0 0;
 131      left:auto;
 132      right:-1px; /* for 1px rounded corners */
 133  }
 134  
 135  .yui-skin-sam .yui-navset-left .yui-nav a,
 136  .yui-skin-sam .yui-navset-left .yui-nav .selected a,
 137  .yui-skin-sam .yui-navset-left .yui-nav a:hover,
 138  .yui-skin-sam .yui-navset-right .yui-nav a,
 139  .yui-skin-sam .yui-navset-right .yui-nav .selected a,
 140  .yui-skin-sam .yui-navset-right .yui-nav a:hover,
 141  .yui-skin-sam .yui-navset-bottom .yui-nav a,
 142  .yui-skin-sam .yui-navset-bottom .yui-nav .selected a,
 143  .yui-skin-sam .yui-navset-bottom .yui-nav a:hover {
 144      background-image:none; /* no left-right or bottom-top gradient */
 145  }
 146  
 147  .yui-skin-sam .yui-navset-left .yui-content {
 148      border:1px solid #808080; /* content border */
 149      border-left-color:#243356; /* different border color */
 150  }
 151  
 152  /* bottom orientation */
 153  .yui-skin-sam .yui-navset-bottom .yui-nav,
 154  .yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav {
 155      border-width:5px 0 0; /* color between tab list and content */
 156  }
 157  
 158  .yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav .selected,
 159  .yui-skin-sam .yui-navset-bottom .yui-nav .selected { 
 160      margin:-1px 0.16em 0 0; /* for overlap */
 161  }
 162  
 163  .yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav li,
 164  .yui-skin-sam .yui-navset-bottom .yui-nav li { 
 165      padding:0 0 1px 0; /* gecko: make room for overflow */
 166      vertical-align:top;
 167  }
 168  
 169  .yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav li a,
 170  .yui-skin-sam .yui-navset-bottom .yui-nav li a { 
 171  }
 172  
 173  .yui-skin-sam .yui-navset .yui-navset-bottom .yui-nav a em,
 174  .yui-skin-sam .yui-navset-bottom .yui-nav a em {
 175      border-width:0 0 1px;
 176      top:auto;
 177      bottom:-1px; /* for 1px rounded corners */
 178  }
 179  
 180  .yui-skin-sam .yui-navset-bottom .yui-content,
 181  .yui-skin-sam .yui-navset .yui-navset-bottom .yui-content {
 182      border:1px solid #808080; /* content border */
 183      border-bottom-color:#243356; /* different border color */
 184  }
 185