adminlte_theme 0.1.0

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