linaro-jekyll-theme 0.10.149 → 1.0
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/_theme-includes/_head/head.html +3 -0
- data/_includes/_theme-includes/_navigation/nav.html +118 -93
- data/_includes/_theme-includes/_script-includes/javascript.html +27 -27
- data/_layouts/blog.html +1 -1
- data/_layouts/default-plain.html +1 -1
- data/_layouts/default-stacked-breadcrumb.html +1 -1
- data/_layouts/default-stacked.html +1 -1
- data/_layouts/default.html +1 -1
- data/_layouts/post.html +4 -4
- data/_layouts/redirect.html +11 -0
- data/_sass/bootstrap/_variables.scss +2 -2
- data/_sass/core/blog.scss +123 -2
- data/_sass/core/breadcrumb.scss +53 -30
- data/_sass/core/carousel.scss +15 -0
- data/_sass/core/footer.scss +14 -2
- data/_sass/core/forms.scss +0 -0
- data/_sass/core/homepage.scss +5 -0
- data/_sass/core/nav.scss +405 -339
- data/_sass/core/old-search.scss +239 -0
- data/_sass/core/theme.scss +79 -170
- data/_sass/core/youtube.scss +65 -0
- data/assets/js/vendor/loadCSS.js +79 -0
- metadata +7 -8
- data/assets/css/main-blog.scss +0 -19
- data/assets/css/main-home.scss +0 -16
- data/assets/css/main-lightbox.scss +0 -22
- data/assets/css/main-openhours.scss +0 -19
- data/assets/css/main-products.scss +0 -20
- data/assets/css/main-projects.scss +0 -20
@@ -0,0 +1,239 @@
|
|
1
|
+
|
2
|
+
|
3
|
+
// Search Bar
|
4
|
+
|
5
|
+
button#searchButton {
|
6
|
+
color: $navbar-base-text-color;
|
7
|
+
}
|
8
|
+
|
9
|
+
@media (min-width: 1200px) {
|
10
|
+
#searchDropdown {
|
11
|
+
top: 16%;
|
12
|
+
min-width: 234px;
|
13
|
+
width:781px;
|
14
|
+
font-size:16px;
|
15
|
+
background-color: $navbar-inverse-bg;
|
16
|
+
right: -2px;
|
17
|
+
}
|
18
|
+
#searchDropdown input {
|
19
|
+
width: 675px;
|
20
|
+
text-align: right;
|
21
|
+
color: $navbar-base-text-color;
|
22
|
+
background-color: $navbar-inverse-bg;
|
23
|
+
outline:0;
|
24
|
+
border:0;
|
25
|
+
outline-style: none;
|
26
|
+
box-shadow: none;
|
27
|
+
border-color: transparent;
|
28
|
+
|
29
|
+
}
|
30
|
+
#searchDropdown input:focus{
|
31
|
+
outline:0;
|
32
|
+
border:0
|
33
|
+
}
|
34
|
+
#searchDropdown button[type="reset"]{
|
35
|
+
font-size:16px;
|
36
|
+
background-color: $navbar-inverse-bg;
|
37
|
+
border:0;
|
38
|
+
}
|
39
|
+
#searchDropdown button[type="reset"]:hover{
|
40
|
+
color: $brand-primary;
|
41
|
+
transition: color 1s ease;
|
42
|
+
}
|
43
|
+
|
44
|
+
#searchDropdown button[type="submit"]{
|
45
|
+
font-size:16px;
|
46
|
+
background-color: $navbar-inverse-bg;
|
47
|
+
border:0;
|
48
|
+
}
|
49
|
+
#searchDropdown button[type="submit"]:hover{
|
50
|
+
color: $brand-primary;
|
51
|
+
transition: color 1s ease;
|
52
|
+
}
|
53
|
+
|
54
|
+
}
|
55
|
+
|
56
|
+
@media screen and (max-width: 1200px) and (min-width: 0px) {
|
57
|
+
#searchform > div > input.form-control{
|
58
|
+
width:100%;
|
59
|
+
}
|
60
|
+
#searchform{
|
61
|
+
margin-bottom: 20px;
|
62
|
+
}
|
63
|
+
#navbar-collapse {
|
64
|
+
padding-top:5px;
|
65
|
+
}
|
66
|
+
#navbar-buttons{
|
67
|
+
margin-top: -10px;
|
68
|
+
}
|
69
|
+
button.navbar-toggle {
|
70
|
+
margin-right: 10px;
|
71
|
+
}
|
72
|
+
#searchform button.btn.btn-default {
|
73
|
+
height: 45px;
|
74
|
+
}
|
75
|
+
|
76
|
+
.navbar-collapse form[role="search"]{
|
77
|
+
margin-bottom:10px;
|
78
|
+
}
|
79
|
+
}
|
80
|
+
|
81
|
+
|
82
|
+
.navbar-collapse form[role="search"] {
|
83
|
+
top: 0px;
|
84
|
+
right: 0px;
|
85
|
+
width: 100%;
|
86
|
+
padding: 0px;
|
87
|
+
margin: 0px;
|
88
|
+
z-index: 0;
|
89
|
+
}
|
90
|
+
.navbar-collapse form[role="search"] button,
|
91
|
+
.navbar-collapse form[role="search"] input {
|
92
|
+
padding: 8px 12px;
|
93
|
+
border-radius: 0px;
|
94
|
+
border-width: 0px;
|
95
|
+
color: $navbar-base-text-color;
|
96
|
+
border-color: rgb(231, 231, 231);
|
97
|
+
box-shadow: none;
|
98
|
+
outline: none;
|
99
|
+
}
|
100
|
+
.navbar-collapse form[role="search"] button[type="reset"]:focus {outline:0;background-color: transparent}
|
101
|
+
.navbar-collapse form[role="search"] button[type="reset"]:active {outline:0;background-color: transparent}
|
102
|
+
.navbar-collapse form[role="search"] button[type="submit"]:focus {outline:0;background-color: transparent}
|
103
|
+
.navbar-collapse form[role="search"] button[type="submit"]:active {outline:0;background-color: transparent}
|
104
|
+
.navbar-collapse form[role="search"] button[type="submit"] {
|
105
|
+
background-color: transparent;
|
106
|
+
}
|
107
|
+
.navbar-collapse form[role="search"] button[type="submit"]:hover {
|
108
|
+
display: table-cell;
|
109
|
+
color: $brand-primary;
|
110
|
+
transition: color .5s ease;
|
111
|
+
-moz-transition: color .5s ease;
|
112
|
+
-webkit-transition: color .5s ease;
|
113
|
+
}
|
114
|
+
.navbar-collapse form[role="search"] input {
|
115
|
+
padding: 16px 12px;
|
116
|
+
font-size: 14pt;
|
117
|
+
font-style: normal;
|
118
|
+
color: $navbar-base-text-color;
|
119
|
+
box-shadow: none;
|
120
|
+
background-color: $navbar-inverse-bg;
|
121
|
+
}
|
122
|
+
|
123
|
+
@media (min-width: 1200px) {
|
124
|
+
|
125
|
+
.navbar-collapse {
|
126
|
+
padding-top: 0px;
|
127
|
+
padding-right: 38px;
|
128
|
+
margin-right: -40px !important;
|
129
|
+
margin-left: -15px !important;
|
130
|
+
|
131
|
+
}
|
132
|
+
ul.dropdown-menu {
|
133
|
+
margin-top: -1px !important;
|
134
|
+
}
|
135
|
+
.navbar-collapse form[role="search"] {
|
136
|
+
position: absolute;
|
137
|
+
min-width: 50px;
|
138
|
+
display: block;
|
139
|
+
}
|
140
|
+
.navbar-collapse form[role="search"] button {
|
141
|
+
margin-right: 0;
|
142
|
+
min-width: 90px;
|
143
|
+
}
|
144
|
+
.navbar-collapse form[role="search"] button[type="submit"]:hover {
|
145
|
+
color: $brand-primary;
|
146
|
+
transition: color .5s ease;
|
147
|
+
-moz-transition: color .5s ease;
|
148
|
+
-webkit-transition: color .5s ease;
|
149
|
+
}
|
150
|
+
.navbar-collapse form[role="search"] button,
|
151
|
+
.navbar-collapse form[role="search"] input {
|
152
|
+
height:51px;
|
153
|
+
padding: 15px 12px;
|
154
|
+
}
|
155
|
+
.navbar-collapse form[role="search"] input {
|
156
|
+
padding: 25px 12px;
|
157
|
+
font-size: 18pt;
|
158
|
+
opacity: 0;
|
159
|
+
display: none;
|
160
|
+
}
|
161
|
+
.navbar-collapse form[role="search"].active {
|
162
|
+
width: 100%;
|
163
|
+
transition: width 2s ease;
|
164
|
+
-moz-transition: width 2s ease;
|
165
|
+
-webkit-transition: width 2s ease;
|
166
|
+
}
|
167
|
+
.navbar-collapse form[role="search"].active button,
|
168
|
+
.navbar-collapse form[role="search"].active input {
|
169
|
+
display: table-cell;
|
170
|
+
opacity: 1;
|
171
|
+
}
|
172
|
+
.navbar-collapse form[role="search"].active input {
|
173
|
+
width: 650px;
|
174
|
+
height: 51px;
|
175
|
+
text-align: right;
|
176
|
+
transition: width 1s ease;
|
177
|
+
-moz-transition: width 1s ease;
|
178
|
+
-webkit-transition: width 1s ease;
|
179
|
+
}
|
180
|
+
.navbar-collapse form[role="search"].active button[type="submit"] {
|
181
|
+
background-color: transparent;
|
182
|
+
}
|
183
|
+
.navbar-collapse form[role="search"].active button[type="reset"] {
|
184
|
+
min-width: 40px;
|
185
|
+
background-color: $navbar-inverse-bg;
|
186
|
+
display: table-cell;
|
187
|
+
}
|
188
|
+
.navbar-collapse form[role="search"].active button[type="submit"]:hover {
|
189
|
+
display: table-cell;
|
190
|
+
color: $brand-primary;
|
191
|
+
transition: color .5s ease;
|
192
|
+
-moz-transition: color .5s ease;
|
193
|
+
-webkit-transition: color .5s ease;
|
194
|
+
}
|
195
|
+
.navbar-collapse form[role="search"].active button[type="reset"]:hover {
|
196
|
+
display: table-cell;
|
197
|
+
color: $brand-primary;
|
198
|
+
transition: color .5s ease;
|
199
|
+
-moz-transition: color .5s ease;
|
200
|
+
-webkit-transition: color .5s ease;
|
201
|
+
}
|
202
|
+
form#searchform {
|
203
|
+
width: auto;
|
204
|
+
margin-top: 13px;
|
205
|
+
}
|
206
|
+
nav form[role="search"] #searchform input {
|
207
|
+
height:51px;
|
208
|
+
width: 600px;
|
209
|
+
}
|
210
|
+
#navbar-buttons {
|
211
|
+
margin-right: 40px;
|
212
|
+
}
|
213
|
+
|
214
|
+
#navbar-collapse {
|
215
|
+
width: 80%;
|
216
|
+
float: right;
|
217
|
+
}
|
218
|
+
|
219
|
+
}
|
220
|
+
|
221
|
+
@media screen and (max-width: 1200px) and (min-width: 0px) {
|
222
|
+
#searchform > div > input.form-control{
|
223
|
+
width:100%;
|
224
|
+
}
|
225
|
+
#searchform{
|
226
|
+
margin-bottom: 20px;
|
227
|
+
}
|
228
|
+
|
229
|
+
#searchform button.btn.btn-default {
|
230
|
+
height: 45px;
|
231
|
+
}
|
232
|
+
.navbar-collapse form[role="search"]{
|
233
|
+
margin-bottom:10px;
|
234
|
+
}
|
235
|
+
}
|
236
|
+
|
237
|
+
|
238
|
+
|
239
|
+
|
data/_sass/core/theme.scss
CHANGED
@@ -18,6 +18,15 @@ body {
|
|
18
18
|
}
|
19
19
|
|
20
20
|
|
21
|
+
//Make sure the comments sections is beneath content.
|
22
|
+
section#comments-section {
|
23
|
+
clear: both;
|
24
|
+
}
|
25
|
+
|
26
|
+
article.post-content {
|
27
|
+
overflow: auto;
|
28
|
+
}
|
29
|
+
|
21
30
|
blockquote {
|
22
31
|
padding: 10.5px 21px;
|
23
32
|
margin: 0 0 21px;
|
@@ -26,6 +35,7 @@ blockquote {
|
|
26
35
|
}
|
27
36
|
.container-fluid.content-container {
|
28
37
|
padding: 10px;
|
38
|
+
padding-bottom: 0;
|
29
39
|
}
|
30
40
|
.members-img {
|
31
41
|
width: auto;
|
@@ -77,7 +87,7 @@ h1, h2, h3, h4, h5, h6 {
|
|
77
87
|
|
78
88
|
//Horizontal Rule Styling
|
79
89
|
hr {
|
80
|
-
border-top:
|
90
|
+
border-top: 1px solid #eee;
|
81
91
|
}
|
82
92
|
|
83
93
|
//Paragraphs
|
@@ -112,7 +122,7 @@ p .justified{
|
|
112
122
|
}
|
113
123
|
//Main Container Style margin accounts for Nav
|
114
124
|
#main-container{
|
115
|
-
margin-top:
|
125
|
+
margin-top: 66px;
|
116
126
|
overflow-x: hidden;
|
117
127
|
}
|
118
128
|
|
@@ -160,16 +170,6 @@ p.sub-tag {
|
|
160
170
|
line-height: 1.3333333;
|
161
171
|
}
|
162
172
|
|
163
|
-
//Partners Panel Styling.
|
164
|
-
.partners-panel img {
|
165
|
-
margin-bottom: 60px;
|
166
|
-
height: auto;
|
167
|
-
width: 100%;
|
168
|
-
}
|
169
|
-
.partners-panel{
|
170
|
-
height:500px;
|
171
|
-
margin-top: 40px;
|
172
|
-
}
|
173
173
|
//Bottom Border Five Pixels.
|
174
174
|
.bottom-border-five{ margin-bottom: 5px; }
|
175
175
|
|
@@ -178,10 +178,12 @@ p.sub-tag {
|
|
178
178
|
background-color: #E5E5E5;
|
179
179
|
padding: 40px 0;
|
180
180
|
}
|
181
|
+
|
181
182
|
.small-img{
|
182
183
|
height:100px;
|
183
184
|
width:auto;
|
184
185
|
}
|
186
|
+
|
185
187
|
@media (min-width: $screen-md) {
|
186
188
|
.partners-panel {
|
187
189
|
margin-top:80px;
|
@@ -261,29 +263,8 @@ p.sub-tag {
|
|
261
263
|
|
262
264
|
@media(max-width:991px){
|
263
265
|
.partners-panel {
|
264
|
-
|
265
|
-
}
|
266
|
-
}
|
267
|
-
|
268
|
-
|
269
|
-
.blog-read-more-btn{
|
270
|
-
background-color: white;
|
271
|
-
border: 2px solid black;
|
272
|
-
border-radius: 0px;
|
273
|
-
font-weight: normal;
|
274
|
-
color: $gray-base;
|
275
|
-
transition: all 1s ease;
|
276
|
-
padding: 6px;
|
277
|
-
}
|
278
|
-
.blog-read-more-btn:hover{
|
279
|
-
background-color: $brand-primary;
|
280
|
-
color: white;
|
281
|
-
transition: all 1s ease;
|
282
|
-
}
|
283
|
-
.blog-read-more-btn:active, .blog-read-more-btn:focus{
|
284
|
-
background-color: $brand-primary;
|
285
|
-
color: white;
|
286
|
-
transition: all 1s ease;
|
266
|
+
height: auto;
|
267
|
+
}
|
287
268
|
}
|
288
269
|
|
289
270
|
|
@@ -293,26 +274,6 @@ a.cc-link {
|
|
293
274
|
color: $cookie-consent-text !important;
|
294
275
|
}
|
295
276
|
|
296
|
-
|
297
|
-
/* ----------- Contact ----------*/
|
298
|
-
#contact-thanks {
|
299
|
-
background-color: $brand-primary;
|
300
|
-
padding-left: 0px;
|
301
|
-
padding-right: 0px;
|
302
|
-
margin-top:-20px;
|
303
|
-
}
|
304
|
-
#contact-thanks div.jumbotron {
|
305
|
-
padding:100px;
|
306
|
-
margin:0;
|
307
|
-
border-radius: 0;
|
308
|
-
color: inherit;
|
309
|
-
background-color: $brand-primary;
|
310
|
-
}
|
311
|
-
|
312
|
-
#contact-thanks h3 {
|
313
|
-
color: #FFF;
|
314
|
-
}
|
315
|
-
|
316
277
|
//Mailchimp
|
317
278
|
button#mc-embedded-subscribe {
|
318
279
|
background-color: $navbar-inverse-bg;
|
@@ -324,31 +285,15 @@ button#mc-embedded-subscribe:hover {
|
|
324
285
|
color: $navbar-base-text-color;
|
325
286
|
transition: all 1s ease;
|
326
287
|
}
|
327
|
-
.specification-button{
|
328
|
-
background-color: white;
|
329
|
-
border: 2px solid #000;
|
330
|
-
border-radius: 0px;
|
331
|
-
font-weight: normal;
|
332
|
-
color: #000;
|
333
|
-
transition: all 1s ease;
|
334
|
-
padding: 6px;
|
335
|
-
}
|
336
|
-
.specification-button:hover{
|
337
|
-
background-color: $brand-primary;
|
338
|
-
color: white;
|
339
|
-
transition: all 1s ease;
|
340
|
-
}
|
341
|
-
.specification-button:active, .specification-button:focus{
|
342
|
-
background-color: $brand-primary;
|
343
|
-
color: white;
|
344
|
-
transition: all 1s ease;
|
345
|
-
}
|
346
288
|
|
347
289
|
.coloured-bp{
|
348
290
|
color: $brand-primary;
|
349
291
|
font-size:12px;
|
350
292
|
}
|
351
293
|
|
294
|
+
|
295
|
+
// Padding Classes
|
296
|
+
|
352
297
|
.no-padding-left {
|
353
298
|
padding-left: 0;
|
354
299
|
}
|
@@ -357,102 +302,6 @@ button#mc-embedded-subscribe:hover {
|
|
357
302
|
padding: 0;
|
358
303
|
}
|
359
304
|
|
360
|
-
//Spec Button
|
361
|
-
.spec-button {
|
362
|
-
padding: 15px;
|
363
|
-
color: #fff;
|
364
|
-
width: 200px;
|
365
|
-
height: auto;
|
366
|
-
letter-spacing: 2px;
|
367
|
-
background-color: transparent;
|
368
|
-
border-radius:2px;
|
369
|
-
border: 1px solid #fff;
|
370
|
-
transition: all 200ms ease;
|
371
|
-
}
|
372
|
-
.spec-button:hover{
|
373
|
-
background-color: #fff;
|
374
|
-
color: #131313;
|
375
|
-
text-decoration: none;
|
376
|
-
transition: all 500ms ease;
|
377
|
-
}
|
378
|
-
|
379
|
-
|
380
|
-
//Cards
|
381
|
-
|
382
|
-
.card {
|
383
|
-
font-size: 1em;
|
384
|
-
overflow: hidden;
|
385
|
-
padding: 0;
|
386
|
-
border: none;
|
387
|
-
border-radius: .28571429rem;
|
388
|
-
box-shadow: 0 1px 3px 0 #d4d4d5, 0 0 0 1px #d4d4d5;
|
389
|
-
margin-bottom: 30px;
|
390
|
-
}
|
391
|
-
|
392
|
-
.card-block {
|
393
|
-
font-size: 1em;
|
394
|
-
position: relative;
|
395
|
-
margin: 0;
|
396
|
-
padding: 1em;
|
397
|
-
border: none;
|
398
|
-
border-top: 1px solid rgba(34, 36, 38, .1);
|
399
|
-
box-shadow: none;
|
400
|
-
}
|
401
|
-
|
402
|
-
.card-img-top {
|
403
|
-
display: block;
|
404
|
-
width: 100%;
|
405
|
-
height: auto;
|
406
|
-
}
|
407
|
-
|
408
|
-
.card-title {
|
409
|
-
font-size: 1.28571429em;
|
410
|
-
font-weight: 700;
|
411
|
-
line-height: 1.2857em;
|
412
|
-
}
|
413
|
-
|
414
|
-
.card-text {
|
415
|
-
clear: both;
|
416
|
-
margin-top: .5em;
|
417
|
-
color: rgba(0, 0, 0, .68);
|
418
|
-
}
|
419
|
-
|
420
|
-
.card-footer {
|
421
|
-
font-size: 1em;
|
422
|
-
position: static;
|
423
|
-
top: 0;
|
424
|
-
left: 0;
|
425
|
-
max-width: 100%;
|
426
|
-
padding: .75em 1em;
|
427
|
-
color: rgba(0, 0, 0, .4);
|
428
|
-
border-top: 1px solid rgba(0, 0, 0, .05) !important;
|
429
|
-
background: #fff;
|
430
|
-
}
|
431
|
-
|
432
|
-
.card-inverse .btn {
|
433
|
-
border: 1px solid rgba(0, 0, 0, .05);
|
434
|
-
}
|
435
|
-
|
436
|
-
.profile {
|
437
|
-
position: absolute;
|
438
|
-
top: -12px;
|
439
|
-
display: inline-block;
|
440
|
-
overflow: hidden;
|
441
|
-
box-sizing: border-box;
|
442
|
-
width: 25px;
|
443
|
-
height: 25px;
|
444
|
-
margin: 0;
|
445
|
-
border: 1px solid #fff;
|
446
|
-
border-radius: 50%;
|
447
|
-
}
|
448
|
-
|
449
|
-
|
450
|
-
.profile-inline ~ .card-title {
|
451
|
-
display: inline-block;
|
452
|
-
margin-left: 4px;
|
453
|
-
vertical-align: top;
|
454
|
-
}
|
455
|
-
|
456
305
|
.text-bold {
|
457
306
|
font-weight: 700;
|
458
307
|
}
|
@@ -536,3 +385,63 @@ button#c-submit-button {
|
|
536
385
|
float: left;
|
537
386
|
}
|
538
387
|
}
|
388
|
+
|
389
|
+
// Cognito Forms
|
390
|
+
.cognito input {
|
391
|
+
outline: 0;
|
392
|
+
}
|
393
|
+
.cognito textarea {
|
394
|
+
outline: 0;
|
395
|
+
}
|
396
|
+
|
397
|
+
|
398
|
+
//Mailchimp Style
|
399
|
+
input#mce-EMAIL {
|
400
|
+
border: 0!important;
|
401
|
+
border-radius: 0 !important;
|
402
|
+
margin-bottom: 10px;
|
403
|
+
outline: none;
|
404
|
+
border: none !important;
|
405
|
+
-webkit-box-shadow: none !important;
|
406
|
+
-moz-box-shadow: none !important;
|
407
|
+
box-shadow: none !important;
|
408
|
+
|
409
|
+
}
|
410
|
+
|
411
|
+
input#mce-FNAME {
|
412
|
+
border: 0!important;
|
413
|
+
border-radius: 0 !important;
|
414
|
+
margin-bottom: 10px;
|
415
|
+
outline: none;
|
416
|
+
border: none !important;
|
417
|
+
-webkit-box-shadow: none !important;
|
418
|
+
-moz-box-shadow: none !important;
|
419
|
+
box-shadow: none !important;
|
420
|
+
}
|
421
|
+
|
422
|
+
input#mce-LNAME {
|
423
|
+
border: 0!important;
|
424
|
+
border-radius: 0 !important;
|
425
|
+
margin-bottom: 10px;
|
426
|
+
outline: none;
|
427
|
+
outline: none;
|
428
|
+
border: none !important;
|
429
|
+
-webkit-box-shadow: none !important;
|
430
|
+
-moz-box-shadow: none !important;
|
431
|
+
box-shadow: none !important;
|
432
|
+
|
433
|
+
}
|
434
|
+
|
435
|
+
button#mc-embedded-subscribe {
|
436
|
+
border:0;
|
437
|
+
border-radius:0;
|
438
|
+
background-color: $brand-primary;
|
439
|
+
color: white;
|
440
|
+
transition: all 200ms ease;
|
441
|
+
}
|
442
|
+
|
443
|
+
button#mc-embedded-subscribe:hover{
|
444
|
+
background-color: #252525;
|
445
|
+
color: white;
|
446
|
+
transition: all 200ms ease;
|
447
|
+
}
|