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

   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(../../../../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(../../../../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(../../../../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