include/javascript/yui/build/tabview/assets/skins/sam/tabview-skin.css

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