equal
deleted
inserted
replaced
5 nav { |
5 nav { |
6 padding-top: 40px; |
6 padding-top: 40px; |
7 |
7 |
8 ul { |
8 ul { |
9 width: 100%; |
9 width: 100%; |
10 padding: 40px 28px 25px 0; |
10 //padding: 40px 28px 25px 0; |
11 padding: 0; |
11 padding: 0; |
12 margin: 0; |
12 margin: 0; |
13 font-size: 13px; |
13 font-size: 13px; |
14 line-height: .5em; |
14 line-height: .5em; |
15 list-style: none; |
15 list-style: none; |
20 overflow: hidden; |
20 overflow: hidden; |
21 |
21 |
22 &.divider { |
22 &.divider { |
23 height: 20px; |
23 height: 20px; |
24 border: 0; |
24 border: 0; |
|
25 |
|
26 &:last-child { |
|
27 display: none; |
|
28 } |
25 } |
29 } |
26 &.header { |
30 &.header { |
27 font-family: "Ubuntu-Light", Arial, Helvetica, sans-serif; |
31 font-family: "Ubuntu-Light", Arial, Helvetica, sans-serif; |
28 font-size: 14px; |
32 font-size: 14px; |
29 font-weight: bold; |
33 font-weight: bold; |
30 color: #eee; |
34 color: #eee; |
31 background-color: #b13510; |
35 background-color: #b13510; |
32 border-top-color: #d44918; |
36 //border-top-color: #d44918; |
33 border-bottom-color: #a13812; |
37 //border-bottom-color: #a13812; |
34 padding: 4px 10px 4px 20px; |
38 padding: 4px 10px 4px 20px; |
35 line-height: 18px; |
39 line-height: 18px; |
36 |
40 |
37 &:not(:first-child) { |
41 &:not(:first-child) { |
38 margin-top: 10px; |
42 margin-top: 10px; |
79 line-height: 14px; |
83 line-height: 14px; |
80 width: 27px; |
84 width: 27px; |
81 position: absolute; |
85 position: absolute; |
82 right: -21px; |
86 right: -21px; |
83 font-size: 20px; |
87 font-size: 20px; |
84 color: #eee; |
88 color: #e5e2cf; |
85 } |
89 } |
86 } |
90 } |
87 &.open >a { |
91 &.open >a { |
88 &:before { |
92 &:before { |
89 content: ""; |
93 content: ""; |
99 } |
103 } |
100 } |
104 } |
101 .active >a { |
105 .active >a { |
102 color: #fefefe!important; |
106 color: #fefefe!important; |
103 position: relative; |
107 position: relative; |
|
108 } |
|
109 &.active { |
|
110 li.active { |
|
111 >a { |
|
112 cursor: default; |
|
113 |
|
114 &.open { |
|
115 cursor: pointer; |
|
116 |
|
117 &.active { |
|
118 cursor: default; |
|
119 } |
|
120 } |
|
121 } |
|
122 } |
104 } |
123 } |
105 b { |
124 b { |
106 float: right; |
125 float: right; |
107 font-size: 14px; |
126 font-size: 14px; |
108 margin-top: -1px; |
127 margin-top: -1px; |
204 } |
223 } |
205 } |
224 } |
206 |
225 |
207 >ul { |
226 >ul { |
208 >li { |
227 >li { |
209 border-top: 1px solid #718999; |
228 //border-top: 1px solid #718999; |
210 border-bottom: 1px solid #576975; |
229 //border-bottom: 1px solid #576975; |
211 |
230 |
212 &:hover >ul::before, |
231 &:hover >ul::before, |
213 &:hover >ul >li::before { |
232 &:hover >ul >li::before { |
214 border-color: #ACACAC!important; |
233 border-color: #ACACAC!important; |
215 } |
234 } |
217 >.badge.pull-right { |
236 >.badge.pull-right { |
218 margin-right: 15px; |
237 margin-right: 15px; |
219 } |
238 } |
220 b { |
239 b { |
221 position: absolute!important; |
240 position: absolute!important; |
|
241 visibility: hidden; |
222 right: 10px; |
242 right: 10px; |
223 top: 10px; |
243 top: 10px; |
224 } |
244 } |
225 >i { |
245 >i { |
226 margin-right: 5px; |
246 margin-right: 5px; |
250 text-align: center; |
270 text-align: center; |
251 border: 1px solid rgba(255, 255, 255, .1); |
271 border: 1px solid rgba(255, 255, 255, .1); |
252 } |
272 } |
253 } |
273 } |
254 } |
274 } |
|
275 &:not(.open), |
|
276 &.open:not(.active) { |
|
277 >a { |
|
278 &:hover b { |
|
279 visibility: visible; |
|
280 } |
|
281 } |
|
282 } |
255 >ul::before { |
283 >ul::before { |
256 content: ""; |
284 content: ""; |
257 display: block; |
285 display: block; |
258 position: absolute; |
286 position: absolute; |
259 z-index: 1; |
287 z-index: 1; |