nunify 0.5.2 → 0.5.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (52) hide show
  1. checksums.yaml +4 -4
  2. data/lib/nunify.rb +2 -0
  3. data/lib/nunify/engine.rb +6 -0
  4. data/lib/nunify/version.rb +3 -0
  5. data/lib/tasks/nunify_tasks.rake +4 -0
  6. metadata +5 -47
  7. data/vendor/assets/images/nunify/bg-black.png +0 -0
  8. data/vendor/assets/images/nunify/bg-black1.png +0 -0
  9. data/vendor/assets/images/nunify/bg-breadcrumb.png +0 -0
  10. data/vendor/assets/images/nunify/bg-green.png +0 -0
  11. data/vendor/assets/images/nunify/bg-white.png +0 -0
  12. data/vendor/assets/images/nunify/overlay-icon.png +0 -0
  13. data/vendor/assets/images/nunify/patterns/1.png +0 -0
  14. data/vendor/assets/images/nunify/patterns/10.png +0 -0
  15. data/vendor/assets/images/nunify/patterns/11.png +0 -0
  16. data/vendor/assets/images/nunify/patterns/12.png +0 -0
  17. data/vendor/assets/images/nunify/patterns/13.png +0 -0
  18. data/vendor/assets/images/nunify/patterns/14.png +0 -0
  19. data/vendor/assets/images/nunify/patterns/15.png +0 -0
  20. data/vendor/assets/images/nunify/patterns/2.png +0 -0
  21. data/vendor/assets/images/nunify/patterns/3.png +0 -0
  22. data/vendor/assets/images/nunify/patterns/4.png +0 -0
  23. data/vendor/assets/images/nunify/patterns/5.png +0 -0
  24. data/vendor/assets/images/nunify/patterns/6.png +0 -0
  25. data/vendor/assets/images/nunify/patterns/7.png +0 -0
  26. data/vendor/assets/images/nunify/patterns/8.png +0 -0
  27. data/vendor/assets/images/nunify/patterns/9.png +0 -0
  28. data/vendor/assets/javascripts/nunify.js +0 -3
  29. data/vendor/assets/javascripts/nunify/app.js +0 -256
  30. data/vendor/assets/javascripts/nunify/plugins/circles-master.js +0 -141
  31. data/vendor/assets/javascripts/nunify/plugins/datepicker.js +0 -63
  32. data/vendor/assets/javascripts/nunify/plugins/form-sliders.js +0 -78
  33. data/vendor/assets/javascripts/nunify/plugins/masking.js +0 -16
  34. data/vendor/assets/javascripts/nunify/plugins/owl-carousel.js +0 -72
  35. data/vendor/assets/javascripts/nunify/plugins/validation.js +0 -134
  36. data/vendor/assets/javascripts/nunify/plugins/vector-map.js +0 -276
  37. data/vendor/assets/stylesheets/nunify.scss +0 -7
  38. data/vendor/assets/stylesheets/nunify/app.scss +0 -2743
  39. data/vendor/assets/stylesheets/nunify/plugins.scss +0 -542
  40. data/vendor/assets/stylesheets/nunify/plugins/animate.css +0 -2728
  41. data/vendor/assets/stylesheets/nunify/plugins/box-shadows.css +0 -60
  42. data/vendor/assets/stylesheets/nunify/style.scss +0 -2312
  43. data/vendor/assets/stylesheets/nunify/themes/aqua.css +0 -862
  44. data/vendor/assets/stylesheets/nunify/themes/blue.css +0 -864
  45. data/vendor/assets/stylesheets/nunify/themes/brown.css +0 -864
  46. data/vendor/assets/stylesheets/nunify/themes/dark-blue.css +0 -864
  47. data/vendor/assets/stylesheets/nunify/themes/default.css +0 -503
  48. data/vendor/assets/stylesheets/nunify/themes/light-green.css +0 -864
  49. data/vendor/assets/stylesheets/nunify/themes/light.css +0 -853
  50. data/vendor/assets/stylesheets/nunify/themes/orange.css +0 -863
  51. data/vendor/assets/stylesheets/nunify/themes/purple.css +0 -864
  52. data/vendor/assets/stylesheets/nunify/themes/red.css +0 -876
