[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-skin-sam .yui-button  {
   8  
   9      border-width: 1px 0;
  10      border-style: solid;
  11      border-color: #808080;
  12      background: url(http://yui.yahooapis.com/2.9.0/build/assets/skins/sam/sprite.png) repeat-x 0 0;
  13      margin: auto .25em;
  14      
  15  }
  16  
  17  .yui-skin-sam .yui-button .first-child {
  18  
  19      border-width: 0 1px;
  20      border-style: solid;
  21      border-color: #808080;
  22      margin: 0 -1px;
  23  
  24      /*
  25          Using negative margins for rounded corners won't work in IE 6 and IE 7 
  26          (Quirks Mode Only), so set the "margin" property to "0" for those 
  27          browsers.
  28      */
  29       _margin: 0;
  30  
  31  }
  32  
  33  .yui-skin-sam .yui-button button,
  34  .yui-skin-sam .yui-button a,
  35  .yui-skin-sam .yui-button a:visited {
  36  
  37      padding: 0 10px;
  38      font-size: 93%;  /* 12px */
  39      line-height: 2;  /* ~24px */
  40      *line-height: 1.7; /* For IE */
  41      min-height: 2em; /* For Gecko */
  42      *min-height: auto; /* For IE */
  43      color: #000; 
  44  
  45  }
  46  
  47  .yui-skin-sam .yui-button a {
  48  
  49      /*
  50          Necessary to get Buttons of type "link" to be the correct 
  51          height in IE.
  52      */
  53      *line-height: 1.875;
  54      *padding-bottom: 1px;
  55  
  56  }
  57  
  58  .yui-skin-sam .yui-split-button button,
  59  .yui-skin-sam .yui-menu-button button {
  60  
  61      padding-right: 20px;
  62      background-position: right center;
  63      background-repeat: no-repeat;
  64      
  65  }
  66  
  67  .yui-skin-sam .yui-menu-button button {
  68  
  69      background-image: url(http://yui.yahooapis.com/2.9.0/build/button/assets/skins/sam/menu-button-arrow.png);
  70  
  71  }
  72  
  73  .yui-skin-sam .yui-split-button button {
  74  
  75      background-image: url(http://yui.yahooapis.com/2.9.0/build/button/assets/skins/sam/split-button-arrow.png);
  76  
  77  }
  78  
  79  
  80  /* Focus state */
  81  
  82  
  83  .yui-skin-sam .yui-button-focus {
  84  
  85      border-color: #7D98B8;
  86      background-position: 0 -1300px;
  87  
  88  }
  89  
  90  .yui-skin-sam .yui-button-focus .first-child {
  91  
  92      border-color: #7D98B8;
  93  
  94  }
  95  
  96  .yui-skin-sam .yui-split-button-focus button {
  97  
  98      background-image: url(http://yui.yahooapis.com/2.9.0/build/button/assets/skins/sam/split-button-arrow-focus.png);
  99  
 100  }
 101  
 102  
 103  /* Hover state */
 104  
 105  .yui-skin-sam .yui-button-hover {
 106  
 107      border-color: #7D98B8;
 108      background-position: 0 -1300px;
 109  
 110  }
 111  
 112  .yui-skin-sam .yui-button-hover .first-child {
 113  
 114      border-color: #7D98B8;
 115  
 116  }
 117  
 118  .yui-skin-sam .yui-split-button-hover button {
 119  
 120      background-image: url(http://yui.yahooapis.com/2.9.0/build/button/assets/skins/sam/split-button-arrow-hover.png);
 121  
 122  }
 123  
 124  
 125  /* Active state */
 126  
 127  .yui-skin-sam .yui-button-active {
 128      
 129      border-color: #7D98B8;
 130      background-position: 0 -1700px;
 131      
 132  }
 133  
 134  .yui-skin-sam .yui-button-active .first-child {
 135  
 136      border-color: #7D98B8;
 137  
 138  }
 139  
 140  .yui-skin-sam .yui-split-button-activeoption {
 141  
 142      border-color: #808080;
 143      background-position: 0 0;
 144  
 145  }
 146  
 147  .yui-skin-sam .yui-split-button-activeoption .first-child {
 148  
 149      border-color: #808080;
 150  
 151  }
 152  
 153  .yui-skin-sam .yui-split-button-activeoption button {
 154  
 155      background-image: url(http://yui.yahooapis.com/2.9.0/build/button/assets/skins/sam/split-button-arrow-active.png);
 156  
 157  }
 158  
 159  
 160  /* Checked state */
 161  
 162  .yui-skin-sam .yui-radio-button-checked,
 163  .yui-skin-sam .yui-checkbox-button-checked {
 164      
 165      border-color: #304369;
 166      background-position: 0 -1400px;
 167      
 168  }
 169  
 170  .yui-skin-sam .yui-radio-button-checked .first-child,
 171  .yui-skin-sam .yui-checkbox-button-checked .first-child {
 172  
 173      border-color: #304369;
 174  
 175  }
 176  
 177  .yui-skin-sam .yui-radio-button-checked button,
 178  .yui-skin-sam .yui-checkbox-button-checked button { 
 179  
 180      color: #fff;
 181  
 182  }
 183  
 184  
 185  /* Disabled state */
 186  
 187  .yui-skin-sam .yui-button-disabled {
 188      
 189      border-color: #ccc;
 190      background-position: 0 -1500px;
 191      
 192  }
 193  
 194  .yui-skin-sam .yui-button-disabled .first-child {
 195  
 196      border-color: #ccc;
 197  
 198  }
 199  
 200  .yui-skin-sam .yui-button-disabled button, 
 201  .yui-skin-sam .yui-button-disabled a,
 202  .yui-skin-sam .yui-button-disabled a:visited {
 203  
 204      color: #A6A6A6;
 205      cursor: default;
 206  
 207  }
 208  
 209  .yui-skin-sam .yui-menu-button-disabled button {
 210  
 211      background-image: url(http://yui.yahooapis.com/2.9.0/build/button/assets/skins/sam/menu-button-arrow-disabled.png);
 212      
 213  }
 214  
 215  .yui-skin-sam .yui-split-button-disabled button {
 216  
 217      background-image: url(http://yui.yahooapis.com/2.9.0/build/button/assets/skins/sam/split-button-arrow-disabled.png);
 218      
 219  }