anas.tngl.sh
My public website source code
1html,
2body,
3div,
4span,
5applet,
6object,
7iframe,
8h1,
9h2,
10h3,
11h4,
12h5,
13h6,
14p,
15blockquote,
16pre,
17a,
18abbr,
19acronym,
20address,
21big,
22cite,
23code,
24del,
25dfn,
26em,
27img,
28ins,
29kbd,
30q,
31s,
32samp,
33small,
34strike,
35strong,
36sub,
37sup,
38tt,
39var,
40b,
41u,
42i,
43center,
44dl,
45dt,
46dd,
47ol,
48ul,
49li,
50fieldset,
51form,
52label,
53legend,
54table,
55caption,
56tbody,
57tfoot,
58thead,
59tr,
60th,
61td,
62article,
63aside,
64canvas,
65details,
66embed,
67figure,
68figcaption,
69footer,
70header,
71hgroup,
72menu,
73nav,
74output,
75ruby,
76section,
77summary,
78time,
79mark,
80audio,
81video {
82 margin: 0;
83 padding: 0;
84 border: 0;
85 font: inherit;
86 font-size: 100%;
87 vertical-align: baseline
88}
89
90html {
91 line-height: 1
92}
93
94ol,
95ul {
96 list-style: none
97}
98
99table {
100 border-collapse: collapse;
101 border-spacing: 0
102}
103
104caption,
105th,
106td {
107 text-align: left;
108 font-weight: normal;
109 vertical-align: middle
110}
111
112q,
113blockquote {
114 quotes: none
115}
116
117q:before,
118q:after,
119blockquote:before,
120blockquote:after {
121 content: "";
122 content: none
123}
124
125a img {
126 border: none
127}
128
129article,
130aside,
131details,
132figcaption,
133figure,
134footer,
135header,
136hgroup,
137menu,
138nav,
139section,
140summary {
141 display: block
142}
143
144article,
145aside,
146details,
147figcaption,
148figure,
149footer,
150header,
151hgroup,
152menu,
153nav,
154section,
155summary {
156 display: block
157}
158
159a {
160 color: #1863a1
161}
162
163a:visited {
164 color: #751590
165}
166
167a:focus {
168 color: #0181eb
169}
170
171a:hover {
172 color: #0181eb
173}
174
175a:active {
176 color: #01579f
177}
178
179aside.sidebar a {
180 color: #1863a1
181}
182
183aside.sidebar a:focus {
184 color: #0181eb
185}
186
187aside.sidebar a:hover {
188 color: #0181eb
189}
190
191aside.sidebar a:active {
192 color: #01579f
193}
194
195a {
196 -webkit-transition: color 0.3s;
197 -moz-transition: color 0.3s;
198 -o-transition: color 0.3s;
199 transition: color 0.3s
200}
201
202html {
203 background: #252525 top left
204}
205
206body>div#main {
207 background: #f2f2f2 top left;
208 border-bottom: 1px solid #bfbfbf
209}
210
211body>div#main>div {
212 background: #f8f8f8 top left;
213 border-right: 1px solid #e0e0e0
214}
215
216.heading,
217body>header h1,
218h1,
219h2,
220h3,
221h4,
222h5,
223h6 {
224 font-family: "PT Serif", "Georgia", "Helvetica Neue", Arial, sans-serif
225}
226
227.sans,
228body>header h2,
229article header p.meta,
230article>footer,
231#content .blog-index footer,
232html .gist .gist-file .gist-meta,
233#blog-archives a.category,
234#blog-archives time,
235aside.sidebar section,
236body>footer {
237 font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif
238}
239
240.serif,
241body,
242#content .blog-index a[rel=full-article],
243.permalink {
244 font-family: "PT Serif", Georgia, Times, "Times New Roman", serif
245}
246
247.mono,
248pre,
249code,
250tt,
251p code,
252li code {
253 font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace
254}
255
256body>header h1 {
257 font-size: 2.2em;
258 font-family: "PT Serif", "Georgia", "Helvetica Neue", Arial, sans-serif;
259 font-weight: normal;
260 line-height: 1.2em;
261 margin-bottom: 0.6667em
262}
263
264body>header h2 {
265 font-family: "PT Serif", "Georgia", "Helvetica Neue", Arial, sans-serif
266}
267
268body {
269 line-height: 1.5em;
270 color: #222
271}
272
273h1 {
274 font-size: 2.2em;
275 line-height: 1.2em
276}
277
278@media only screen and (min-width: 992px) {
279 body {
280 font-size: 1.15em
281 }
282
283 h1 {
284 font-size: 2.6em;
285 line-height: 1.2em
286 }
287}
288
289h1,
290h2,
291h3,
292h4,
293h5,
294h6 {
295 text-rendering: optimizelegibility;
296 margin-bottom: 1em;
297 font-weight: bold
298}
299
300h2,
301section h1 {
302 font-size: 1.5em
303}
304
305h3,
306section h2,
307section section h1 {
308 font-size: 1.3em
309}
310
311h4,
312section h3,
313section section h2,
314section section section h1 {
315 font-size: 1em
316}
317
318h5,
319section h4,
320section section h3 {
321 font-size: .9em
322}
323
324h6,
325section h5,
326section section h4,
327section section section h3 {
328 font-size: .8em
329}
330
331p,
332blockquote,
333ul,
334ol {
335 margin-bottom: 1.5em
336}
337
338ul {
339 list-style-type: disc
340}
341
342ul ul {
343 list-style-type: circle;
344 margin-bottom: 0px
345}
346
347ul ul ul {
348 list-style-type: square;
349 margin-bottom: 0px
350}
351
352ol {
353 list-style-type: decimal
354}
355
356ol ol {
357 list-style-type: lower-alpha;
358 margin-bottom: 0px
359}
360
361ol ol ol {
362 list-style-type: lower-roman;
363 margin-bottom: 0px
364}
365
366ul,
367ul ul,
368ul ol,
369ol,
370ol ul,
371ol ol {
372 margin-left: 1.3em
373}
374
375strong {
376 font-weight: bold
377}
378
379em {
380 font-style: italic
381}
382
383sup,
384sub {
385 font-size: 0.8em;
386 position: relative;
387 display: inline-block
388}
389
390sup {
391 top: -.5em
392}
393
394sub {
395 bottom: -.5em
396}
397
398q {
399 font-style: italic
400}
401
402q:before {
403 content: "\201C"
404}
405
406q:after {
407 content: "\201D"
408}
409
410em,
411dfn {
412 font-style: italic
413}
414
415strong,
416dfn {
417 font-weight: bold
418}
419
420del,
421s {
422 text-decoration: line-through
423}
424
425abbr,
426acronym {
427 border-bottom: 1px dotted;
428 cursor: help
429}
430
431sub,
432sup {
433 line-height: 0
434}
435
436hr {
437 margin-bottom: 0.2em
438}
439
440small {
441 font-size: .8em
442}
443
444big {
445 font-size: 1.2em
446}
447
448blockquote {
449 font-style: italic;
450 position: relative;
451 font-size: 1.2em;
452 line-height: 1.5em;
453 padding-left: 1em;
454 border-left: 4px solid rgba(170, 170, 170, 0.5)
455}
456
457blockquote cite {
458 font-style: italic
459}
460
461blockquote cite a {
462 color: #aaa !important;
463 word-wrap: break-word
464}
465
466blockquote cite:before {
467 content: '\2014';
468 padding-right: .3em;
469 padding-left: .3em;
470 color: #aaa
471}
472
473@media only screen and (min-width: 992px) {
474 blockquote {
475 padding-left: 1.5em;
476 border-left-width: 4px
477 }
478}
479
480.pullquote-right:before,
481.pullquote-left:before {
482 padding: 0;
483 border: none;
484 content: attr(data-pullquote);
485 float: right;
486 width: 45%;
487 margin: .5em 0 1em 1.5em;
488 position: relative;
489 top: 7px;
490 font-size: 1.4em;
491 line-height: 1.45em
492}
493
494.pullquote-left:before {
495 float: left;
496 margin: .5em 1.5em 1em 0
497}
498
499.force-wrap,
500article a,
501aside.sidebar a {
502 white-space: -moz-pre-wrap;
503 white-space: -pre-wrap;
504 white-space: -o-pre-wrap;
505 white-space: pre-wrap;
506 word-wrap: break-word
507}
508
509.group,
510body>header,
511body>nav,
512body>footer,
513body #content>article,
514body #content>div>article,
515body #content>div>section,
516body div.pagination,
517aside.sidebar,
518#main,
519#content,
520.sidebar {
521 *zoom: 1
522}
523
524.group:after,
525body>header:after,
526body>nav:after,
527body>footer:after,
528body #content>article:after,
529body #content>div>section:after,
530body div.pagination:after,
531#main:after,
532#content:after,
533.sidebar:after {
534 content: "";
535 display: table;
536 clear: both
537}
538
539body {
540 -webkit-text-size-adjust: none;
541 max-width: 1200px;
542 position: relative;
543 margin: 0 auto
544}
545
546body>header,
547body>nav,
548body>footer,
549body #content>article,
550body #content>div>article,
551body #content>div>section {
552 padding-left: 18px;
553 padding-right: 18px
554}
555
556@media only screen and (min-width: 480px) {
557
558 body>header,
559 body>nav,
560 body>footer,
561 body #content>article,
562 body #content>div>article,
563 body #content>div>section {
564 padding-left: 25px;
565 padding-right: 25px
566 }
567}
568
569@media only screen and (min-width: 768px) {
570
571 body>header,
572 body>nav,
573 body>footer,
574 body #content>article,
575 body #content>div>article,
576 body #content>div>section {
577 padding-left: 35px;
578 padding-right: 35px
579 }
580}
581
582@media only screen and (min-width: 992px) {
583
584 body>header,
585 body>nav,
586 body>footer,
587 body #content>article,
588 body #content>div>article,
589 body #content>div>section {
590 padding-left: 55px;
591 padding-right: 55px
592 }
593}
594
595body div.pagination {
596 margin-left: 18px;
597 margin-right: 18px
598}
599
600@media only screen and (min-width: 480px) {
601 body div.pagination {
602 margin-left: 25px;
603 margin-right: 25px
604 }
605}
606
607@media only screen and (min-width: 768px) {
608 body div.pagination {
609 margin-left: 35px;
610 margin-right: 35px
611 }
612}
613
614@media only screen and (min-width: 992px) {
615 body div.pagination {
616 margin-left: 55px;
617 margin-right: 55px
618 }
619}
620
621body>header {
622 font-size: 1em;
623 padding-top: 1.5em;
624 padding-bottom: 1.5em
625}
626
627#content {
628 overflow: hidden
629}
630
631#content>div,
632#content>article {
633 width: 100%
634}
635
636aside.sidebar {
637 float: none;
638 padding: 0 18px 1px;
639 background-color: #f7f7f7;
640 border-top: 1px solid #e0e0e0
641}
642
643.flex-content,
644article img,
645article video,
646article .flash-video,
647aside.sidebar img {
648 max-width: 100%;
649 height: auto
650}
651
652.basic-alignment.left,
653article img.left,
654article video.left,
655article .left.flash-video,
656aside.sidebar img.left {
657 float: left;
658 margin-right: 1.5em
659}
660
661.basic-alignment.right,
662article img.right,
663article video.right,
664article .right.flash-video,
665aside.sidebar img.right {
666 float: right;
667 margin-left: 1.5em
668}
669
670.basic-alignment.center,
671article img.center,
672article video.center,
673article .center.flash-video,
674aside.sidebar img.center {
675 display: block;
676 margin: 0 auto 1.5em
677}
678
679.basic-alignment.left,
680article img.left,
681article video.left,
682article .left.flash-video,
683aside.sidebar img.left,
684.basic-alignment.right,
685article img.right,
686article video.right,
687article .right.flash-video,
688aside.sidebar img.right {
689 margin-bottom: .8em
690}
691
692.toggle-sidebar,
693.no-sidebar .toggle-sidebar {
694 display: none
695}
696
697@media only screen and (min-width: 750px) {
698 body.sidebar-footer aside.sidebar {
699 float: none;
700 width: auto;
701 clear: left;
702 margin: 0;
703 padding: 0 35px 1px;
704 background-color: #f7f7f7;
705 border-top: 1px solid #eaeaea
706 }
707
708 body.sidebar-footer aside.sidebar section.odd,
709 body.sidebar-footer aside.sidebar section.even {
710 float: left;
711 width: 48%
712 }
713
714 body.sidebar-footer aside.sidebar section.odd {
715 margin-left: 0
716 }
717
718 body.sidebar-footer aside.sidebar section.even {
719 margin-left: 4%
720 }
721
722 body.sidebar-footer aside.sidebar.thirds section {
723 width: 30%;
724 margin-left: 5%
725 }
726
727 body.sidebar-footer aside.sidebar.thirds section.first {
728 margin-left: 0;
729 clear: both
730 }
731}
732
733body.sidebar-footer #content {
734 margin-right: 0px
735}
736
737body.sidebar-footer .toggle-sidebar {
738 display: none
739}
740
741@media only screen and (min-width: 550px) {
742 body>header {
743 font-size: 1em
744 }
745}
746
747@media only screen and (min-width: 750px) {
748 aside.sidebar {
749 float: none;
750 width: auto;
751 clear: left;
752 margin: 0;
753 padding: 0 35px 1px;
754 background-color: #f7f7f7;
755 border-top: 1px solid #eaeaea
756 }
757
758 aside.sidebar section.odd,
759 aside.sidebar section.even {
760 float: left;
761 width: 48%
762 }
763
764 aside.sidebar section.odd {
765 margin-left: 0
766 }
767
768 aside.sidebar section.even {
769 margin-left: 4%
770 }
771
772 aside.sidebar.thirds section {
773 width: 30%;
774 margin-left: 5%
775 }
776
777 aside.sidebar.thirds section.first {
778 margin-left: 0;
779 clear: both
780 }
781}
782
783@media only screen and (min-width: 768px) {
784 body {
785 -webkit-text-size-adjust: auto
786 }
787
788 body>header {
789 font-size: 1.2em
790 }
791
792 #main {
793 padding: 0;
794 margin: 0 auto
795 }
796
797 #content {
798 overflow: visible;
799 margin-right: 240px;
800 position: relative
801 }
802
803 .no-sidebar #content {
804 margin-right: 0;
805 border-right: 0
806 }
807
808 .collapse-sidebar #content {
809 margin-right: 20px
810 }
811
812 #content>div,
813 #content>article {
814 padding-top: 17.5px;
815 padding-bottom: 17.5px;
816 float: left
817 }
818
819 aside.sidebar {
820 width: 210px;
821 padding: 0 15px 15px;
822 background: none;
823 clear: none;
824 float: left;
825 margin: 0 -100% 0 0
826 }
827
828 aside.sidebar section {
829 width: auto;
830 margin-left: 0
831 }
832
833 aside.sidebar section.odd,
834 aside.sidebar section.even {
835 float: none;
836 width: auto;
837 margin-left: 0
838 }
839
840 .collapse-sidebar aside.sidebar {
841 float: none;
842 width: auto;
843 clear: left;
844 margin: 0;
845 padding: 0 35px 1px;
846 background-color: #f7f7f7;
847 border-top: 1px solid #eaeaea
848 }
849
850 .collapse-sidebar aside.sidebar section.odd,
851 .collapse-sidebar aside.sidebar section.even {
852 float: left;
853 width: 48%
854 }
855
856 .collapse-sidebar aside.sidebar section.odd {
857 margin-left: 0
858 }
859
860 .collapse-sidebar aside.sidebar section.even {
861 margin-left: 4%
862 }
863
864 .collapse-sidebar aside.sidebar.thirds section {
865 width: 30%;
866 margin-left: 5%
867 }
868
869 .collapse-sidebar aside.sidebar.thirds section.first {
870 margin-left: 0;
871 clear: both
872 }
873}
874
875@media only screen and (min-width: 992px) {
876 body>header {
877 font-size: 1.3em
878 }
879
880 #content {
881 margin-right: 300px
882 }
883
884 #content>div,
885 #content>article {
886 padding-top: 27.5px;
887 padding-bottom: 27.5px
888 }
889
890 aside.sidebar {
891 width: 260px;
892 padding: 1.2em 20px 20px
893 }
894
895 .collapse-sidebar aside.sidebar {
896 padding-left: 55px;
897 padding-right: 55px
898 }
899}
900
901@media only screen and (min-width: 768px) {
902
903 ul,
904 ol {
905 margin-left: 0
906 }
907}
908
909body>header {
910 background: #333
911}
912
913body>header h1 {
914 display: inline-block;
915 margin: 0
916}
917
918body>header h1 a,
919body>header h1 a:visited,
920body>header h1 a:hover {
921 color: #f2f2f2;
922 text-decoration: none
923}
924
925body>header h2 {
926 margin: .2em 0 0;
927 font-size: 1em;
928 color: #aaa;
929 font-weight: normal
930}
931
932body>nav {
933 position: relative;
934 background-color: #ccc;
935 background: url('noise.png?1415633084'), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e0e0), color-stop(50%, #cccccc), color-stop(100%, #b0b0b0));
936 background: url('noise.png?1415633084'), -webkit-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
937 background: url('noise.png?1415633084'), -moz-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
938 background: url('noise.png?1415633084'), -o-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
939 background: url('noise.png?1415633084'), linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
940 border-top: 1px solid #f2f2f2;
941 border-bottom: 1px solid #8c8c8c;
942 padding-top: .35em;
943 padding-bottom: .35em
944}
945
946body>nav form {
947 -webkit-background-clip: padding;
948 -moz-background-clip: padding;
949 background-clip: padding-box;
950 margin: 0;
951 padding: 0
952}
953
954body>nav form .search {
955 padding: .3em .5em 0;
956 font-size: .85em;
957 font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif;
958 line-height: 1.1em;
959 width: 95%;
960 -webkit-border-radius: 0.5em;
961 -moz-border-radius: 0.5em;
962 -ms-border-radius: 0.5em;
963 -o-border-radius: 0.5em;
964 border-radius: 0.5em;
965 -webkit-background-clip: padding;
966 -moz-background-clip: padding;
967 background-clip: padding-box;
968 -webkit-box-shadow: #d1d1d1 0 1px;
969 -moz-box-shadow: #d1d1d1 0 1px;
970 box-shadow: #d1d1d1 0 1px;
971 background-color: #f2f2f2;
972 border: 1px solid #b3b3b3;
973 color: #888
974}
975
976body>nav form .search:focus {
977 color: #444;
978 border-color: #80b1df;
979 -webkit-box-shadow: #80b1df 0 0 4px, #80b1df 0 0 3px inset;
980 -moz-box-shadow: #80b1df 0 0 4px, #80b1df 0 0 3px inset;
981 box-shadow: #80b1df 0 0 4px, #80b1df 0 0 3px inset;
982 background-color: #fff;
983 outline: none
984}
985
986body>nav fieldset[role=search] {
987 float: right;
988 width: 48%
989}
990
991body>nav fieldset.mobile-nav {
992 float: left;
993 width: 48%
994}
995
996body>nav fieldset.mobile-nav select {
997 width: 100%;
998 font-size: .8em;
999 border: 1px solid #888
1000}
1001
1002body>nav ul {
1003 display: none
1004}
1005
1006@media only screen and (min-width: 550px) {
1007 body>nav {
1008 font-size: .9em
1009 }
1010
1011 body>nav ul {
1012 margin: 0;
1013 padding: 0;
1014 border: 0;
1015 overflow: hidden;
1016 *zoom: 1;
1017 float: left;
1018 display: block;
1019 padding-top: .15em
1020 }
1021
1022 body>nav ul li {
1023 list-style-image: none;
1024 list-style-type: none;
1025 margin-left: 0;
1026 white-space: nowrap;
1027 display: inline;
1028 float: left;
1029 padding-left: 0;
1030 padding-right: 0
1031 }
1032
1033 body>nav ul li:first-child,
1034 body>nav ul li.first {
1035 padding-left: 0
1036 }
1037
1038 body>nav ul li:last-child {
1039 padding-right: 0
1040 }
1041
1042 body>nav ul li.last {
1043 padding-right: 0
1044 }
1045
1046 body>nav ul.subscription {
1047 margin-left: .8em;
1048 float: right
1049 }
1050
1051 body>nav ul.subscription li:last-child a {
1052 padding-right: 0
1053 }
1054
1055 body>nav ul li {
1056 margin: 0
1057 }
1058
1059 body>nav a {
1060 color: #6b6b6b;
1061 font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif;
1062 text-shadow: #ebebeb 0 1px;
1063 float: left;
1064 text-decoration: none;
1065 font-size: 1.1em;
1066 padding: .1em 0;
1067 line-height: 1.5em
1068 }
1069
1070 body>nav a:visited {
1071 color: #6b6b6b
1072 }
1073
1074 body>nav a:hover {
1075 color: #2b2b2b
1076 }
1077
1078 body>nav li+li {
1079 border-left: 1px solid #b0b0b0;
1080 margin-left: .8em
1081 }
1082
1083 body>nav li+li a {
1084 padding-left: .8em;
1085 border-left: 1px solid #dedede
1086 }
1087
1088 body>nav form {
1089 float: right;
1090 text-align: left;
1091 padding-left: .8em;
1092 width: 175px
1093 }
1094
1095 body>nav form .search {
1096 width: 93%;
1097 font-size: .95em;
1098 line-height: 1.2em
1099 }
1100
1101 body>nav ul[data-subscription$=email]+form {
1102 width: 97px
1103 }
1104
1105 body>nav ul[data-subscription$=email]+form .search {
1106 width: 91%
1107 }
1108
1109 body>nav fieldset.mobile-nav {
1110 display: none
1111 }
1112
1113 body>nav fieldset[role=search] {
1114 width: 99%
1115 }
1116}
1117
1118@media only screen and (min-width: 992px) {
1119 body>nav form {
1120 width: 215px
1121 }
1122
1123 body>nav ul[data-subscription$=email]+form {
1124 width: 147px
1125 }
1126}
1127
1128.no-placeholder body>nav .search {
1129 background: #f2f2f2 url('/images/search.png?1415633084') 0.3em 0.25em no-repeat;
1130 text-indent: 1.3em
1131}
1132
1133@media only screen and (min-width: 550px) {
1134 .maskImage body>nav ul[data-subscription$=email]+form {
1135 width: 123px
1136 }
1137}
1138
1139@media only screen and (min-width: 992px) {
1140 .maskImage body>nav ul[data-subscription$=email]+form {
1141 width: 173px
1142 }
1143}
1144
1145.maskImage ul.subscription {
1146 position: relative;
1147 top: .2em
1148}
1149
1150.maskImage ul.subscription li,
1151.maskImage ul.subscription a {
1152 border: 0;
1153 padding: 0
1154}
1155
1156.maskImage a[rel=subscribe-rss] {
1157 position: relative;
1158 top: 0px;
1159 text-indent: -999999em;
1160 background-color: #dedede;
1161 border: 0;
1162 padding: 0
1163}
1164
1165.maskImage a[rel=subscribe-rss],
1166.maskImage a[rel=subscribe-rss]:after {
1167 -webkit-mask-image: url('/images/rss.png?1415633084');
1168 -moz-mask-image: url('/images/rss.png?1415633084');
1169 -ms-mask-image: url('/images/rss.png?1415633084');
1170 -o-mask-image: url('/images/rss.png?1415633084');
1171 mask-image: url('/images/rss.png?1415633084');
1172 -webkit-mask-repeat: no-repeat;
1173 -moz-mask-repeat: no-repeat;
1174 -ms-mask-repeat: no-repeat;
1175 -o-mask-repeat: no-repeat;
1176 mask-repeat: no-repeat;
1177 width: 22px;
1178 height: 22px
1179}
1180
1181.maskImage a[rel=subscribe-rss]:after {
1182 content: "";
1183 position: absolute;
1184 top: -1px;
1185 left: 0;
1186 background-color: #ababab
1187}
1188
1189.maskImage a[rel=subscribe-rss]:hover:after {
1190 background-color: #9e9e9e
1191}
1192
1193.maskImage a[rel=subscribe-email] {
1194 position: relative;
1195 top: 0px;
1196 text-indent: -999999em;
1197 background-color: #dedede;
1198 border: 0;
1199 padding: 0
1200}
1201
1202.maskImage a[rel=subscribe-email],
1203.maskImage a[rel=subscribe-email]:after {
1204 -webkit-mask-image: url('/images/email.png?1415633084');
1205 -moz-mask-image: url('/images/email.png?1415633084');
1206 -ms-mask-image: url('/images/email.png?1415633084');
1207 -o-mask-image: url('/images/email.png?1415633084');
1208 mask-image: url('/images/email.png?1415633084');
1209 -webkit-mask-repeat: no-repeat;
1210 -moz-mask-repeat: no-repeat;
1211 -ms-mask-repeat: no-repeat;
1212 -o-mask-repeat: no-repeat;
1213 mask-repeat: no-repeat;
1214 width: 28px;
1215 height: 22px
1216}
1217
1218.maskImage a[rel=subscribe-email]:after {
1219 content: "";
1220 position: absolute;
1221 top: -1px;
1222 left: 0;
1223 background-color: #ababab
1224}
1225
1226.maskImage a[rel=subscribe-email]:hover:after {
1227 background-color: #9e9e9e
1228}
1229
1230article {
1231 padding-top: 1em
1232}
1233
1234article header {
1235 position: relative;
1236 padding-top: 2em;
1237 padding-bottom: 1em;
1238 margin-bottom: 1em;
1239 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVQIHWNIS0sr/v//PwMMDzY+ADqMahlW4J91AAAAAElFTkSuQmCC') bottom left repeat-x
1240}
1241
1242article header h1 {
1243 margin: 0
1244}
1245
1246article header h1 a {
1247 text-decoration: none
1248}
1249
1250article header h1 a:hover {
1251 text-decoration: underline
1252}
1253
1254article header p {
1255 font-size: .9em;
1256 color: #aaa;
1257 margin: 0
1258}
1259
1260article header p.meta {
1261 text-transform: uppercase;
1262 position: absolute;
1263 top: 0
1264}
1265
1266@media only screen and (min-width: 768px) {
1267 article header {
1268 margin-bottom: 1.5em;
1269 padding-bottom: 1em;
1270 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVQIHWNIS0sr/v//PwMMDzY+ADqMahlW4J91AAAAAElFTkSuQmCC') bottom left repeat-x
1271 }
1272}
1273
1274article h2 {
1275 padding-top: 0.8em;
1276 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVQIHWNIS0sr/v//PwMMDzY+ADqMahlW4J91AAAAAElFTkSuQmCC') top left repeat-x
1277}
1278
1279.entry-content article h2:first-child,
1280article header+h2 {
1281 padding-top: 0
1282}
1283
1284article h2:first-child,
1285article header+h2 {
1286 background: none
1287}
1288
1289article .feature {
1290 padding-top: .5em;
1291 margin-bottom: 1em;
1292 padding-bottom: 1em;
1293 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVQIHWNIS0sr/v//PwMMDzY+ADqMahlW4J91AAAAAElFTkSuQmCC') bottom left repeat-x;
1294 font-size: 2.0em;
1295 font-style: italic;
1296 line-height: 1.3em
1297}
1298
1299article img,
1300article video,
1301article .flash-video {
1302 -webkit-border-radius: 0.3em;
1303 -moz-border-radius: 0.3em;
1304 -ms-border-radius: 0.3em;
1305 -o-border-radius: 0.3em;
1306 border-radius: 0.3em;
1307 -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
1308 -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
1309 box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
1310 -webkit-box-sizing: border-box;
1311 -moz-box-sizing: border-box;
1312 box-sizing: border-box;
1313 border: #fff 0.5em solid
1314}
1315
1316article video,
1317article .flash-video {
1318 margin: 0 auto 1.5em
1319}
1320
1321article video {
1322 display: block;
1323 width: 100%
1324}
1325
1326article .flash-video>div {
1327 position: relative;
1328 display: block;
1329 padding-bottom: 56.25%;
1330 padding-top: 1px;
1331 height: 0;
1332 overflow: hidden
1333}
1334
1335article .flash-video>div iframe,
1336article .flash-video>div object,
1337article .flash-video>div embed {
1338 position: absolute;
1339 top: 0;
1340 left: 0;
1341 width: 100%;
1342 height: 100%
1343}
1344
1345article>footer {
1346 padding-bottom: 2.5em;
1347 margin-top: 2em
1348}
1349
1350article>footer p.meta {
1351 margin-bottom: .8em;
1352 font-size: .85em;
1353 clear: both;
1354 overflow: hidden
1355}
1356
1357.blog-index article+article {
1358 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVQIHWNIS0sr/v//PwMMDzY+ADqMahlW4J91AAAAAElFTkSuQmCC') top left repeat-x
1359}
1360
1361#content .blog-index {
1362 padding-top: 0;
1363 padding-bottom: 0
1364}
1365
1366#content .blog-index article {
1367 padding-top: 2em
1368}
1369
1370#content .blog-index article header {
1371 background: none;
1372 padding-bottom: 0
1373}
1374
1375#content .blog-index article h1 {
1376 font-size: 2.2em
1377}
1378
1379#content .blog-index article h1 a {
1380 color: inherit
1381}
1382
1383#content .blog-index article h1 a:hover {
1384 color: #0181eb
1385}
1386
1387#content .blog-index a[rel=full-article] {
1388 background: #ebebeb;
1389 display: inline-block;
1390 padding: .4em .8em;
1391 margin-right: .5em;
1392 text-decoration: none;
1393 color: #666;
1394 -webkit-transition: background-color 0.5s;
1395 -moz-transition: background-color 0.5s;
1396 -o-transition: background-color 0.5s;
1397 transition: background-color 0.5s
1398}
1399
1400#content .blog-index a[rel=full-article]:hover {
1401 background: #0181eb;
1402 text-shadow: none;
1403 color: #f8f8f8
1404}
1405
1406#content .blog-index footer {
1407 margin-top: 1em
1408}
1409
1410.separator,
1411article>footer .byline+time:before,
1412article>footer time+time:before,
1413article>footer .comments:before,
1414article>footer .byline~.categories:before {
1415 content: "\2022 ";
1416 padding: 0 .4em 0 .2em;
1417 display: inline-block
1418}
1419
1420#content div.pagination {
1421 text-align: center;
1422 font-size: .95em;
1423 position: relative;
1424 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVQIHWNIS0sr/v//PwMMDzY+ADqMahlW4J91AAAAAElFTkSuQmCC') top left repeat-x;
1425 padding-top: 1.5em;
1426 padding-bottom: 1.5em
1427}
1428
1429#content div.pagination a {
1430 text-decoration: none;
1431 color: #aaa
1432}
1433
1434#content div.pagination a.prev {
1435 position: absolute;
1436 left: 0
1437}
1438
1439#content div.pagination a.next {
1440 position: absolute;
1441 right: 0
1442}
1443
1444#content div.pagination a:hover {
1445 color: #0181eb
1446}
1447
1448#content div.pagination a[href*=archive]:before,
1449#content div.pagination a[href*=archive]:after {
1450 content: '\2014';
1451 padding: 0 .3em
1452}
1453
1454p.meta+.sharing {
1455 padding-top: 1em;
1456 padding-left: 0;
1457 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVQIHWNIS0sr/v//PwMMDzY+ADqMahlW4J91AAAAAElFTkSuQmCC') top left repeat-x
1458}
1459
1460#fb-root {
1461 display: none
1462}
1463
1464.highlight,
1465html .gist .gist-file .gist-syntax .gist-highlight {
1466 border: 1px solid #05232b !important
1467}
1468
1469.highlight table td.code,
1470html .gist .gist-file .gist-syntax .gist-highlight table td.code {
1471 width: 100%
1472}
1473
1474.highlight .line-numbers,
1475html .gist .gist-file .gist-syntax .highlight .line_numbers {
1476 text-align: right;
1477 font-size: 13px;
1478 line-height: 1.45em;
1479 background: #073642 url('noise.png?1415633084') top left !important;
1480 border-right: 1px solid #00232c !important;
1481 -webkit-box-shadow: #083e4b -1px 0 inset;
1482 -moz-box-shadow: #083e4b -1px 0 inset;
1483 box-shadow: #083e4b -1px 0 inset;
1484 text-shadow: #021014 0 -1px;
1485 padding: .8em !important;
1486 -webkit-border-radius: 0;
1487 -moz-border-radius: 0;
1488 -ms-border-radius: 0;
1489 -o-border-radius: 0;
1490 border-radius: 0
1491}
1492
1493.highlight .line-numbers span,
1494html .gist .gist-file .gist-syntax .highlight .line_numbers span {
1495 color: #586e75 !important
1496}
1497
1498figure.code,
1499.gist-file,
1500pre {
1501 -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
1502 -moz-box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
1503 box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px
1504}
1505
1506figure.code .highlight pre,
1507.gist-file .highlight pre,
1508pre .highlight pre {
1509 -webkit-box-shadow: none;
1510 -moz-box-shadow: none;
1511 box-shadow: none
1512}
1513
1514.gist .highlight *::-moz-selection,
1515figure.code .highlight *::-moz-selection {
1516 background: #386774;
1517 color: inherit;
1518 text-shadow: #002b36 0 1px
1519}
1520
1521.gist .highlight *::-webkit-selection,
1522figure.code .highlight *::-webkit-selection {
1523 background: #386774;
1524 color: inherit;
1525 text-shadow: #002b36 0 1px
1526}
1527
1528.gist .highlight *::selection,
1529figure.code .highlight *::selection {
1530 background: #386774;
1531 color: inherit;
1532 text-shadow: #002b36 0 1px
1533}
1534
1535html .gist .gist-file {
1536 margin-bottom: 1.8em;
1537 position: relative;
1538 border: none;
1539 padding-top: 26px !important
1540}
1541
1542html .gist .gist-file .highlight {
1543 margin-bottom: 0
1544}
1545
1546html .gist .gist-file .gist-syntax {
1547 border-bottom: 0 !important;
1548 background: none !important
1549}
1550
1551html .gist .gist-file .gist-syntax .gist-highlight {
1552 background: #002b36 !important
1553}
1554
1555html .gist .gist-file .gist-syntax .highlight pre {
1556 padding: 0
1557}
1558
1559html .gist .gist-file .gist-meta {
1560 padding: .6em 0.8em;
1561 border: 1px solid #083e4b !important;
1562 color: #586e75;
1563 font-size: .7em !important;
1564 background: #073642 url('noise.png?1415633084') top left;
1565 line-height: 1.5em
1566}
1567
1568html .gist .gist-file .gist-meta a {
1569 color: #75878b !important;
1570 text-decoration: none
1571}
1572
1573html .gist .gist-file .gist-meta a:hover {
1574 text-decoration: underline
1575}
1576
1577html .gist .gist-file .gist-meta a:hover {
1578 color: #93a1a1 !important
1579}
1580
1581html .gist .gist-file .gist-meta a[href*='#file'] {
1582 position: absolute;
1583 top: 0;
1584 left: 0;
1585 right: -10px;
1586 color: #474747 !important
1587}
1588
1589html .gist .gist-file .gist-meta a[href*='#file']:hover {
1590 color: #1863a1 !important
1591}
1592
1593html .gist .gist-file .gist-meta a[href*=raw] {
1594 top: .4em
1595}
1596
1597pre {
1598 background: #002b36 url('noise.png?1415633084') top left;
1599 -webkit-border-radius: 0.4em;
1600 -moz-border-radius: 0.4em;
1601 -ms-border-radius: 0.4em;
1602 -o-border-radius: 0.4em;
1603 border-radius: 0.4em;
1604 border: 1px solid #05232b;
1605 line-height: 1.45em;
1606 font-size: 13px;
1607 margin-bottom: 2.1em;
1608 padding: .8em 1em;
1609 color: #93a1a1;
1610 overflow: auto
1611}
1612
1613h3.filename+pre {
1614 -moz-border-radius-topleft: 0px;
1615 -webkit-border-top-left-radius: 0px;
1616 border-top-left-radius: 0px;
1617 -moz-border-radius-topright: 0px;
1618 -webkit-border-top-right-radius: 0px;
1619 border-top-right-radius: 0px
1620}
1621
1622p code,
1623li code {
1624 display: inline-block;
1625 white-space: no-wrap;
1626 background: #fff;
1627 font-size: .8em;
1628 line-height: 1.5em;
1629 color: #555;
1630 border: 1px solid #ddd;
1631 -webkit-border-radius: 0.4em;
1632 -moz-border-radius: 0.4em;
1633 -ms-border-radius: 0.4em;
1634 -o-border-radius: 0.4em;
1635 border-radius: 0.4em;
1636 padding: 0 .3em;
1637 margin: -1px 0
1638}
1639
1640p pre code,
1641li pre code {
1642 font-size: 1em !important;
1643 background: none;
1644 border: none
1645}
1646
1647.pre-code,
1648html .gist .gist-file .gist-syntax .highlight pre,
1649.highlight code {
1650 font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace !important;
1651 overflow: scroll;
1652 overflow-y: hidden;
1653 display: block;
1654 padding: .8em;
1655 overflow-x: auto;
1656 line-height: 1.45em;
1657 background: #002b36 url('noise.png?1415633084') top left !important;
1658 color: #93a1a1 !important
1659}
1660
1661.pre-code span,
1662html .gist .gist-file .gist-syntax .highlight pre span,
1663.highlight code span {
1664 color: #93a1a1 !important
1665}
1666
1667.pre-code span,
1668html .gist .gist-file .gist-syntax .highlight pre span,
1669.highlight code span {
1670 font-style: normal !important;
1671 font-weight: normal !important
1672}
1673
1674.pre-code .c,
1675html .gist .gist-file .gist-syntax .highlight pre .c,
1676.highlight code .c {
1677 color: #586e75 !important;
1678 font-style: italic !important
1679}
1680
1681.pre-code .cm,
1682html .gist .gist-file .gist-syntax .highlight pre .cm,
1683.highlight code .cm {
1684 color: #586e75 !important;
1685 font-style: italic !important
1686}
1687
1688.pre-code .cp,
1689html .gist .gist-file .gist-syntax .highlight pre .cp,
1690.highlight code .cp {
1691 color: #586e75 !important;
1692 font-style: italic !important
1693}
1694
1695.pre-code .c1,
1696html .gist .gist-file .gist-syntax .highlight pre .c1,
1697.highlight code .c1 {
1698 color: #586e75 !important;
1699 font-style: italic !important
1700}
1701
1702.pre-code .cs,
1703html .gist .gist-file .gist-syntax .highlight pre .cs,
1704.highlight code .cs {
1705 color: #586e75 !important;
1706 font-weight: bold !important;
1707 font-style: italic !important
1708}
1709
1710.pre-code .err,
1711html .gist .gist-file .gist-syntax .highlight pre .err,
1712.highlight code .err {
1713 color: #dc322f !important;
1714 background: none !important
1715}
1716
1717.pre-code .k,
1718html .gist .gist-file .gist-syntax .highlight pre .k,
1719.highlight code .k {
1720 color: #cb4b16 !important
1721}
1722
1723.pre-code .o,
1724html .gist .gist-file .gist-syntax .highlight pre .o,
1725.highlight code .o {
1726 color: #93a1a1 !important;
1727 font-weight: bold !important
1728}
1729
1730.pre-code .p,
1731html .gist .gist-file .gist-syntax .highlight pre .p,
1732.highlight code .p {
1733 color: #93a1a1 !important
1734}
1735
1736.pre-code .ow,
1737html .gist .gist-file .gist-syntax .highlight pre .ow,
1738.highlight code .ow {
1739 color: #2aa198 !important;
1740 font-weight: bold !important
1741}
1742
1743.pre-code .gd,
1744html .gist .gist-file .gist-syntax .highlight pre .gd,
1745.highlight code .gd {
1746 color: #93a1a1 !important;
1747 background-color: #372c34 !important;
1748 display: inline-block
1749}
1750
1751.pre-code .gd .x,
1752html .gist .gist-file .gist-syntax .highlight pre .gd .x,
1753.highlight code .gd .x {
1754 color: #93a1a1 !important;
1755 background-color: #4d2d33 !important;
1756 display: inline-block
1757}
1758
1759.pre-code .ge,
1760html .gist .gist-file .gist-syntax .highlight pre .ge,
1761.highlight code .ge {
1762 color: #93a1a1 !important;
1763 font-style: italic !important
1764}
1765
1766.pre-code .gh,
1767html .gist .gist-file .gist-syntax .highlight pre .gh,
1768.highlight code .gh {
1769 color: #586e75 !important
1770}
1771
1772.pre-code .gi,
1773html .gist .gist-file .gist-syntax .highlight pre .gi,
1774.highlight code .gi {
1775 color: #93a1a1 !important;
1776 background-color: #1a412b !important;
1777 display: inline-block
1778}
1779
1780.pre-code .gi .x,
1781html .gist .gist-file .gist-syntax .highlight pre .gi .x,
1782.highlight code .gi .x {
1783 color: #93a1a1 !important;
1784 background-color: #355720 !important;
1785 display: inline-block
1786}
1787
1788.pre-code .gs,
1789html .gist .gist-file .gist-syntax .highlight pre .gs,
1790.highlight code .gs {
1791 color: #93a1a1 !important;
1792 font-weight: bold !important
1793}
1794
1795.pre-code .gu,
1796html .gist .gist-file .gist-syntax .highlight pre .gu,
1797.highlight code .gu {
1798 color: #6c71c4 !important
1799}
1800
1801.pre-code .kc,
1802html .gist .gist-file .gist-syntax .highlight pre .kc,
1803.highlight code .kc {
1804 color: #859900 !important;
1805 font-weight: bold !important
1806}
1807
1808.pre-code .kd,
1809html .gist .gist-file .gist-syntax .highlight pre .kd,
1810.highlight code .kd {
1811 color: #268bd2 !important
1812}
1813
1814.pre-code .kp,
1815html .gist .gist-file .gist-syntax .highlight pre .kp,
1816.highlight code .kp {
1817 color: #cb4b16 !important;
1818 font-weight: bold !important
1819}
1820
1821.pre-code .kr,
1822html .gist .gist-file .gist-syntax .highlight pre .kr,
1823.highlight code .kr {
1824 color: #d33682 !important;
1825 font-weight: bold !important
1826}
1827
1828.pre-code .kt,
1829html .gist .gist-file .gist-syntax .highlight pre .kt,
1830.highlight code .kt {
1831 color: #2aa198 !important
1832}
1833
1834.pre-code .n,
1835html .gist .gist-file .gist-syntax .highlight pre .n,
1836.highlight code .n {
1837 color: #268bd2 !important
1838}
1839
1840.pre-code .na,
1841html .gist .gist-file .gist-syntax .highlight pre .na,
1842.highlight code .na {
1843 color: #268bd2 !important
1844}
1845
1846.pre-code .nb,
1847html .gist .gist-file .gist-syntax .highlight pre .nb,
1848.highlight code .nb {
1849 color: #859900 !important
1850}
1851
1852.pre-code .nc,
1853html .gist .gist-file .gist-syntax .highlight pre .nc,
1854.highlight code .nc {
1855 color: #d33682 !important
1856}
1857
1858.pre-code .no,
1859html .gist .gist-file .gist-syntax .highlight pre .no,
1860.highlight code .no {
1861 color: #b58900 !important
1862}
1863
1864.pre-code .nl,
1865html .gist .gist-file .gist-syntax .highlight pre .nl,
1866.highlight code .nl {
1867 color: #859900 !important
1868}
1869
1870.pre-code .ne,
1871html .gist .gist-file .gist-syntax .highlight pre .ne,
1872.highlight code .ne {
1873 color: #268bd2 !important;
1874 font-weight: bold !important
1875}
1876
1877.pre-code .nf,
1878html .gist .gist-file .gist-syntax .highlight pre .nf,
1879.highlight code .nf {
1880 color: #268bd2 !important;
1881 font-weight: bold !important
1882}
1883
1884.pre-code .nn,
1885html .gist .gist-file .gist-syntax .highlight pre .nn,
1886.highlight code .nn {
1887 color: #b58900 !important
1888}
1889
1890.pre-code .nt,
1891html .gist .gist-file .gist-syntax .highlight pre .nt,
1892.highlight code .nt {
1893 color: #268bd2 !important;
1894 font-weight: bold !important
1895}
1896
1897.pre-code .nx,
1898html .gist .gist-file .gist-syntax .highlight pre .nx,
1899.highlight code .nx {
1900 color: #b58900 !important
1901}
1902
1903.pre-code .vg,
1904html .gist .gist-file .gist-syntax .highlight pre .vg,
1905.highlight code .vg {
1906 color: #268bd2 !important
1907}
1908
1909.pre-code .vi,
1910html .gist .gist-file .gist-syntax .highlight pre .vi,
1911.highlight code .vi {
1912 color: #268bd2 !important
1913}
1914
1915.pre-code .nv,
1916html .gist .gist-file .gist-syntax .highlight pre .nv,
1917.highlight code .nv {
1918 color: #268bd2 !important
1919}
1920
1921.pre-code .mf,
1922html .gist .gist-file .gist-syntax .highlight pre .mf,
1923.highlight code .mf {
1924 color: #2aa198 !important
1925}
1926
1927.pre-code .m,
1928html .gist .gist-file .gist-syntax .highlight pre .m,
1929.highlight code .m {
1930 color: #2aa198 !important
1931}
1932
1933.pre-code .mh,
1934html .gist .gist-file .gist-syntax .highlight pre .mh,
1935.highlight code .mh {
1936 color: #2aa198 !important
1937}
1938
1939.pre-code .mi,
1940html .gist .gist-file .gist-syntax .highlight pre .mi,
1941.highlight code .mi {
1942 color: #2aa198 !important
1943}
1944
1945.pre-code .s,
1946html .gist .gist-file .gist-syntax .highlight pre .s,
1947.highlight code .s {
1948 color: #2aa198 !important
1949}
1950
1951.pre-code .sd,
1952html .gist .gist-file .gist-syntax .highlight pre .sd,
1953.highlight code .sd {
1954 color: #2aa198 !important
1955}
1956
1957.pre-code .s2,
1958html .gist .gist-file .gist-syntax .highlight pre .s2,
1959.highlight code .s2 {
1960 color: #2aa198 !important
1961}
1962
1963.pre-code .se,
1964html .gist .gist-file .gist-syntax .highlight pre .se,
1965.highlight code .se {
1966 color: #dc322f !important
1967}
1968
1969.pre-code .si,
1970html .gist .gist-file .gist-syntax .highlight pre .si,
1971.highlight code .si {
1972 color: #268bd2 !important
1973}
1974
1975.pre-code .sr,
1976html .gist .gist-file .gist-syntax .highlight pre .sr,
1977.highlight code .sr {
1978 color: #2aa198 !important
1979}
1980
1981.pre-code .s1,
1982html .gist .gist-file .gist-syntax .highlight pre .s1,
1983.highlight code .s1 {
1984 color: #2aa198 !important
1985}
1986
1987.pre-code div .gd,
1988html .gist .gist-file .gist-syntax .highlight pre div .gd,
1989.highlight code div .gd,
1990.pre-code div .gd .x,
1991html .gist .gist-file .gist-syntax .highlight pre div .gd .x,
1992.highlight code div .gd .x,
1993.pre-code div .gi,
1994html .gist .gist-file .gist-syntax .highlight pre div .gi,
1995.highlight code div .gi,
1996.pre-code div .gi .x,
1997html .gist .gist-file .gist-syntax .highlight pre div .gi .x,
1998.highlight code div .gi .x {
1999 display: inline-block;
2000 width: 100%
2001}
2002
2003.highlight,
2004.gist-highlight {
2005 margin-bottom: 1.8em;
2006 background: #002b36;
2007 overflow-y: hidden;
2008 overflow-x: auto
2009}
2010
2011.highlight pre,
2012.gist-highlight pre {
2013 background: none;
2014 -webkit-border-radius: 0px;
2015 -moz-border-radius: 0px;
2016 -ms-border-radius: 0px;
2017 -o-border-radius: 0px;
2018 border-radius: 0px;
2019 border: none;
2020 padding: 0;
2021 margin-bottom: 0
2022}
2023
2024pre::-webkit-scrollbar,
2025.highlight::-webkit-scrollbar,
2026.gist-highlight::-webkit-scrollbar {
2027 height: .5em;
2028 background: rgba(255, 255, 255, 0.15)
2029}
2030
2031pre::-webkit-scrollbar-thumb:horizontal,
2032.highlight::-webkit-scrollbar-thumb:horizontal,
2033.gist-highlight::-webkit-scrollbar-thumb:horizontal {
2034 background: rgba(255, 255, 255, 0.2);
2035 -webkit-border-radius: 4px;
2036 border-radius: 4px
2037}
2038
2039.highlight code {
2040 background: #000
2041}
2042
2043figure.code {
2044 background: none;
2045 padding: 0;
2046 border: 0;
2047 margin-bottom: 1.5em
2048}
2049
2050figure.code pre {
2051 margin-bottom: 0
2052}
2053
2054figure.code figcaption {
2055 position: relative
2056}
2057
2058figure.code .highlight {
2059 margin-bottom: 0
2060}
2061
2062.code-title,
2063html .gist .gist-file .gist-meta a[href*='#file'],
2064h3.filename,
2065figure.code figcaption {
2066 text-align: center;
2067 font-size: 13px;
2068 line-height: 2em;
2069 text-shadow: #cbcccc 0 1px 0;
2070 color: #474747;
2071 font-weight: normal;
2072 margin-bottom: 0;
2073 -moz-border-radius-topleft: 5px;
2074 -webkit-border-top-left-radius: 5px;
2075 border-top-left-radius: 5px;
2076 -moz-border-radius-topright: 5px;
2077 -webkit-border-top-right-radius: 5px;
2078 border-top-right-radius: 5px;
2079 font-family: "Helvetica Neue", Arial, "Lucida Grande", "Lucida Sans Unicode", Lucida, sans-serif;
2080 background: #aaa url('/images/code_bg.png?1415633084') top repeat-x;
2081 border: 1px solid #565656;
2082 border-top-color: #cbcbcb;
2083 border-left-color: #a5a5a5;
2084 border-right-color: #a5a5a5;
2085 border-bottom: 0
2086}
2087
2088.download-source,
2089html .gist .gist-file .gist-meta a[href*=raw],
2090figure.code figcaption a {
2091 position: absolute;
2092 right: .8em;
2093 text-decoration: none;
2094 color: #666 !important;
2095 z-index: 1;
2096 font-size: 13px;
2097 text-shadow: #cbcccc 0 1px 0;
2098 padding-left: 3em
2099}
2100
2101.download-source:hover,
2102html .gist .gist-file .gist-meta a[href*=raw]:hover,
2103figure.code figcaption a:hover {
2104 text-decoration: underline
2105}
2106
2107#archive #content>div,
2108#archive #content>div>article {
2109 padding-top: 0
2110}
2111
2112#blog-archives {
2113 color: #aaa
2114}
2115
2116#blog-archives article {
2117 padding: 1em 0 1em;
2118 position: relative;
2119 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVQIHWNIS0sr/v//PwMMDzY+ADqMahlW4J91AAAAAElFTkSuQmCC') bottom left repeat-x
2120}
2121
2122#blog-archives article:last-child {
2123 background: none
2124}
2125
2126#blog-archives article footer {
2127 padding: 0;
2128 margin: 0
2129}
2130
2131#blog-archives h1 {
2132 color: #222;
2133 margin-bottom: .3em
2134}
2135
2136#blog-archives h2 {
2137 display: none
2138}
2139
2140#blog-archives h1 {
2141 font-size: 1.5em
2142}
2143
2144#blog-archives h1 a {
2145 text-decoration: none;
2146 color: inherit;
2147 font-weight: normal;
2148 display: inline-block
2149}
2150
2151#blog-archives h1 a:hover {
2152 text-decoration: underline
2153}
2154
2155#blog-archives h1 a:hover {
2156 color: #0181eb
2157}
2158
2159#blog-archives a.category,
2160#blog-archives time {
2161 color: #aaa
2162}
2163
2164#blog-archives .entry-content {
2165 display: none
2166}
2167
2168#blog-archives time {
2169 font-size: .9em;
2170 line-height: 1.2em
2171}
2172
2173#blog-archives time .month,
2174#blog-archives time .day {
2175 display: inline-block
2176}
2177
2178#blog-archives time .month {
2179 text-transform: uppercase
2180}
2181
2182#blog-archives p {
2183 margin-bottom: 1em
2184}
2185
2186#blog-archives a,
2187#blog-archives .entry-content a {
2188 color: inherit
2189}
2190
2191#blog-archives a:hover,
2192#blog-archives .entry-content a:hover {
2193 color: #0181eb
2194}
2195
2196#blog-archives a:hover {
2197 color: #0181eb
2198}
2199
2200@media only screen and (min-width: 550px) {
2201 #blog-archives article {
2202 margin-left: 5em
2203 }
2204
2205 #blog-archives h2 {
2206 margin-bottom: .3em;
2207 font-weight: normal;
2208 display: inline-block;
2209 position: relative;
2210 top: -1px;
2211 float: left
2212 }
2213
2214 #blog-archives h2:first-child {
2215 padding-top: .75em
2216 }
2217
2218 #blog-archives time {
2219 position: absolute;
2220 text-align: right;
2221 left: 0em;
2222 top: 1.8em
2223 }
2224
2225 #blog-archives .year {
2226 display: none
2227 }
2228
2229 #blog-archives article {
2230 padding-left: 4.5em;
2231 padding-bottom: .7em
2232 }
2233
2234 #blog-archives a.category {
2235 line-height: 1.1em
2236 }
2237}
2238
2239#content>.category article {
2240 margin-left: 0;
2241 padding-left: 6.8em
2242}
2243
2244#content>.category .year {
2245 display: inline
2246}
2247
2248.side-shadow-border,
2249aside.sidebar section h1,
2250aside.sidebar li {
2251 -webkit-box-shadow: #fff 0 1px;
2252 -moz-box-shadow: #fff 0 1px;
2253 box-shadow: #fff 0 1px
2254}
2255
2256aside.sidebar {
2257 overflow: hidden;
2258 color: #4b4b4b;
2259 text-shadow: #fff 0 1px
2260}
2261
2262aside.sidebar section {
2263 font-size: .8em;
2264 line-height: 1.4em;
2265 margin-bottom: 1.5em
2266}
2267
2268aside.sidebar section h1 {
2269 margin: 1.5em 0 0;
2270 padding-bottom: .2em;
2271 border-bottom: 1px solid #e0e0e0
2272}
2273
2274aside.sidebar section h1+p {
2275 padding-top: .4em
2276}
2277
2278aside.sidebar img {
2279 -webkit-border-radius: 0.3em;
2280 -moz-border-radius: 0.3em;
2281 -ms-border-radius: 0.3em;
2282 -o-border-radius: 0.3em;
2283 border-radius: 0.3em;
2284 -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
2285 -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
2286 box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
2287 -webkit-box-sizing: border-box;
2288 -moz-box-sizing: border-box;
2289 box-sizing: border-box;
2290 border: #fff 0.3em solid
2291}
2292
2293aside.sidebar ul {
2294 margin-bottom: 0.5em;
2295 margin-left: 0
2296}
2297
2298aside.sidebar li {
2299 list-style: none;
2300 padding: .5em 0;
2301 margin: 0;
2302 border-bottom: 1px solid #e0e0e0
2303}
2304
2305aside.sidebar li p:last-child {
2306 margin-bottom: 0
2307}
2308
2309aside.sidebar a {
2310 color: inherit;
2311 -webkit-transition: color 0.5s;
2312 -moz-transition: color 0.5s;
2313 -o-transition: color 0.5s;
2314 transition: color 0.5s
2315}
2316
2317aside.sidebar:hover a {
2318 color: #1863a1
2319}
2320
2321aside.sidebar:hover a:hover {
2322 color: #0181eb
2323}
2324
2325.aside-alt-link,
2326#pinboard_linkroll .pin-tag {
2327 color: #7e7e7e
2328}
2329
2330.aside-alt-link:hover,
2331#pinboard_linkroll .pin-tag:hover {
2332 color: #0181eb
2333}
2334
2335@media only screen and (min-width: 768px) {
2336 .toggle-sidebar {
2337 outline: none;
2338 position: absolute;
2339 right: -10px;
2340 top: 0;
2341 bottom: 0;
2342 display: inline-block;
2343 text-decoration: none;
2344 color: #cecece;
2345 width: 9px;
2346 cursor: pointer
2347 }
2348
2349 .toggle-sidebar:hover {
2350 background: #e9e9e9;
2351 background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(224, 224, 224, 0.5)), color-stop(100%, rgba(224, 224, 224, 0)));
2352 background: -webkit-linear-gradient(left, rgba(224, 224, 224, 0.5), rgba(224, 224, 224, 0));
2353 background: -moz-linear-gradient(left, rgba(224, 224, 224, 0.5), rgba(224, 224, 224, 0));
2354 background: -o-linear-gradient(left, rgba(224, 224, 224, 0.5), rgba(224, 224, 224, 0));
2355 background: linear-gradient(left, rgba(224, 224, 224, 0.5), rgba(224, 224, 224, 0))
2356 }
2357
2358 .toggle-sidebar:after {
2359 position: absolute;
2360 right: -11px;
2361 top: 0;
2362 width: 20px;
2363 font-size: 1.2em;
2364 line-height: 1.1em;
2365 padding-bottom: .15em;
2366 -moz-border-radius-bottomright: 0.3em;
2367 -webkit-border-bottom-right-radius: 0.3em;
2368 border-bottom-right-radius: 0.3em;
2369 text-align: center;
2370 background: #f8f8f8 url('noise.png?1415633084') top left;
2371 border-bottom: 1px solid #e0e0e0;
2372 border-right: 1px solid #e0e0e0;
2373 content: "\00BB";
2374 text-indent: -1px
2375 }
2376
2377 .collapse-sidebar .toggle-sidebar {
2378 text-indent: 0px;
2379 right: -20px;
2380 width: 19px
2381 }
2382
2383 .collapse-sidebar .toggle-sidebar:hover {
2384 background: #e9e9e9
2385 }
2386
2387 .collapse-sidebar .toggle-sidebar:after {
2388 border-left: 1px solid #e0e0e0;
2389 text-shadow: #fff 0 1px;
2390 content: "\00AB";
2391 left: 0px;
2392 right: 0;
2393 text-align: center;
2394 text-indent: 0;
2395 border: 0;
2396 border-right-width: 0;
2397 background: none
2398 }
2399}
2400
2401.googleplus h1 {
2402 -moz-box-shadow: none !important;
2403 -webkit-box-shadow: none !important;
2404 -o-box-shadow: none !important;
2405 box-shadow: none !important;
2406 border-bottom: 0px none !important
2407}
2408
2409.googleplus a {
2410 text-decoration: none;
2411 white-space: normal !important;
2412 line-height: 32px
2413}
2414
2415.googleplus a img {
2416 float: left;
2417 margin-right: 0.5em;
2418 border: 0 none
2419}
2420
2421.googleplus-hidden {
2422 position: absolute;
2423 top: -1000em;
2424 left: -1000em
2425}
2426
2427#pinboard_linkroll .pin-title,
2428#pinboard_linkroll .pin-description {
2429 display: block;
2430 margin-bottom: .5em
2431}
2432
2433#pinboard_linkroll .pin-tag {
2434 text-decoration: none
2435}
2436
2437#pinboard_linkroll .pin-tag:hover {
2438 text-decoration: underline
2439}
2440
2441#pinboard_linkroll .pin-tag:after {
2442 content: ','
2443}
2444
2445#pinboard_linkroll .pin-tag:last-child:after {
2446 content: ''
2447}
2448
2449.delicious-posts a.delicious-link {
2450 margin-bottom: .5em;
2451 display: block
2452}
2453
2454.delicious-posts p {
2455 font-size: 1em
2456}
2457
2458body>footer {
2459 font-size: .8em;
2460 color: #888;
2461 text-shadow: #d9d9d9 0 1px;
2462 background-color: #ccc;
2463 background: url('noise.png?1415633084'), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e0e0), color-stop(50%, #cccccc), color-stop(100%, #b0b0b0));
2464 background: url('noise.png?1415633084'), -webkit-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
2465 background: url('noise.png?1415633084'), -moz-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
2466 background: url('noise.png?1415633084'), -o-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
2467 background: url('noise.png?1415633084'), linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
2468 border-top: 1px solid #f2f2f2;
2469 position: relative;
2470 padding-top: 1em;
2471 padding-bottom: 1em;
2472 margin-bottom: 3em;
2473 -moz-border-radius-bottomleft: 0.4em;
2474 -webkit-border-bottom-left-radius: 0.4em;
2475 border-bottom-left-radius: 0.4em;
2476 -moz-border-radius-bottomright: 0.4em;
2477 -webkit-border-bottom-right-radius: 0.4em;
2478 border-bottom-right-radius: 0.4em;
2479 z-index: 1
2480}
2481
2482body>footer a {
2483 color: #6b6b6b
2484}
2485
2486body>footer a:visited {
2487 color: #6b6b6b
2488}
2489
2490body>footer a:hover {
2491 color: #484848
2492}
2493
2494body>footer p:last-child {
2495 margin-bottom: 0
2496}
2497
2498html {
2499 background: #252525 url('inflicted.png?1415633084') top left
2500}
2501
2502a.external-link:after {
2503 content: " \27A6"
2504}
2505
2506body>header {
2507 background: none
2508}
2509
2510#content {
2511 background-image: url(/images/grey.png)
2512}
2513
2514body {
2515 zoom: 0.9
2516}
2517
2518.sharing,
2519#disqus_thread {
2520 zoom: 1.11111
2521}
2522
2523div.sharing {
2524 margin: .8em 0
2525}
2526
2527.permalink {
2528 background: #ebebeb;
2529 display: inline-block;
2530 padding: .4em .8em;
2531 margin-right: .5em;
2532 text-decoration: none;
2533 color: #666;
2534 -webkit-transition: background-color 0.5s;
2535 -moz-transition: background-color 0.5s;
2536 -o-transition: background-color 0.5s;
2537 transition: background-color 0.5s
2538}
2539
2540.permalink:visited {
2541 color: #666
2542}
2543
2544.permalink:hover {
2545 background: #0181eb;
2546 text-shadow: none;
2547 color: #f8f8f8
2548}
2549
2550.coderwall h1 {
2551 position: relative
2552}
2553
2554.coderwall h1 img {
2555 border: none;
2556 bottom: .3em;
2557 position: absolute;
2558 right: 0
2559}
2560
2561section.aboutme iframe {
2562 display: block;
2563 margin: 0 auto
2564}
2565
2566section.aboutme img {
2567 display: block;
2568 margin: 20px auto 0
2569}
2570
2571section.aboutme .name {
2572 font-family: "vallimedium"
2573}
2574
2575.gist .line-data {
2576 width: 100%
2577}
2578
2579article table {
2580 margin-bottom: 1em
2581}
2582
2583article table td {
2584 padding: 0 10px
2585}
2586
2587article table th {
2588 padding: 0 10px
2589}
2590
2591.img_right img {
2592 float: right;
2593 margin: 0 0 10px 15px
2594}
2595
2596.img_left img {
2597 float: left;
2598 margin: 0 15px 10px 0
2599}
2600
2601.img_center img {
2602 display: block;
2603 margin: 0 auto
2604}
2605
2606@font-face {
2607 font-family: 'vallimedium';
2608 src: url("valli_3-webfont.eot");
2609 src: url("valli_3-webfont.eot?#iefix") format("embedded-opentype"), url("valli_3-webfont.woff") format("woff"), url("valli_3-webfont.ttf") format("truetype"), url("valli_3-webfont.svg#vallimedium") format("svg");
2610 font-weight: normal;
2611 font-style: normal
2612}
2613
2614body>header h1,
2615body>header h2 {
2616 font-family: "vallimedium"
2617}
2618
2619.line-pre {
2620 font-size: 13px !important;
2621 line-height: 1.45em !important
2622}
2623
2624.gutter {
2625 padding: 0
2626}
2627
2628.code table {
2629 margin-bottom: 0
2630}
2631
2632html .gist .gist-file .gist-meta {
2633 text-shadow: none
2634}
2635
2636html .gist .gist-file .gist-meta a[href*='#file'] {
2637 right: 0
2638}
2639
2640a code {
2641 color: #1863a1
2642}
2643
2644.footnotes {
2645 padding-top: 0.8em;
2646 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVQIHWNIS0sr/v//PwMMDzY+ADqMahlW4J91AAAAAElFTkSuQmCC") top left repeat-x;
2647 font-size: 0.8em
2648}
2649
2650.footnotes p {
2651 margin-bottom: 0.2em
2652}
2653
2654.footnotes a[rel=reference] {
2655 padding-left: 3px;
2656 text-decoration: none
2657}
2658
2659#cv {
2660 font-size: 17px;
2661 position: relative
2662}
2663
2664#cv a {
2665 text-decoration: none
2666}
2667
2668#cv a:visited {
2669 color: #1863a1
2670}
2671
2672#cv a:first-of-type,
2673#cv a:hover {
2674 color: #0181eb
2675}
2676
2677#cv b {
2678 font-weight: bold
2679}
2680
2681#cv .cv-download {
2682 position: absolute;
2683 right: 0;
2684 bottom: 0;
2685 padding: 10px;
2686 background: #f2f2f2 url("noise.png?1359196381") top left;
2687 border-radius: 5px 0 0 0;
2688 font-size: 16px
2689}
2690
2691.reset-zoom {
2692 zoom: 1.11111111111111111111111111111111111111111
2693}
2694
2695article hr {
2696 padding-top: 0.8em;
2697 background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVQIHWNIS0sr/v//PwMMDzY+ADqMahlW4J91AAAAAElFTkSuQmCC") top left repeat-x;
2698 border: none;
2699 margin-bottom: 0.3em
2700}
2701
2702.entry-content .short figure.code {
2703 height: 400px;
2704 overflow: scroll
2705}
2706
2707div.heartbleed {
2708 position: absolute;
2709 top: 55px;
2710 font-size: 1em;
2711 color: #f2f2f2;
2712 font-weight: normal;
2713 font-family: vallimedium;
2714 right: 130px;
2715 width: 250px
2716}
2717
2718img.heartbleed {
2719 position: absolute;
2720 right: 400px;
2721 width: 100px;
2722 top: 30px
2723}
2724
2725@media only screen and (max-width: 991px) {
2726 img.heartbleed {
2727 width: 70px
2728 }
2729
2730 div.heartbleed {
2731 right: 30px;
2732 width: 350px
2733 }
2734}
2735
2736@media only screen and (max-width: 650px) {
2737 img.heartbleed {
2738 display: none
2739 }
2740
2741 div.heartbleed {
2742 display: none
2743 }
2744}