@@ -1,7 +0,0 @@
1
- @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400);
2
-
3
- @import 'nunify/app';
4
- @import 'nunify/style';
5
- @import 'nunify/plugins';
6
- @import 'nunify/themes/default';
7
-
@@ -1,2743 +0,0 @@
1
- /*
2
- * Template Name: Unify - Responsive Bootstrap Template
3
- * Description: Business, Corporate, Portfolio and Blog Theme.
4
- * Version: 1.4
5
- * Author: @htmlstream
6
- * Website: http://htmlstream.com
7
- */
8
-
9
- /*Import Google Font*/
10
- @import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400);
11
-
12
- /*Reset Styles
13
- ------------------------------------*/
14
- * {
15
- border-radius: 0 !important;
16
- }
17
-
18
- body {
19
- color: #333;
20
- font-size: 13px;
21
- line-height: 1.6;
22
- }
23
-
24
- p,
25
- li,
26
- li a {
27
- color: #555;
28
- }
29
-
30
- a {
31
- color: #72c02c;
32
- text-decoration: none;
33
- }
34
-
35
- a,
36
- a:focus,
37
- a:hover,
38
- a:active {
39
- outline: 0 !important;
40
- }
41
- a:focus {
42
- text-decoration: none;
43
- }
44
- a:hover {
45
- color: #72c02c;
46
- text-decoration: underline;
47
- }
48
-
49
- hr {
50
- margin: 30px 0;
51
- }
52
-
53
- /*Headings*/
54
- h1 {
55
- font-size: 28px;
56
- line-height: 35px;
57
- }
58
- h2 {
59
- font-size: 24px;
60
- line-height: 33px;
61
- }
62
- h3 {
63
- font-size: 20px;
64
- line-height: 27px;
65
- }
66
- h4 {
67
- line-height: 25px;
68
- }
69
- h5 {
70
- line-height: 20px;
71
- }
72
- h6 {
73
- line-height: 18px;
74
- }
75
-
76
- h1, h2, h3, h4, h5, h6 {
77
- color: #585f69;
78
- margin-top: 5px;
79
- text-shadow: none;
80
- font-weight: normal;
81
- font-family: 'Open Sans', sans-serif;
82
- }
83
-
84
- h1 i, h2 i, h3 i, h4 i, h5 i, h6 i {
85
- margin-right: 5px;
86
- }
87
-
88
- /*Block Headline*/
89
- .headline {
90
- display: block;
91
- margin: 10px 0 25px 0;
92
- border-bottom: 1px dotted #e4e9f0;
93
- }
94
-
95
- .headline h2 {
96
- font-size: 22px;
97
- }
98
-
99
- .headline h2,
100
- .headline h3,
101
- .headline h4 {
102
- margin: 0 0 -2px 0;
103
- padding-bottom: 5px;
104
- display: inline-block;
105
- border-bottom: 2px solid #72c02c;
106
- }
107
-
108
- .headline-md {
109
- margin-bottom: 15px;
110
- }
111
-
112
- .headline-md h2 {
113
- font-size: 21px;
114
- }
115
-
116
- /*Heading Options*/
117
- .heading {
118
- text-align: center;
119
- }
120
-
121
- .heading h2 {
122
- padding: 0 12px;
123
- position: relative;
124
- display: inline-block;
125
- line-height: 34px !important; /*For Tagline Boxes*/
126
- }
127
-
128
- .heading h2:before,
129
- .heading h2:after {
130
- content: ' ';
131
- width: 70%;
132
- position: absolute;
133
- border-width: 1px;
134
- border-color: #bbb;
135
- }
136
-
137
- .heading h2:before {
138
- right: 100%;
139
- }
140
-
141
- .heading h2:after {
142
- left: 100%;
143
- }
144
-
145
- @media (max-width: 768px) {
146
- .heading h2:before,
147
- .heading h2:after {
148
- width: 35%;
149
- }
150
- }
151
-
152
- @media (max-width: 600px) {
153
- .heading h2 {
154
- font-size: 19px;
155
- }
156
-
157
- .heading h2:before,
158
- .heading h2:after {
159
- width: 15%;
160
- }
161
- }
162
-
163
- /*Headline v1*/
164
- .heading-v1 h2:before,
165
- .heading-v1 h2:after {
166
- top: 15px;
167
- height: 6px;
168
- border-top-style: solid;
169
- border-bottom-style: solid;
170
- }
171
-
172
- /*Headline v2*/
173
- .heading-v2 h2:before,
174
- .heading-v2 h2:after {
175
- top: 15px;
176
- height: 6px;
177
- border-top-style: dashed;
178
- border-bottom-style: dashed;
179
- }
180
-
181
- /*Headline v3*/
182
- .heading-v3 h2:before,
183
- .heading-v3 h2:after {
184
- top: 15px;
185
- height: 6px;
186
- border-top-style: dotted;
187
- border-bottom-style: dotted;
188
- }
189
-
190
- /*Headline v4*/
191
- .heading-v4 h2:before,
192
- .heading-v4 h2:after {
193
- top: 17px;
194
- border-bottom-style: solid;
195
- }
196
-
197
- /*Headline v5*/
198
- .heading-v5 h2:before,
199
- .heading-v5 h2:after {
200
- top: 17px;
201
- border-bottom-style: dashed;
202
- }
203
-
204
- /*Headline v6*/
205
- .heading-v6 h2:before,
206
- .heading-v6 h2:after {
207
- top: 17px;
208
- border-bottom-style: dotted;
209
- }
210
-
211
- /*Heading Sizes*/
212
- h2.heading-md {
213
- font-size: 20px;
214
- line-height: 24px;
215
- }
216
-
217
- h2.heading-sm,
218
- h3.heading-md {
219
- font-size: 18px;
220
- line-height: 24px;
221
- }
222
-
223
- h3.heading-md {
224
- line-height: 22px;
225
- }
226
-
227
- h3.heading-sm {
228
- font-size: 16px;
229
- line-height: 20px;
230
- }
231
-
232
- h3.heading-xs {
233
- font-size: 14px;
234
- margin-bottom: 0;
235
- }
236
-
237
- /*Deviders*/
238
- .devider.devider-dotted {
239
- border-top: 2px dotted #eee;
240
- }
241
- .devider.devider-dashed {
242
- border-top: 2px dashed #eee;
243
- }
244
-
245
- .devider.devider-db {
246
- height: 5px;
247
- border-top: 1px solid #eee;
248
- border-bottom: 1px solid #eee;
249
- }
250
- .devider.devider-db-dashed {
251
- height: 5px;
252
- border-top: 1px dashed #ddd;
253
- border-bottom: 1px dashed #ddd;
254
- }
255
- .devider.devider-db-dotted {
256
- height: 5px;
257
- border-top: 1px dotted #ddd;
258
- border-bottom: 1px dotted #ddd;
259
- }
260
-
261
- /*Tables
262
- ------------------------------------*/
263
- /*Basic Tables*/
264
- .table thead > tr > th {
265
- border-bottom: none;
266
- }
267
-
268
- @media (max-width: 768px) {
269
- .table th.hidden-sm,
270
- .table td.hidden-sm {
271
- display: none !important;
272
- }
273
- }
274
-
275
- /*Forms
276
- ------------------------------------*/
277
- .form-control {
278
- box-shadow: none;
279
- }
280
-
281
- .form-control:focus {
282
- border-color: #bbb;
283
- box-shadow: 0 0 2px #c9c9c9;
284
- }
285
-
286
- /*Form Spacing*/
287
- .form-spacing .form-control {
288
- margin-bottom: 15px;
289
- }
290
-
291
- /*Form Icons*/
292
- .input-group-addon {
293
- color: #b3b3b3;
294
- font-size: 14px;
295
- background: #fff;
296
- }
297
-
298
- /*Carousel
299
- ------------------------------------*/
300
- /*carousel-v1*/
301
- .carousel-v1 .carousel-caption {
302
- left: 0;
303
- right: 0;
304
- bottom: 0;
305
- padding: 7px 15px;
306
- background: rgba(0, 0, 0, 0.7);
307
- }
308
-
309
- .carousel-v1 .carousel-caption p {
310
- color: #fff;
311
- margin-bottom: 0;
312
- }
313
-
314
- .carousel-v1 .carousel-arrow a.carousel-control {
315
- opacity: 1;
316
- font-size:30px;
317
- height:inherit;
318
- width: inherit;
319
- background: none;
320
- text-shadow: none;
321
- position: inherit;
322
- }
323
-
324
- .carousel-v1 .carousel-arrow a i {
325
- top: 50%;
326
- opacity: 0.6;
327
- background: #000;
328
- margin-top: -18px;
329
- padding: 2px 12px;
330
- position: absolute;
331
- }
332
- .carousel-v1 .carousel-arrow a i:hover {
333
- opacity: 0.8;
334
- }
335
-
336
- .carousel-v1 .carousel-arrow a.left i {
337
- left: 0;
338
- }
339
- .carousel-v1 .carousel-arrow a.right i {
340
- right: 0;
341
- }
342
-
343
- /*Tabs
344
- ------------------------------------*/
345
- /*Tabs v1*/
346
- .tab-v1 .nav-tabs {
347
- border: none;
348
- background: none;
349
- border-bottom: solid 2px #72c02c;
350
- }
351
-
352
- .tab-v1 .nav-tabs a {
353
- font-size: 14px;
354
- padding: 5px 15px;
355
- }
356
-
357
- .tab-v1 .nav-tabs > .active > a,
358
- .tab-v1 .nav-tabs > .active > a:hover,
359
- .tab-v1 .nav-tabs > .active > a:focus {
360
- color: #fff;
361
- border: none;
362
- background: #72c02c;
363
- }
364
-
365
- .tab-v1 .nav-tabs > li > a {
366
- border: none;
367
- }
368
- .tab-v1 .nav-tabs > li > a:hover {
369
- color: #fff;
370
- background: #72c02c;
371
- }
372
-
373
- .tab-v1 .tab-content {
374
- padding: 10px 0;
375
- }
376
-
377
- .tab-v1 .tab-content img {
378
- margin-top: 4px;
379
- margin-bottom: 15px;
380
- }
381
-
382
- .tab-v1 .tab-content img.img-tab-space {
383
- margin-top: 7px;
384
- }
385
-
386
- /*Tabs v2*/
387
- .tab-v2 .nav-tabs {
388
- border-bottom: none;
389
- }
390
-
391
- .tab-v2 .nav-tabs li a {
392
- padding: 9px 16px;
393
- background: none;
394
- border: none;
395
- }
396
-
397
- .tab-v2 .nav-tabs li.active a {
398
- background: #fff;
399
- padding: 7px 15px 9px;
400
- border: solid 1px #eee;
401
- border-top: solid 2px #72c02c;
402
- border-bottom: none !important;
403
- }
404
-
405
- .tab-v2 .tab-content {
406
- padding: 10px 16px;
407
- border: solid 1px #eee;
408
- }
409
-
410
- /*Tabs v3*/
411
- .tab-v3 .nav-pills li a {
412
- color: #777;
413
- font-size: 17px;
414
- padding: 4px 8px;
415
- margin-bottom: 3px;
416
- background: #fafafa;
417
- border: solid 1px #eee;
418
- }
419
-
420
- .tab-v3 .nav-pills li a:hover,
421
- .tab-v3 .nav-pills li.active a {
422
- color: #fff;
423
- background: #72c02c;
424
- border: solid 1px #68af28;
425
- }
426
-
427
- .tab-v3 .nav-pills li i {
428
- width: 1.25em;
429
- margin-right: 5px;
430
- text-align: center;
431
- display: inline-block;
432
- }
433
-
434
- .tab-v3 .tab-content {
435
- padding: 15px;
436
- background: #fafafa;
437
- border: solid 1px #eee;
438
- }
439
-
440
- /*Accordions
441
- ------------------------------------*/
442
- /*Accordion v1*/
443
- .acc-v1 .panel-heading {
444
- padding: 0;
445
- box-shadow: none;
446
- }
447
-
448
- .acc-v1 .panel-heading a {
449
- display: block;
450
- font-size: 14px;
451
- padding: 5px 15px;
452
- background: #fefefe;
453
- }
454
-
455
- .acc-icon a.accordion-toggle i {
456
- color: #585f69;
457
- margin-right: 8px;
458
- }
459
- .acc-icon a.accordion-toggle:hover i {
460
- color: #39414c;
461
- }
462
-
463
- /*Navigation
464
- ------------------------------------*/
465
- /*Pegination*/
466
- .pagination li {
467
- a, span {
468
- color: #777;
469
- padding: 5px 15px;
470
- }
471
- }
472
-
473
- .pagination li a:hover {
474
- color: #fff;
475
- background: #5fb611;
476
- border-color: #5fb611;
477
- }
478
-
479
- .pagination > .active > a,
480
- .pagination > .active > span,
481
- .pagination > .active > a:hover,
482
- .pagination > .active > span:hover,
483
- .pagination > .active > a:focus,
484
- .pagination > .active > span:focus {
485
- border-color: #72c02c;
486
- background-color: #72c02c;
487
- }
488
-
489
- /*Pagination Without Space*/
490
- .pagination-no-space .pagination {
491
- margin: 0;
492
- }
493
-
494
- /*Pager*/
495
- .pager li > a:hover,
496
- .pager li > a:focus {
497
- color: #fff;
498
- background: #5fb611;
499
- border-color: #5fb611;
500
- }
501
-
502
- /*Sidebar Menu
503
- ------------------------------------*/
504
- /*Sidebar Menu v1*/
505
- .sidebar-nav-v1 li {
506
- padding: 0;
507
- }
508
-
509
- .sidebar-nav-v1 li a {
510
- display: block;
511
- padding: 8px 30px 8px 10px;
512
- }
513
-
514
- .sidebar-nav-v1 li a:hover {
515
- text-decoration: none;
516
- }
517
-
518
- .sidebar-nav-v1 > li.active,
519
- .sidebar-nav-v1 > li.active:hover {
520
- background: #717984;
521
- }
522
-
523
- .sidebar-nav-v1 > li.active > a {
524
- color: #fff;
525
- }
526
-
527
- /*Sidebar Sub Navigation*/
528
- .sidebar-nav-v1 li ul {
529
- padding: 0;
530
- list-style: none;
531
- }
532
-
533
- .sidebar-nav-v1 li ul,
534
- .sidebar-nav-v1 li.active ul a {
535
- background: #f8f8f8;
536
- }
537
-
538
- .sidebar-nav-v1 li ul a {
539
- color: #585f69;
540
- font-size: 12px;
541
- border-top: solid 1px #ddd;
542
- padding: 6px 30px 6px 17px;
543
- }
544
-
545
- .sidebar-nav-v1 ul li:hover a,
546
- .sidebar-nav-v1 ul li.active a {
547
- color: #72c02c;
548
- }
549
-
550
- /*Sidebar Badges*/
551
- .list-group-item li > .badge {
552
- float: right;
553
- }
554
-
555
- .sidebar-nav-v1 span.badge {
556
- margin-top: 8px;
557
- margin-right: 10px;
558
- }
559
-
560
- .sidebar-nav-v1 .list-toggle > span.badge {
561
- margin-right: 25px;
562
- }
563
-
564
- .sidebar-nav-v1 ul li span.badge {
565
- margin-top: 8px;
566
- font-size: 11px;
567
- padding: 3px 5px;
568
- margin-right: 10px;
569
- }
570
-
571
- /*Sidebar List Toggle*/
572
- .list-toggle:after {
573
- top: 7px;
574
- right: 10px;
575
- color: #777;
576
- font-size: 14px;
577
- content: "\f105";
578
- position: absolute;
579
- font-weight: normal;
580
- display: inline-block;
581
- font-family: FontAwesome;
582
- }
583
-
584
- .list-toggle.active:after {
585
- color: #fff;
586
- content: "\f107";
587
- }
588
-
589
- /* Make Font Awesome icons fixed width */
590
- .sidebar-nav-v1 li [class^="fa"],
591
- .sidebar-nav-v1 li [class*=" fa"] {
592
- width: 1.25em;
593
- left: -2px;
594
- margin-right: 2px;
595
- text-align: center;
596
- position: relative;
597
- display: inline-block;
598
- }
599
- .sidebar-nav-v1 li [class^="fa"].fa-lg,
600
- .sidebar-nav-v1 li [class*=" fa"].fa-lg {
601
- /* increased font size for fa-lg */
602
- width: 1.5625em;
603
- }
604
-
605
-
606
- /*Button Styles
607
- ------------------------------------*/
608
- .btn {
609
- box-shadow: none;
610
- }
611
-
612
- .btn-u {
613
- border: 0;
614
- color: #fff;
615
- font-size: 14px;
616
- cursor: pointer;
617
- font-weight: 400;
618
- padding: 6px 13px;
619
- position: relative;
620
- background: #72c02c;
621
- display: inline-block;
622
- text-decoration: none;
623
- }
624
- .btn-u:hover {
625
- color: #fff;
626
- text-decoration: none;
627
- -webkit-transition: all 0.3s ease-in-out;
628
- -moz-transition: all 0.3s ease-in-out;
629
- -o-transition: all 0.3s ease-in-out;
630
- transition: all 0.3s ease-in-out;
631
- }
632
-
633
- a.btn-u {
634
- /*padding: 4px 13px;*/
635
- /*vertical-align: middle;*/
636
- }
637
-
638
- .btn-u-sm,
639
- a.btn-u-sm {
640
- padding: 3px 12px;
641
- }
642
-
643
- .btn-u-lg,
644
- a.btn-u-lg {
645
- font-size: 18px;
646
- padding: 10px 25px;
647
- }
648
-
649
- .btn-u-xs,
650
- a.btn-u-xs {
651
- font-size: 12px;
652
- padding: 2px 12px;
653
- line-height: 18px;
654
- }
655
-
656
- /*Button Groups*/
657
- .btn-group .dropdown-menu > li > a {
658
- padding: 3px 13px;
659
- }
660
-
661
- .btn-group > .btn-u,
662
- .btn-group-vertical > .btn-u {
663
- float: left;
664
- position: relative;
665
- }
666
-
667
- .btn-group > .btn-u:first-child {
668
- margin-left: 0;
669
- }
670
-
671
- /*For FF Only*/
672
- @-moz-document url-prefix() {
673
- .footer-subsribe .btn-u {
674
- padding-bottom: 4px;
675
- }
676
- }
677
- @media (max-width: 768px) {
678
- @-moz-document url-prefix() {
679
- .btn-u {
680
- padding-bottom: 6px;
681
- }
682
- }
683
- }
684
-
685
- /*Buttons Color*/
686
- .btn-u:hover,
687
- .btn-u:focus,
688
- .btn-u:active,
689
- .btn-u.active,
690
- .open .dropdown-toggle.btn-u {
691
- background: #5fb611;
692
- }
693
- .btn-u-split.dropdown-toggle {
694
- border-left: solid 1px #5fb611;
695
- }
696
-
697
- .btn-u.btn-u-blue {
698
- background: #3498db;
699
- }
700
- .btn-u.btn-u-blue:hover,
701
- .btn-u.btn-u-blue:focus,
702
- .btn-u.btn-u-blue:active,
703
- .btn-u.btn-u-blue.active,
704
- .open .dropdown-toggle.btn-u.btn-u-blue {
705
- background: #2980b9;
706
- }
707
- .btn-u.btn-u-split-blue.dropdown-toggle {
708
- border-left: solid 1px #2980b9;
709
- }
710
-
711
- .btn-u.btn-u-red {
712
- background: #e74c3c;
713
- }
714
- .btn-u.btn-u-red:hover,
715
- .btn-u.btn-u-red:focus,
716
- .btn-u.btn-u-red:active,
717
- .btn-u.btn-u-red.active,
718
- .open .dropdown-toggle.btn-u.btn-u-red {
719
- background: #c0392b;
720
- }
721
- .btn-u.btn-u-split-red.dropdown-toggle {
722
- border-left: solid 1px #c0392b;
723
- }
724
-
725
- .btn-u.btn-u-orange {
726
- background: #e67e22;
727
- }
728
- .btn-u.btn-u-orange:hover,
729
- .btn-u.btn-u-orange:focus,
730
- .btn-u.btn-u-orange:active,
731
- .btn-u.btn-u-orange.active,
732
- .open .dropdown-toggle.btn-u.btn-u-orange {
733
- background: #d35400;
734
- }
735
- .btn-u.btn-u-split-orange.dropdown-toggle {
736
- border-left: solid 1px #d35400;
737
- }
738
-
739
- .btn-u.btn-u-sea {
740
- background: #1abc9c;
741
- }
742
- .btn-u.btn-u-sea:hover,
743
- .btn-u.btn-u-sea:focus,
744
- .btn-u.btn-u-sea:active,
745
- .btn-u.btn-u-sea.active,
746
- .open .dropdown-toggle.btn-u.btn-u-sea {
747
- background: #16a085;
748
- }
749
- .btn-u.btn-u-split-sea.dropdown-toggle {
750
- border-left: solid 1px #16a085;
751
- }
752
-
753
- .btn-u.btn-u-green {
754
- background: #2ecc71;
755
- }
756
- .btn-u.btn-u-green:hover,
757
- .btn-u.btn-u-green:focus,
758
- .btn-u.btn-u-green:active,
759
- .btn-u.btn-u-green.active,
760
- .open .dropdown-toggle.btn-u.btn-u-green {
761
- background: #27ae60;
762
- }
763
- .btn-u.btn-u-split-green.dropdown-toggle {
764
- border-left: solid 1px #27ae60;
765
- }
766
-
767
- .btn-u.btn-u-yellow {
768
- background: #f1c40f;
769
- }
770
- .btn-u.btn-u-yellow:hover,
771
- .btn-u.btn-u-yellow:focus,
772
- .btn-u.btn-u-yellow:active,
773
- .btn-u.btn-u-yellow.active,
774
- .open .dropdown-toggle.btn-u.btn-u-yellow {
775
- background: #f39c12;
776
- }
777
- .btn-u.btn-u-split-yellow.dropdown-toggle {
778
- border-left: solid 1px #f39c12;
779
- }
780
-
781
- .btn-u.btn-u-default {
782
- background: #95a5a6;
783
- }
784
- .btn-u.btn-u-default:hover,
785
- .btn-u.btn-u-default:focus,
786
- .btn-u.btn-u-default:active,
787
- .btn-u.btn-u-default.active,
788
- .open .dropdown-toggle.btn-u.btn-u-default {
789
- background: #7f8c8d;
790
- }
791
- .btn-u.btn-u-split-default.dropdown-toggle {
792
- border-left: solid 1px #7f8c8d;
793
- }
794
-
795
- .btn-u.btn-u-purple {
796
- background: #9b6bcc;
797
- }
798
- .btn-u.btn-u-purple:hover,
799
- .btn-u.btn-u-purple:focus,
800
- .btn-u.btn-u-purple:active,
801
- .btn-u.btn-u-purple.active,
802
- .open .dropdown-toggle.btn-u.btn-u-purple {
803
- background: #814fb5;
804
- }
805
- .btn-u.btn-u-split-purple.dropdown-toggle {
806
- border-left: solid 1px #814fb5;
807
- }
808
-
809
- .btn-u.btn-u-aqua {
810
- background: #27d7e7;
811
- }
812
- .btn-u.btn-u-aqua:hover,
813
- .btn-u.btn-u-aqua:focus,
814
- .btn-u.btn-u-aqua:active,
815
- .btn-u.btn-u-aqua.active,
816
- .open .dropdown-toggle.btn-u.btn-u-aqua {
817
- background: #26bac8;
818
- }
819
- .btn-u.btn-u-split-aqua.dropdown-toggle {
820
- border-left: solid 1px #26bac8;
821
- }
822
-
823
- .btn-u.btn-u-brown {
824
- background: #9c8061;
825
- }
826
- .btn-u.btn-u-brown:hover,
827
- .btn-u.btn-u-brown:focus,
828
- .btn-u.btn-u-brown:active,
829
- .btn-u.btn-u-brown.active,
830
- .open .dropdown-toggle.btn-u.btn-u-brown {
831
- background: #81674b;
832
- }
833
- .btn-u.btn-u-split-brown.dropdown-toggle {
834
- border-left: solid 1px #81674b;
835
- }
836
-
837
- .btn-u.btn-u-dark-blue {
838
- background: #4765a0;
839
- }
840
- .btn-u.btn-u-dark-blue:hover,
841
- .btn-u.btn-u-dark-blue:focus,
842
- .btn-u.btn-u-dark-blue:active,
843
- .btn-u.btn-u-dark-blue.active,
844
- .open .dropdown-toggle.btn-u.btn-u-dark-blue {
845
- background: #324c80;
846
- }
847
- .btn-u.btn-u-split-dark.dropdown-toggle {
848
- border-left: solid 1px #324c80;
849
- }
850
-
851
- .btn-u.btn-u-light-green {
852
- background: #79d5b3;
853
- }
854
- .btn-u.btn-u-light-green:hover,
855
- .btn-u.btn-u-light-green:focus,
856
- .btn-u.btn-u-light-green:active,
857
- .btn-u.btn-u-light-green.active,
858
- .open .dropdown-toggle.btn-u.btn-u-light-green {
859
- background: #59b795;
860
- }
861
- .btn-u.btn-u-split-light-green.dropdown-toggle {
862
- border-left: solid 1px #59b795;
863
- }
864
-
865
- .btn-u.btn-u-dark {
866
- background: #555;
867
- }
868
- .btn-u.btn-u-dark:hover,
869
- .btn-u.btn-u-dark:focus,
870
- .btn-u.btn-u-dark:active,
871
- .btn-u.btn-u-dark.active,
872
- .open .dropdown-toggle.btn-u.btn-u-dark {
873
- background: #333;
874
- }
875
- .btn-u.btn-u-split-dark.dropdown-toggle {
876
- border-left: solid 1px #333;
877
- }
878
-
879
- .btn-u.btn-u-light-grey {
880
- background: #585f69;
881
- }
882
- .btn-u.btn-u-light-grey:hover,
883
- .btn-u.btn-u-light-grey:focus,
884
- .btn-u.btn-u-light-grey:active,
885
- .btn-u.btn-u-light-grey.active,
886
- .open .dropdown-toggle.btn-u.btn-u-light-grey {
887
- background: #484f58;
888
- }
889
- .btn-u.btn-u-split-light-grey.dropdown-toggle {
890
- border-left: solid 1px #484f58;
891
- }
892
-
893
- /*Bordered Buttons*/
894
- .btn-u.btn-brd {
895
- color: #555;
896
- font-weight: 200;
897
- background: none;
898
- border: solid 1px transparent;
899
- -webkit-transition: all 0.1s ease-in-out;
900
- -moz-transition: all 0.1s ease-in-out;
901
- -o-transition: all 0.1s ease-in-out;
902
- transition: all 0.1s ease-in-out;
903
- }
904
- .btn-u.btn-brd:hover {
905
- background: none;
906
- border: solid 1px #eee;
907
- }
908
- .btn-u.btn-brd:focus {
909
- background: none;
910
- }
911
- .btn-u.btn-brd.btn-brd-hover:hover {
912
- color: #fff !important;
913
- }
914
-
915
- .btn-u.btn-brd {
916
- border-color: #72c02c;
917
- }
918
- .btn-u.btn-brd:hover {
919
- color: #5fb611;
920
- border-color: #5fb611;
921
- }
922
- .btn-u.btn-brd.btn-brd-hover:hover {
923
- background: #5fb611;
924
- }
925
-
926
- .btn-u.btn-brd.btn-u-blue {
927
- border-color: #3498db;
928
- }
929
- .btn-u.btn-brd.btn-u-blue:hover {
930
- color: #2980b9;
931
- border-color: #2980b9;
932
- }
933
- .btn-u.btn-brd.btn-u-blue.btn-brd-hover:hover {
934
- background: #2980b9;
935
- }
936
-
937
- .btn-u.btn-brd.btn-u-red {
938
- border-color: #e74c3c;
939
- }
940
- .btn-u.btn-brd.btn-u-red:hover {
941
- color: #c0392b;
942
- border-color: #c0392b;
943
- }
944
- .btn-u.btn-brd.btn-u-red.btn-brd-hover:hover {
945
- background: #c0392b;
946
- }
947
-
948
- .btn-u.btn-brd.btn-u-orange {
949
- border-color: #e67e22;
950
- }
951
- .btn-u.btn-brd.btn-u-orange:hover {
952
- color: #d35400;
953
- border-color: #d35400;
954
- }
955
- .btn-u.btn-brd.btn-u-orange.btn-brd-hover:hover {
956
- background: #d35400;
957
- }
958
-
959
- .btn-u.btn-brd.btn-u-sea {
960
- border-color: #1abc9c;
961
- }
962
- .btn-u.btn-brd.btn-u-sea:hover {
963
- color: #16a085;
964
- border-color: #16a085;
965
- }
966
- .btn-u.btn-brd.btn-u-sea.btn-brd-hover:hover {
967
- background: #16a085;
968
- }
969
-
970
- .btn-u.btn-brd.btn-u-green {
971
- border-color: #2ecc71;
972
- }
973
- .btn-u.btn-brd.btn-u-green:hover {
974
- color: #27ae60;
975
- border-color: #27ae60;
976
- }
977
- .btn-u.btn-brd.btn-u-green.btn-brd-hover:hover {
978
- background: #27ae60;
979
- }
980
-
981
- .btn-u.btn-brd.btn-u-yellow {
982
- border-color: #f1c40f;
983
- }
984
- .btn-u.btn-brd.btn-u-yellow:hover {
985
- color: #f39c12;
986
- border-color: #f39c12;
987
- }
988
- .btn-u.btn-brd.btn-u-yellow.btn-brd-hover:hover {
989
- background: #f39c12;
990
- }
991
-
992
- .btn-u.btn-brd.btn-u-default {
993
- border-color: #95a5a6;
994
- }
995
- .btn-u.btn-brd.btn-u-default:hover {
996
- color: #7f8c8d;
997
- border-color: #7f8c8d;
998
- }
999
- .btn-u.btn-brd.btn-u-default.btn-brd-hover:hover {
1000
- background: #7f8c8d;
1001
- }
1002
-
1003
- .btn-u.btn-brd.btn-u-dark {
1004
- border-color: #555;
1005
- }
1006
- .btn-u.btn-brd.btn-u-dark:hover {
1007
- color: #333;
1008
- border-color: #333;
1009
- }
1010
- .btn-u.btn-brd.btn-u-dark.btn-brd-hover:hover {
1011
- background: #333;
1012
- }
1013
-
1014
- .btn-u.btn-brd.btn-u-light-grey {
1015
- border-color: #585f69;
1016
- }
1017
- .btn-u.btn-brd.btn-u-light-grey:hover {
1018
- color: #484f58;
1019
- border-color: #484f58;
1020
- }
1021
- .btn-u.btn-brd.btn-u-light-grey.btn-brd-hover:hover {
1022
- background: #484f58;
1023
- }
1024
-
1025
- .btn-u.btn-brd.btn-u-purple {
1026
- border-color: #9b6bcc;
1027
- }
1028
- .btn-u.btn-brd.btn-u-purple:hover {
1029
- color: #814fb5;
1030
- border-color: #814fb5;
1031
- }
1032
- .btn-u.btn-brd.btn-u-purple.btn-brd-hover:hover {
1033
- background: #814fb5;
1034
- }
1035
-
1036
- .btn-u.btn-brd.btn-u-aqua {
1037
- border-color: #27d7e7;
1038
- }
1039
- .btn-u.btn-brd.btn-u-aqua:hover {
1040
- color: #26bac8;
1041
- border-color: #26bac8;
1042
- }
1043
- .btn-u.btn-brd.btn-u-aqua.btn-brd-hover:hover {
1044
- background: #26bac8;
1045
- }
1046
-
1047
- .btn-u.btn-brd.btn-u-brown {
1048
- border-color: #9c8061;
1049
- }
1050
- .btn-u.btn-brd.btn-u-brown:hover {
1051
- color: #81674b;
1052
- border-color: #81674b;
1053
- }
1054
- .btn-u.btn-brd.btn-u-brown.btn-brd-hover:hover {
1055
- background: #81674b;
1056
- }
1057
-
1058
- .btn-u.btn-brd.btn-u-dark-blue {
1059
- border-color: #4765a0;
1060
- }
1061
- .btn-u.btn-brd.btn-u-dark-blue:hover {
1062
- color: #324c80;
1063
- border-color: #324c80;
1064
- }
1065
- .btn-u.btn-brd.btn-u-dark-blue.btn-brd-hover:hover {
1066
- background: #324c80;
1067
- }
1068
-
1069
- .btn-u.btn-brd.btn-u-light-green {
1070
- border-color: #79d5b3;
1071
- }
1072
- .btn-u.btn-brd.btn-u-light-green:hover {
1073
- color: #59b795;
1074
- border-color: #59b795;
1075
- }
1076
- .btn-u.btn-brd.btn-u-light-green.btn-brd-hover:hover {
1077
- background: #59b795;
1078
- }
1079
-
1080
- .btn-u.btn-brd.btn-u-light {
1081
- color: #fff;
1082
- border-color: #fff;
1083
- }
1084
- .btn-u.btn-brd.btn-u-light:hover {
1085
- border-color: #fff;
1086
- }
1087
- .btn-u.btn-brd.btn-u-light.btn-brd-hover:hover {
1088
- background: #fff;
1089
- color: #555 !important;
1090
- }
1091
-
1092
- /*Badges and Labels
1093
- ------------------------------------*/
1094
- /*Labels*/
1095
- span.label {
1096
- font-size: 11px;
1097
- font-weight: 400;
1098
- padding: 4px 7px;
1099
- }
1100
-
1101
- /*Badges*/
1102
- span.badge {
1103
- font-weight: 400;
1104
- padding: 4px 7px;
1105
- }
1106
-
1107
- span.label-u,
1108
- span.badge-u {
1109
- background: #72c02c;
1110
- }
1111
-
1112
- span.label-blue,
1113
- span.badge-blue {
1114
- background: #3498db;
1115
- }
1116
-
1117
- span.label-red,
1118
- span.badge-red {
1119
- background: #e74c3c;
1120
- }
1121
-
1122
- span.label-green,
1123
- span.badge-green {
1124
- background: #2ecc71;
1125
- }
1126
-
1127
- span.label-sea,
1128
- span.badge-sea {
1129
- background: #1abc9c;
1130
- }
1131
-
1132
- span.label-orange,
1133
- span.badge-orange {
1134
- background: #e67e22;
1135
- }
1136
-
1137
- span.label-yellow,
1138
- span.badge-yellow {
1139
- background: #f1c40f;
1140
- }
1141
-
1142
- span.label-purple,
1143
- span.badge-purple {
1144
- background: #9b6bcc;
1145
- }
1146
-
1147
- span.label-aqua,
1148
- span.badge-aqua {
1149
- background: #27d7e7;
1150
- }
1151
-
1152
- span.label-brown,
1153
- span.badge-brown {
1154
- background: #9c8061;
1155
- }
1156
-
1157
- span.label-dark-blue,
1158
- span.badge-dark-blue {
1159
- background: #4765a0;
1160
- }
1161
-
1162
- span.label-light-green,
1163
- span.badge-light-green {
1164
- background: #79d5b3;
1165
- }
1166
-
1167
- span.label-light,
1168
- span.badge-light {
1169
- color: #777;
1170
- background: #ecf0f1;
1171
- }
1172
-
1173
- span.label-dark,
1174
- span.badge-dark {
1175
- background: #555;
1176
- }
1177
-
1178
- /*Badge Lists*/
1179
- .badge-lists li {
1180
- position: relative;
1181
- }
1182
-
1183
- .badge-lists span.badge {
1184
- top: -10px;
1185
- right: -6px;
1186
- position: absolute;
1187
- }
1188
-
1189
- /*Badge Icons*/
1190
- .badge-lists.badge-icons span.badge {
1191
- min-width: 12px;
1192
- padding: 3px 6px;
1193
- }
1194
-
1195
- .badge-lists.badge-icons i {
1196
- font-size: 18px;
1197
- min-width: 25px;
1198
- }
1199
-
1200
- /*Badge Box v1*/
1201
- .badge-box-v1 a {
1202
- color: #777;
1203
- min-width: 40px;
1204
- font-size: 18px;
1205
- padding: 8px 9px;
1206
- display: inline-block;
1207
- border: solid 1px #eee;
1208
- }
1209
-
1210
- /*Badge Box v2*/
1211
- .badge-box-v2 a {
1212
- color: #777;
1213
- font-size: 12px;
1214
- padding: 10px;
1215
- min-width: 70px;
1216
- text-align: center;
1217
- display: inline-block;
1218
- border: solid 1px #eee;
1219
- }
1220
-
1221
- .badge-box-v2 a i {
1222
- font-size: 20px;
1223
- }
1224
-
1225
- /*General Badge Box*/
1226
- .badge-box-v1 a i,
1227
- .badge-box-v2 a i {
1228
- display: block;
1229
- margin: 1px auto 2px;
1230
- }
1231
-
1232
- .badge-box-v1 a:hover,
1233
- .badge-box-v2 a:hover {
1234
- color: #555;
1235
- border-color: #555;
1236
- text-decoration: none;
1237
- -webkit-transition: all 0.2s ease-in-out;
1238
- -moz-transition: all 0.2s ease-in-out;
1239
- -o-transition: all 0.2s ease-in-out;
1240
- transition: all 0.2s ease-in-out;
1241
- }
1242
-
1243
- /*Icons
1244
- ------------------------------------*/
1245
- /*Social Icons*/
1246
- .social-icons {
1247
- margin: 0;
1248
- padding: 0;
1249
- }
1250
-
1251
- .social-icons li {
1252
- list-style: none;
1253
- margin-right: 3px;
1254
- margin-bottom: 5px;
1255
- text-indent: -9999px;
1256
- display: inline-block;
1257
- }
1258
-
1259
- .social-icons li a, a.social-icon {
1260
- width: 28px;
1261
- height: 28px;
1262
- display: block;
1263
- background-position: 0 0;
1264
- background-repeat: no-repeat;
1265
- transition: all 0.3s ease-in-out;
1266
- -o-transition: all 0.3s ease-in-out;
1267
- -ms-transition: all 0.3s ease-in-out;
1268
- -moz-transition: all 0.3s ease-in-out;
1269
- -webkit-transition: all 0.3s ease-in-out;
1270
- }
1271
-
1272
- .social-icons li:hover a {
1273
- background-position: 0 -38px;
1274
- }
1275
-
1276
- .social-icons-color li a {
1277
- opacity: 0.7;
1278
- background-position: 0 -38px !important;
1279
- -webkit-backface-visibility: hidden; /*For Chrome*/
1280
- }
1281
-
1282
- .social-icons-color li a:hover {
1283
- opacity: 1;
1284
- }
1285
-
1286
- /*Font Awesome Icon Styles*/
1287
- i.icon-custom {
1288
- color: #555;
1289
- width: 40px;
1290
- height: 40px;
1291
- font-size: 20px;
1292
- line-height: 40px;
1293
- margin-bottom: 5px;
1294
- text-align: center;
1295
- display: inline-block;
1296
- border: solid 1px #555;
1297
- }
1298
-
1299
- i.icon-sm {
1300
- width: 35px;
1301
- height: 35px;
1302
- font-size: 16px;
1303
- line-height: 35px;
1304
- }
1305
-
1306
- i.icon-lg {
1307
- width: 60px;
1308
- height: 60px;
1309
- font-size: 31px;
1310
- line-height: 60px;
1311
- margin-bottom: 10px;
1312
- }
1313
-
1314
- i.icon-2x {
1315
- font-size: 30px;
1316
- }
1317
- i.icon-3x {
1318
- font-size: 40px;
1319
- }
1320
- i.icon-4x {
1321
- font-size: 50px;
1322
- }
1323
-
1324
- /*Line Icons*/
1325
- i.icon-line {
1326
- font-size: 17px;
1327
- }
1328
- i.icon-sm.icon-line {
1329
- font-size: 14px;
1330
- }
1331
- i.icon-lg.icon-line {
1332
- font-size: 28px;
1333
- }
1334
-
1335
- i.icon-2x.icon-line {
1336
- font-size: 27px;
1337
- }
1338
- i.icon-3x.icon-line {
1339
- font-size: 36px;
1340
- }
1341
- i.icon-4x.icon-line {
1342
- font-size: 47px;
1343
- }
1344
-
1345
- /*Icon Styles For Links*/
1346
- .link-icon,
1347
- .link-bg-icon {
1348
- color: #555;
1349
- }
1350
-
1351
- .link-icon:hover,
1352
- .link-bg-icon:hover {
1353
- border: none;
1354
- text-decoration: none;
1355
- }
1356
-
1357
- .link-icon:hover i {
1358
- color: #72c02c;
1359
- background: none;
1360
- border: solid 1px #72c02c;
1361
- }
1362
-
1363
- .link-bg-icon:hover i {
1364
- color: #72c02c;
1365
- background: #72c02c;
1366
- border-color: #72c02c;
1367
- color: #fff !important;
1368
- }
1369
-
1370
- /*Icons Color*/
1371
- i.icon-color-u,
1372
- i.icon-color-red,
1373
- i.icon-color-sea,
1374
- i.icon-color-dark,
1375
- i.icon-color-grey,
1376
- i.icon-color-blue,
1377
- i.icon-color-green,
1378
- i.icon-color-yellow,
1379
- i.icon-color-orange,
1380
- i.icon-color-purple,
1381
- i.icon-color-aqua,
1382
- i.icon-color-brown,
1383
- i.icon-color-dark-blue,
1384
- i.icon-color-light-grey,
1385
- i.icon-color-light-green, {
1386
- background: none;
1387
- }
1388
-
1389
- i.icon-color-u {
1390
- color: #72c02c;
1391
- border: solid 1px #72c02c;
1392
- }
1393
- i.icon-color-blue {
1394
- color: #3498db;
1395
- border: solid 1px #3498db;
1396
- }
1397
- i.icon-color-red {
1398
- color: #e74c3c;
1399
- border: solid 1px #e74c3c;
1400
- }
1401
- i.icon-color-sea {
1402
- color: #1abc9c;
1403
- border: solid 1px #1abc9c;
1404
- }
1405
- i.icon-color-green {
1406
- color: #2ecc71;
1407
- border: solid 1px #2ecc71;
1408
- }
1409
- i.icon-color-yellow {
1410
- color: #f1c40f;
1411
- border: solid 1px #f1c40f;
1412
- }
1413
- i.icon-color-orange {
1414
- color: #e67e22;
1415
- border: solid 1px #e67e22;
1416
- }
1417
- i.icon-color-grey {
1418
- color: #95a5a6;
1419
- border: solid 1px #95a5a6;
1420
- }
1421
- i.icon-color-purple {
1422
- color: #9b6bcc;
1423
- border: solid 1px #9b6bcc;
1424
- }
1425
- i.icon-color-aqua {
1426
- color: #27d7e7;
1427
- border: solid 1px #27d7e7;
1428
- }
1429
- i.icon-color-brown {
1430
- color: #9c8061;
1431
- border: solid 1px #9c8061;
1432
- }
1433
- i.icon-color-dark-blue {
1434
- color: #4765a0;
1435
- border: solid 1px #4765a0;
1436
- }
1437
- i.icon-color-light-green {
1438
- color: #79d5b3;
1439
- border: solid 1px #79d5b3;
1440
- }
1441
- i.icon-color-light {
1442
- color: #fff;
1443
- border: solid 1px #fff;
1444
- }
1445
- i.icon-color-light-grey {
1446
- color: #585f69;
1447
- border: solid 1px #585f69;
1448
- }
1449
-
1450
- /*Icons Backgroun Color*/
1451
- i.icon-bg-u,
1452
- i.icon-bg-red,
1453
- i.icon-bg-sea,
1454
- i.icon-bg-dark,
1455
- i.icon-bg-grey,
1456
- i.icon-bg-blue,
1457
- i.icon-bg-green,
1458
- i.icon-bg-yellow,
1459
- i.icon-bg-orange,
1460
- i.icon-bg-purple,
1461
- i.icon-bg-aqua,
1462
- i.icon-bg-brown,
1463
- i.icon-bg-dark-blue,
1464
- i.icon-bg-light-grey,
1465
- i.icon-bg-light-green {
1466
- color: #fff;
1467
- border-color: transparent;
1468
- }
1469
-
1470
- i.icon-bg-u {
1471
- background: #72c02c;
1472
- }
1473
- i.icon-bg-blue {
1474
- background: #3498db;
1475
- }
1476
- i.icon-bg-red {
1477
- background: #e74c3c;
1478
- }
1479
- i.icon-bg-sea {
1480
- background: #1abc9c;
1481
- }
1482
- i.icon-bg-green {
1483
- background: #2ecc71;
1484
- }
1485
- i.icon-bg-yellow {
1486
- background: #f1c40f;
1487
- }
1488
- i.icon-bg-orange {
1489
- background: #e67e22;
1490
- }
1491
- i.icon-bg-grey {
1492
- background: #95a5a6;
1493
- }
1494
- i.icon-bg-dark {
1495
- background: #555;
1496
- }
1497
- i.icon-bg-purple {
1498
- background: #9b6bcc;
1499
- }
1500
- i.icon-bg-aqua {
1501
- background: #27d7e7;
1502
- }
1503
- i.icon-bg-brown {
1504
- background: #9c8061;
1505
- }
1506
- i.icon-bg-dark-blue {
1507
- background: #4765a0;
1508
- }
1509
- i.icon-bg-light-green {
1510
- background: #79d5b3;
1511
- }
1512
- i.icon-bg-light {
1513
- background: #fff;
1514
- border-color: transparent;
1515
- }
1516
- i.icon-bg-light-grey {
1517
- background: #585f69;
1518
- border-color: transparent;
1519
- }
1520
-
1521
- /* Make Font Awesome icons fixed width */
1522
- .fa-fixed [class^="fa"],
1523
- .fa-fixed [class*=" fa"] {
1524
- width: 1.25em;
1525
- text-align: center;
1526
- display: inline-block;
1527
- }
1528
- .fa-fixed [class^="fa"].fa-lg,
1529
- .fa-fixed [class*=" fa"].fa-lg {
1530
- /* increased font size for fa-lg */
1531
- width: 1.5625em;
1532
- }
1533
-
1534
- /*Content Boxes
1535
- ------------------------------------*/
1536
- /*Content Boxes v1*/
1537
- .content-boxes-v1 {
1538
- text-align: center;
1539
- }
1540
-
1541
- .content-boxes-v1 span {
1542
- display: block;
1543
- margin-top: 5px;
1544
- }
1545
-
1546
- /*Content Boxes v2*/
1547
- @media (max-width: 992px) {
1548
- .content-boxes-v2,
1549
- .content-boxes-v2 .text-justify {
1550
- text-align: center;
1551
- }
1552
-
1553
- .content-boxes-v2 span {
1554
- display: block;
1555
- margin-top: 5px;
1556
- }
1557
- }
1558
-
1559
- /*Content Boxes v3*/
1560
- .content-boxes-v3 {
1561
- margin-bottom: 15px;
1562
- }
1563
-
1564
- .content-boxes-v3 i {
1565
- top: 8px;
1566
- float: left;
1567
- position: relative;
1568
- }
1569
-
1570
- .content-boxes-v3 .content-boxes-in-v3 {
1571
- padding: 0 10px;
1572
- overflow: hidden;
1573
- }
1574
-
1575
- .content-boxes-v3 .content-boxes-in-v3 h3 {
1576
- font-size: 18px;
1577
- line-height: 22px;
1578
- margin-bottom: 3px;
1579
- text-transform: capitalize;
1580
- }
1581
-
1582
- .content-boxes-v3 .content-boxes-in-v3 h3 a {
1583
- color: #555;
1584
- }
1585
-
1586
- /*Colored Content Boxes
1587
- ------------------------------------*/
1588
- .servive-block {
1589
- padding: 20px 30px;
1590
- text-align: center;
1591
- margin-bottom: 20px;
1592
- }
1593
-
1594
- .servive-block p,
1595
- .servive-block h2 {
1596
- color: #fff;
1597
- }
1598
-
1599
- .servive-block h2 a:hover{
1600
- text-decoration: none;
1601
- }
1602
-
1603
- .servive-block-light,
1604
- .servive-block-default {
1605
- background: #fafafa;
1606
- border: solid 1px #eee;
1607
- }
1608
-
1609
- .servive-block-default:hover {
1610
- box-shadow: 0 0 8px #eee;
1611
- }
1612
-
1613
- .servive-block-light p,
1614
- .servive-block-light h2,
1615
- .servive-block-default p,
1616
- .servive-block-default h2 {
1617
- color: #555;
1618
- }
1619
-
1620
- .servive-block-u {
1621
- background: #72c02c;
1622
- }
1623
- .servive-block-blue {
1624
- background: #3498db;
1625
- }
1626
- .servive-block-red {
1627
- background: #e74c3c;
1628
- }
1629
- .servive-block-sea {
1630
- background: #1abc9c;
1631
- }
1632
- .servive-block-grey {
1633
- background: #95a5a6;
1634
- }
1635
- .servive-block-yellow {
1636
- background: #f1c40f;
1637
- }
1638
- .servive-block-orange {
1639
- background: #e67e22;
1640
- }
1641
- .servive-block-green {
1642
- background: #2ecc71;
1643
- }
1644
- .servive-block-purple {
1645
- background: #9b6bcc;
1646
- }
1647
- .servive-block-aqua {
1648
- background: #27d7e7;
1649
- }
1650
- .servive-block-brown {
1651
- background: #9c8061;
1652
- }
1653
- .servive-block-dark-blue {
1654
- background: #4765a0;
1655
- }
1656
- .servive-block-light-green {
1657
- background: #79d5b3;
1658
- }
1659
- .servive-block-dark {
1660
- background: #555;
1661
- }
1662
- .servive-block-light {
1663
- background: #ecf0f1;
1664
- }
1665
-
1666
- /*Funny Boxes
1667
- ------------------------------------*/
1668
- .funny-boxes {
1669
- overflow: hidden;
1670
- padding: 15px 20px;
1671
- margin-bottom: 25px;
1672
- background: #f7f7f7;
1673
- -webkit-transition:all 0.3s ease-in-out;
1674
- -moz-transition:all 0.3s ease-in-out;
1675
- -o-transition:all 0.3s ease-in-out;
1676
- transition:all 0.3s ease-in-out;
1677
- }
1678
-
1679
- .funny-boxes h2 a {
1680
- color: #555;
1681
- }
1682
-
1683
- .funny-boxes p a {
1684
- color: #72c02c;
1685
- }
1686
-
1687
- .funny-boxes .funny-boxes-img li i {
1688
- color: #72c02c;
1689
- font-size: 12px;
1690
- margin-right: 5px;
1691
- }
1692
-
1693
- .funny-boxes .funny-boxes-img img {
1694
- display: block;
1695
- margin: 5px 10px 10px 0;
1696
- }
1697
-
1698
- .funny-boxes h2 {
1699
- margin-top: 0;
1700
- font-size: 20px;
1701
- line-height: 20px;
1702
- }
1703
-
1704
- .funny-boxes ul.funny-boxes-rating li {
1705
- display: inline;
1706
- }
1707
-
1708
- .funny-boxes ul.funny-boxes-rating li i {
1709
- color: #f8be2c;
1710
- cursor: pointer;
1711
- font-size: 16px;
1712
- }
1713
-
1714
- .funny-boxes ul.funny-boxes-rating li i:hover {
1715
- color: #f8be2c;
1716
- }
1717
-
1718
- /*Funny Colored Boxes*/
1719
- .funny-boxes-colored p,
1720
- .funny-boxes-colored h2 a,
1721
- .funny-boxes-colored .funny-boxes-img li,
1722
- .funny-boxes-colored .funny-boxes-img li i {
1723
- color: #fff !important;
1724
- }
1725
-
1726
- /*Red Funny Box*/
1727
- .funny-boxes-red {
1728
- background: #e74c3c;
1729
- }
1730
-
1731
- /*Blue Funny Box*/
1732
- .funny-boxes-blue {
1733
- background: #3498db;
1734
- }
1735
-
1736
- /*Grey Funny Box*/
1737
- .funny-boxes-grey {
1738
- background: #95a5a6;
1739
- }
1740
-
1741
- /*Turquoise Funny Box*/
1742
- .funny-boxes-sea {
1743
- background: #1abc9c;
1744
- }
1745
-
1746
- /*Turquoise Top Bordered Funny Box*/
1747
- .funny-boxes-top-sea {
1748
- border-top: solid 2px #1abc9c;
1749
- }
1750
-
1751
- .funny-boxes-top-sea:hover {
1752
- border-top-color: #16a085;
1753
- }
1754
-
1755
- /*Yellow Top Bordered Funny Box**/
1756
- .funny-boxes-top-yellow {
1757
- border-top: solid 2px #f1c40f;
1758
- }
1759
-
1760
- .funny-boxes-top-yellow:hover {
1761
- border-top-color: #f39c12;
1762
- }
1763
-
1764
- /*Orange Left Bordered Funny Box**/
1765
- .funny-boxes-left-orange {
1766
- border-left: solid 2px #e67e22;
1767
- }
1768
-
1769
- .funny-boxes-left-orange:hover {
1770
- border-left-color: #d35400;
1771
- }
1772
-
1773
- /*Green Left Bordered Funny Box**/
1774
- .funny-boxes-left-green {
1775
- border-left: solid 2px #72c02c;
1776
- }
1777
-
1778
- .funny-boxes-left-green:hover {
1779
- border-left-color: #5fb611;
1780
- }
1781
-
1782
- /*Green Right Bordered Funny Box**/
1783
- .funny-boxes-right-u {
1784
- border-right: solid 2px #72c02c;
1785
- }
1786
-
1787
- .funny-boxes-right-u:hover {
1788
- border-right-color: #5fb611;
1789
- }
1790
-
1791
- /*Typography
1792
- ------------------------------------*/
1793
- /*Text Dropcap*/
1794
- .dropcap {
1795
- float: left;
1796
- color: #72c02c;
1797
- padding: 5px 0;
1798
- font-size: 45px;
1799
- font-weight: 200;
1800
- line-height: 30px;
1801
- margin: 0px 5px 0 0;
1802
- }
1803
-
1804
- .dropcap-bg {
1805
- float: left;
1806
- color: #fff;
1807
- padding: 7px 0;
1808
- min-width: 50px;
1809
- font-size: 35px;
1810
- font-weight: 200;
1811
- line-height: 35px;
1812
- text-align: center;
1813
- background: #72c02c;
1814
- margin: 4px 10px 0 0;
1815
- }
1816
-
1817
- /*Text Highlights*/
1818
- .text-highlights {
1819
- color: #fff;
1820
- font-weight: 200;
1821
- padding: 0px 5px;
1822
- background: #555;
1823
- }
1824
-
1825
- .text-highlights-green {
1826
- background: #72c02c;
1827
- }
1828
- .text-highlights-blue {
1829
- background: #3498db;
1830
- }
1831
- .text-highlights-red {
1832
- background: #e74c3c;
1833
- }
1834
- .text-highlights-sea {
1835
- background: #1abc9c;
1836
- }
1837
- .text-highlights-orange {
1838
- background: #e67e22;
1839
- }
1840
- .text-highlights-yellow {
1841
- background: #f1c40f;
1842
- }
1843
- .text-highlights-purple {
1844
- background: #9b6bcc;
1845
- }
1846
- .text-highlights-aqua {
1847
- background: #27d7e7;
1848
- }
1849
- .text-highlights-brown {
1850
- background: #9c8061;
1851
- }
1852
- .text-highlights-dark-blue {
1853
- background: #4765a0;
1854
- }
1855
- .text-highlights-light-green {
1856
- background: #79d5b3;
1857
- }
1858
-
1859
- /*Text Borders*/
1860
- .text-border {
1861
- border-bottom: dashed 1px #555;
1862
- }
1863
-
1864
- .text-border-default {
1865
- border-color: #95a5a6;
1866
- }
1867
- .text-border-green {
1868
- border-color: #72c02c;
1869
- }
1870
- .text-border-blue {
1871
- border-color: #3498db;
1872
- }
1873
- .text-border-red {
1874
- border-color: #e74c3c;
1875
- }
1876
- .text-border-yellow {
1877
- border-color: #f1c40f;
1878
- }
1879
- .text-border-purple {
1880
- border-color: #9b6bcc;
1881
- }
1882
-
1883
- /*List Styles*/
1884
- .list-styles li {
1885
- margin-bottom: 8px;
1886
- }
1887
-
1888
- /*Tooltip*/
1889
- .tooltips-show {
1890
- position: relative;
1891
- }
1892
-
1893
- /*Contextual Backgrounds*/
1894
- .contex-bg p {
1895
- opacity: 0.8;
1896
- padding: 8px 10px;
1897
- }
1898
- .contex-bg p:hover {
1899
- opacity: 1;
1900
- }
1901
-
1902
- /*Blockquote*/
1903
- blockquote {
1904
- padding: 5px 15px;
1905
- border-left-width: 2px;
1906
- }
1907
-
1908
- blockquote p {
1909
- font-size: 14px;
1910
- font-weight: 400;
1911
- }
1912
-
1913
- blockquote h1,
1914
- blockquote h2,
1915
- blockquote span {
1916
- font-size: 18px;
1917
- margin: 0 0 8px;
1918
- line-height: 24px;
1919
- }
1920
-
1921
- /*Blockquote Styles*/
1922
- blockquote.bq-text-lg p,
1923
- blockquote.bq-text-lg small {
1924
- text-transform: uppercase;
1925
- }
1926
-
1927
- blockquote.bq-text-lg p {
1928
- font-size: 22px;
1929
- font-weight: 300;
1930
- line-height: 32px;
1931
- }
1932
-
1933
- blockquote.text-right,
1934
- blockquote.hero.text-right {
1935
- border-left: none;
1936
- border-right: 2px solid #eee;
1937
- }
1938
-
1939
- blockquote.hero.text-right,
1940
- blockquote.hero.text-right:hover {
1941
- border-color: #555;
1942
- }
1943
-
1944
- blockquote:hover,
1945
- blockquote.text-right:hover {
1946
- border-color: #72c02c;
1947
- -webkit-transition: all 0.4s ease-in-out;
1948
- -moz-transition: all 0.4s ease-in-out;
1949
- -o-transition: all 0.4s ease-in-out;
1950
- transition: all 0.4s ease-in-out;
1951
- }
1952
-
1953
- blockquote.bq-dark,
1954
- blockquote.bq-dark:hover {
1955
- border-color: #585f69;
1956
- }
1957
-
1958
- blockquote.bq-green {
1959
- border-color: #72c02c;
1960
- }
1961
-
1962
- /*Blockquote Hero Styles*/
1963
- blockquote.hero {
1964
- border: none;
1965
- padding: 18px;
1966
- font-size: 16px;
1967
- background: #f3f3f3;
1968
- border-left: solid 2px #666;
1969
- }
1970
-
1971
- blockquote.hero:hover {
1972
- background: #eee;
1973
- border-left-color: #666;
1974
- }
1975
-
1976
- blockquote.hero.hero-dark,
1977
- blockquote.hero.hero-default {
1978
- border: none;
1979
- }
1980
-
1981
- blockquote.hero.hero-dark {
1982
- background: #444;
1983
- }
1984
-
1985
- blockquote.hero.hero-dark:hover {
1986
- background: #555;
1987
- }
1988
-
1989
- blockquote.hero.hero-default {
1990
- background: #72c02c;
1991
- }
1992
-
1993
- blockquote.hero.hero-default:hover {
1994
- background: #5fb611;
1995
- }
1996
-
1997
- blockquote.hero.hero-dark p,
1998
- blockquote.hero.hero-dark h2,
1999
- blockquote.hero.hero-dark small,
2000
- blockquote.hero.hero-default p,
2001
- blockquote.hero.hero-default h2,
2002
- blockquote.hero.hero-default small {
2003
- color: #fff;
2004
- font-weight: 200;
2005
- }
2006
-
2007
- /*Tag Boxes
2008
- ------------------------------------*/
2009
- .tag-box {
2010
- padding: 20px;
2011
- background: #fff;
2012
- margin-bottom: 30px;
2013
- }
2014
-
2015
- .tag-box h2 {
2016
- font-size: 20px;
2017
- line-height: 25px;
2018
- }
2019
-
2020
- .tag-box p {
2021
- margin-bottom: 0;
2022
- }
2023
-
2024
- .tag-box.tag-text-space p {
2025
- margin-bottom: 10px;
2026
- }
2027
-
2028
- /*Tag Boxes v1*/
2029
- .tag-box-v1 {
2030
- border: solid 1px #eee;
2031
- border-top: solid 2px #72c02c;
2032
- }
2033
-
2034
- /*Tag Boxes v2*/
2035
- .tag-box-v2 {
2036
- background: #fafafa;
2037
- border: solid 1px #eee;
2038
- border-left: solid 2px #72c02c;
2039
- }
2040
-
2041
- /*Tag Boxes v3*/
2042
- .tag-box-v3 {
2043
- border: solid 2px #eee;
2044
- }
2045
-
2046
- /*Tag Boxes v4*/
2047
- .tag-box-v4 {
2048
- border: dashed 1px #bbb;
2049
- }
2050
-
2051
- /*Tag Boxes v5*/
2052
- .tag-box-v5 {
2053
- margin: 20px 0;
2054
- text-align: center;
2055
- border: dashed 1px #ccc;
2056
- }
2057
-
2058
- .tag-box-v5 span {
2059
- color: #555;
2060
- font-size: 28px;
2061
- margin-bottom: 0;
2062
- }
2063
-
2064
- /*Tag Boxes v6*/
2065
- .tag-box-v6 {
2066
- background: #fafafa;
2067
- border: solid 1px #eee;
2068
- }
2069
-
2070
- /*Tag Boxes v7*/
2071
- .tag-box-v7 {
2072
- border: solid 1px #eee;
2073
- border-bottom: solid 2px #72c02c;
2074
- }
2075
-
2076
- /*Testimonials
2077
- ------------------------------------*/
2078
- /*Testimonials*/
2079
- .testimonials {
2080
- margin-bottom: 10px;
2081
- }
2082
-
2083
- .testimonials .testimonial-info {
2084
- color: #72c02c;
2085
- font-size: 16px;
2086
- padding: 0 15px;
2087
- margin-top: 18px;
2088
- }
2089
-
2090
- .testimonials .testimonial-info span {
2091
- top: 3px;
2092
- position: relative;
2093
- }
2094
-
2095
- .testimonials .testimonial-info em {
2096
- color: #777;
2097
- display: block;
2098
- font-size: 13px;
2099
- }
2100
-
2101
- .testimonials .testimonial-info img {
2102
- width: 60px;
2103
- float: left;
2104
- height: 60px;
2105
- padding: 2px;
2106
- margin-right: 15px;
2107
- border: solid 1px #ccc;
2108
- }
2109
-
2110
- .testimonials .testimonial-author {
2111
- overflow: hidden;
2112
- }
2113
-
2114
- .testimonials .carousel-arrow {
2115
- top: -65px;
2116
- position: relative;
2117
- }
2118
-
2119
- .testimonials .carousel-arrow i {
2120
- color: #777;
2121
- padding: 2px;
2122
- min-width: 25px;
2123
- font-size: 20px;
2124
- text-align: center;
2125
- background: #f5f5f5;
2126
- }
2127
-
2128
- .testimonials .carousel-arrow i:hover {
2129
- color: #fff;
2130
- background: #72c02c;
2131
- }
2132
-
2133
- .testimonials .carousel-control {
2134
- opacity: 1;
2135
- width: 100%;
2136
- text-align: right;
2137
- text-shadow: none;
2138
- position: absolute;
2139
- filter: Alpha(opacity = 100); /*For IE*/
2140
- }
2141
-
2142
- .testimonials .carousel-control.left {
2143
- right: 27px;
2144
- left: auto;
2145
- }
2146
- .testimonials .carousel-control.right {
2147
- right: 0px;
2148
- }
2149
-
2150
- /*Testimonials v1*/
2151
- .testimonials.testimonials-v1 .item p {
2152
- position: relative;
2153
- }
2154
-
2155
- .testimonials.testimonials-v1 .item p:after,
2156
- .testimonials.testimonials-v1 .item p:before {
2157
- left: 80px;
2158
- bottom: -20px;
2159
- }
2160
-
2161
- .testimonials.testimonials-v1 .item p:after {
2162
- border-top: 22px solid;
2163
- border-left: 0 solid transparent;
2164
- border-right: 22px solid transparent;
2165
- }
2166
-
2167
- /*Testimonials v2*/
2168
- .testimonials.testimonials-v2 .testimonial-info {
2169
- padding: 0 20px;
2170
- }
2171
-
2172
- .testimonials.testimonials-v2 p {
2173
- padding-bottom: 15px;
2174
- }
2175
-
2176
- .testimonials.testimonials-v2 .carousel-arrow {
2177
- top: -55px;
2178
- }
2179
-
2180
- .testimonials.testimonials-v2 .item p:after,
2181
- .testimonials.testimonials-v2 .item p:before {
2182
- left: 8%;
2183
- bottom: 45px;
2184
- }
2185
-
2186
- .testimonials.testimonials-v2 .item p:after {
2187
- border-top: 20px solid;
2188
- border-left: 25px solid transparent;
2189
- border-right: 0px solid transparent;
2190
- }
2191
-
2192
- /*General Testimonials v1/v2*/
2193
- .testimonials.testimonials-v1 p,
2194
- .testimonials.testimonials-v2 p {
2195
- padding: 15px;
2196
- font-size: 14px;
2197
- font-style: italic;
2198
- background: #f5f5f5;
2199
- }
2200
-
2201
- .testimonials.testimonials-v1 .item p:after,
2202
- .testimonials.testimonials-v2 .item p:after {
2203
- width: 0;
2204
- height: 0;
2205
- content: " ";
2206
- display: block;
2207
- position: absolute;
2208
- border-top-color: #f5f5f5;
2209
- border-left-style: inset; /*FF fixes*/
2210
- border-right-style: inset; /*FF fixes*/
2211
- }
2212
-
2213
- /*Testimonials Backgrounds*/
2214
- .testimonials-bg-dark .item p,
2215
- .testimonials-bg-default .item p {
2216
- color: #fff;
2217
- font-weight: 200;
2218
- }
2219
-
2220
- .testimonials-bg-dark .carousel-arrow i,
2221
- .testimonials-bg-default .carousel-arrow i {
2222
- color: #fff;
2223
- }
2224
-
2225
- /*Testimonials Default*/
2226
- .testimonials-bg-default .item p {
2227
- background: #72c02c;
2228
- }
2229
-
2230
- .testimonials.testimonials-bg-default .item p:after,
2231
- .testimonials.testimonials-bg-default .item p:after {
2232
- border-top-color: #72c02c;
2233
- }
2234
-
2235
- .testimonials-bg-default .carousel-arrow i {
2236
- background: #72c02c;
2237
- }
2238
-
2239
- .testimonials.testimonials-bg-default .carousel-arrow i:hover {
2240
- background: #5fb611;
2241
- }
2242
-
2243
- /*Testimonials Dark*/
2244
- .testimonials-bg-dark .item p {
2245
- background: #555;
2246
- }
2247
-
2248
- .testimonials.testimonials-bg-dark .item p:after,
2249
- .testimonials.testimonials-bg-dark .item p:after {
2250
- border-top-color: #555;
2251
- }
2252
-
2253
- .testimonials-bg-dark .carousel-arrow i {
2254
- color: #fff;
2255
- background: #555;
2256
- }
2257
-
2258
- .testimonials.testimonials-bg-dark .carousel-arrow i:hover {
2259
- background: #333;
2260
- }
2261
-
2262
- .testimonials.testimonials-bg-dark .testimonial-info {
2263
- color: #555;
2264
- }
2265
-
2266
- /*Panels (Portlets)
2267
- ------------------------------------*/
2268
- .panel-heading {
2269
- color: #fff;
2270
- padding: 5px 15px;
2271
- }
2272
-
2273
- /*Panel Table*/
2274
- .panel .table {
2275
- margin-bottom: 0;
2276
- }
2277
-
2278
- /*Panel Unify*/
2279
- .panel-u {
2280
- border-color: #72c02c;
2281
- }
2282
-
2283
- .panel-u > .panel-heading {
2284
- background: #72c02c;
2285
- }
2286
-
2287
- /*Panel Blue*/
2288
- .panel-blue {
2289
- border-color: #3498db;
2290
- }
2291
-
2292
- .panel-blue > .panel-heading {
2293
- background: #3498db;
2294
- }
2295
-
2296
- /*Panel Red*/
2297
- .panel-red {
2298
- border-color: #e74c3c;
2299
- }
2300
-
2301
- .panel-red > .panel-heading {
2302
- background: #e74c3c;
2303
- }
2304
-
2305
- /*Panel Green*/
2306
- .panel-green {
2307
- border-color: #2ecc71;
2308
- }
2309
-
2310
- .panel-green > .panel-heading {
2311
- background: #2ecc71;
2312
- }
2313
-
2314
- /*Panel Sea*/
2315
- .panel-sea {
2316
- border-color: #1abc9c;
2317
- }
2318
-
2319
- .panel-sea > .panel-heading {
2320
- background: #1abc9c;
2321
- }
2322
-
2323
- /*Panel Orange*/
2324
- .panel-orange {
2325
- border-color: #e67e22;
2326
- }
2327
-
2328
- .panel-orange > .panel-heading {
2329
- background: #e67e22;
2330
- }
2331
-
2332
- /*Panel Yellow*/
2333
- .panel-yellow {
2334
- border-color: #f1c40f;
2335
- }
2336
-
2337
- .panel-yellow > .panel-heading {
2338
- background: #f1c40f;
2339
- }
2340
-
2341
- /*Panel Grey*/
2342
- .panel-grey {
2343
- border-color: #95a5a6;
2344
- }
2345
-
2346
- .panel-grey > .panel-heading {
2347
- background: #95a5a6;
2348
- }
2349
-
2350
- /*Panel Dark*/
2351
- .panel-dark {
2352
- border-color: #555;
2353
- }
2354
-
2355
- .panel-dark > .panel-heading {
2356
- background: #555;
2357
- }
2358
-
2359
- /*Panel Purple*/
2360
- .panel-purple {
2361
- border-color: #9b6bcc;
2362
- }
2363
-
2364
- .panel-purple > .panel-heading {
2365
- background: #9b6bcc;
2366
- }
2367
-
2368
- /*Panel Aqua*/
2369
- .panel-aqua {
2370
- border-color: #27d7e7;
2371
- }
2372
-
2373
- .panel-aqua > .panel-heading {
2374
- background: #27d7e7;
2375
- }
2376
-
2377
- /*Panel Brown*/
2378
- .panel-brown {
2379
- border-color: #9c8061;
2380
- }
2381
-
2382
- .panel-brown > .panel-heading {
2383
- background: #9c8061;
2384
- }
2385
-
2386
- /*Panel Dark Blue*/
2387
- .panel-dark-blue {
2388
- border-color: #4765a0;
2389
- }
2390
-
2391
- .panel-dark-blue > .panel-heading {
2392
- background: #4765a0;
2393
- }
2394
-
2395
- /*Panel Light Green*/
2396
- .panel-light-green {
2397
- border-color: #79d5b3;
2398
- }
2399
-
2400
- .panel-light-green > .panel-heading {
2401
- background: #79d5b3;
2402
- }
2403
-
2404
- /*Panel Default Dark*/
2405
- .panel-default-dark {
2406
- border-color: #585f69;
2407
- }
2408
-
2409
- .panel-default-dark > .panel-heading {
2410
- background: #585f69;
2411
- }
2412
-
2413
- /*Progress Bar
2414
- ------------------------------------*/
2415
- .progress-u {
2416
- box-shadow: none;
2417
- }
2418
-
2419
- .progress-u .progress-bar {
2420
- box-shadow: none;
2421
- }
2422
-
2423
- /*progress-bar (sizes)*/
2424
- .progress-lg {
2425
- height: 25px;
2426
- }
2427
- .progress-lg p {
2428
- padding-top: 3px;
2429
- }
2430
-
2431
- .progress-sm {
2432
- height: 12px;
2433
- }
2434
-
2435
- .progress-xs {
2436
- height: 7px;
2437
- }
2438
-
2439
- .progress-xxs {
2440
- height: 3px;
2441
- }
2442
-
2443
- /*progress-bar (colors)*/
2444
- .progress {
2445
- background: #e5e5e5;
2446
- }
2447
-
2448
- .progress-bar-u {
2449
- background: #72c02c;
2450
- }
2451
-
2452
- .progress-bar-blue {
2453
- background: #3498db;
2454
- }
2455
-
2456
- .progress-bar-orange {
2457
- background: #e67e22;
2458
- }
2459
-
2460
- .progress-bar-red {
2461
- background: #e74c3c;
2462
- }
2463
-
2464
- .progress-bar-purple {
2465
- background: #9b6bcc;
2466
- }
2467
-
2468
- .progress-bar-aqua {
2469
- background: #27d7e7;
2470
- }
2471
-
2472
- .progress-bar-brown {
2473
- background: #9c8061;
2474
- }
2475
-
2476
- .progress-bar-dark-blue {
2477
- background: #4765a0;
2478
- }
2479
-
2480
- .progress-bar-light-green {
2481
- background: #79d5b3;
2482
- }
2483
-
2484
- .progress-bar-dark {
2485
- background: #555;
2486
- }
2487
-
2488
- /*Count Stars
2489
- ------------------------------------*/
2490
- .stars-existing {
2491
- color: #72c02c;
2492
- cursor: pointer;
2493
- }
2494
-
2495
- .star-lg {
2496
- font-size: 30px;
2497
- }
2498
-
2499
- .star-sm {
2500
- font-size: 25px;
2501
- }
2502
-
2503
- .star-xs {
2504
- font-size: 20px;
2505
- }
2506
-
2507
- .star-default {
2508
- font-size: 16px;
2509
- }
2510
-
2511
- /*Media (Audio/Videos and Images)
2512
- ------------------------------------*/
2513
- /*Images*/
2514
- img.img-bordered {
2515
- padding: 3px;
2516
- border: solid 1px #eee;
2517
- }
2518
-
2519
- img.img-circle {
2520
- border-radius: 50% !important;
2521
- }
2522
-
2523
- /*Responsive Video*/
2524
- .responsive-video {
2525
- height: 0;
2526
- padding-top: 1px;
2527
- position: relative;
2528
- margin-bottom: -3px;
2529
- padding-bottom: 56.25%; /*16:9*/
2530
- }
2531
-
2532
- .responsive-video iframe {
2533
- top: 0;
2534
- left: 0;
2535
- width: 100%;
2536
- height: 100%;
2537
- position: absolute;
2538
- }
2539
-
2540
- /*Spaces
2541
- ------------------------------------*/
2542
- .margin-left-5 { margin-left: 5px;}
2543
- .margin-right-5 { margin-right: 5px;}
2544
-
2545
- .no-top-space {
2546
- margin-top: 0;
2547
- padding-top: 0;
2548
- }
2549
-
2550
- .no-bottom-space {
2551
- margin-bottom: 0;
2552
- padding-bottom: 0;
2553
- }
2554
-
2555
- .margin-bottom-5,
2556
- .margin-bottom-10,
2557
- .margin-bottom-15,
2558
- .margin-bottom-20,
2559
- .margin-bottom-25,
2560
- .margin-bottom-30,
2561
- .margin-bottom-35,
2562
- .margin-bottom-40,
2563
- .margin-bottom-45,
2564
- .margin-bottom-50,
2565
- .margin-bottom-55,
2566
- .margin-bottom-60 {
2567
- clear:both;
2568
- }
2569
- .margin-bottom-5 { margin-bottom:5px;}
2570
- .margin-bottom-10 { margin-bottom:10px;}
2571
- .margin-bottom-15 { margin-bottom:15px;}
2572
- .margin-bottom-20 { margin-bottom:20px;}
2573
- .margin-bottom-25 { margin-bottom:25px;}
2574
- .margin-bottom-30 { margin-bottom:30px;}
2575
- .margin-bottom-35 { margin-bottom:35px;}
2576
- .margin-bottom-40 { margin-bottom:40px;}
2577
- .margin-bottom-45 { margin-bottom:45px;}
2578
- .margin-bottom-50 { margin-bottom:50px;}
2579
- .margin-bottom-55 { margin-bottom:55px;}
2580
- .margin-bottom-60 { margin-bottom:60px;}
2581
-
2582
- @media (max-width: 768px) {
2583
- .sm-margin-bottom-10 {
2584
- margin-bottom: 10px;
2585
- }
2586
- .sm-margin-bottom-20 {
2587
- margin-bottom: 20px;
2588
- }
2589
- .sm-margin-bottom-30 {
2590
- margin-bottom: 30px;
2591
- }
2592
- .sm-margin-bottom-40 {
2593
- margin-bottom: 40px;
2594
- }
2595
- .sm-margin-bottom-50 {
2596
- margin-bottom: 50px;
2597
- }
2598
- .sm-margin-bottom-60 {
2599
- margin-bottom: 60px;
2600
- }
2601
- }
2602
-
2603
- @media (max-width: 992px) {
2604
- .md-margin-bottom-10 {
2605
- margin-bottom: 10px;
2606
- }
2607
- .md-margin-bottom-20 {
2608
- margin-bottom: 20px;
2609
- }
2610
- .md-margin-bottom-30 {
2611
- margin-bottom: 30px;
2612
- }
2613
- .md-margin-bottom-40 {
2614
- margin-bottom: 40px;
2615
- }
2616
- .md-margin-bottom-50 {
2617
- margin-bottom: 50px;
2618
- }
2619
- .md-margin-bottom-60 {
2620
- margin-bottom: 60px;
2621
- }
2622
- }
2623
-
2624
- /*Text Colors
2625
- ------------------------------------*/
2626
- .color-sea { color: #1abc9c;}
2627
- .color-red { color: #e74c3c;}
2628
- .color-aqua { color: #27d7e7;}
2629
- .color-blue { color: #3498db;}
2630
- .color-grey { color: #95a5a6;}
2631
- .color-dark { color: #555555;}
2632
- .color-green { color: #72c02c;}
2633
- .color-brown { color: #9c8061;}
2634
- .color-light { color: #ffffff;}
2635
- .color-orange { color: #e67e22;}
2636
- .color-green1 { color: #2ecc71;}
2637
- .color-purple { color: #9b6bcc;}
2638
- .color-dark-blue { color: #4765a0;}
2639
- .color-light-grey { color: #585f69;}
2640
- .color-light-green { color: #79d5b3;}
2641
-
2642
- /*Background Colors
2643
- ------------------------------------*/
2644
- .bg-color-dark,
2645
- .bg-color-sea,
2646
- .bg-color-red,
2647
- .bg-color-aqua,
2648
- .bg-color-blue,
2649
- .bg-color-grey,
2650
- .bg-color-green,
2651
- .bg-color-brown,
2652
- .bg-color-orange,
2653
- .bg-color-green1,
2654
- .bg-color-purple,
2655
- .bg-color-dark-blue,
2656
- .bg-color-light-grey,
2657
- .bg-color-light-green {
2658
- color: #fff;
2659
- }
2660
- .bg-color-dark { background-color: #555;}
2661
- .bg-color-sea { background-color: #1abc9c;}
2662
- .bg-color-red { background-color: #e74c3c;}
2663
- .bg-color-aqua { background-color: #27d7e7;}
2664
- .bg-color-blue { background-color: #3498db;}
2665
- .bg-color-grey { background-color: #95a5a6;}
2666
- .bg-color-green { background-color: #72c02c;}
2667
- .bg-color-brown { background-color: #9c8061;}
2668
- .bg-color-orange { background-color: #e67e22;}
2669
- .bg-color-green1 { background-color: #2ecc71;}
2670
- .bg-color-purple { background-color: #9b6bcc;}
2671
- .bg-color-dark-blue { background-color: #4765a0;}
2672
- .bg-color-light-grey { background-color: #585f69;}
2673
- .bg-color-light-green { background-color: #79d5b3;}
2674
-
2675
- /*Rounded and Circle Classes
2676
- ------------------------------------*/
2677
- .rounded { border-radius: 4px !important;}
2678
- .rounded-x { border-radius: 50% !important;}
2679
- .rounded-2x { border-radius: 10px !important;}
2680
- .rounded-3x { border-radius: 15px !important;}
2681
- .rounded-4x { border-radius: 20px !important;}
2682
- .rounded-top { border-radius: 4px 4px 0 0 !important;}
2683
- .rounded-left { border-radius: 4px 0 0 4px !important;}
2684
- .rounded-right { border-radius: 0 4px 4px 0 !important;}
2685
- .rounded-bottom { border-radius: 0 0 4px 4px !important;}
2686
-
2687
- /*Others
2688
- ------------------------------------*/
2689
- .overflow-h { overflow: hidden;}
2690
- .overflow-a { overflow: auto;}
2691
- .overflow-hidden { overflow:hidden;}
2692
-
2693
- .lft-img-margin { margin:0 20px 5px 0;}
2694
- .rgt-img-margin { margin:0 0 5px 10px;}
2695
-
2696
- .padding-left-5 { padding-left:5px;}
2697
- .img-width-200 { width:200px;}
2698
-
2699
- /*Misc*/
2700
- .content {
2701
- padding-top: 40px;
2702
- padding-bottom: 40px;
2703
- }
2704
-
2705
- .text-justify p {
2706
- text-align: justify;
2707
- }
2708
-
2709
- /*Background Light*/
2710
- .bg-light {
2711
- padding:10px 15px;
2712
- margin-bottom:10px;
2713
- background:#fcfcfc;
2714
- border:solid 1px #e5e5e5;
2715
- }
2716
- .bg-light:hover {
2717
- border:solid 1px #bbb;
2718
- }
2719
-
2720
- /*CSS3 Hover Effects*/
2721
- .hover-effect {
2722
- -webkit-transition: all 0.4s ease-in-out;
2723
- -moz-transition: all 0.4s ease-in-out;
2724
- -o-transition: all 0.4s ease-in-out;
2725
- transition: all 0.4s ease-in-out;
2726
- }
2727
- .hover-effect-kenburn {
2728
- left:10px;
2729
- margin-left:-10px;
2730
- position:relative;
2731
- -webkit-transition: all 0.8s ease-in-out;
2732
- -moz-transition: all 0.8s ease-in-out;
2733
- -o-transition: all 0.8s ease-in-out;
2734
- -ms-transition: all 0.8s ease-in-out;
2735
- transition: all 0.8s ease-in-out;
2736
- }
2737
- .hover-effect-kenburn:hover {
2738
- -webkit-transform: scale(2) rotate(5deg);
2739
- -moz-transform: scale(2) rotate(5deg);
2740
- -o-transform: scale(2) rotate(5deg);
2741
- -ms-transform: scale(2) rotate(5deg);
2742
- transform: scale(2) rotate(5deg);
2743
- }