admin_lte-rails 2.2.0.9 → 2.3.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +3 -0
  3. data/README.md +10 -0
  4. data/Rakefile +14 -12
  5. data/admin_lte-rails.gemspec +1 -1
  6. data/app/assets/javascripts/admin_lte/app.js +35 -20
  7. data/app/assets/stylesheets/admin_lte/ltr/AdminLTE.scss +929 -235
  8. data/app/assets/stylesheets/admin_lte/ltr/admin_lte.css +2 -2
  9. data/app/assets/stylesheets/admin_lte/ltr/skins/_all-skins.scss +136 -124
  10. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-black-light.scss +12 -11
  11. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-black.scss +12 -11
  12. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-blue-light.scss +12 -11
  13. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-blue.scss +12 -11
  14. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-green-light.scss +11 -10
  15. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-green.scss +11 -10
  16. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-purple-light.scss +11 -10
  17. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-purple.scss +11 -10
  18. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-red-light.scss +11 -10
  19. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-red.scss +11 -10
  20. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-yellow-light.scss +11 -10
  21. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-yellow.scss +11 -10
  22. data/app/assets/stylesheets/admin_lte/rtl/AdminLTE.scss +929 -235
  23. data/app/assets/stylesheets/admin_lte/rtl/admin_lte.css +3 -2
  24. data/app/assets/stylesheets/admin_lte/rtl/sidebar_rtl_fix.scss +31 -0
  25. data/app/assets/stylesheets/admin_lte/rtl/skins/_all-skins.scss +136 -124
  26. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-black-light.scss +12 -11
  27. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-black.scss +12 -11
  28. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-blue-light.scss +12 -11
  29. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-blue.scss +12 -11
  30. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-green-light.scss +11 -10
  31. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-green.scss +11 -10
  32. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-purple-light.scss +11 -10
  33. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-purple.scss +11 -10
  34. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-red-light.scss +11 -10
  35. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-red.scss +11 -10
  36. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-yellow-light.scss +11 -10
  37. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-yellow.scss +11 -10
  38. data/lib/admin_lte-rails/version.rb +1 -1
  39. data/lib/ltr/admin_lte.css +2 -2
  40. data/lib/rtl/_sidebar_rtl_fix.scss +31 -0
  41. data/lib/rtl/admin_lte.css +3 -2
  42. metadata +7 -4
data/app/assets/stylesheets/admin_lte/rtl/admin_lte.css CHANGED
@@ -9,8 +9,9 @@ datepicker3.css
9
9
  daterangepicker-bs3
10
10
  bootstrap3-wysihtml5
11
11
  */
12
- //= require admin_lte/rtl/AdminLTE
13
- //= require admin_lte/rtl/skins/_all-skins
14
12
  //= require select2
15
13
  //= require select2-bootstrap
14
+ //= require admin_lte/rtl/AdminLTE
15
+ //= require admin_lte/rtl/skins/_all-skins
16
16
  //= require jquery-icheck/skins/flat/_all
17
+ //= require admin_lte/rtl/sidebar_rtl_fix
data/app/assets/stylesheets/admin_lte/rtl/sidebar_rtl_fix.scss ADDED
@@ -0,0 +1,31 @@
1
+
2
+ @media (max-width: 767px) {
3
+ .main-sidebar,
4
+ .left-side {
5
+ -webkit-transform: translate(230px, 0) !important;
6
+ -ms-transform: translate(230px, 0) !important;
7
+ -o-transform: translate(230px, 0) !important;
8
+ transform: translate(230px, 0) !important;
9
+ }
10
+ }
11
+
12
+ @media (max-width: 767px) {
13
+ .sidebar-open .main-sidebar,
14
+ .sidebar-open .left-side {
15
+ -webkit-transform: translate(0, 0) !important;
16
+ -ms-transform: translate(0, 0) !important;
17
+ -o-transform: translate(0, 0) !important;
18
+ transform: translate(0, 0) !important;
19
+ }
20
+ }
21
+
22
+ @media (max-width: 767px) {
23
+ .sidebar-open .content-wrapper,
24
+ .sidebar-open .right-side,
25
+ .sidebar-open .main-footer {
26
+ -webkit-transform: translate(-230px, 0) !important;
27
+ -ms-transform: translate(-230px, 0) !important;
28
+ -o-transform: translate(-230px, 0) !important;
29
+ transform: translate(-230px, 0) !important;
30
+ }
31
+ }
data/app/assets/stylesheets/admin_lte/rtl/skins/_all-skins.scss CHANGED
@@ -13,7 +13,8 @@
13
13
  .skin-blue .main-header .navbar .nav > li > a:focus,
