lib/yui/3.5.1/build/node-menunav/assets/skins/night/node-menunav-skin.css

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