universal 0.3.2 → 0.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/_includes/banner.html +2 -2
- data/_includes/cta.questions.html +2 -2
- data/_includes/customers.html +2 -2
- data/_includes/get.it.html +4 -2
- data/_includes/head.html +4 -11
- data/_includes/header.prod.html +37 -26
- data/_includes/header.sales-no-tel.html +34 -6
- data/_includes/header.sales.html +39 -7
- data/_includes/offer.html +12 -12
- data/_includes/team.html +2 -2
- data/_includes/testimonials.html +3 -3
- data/assets/css/combined copy.css +357 -0
- data/assets/css/combined.css +60 -59
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 854b0d08ecb55532cc98747ff0987a6324092fb2db085782e55aa709ab8681d4
|
|
4
|
+
data.tar.gz: 4da7395deb55a74ecbcdaca8afeab99d58ae69d3baa1ba0eba887e61cf356180
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: d03f0872630c030ed656658dfbcfc6076314098dacfacbaab6edb914d29ccc9cc079c9e4d0d931a41fc168b5e28f0be874c64fec522f29ace9d74d0b97e57ccc
|
|
7
|
+
data.tar.gz: 15ec28ea61341e8c0c0cec121264c8af2bdfbcc902dbc35bd6015a14c49052c7992173af8e4f318ad2295efb90343d77ebb6229d71f1c3db353c8a7101ddca19
|
data/_includes/banner.html
CHANGED
|
@@ -7,8 +7,8 @@
|
|
|
7
7
|
<br>
|
|
8
8
|
<h1 class="text-uppercase">{{ site.title }}</h1>
|
|
9
9
|
<br>
|
|
10
|
-
<h3 class="text-uppercase">{{
|
|
11
|
-
<p class="lead">{{
|
|
10
|
+
<h3 class="text-uppercase">{{ page.proposition }}</h3>
|
|
11
|
+
<p class="lead">{{ page.subproposition }}</p>
|
|
12
12
|
<p class="text-center">
|
|
13
13
|
<a href="#footer" class="btn btn-default btn-lg">Contactez nous !</a>
|
|
14
14
|
</p>
|
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
<div class="col-md-12">
|
|
6
6
|
<div class="icon icon-lg"><i class="fa fa-question"></i>
|
|
7
7
|
</div>
|
|
8
|
-
<h3 class="text-uppercase"
|
|
9
|
-
<p class="lead"
|
|
8
|
+
<h3 class="text-uppercase">Vous avez encore des questions ?</h3>
|
|
9
|
+
<p class="lead">Notre équipe se fera un plaisir de répondre à toutes vos interrogations.</p>
|
|
10
10
|
<p class="text-center">
|
|
11
11
|
<a href="#footer" class="btn btn-template-transparent-black btn-lg">Contactez nous !</a>
|
|
12
12
|
</p>
|
data/_includes/customers.html
CHANGED
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
<div class="row">
|
|
4
4
|
<div class="col-md-12">
|
|
5
5
|
<div class="heading text-center">
|
|
6
|
-
<h2>{{
|
|
6
|
+
<h2>{{ page.customers_section_title }}</h2>
|
|
7
7
|
</div>
|
|
8
8
|
|
|
9
9
|
<ul class="owl-carousel customers">
|
|
10
|
-
{% for customer in
|
|
10
|
+
{% for customer in page.customer %}
|
|
11
11
|
<li class="item">
|
|
12
12
|
<img src="assets/img/customer-{{ customer.name }}.png" alt="{{ customer.name }}" class="img-responsive">
|
|
13
13
|
</li>
|
data/_includes/get.it.html
CHANGED
|
@@ -15,10 +15,12 @@
|
|
|
15
15
|
</div>
|
|
16
16
|
</div>
|
|
17
17
|
</div>
|
|
18
|
-
<div class="
|
|
18
|
+
<div id="collapse3a" class="panel-collapse collapse">
|
|
19
19
|
<div class="panel-group accordion" id="accordionThree">
|
|
20
|
+
|
|
21
|
+
<div class="container">
|
|
20
22
|
<div class="panel panel-default">
|
|
21
|
-
|
|
23
|
+
|
|
22
24
|
<div class="panel-body">
|
|
23
25
|
|
|
24
26
|
<script src="https://drrjhlchpvi7e.cloudfront.net/libs/stamplay-js-sdk/2.1.4/stamplay.min.js" async></script>
|
data/_includes/head.html
CHANGED
|
@@ -15,18 +15,11 @@
|
|
|
15
15
|
.bar.background-image-fixed-1 {
|
|
16
16
|
background: url("../img/fixed-background-1.jpg") center top / cover no-repeat fixed;
|
|
17
17
|
}
|
|
18
|
+
#all {
|
|
19
|
+
overflow-x:hidden;
|
|
20
|
+
width:100%;
|
|
21
|
+
}
|
|
18
22
|
</style>
|
|
19
|
-
|
|
20
|
-
<!-- Favicon and apple touch icons-->
|
|
21
|
-
<link rel="shortcut icon" href="assets/img/favicon.ico" type="image/x-icon">
|
|
22
|
-
<link rel="apple-touch-icon" href="assets/img/apple-touch-icon.png">
|
|
23
|
-
<link rel="apple-touch-icon" sizes="57x57" href="assets/img/apple-touch-icon-57x57.png">
|
|
24
|
-
<link rel="apple-touch-icon" sizes="72x72" href="assets/img/apple-touch-icon-72x72.png">
|
|
25
|
-
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-touch-icon-76x76.png">
|
|
26
|
-
<link rel="apple-touch-icon" sizes="114x114" href="assets/img/apple-touch-icon-114x114.png">
|
|
27
|
-
<link rel="apple-touch-icon" sizes="120x120" href="assets/img/apple-touch-icon-120x120.png">
|
|
28
|
-
<link rel="apple-touch-icon" sizes="144x144" href="assets/img/apple-touch-icon-144x144.png">
|
|
29
|
-
<link rel="apple-touch-icon" sizes="152x152" href="assets/img/apple-touch-icon-152x152.png">
|
|
30
23
|
|
|
31
24
|
<noscript>
|
|
32
25
|
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
|
data/_includes/header.prod.html
CHANGED
|
@@ -7,8 +7,7 @@ _________________________________________________________ -->
|
|
|
7
7
|
<div class="row">
|
|
8
8
|
<div class="col-xs-5 contact">
|
|
9
9
|
<p class="hidden-sm hidden-xs">Contactez nous au {{ site.phone }} ou à {{ site.email }}.</p>
|
|
10
|
-
|
|
11
|
-
</p>
|
|
10
|
+
|
|
12
11
|
</div>
|
|
13
12
|
<div class="col-xs-7">
|
|
14
13
|
<div class="social">
|
|
@@ -16,13 +15,13 @@ _________________________________________________________ -->
|
|
|
16
15
|
<a href="{{ social.url }}" class="external {{ social.title }}" data-animate-hover="pulse"><i class="fa fa-{{ social.title }}"></i></a>
|
|
17
16
|
{% endfor %}
|
|
18
17
|
<a href="mailto:{{ site.email }}" class="email" data-animate-hover="pulse"><i class="fa fa-envelope"></i></a>
|
|
18
|
+
<a href="tel:{{ site.phonelink }}" data-animate-hover="pulse" class="hidden-md hidden-lg"><i class="fa fa-phone"></i></a>
|
|
19
19
|
</div>
|
|
20
20
|
</div>
|
|
21
21
|
</div>
|
|
22
22
|
</div>
|
|
23
23
|
</div>
|
|
24
|
-
<!-- *** TOP END *** -->
|
|
25
|
-
<!-- *** NAVBAR ***
|
|
24
|
+
<!-- *** TOP END *** --> <!-- *** NAVBAR ***
|
|
26
25
|
_________________________________________________________ -->
|
|
27
26
|
|
|
28
27
|
<div class="navbar-affixed-top" data-spy="affix" data-offset-top="200">
|
|
@@ -31,51 +30,63 @@ _________________________________________________________ -->
|
|
|
31
30
|
|
|
32
31
|
<div class="container">
|
|
33
32
|
<div class="navbar-header">
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
<img src="assets/img/logo-small.png" alt="logo {{ site.title }}" class="visible-xs visible-sm">
|
|
33
|
+
|
|
34
|
+
<a class="navbar-brand home" href="index.html">
|
|
37
35
|
<span class="sr-only">{{ site.title }} - Retourner à l'accueil</span>
|
|
38
36
|
</a>
|
|
39
37
|
<div class="navbar-buttons">
|
|
40
38
|
<button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
39
|
+
<span class="sr-only">Toggle navigation</span>
|
|
40
|
+
<i class="fa fa-align-justify"></i>
|
|
41
|
+
</button>
|
|
44
42
|
</div>
|
|
45
43
|
</div>
|
|
44
|
+
<!--/.navbar-header -->
|
|
46
45
|
|
|
47
46
|
<div class="navbar-collapse collapse" id="navigation">
|
|
48
47
|
<ul class="nav navbar-nav navbar-right">
|
|
49
|
-
|
|
50
|
-
<li class="dropdown">
|
|
51
|
-
|
|
48
|
+
<li>
|
|
52
49
|
<a href="#">Accueil</a>
|
|
53
|
-
|
|
54
50
|
</li>
|
|
55
|
-
|
|
56
|
-
<li class="dropdown">
|
|
57
|
-
|
|
51
|
+
<li>
|
|
58
52
|
<a href="#offre">Offre</a>
|
|
59
|
-
|
|
60
53
|
</li>
|
|
54
|
+
<li>
|
|
55
|
+
<a href="#equipe">Equipe</a>
|
|
56
|
+
</li>
|
|
57
|
+
<li>
|
|
58
|
+
<a href="#footer">Contact</a>
|
|
59
|
+
</li>
|
|
60
|
+
|
|
61
|
+
</ul>
|
|
62
|
+
</div>
|
|
63
|
+
<!--/.nav-collapse -->
|
|
61
64
|
|
|
62
|
-
<li class="dropdown">
|
|
63
65
|
|
|
64
|
-
<a href="#equipe">Equipe</a>
|
|
65
66
|
|
|
66
|
-
|
|
67
|
+
<div class="collapse clearfix" id="search">
|
|
67
68
|
|
|
68
|
-
|
|
69
|
+
<form class="navbar-form" role="search">
|
|
70
|
+
<div class="input-group">
|
|
71
|
+
<input type="text" class="form-control" placeholder="Search">
|
|
72
|
+
<span class="input-group-btn">
|
|
69
73
|
|
|
70
|
-
|
|
74
|
+
<button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
|
|
71
75
|
|
|
72
|
-
|
|
76
|
+
</span>
|
|
77
|
+
</div>
|
|
78
|
+
</form>
|
|
73
79
|
|
|
74
|
-
</ul>
|
|
75
80
|
</div>
|
|
81
|
+
<!--/.nav-collapse -->
|
|
82
|
+
|
|
76
83
|
</div>
|
|
84
|
+
|
|
85
|
+
|
|
77
86
|
</div>
|
|
78
|
-
|
|
87
|
+
<!-- /#navbar -->
|
|
79
88
|
|
|
80
89
|
<!-- *** NAVBAR END *** -->
|
|
90
|
+
|
|
91
|
+
|
|
81
92
|
</header>
|
|
@@ -7,8 +7,6 @@ _________________________________________________________ -->
|
|
|
7
7
|
<div class="row">
|
|
8
8
|
<div class="col-xs-5 contact">
|
|
9
9
|
<p class="hidden-sm hidden-xs">Contactez nous à {{ site.email }}.</p>
|
|
10
|
-
<p class="hidden-md hidden-lg"><a href="'mailto:'{{ site.email }}" data-animate-hover="pulse"><i class="fa fa-envelope"></i></a>
|
|
11
|
-
</p>
|
|
12
10
|
</div>
|
|
13
11
|
<div class="col-xs-7">
|
|
14
12
|
<div class="social">
|
|
@@ -31,12 +29,18 @@ _________________________________________________________ -->
|
|
|
31
29
|
|
|
32
30
|
<div class="container">
|
|
33
31
|
<div class="navbar-header">
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
<img src="assets/img/logo-small.png" alt="logo {{ site.title }}" class="visible-xs visible-sm">
|
|
32
|
+
|
|
33
|
+
<a class="navbar-brand home" href="index.html">
|
|
37
34
|
<span class="sr-only">{{ site.title }} - Retourner à l'accueil</span>
|
|
38
35
|
</a>
|
|
36
|
+
<div class="navbar-buttons">
|
|
37
|
+
<button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
|
|
38
|
+
<span class="sr-only">Toggle navigation</span>
|
|
39
|
+
<i class="fa fa-align-justify"></i>
|
|
40
|
+
</button>
|
|
41
|
+
</div>
|
|
39
42
|
</div>
|
|
43
|
+
<!--/.navbar-header -->
|
|
40
44
|
|
|
41
45
|
<div class="navbar-collapse collapse" id="navigation">
|
|
42
46
|
<ul class="nav navbar-nav navbar-right">
|
|
@@ -55,9 +59,32 @@ _________________________________________________________ -->
|
|
|
55
59
|
|
|
56
60
|
</ul>
|
|
57
61
|
</div>
|
|
62
|
+
<!--/.nav-collapse -->
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
<div class="collapse clearfix" id="search">
|
|
67
|
+
|
|
68
|
+
<form class="navbar-form" role="search">
|
|
69
|
+
<div class="input-group">
|
|
70
|
+
<input type="text" class="form-control" placeholder="Search">
|
|
71
|
+
<span class="input-group-btn">
|
|
72
|
+
|
|
73
|
+
<button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
|
|
74
|
+
|
|
75
|
+
</span>
|
|
76
|
+
</div>
|
|
77
|
+
</form>
|
|
78
|
+
|
|
79
|
+
</div>
|
|
80
|
+
<!--/.nav-collapse -->
|
|
81
|
+
|
|
58
82
|
</div>
|
|
83
|
+
|
|
84
|
+
|
|
59
85
|
</div>
|
|
60
|
-
|
|
86
|
+
<!-- /#navbar -->
|
|
87
|
+
<div id="top">
|
|
61
88
|
<div class="row">
|
|
62
89
|
<p class="text-center">
|
|
63
90
|
<a class="btn btn-warning" onclick="document.getElementById('order').click()" href="#get-it">Je veux ce site !</a>
|
|
@@ -67,4 +94,5 @@ _________________________________________________________ -->
|
|
|
67
94
|
</div>
|
|
68
95
|
|
|
69
96
|
<!-- *** NAVBAR END *** -->
|
|
97
|
+
|
|
70
98
|
</header>
|
data/_includes/header.sales.html
CHANGED
|
@@ -7,8 +7,7 @@ _________________________________________________________ -->
|
|
|
7
7
|
<div class="row">
|
|
8
8
|
<div class="col-xs-5 contact">
|
|
9
9
|
<p class="hidden-sm hidden-xs">Contactez nous au {{ site.phone }} ou à {{ site.email }}.</p>
|
|
10
|
-
|
|
11
|
-
</p>
|
|
10
|
+
|
|
12
11
|
</div>
|
|
13
12
|
<div class="col-xs-7">
|
|
14
13
|
<div class="social">
|
|
@@ -16,12 +15,15 @@ _________________________________________________________ -->
|
|
|
16
15
|
<a href="{{ social.url }}" class="external {{ social.title }}" data-animate-hover="pulse"><i class="fa fa-{{ social.title }}"></i></a>
|
|
17
16
|
{% endfor %}
|
|
18
17
|
<a href="mailto:{{ site.email }}" class="email" data-animate-hover="pulse"><i class="fa fa-envelope"></i></a>
|
|
18
|
+
<a href="tel:{{ site.phonelink }}" data-animate-hover="pulse" class="hidden-md hidden-lg"><i class="fa fa-phone"></i></a>
|
|
19
19
|
</div>
|
|
20
20
|
</div>
|
|
21
21
|
</div>
|
|
22
22
|
</div>
|
|
23
23
|
</div>
|
|
24
24
|
<!-- *** TOP END *** -->
|
|
25
|
+
|
|
26
|
+
|
|
25
27
|
<!-- *** NAVBAR ***
|
|
26
28
|
_________________________________________________________ -->
|
|
27
29
|
|
|
@@ -31,12 +33,18 @@ _________________________________________________________ -->
|
|
|
31
33
|
|
|
32
34
|
<div class="container">
|
|
33
35
|
<div class="navbar-header">
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
<img src="assets/img/logo-small.png" alt="logo {{ site.title }}" class="visible-xs visible-sm">
|
|
36
|
+
|
|
37
|
+
<a class="navbar-brand home" href="index.html">
|
|
37
38
|
<span class="sr-only">{{ site.title }} - Retourner à l'accueil</span>
|
|
38
39
|
</a>
|
|
40
|
+
<div class="navbar-buttons">
|
|
41
|
+
<button type="button" class="navbar-toggle btn-template-main" data-toggle="collapse" data-target="#navigation">
|
|
42
|
+
<span class="sr-only">Toggle navigation</span>
|
|
43
|
+
<i class="fa fa-align-justify"></i>
|
|
44
|
+
</button>
|
|
45
|
+
</div>
|
|
39
46
|
</div>
|
|
47
|
+
<!--/.navbar-header -->
|
|
40
48
|
|
|
41
49
|
<div class="navbar-collapse collapse" id="navigation">
|
|
42
50
|
<ul class="nav navbar-nav navbar-right">
|
|
@@ -55,16 +63,40 @@ _________________________________________________________ -->
|
|
|
55
63
|
|
|
56
64
|
</ul>
|
|
57
65
|
</div>
|
|
66
|
+
<!--/.nav-collapse -->
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
<div class="collapse clearfix" id="search">
|
|
71
|
+
|
|
72
|
+
<form class="navbar-form" role="search">
|
|
73
|
+
<div class="input-group">
|
|
74
|
+
<input type="text" class="form-control" placeholder="Search">
|
|
75
|
+
<span class="input-group-btn">
|
|
76
|
+
|
|
77
|
+
<button type="submit" class="btn btn-template-main"><i class="fa fa-search"></i></button>
|
|
78
|
+
|
|
79
|
+
</span>
|
|
80
|
+
</div>
|
|
81
|
+
</form>
|
|
82
|
+
|
|
83
|
+
</div>
|
|
84
|
+
<!--/.nav-collapse -->
|
|
85
|
+
|
|
58
86
|
</div>
|
|
87
|
+
|
|
88
|
+
|
|
59
89
|
</div>
|
|
60
|
-
|
|
90
|
+
<!-- /#navbar -->
|
|
91
|
+
<div id="top">
|
|
61
92
|
<div class="row">
|
|
62
93
|
<p class="text-center">
|
|
63
|
-
<a class="btn btn-
|
|
94
|
+
<a class="btn btn-danger" onclick="document.getElementById('order').click()" href="#get-it">Je veux ce site !</a>
|
|
64
95
|
</p>
|
|
65
96
|
</div>
|
|
66
97
|
</div>
|
|
67
98
|
</div>
|
|
68
99
|
|
|
69
100
|
<!-- *** NAVBAR END *** -->
|
|
101
|
+
|
|
70
102
|
</header>
|
data/_includes/offer.html
CHANGED
|
@@ -8,8 +8,8 @@
|
|
|
8
8
|
<div class="icon">
|
|
9
9
|
<i class="fa fa-book"></i>
|
|
10
10
|
</div>
|
|
11
|
-
<h3>{{
|
|
12
|
-
<p>{{
|
|
11
|
+
<h3>{{ page.offer_1 }}</h3>
|
|
12
|
+
<p>{{ page.comment_1 }}</p>
|
|
13
13
|
</div>
|
|
14
14
|
</div>
|
|
15
15
|
|
|
@@ -18,8 +18,8 @@
|
|
|
18
18
|
<div class="icon">
|
|
19
19
|
<i class="fa fa-users"></i>
|
|
20
20
|
</div>
|
|
21
|
-
<h3>{{
|
|
22
|
-
<p>{{
|
|
21
|
+
<h3>{{ page.offer_2 }}</h3>
|
|
22
|
+
<p>{{ page.comment_2 }}</p>
|
|
23
23
|
</div>
|
|
24
24
|
</div>
|
|
25
25
|
|
|
@@ -28,8 +28,8 @@
|
|
|
28
28
|
<div class="icon">
|
|
29
29
|
<i class="fa fa-bank"></i>
|
|
30
30
|
</div>
|
|
31
|
-
<h3>{{
|
|
32
|
-
<p>{{
|
|
31
|
+
<h3>{{ page.offer_3 }}</h3>
|
|
32
|
+
<p>{{ page.comment_3 }}</p>
|
|
33
33
|
</div>
|
|
34
34
|
</div>
|
|
35
35
|
|
|
@@ -44,8 +44,8 @@
|
|
|
44
44
|
<div class="icon">
|
|
45
45
|
<i class="fa fa-lightbulb-o"></i>
|
|
46
46
|
</div>
|
|
47
|
-
<h3>{{
|
|
48
|
-
<p>{{
|
|
47
|
+
<h3>{{ page.offer_4 }}</h3>
|
|
48
|
+
<p>{{ page.comment_4 }}</p>
|
|
49
49
|
</div>
|
|
50
50
|
</div>
|
|
51
51
|
|
|
@@ -54,8 +54,8 @@
|
|
|
54
54
|
<div class="icon">
|
|
55
55
|
<i class="fa fa-check-square-o"></i>
|
|
56
56
|
</div>
|
|
57
|
-
<h3>{{
|
|
58
|
-
<p>{{
|
|
57
|
+
<h3>{{ page.offer_5 }}</h3>
|
|
58
|
+
<p>{{ page.comment_5 }}</p>
|
|
59
59
|
</div>
|
|
60
60
|
</div>
|
|
61
61
|
|
|
@@ -64,8 +64,8 @@
|
|
|
64
64
|
<div class="icon">
|
|
65
65
|
<i class="fa fa-compass"></i>
|
|
66
66
|
</div>
|
|
67
|
-
<h3>{{
|
|
68
|
-
<p>{{
|
|
67
|
+
<h3>{{ page.offer_6 }}</h3>
|
|
68
|
+
<p>{{ page.comment_6 }}
|
|
69
69
|
</div>
|
|
70
70
|
</div>
|
|
71
71
|
|
data/_includes/team.html
CHANGED
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
<div class="container" id="equipe">
|
|
3
3
|
<div class="col-md-12">
|
|
4
4
|
<div class="heading text-center">
|
|
5
|
-
<h2>{{
|
|
5
|
+
<h2>{{ page.team_section_title }}</h2>
|
|
6
6
|
</div>
|
|
7
7
|
|
|
8
8
|
<div class="row">
|
|
9
|
-
{% for team in
|
|
9
|
+
{% for team in page.team %}
|
|
10
10
|
<div class="col-md-3 col-sm-3">
|
|
11
11
|
<div class="team-member">
|
|
12
12
|
<div class="image">
|
data/_includes/testimonials.html
CHANGED
|
@@ -3,16 +3,16 @@
|
|
|
3
3
|
<div class="row">
|
|
4
4
|
<div class="col-md-12">
|
|
5
5
|
<div class="heading text-center">
|
|
6
|
-
<h2>{{
|
|
6
|
+
<h2>{{ page.testimonials_section_title }}</h2>
|
|
7
7
|
</div>
|
|
8
8
|
|
|
9
|
-
<p class="lead">{{
|
|
9
|
+
<p class="lead">{{ page.testimonials_section_subtitle }}</p>
|
|
10
10
|
|
|
11
11
|
<!-- *** TESTIMONIALS CAROUSEL ***
|
|
12
12
|
_________________________________________________________ -->
|
|
13
13
|
|
|
14
14
|
<ul class="owl-carousel testimonials same-height-row">
|
|
15
|
-
{% for testimonials in
|
|
15
|
+
{% for testimonials in page.testimonials %}
|
|
16
16
|
<li class="item">
|
|
17
17
|
<div class="testimonial same-height-always">
|
|
18
18
|
<div class="text">
|
|
@@ -0,0 +1,357 @@
|
|
|
1
|
+
|
|
2
|
+
.gm-style .gm-style-mtc label, .gm-style .gm-style-mtc div { font-weight: 400; }
|
|
3
|
+
.gm-style .gm-style-cc span, .gm-style .gm-style-cc a, .gm-style .gm-style-mtc div { font-size: 10px; }
|
|
4
|
+
.gm-style-pbc { transition: opacity ease-in-out; background-color: rgba(0, 0, 0, 0.45); text-align: center; }
|
|
5
|
+
.gm-style-pbt { font-size: 22px; color: white; font-family: Roboto, Arial, sans-serif; position: relative; margin: 0px; top: 50%; transform: translateY(-50%); }
|
|
6
|
+
.clearfix::before, .clearfix::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after { content: " "; display: table; }
|
|
7
|
+
.clearfix::after, .navbar::after, .navbar-header::after { clear: both; }
|
|
8
|
+
.pull-right { float: right !important; }
|
|
9
|
+
.pull-left { float: left !important; }
|
|
10
|
+
.affix { position: fixed; transform: translate3d(0px, 0px, 0px); }
|
|
11
|
+
a, button { transition: all 0.2s ease-out; }
|
|
12
|
+
a i.fa, button i.fa { margin: 0px 5px; }
|
|
13
|
+
.clickable { cursor: pointer !important; }
|
|
14
|
+
.text-uppercase { text-transform: uppercase; letter-spacing: 0.08em; }
|
|
15
|
+
p.lead { margin-bottom: 40px; }
|
|
16
|
+
.no-mb { margin-bottom: 0px !important; }
|
|
17
|
+
.heading { margin-bottom: 40px; }
|
|
18
|
+
.heading h1, .heading h2, .heading h3, .heading h4, .heading h5 { display: inline-block; border-bottom: 5px solid rgb(70, 127, 191); line-height: 1.1; margin-bottom: 0px; padding-bottom: 10px; vertical-align: middle; text-transform: uppercase; letter-spacing: 0.06em; }
|
|
19
|
+
.heading h1 i.fa, .heading h2 i.fa, .heading h3 i.fa, .heading h4 i.fa, .heading h5 i.fa { display: inline-block; background: rgb(70, 127, 191); width: 30px; height: 30px; vertical-align: middle; text-align: center; color: rgb(255, 255, 255); font-size: 12px; line-height: 30px; border-radius: 15px; }
|
|
20
|
+
.icon { display: inline-block; width: 80px; height: 80px; color: rgb(255, 255, 255); line-height: 80px; border-radius: 40px; border: 1px solid rgb(255, 255, 255); font-size: 20px; }
|
|
21
|
+
.icon.icon-lg { font-size: 30px; border-width: 2px; }
|
|
22
|
+
.pages-listing .item { text-align: center; }
|
|
23
|
+
.pages-listing .item h3 { font-size: 18px; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 0.08em; }
|
|
24
|
+
.pages-listing .item h3 a { color: rgb(85, 85, 85); }
|
|
25
|
+
.pages-listing .item .text { margin-bottom: 20px; }
|
|
26
|
+
.pages-listing .item .text p { color: rgb(153, 153, 153); font-size: 12px; margin-bottom: 20px; }
|
|
27
|
+
#top { background: rgb(85, 85, 85); color: rgb(238, 238, 238); padding: 10px 0px; }
|
|
28
|
+
#top p { margin: 0px; font-size: 12px; }
|
|
29
|
+
#top .social { float: right; text-align: right; }
|
|
30
|
+
#top .social a { color: rgb(153, 153, 153); display: inline-block; width: 24px; height: 24px; border-radius: 12px; line-height: 20px; font-size: 12px; text-align: center; vertical-align: bottom; }
|
|
31
|
+
#top .social a:hover { color: rgb(255, 255, 255); }
|
|
32
|
+
#top .social a:hover.linkedin { background-color: rgb(14, 118, 168); }
|
|
33
|
+
#top .social a:hover.facebook { background-color: rgb(68, 96, 174); }
|
|
34
|
+
#top .social a:hover.gplus { background-color: rgb(194, 31, 37); }
|
|
35
|
+
#top .social a:hover.twitter { background-color: rgb(51, 204, 255); }
|
|
36
|
+
#top .social a:hover.instagram { background-color: rgb(205, 67, 120); }
|
|
37
|
+
#top .social a:hover.email { background-color: rgb(74, 127, 69); }
|
|
38
|
+
#top .login { float: right; }
|
|
39
|
+
#top .login a { font-size: 12px; color: rgb(238, 238, 238); margin-right: 15px; text-decoration: none; text-transform: uppercase; font-weight: 700; letter-spacing: 0.1em; }
|
|
40
|
+
#top.light { background: rgb(255, 255, 255); color: rgb(153, 153, 153); border-bottom: 1px solid rgb(238, 238, 238); }
|
|
41
|
+
#top.light .login a { color: rgb(85, 85, 85); }
|
|
42
|
+
.navbar { border: none; }
|
|
43
|
+
.navbar ul.nav > li > a { text-transform: uppercase; text-decoration: underline; font-weight: bold; letter-spacing: 0.08em; border-top: 5px solid transparent; }
|
|
44
|
+
.navbar ul.nav > li > a:hover { border-top: 5px solid rgb(70, 127, 191); }
|
|
45
|
+
.navbar ul.nav > li.active > a, .navbar ul.nav > li.open > a { border-top: 5px solid rgb(41, 77, 118); text-decoration: none !important; }
|
|
46
|
+
.navbar.navbar-light ul.nav > li.active > a { border-top: 5px solid rgb(41, 77, 118); background: rgb(255, 255, 255) !important; color: rgb(85, 85, 85) !important; }
|
|
47
|
+
.navbar.navbar-light ul.nav > li.active > a:hover { border-top: 5px solid rgb(41, 77, 118); }
|
|
48
|
+
.navbar.navbar-light ul.nav > li > a:hover, .navbar.navbar-light ul.nav > li.open > a:hover, .navbar.navbar-light ul.nav > li > a:focus, .navbar.navbar-light ul.nav > li.open > a:focus { border-top: 5px solid rgb(70, 127, 191); background: rgb(255, 255, 255) !important; color: rgb(85, 85, 85) !important; }
|
|
49
|
+
.navbar ul.dropdown-menu { margin: 0px; padding: 0px; }
|
|
50
|
+
.navbar ul.dropdown-menu li { list-style-type: none; border-bottom: 1px solid rgb(238, 238, 238); text-transform: uppercase; letter-spacing: 0.08em; padding: 4px 0px; }
|
|
51
|
+
.navbar ul.dropdown-menu li a { position: relative; color: rgb(153, 153, 153); font-size: 12px; display: block; transition: all 0.2s ease-out; left: 0px; }
|
|
52
|
+
.navbar ul.dropdown-menu li a:hover { color: rgb(70, 127, 191); text-decoration: none; background: none; left: 2px; transition: all 0.2s ease-out; }
|
|
53
|
+
.navbar .yamm-content h3 { font-size: 18px; text-transform: uppercase; padding-bottom: 10px; margin-top: 5px; border-bottom: 1px dotted rgb(85, 85, 85); letter-spacing: 0.08em; }
|
|
54
|
+
.navbar .yamm-content h5 { text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px dotted rgb(85, 85, 85); letter-spacing: 0.08em; }
|
|
55
|
+
.navbar .yamm-content ul { margin: 0px; padding: 0px; }
|
|
56
|
+
.navbar .yamm-content ul li { list-style-type: none; border-bottom: 1px solid rgb(238, 238, 238); text-transform: uppercase; padding: 4px 0px; }
|
|
57
|
+
.navbar .yamm-content ul li a { position: relative; color: rgb(153, 153, 153); font-size: 12px; display: block; transition: all 0.2s ease-out; }
|
|
58
|
+
.navbar .yamm-content ul li a:hover { color: rgb(70, 127, 191); text-decoration: none; padding-left: 2px; }
|
|
59
|
+
.navbar .yamm-content .banner { margin-bottom: 10px; }
|
|
60
|
+
.navbar .yamm-fw .dropdown-menu { padding: 0px; }
|
|
61
|
+
.navbar .navbar-buttons { float: right; }
|
|
62
|
+
.navbar .navbar-buttons button, .navbar .navbar-buttons a.btn, .navbar .navbar-buttons .btn-default.navbar-toggle { margin: 11px 5px 11px 0px; }
|
|
63
|
+
.navbar .btn-default, .navbar .btn-default.navbar-toggle { color: rgb(153, 153, 153); background-color: rgb(255, 255, 255); margin-left: 7px; margin-right: 0px; }
|
|
64
|
+
.navbar .btn-default:hover, .navbar .btn-default.navbar-toggle:hover, .navbar .btn-default:focus, .navbar .btn-default.navbar-toggle:focus { background-color: rgb(255, 255, 255); border-color: rgb(70, 127, 191); color: rgb(70, 127, 191); }
|
|
65
|
+
.navbar #search { clear: both; border-top: 1px solid rgb(70, 127, 191); text-align: right; }
|
|
66
|
+
.navbar #search form { float: right; }
|
|
67
|
+
.navbar #search form .input-group { width: 500px; }
|
|
68
|
+
.navbar #basket-overview a { margin-left: 7px; }
|
|
69
|
+
.navbar-affixed-top { top: -32px; }
|
|
70
|
+
.navbar-affixed-top.affix { position: fixed; width: 100%; top: 0px; z-index: 1000; box-shadow: rgb(204, 204, 204) 0px 0px 5px; transition: all 0.5s ease-out; }
|
|
71
|
+
body.boxed .navbar-affixed-top.affix { position: static; }
|
|
72
|
+
.btn { font-weight: 700; font-family: Roboto, Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.08em; padding: 6px 12px; font-size: 13px; line-height: 1.42857; border-radius: 0px; }
|
|
73
|
+
.input-group .btn { font-size: 14px; }
|
|
74
|
+
.btn-lg { padding: 10px 16px; font-size: 14px; line-height: 1.33; border-radius: 0px; }
|
|
75
|
+
.btn-template-main { color: rgb(70, 127, 191); background-color: rgb(255, 255, 255); border-color: rgb(70, 127, 191); }
|
|
76
|
+
.btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active, .open > .dropdown-toggle.btn-template-main { color: rgb(70, 127, 191); background-color: rgb(230, 230, 230); border-color: rgb(51, 97, 148); }
|
|
77
|
+
.btn-template-main:active, .btn-template-main.active, .open > .dropdown-toggle.btn-template-main { background-image: none; }
|
|
78
|
+
.btn-template-main.disabled, .btn-template-main[disabled], fieldset[disabled] .btn-template-main, .btn-template-main.disabled:hover, .btn-template-main[disabled]:hover, fieldset[disabled] .btn-template-main:hover, .btn-template-main.disabled:focus, .btn-template-main[disabled]:focus, fieldset[disabled] .btn-template-main:focus, .btn-template-main.disabled:active, .btn-template-main[disabled]:active, fieldset[disabled] .btn-template-main:active, .btn-template-main.disabled.active, .btn-template-main[disabled].active, fieldset[disabled] .btn-template-main.active { background-color: rgb(255, 255, 255); border-color: rgb(70, 127, 191); }
|
|
79
|
+
.btn-template-main .badge { color: rgb(255, 255, 255); background-color: rgb(70, 127, 191); }
|
|
80
|
+
.btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active { background: rgb(70, 127, 191); color: rgb(255, 255, 255); border-color: rgb(70, 127, 191); }
|
|
81
|
+
.btn-template-transparent-primary:hover, .btn-template-transparent-primary:focus, .btn-template-transparent-primary:active, .btn-template-transparent-primary.active, .open > .dropdown-toggle.btn-template-transparent-primary { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0); border-color: rgb(224, 224, 224); }
|
|
82
|
+
.btn-template-transparent-primary:active, .btn-template-transparent-primary.active, .open > .dropdown-toggle.btn-template-transparent-primary { background-image: none; }
|
|
83
|
+
.btn-template-transparent-primary.disabled, .btn-template-transparent-primary[disabled], fieldset[disabled] .btn-template-transparent-primary, .btn-template-transparent-primary.disabled:hover, .btn-template-transparent-primary[disabled]:hover, fieldset[disabled] .btn-template-transparent-primary:hover, .btn-template-transparent-primary.disabled:focus, .btn-template-transparent-primary[disabled]:focus, fieldset[disabled] .btn-template-transparent-primary:focus, .btn-template-transparent-primary.disabled:active, .btn-template-transparent-primary[disabled]:active, fieldset[disabled] .btn-template-transparent-primary:active, .btn-template-transparent-primary.disabled.active, .btn-template-transparent-primary[disabled].active, fieldset[disabled] .btn-template-transparent-primary.active { background-color: transparent; border-color: rgb(255, 255, 255); }
|
|
84
|
+
.btn-template-transparent-primary:hover, .btn-template-transparent-primary:focus, .btn-template-transparent-primary:active, .btn-template-transparent-primary.active { background: rgb(255, 255, 255); color: rgb(70, 127, 191); border-color: rgb(255, 255, 255); }
|
|
85
|
+
.btn-template-transparent-black { color: rgb(255, 255, 255); background-color: transparent; border-color: rgb(255, 255, 255); }
|
|
86
|
+
.btn-template-transparent-black:hover, .btn-template-transparent-black:focus, .btn-template-transparent-black:active, .btn-template-transparent-black.active, .open > .dropdown-toggle.btn-template-transparent-black { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0); border-color: rgb(224, 224, 224); }
|
|
87
|
+
.btn-template-transparent-black:active, .btn-template-transparent-black.active, .open > .dropdown-toggle.btn-template-transparent-black { background-image: none; }
|
|
88
|
+
.btn-template-transparent-black.disabled, .btn-template-transparent-black[disabled], fieldset[disabled] .btn-template-transparent-black, .btn-template-transparent-black.disabled:hover, .btn-template-transparent-black[disabled]:hover, fieldset[disabled] .btn-template-transparent-black:hover, .btn-template-transparent-black.disabled:focus, .btn-template-transparent-black[disabled]:focus, fieldset[disabled] .btn-template-transparent-black:focus, .btn-template-transparent-black.disabled:active, .btn-template-transparent-black[disabled]:active, fieldset[disabled] .btn-template-transparent-black:active, .btn-template-transparent-black.disabled.active, .btn-template-transparent-black[disabled].active, fieldset[disabled] .btn-template-transparent-black.active { background-color: transparent; border-color: rgb(255, 255, 255); }
|
|
89
|
+
.btn-template-transparent-black .badge { color: transparent; background-color: rgb(255, 255, 255); }
|
|
90
|
+
.btn-template-transparent-black:hover, .btn-template-transparent-black:focus, .btn-template-transparent-black:active, .btn-template-transparent-black.active { background: rgb(255, 255, 255); color: rgb(0, 0, 0); border-color: rgb(255, 255, 255); }
|
|
91
|
+
.btn-template-primary:hover, .btn-template-primary:focus, .btn-template-primary:active, .btn-template-primary.active, .open > .dropdown-toggle.btn-template-primary { color: rgb(255, 255, 255); background-color: rgb(54, 102, 156); border-color: rgb(51, 97, 148); }
|
|
92
|
+
.btn-template-primary:active, .btn-template-primary.active, .open > .dropdown-toggle.btn-template-primary { background-image: none; }
|
|
93
|
+
.btn-template-primary.disabled, .btn-template-primary[disabled], fieldset[disabled] .btn-template-primary, .btn-template-primary.disabled:hover, .btn-template-primary[disabled]:hover, fieldset[disabled] .btn-template-primary:hover, .btn-template-primary.disabled:focus, .btn-template-primary[disabled]:focus, fieldset[disabled] .btn-template-primary:focus, .btn-template-primary.disabled:active, .btn-template-primary[disabled]:active, fieldset[disabled] .btn-template-primary:active, .btn-template-primary.disabled.active, .btn-template-primary[disabled].active, fieldset[disabled] .btn-template-primary.active { background-color: rgb(70, 127, 191); border-color: rgb(70, 127, 191); }
|
|
94
|
+
#intro .item { font-family: Roboto, Helvetica, Arial, sans-serif; height: 100%; }
|
|
95
|
+
#intro .item h1 { text-transform: uppercase; font-size: 50px; color: rgb(255, 255, 255); margin-bottom: 40px; letter-spacing: 0.08em; }
|
|
96
|
+
#intro .item h3 { color: rgb(255, 255, 255); margin-bottom: 40px; }
|
|
97
|
+
#intro .item .btn { text-transform: none; }
|
|
98
|
+
#intro .container, #intro .row { height: 100%; position: relative; }
|
|
99
|
+
.jumbotron .dark-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(70, 127, 191); opacity: 0.9; }
|
|
100
|
+
.jumbotron p.text-uppercase { font-weight: 700; }
|
|
101
|
+
.container .jumbotron { border-radius: 0px; }
|
|
102
|
+
.jumbotron .container { max-width: 100%; z-index: 2; }
|
|
103
|
+
.panel.sidebar-menu .panel-body { padding: 0px; }
|
|
104
|
+
.panel.sidebar-menu .panel-body span.colour { display: inline-block; width: 15px; height: 15px; border: 1px solid rgb(85, 85, 85); vertical-align: top; margin-top: 2px; margin-left: 5px; }
|
|
105
|
+
.panel.sidebar-menu .panel-body span.colour.white { background: rgb(255, 255, 255); }
|
|
106
|
+
.panel.sidebar-menu .panel-body span.colour.red { background: red; }
|
|
107
|
+
.panel.sidebar-menu .panel-body span.colour.green { background: green; }
|
|
108
|
+
.panel.sidebar-menu .panel-body span.colour.blue { background: blue; }
|
|
109
|
+
.panel.sidebar-menu .panel-body span.colour.yellow { background: yellow; }
|
|
110
|
+
.panel.sidebar-menu .panel-body label { color: rgb(153, 153, 153); font-size: 12px; }
|
|
111
|
+
.panel.sidebar-menu .panel-body label:hover { color: rgb(85, 85, 85); }
|
|
112
|
+
.panel.sidebar-menu ul.nav ul { list-style: none; padding-left: 0px; }
|
|
113
|
+
.panel.sidebar-menu ul.nav ul li { display: block; }
|
|
114
|
+
.panel.sidebar-menu ul.nav ul li a { position: relative; font-family: "Times New Roman", Times, serif; font-weight: normal; display: block; padding: 10px 15px 10px 30px; font-size: 12px; color: rgb(153, 153, 153); text-transform: none !important; }
|
|
115
|
+
.panel.sidebar-menu ul.nav ul li a:hover, .panel.sidebar-menu ul.nav ul li a:focus { text-decoration: none; background-color: rgb(238, 238, 238); }
|
|
116
|
+
.panel.sidebar-menu.with-icons ul.nav li a::after { font-family: FontAwesome; content: ""; position: relative; top: 0px; float: right; }
|
|
117
|
+
.owl-carousel .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page.active span, .owl-carousel .owl-controls.clickable .owl-page:hover span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: rgb(70, 127, 191); }
|
|
118
|
+
.owl-carousel .owl-controls .owl-buttons, .owl-theme .owl-controls .owl-buttons { position: absolute; top: 5px; right: 0px; }
|
|
119
|
+
.owl-carousel .owl-controls .owl-buttons div, .owl-theme .owl-controls .owl-buttons div { width: 26px; height: 26px; line-height: 25px; margin: 0px 5px 0px 0px; font-size: 18px; color: rgb(70, 127, 191); padding: 0px; background: rgb(255, 255, 255); border-radius: 13px; vertical-align: middle; text-align: center; opacity: 1; }
|
|
120
|
+
.home-carousel .dark-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(70, 127, 191); opacity: 0.9; }
|
|
121
|
+
.home-carousel .owl-carousel { padding-top: 60px; padding-bottom: 20px; }
|
|
122
|
+
.home-carousel .owl-theme .owl-controls .owl-page span { background: rgb(102, 102, 102); }
|
|
123
|
+
.home-carousel .owl-theme .owl-controls .owl-page.active span { background: rgb(255, 255, 255); }
|
|
124
|
+
.home-carousel .owl-theme .owl-controls .owl-page:hover span { background: rgb(255, 255, 255); }
|
|
125
|
+
.customers { padding: 0px; margin-bottom: 40px; }
|
|
126
|
+
.customers .item { list-style-type: none; text-align: center; margin: 0px 20px; }
|
|
127
|
+
.customers .item img { display: inline-block; filter: grayscale(100%); transition: all 0.2s ease-out; }
|
|
128
|
+
.customers .item img:hover { filter: none; }
|
|
129
|
+
.testimonials { padding: 0px; margin-bottom: 40px; }
|
|
130
|
+
.testimonials .item { list-style-type: none; margin: 0px 5px; background: rgb(255, 255, 255); padding-bottom: 60px; box-sizing: border-box; }
|
|
131
|
+
.testimonials .item .testimonial { position: relative; padding: 20px; }
|
|
132
|
+
.testimonials .item .testimonial::before, .testimonials .item .testimonial::after { content: " "; display: table; }
|
|
133
|
+
.testimonials .item .testimonial::after { clear: both; }
|
|
134
|
+
.testimonials .item .testimonial::before, .testimonials .item .testimonial::after { content: " "; display: table; }
|
|
135
|
+
.testimonials .item .testimonial::after { clear: both; }
|
|
136
|
+
.testimonials .item .testimonial .text { color: rgb(153, 153, 153); margin-bottom: 40px; }
|
|
137
|
+
.testimonials .item .testimonial .bottom { position: absolute; left: 0px; bottom: 0px; width: 100%; box-sizing: border-box; padding: 20px; height: 50px; }
|
|
138
|
+
.testimonials .item .testimonial .bottom .icon { color: rgb(70, 127, 191); font-size: 30px; float: left; width: 20%; }
|
|
139
|
+
.testimonials .item .testimonial .name-picture { float: right; width: 80%; text-align: right; }
|
|
140
|
+
.testimonials .item .testimonial .name-picture h5 { font-size: 14px; text-transform: uppercase; letter-spacing: 0.08em; }
|
|
141
|
+
.testimonials .item .testimonial .name-picture p { color: rgb(153, 153, 153); margin: 0px; font-size: 12px; }
|
|
142
|
+
.testimonials .item .testimonial .name-picture img { float: right; width: 60px; border-radius: 30px; margin-left: 10px; }
|
|
143
|
+
.team-member { text-align: center; margin-bottom: 40px; }
|
|
144
|
+
.team-member h3 { font-size: 18px; text-transform: uppercase; margin-bottom: 5px; letter-spacing: 0.08em; }
|
|
145
|
+
.team-member h3 a { color: rgb(85, 85, 85); }
|
|
146
|
+
.team-member p.role { color: rgb(153, 153, 153); font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; }
|
|
147
|
+
.team-member .social { margin-bottom: 20px; }
|
|
148
|
+
.team-member .social a { margin: 0px 10px 0px 0px; color: rgb(255, 255, 255); display: inline-block; width: 26px; height: 26px; border-radius: 13px; line-height: 26px; font-size: 15px; text-align: center; transition: all 0.2s ease-out; vertical-align: bottom; }
|
|
149
|
+
.team-member .social a i { vertical-align: bottom; line-height: 26px; }
|
|
150
|
+
.team-member .social a.linkedin { background-color: rgb(14, 118, 168); }
|
|
151
|
+
.team-member .social a.facebook { background-color: rgb(68, 96, 174); }
|
|
152
|
+
.team-member .social a.gplus { background-color: rgb(194, 31, 37); }
|
|
153
|
+
.team-member .social a.twitter { background-color: rgb(51, 204, 255); }
|
|
154
|
+
.team-member .social a.instagram { background-color: rgb(205, 67, 120); }
|
|
155
|
+
.team-member .social a.email { background-color: rgb(74, 127, 69); }
|
|
156
|
+
.team-member .text p { color: rgb(153, 153, 153); font-size: 12px; }
|
|
157
|
+
.team-member .social, .team-member-detail .social { margin-bottom: 20px; }
|
|
158
|
+
.team-member .social a, .team-member-detail .social a { margin: 0px 10px 0px 0px; color: rgb(255, 255, 255); display: inline-block; width: 26px; height: 26px; border-radius: 13px; line-height: 26px; font-size: 15px; text-align: center; transition: all 0.2s ease-out; vertical-align: bottom; }
|
|
159
|
+
.team-member .social a i, .team-member-detail .social a i { vertical-align: bottom; line-height: 26px; }
|
|
160
|
+
.team-member .social a.linkedin, .team-member-detail .social a.linkedin { background-color: rgb(14, 118, 168); }
|
|
161
|
+
.team-member .social a.facebook, .team-member-detail .social a.facebook { background-color: rgb(68, 96, 174); }
|
|
162
|
+
.team-member .social a.gplus, .team-member-detail .social a.gplus { background-color: rgb(194, 31, 37); }
|
|
163
|
+
.team-member .social a.twitter, .team-member-detail .social a.twitter { background-color: rgb(51, 204, 255); }
|
|
164
|
+
.team-member .social a.instagram, .team-member-detail .social a.instagram { background-color: rgb(205, 67, 120); }
|
|
165
|
+
.team-member .social a.email, .team-member-detail .social a.email { background-color: rgb(74, 127, 69); }
|
|
166
|
+
.box-simple { text-align: center; margin-bottom: 40px; }
|
|
167
|
+
.box-simple .icon { color: rgb(70, 127, 191); border-color: rgb(70, 127, 191); transition: all 0.2s ease-out; }
|
|
168
|
+
.box-simple h3 { font-size: 18px; text-transform: uppercase; line-height: 1.5; color: rgb(85, 85, 85); font-weight: 800; letter-spacing: 0.08em; }
|
|
169
|
+
.box-simple h3 a { color: rgb(85, 85, 85); }
|
|
170
|
+
.box-simple p { color: rgb(153, 153, 153); }
|
|
171
|
+
.box-simple:hover .icon { transform: scale(1.1, 1.1); }
|
|
172
|
+
.box-simple:hover .icon i { transform: scale(1, 1); }
|
|
173
|
+
.box-simple.box-white .icon { color: rgb(85, 85, 85); border-color: transparent; font-size: 70px; }
|
|
174
|
+
.box-simple.box-dark .icon { color: rgb(247, 247, 247); border-color: transparent; font-size: 70px; }
|
|
175
|
+
.box-image .text { position: absolute; width: 100%; height: 50%; top: 0px; transform: translate(0px, -150%); transition: all 0.2s ease-out; color: rgb(255, 255, 255); padding: 0px 20px; }
|
|
176
|
+
.box-image:hover .text { position: absolute; transform: translate(0px, 100%); }
|
|
177
|
+
.box-image-text .top .text { position: absolute; width: 100%; height: 50%; top: 0px; transform: translate(0px, -150%); transition: all 0.2s ease-out; color: rgb(255, 255, 255); padding: 0px 20px; }
|
|
178
|
+
.box-image-text:hover .text { position: absolute; transform: translate(0px, 100%); }
|
|
179
|
+
.box { background: rgb(255, 255, 255); margin: 0px 0px 30px; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); border-image: initial; box-sizing: border-box; padding: 20px 0px; border-left: none; border-right: none; }
|
|
180
|
+
.box .box-header { background: rgb(247, 247, 247); margin: -20px 0px 20px; padding: 20px; border-bottom: 1px solid rgb(238, 238, 238); text-transform: uppercase; letter-spacing: 0.08em; }
|
|
181
|
+
.box .box-header::before, .box .box-header::after { content: " "; display: table; }
|
|
182
|
+
.box .box-header::after { clear: both; }
|
|
183
|
+
.box .box-header::before, .box .box-header::after { content: " "; display: table; }
|
|
184
|
+
.box .box-header::after { clear: both; }
|
|
185
|
+
.box .box-footer { background: rgb(247, 247, 247); margin: 30px 0px -20px; padding: 20px; border-top: 1px solid rgb(238, 238, 238); }
|
|
186
|
+
.box .box-footer::before, .box .box-footer::after { content: " "; display: table; }
|
|
187
|
+
.box .box-footer::after { clear: both; }
|
|
188
|
+
.box .box-footer::before, .box .box-footer::after { content: " "; display: table; }
|
|
189
|
+
.box .box-footer::after { clear: both; }
|
|
190
|
+
#heading-breadcrumbs.no-mb { margin-bottom: 0px; }
|
|
191
|
+
.bar { position: relative; background: rgb(70, 127, 191); padding: 60px 0px; }
|
|
192
|
+
.bar.background-pentagon { background: url("../img/texture-bw.png") center center repeat; border-top: 1px solid rgb(153, 153, 153); border-bottom: 1px solid rgb(153, 153, 153); }
|
|
193
|
+
.bar.background-gray { background: rgb(238, 238, 238); }
|
|
194
|
+
.bar.background-white { background: rgb(255, 255, 255); }
|
|
195
|
+
|
|
196
|
+
.bar.background-image-fixed-2 { background: url("../img/fixed-background-2.jpg") center top / cover no-repeat fixed; }
|
|
197
|
+
.bar.color-white h1, .bar.color-white h2, .bar.color-white h3, .bar.color-white h4, .bar.color-white h5, .bar.color-white h6, .bar.color-white p { color: rgb(255, 255, 255); }
|
|
198
|
+
.bar .dark-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.3; }
|
|
199
|
+
.portfolio-showcase p.lead { color: rgb(85, 85, 85); margin-bottom: 20px; }
|
|
200
|
+
.showcase .item { text-align: center; }
|
|
201
|
+
.showcase .item .icon { display: inline-block; width: 50px; height: 50px; color: rgb(85, 85, 85); line-height: 50px; border-radius: 25px; border: 1px solid rgb(85, 85, 85); }
|
|
202
|
+
.showcase .item h4 { color: rgb(85, 85, 85); text-transform: uppercase; letter-spacing: 0.08em; line-height: 1.5; font-size: 16px; }
|
|
203
|
+
.showcase .item h4 span { font-weight: bold; font-size: 51px; }
|
|
204
|
+
#map { height: 300px; }
|
|
205
|
+
#map.with-border { border-top: 1px solid rgb(70, 127, 191); border-bottom: 1px solid rgb(70, 127, 191); }
|
|
206
|
+
#blog-listing-big .post .image, #blog-homepage .post .image { margin-bottom: 10px; overflow: hidden; }
|
|
207
|
+
#blog-listing-big .post .image img, #blog-homepage .post .image img { transition: all 0.2s ease-out; }
|
|
208
|
+
#blog-listing-medium .post .clearfix::before, #blog-listing-medium .post .clearfix::after, #blog-listing-medium .post .navbar::before, #blog-listing-medium .post .navbar::after, #blog-listing-medium .post .navbar-header::before, #blog-listing-medium .post .navbar-header::after { content: " "; display: table; }
|
|
209
|
+
#blog-listing-medium .post .clearfix::after, #blog-listing-medium .post .navbar::after, #blog-listing-medium .post .navbar-header::after { clear: both; }
|
|
210
|
+
#blog-listing-medium .post .clearfix::before, #blog-listing-medium .post .clearfix::after, #blog-listing-medium .post .navbar::before, #blog-listing-medium .post .navbar::after, #blog-listing-medium .post .navbar-header::before, #blog-listing-medium .post .navbar-header::after { content: " "; display: table; }
|
|
211
|
+
#blog-listing-medium .post .clearfix::after, #blog-listing-medium .post .navbar::after, #blog-listing-medium .post .navbar-header::after { clear: both; }
|
|
212
|
+
#blog-listing-medium .post .image { margin-bottom: 10px; overflow: hidden; }
|
|
213
|
+
#blog-listing-medium .post .image img { transition: all 0.2s ease-out; }
|
|
214
|
+
.product .image { overflow: hidden; }
|
|
215
|
+
.product .image img { transition: all 0.2s ease-out; }
|
|
216
|
+
.product .text { padding: 10px; }
|
|
217
|
+
.product .text h3 { font-size: 14px; font-weight: 700; height: 39.6px; text-transform: uppercase; letter-spacing: 0.08em; }
|
|
218
|
+
.product .text h3 a { color: rgb(85, 85, 85); }
|
|
219
|
+
.product .text h3 a:hover { text-decoration: none; }
|
|
220
|
+
.product .text p.price { font-size: 18px; }
|
|
221
|
+
.product .text p.price del { color: rgb(153, 153, 153); }
|
|
222
|
+
.product .buttons .btn { margin-bottom: 20px; }
|
|
223
|
+
.product:hover .image img { transform: scale(1.1, 1.1); }
|
|
224
|
+
#productMain .sizes a.active, #productMain .sizes a:hover { background: rgb(70, 127, 191); color: rgb(255, 255, 255); }
|
|
225
|
+
#thumbs a.active { border-color: rgb(70, 127, 191); }
|
|
226
|
+
#product-social p a.linkedin { background-color: rgb(14, 118, 168); }
|
|
227
|
+
#product-social p a.email { background-color: rgb(74, 127, 69); }
|
|
228
|
+
#checkout .nav { margin-bottom: 20px; border-bottom: 1px solid rgb(70, 127, 191); }
|
|
229
|
+
#checkout .nav li { height: 100%; }
|
|
230
|
+
#checkout .nav li a { display: block; height: 100%; }
|
|
231
|
+
#order-summary table { margin-top: 20px; }
|
|
232
|
+
#order-summary table td { color: rgb(153, 153, 153); }
|
|
233
|
+
#order-summary table tr.total td, #order-summary table tr.total th { font-size: 18px; color: rgb(85, 85, 85); font-weight: 700; }
|
|
234
|
+
#checkout .table tbody tr td, #basket .table tbody tr td, #customer-order .table tbody tr td { vertical-align: middle; }
|
|
235
|
+
#checkout .table tbody tr td input, #basket .table tbody tr td input, #customer-order .table tbody tr td input { width: 50px; text-align: right; }
|
|
236
|
+
#checkout .table tbody tr td img, #basket .table tbody tr td img, #customer-order .table tbody tr td img { width: 50px; }
|
|
237
|
+
#checkout .table tfoot, #basket .table tfoot, #customer-order .table tfoot { font-size: 18px; }
|
|
238
|
+
#customer-order .table tfoot th { font-size: 18px; font-weight: 300; }
|
|
239
|
+
#get-it { background: rgb(70, 127, 191); padding: 50px 0px 30px; color: rgb(255, 255, 255); text-align: center; }
|
|
240
|
+
#get-it h1, #get-it h2, #get-it h3, #get-it h4, #get-it h5, #get-it h6 { color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 0.08em; margin: 0px 0px 20px; }
|
|
241
|
+
#get-it p { margin: 0px 0px 20px; }
|
|
242
|
+
#footer { background: rgb(85, 85, 85); padding: 50px 0px; color: rgb(153, 153, 153); }
|
|
243
|
+
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: rgb(238, 238, 238); }
|
|
244
|
+
#footer h4 { font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; }
|
|
245
|
+
#footer ul { padding-left: 0px; list-style: none; }
|
|
246
|
+
#footer ul a { color: rgb(153, 153, 153); }
|
|
247
|
+
#footer ul a:hover { color: rgb(70, 127, 191); text-decoration: none; }
|
|
248
|
+
#footer .photostream div { float: left; display: block; box-sizing: border-box; width: 33%; padding: 7.5px; overflow: hidden; }
|
|
249
|
+
#footer .photostream div a { }
|
|
250
|
+
#footer .photostream div img { transition: all 0.2s ease-out; }
|
|
251
|
+
#footer .photostream div:hover img { transform: scale(1.1, 1.1); }
|
|
252
|
+
#footer .blog-entries .item { clear: both; padding: 5px 0px; margin-bottom: 10px; border-bottom: 1px solid rgb(85, 85, 85); }
|
|
253
|
+
#footer .blog-entries .item .image { float: left; width: 15%; margin-right: 10px; }
|
|
254
|
+
#footer .blog-entries .item .name { width: 75%; margin-left: 10px; display: table-cell; vertical-align: middle; }
|
|
255
|
+
#footer .blog-entries .item .name h5 { margin: 0px; text-transform: uppercase; letter-spacing: 0.08em; font-size: 12px; }
|
|
256
|
+
#footer .blog-entries .item .name h5 a { color: rgb(238, 238, 238); }
|
|
257
|
+
#footer .blog-entries .item .text { width: 100%; clear: both; }
|
|
258
|
+
#footer .blog-entries .item:last-child { border-bottom: none; margin-bottom: 0px; }
|
|
259
|
+
#footer .social a { color: rgb(85, 85, 85); font-size: 25px; margin: 0px 10px 0px 0px; }
|
|
260
|
+
#footer .social a:hover { color: rgb(70, 127, 191); }
|
|
261
|
+
#copyright { background: rgb(51, 51, 51); color: rgb(204, 204, 204); padding: 50px 0px; font-size: 12px; line-height: 28px; }
|
|
262
|
+
#copyright p { margin: 0px; }
|
|
263
|
+
[data-animate] { opacity: 0; }
|
|
264
|
+
.nav > li > a { padding: 10px 15px; }
|
|
265
|
+
.nav > li > a:hover, .nav > li > a:focus { background-color: rgb(238, 238, 238); }
|
|
266
|
+
.nav > li.disabled > a { color: rgb(153, 153, 153); }
|
|
267
|
+
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: rgb(153, 153, 153); }
|
|
268
|
+
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: rgb(238, 238, 238); border-color: rgb(70, 127, 191); }
|
|
269
|
+
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(70, 127, 191) rgb(70, 127, 191) transparent; border-image: initial; cursor: default; }
|
|
270
|
+
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid rgb(70, 127, 191); }
|
|
271
|
+
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: rgb(255, 255, 255); background-color: rgb(70, 127, 191); }
|
|
272
|
+
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid rgb(70, 127, 191); }
|
|
273
|
+
.navbar { position: relative; min-height: 62px; margin-bottom: 0px; border-bottom: 1px solid transparent; }
|
|
274
|
+
.navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; }
|
|
275
|
+
.navbar-fixed-top .navbar-collapse, .navbar-affixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; }
|
|
276
|
+
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; }
|
|
277
|
+
.navbar-brand { float: left; padding: 10px 15px; font-size: 18px; line-height: 20px; height: 62px; }
|
|
278
|
+
.navbar-brand:hover, .navbar-brand:focus { text-decoration: none; }
|
|
279
|
+
.navbar-nav { margin: 10.5px -15px; }
|
|
280
|
+
.navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; }
|
|
281
|
+
.navbar-nav > li > .dropdown-menu { margin-top: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; }
|
|
282
|
+
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }
|
|
283
|
+
.navbar-default { background-color: rgb(255, 255, 255); border-top-color: rgb(204, 204, 204); border-right-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-bottom: none; }
|
|
284
|
+
.navbar-default .navbar-brand { color: rgb(85, 85, 85); }
|
|
285
|
+
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: rgb(59, 59, 59); background-color: transparent; }
|
|
286
|
+
.navbar-default .navbar-text { color: rgb(119, 119, 119); }
|
|
287
|
+
.navbar-default .navbar-nav > li > a { color: rgb(85, 85, 85); }
|
|
288
|
+
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: rgb(85, 85, 85); background-color: rgb(146, 179, 217); }
|
|
289
|
+
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: rgb(255, 255, 255); background-color: rgb(70, 127, 191); }
|
|
290
|
+
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: rgb(204, 204, 204); background-color: transparent; }
|
|
291
|
+
.navbar-default .navbar-toggle { border-color: rgb(221, 221, 221); }
|
|
292
|
+
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: rgb(70, 127, 191); }
|
|
293
|
+
.navbar-default .navbar-toggle .icon-bar { background-color: rgb(136, 136, 136); }
|
|
294
|
+
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: rgb(204, 204, 204); }
|
|
295
|
+
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: rgb(70, 127, 191); color: rgb(255, 255, 255); }
|
|
296
|
+
.navbar-default .navbar-link { color: rgb(85, 85, 85); }
|
|
297
|
+
.navbar-default .navbar-link:hover { color: rgb(85, 85, 85); }
|
|
298
|
+
.navbar-default .btn-link { color: rgb(85, 85, 85); }
|
|
299
|
+
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: rgb(85, 85, 85); }
|
|
300
|
+
.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: rgb(204, 204, 204); }
|
|
301
|
+
body { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); }
|
|
302
|
+
a { color: rgb(70, 127, 191); text-decoration: none; }
|
|
303
|
+
a:hover, a:focus { color: rgb(47, 90, 137); text-decoration: underline; }
|
|
304
|
+
a:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }
|
|
305
|
+
hr { margin-top: 20px; margin-bottom: 20px; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(238, 238, 238); }
|
|
306
|
+
.breadcrumb > .active { color: rgb(153, 153, 153); }
|
|
307
|
+
.dropdown-menu.pull-right { right: 0px; left: auto; }
|
|
308
|
+
label { font-weight: normal; }
|
|
309
|
+
.form-control { box-shadow: none; border-radius: 0px; }
|
|
310
|
+
.form-control:focus { border-color: rgb(70, 127, 191); outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, rgba(70, 127, 191, 0.6) 0px 0px 8px; }
|
|
311
|
+
.form-group { margin-bottom: 20px; }
|
|
312
|
+
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: rgb(255, 255, 255); background-color: rgb(70, 127, 191); border-color: rgb(70, 127, 191); }
|
|
313
|
+
p { margin: 0px 0px 10px; }
|
|
314
|
+
.lead { margin-bottom: 20px; font-size: 18px; }
|
|
315
|
+
abbr[title], abbr[data-original-title] { border-bottom: 1px dotted rgb(153, 153, 153); }
|
|
316
|
+
blockquote { padding: 10px 20px; margin: 0px 0px 20px; font-size: 14px; border-left: 5px solid rgb(70, 127, 191); }
|
|
317
|
+
.blockquote-reverse, blockquote.pull-right { border-right: 5px solid rgb(70, 127, 191); }
|
|
318
|
+
address { margin-bottom: 20px; line-height: 1.42857; }
|
|
319
|
+
.panel { margin-bottom: 20px; background-color: rgb(255, 255, 255); border: 1px solid transparent; border-radius: 0px; box-shadow: 0px 0px 0px; }
|
|
320
|
+
.panel-group { margin-bottom: 20px; }
|
|
321
|
+
.panel-group .panel { margin-bottom: 0px; border-radius: 0px; overflow: hidden; }
|
|
322
|
+
.panel-group .panel + .panel { margin-top: 5px; }
|
|
323
|
+
.panel-group.accordion .panel { border-color: rgb(204, 204, 204); }
|
|
324
|
+
.panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(70, 127, 191); }
|
|
325
|
+
.panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(70, 127, 191); }
|
|
326
|
+
a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: rgb(70, 127, 191); background-color: rgb(255, 255, 255); }
|
|
327
|
+
.yamm .nav, .yamm .collapse, .yamm .dropup.use-yamm, .yamm .dropdown.use-yamm { position: static; }
|
|
328
|
+
.yamm .container { position: relative; }
|
|
329
|
+
.yamm .dropdown-menu { left: auto; }
|
|
330
|
+
.yamm .nav.navbar-right .dropdown-menu { left: auto; right: 0px; }
|
|
331
|
+
.yamm .yamm-content { padding: 20px 30px; }
|
|
332
|
+
.yamm .dropdown.yamm-fw .dropdown-menu { left: 15px; right: 15px; }
|
|
333
|
+
form { margin-bottom: 20px; }
|
|
334
|
+
label { font-weight: normal; }
|
|
335
|
+
label > span { float: left; }
|
|
336
|
+
button { color: rgb(70, 127, 191); background-color: rgb(255, 255, 255); border-color: rgb(70, 127, 191); }
|
|
337
|
+
button:focus { }
|
|
338
|
+
button:active { background: rgb(70, 127, 191); color: rgb(255, 255, 255); border-color: rgb(70, 127, 191); }
|
|
339
|
+
.no-padding { padding: 0px; }
|
|
340
|
+
.owl-carousel .owl-wrapper::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; }
|
|
341
|
+
.owl-carousel { display: none; position: relative; width: 100%; }
|
|
342
|
+
.owl-carousel .owl-wrapper { display: none; position: relative; transform: translate3d(0px, 0px, 0px); }
|
|
343
|
+
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
|
|
344
|
+
.owl-carousel .owl-wrapper-outer.autoHeight { transition: height 500ms ease-in-out; }
|
|
345
|
+
.owl-carousel .owl-item { float: left; }
|
|
346
|
+
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
|
|
347
|
+
.owl-controls { user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
|
|
348
|
+
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); }
|
|
349
|
+
.owl-theme .owl-controls { margin-top: 10px; text-align: center; }
|
|
350
|
+
.owl-theme .owl-controls .owl-buttons div { display: inline-block; zoom: 1; }
|
|
351
|
+
.owl-theme .owl-controls.clickable .owl-buttons div:hover { opacity: 1; text-decoration: none; }
|
|
352
|
+
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; }
|
|
353
|
+
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; opacity: 0.5; border-radius: 20px; background: rgb(134, 151, 145); }
|
|
354
|
+
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { opacity: 1; }
|
|
355
|
+
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: rgb(255, 255, 255); padding: 2px 10px; font-size: 12px; border-radius: 30px; }
|
|
356
|
+
.gm-style { font-style: normal; font-variant: normal; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: normal; font-family: Roboto, Arial, sans-serif; text-decoration: none; }
|
|
357
|
+
.gm-style img { max-width: none; }
|
data/assets/css/combined.css
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
---
|
|
2
|
+
---
|
|
2
3
|
.gm-style .gm-style-mtc label, .gm-style .gm-style-mtc div { font-weight: 400; }
|
|
3
4
|
.gm-style .gm-style-cc span, .gm-style .gm-style-cc a, .gm-style .gm-style-mtc div { font-size: 10px; }
|
|
4
5
|
.gm-style-pbc { transition: opacity ease-in-out; background-color: rgba(0, 0, 0, 0.45); text-align: center; }
|
|
@@ -15,8 +16,8 @@ a i.fa, button i.fa { margin: 0px 5px; }
|
|
|
15
16
|
p.lead { margin-bottom: 40px; }
|
|
16
17
|
.no-mb { margin-bottom: 0px !important; }
|
|
17
18
|
.heading { margin-bottom: 40px; }
|
|
18
|
-
.heading h1, .heading h2, .heading h3, .heading h4, .heading h5 { display: inline-block; border-bottom: 5px solid
|
|
19
|
-
.heading h1 i.fa, .heading h2 i.fa, .heading h3 i.fa, .heading h4 i.fa, .heading h5 i.fa { display: inline-block; background:
|
|
19
|
+
.heading h1, .heading h2, .heading h3, .heading h4, .heading h5 { display: inline-block; border-bottom: 5px solid {{ site.lightMainBackground }}; line-height: 1.1; margin-bottom: 0px; padding-bottom: 10px; vertical-align: middle; text-transform: uppercase; letter-spacing: 0.06em; }
|
|
20
|
+
.heading h1 i.fa, .heading h2 i.fa, .heading h3 i.fa, .heading h4 i.fa, .heading h5 i.fa { display: inline-block; background: {{ site.lightMainBackground }}; width: 30px; height: 30px; vertical-align: middle; text-align: center; color: rgb(255, 255, 255); font-size: 12px; line-height: 30px; border-radius: 15px; }
|
|
20
21
|
.icon { display: inline-block; width: 80px; height: 80px; color: rgb(255, 255, 255); line-height: 80px; border-radius: 40px; border: 1px solid rgb(255, 255, 255); font-size: 20px; }
|
|
21
22
|
.icon.icon-lg { font-size: 30px; border-width: 2px; }
|
|
22
23
|
.pages-listing .item { text-align: center; }
|
|
@@ -24,10 +25,10 @@ p.lead { margin-bottom: 40px; }
|
|
|
24
25
|
.pages-listing .item h3 a { color: rgb(85, 85, 85); }
|
|
25
26
|
.pages-listing .item .text { margin-bottom: 20px; }
|
|
26
27
|
.pages-listing .item .text p { color: rgb(153, 153, 153); font-size: 12px; margin-bottom: 20px; }
|
|
27
|
-
#top { background:
|
|
28
|
+
#top { background: {{ site.darkBackground }}; color: {{ site.secondaryColour }}; padding: 10px 0px; }
|
|
28
29
|
#top p { margin: 0px; font-size: 12px; }
|
|
29
30
|
#top .social { float: right; text-align: right; }
|
|
30
|
-
#top .social a { color:
|
|
31
|
+
#top .social a { color: {{ site.secondaryColour }}; display: inline-block; width: 24px; height: 24px; border-radius: 12px; line-height: 20px; font-size: 12px; text-align: center; vertical-align: bottom; }
|
|
31
32
|
#top .social a:hover { color: rgb(255, 255, 255); }
|
|
32
33
|
#top .social a:hover.linkedin { background-color: rgb(14, 118, 168); }
|
|
33
34
|
#top .social a:hover.facebook { background-color: rgb(68, 96, 174); }
|
|
@@ -41,62 +42,62 @@ p.lead { margin-bottom: 40px; }
|
|
|
41
42
|
#top.light .login a { color: rgb(85, 85, 85); }
|
|
42
43
|
.navbar { border: none; }
|
|
43
44
|
.navbar ul.nav > li > a { text-transform: uppercase; text-decoration: underline; font-weight: bold; letter-spacing: 0.08em; border-top: 5px solid transparent; }
|
|
44
|
-
.navbar ul.nav > li > a:hover { border-top: 5px solid
|
|
45
|
-
.navbar ul.nav > li.active > a, .navbar ul.nav > li.open > a { border-top: 5px solid
|
|
46
|
-
.navbar.navbar-light ul.nav > li.active > a { border-top: 5px solid
|
|
47
|
-
.navbar.navbar-light ul.nav > li.active > a:hover { border-top: 5px solid
|
|
48
|
-
.navbar.navbar-light ul.nav > li > a:hover, .navbar.navbar-light ul.nav > li.open > a:hover, .navbar.navbar-light ul.nav > li > a:focus, .navbar.navbar-light ul.nav > li.open > a:focus { border-top: 5px solid
|
|
45
|
+
.navbar ul.nav > li > a:hover { border-top: 5px solid {{ site.darkMainBackground }}; }
|
|
46
|
+
.navbar ul.nav > li.active > a, .navbar ul.nav > li.open > a { border-top: 5px solid {{ site.darkMainBackground }}; text-decoration: none !important; }
|
|
47
|
+
.navbar.navbar-light ul.nav > li.active > a { border-top: 5px solid {{ site.darkMainBackground }}; background: rgb(255, 255, 255) !important; color: rgb(85, 85, 85) !important; }
|
|
48
|
+
.navbar.navbar-light ul.nav > li.active > a:hover { border-top: 5px solid {{ site.darkMainBackground }}; }
|
|
49
|
+
.navbar.navbar-light ul.nav > li > a:hover, .navbar.navbar-light ul.nav > li.open > a:hover, .navbar.navbar-light ul.nav > li > a:focus, .navbar.navbar-light ul.nav > li.open > a:focus { border-top: 5px solid {{ site.lightMainBackground }}; background: rgb(255, 255, 255) !important; color: rgb(85, 85, 85) !important; }
|
|
49
50
|
.navbar ul.dropdown-menu { margin: 0px; padding: 0px; }
|
|
50
51
|
.navbar ul.dropdown-menu li { list-style-type: none; border-bottom: 1px solid rgb(238, 238, 238); text-transform: uppercase; letter-spacing: 0.08em; padding: 4px 0px; }
|
|
51
52
|
.navbar ul.dropdown-menu li a { position: relative; color: rgb(153, 153, 153); font-size: 12px; display: block; transition: all 0.2s ease-out; left: 0px; }
|
|
52
|
-
.navbar ul.dropdown-menu li a:hover { color:
|
|
53
|
+
.navbar ul.dropdown-menu li a:hover { color: {{ site.lightMainBackground }}; text-decoration: none; background: none; left: 2px; transition: all 0.2s ease-out; }
|
|
53
54
|
.navbar .yamm-content h3 { font-size: 18px; text-transform: uppercase; padding-bottom: 10px; margin-top: 5px; border-bottom: 1px dotted rgb(85, 85, 85); letter-spacing: 0.08em; }
|
|
54
55
|
.navbar .yamm-content h5 { text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px dotted rgb(85, 85, 85); letter-spacing: 0.08em; }
|
|
55
56
|
.navbar .yamm-content ul { margin: 0px; padding: 0px; }
|
|
56
57
|
.navbar .yamm-content ul li { list-style-type: none; border-bottom: 1px solid rgb(238, 238, 238); text-transform: uppercase; padding: 4px 0px; }
|
|
57
58
|
.navbar .yamm-content ul li a { position: relative; color: rgb(153, 153, 153); font-size: 12px; display: block; transition: all 0.2s ease-out; }
|
|
58
|
-
.navbar .yamm-content ul li a:hover { color:
|
|
59
|
+
.navbar .yamm-content ul li a:hover { color: {{ site.lightMainBackground }}; text-decoration: none; padding-left: 2px; }
|
|
59
60
|
.navbar .yamm-content .banner { margin-bottom: 10px; }
|
|
60
61
|
.navbar .yamm-fw .dropdown-menu { padding: 0px; }
|
|
61
62
|
.navbar .navbar-buttons { float: right; }
|
|
62
63
|
.navbar .navbar-buttons button, .navbar .navbar-buttons a.btn, .navbar .navbar-buttons .btn-default.navbar-toggle { margin: 11px 5px 11px 0px; }
|
|
63
64
|
.navbar .btn-default, .navbar .btn-default.navbar-toggle { color: rgb(153, 153, 153); background-color: rgb(255, 255, 255); margin-left: 7px; margin-right: 0px; }
|
|
64
|
-
.navbar .btn-default:hover, .navbar .btn-default.navbar-toggle:hover, .navbar .btn-default:focus, .navbar .btn-default.navbar-toggle:focus { background-color: rgb(255, 255, 255); border-color:
|
|
65
|
-
.navbar #search { clear: both; border-top: 1px solid
|
|
65
|
+
.navbar .btn-default:hover, .navbar .btn-default.navbar-toggle:hover, .navbar .btn-default:focus, .navbar .btn-default.navbar-toggle:focus { background-color: rgb(255, 255, 255); border-color: {{ site.lightMainBackground }}; color: {{ site.lightMainBackground }}; }
|
|
66
|
+
.navbar #search { clear: both; border-top: 1px solid {{ site.lightMainBackground }}; text-align: right; }
|
|
66
67
|
.navbar #search form { float: right; }
|
|
67
68
|
.navbar #search form .input-group { width: 500px; }
|
|
68
69
|
.navbar #basket-overview a { margin-left: 7px; }
|
|
69
70
|
.navbar-affixed-top { top: -32px; }
|
|
70
|
-
.navbar-affixed-top.affix { position: fixed; width: 100%; top: 0px; z-index: 1000; box-shadow:
|
|
71
|
+
.navbar-affixed-top.affix { position: fixed; width: 100%; top: 0px; z-index: 1000; box-shadow: 0px 0px 5px; transition: all 0.5s ease-out; }
|
|
71
72
|
body.boxed .navbar-affixed-top.affix { position: static; }
|
|
72
73
|
.btn { font-weight: 700; font-family: Roboto, Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.08em; padding: 6px 12px; font-size: 13px; line-height: 1.42857; border-radius: 0px; }
|
|
73
74
|
.input-group .btn { font-size: 14px; }
|
|
74
75
|
.btn-lg { padding: 10px 16px; font-size: 14px; line-height: 1.33; border-radius: 0px; }
|
|
75
|
-
.btn-template-main { color:
|
|
76
|
-
.btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active, .open > .dropdown-toggle.btn-template-main { color:
|
|
76
|
+
.btn-template-main { color: {{ site.lightMainBackgound }}; background-color: rgb(255, 255, 255); border-color: {{ site.lightMainBackground }}; }
|
|
77
|
+
.btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active, .open > .dropdown-toggle.btn-template-main { color: {{ site.lightMainBackground }}; background-color: rgb(230, 230, 230); border-color: {{ site.darkMainBackground }}; }
|
|
77
78
|
.btn-template-main:active, .btn-template-main.active, .open > .dropdown-toggle.btn-template-main { background-image: none; }
|
|
78
|
-
.btn-template-main.disabled, .btn-template-main[disabled], fieldset[disabled] .btn-template-main, .btn-template-main.disabled:hover, .btn-template-main[disabled]:hover, fieldset[disabled] .btn-template-main:hover, .btn-template-main.disabled:focus, .btn-template-main[disabled]:focus, fieldset[disabled] .btn-template-main:focus, .btn-template-main.disabled:active, .btn-template-main[disabled]:active, fieldset[disabled] .btn-template-main:active, .btn-template-main.disabled.active, .btn-template-main[disabled].active, fieldset[disabled] .btn-template-main.active { background-color: rgb(255, 255, 255); border-color:
|
|
79
|
-
.btn-template-main .badge { color: rgb(255, 255, 255); background-color:
|
|
80
|
-
.btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active { background:
|
|
79
|
+
.btn-template-main.disabled, .btn-template-main[disabled], fieldset[disabled] .btn-template-main, .btn-template-main.disabled:hover, .btn-template-main[disabled]:hover, fieldset[disabled] .btn-template-main:hover, .btn-template-main.disabled:focus, .btn-template-main[disabled]:focus, fieldset[disabled] .btn-template-main:focus, .btn-template-main.disabled:active, .btn-template-main[disabled]:active, fieldset[disabled] .btn-template-main:active, .btn-template-main.disabled.active, .btn-template-main[disabled].active, fieldset[disabled] .btn-template-main.active { background-color: rgb(255, 255, 255); border-color: {{ site.lightMainBackground }}; }
|
|
80
|
+
.btn-template-main .badge { color: rgb(255, 255, 255); background-color: {{ site.lightMainBackground }}; }
|
|
81
|
+
.btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active { background: {{ site.lightMainBackground }}; color: rgb(255, 255, 255); border-color: {{ site.lightMainBackground }}; }
|
|
81
82
|
.btn-template-transparent-primary:hover, .btn-template-transparent-primary:focus, .btn-template-transparent-primary:active, .btn-template-transparent-primary.active, .open > .dropdown-toggle.btn-template-transparent-primary { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0); border-color: rgb(224, 224, 224); }
|
|
82
83
|
.btn-template-transparent-primary:active, .btn-template-transparent-primary.active, .open > .dropdown-toggle.btn-template-transparent-primary { background-image: none; }
|
|
83
84
|
.btn-template-transparent-primary.disabled, .btn-template-transparent-primary[disabled], fieldset[disabled] .btn-template-transparent-primary, .btn-template-transparent-primary.disabled:hover, .btn-template-transparent-primary[disabled]:hover, fieldset[disabled] .btn-template-transparent-primary:hover, .btn-template-transparent-primary.disabled:focus, .btn-template-transparent-primary[disabled]:focus, fieldset[disabled] .btn-template-transparent-primary:focus, .btn-template-transparent-primary.disabled:active, .btn-template-transparent-primary[disabled]:active, fieldset[disabled] .btn-template-transparent-primary:active, .btn-template-transparent-primary.disabled.active, .btn-template-transparent-primary[disabled].active, fieldset[disabled] .btn-template-transparent-primary.active { background-color: transparent; border-color: rgb(255, 255, 255); }
|
|
84
|
-
.btn-template-transparent-primary:hover, .btn-template-transparent-primary:focus, .btn-template-transparent-primary:active, .btn-template-transparent-primary.active { background: rgb(255, 255, 255); color:
|
|
85
|
+
.btn-template-transparent-primary:hover, .btn-template-transparent-primary:focus, .btn-template-transparent-primary:active, .btn-template-transparent-primary.active { background: rgb(255, 255, 255); color: {{ site.lightMainBackground }}; border-color: rgb(255, 255, 255); }
|
|
85
86
|
.btn-template-transparent-black { color: rgb(255, 255, 255); background-color: transparent; border-color: rgb(255, 255, 255); }
|
|
86
87
|
.btn-template-transparent-black:hover, .btn-template-transparent-black:focus, .btn-template-transparent-black:active, .btn-template-transparent-black.active, .open > .dropdown-toggle.btn-template-transparent-black { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0); border-color: rgb(224, 224, 224); }
|
|
87
88
|
.btn-template-transparent-black:active, .btn-template-transparent-black.active, .open > .dropdown-toggle.btn-template-transparent-black { background-image: none; }
|
|
88
89
|
.btn-template-transparent-black.disabled, .btn-template-transparent-black[disabled], fieldset[disabled] .btn-template-transparent-black, .btn-template-transparent-black.disabled:hover, .btn-template-transparent-black[disabled]:hover, fieldset[disabled] .btn-template-transparent-black:hover, .btn-template-transparent-black.disabled:focus, .btn-template-transparent-black[disabled]:focus, fieldset[disabled] .btn-template-transparent-black:focus, .btn-template-transparent-black.disabled:active, .btn-template-transparent-black[disabled]:active, fieldset[disabled] .btn-template-transparent-black:active, .btn-template-transparent-black.disabled.active, .btn-template-transparent-black[disabled].active, fieldset[disabled] .btn-template-transparent-black.active { background-color: transparent; border-color: rgb(255, 255, 255); }
|
|
89
90
|
.btn-template-transparent-black .badge { color: transparent; background-color: rgb(255, 255, 255); }
|
|
90
91
|
.btn-template-transparent-black:hover, .btn-template-transparent-black:focus, .btn-template-transparent-black:active, .btn-template-transparent-black.active { background: rgb(255, 255, 255); color: rgb(0, 0, 0); border-color: rgb(255, 255, 255); }
|
|
91
|
-
.btn-template-primary:hover, .btn-template-primary:focus, .btn-template-primary:active, .btn-template-primary.active, .open > .dropdown-toggle.btn-template-primary { color: rgb(255, 255, 255); background-color:
|
|
92
|
+
.btn-template-primary:hover, .btn-template-primary:focus, .btn-template-primary:active, .btn-template-primary.active, .open > .dropdown-toggle.btn-template-primary { color: rgb(255, 255, 255); background-color: {{ site.darkMainBackground }}; border-color: {{ site.darkMainBackground }}; }
|
|
92
93
|
.btn-template-primary:active, .btn-template-primary.active, .open > .dropdown-toggle.btn-template-primary { background-image: none; }
|
|
93
|
-
.btn-template-primary.disabled, .btn-template-primary[disabled], fieldset[disabled] .btn-template-primary, .btn-template-primary.disabled:hover, .btn-template-primary[disabled]:hover, fieldset[disabled] .btn-template-primary:hover, .btn-template-primary.disabled:focus, .btn-template-primary[disabled]:focus, fieldset[disabled] .btn-template-primary:focus, .btn-template-primary.disabled:active, .btn-template-primary[disabled]:active, fieldset[disabled] .btn-template-primary:active, .btn-template-primary.disabled.active, .btn-template-primary[disabled].active, fieldset[disabled] .btn-template-primary.active { background-color:
|
|
94
|
+
.btn-template-primary.disabled, .btn-template-primary[disabled], fieldset[disabled] .btn-template-primary, .btn-template-primary.disabled:hover, .btn-template-primary[disabled]:hover, fieldset[disabled] .btn-template-primary:hover, .btn-template-primary.disabled:focus, .btn-template-primary[disabled]:focus, fieldset[disabled] .btn-template-primary:focus, .btn-template-primary.disabled:active, .btn-template-primary[disabled]:active, fieldset[disabled] .btn-template-primary:active, .btn-template-primary.disabled.active, .btn-template-primary[disabled].active, fieldset[disabled] .btn-template-primary.active { background-color: {{ site.lightMainBackground }}; border-color: {{ site.lightMainBackground }}; }
|
|
94
95
|
#intro .item { font-family: Roboto, Helvetica, Arial, sans-serif; height: 100%; }
|
|
95
96
|
#intro .item h1 { text-transform: uppercase; font-size: 50px; color: rgb(255, 255, 255); margin-bottom: 40px; letter-spacing: 0.08em; }
|
|
96
97
|
#intro .item h3 { color: rgb(255, 255, 255); margin-bottom: 40px; }
|
|
97
98
|
#intro .item .btn { text-transform: none; }
|
|
98
99
|
#intro .container, #intro .row { height: 100%; position: relative; }
|
|
99
|
-
.jumbotron .dark-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background:
|
|
100
|
+
.jumbotron .dark-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: {{ site.lightMainBackground }}; opacity: 0.9; }
|
|
100
101
|
.jumbotron p.text-uppercase { font-weight: 700; }
|
|
101
102
|
.container .jumbotron { border-radius: 0px; }
|
|
102
103
|
.jumbotron .container { max-width: 100%; z-index: 2; }
|
|
@@ -114,10 +115,10 @@ body.boxed .navbar-affixed-top.affix { position: static; }
|
|
|
114
115
|
.panel.sidebar-menu ul.nav ul li a { position: relative; font-family: "Times New Roman", Times, serif; font-weight: normal; display: block; padding: 10px 15px 10px 30px; font-size: 12px; color: rgb(153, 153, 153); text-transform: none !important; }
|
|
115
116
|
.panel.sidebar-menu ul.nav ul li a:hover, .panel.sidebar-menu ul.nav ul li a:focus { text-decoration: none; background-color: rgb(238, 238, 238); }
|
|
116
117
|
.panel.sidebar-menu.with-icons ul.nav li a::after { font-family: FontAwesome; content: ""; position: relative; top: 0px; float: right; }
|
|
117
|
-
.owl-carousel .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page.active span, .owl-carousel .owl-controls.clickable .owl-page:hover span, .owl-theme .owl-controls.clickable .owl-page:hover span { background:
|
|
118
|
+
.owl-carousel .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page.active span, .owl-carousel .owl-controls.clickable .owl-page:hover span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: {{ site.lightMainBackground }}; }
|
|
118
119
|
.owl-carousel .owl-controls .owl-buttons, .owl-theme .owl-controls .owl-buttons { position: absolute; top: 5px; right: 0px; }
|
|
119
|
-
.owl-carousel .owl-controls .owl-buttons div, .owl-theme .owl-controls .owl-buttons div { width: 26px; height: 26px; line-height: 25px; margin: 0px 5px 0px 0px; font-size: 18px; color:
|
|
120
|
-
.home-carousel .dark-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background:
|
|
120
|
+
.owl-carousel .owl-controls .owl-buttons div, .owl-theme .owl-controls .owl-buttons div { width: 26px; height: 26px; line-height: 25px; margin: 0px 5px 0px 0px; font-size: 18px; color: {{ site.lightMainBackground }}; padding: 0px; background: rgb(255, 255, 255); border-radius: 13px; vertical-align: middle; text-align: center; opacity: 1; }
|
|
121
|
+
.home-carousel .dark-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: {{ site.lightMainBackground }}; opacity: 0.9; }
|
|
121
122
|
.home-carousel .owl-carousel { padding-top: 60px; padding-bottom: 20px; }
|
|
122
123
|
.home-carousel .owl-theme .owl-controls .owl-page span { background: rgb(102, 102, 102); }
|
|
123
124
|
.home-carousel .owl-theme .owl-controls .owl-page.active span { background: rgb(255, 255, 255); }
|
|
@@ -135,7 +136,7 @@ body.boxed .navbar-affixed-top.affix { position: static; }
|
|
|
135
136
|
.testimonials .item .testimonial::after { clear: both; }
|
|
136
137
|
.testimonials .item .testimonial .text { color: rgb(153, 153, 153); margin-bottom: 40px; }
|
|
137
138
|
.testimonials .item .testimonial .bottom { position: absolute; left: 0px; bottom: 0px; width: 100%; box-sizing: border-box; padding: 20px; height: 50px; }
|
|
138
|
-
.testimonials .item .testimonial .bottom .icon { color:
|
|
139
|
+
.testimonials .item .testimonial .bottom .icon { color: {{ site.lightMainBackground }}; font-size: 30px; float: left; width: 20%; }
|
|
139
140
|
.testimonials .item .testimonial .name-picture { float: right; width: 80%; text-align: right; }
|
|
140
141
|
.testimonials .item .testimonial .name-picture h5 { font-size: 14px; text-transform: uppercase; letter-spacing: 0.08em; }
|
|
141
142
|
.testimonials .item .testimonial .name-picture p { color: rgb(153, 153, 153); margin: 0px; font-size: 12px; }
|
|
@@ -164,7 +165,7 @@ body.boxed .navbar-affixed-top.affix { position: static; }
|
|
|
164
165
|
.team-member .social a.instagram, .team-member-detail .social a.instagram { background-color: rgb(205, 67, 120); }
|
|
165
166
|
.team-member .social a.email, .team-member-detail .social a.email { background-color: rgb(74, 127, 69); }
|
|
166
167
|
.box-simple { text-align: center; margin-bottom: 40px; }
|
|
167
|
-
.box-simple .icon { color:
|
|
168
|
+
.box-simple .icon { color: {{ site.lightMainBackground }}; border-color: {{ site.lightMainBackground }}; transition: all 0.2s ease-out; }
|
|
168
169
|
.box-simple h3 { font-size: 18px; text-transform: uppercase; line-height: 1.5; color: rgb(85, 85, 85); font-weight: 800; letter-spacing: 0.08em; }
|
|
169
170
|
.box-simple h3 a { color: rgb(85, 85, 85); }
|
|
170
171
|
.box-simple p { color: rgb(153, 153, 153); }
|
|
@@ -188,7 +189,7 @@ body.boxed .navbar-affixed-top.affix { position: static; }
|
|
|
188
189
|
.box .box-footer::before, .box .box-footer::after { content: " "; display: table; }
|
|
189
190
|
.box .box-footer::after { clear: both; }
|
|
190
191
|
#heading-breadcrumbs.no-mb { margin-bottom: 0px; }
|
|
191
|
-
.bar { position: relative; background:
|
|
192
|
+
.bar { position: relative; background: {{ site.lightMainBackground }}; padding: 60px 0px; }
|
|
192
193
|
.bar.background-pentagon { background: url("../img/texture-bw.png") center center repeat; border-top: 1px solid rgb(153, 153, 153); border-bottom: 1px solid rgb(153, 153, 153); }
|
|
193
194
|
.bar.background-gray { background: rgb(238, 238, 238); }
|
|
194
195
|
.bar.background-white { background: rgb(255, 255, 255); }
|
|
@@ -202,7 +203,7 @@ body.boxed .navbar-affixed-top.affix { position: static; }
|
|
|
202
203
|
.showcase .item h4 { color: rgb(85, 85, 85); text-transform: uppercase; letter-spacing: 0.08em; line-height: 1.5; font-size: 16px; }
|
|
203
204
|
.showcase .item h4 span { font-weight: bold; font-size: 51px; }
|
|
204
205
|
#map { height: 300px; }
|
|
205
|
-
#map.with-border { border-top: 1px solid
|
|
206
|
+
#map.with-border { border-top: 1px solid {{ site.lightMainBackground }}; border-bottom: 1px solid {{ site.lightMainBackground }}; }
|
|
206
207
|
#blog-listing-big .post .image, #blog-homepage .post .image { margin-bottom: 10px; overflow: hidden; }
|
|
207
208
|
#blog-listing-big .post .image img, #blog-homepage .post .image img { transition: all 0.2s ease-out; }
|
|
208
209
|
#blog-listing-medium .post .clearfix::before, #blog-listing-medium .post .clearfix::after, #blog-listing-medium .post .navbar::before, #blog-listing-medium .post .navbar::after, #blog-listing-medium .post .navbar-header::before, #blog-listing-medium .post .navbar-header::after { content: " "; display: table; }
|
|
@@ -221,11 +222,11 @@ body.boxed .navbar-affixed-top.affix { position: static; }
|
|
|
221
222
|
.product .text p.price del { color: rgb(153, 153, 153); }
|
|
222
223
|
.product .buttons .btn { margin-bottom: 20px; }
|
|
223
224
|
.product:hover .image img { transform: scale(1.1, 1.1); }
|
|
224
|
-
#productMain .sizes a.active, #productMain .sizes a:hover { background:
|
|
225
|
-
#thumbs a.active { border-color:
|
|
225
|
+
#productMain .sizes a.active, #productMain .sizes a:hover { background: {{ site.lightMainBackground }}; color: rgb(255, 255, 255); }
|
|
226
|
+
#thumbs a.active { border-color: {{ site.lightMainBackground }}; }
|
|
226
227
|
#product-social p a.linkedin { background-color: rgb(14, 118, 168); }
|
|
227
228
|
#product-social p a.email { background-color: rgb(74, 127, 69); }
|
|
228
|
-
#checkout .nav { margin-bottom: 20px; border-bottom: 1px solid
|
|
229
|
+
#checkout .nav { margin-bottom: 20px; border-bottom: 1px solid {{ site.lightMainBackground) }}; }
|
|
229
230
|
#checkout .nav li { height: 100%; }
|
|
230
231
|
#checkout .nav li a { display: block; height: 100%; }
|
|
231
232
|
#order-summary table { margin-top: 20px; }
|
|
@@ -236,15 +237,15 @@ body.boxed .navbar-affixed-top.affix { position: static; }
|
|
|
236
237
|
#checkout .table tbody tr td img, #basket .table tbody tr td img, #customer-order .table tbody tr td img { width: 50px; }
|
|
237
238
|
#checkout .table tfoot, #basket .table tfoot, #customer-order .table tfoot { font-size: 18px; }
|
|
238
239
|
#customer-order .table tfoot th { font-size: 18px; font-weight: 300; }
|
|
239
|
-
#get-it { background:
|
|
240
|
+
#get-it { background: {{ site.lightMainBackground }}; padding: 50px 0px 30px; color: rgb(255, 255, 255); text-align: center; }
|
|
240
241
|
#get-it h1, #get-it h2, #get-it h3, #get-it h4, #get-it h5, #get-it h6 { color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 0.08em; margin: 0px 0px 20px; }
|
|
241
242
|
#get-it p { margin: 0px 0px 20px; }
|
|
242
|
-
#footer { background:
|
|
243
|
+
#footer { background: {{ site.lightBackground }}; padding: 50px 0px; color: rgb(238, 238, 238); }
|
|
243
244
|
#footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6 { color: rgb(238, 238, 238); }
|
|
244
245
|
#footer h4 { font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; }
|
|
245
246
|
#footer ul { padding-left: 0px; list-style: none; }
|
|
246
247
|
#footer ul a { color: rgb(153, 153, 153); }
|
|
247
|
-
#footer ul a:hover { color:
|
|
248
|
+
#footer ul a:hover { color: {{ site.lightMainBackground }}; text-decoration: none; }
|
|
248
249
|
#footer .photostream div { float: left; display: block; box-sizing: border-box; width: 33%; padding: 7.5px; overflow: hidden; }
|
|
249
250
|
#footer .photostream div a { }
|
|
250
251
|
#footer .photostream div img { transition: all 0.2s ease-out; }
|
|
@@ -257,19 +258,19 @@ body.boxed .navbar-affixed-top.affix { position: static; }
|
|
|
257
258
|
#footer .blog-entries .item .text { width: 100%; clear: both; }
|
|
258
259
|
#footer .blog-entries .item:last-child { border-bottom: none; margin-bottom: 0px; }
|
|
259
260
|
#footer .social a { color: rgb(85, 85, 85); font-size: 25px; margin: 0px 10px 0px 0px; }
|
|
260
|
-
#footer .social a:hover { color:
|
|
261
|
-
#copyright { background:
|
|
261
|
+
#footer .social a:hover { color: {{ site.lightMainBackground }}; }
|
|
262
|
+
#copyright { background: {{ site.darkBackground }}; color: {{ site.secondaryColour }}; padding: 50px 0px; font-size: 12px; line-height: 28px; }
|
|
262
263
|
#copyright p { margin: 0px; }
|
|
263
264
|
[data-animate] { opacity: 0; }
|
|
264
265
|
.nav > li > a { padding: 10px 15px; }
|
|
265
|
-
.nav > li > a:hover, .nav > li > a:focus { background-color:
|
|
266
|
+
.nav > li > a:hover, .nav > li > a:focus { background-color: {{ site.secondaryColour }}; }
|
|
266
267
|
.nav > li.disabled > a { color: rgb(153, 153, 153); }
|
|
267
268
|
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: rgb(153, 153, 153); }
|
|
268
|
-
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: rgb(238, 238, 238); border-color:
|
|
269
|
-
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color:
|
|
270
|
-
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid
|
|
271
|
-
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: rgb(255, 255, 255); background-color:
|
|
272
|
-
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid
|
|
269
|
+
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: rgb(238, 238, 238); border-color: {{ site.lightMainBackground }}; }
|
|
270
|
+
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: {{ site.lightMainBackground }} {{ site.lightMainBackground }} transparent; border-image: initial; cursor: default; }
|
|
271
|
+
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid {{ site.lightMainBackground }}; }
|
|
272
|
+
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: rgb(255, 255, 255); background-color: {{ site.lightMainBackground }}; }
|
|
273
|
+
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid {{ site.lightMainBackground }}; }
|
|
273
274
|
.navbar { position: relative; min-height: 62px; margin-bottom: 0px; border-bottom: 1px solid transparent; }
|
|
274
275
|
.navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; }
|
|
275
276
|
.navbar-fixed-top .navbar-collapse, .navbar-affixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; }
|
|
@@ -286,44 +287,44 @@ body.boxed .navbar-affixed-top.affix { position: static; }
|
|
|
286
287
|
.navbar-default .navbar-text { color: rgb(119, 119, 119); }
|
|
287
288
|
.navbar-default .navbar-nav > li > a { color: rgb(85, 85, 85); }
|
|
288
289
|
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: rgb(85, 85, 85); background-color: rgb(146, 179, 217); }
|
|
289
|
-
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: rgb(255, 255, 255); background-color:
|
|
290
|
+
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: rgb(255, 255, 255); background-color: {{ site.lightMainBackground }}; }
|
|
290
291
|
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: rgb(204, 204, 204); background-color: transparent; }
|
|
291
292
|
.navbar-default .navbar-toggle { border-color: rgb(221, 221, 221); }
|
|
292
|
-
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color:
|
|
293
|
+
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: {{ site.lightMainBackground }}; }
|
|
293
294
|
.navbar-default .navbar-toggle .icon-bar { background-color: rgb(136, 136, 136); }
|
|
294
295
|
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: rgb(204, 204, 204); }
|
|
295
|
-
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color:
|
|
296
|
+
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: {{ site.lightMainBackground }}; color: rgb(255, 255, 255); }
|
|
296
297
|
.navbar-default .navbar-link { color: rgb(85, 85, 85); }
|
|
297
298
|
.navbar-default .navbar-link:hover { color: rgb(85, 85, 85); }
|
|
298
299
|
.navbar-default .btn-link { color: rgb(85, 85, 85); }
|
|
299
300
|
.navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: rgb(85, 85, 85); }
|
|
300
301
|
.navbar-default .btn-link[disabled]:hover, fieldset[disabled] .navbar-default .btn-link:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:focus { color: rgb(204, 204, 204); }
|
|
301
302
|
body { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); }
|
|
302
|
-
a { color:
|
|
303
|
-
a:hover, a:focus { color:
|
|
303
|
+
a { color: {{ site.lightmainBackground }}; text-decoration: none; }
|
|
304
|
+
a:hover, a:focus { color: {{ site.darkMainBackground }}; text-decoration: underline; }
|
|
304
305
|
a:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; }
|
|
305
306
|
hr { margin-top: 20px; margin-bottom: 20px; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(238, 238, 238); }
|
|
306
307
|
.breadcrumb > .active { color: rgb(153, 153, 153); }
|
|
307
308
|
.dropdown-menu.pull-right { right: 0px; left: auto; }
|
|
308
309
|
label { font-weight: normal; }
|
|
309
310
|
.form-control { box-shadow: none; border-radius: 0px; }
|
|
310
|
-
.form-control:focus { border-color:
|
|
311
|
+
.form-control:focus { border-color: {{ site.lightMainBackground }}; outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, {{ site.lightMainBackground }} 0px 0px 8px; }
|
|
311
312
|
.form-group { margin-bottom: 20px; }
|
|
312
|
-
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: rgb(255, 255, 255); background-color:
|
|
313
|
+
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: rgb(255, 255, 255); background-color: {{ site.lightMainBackground }}; border-color: {{ site.lightMainBackground }}; }
|
|
313
314
|
p { margin: 0px 0px 10px; }
|
|
314
315
|
.lead { margin-bottom: 20px; font-size: 18px; }
|
|
315
316
|
abbr[title], abbr[data-original-title] { border-bottom: 1px dotted rgb(153, 153, 153); }
|
|
316
|
-
blockquote { padding: 10px 20px; margin: 0px 0px 20px; font-size: 14px; border-left: 5px solid
|
|
317
|
-
.blockquote-reverse, blockquote.pull-right { border-right: 5px solid
|
|
317
|
+
blockquote { padding: 10px 20px; margin: 0px 0px 20px; font-size: 14px; border-left: 5px solid {{ site.lightMainBackground }}; }
|
|
318
|
+
.blockquote-reverse, blockquote.pull-right { border-right: 5px solid {{ site.lightMainBackground }}; }
|
|
318
319
|
address { margin-bottom: 20px; line-height: 1.42857; }
|
|
319
320
|
.panel { margin-bottom: 20px; background-color: rgb(255, 255, 255); border: 1px solid transparent; border-radius: 0px; box-shadow: 0px 0px 0px; }
|
|
320
321
|
.panel-group { margin-bottom: 20px; }
|
|
321
322
|
.panel-group .panel { margin-bottom: 0px; border-radius: 0px; overflow: hidden; }
|
|
322
323
|
.panel-group .panel + .panel { margin-top: 5px; }
|
|
323
324
|
.panel-group.accordion .panel { border-color: rgb(204, 204, 204); }
|
|
324
|
-
.panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color:
|
|
325
|
-
.panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color:
|
|
326
|
-
a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color:
|
|
325
|
+
.panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: {{ site.lightMainBackground }}; }
|
|
326
|
+
.panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: {{ site.lightMainBackground }}; }
|
|
327
|
+
a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: {{ site.lightMainBakground }}; background-color: rgb(255, 255, 255); }
|
|
327
328
|
.yamm .nav, .yamm .collapse, .yamm .dropup.use-yamm, .yamm .dropdown.use-yamm { position: static; }
|
|
328
329
|
.yamm .container { position: relative; }
|
|
329
330
|
.yamm .dropdown-menu { left: auto; }
|
|
@@ -333,9 +334,9 @@ a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: rg
|
|
|
333
334
|
form { margin-bottom: 20px; }
|
|
334
335
|
label { font-weight: normal; }
|
|
335
336
|
label > span { float: left; }
|
|
336
|
-
button { color:
|
|
337
|
+
button { color: {{ site.lightMainBackground }}; background-color: rgb(255, 255, 255); border-color: {{ site.lightMainBackground }}; }
|
|
337
338
|
button:focus { }
|
|
338
|
-
button:active { background:
|
|
339
|
+
button:active { background: {{ site.lightMainBackground }}; color: rgb(255, 255, 255); border-color: {{ site.lightMainBackground }}; }
|
|
339
340
|
.no-padding { padding: 0px; }
|
|
340
341
|
.owl-carousel .owl-wrapper::after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; }
|
|
341
342
|
.owl-carousel { display: none; position: relative; width: 100%; }
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: universal
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.3.
|
|
4
|
+
version: 0.3.3
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Ondrej Svestka
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2018-01-
|
|
11
|
+
date: 2018-01-21 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -87,6 +87,7 @@ files:
|
|
|
87
87
|
- assets/.DS_Store
|
|
88
88
|
- assets/css/.DS_Store
|
|
89
89
|
- assets/css/animate.css
|
|
90
|
+
- assets/css/combined copy.css
|
|
90
91
|
- assets/css/combined.css
|
|
91
92
|
- assets/css/custom.css
|
|
92
93
|
- assets/css/owl.carousel.css
|