jekyll-theme-ethereal 0.5.0 → 0.5.5

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,403 +0,0 @@
1
- .cc-window {
2
- opacity: 1;
3
-
4
- -webkit-transition: opacity 1s ease;
5
- -moz-transition: opacity 1s ease;
6
- -ms-transition: opacity 1s ease;
7
- -o-transition: opacity 1s ease;
8
- transition: opacity 1s ease;
9
- }
10
-
11
- .cc-window.cc-invisible {
12
- opacity: 0;
13
- }
14
-
15
- /* only animate ifhas class 'cc-animate' */
16
- .cc-animate.cc-revoke {
17
- -webkit-transition: transform 1s ease;
18
- -moz-transition: transform 1s ease;
19
- -ms-transition: transform 1s ease;
20
- -o-transition: transform 1s ease;
21
- transition: transform 1s ease;
22
- }
23
- .cc-animate.cc-revoke.cc-top {
24
- transform: translateY(-2em);
25
- }
26
- .cc-animate.cc-revoke.cc-bottom {
27
- transform: translateY(2em);
28
- }
29
- .cc-animate.cc-revoke.cc-active.cc-top {
30
- transform: translateY(0);
31
- }
32
- .cc-animate.cc-revoke.cc-active.cc-bottom {
33
- transform: translateY(0);
34
- }
35
- .cc-revoke:hover {
36
- transform: translateY(0);
37
- }
38
-
39
- .cc-grower {
40
- /* Initially we don't want any height, and we want the contents to be hidden */
41
- max-height: 0;
42
- overflow: hidden;
43
-
44
- /* Set our transitions up. */
45
- -webkit-transition: max-height 1s;
46
- -moz-transition: max-height 1s;
47
- -ms-transition: max-height 1s;
48
- -o-transition: max-height 1s;
49
- transition: max-height 1s;
50
- }
51
-
52
- /* the popup window */
53
- .cc-window,
54
- .cc-revoke {
55
- position: fixed;
56
- overflow: hidden;
57
- box-sizing: border-box; /* exclude padding when dealing with width */
58
-
59
- font-family: Helvetica, Calibri, Arial, sans-serif;
60
- font-size: 16px; /* by setting the base font here, we can size the rest of the popup using CSS `em` */
61
- line-height: 1.5em;
62
-
63
- display: flex;
64
- flex-wrap: nowrap;
65
-
66
- /* the following are random unjustified styles - just because - should probably be removed */
67
- z-index: 9998;
68
- }
69
-
70
- .cc-revoke {
71
- z-index: 9999;
72
- }
73
-
74
- .cc-window.cc-static {
75
- position: static;
76
- }
77
-
78
- /* 2 basic types of window - floating / banner */
79
- .cc-window.cc-floating {
80
- padding: 2em;
81
- max-width: 24em; /* 1em == 16px therefore 24em == 384px */
82
- flex-direction: column;
83
- }
84
- .cc-window.cc-banner {
85
- z-index: 10000;
86
- padding: 1em 1.8em;
87
- width: 100%;
88
- flex-direction: row;
89
- }
90
-
91
- .cc-revoke {
92
- padding: 0.5em;
93
- }
94
- .cc-revoke:hover {
95
- text-decoration: underline;
96
- }
97
-
98
- .cc-header {
99
- font-size: 18px;
100
- font-weight: bold;
101
- }
102
-
103
- /* clickable things */
104
- .cc-btn,
105
- .cc-link,
106
- .cc-close,
107
- .cc-revoke {
108
- cursor: pointer;
109
- }
110
-
111
- .cc-link {
112
- opacity: 0.8;
113
- display: inline-block;
114
- border: none;
115
- padding: 0.2em;
116
- text-decoration: underline;
117
- }
118
- .cc-link:hover {
119
- opacity: 1;
120
- }
121
- .cc-link:active,
122
- .cc-link:visited {
123
- color: initial;
124
- }
125
-
126
- .cc-btn {
127
- display: block;
128
- padding: 0.4em 0.8em;
129
- font-size: 0.9em;
130
- font-weight: bold;
131
- border-width: 2px;
132
- border-style: solid;
133
- text-align: center;
134
- white-space: nowrap;
135
- }
136
-
137
- .cc-highlight .cc-btn:first-child {
138
- background-color: transparent;
139
- border-color: transparent;
140
- }
141
-
142
- .cc-highlight .cc-btn:first-child:hover,
143
- .cc-highlight .cc-btn:first-child:focus {
144
- background-color: transparent;
145
- text-decoration: underline;
146
- }
147
-
148
- .cc-close {
149
- display: block;
150
- position: absolute;
151
- top: 0.5em;
152
- right: 0.5em;
153
- font-size: 1.6em;
154
- opacity: 0.9;
155
-
156
- /* seeing as this contains text and not an image, the element taller than it is wide (because it is text) */
157
- /* - we want it to be a square, because it's acting as an icon */
158
- /* - setting the line height normalizes the height */
159
- line-height: 0.75;
160
- }
161
- .cc-close:hover,
162
- .cc-close:focus {
163
- opacity: 1;
164
- }
165
-
166
- /* This file should contain styles that modifies the popup layout. */
167
- /* By layout, we mean the physical position of the elements on the popup window, and the margin / padding around those elements. */
168
-
169
- .cc-revoke.cc-top {
170
- top: 0;
171
- left: 3em;
172
- border-bottom-left-radius: 0.5em;
173
- border-bottom-right-radius: 0.5em;
174
- }
175
- .cc-revoke.cc-bottom {
176
- bottom: 0;
177
- left: 3em;
178
- border-top-left-radius: 0.5em;
179
- border-top-right-radius: 0.5em;
180
- }
181
- .cc-revoke.cc-left {
182
- left: 3em;
183
- right: unset;
184
- }
185
- .cc-revoke.cc-right {
186
- right: 3em;
187
- left: unset;
188
- }
189
-
190
- /**************************************** FLOATING ****************************************/
191
-
192
- /* these classes position the floating element */
193
- .cc-top {
194
- top: 1em;
195
- }
196
- .cc-left {
197
- left: 1em;
198
- }
199
- .cc-right {
200
- right: 1em;
201
- }
202
- .cc-bottom {
203
- bottom: 1em;
204
- }
205
-
206
- /* links that are direct decendants should be displayed as block */
207
- .cc-floating > .cc-link {
208
- margin-bottom: 1em;
209
- }
210
-
211
- .cc-floating .cc-message {
212
- display: block;
213
- margin-bottom: 1em;
214
- }
215
-
216
- .cc-window.cc-floating .cc-compliance {
217
- flex: 1 0 auto;
218
- }
219
-
220
- /**************************************** BANNER ****************************************/
221
-
222
- .cc-window.cc-banner {
223
- align-items: center;
224
- }
225
-
226
- .cc-banner.cc-top {
227
- left: 0;
228
- right: 0;
229
- top: 0;
230
- }
231
- .cc-banner.cc-bottom {
232
- left: 0;
233
- right: 0;
234
- bottom: 0;
235
- }
236
-
237
- .cc-banner .cc-message {
238
- display: block;
239
- flex: 1 1 auto;
240
- max-width: 100%;
241
- margin-right: 1em;
242
- }
243
-
244
- /* COMPLIANCE BOX */
245
-
246
- .cc-compliance {
247
- display: flex;
248
- align-items: center;
249
- justify-content: space-between;
250
- }
251
- .cc-floating .cc-compliance > .cc-btn {
252
- flex: 1;
253
- }
254
-
255
- .cc-btn + .cc-btn {
256
- margin-left: 0.5em;
257
- }
258
-
259
- /* Categories Layout */
260
- .cc-window.cc-type-categories {
261
- display : inline-flex;
262
- flex-direction: column;
263
- overflow : visible;
264
- .form{
265
- text-align: right;
266
- }
267
- .cc-btn {
268
- margin: 0;
269
- &.cc-save {
270
- margin : 0;
271
- display : inline-block;
272
- }
273
- }
274
- }
275
- .cc-categories {
276
- display: inline-flex;
277
- .cc-category{
278
- display : flex;
279
- max-width: 100%;
280
- margin : 0 2px;
281
- position : relative;
282
- }
283
- .cc-btn {
284
- border-right: none;
285
- outline : none;
286
- input[type=checkbox]{
287
- float: left;
288
- height: 26px;
289
- width: calc( 100% - 22px );
290
- display: block;
291
- position: absolute;
292
- top: 0;
293
- left: 2px;
294
- cursor: pointer;
295
- }
296
- &:not(.cc-info):not(.cc-save){
297
- padding-left: 26px;
298
- }
299
- }
300
- .cc-info {
301
- border-left : none;
302
- border-right: 2px solid lightgrey;
303
- padding : 4px;
304
- font-variant: all-small-caps;
305
- &:focus + .cc-tooltip{
306
- display: block;
307
- }
308
- }
309
- .cc-tooltip{
310
- display : none;
311
- position : absolute;
312
- z-index : 3;
313
- width : 190px;
314
- bottom : 46px;
315
- padding : 8px;
316
- border : thin solid lightgrey;
317
- box-shadow: 1px 1px 4px rgba( 150, 150, 150, .7 );
318
- &:after{
319
- content : "";
320
- width : 10px;
321
- height : 10px;
322
- transform : rotate(45deg);
323
- position : absolute;
324
- bottom : -7px;
325
- left : 10px;
326
- box-shadow: 2px 1px 1px rgba( 200, 200, 200, .5 );
327
- }
328
- p {
329
- margin: 0;
330
- }
331
- }
332
- }
333
-
334
- @media print {
335
- .cc-window,
336
- .cc-revoke {
337
- display: none;
338
- }
339
- }
340
-
341
- @media screen and (max-width: 900px) {
342
- .cc-btn {
343
- white-space: normal;
344
- }
345
- }
346
-
347
- /* dimensions for 'iPhone6 Plus' and lower */
348
- @media screen and (max-width: 414px) and (orientation: portrait),
349
- screen and (max-width: 736px) and (orientation: landscape) {
350
- .cc-window {
351
- &.cc-top {
352
- top: 0;
353
- }
354
- &.cc-bottom {
355
- bottom: 0;
356
- }
357
- &.cc-banner,
358
- &.cc-floating,
359
- &.cc-right,
360
- &.cc-left {
361
- left: 0;
362
- right: 0;
363
- }
364
-
365
- &.cc-banner {
366
- flex-direction: column;
367
- align-items: unset;
368
- .cc-compliance {
369
- flex: 1 1 auto;
370
- }
371
- .cc-message {
372
- margin-right: 0;
373
- margin-bottom: 1em;
374
- }
375
- }
376
- &.cc-floating {
377
- max-width: none;
378
- }
379
- &.cc-type-categories {
380
- flex-direction: column;
381
- }
382
- .cc-message {
383
- margin-bottom: 1em;
384
- }
385
- .cc-categories{
386
- flex-direction: column;
387
- width: 100%;
388
- margin-right: 8px;
389
- }
390
- .cc-category {
391
- margin: 4px 0;
392
- .cc-btn:not(.cc-info){
393
- width: calc( 100% - 16px);
394
- min-width: 140px;
395
- }
396
- }
397
- }
398
- }
399
- @media screen and (max-width: 854px) {
400
- .cc-window.cc-type-categories .cc-btn.cc-save {
401
- margin: 8px 0;
402
- }
403
- }
@@ -1,403 +0,0 @@
1
- .cc-window {
2
- opacity: 1;
3
-
4
- -webkit-transition: opacity 1s ease;
5
- -moz-transition: opacity 1s ease;
6
- -ms-transition: opacity 1s ease;
7
- -o-transition: opacity 1s ease;
8
- transition: opacity 1s ease;
9
- }
10
-
11
- .cc-window.cc-invisible {
12
- opacity: 0;
13
- }
14
-
15
- /* only animate ifhas class 'cc-animate' */
16
- .cc-animate.cc-revoke {
17
- -webkit-transition: transform 1s ease;
18
- -moz-transition: transform 1s ease;
19
- -ms-transition: transform 1s ease;
20
- -o-transition: transform 1s ease;
21
- transition: transform 1s ease;
22
- }
23
- .cc-animate.cc-revoke.cc-top {
24
- transform: translateY(-2em);
25
- }
26
- .cc-animate.cc-revoke.cc-bottom {
27
- transform: translateY(2em);
28
- }
29
- .cc-animate.cc-revoke.cc-active.cc-top {
30
- transform: translateY(0);
31
- }
32
- .cc-animate.cc-revoke.cc-active.cc-bottom {
33
- transform: translateY(0);
34
- }
35
- .cc-revoke:hover {
36
- transform: translateY(0);
37
- }
38
-
39
- .cc-grower {
40
- /* Initially we don't want any height, and we want the contents to be hidden */
41
- max-height: 0;
42
- overflow: hidden;
43
-
44
- /* Set our transitions up. */
45
- -webkit-transition: max-height 1s;
46
- -moz-transition: max-height 1s;
47
- -ms-transition: max-height 1s;
48
- -o-transition: max-height 1s;
49
- transition: max-height 1s;
50
- }
51
-
52
- /* the popup window */
53
- .cc-window,
54
- .cc-revoke {
55
- position: fixed;
56
- overflow: hidden;
57
- box-sizing: border-box; /* exclude padding when dealing with width */
58
-
59
- font-family: Helvetica, Calibri, Arial, sans-serif;
60
- font-size: 16px; /* by setting the base font here, we can size the rest of the popup using CSS `em` */
61
- line-height: 1.5em;
62
-
63
- display: flex;
64
- flex-wrap: nowrap;
65
-
66
- /* the following are random unjustified styles - just because - should probably be removed */
67
- z-index: 9998;
68
- }
69
-
70
- .cc-revoke {
71
- z-index: 9999;
72
- }
73
-
74
- .cc-window.cc-static {
75
- position: static;
76
- }
77
-
78
- /* 2 basic types of window - floating / banner */
79
- .cc-window.cc-floating {
80
- padding: 2em;
81
- max-width: 24em; /* 1em == 16px therefore 24em == 384px */
82
- flex-direction: column;
83
- }
84
- .cc-window.cc-banner {
85
- z-index: 10000;
86
- padding: 1em 1.8em;
87
- width: 100%;
88
- flex-direction: row;
89
- }
90
-
91
- .cc-revoke {
92
- padding: 0.5em;
93
- }
94
- .cc-revoke:hover {
95
- text-decoration: underline;
96
- }
97
-
98
- .cc-header {
99
- font-size: 18px;
100
- font-weight: bold;
101
- }
102
-
103
- /* clickable things */
104
- .cc-btn,
105
- .cc-link,
106
- .cc-close,
107
- .cc-revoke {
108
- cursor: pointer;
109
- }
110
-
111
- .cc-link {
112
- opacity: 0.8;
113
- display: inline-block;
114
- border: none;
115
- padding: 0.2em;
116
- text-decoration: underline;
117
- }
118
- .cc-link:hover {
119
- opacity: 1;
120
- }
121
- .cc-link:active,
122
- .cc-link:visited {
123
- color: initial;
124
- }
125
-
126
- .cc-btn {
127
- display: block;
128
- padding: 0.4em 0.8em;
129
- font-size: 0.9em;
130
- font-weight: bold;
131
- border-width: 2px;
132
- border-style: solid;
133
- text-align: center;
134
- white-space: nowrap;
135
- }
136
-
137
- .cc-highlight .cc-btn:first-child {
138
- background-color: transparent;
139
- border-color: transparent;
140
- }
141
-
142
- .cc-highlight .cc-btn:first-child:hover,
143
- .cc-highlight .cc-btn:first-child:focus {
144
- background-color: transparent;
145
- text-decoration: underline;
146
- }
147
-
148
- .cc-close {
149
- display: block;
150
- position: absolute;
151
- top: 0.5em;
152
- right: 0.5em;
153
- font-size: 1.6em;
154
- opacity: 0.9;
155
-
156
- /* seeing as this contains text and not an image, the element taller than it is wide (because it is text) */
157
- /* - we want it to be a square, because it's acting as an icon */
158
- /* - setting the line height normalizes the height */
159
- line-height: 0.75;
160
- }
161
- .cc-close:hover,
162
- .cc-close:focus {
163
- opacity: 1;
164
- }
165
-
166
- /* This file should contain styles that modifies the popup layout. */
167
- /* By layout, we mean the physical position of the elements on the popup window, and the margin / padding around those elements. */
168
-
169
- .cc-revoke.cc-top {
170
- top: 0;
171
- left: 3em;
172
- border-bottom-left-radius: 0.5em;
173
- border-bottom-right-radius: 0.5em;
174
- }
175
- .cc-revoke.cc-bottom {
176
- bottom: 0;
177
- left: 3em;
178
- border-top-left-radius: 0.5em;
179
- border-top-right-radius: 0.5em;
180
- }
181
- .cc-revoke.cc-left {
182
- left: 3em;
183
- right: unset;
184
- }
185
- .cc-revoke.cc-right {
186
- right: 3em;
187
- left: unset;
188
- }
189
-
190
- /**************************************** FLOATING ****************************************/
191
-
192
- /* these classes position the floating element */
193
- .cc-top {
194
- top: 1em;
195
- }
196
- .cc-left {
197
- left: 1em;
198
- }
199
- .cc-right {
200
- right: 1em;
201
- }
202
- .cc-bottom {
203
- bottom: 1em;
204
- }
205
-
206
- /* links that are direct decendants should be displayed as block */
207
- .cc-floating > .cc-link {
208
- margin-bottom: 1em;
209
- }
210
-
211
- .cc-floating .cc-message {
212
- display: block;
213
- margin-bottom: 1em;
214
- }
215
-
216
- .cc-window.cc-floating .cc-compliance {
217
- flex: 1 0 auto;
218
- }
219
-
220
- /**************************************** BANNER ****************************************/
221
-
222
- .cc-window.cc-banner {
223
- align-items: center;
224
- }
225
-
226
- .cc-banner.cc-top {
227
- left: 0;
228
- right: 0;
229
- top: 0;
230
- }
231
- .cc-banner.cc-bottom {
232
- left: 0;
233
- right: 0;
234
- bottom: 0;
235
- }
236
-
237
- .cc-banner .cc-message {
238
- display: block;
239
- flex: 1 1 auto;
240
- max-width: 100%;
241
- margin-right: 1em;
242
- }
243
-
244
- /* COMPLIANCE BOX */
245
-
246
- .cc-compliance {
247
- display: flex;
248
- align-items: center;
249
- justify-content: space-between;
250
- }
251
- .cc-floating .cc-compliance > .cc-btn {
252
- flex: 1;
253
- }
254
-
255
- .cc-btn + .cc-btn {
256
- margin-left: 0.5em;
257
- }
258
-
259
- /* Categories Layout */
260
- .cc-window.cc-type-categories {
261
- display : inline-flex;
262
- flex-direction: column;
263
- overflow : visible;
264
- .form{
265
- text-align: right;
266
- }
267
- .cc-btn {
268
- margin: 0;
269
- &.cc-save {
270
- margin : 0;
271
- display : inline-block;
272
- }
273
- }
274
- }
275
- .cc-categories {
276
- display: inline-flex;
277
- .cc-category{
278
- display : flex;
279
- max-width: 100%;
280
- margin : 0 2px;
281
- position : relative;
282
- }
283
- .cc-btn {
284
- border-right: none;
285
- outline : none;
286
- input[type=checkbox]{
287
- float: left;
288
- height: 26px;
289
- width: calc( 100% - 22px );
290
- display: block;
291
- position: absolute;
292
- top: 0;
293
- left: 2px;
294
- cursor: pointer;
295
- }
296
- &:not(.cc-info):not(.cc-save){
297
- padding-left: 26px;
298
- }
299
- }
300
- .cc-info {
301
- border-left : none;
302
- border-right: 2px solid lightgrey;
303
- padding : 4px;
304
- font-variant: all-small-caps;
305
- &:focus + .cc-tooltip{
306
- display: block;
307
- }
308
- }
309
- .cc-tooltip{
310
- display : none;
311
- position : absolute;
312
- z-index : 3;
313
- width : 190px;
314
- bottom : 46px;
315
- padding : 8px;
316
- border : thin solid lightgrey;
317
- box-shadow: 1px 1px 4px rgba( 150, 150, 150, .7 );
318
- &:after{
319
- content : "";
320
- width : 10px;
321
- height : 10px;
322
- transform : rotate(45deg);
323
- position : absolute;
324
- bottom : -7px;
325
- left : 10px;
326
- box-shadow: 2px 1px 1px rgba( 200, 200, 200, .5 );
327
- }
328
- p {
329
- margin: 0;
330
- }
331
- }
332
- }
333
-
334
- @media print {
335
- .cc-window,
336
- .cc-revoke {
337
- display: none;
338
- }
339
- }
340
-
341
- @media screen and (max-width: 900px) {
342
- .cc-btn {
343
- white-space: normal;
344
- }
345
- }
346
-
347
- /* dimensions for 'iPhone6 Plus' and lower */
348
- @media screen and (max-width: 414px) and (orientation: portrait),
349
- screen and (max-width: 736px) and (orientation: landscape) {
350
- .cc-window {
351
- &.cc-top {
352
- top: 0;
353
- }
354
- &.cc-bottom {
355
- bottom: 0;
356
- }
357
- &.cc-banner,
358
- &.cc-floating,
359
- &.cc-right,
360
- &.cc-left {
361
- left: 0;
362
- right: 0;
363
- }
364
-
365
- &.cc-banner {
366
- flex-direction: column;
367
- align-items: unset;
368
- .cc-compliance {
369
- flex: 1 1 auto;
370
- }
371
- .cc-message {
372
- margin-right: 0;
373
- margin-bottom: 1em;
374
- }
375
- }
376
- &.cc-floating {
377
- max-width: none;
378
- }
379
- &.cc-type-categories {
380
- flex-direction: column;
381
- }
382
- .cc-message {
383
- margin-bottom: 1em;
384
- }
385
- .cc-categories{
386
- flex-direction: column;
387
- width: 100%;
388
- margin-right: 8px;
389
- }
390
- .cc-category {
391
- margin: 4px 0;
392
- .cc-btn:not(.cc-info){
393
- width: calc( 100% - 16px);
394
- min-width: 140px;
395
- }
396
- }
397
- }
398
- }
399
- @media screen and (max-width: 854px) {
400
- .cc-window.cc-type-categories .cc-btn.cc-save {
401
- margin: 8px 0;
402
- }
403
- }