14
14
  .skin-blue .main-header .navbar .nav .open > a,
15
15
  .skin-blue .main-header .navbar .nav .open > a:hover,
16
- .skin-blue .main-header .navbar .nav .open > a:focus {
16
+ .skin-blue .main-header .navbar .nav .open > a:focus,
17
+ .skin-blue .main-header .navbar .nav > .active > a {
17
18
  background: rgba(0, 0, 0, 0.1);
18
19
  color: #f6f6f6;
19
20
  }
@@ -44,7 +45,7 @@
44
45
  .skin-blue .main-header .logo {
45
46
  background-color: #367fa9;
46
47
  color: #ffffff;
47
- border-bottom: 0px solid transparent;
48
+ border-bottom: 0 solid transparent;
48
49
  }
49
50
  .skin-blue .main-header .logo:hover {
50
51
  background-color: #357ca5;
@@ -111,10 +112,10 @@
111
112
  }
112
113
  .skin-blue .sidebar-form input[type="text"] {
113
114
  color: #666;
114
- border-top-right-radius: 2px !important;
115
- border-top-left-radius: 0 !important;
116
- border-bottom-left-radius: 0 !important;
117
- border-bottom-right-radius: 2px !important;
115
+ border-top-right-radius: 2px;
116
+ border-top-left-radius: 0;
117
+ border-bottom-left-radius: 0;
118
+ border-bottom-right-radius: 2px;
118
119
  }
119
120
  .skin-blue .sidebar-form input[type="text"]:focus,
120
121
  .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -126,15 +127,15 @@
126
127
  }
127
128
  .skin-blue .sidebar-form .btn {
128
129
  color: #999;
129
- border-top-right-radius: 0 !important;
130
- border-top-left-radius: 2px !important;
131
- border-bottom-left-radius: 2px !important;
132
- border-bottom-right-radius: 0 !important;
130
+ border-top-right-radius: 0;
131
+ border-top-left-radius: 2px;
132
+ border-bottom-left-radius: 2px;
133
+ border-bottom-right-radius: 0;
133
134
  }
134
135
  .skin-blue.layout-top-nav .main-header > .logo {
135
136
  background-color: #3c8dbc;
136
137
  color: #ffffff;
137
- border-bottom: 0px solid transparent;
138
+ border-bottom: 0 solid transparent;
138
139
  }
