/*! Pure v0.6.0 Copyright 2014 Yahoo! Inc. All rights reserved. Licensed under the BSD License. github.com/yahoo/pure/blob/master/LICENSE.md */ /*csslint adjoining-classes: false, box-model:false*/ .pure-menu {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.pure-menu-fixed {
position: fixed; left: 0; top: 0; z-index: 3;
}
.pure-menu-list, .pure-menu-item {
position: relative;
}
.pure-menu-list {
list-style: none; margin: 0; padding: 0;
}
.pure-menu-item {
padding: 0; margin: 0; height: 100%;
}
.pure-menu-link, .pure-menu-heading {
display: block; text-decoration: none; white-space: nowrap;
}
/* HORIZONTAL MENU */ .pure-menu-horizontal {
width: 100%; white-space: nowrap;
}
.pure-menu-horizontal .pure-menu-list {
display: inline-block;
}
/* Initial menus should be inline-block so that they are horizontal */ .pure-menu-horizontal .pure-menu-item, .pure-menu-horizontal .pure-menu-heading, .pure-menu-horizontal .pure-menu-separator {
display: inline-block; *display: inline; zoom: 1; vertical-align: middle;
}
/* Submenus should still be display: block; */ .pure-menu-item .pure-menu-item {
display: block;
}
.pure-menu-children {
display: none; position: absolute; left: 100%; top: 0; margin: 0; padding: 0; z-index: 3;
}
.pure-menu-horizontal .pure-menu-children {
left: 0; top: auto; width: inherit;
}
.pure-menu-allow-hover:hover > .pure-menu-children, .pure-menu-active > .pure-menu-children {
display: block; position: absolute;
}
/* Vertical Menus - show the dropdown arrow */ .pure-menu-has-children > .pure-menu-after {
padding-left: 0.5em; content: "\25B8"; font-size: small;
}
/* Horizontal Menus - show the dropdown arrow */ .pure-menu-horizontal .pure-menu-has-children > .pure-menu-after {
content: "\25BE";
}
/* scrollable menus */ .pure-menu-scrollable {
overflow-y: scroll; overflow-x: hidden;
}
.pure-menu-scrollable .pure-menu-list {
display: block;
}
.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
display: inline-block;
}
.pure-menu-horizontal.pure-menu-scrollable {
white-space: nowrap; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: none; -webkit-overflow-scrolling: touch; /* a little extra padding for this style to allow for scrollbars */ padding: .5em 0;
}
.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar {
display: none;
}
/* misc default styling */
.pure-menu-separator {
background-color: #ccc; height: 1px; margin: .3em 0;
}
.pure-menu-horizontal .pure-menu-separator {
width: 1px; height: 1.3em; margin: 0 .3em ;
}
.pure-menu-heading {
text-transform: uppercase; color: #565d64;
}
.pure-menu-link {
color: #777;
}
.pure-menu-children {
background-color: #fff;
}
.pure-menu-link, .pure-menu-disabled, .pure-menu-heading {
padding: .5em 1em;
}
.pure-menu-disabled {
opacity: .5;
}
.pure-menu-disabled .pure-menu-hover {
background-color: transparent;
}
.pure-menu-active > .pure-menu-link, .pure-menu-hover, .pure-menu-focus {
background-color: #eee;
}
.pure-menu-selected .pure-menu-link, .pure-menu-selected .pure-menu-visited {
color: #000;
}