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,60 +0,0 @@
1
- .shadow-wrapper {
2
- z-index: 1;
3
- position: relative;
4
- }
5
-
6
- /*Common Style*/
7
- .box-shadow {
8
- background: #fff;
9
- position: relative;
10
- }
11
-
12
- .box-shadow:after,
13
- .box-shadow:before {
14
- top: 80%;
15
- left: 5px;
16
- width: 50%;
17
- z-index: -1;
18
- content: "";
19
- bottom: 15px;
20
- max-width: 300px;
21
- background: #999;
22
- position: absolute;
23
- }
24
-
25
- /*Effect 1*/
26
- .shadow-effect-1 {
27
- box-shadow: 0 10px 6px -6px #bbb;
28
- -moz-box-shadow: 0 10px 6px -6px #bbb;
29
- -webkit-box-shadow: 0 10px 6px -6px #bbb;
30
- }
31
-
32
- /*Effect 2,3,4*/
33
- .shadow-effect-2 {
34
- position: relative;
35
- }
36
-
37
- .shadow-effect-2:after,
38
- .shadow-effect-2:before,
39
- .shadow-effect-3:before,
40
- .shadow-effect-4:after {
41
- transform: rotate(-3deg);
42
- -o-transform: rotate(-3deg);
43
- -ms-transform: rotate(-3deg);
44
- -moz-transform: rotate(-3deg);
45
- -webkit-transform: rotate(-3deg);
46
- box-shadow: 0 15px 10px #999;
47
- -moz-box-shadow: 0 15px 10px #999;
48
- -webkit-box-shadow: 0 15px 10px #999;
49
- }
50
-
51
- .shadow-effect-2:after,
52
- .shadow-effect-4:after {
53
- left: auto;
54
- right: 5px;
55
- transform: rotate(3deg);
56
- -o-transform: rotate(3deg);
57
- -ms-transform: rotate(3deg);
58
- -moz-transform: rotate(3deg);
59
- -webkit-transform: rotate(3deg);
60
- }
@@ -1,2312 +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
- /*Boxed Layout
10
- ------------------------------------*/
11
- .wrapper {
12
- background: #fff;
13
- }
14
-
15
- .boxed-layout {
16
- padding: 0;
17
- box-shadow: 0 0 5px #ccc;
18
- margin-left: auto !important;
19
- margin-right: auto !important;
20
- background: image-url('nunify/patterns/15.png') repeat;
21
- }
22
-
23
- /*Parallax Backgrounds
24
- ------------------------------------*/
25
- .parallax-bg {
26
- background: image-url('nunify/blur/img1.jpg') 50% 0 repeat fixed;
27
- }
28
-
29
- /*Parallax Counter Block*/
30
- .parallax-counter {
31
- padding: 60px 0;
32
- background: image-url('nunify/bg/9.jpg') 50% 0 no-repeat fixed;
33
- }
34
-
35
- .parallax-counter h4 {
36
- color: #fff;
37
- font-size: 18px;
38
- }
39
-
40
- .parallax-counter .counters {
41
- color: #fff;
42
- padding: 20px 0;
43
- font-weight: 200;
44
- background: rgba(0,0,0,0.6);
45
- }
46
-
47
- /*Parallax Team*/
48
- .parallax-team {
49
- background: image-url('nunify/team/faces.jpg') 50% 0 repeat fixed;
50
- }
51
-
52
- .parallax-team,
53
- .parallax-team .title-box-v2 {
54
- position: relative;
55
- }
56
-
57
- .parallax-team:before {
58
- top: 0;
59
- left: 0;
60
- width: 100%;
61
- height: 100%;
62
- content: " ";
63
- position: absolute;
64
- background: rgba(255,255,255,0.9);
65
- }
66
-
67
- /*Top Bar (login, search etc.)
68
- ------------------------------------*/
69
- .topbar {
70
- z-index: 12;
71
- padding: 8px 0;
72
- position: relative;
73
- }
74
-
75
- .topbar ul.loginbar {
76
- margin: 0;
77
- }
78
-
79
- .topbar ul.loginbar > li {
80
- display: inline;
81
- list-style: none;
82
- position: relative;
83
- padding-bottom: 15px;
84
- }
85
-
86
- .topbar ul.loginbar > li > a,
87
- .topbar ul.loginbar > li > a:hover {
88
- color: #7c8082;
89
- font-size: 11px;
90
- text-transform: uppercase;
91
- }
92
-
93
- .topbar ul.loginbar li i.fa {
94
- color: #bbb;
95
- }
96
-
97
- .topbar ul.loginbar li.topbar-devider {
98
- top: -1px;
99
- padding: 0;
100
- font-size: 8px;
101
- position: relative;
102
- margin: 0 9px 0 5px;
103
- font-family: Tahoma;
104
- border-right: solid 1px #bbb;
105
- }
106
-
107
- /*Lenguages*/
108
- .topbar ul.lenguages {
109
- top: 25px;
110
- left: -5px;
111
- display: none;
112
- padding: 4px 0;
113
- padding-left: 0;
114
- list-style: none;
115
- min-width: 100px;
116
- position: absolute;
117
- background: #f0f0f0;
118
- }
119
-
120
- .topbar li:hover ul.lenguages {
121
- display: block;
122
- }
123
-
124
- .topbar ul.lenguages:after {
125
- top: -4px;
126
- width: 0;
127
- height: 0;
128
- left: 8px;
129
- content: " ";
130
- display: block;
131
- position: absolute;
132
- border-bottom: 6px solid #f0f0f0;
133
- border-left: 6px solid transparent;
134
- border-right: 6px solid transparent;
135
- border-left-style: inset; /*FF fixes*/
136
- border-right-style: inset; /*FF fixes*/
137
- }
138
-
139
- .topbar ul.lenguages li a {
140
- color: #555;
141
- display: block;
142
- font-size: 10px;
143
- padding: 2px 12px;
144
- margin-bottom: 1px;
145
- text-transform: uppercase;
146
- }
147
-
148
- .topbar ul.lenguages li.active a i {
149
- color: #999;
150
- float: right;
151
- margin-top: 2px;
152
- }
153
-
154
- .topbar ul.lenguages li a:hover,
155
- .topbar ul.lenguages li.active a {
156
- background: #fafafa;
157
- }
158
-
159
- .topbar ul.lenguages li a:hover {
160
- text-decoration: none;
161
- }
162
-
163
- /*Top Bar v1 (login, search etc.)
164
- ------------------------------------*/
165
- .topbar-v1 {
166
- background: #fdfdfd;
167
- border-bottom: solid 1px #f0f0f0;
168
- }
169
-
170
- /*Top Contacts*/
171
- .topbar-v1 ul {
172
- margin: 0;
173
- }
174
-
175
- .topbar-v1 .top-v1-contacts li {
176
- color: #666;
177
- padding: 5px 0;
178
- font-size: 12px;
179
- margin-right: 15px;
180
- display: inline-block;
181
- }
182
-
183
- .topbar-v1 .top-v1-contacts i {
184
- color: #999;
185
- font-size: 13px;
186
- margin-right: 3px;
187
- }
188
-
189
- /*Top Data*/
190
- .topbar-v1 .top-v1-data {
191
- text-align: right;
192
- }
193
-
194
- .topbar-v1 .top-v1-data li {
195
- padding: 5px 11px;
196
- display: inline-block;
197
- border-right: solid 1px #eee;
198
- }
199
-
200
- .topbar-v1 .top-v1-data li:first-child {
201
- border-left: solid 1px #eee;
202
- }
203
-
204
- .topbar-v1 .top-v1-data li a {
205
- font-size: 12px;
206
- }
207
-
208
- .topbar-v1 .top-v1-data li a:hover {
209
- text-decoration: none;
210
- }
211
-
212
- .topbar-v1 .top-v1-data li i {
213
- color: #777;
214
- font-size: 13px;
215
- }
216
-
217
- .topbar-v1 .top-v1-data li a:hover i {
218
- color: #72c02c;
219
- }
220
-
221
- /*Responsive Topbar v1*/
222
- @media (max-width: 992px) {
223
- .topbar-v1 ul {
224
- text-align: center !important;
225
- }
226
-
227
- .topbar-v1 .top-v1-contacts {
228
- margin: 10px 0;
229
- }
230
-
231
- .topbar-v1 .top-v1-data li {
232
- top: 1px;
233
- padding: 6px 16px;
234
- margin-left: -5px;
235
- position: relative;
236
- border: solid 1px #eee;
237
- }
238
- }
239
-
240
- /*Header Default
241
- ------------------------------------*/
242
- .header {
243
- z-index: 99;
244
- position: relative;
245
- border-bottom: solid 2px #eee;
246
- }
247
-
248
- .header .navbar {
249
- margin: 0;
250
- min-height: inherit;
251
- }
252
-
253
- .header .navbar-default {
254
- border: none;
255
- background: none;
256
- }
257
-
258
- .header .navbar-collapse {
259
- position: relative;
260
- /*max-height: inherit;*/
261
- }
262
-
263
- /*Brand*/
264
- .header .navbar-brand {
265
- z-index: 1;
266
- top: -10px;
267
- position: relative;
268
- padding: 0 10px 10px;
269
- }
270
-
271
- @media (max-width: 992px) {
272
- .header .navbar-brand {
273
- top: 0;
274
- height: 40px;
275
- }
276
- }
277
-
278
- /*Navbar*/
279
- @media (min-width: 992px) {
280
- .header .navbar-nav {
281
- float: right;
282
- }
283
- }
284
-
285
- .header .navbar-default .navbar-nav > li > a {
286
- color: #687074;
287
- font-size: 15px;
288
- font-weight:400;
289
- text-transform: uppercase;
290
- }
291
-
292
- .header .navbar-default .navbar-nav > .active > a {
293
- color: #72c02c;
294
- }
295
-
296
- /*Dropdown*/
297
- .header .navbar-right .dropdown-menu {
298
- right: inherit;
299
- }
300
-
301
- /*Navbar Toggle*/
302
- .navbar-toggle,
303
- .navbar-default .navbar-toggle:hover,
304
- .navbar-default .navbar-toggle:focus {
305
- background: #72c02c;
306
- padding: 6px 10px 2px;
307
- }
308
-
309
- .navbar-default .navbar-toggle {
310
- border-color: #5fb611;
311
- }
312
-
313
- .navbar-default .navbar-toggle:hover {
314
- background: #5fb611;
315
- }
316
-
317
- .navbar-default .navbar-toggle .fa {
318
- color: #fff;
319
- font-size: 19px;
320
- }
321
-
322
- /*Responsive Navbar*/
323
- @media (max-width: 767px) {
324
- .header .navbar-default .navbar-nav > li > a {
325
- font-size: 14px;
326
- padding: 9px 10px;
327
- }
328
-
329
- .header .navbar-default .navbar-nav > li a {
330
- /*margin-bottom: 1px;*/
331
- border-bottom: solid 1px #eee;
332
- }
333
-
334
- .header .navbar-default .navbar-nav > li > a:focus {
335
- background: none;
336
- }
337
-
338
- .header .navbar-default .navbar-nav > li > a:hover {
339
- color: #72c02c;
340
- }
341
-
342
- .header .navbar-default .navbar-nav > .active > a,
343
- .header .navbar-default .navbar-nav > .active > a:hover,
344
- .header .navbar-default .navbar-nav > .active > a:focus {
345
- color: #fff;
346
- background: #72c02c;
347
- /*border-bottom: solid 2px #72c02c;*/
348
- }
349
-
350
- .header .dropdown-submenu li a {
351
- font-size: 12px;
352
- }
353
- }
354
-
355
- @media (min-width: 767px) {
356
- /*Navbar Collapse*/
357
- .header .navbar-collapse {
358
- padding: 0;
359
- }
360
-
361
- /*Navbar*/
362
- .header .navbar-nav {
363
- top: 2px;
364
- position: relative;
365
- }
366
-
367
- .header .navbar-default .navbar-nav > li > a {
368
- padding: 9px 30px 9px 20px;
369
- }
370
-
371
- .header .navbar-default .navbar-nav > li > a,
372
- .header .navbar-default .navbar-nav > li > a:focus {
373
- border-bottom: solid 2px transparent;
374
- }
375
-
376
- .header .navbar-default .navbar-nav > li > a:hover,
377
- .header .navbar-default .navbar-nav > .active > a {
378
- border-bottom: solid 2px #72c02c;
379
- }
380
-
381
- .header .navbar-default .navbar-nav > li > a,
382
- .header .navbar-default .navbar-nav > li > a:hover,
383
- .header .navbar-default .navbar-nav > li > a:focus,
384
- .header .navbar-default .navbar-nav > .active > a,
385
- .header .navbar-default .navbar-nav > .active > a:hover,
386
- .header .navbar-default .navbar-nav > .active > a:focus {
387
- background: none;
388
- }
389
-
390
-
391
- .header .navbar-default .navbar-nav > .open > a,
392
- .header .navbar-default .navbar-nav > .open > a:hover,
393
- .header .navbar-default .navbar-nav > .open > a:focus {
394
- color: #687074;
395
- }
396
-
397
- /*Dropdown Menu*/
398
- .header .dropdown-menu {
399
- padding: 0;
400
- border: none;
401
- min-width: 200px;
402
- border-radius: 0;
403
- z-index: 9999 !important;
404
- margin-top: -2px !important;
405
- border-top: solid 2px #72c02c;
406
- border-bottom: solid 2px #687074;
407
- }
408
-
409
- .header .dropdown-menu li a {
410
- color: #687074;
411
- font-size: 13px;
412
- font-weight: 400;
413
- padding: 6px 15px;
414
- border-bottom: solid 1px #eee;
415
- }
416
-
417
- .header .dropdown-menu .active > a,
418
- .header .dropdown-menu li > a:hover {
419
- color: #fff;
420
- filter: none !important;
421
- background: #687074 !important;
422
- -webkit-transition: all 0.1s ease-in-out;
423
- -moz-transition: all 0.1s ease-in-out;
424
- -o-transition: all 0.1s ease-in-out;
425
- transition: all 0.1s ease-in-out;
426
- }
427
-
428
- .header .dropdown-menu li > a:focus {
429
- background: none;
430
- filter: none !important;
431
- }
432
-
433
- .header .navbar-nav > li.dropdown:hover > .dropdown-menu {
434
- display: block;
435
- }
436
- }
437
-
438
- /*Search Box*/
439
- .header .navbar .nav > li > .search {
440
- color: #aaa;
441
- cursor: pointer;
442
- min-width: 35px;
443
- font-size: 15px;
444
- text-align: center;
445
- background: #f7f7f7;
446
- padding: 11px 0 12px;
447
- display: inline-block;
448
- border-bottom: solid 2px #aaa;
449
- }
450
-
451
- .header .navbar .nav > li > .search:hover {
452
- color: #72c02c;
453
- background: #f7f7f7;
454
- border-bottom-color: #72c02c;
455
- }
456
-
457
- .header .navbar .search-open {
458
- right: 0;
459
- top: 38px;
460
- display: none;
461
- padding: 14px;
462
- position: absolute;
463
- background: #fcfcfc;
464
- border-top: solid 2px #eee;
465
- box-shadow: 0 1px 3px #ddd;
466
- }
467
-
468
- .header .navbar .search-open form {
469
- margin: 0;
470
- }
471
-
472
- @media (min-width: 767px) {
473
- .header .navbar .search-open {
474
- width: 330px;
475
- }
476
-
477
- .header .open > .dropdown-menu,
478
- .header-v1 .open > .dropdown-menu {
479
- display: none;
480
- }
481
- }
482
-
483
- @media (max-width: 767px) {
484
- .header .navbar .nav > li > .search {
485
- color: #999;
486
- width: 35px;
487
- height: 34px;
488
- line-height: 12px;
489
- text-align: left;
490
- text-align: center;
491
- margin: 5px 10px 0;
492
- background: #eee;
493
- border-bottom: none;
494
- }
495
-
496
- .header .navbar .nav > li > .search:hover {
497
- background: #5fb611;
498
- color: #fff !important;
499
- }
500
-
501
- .header .navbar .search-open {
502
- top: 5px;
503
- padding: 0;
504
- left: 48px;
505
- border-top: none;
506
- box-shadow: none;
507
- background: none;
508
- margin-right: 10px;
509
- }
510
- }
511
-
512
- /*Header v1
513
- ------------------------------------*/
514
- .header-v1 {
515
- border-bottom: none;
516
- }
517
-
518
- /*Brand*/
519
- .header-v1 .navbar-brand {
520
- top: 2px;
521
- padding: 0 10px 10px;
522
- }
523
-
524
- /*Search Box*/
525
- .header-v1 .navbar .search-open {
526
- background: #f8f8f8;
527
- }
528
-
529
- @media (max-width: 767px) {
530
- .header-v1 .navbar .search-open {
531
- bottom: -6px;
532
- }
533
- }
534
-
535
- .header-v1 .navbar .nav > li > .search {
536
- padding: 11px;
537
- border: none;
538
- min-width: 37px;
539
- }
540
-
541
- .header-v1 .navbar .nav > li > .search:hover {
542
- background: #72c02c;
543
- color: #fff !important;
544
- }
545
-
546
- /*Toggle*/
547
- .header-v1 .navbar-toggle {
548
- margin-top: 3px;
549
- }
550
-
551
- /*Responsive Header v1*/
552
- @media (min-width: 767px) and (max-width: 992px) {
553
- /*Brand*/
554
- .header-v1 .navbar-brand {
555
- margin-bottom: 15px;
556
- }
557
- }
558
-
559
- @media (min-width: 767px) {
560
- /*Navbar*/
561
- .header-v1 .navbar-default .navbar-nav > li {
562
- margin-left: 1px;
563
- }
564
-
565
- .header-v1 .navbar-default .navbar-nav > li > a {
566
- padding: 9px 30px 6px 20px;
567
- }
568
-
569
- .header-v1 .navbar-default .navbar-nav > .active > a,
570
- .header-v1 .navbar-default .navbar-nav > li > a:hover,
571
- .header-v1 .navbar-default .navbar-nav > li > a:focus {
572
- color: #fff !important;
573
- background: #72c02c !important;
574
- }
575
-
576
- .header-v1 .navbar-default .navbar-nav > .open > a,
577
- .header-v1 .navbar-default .navbar-nav > .open > a:hover,
578
- .header-v1 .navbar-default .navbar-nav > .open > a:focus {
579
- color: #fff;
580
- background: #72c02c;
581
- }
582
-
583
- /*Dropdown Menu*/
584
- .header-v1 .dropdown-menu {
585
- background: #fafafa;
586
- }
587
- }
588
-
589
- /*Header Fixed
590
- ------------------------------------*/
591
- /*Header*/
592
- .header-fixed .header {
593
- height: 78px;
594
- }
595
-
596
- .header-fixed .header.header-fixed-shrink {
597
- top: 0;
598
- left: 0;
599
- width: 100%;
600
- height: 95px;
601
- z-index: 9999;
602
- position: fixed;
603
- margin-top: -35px;
604
- background: rgba(255,255,255, 0.9);
605
- border-bottom-color: #f5f5f5;
606
- -webkit-transition: height 0.6s;
607
- -moz-transition: height 0.6s;
608
- transition: height 0.6s;
609
- }
610
-
611
- /*Brand*/
612
- .header-fixed .header.header-fixed-shrink .navbar-brand {
613
- top: 10px;
614
- z-index: 1;
615
- position: relative;
616
- padding: 0 10px 10px;
617
- }
618
-
619
- .header-fixed .header.header-fixed-shrink .navbar-brand img {
620
- width: 90%;
621
- }
622
-
623
- .header-fixed .header.header-fixed-shrink .search,
624
- .header-fixed .header.header-fixed-shrink .active a {
625
- border-bottom: none !important;
626
- }
627
-
628
- .header-fixed .header.header-fixed-shrink .dropdown > a:after {
629
- top: 19px;
630
- }
631
-
632
- /*Toggle*/
633
- .header-fixed .navbar-toggle {
634
- margin-top: 5px;
635
- }
636
-
637
- /*Search Bar*/
638
- .header-fixed .header.header-fixed-shrink .search {
639
- margin-top: 12px;
640
- padding: 8px !important;
641
- color: #585f69 !important;
642
- background: none !important;
643
- }
644
-
645
- .header-fixed .header.header-fixed-shrink .search-open {
646
- border-top: none;
647
- background: rgba(255,255,255, 0.9);
648
- }
649
-
650
- /*Responsive Fixed Header*/
651
- @media (max-width: 992px) {
652
- /*Header*/
653
- .header-fixed .header {
654
- height: 118px;
655
- }
656
-
657
- .header-fixed .header.header-fixed-shrink {
658
- height: 135px;
659
- }
660
- }
661
-
662
- @media (max-width: 767px) {
663
- /*Header*/
664
- .header-fixed .header,
665
- .header-fixed .header.header-fixed-shrink {
666
- height: 88px;
667
- }
668
-
669
- /*Navbar*/
670
- .header-fixed .header .navbar-nav {
671
- background: #fff;
672
- padding: 6px 0;
673
- margin-top: 0px;
674
- border: solid 1px #eee;
675
- }
676
-
677
- .header-fixed .header .navbar-default .navbar-collapse,
678
- .header-fixed .header .navbar-default .navbar-form {
679
- border: none;
680
- }
681
-
682
- /*Toggle*/
683
- .header-fixed .navbar-toggle {
684
- margin-top: 9px;
685
- }
686
-
687
- /*Search*/
688
- .header-fixed .header.header-fixed-shrink .navbar .nav > li > .search {
689
- top: 5px;
690
- position: relative;
691
- }
692
- }
693
-
694
- @media (min-width: 767px) {
695
- /*Navbar*/
696
- .header-fixed .header.header-fixed-shrink .navbar-nav > li > a {
697
- padding: 19px 30px 18px 20px;
698
- border-bottom: solid 1px transparent !important;
699
- }
700
-
701
- /*Search Bar*/
702
- .header-fixed .header.header-fixed-shrink .search-open {
703
- top: 56px;
704
- }
705
- }
706
-
707
- /*Dropdown Submenu for BS3
708
- ------------------------------------*/
709
- .dropdown-submenu {
710
- position: relative;
711
- }
712
-
713
- .dropdown > a:after,
714
- .dropdown-submenu > a:after {
715
- top: 8px;
716
- right: 9px;
717
- font-size: 11px;
718
- content: "\f105";
719
- position: absolute;
720
- font-weight: normal;
721
- display: inline-block;
722
- font-family: FontAwesome;
723
- }
724
-
725
- @media (max-width: 767px) {
726
- .dropdown-submenu > a:after {
727
- content: " ";
728
- }
729
- }
730
-
731
- .dropdown > a > b.caret {
732
- display: none;
733
- }
734
- .dropdown > a:after {
735
- top: 9px;
736
- right: 15px;
737
- content: "\f107";
738
- }
739
-
740
- .dropdown-submenu > .dropdown-menu {
741
- top: 0;
742
- left: 100%;
743
- margin-top: -5px;
744
- margin-left: 0px;
745
- }
746
-
747
- .dropdown-submenu:hover > .dropdown-menu {
748
- display: block;
749
- }
750
-
751
- @media (max-width: 767px) {
752
- .dropdown-submenu > .dropdown-menu {
753
- display: block;
754
- margin-left: 15px;
755
- }
756
- }
757
-
758
- .dropdown-submenu.pull-left {
759
- float: none;
760
- }
761
-
762
- .dropdown-submenu.pull-left > .dropdown-menu {
763
- left: -100%;
764
- margin-left: 10px;
765
- }
766
-
767
- .dropdown-menu li [class^="fa-"],
768
- .dropdown-menu li [class*=" fa-"] {
769
- left: -3px;
770
- width: 1.25em;
771
- margin-right: 1px;
772
- position: relative;
773
- text-align: center;
774
- display: inline-block;
775
- }
776
- .dropdown-menu li [class^="fa-"].fa-lg,
777
- .dropdown-menu li [class*=" fa-"].fa-lg {
778
- /* increased font size for fa-lg */
779
- width: 1.5625em;
780
- }
781
-
782
- /*Menu Icons*/
783
- .menu-icon {
784
- margin-right: 10px;
785
- font-weight: 200;
786
- }
787
-
788
- /*Dropdown Show*/
789
- .dropdown-show {
790
- position: relative;
791
- display: inline-block;
792
- box-shadow: 0 0 4px #eee;
793
- }
794
-
795
- /*Main Styles
796
- ------------------------------------*/
797
- /*Purchase Block*/
798
- .purchase {
799
- padding: 25px 0 30px;
800
- border-bottom: solid 1px #eee;
801
- background: image-url('nunify/bg-breadcrumb.png') repeat;
802
- }
803
- .purchase p {
804
- margin-bottom: 0;
805
- }
806
- .purchase span {
807
- color: #666;
808
- display: block;
809
- font-size: 24px;
810
- line-height: 35px;
811
- font-weight: normal;
812
- margin-bottom: 12px;
813
- font-family: 'Open Sans', sans-serif;
814
- }
815
-
816
- .purchase .btn-buy {
817
- text-align: center;
818
- }
819
-
820
- .purchase .btn-buy a {
821
- margin-top: 27px;
822
- }
823
-
824
- .purchase .btn-buy a i {
825
- margin-right: 5px;
826
- }
827
-
828
- @media (max-width: 992px) {
829
- .purchase {
830
- text-align: center;
831
- }
832
-
833
- .purchase span {
834
- font-size: 22px;
835
- line-height: 29px;
836
- }
837
-
838
- .purchase .btn-buy a {
839
- margin-top: 25px;
840
- font-size: 16px;
841
- }
842
- }
843
-
844
- /*Service*/
845
- .service {
846
- overflow: hidden;
847
- margin-bottom: 10px;
848
- padding: 15px 15px 10px;
849
- }
850
- .service:hover {
851
- background: #fcfcfc;
852
- box-shadow: 0 0 5px #ddd;
853
- -webkit-transition: box-shadow 0.2s ease-in-out;
854
- -moz-transition: box-shadow 0.2s ease-in-out;
855
- -o-transition: box-shadow 0.2s ease-in-out;
856
- transition: box-shadow 0.2s ease-in-out;
857
- }
858
- .service:hover i {
859
- color: #656565;
860
- }
861
-
862
- .service .desc {
863
- padding: 0 15px;
864
- overflow: hidden;
865
- }
866
- .service .desc h4 {
867
- font-size: 22px;
868
- line-height: 25px;
869
- }
870
-
871
- .service .service-icon {
872
- float: left;
873
- padding: 10px;
874
- color: #72c02c;
875
- font-size: 35px;
876
- text-align: center;
877
- -webkit-transition: all 0.4s ease-in-out;
878
- -moz-transition: all 0.4s ease-in-out;
879
- -o-transition: all 0.4s ease-in-out;
880
- transition: all 0.4s ease-in-out;
881
- }
882
- .service .service-icon.icon-cogs {
883
- font-size: 37px;
884
- }
885
- .service .service-icon.icon-plane {
886
- font-size: 43px;
887
- }
888
-
889
- /* Recent Work */
890
- .recent-work a {
891
- text-align: center;
892
- background: #fcfcfc;
893
- display: inline-block;
894
- }
895
-
896
- .recent-work a:hover {
897
- text-decoration: none;
898
- }
899
-
900
- .recent-work a:hover strong {
901
- color: #555;
902
- }
903
-
904
- .recent-work em.overflow-hidden {
905
- display: block;
906
- }
907
-
908
- .recent-work a span {
909
- display: block;
910
- padding: 10px;
911
- border-bottom: solid 2px #eee;
912
- }
913
-
914
- .recent-work a strong {
915
- color: #555;
916
- display: block;
917
- }
918
-
919
- .recent-work a i {
920
- color: #777;
921
- }
922
-
923
- .recent-work a img {
924
- -webkit-transition: all 0.8s ease-in-out;
925
- -moz-transition: all 0.8s ease-in-out;
926
- -o-transition: all 0.8s ease-in-out;
927
- -ms-transition: all 0.8s ease-in-out;
928
- transition: all 0.8s ease-in-out;
929
- }
930
-
931
- .recent-work a:hover img {
932
- opacity: 0.8;
933
- -webkit-transform: scale(1.2) rotate(3deg);
934
- -moz-transform: scale(1.2) rotate(3deg);
935
- -o-transform: scale(1.0) rotate(3deg);
936
- -ms-transform: scale(1.2) rotate(3deg);
937
- transform: scale(1.2) rotate(3deg);
938
- }
939
-
940
- .recent-work a:hover span {
941
- border-bottom: solid 2px #72c02c;
942
- -webkit-transition: all 0.2s ease-in-out;
943
- -moz-transition: all 0.3s ease-in-out;
944
- -o-transition: all 0.2s ease-in-out;
945
- transition: all 0.3s ease-in-out;
946
- }
947
-
948
- /* Work */
949
- .work {
950
- margin-top: 6px;
951
- }
952
- .work .details {
953
- padding: 10px;
954
- }
955
- .work .caption {
956
- display: block;
957
- padding-top: 5px;
958
- color: #585f69 !important;
959
- font-size: 18px !important;
960
- }
961
- .work .caption:hover {
962
- cursor: pointer;
963
- color: #444 !important;
964
- text-decoration: underline;
965
- }
966
-
967
- /*Footer*/
968
- .footer {
969
- color: #dadada;
970
- background: #585f69;
971
- padding: 20px 0 30px;
972
- }
973
-
974
- .footer.margin-top-0 {
975
- margin-top: 0;
976
- }
977
-
978
- .footer p,
979
- .footer a {
980
- font-size: 14px;
981
- }
982
- .footer p {
983
- color: #dadada;
984
- }
985
-
986
- .footer a {
987
- color: #72c02c;
988
- }
989
- .footer a:hover {
990
- color: #a8f85f;
991
- -webkit-transition: all 0.4s ease-in-out;
992
- -moz-transition: all 0.4s ease-in-out;
993
- -o-transition: all 0.4s ease-in-out;
994
- transition: all 0.4s ease-in-out;
995
- }
996
-
997
- .footer h2,
998
- .footer h3,
999
- .footer h4 {
1000
- color: #e4e4e4;
1001
- background: none;
1002
- text-shadow: none;
1003
- }
1004
-
1005
- /*Footer Subsribe*/
1006
- .footer .footer-subsribe {
1007
- width: 85%;
1008
- }
1009
-
1010
- /*Footer Blog Posts*/
1011
- .footer .blog-list {
1012
- margin: 0;
1013
- padding: 0;
1014
- color: #dadada;
1015
- list-style: none;
1016
- }
1017
-
1018
- .footer .blog-list li {
1019
- padding: 0 0;
1020
- margin-bottom: 7px;
1021
- }
1022
- .footer .blog-list li span {
1023
- color: #818488;
1024
- }
1025
-
1026
- .footer .dl-horizontal,
1027
- .footer .dl-horizontal:hover {
1028
- border: none !important;
1029
- background: none !important;
1030
- }
1031
- .footer .posts .dl-horizontal a {
1032
- color: #dadada;
1033
- }
1034
- .footer .dl-horizontal a:hover {
1035
- color: #a8f85f !important;
1036
- }
1037
- .footer .dl-horizontal img {
1038
- border-color: #888 !important;
1039
- }
1040
-
1041
- /*Copyright*/
1042
- .copyright {
1043
- font-size: 12px;
1044
- padding: 11px 0 7px;
1045
- background: #3e4753;
1046
- border-top: solid 1px #777;
1047
- }
1048
-
1049
- .copyright p {
1050
- color: #dadada;
1051
- margin-top: 12px;
1052
- }
1053
-
1054
- .copyright a {
1055
- margin: 0 5px;
1056
- color: #72c02c;
1057
- }
1058
- .copyright a:hover {
1059
- color: #a8f85f;
1060
- }
1061
-
1062
- .copyright a img {
1063
- margin-top: 5px;
1064
- }
1065
-
1066
- /*Breadcrumbs
1067
- ------------------------------------*/
1068
- /*Default Breadcrumbs*/
1069
- .breadcrumbs {
1070
- overflow: hidden;
1071
- padding: 10px 0 6px;
1072
- border-bottom: solid 1px #eee;
1073
- background: image-url('nunify/bg-breadcrumb.png') repeat;
1074
- }
1075
- .breadcrumbs h1 {
1076
- color: #666;
1077
- font-size: 22px;
1078
- margin-top: 8px;
1079
- }
1080
-
1081
- .breadcrumb {
1082
- top: 10px;
1083
- padding-right: 0;
1084
- background: none;
1085
- position: relative;
1086
- }
1087
- .breadcrumb a {
1088
- color: #777;
1089
- }
1090
- .breadcrumb li.active,
1091
- .breadcrumb li a:hover {
1092
- color: #72c02c;
1093
- text-decoration: none;
1094
- }
1095
-
1096
- @media (max-width: 550px) {
1097
- .breadcrumbs h1.pull-left,
1098
- .breadcrumbs ul.pull-right {
1099
- width: 100%;
1100
- text-align: center;
1101
- }
1102
-
1103
- .breadcrumbs h1.pull-left {
1104
- margin-bottom: 0;
1105
- }
1106
-
1107
- .breadcrumbs .breadcrumb {
1108
- top: 0;
1109
- margin-bottom: 10px;
1110
- }
1111
- }
1112
-
1113
- /*Thumbnails
1114
- ------------------------------------*/
1115
- a.thumbnail {
1116
- padding: 0;
1117
- border: none;
1118
- margin-bottom: 15px;
1119
- }
1120
-
1121
- .thumbnail-style {
1122
- padding: 7px;
1123
- margin-bottom: 20px;
1124
- }
1125
- .thumbnail-style:hover {
1126
- box-shadow: 0 0 8px #ddd;
1127
- -webkit-transition: box-shadow 0.2s ease-in-out;
1128
- -moz-transition: box-shadow 0.2s ease-in-out;
1129
- -o-transition: box-shadow 0.2s ease-in-out;
1130
- transition: box-shadow 0.2s ease-in-out;
1131
- }
1132
-
1133
- .thumbnail h3,
1134
- .thumbnail-style h3 {
1135
- margin: 6px 0 8px 0;
1136
- }
1137
-
1138
- .thumbnail h3 a,
1139
- .thumbnail-style h3 a {
1140
- color: #585f69;
1141
- font-size: 20px;
1142
- }
1143
-
1144
- .thumbnail h3 a:hover,
1145
- .thumbnail-style h3 a:hover {
1146
- color: #72c02c;
1147
- text-decoration: none;
1148
- }
1149
-
1150
- .thumbnail-style .thumbnail-img {
1151
- position: relative;
1152
- margin-bottom: 11px;
1153
- }
1154
-
1155
- .thumbnail-style a.btn-more {
1156
- right: -10px;
1157
- bottom: 10px;
1158
- color: #fff;
1159
- padding: 1px 6px;
1160
- position: absolute;
1161
- background: #72c02c;
1162
- display: inline-block;
1163
- }
1164
- .thumbnail-style a.btn-more:hover {
1165
- text-decoration: none;
1166
- box-shadow: 0 0 0 2px #377500;
1167
- }
1168
- .thumbnail-style:hover a.btn-more {
1169
- right: 10px;
1170
- }
1171
-
1172
- .thumbnail-kenburn img {
1173
- left: 10px;
1174
- margin-left: -10px;
1175
- position: relative;
1176
- -webkit-transition: all 0.8s ease-in-out;
1177
- -moz-transition: all 0.8s ease-in-out;
1178
- -o-transition: all 0.8s ease-in-out;
1179
- -ms-transition: all 0.8s ease-in-out;
1180
- transition: all 0.8s ease-in-out;
1181
- }
1182
- .thumbnail-kenburn:hover img {
1183
- -webkit-transform: scale(1.2) rotate(2deg);
1184
- -moz-transform: scale(1.2) rotate(2deg);
1185
- -o-transform: scale(1.2) rotate(2deg);
1186
- -ms-transform: scale(1.2) rotate(2deg);
1187
- transform: scale(1.2) rotate(2deg);
1188
- }
1189
-
1190
- /*Servive Blocks
1191
- ------------------------------------*/
1192
- /*Service Alternative Block*/
1193
- .service-alternative .service:hover {
1194
- background: #76ca2c;
1195
- -webkit-transition: all 0.4s ease-in-out;
1196
- -moz-transition: all 0.4s ease-in-out;
1197
- -o-transition: all 0.4s ease-in-out;
1198
- transition: all 0.4s ease-in-out;
1199
- }
1200
- .service-alternative .service:hover i,
1201
- .service-alternative .service:hover p,
1202
- .service-alternative .service:hover h4 {
1203
- color: #fff;
1204
- }
1205
-
1206
- /*Servive Block Versions*/
1207
- .service-v1 h2 {
1208
- margin: 15px 0 10px;
1209
- font-size: 20px;
1210
- line-height: 28px;
1211
- }
1212
-
1213
- .service-v1 p {
1214
- text-align: justify;
1215
- }
1216
-
1217
- /*Blog Posts
1218
- ------------------------------------*/
1219
- .posts .dl-horizontal a {
1220
- color: #555;
1221
- }
1222
-
1223
- .posts .dl-horizontal {
1224
- margin-bottom: 15px;
1225
- overflow: hidden;
1226
- }
1227
-
1228
- .posts .dl-horizontal dt {
1229
- width: 60px;
1230
- float: left;
1231
- }
1232
-
1233
- .posts .dl-horizontal dt img {
1234
- width: 60px;
1235
- height: 60px;
1236
- padding: 2px;
1237
- margin-top: 2px;
1238
- border: solid 1px #ddd;
1239
- }
1240
-
1241
- .posts .dl-horizontal dd {
1242
- margin-left: 70px;
1243
- }
1244
-
1245
- .posts .dl-horizontal dd p {
1246
- margin: 0;
1247
- }
1248
-
1249
- .posts .dl-horizontal dd a {
1250
- font-size: 14px;
1251
- line-height: 16px !important;
1252
- }
1253
-
1254
- .posts .dl-horizontal dd a:hover {
1255
- color: #72c02c;
1256
- text-decoration: none;
1257
- }
1258
-
1259
- .posts .dl-horizontal:hover dt img,
1260
- .posts .dl-horizontal:hover dd a {
1261
- color: #72c02c;
1262
- border-color: #72c02c !important;
1263
- -webkit-transition: all 0.4s ease-in-out;
1264
- -moz-transition: all 0.4s ease-in-out;
1265
- -o-transition: all 0.4s ease-in-out;
1266
- transition: all 0.4s ease-in-out;
1267
- }
1268
-
1269
- /*About Page
1270
- ------------------------------------*/
1271
- .team ul.team-socail {
1272
- text-align: right;
1273
- }
1274
-
1275
- .team ul.team-socail li {
1276
- padding: 0 !important;
1277
- margin: 0 !important;
1278
- }
1279
-
1280
- .team ul.team-socail li a,
1281
- .team ul.team-socail li a:hover {
1282
- text-decoration: none;
1283
- }
1284
-
1285
- .team ul.team-socail li i {
1286
- color: #aaa;
1287
- padding: 3px;
1288
- min-width: 30px;
1289
- font-size: 20px;
1290
- text-align: center;
1291
- background: #f7f7f7;
1292
- display: inline-block;
1293
- }
1294
-
1295
- .team ul.team-socail li i:hover {
1296
- color: #fff;
1297
- background: #72c02c;
1298
- -webkit-transition: all 0.2s ease-in-out;
1299
- -moz-transition: all 0.2s ease-in-out;
1300
- -o-transition: all 0.2s ease-in-out;
1301
- transition: all 0.2s ease-in-out;
1302
- }
1303
-
1304
- .team .thumbnail-style {
1305
- padding: 12px;
1306
- }
1307
-
1308
- .team .thumbnail-style img {
1309
- margin-bottom: 7px;
1310
- }
1311
-
1312
- .team .thumbnail-style h3 {
1313
- margin-bottom-bottom: 5px;
1314
- }
1315
-
1316
- .team .thumbnail-style:hover h3 a {
1317
- color: #72c02c !important;
1318
- }
1319
-
1320
- .team .thumbnail-style small {
1321
- display: block;
1322
- margin-top: 5px;
1323
- font-size: 12px;
1324
- }
1325
-
1326
- /*About Me Page
1327
- ------------------------------------*/
1328
- .about-me {
1329
- overflow: hidden;
1330
- }
1331
-
1332
- .about-me h2 {
1333
- margin: 0;
1334
- font-size: 20px;
1335
- text-transform: uppercase;
1336
- }
1337
-
1338
- .about-me span {
1339
- color: #999;
1340
- display: block;
1341
- font-size: 14px;
1342
- margin-bottom: 10px;
1343
- }
1344
-
1345
- .about-me .social-icons {
1346
- margin-top: 7px;
1347
- }
1348
-
1349
- /*About My Goals*/
1350
- .about-my-goals h2 {
1351
- text-transform: uppercase;
1352
- }
1353
-
1354
- /*About Skills*/
1355
- .about-skills {
1356
- padding: 40px 0;
1357
- border-top: 1px solid #eee;
1358
- border-bottom: 1px solid #eee;
1359
- background: image-url('nunify/bg-breadcrumb.png') repeat;
1360
- }
1361
-
1362
- /*Gallery Page
1363
- ------------------------------------*/
1364
- .gallery-page .thumbnail,
1365
- .gallery-page .thumbnail:hover {
1366
- padding: 0;
1367
- border: none;
1368
- box-shadow: none;
1369
- }
1370
- .gallery-page .thumbnails {
1371
- margin-bottom:6px;
1372
- }
1373
-
1374
- /*Privacy Page
1375
- ------------------------------------*/
1376
- .privacy a {
1377
- text-decoration: underline;
1378
- }
1379
- .privacy a:hover {
1380
- color: #72c02c;
1381
- text-decoration: none;
1382
- }
1383
-
1384
- /*Portfolio Item Page v1
1385
- ------------------------------------*/
1386
- .portfolio-item h2 {
1387
- color: #555;
1388
- font-size: 24px;
1389
- margin: 0 0 15px;
1390
- }
1391
- .portfolio-item li {
1392
- padding: 3px 0;
1393
- }
1394
- .portfolio-item p a {
1395
- text-decoration: underline;
1396
- }
1397
- .portfolio-item p a:hover {
1398
- text-decoration: none;
1399
- }
1400
-
1401
- /*Portfolio Item v1*/
1402
- .portfolio-item1 ul {
1403
- margin: 10px 0 20px;
1404
- }
1405
-
1406
- .portfolio-item1 li {
1407
- font-size: 16px;
1408
- margin-bottom: 3px;
1409
- }
1410
-
1411
- .portfolio-item1 li i {
1412
- font-size: 18px;
1413
- margin-right: 4px;
1414
- }
1415
-
1416
- /*Sidebar Features
1417
- ------------------------------------*/
1418
- /*Blog Tags*/
1419
- ul.blog-tags li {
1420
- display: inline-block;
1421
- }
1422
-
1423
- ul.blog-tags a {
1424
- font-size :13px;
1425
- padding: 2px 7px;
1426
- background: #f7f7f7;
1427
- margin: 0 3px 6px 0;
1428
- display: inline-block;
1429
- }
1430
-
1431
- ul.blog-tags a i {
1432
- color: #666;
1433
- }
1434
-
1435
- ul.blog-tags a:hover {
1436
- background: #72c02c;
1437
- }
1438
-
1439
- ul.blog-tags a:hover,
1440
- ul.blog-tags a:hover i {
1441
- color: #fff !important;
1442
- text-decoration: none;
1443
- -webkit-transition: all 0.2s ease-in-out;
1444
- -moz-transition: all 0.2s ease-in-out;
1445
- -o-transition: all 0.2s ease-in-out;
1446
- transition: all 0.2s ease-in-out;
1447
- }
1448
-
1449
- /*Blog Photo Stream*/
1450
- .blog-photos li {
1451
- display: inline;
1452
- }
1453
- .blog-photos li img {
1454
- opacity: 0.6;
1455
- width: 58px;
1456
- height: 58px;
1457
- margin: 0 2px 8px;
1458
- }
1459
- .blog-photos li img:hover {
1460
- opacity: 1;
1461
- box-shadow: 0 0 0 2px #72c02c;
1462
- }
1463
-
1464
- /*Blog Latest Tweets*/
1465
- .blog-twitter .blog-twitter-inner {
1466
- padding: 10px;
1467
- background: #f7f7f7;
1468
- position: relative;
1469
- margin-bottom: 10px;
1470
- /*border-top: solid 2px #eee;*/
1471
- }
1472
-
1473
- .blog-twitter .blog-twitter-inner,
1474
- .blog-twitter .blog-twitter-inner:after,
1475
- .blog-twitter .blog-twitter-inner:before {
1476
- transition: all 0.3s ease-in-out;
1477
- -o-transition: all 0.3s ease-in-out;
1478
- -ms-transition: all 0.3s ease-in-out;
1479
- -moz-transition: all 0.3s ease-in-out;
1480
- -webkit-transition: all 0.3s ease-in-out;
1481
- }
1482
-
1483
- .blog-twitter .blog-twitter-inner:after,
1484
- .blog-twitter .blog-twitter-inner:before {
1485
- width: 0;
1486
- height: 0;
1487
- right: 0px;
1488
- bottom: 0px;
1489
- content: " ";
1490
- display: block;
1491
- position: absolute;
1492
- }
1493
-
1494
- .blog-twitter .blog-twitter-inner:after {
1495
- border-top: 15px solid #eee;
1496
- border-right: 15px solid transparent;
1497
- border-left: 0px solid transparent;
1498
- border-left-style: inset; /*FF fixes*/
1499
- border-right-style: inset; /*FF fixes*/
1500
- }
1501
- .blog-twitter .blog-twitter-inner:before {
1502
- border-bottom: 15px solid #fff;
1503
- border-right: 0 solid transparent;
1504
- border-left: 15px solid transparent;
1505
- border-left-style: inset; /*FF fixes*/
1506
- border-bottom-style: inset; /*FF fixes*/
1507
- }
1508
-
1509
- .blog-twitter .blog-twitter-inner:hover {
1510
- border-color: #72c02c;
1511
- border-top-color: #72c02c;
1512
- }
1513
- .blog-twitter .blog-twitter-inner:hover:after {
1514
- border-top-color: #72c02c;
1515
- }
1516
-
1517
- .blog-twitter .blog-twitter-inner span.twitter-time {
1518
- color: #777;
1519
- display: block;
1520
- font-size: 11px;
1521
- }
1522
-
1523
- .blog-twitter .blog-twitter-inner a {
1524
- color: #72c02c;
1525
- text-decoration: none;
1526
- }
1527
- .blog-twitter .blog-twitter-inner a:hover {
1528
- text-decoration: underline;
1529
- }
1530
-
1531
- .blog-twitter .blog-twitter-inner i.fa {
1532
- top: 2px;
1533
- color: #bbb;
1534
- font-size: 18px;
1535
- position: relative;
1536
- }
1537
-
1538
- /*Choose Block*/
1539
- .who li {
1540
- margin-bottom: 6px;
1541
- }
1542
- .who li i {
1543
- color: #72c02c;
1544
- font-size: 13px;
1545
- margin-right: 8px;
1546
- position: relative;
1547
- }
1548
- .who li:hover i,
1549
- .who li:hover a {
1550
- color: #777;
1551
- }
1552
- .who li:hover a:hover {
1553
- text-decoration: none;
1554
- }
1555
-
1556
- /*Promo Page
1557
- ------------------------------------*/
1558
- /*Slider Part*/
1559
- .fullwidthbanner-container.slider-promo {
1560
- max-height: 460px !important;
1561
- }
1562
-
1563
- .slider-promo-info-bg {
1564
- padding: 25px 20px 20px;
1565
- background: image-url('nunify/bg-black.png') repeat;
1566
- }
1567
-
1568
- .slider-promo-info span.big-size {
1569
- color: #fff;
1570
- display: block;
1571
- font-size: 30px;
1572
- margin-bottom: 25px;
1573
- text-shadow: 0 !important;
1574
- }
1575
-
1576
- .slider-promo-info p {
1577
- color: #fff;
1578
- font-size: 16px;
1579
- margin-bottom: 0;
1580
- }
1581
-
1582
- /*Promo Box*/
1583
- .promo-box {
1584
- padding: 20px;
1585
- margin: 25px 0 20px;
1586
- text-align: center;
1587
- }
1588
-
1589
- .promo-box i {
1590
- display: block;
1591
- font-size: 50px;
1592
- }
1593
-
1594
- .promo-box p {
1595
- font-size: 14px;
1596
- margin-bottom: 0;
1597
- }
1598
-
1599
- .promo-box strong,
1600
- .promo-box strong a {
1601
- color: #555;
1602
- display: block;
1603
- font-size: 20px;
1604
- font-weight: 200;
1605
- margin: 20px 0 15px;
1606
- }
1607
-
1608
- .promo-box:hover strong,
1609
- .promo-box:hover strong a {
1610
- color: #72c02c;
1611
- }
1612
-
1613
- /*Promo Service*/
1614
- .promo-service {
1615
- margin-bottom: 20px;
1616
- }
1617
-
1618
- .promo-service li {
1619
- margin-bottom: 5px;
1620
- }
1621
-
1622
- .promo-service a.btn-u {
1623
- margin: 0 20px 10px 0;
1624
- }
1625
-
1626
- /*Promo Elements*/
1627
- .title-box {
1628
- font-size: 16px;
1629
- text-align: center;
1630
- padding: 10px 0 30px;
1631
- border-bottom: solid 1px #eee;
1632
- }
1633
-
1634
- .title-box .title-box-text {
1635
- color: #555;
1636
- display: block;
1637
- font-size: 35px;
1638
- font-weight: 200;
1639
- }
1640
-
1641
- @media (max-width: 768px) {
1642
- .title-box .title-box-text {
1643
- font-size: 26px;
1644
- line-height: 34px;
1645
- margin-bottom: 10px;
1646
- }
1647
- .title-box p {
1648
- font-size: 15px;
1649
- }
1650
- }
1651
-
1652
- .block-blockquote {
1653
- margin: 20px 0;
1654
- text-align: center;
1655
- border: dashed 1px #ccc;
1656
- }
1657
-
1658
- .block-blockquote-inner {
1659
- padding: 15px;
1660
- }
1661
-
1662
- .block-blockquote p {
1663
- font-size: 26px;
1664
- margin-bottom: 0;
1665
- }
1666
-
1667
- /*Info Blocks*/
1668
- .info-blocks {
1669
- margin-bottom: 15px;
1670
- }
1671
-
1672
- .info-blocks:hover i.icon-info-blocks {
1673
- color: #72c02c;
1674
- -webkit-transition:all 0.2s ease-in-out;
1675
- -moz-transition:all 0.2s ease-in-out;
1676
- -o-transition:all 0.2s ease-in-out;
1677
- transition:all 0.2s ease-in-out;
1678
- }
1679
-
1680
- .info-blocks i.icon-info-blocks {
1681
- float: left;
1682
- color: #777;
1683
- font-size: 30px;
1684
- min-width: 50px;
1685
- margin-top: 10px;
1686
- text-align: center;
1687
- }
1688
-
1689
- .info-blocks .info-blocks-in {
1690
- padding: 0 10px;
1691
- overflow: hidden;
1692
- }
1693
-
1694
- .info-blocks .info-blocks-in h3 {
1695
- color: #555;
1696
- font-size: 20px;
1697
- line-height: 28px;
1698
- }
1699
-
1700
- .info-blocks .info-blocks-in p {
1701
- font-size: 12px;
1702
- }
1703
-
1704
- /*Brand Page
1705
- ------------------------------------*/
1706
- .brand-page .btn {
1707
- margin-bottom: 10px;
1708
- }
1709
-
1710
- /*Form Pages
1711
- ------------------------------------*/
1712
- .form-page input,
1713
- .form-page select {
1714
- margin-bottom: 10px;
1715
- }
1716
-
1717
- /*Labels and Badges Page
1718
- ------------------------------------*/
1719
- ul.labels-demo {
1720
- margin: 5px 0;
1721
- }
1722
-
1723
- ul.labels-demo li {
1724
- list-style: none;
1725
- display: inline-block;
1726
- margin: 0 5px 2px 0;
1727
- }
1728
-
1729
- .badge-sidebar {
1730
- border-left: solid 1px #eee;
1731
- }
1732
-
1733
- @media (max-width: 991px) {
1734
- .badge-sidebar {
1735
- border-left: none;
1736
- }
1737
- }
1738
-
1739
- /*Line Icon Page
1740
- ------------------------------------*/
1741
- .line-icon-page .item-box {
1742
- width: 25%;
1743
- float: left;
1744
- height: 90px;
1745
- text-align: center;
1746
- padding: 20px 10px;
1747
- margin: 0 -1px -1px 0;
1748
- border: 1px solid #ddd;
1749
- word-wrap: break-word;
1750
- }
1751
-
1752
- @media (max-width: 768px) {
1753
- .line-icon-page .item-box {
1754
- height: 115px;
1755
- }
1756
- }
1757
-
1758
- @media (max-width: 450px) {
1759
- .line-icon-page .item-box {
1760
- height: 130px;
1761
- }
1762
- }
1763
-
1764
- .line-icon-page .item-box:hover {
1765
- background: #fafafa;
1766
- }
1767
-
1768
- .line-icon-page .item span {
1769
- display: block;
1770
- font-size: 28px;
1771
- margin-bottom: 10px;
1772
- }
1773
-
1774
- .line-icon-page .item:hover {
1775
- color: #72c02c;
1776
- }
1777
-
1778
- /*GLYPHICONS Icons Page
1779
- ------------------------------------*/
1780
- /*Special styles for displaying the icons and their classes*/
1781
- .bs-glyphicons {
1782
- padding-left: 0;
1783
- list-style: none;
1784
- overflow: hidden;
1785
- padding-bottom: 1px;
1786
- margin-bottom: 20px;
1787
- }
1788
-
1789
- .bs-glyphicons li {
1790
- width: 25%;
1791
- float: left;
1792
- height: 115px;
1793
- padding: 10px;
1794
- font-size: 12px;
1795
- line-height: 1.4;
1796
- text-align: center;
1797
- margin: 0 -1px -1px 0;
1798
- border: 1px solid #ddd;
1799
- }
1800
-
1801
- .bs-glyphicons .glyphicon {
1802
- display: block;
1803
- font-size: 24px;
1804
- margin: 5px auto 10px;
1805
- }
1806
-
1807
- .bs-glyphicons li:hover {
1808
- color: #72c02c;
1809
- background-color: #fafafa;
1810
- }
1811
-
1812
- @media (min-width: 768px) {
1813
- .bs-glyphicons li {
1814
- width: 12.5%;
1815
- }
1816
- }
1817
-
1818
- /*Contact Pages
1819
- ------------------------------------*/
1820
- .map {
1821
- width: 100%;
1822
- height: 350px;
1823
- border-top: solid 1px #eee;
1824
- border-bottom: solid 1px #eee;
1825
- }
1826
-
1827
- .gm-style-iw {
1828
- /*overflow: inherit !important;*/
1829
- }
1830
-
1831
- .map-box {
1832
- height: 250px;
1833
- }
1834
-
1835
- .map-box-space {
1836
- margin-top: 15px;
1837
- }
1838
-
1839
- .map-box-space1 {
1840
- margin-top: 7px;
1841
- }
1842
-
1843
- /*Background Opacity
1844
- ------------------------------------*/
1845
- .service-or {
1846
- overflow: hidden;
1847
- position: relative;
1848
- }
1849
-
1850
- .service-bg {
1851
- background-color: rgba(255,255,255,0.1);
1852
- width: 250px;
1853
- padding: 60px;
1854
- position: absolute;
1855
- top: -10px;
1856
- right: -100px;
1857
- transform: rotate(55deg);
1858
- -o-transform: rotate(55deg);
1859
- -ms-transform: rotate(55deg);
1860
- -moz-transform: rotate(55deg);
1861
- -webkit-transform: rotate(55deg);
1862
- }
1863
-
1864
- /*Service Block v2
1865
- ------------------------------------*/
1866
- .servive-block-v2 .servive-block-in {
1867
- padding: 20px 30px;
1868
- text-align: center;
1869
- margin-bottom: 15px;
1870
- background: rgba(255,255,255,0.2);
1871
- }
1872
-
1873
- .servive-block-v2 .servive-block-in img {
1874
- width: 100%;
1875
- margin-bottom: 15px;
1876
- }
1877
-
1878
- .servive-block-v2 .servive-block-in i {
1879
- font-size: 40px;
1880
- }
1881
-
1882
- .servive-block-v2 .servive-block-in h4 {
1883
- line-height: 25px;
1884
- }
1885
-
1886
- .servive-block-v2 .servive-block-in p {
1887
- margin-bottom: 20px;
1888
- }
1889
-
1890
- .servive-block-v2 .servive-block-in i,
1891
- .servive-block-v2 .servive-block-in h4,
1892
- .servive-block-v2 .servive-block-in p {
1893
- color: #fff;
1894
- }
1895
-
1896
- /*Easy Block
1897
- ------------------------------------*/
1898
- .easy-block-v1 {
1899
- position: relative;
1900
- }
1901
-
1902
- .easy-block-v1 img {
1903
- width: 100%;
1904
- }
1905
-
1906
- .easy-block-v1 .overflow-h h3 {
1907
- width: 60%;
1908
- float: left;
1909
- font-size: 18px;
1910
- line-height: 24px;
1911
- margin-bottom: 5px;
1912
- }
1913
-
1914
- .easy-block-v1 .easy-block-v1-badge {
1915
- left: 0px;
1916
- top: 10px;
1917
- z-index: 1;
1918
- color: #fff;
1919
- padding: 4px 10px;
1920
- position: absolute;
1921
- }
1922
-
1923
- /*Easy Block v2
1924
- ------------------------------------*/
1925
- .easy-block-v2 {
1926
- overflow: hidden;
1927
- position: relative;
1928
- margin-bottom: 20px;
1929
- }
1930
-
1931
- .easy-block-v2 img {
1932
- width: 100%;
1933
- }
1934
-
1935
- .easy-bg-v2 {
1936
- top: 5px;
1937
- color: #fff;
1938
- width: 100px;
1939
- padding: 5px;
1940
- right: -32px;
1941
- font-size: 13px;
1942
- position: absolute;
1943
- text-align: center;
1944
- letter-spacing: 2px;
1945
- transform: rotate(45deg);
1946
- -o-transform: rotate(45deg);
1947
- -ms-transform: rotate(45deg);
1948
- -moz-transform: rotate(45deg);
1949
- -webkit-transform: rotate(45deg);
1950
- }
1951
-
1952
- .rgba-red { background-color: rgba(231,76,60,0.8);}
1953
- .rgba-blue{ background-color: rgba(52,152,219,0.8);}
1954
- .rgba-default { background-color: rgba(114,192,44,0.8);}
1955
- .rgba-purple { background-color: rgba(155,107,204,0.8);}
1956
-
1957
- /*Easy Block v3
1958
- ------------------------------------*/
1959
- .easy-block-v3 {
1960
- text-align: left;
1961
- background: #585f69;
1962
- margin-bottom: 10px;
1963
- padding: 30px 20px 20px;
1964
- }
1965
-
1966
- .easy-block-v3.first {
1967
- background: #696f77;
1968
- }
1969
- .easy-block-v3.second {
1970
- background: #707780;
1971
- }
1972
- .easy-block-v3.third {
1973
- background: #787f88;
1974
- }
1975
-
1976
- .easy-block-v3 i {
1977
- color: #fff;
1978
- float: left;
1979
- font-size: 30px;
1980
- min-width: 45px;
1981
- padding-top: 10px;
1982
- }
1983
-
1984
- .easy-block-v3 .inner-faq-b {
1985
- overflow: hidden;
1986
- }
1987
-
1988
- .easy-block-v3 .inner-faq-b h2,
1989
- .easy-block-v3 .inner-faq-b h3 {
1990
- font-size: 21px;
1991
- margin-bottom: 8px;
1992
- }
1993
-
1994
- .easy-block-v3 .inner-faq-b h4 {
1995
- color: #fff;
1996
- font-size: 17px;
1997
- margin-bottom: 2px;
1998
- }
1999
-
2000
- .easy-block-v3 .inner-faq-b h2,
2001
- .easy-block-v3 .inner-faq-b h3,
2002
- .easy-block-v3 .inner-faq-b p {
2003
- color: #fff;
2004
- }
2005
-
2006
- /*Full Width Block
2007
- ------------------------------------*/
2008
- .full-w-block {
2009
- padding: 30px 0;
2010
- background: #282828;
2011
- }
2012
-
2013
- .full-w-block .info-blocks i,
2014
- .full-w-block .info-blocks-in h3 {
2015
- color: #fff;
2016
- }
2017
-
2018
- .full-w-block .info-blocks-in p {
2019
- color: #ccc;
2020
- }
2021
-
2022
- .full-w-block .info-blocks:hover i.icon-info-blocks {
2023
- color: #fff;
2024
- }
2025
-
2026
- /*Team v2
2027
- ------------------------------------*/
2028
- .team-v2 {
2029
- position: relative;
2030
- margin-bottom: 20px;
2031
- }
2032
-
2033
- .team-v2 img {
2034
- width: 100%;
2035
- }
2036
-
2037
- .team-v2 .inner-team {
2038
- padding: 20px;
2039
- background: #fff;
2040
- text-align: center;
2041
- }
2042
-
2043
- .team-v2 .inner-team h3 {
2044
- margin: 0;
2045
- }
2046
-
2047
- .team-v2 .inner-team small {
2048
- display: block;
2049
- font-size: 12px;
2050
- margin-bottom: 7px;
2051
- }
2052
-
2053
- .team-v2 .inner-team p {
2054
- font-size: 13px;
2055
- }
2056
-
2057
- .team-v2 .inner-team hr {
2058
- margin: 10px 0 15px;
2059
- }
2060
-
2061
- /*Team-Social ---- Temporary*/
2062
- .team-social {
2063
- margin-bottom: 0;
2064
- }
2065
-
2066
- .team-social li {
2067
- padding: 0 2px;
2068
- }
2069
-
2070
- .team-social li a {
2071
- font-size: 14px;
2072
- padding: 6px 4px;
2073
- border-radius: 50% !important;
2074
- }
2075
-
2076
- .team-social li i {
2077
- min-width: 20px;
2078
- }
2079
-
2080
- .team-social li a.fb {
2081
- color: #4862a3;
2082
- border: 1px solid #4862a3;
2083
- }
2084
-
2085
- .team-social li a.tw {
2086
- color: #159ceb;
2087
- border: 1px solid #159ceb;
2088
- }
2089
-
2090
- .team-social li a.gp {
2091
- color: #dc4a38;
2092
- border: 1px solid #dc4a38;
2093
- }
2094
-
2095
- .team-social li a:hover {
2096
- text-decoration: none;
2097
- }
2098
-
2099
- .team-social li a.fb:hover {
2100
- color: #fff;
2101
- background: #4862a3;
2102
- }
2103
-
2104
- .team-social li a.tw:hover {
2105
- color: #fff;
2106
- background: #159ceb;
2107
- }
2108
-
2109
- .team-social li a.gp:hover {
2110
- color: #fff;
2111
- background: #dc4a38;
2112
- }
2113
-
2114
- /*Simple Block
2115
- ------------------------------------*/
2116
- .simple-block {
2117
- margin-bottom: 20px;
2118
- }
2119
-
2120
- .simple-block img {
2121
- width: 100%;
2122
- }
2123
-
2124
- .simple-block p {
2125
- text-align: center;
2126
- }
2127
-
2128
- .simple-block .carousel-indicators {
2129
- top: 10px;
2130
- left: 65%;
2131
- text-align: right;
2132
- }
2133
-
2134
- .simple-block .carousel-indicators .active {
2135
- background: #555;
2136
- }
2137
-
2138
- .simple-block .carousel-indicators li {
2139
- border-color: #555;
2140
- }
2141
-
2142
- .simple-block .carousel-inner > .item {
2143
- margin: 0;
2144
- }
2145
-
2146
- /*Two Blocks
2147
- ------------------------------------*/
2148
- .two-blocks {
2149
- text-align: center;
2150
- }
2151
-
2152
- .two-blocks-in {
2153
- margin-bottom: 30px;
2154
- }
2155
-
2156
- .two-blocks-in i {
2157
- color: #fff;
2158
- padding: 11px;
2159
- font-size: 30px;
2160
- min-width: 50px;
2161
- text-align: center;
2162
- background: #585f69;
2163
- margin-bottom: 10px;
2164
- display: inline-block;
2165
- }
2166
-
2167
- /*Three Blocks
2168
- ------------------------------------*/
2169
- .three-blocks {
2170
- text-align: center;
2171
- }
2172
-
2173
- .three-blocks-in {
2174
- margin-bottom: 30px;
2175
- }
2176
-
2177
- .three-blocks-in i {
2178
- color: #777;
2179
- padding: 9px 6px;
2180
- font-size: 20px;
2181
- min-width: 40px;
2182
- margin-bottom: 10px;
2183
- border: 1px solid #777;
2184
- }
2185
-
2186
- .three-blocks-in h3 {
2187
- font-size: 20px;
2188
- margin-bottom: 7px;
2189
- }
2190
-
2191
- /*Temperory Classes
2192
- ------------------------------------*/
2193
- /*Banner-info*/
2194
- .banner-info {
2195
- margin-bottom: 10px;
2196
- }
2197
-
2198
- .banner-info i {
2199
- float: left;
2200
- color: #fff;
2201
- padding: 11px;
2202
- /*min-width works with line-icon*/
2203
- min-width: 40px;
2204
- font-size: 22px;
2205
- text-align: center;
2206
- margin: 7px 20px 0 0;
2207
- }
2208
-
2209
- /*min-width works with FontAwesome*/
2210
- .banner-info i.fa {
2211
- min-width: 46px;
2212
- }
2213
-
2214
- .banner-info.light i {
2215
- border: 1px solid #fff;
2216
- }
2217
-
2218
- .banner-info.dark i {
2219
- background: #585f69;
2220
- }
2221
-
2222
- .banner-info h3 {
2223
- font-size: 21px;
2224
- margin-bottom: 5px;
2225
- }
2226
-
2227
- .banner-info.light h3 { color: #fff; }
2228
- .banner-info.light p { color: #eee; }
2229
-
2230
- /*Breadcrumb-V2*/
2231
- .breadcrumbs-v2 {
2232
- text-align: center;
2233
- position: relative;
2234
- background: image-url('nunify/bg/11.jpg') no-repeat center;
2235
- }
2236
-
2237
- .breadcrumbs-v2-in {
2238
- padding: 60px 0;
2239
- position: relative;
2240
- }
2241
-
2242
- .breadcrumbs-v2 h1 {
2243
- color: #fff;
2244
- text-transform: uppercase;
2245
- }
2246
-
2247
- .breadcrumb-v2 li a,
2248
- .breadcrumb-v2 li.active {
2249
- color: #fff;
2250
- }
2251
-
2252
- .breadcrumb-v2 li i {
2253
- color: #fff;
2254
- min-width: 19px;
2255
- padding: 3px 7px;
2256
- margin-right: 5px;
2257
- text-align: center;
2258
- border: 1px solid #fff;
2259
- }
2260
-
2261
- /*Breadcrumbs-v3*/
2262
- .breadcrumbs-v3 {
2263
- padding: 10px 0;
2264
- background: #585f69;
2265
- border-bottom: 1px solid #eee;
2266
- }
2267
-
2268
- .breadcrumbs-v3 h1 {
2269
- color: #fff;
2270
- margin: 3px 0;
2271
- font-size: 22px;
2272
- font-weight: 200;
2273
- }
2274
-
2275
- .breadcrumbs-v3 .breadcrumb {
2276
- padding: 0;
2277
- margin-top: 2px;
2278
- margin-bottom: 0;
2279
- }
2280
-
2281
- .breadcrumbs-v3 .breadcrumb li a {
2282
- color: #fff;
2283
- }
2284
-
2285
- /*Title-Box-V2*/
2286
- .title-box-v2 {
2287
- text-align: center;
2288
- margin-bottom: 40px;
2289
- }
2290
-
2291
- .title-box-v2 h2 {
2292
- font-size: 25px;
2293
- text-transform: uppercase;
2294
- }
2295
-
2296
- .title-box-v2 p {
2297
- font-size: 13px;
2298
- }
2299
-
2300
- /*remove padding from "Col-"*/
2301
- .no-space {
2302
- padding: 0;
2303
- }
2304
-
2305
- /*List Style v1*/
2306
- .list-style-v1 li {
2307
- margin-bottom: 7px;
2308
- }
2309
-
2310
- .list-style-v1 i {
2311
- margin-right: 5px;
2312
- }