source: pro-violet-viettel/sourcecode/assets/css/uncompressed/ace-skins.css @ 521

Last change on this file since 521 was 313, checked in by dungnv, 11 years ago
  • Property svn:mime-type set to text/plain
File size: 31.7 KB
Line 
1/* skin#1 */
2.skin-1 {
3 background-color: #4A4F56;
4}
5.skin-1 .navbar  {
6 background:#2C6AA0;
7}
8
9.skin-1  .sidebar , .skin-1  .sidebar:before {
10 background-color:#222A2D;
11 border-right:none;
12}
13
14
15
16.skin-1  .nav-list > li {
17 border-color:#3F4E54;
18 border-top-width:0;
19}
20.skin-1 .nav-list > li > a  , .skin-1 .menu-min .nav-list > li.open > a{
21 background-color:#222A2D;
22 color:#B1BAC1;
23}
24.skin-1 .nav-list > li:hover > a {
25 background-color:#414B51;
26 color:#E1EAF1;
27}
28.skin-1 .nav-list > li > a > .arrow  {
29  color:#B1BAC1;
30}
31.skin-1 .nav-list > li.open > a > .arrow {
32  color:#85C0EC;
33}
34
35
36.skin-1 .nav-list > li .submenu > li > a {
37        border-top-color:#AFBDC9;
38}
39.skin-1 .nav-list > li.active .submenu > li > a {
40        border-top-color:#70818E;
41}
42
43.skin-1 .nav-list  li.active > a:after {
44 border-right-color:#FFF;
45 border-width:16px 10px;
46 top:2px;
47}
48
49
50.skin-1  .nav-list > li.active.open > ul.submenu > li.active > a:after {
51 top:1px;
52}
53.skin-1 .nav-list > li.active:after {
54 display:none;
55}
56.skin-1 .menu-min .nav-list > li.active > a:after {
57 border-width:10px 6px;
58 top:8px;
59}
60.skin-1 .menu-min .nav-list > li.active:hover > a:after {
61 border-right-color:#242A2B;
62}
63
64
65.skin-1 .nav-list > li.open > a , .skin-1 .nav-list > li.open > a:hover
66{
67 color:#85C0EC;
68 background-color:#222A2D;
69}
70.skin-1 .nav-list > li.active > a , .skin-1 .nav-list > li.active > a:hover,
71.skin-1 .menu-min .nav-list > li.active > a , .skin-1 .menu-min .nav-list > li.active > a:hover
72 {
73 background-color:#141A1B;
74 color:#55A0DC;
75}
76
77
78.skin-1 .nav-list > li > ul.submenu {
79 background-color:#3A4344;
80 border-top-color:#5A6364;
81}
82.skin-1 .nav-list > li.active > ul.submenu {
83 background-color:#141A1B;
84 border-top-color:#2F3E44;
85}
86
87.skin-1 .nav-list > li > .submenu > li > a {
88 color:#D1DAE1;
89 border-bottom-color:#5A6364;
90}
91.skin-1 .nav-list > li > .submenu > li:first-child > a {
92 border-top-color:transparent;
93}
94.skin-1 .nav-list > li > .submenu > li > a:hover {
95 color:#8AB4DE;
96}
97.skin-1 .nav-list > li > .submenu > li.active > a {
98 color:#55A0DC;
99 border-bottom-color:#2F3E44;
100}
101
102
103
104.skin-1 .nav-list > li > .submenu > li > a > [class*="icon-"]:first-child {
105 display:none;
106}
107
108.skin-1 .menu-min .nav-list > li:hover > a{
109 color:#E1EAF1;
110}
111.skin-1 .menu-min .nav-list > li > a > .menu-text{
112 background-color:#414B51;
113}
114.skin-1 .menu-min .nav-list > li.active > a > .menu-text{
115 background-color:#242A2B;
116}
117
118.skin-1 .menu-min .nav-list > li.active:hover > a,
119.skin-1 .menu-min .nav-list > li.active > a > .menu-text{
120 color:#55A0DC;
121}
122.skin-1 .menu-min .nav-list > li > a.active ,
123.skin-1 .menu-min .nav-list > li.open.active > a
124{
125 background-color:#141A1B;
126}
127
128.skin-1 .menu-min .nav-list > li > a > .menu-text,
129.skin-1 .menu-min .nav-list > li > ul.submenu {
130 border-color:#3F4E54;
131 margin-top:1px;
132 border-left-color:#242A2B;
133}
134
135.skin-1 .nav-list > li > .submenu > li:before, .skin-1 .nav-list > li > .submenu:before {
136 border-color:#929BA3;
137}
138.skin-1 .nav-list > li.active > .submenu > li:before, .skin-1 .nav-list > li.active > .submenu:before {
139 border-color:#3F4E54;
140}
141.skin-1 .menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
142 border-bottom-color:#5A606A;
143}
144
145
146.skin-1 .sidebar-collapse {
147 background-color:#141A1B;
148 border-color:#3F4E54;
149 border-top-width:1px;
150}
151.skin-1 .sidebar-collapse:before {
152 border-color:#3F4E54;
153}
154.skin-1 .sidebar-collapse > [class*="icon-"] {
155 background-color:#222A2D;
156}
157
158
159.skin-1 .sidebar-shortcuts , .skin-1 .sidebar-shortcuts-mini {
160 background-color:#141A1B;
161 border-color:#3F4E54;
162}
163.skin-1 .sidebar > .nav-search {
164 background-color:#141A1B;
165 border-color:#3F4E54;
166}
167
168.skin-1  .menu-min .sidebar-shortcuts-large {
169 background-color:#141A1B;
170 box-shadow:none;
171 border:none;
172 top:0;
173}
174
175.skin-1 .breadcrumbs {
176 border:none;
177 background-color:#F0F0F0;
178}
179
180
181
182@media only screen and (max-width: 991px) {
183.skin-1  .sidebar {
184 border:none;
185 box-shadow:none;
186}
187.skin-1 .nav-list li.active > a:after {
188 display:none;
189}
190.skin-1 .menu-min .nav-list > li.active.open > a:after {
191 display:none;
192}
193.skin-1 .menu-min .nav-list > li.active:hover > a:after {
194 display:block;
195}
196}
197
198
199/* 3rd & 4th level menu */
200.skin-1 .nav-list > li  > .submenu > li > .submenu  a {
201        border-top-color:#7B858C;
202}
203.skin-1 .nav-list > li.active  > .submenu > li > .submenu  a {
204        border-top-color:#545B60;
205}
206
207.skin-1 .nav-list > li .submenu li > .submenu > li a {
208 color: #D1DAE1;
209 font-size: 13px;
210}
211.skin-1 .nav-list > li .submenu li > .submenu > li a > [class*="icon-"]:first-child {
212 color: inherit;
213}
214.skin-1 .nav-list > li .submenu li > .submenu > li a:hover {
215  color: #8AB4DE;
216  text-decoration:none;
217}
218.skin-1 .nav-list > li .submenu li > .submenu > li a:hover > [class*="icon-"]:first-child  {
219  color: #55A0DC;
220}
221
222
223.skin-1 .nav-list > li .submenu li.open > a  ,
224.skin-1 .nav-list > li .submenu li > .submenu > li.open > a
225{
226 color: #85C0EC;
227}
228.skin-1 .nav-list > li .submenu li.open > a > [class*="icon-"]:first-child ,
229.skin-1 .nav-list > li .submenu li > .submenu > li.open > a > [class*="icon-"]:first-child
230{
231 color: inherit;
232}
233
234
235.skin-1 .nav-list > li .submenu li > .submenu li.active > a {
236  color: #61A8DD;
237}
238.skin-1 .nav-list > li .submenu li > .submenu li.active > a > [class*="icon-"]:first-child{
239  color: inherit;
240}
241.skin-1 .nav-list > li .submenu li > .submenu li.active > a:hover {
242  color: #85C0EC;
243}
244
245
246.skin-1 .nav-list > li .submenu li > a > .arrow {
247  color: #BBB;
248}
249.skin-1 .nav-list > li > .submenu > li.open > a > .arrow,
250.skin-1 .nav-list > li > .submenu > li > a:hover > .arrow,
251.skin-1 .nav-list > li > .submenu > li > .submenu > li.open > a > .arrow,
252.skin-1 .nav-list > li > .submenu > li > .submenu > li > a:hover > .arrow
253{
254        color:inherit;
255}
256
257
258
259
260
261
262
263
264
265
266
267
268
269/* skin#2 */
270.skin-2 {
271 background-color: #5C5C5C;
272}
273.skin-2 .navbar {
274 background:#C6487E;
275}
276.skin-2  .sidebar , .skin-2  .sidebar:before {
277 background-color:#505050;
278 border-right:none;
279}
280
281
282.skin-2  .nav-list > li {
283 border-color:#444;
284 border-top-width:0;
285}
286.skin-2  .nav-list > li:last-child {
287 border-bottom-width:0;
288}
289
290.skin-2 .nav-list > li > a , .skin-2 .menu-min .nav-list > li.open > a,
291.skin-2 .nav-list .open > a, .skin-2 .nav-list .open > a:hover, .skin-2 .nav-list .open > a:focus
292 {
293 background-color:#393939;
294}
295.skin-2 .nav-list > li.active > a {
296 color:#FFF;
297}
298.skin-2  .nav-list > li > a:hover:before{
299 display:none;
300}
301
302
303
304.skin-2 .nav-list  li.active > a:after {
305 border-right-color:#FFF;
306}
307
308.skin-2 .nav-list  > li.active > a:after , .skin-2 .nav-list  > li.active > .submenu > li.active > a:after{
309 top:2px;
310 right:0;
311 border-width:16px 10px;
312}
313
314
315.skin-2 .menu-min .nav-list > li.active > a:after {
316 border-width:10px 6px;
317 top:8px;
318}
319
320.skin-2 .menu-min .nav-list > li.active:hover > a:after {
321 border-right-color:#292929;
322}
323
324
325.skin-2 .nav-list > li.active:after {
326 display:none;
327}
328.skin-2 .nav-list > li.active.open > .submenu > li.active > a:after {
329 border-right-color:#FFF;
330 right:0;
331}
332
333
334
335.skin-2 .nav-list > li > .submenu {
336 background-color:#303030;
337 border-top-color:#666;
338}
339.skin-2 .nav-list > li.active > .submenu {
340 background-color:#222;
341}
342.skin-2 .nav-list > li > .submenu > li:first-child > a {
343 border-top:none;
344}
345.skin-2 .nav-list > li > .submenu > li > a {
346 color:#CCC;
347 border-bottom-color:#555;
348}
349.skin-2 .nav-list > li > .submenu > li > a > [class*="icon-"]:first-child {
350 display:none;
351}
352
353
354
355.skin-2  .nav-list > li > a > .menu-text {
356 color:#DDD;
357}
358.skin-2  .nav-list > li > a:hover > .menu-text {
359 color:rgba(0,0,0,0.5);
360 font-weight:bold;
361}
362.skin-2  .nav-list > li.active > a:hover > .menu-text {
363 color:#FFF;
364}
365
366
367
368.skin-2  .nav-list > li > a  > .arrow
369{ color:#AAA;}
370.skin-2  .nav-list > li > a:hover > .arrow
371{ color:#FFF;}
372
373
374
375.skin-2  .menu-min .nav-list > li > a > .menu-text {
376 color:#FFF;
377 font-weight:bold;
378 opacity:1;
379 filter:alpha(opacity=100);
380 background-color:#292929;
381 border:none;
382 box-shadow:none;
383 text-shadow:1px 1px 0 rgba(0,0,0,0.5);
384 
385 margin-top:2px;
386}
387.skin-2  .menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
388 margin-top:0;
389 background-color:#292929;
390}
391
392.skin-2  .menu-min .nav-list > li > ul.submenu {
393 box-shadow:none;
394 border:none;
395 background-color:#303030;
396 
397 margin-left:1px;
398 margin-top:1px;
399 border-left:1px solid #FFF;
400}
401
402.skin-2  .nav-list > li > ul.submenu > li > a:hover{
403 color:#FFF;
404}
405.skin-2  .nav-list > li > ul.submenu > li:before , .skin-2  .nav-list > li > ul.submenu > li:after{/* hide tree like menu */
406 display:none;
407}
408.skin-2  .nav-list > li > ul.submenu > li > a {
409 padding-left:28px;
410}
411
412
413
414/* default */
415.skin-2  .nav-list > li > a,
416.skin-2  .menu-min .nav-list > li > a > .menu-text
417{
418 color:#CCC;
419}
420
421.skin-2  .nav-list > li:nth-child(1) > a,
422.skin-2  .menu-min .nav-list > li:nth-child(1) > a > .menu-text
423{
424 color:#00BE67;
425}
426.skin-2  .nav-list > li:nth-child(2) > a,
427.skin-2  .menu-min .nav-list > li:nth-child(2) > a > .menu-text
428{
429 color:#5ED02B;
430}
431.skin-2  .nav-list > li:nth-child(3) > a,
432.skin-2  .menu-min .nav-list > li:nth-child(3) > a > .menu-text
433{
434 color:#A7D700;
435}
436.skin-2  .nav-list > li:nth-child(4) > a,
437.skin-2  .menu-min .nav-list > li:nth-child(4) > a > .menu-text
438{
439 color:#CEE100;
440}
441.skin-2  .nav-list > li:nth-child(5) > a,
442.skin-2  .menu-min .nav-list > li:nth-child(5) > a > .menu-text
443{
444 color:#F8C600;
445}
446.skin-2  .nav-list > li:nth-child(6) > a,
447.skin-2  .menu-min .nav-list > li:nth-child(6) > a > .menu-text
448{
449 color:#FFAB00;
450}
451.skin-2  .nav-list > li:nth-child(7) > a,
452.skin-2  .menu-min .nav-list > li:nth-child(7) > a > .menu-text
453{
454 color:#FF6E00;
455}
456.skin-2  .nav-list > li:nth-child(8) > a,
457.skin-2  .menu-min .nav-list > li:nth-child(8) > a > .menu-text
458{
459 color:#F21C30;
460}
461.skin-2  .nav-list > li:nth-child(9) > a,
462.skin-2  .menu-min .nav-list > li:nth-child(9) > a > .menu-text
463{
464 color:#EE218B;
465}
466.skin-2  .nav-list > li:nth-child(10) > a,
467.skin-2  .menu-min .nav-list > li:nth-child(10) > a > .menu-text
468{
469 color:#C55EE7;
470}
471.skin-2  .nav-list > li:nth-child(11) > a,
472.skin-2  .menu-min .nav-list > li:nth-child(11) > a > .menu-text
473{
474 color:#218BEE;
475}
476.skin-2  .nav-list > li:nth-child(12) > a,
477.skin-2  .menu-min .nav-list > li:nth-child(12) > a > .menu-text
478{
479 color:#2ECEE7;
480}
481
482
483.skin-2 .menu-min .nav-list > li.active > a > [class*="icon-"],
484.skin-2 .nav-list > li:not(.active):hover > a > [class*="icon-"] {
485 color:#FFF;
486}
487
488
489
490.skin-2  .nav-list > li.active > a > .menu-text
491{
492 color:#FFF;
493}
494
495.skin-2 .nav-list > li.active > ul.submenu {
496 background-color:#222;
497}
498.skin-2 .nav-list > li > ul.submenu:before {
499 display:block; content:"";
500 position:absolute; z-index:auto;
501 left:0; top:0; right:0; bottom:0;
502 background-color:#393939;
503 opacity:0.12;
504}
505
506.skin-2 .sidebar:not(.menu-min) .nav-list > li:not(.active) > a:hover .badge:not(.badge-transparent) ,
507.skin-2 .sidebar:not(.menu-min) .nav-list > li:not(.active) > a:hover .label:not(.label-transparent) {
508 background-color:rgba(0,0,0,0.5) !important;
509}
510.skin-2 .sidebar:not(.menu-min) .nav-list > li:not(.active) > a:hover .badge.badge-transparent ,
511.skin-2 .sidebar:not(.menu-min) .nav-list > li:not(.active) > a:hover .label.label-transparent{
512  color:rgba(255,255,255,0.75) !important;
513}
514.skin-2 .sidebar:not(.menu-min) .nav-list > li:not(.active) > a:hover .badge.badge-transparent [class*="icon-"],
515.skin-2 .sidebar:not(.menu-min) .nav-list > li:not(.active) > a:hover .label.label-transparent [class*="icon-"]{
516  color:rgba(255,255,255,0.75) !important;
517}
518
519
520/*default*/
521.skin-2  .nav-list > li > a:hover,
522.skin-2  .menu-min .nav-list > li:hover > a,
523.skin-2  .menu-min .nav-list > li.active > a
524{
525 background-color:#C6487E;
526}
527.skin-2  .nav-list > li > ul.submenu:before {
528 background-color:#35262D;
529}
530
531.skin-2  .nav-list > li:nth-child(1) > a:hover,
532.skin-2  .menu-min .nav-list li:nth-child(1):hover > a,
533.skin-2  .menu-min .nav-list li.active:nth-child(1) > a,
534.skin-2  .nav-list > li:nth-child(1) > ul.submenu:before
535{
536 background-color:#00BE67;
537}
538.skin-2  .nav-list > li:nth-child(2) > a:hover,
539.skin-2  .menu-min .nav-list li:nth-child(2):hover > a,
540.skin-2  .menu-min .nav-list li.active:nth-child(2) > a,
541.skin-2  .nav-list > li:nth-child(2) > ul.submenu:before
542{
543 background-color:#5ED02B;
544}
545.skin-2  .nav-list > li:nth-child(3) > a:hover,
546.skin-2  .menu-min .nav-list li:nth-child(3):hover > a,
547.skin-2  .menu-min .nav-list li.active:nth-child(3) > a,
548.skin-2  .nav-list > li:nth-child(3) > ul.submenu:before
549{
550 background-color:#A7D700;
551}
552.skin-2  .nav-list > li:nth-child(4) > a:hover,
553.skin-2  .menu-min .nav-list li:nth-child(4):hover > a,
554.skin-2  .menu-min .nav-list li.active:nth-child(4) > a,
555.skin-2  .nav-list > li:nth-child(4) > ul.submenu:before
556{
557 background-color:#CEE100;
558}
559.skin-2  .nav-list > li:nth-child(5) > a:hover,
560.skin-2  .menu-min .nav-list li:nth-child(5):hover > a,
561.skin-2  .menu-min .nav-list li.active:nth-child(5) > a,
562.skin-2  .nav-list > li:nth-child(5) > ul.submenu:before
563{
564 background-color:#F8C600;
565}
566.skin-2  .nav-list > li:nth-child(6) > a:hover,
567.skin-2  .menu-min .nav-list li:nth-child(6):hover > a,
568.skin-2  .menu-min .nav-list li.active:nth-child(6) > a,
569.skin-2  .nav-list > li:nth-child(6) > ul.submenu:before
570{
571 background-color:#FFAB00;
572}
573.skin-2  .nav-list > li:nth-child(7) > a:hover,
574.skin-2  .menu-min .nav-list li:nth-child(7):hover > a,
575.skin-2  .menu-min .nav-list li.active:nth-child(7) > a,
576.skin-2  .nav-list > li:nth-child(7) > ul.submenu:before
577{
578 background-color:#FF6E00;
579}
580.skin-2  .nav-list > li:nth-child(8) > a:hover,
581.skin-2  .menu-min .nav-list li:nth-child(8):hover > a,
582.skin-2  .menu-min .nav-list li.active:nth-child(8) > a,
583.skin-2  .nav-list > li:nth-child(8) > ul.submenu:before
584{
585 background-color:#F21C30;
586}
587.skin-2  .nav-list > li:nth-child(9) > a:hover,
588.skin-2  .menu-min .nav-listli:nth-child(9):hover > a,
589.skin-2  .menu-min .nav-list li.active:nth-child(9) > a,
590.skin-2  .nav-list > li:nth-child(9) > ul.submenu:before
591{
592 background-color:#EE218B;
593}
594.skin-2  .nav-list > li:nth-child(10) > a:hover,
595.skin-2  .menu-min .nav-list li:nth-child(10):hover > a,
596.skin-2  .menu-min .nav-list li.active:nth-child(10) > a,
597.skin-2  .nav-list > li:nth-child(10) > ul.submenu:before
598{
599 background-color:#C55EE7;
600}
601.skin-2  .nav-list > li:nth-child(11) > a:hover,
602.skin-2  .menu-min .nav-list li:nth-child(11):hover > a,
603.skin-2  .menu-min .nav-list li.active:nth-child(11) > a,
604.skin-2  .nav-list > li:nth-child(11) > ul.submenu:before
605{
606 background-color:#218BEE;
607}
608.skin-2  .nav-list > li:nth-child(12) > a:hover,
609.skin-2  .menu-min .nav-list li:nth-child(12):hover > a,
610.skin-2  .menu-min .nav-listli.active:nth-child(12) > a,
611.skin-2  .nav-list > li:nth-child(12) > ul.submenu:before
612{
613 background-color:#2ECEE7;
614}
615
616
617
618
619.skin-2 .nav-list > li > ul.submenu { border-top-style:inset;}
620.skin-2  .menu-min .nav-list > li > ul.submenu         {border-top-color:#666 !important;}
621
622.skin-2  .nav-list > li > ul.submenu  {border-top-color:#C6487E;}
623.skin-2  .nav-list > li:nth-child(1) > ul.submenu  {border-top-color:#00BE67;}
624.skin-2  .nav-list > li:nth-child(2) > ul.submenu  {border-top-color:#5ED02B;}
625.skin-2  .nav-list > li:nth-child(3) > ul.submenu  {border-top-color:#A7D700;}
626.skin-2  .nav-list > li:nth-child(4) > ul.submenu  {border-top-color:#CEE100;}
627.skin-2  .nav-list > li:nth-child(5) > ul.submenu  {border-top-color:#F8C600;}
628.skin-2  .nav-list > li:nth-child(6) > ul.submenu  {border-top-color:#FFAB00;}
629.skin-2  .nav-list > li:nth-child(7) > ul.submenu  {border-top-color:#FF6E00;}
630.skin-2  .nav-list > li:nth-child(8) > ul.submenu  {border-top-color:#F21C30;}
631.skin-2  .nav-list > li:nth-child(9) > ul.submenu  {border-top-color:#EE218B;}
632.skin-2  .nav-list > li:nth-child(10) > ul.submenu{border-top-color:#C55EE7;}
633.skin-2  .nav-list > li:nth-child(11) > ul.submenu{border-top-color:#218BEE;}
634.skin-2  .nav-list > li:nth-child(12) > ul.submenu{border-top-color:#2ECEE7;}
635
636.skin-2  .nav-list > li > ul.submenu li.active > a {color:#C6487E;}
637.skin-2  .nav-list > li:nth-child(1) > ul.submenu  li.active > a {color:#00BE67;}
638.skin-2  .nav-list > li:nth-child(2) > ul.submenu  li.active > a {color:#5ED02B;}
639.skin-2  .nav-list > li:nth-child(3) > ul.submenu  li.active > a {color:#A7D700;}
640.skin-2  .nav-list > li:nth-child(4) > ul.submenu  li.active > a {color:#CEE100;}
641.skin-2  .nav-list > li:nth-child(5) > ul.submenu  li.active > a {color:#F8C600;}
642.skin-2  .nav-list > li:nth-child(6) > ul.submenu  li.active > a {color:#FFAB00;}
643.skin-2  .nav-list > li:nth-child(7) > ul.submenu  li.active > a {color:#FF6E00;}
644.skin-2  .nav-list > li:nth-child(8) > ul.submenu  li.active > a {color:#F21C30;}
645.skin-2  .nav-list > li:nth-child(9) > ul.submenu  li.active > a {color:#EE218B;}
646.skin-2  .nav-list > li:nth-child(10) > ul.submenu li.active > a {color:#C55EE7;}
647.skin-2  .nav-list > li:nth-child(11) > ul.submenu li.active > a {color:#218BEE;}
648.skin-2  .nav-list > li:nth-child(12) > ul.submenu li.active > a {color:#2ECEE7;}
649
650
651.skin-2  .nav-list > li.active > a,
652.skin-2  .nav-list > li.active > a:hover
653 {
654 background-color:#242424;
655}
656
657
658
659
660.skin-2 .sidebar-collapse {
661 background-color:#2C2C2C;
662 border-top:1px solid #666;
663 border-bottom:1px solid #777;
664}
665.skin-2 .sidebar-collapse:before {
666 border-color:#666;
667}
668.skin-2 .sidebar-collapse > [class*="icon-"] {
669 background-color:#333;
670}
671
672
673
674.skin-2 .sidebar-shortcuts {
675 background-color:#393939;
676 border-color:#666;
677 min-height:40px;
678}
679.skin-2 .sidebar > .nav-search {
680 background-color:#393939;
681 border-color:#666;
682}
683
684.skin-2 .sidebar-shortcuts .btn {
685 border-radius:32px !important;
686 border-width:2px;
687 background-color:#555 !important;
688}
689.skin-2 .sidebar-shortcuts .btn:hover {
690 background-color:#222 !important;
691}
692.skin-2 .menu-min .sidebar-shortcuts-large {
693 border:none;
694 box-shadow:none;
695 background-color:#393939;
696 top:0px;
697}
698.skin-2 .sidebar-shortcuts-mini {
699 background-color:#141A1B;
700 border-color:#3F4E54;
701}
702.skin-2  .sidebar-shortcuts-mini .btn {
703 border-width:2px !important;
704 border-radius:32px !important;
705 padding:6px !important;
706 opacity:1;
707 background-color:inherit;
708}
709
710
711body.skin-2 .main-content{
712 padding-top:8px;
713}
714.skin-2 .breadcrumbs {
715 border:none;
716 background-color:#E7F2F8;
717 margin:0 8px 0;
718 border-radius:4px;
719}
720
721
722
723
724
725
726@media only screen and (max-width: 991px) {
727.skin-2  .sidebar {
728 border:none;
729 box-shadow:none;
730}
731.skin-2 .nav-list li.active > a:after {
732 display:none;
733}
734
735body.skin-2 .main-content{
736 padding-top: 0;
737}
738.skin-2 .breadcrumbs {
739 margin:0;
740 border-radius:0;
741}
742
743.skin-2 .menu-min .nav-list > li.active > a:after {
744 display:none;
745}
746.skin-2 .menu-min .nav-list > li.active:hover > a:after {
747 display:block;
748}
749}
750
751
752
753
754/*3rd & 4th level*/
755.skin-2 .nav-list > li  .submenu   a {
756        background-color:transparent !important;
757}
758.skin-2 .nav-list > li  > .submenu > li > .submenu  a {
759        border-top-color:#CCC;
760}
761.skin-2 .nav-list > li.active  > .submenu > li > .submenu  a {
762        border-top-color:#999;
763}
764
765.skin-2 .nav-list > li > .submenu li > .submenu > li a {
766 color:#D5D5D5;
767}
768.skin-2 .nav-list > li > .submenu li > .submenu > li a > [class*="icon-"]:first-child {
769 color:#D5D5D5;
770}
771.skin-2 .nav-list > li > .submenu li > .submenu li.active > a > [class*="icon-"]:first-child {
772 color:inherit;
773}
774
775.skin-2 .nav-list > li  .submenu   a > .arrow {
776        color:#CCC;
777}
778.skin-2 .nav-list > li > .submenu > li > a:hover > .arrow ,
779.skin-2 .nav-list > li > .submenu > li > .submenu > li > a:hover > .arrow {
780        color:#EEE;
781}
782
783
784.skin-2 .nav-list > li > .submenu > li > .submenu > li > a {
785        margin-left:0;
786        padding-left:38px;
787}
788.skin-2 .nav-list > li > .submenu > li > .submenu > li > .submenu > li > a {
789        margin-left:0;
790        padding-left:54px;
791}
792
793
794
795
796/* the 3rd and 4th level open link colors */
797.skin-2  .nav-list > li  ul.submenu li.open > a {color:#C6487E;}
798.skin-2  .nav-list > li:nth-child(1)  ul.submenu  li.open > a {color:#00BE67;}
799.skin-2  .nav-list > li:nth-child(2)  ul.submenu  li.open > a {color:#5ED02B;}
800.skin-2  .nav-list > li:nth-child(3)  ul.submenu  li.open > a {color:#A7D700;}
801.skin-2  .nav-list > li:nth-child(4)  ul.submenu  li.open > a {color:#CEE100;}
802.skin-2  .nav-list > li:nth-child(5)  ul.submenu  li.open > a {color:#F8C600;}
803.skin-2  .nav-list > li:nth-child(6)  ul.submenu  li.open > a {color:#FFAB00;}
804.skin-2  .nav-list > li:nth-child(7)  ul.submenu  li.open > a {color:#FF6E00;}
805.skin-2  .nav-list > li:nth-child(8)  ul.submenu  li.open > a {color:#F21C30;}
806.skin-2  .nav-list > li:nth-child(9)  ul.submenu  li.open > a {color:#EE218B;}
807.skin-2  .nav-list > li:nth-child(10) ul.submenu li.open > a {color:#C55EE7;}
808.skin-2  .nav-list > li:nth-child(11)  ul.submenu li.open > a {color:#218BEE;}
809.skin-2  .nav-list > li:nth-child(12)  ul.submenu li.open > a {color:#2ECEE7;}
810
811.skin-2  .nav-list > li  ul.submenu li > a:hover {
812        color:#FFF;
813}
814
815
816.skin-2 .nav-list > li > .submenu > li.open > a > [class*="icon-"]:first-child ,
817.skin-2 .nav-list > li > .submenu > li > .submenu > li.open > a > [class*="icon-"]:first-child
818{
819        color:inherit;
820}
821.skin-2 .nav-list > li > .submenu > li.open > a > .arrow,
822.skin-2 .nav-list > li > .submenu > li > .submenu > li.open > a > .arrow
823{
824        color:inherit;
825}
826
827
828
829
830
831
832
833
834
835
836/* skin#3 */
837.skin-3 {
838 background-color: #BBB;
839}
840.skin-3 .main-container:after
841{
842 background: #FFF;
843 
844 background: -moz-linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;
845 background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEF5FA), color-stop(4%, #FFF)) 0 4px;
846 background: -webkit-linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;
847 background: -o-linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;
848 background: -ms-linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;
849 background: linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;
850
851 -moz-background-size: 100% 26px;
852 -webkit-background-size: 100% 26px;
853 -o-background-size: 100% 26px;
854 -ms-background-size: 100% 26px;
855 background-size: 100% 26px;
856}
857
858
859.skin-3 .navbar  {
860 background:#393939;
861}
862
863.skin-3  .sidebar , .skin-3  .sidebar:before {
864 background-color:#D6D6D6;
865 border-right:1px solid #A4C6DD;
866}
867
868
869.skin-3 .page-content {
870 background-color:transparent;/* so that .main-content's background can be seen */
871}
872.skin-3 .infobox:not(.infobox-dark) {
873 border-style:solid;
874 background-color:transparent;
875}
876
877
878
879.skin-3  .nav-list > li {
880 border-color:#F2F2F2;
881 border-bottom-width:0;
882 position:relative;
883}
884.skin-3  .nav-list > li:before {
885 display:inline-block; content:"";
886 position:absolute; z-index:1;
887 left:0; top:0; bottom:0; max-width:0; overflow:hidden;
888 border-left:3px solid #444;
889}
890
891.skin-3 .nav-list > li.active:before {
892 border-left-color:#4D96CB;
893}
894
895.skin-3  .nav-list > li:first-child {
896 border-top:1px solid #F2F2F2;
897}
898.skin-3  .nav-list > li:last-child {
899 border-bottom-width:1px;
900}
901
902
903
904.skin-3  .nav-list > li:hover {
905 border-left-color:#1963AA;
906 border-top-color:#EEE;
907}
908
909.skin-3  .nav-list > li:hover + li {
910 border-top-color:#EEE;
911}
912.skin-3  .nav-list > li:last-child:hover {
913 border-bottom-color:#EEE;
914}
915.skin-3  .nav-list > li.active {
916 border-left-color:#1A67BD;
917 border-top-color:#A4C6DD !important;
918}
919.skin-3  .nav-list > li.active + li {
920 border-top-color:#A4C6DD;
921}
922.skin-3  .nav-list > li.active:last-child {
923 border-bottom-color:#A4C6DD;
924}
925
926
927.skin-3  .nav-list > li > a:hover:before{
928 display:none;
929}
930.skin-3 .nav-list > li > a {
931 background-color:#E0E0E0;
932 color:#5A5A5A;
933}
934.skin-3 .nav-list > li:hover > a {
935 background-color:#EEE;
936 color:#1963AA;
937}
938.skin-3 .nav-list > li > a:focus{
939 color:#1963AA;
940}
941
942.skin-3 .nav-list > li.open > a  {
943 background-color:#F3F3F3;
944 color:#1963AA;
945}
946.skin-3 .menu-min .nav-list > li.open > a  {
947 background-color:#E0E0E0;
948 color:#5A5A5A;
949}
950.skin-3 .menu-min .nav-list > li.open > a > .menu-text {
951 color:#1963AA;
952}
953.skin-3 .menu-min .nav-list > li.active > a > .menu-text {
954 border-left-color:#EEE;
955}
956
957.skin-3 .nav-list > li.active > a {
958 background-color:#EEF8FF;
959 color:#4D96CB;
960}
961
962
963.skin-3 .nav-list li.active > a:after{
964 border-right-color:#FFF;
965 right:-1px; top:0; z-index:12;
966 border-width:18px 12px;
967}
968
969
970.skin-3 .nav-list  li.active > a:before {/*the blue one under the white one!*/
971 content:""; display:block;
972 position:absolute;
973 right:0; top:0;  z-index:11;   /**/ left:auto; bottom:auto; width:auto; max-width:auto; background-color:transparent;
974 border-style:solid;
975 border-width:18px 12px;
976 border-color:transparent;
977 border-right-color:#A4C6DD;
978}
979
980.skin-3 .nav-list > li.active.open > .submenu  li.active > a:before,
981.skin-3 .nav-list > li.active.open > .submenu  li.active > a:after {
982 border-width:14px 10px;
983 top:2px;
984}
985.skin-3 .nav-list > li.active.open > .submenu .submenu li.active > a:before,
986.skin-3 .nav-list > li.active.open > .submenu  .submenu li.active > a:after {
987 top:0;
988}
989
990.skin-3 .nav-list li.active.open > a:after,
991.skin-3 .nav-list li.active.open > a:before  {
992 display:none;
993}
994.skin-3 .nav-list > li.active:after {/* the white border on right */
995 display:none;
996}
997
998/* extra a:after rules applied to a:before as well for skin-3 */
999.skin-3 .nav-list li.active.open > .submenu > li.active.open > a.dropdown-toggle:before {
1000  display: none;
1001}
1002.skin-3 .nav-list li.active > .submenu > li.active > a:before {
1003  display: none;
1004}
1005.skin-3 .nav-list li.active.open > .submenu > li.active > a:before {
1006  display: block;
1007}
1008.skin-3 .menu-min .nav-list li.active.open > .submenu > li.active > a:before {
1009  display: none;
1010}
1011
1012
1013
1014.skin-3 .menu-min .nav-list > li.active > a {
1015 background-color:#4D96CB;
1016 color:#FFF;
1017}
1018.skin-3 .menu-min .nav-list > li.active > a > .menu-text {
1019 color:#4D96CB;
1020}
1021
1022.skin-3 .menu-min .nav-list  li.active > a:after {
1023 display:none;
1024}
1025.skin-3 .menu-min .nav-list  li.active > a:before {
1026 display:none;
1027}
1028
1029.skin-3 .menu-min .nav-list > li.active > a:after {
1030 display:block;
1031 border-width:12px 7px;
1032 top:5px;
1033}
1034
1035.skin-3 .menu-min .sidebar-shortcuts {
1036 border-left:none;
1037}
1038.skin-3 .sidebar.menu-min  > .nav-search {
1039 border-left:none;
1040}
1041
1042.skin-3 .menu-min .nav-list > li > .submenu,
1043.skin-3 .menu-min .nav-list > li.active > .submenu {
1044 border-left-color:#CCC;
1045}
1046
1047
1048.skin-3 .nav-list > li > a  > .arrow {
1049 right:10px;
1050}
1051
1052
1053
1054
1055.skin-3 .sidebar-collapse {
1056 background-color:#D0D0D0;
1057 border-color:#FFF;
1058}
1059.skin-3 .sidebar-collapse:before {
1060 border-color:#FFF;
1061}
1062.skin-3 .sidebar-collapse > [class*="icon-"] {
1063 background-color:#FFF;
1064 border-color:#999;
1065 color:#999;
1066}
1067
1068
1069.skin-3 .sidebar-shortcuts {
1070 background-color:#E0E0E0;
1071 border-bottom:none;
1072 border-color:#FFF;
1073 min-height:40px;
1074 border-left:3px solid #444;
1075}
1076.skin-3 .sidebar > .nav-search {
1077 background-color:#E0E0E0;
1078 border-bottom:none;
1079 border-color:#FFF;
1080 border-left:3px solid #444;
1081}
1082
1083.skin-3  .sidebar-shortcuts-mini {
1084  background-color:#E0E0E0;
1085}
1086.skin-3  .sidebar-shortcuts-mini > .btn {
1087 opacity:1;
1088}
1089.skin-3  .menu-min .sidebar-shortcuts-large {
1090 background-color:#F5F5F5;
1091 top:-1px;
1092}
1093
1094
1095body.skin-3 .main-content {
1096 padding-top: 8px;
1097}
1098.skin-3 .breadcrumbs  {
1099 border:none;
1100 border-radius:4px;
1101 background-color:#E7F2F8;
1102
1103 margin:0 8px 0;
1104}
1105.skin-3 .nav-search-input {
1106 border-radius:4px;
1107}
1108.skin-3 .page-content > .page-header:first-child {
1109 border-bottom-color:#C9C9C9;
1110}
1111.skin-3 .hr {
1112 border-color:#D5D5D5;
1113}
1114
1115
1116@media only screen and (max-width: 991px) {
1117
1118.skin-3  .sidebar,
1119.skin-3  .nav-list > li ,
1120.skin-3 .sidebar-shortcuts {
1121 border-left:none;
1122}
1123.skin-3 .sidebar {
1124 border-color:#A4C6DD;
1125}
1126
1127body.skin-3 .main-content  {
1128 padding-top: 0;
1129}
1130.skin-3 .breadcrumbs  {
1131 border-radius:0;
1132 margin:0;
1133}
1134
1135.skin-3 .menu-toggler {
1136 background-color:#62A8D1;
1137 color:#FFF;
1138}
1139.skin-3 .menu-toggler:after , .skin-3 .menu-toggler:before {
1140 border-color:#FFF;
1141}
1142.skin-3 .menu-toggler > .menu-text {
1143 border-top-color:#62A8D1;
1144}
1145.skin-3 .menu-toggler > .menu-text:after {
1146 color:#FFF;
1147}
1148
1149
1150
1151.skin-3 .nav-list  li.active > a:before,
1152.skin-3  .nav-list  li.active > a:after {
1153 display:none;
1154}
1155.skin-3 .menu-min .nav-list  li.active > a:before,
1156.skin-3 .menu-min .nav-list  li.active > a:after {
1157 display:none;
1158}
1159
1160.skin-3 .nav-list li.active.open > .submenu > li.active > a:before {
1161 display:none;
1162}
1163
1164.skin-3 .menu-min .nav-list > li.active.open:hover > a:after {
1165 display:block !important;
1166}
1167
1168}
1169
1170
1171
1172
1173
1174
1175/* RTL */
1176.rtl.skin-1  .sidebar , .rtl.skin-1  .sidebar:before {
1177 border-left:none;
1178}
1179.rtl.skin-1 .nav-list  li.active > a:after {
1180 border-right-color:transparent;
1181 border-left-color:#FFF;
1182}
1183.rtl.skin-1 .menu-min .nav-list > li.active:hover > a:after {
1184 border-left-color:#242A2B;
1185 border-right-color:transparent;
1186}
1187
1188.rtl.skin-1 .menu-min .nav-list > li > a > .menu-text,
1189.rtl.skin-1 .menu-min .nav-list > li > ul.submenu {
1190 border-left-color:#3F4E54;
1191 border-right-color:#242A2B;
1192}
1193
1194
1195
1196.rtl.skin-2  .sidebar , .rtl.skin-2 .sidebar:before {
1197 border-left:none;
1198}
1199.rtl.skin-2 .nav-list  li.active > a:after {
1200 border-right-color:transparent;
1201 border-left-color:#FFF;
1202}
1203.rtl.skin-2 .nav-list  > li.active > a:after ,
1204.rtl.skin-2 .nav-list  > li.active > .submenu > li.active > a:after {
1205 right:auto;
1206 left:0;
1207}
1208.rtl.skin-2 .menu-min .nav-list > li.active:hover > a:after {
1209 border-right-color:transparent;
1210 border-left-color:#292929;
1211}
1212.rtl.skin-2 .nav-list > li.active.open > .submenu > li.active > a:after {
1213 border-right-color:transparent;
1214 border-left-color:#FFF;
1215 right:auto;
1216 left:0;
1217}
1218.rtl.skin-2  .menu-min .nav-list > li > a > .menu-text {
1219 text-shadow:-1px 1px 0 rgba(0,0,0,0.5);
1220}
1221.rtl.skin-2  .menu-min .nav-list > li > ul.submenu {
1222 margin-left:auto;
1223 margin-right:1px;
1224 
1225 border-left:none;
1226 border-right:1px solid #FFF;
1227}
1228.rtl.skin-2  .nav-list > li > ul.submenu > li > a {
1229 padding-left:0;
1230 padding-right:28px;
1231}
1232.rtl.skin-2 .nav-list > li > .submenu > li > .submenu > li > a {
1233        margin-left:auto;
1234        padding-left:0;
1235
1236        margin-right:0;
1237        padding-right:38px;
1238}
1239.rtl.skin-2 .nav-list > li > .submenu > li > .submenu > li > .submenu > li > a {
1240        margin-left:auto;
1241        padding-left:0;
1242
1243        margin-right:0;
1244        padding-right:54px;
1245}
1246
1247
1248
1249.rtl.skin-3  .sidebar , .rtl.skin-3 .sidebar:before {
1250 border-right:none;
1251 border-left:1px solid #A4C6DD;
1252}
1253.rtl.skin-3  .nav-list > li:before {
1254 left:auto;
1255 right:0;
1256
1257 border-left:none;
1258 border-right:3px solid #444;
1259}
1260.rtl.skin-3 .nav-list > li.active:before {
1261 border-left:none;
1262 border-right-color:#4D96CB;
1263}
1264.rtl.skin-3  .nav-list > li:hover {
1265 border-left-color:#F2F2F2;
1266 border-right-color:#1963AA;
1267}
1268.rtl.skin-3  .nav-list > li.active {
1269 border-left-color:#F2F2F2;
1270 border-right-color:#1A67BD;
1271}
1272.rtl.skin-3 .menu-min .nav-list > li.active > a > .menu-text {
1273 border-left-color:#CCC;
1274 border-right-color:#EEE;
1275}
1276.rtl.skin-3 .nav-list li.active > a:after{
1277 border-right-color:transparent;
1278 border-left-color:#FFF;
1279 left:-1px;
1280 right:auto;
1281}
1282.rtl.skin-3 .nav-list  li.active > a:before {
1283 right:auto;
1284 left:0;
1285 border-right-color:transparent;
1286 border-left-color:#A4C6DD;
1287}
1288
1289.rtl.skin-3 .menu-min .sidebar-shortcuts {
1290 border-right:none;
1291}
1292.rtl.skin-3 .sidebar.menu-min  > .nav-search {
1293 border-right:none;
1294}
1295
1296.rtl.skin-3 .menu-min .nav-list > li > .submenu,
1297.rtl.skin-3 .menu-min .nav-list > li.active > .submenu {
1298 border-right-color:#CCC;
1299}
1300
1301.rtl.skin-3 .nav-list > li > a  > .arrow {
1302 right:auto;
1303 left:10px;
1304}
1305
1306.rtl.skin-3 .sidebar-shortcuts {
1307 border-left:none;
1308 border-right:3px solid #444;
1309}
1310.rtl.skin-3 .sidebar > .nav-search {
1311 border-left:none;
1312 border-right:3px solid #444;
1313}
1314
1315@media only screen and (max-width: 991px) {
1316.rtl.skin-3  .sidebar,
1317.rtl.skin-3  .nav-list > li ,
1318.rtl.skin-3 .sidebar-shortcuts {
1319 border-right:none;
1320}
1321}
1322
Note: See TracBrowser for help on using the repository browser.