include/javascript/yui/build/menu/assets/skins/sam/menu-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 /* MenuBar style rules */
   8
   9 .yui-skin-sam .yuimenubar {
  10
  11     font-size: 93%;  /* 12px */
  12     line-height: 2;  /* ~24px */
  13     *line-height: 1.9; /* For IE */
  14     border: solid 1px #808080;
  15     background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
  16
  17 }
  18
  19
  20 /* MenuBarItem style rules */
  21
  22 .yui-skin-sam .yuimenubarnav .yuimenubaritem {
  23
  24     border-right: solid 1px #ccc;
  25
  26 }
  27
  28 .yui-skin-sam .yuimenubaritemlabel {
  29
  30     padding: 0 10px;
  31     color: #000;
  32     text-decoration: none;
  33     cursor: default;
  34     border-style: solid;
  35     border-color: #808080;
  36     border-width: 1px 0;
  37     *position: relative; /*  Necessary to get negative margins in IE. */
  38     margin: -1px 0;
  39
  40 }
  41
  42 .yui-skin-sam .yuimenubaritemlabel:visited {
  43
  44         color: #000;
  45
  46 }
  47
  48 .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel {
  49
  50     padding-right: 20px;
  51
  52     /*
  53         Prevents the label from shifting left in IE when the
  54         ".yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected"
  55         rule us applied.
  56     */
  57
  58     *display: inline-block;
  59
  60 }
  61
  62 .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu {
  63
  64     background: url(menubaritem_submenuindicator.png) right center no-repeat;
  65
  66 }
  67
  68
  69
  70 /* MenuBarItem states */
  71
  72 /* Selected MenuBarItem */
  73
  74 .yui-skin-sam .yuimenubaritem-selected {
  75
  76     background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1700px;
  77
  78 }
  79
  80 .yui-skin-sam .yuimenubaritemlabel-selected {
  81
  82     border-color: #7D98B8;
  83
  84 }
  85
  86 .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-selected {
  87
  88     border-left-width: 1px;
  89     margin-left: -1px;
  90     *left: -1px;    /* For IE */
  91
  92 }
  93
  94
  95 /* Disabled  MenuBarItem */
  96
  97 .yui-skin-sam .yuimenubaritemlabel-disabled,
  98 .yui-skin-sam .yuimenubaritemlabel-disabled:visited {
  99
 100     cursor: default;
 101     color: #A6A6A6;
 102
 103 }
 104
 105 .yui-skin-sam .yuimenubarnav .yuimenubaritemlabel-hassubmenu-disabled {
 106
 107     background-image: url(menubaritem_submenuindicator_disabled.png);
 108
 109 }
 110
 111
 112
 113 /* Menu style rules */
 114
 115 .yui-skin-sam .yuimenu {
 116
 117     font-size: 93%;  /* 12px */
 118     line-height: 1.5;  /* 18px */
 119     *line-height: 1.45; /* For IE */
 120
 121 }
 122
 123 .yui-skin-sam .yuimenubar .yuimenu,
 124 .yui-skin-sam .yuimenu .yuimenu {
 125
 126     font-size: 100%;
 127
 128 }
 129
 130 .yui-skin-sam .yuimenu .bd {
 131
 132         /*
 133                 The following application of zoom:1 prevents first tier submenus of a MenuBar from hiding
 134                 when the mouse is moving from an item in a MenuBar to a submenu in IE 7.
 135         */
 136
 137         *zoom: 1;
 138         _zoom: normal;  /* Remove this rule for IE 6. */
 139     border: solid 1px #808080;
 140     background-color: #fff;
 141
 142 }
 143
 144 .yui-skin-sam .yuimenu .yuimenu .bd {
 145
 146         *zoom: normal;
 147
 148 }
 149
 150 .yui-skin-sam .yuimenu ul {
 151
 152     padding: 3px 0;
 153     border-width: 1px 0 0 0;
 154     border-color: #ccc;
 155     border-style: solid;
 156
 157 }
 158
 159 .yui-skin-sam .yuimenu ul.first-of-type {
 160
 161     border-width: 0;
 162
 163 }
 164
 165
 166 /* Group titles */
 167
 168 .yui-skin-sam .yuimenu h6 {
 169
 170     font-weight: bold;
 171     border-style: solid;
 172     border-color: #ccc;
 173     border-width: 1px 0 0 0;
 174     color: #a4a4a4;
 175     padding: 3px 10px 0 10px;
 176
 177 }
 178
 179 .yui-skin-sam .yuimenu ul.hastitle,
 180 .yui-skin-sam .yuimenu h6.first-of-type {
 181
 182     border-width: 0;
 183
 184 }
 185
 186
 187 /* Top and bottom scroll controls */
 188
 189 .yui-skin-sam .yuimenu .yui-menu-body-scrolled {
 190
 191     border-color: #ccc #808080;
 192     overflow: hidden;
 193
 194 }
 195
 196 .yui-skin-sam .yuimenu .topscrollbar,
 197 .yui-skin-sam .yuimenu .bottomscrollbar {
 198
 199     height: 16px;
 200     border: solid 1px #808080;
 201     background: #fff url(../../../../assets/skins/sam/sprite.png) no-repeat 0 0;
 202
 203 }
 204
 205 .yui-skin-sam .yuimenu .topscrollbar {
 206
 207     border-bottom-width: 0;
 208     background-position: center -950px;
 209
 210 }
 211
 212 .yui-skin-sam .yuimenu .topscrollbar_disabled {
 213
 214     background-position: center -975px;
 215
 216 }
 217
 218 .yui-skin-sam .yuimenu .bottomscrollbar {
 219
 220     border-top-width: 0;
 221     background-position: center -850px;
 222
 223 }
 224
 225 .yui-skin-sam .yuimenu .bottomscrollbar_disabled {
 226
 227     background-position: center -875px;
 228
 229 }
 230
 231
 232 /* MenuItem style rules */
 233
 234 .yui-skin-sam .yuimenuitem {
 235
 236     /*
 237         For IE 7 Quirks and IE 6 Strict Mode and Quirks Mode:
 238         Used to collapse superfluous white space between <li> elements
 239         that is triggered by the "display" property of the <a> elements being
 240         set to "block."
 241     */
 242
 243     _border-bottom: solid 1px #fff;
 244
 245 }
 246
 247 .yui-skin-sam .yuimenuitemlabel {
 248
 249     padding: 0 20px;
 250     color: #000;
 251     text-decoration: none;
 252     cursor: default;
 253
 254 }
 255
 256 .yui-skin-sam .yuimenuitemlabel:visited {
 257
 258     color: #000;
 259
 260 }
 261
 262 .yui-skin-sam .yuimenuitemlabel .helptext {
 263
 264     margin-top: -1.5em;
 265     *margin-top: -1.45em;  /* For IE*/
 266
 267 }
 268
 269 .yui-skin-sam .yuimenuitem-hassubmenu {
 270
 271     background-image: url(menuitem_submenuindicator.png);
 272     background-position: right center;
 273     background-repeat: no-repeat;
 274
 275 }
 276
 277 .yui-skin-sam .yuimenuitem-checked {
 278
 279     background-image: url(menuitem_checkbox.png);
 280     background-position: left center;
 281     background-repeat: no-repeat;
 282
 283 }
 284
 285
 286 /* Menu states */
 287
 288
 289 /* Visible Menu */
 290
 291 .yui-skin-sam .yui-menu-shadow-visible {
 292
 293     background-color: #000;
 294
 295     /*
 296         Opacity can be expensive, so defer the use of opacity until the
 297         menu is visible.
 298     */
 299
 300     opacity: .12;
 301     filter: alpha(opacity=12);  /* For IE */
 302
 303 }
 304
 305
 306
 307 /* MenuItem states */
 308
 309
 310 /* Selected MenuItem */
 311
 312 .yui-skin-sam .yuimenuitem-selected {
 313
 314     background-color: #B3D4FF;
 315
 316 }
 317
 318
 319 /* Disabled MenuItem */
 320
 321 .yui-skin-sam .yuimenuitemlabel-disabled,
 322 .yui-skin-sam .yuimenuitemlabel-disabled:visited {
 323
 324     cursor: default;
 325     color: #A6A6A6;
 326
 327 }
 328
 329 .yui-skin-sam .yuimenuitem-hassubmenu-disabled {
 330
 331     background-image: url(menuitem_submenuindicator_disabled.png);
 332
 333 }
 334
 335 .yui-skin-sam .yuimenuitem-checked-disabled {
 336
 337     background-image: url(menuitem_checkbox_disabled.png);
 338
 339 }