The code and data behind xeiaso.net
1@font-face {
2 font-family: "Iosevka Etoile Iaso";
3 font-weight: 100 900;
4 src: local("Iosevka Etoile Iaso")
5 , url("iosevka/iosevka-etoile-regular.woff2") format("woff2")
6 , url("iosevka/iosevka-etoile-italic.woff2") format("woff2");
7}
8
9@font-face {
10 font-family: "Iosevka Aile Iaso";
11 font-weight: 100 900;
12 src: local("Iosevka Aile Iaso")
13 , url("iosevka/iosevka-aile-regular.woff2") format("woff2")
14 , url("iosevka/iosevka-aile-italic.woff2") format("woff2");
15}
16
17@font-face {
18 font-family: "Iosevka Curly Iaso";
19 font-weight: 100 900;
20 src: local("Iosevka Curly Iaso")
21 , url("iosevka/iosevka-curly-regular.woff2") format("woff2");
22}
23
24html {
25 font-size: 16px;
26 -webkit-text-size-adjust: none;
27 text-size-adjust: none;
28}
29body {
30 font-size: 1rem;
31 line-height: 1.75rem;
32 margin: 0;
33 font-family: "Iosevka Aile Iaso", Menlo, monospace;
34 font-weight: 500;
35 word-wrap: break-word;
36}
37::selection {
38 background: #d3869b;
39}
40fieldset {
41 border: none;
42 padding: 0;
43 margin: 0;
44}
45pre {
46 background-color: #fff;
47 border: 1px solid #ccc;
48 overflow: auto;
49}
50code[class*="language-"],
51pre[class*="language-"],
52pre code {
53 font-weight: 100;
54 text-shadow: none;
55 margin: 1.75rem 0;
56 font-size: 1.5rem;
57 font-family: "Iosevka Curly Iaso", Menlo, monospace;
58}
59code {
60 font-family: "Iosevka Curly Iaso", Menlo, monospace;
61}
62iframe {
63 max-width: 100%;
64}
65a {
66 cursor: pointer;
67 color: #FFA8CE;
68 text-decoration: none;
69 border-bottom: 1px solid;
70 border-color: #FFA8CE;
71}
72a:hover {
73 background-color: #B3004D;
74 color: #fff;
75}
76.grid {
77 display: -ms-flexbox;
78 display: flex;
79 -ms-flex-wrap: wrap;
80 flex-wrap: wrap;
81}
82.grid.\-top {
83 -ms-flex-align: start;
84 align-items: flex-start;
85}
86.grid.\-middle {
87 -ms-flex-align: center;
88 align-items: center;
89}
90.grid.\-bottom {
91 -ms-flex-align: end;
92 align-items: flex-end;
93}
94.grid.\-stretch {
95 -ms-flex-align: stretch;
96 align-items: stretch;
97}
98.grid.\-baseline {
99 -ms-flex-align: baseline;
100 align-items: baseline;
101}
102.grid.\-left {
103 -ms-flex-pack: start;
104 justify-content: flex-start;
105}
106.grid.\-center {
107 -ms-flex-pack: center;
108 justify-content: center;
109}
110.grid.\-right {
111 -ms-flex-pack: end;
112 justify-content: flex-end;
113}
114.grid.\-between {
115 -ms-flex-pack: justify;
116 justify-content: space-between;
117}
118.grid.\-around {
119 -ms-flex-pack: distribute;
120 justify-content: space-around;
121}
122.cell {
123 -ms-flex: 1;
124 flex: 1;
125 box-sizing: border-box;
126}
127@media screen and (min-width: 768px) {
128 .cell.\-1of12 {
129 -ms-flex: 0 0 8.33333%;
130 flex: 0 0 8.33333%;
131 }
132 .cell.\-2of12 {
133 -ms-flex: 0 0 16.66667%;
134 flex: 0 0 16.66667%;
135 }
136 .cell.\-3of12 {
137 -ms-flex: 0 0 25%;
138 flex: 0 0 25%;
139 }
140 .cell.\-4of12 {
141 -ms-flex: 0 0 33.33333%;
142 flex: 0 0 33.33333%;
143 }
144 .cell.\-5of12 {
145 -ms-flex: 0 0 41.66667%;
146 flex: 0 0 41.66667%;
147 }
148 .cell.\-6of12 {
149 -ms-flex: 0 0 50%;
150 flex: 0 0 50%;
151 }
152 .cell.\-7of12 {
153 -ms-flex: 0 0 58.33333%;
154 flex: 0 0 58.33333%;
155 }
156 .cell.\-8of12 {
157 -ms-flex: 0 0 66.66667%;
158 flex: 0 0 66.66667%;
159 }
160 .cell.\-9of12 {
161 -ms-flex: 0 0 75%;
162 flex: 0 0 75%;
163 }
164 .cell.\-10of12 {
165 -ms-flex: 0 0 83.33333%;
166 flex: 0 0 83.33333%;
167 }
168 .cell.\-11of12 {
169 -ms-flex: 0 0 91.66667%;
170 flex: 0 0 91.66667%;
171 }
172}
173@media screen and (max-width: 768px) {
174 .grid {
175 -ms-flex-direction: column;
176 flex-direction: column;
177 }
178 .cell {
179 -ms-flex: 0 0 auto;
180 flex: 0 0 auto;
181 }
182}
183.hack p,
184.hack .conversation-chat,
185.hack blockquote,
186.hack strong {
187 font-size: 1rem;
188 font-style: normal;
189 font-family: "Iosevka Aile Iaso", Menlo, monospace;
190}
191.hack blockquote,
192.hack code,
193.hack em,
194.hack strong {
195 font-size: 1rem;
196 line-height: 20px;
197}
198.hack blockquote,
199.hack code,
200.hack footer,
201.hack h1,
202.hack h2,
203.hack h3,
204.hack h4,
205.hack h5,
206.hack h6,
207.hack header,
208.hack li,
209.hack ol,
210.hack p,
211.hack section,
212.hack ul {
213 float: none;
214 margin: 0;
215 padding: 0;
216}
217.hack blockquote,
218.hack ol,
219.hack p,
220.hack ul {
221 margin-top: 20px;
222 margin-bottom: 20px;
223}
224.hack h2,
225.hack h3,
226.hack h4,
227.hack h5,
228.hack h6 {
229 position: relative;
230 margin-bottom: 1.75rem;
231}
232.hack h2:before,
233.hack h3:before,
234.hack h4:before,
235.hack h5:before,
236.hack h6:before {
237 display: inline;
238}
239.hack li {
240 position: relative;
241 display: block;
242 padding-left: 20px;
243}
244.hack li:after {
245 position: absolute;
246 top: 0;
247 left: 0;
248}
249.hack ul > li:after {
250 content: "-";
251}
252.hack ol {
253 counter-reset: a;
254}
255.hack ol > li:after {
256 content: counter(a) ".";
257 counter-increment: a;
258}
259.hack blockquote {
260 position: relative;
261 padding-left: 17px;
262 padding-left: 2ch;
263 overflow: hidden;
264}
265.hack blockquote:after {
266 content: ">\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>\A>";
267 white-space: pre;
268 position: absolute;
269 top: 0;
270 left: 0;
271 line-height: 20px;
272}
273.hack pre code:after,
274.hack pre code:before {
275 display: none;
276}
277.hack code {
278 font-weight: 700;
279}
280.hack hr {
281 position: relative;
282 height: 20px;
283 overflow: hidden;
284 border: 0;
285 margin: 20px 0;
286}
287.hack hr:after {
288 content: "---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------";
289 position: absolute;
290 top: 0;
291 left: 0;
292 line-height: 20px;
293 width: 100%;
294 word-wrap: break-word;
295}
296@-moz-document url-prefix() {
297 .hack h1 {
298 display: block;
299 }
300}
301.hack-ones ol > li:after {
302 content: "1.";
303}
304p {
305 margin: 0 0 1.75rem;
306}
307.container {
308 max-width: 60rem;
309}
310.container,
311.container-fluid {
312 margin: 1em auto;
313 padding: 0 1rem;
314}
315.inner {
316 padding: 1rem;
317}
318.inner2x {
319 padding: 2rem;
320}
321.pull-left {
322 float: left;
323}
324.pull-right {
325 float: right;
326}
327.progress-bar {
328 height: 8px;
329 opacity: 0.8;
330 background-color: #ccc;
331 margin-top: 12px;
332}
333.progress-bar.progress-bar-show-percent {
334 margin-top: 38px;
335}
336.progress-bar-filled {
337 background-color: gray;
338 height: 100%;
339 transition: width 0.3s ease;
340 position: relative;
341 width: 0;
342}
343.progress-bar-filled:before {
344 content: "";
345 border: 6px solid transparent;
346 border-top-color: gray;
347 position: absolute;
348 top: -12px;
349 right: -6px;
350}
351.progress-bar-filled:after {
352 color: gray;
353 content: attr(data-filled);
354 display: block;
355 font-size: 12px;
356 white-space: nowrap;
357 position: absolute;
358 border: 6px solid transparent;
359 top: -38px;
360 right: 0;
361 -ms-transform: translateX(50%);
362 transform: translateX(50%);
363}
364table {
365 width: 100%;
366 border-collapse: collapse;
367 margin: 1.75rem 0;
368 color: #778087;
369}
370table td,
371table th {
372 vertical-align: top;
373 border: 1px solid #ccc;
374 line-height: 15px;
375 padding: 10px;
376}
377table tbody td:first-child {
378 font-weight: 700;
379}
380.form {
381 width: 30rem;
382}
383.form-group {
384 margin-bottom: 1.75rem;
385 overflow: auto;
386}
387.form-group label {
388 border-bottom: 2px solid #ccc;
389 color: #333;
390 width: 10rem;
391 display: inline-block;
392 height: 38px;
393 line-height: 38px;
394 padding: 0;
395 float: left;
396 position: relative;
397}
398.form-group.form-success label {
399 color: #4caf50 !important;
400 border-color: #4caf50 !important;
401}
402.form-group.form-warning label {
403 color: #ff9800 !important;
404 border-color: #ff9800 !important;
405}
406.form-group.form-error label {
407 color: #f44336 !important;
408 border-color: #f44336 !important;
409}
410.form-control {
411 outline: none;
412 border: none;
413 border-bottom: 2px solid #ccc;
414 padding: 0.5rem 0;
415 width: 20rem;
416 height: 38px;
417 background-color: transparent;
418}
419.form-control:focus {
420 border-color: #555;
421}
422.form-group.form-textarea label:after {
423 position: absolute;
424 content: "";
425 width: 2px;
426 background-color: #fff;
427 right: -2px;
428 top: 0;
429 bottom: 0;
430}
431textarea.form-control {
432 height: auto;
433 resize: none;
434 padding: 1rem 0;
435 border-bottom: 2px solid #ccc;
436 border-left: 2px solid #ccc;
437 padding: 0.5rem;
438}
439select.form-control {
440 border-radius: 0;
441 background-color: transparent;
442 -webkit-appearance: none;
443 -moz-appearance: none;
444 -ms-appearance: none;
445}
446.help-block {
447 color: #999;
448 margin-top: 0.5rem;
449}
450.form-actions {
451 margin-bottom: 1.75rem;
452}
453.btn {
454 display: -ms-inline-flexbox;
455 display: inline-flex;
456 -ms-flex-align: center;
457 align-items: center;
458 -ms-flex-pack: center;
459 justify-content: center;
460 cursor: pointer;
461 outline: none;
462 padding: 0.65rem 2rem;
463 font-size: 1rem;
464 -webkit-user-select: none;
465 -moz-user-select: none;
466 -ms-user-select: none;
467 user-select: none;
468 position: relative;
469 z-index: 1;
470}
471.btn:active {
472 box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.12);
473}
474.btn.btn-ghost {
475 border-color: #757575;
476 color: #757575;
477 background-color: transparent;
478}
479.btn.btn-ghost:focus,
480.btn.btn-ghost:hover {
481 border-color: #424242;
482 color: #424242;
483 z-index: 2;
484}
485.btn.btn-ghost:hover {
486 background-color: transparent;
487}
488.btn-block {
489 width: 100%;
490 display: -ms-flexbox;
491 display: flex;
492}
493.btn-default {
494 color: #fff;
495 background-color: #e0e0e0;
496 border: 1px solid #e0e0e0;
497 color: #333;
498}
499.btn-default:focus:not(.btn-ghost),
500.btn-default:hover {
501 background-color: #dcdcdc;
502 border-color: #dcdcdc;
503}
504.btn-success {
505 color: #fff;
506 background-color: #4caf50;
507 border: 1px solid #4caf50;
508}
509.btn-success:focus:not(.btn-ghost),
510.btn-success:hover {
511 background-color: #43a047;
512 border-color: #43a047;
513}
514.btn-success.btn-ghost {
515 border-color: #4caf50;
516 color: #4caf50;
517}
518.btn-success.btn-ghost:focus,
519.btn-success.btn-ghost:hover {
520 border-color: #388e3c;
521 color: #388e3c;
522 z-index: 2;
523}
524.btn-error {
525 color: #fff;
526 background-color: #f44336;
527 border: 1px solid #f44336;
528}
529.btn-error:focus:not(.btn-ghost),
530.btn-error:hover {
531 background-color: #e53935;
532 border-color: #e53935;
533}
534.btn-error.btn-ghost {
535 border-color: #f44336;
536 color: #f44336;
537}
538.btn-error.btn-ghost:focus,
539.btn-error.btn-ghost:hover {
540 border-color: #d32f2f;
541 color: #d32f2f;
542 z-index: 2;
543}
544.btn-warning {
545 color: #fff;
546 background-color: #ff9800;
547 border: 1px solid #ff9800;
548}
549.btn-warning:focus:not(.btn-ghost),
550.btn-warning:hover {
551 background-color: #fb8c00;
552 border-color: #fb8c00;
553}
554.btn-warning.btn-ghost {
555 border-color: #ff9800;
556 color: #ff9800;
557}
558.btn-warning.btn-ghost:focus,
559.btn-warning.btn-ghost:hover {
560 border-color: #f57c00;
561 color: #f57c00;
562 z-index: 2;
563}
564.btn-info {
565 color: #fff;
566 background-color: #00bcd4;
567 border: 1px solid #00bcd4;
568}
569.btn-info:focus:not(.btn-ghost),
570.btn-info:hover {
571 background-color: #00acc1;
572 border-color: #00acc1;
573}
574.btn-info.btn-ghost {
575 border-color: #00bcd4;
576 color: #00bcd4;
577}
578.btn-info.btn-ghost:focus,
579.btn-info.btn-ghost:hover {
580 border-color: #0097a7;
581 color: #0097a7;
582 z-index: 2;
583}
584.btn-primary {
585 color: #fff;
586 background-color: #2196f3;
587 border: 1px solid #2196f3;
588}
589.btn-primary:focus:not(.btn-ghost),
590.btn-primary:hover {
591 background-color: #1e88e5;
592 border-color: #1e88e5;
593}
594.btn-primary.btn-ghost {
595 border-color: #2196f3;
596 color: #2196f3;
597}
598.btn-primary.btn-ghost:focus,
599.btn-primary.btn-ghost:hover {
600 border-color: #1976d2;
601 color: #1976d2;
602 z-index: 2;
603}
604.btn-group {
605 overflow: auto;
606}
607.btn-group .btn {
608 float: left;
609}
610.btn-group .btn-ghost:not(:first-child) {
611 margin-left: -1px;
612}
613.card {
614 border: 1px solid #ccc;
615}
616.card .card-header {
617 color: #333;
618 text-align: center;
619 background-color: #ddd;
620 padding: 0.5rem 0;
621}
622.alert {
623 color: #ccc;
624 padding: 1rem;
625 border: 1px solid #ccc;
626 margin-bottom: 1.75rem;
627}
628.alert-success {
629 color: #4caf50;
630 border-color: #4caf50;
631}
632.alert-error {
633 color: #f44336;
634 border-color: #f44336;
635}
636.alert-info {
637 color: #00bcd4;
638 border-color: #00bcd4;
639}
640.alert-warning {
641 color: #ff9800;
642 border-color: #ff9800;
643}
644.media:not(:last-child) {
645 margin-bottom: 1.25rem;
646}
647.media-left {
648 padding-right: 1rem;
649}
650.media-left,
651.media-right {
652 display: table-cell;
653 vertical-align: top;
654}
655.media-right {
656 padding-left: 1rem;
657}
658.media-body {
659 display: table-cell;
660 vertical-align: top;
661}
662.media-heading {
663 font-size: 1.16667rem;
664 font-weight: 700;
665}
666.media-content {
667 margin-top: 0.3rem;
668 word-break: break-word;
669}
670.avatarholder,
671.placeholder {
672 background-color: #f0f0f0;
673 text-align: center;
674 color: #b9b9b9;
675 font-size: 1rem;
676 border: 1px solid #f0f0f0;
677}
678.avatarholder {
679 width: 48px;
680 height: 48px;
681 line-height: 46px;
682 font-size: 2rem;
683 background-size: cover;
684 background-position: 50%;
685 background-repeat: no-repeat;
686}
687.avatarholder.rounded {
688 border-radius: 33px;
689}
690.loading {
691 display: inline-block;
692 content: " ";
693 height: 20px;
694 width: 20px;
695 margin: 0 0.5rem;
696 animation: a 0.6s infinite linear;
697 border: 2px solid #e91e63;
698 border-right-color: transparent;
699 border-radius: 50%;
700}
701.btn .loading {
702 margin-bottom: 0;
703 width: 14px;
704 height: 14px;
705}
706.btn div.loading {
707 float: left;
708}
709.alert .loading {
710 margin-bottom: -5px;
711}
712@keyframes a {
713 0% {
714 transform: rotate(0deg);
715 }
716 to {
717 transform: rotate(1turn);
718 }
719}
720.menu {
721 width: 100%;
722}
723.menu .menu-item {
724 display: block;
725 color: #616161;
726 border-color: #616161;
727}
728.menu .menu-item.active,
729.menu .menu-item:hover {
730 color: #000;
731 border-color: #000;
732 background-color: transparent;
733}
734@media screen and (max-width: 768px) {
735 .form-group label {
736 display: block;
737 border-bottom: none;
738 width: 100%;
739 }
740 .form-group.form-textarea label:after {
741 display: none;
742 }
743 .form-control {
744 width: 100%;
745 }
746 textarea.form-control {
747 border-left: none;
748 padding: 0.5rem 0;
749 }
750 pre::-webkit-scrollbar {
751 height: 3px;
752 }
753}
754@media screen and (max-width: 480px) {
755 .form {
756 width: 100%;
757 }
758}
759
760.signalboost > .cell {
761 padding-right: 1rem;
762 padding-bottom: 2rem;
763}
764.signalboost > .cell > p {
765 margin-top: 0.5rem;
766 margin-bottom: 0.5rem;
767}