jekyll-theme-easy-wedding 0.1.4 → 0.1.11

Sign up to get free protection for your applications and to get access to all the features.
data/_sass/main.scss DELETED
@@ -1,604 +0,0 @@
1
- @import 'under_construction';
2
-
3
- body {
4
- width: 100%;
5
- height: 100%;
6
- font-family: Cardo, "Helvetica Neue", Helvetica, Arial, sans-serif;
7
- color: #404040;
8
- background-color: #fff;
9
- display: flex;
10
- flex-direction: column;
11
- }
12
-
13
- .content-wrapper {
14
- flex: 1 0 auto;
15
- }
16
-
17
- .footer-wrapper {
18
- flex-shrink: 0;
19
- }
20
-
21
- html {
22
- width: 100%;
23
- height: 100%;
24
- }
25
-
26
- h1,
27
- h2,
28
- h3,
29
- h4,
30
- h5,
31
- h6 {
32
- margin: 0 0 35px;
33
- text-transform: uppercase;
34
- font-family: Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
35
- font-weight: 700;
36
- letter-spacing: 1px;
37
- }
38
-
39
- p {
40
- margin: 0 0 25px;
41
- font-size: 18px;
42
- line-height: 1.5;
43
- }
44
-
45
- ul {
46
- font-size: 18px;
47
- margin: 0 0 25px;
48
- }
49
-
50
- @media (min-width: 767px) {
51
- p {
52
- margin: 0 0 35px;
53
- line-height: 1.6;
54
- }
55
- }
56
-
57
- a {
58
- color: #219ab3;
59
- -webkit-transition: all 0.2s ease-in-out;
60
- -moz-transition: all 0.2s ease-in-out;
61
- transition: all 0.2s ease-in-out;
62
- }
63
-
64
- a:hover,
65
- a:focus {
66
- text-decoration: none;
67
- color: #11505d;
68
- }
69
-
70
- .light {
71
- font-weight: 400;
72
- }
73
-
74
- .navbar-custom {
75
- margin-bottom: 0;
76
- border-bottom: 1px solid rgba(255, 255, 255, 0.3);
77
- text-transform: uppercase;
78
- font-family: Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
79
- background-color: #fff;
80
- }
81
-
82
- .navbar-custom .navbar-brand {
83
- font-weight: 700;
84
- }
85
-
86
- .navbar-custom .navbar-brand:focus {
87
- outline: 0;
88
- }
89
-
90
- .navbar-custom .navbar-brand .navbar-toggle {
91
- padding: 4px 6px;
92
- font-size: 16px;
93
- color: #fff;
94
- }
95
-
96
- .navbar-custom .navbar-brand .navbar-toggle:focus,
97
- .navbar-custom .navbar-brand .navbar-toggle:active {
98
- outline: 0;
99
- }
100
-
101
- .navbar-custom .navbar-toggle {
102
- margin-top: 5px;
103
- margin-bottom: 5px;
104
- color: #fff;
105
- }
106
-
107
- .navbar-custom.top-nav-collapse .navbar-toggle {
108
- color: inherit;
109
- }
110
-
111
- .navbar-custom a {
112
- color: #404040;
113
- /*text-shadow: 0px 0px 1px #B38C00;*/
114
- }
115
-
116
- .navbar-custom ul {
117
- font-size: 14px;
118
- }
119
-
120
- .navbar-custom.top-nav-collapse .nav li.active,
121
- .navbar-custom.is-expanded .nav li.active {
122
- outline: none;
123
- background-color: #ddd;
124
- }
125
-
126
- .navbar-custom .nav li a {
127
- -webkit-transition: background 0.3s ease-in-out;
128
- -moz-transition: background 0.3s ease-in-out;
129
- transition: background 0.3s ease-in-out;
130
- }
131
-
132
- .navbar-custom .nav li a:hover,
133
- .navbar-custom .nav li a:focus,
134
- .navbar-custom .nav li a.active {
135
- outline: 0;
136
- background-color: rgba(255, 255, 255, 0.3);
137
- }
138
-
139
- .navbar-custom.top-nav-collapse .nav li a:hover,
140
- .navbar-custom.top-nav-collapse .nav li a:focus,
141
- .navbar-custom.top-nav-collapse .nav li a.active {
142
- outline: 0;
143
- background-color: rgba(0, 0, 0, 0.2);
144
- }
145
-
146
- .navbar-custom {
147
- border-bottom: 3px solid #afa63d;
148
- box-shadow: #888 0px 1px 10px;
149
- }
150
-
151
- .navbar {
152
- border-bottom: 0;
153
- box-shadow: none;
154
- letter-spacing: 1px;
155
- background: 0 0;
156
- -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
157
- -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
158
- transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
159
- }
160
-
161
- .navbar-custom.is-expanded,
162
- .top-nav-collapse {
163
- padding: 0;
164
- background-color: #fff;
165
- }
166
-
167
- .navbar-custom.is-expanded a,
168
- .navbar-custom.top-nav-collapse a {
169
- color: #404040;
170
- }
171
-
172
- .navbar a {
173
- color: #fff;
174
- }
175
- .navbar-custom.top-nav-collapse {
176
- border-bottom: 3px solid #afa63d;
177
- box-shadow: #888 0px 1px 10px;
178
- }
179
-
180
- .intro {
181
- display: table;
182
- width: 100%;
183
- height: 100vh;
184
- text-align: center;
185
- color: #fff;
186
- text-shadow: black 2px 2px 10px;
187
- background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 0%,
188
- rgba(0,0,0,0.65) 100%),url($intro_image) no-repeat center center scroll;
189
- background-color: #000000;
190
- background-position: center;
191
- background-size: cover;
192
- -webkit-background-size: cover;
193
- -moz-background-size: cover;
194
- -o-background-size: cover;
195
- }
196
-
197
- @media (min-width: 992px) {
198
- /*
199
- Only allow background-attachment: fixed for desktop-ish sizes
200
- https://twitter.com/paul_irish/status/306818591196602368
201
- */
202
- .intro {
203
- background-attachment: fixed;
204
- }
205
- }
206
-
207
- .intro .intro-body {
208
- display: table-cell;
209
- vertical-align: middle;
210
- }
211
-
212
- .brand-heading {
213
- font-size: 40px;
214
- letter-spacing: 0.025em;
215
- }
216
-
217
- .intro-text {
218
- font-size: 18px;
219
- }
220
-
221
- @media (min-width: 767px) {
222
- .intro {
223
- padding: 0;
224
- }
225
-
226
- .brand-heading {
227
- font-size: 100px;
228
- }
229
-
230
- .intro-text {
231
- font-size: 25px;
232
- }
233
- }
234
-
235
- .btn-circle {
236
- width: 70px;
237
- height: 70px;
238
- margin-top: 15px;
239
- padding: 7px 16px;
240
- border: 2px solid #fff;
241
- border-radius: 35px;
242
- font-size: 40px;
243
- color: #fff;
244
- background: 0 0;
245
- -webkit-transition: background 0.3s ease-in-out;
246
- -moz-transition: background 0.3s ease-in-out;
247
- transition: background 0.3s ease-in-out;
248
- }
249
-
250
- .btn-circle:hover,
251
- .btn-circle:focus {
252
- outline: 0;
253
- color: #fff;
254
- background: rgba(255, 255, 255, 0.1);
255
- }
256
-
257
- .btn-circle i.animated {
258
- -webkit-transition-property: -webkit-transform;
259
- -webkit-transition-duration: 1s;
260
- -moz-transition-property: -moz-transform;
261
- -moz-transition-duration: 1s;
262
- }
263
-
264
- .btn-circle:hover i.animated {
265
- -webkit-animation-name: pulse;
266
- -moz-animation-name: pulse;
267
- -webkit-animation-duration: 1.5s;
268
- -moz-animation-duration: 1.5s;
269
- -webkit-animation-iteration-count: infinite;
270
- -moz-animation-iteration-count: infinite;
271
- -webkit-animation-timing-function: linear;
272
- -moz-animation-timing-function: linear;
273
- }
274
-
275
- @-webkit-keyframes pulse {
276
- 0% {
277
- -webkit-transform: scale(1);
278
- transform: scale(1);
279
- }
280
-
281
- 50% {
282
- -webkit-transform: scale(1.2);
283
- transform: scale(1.2);
284
- }
285
-
286
- 100% {
287
- -webkit-transform: scale(1);
288
- transform: scale(1);
289
- }
290
- }
291
-
292
- @-moz-keyframes pulse {
293
- 0% {
294
- -moz-transform: scale(1);
295
- transform: scale(1);
296
- }
297
-
298
- 50% {
299
- -moz-transform: scale(1.2);
300
- transform: scale(1.2);
301
- }
302
-
303
- 100% {
304
- -moz-transform: scale(1);
305
- transform: scale(1);
306
- }
307
- }
308
-
309
- .content-section {
310
- padding-top: 50px;
311
- padding-bottom: 50px;
312
- }
313
-
314
- .content-section h2 small {
315
- white-space: nowrap;
316
- }
317
-
318
- .download-section {
319
- width: 100%;
320
- padding: 50px 0;
321
- color: #fff;
322
- background: url(../img/downloads-bg.jpg) no-repeat center center;
323
- background-color: #000000;
324
- -webkit-background-size: cover;
325
- -moz-background-size: cover;
326
- background-size: cover;
327
- -o-background-size: cover;
328
- }
329
-
330
- .map {
331
- width: 100%;
332
- height: 400px;
333
- margin-bottom: 50px;
334
- }
335
-
336
- @media (min-width: 767px) {
337
- .map {
338
- height: 600px;
339
- }
340
- }
341
-
342
- .btn {
343
- text-transform: uppercase;
344
- font-family: Raleway, "Helvetica Neue", Helvetica, Arial, sans-serif;
345
- font-weight: 400;
346
- -webkit-transition: all 0.3s ease-in-out;
347
- -moz-transition: all 0.3s ease-in-out;
348
- transition: all 0.3s ease-in-out;
349
- }
350
-
351
- .btn-default {
352
- border: 1px solid #219ab3;
353
- color: #219ab3;
354
- background-color: transparent;
355
- }
356
-
357
- .btn-default:hover,
358
- .btn-default:focus {
359
- border: 1px solid #219ab3;
360
- outline: 0;
361
- color: #000000;
362
- background-color: #219ab3;
363
- }
364
-
365
- footer {
366
- padding: 50px 0;
367
- }
368
-
369
- footer p {
370
- margin: 0;
371
- }
372
-
373
- body {
374
- webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
375
- }
376
-
377
- /* Author: cbaclig */
378
-
379
- dd {
380
- white-space: pre-line;
381
- }
382
-
383
- .thumbnail.thumbnail-hotel {
384
- padding: 0;
385
- border-radius: 0;
386
- }
387
-
388
- .thumbnail.thumbnail-hotel .caption {
389
- padding-top: 35px;
390
- }
391
-
392
- .thumbnail.thumbnail-hotel .caption h4 {
393
- margin-bottom: 0;
394
- }
395
-
396
- .thumbnail.thumbnail-portrait .caption h4 {
397
- margin-top: 10px;
398
- margin-bottom: 10px;
399
- }
400
-
401
- .thumbnail.thumbnail-portrait {
402
- padding: 0;
403
- border: none;
404
- margin-bottom: 0;
405
- img {
406
- height: 500px;
407
- object-fit: cover;
408
- }
409
- }
410
-
411
- .billboard {
412
- display: table;
413
- width: 100%;
414
- height: 300px;
415
- text-align: center;
416
- color: #fff;
417
- text-shadow: black 2px 2px 10px;
418
- background-color: #000000;
419
- background-repeat: no-repeat;
420
- background-position: top center;
421
- -webkit-background-size: cover;
422
- -moz-background-size: cover;
423
- background-size: cover;
424
- -o-background-size: cover;
425
- position: relative;
426
- }
427
-
428
- .billboard-header {
429
- /* Height of nav + 2px bottom border*/
430
- margin-top: 52px;
431
- height: 175px;
432
- }
433
-
434
- .billboard-text {
435
- position: absolute;
436
- top: 50%;
437
- margin-top: -0.5em;
438
- height: 1em;
439
- text-align: center;
440
- width: 100%;
441
- letter-spacing: 0.1em;
442
- font-size: 40px;
443
- }
444
-
445
- @media (min-width: 767px) {
446
- .billboard {
447
- height: 400px;
448
- }
449
-
450
- .billboard-header {
451
- height: 300px;
452
- }
453
-
454
- .billboard-text {
455
- font-size: 80px;
456
- }
457
- }
458
-
459
- @media (min-width: 992px) {
460
- /*
461
- Only allow background-attachment: fixed for desktop-ish sizes
462
- https://twitter.com/paul_irish/status/306818591196602368
463
- */
464
- .billboard {
465
- background-attachment: fixed;
466
- }
467
- .billboard-header {
468
- background-attachment: scroll;
469
- }
470
- }
471
-
472
- .billboard-wall {
473
- background-position: center center;
474
- background-image: url(../img/wall.jpg);
475
- }
476
-
477
- .billboard-stairs {
478
- background-position: center center;
479
- background-image: url(../img/stairs.jpg);
480
- }
481
-
482
- .billboard-skyline {
483
- background-position: center -17em;
484
- background-image: url(../img/skyline.jpg);
485
- }
486
-
487
- .billboard-bridge-walk {
488
- background-position: center top;
489
- background-image: url(../img/bridge-walk.jpg);
490
- }
491
-
492
- .billboard-ramp-walk {
493
- background-position: center center;
494
- background-image: url(../img/ramp-walk.jpg);
495
- }
496
-
497
- .billboard-river-smile {
498
- background-position: center center;
499
- background-image: url(../img/river-smile.jpg);
500
- }
501
-
502
- @media (min-width: 767px) {
503
- .billboard-wall {
504
- background-position: center -170px;
505
- }
506
-
507
- .billboard-bridge-walk {
508
- background-position: center -160px;
509
- }
510
-
511
- .billboard-stairs {
512
- background-position: center -185px;
513
- }
514
-
515
- .billboard-ramp-walk {
516
- background-position: center -190px;
517
- }
518
-
519
- .floating-info {
520
- position: fixed;
521
- bottom: 40px;
522
- right: 40px;
523
- }
524
-
525
- .floating-button {
526
- display: block;
527
- background: white;
528
- width: 40px;
529
- height: 40px;
530
- line-height: 40px;
531
- border-radius: 50%;
532
- text-align: center;
533
- color: #aaa;
534
- font-family: Raleway;
535
- box-shadow: #777 1px 1px 4px;
536
- opacity: 0.3;
537
- }
538
-
539
- .floating-button:hover {
540
- opacity: 1;
541
- }
542
-
543
- .navbar-custom.top-nav-collapse .modal-link.notify a {
544
- color: #8d5f9e;
545
- }
546
-
547
- .modal-link .modal-link--icon {
548
- display: none;
549
- }
550
-
551
- .modal-link.notify .modal-link--icon {
552
- display: block;
553
- position: absolute;
554
- top: 10px;
555
- right: 2px;
556
- }
557
- }
558
-
559
- .rsvp-form {
560
- .input-group {
561
- padding: 10px;
562
- }
563
-
564
- .help-text {
565
- opacity: .8;
566
- }
567
- }
568
-
569
- .portraits-container {
570
- display: flex;
571
- justify-content: space-around;
572
- flex-wrap: wrap;
573
- .portrait {
574
- padding: 20px;
575
- }
576
- }
577
-
578
- .faq-answer {
579
- margin-left: 3rem;
580
- }
581
-
582
- footer.site-footer {
583
- padding: 5px 10px;
584
- background-color: #e0e2e4;
585
- color: #7b7b7b;
586
- left: 0;
587
- bottom: 0;
588
- width: 100%;
589
- text-align: right;
590
- p {
591
- font-size: 11pt;
592
- }
593
- a {
594
- color: #118da7;
595
- }
596
- }
597
-
598
- .add-to-calendar-checkbox {
599
- border: 1px solid #bfb9b9;
600
- border-radius: 3px;
601
- padding: 5px;
602
- box-shadow: #e4e4e4 2px 2px 2px;
603
- cursor: pointer;
604
- }