..

0	/*!
1	Pure v3.0.0
2	Copyright 2013 Yahoo!
3	Licensed under the BSD License.
4	https://github.com/pure-css/pure/blob/master/LICENSE
5	*/
6	/*csslint adjoining-classes: false, box-model:false*/
7	.pure-menu {
8	box-sizing: border-box;
9	}
10
11	.pure-menu-fixed {
12	position: fixed;
13	left: 0;
14	top: 0;
15	z-index: 3;
16	}
17
18	.pure-menu-list,
19	.pure-menu-item {
20	position: relative;
21	}
22
23	.pure-menu-list {
24	list-style: none;
25	margin: 0;
26	padding: 0;
27	}
28
29	.pure-menu-item {
30	padding: 0;
31	margin: 0;
32	height: 100%;
33	}
34
35	.pure-menu-link,
36	.pure-menu-heading {
37	display: block;
38	text-decoration: none;
39	white-space: nowrap;
40	}
41
42	/* HORIZONTAL MENU */
43	.pure-menu-horizontal {
44	width: 100%;
45	white-space: nowrap;
46	}
47
48	.pure-menu-horizontal .pure-menu-list {
49	display: inline-block;
50	}
51
52	/* Initial menus should be inline-block so that they are horizontal */
53	.pure-menu-horizontal .pure-menu-item,
54	.pure-menu-horizontal .pure-menu-heading,
55	.pure-menu-horizontal .pure-menu-separator {
56	display: inline-block;
57	vertical-align: middle;
58	}
59
60	/* Submenus should still be display: block; */
61	.pure-menu-item .pure-menu-item {
62	display: block;
63	}
64
65	.pure-menu-children {
66	display: none;
67	position: absolute;
68	left: 100%;
69	top: 0;
70	margin: 0;
71	padding: 0;
72	z-index: 3;
73	}
74
75	.pure-menu-horizontal .pure-menu-children {
76	left: 0;
77	top: auto;
78	width: inherit;
79	}
80
81	.pure-menu-allow-hover:hover > .pure-menu-children,
82	.pure-menu-active > .pure-menu-children {
83	display: block;
84	position: absolute;
85	}
86
87	/* Vertical Menus - show the dropdown arrow */
88	.pure-menu-has-children > .pure-menu-link:after {
89	padding-left: 0.5em;
90	content: "\25B8";
91	font-size: small;
92	}
93
94	/* Horizontal Menus - show the dropdown arrow */
95	.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
96	content: "\25BE";
97	}
98
99	/* scrollable menus */
100	.pure-menu-scrollable {
101	overflow-y: scroll;
102	overflow-x: hidden;
103	}
104
105	.pure-menu-scrollable .pure-menu-list {
106	display: block;
107	}
108
109	.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
110	display: inline-block;
111	}
112
113	.pure-menu-horizontal.pure-menu-scrollable {
114	white-space: nowrap;
115	overflow-y: hidden;
116	overflow-x: auto;
117	/* a little extra padding for this style to allow for scrollbars */
118	padding: .5em 0;
119	}
120
121	/* misc default styling */
122
123	.pure-menu-separator,
124	.pure-menu-horizontal .pure-menu-children .pure-menu-separator {
125	background-color: #ccc;
126	height: 1px;
127	margin: .3em 0;
128	}
129
130	.pure-menu-horizontal .pure-menu-separator {
131	width: 1px;
132	height: 1.3em;
133	margin: 0 .3em ;
134	}
135
136	/* Need to reset the separator since submenu is vertical */
137	.pure-menu-horizontal .pure-menu-children .pure-menu-separator {
138	display: block;
139	width: auto;
140	}
141
142	.pure-menu-heading {
143	text-transform: uppercase;
144	color: #565d64;
145	}
146
147	.pure-menu-link {
148	color: #777;
149	}
150
151	.pure-menu-children {
152	background-color: #fff;
153	}
154
155	.pure-menu-link,
156	.pure-menu-heading {
157	padding: .5em 1em;
158	}
159
160	.pure-menu-disabled {
161	opacity: .5;
162	}
163
164	.pure-menu-disabled .pure-menu-link:hover {
165	background-color: transparent;
166	cursor: default;
167	}
168
169	.pure-menu-active > .pure-menu-link,
170	.pure-menu-link:hover,
171	.pure-menu-link:focus {
172	background-color: #eee;
173	}
174
175	.pure-menu-selected > .pure-menu-link,
176	.pure-menu-selected > .pure-menu-link:visited {
177	color: #000;
178	}