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