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.
@@ -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
+ }