lib/yuilib/3.13.0/node-menunav/assets/skins/sam/node-menunav-skin.css

   1 /*
   2 YUI 3.13.0 (build 508226d)
   3 Copyright 2013 Yahoo! Inc. All rights reserved.
   4 Licensed under the BSD License.
   5 http://yuilibrary.com/license/
   6 */
   7
   8 /* Vertical menus and submenus */
   9
  10 .yui3-skin-sam .yui3-menu-content,
  11 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-content {
  12
  13     font-size: 93%;  /* 12px */
  14     line-height: 1.5;  /* 18px */
  15     *line-height: 1.45; /* For IE */
  16     border: solid 1px #808080;
  17     background: #fff;
  18     padding: 3px 0;
  19
  20 }
  21
  22 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-content {
  23
  24         font-size: 100%;
  25
  26 }
  27
  28
  29 /* Horizontal menus */
  30
  31 .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-content {
  32
  33     line-height: 2;  /* ~24px */
  34     *line-height: 1.9; /* For IE */
  35     background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
  36     padding: 0;
  37
  38 }
  39
  40
  41 .yui3-skin-sam .yui3-menu ul,
  42 .yui3-skin-sam .yui3-menu ul ul {
  43
  44         margin-top: 3px;
  45         padding-top: 3px;
  46     border-top: solid 1px #ccc;
  47
  48 }
  49
  50 .yui3-skin-sam .yui3-menu ul.first-of-type {
  51
  52     border: 0;
  53         margin: 0;
  54         padding: 0;
  55
  56 }
  57
  58 .yui3-skin-sam .yui3-menu-horizontal ul {
  59
  60         padding: 0;
  61         margin: 0;
  62         border: 0;
  63
  64 }
  65
  66
  67 .yui3-skin-sam .yui3-menu li,
  68 .yui3-skin-sam .yui3-menu .yui3-menu li {
  69
  70     /*
  71         For and IE 6 (Strict Mode and Quirks Mode) and IE 7 (Quirks Mode only):
  72                 Used to collapse superfluous white space between <li> elements that is
  73                 triggered by the "display" property of the <a> elements being set to
  74                 "block" by node-menunav-core.css file.
  75     */
  76
  77     _border-bottom: solid 1px #fff;
  78
  79 }
  80
  81 .yui3-skin-sam .yui3-menu-horizontal li {
  82
  83         _border-bottom: 0;
  84
  85 }
  86
  87 .yui3-skin-sam .yui3-menubuttonnav li {
  88
  89     border-right: solid 1px #ccc;
  90
  91 }
  92
  93 .yui3-skin-sam .yui3-splitbuttonnav li {
  94
  95     border-right: solid 1px #808080;
  96
  97 }
  98
  99 .yui3-skin-sam .yui3-menubuttonnav li li,
 100 .yui3-skin-sam .yui3-splitbuttonnav li li {
 101
 102         border-right: 0;
 103
 104 }
 105
 106
 107 /* Menuitems and menu labels */
 108
 109
 110 .yui3-skin-sam .yui3-menu-label,
 111 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label,
 112 .yui3-skin-sam .yui3-menuitem-content,
 113 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menuitem-content {
 114
 115     /*padding: 0 20px;*/
 116     padding: 0 1em;
 117     color: #000;
 118     text-decoration: none;
 119     cursor: default;
 120
 121         /*
 122                 Necessary specify values for border, position and margin to override
 123                 values specified in the selectors that follow.
 124         */
 125
 126         float: none;
 127         border: 0;
 128         margin: 0;
 129
 130 }
 131
 132 .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label,
 133 .yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-content {
 134
 135     padding: 0 10px;
 136     border-style: solid;
 137     border-color: #808080;
 138     border-width: 1px 0;
 139     margin: -1px 0;
 140
 141     float: left;        /*      Ensures that menu labels clear floated descendents.
 142                                         Also gets negative margins working in IE 7
 143                                                 (Strict Mode). */
 144     width: auto;
 145
 146 }
 147
 148 .yui3-skin-sam .yui3-menu-label,
 149 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label {
 150
 151         background: url(vertical-menu-submenu-indicator.png) right center no-repeat;
 152
 153 }
 154
 155 .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label {
 156
 157     background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
 158
 159 }
 160
 161 .yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label,
 162 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label {
 163
 164         background-image: none;
 165
 166 }
 167
 168 .yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label {
 169
 170     padding-right: 0;
 171
 172 }
 173
 174 .yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label em {
 175
 176         font-style: normal;
 177         padding-right: 20px;
 178     display: block;
 179     background: url(horizontal-menu-submenu-indicator.png) right center no-repeat;
 180
 181 }
 182
 183
 184 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label {
 185
 186         padding: 0;
 187
 188 }
 189
 190 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label a {
 191
 192         float: left;
 193         width: auto;
 194     color: #000;
 195     text-decoration: none;
 196     cursor: default;
 197         padding: 0 5px 0 10px;
 198
 199 }
 200
 201 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label .yui3-menu-toggle {
 202
 203         padding: 0;     /* Overide padding applied by the preceeding rule. */
 204         border-left: solid 1px #ccc;
 205         width: 15px;
 206         overflow: hidden;
 207         text-indent: -1000px;
 208     background: url(horizontal-menu-submenu-indicator.png) 3px center no-repeat;
 209
 210 }
 211
 212
 213 /* Selected menuitem */
 214
 215 .yui3-skin-sam .yui3-menu-label-active,
 216 .yui3-skin-sam .yui3-menu-label-menuvisible,
 217 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-active,
 218 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menu-label-menuvisible {
 219
 220         background-color: #B3D4FF;
 221
 222 }
 223
 224 .yui3-skin-sam .yui3-menuitem-active .yui3-menuitem-content,
 225 .yui3-skin-sam .yui3-menu .yui3-menu .yui3-menuitem-active .yui3-menuitem-content {
 226
 227         background-image: none;
 228     background-color: #B3D4FF;
 229
 230     /*
 231         Undo values set for "border-left-width" and "margin-left" when the root
 232         menu has a class of "yui-menubuttonnav" or "yui-splitbuttonnav" applied.
 233     */
 234
 235         border-left-width: 0;
 236     margin-left: 0;
 237
 238 }
 239
 240 .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-active,
 241 .yui3-skin-sam .yui3-menu-horizontal .yui3-menuitem-active .yui3-menuitem-content,
 242 .yui3-skin-sam .yui3-menu-horizontal .yui3-menu-label-menuvisible {
 243
 244     border-color: #7D98B8;
 245     background: url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1700px;
 246
 247 }
 248
 249 .yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label-active,
 250 .yui3-skin-sam .yui3-menubuttonnav .yui3-menuitem-active .yui3-menuitem-content,
 251 .yui3-skin-sam .yui3-menubuttonnav .yui3-menu-label-menuvisible,
 252 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-active,
 253 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menuitem-active .yui3-menuitem-content,
 254 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-menuvisible {
 255
 256     border-left-width: 1px;
 257     margin-left: -1px;
 258
 259 }
 260
 261 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-menuvisible {
 262
 263     border-color: #808080;
 264     background: transparent;
 265
 266 }
 267
 268 .yui3-skin-sam .yui3-splitbuttonnav .yui3-menu-label-menuvisible .yui3-menu-toggle {
 269
 270     border-color: #7D98B8;
 271     background: url(horizontal-menu-submenu-toggle.png) left center no-repeat;
 272
 273 }