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

   1 /*
   2 Copyright (c) 2010, Yahoo! Inc. All rights reserved.
   3 Code licensed under the BSD License:
   4 http://developer.yahoo.com/yui/license.html
   5 version: 3.3.0
   6 build: 3167
   7 */
   8 /* .yui-navset defaults to .yui-navset-top */
   9 .yui3-skin-sam .yui3-tabview-list {
  10     border:solid #2647a0; /* color between tab list and content */
  11     border-width:0 0 5px;
  12     zoom:1;
  13 }
  14
  15 .yui3-skin-sam .yui3-tab {
  16     margin:0 0.2em 0 0;
  17     padding:1px 0 0; /* gecko: make room for overflow */
  18     zoom:1;
  19 }
  20
  21 .yui3-skin-sam .yui3-tab-selected {
  22     margin-bottom:-1px; /* for overlap (mapped to tabview-list border-width) */
  23 }
  24
  25 .yui3-skin-sam .yui3-tab-label {
  26     background:#d8d8d8 url(../../../../assets/skins/sam/sprite.png) repeat-x; /* tab background */
  27     border:solid #a3a3a3;
  28     border-width: 1px 1px 0 1px;
  29     color:#000;
  30     cursor:hand;
  31     font-size:85%;
  32     padding:0.3em .75em;
  33     text-decoration:none;
  34 }
  35
  36 .yui3-skin-sam .yui3-tab-label:hover,
  37 .yui3-skin-sam .yui3-tab-label:focus {
  38     background:#bfdaff url(../../../../assets/skins/sam/sprite.png) repeat-x left -1300px; /* hovered tab background */
  39     outline:0;
  40 }
  41
  42 .yui3-skin-sam .yui3-tab-selected .yui3-tab-label,
  43 .yui3-skin-sam .yui3-tab-selected .yui3-tab-label:focus,
  44 .yui3-skin-sam .yui3-tab-selected .yui3-tab-label:hover { /* no hover effect for selected */
  45     background:#2647a0 url(../../../../assets/skins/sam/sprite.png) repeat-x left -1400px; /* selected tab background */
  46     color:#fff;
  47 }
  48
  49 .yui3-skin-sam .yui3-tab-selected .yui3-tab-label {
  50     padding:0.4em 0.75em; /* raise selected tab */
  51 }
  52
  53 .yui3-skin-sam .yui3-tab-selected .yui3-tab-label {
  54     border-color:#243356; /* selected tab border color */
  55 }
  56
  57 .yui3-skin-sam .yui3-tabview-panel {
  58     background:#edf5ff; /* content background color */
  59 }
  60
  61 .yui3-skin-sam .yui3-tabview-panel {
  62     border:1px solid #808080; /* content border */
  63     border-top-color:#243356; /* different border color */
  64     padding:0.25em 0.5em; /* content padding */
  65 }