Differential D17936 Diff 58192 assets/css/aetherCore.scss

Changeset View

Standalone View

View Options

assets/css/aetherCore.scss

  • This file was added.
1​@font-face {
2​ font-family: 'Noto Sans';
3​ font-weight: 400;
4​ font-style: normal;
5​ src: url('/css/Noto-Sans-regular/Noto-Sans-regular.eot');
6​ src: url('/css/Noto-Sans-regular/Noto-Sans-regular.eot?#iefix') format('embedded-opentype'),
7​ local('Noto Sans'),
8​ local('Noto-Sans-regular'),
9​ url('/css/Noto-Sans-regular/Noto-Sans-regular.woff2') format('woff2'),
10​ url('/css/Noto-Sans-regular/Noto-Sans-regular.woff') format('woff'),
11​ url('/css/Noto-Sans-regular/Noto-Sans-regular.ttf') format('truetype'),
12​ url('/css/Noto-Sans-regular/Noto-Sans-regular.svg#NotoSans') format('svg');
13​}
14​
15​@font-face {
16​ font-family: 'Noto Sans';
17​ font-weight: 700;
18​ font-style: normal;
19​ src: url('/css/Noto-Sans-700/Noto-Sans-700.eot');
20​ src: url('/css/Noto-Sans-700/Noto-Sans-700.eot?#iefix') format('embedded-opentype'),
21​ local('Noto Sans Bold'),
22​ local('Noto-Sans-700'),
23​ url('/css/Noto-Sans-700/Noto-Sans-700.woff2') format('woff2'),
24​ url('/css/Noto-Sans-700/Noto-Sans-700.woff') format('woff'),
25​ url('/css/Noto-Sans-700/Noto-Sans-700.ttf') format('truetype'),
26​ url('/css/Noto-Sans-700/Noto-Sans-700.svg#NotoSans') format('svg');
27​}
28​
29​body {
30​ padding: 0px;
31​ font-family: 'Noto Sans', sans-serif;
32​ font-size: 14px;
33​ color: #31363b;
34​}
35​
36​p {
37​ margin: 0px;
38​ margin-bottom: 1em;
39​ max-width: 900px;
40​}
41​
42​p + p {
43​ margin-top: 5px;
44​}
45​
46​a {
47​ text-decoration: none !important;
48​ color: #3b85b5;
49​}
50​
51​/*
52​a:visited {
53​ color: #7cbcec;
54​}
55​*/
56​
57​a:hover {
58​ color: #3daefd;
59​}
60​
61​h1:not(.card-header), h2:not(.card-header), h3:not(.card-header) {
62​ margin-top: 20px;
63​ margin-bottom: 10px;
64​}
65​
66​h1 {
67​ display: block;
68​ font-size: 20px;
69​ font-weight: normal;
70​}
71​
72​h2 {
73​ font-size: 18px;
74​ font-weight: normal;
75​}
76​
77​h3 {
78​ font-size: 14px;
79​ font-weight: bold;
80​}
81​
82​h4 {
83​ font-size: 12px;
84​ font-weight: bold;
85​ font-style: italic;
86​ color: #536161;
87​ margin: 0px;
88​ margin-top: 20px;
89​}
90​
91​.learn-more:after {
92​ content: ">";
93​ font-family: "glyph";
94​ font-size: 80%;
95​ font-weight: bold !important;
96​ vertical-align: middle;
97​ padding-left: 1em;
98​}
99​
100​.learn-more {
101​ display: inline-block;
102​}
103​
104​a.button {
105​ position: relative;
106​ display: inline-block;
107​ background-color: #54a3d8;
108​ color: #fcfcfc;
109​ padding: 5px 10px;
110​ border-radius: 2px;
111​ border: solid 1px rgba(0,0,0,.1);
112​ transition: background-color .2s;
113​}
114​
115​a.button:hover {
116​ background-color: #7cbcec;
117​}
118​
119​a.button.expand {
120​ display: block;
121​ padding-right: 20px;
122​}
123​
124​a.button:after {
125​ color: #fcfcfc
126​}
127​
128​a.button.expand:after {
129​ position: absolute;
130​ top: 50%;
131​ right: 10px;
132​ margin-top: -.8ex;
133​}
134​
135​@media (max-width: 768px) {
136​ a.button {
137​ display: block;
138​ padding-right: 20px;
139​ }
140​
141​ a.button:after {
142​ position: absolute;
143​ top: 50%;
144​ right: 10px;
145​ margin-top: -.8ex;
146​ }
147​}
148​
149​main section {
150​ margin-top: 40px;
151​}
152​
153​#kSocial {
154​
155​ border-top: solid 1px #cfd5d5;
156​
157​}
158​
159​#kPatrons h3, #kLinks h3 {
160​ font-size: 12px;
161​ font-weight: bold;
162​ margin: 10px 0px 10px 0px;
163​}
164​
165​#kPatrons a, #kPatrons span {
166​ text-align: center;
167​ padding: 0px 20px;
168​ display: block;
169​ min-width: 200px;
170​}
171​
172​
173​#kPatrons img {
174​ width: 100%;
175​ max-width: 300px;
176​}
177​
178​#donateAmountField, #donateSubmit, #kMetaStore .button {
179​ border: solid 1px rgba(0,0,0,.2);
180​ background-color: #FAFAFA;
181​ padding: 5px 10px;
182​ border-radius: 2px;
183​ background-clip: padding-box;
184​ position: relative;
185​ color: #333;
186​}
187​
188​#donateSubmit, #kMetaStore .button {
189​ cursor: pointer;
190​}
191​
192​#donateAmountField:focus, #kMetaStore .button:focus {
193​ border-color: #7cbcec;
194​ background-color: #FFF;
195​}
196​
197​#donateSubmit:hover, #kMetaStore .button:hover {
198​ background-color: #FFF;
199​}
200​
201​#donateSubmit:active, #kMetaStore .button:active {
202​ background-color: #EEE;
203​ top: 1px;
204​}
205​
206​#kLegal small {
207​min-width: 300px;
208​}
209​
210​#kLegal {
211​ color: #6f8181;
212​}
213​
214​footer {
215​ background-color: #EFF1F1;
216​ position: relative;
217​ padding-top: 2px;
218​ font-size: 12px;
219​}
220​
221​
222​#headerCarousel {
223​ margin-bottom: 20px;
224​ height: 700px;
225​}
226​
227​
228​@media (max-width: 1700px) {
229​ #headerCarousel {
230​ height: 600px;
231​ }
232​}
233​
234​@media (max-width: 1140px) {
235​ #headerCarousel {
236​ height: 500px;
237​ }
238​}
239​
240​@media (max-width: 800px) {
241​ #headerCarousel {
242​ height: 400px;
243​ }
244​}
245​
246​
247​#headerCarousel .carousel-inner {
248​ width: 100%;
249​ height: 100%;
250​}
251​
252​#headerCarousel .carousel-item.dark-text {
253​ color: #333;
254​ text-shadow: none;
255​}
256​
257​
258​#headerCarousel .carousel-item {
259​ color: #EEE;
260​ text-shadow: 0px 1px 2px rgba(0,0,0,.6);
261​ top: 0px !important;
262​
263​ width: 100%;
264​ height: 100%;
265​
266​ padding: 40px 50px;
267​}
268​
269​#headerCarousel .carousel-item > h1 {
270​ margin: 10px auto;
271​ text-align: center;
272​ display: block;
273​}
274​
275​#headerCarousel .carousel-item .alignBottom {
276​ position: absolute;
277​ bottom: 0px;
278​ width: 100%;
279​ left: 0px;
280​ padding: 40px 50px;
281​
282​ text-align: center;
283​}
284​
285​#headerCarousel .carousel-control-prev, #headerCarousel .carousel-control-next {
286​ top: 50%;
287​ width: 30px;
288​ height: 100px;
289​ margin-top: -50px;
290​
291​ background-color: #FAFAFA;
292​ opacity: 1;
293​
294​ font-family: "glyph";
295​
296​ color: #333;
297​ padding: 0px;
298​ transition: width .2s;
299​}
300​
301​#headerCarousel .carousel-control-prev:hover, #headerCarousel .carousel-control-next:hover {
302​ width: 50px;
303​}
304​
305​#headerCarousel .carousel-control-prev:before {
306​ content: "<";
307​ width: 100%;
308​ text-align: center;
309​}
310​
311​#headerCarousel .carousel-control-next:before {
312​ content: ">";
313​ width: 100%;
314​ text-align: center;
315​}
316​
317​#headerCarousel .carousel-control-prev {
318​ border-right: solid 2px #3daefd;
319​}
320​
321​#headerCarousel .carousel-control-next {
322​ border-left: solid 2px #3daefd;
323​}
324​
325​
326​#kSocial {
327​ text-align: right;
328​ padding-top: 0px !important;
329​ padding-bottom: 0px !important;
330​}
331​
332​#kSocial a {
333​ padding: 0px 20px;
334​ text-indent: -9999px;
335​ text-align: left;
336​}
337​
338​#kSocial a:after {
339​ text-align: center;
340​}
341​
342​#kFooterIncome {
343​ display: flex;
344​ flex-direction: row;
345​ align-items: stretch;
346​ background-color: #abf9c7;
347​ border: solid 1px #7ceca4;
348​ border-radius: 2px;
349​ margin-top: 10px;
350​ padding: 0px !important;
351​}
352​
353​#kDonateForm, #kMetaStore {
354​ padding: 20px;
355​ margin: 0px;
356​ width: 50%;
357​ display: flex;
358​ flex-direction: row;
359​ align-items: center;
360​}
361​
362​#kDonateForm {
363​ border-right: solid 1px #7ceca4;
364​}
365​
366​#kFooterIncome .center {
367​ text-align: center;
368​ width: 100%;
369​}
370​
371​#kMetaStore .button {
372​ width: auto !important;
373​ display: inline-block !important;
374​}
375​
376​@media (max-width: 768px) {
377​ #kFooterIncome {
378​ flex-direction: column;
379​ }
380​ #kDonateForm, #kMetaStore {
381​ width: 100%;
382​ }
383​
384​ #kDonateForm {
385​ border-right: none;
386​ border-bottom: solid 1px #7ceca4;
387​ }
388​}
389​
390​#kFooterIncome h3 {
391​ font-size: 14px;
392​ color: #377d50;
393​ padding: 0px 0px 10px;
394​ margin: 0px;
395​}
396​
397​#kFooterIncome h3 a {
398​ color: auto;
399​ font-weight: normal;
400​ margin-left: 20px;
401​}
402​#kDonateForm h3 a:before {
403​ content: "( ";
404​ color: #377d50;
405​}
406​#kDonateForm h3 a:after {
407​ content: " )";
408​ color: #377d50;
409​}
410​
411​#kFooterIncome p {
412​ margin-bottom: 10px;
413​}
414​
415​header:after {
416​ bottom: 0px;
417​ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAFCAYAAACzSkmrAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAACkSURBVDiN7dExDsIwDEbh9we1soXE6eCEbJyInQNwgKgxQ9WWFrIShr7ZkewvYm/V5fbwLj8NoKTec0lGzp66ZAzJS8jQ4EKG5KLY+FIeYBAOMoRHyFC4YJwpcqVixGYWnHHG1ebs700YHxBAHWM6DqoYHxBvswvGEegbnL1q/pAqxgQB1DE2EEAdY4aABeMEHH57+n+m8/UerZfYW0qtF9hb9wI2bU03vw4M8QAAAABJRU5ErkJggg==");
418​
419​}
420​
421​footer:before
422​{
423​ top: 0px;
424​ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAFCAYAAACzSkmrAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAN1wAADdcBQiibeAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADOSURBVDiN7ZExTsRQDESfHSJqWq7AKfYOiAtScgmOwQno0CqKIlt/Iw8NYZVF25IU+yoXLmbe2PPrh7ixG3zrADfW3G0dYIckEOtbCRYGiSlUnrhCkMgCwEyJLn5RCE+kABBK1IWbkq6iTpX0ffRe6dXi1D/k3gZZZKxEAFyTcRYB12RcigD4K6Ob3l6e2ka9f1kGGYACJqCdRWg2YwQQdgSgGGU2g36K04DJoEADAOaDSiVsQtYWEXP57G4jwD15BPh8/BrfD4f5P0vvmW/7cKBf79wHGwAAAABJRU5ErkJggg==");
425​
426​}
427​
428​header:after, footer:before {
429​ content: "";
430​ display: block !important;
431​ background-size: 100% 5px;
432​ position: absolute;
433​ height: 5px;
434​ width: 100%;
435​ left: 0px;
436​}
437​
438​#cookieWarning {
439​ display:none;
440​ border-top: solid 1px #ffc169;
441​ background-color: #ffdaa5;
442​ width: 100%;
443​ position: fixed;
444​ bottom: 0px;
445​ left: 0px;
446​ right: 0px;
447​ padding: 10px 20px;
448​ z-index: 999;
449​ color: #884d2c;
450​}
451​
452​
453​#cookieWarning button {
454​ float: right;
455​ border: solid 1px #ffc169;
456​ border-radius: 2px;
457​ background-color: #fff3e1;
458​ color: #884d2c;
459​ padding: 10px 20px;
460​}
461​
462​main:after {
463​ content: "";
464​ display: block !important;
465​ height: 40px;
466​ margin: 40px 10px 10px 10px;
467​ background-repeat: no-repeat;
468​ background-position: center;
469​ background-clip: content-box;
470​ background-size: contain;
471​
472​ background-image: url("data:image/svg+xml;utf8,<svg width='100' height='70' xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 100 70'><g fill-rule='evenodd' transform='translate(0 -982)'><path fill='%23ffa92d' d='m53.7 1e3 0.656-2.62-2.53-2.72 0.562 6.75z'/><path fill='%23f58273' d='m74.1 1.02e3s3.37 4.03 8.44 2.16c5.06-1.88 11.6-4.22 11.6-4.22s-1.97-1.03-4.12-2.72c-2.16-1.69-4.69-1.22-4.69-1.22s2.44-1.31 3.19-4.88c0.75-3.56 0.844-8.25 0.844-8.25s-14.5 9.84-15.3 19.1z'/><path d='m84.8 992c0.802-1.87 3.71-6.56-0.421-5.95-2.6 1.68-2.9 5.16-3.52 7.94-0.143 1.09-3.16-2.93-4.11 0.079-0.593 1.67 2.34 3.51 0.538 5.59-0.517 1.63-1.11 3.25-2.81 1.67-6.14-2.92-13.9-4.76-20.1-1.07-6.23 3.76-10.3 11.8-7.94 19 2.53 4.67 8.59 7.12 13.7 5.68-1.12 1.04 0.0138 3.82-1.49 1.64-2.31-1.14 0.602 3.17-1.45 1.29-2.62-0.896-0.566 2.57 0.91 2.71-1.61 4.03 6.66-1.4 3 2.28-2.06 2.78-4.67 5.3-5.87 8.6 0.358 1.69-2.61 5.71 1.07 4.64 3.23-0.762 6.21-2.43 9.5-1.17 2.85 0.226 5.75 0.346 8.58-0.11 2.1 2.4 5.36 3.31 7.31 5.85 2.63 1.62 0.965-3.78 0.985-5.22-0.634-2.13-0.789-3.62 1.82-3.73 3.74-1.29 4.4-5.6 6.84-8.23 1.97-2.9 5.56-3.58 8.36-5.31-1.31-2.27-5.93-1.17-8.43-0.78-4.15 0.788-7.96 2.72-12 3.82-3.77 1.47-5.8-2.3-4.14-5.35 0.638-3.29 1.14-6.61 1.61-9.93 3.64-4.43 7.46-8.73 10.8-13.4 1.52-2.85 1.04-6.77-1.08-9.19-0.509-0.518-1.08-0.975-1.7-1.35z' fill='%233bb566'/><path fill='%23f58273' d='m59.4 1.02e3s0.656 2.62 2.53 4.12 5.06 2.06 5.06 2.06 1.12-5.72 2.53-8.91 3.19-7.78 3.19-7.78-6.37 2.81-8.91 5.16c-2.53 2.34-4.41 5.34-4.41 5.34z'/><path fill='%23ffa92d' d='m70.1 1e3 -0.281-3.84 1.5-1.78 0.562 1.41 6.84-11.5-0.281 5.72-4.12 5.72 1.87 0.938-1.69 1.78-1.03-1.41-1.03 1.78v2.25s-0.75-0.094-1.59-0.281c-0.844-0.188-0.75-0.75-0.75-0.75z'/><path fill='%23ffafa5' d='m29.6 998 1.6-1.15-0.448-6.59 2.24 1.47 0.639 4.09 2.17-4.41 2.37 1.02-4.09 8.06z'/><path fill='%2354d883' d='m23.6 996c-4.93-0.0608-9.92 2.75-11.8 7.42-0.985 2.88-1.97 5.77-2.95 8.65 1.64 1.36 3.43 2.58 4.99 4.03 1.67 2.07 4.57 2.07 6.69 3.41 0.767 1.75-0.444 1.79-1.72 1.97-1.03 1.81 1.55 4.15-0.27 6.08-1.12 2.28-2.43 4.45-3.77 6.6-2.33-0.385-5.91-0.826-5.97-3.83 0.0172-1.85-0.915-5.38-2.79-2.54-2.53 2.75-4.01 7.34-1.53 10.6 1.93 2.56 5.03 5.06 8.43 4.22 0.28 2.44-1.32 4.7-0.754 7.09 1.96 2.43 4.67-1.56 6.34-2.77 1.75-1.22 2.6-3.62 4.64-4.32 2.31-0.463 4.98-0.53 7.11 0.395 1.34 2.17 2.92 4.86 5.65 5.34 3.63-0.144-0.691-3.52-0.351-5.4-0.21-2.56-0.666-5.08-1.09-7.61 1.3-0.095-0.271-2.17 1.17-1.81 2 0.408 4.59-2.72 1.53-3.18-2.21-0.568-4.21-1.08-6.48-1.71-2.84-1.04-0.064-5.2-3.07-5.96-0.926-2 1.24-2.88 2.79-3.14 3.65-1.48 7.72-3.47 9.26-7.35 1.09-3.67-0.925-7.45-3.22-10.2-3.16-3.69-7.92-6.08-12.8-5.95z'/><path d='m28.2 1.03e3 1.21-0.576s0.575 1.85 2.49 1.21c1.92-0.639 3.01-1.41 3.01-1.41s1.6 3.07-0.128 4.99-2.75 2.17-2.75 2.17c-1.77-1.57-3.25-3.47-3.84-6.39z' fill='%23ffe5e1'/><path d='m20.5 1.02e3s0.64 1.28 0.32 2.37-1.98 2.37-1.98 2.37-0.896 2.94-2.62 5.37c-0.864 1.22-2 1.41-3.1 1.54-1.02-1.89-2.26-0.822-3.56 0.294 0.234 0.311 0.485 0.579 0.754 0.804-0.0147 0.019-0.0318 0.032-0.0462 0.052-1.41 1.92 3.13 2.56 3.13 2.56s0.575-1.73 5.31-0.96c4.73 0.767 6.33 3.9 12.4 4.35 6.07 0.448 6.33-3.13 6.33-3.13s-2.37-0.895-6.27-5.37-3.39-9.08-3.39-9.08l-7.29-1.15zm-12.5 8.44c-0.292 0.993-0.115 1.86 0.915 2.52 1.51-1.98 0.325-2.24-0.915-2.52z' fill='%23ffafa5'/><path fill='%23ffafa5' d='m14.9 1e3 -3.45-5.05 5.44-4.48-1.85-2.62-5.56 4.73-0.192-5.5-2.94 0.384s1.15 4.67 0.256 7.23c-0.895 2.56-2.37 5.12-2.37 5.12l2.3 1.41 2.94-4.8 3.01 6.52s0.831-0.384 1.66-1.34c0.831-0.959 0.767-1.6 0.767-1.6z'/><path d='m11.9 1e3 -2.08 1.81s-0.904-2.71-1.09-4.16c-0.181-1.45-0.181-3.89-1.72-3.53-1.54 0.362-0.995 6.96-0.995 6.96s-1.45 0.723-2.35-2.08c-0.904-2.8-2.89-3.07-2.44-0.362 0.452 2.71 1.9 4.34 1.9 4.34s-1.36 0.904-1.36 1.99-0.181 1.81-0.181 1.81-0.814 1.18-0.452 2.44c0.362 1.27 2.98 2.98 3.44 2.89 0.452-0.09 1.09 1.54 2.62 2.17 1.54 0.633 3.17 4.43 3.17 4.43l2.53-0.452 1.27-2.89-0.452-2.8z' fill='%2354d883'/><path fill='%23ffe5e1' d='m18.9 1.02e3s0.767 1.21 0.703 2.37c-0.064 1.15-1.09 2.56-1.09 2.56s-5.05 1.28-7.93 0.064c-2.88-1.21-6.2-4.99-4.09-7.16s6.84-4.73 7.93-2.81 1.02 5.95 2.24 5.75c1.21-0.192 2.24-0.767 2.24-0.767z'/></g></svg>");
473​
474​}
475​