admin_lte-rails 2.2.0.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (57) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +10 -0
  3. data/.rspec +2 -0
  4. data/.travis.yml +4 -0
  5. data/CODE_OF_CONDUCT.md +13 -0
  6. data/Gemfile +7 -0
  7. data/LICENSE.txt +21 -0
  8. data/README.md +65 -0
  9. data/Rakefile +86 -0
  10. data/admin_lte.gemspec +45 -0
  11. data/app/assets/javascripts/admin_lte/admin_lte.js +11 -0
  12. data/app/assets/javascripts/admin_lte/app.js +743 -0
  13. data/app/assets/stylesheets/admin_lte/admin_lte_font.scss +1 -0
  14. data/app/assets/stylesheets/admin_lte/ltr/.scss +1 -0
  15. data/app/assets/stylesheets/admin_lte/ltr/AdminLTE.scss +4211 -0
  16. data/app/assets/stylesheets/admin_lte/ltr/_bootstrap.scss +2 -0
  17. data/app/assets/stylesheets/admin_lte/ltr/admin_lte.css +16 -0
  18. data/app/assets/stylesheets/admin_lte/ltr/skins/_all-skins.scss +1787 -0
  19. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-black-light.scss +175 -0
  20. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-black.scss +153 -0
  21. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-blue-light.scss +166 -0
  22. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-blue.scss +141 -0
  23. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-green-light.scss +155 -0
  24. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-green.scss +133 -0
  25. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-purple-light.scss +155 -0
  26. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-purple.scss +133 -0
  27. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-red-light.scss +155 -0
  28. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-red.scss +133 -0
  29. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-yellow-light.scss +155 -0
  30. data/app/assets/stylesheets/admin_lte/ltr/skins/skin-yellow.scss +133 -0
  31. data/app/assets/stylesheets/admin_lte/rtl/.scss +2 -0
  32. data/app/assets/stylesheets/admin_lte/rtl/AdminLTE.scss +4212 -0
  33. data/app/assets/stylesheets/admin_lte/rtl/_bootstrap.scss +4 -0
  34. data/app/assets/stylesheets/admin_lte/rtl/admin_lte.css +16 -0
  35. data/app/assets/stylesheets/admin_lte/rtl/skins/_all-skins.scss +1788 -0
  36. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-black-light.scss +176 -0
  37. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-black.scss +154 -0
  38. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-blue-light.scss +167 -0
  39. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-blue.scss +142 -0
  40. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-green-light.scss +156 -0
  41. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-green.scss +134 -0
  42. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-purple-light.scss +156 -0
  43. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-purple.scss +134 -0
  44. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-red-light.scss +156 -0
  45. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-red.scss +134 -0
  46. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-yellow-light.scss +156 -0
  47. data/app/assets/stylesheets/admin_lte/rtl/skins/skin-yellow.scss +134 -0
  48. data/bin/console +14 -0
  49. data/bin/setup +7 -0
  50. data/lib/admin_lte-rails.rb +57 -0
  51. data/lib/admin_lte-rails/version.rb +3 -0
  52. data/lib/ltr/_bootstrap.scss +2 -0
  53. data/lib/ltr/admin_lte.css +16 -0
  54. data/lib/rtl/_bootstrap.scss +4 -0
  55. data/lib/rtl/admin_lte.css +16 -0
  56. data/lib/to_rtl.js +6 -0
  57. metadata +380 -0