139
140
  .skin-blue.layout-top-nav .main-header > .logo:hover {
140
141
  background-color: #3b8ab8;
@@ -154,7 +155,8 @@
154
155
  .skin-blue-light .main-header .navbar .nav > li > a:focus,
155
156
  .skin-blue-light .main-header .navbar .nav .open > a,
156
157
  .skin-blue-light .main-header .navbar .nav .open > a:hover,
157
- .skin-blue-light .main-header .navbar .nav .open > a:focus {
158
+ .skin-blue-light .main-header .navbar .nav .open > a:focus,
159
+ .skin-blue-light .main-header .navbar .nav > .active > a {
158
160
  background: rgba(0, 0, 0, 0.1);
159
161
  color: #f6f6f6;
160
162
  }
@@ -185,7 +187,7 @@
185
187
  .skin-blue-light .main-header .logo {
186
188
  background-color: #3c8dbc;
187
189
  color: #ffffff;
188
- border-bottom: 0px solid transparent;
190
+ border-bottom: 0 solid transparent;
189
191
  }
190
192
  .skin-blue-light .main-header .logo:hover {
191
193
  background-color: #3b8ab8;
@@ -269,10 +271,10 @@
269
271
  }
270
272
  .skin-blue-light .sidebar-form input[type="text"] {
271
273
  color: #666;
272
- border-top-right-radius: 2px !important;
273
- border-top-left-radius: 0 !important;
274
- border-bottom-left-radius: 0 !important;
275
- border-bottom-right-radius: 2px !important;
274
+ border-top-right-radius: 2px;
275
+ border-top-left-radius: 0;
276
+ border-bottom-left-radius: 0;
277
+ border-bottom-right-radius: 2px;
276
278
  }
277
279
  .skin-blue-light .sidebar-form input[type="text"]:focus,
278
280
  .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -284,10 +286,10 @@
284
286
  }
285
287
  .skin-blue-light .sidebar-form .btn {
286
288
  color: #999;
287
- border-top-right-radius: 0 !important;
288
- border-top-left-radius: 2px !important;
289
- border-bottom-left-radius: 2px !important;
290
- border-bottom-right-radius: 0 !important;
289
+ border-top-right-radius: 0;
290
+ border-top-left-radius: 2px;
291
+ border-bottom-left-radius: 2px;
292
+ border-bottom-right-radius: 0;
291
293
  }
292
294
  @media (min-width: 768px) {
293
295
  .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
@@ -300,7 +302,7 @@
300
302
  .skin-blue.layout-top-nav .main-header > .logo {
301
303
  background-color: #3c8dbc;
302
304
  color: #ffffff;
303
- border-bottom: 0px solid transparent;
305
+ border-bottom: 0 solid transparent;
304
306
  }
305
307
  .skin-blue.layout-top-nav .main-header > .logo:hover {
306
308
  background-color: #3b8ab8;
@@ -332,7 +334,8 @@
332
334
  .skin-black .main-header > .navbar .nav > li > a:focus,
333
335
  .skin-black .main-header > .navbar .nav .open > a,
334
336
  .skin-black .main-header > .navbar .nav .open > a:hover,
335
- .skin-black .main-header > .navbar .nav .open > a:focus {
337
+ .skin-black .main-header > .navbar .nav .open > a:focus,
338
+ .skin-black .main-header > .navbar .nav > .active > a {
336
339
  background: #ffffff;
337
340
  color: #999999;
338
341
  }
@@ -358,7 +361,7 @@
358
361
  .skin-black .main-header > .logo {
359
362
  background-color: #ffffff;
360
363
  color: #333333;
361
- border-bottom: 0px solid transparent;
364
+ border-bottom: 0 solid transparent;
362
365
  border-left: 1px solid #eee;
363
366
  }
364
367
  .skin-black .main-header > .logo:hover {
@@ -368,7 +371,7 @@
368
371
  .skin-black .main-header > .logo {
369
372
  background-color: #222222;
370
373
  color: #ffffff;
371
- border-bottom: 0px solid transparent;
374
+ border-bottom: 0 solid transparent;
372
375
  border-left: none;
373
376
  }
374
377
  .skin-black .main-header > .logo:hover {
@@ -438,10 +441,10 @@
438
441
  }
439
442
  .skin-black .sidebar-form input[type="text"] {
440
443
  color: #666;
441
- border-top-right-radius: 2px !important;
442
- border-top-left-radius: 0 !important;
443
- border-bottom-left-radius: 0 !important;
444
- border-bottom-right-radius: 2px !important;
444
+ border-top-right-radius: 2px;
445
+ border-top-left-radius: 0;
446
+ border-bottom-left-radius: 0;
447
+ border-bottom-right-radius: 2px;
445
448
  }
446
449
  .skin-black .sidebar-form input[type="text"]:focus,
447
450
  .skin-black .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -453,10 +456,10 @@
453
456
  }
454
457
  .skin-black .sidebar-form .btn {
455
458
  color: #999;
456
- border-top-right-radius: 0 !important;
457
- border-top-left-radius: 2px !important;
458
- border-bottom-left-radius: 2px !important;
459
- border-bottom-right-radius: 0 !important;
459
+ border-top-right-radius: 0;
460
+ border-top-left-radius: 2px;
461
+ border-bottom-left-radius: 2px;
462
+ border-bottom-right-radius: 0;
460
463
  }
461
464
  /*
462
465
  * Skin: Black
@@ -485,7 +488,8 @@
485
488
  .skin-black-light .main-header > .navbar .nav > li > a:focus,
486
489
  .skin-black-light .main-header > .navbar .nav .open > a,
487
490
  .skin-black-light .main-header > .navbar .nav .open > a:hover,
488
- .skin-black-light .main-header > .navbar .nav .open > a:focus {
491
+ .skin-black-light .main-header > .navbar .nav .open > a:focus,
492
+ .skin-black-light .main-header > .navbar .nav > .active > a {
489
493
  background: #ffffff;
490
494
  color: #999999;
491
495
  }
@@ -511,7 +515,7 @@
511
515
  .skin-black-light .main-header > .logo {
512
516
  background-color: #ffffff;
513
517
  color: #333333;
514
- border-bottom: 0px solid transparent;
518
+ border-bottom: 0 solid transparent;
515
519
  border-left: 1px solid #eee;
516
520
  }
517
521
  .skin-black-light .main-header > .logo:hover {
@@ -521,7 +525,7 @@
521
525
  .skin-black-light .main-header > .logo {
522
526
  background-color: #222222;
523
527
  color: #ffffff;
524
- border-bottom: 0px solid transparent;
528
+ border-bottom: 0 solid transparent;
525
529
  border-left: none;
526
530
  }
527
531
  .skin-black-light .main-header > .logo:hover {
@@ -608,10 +612,10 @@
608
612
  }
609
613
  .skin-black-light .sidebar-form input[type="text"] {
610
614
  color: #666;
611
- border-top-right-radius: 2px !important;
612
- border-top-left-radius: 0 !important;
613
- border-bottom-left-radius: 0 !important;
614
- border-bottom-right-radius: 2px !important;
615
+ border-top-right-radius: 2px;
616
+ border-top-left-radius: 0;
617
+ border-bottom-left-radius: 0;
618
+ border-bottom-right-radius: 2px;
615
619
  }
616
620
  .skin-black-light .sidebar-form input[type="text"]:focus,
617
621
  .skin-black-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -623,10 +627,10 @@
623
627
  }
624
628
  .skin-black-light .sidebar-form .btn {
625
629
  color: #999;
626
- border-top-right-radius: 0 !important;
627
- border-top-left-radius: 2px !important;
628
- border-bottom-left-radius: 2px !important;
629
- border-bottom-right-radius: 0 !important;
630
+ border-top-right-radius: 0;
631
+ border-top-left-radius: 2px;
632
+ border-bottom-left-radius: 2px;
633
+ border-bottom-right-radius: 0;
630
634
  }
631
635
  @media (min-width: 768px) {
632
636
  .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
@@ -648,7 +652,8 @@
648
652
  .skin-green .main-header .navbar .nav > li > a:focus,
649
653
  .skin-green .main-header .navbar .nav .open > a,
650
654
  .skin-green .main-header .navbar .nav .open > a:hover,
651
- .skin-green .main-header .navbar .nav .open > a:focus {
655
+ .skin-green .main-header .navbar .nav .open > a:focus,
656
+ .skin-green .main-header .navbar .nav > .active > a {
652
657
  background: rgba(0, 0, 0, 0.1);
653
658
  color: #f6f6f6;
654
659
  }
@@ -679,7 +684,7 @@
679
684
  .skin-green .main-header .logo {
680
685
  background-color: #008d4c;
681
686
  color: #ffffff;
682
- border-bottom: 0px solid transparent;
687
+ border-bottom: 0 solid transparent;
683
688
  }
684
689
  .skin-green .main-header .logo:hover {
685
690
  background-color: #008749;
@@ -746,10 +751,10 @@
746
751
  }
747
752
  .skin-green .sidebar-form input[type="text"] {
748
753
  color: #666;
749
- border-top-right-radius: 2px !important;
750
- border-top-left-radius: 0 !important;
751
- border-bottom-left-radius: 0 !important;
752
- border-bottom-right-radius: 2px !important;
754
+ border-top-right-radius: 2px;
755
+ border-top-left-radius: 0;
756
+ border-bottom-left-radius: 0;
757
+ border-bottom-right-radius: 2px;
753
758
  }
754
759
  .skin-green .sidebar-form input[type="text"]:focus,
755
760
  .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -761,10 +766,10 @@
761
766
  }
762
767
  .skin-green .sidebar-form .btn {
763
768
  color: #999;
764
- border-top-right-radius: 0 !important;
765
- border-top-left-radius: 2px !important;
766
- border-bottom-left-radius: 2px !important;
767
- border-bottom-right-radius: 0 !important;
769
+ border-top-right-radius: 0;
770
+ border-top-left-radius: 2px;
771
+ border-bottom-left-radius: 2px;
772
+ border-bottom-right-radius: 0;
768
773
  }
769
774
  /*
770
775
  * Skin: Green
@@ -781,7 +786,8 @@
781
786
  .skin-green-light .main-header .navbar .nav > li > a:focus,
782
787
  .skin-green-light .main-header .navbar .nav .open > a,
783
788
  .skin-green-light .main-header .navbar .nav .open > a:hover,
784
- .skin-green-light .main-header .navbar .nav .open > a:focus {
789
+ .skin-green-light .main-header .navbar .nav .open > a:focus,
790
+ .skin-green-light .main-header .navbar .nav > .active > a {
785
791
  background: rgba(0, 0, 0, 0.1);
786
792
  color: #f6f6f6;
787
793
  }
@@ -812,7 +818,7 @@
812
818
  .skin-green-light .main-header .logo {
813
819
  background-color: #00a65a;
814
820
  color: #ffffff;
815
- border-bottom: 0px solid transparent;
821
+ border-bottom: 0 solid transparent;
816
822
  }
817
823
  .skin-green-light .main-header .logo:hover {
818
824
  background-color: #00a157;
@@ -896,10 +902,10 @@
896
902
  }
897
903
  .skin-green-light .sidebar-form input[type="text"] {
898
904
  color: #666;
899
- border-top-right-radius: 2px !important;
900
- border-top-left-radius: 0 !important;
901
- border-bottom-left-radius: 0 !important;
902
- border-bottom-right-radius: 2px !important;
905
+ border-top-right-radius: 2px;
906
+ border-top-left-radius: 0;
907
+ border-bottom-left-radius: 0;
908
+ border-bottom-right-radius: 2px;
903
909
  }
904
910
  .skin-green-light .sidebar-form input[type="text"]:focus,
905
911
  .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -911,10 +917,10 @@
911
917
  }
912
918
  .skin-green-light .sidebar-form .btn {
913
919
  color: #999;
914
- border-top-right-radius: 0 !important;
915
- border-top-left-radius: 2px !important;
916
- border-bottom-left-radius: 2px !important;
917
- border-bottom-right-radius: 0 !important;
920
+ border-top-right-radius: 0;
921
+ border-top-left-radius: 2px;
922
+ border-bottom-left-radius: 2px;
923
+ border-bottom-right-radius: 0;
918
924
  }
919
925
  @media (min-width: 768px) {
920
926
  .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
@@ -936,7 +942,8 @@
936
942
  .skin-red .main-header .navbar .nav > li > a:focus,
937
943
  .skin-red .main-header .navbar .nav .open > a,
938
944
  .skin-red .main-header .navbar .nav .open > a:hover,
939
- .skin-red .main-header .navbar .nav .open > a:focus {
945
+ .skin-red .main-header .navbar .nav .open > a:focus,
946
+ .skin-red .main-header .navbar .nav > .active > a {
940
947
  background: rgba(0, 0, 0, 0.1);
941
948
  color: #f6f6f6;
942
949
  }
@@ -967,7 +974,7 @@
967
974
  .skin-red .main-header .logo {
968
975
  background-color: #d73925;
969
976
  color: #ffffff;
970
- border-bottom: 0px solid transparent;
977
+ border-bottom: 0 solid transparent;
971
978
  }
972
979
  .skin-red .main-header .logo:hover {
973
980
  background-color: #d33724;
@@ -1034,10 +1041,10 @@
1034
1041
  }
1035
1042
  .skin-red .sidebar-form input[type="text"] {
1036
1043
  color: #666;
1037
- border-top-right-radius: 2px !important;
1038
- border-top-left-radius: 0 !important;
1039
- border-bottom-left-radius: 0 !important;
1040
- border-bottom-right-radius: 2px !important;
1044
+ border-top-right-radius: 2px;
1045
+ border-top-left-radius: 0;
1046
+ border-bottom-left-radius: 0;
1047
+ border-bottom-right-radius: 2px;
1041
1048
  }
1042
1049
  .skin-red .sidebar-form input[type="text"]:focus,
1043
1050
  .skin-red .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -1049,10 +1056,10 @@
1049
1056
  }
1050
1057
  .skin-red .sidebar-form .btn {
1051
1058
  color: #999;
1052
- border-top-right-radius: 0 !important;
1053
- border-top-left-radius: 2px !important;
1054
- border-bottom-left-radius: 2px !important;
1055
- border-bottom-right-radius: 0 !important;
1059
+ border-top-right-radius: 0;
1060
+ border-top-left-radius: 2px;
1061
+ border-bottom-left-radius: 2px;
1062
+ border-bottom-right-radius: 0;
1056
1063
  }
1057
1064
  /*
1058
1065
  * Skin: Red
@@ -1069,7 +1076,8 @@
1069
1076
  .skin-red-light .main-header .navbar .nav > li > a:focus,
1070
1077
  .skin-red-light .main-header .navbar .nav .open > a,
1071
1078
  .skin-red-light .main-header .navbar .nav .open > a:hover,
1072
- .skin-red-light .main-header .navbar .nav .open > a:focus {
1079
+ .skin-red-light .main-header .navbar .nav .open > a:focus,
1080
+ .skin-red-light .main-header .navbar .nav > .active > a {
1073
1081
  background: rgba(0, 0, 0, 0.1);
1074
1082
  color: #f6f6f6;
1075
1083
  }
@@ -1100,7 +1108,7 @@
1100
1108
  .skin-red-light .main-header .logo {
1101
1109
  background-color: #dd4b39;
1102
1110
  color: #ffffff;
1103
- border-bottom: 0px solid transparent;
1111
+ border-bottom: 0 solid transparent;
1104
1112
  }
1105
1113
  .skin-red-light .main-header .logo:hover {
1106
1114
  background-color: #dc4735;
@@ -1184,10 +1192,10 @@
1184
1192
  }
1185
1193
  .skin-red-light .sidebar-form input[type="text"] {
1186
1194
  color: #666;
1187
- border-top-right-radius: 2px !important;
1188
- border-top-left-radius: 0 !important;
1189
- border-bottom-left-radius: 0 !important;
1190
- border-bottom-right-radius: 2px !important;
1195
+ border-top-right-radius: 2px;
1196
+ border-top-left-radius: 0;
1197
+ border-bottom-left-radius: 0;
1198
+ border-bottom-right-radius: 2px;
1191
1199
  }
1192
1200
  .skin-red-light .sidebar-form input[type="text"]:focus,
1193
1201
  .skin-red-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -1199,10 +1207,10 @@
1199
1207
  }
1200
1208
  .skin-red-light .sidebar-form .btn {
1201
1209
  color: #999;
1202
- border-top-right-radius: 0 !important;
1203
- border-top-left-radius: 2px !important;
1204
- border-bottom-left-radius: 2px !important;
1205
- border-bottom-right-radius: 0 !important;
1210
+ border-top-right-radius: 0;
1211
+ border-top-left-radius: 2px;
1212
+ border-bottom-left-radius: 2px;
1213
+ border-bottom-right-radius: 0;
1206
1214
  }
1207
1215
  @media (min-width: 768px) {
1208
1216
  .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
@@ -1224,7 +1232,8 @@
1224
1232
  .skin-yellow .main-header .navbar .nav > li > a:focus,
1225
1233
  .skin-yellow .main-header .navbar .nav .open > a,
1226
1234
  .skin-yellow .main-header .navbar .nav .open > a:hover,
1227
- .skin-yellow .main-header .navbar .nav .open > a:focus {
1235
+ .skin-yellow .main-header .navbar .nav .open > a:focus,
1236
+ .skin-yellow .main-header .navbar .nav > .active > a {
1228
1237
  background: rgba(0, 0, 0, 0.1);
1229
1238
  color: #f6f6f6;
1230
1239
  }
@@ -1255,7 +1264,7 @@
1255
1264
  .skin-yellow .main-header .logo {
1256
1265
  background-color: #e08e0b;
1257
1266
  color: #ffffff;
1258
- border-bottom: 0px solid transparent;
1267
+ border-bottom: 0 solid transparent;
1259
1268
  }
1260
1269
  .skin-yellow .main-header .logo:hover {
1261
1270
  background-color: #db8b0b;
@@ -1322,10 +1331,10 @@
1322
1331
  }
1323
1332
  .skin-yellow .sidebar-form input[type="text"] {
1324
1333
  color: #666;
1325
- border-top-right-radius: 2px !important;
1326
- border-top-left-radius: 0 !important;
1327
- border-bottom-left-radius: 0 !important;
1328
- border-bottom-right-radius: 2px !important;
1334
+ border-top-right-radius: 2px;
1335
+ border-top-left-radius: 0;
1336
+ border-bottom-left-radius: 0;
1337
+ border-bottom-right-radius: 2px;
1329
1338
  }
1330
1339
  .skin-yellow .sidebar-form input[type="text"]:focus,
1331
1340
  .skin-yellow .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -1337,10 +1346,10 @@
1337
1346
  }
1338
1347
  .skin-yellow .sidebar-form .btn {
1339
1348
  color: #999;
1340
- border-top-right-radius: 0 !important;
1341
- border-top-left-radius: 2px !important;
1342
- border-bottom-left-radius: 2px !important;
1343
- border-bottom-right-radius: 0 !important;
1349
+ border-top-right-radius: 0;
1350
+ border-top-left-radius: 2px;
1351
+ border-bottom-left-radius: 2px;
1352
+ border-bottom-right-radius: 0;
1344
1353
  }
1345
1354
  /*
1346
1355
  * Skin: Yellow
@@ -1357,7 +1366,8 @@
1357
1366
  .skin-yellow-light .main-header .navbar .nav > li > a:focus,
1358
1367
  .skin-yellow-light .main-header .navbar .nav .open > a,
1359
1368
  .skin-yellow-light .main-header .navbar .nav .open > a:hover,
1360
- .skin-yellow-light .main-header .navbar .nav .open > a:focus {
1369
+ .skin-yellow-light .main-header .navbar .nav .open > a:focus,
1370
+ .skin-yellow-light .main-header .navbar .nav > .active > a {
1361
1371
  background: rgba(0, 0, 0, 0.1);
1362
1372
  color: #f6f6f6;
1363
1373
  }
@@ -1388,7 +1398,7 @@
1388
1398
  .skin-yellow-light .main-header .logo {
1389
1399
  background-color: #f39c12;
1390
1400
  color: #ffffff;
1391
- border-bottom: 0px solid transparent;
1401
+ border-bottom: 0 solid transparent;
1392
1402
  }
1393
1403
  .skin-yellow-light .main-header .logo:hover {
1394
1404
  background-color: #f39a0d;
@@ -1472,10 +1482,10 @@
1472
1482
  }
1473
1483
  .skin-yellow-light .sidebar-form input[type="text"] {
1474
1484
  color: #666;
1475
- border-top-right-radius: 2px !important;
1476
- border-top-left-radius: 0 !important;
1477
- border-bottom-left-radius: 0 !important;
1478
- border-bottom-right-radius: 2px !important;
1485
+ border-top-right-radius: 2px;
1486
+ border-top-left-radius: 0;
1487
+ border-bottom-left-radius: 0;
1488
+ border-bottom-right-radius: 2px;
1479
1489
  }
1480
1490
  .skin-yellow-light .sidebar-form input[type="text"]:focus,
1481
1491
  .skin-yellow-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -1487,10 +1497,10 @@
1487
1497
  }
1488
1498
  .skin-yellow-light .sidebar-form .btn {
1489
1499
  color: #999;
1490
- border-top-right-radius: 0 !important;
1491
- border-top-left-radius: 2px !important;
1492
- border-bottom-left-radius: 2px !important;
1493
- border-bottom-right-radius: 0 !important;
1500
+ border-top-right-radius: 0;
1501
+ border-top-left-radius: 2px;
1502
+ border-bottom-left-radius: 2px;
1503
+ border-bottom-right-radius: 0;
1494
1504
  }
1495
1505
  @media (min-width: 768px) {
1496
1506
  .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
@@ -1512,7 +1522,8 @@
1512
1522
  .skin-purple .main-header .navbar .nav > li > a:focus,
1513
1523
  .skin-purple .main-header .navbar .nav .open > a,
1514
1524
  .skin-purple .main-header .navbar .nav .open > a:hover,
1515
- .skin-purple .main-header .navbar .nav .open > a:focus {
1525
+ .skin-purple .main-header .navbar .nav .open > a:focus,
1526
+ .skin-purple .main-header .navbar .nav > .active > a {
1516
1527
  background: rgba(0, 0, 0, 0.1);
1517
1528
  color: #f6f6f6;
1518
1529
  }
@@ -1543,7 +1554,7 @@
1543
1554
  .skin-purple .main-header .logo {
1544
1555
  background-color: #555299;
1545
1556
  color: #ffffff;
1546
- border-bottom: 0px solid transparent;
1557
+ border-bottom: 0 solid transparent;
1547
1558
  }
1548
1559
  .skin-purple .main-header .logo:hover {
1549
1560
  background-color: #545096;
@@ -1610,10 +1621,10 @@
1610
1621
  }
1611
1622
  .skin-purple .sidebar-form input[type="text"] {
1612
1623
  color: #666;
1613
- border-top-right-radius: 2px !important;
1614
- border-top-left-radius: 0 !important;
1615
- border-bottom-left-radius: 0 !important;
1616
- border-bottom-right-radius: 2px !important;
1624
+ border-top-right-radius: 2px;
1625
+ border-top-left-radius: 0;
1626
+ border-bottom-left-radius: 0;
1627
+ border-bottom-right-radius: 2px;
1617
1628
  }
1618
1629
  .skin-purple .sidebar-form input[type="text"]:focus,
1619
1630
  .skin-purple .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -1625,10 +1636,10 @@
1625
1636
  }
1626
1637
  .skin-purple .sidebar-form .btn {
1627
1638
  color: #999;
1628
- border-top-right-radius: 0 !important;
1629
- border-top-left-radius: 2px !important;
1630
- border-bottom-left-radius: 2px !important;
1631
- border-bottom-right-radius: 0 !important;
1639
+ border-top-right-radius: 0;
1640
+ border-top-left-radius: 2px;
1641
+ border-bottom-left-radius: 2px;
1642
+ border-bottom-right-radius: 0;
1632
1643
  }
1633
1644
  /*
1634
1645
  * Skin: Purple
@@ -1645,7 +1656,8 @@
1645
1656
  .skin-purple-light .main-header .navbar .nav > li > a:focus,
1646
1657
  .skin-purple-light .main-header .navbar .nav .open > a,
1647
1658
  .skin-purple-light .main-header .navbar .nav .open > a:hover,
1648
- .skin-purple-light .main-header .navbar .nav .open > a:focus {
1659
+ .skin-purple-light .main-header .navbar .nav .open > a:focus,
1660
+ .skin-purple-light .main-header .navbar .nav > .active > a {
1649
1661
  background: rgba(0, 0, 0, 0.1);
1650
1662
  color: #f6f6f6;
1651
1663
  }
@@ -1676,7 +1688,7 @@
1676
1688
  .skin-purple-light .main-header .logo {
1677
1689
  background-color: #605ca8;
1678
1690
  color: #ffffff;
1679
- border-bottom: 0px solid transparent;
1691
+ border-bottom: 0 solid transparent;
1680
1692
  }
1681
1693
  .skin-purple-light .main-header .logo:hover {
1682
1694
  background-color: #5d59a6;
@@ -1760,10 +1772,10 @@
1760
1772
  }
1761
1773
  .skin-purple-light .sidebar-form input[type="text"] {
1762
1774
  color: #666;
1763
- border-top-right-radius: 2px !important;
1764
- border-top-left-radius: 0 !important;
1765
- border-bottom-left-radius: 0 !important;
1766
- border-bottom-right-radius: 2px !important;
1775
+ border-top-right-radius: 2px;
1776
+ border-top-left-radius: 0;
1777
+ border-bottom-left-radius: 0;
1778
+ border-bottom-right-radius: 2px;
1767
1779
  }
1768
1780
  .skin-purple-light .sidebar-form input[type="text"]:focus,
1769
1781
  .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
@@ -1775,10 +1787,10 @@
1775
1787
  }
1776
1788
  .skin-purple-light .sidebar-form .btn {
1777
1789
  color: #999;
1778
- border-top-right-radius: 0 !important;
1779
- border-top-left-radius: 2px !important;
1780
- border-bottom-left-radius: 2px !important;
1781
- border-bottom-right-radius: 0 !important;
1790
+ border-top-right-radius: 0;
1791
+ border-top-left-radius: 2px;
1792
+ border-bottom-left-radius: 2px;
1793
+ border-bottom-right-radius: 0;
1782
1794
  }
1783
1795
  @media (min-width: 768px) {
1784
1796
  .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {