]>
Commit | Line | Data |
---|---|---|
31f18b77 FG |
1 | /* |
2 | * Skin: Blue | |
3 | * ---------- | |
4 | */ | |
5 | .skin-blue .main-header .navbar { | |
6 | background-color: #3c8dbc; | |
7 | } | |
8 | .skin-blue .main-header .navbar .nav > li > a { | |
9 | color: #ffffff; | |
10 | } | |
11 | .skin-blue .main-header .navbar .nav > li > a:hover, | |
12 | .skin-blue .main-header .navbar .nav > li > a:active, | |
13 | .skin-blue .main-header .navbar .nav > li > a:focus, | |
14 | .skin-blue .main-header .navbar .nav .open > a, | |
15 | .skin-blue .main-header .navbar .nav .open > a:hover, | |
16 | .skin-blue .main-header .navbar .nav .open > a:focus, | |
17 | .skin-blue .main-header .navbar .nav > .active > a { | |
18 | background: rgba(0, 0, 0, 0.1); | |
19 | color: #f6f6f6; | |
20 | } | |
21 | .skin-blue .main-header .navbar .sidebar-toggle { | |
22 | color: #ffffff; | |
23 | } | |
24 | .skin-blue .main-header .navbar .sidebar-toggle:hover { | |
25 | color: #f6f6f6; | |
26 | background: rgba(0, 0, 0, 0.1); | |
27 | } | |
28 | .skin-blue .main-header .navbar .sidebar-toggle { | |
29 | color: #fff; | |
30 | } | |
31 | .skin-blue .main-header .navbar .sidebar-toggle:hover { | |
32 | background-color: #367fa9; | |
33 | } | |
34 | @media (max-width: 767px) { | |
35 | .skin-blue .main-header .navbar .dropdown-menu li.divider { | |
36 | background-color: rgba(255, 255, 255, 0.1); | |
37 | } | |
38 | .skin-blue .main-header .navbar .dropdown-menu li a { | |
39 | color: #fff; | |
40 | } | |
41 | .skin-blue .main-header .navbar .dropdown-menu li a:hover { | |
42 | background: #367fa9; | |
43 | } | |
44 | } | |
45 | .skin-blue .main-header .logo { | |
46 | background-color: #367fa9; | |
47 | color: #ffffff; | |
48 | border-bottom: 0 solid transparent; | |
49 | } | |
50 | .skin-blue .main-header .logo:hover { | |
51 | background-color: #357ca5; | |
52 | } | |
53 | .skin-blue .main-header li.user-header { | |
54 | background-color: #3c8dbc; | |
55 | } | |
56 | .skin-blue .content-header { | |
57 | background: transparent; | |
58 | } | |
59 | .skin-blue .wrapper, | |
60 | .skin-blue .main-sidebar, | |
61 | .skin-blue .left-side { | |
62 | background-color: #222d32; | |
63 | } | |
64 | .skin-blue .user-panel > .info, | |
65 | .skin-blue .user-panel > .info > a { | |
66 | color: #fff; | |
67 | } | |
68 | .skin-blue .sidebar-menu > li.header { | |
69 | color: #4b646f; | |
70 | background: #1a2226; | |
71 | } | |
72 | .skin-blue .sidebar-menu > li > a { | |
73 | border-left: 3px solid transparent; | |
74 | } | |
75 | .skin-blue .sidebar-menu > li:hover > a, | |
76 | .skin-blue .sidebar-menu > li.active > a { | |
77 | color: #ffffff; | |
78 | background: #1e282c; | |
79 | border-left-color: #3c8dbc; | |
80 | } | |
81 | .skin-blue .sidebar-menu > li > .treeview-menu { | |
82 | margin: 0 1px; | |
83 | background: #2c3b41; | |
84 | } | |
85 | .skin-blue .sidebar a { | |
86 | color: #b8c7ce; | |
87 | } | |
88 | .skin-blue .sidebar a:hover { | |
89 | text-decoration: none; | |
90 | } | |
91 | .skin-blue .treeview-menu > li > a { | |
92 | color: #8aa4af; | |
93 | } | |
94 | .skin-blue .treeview-menu > li.active > a, | |
95 | .skin-blue .treeview-menu > li > a:hover { | |
96 | color: #ffffff; | |
97 | } | |
98 | .skin-blue .sidebar-form { | |
99 | border-radius: 3px; | |
100 | border: 1px solid #374850; | |
101 | margin: 10px 10px; | |
102 | } | |
103 | .skin-blue .sidebar-form input[type="text"], | |
104 | .skin-blue .sidebar-form .btn { | |
105 | box-shadow: none; | |
106 | background-color: #374850; | |
107 | border: 1px solid transparent; | |
108 | height: 35px; | |
109 | } | |
110 | .skin-blue .sidebar-form input[type="text"] { | |
111 | color: #666; | |
112 | border-top-left-radius: 2px; | |
113 | border-top-right-radius: 0; | |
114 | border-bottom-right-radius: 0; | |
115 | border-bottom-left-radius: 2px; | |
116 | } | |
117 | .skin-blue .sidebar-form input[type="text"]:focus, | |
118 | .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
119 | background-color: #fff; | |
120 | color: #666; | |
121 | } | |
122 | .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
123 | border-left-color: #fff; | |
124 | } | |
125 | .skin-blue .sidebar-form .btn { | |
126 | color: #999; | |
127 | border-top-left-radius: 0; | |
128 | border-top-right-radius: 2px; | |
129 | border-bottom-right-radius: 2px; | |
130 | border-bottom-left-radius: 0; | |
131 | } | |
132 | .skin-blue.layout-top-nav .main-header > .logo { | |
133 | background-color: #3c8dbc; | |
134 | color: #ffffff; | |
135 | border-bottom: 0 solid transparent; | |
136 | } | |
137 | .skin-blue.layout-top-nav .main-header > .logo:hover { | |
138 | background-color: #3b8ab8; | |
139 | } | |
140 | /* | |
141 | * Skin: Blue | |
142 | * ---------- | |
143 | */ | |
144 | .skin-blue-light .main-header .navbar { | |
145 | background-color: #3c8dbc; | |
146 | } | |
147 | .skin-blue-light .main-header .navbar .nav > li > a { | |
148 | color: #ffffff; | |
149 | } | |
150 | .skin-blue-light .main-header .navbar .nav > li > a:hover, | |
151 | .skin-blue-light .main-header .navbar .nav > li > a:active, | |
152 | .skin-blue-light .main-header .navbar .nav > li > a:focus, | |
153 | .skin-blue-light .main-header .navbar .nav .open > a, | |
154 | .skin-blue-light .main-header .navbar .nav .open > a:hover, | |
155 | .skin-blue-light .main-header .navbar .nav .open > a:focus, | |
156 | .skin-blue-light .main-header .navbar .nav > .active > a { | |
157 | background: rgba(0, 0, 0, 0.1); | |
158 | color: #f6f6f6; | |
159 | } | |
160 | .skin-blue-light .main-header .navbar .sidebar-toggle { | |
161 | color: #ffffff; | |
162 | } | |
163 | .skin-blue-light .main-header .navbar .sidebar-toggle:hover { | |
164 | color: #f6f6f6; | |
165 | background: rgba(0, 0, 0, 0.1); | |
166 | } | |
167 | .skin-blue-light .main-header .navbar .sidebar-toggle { | |
168 | color: #fff; | |
169 | } | |
170 | .skin-blue-light .main-header .navbar .sidebar-toggle:hover { | |
171 | background-color: #367fa9; | |
172 | } | |
173 | @media (max-width: 767px) { | |
174 | .skin-blue-light .main-header .navbar .dropdown-menu li.divider { | |
175 | background-color: rgba(255, 255, 255, 0.1); | |
176 | } | |
177 | .skin-blue-light .main-header .navbar .dropdown-menu li a { | |
178 | color: #fff; | |
179 | } | |
180 | .skin-blue-light .main-header .navbar .dropdown-menu li a:hover { | |
181 | background: #367fa9; | |
182 | } | |
183 | } | |
184 | .skin-blue-light .main-header .logo { | |
185 | background-color: #3c8dbc; | |
186 | color: #ffffff; | |
187 | border-bottom: 0 solid transparent; | |
188 | } | |
189 | .skin-blue-light .main-header .logo:hover { | |
190 | background-color: #3b8ab8; | |
191 | } | |
192 | .skin-blue-light .main-header li.user-header { | |
193 | background-color: #3c8dbc; | |
194 | } | |
195 | .skin-blue-light .content-header { | |
196 | background: transparent; | |
197 | } | |
198 | .skin-blue-light .wrapper, | |
199 | .skin-blue-light .main-sidebar, | |
200 | .skin-blue-light .left-side { | |
201 | background-color: #f9fafc; | |
202 | } | |
203 | .skin-blue-light .content-wrapper, | |
204 | .skin-blue-light .main-footer { | |
205 | border-left: 1px solid #d2d6de; | |
206 | } | |
207 | .skin-blue-light .user-panel > .info, | |
208 | .skin-blue-light .user-panel > .info > a { | |
209 | color: #444444; | |
210 | } | |
211 | .skin-blue-light .sidebar-menu > li { | |
212 | -webkit-transition: border-left-color 0.3s ease; | |
213 | -o-transition: border-left-color 0.3s ease; | |
214 | transition: border-left-color 0.3s ease; | |
215 | } | |
216 | .skin-blue-light .sidebar-menu > li.header { | |
217 | color: #848484; | |
218 | background: #f9fafc; | |
219 | } | |
220 | .skin-blue-light .sidebar-menu > li > a { | |
221 | border-left: 3px solid transparent; | |
222 | font-weight: 600; | |
223 | } | |
224 | .skin-blue-light .sidebar-menu > li:hover > a, | |
225 | .skin-blue-light .sidebar-menu > li.active > a { | |
226 | color: #000000; | |
227 | background: #f4f4f5; | |
228 | } | |
229 | .skin-blue-light .sidebar-menu > li.active { | |
230 | border-left-color: #3c8dbc; | |
231 | } | |
232 | .skin-blue-light .sidebar-menu > li.active > a { | |
233 | font-weight: 600; | |
234 | } | |
235 | .skin-blue-light .sidebar-menu > li > .treeview-menu { | |
236 | background: #f4f4f5; | |
237 | } | |
238 | .skin-blue-light .sidebar a { | |
239 | color: #444444; | |
240 | } | |
241 | .skin-blue-light .sidebar a:hover { | |
242 | text-decoration: none; | |
243 | } | |
244 | .skin-blue-light .treeview-menu > li > a { | |
245 | color: #777777; | |
246 | } | |
247 | .skin-blue-light .treeview-menu > li.active > a, | |
248 | .skin-blue-light .treeview-menu > li > a:hover { | |
249 | color: #000000; | |
250 | } | |
251 | .skin-blue-light .treeview-menu > li.active > a { | |
252 | font-weight: 600; | |
253 | } | |
254 | .skin-blue-light .sidebar-form { | |
255 | border-radius: 3px; | |
256 | border: 1px solid #d2d6de; | |
257 | margin: 10px 10px; | |
258 | } | |
259 | .skin-blue-light .sidebar-form input[type="text"], | |
260 | .skin-blue-light .sidebar-form .btn { | |
261 | box-shadow: none; | |
262 | background-color: #fff; | |
263 | border: 1px solid transparent; | |
264 | height: 35px; | |
265 | } | |
266 | .skin-blue-light .sidebar-form input[type="text"] { | |
267 | color: #666; | |
268 | border-top-left-radius: 2px; | |
269 | border-top-right-radius: 0; | |
270 | border-bottom-right-radius: 0; | |
271 | border-bottom-left-radius: 2px; | |
272 | } | |
273 | .skin-blue-light .sidebar-form input[type="text"]:focus, | |
274 | .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
275 | background-color: #fff; | |
276 | color: #666; | |
277 | } | |
278 | .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
279 | border-left-color: #fff; | |
280 | } | |
281 | .skin-blue-light .sidebar-form .btn { | |
282 | color: #999; | |
283 | border-top-left-radius: 0; | |
284 | border-top-right-radius: 2px; | |
285 | border-bottom-right-radius: 2px; | |
286 | border-bottom-left-radius: 0; | |
287 | } | |
288 | @media (min-width: 768px) { | |
289 | .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { | |
290 | border-left: 1px solid #d2d6de; | |
291 | } | |
292 | } | |
293 | .skin-blue-light .main-footer { | |
294 | border-top-color: #d2d6de; | |
295 | } | |
296 | .skin-blue.layout-top-nav .main-header > .logo { | |
297 | background-color: #3c8dbc; | |
298 | color: #ffffff; | |
299 | border-bottom: 0 solid transparent; | |
300 | } | |
301 | .skin-blue.layout-top-nav .main-header > .logo:hover { | |
302 | background-color: #3b8ab8; | |
303 | } | |
304 | /* | |
305 | * Skin: Black | |
306 | * ----------- | |
307 | */ | |
308 | /* skin-black navbar */ | |
309 | .skin-black .main-header { | |
310 | -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); | |
311 | box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); | |
312 | } | |
313 | .skin-black .main-header .navbar-toggle { | |
314 | color: #333; | |
315 | } | |
316 | .skin-black .main-header .navbar-brand { | |
317 | color: #333; | |
318 | border-right: 1px solid #eee; | |
319 | } | |
320 | .skin-black .main-header .navbar { | |
321 | background-color: #ffffff; | |
322 | } | |
323 | .skin-black .main-header .navbar .nav > li > a { | |
324 | color: #333333; | |
325 | } | |
326 | .skin-black .main-header .navbar .nav > li > a:hover, | |
327 | .skin-black .main-header .navbar .nav > li > a:active, | |
328 | .skin-black .main-header .navbar .nav > li > a:focus, | |
329 | .skin-black .main-header .navbar .nav .open > a, | |
330 | .skin-black .main-header .navbar .nav .open > a:hover, | |
331 | .skin-black .main-header .navbar .nav .open > a:focus, | |
332 | .skin-black .main-header .navbar .nav > .active > a { | |
333 | background: #ffffff; | |
334 | color: #999999; | |
335 | } | |
336 | .skin-black .main-header .navbar .sidebar-toggle { | |
337 | color: #333333; | |
338 | } | |
339 | .skin-black .main-header .navbar .sidebar-toggle:hover { | |
340 | color: #999999; | |
341 | background: #ffffff; | |
342 | } | |
343 | .skin-black .main-header .navbar > .sidebar-toggle { | |
344 | color: #333; | |
345 | border-right: 1px solid #eee; | |
346 | } | |
347 | .skin-black .main-header .navbar .navbar-nav > li > a { | |
348 | border-right: 1px solid #eee; | |
349 | } | |
350 | .skin-black .main-header .navbar .navbar-custom-menu .navbar-nav > li > a, | |
351 | .skin-black .main-header .navbar .navbar-right > li > a { | |
352 | border-left: 1px solid #eee; | |
353 | border-right-width: 0; | |
354 | } | |
355 | .skin-black .main-header > .logo { | |
356 | background-color: #ffffff; | |
357 | color: #333333; | |
358 | border-bottom: 0 solid transparent; | |
359 | border-right: 1px solid #eee; | |
360 | } | |
361 | .skin-black .main-header > .logo:hover { | |
362 | background-color: #fcfcfc; | |
363 | } | |
364 | @media (max-width: 767px) { | |
365 | .skin-black .main-header > .logo { | |
366 | background-color: #222222; | |
367 | color: #ffffff; | |
368 | border-bottom: 0 solid transparent; | |
369 | border-right: none; | |
370 | } | |
371 | .skin-black .main-header > .logo:hover { | |
372 | background-color: #1f1f1f; | |
373 | } | |
374 | } | |
375 | .skin-black .main-header li.user-header { | |
376 | background-color: #222; | |
377 | } | |
378 | .skin-black .content-header { | |
379 | background: transparent; | |
380 | box-shadow: none; | |
381 | } | |
382 | .skin-black .wrapper, | |
383 | .skin-black .main-sidebar, | |
384 | .skin-black .left-side { | |
385 | background-color: #222d32; | |
386 | } | |
387 | .skin-black .user-panel > .info, | |
388 | .skin-black .user-panel > .info > a { | |
389 | color: #fff; | |
390 | } | |
391 | .skin-black .sidebar-menu > li.header { | |
392 | color: #4b646f; | |
393 | background: #1a2226; | |
394 | } | |
395 | .skin-black .sidebar-menu > li > a { | |
396 | border-left: 3px solid transparent; | |
397 | } | |
398 | .skin-black .sidebar-menu > li:hover > a, | |
399 | .skin-black .sidebar-menu > li.active > a { | |
400 | color: #ffffff; | |
401 | background: #1e282c; | |
402 | border-left-color: #ffffff; | |
403 | } | |
404 | .skin-black .sidebar-menu > li > .treeview-menu { | |
405 | margin: 0 1px; | |
406 | background: #2c3b41; | |
407 | } | |
408 | .skin-black .sidebar a { | |
409 | color: #b8c7ce; | |
410 | } | |
411 | .skin-black .sidebar a:hover { | |
412 | text-decoration: none; | |
413 | } | |
414 | .skin-black .treeview-menu > li > a { | |
415 | color: #8aa4af; | |
416 | } | |
417 | .skin-black .treeview-menu > li.active > a, | |
418 | .skin-black .treeview-menu > li > a:hover { | |
419 | color: #ffffff; | |
420 | } | |
421 | .skin-black .sidebar-form { | |
422 | border-radius: 3px; | |
423 | border: 1px solid #374850; | |
424 | margin: 10px 10px; | |
425 | } | |
426 | .skin-black .sidebar-form input[type="text"], | |
427 | .skin-black .sidebar-form .btn { | |
428 | box-shadow: none; | |
429 | background-color: #374850; | |
430 | border: 1px solid transparent; | |
431 | height: 35px; | |
432 | } | |
433 | .skin-black .sidebar-form input[type="text"] { | |
434 | color: #666; | |
435 | border-top-left-radius: 2px; | |
436 | border-top-right-radius: 0; | |
437 | border-bottom-right-radius: 0; | |
438 | border-bottom-left-radius: 2px; | |
439 | } | |
440 | .skin-black .sidebar-form input[type="text"]:focus, | |
441 | .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
442 | background-color: #fff; | |
443 | color: #666; | |
444 | } | |
445 | .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
446 | border-left-color: #fff; | |
447 | } | |
448 | .skin-black .sidebar-form .btn { | |
449 | color: #999; | |
450 | border-top-left-radius: 0; | |
451 | border-top-right-radius: 2px; | |
452 | border-bottom-right-radius: 2px; | |
453 | border-bottom-left-radius: 0; | |
454 | } | |
455 | .skin-black .pace .pace-progress { | |
456 | background: #222; | |
457 | } | |
458 | .skin-black .pace .pace-activity { | |
459 | border-top-color: #222; | |
460 | border-left-color: #222; | |
461 | } | |
462 | /* | |
463 | * Skin: Black | |
464 | * ----------- | |
465 | */ | |
466 | /* skin-black navbar */ | |
467 | .skin-black-light .main-header { | |
468 | -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); | |
469 | box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05); | |
470 | } | |
471 | .skin-black-light .main-header .navbar-toggle { | |
472 | color: #333; | |
473 | } | |
474 | .skin-black-light .main-header .navbar-brand { | |
475 | color: #333; | |
476 | border-right: 1px solid #eee; | |
477 | } | |
478 | .skin-black-light .main-header .navbar { | |
479 | background-color: #ffffff; | |
480 | } | |
481 | .skin-black-light .main-header .navbar .nav > li > a { | |
482 | color: #333333; | |
483 | } | |
484 | .skin-black-light .main-header .navbar .nav > li > a:hover, | |
485 | .skin-black-light .main-header .navbar .nav > li > a:active, | |
486 | .skin-black-light .main-header .navbar .nav > li > a:focus, | |
487 | .skin-black-light .main-header .navbar .nav .open > a, | |
488 | .skin-black-light .main-header .navbar .nav .open > a:hover, | |
489 | .skin-black-light .main-header .navbar .nav .open > a:focus, | |
490 | .skin-black-light .main-header .navbar .nav > .active > a { | |
491 | background: #ffffff; | |
492 | color: #999999; | |
493 | } | |
494 | .skin-black-light .main-header .navbar .sidebar-toggle { | |
495 | color: #333333; | |
496 | } | |
497 | .skin-black-light .main-header .navbar .sidebar-toggle:hover { | |
498 | color: #999999; | |
499 | background: #ffffff; | |
500 | } | |
501 | .skin-black-light .main-header .navbar > .sidebar-toggle { | |
502 | color: #333; | |
503 | border-right: 1px solid #eee; | |
504 | } | |
505 | .skin-black-light .main-header .navbar .navbar-nav > li > a { | |
506 | border-right: 1px solid #eee; | |
507 | } | |
508 | .skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav > li > a, | |
509 | .skin-black-light .main-header .navbar .navbar-right > li > a { | |
510 | border-left: 1px solid #eee; | |
511 | border-right-width: 0; | |
512 | } | |
513 | .skin-black-light .main-header > .logo { | |
514 | background-color: #ffffff; | |
515 | color: #333333; | |
516 | border-bottom: 0 solid transparent; | |
517 | border-right: 1px solid #eee; | |
518 | } | |
519 | .skin-black-light .main-header > .logo:hover { | |
520 | background-color: #fcfcfc; | |
521 | } | |
522 | @media (max-width: 767px) { | |
523 | .skin-black-light .main-header > .logo { | |
524 | background-color: #222222; | |
525 | color: #ffffff; | |
526 | border-bottom: 0 solid transparent; | |
527 | border-right: none; | |
528 | } | |
529 | .skin-black-light .main-header > .logo:hover { | |
530 | background-color: #1f1f1f; | |
531 | } | |
532 | } | |
533 | .skin-black-light .main-header li.user-header { | |
534 | background-color: #222; | |
535 | } | |
536 | .skin-black-light .content-header { | |
537 | background: transparent; | |
538 | box-shadow: none; | |
539 | } | |
540 | .skin-black-light .wrapper, | |
541 | .skin-black-light .main-sidebar, | |
542 | .skin-black-light .left-side { | |
543 | background-color: #f9fafc; | |
544 | } | |
545 | .skin-black-light .content-wrapper, | |
546 | .skin-black-light .main-footer { | |
547 | border-left: 1px solid #d2d6de; | |
548 | } | |
549 | .skin-black-light .user-panel > .info, | |
550 | .skin-black-light .user-panel > .info > a { | |
551 | color: #444444; | |
552 | } | |
553 | .skin-black-light .sidebar-menu > li { | |
554 | -webkit-transition: border-left-color 0.3s ease; | |
555 | -o-transition: border-left-color 0.3s ease; | |
556 | transition: border-left-color 0.3s ease; | |
557 | } | |
558 | .skin-black-light .sidebar-menu > li.header { | |
559 | color: #848484; | |
560 | background: #f9fafc; | |
561 | } | |
562 | .skin-black-light .sidebar-menu > li > a { | |
563 | border-left: 3px solid transparent; | |
564 | font-weight: 600; | |
565 | } | |
566 | .skin-black-light .sidebar-menu > li:hover > a, | |
567 | .skin-black-light .sidebar-menu > li.active > a { | |
568 | color: #000000; | |
569 | background: #f4f4f5; | |
570 | } | |
571 | .skin-black-light .sidebar-menu > li.active { | |
572 | border-left-color: #ffffff; | |
573 | } | |
574 | .skin-black-light .sidebar-menu > li.active > a { | |
575 | font-weight: 600; | |
576 | } | |
577 | .skin-black-light .sidebar-menu > li > .treeview-menu { | |
578 | background: #f4f4f5; | |
579 | } | |
580 | .skin-black-light .sidebar a { | |
581 | color: #444444; | |
582 | } | |
583 | .skin-black-light .sidebar a:hover { | |
584 | text-decoration: none; | |
585 | } | |
586 | .skin-black-light .treeview-menu > li > a { | |
587 | color: #777777; | |
588 | } | |
589 | .skin-black-light .treeview-menu > li.active > a, | |
590 | .skin-black-light .treeview-menu > li > a:hover { | |
591 | color: #000000; | |
592 | } | |
593 | .skin-black-light .treeview-menu > li.active > a { | |
594 | font-weight: 600; | |
595 | } | |
596 | .skin-black-light .sidebar-form { | |
597 | border-radius: 3px; | |
598 | border: 1px solid #d2d6de; | |
599 | margin: 10px 10px; | |
600 | } | |
601 | .skin-black-light .sidebar-form input[type="text"], | |
602 | .skin-black-light .sidebar-form .btn { | |
603 | box-shadow: none; | |
604 | background-color: #fff; | |
605 | border: 1px solid transparent; | |
606 | height: 35px; | |
607 | } | |
608 | .skin-black-light .sidebar-form input[type="text"] { | |
609 | color: #666; | |
610 | border-top-left-radius: 2px; | |
611 | border-top-right-radius: 0; | |
612 | border-bottom-right-radius: 0; | |
613 | border-bottom-left-radius: 2px; | |
614 | } | |
615 | .skin-black-light .sidebar-form input[type="text"]:focus, | |
616 | .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
617 | background-color: #fff; | |
618 | color: #666; | |
619 | } | |
620 | .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
621 | border-left-color: #fff; | |
622 | } | |
623 | .skin-black-light .sidebar-form .btn { | |
624 | color: #999; | |
625 | border-top-left-radius: 0; | |
626 | border-top-right-radius: 2px; | |
627 | border-bottom-right-radius: 2px; | |
628 | border-bottom-left-radius: 0; | |
629 | } | |
630 | @media (min-width: 768px) { | |
631 | .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { | |
632 | border-left: 1px solid #d2d6de; | |
633 | } | |
634 | } | |
635 | /* | |
636 | * Skin: Green | |
637 | * ----------- | |
638 | */ | |
639 | .skin-green .main-header .navbar { | |
640 | background-color: #00a65a; | |
641 | } | |
642 | .skin-green .main-header .navbar .nav > li > a { | |
643 | color: #ffffff; | |
644 | } | |
645 | .skin-green .main-header .navbar .nav > li > a:hover, | |
646 | .skin-green .main-header .navbar .nav > li > a:active, | |
647 | .skin-green .main-header .navbar .nav > li > a:focus, | |
648 | .skin-green .main-header .navbar .nav .open > a, | |
649 | .skin-green .main-header .navbar .nav .open > a:hover, | |
650 | .skin-green .main-header .navbar .nav .open > a:focus, | |
651 | .skin-green .main-header .navbar .nav > .active > a { | |
652 | background: rgba(0, 0, 0, 0.1); | |
653 | color: #f6f6f6; | |
654 | } | |
655 | .skin-green .main-header .navbar .sidebar-toggle { | |
656 | color: #ffffff; | |
657 | } | |
658 | .skin-green .main-header .navbar .sidebar-toggle:hover { | |
659 | color: #f6f6f6; | |
660 | background: rgba(0, 0, 0, 0.1); | |
661 | } | |
662 | .skin-green .main-header .navbar .sidebar-toggle { | |
663 | color: #fff; | |
664 | } | |
665 | .skin-green .main-header .navbar .sidebar-toggle:hover { | |
666 | background-color: #008d4c; | |
667 | } | |
668 | @media (max-width: 767px) { | |
669 | .skin-green .main-header .navbar .dropdown-menu li.divider { | |
670 | background-color: rgba(255, 255, 255, 0.1); | |
671 | } | |
672 | .skin-green .main-header .navbar .dropdown-menu li a { | |
673 | color: #fff; | |
674 | } | |
675 | .skin-green .main-header .navbar .dropdown-menu li a:hover { | |
676 | background: #008d4c; | |
677 | } | |
678 | } | |
679 | .skin-green .main-header .logo { | |
680 | background-color: #008d4c; | |
681 | color: #ffffff; | |
682 | border-bottom: 0 solid transparent; | |
683 | } | |
684 | .skin-green .main-header .logo:hover { | |
685 | background-color: #008749; | |
686 | } | |
687 | .skin-green .main-header li.user-header { | |
688 | background-color: #00a65a; | |
689 | } | |
690 | .skin-green .content-header { | |
691 | background: transparent; | |
692 | } | |
693 | .skin-green .wrapper, | |
694 | .skin-green .main-sidebar, | |
695 | .skin-green .left-side { | |
696 | background-color: #222d32; | |
697 | } | |
698 | .skin-green .user-panel > .info, | |
699 | .skin-green .user-panel > .info > a { | |
700 | color: #fff; | |
701 | } | |
702 | .skin-green .sidebar-menu > li.header { | |
703 | color: #4b646f; | |
704 | background: #1a2226; | |
705 | } | |
706 | .skin-green .sidebar-menu > li > a { | |
707 | border-left: 3px solid transparent; | |
708 | } | |
709 | .skin-green .sidebar-menu > li:hover > a, | |
710 | .skin-green .sidebar-menu > li.active > a { | |
711 | color: #ffffff; | |
712 | background: #1e282c; | |
713 | border-left-color: #00a65a; | |
714 | } | |
715 | .skin-green .sidebar-menu > li > .treeview-menu { | |
716 | margin: 0 1px; | |
717 | background: #2c3b41; | |
718 | } | |
719 | .skin-green .sidebar a { | |
720 | color: #b8c7ce; | |
721 | } | |
722 | .skin-green .sidebar a:hover { | |
723 | text-decoration: none; | |
724 | } | |
725 | .skin-green .treeview-menu > li > a { | |
726 | color: #8aa4af; | |
727 | } | |
728 | .skin-green .treeview-menu > li.active > a, | |
729 | .skin-green .treeview-menu > li > a:hover { | |
730 | color: #ffffff; | |
731 | } | |
732 | .skin-green .sidebar-form { | |
733 | border-radius: 3px; | |
734 | border: 1px solid #374850; | |
735 | margin: 10px 10px; | |
736 | } | |
737 | .skin-green .sidebar-form input[type="text"], | |
738 | .skin-green .sidebar-form .btn { | |
739 | box-shadow: none; | |
740 | background-color: #374850; | |
741 | border: 1px solid transparent; | |
742 | height: 35px; | |
743 | } | |
744 | .skin-green .sidebar-form input[type="text"] { | |
745 | color: #666; | |
746 | border-top-left-radius: 2px; | |
747 | border-top-right-radius: 0; | |
748 | border-bottom-right-radius: 0; | |
749 | border-bottom-left-radius: 2px; | |
750 | } | |
751 | .skin-green .sidebar-form input[type="text"]:focus, | |
752 | .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
753 | background-color: #fff; | |
754 | color: #666; | |
755 | } | |
756 | .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
757 | border-left-color: #fff; | |
758 | } | |
759 | .skin-green .sidebar-form .btn { | |
760 | color: #999; | |
761 | border-top-left-radius: 0; | |
762 | border-top-right-radius: 2px; | |
763 | border-bottom-right-radius: 2px; | |
764 | border-bottom-left-radius: 0; | |
765 | } | |
766 | /* | |
767 | * Skin: Green | |
768 | * ----------- | |
769 | */ | |
770 | .skin-green-light .main-header .navbar { | |
771 | background-color: #00a65a; | |
772 | } | |
773 | .skin-green-light .main-header .navbar .nav > li > a { | |
774 | color: #ffffff; | |
775 | } | |
776 | .skin-green-light .main-header .navbar .nav > li > a:hover, | |
777 | .skin-green-light .main-header .navbar .nav > li > a:active, | |
778 | .skin-green-light .main-header .navbar .nav > li > a:focus, | |
779 | .skin-green-light .main-header .navbar .nav .open > a, | |
780 | .skin-green-light .main-header .navbar .nav .open > a:hover, | |
781 | .skin-green-light .main-header .navbar .nav .open > a:focus, | |
782 | .skin-green-light .main-header .navbar .nav > .active > a { | |
783 | background: rgba(0, 0, 0, 0.1); | |
784 | color: #f6f6f6; | |
785 | } | |
786 | .skin-green-light .main-header .navbar .sidebar-toggle { | |
787 | color: #ffffff; | |
788 | } | |
789 | .skin-green-light .main-header .navbar .sidebar-toggle:hover { | |
790 | color: #f6f6f6; | |
791 | background: rgba(0, 0, 0, 0.1); | |
792 | } | |
793 | .skin-green-light .main-header .navbar .sidebar-toggle { | |
794 | color: #fff; | |
795 | } | |
796 | .skin-green-light .main-header .navbar .sidebar-toggle:hover { | |
797 | background-color: #008d4c; | |
798 | } | |
799 | @media (max-width: 767px) { | |
800 | .skin-green-light .main-header .navbar .dropdown-menu li.divider { | |
801 | background-color: rgba(255, 255, 255, 0.1); | |
802 | } | |
803 | .skin-green-light .main-header .navbar .dropdown-menu li a { | |
804 | color: #fff; | |
805 | } | |
806 | .skin-green-light .main-header .navbar .dropdown-menu li a:hover { | |
807 | background: #008d4c; | |
808 | } | |
809 | } | |
810 | .skin-green-light .main-header .logo { | |
811 | background-color: #00a65a; | |
812 | color: #ffffff; | |
813 | border-bottom: 0 solid transparent; | |
814 | } | |
815 | .skin-green-light .main-header .logo:hover { | |
816 | background-color: #00a157; | |
817 | } | |
818 | .skin-green-light .main-header li.user-header { | |
819 | background-color: #00a65a; | |
820 | } | |
821 | .skin-green-light .content-header { | |
822 | background: transparent; | |
823 | } | |
824 | .skin-green-light .wrapper, | |
825 | .skin-green-light .main-sidebar, | |
826 | .skin-green-light .left-side { | |
827 | background-color: #f9fafc; | |
828 | } | |
829 | .skin-green-light .content-wrapper, | |
830 | .skin-green-light .main-footer { | |
831 | border-left: 1px solid #d2d6de; | |
832 | } | |
833 | .skin-green-light .user-panel > .info, | |
834 | .skin-green-light .user-panel > .info > a { | |
835 | color: #444444; | |
836 | } | |
837 | .skin-green-light .sidebar-menu > li { | |
838 | -webkit-transition: border-left-color 0.3s ease; | |
839 | -o-transition: border-left-color 0.3s ease; | |
840 | transition: border-left-color 0.3s ease; | |
841 | } | |
842 | .skin-green-light .sidebar-menu > li.header { | |
843 | color: #848484; | |
844 | background: #f9fafc; | |
845 | } | |
846 | .skin-green-light .sidebar-menu > li > a { | |
847 | border-left: 3px solid transparent; | |
848 | font-weight: 600; | |
849 | } | |
850 | .skin-green-light .sidebar-menu > li:hover > a, | |
851 | .skin-green-light .sidebar-menu > li.active > a { | |
852 | color: #000000; | |
853 | background: #f4f4f5; | |
854 | } | |
855 | .skin-green-light .sidebar-menu > li.active { | |
856 | border-left-color: #00a65a; | |
857 | } | |
858 | .skin-green-light .sidebar-menu > li.active > a { | |
859 | font-weight: 600; | |
860 | } | |
861 | .skin-green-light .sidebar-menu > li > .treeview-menu { | |
862 | background: #f4f4f5; | |
863 | } | |
864 | .skin-green-light .sidebar a { | |
865 | color: #444444; | |
866 | } | |
867 | .skin-green-light .sidebar a:hover { | |
868 | text-decoration: none; | |
869 | } | |
870 | .skin-green-light .treeview-menu > li > a { | |
871 | color: #777777; | |
872 | } | |
873 | .skin-green-light .treeview-menu > li.active > a, | |
874 | .skin-green-light .treeview-menu > li > a:hover { | |
875 | color: #000000; | |
876 | } | |
877 | .skin-green-light .treeview-menu > li.active > a { | |
878 | font-weight: 600; | |
879 | } | |
880 | .skin-green-light .sidebar-form { | |
881 | border-radius: 3px; | |
882 | border: 1px solid #d2d6de; | |
883 | margin: 10px 10px; | |
884 | } | |
885 | .skin-green-light .sidebar-form input[type="text"], | |
886 | .skin-green-light .sidebar-form .btn { | |
887 | box-shadow: none; | |
888 | background-color: #fff; | |
889 | border: 1px solid transparent; | |
890 | height: 35px; | |
891 | } | |
892 | .skin-green-light .sidebar-form input[type="text"] { | |
893 | color: #666; | |
894 | border-top-left-radius: 2px; | |
895 | border-top-right-radius: 0; | |
896 | border-bottom-right-radius: 0; | |
897 | border-bottom-left-radius: 2px; | |
898 | } | |
899 | .skin-green-light .sidebar-form input[type="text"]:focus, | |
900 | .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
901 | background-color: #fff; | |
902 | color: #666; | |
903 | } | |
904 | .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
905 | border-left-color: #fff; | |
906 | } | |
907 | .skin-green-light .sidebar-form .btn { | |
908 | color: #999; | |
909 | border-top-left-radius: 0; | |
910 | border-top-right-radius: 2px; | |
911 | border-bottom-right-radius: 2px; | |
912 | border-bottom-left-radius: 0; | |
913 | } | |
914 | @media (min-width: 768px) { | |
915 | .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { | |
916 | border-left: 1px solid #d2d6de; | |
917 | } | |
918 | } | |
919 | /* | |
920 | * Skin: Red | |
921 | * --------- | |
922 | */ | |
923 | .skin-red .main-header .navbar { | |
924 | background-color: #dd4b39; | |
925 | } | |
926 | .skin-red .main-header .navbar .nav > li > a { | |
927 | color: #ffffff; | |
928 | } | |
929 | .skin-red .main-header .navbar .nav > li > a:hover, | |
930 | .skin-red .main-header .navbar .nav > li > a:active, | |
931 | .skin-red .main-header .navbar .nav > li > a:focus, | |
932 | .skin-red .main-header .navbar .nav .open > a, | |
933 | .skin-red .main-header .navbar .nav .open > a:hover, | |
934 | .skin-red .main-header .navbar .nav .open > a:focus, | |
935 | .skin-red .main-header .navbar .nav > .active > a { | |
936 | background: rgba(0, 0, 0, 0.1); | |
937 | color: #f6f6f6; | |
938 | } | |
939 | .skin-red .main-header .navbar .sidebar-toggle { | |
940 | color: #ffffff; | |
941 | } | |
942 | .skin-red .main-header .navbar .sidebar-toggle:hover { | |
943 | color: #f6f6f6; | |
944 | background: rgba(0, 0, 0, 0.1); | |
945 | } | |
946 | .skin-red .main-header .navbar .sidebar-toggle { | |
947 | color: #fff; | |
948 | } | |
949 | .skin-red .main-header .navbar .sidebar-toggle:hover { | |
950 | background-color: #d73925; | |
951 | } | |
952 | @media (max-width: 767px) { | |
953 | .skin-red .main-header .navbar .dropdown-menu li.divider { | |
954 | background-color: rgba(255, 255, 255, 0.1); | |
955 | } | |
956 | .skin-red .main-header .navbar .dropdown-menu li a { | |
957 | color: #fff; | |
958 | } | |
959 | .skin-red .main-header .navbar .dropdown-menu li a:hover { | |
960 | background: #d73925; | |
961 | } | |
962 | } | |
963 | .skin-red .main-header .logo { | |
964 | background-color: #d73925; | |
965 | color: #ffffff; | |
966 | border-bottom: 0 solid transparent; | |
967 | } | |
968 | .skin-red .main-header .logo:hover { | |
969 | background-color: #d33724; | |
970 | } | |
971 | .skin-red .main-header li.user-header { | |
972 | background-color: #dd4b39; | |
973 | } | |
974 | .skin-red .content-header { | |
975 | background: transparent; | |
976 | } | |
977 | .skin-red .wrapper, | |
978 | .skin-red .main-sidebar, | |
979 | .skin-red .left-side { | |
980 | background-color: #222d32; | |
981 | } | |
982 | .skin-red .user-panel > .info, | |
983 | .skin-red .user-panel > .info > a { | |
984 | color: #fff; | |
985 | } | |
986 | .skin-red .sidebar-menu > li.header { | |
987 | color: #4b646f; | |
988 | background: #1a2226; | |
989 | } | |
990 | .skin-red .sidebar-menu > li > a { | |
991 | border-left: 3px solid transparent; | |
992 | } | |
993 | .skin-red .sidebar-menu > li:hover > a, | |
994 | .skin-red .sidebar-menu > li.active > a { | |
995 | color: #ffffff; | |
996 | background: #1e282c; | |
997 | border-left-color: #dd4b39; | |
998 | } | |
999 | .skin-red .sidebar-menu > li > .treeview-menu { | |
1000 | margin: 0 1px; | |
1001 | background: #2c3b41; | |
1002 | } | |
1003 | .skin-red .sidebar a { | |
1004 | color: #b8c7ce; | |
1005 | } | |
1006 | .skin-red .sidebar a:hover { | |
1007 | text-decoration: none; | |
1008 | } | |
1009 | .skin-red .treeview-menu > li > a { | |
1010 | color: #8aa4af; | |
1011 | } | |
1012 | .skin-red .treeview-menu > li.active > a, | |
1013 | .skin-red .treeview-menu > li > a:hover { | |
1014 | color: #ffffff; | |
1015 | } | |
1016 | .skin-red .sidebar-form { | |
1017 | border-radius: 3px; | |
1018 | border: 1px solid #374850; | |
1019 | margin: 10px 10px; | |
1020 | } | |
1021 | .skin-red .sidebar-form input[type="text"], | |
1022 | .skin-red .sidebar-form .btn { | |
1023 | box-shadow: none; | |
1024 | background-color: #374850; | |
1025 | border: 1px solid transparent; | |
1026 | height: 35px; | |
1027 | } | |
1028 | .skin-red .sidebar-form input[type="text"] { | |
1029 | color: #666; | |
1030 | border-top-left-radius: 2px; | |
1031 | border-top-right-radius: 0; | |
1032 | border-bottom-right-radius: 0; | |
1033 | border-bottom-left-radius: 2px; | |
1034 | } | |
1035 | .skin-red .sidebar-form input[type="text"]:focus, | |
1036 | .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
1037 | background-color: #fff; | |
1038 | color: #666; | |
1039 | } | |
1040 | .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
1041 | border-left-color: #fff; | |
1042 | } | |
1043 | .skin-red .sidebar-form .btn { | |
1044 | color: #999; | |
1045 | border-top-left-radius: 0; | |
1046 | border-top-right-radius: 2px; | |
1047 | border-bottom-right-radius: 2px; | |
1048 | border-bottom-left-radius: 0; | |
1049 | } | |
1050 | /* | |
1051 | * Skin: Red | |
1052 | * --------- | |
1053 | */ | |
1054 | .skin-red-light .main-header .navbar { | |
1055 | background-color: #dd4b39; | |
1056 | } | |
1057 | .skin-red-light .main-header .navbar .nav > li > a { | |
1058 | color: #ffffff; | |
1059 | } | |
1060 | .skin-red-light .main-header .navbar .nav > li > a:hover, | |
1061 | .skin-red-light .main-header .navbar .nav > li > a:active, | |
1062 | .skin-red-light .main-header .navbar .nav > li > a:focus, | |
1063 | .skin-red-light .main-header .navbar .nav .open > a, | |
1064 | .skin-red-light .main-header .navbar .nav .open > a:hover, | |
1065 | .skin-red-light .main-header .navbar .nav .open > a:focus, | |
1066 | .skin-red-light .main-header .navbar .nav > .active > a { | |
1067 | background: rgba(0, 0, 0, 0.1); | |
1068 | color: #f6f6f6; | |
1069 | } | |
1070 | .skin-red-light .main-header .navbar .sidebar-toggle { | |
1071 | color: #ffffff; | |
1072 | } | |
1073 | .skin-red-light .main-header .navbar .sidebar-toggle:hover { | |
1074 | color: #f6f6f6; | |
1075 | background: rgba(0, 0, 0, 0.1); | |
1076 | } | |
1077 | .skin-red-light .main-header .navbar .sidebar-toggle { | |
1078 | color: #fff; | |
1079 | } | |
1080 | .skin-red-light .main-header .navbar .sidebar-toggle:hover { | |
1081 | background-color: #d73925; | |
1082 | } | |
1083 | @media (max-width: 767px) { | |
1084 | .skin-red-light .main-header .navbar .dropdown-menu li.divider { | |
1085 | background-color: rgba(255, 255, 255, 0.1); | |
1086 | } | |
1087 | .skin-red-light .main-header .navbar .dropdown-menu li a { | |
1088 | color: #fff; | |
1089 | } | |
1090 | .skin-red-light .main-header .navbar .dropdown-menu li a:hover { | |
1091 | background: #d73925; | |
1092 | } | |
1093 | } | |
1094 | .skin-red-light .main-header .logo { | |
1095 | background-color: #dd4b39; | |
1096 | color: #ffffff; | |
1097 | border-bottom: 0 solid transparent; | |
1098 | } | |
1099 | .skin-red-light .main-header .logo:hover { | |
1100 | background-color: #dc4735; | |
1101 | } | |
1102 | .skin-red-light .main-header li.user-header { | |
1103 | background-color: #dd4b39; | |
1104 | } | |
1105 | .skin-red-light .content-header { | |
1106 | background: transparent; | |
1107 | } | |
1108 | .skin-red-light .wrapper, | |
1109 | .skin-red-light .main-sidebar, | |
1110 | .skin-red-light .left-side { | |
1111 | background-color: #f9fafc; | |
1112 | } | |
1113 | .skin-red-light .content-wrapper, | |
1114 | .skin-red-light .main-footer { | |
1115 | border-left: 1px solid #d2d6de; | |
1116 | } | |
1117 | .skin-red-light .user-panel > .info, | |
1118 | .skin-red-light .user-panel > .info > a { | |
1119 | color: #444444; | |
1120 | } | |
1121 | .skin-red-light .sidebar-menu > li { | |
1122 | -webkit-transition: border-left-color 0.3s ease; | |
1123 | -o-transition: border-left-color 0.3s ease; | |
1124 | transition: border-left-color 0.3s ease; | |
1125 | } | |
1126 | .skin-red-light .sidebar-menu > li.header { | |
1127 | color: #848484; | |
1128 | background: #f9fafc; | |
1129 | } | |
1130 | .skin-red-light .sidebar-menu > li > a { | |
1131 | border-left: 3px solid transparent; | |
1132 | font-weight: 600; | |
1133 | } | |
1134 | .skin-red-light .sidebar-menu > li:hover > a, | |
1135 | .skin-red-light .sidebar-menu > li.active > a { | |
1136 | color: #000000; | |
1137 | background: #f4f4f5; | |
1138 | } | |
1139 | .skin-red-light .sidebar-menu > li.active { | |
1140 | border-left-color: #dd4b39; | |
1141 | } | |
1142 | .skin-red-light .sidebar-menu > li.active > a { | |
1143 | font-weight: 600; | |
1144 | } | |
1145 | .skin-red-light .sidebar-menu > li > .treeview-menu { | |
1146 | background: #f4f4f5; | |
1147 | } | |
1148 | .skin-red-light .sidebar a { | |
1149 | color: #444444; | |
1150 | } | |
1151 | .skin-red-light .sidebar a:hover { | |
1152 | text-decoration: none; | |
1153 | } | |
1154 | .skin-red-light .treeview-menu > li > a { | |
1155 | color: #777777; | |
1156 | } | |
1157 | .skin-red-light .treeview-menu > li.active > a, | |
1158 | .skin-red-light .treeview-menu > li > a:hover { | |
1159 | color: #000000; | |
1160 | } | |
1161 | .skin-red-light .treeview-menu > li.active > a { | |
1162 | font-weight: 600; | |
1163 | } | |
1164 | .skin-red-light .sidebar-form { | |
1165 | border-radius: 3px; | |
1166 | border: 1px solid #d2d6de; | |
1167 | margin: 10px 10px; | |
1168 | } | |
1169 | .skin-red-light .sidebar-form input[type="text"], | |
1170 | .skin-red-light .sidebar-form .btn { | |
1171 | box-shadow: none; | |
1172 | background-color: #fff; | |
1173 | border: 1px solid transparent; | |
1174 | height: 35px; | |
1175 | } | |
1176 | .skin-red-light .sidebar-form input[type="text"] { | |
1177 | color: #666; | |
1178 | border-top-left-radius: 2px; | |
1179 | border-top-right-radius: 0; | |
1180 | border-bottom-right-radius: 0; | |
1181 | border-bottom-left-radius: 2px; | |
1182 | } | |
1183 | .skin-red-light .sidebar-form input[type="text"]:focus, | |
1184 | .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
1185 | background-color: #fff; | |
1186 | color: #666; | |
1187 | } | |
1188 | .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
1189 | border-left-color: #fff; | |
1190 | } | |
1191 | .skin-red-light .sidebar-form .btn { | |
1192 | color: #999; | |
1193 | border-top-left-radius: 0; | |
1194 | border-top-right-radius: 2px; | |
1195 | border-bottom-right-radius: 2px; | |
1196 | border-bottom-left-radius: 0; | |
1197 | } | |
1198 | @media (min-width: 768px) { | |
1199 | .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { | |
1200 | border-left: 1px solid #d2d6de; | |
1201 | } | |
1202 | } | |
1203 | /* | |
1204 | * Skin: Yellow | |
1205 | * ------------ | |
1206 | */ | |
1207 | .skin-yellow .main-header .navbar { | |
1208 | background-color: #f39c12; | |
1209 | } | |
1210 | .skin-yellow .main-header .navbar .nav > li > a { | |
1211 | color: #ffffff; | |
1212 | } | |
1213 | .skin-yellow .main-header .navbar .nav > li > a:hover, | |
1214 | .skin-yellow .main-header .navbar .nav > li > a:active, | |
1215 | .skin-yellow .main-header .navbar .nav > li > a:focus, | |
1216 | .skin-yellow .main-header .navbar .nav .open > a, | |
1217 | .skin-yellow .main-header .navbar .nav .open > a:hover, | |
1218 | .skin-yellow .main-header .navbar .nav .open > a:focus, | |
1219 | .skin-yellow .main-header .navbar .nav > .active > a { | |
1220 | background: rgba(0, 0, 0, 0.1); | |
1221 | color: #f6f6f6; | |
1222 | } | |
1223 | .skin-yellow .main-header .navbar .sidebar-toggle { | |
1224 | color: #ffffff; | |
1225 | } | |
1226 | .skin-yellow .main-header .navbar .sidebar-toggle:hover { | |
1227 | color: #f6f6f6; | |
1228 | background: rgba(0, 0, 0, 0.1); | |
1229 | } | |
1230 | .skin-yellow .main-header .navbar .sidebar-toggle { | |
1231 | color: #fff; | |
1232 | } | |
1233 | .skin-yellow .main-header .navbar .sidebar-toggle:hover { | |
1234 | background-color: #e08e0b; | |
1235 | } | |
1236 | @media (max-width: 767px) { | |
1237 | .skin-yellow .main-header .navbar .dropdown-menu li.divider { | |
1238 | background-color: rgba(255, 255, 255, 0.1); | |
1239 | } | |
1240 | .skin-yellow .main-header .navbar .dropdown-menu li a { | |
1241 | color: #fff; | |
1242 | } | |
1243 | .skin-yellow .main-header .navbar .dropdown-menu li a:hover { | |
1244 | background: #e08e0b; | |
1245 | } | |
1246 | } | |
1247 | .skin-yellow .main-header .logo { | |
1248 | background-color: #e08e0b; | |
1249 | color: #ffffff; | |
1250 | border-bottom: 0 solid transparent; | |
1251 | } | |
1252 | .skin-yellow .main-header .logo:hover { | |
1253 | background-color: #db8b0b; | |
1254 | } | |
1255 | .skin-yellow .main-header li.user-header { | |
1256 | background-color: #f39c12; | |
1257 | } | |
1258 | .skin-yellow .content-header { | |
1259 | background: transparent; | |
1260 | } | |
1261 | .skin-yellow .wrapper, | |
1262 | .skin-yellow .main-sidebar, | |
1263 | .skin-yellow .left-side { | |
1264 | background-color: #222d32; | |
1265 | } | |
1266 | .skin-yellow .user-panel > .info, | |
1267 | .skin-yellow .user-panel > .info > a { | |
1268 | color: #fff; | |
1269 | } | |
1270 | .skin-yellow .sidebar-menu > li.header { | |
1271 | color: #4b646f; | |
1272 | background: #1a2226; | |
1273 | } | |
1274 | .skin-yellow .sidebar-menu > li > a { | |
1275 | border-left: 3px solid transparent; | |
1276 | } | |
1277 | .skin-yellow .sidebar-menu > li:hover > a, | |
1278 | .skin-yellow .sidebar-menu > li.active > a { | |
1279 | color: #ffffff; | |
1280 | background: #1e282c; | |
1281 | border-left-color: #f39c12; | |
1282 | } | |
1283 | .skin-yellow .sidebar-menu > li > .treeview-menu { | |
1284 | margin: 0 1px; | |
1285 | background: #2c3b41; | |
1286 | } | |
1287 | .skin-yellow .sidebar a { | |
1288 | color: #b8c7ce; | |
1289 | } | |
1290 | .skin-yellow .sidebar a:hover { | |
1291 | text-decoration: none; | |
1292 | } | |
1293 | .skin-yellow .treeview-menu > li > a { | |
1294 | color: #8aa4af; | |
1295 | } | |
1296 | .skin-yellow .treeview-menu > li.active > a, | |
1297 | .skin-yellow .treeview-menu > li > a:hover { | |
1298 | color: #ffffff; | |
1299 | } | |
1300 | .skin-yellow .sidebar-form { | |
1301 | border-radius: 3px; | |
1302 | border: 1px solid #374850; | |
1303 | margin: 10px 10px; | |
1304 | } | |
1305 | .skin-yellow .sidebar-form input[type="text"], | |
1306 | .skin-yellow .sidebar-form .btn { | |
1307 | box-shadow: none; | |
1308 | background-color: #374850; | |
1309 | border: 1px solid transparent; | |
1310 | height: 35px; | |
1311 | } | |
1312 | .skin-yellow .sidebar-form input[type="text"] { | |
1313 | color: #666; | |
1314 | border-top-left-radius: 2px; | |
1315 | border-top-right-radius: 0; | |
1316 | border-bottom-right-radius: 0; | |
1317 | border-bottom-left-radius: 2px; | |
1318 | } | |
1319 | .skin-yellow .sidebar-form input[type="text"]:focus, | |
1320 | .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
1321 | background-color: #fff; | |
1322 | color: #666; | |
1323 | } | |
1324 | .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
1325 | border-left-color: #fff; | |
1326 | } | |
1327 | .skin-yellow .sidebar-form .btn { | |
1328 | color: #999; | |
1329 | border-top-left-radius: 0; | |
1330 | border-top-right-radius: 2px; | |
1331 | border-bottom-right-radius: 2px; | |
1332 | border-bottom-left-radius: 0; | |
1333 | } | |
1334 | /* | |
1335 | * Skin: Yellow | |
1336 | * ------------ | |
1337 | */ | |
1338 | .skin-yellow-light .main-header .navbar { | |
1339 | background-color: #f39c12; | |
1340 | } | |
1341 | .skin-yellow-light .main-header .navbar .nav > li > a { | |
1342 | color: #ffffff; | |
1343 | } | |
1344 | .skin-yellow-light .main-header .navbar .nav > li > a:hover, | |
1345 | .skin-yellow-light .main-header .navbar .nav > li > a:active, | |
1346 | .skin-yellow-light .main-header .navbar .nav > li > a:focus, | |
1347 | .skin-yellow-light .main-header .navbar .nav .open > a, | |
1348 | .skin-yellow-light .main-header .navbar .nav .open > a:hover, | |
1349 | .skin-yellow-light .main-header .navbar .nav .open > a:focus, | |
1350 | .skin-yellow-light .main-header .navbar .nav > .active > a { | |
1351 | background: rgba(0, 0, 0, 0.1); | |
1352 | color: #f6f6f6; | |
1353 | } | |
1354 | .skin-yellow-light .main-header .navbar .sidebar-toggle { | |
1355 | color: #ffffff; | |
1356 | } | |
1357 | .skin-yellow-light .main-header .navbar .sidebar-toggle:hover { | |
1358 | color: #f6f6f6; | |
1359 | background: rgba(0, 0, 0, 0.1); | |
1360 | } | |
1361 | .skin-yellow-light .main-header .navbar .sidebar-toggle { | |
1362 | color: #fff; | |
1363 | } | |
1364 | .skin-yellow-light .main-header .navbar .sidebar-toggle:hover { | |
1365 | background-color: #e08e0b; | |
1366 | } | |
1367 | @media (max-width: 767px) { | |
1368 | .skin-yellow-light .main-header .navbar .dropdown-menu li.divider { | |
1369 | background-color: rgba(255, 255, 255, 0.1); | |
1370 | } | |
1371 | .skin-yellow-light .main-header .navbar .dropdown-menu li a { | |
1372 | color: #fff; | |
1373 | } | |
1374 | .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover { | |
1375 | background: #e08e0b; | |
1376 | } | |
1377 | } | |
1378 | .skin-yellow-light .main-header .logo { | |
1379 | background-color: #f39c12; | |
1380 | color: #ffffff; | |
1381 | border-bottom: 0 solid transparent; | |
1382 | } | |
1383 | .skin-yellow-light .main-header .logo:hover { | |
1384 | background-color: #f39a0d; | |
1385 | } | |
1386 | .skin-yellow-light .main-header li.user-header { | |
1387 | background-color: #f39c12; | |
1388 | } | |
1389 | .skin-yellow-light .content-header { | |
1390 | background: transparent; | |
1391 | } | |
1392 | .skin-yellow-light .wrapper, | |
1393 | .skin-yellow-light .main-sidebar, | |
1394 | .skin-yellow-light .left-side { | |
1395 | background-color: #f9fafc; | |
1396 | } | |
1397 | .skin-yellow-light .content-wrapper, | |
1398 | .skin-yellow-light .main-footer { | |
1399 | border-left: 1px solid #d2d6de; | |
1400 | } | |
1401 | .skin-yellow-light .user-panel > .info, | |
1402 | .skin-yellow-light .user-panel > .info > a { | |
1403 | color: #444444; | |
1404 | } | |
1405 | .skin-yellow-light .sidebar-menu > li { | |
1406 | -webkit-transition: border-left-color 0.3s ease; | |
1407 | -o-transition: border-left-color 0.3s ease; | |
1408 | transition: border-left-color 0.3s ease; | |
1409 | } | |
1410 | .skin-yellow-light .sidebar-menu > li.header { | |
1411 | color: #848484; | |
1412 | background: #f9fafc; | |
1413 | } | |
1414 | .skin-yellow-light .sidebar-menu > li > a { | |
1415 | border-left: 3px solid transparent; | |
1416 | font-weight: 600; | |
1417 | } | |
1418 | .skin-yellow-light .sidebar-menu > li:hover > a, | |
1419 | .skin-yellow-light .sidebar-menu > li.active > a { | |
1420 | color: #000000; | |
1421 | background: #f4f4f5; | |
1422 | } | |
1423 | .skin-yellow-light .sidebar-menu > li.active { | |
1424 | border-left-color: #f39c12; | |
1425 | } | |
1426 | .skin-yellow-light .sidebar-menu > li.active > a { | |
1427 | font-weight: 600; | |
1428 | } | |
1429 | .skin-yellow-light .sidebar-menu > li > .treeview-menu { | |
1430 | background: #f4f4f5; | |
1431 | } | |
1432 | .skin-yellow-light .sidebar a { | |
1433 | color: #444444; | |
1434 | } | |
1435 | .skin-yellow-light .sidebar a:hover { | |
1436 | text-decoration: none; | |
1437 | } | |
1438 | .skin-yellow-light .treeview-menu > li > a { | |
1439 | color: #777777; | |
1440 | } | |
1441 | .skin-yellow-light .treeview-menu > li.active > a, | |
1442 | .skin-yellow-light .treeview-menu > li > a:hover { | |
1443 | color: #000000; | |
1444 | } | |
1445 | .skin-yellow-light .treeview-menu > li.active > a { | |
1446 | font-weight: 600; | |
1447 | } | |
1448 | .skin-yellow-light .sidebar-form { | |
1449 | border-radius: 3px; | |
1450 | border: 1px solid #d2d6de; | |
1451 | margin: 10px 10px; | |
1452 | } | |
1453 | .skin-yellow-light .sidebar-form input[type="text"], | |
1454 | .skin-yellow-light .sidebar-form .btn { | |
1455 | box-shadow: none; | |
1456 | background-color: #fff; | |
1457 | border: 1px solid transparent; | |
1458 | height: 35px; | |
1459 | } | |
1460 | .skin-yellow-light .sidebar-form input[type="text"] { | |
1461 | color: #666; | |
1462 | border-top-left-radius: 2px; | |
1463 | border-top-right-radius: 0; | |
1464 | border-bottom-right-radius: 0; | |
1465 | border-bottom-left-radius: 2px; | |
1466 | } | |
1467 | .skin-yellow-light .sidebar-form input[type="text"]:focus, | |
1468 | .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
1469 | background-color: #fff; | |
1470 | color: #666; | |
1471 | } | |
1472 | .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
1473 | border-left-color: #fff; | |
1474 | } | |
1475 | .skin-yellow-light .sidebar-form .btn { | |
1476 | color: #999; | |
1477 | border-top-left-radius: 0; | |
1478 | border-top-right-radius: 2px; | |
1479 | border-bottom-right-radius: 2px; | |
1480 | border-bottom-left-radius: 0; | |
1481 | } | |
1482 | @media (min-width: 768px) { | |
1483 | .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { | |
1484 | border-left: 1px solid #d2d6de; | |
1485 | } | |
1486 | } | |
1487 | /* | |
1488 | * Skin: Purple | |
1489 | * ------------ | |
1490 | */ | |
1491 | .skin-purple .main-header .navbar { | |
1492 | background-color: #605ca8; | |
1493 | } | |
1494 | .skin-purple .main-header .navbar .nav > li > a { | |
1495 | color: #ffffff; | |
1496 | } | |
1497 | .skin-purple .main-header .navbar .nav > li > a:hover, | |
1498 | .skin-purple .main-header .navbar .nav > li > a:active, | |
1499 | .skin-purple .main-header .navbar .nav > li > a:focus, | |
1500 | .skin-purple .main-header .navbar .nav .open > a, | |
1501 | .skin-purple .main-header .navbar .nav .open > a:hover, | |
1502 | .skin-purple .main-header .navbar .nav .open > a:focus, | |
1503 | .skin-purple .main-header .navbar .nav > .active > a { | |
1504 | background: rgba(0, 0, 0, 0.1); | |
1505 | color: #f6f6f6; | |
1506 | } | |
1507 | .skin-purple .main-header .navbar .sidebar-toggle { | |
1508 | color: #ffffff; | |
1509 | } | |
1510 | .skin-purple .main-header .navbar .sidebar-toggle:hover { | |
1511 | color: #f6f6f6; | |
1512 | background: rgba(0, 0, 0, 0.1); | |
1513 | } | |
1514 | .skin-purple .main-header .navbar .sidebar-toggle { | |
1515 | color: #fff; | |
1516 | } | |
1517 | .skin-purple .main-header .navbar .sidebar-toggle:hover { | |
1518 | background-color: #555299; | |
1519 | } | |
1520 | @media (max-width: 767px) { | |
1521 | .skin-purple .main-header .navbar .dropdown-menu li.divider { | |
1522 | background-color: rgba(255, 255, 255, 0.1); | |
1523 | } | |
1524 | .skin-purple .main-header .navbar .dropdown-menu li a { | |
1525 | color: #fff; | |
1526 | } | |
1527 | .skin-purple .main-header .navbar .dropdown-menu li a:hover { | |
1528 | background: #555299; | |
1529 | } | |
1530 | } | |
1531 | .skin-purple .main-header .logo { | |
1532 | background-color: #555299; | |
1533 | color: #ffffff; | |
1534 | border-bottom: 0 solid transparent; | |
1535 | } | |
1536 | .skin-purple .main-header .logo:hover { | |
1537 | background-color: #545096; | |
1538 | } | |
1539 | .skin-purple .main-header li.user-header { | |
1540 | background-color: #605ca8; | |
1541 | } | |
1542 | .skin-purple .content-header { | |
1543 | background: transparent; | |
1544 | } | |
1545 | .skin-purple .wrapper, | |
1546 | .skin-purple .main-sidebar, | |
1547 | .skin-purple .left-side { | |
1548 | background-color: #222d32; | |
1549 | } | |
1550 | .skin-purple .user-panel > .info, | |
1551 | .skin-purple .user-panel > .info > a { | |
1552 | color: #fff; | |
1553 | } | |
1554 | .skin-purple .sidebar-menu > li.header { | |
1555 | color: #4b646f; | |
1556 | background: #1a2226; | |
1557 | } | |
1558 | .skin-purple .sidebar-menu > li > a { | |
1559 | border-left: 3px solid transparent; | |
1560 | } | |
1561 | .skin-purple .sidebar-menu > li:hover > a, | |
1562 | .skin-purple .sidebar-menu > li.active > a { | |
1563 | color: #ffffff; | |
1564 | background: #1e282c; | |
1565 | border-left-color: #605ca8; | |
1566 | } | |
1567 | .skin-purple .sidebar-menu > li > .treeview-menu { | |
1568 | margin: 0 1px; | |
1569 | background: #2c3b41; | |
1570 | } | |
1571 | .skin-purple .sidebar a { | |
1572 | color: #b8c7ce; | |
1573 | } | |
1574 | .skin-purple .sidebar a:hover { | |
1575 | text-decoration: none; | |
1576 | } | |
1577 | .skin-purple .treeview-menu > li > a { | |
1578 | color: #8aa4af; | |
1579 | } | |
1580 | .skin-purple .treeview-menu > li.active > a, | |
1581 | .skin-purple .treeview-menu > li > a:hover { | |
1582 | color: #ffffff; | |
1583 | } | |
1584 | .skin-purple .sidebar-form { | |
1585 | border-radius: 3px; | |
1586 | border: 1px solid #374850; | |
1587 | margin: 10px 10px; | |
1588 | } | |
1589 | .skin-purple .sidebar-form input[type="text"], | |
1590 | .skin-purple .sidebar-form .btn { | |
1591 | box-shadow: none; | |
1592 | background-color: #374850; | |
1593 | border: 1px solid transparent; | |
1594 | height: 35px; | |
1595 | } | |
1596 | .skin-purple .sidebar-form input[type="text"] { | |
1597 | color: #666; | |
1598 | border-top-left-radius: 2px; | |
1599 | border-top-right-radius: 0; | |
1600 | border-bottom-right-radius: 0; | |
1601 | border-bottom-left-radius: 2px; | |
1602 | } | |
1603 | .skin-purple .sidebar-form input[type="text"]:focus, | |
1604 | .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
1605 | background-color: #fff; | |
1606 | color: #666; | |
1607 | } | |
1608 | .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
1609 | border-left-color: #fff; | |
1610 | } | |
1611 | .skin-purple .sidebar-form .btn { | |
1612 | color: #999; | |
1613 | border-top-left-radius: 0; | |
1614 | border-top-right-radius: 2px; | |
1615 | border-bottom-right-radius: 2px; | |
1616 | border-bottom-left-radius: 0; | |
1617 | } | |
1618 | /* | |
1619 | * Skin: Purple | |
1620 | * ------------ | |
1621 | */ | |
1622 | .skin-purple-light .main-header .navbar { | |
1623 | background-color: #605ca8; | |
1624 | } | |
1625 | .skin-purple-light .main-header .navbar .nav > li > a { | |
1626 | color: #ffffff; | |
1627 | } | |
1628 | .skin-purple-light .main-header .navbar .nav > li > a:hover, | |
1629 | .skin-purple-light .main-header .navbar .nav > li > a:active, | |
1630 | .skin-purple-light .main-header .navbar .nav > li > a:focus, | |
1631 | .skin-purple-light .main-header .navbar .nav .open > a, | |
1632 | .skin-purple-light .main-header .navbar .nav .open > a:hover, | |
1633 | .skin-purple-light .main-header .navbar .nav .open > a:focus, | |
1634 | .skin-purple-light .main-header .navbar .nav > .active > a { | |
1635 | background: rgba(0, 0, 0, 0.1); | |
1636 | color: #f6f6f6; | |
1637 | } | |
1638 | .skin-purple-light .main-header .navbar .sidebar-toggle { | |
1639 | color: #ffffff; | |
1640 | } | |
1641 | .skin-purple-light .main-header .navbar .sidebar-toggle:hover { | |
1642 | color: #f6f6f6; | |
1643 | background: rgba(0, 0, 0, 0.1); | |
1644 | } | |
1645 | .skin-purple-light .main-header .navbar .sidebar-toggle { | |
1646 | color: #fff; | |
1647 | } | |
1648 | .skin-purple-light .main-header .navbar .sidebar-toggle:hover { | |
1649 | background-color: #555299; | |
1650 | } | |
1651 | @media (max-width: 767px) { | |
1652 | .skin-purple-light .main-header .navbar .dropdown-menu li.divider { | |
1653 | background-color: rgba(255, 255, 255, 0.1); | |
1654 | } | |
1655 | .skin-purple-light .main-header .navbar .dropdown-menu li a { | |
1656 | color: #fff; | |
1657 | } | |
1658 | .skin-purple-light .main-header .navbar .dropdown-menu li a:hover { | |
1659 | background: #555299; | |
1660 | } | |
1661 | } | |
1662 | .skin-purple-light .main-header .logo { | |
1663 | background-color: #605ca8; | |
1664 | color: #ffffff; | |
1665 | border-bottom: 0 solid transparent; | |
1666 | } | |
1667 | .skin-purple-light .main-header .logo:hover { | |
1668 | background-color: #5d59a6; | |
1669 | } | |
1670 | .skin-purple-light .main-header li.user-header { | |
1671 | background-color: #605ca8; | |
1672 | } | |
1673 | .skin-purple-light .content-header { | |
1674 | background: transparent; | |
1675 | } | |
1676 | .skin-purple-light .wrapper, | |
1677 | .skin-purple-light .main-sidebar, | |
1678 | .skin-purple-light .left-side { | |
1679 | background-color: #f9fafc; | |
1680 | } | |
1681 | .skin-purple-light .content-wrapper, | |
1682 | .skin-purple-light .main-footer { | |
1683 | border-left: 1px solid #d2d6de; | |
1684 | } | |
1685 | .skin-purple-light .user-panel > .info, | |
1686 | .skin-purple-light .user-panel > .info > a { | |
1687 | color: #444444; | |
1688 | } | |
1689 | .skin-purple-light .sidebar-menu > li { | |
1690 | -webkit-transition: border-left-color 0.3s ease; | |
1691 | -o-transition: border-left-color 0.3s ease; | |
1692 | transition: border-left-color 0.3s ease; | |
1693 | } | |
1694 | .skin-purple-light .sidebar-menu > li.header { | |
1695 | color: #848484; | |
1696 | background: #f9fafc; | |
1697 | } | |
1698 | .skin-purple-light .sidebar-menu > li > a { | |
1699 | border-left: 3px solid transparent; | |
1700 | font-weight: 600; | |
1701 | } | |
1702 | .skin-purple-light .sidebar-menu > li:hover > a, | |
1703 | .skin-purple-light .sidebar-menu > li.active > a { | |
1704 | color: #000000; | |
1705 | background: #f4f4f5; | |
1706 | } | |
1707 | .skin-purple-light .sidebar-menu > li.active { | |
1708 | border-left-color: #605ca8; | |
1709 | } | |
1710 | .skin-purple-light .sidebar-menu > li.active > a { | |
1711 | font-weight: 600; | |
1712 | } | |
1713 | .skin-purple-light .sidebar-menu > li > .treeview-menu { | |
1714 | background: #f4f4f5; | |
1715 | } | |
1716 | .skin-purple-light .sidebar a { | |
1717 | color: #444444; | |
1718 | } | |
1719 | .skin-purple-light .sidebar a:hover { | |
1720 | text-decoration: none; | |
1721 | } | |
1722 | .skin-purple-light .treeview-menu > li > a { | |
1723 | color: #777777; | |
1724 | } | |
1725 | .skin-purple-light .treeview-menu > li.active > a, | |
1726 | .skin-purple-light .treeview-menu > li > a:hover { | |
1727 | color: #000000; | |
1728 | } | |
1729 | .skin-purple-light .treeview-menu > li.active > a { | |
1730 | font-weight: 600; | |
1731 | } | |
1732 | .skin-purple-light .sidebar-form { | |
1733 | border-radius: 3px; | |
1734 | border: 1px solid #d2d6de; | |
1735 | margin: 10px 10px; | |
1736 | } | |
1737 | .skin-purple-light .sidebar-form input[type="text"], | |
1738 | .skin-purple-light .sidebar-form .btn { | |
1739 | box-shadow: none; | |
1740 | background-color: #fff; | |
1741 | border: 1px solid transparent; | |
1742 | height: 35px; | |
1743 | } | |
1744 | .skin-purple-light .sidebar-form input[type="text"] { | |
1745 | color: #666; | |
1746 | border-top-left-radius: 2px; | |
1747 | border-top-right-radius: 0; | |
1748 | border-bottom-right-radius: 0; | |
1749 | border-bottom-left-radius: 2px; | |
1750 | } | |
1751 | .skin-purple-light .sidebar-form input[type="text"]:focus, | |
1752 | .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
1753 | background-color: #fff; | |
1754 | color: #666; | |
1755 | } | |
1756 | .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn { | |
1757 | border-left-color: #fff; | |
1758 | } | |
1759 | .skin-purple-light .sidebar-form .btn { | |
1760 | color: #999; | |
1761 | border-top-left-radius: 0; | |
1762 | border-top-right-radius: 2px; | |
1763 | border-bottom-right-radius: 2px; | |
1764 | border-bottom-left-radius: 0; | |
1765 | } | |
1766 | @media (min-width: 768px) { | |
1767 | .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { | |
1768 | border-left: 1px solid #d2d6de; | |
1769 | } | |
1770 | } |