data/app/assets/stylesheets/admin_lte/rtl/skins/skin-blue.scss ADDED
@@ -0,0 +1,142 @@
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
+ background: rgba(0, 0, 0, 0.1);
18
+ color: #f6f6f6;
19
+ }
20
+ .skin-blue .main-header .navbar .sidebar-toggle {
21
+ color: #ffffff;
22
+ }
23
+ .skin-blue .main-header .navbar .sidebar-toggle:hover {
24
+ color: #f6f6f6;
25
+ background: rgba(0, 0, 0, 0.1);
26
+ }
27
+ .skin-blue .main-header .navbar .sidebar-toggle {
28
+ color: #fff;
29
+ }
30
+ .skin-blue .main-header .navbar .sidebar-toggle:hover {
31
+ background-color: #367fa9;
32
+ }
33
+ @media (max-width: 767px) {
34
+ .skin-blue .main-header .navbar .dropdown-menu li.divider {
35
+ background-color: rgba(255, 255, 255, 0.1);
36
+ }
37
+ .skin-blue .main-header .navbar .dropdown-menu li a {
38
+ color: #fff;
39
+ }
40
+ .skin-blue .main-header .navbar .dropdown-menu li a:hover {
41
+ background: #367fa9;
42
+ }
43
+ }
44
+ .skin-blue .main-header .logo {
45
+ background-color: #367fa9;
46
+ color: #ffffff;
47
+ border-bottom: 0px solid transparent;
48
+ }
49
+ .skin-blue .main-header .logo:hover {
50
+ background-color: #357ca5;
51
+ }
52
+ .skin-blue .main-header li.user-header {
53
+ background-color: #3c8dbc;
54
+ }
55
+ .skin-blue .content-header {
56
+ background: transparent;
57
+ }
58
+ .skin-blue .wrapper,
59
+ .skin-blue .main-sidebar,
60
+ .skin-blue .left-side {
61
+ background-color: #222d32;
62
+ }
63
+ .skin-blue .user-panel > .info,
64
+ .skin-blue .user-panel > .info > a {
65
+ color: #fff;
66
+ }
67
+ .skin-blue .sidebar-menu > li.header {
68
+ color: #4b646f;
69
+ background: #1a2226;
70
+ }
71
+ .skin-blue .sidebar-menu > li > a {
72
+ border-right: 3px solid transparent;
73
+ }
74
+ .skin-blue .sidebar-menu > li:hover > a,
75
+ .skin-blue .sidebar-menu > li.active > a {
76
+ color: #ffffff;
77
+ background: #1e282c;
78
+ border-right-color: #3c8dbc;
79
+ }
80
+ .skin-blue .sidebar-menu > li > .treeview-menu {
81
+ margin: 0 1px;
82
+ background: #2c3b41;
83
+ }
84
+ .skin-blue .sidebar a {
85
+ color: #b8c7ce;
86
+ }
87
+ .skin-blue .sidebar a:hover {
88
+ text-decoration: none;
89
+ }
90
+ .skin-blue .treeview-menu > li > a {
91
+ color: #8aa4af;
92
+ }
93
+ .skin-blue .treeview-menu > li.active > a,
94
+ .skin-blue .treeview-menu > li > a:hover {
95
+ color: #ffffff;
96
+ }
97
+ .skin-blue .sidebar-form {
98
+ border-radius: 3px;
99
+ border: 1px solid #374850;
100
+ margin: 10px 10px;
101
+ }
102
+ .skin-blue .sidebar-form input[type="text"],
103
+ .skin-blue .sidebar-form .btn {
104
+ box-shadow: none;
105
+ background-color: #374850;
106
+ border: 1px solid transparent;
107
+ height: 35px;
108
+ -webkit-transition: all 0.3s ease-in-out;
109
+ -o-transition: all 0.3s ease-in-out;
110
+ transition: all 0.3s ease-in-out;
111
+ }
112
+ .skin-blue .sidebar-form input[type="text"] {
113
+ 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;
118
+ }
119
+ .skin-blue .sidebar-form input[type="text"]:focus,
120
+ .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
121
+ background-color: #fff;
122
+ color: #666;
123
+ }
124
+ .skin-blue .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
125
+ border-right-color: #fff;
126
+ }
127
+ .skin-blue .sidebar-form .btn {
128
+ 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;
133
+ }
134
+ .skin-blue.layout-top-nav .main-header > .logo {
135
+ background-color: #3c8dbc;
136
+ color: #ffffff;
137
+ border-bottom: 0px solid transparent;
138
+ }
139
+ .skin-blue.layout-top-nav .main-header > .logo:hover {
140
+ background-color: #3b8ab8;
141
+ }
142
+
data/app/assets/stylesheets/admin_lte/rtl/skins/skin-green-light.scss ADDED
@@ -0,0 +1,156 @@
1
+ /*
2
+ * Skin: Green
3
+ * -----------
4
+ */
5
+ .skin-green-light .main-header .navbar {
6
+ background-color: #00a65a;
7
+ }
8
+ .skin-green-light .main-header .navbar .nav > li > a {
9
+ color: #ffffff;
10
+ }
11
+ .skin-green-light .main-header .navbar .nav > li > a:hover,
12
+ .skin-green-light .main-header .navbar .nav > li > a:active,
13
+ .skin-green-light .main-header .navbar .nav > li > a:focus,
14
+ .skin-green-light .main-header .navbar .nav .open > a,
15
+ .skin-green-light .main-header .navbar .nav .open > a:hover,
16
+ .skin-green-light .main-header .navbar .nav .open > a:focus {
17
+ background: rgba(0, 0, 0, 0.1);
18
+ color: #f6f6f6;
19
+ }
20
+ .skin-green-light .main-header .navbar .sidebar-toggle {
21
+ color: #ffffff;
22
+ }
23
+ .skin-green-light .main-header .navbar .sidebar-toggle:hover {
24
+ color: #f6f6f6;
25
+ background: rgba(0, 0, 0, 0.1);
26
+ }
27
+ .skin-green-light .main-header .navbar .sidebar-toggle {
28
+ color: #fff;
29
+ }
30
+ .skin-green-light .main-header .navbar .sidebar-toggle:hover {
31
+ background-color: #008d4c;
32
+ }
33
+ @media (max-width: 767px) {
34
+ .skin-green-light .main-header .navbar .dropdown-menu li.divider {
35
+ background-color: rgba(255, 255, 255, 0.1);
36
+ }
37
+ .skin-green-light .main-header .navbar .dropdown-menu li a {
38
+ color: #fff;
39
+ }
40
+ .skin-green-light .main-header .navbar .dropdown-menu li a:hover {
41
+ background: #008d4c;
42
+ }
43
+ }
44
+ .skin-green-light .main-header .logo {
45
+ background-color: #00a65a;
46
+ color: #ffffff;
47
+ border-bottom: 0px solid transparent;
48
+ }
49
+ .skin-green-light .main-header .logo:hover {
50
+ background-color: #00a157;
51
+ }
52
+ .skin-green-light .main-header li.user-header {
53
+ background-color: #00a65a;
54
+ }
55
+ .skin-green-light .content-header {
56
+ background: transparent;
57
+ }
58
+ .skin-green-light .wrapper,
59
+ .skin-green-light .main-sidebar,
60
+ .skin-green-light .left-side {
61
+ background-color: #f9fafc;
62
+ }
63
+ .skin-green-light .content-wrapper,
64
+ .skin-green-light .main-footer {
65
+ border-right: 1px solid #d2d6de;
66
+ }
67
+ .skin-green-light .user-panel > .info,
68
+ .skin-green-light .user-panel > .info > a {
69
+ color: #444444;
70
+ }
71
+ .skin-green-light .sidebar-menu > li {
72
+ -webkit-transition: border-right-color 0.3s ease;
73
+ -o-transition: border-right-color 0.3s ease;
74
+ transition: border-right-color 0.3s ease;
75
+ }
76
+ .skin-green-light .sidebar-menu > li.header {
77
+ color: #848484;
78
+ background: #f9fafc;
79
+ }
80
+ .skin-green-light .sidebar-menu > li > a {
81
+ border-right: 3px solid transparent;
82
+ font-weight: 600;
83
+ }
84
+ .skin-green-light .sidebar-menu > li:hover > a,
85
+ .skin-green-light .sidebar-menu > li.active > a {
86
+ color: #000000;
87
+ background: #f4f4f5;
88
+ }
89
+ .skin-green-light .sidebar-menu > li.active {
90
+ border-right-color: #00a65a;
91
+ }
92
+ .skin-green-light .sidebar-menu > li.active > a {
93
+ font-weight: 600;
94
+ }
95
+ .skin-green-light .sidebar-menu > li > .treeview-menu {
96
+ background: #f4f4f5;
97
+ }
98
+ .skin-green-light .sidebar a {
99
+ color: #444444;
100
+ }
101
+ .skin-green-light .sidebar a:hover {
102
+ text-decoration: none;
103
+ }
104
+ .skin-green-light .treeview-menu > li > a {
105
+ color: #777777;
106
+ }
107
+ .skin-green-light .treeview-menu > li.active > a,
108
+ .skin-green-light .treeview-menu > li > a:hover {
109
+ color: #000000;
110
+ }
111
+ .skin-green-light .treeview-menu > li.active > a {
112
+ font-weight: 600;
113
+ }
114
+ .skin-green-light .sidebar-form {
115
+ border-radius: 3px;
116
+ border: 1px solid #d2d6de;
117
+ margin: 10px 10px;
118
+ }
119
+ .skin-green-light .sidebar-form input[type="text"],
120
+ .skin-green-light .sidebar-form .btn {
121
+ box-shadow: none;
122
+ background-color: #fff;
123
+ border: 1px solid transparent;
124
+ height: 35px;
125
+ -webkit-transition: all 0.3s ease-in-out;
126
+ -o-transition: all 0.3s ease-in-out;
127
+ transition: all 0.3s ease-in-out;
128
+ }
129
+ .skin-green-light .sidebar-form input[type="text"] {
130
+ color: #666;
131
+ border-top-right-radius: 2px !important;
132
+ border-top-left-radius: 0 !important;
133
+ border-bottom-left-radius: 0 !important;
134
+ border-bottom-right-radius: 2px !important;
135
+ }
136
+ .skin-green-light .sidebar-form input[type="text"]:focus,
137
+ .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
138
+ background-color: #fff;
139
+ color: #666;
140
+ }
141
+ .skin-green-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
142
+ border-right-color: #fff;
143
+ }
144
+ .skin-green-light .sidebar-form .btn {
145
+ color: #999;
146
+ border-top-right-radius: 0 !important;
147
+ border-top-left-radius: 2px !important;
148
+ border-bottom-left-radius: 2px !important;
149
+ border-bottom-right-radius: 0 !important;
150
+ }
151
+ @media (min-width: 768px) {
152
+ .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
153
+ border-right: 1px solid #d2d6de;
154
+ }
155
+ }
156
+
data/app/assets/stylesheets/admin_lte/rtl/skins/skin-green.scss ADDED
@@ -0,0 +1,134 @@
1
+ /*
2
+ * Skin: Green
3
+ * -----------
4
+ */
5
+ .skin-green .main-header .navbar {
6
+ background-color: #00a65a;
7
+ }
8
+ .skin-green .main-header .navbar .nav > li > a {
9
+ color: #ffffff;
10
+ }
11
+ .skin-green .main-header .navbar .nav > li > a:hover,
12
+ .skin-green .main-header .navbar .nav > li > a:active,
13
+ .skin-green .main-header .navbar .nav > li > a:focus,
14
+ .skin-green .main-header .navbar .nav .open > a,
15
+ .skin-green .main-header .navbar .nav .open > a:hover,
16
+ .skin-green .main-header .navbar .nav .open > a:focus {
17
+ background: rgba(0, 0, 0, 0.1);
18
+ color: #f6f6f6;
19
+ }
20
+ .skin-green .main-header .navbar .sidebar-toggle {
21
+ color: #ffffff;
22
+ }
23
+ .skin-green .main-header .navbar .sidebar-toggle:hover {
24
+ color: #f6f6f6;
25
+ background: rgba(0, 0, 0, 0.1);
26
+ }
27
+ .skin-green .main-header .navbar .sidebar-toggle {
28
+ color: #fff;
29
+ }
30
+ .skin-green .main-header .navbar .sidebar-toggle:hover {
31
+ background-color: #008d4c;
32
+ }
33
+ @media (max-width: 767px) {
34
+ .skin-green .main-header .navbar .dropdown-menu li.divider {
35
+ background-color: rgba(255, 255, 255, 0.1);
36
+ }
37
+ .skin-green .main-header .navbar .dropdown-menu li a {
38
+ color: #fff;
39
+ }
40
+ .skin-green .main-header .navbar .dropdown-menu li a:hover {
41
+ background: #008d4c;
42
+ }
43
+ }
44
+ .skin-green .main-header .logo {
45
+ background-color: #008d4c;
46
+ color: #ffffff;
47
+ border-bottom: 0px solid transparent;
48
+ }
49
+ .skin-green .main-header .logo:hover {
50
+ background-color: #008749;
51
+ }
52
+ .skin-green .main-header li.user-header {
53
+ background-color: #00a65a;
54
+ }
55
+ .skin-green .content-header {
56
+ background: transparent;
57
+ }
58
+ .skin-green .wrapper,
59
+ .skin-green .main-sidebar,
60
+ .skin-green .left-side {
61
+ background-color: #222d32;
62
+ }
63
+ .skin-green .user-panel > .info,
64
+ .skin-green .user-panel > .info > a {
65
+ color: #fff;
66
+ }
67
+ .skin-green .sidebar-menu > li.header {
68
+ color: #4b646f;
69
+ background: #1a2226;
70
+ }
71
+ .skin-green .sidebar-menu > li > a {
72
+ border-right: 3px solid transparent;
73
+ }
74
+ .skin-green .sidebar-menu > li:hover > a,
75
+ .skin-green .sidebar-menu > li.active > a {
76
+ color: #ffffff;
77
+ background: #1e282c;
78
+ border-right-color: #00a65a;
79
+ }
80
+ .skin-green .sidebar-menu > li > .treeview-menu {
81
+ margin: 0 1px;
82
+ background: #2c3b41;
83
+ }
84
+ .skin-green .sidebar a {
85
+ color: #b8c7ce;
86
+ }
87
+ .skin-green .sidebar a:hover {
88
+ text-decoration: none;
89
+ }
90
+ .skin-green .treeview-menu > li > a {
91
+ color: #8aa4af;
92
+ }
93
+ .skin-green .treeview-menu > li.active > a,
94
+ .skin-green .treeview-menu > li > a:hover {
95
+ color: #ffffff;
96
+ }
97
+ .skin-green .sidebar-form {
98
+ border-radius: 3px;
99
+ border: 1px solid #374850;
100
+ margin: 10px 10px;
101
+ }
102
+ .skin-green .sidebar-form input[type="text"],
103
+ .skin-green .sidebar-form .btn {
104
+ box-shadow: none;
105
+ background-color: #374850;
106
+ border: 1px solid transparent;
107
+ height: 35px;
108
+ -webkit-transition: all 0.3s ease-in-out;
109
+ -o-transition: all 0.3s ease-in-out;
110
+ transition: all 0.3s ease-in-out;
111
+ }
112
+ .skin-green .sidebar-form input[type="text"] {
113
+ 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;
118
+ }
119
+ .skin-green .sidebar-form input[type="text"]:focus,
120
+ .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
121
+ background-color: #fff;
122
+ color: #666;
123
+ }
124
+ .skin-green .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
125
+ border-right-color: #fff;
126
+ }
127
+ .skin-green .sidebar-form .btn {
128
+ 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;
133
+ }
134
+
data/app/assets/stylesheets/admin_lte/rtl/skins/skin-purple-light.scss ADDED
@@ -0,0 +1,156 @@
1
+ /*
2
+ * Skin: Purple
3
+ * ------------
4
+ */
5
+ .skin-purple-light .main-header .navbar {
6
+ background-color: #605ca8;
7
+ }
8
+ .skin-purple-light .main-header .navbar .nav > li > a {
9
+ color: #ffffff;
10
+ }
11
+ .skin-purple-light .main-header .navbar .nav > li > a:hover,
12
+ .skin-purple-light .main-header .navbar .nav > li > a:active,
13
+ .skin-purple-light .main-header .navbar .nav > li > a:focus,
14
+ .skin-purple-light .main-header .navbar .nav .open > a,
15
+ .skin-purple-light .main-header .navbar .nav .open > a:hover,
16
+ .skin-purple-light .main-header .navbar .nav .open > a:focus {
17
+ background: rgba(0, 0, 0, 0.1);
18
+ color: #f6f6f6;
19
+ }
20
+ .skin-purple-light .main-header .navbar .sidebar-toggle {
21
+ color: #ffffff;
22
+ }
23
+ .skin-purple-light .main-header .navbar .sidebar-toggle:hover {
24
+ color: #f6f6f6;
25
+ background: rgba(0, 0, 0, 0.1);
26
+ }
27
+ .skin-purple-light .main-header .navbar .sidebar-toggle {
28
+ color: #fff;
29
+ }
30
+ .skin-purple-light .main-header .navbar .sidebar-toggle:hover {
31
+ background-color: #555299;
32
+ }
33
+ @media (max-width: 767px) {
34
+ .skin-purple-light .main-header .navbar .dropdown-menu li.divider {
35
+ background-color: rgba(255, 255, 255, 0.1);
36
+ }
37
+ .skin-purple-light .main-header .navbar .dropdown-menu li a {
38
+ color: #fff;
39
+ }
40
+ .skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
41
+ background: #555299;
42
+ }
43
+ }
44
+ .skin-purple-light .main-header .logo {
45
+ background-color: #605ca8;
46
+ color: #ffffff;
47
+ border-bottom: 0px solid transparent;
48
+ }
49
+ .skin-purple-light .main-header .logo:hover {
50
+ background-color: #5d59a6;
51
+ }
52
+ .skin-purple-light .main-header li.user-header {
53
+ background-color: #605ca8;
54
+ }
55
+ .skin-purple-light .content-header {
56
+ background: transparent;
57
+ }
58
+ .skin-purple-light .wrapper,
59
+ .skin-purple-light .main-sidebar,
60
+ .skin-purple-light .left-side {
61
+ background-color: #f9fafc;
62
+ }
63
+ .skin-purple-light .content-wrapper,
64
+ .skin-purple-light .main-footer {
65
+ border-right: 1px solid #d2d6de;
66
+ }
67
+ .skin-purple-light .user-panel > .info,
68
+ .skin-purple-light .user-panel > .info > a {
69
+ color: #444444;
70
+ }
71
+ .skin-purple-light .sidebar-menu > li {
72
+ -webkit-transition: border-right-color 0.3s ease;
73
+ -o-transition: border-right-color 0.3s ease;
74
+ transition: border-right-color 0.3s ease;
75
+ }
76
+ .skin-purple-light .sidebar-menu > li.header {
77
+ color: #848484;
78
+ background: #f9fafc;
79
+ }
80
+ .skin-purple-light .sidebar-menu > li > a {
81
+ border-right: 3px solid transparent;
82
+ font-weight: 600;
83
+ }
84
+ .skin-purple-light .sidebar-menu > li:hover > a,
85
+ .skin-purple-light .sidebar-menu > li.active > a {
86
+ color: #000000;
87
+ background: #f4f4f5;
88
+ }
89
+ .skin-purple-light .sidebar-menu > li.active {
90
+ border-right-color: #605ca8;
91
+ }
92
+ .skin-purple-light .sidebar-menu > li.active > a {
93
+ font-weight: 600;
94
+ }
95
+ .skin-purple-light .sidebar-menu > li > .treeview-menu {
96
+ background: #f4f4f5;
97
+ }
98
+ .skin-purple-light .sidebar a {
99
+ color: #444444;
100
+ }
101
+ .skin-purple-light .sidebar a:hover {
102
+ text-decoration: none;
103
+ }
104
+ .skin-purple-light .treeview-menu > li > a {
105
+ color: #777777;
106
+ }
107
+ .skin-purple-light .treeview-menu > li.active > a,
108
+ .skin-purple-light .treeview-menu > li > a:hover {
109
+ color: #000000;
110
+ }
111
+ .skin-purple-light .treeview-menu > li.active > a {
112
+ font-weight: 600;
113
+ }
114
+ .skin-purple-light .sidebar-form {
115
+ border-radius: 3px;
116
+ border: 1px solid #d2d6de;
117
+ margin: 10px 10px;
118
+ }
119
+ .skin-purple-light .sidebar-form input[type="text"],
120
+ .skin-purple-light .sidebar-form .btn {
121
+ box-shadow: none;
122
+ background-color: #fff;
123
+ border: 1px solid transparent;
124
+ height: 35px;
125
+ -webkit-transition: all 0.3s ease-in-out;
126
+ -o-transition: all 0.3s ease-in-out;
127
+ transition: all 0.3s ease-in-out;
128
+ }
129
+ .skin-purple-light .sidebar-form input[type="text"] {
130
+ color: #666;
131
+ border-top-right-radius: 2px !important;
132
+ border-top-left-radius: 0 !important;
133
+ border-bottom-left-radius: 0 !important;
134
+ border-bottom-right-radius: 2px !important;
135
+ }
136
+ .skin-purple-light .sidebar-form input[type="text"]:focus,
137
+ .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
138
+ background-color: #fff;
139
+ color: #666;
140
+ }
141
+ .skin-purple-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
142
+ border-right-color: #fff;
143
+ }
144
+ .skin-purple-light .sidebar-form .btn {
145
+ color: #999;
146
+ border-top-right-radius: 0 !important;
147
+ border-top-left-radius: 2px !important;
148
+ border-bottom-left-radius: 2px !important;
149
+ border-bottom-right-radius: 0 !important;
150
+ }
151
+ @media (min-width: 768px) {
152
+ .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
153
+ border-right: 1px solid #d2d6de;
154
+ }
155
+ }
156
+