public/assets/pure-0-5-0/menus-core.css

   1 /*!
   2 Pure v0.5.0
   3 Copyright 2014 Yahoo! Inc. All rights reserved.
   4 Licensed under the BSD License.
   5 https://github.com/yui/pure/blob/master/LICENSE.md
   6 */
   7 /*csslint adjoining-classes:false, outline-none:false*/
   8 /*TODO: Remove this lint rule override after a refactor of this code.*/
   9
  10 .pure-menu ul {
  11     position: absolute;
  12     visibility: hidden;
  13 }
  14
  15 .pure-menu.pure-menu-open {
  16     visibility: visible;
  17     z-index: 2;
  18     width: 100%;
  19 }
  20
  21 .pure-menu ul {
  22     left: -10000px;
  23     list-style: none;
  24     margin: 0;
  25     padding: 0;
  26     top: -10000px;
  27     z-index: 1;
  28 }
  29
  30 .pure-menu > ul { position: relative; }
  31
  32 .pure-menu-open > ul {
  33     left: 0;
  34     top: 0;
  35     visibility: visible;
  36 }
  37
  38 .pure-menu-open > ul:focus {
  39     outline: 0;
  40 }
  41
  42 .pure-menu li { position: relative; }
  43
  44 .pure-menu a,
  45 .pure-menu .pure-menu-heading {
  46     display: block;
  47     color: inherit;
  48     line-height: 1.5em;
  49     padding: 5px 20px;
  50     text-decoration: none;
  51     white-space: nowrap;
  52 }
  53
  54 .pure-menu.pure-menu-horizontal > .pure-menu-heading {
  55     display: inline-block;
  56     *display: inline;
  57     zoom: 1;
  58     margin: 0;
  59     vertical-align: middle;
  60 }
  61 .pure-menu.pure-menu-horizontal > ul {
  62     display: inline-block;
  63     *display: inline;
  64     zoom: 1;
  65     vertical-align: middle;
  66 }
  67
  68 .pure-menu li a { padding: 5px 20px; }
  69
  70 .pure-menu-can-have-children > .pure-menu-label:after {
  71     content: '\25B8';
  72     float: right;
  73     /* These specific fonts have the Unicode char we need. */
  74     font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'DejaVu Sans', sans-serif;
  75     margin-right: -20px;
  76     margin-top: -1px;
  77 }
  78
  79 .pure-menu-can-have-children > .pure-menu-label {
  80     padding-right: 30px;
  81 }
  82
  83 .pure-menu-separator {
  84     background-color: #dfdfdf;
  85     display: block;
  86     height: 1px;
  87     font-size: 0;
  88     margin: 7px 2px;
  89     overflow: hidden;
  90 }
  91
  92 .pure-menu-hidden {
  93     display: none;
  94 }
  95
  96 /* FIXED MENU */
  97 .pure-menu-fixed {
  98     position: fixed;
  99     top: 0;
 100     left: 0;
 101     width: 100%;
 102 }
 103
 104
 105 /* HORIZONTAL MENU CODE */
 106
 107 /* Initial menus should be inline-block so that they are horizontal */
 108 .pure-menu-horizontal li {
 109     display: inline-block;
 110     *display: inline;
 111     zoom: 1;
 112     vertical-align: middle;
 113 }
 114
 115 /* Submenus should still be display: block; */
 116 .pure-menu-horizontal li li {
 117     display: block;
 118 }
 119
 120 /* Content after should be down arrow */
 121 .pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label:after {
 122     content: "\25BE";
 123 }
 124 /*Add extra padding to elements that have the arrow so that the hover looks nice */
 125 .pure-menu-horizontal > .pure-menu-children > .pure-menu-can-have-children > .pure-menu-label {
 126     padding-right: 30px;
 127 }
 128
 129 /* Adjusting separator for vertical menus */
 130 .pure-menu-horizontal li.pure-menu-separator {
 131         height: 50%;
 132         width: 1px;
 133         margin: 0 7px;
 134 }
 135
 136 /* Submenus should be horizontal separator again */
 137 .pure-menu-horizontal li li.pure-menu-separator {
 138         height: 1px;
 139         width: auto;
 140         margin: 7px 2px;
 141 }
 142