linaro-jekyll-theme 0.10.149 → 1.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -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
+
@@ -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: 2px solid $gray-light;
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:80px;
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
- height: auto;
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
+ }