1 html, body, div, span, object, iframe,
2 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
3 a, abbr, acronym, address, big, cite, code,
4 del, dfn, em, img, ins, kbd, q, s, samp,
5 small, strike, strong, sub, sup, tt, var,
8 fieldset, form, label, legend,
9 table, caption, tbody, tfoot, thead, tr, th, td,
10 article, aside, canvas, details, embed,
11 figure, figcaption, footer, header, hgroup,
12 menu, nav, output, ruby, section, summary,
19 vertical-align: baseline;
31 border-collapse: collapse;
38 vertical-align: middle;
44 q:before, q:after, blockquote:before, blockquote:after {
53 article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
76 aside.sidebar a:focus {
79 aside.sidebar a:hover {
82 aside.sidebar a:active {
87 -webkit-transition: color 0.3s;
88 -moz-transition: color 0.3s;
89 -o-transition: color 0.3s;
90 transition: color 0.3s;
94 background: #252525 url('/img/line-tile.png') top left;
98 background: #f2f2f2 url('/img/noise.png') top left;
99 border-bottom: 1px solid #bfbfbf;
102 background: #f8f8f8 url('/img/noise.png') top left;
103 border-right: 1px solid #e0e0e0;
106 .heading, body > header h1, h1, h2, h3, h4, h5, h6 {
107 font-family: "PT Serif", "Georgia", "Helvetica Neue", Arial, sans-serif;
110 .sans, body > header h2, article header p.meta, article > footer, #content .blog-index footer, html aside.sidebar section, body > footer {
111 font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif;
114 .serif, body, #content .blog-index a[rel=full-article] {
115 font-family: "PT Serif", Georgia, Times, "Times New Roman", serif;
118 .mono, pre, code, tt, p code, li code {
119 font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace;
124 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
127 margin-bottom: 0.6667em;
131 font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
160 @media only screen and (min-width: 992px) {
170 h1, h2, h3, h4, h5, h6 {
171 text-rendering: optimizelegibility;
180 h3, section h2, section section h1 {
184 h4, section h3, section section h2, section section section h1 {
188 h5, section h4, section section h3 {
192 h6, section h5, section section h4, section section section h3 {
196 p, article blockquote, ul, ol {
197 margin-bottom: 1.5em;
201 list-style-type: disc;
204 list-style-type: circle;
208 list-style-type: square;
213 list-style-type: decimal;
216 list-style-type: lower-alpha;
220 list-style-type: lower-roman;
224 ul, ul ul, ul ol, ol, ol ul, ol ol {
228 ul ul, ul ol, ol ul, ol ol {
243 display: inline-block;
281 text-decoration: line-through;
285 border-bottom: 1px dotted;
290 margin-bottom: 0.2em;
307 border-left: 4px solid rgba(170, 170, 170, 0.5);
309 article blockquote cite {
312 article blockquote cite a {
313 color: #aaaaaa !important;
314 word-wrap: break-word;
316 article blockquote cite:before {
322 @media only screen and (min-width: 992px) {
325 border-left-width: 4px;
329 .pullquote-right:before,
330 .pullquote-left:before {
335 content: attr(data-pullquote);
336 /* Pull out to the right, modular scale based margins. */
339 margin: .5em 0 1em 1.5em;
340 /* Baseline correction */
347 .pullquote-left:before {
348 /* Make left pullquotes align properly. */
350 margin: .5em 1.5em 1em 0;
353 /* @extend this to force long lines of continuous text to wrap */
354 .force-wrap, article a, aside.sidebar a {
355 white-space: -moz-pre-wrap;
356 white-space: -pre-wrap;
357 white-space: -o-pre-wrap;
358 white-space: pre-wrap;
359 word-wrap: break-word;
362 .group, body > header, body > nav, body > footer, body #content > article, body #content > div > article, body #content > div > section, body div.pagination, aside.sidebar, #content, .sidebar {
365 .group:after, body > header:after, body > nav:after, body > footer:after, body #content > article:after, body #content > div > section:after, body div.pagination:after, #content:after, .sidebar:after {
372 -webkit-text-size-adjust: none;
377 body > header, body > nav, body > footer, body #content > article, body #content > div > article, body #content > div > section {
381 @media only screen and (min-width: 480px) {
382 body > header, body > nav, body > footer, body #content > article, body #content > div > article, body #content > div > section {
387 @media only screen and (min-width: 768px) {
388 body > header, body > nav, body > footer, body #content > article, body #content > div > article, body #content > div > section {
393 @media only screen and (min-width: 992px) {
394 body > header, body > nav, body > footer, body #content > article, body #content > div > article, body #content > div > section {
399 body div.pagination {
403 @media only screen and (min-width: 480px) {
404 body div.pagination {
409 @media only screen and (min-width: 768px) {
410 body div.pagination {
415 @media only screen and (min-width: 992px) {
416 body div.pagination {
424 padding-bottom: 1.5em;
431 #content > div, #content > article {
438 background-color: #f7f7f7;
439 border-top: 1px solid #e0e0e0;
442 .flex-content, article img, aside.sidebar img {
447 .basic-alignment.left, article img.left, aside.sidebar img.left {
451 .basic-alignment.right, article img.right, aside.sidebar img.right {
455 .basic-alignment.center, article img.center, aside.sidebar img.center {
457 margin: 0 auto 1.5em;
459 .basic-alignment.left, article img.left, aside.sidebar img.left, .basic-alignment.right, article img.right, aside.sidebar img.right {
463 .toggle-sidebar, .no-sidebar .toggle-sidebar {
467 @media only screen and (min-width: 750px) {
468 body.sidebar-footer aside.sidebar {
474 background-color: #f7f7f7;
475 border-top: 1px solid #eaeaea;
477 body.sidebar-footer aside.sidebar section.odd, body.sidebar-footer aside.sidebar section.even {
481 body.sidebar-footer aside.sidebar section.odd {
484 body.sidebar-footer aside.sidebar section.even {
487 body.sidebar-footer aside.sidebar.thirds section {
491 body.sidebar-footer aside.sidebar.thirds section.first {
496 body.sidebar-footer #content {
499 body.sidebar-footer .toggle-sidebar {
503 @media only screen and (min-width: 550px) {
508 @media only screen and (min-width: 750px) {
515 background-color: #f7f7f7;
516 border-top: 1px solid #eaeaea;
518 aside.sidebar section.odd, aside.sidebar section.even {
522 aside.sidebar section.odd {
525 aside.sidebar section.even {
528 aside.sidebar.thirds section {
532 aside.sidebar.thirds section.first {
537 @media only screen and (min-width: 768px) {
539 -webkit-text-size-adjust: auto;
551 .no-sidebar #content {
555 .collapse-sidebar #content {
558 #content > div, #content > article {
560 padding-bottom: 17.5px;
566 padding: 0 15px 15px;
572 aside.sidebar section {
576 aside.sidebar section.odd, aside.sidebar section.even {
581 .collapse-sidebar aside.sidebar {
587 background-color: #f7f7f7;
588 border-top: 1px solid #eaeaea;
590 .collapse-sidebar aside.sidebar section.odd, .collapse-sidebar aside.sidebar section.even {
594 .collapse-sidebar aside.sidebar section.odd {
597 .collapse-sidebar aside.sidebar section.even {
600 .collapse-sidebar aside.sidebar.thirds section {
604 .collapse-sidebar aside.sidebar.thirds section.first {
609 @media only screen and (min-width: 992px) {
618 #content > div, #content > article {
620 padding-bottom: 27.5px;
625 padding: 1.2em 20px 20px;
627 .collapse-sidebar aside.sidebar {
632 @media only screen and (min-width: 768px) {
641 display: inline-block;
644 body > header h1 a, body > header h1 a:visited, body > header h1 a:hover {
646 text-decoration: none;
660 background-color: #cccccc;
661 background: url('/img/noise.png'), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e0e0), color-stop(50%, #cccccc), color-stop(100%, #b0b0b0));
662 background: url('/img/noise.png'), -webkit-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
663 background: url('/img/noise.png'), -moz-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
664 background: url('/img/noise.png'), -o-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
665 background: url('/img/noise.png'), linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
666 border-top: 1px solid #f2f2f2;
667 border-bottom: 1px solid #8c8c8c;
669 padding-bottom: .35em;
672 -webkit-background-clip: padding;
673 -moz-background-clip: padding;
674 background-clip: padding-box;
678 body > nav form .search {
679 padding: .3em .5em 0;
681 font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif;
684 -webkit-border-radius: 0.5em;
685 -moz-border-radius: 0.5em;
686 -ms-border-radius: 0.5em;
687 -o-border-radius: 0.5em;
688 border-radius: 0.5em;
689 -webkit-background-clip: padding;
690 -moz-background-clip: padding;
691 background-clip: padding-box;
692 -webkit-box-shadow: #d1d1d1 0 1px;
693 -moz-box-shadow: #d1d1d1 0 1px;
694 box-shadow: #d1d1d1 0 1px;
695 background-color: #f2f2f2;
696 border: 1px solid #b3b3b3;
699 body > nav form .search:focus {
701 border-color: #80b1df;
702 -webkit-box-shadow: #80b1df 0 0 4px, #80b1df 0 0 3px inset;
703 -moz-box-shadow: #80b1df 0 0 4px, #80b1df 0 0 3px inset;
704 box-shadow: #80b1df 0 0 4px, #80b1df 0 0 3px inset;
705 background-color: #fff;
708 body > nav fieldset[role=search] {
712 body > nav fieldset.mobile-nav {
716 body > nav fieldset.mobile-nav select {
719 border: 1px solid #888;
724 @media only screen and (min-width: 550px) {
739 list-style-image: none;
740 list-style-type: none;
748 body > nav ul li:first-child, body > nav ul li.first {
751 body > nav ul li:last-child {
754 body > nav ul li.last {
757 body > nav ul.subscription {
761 body > nav ul.subscription li:last-child a {
769 font-family: "PT Sans", "Helvetica Neue", Arial, sans-serif;
770 text-shadow: #ebebeb 0 1px;
772 text-decoration: none;
777 body > nav a:visited {
784 border-left: 1px solid #b0b0b0;
787 body > nav li + li a {
789 border-left: 1px solid #dedede;
797 body > nav form .search {
802 body > nav ul[data-subscription$=email] + form {
805 body > nav ul[data-subscription$=email] + form .search {
808 body > nav fieldset.mobile-nav {
811 body > nav fieldset[role=search] {
815 @media only screen and (min-width: 992px) {
819 body > nav ul[data-subscription$=email] + form {
824 .no-placeholder body > nav .search {
825 background: #f2f2f2 url('/img/search.png') 0.3em 0.25em no-repeat;
829 @media only screen and (min-width: 550px) {
830 .maskImage body > nav ul[data-subscription$=email] + form {
834 @media only screen and (min-width: 992px) {
835 .maskImage body > nav ul[data-subscription$=email] + form {
839 .maskImage ul.subscription {
843 .maskImage ul.subscription li, .maskImage ul.subscription a {
856 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVQIHWNIS0sr/v//PwMMDzY+ADqMahlW4J91AAAAAElFTkSuQmCC') bottom left repeat-x;
861 article header h1 a {
862 text-decoration: none;
864 article header h1 a:hover {
865 text-decoration: underline;
872 article header p.meta {
873 text-transform: uppercase;
877 @media only screen and (min-width: 768px) {
879 margin-bottom: 1.5em;
881 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVQIHWNIS0sr/v//PwMMDzY+ADqMahlW4J91AAAAAElFTkSuQmCC') bottom left repeat-x;
886 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVQIHWNIS0sr/v//PwMMDzY+ADqMahlW4J91AAAAAElFTkSuQmCC') top left repeat-x;
888 .entry-content article h2:first-child, article header + h2 {
891 article h2:first-child, article header + h2 {
898 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVQIHWNIS0sr/v//PwMMDzY+ADqMahlW4J91AAAAAElFTkSuQmCC') bottom left repeat-x;
904 -webkit-border-radius: 0.3em;
905 -moz-border-radius: 0.3em;
906 -ms-border-radius: 0.3em;
907 -o-border-radius: 0.3em;
908 border-radius: 0.3em;
909 -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
910 -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
911 box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
912 -webkit-box-sizing: border-box;
913 -moz-box-sizing: border-box;
914 box-sizing: border-box;
915 border: white 0.5em solid;
918 padding-bottom: 2.5em;
921 article > footer p.meta {
928 .blog-index article + article {
929 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVQIHWNIS0sr/v//PwMMDzY+ADqMahlW4J91AAAAAElFTkSuQmCC') top left repeat-x;
932 #content .blog-index {
936 #content .blog-index article {
939 #content .blog-index article header {
943 #content .blog-index article h1 {
946 #content .blog-index article h1 a {
949 #content .blog-index article h1 a:hover {
952 #content .blog-index footer {
956 .separator, article > footer .comments:before {
958 padding: 0 .4em 0 .2em;
959 display: inline-block;
962 #content div.pagination {
966 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVQIHWNIS0sr/v//PwMMDzY+ADqMahlW4J91AAAAAElFTkSuQmCC') top left repeat-x;
968 padding-bottom: 1.5em;
970 #content div.pagination a {
971 text-decoration: none;
974 #content div.pagination a.prev {
978 #content div.pagination a.next {
982 #content div.pagination a:hover {
985 #content div.pagination a[href*=archive]:before, #content div.pagination a[href*=archive]:after {
993 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAABCAYAAACsXeyTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVQIHWNIS0sr/v//PwMMDzY+ADqMahlW4J91AAAAAElFTkSuQmCC') top left repeat-x;
1001 border: 1px solid #05232b !important;
1003 .highlight table td.code, table td.code {
1007 .highlight .line-numbers, html .highlight .line_numbers {
1010 line-height: 1.45em;
1011 background: #073642 url('/img/noise.png') top left !important;
1012 border-right: 1px solid #00232c !important;
1013 -webkit-box-shadow: #083e4b -1px 0 inset;
1014 -moz-box-shadow: #083e4b -1px 0 inset;
1015 box-shadow: #083e4b -1px 0 inset;
1016 text-shadow: #021014 0 -1px;
1017 padding: .8em !important;
1018 -webkit-border-radius: 0;
1019 -moz-border-radius: 0;
1020 -ms-border-radius: 0;
1021 -o-border-radius: 0;
1024 .highlight .line-numbers span, html .highlight .line_numbers span {
1025 color: #586e75 !important;
1029 -webkit-box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
1030 -moz-box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
1031 box-shadow: rgba(0, 0, 0, 0.06) 0 0 10px;
1033 figure.code .highlight pre, .highlight pre, pre .highlight pre {
1034 -webkit-box-shadow: none;
1035 -moz-box-shadow: none;
1039 .highlight *::-moz-selection, figure.code .highlight *::-moz-selection {
1040 background: #386774;
1042 text-shadow: #002b36 0 1px;
1044 .highlight *::-webkit-selection, figure.code .highlight *::-webkit-selection {
1045 background: #386774;
1047 text-shadow: #002b36 0 1px;
1049 .highlight *::selection, figure.code .highlight *::selection {
1050 background: #386774;
1052 text-shadow: #002b36 0 1px;
1056 background: #002b36 url('/img/noise.png') top left;
1057 -webkit-border-radius: 0.4em;
1058 -moz-border-radius: 0.4em;
1059 -ms-border-radius: 0.4em;
1060 -o-border-radius: 0.4em;
1061 border-radius: 0.4em;
1062 border: 1px solid #05232b;
1063 line-height: 1.45em;
1065 margin-bottom: 2.1em;
1073 -moz-border-radius-topleft: 0px;
1074 -webkit-border-top-left-radius: 0px;
1075 border-top-left-radius: 0px;
1076 -moz-border-radius-topright: 0px;
1077 -webkit-border-top-right-radius: 0px;
1078 border-top-right-radius: 0px;
1082 display: inline-block;
1083 white-space: no-wrap;
1088 border: 1px solid #ddd;
1089 -webkit-border-radius: 0.4em;
1090 -moz-border-radius: 0.4em;
1091 -ms-border-radius: 0.4em;
1092 -o-border-radius: 0.4em;
1093 border-radius: 0.4em;
1097 p pre code, li pre code {
1098 font-size: 1em !important;
1103 .pre-code, html .highlight pre, .highlight code {
1104 font-family: Menlo, Monaco, "Andale Mono", "lucida console", "Courier New", monospace !important;
1110 line-height: 1.45em;
1111 background: #002b36 url('/img/noise.png') top left !important;
1112 color: #93a1a1 !important;
1114 .pre-code span, html .highlight pre span, .highlight code span {
1115 color: #93a1a1 !important;
1117 .pre-code span, html .highlight pre span, .highlight code span {
1118 font-style: normal !important;
1119 font-weight: normal !important;
1121 .pre-code .c, html .highlight pre .c, .highlight code .c {
1122 color: #586e75 !important;
1123 font-style: italic !important;
1125 .pre-code .cm, html .highlight pre .cm, .highlight code .cm {
1126 color: #586e75 !important;
1127 font-style: italic !important;
1129 .pre-code .cp, html .highlight pre .cp, .highlight code .cp {
1130 color: #586e75 !important;
1131 font-style: italic !important;
1133 .pre-code .c1, html .highlight pre .c1, .highlight code .c1 {
1134 color: #586e75 !important;
1135 font-style: italic !important;
1137 .pre-code .cs, html .highlight pre .cs, .highlight code .cs {
1138 color: #586e75 !important;
1139 font-weight: bold !important;
1140 font-style: italic !important;
1142 .pre-code .err, html .highlight pre .err, .highlight code .err {
1143 color: #dc322f !important;
1144 background: none !important;
1146 .pre-code .k, html .highlight pre .k, .highlight code .k {
1147 color: #cb4b16 !important;
1149 .pre-code .o, html .highlight pre .o, .highlight code .o {
1150 color: #93a1a1 !important;
1151 font-weight: bold !important;
1153 .pre-code .p, html .highlight pre .p, .highlight code .p {
1154 color: #93a1a1 !important;
1156 .pre-code .ow, html .highlight pre .ow, .highlight code .ow {
1157 color: #2aa198 !important;
1158 font-weight: bold !important;
1160 .pre-code .gd, html .highlight pre .gd, .highlight code .gd {
1161 color: #93a1a1 !important;
1162 background-color: #372c34 !important;
1163 display: inline-block;
1165 .pre-code .gd .x, html .highlight pre .gd .x, .highlight code .gd .x {
1166 color: #93a1a1 !important;
1167 background-color: #4d2d33 !important;
1168 display: inline-block;
1170 .pre-code .ge, html .highlight pre .ge, .highlight code .ge {
1171 color: #93a1a1 !important;
1172 font-style: italic !important;
1174 .pre-code .gh, html .highlight pre .gh, .highlight code .gh {
1175 color: #586e75 !important;
1177 .pre-code .gi, html .highlight pre .gi, .highlight code .gi {
1178 color: #93a1a1 !important;
1179 background-color: #1a412b !important;
1180 display: inline-block;
1182 .pre-code .gi .x, html .highlight pre .gi .x, .highlight code .gi .x {
1183 color: #93a1a1 !important;
1184 background-color: #355720 !important;
1185 display: inline-block;
1187 .pre-code .gs, html .highlight pre .gs, .highlight code .gs {
1188 color: #93a1a1 !important;
1189 font-weight: bold !important;
1191 .pre-code .gu, html .highlight pre .gu, .highlight code .gu {
1192 color: #6c71c4 !important;
1194 .pre-code .kc, html .highlight pre .kc, .highlight code .kc {
1195 color: #859900 !important;
1196 font-weight: bold !important;
1198 .pre-code .kd, html .highlight pre .kd, .highlight code .kd {
1199 color: #268bd2 !important;
1201 .pre-code .kp, html .highlight pre .kp, .highlight code .kp {
1202 color: #cb4b16 !important;
1203 font-weight: bold !important;
1205 .pre-code .kr, html .highlight pre .kr, .highlight code .kr {
1206 color: #d33682 !important;
1207 font-weight: bold !important;
1209 .pre-code .kt, html .highlight pre .kt, .highlight code .kt {
1210 color: #2aa198 !important;
1212 .pre-code .n, html .highlight pre .n, .highlight code .n {
1213 color: #268bd2 !important;
1215 .pre-code .na, html .highlight pre .na, .highlight code .na {
1216 color: #268bd2 !important;
1218 .pre-code .nb, html .highlight pre .nb, .highlight code .nb {
1219 color: #859900 !important;
1221 .pre-code .nc, html .highlight pre .nc, .highlight code .nc {
1222 color: #d33682 !important;
1224 .pre-code .no, html .highlight pre .no, .highlight code .no {
1225 color: #b58900 !important;
1227 .pre-code .nl, html .highlight pre .nl, .highlight code .nl {
1228 color: #859900 !important;
1230 .pre-code .ne, html .highlight pre .ne, .highlight code .ne {
1231 color: #268bd2 !important;
1232 font-weight: bold !important;
1234 .pre-code .nf, html .highlight pre .nf, .highlight code .nf {
1235 color: #268bd2 !important;
1236 font-weight: bold !important;
1238 .pre-code .nn, html .highlight pre .nn, .highlight code .nn {
1239 color: #b58900 !important;
1241 .pre-code .nt, html .highlight pre .nt, .highlight code .nt {
1242 color: #268bd2 !important;
1243 font-weight: bold !important;
1245 .pre-code .nx, html .highlight pre .nx, .highlight code .nx {
1246 color: #b58900 !important;
1248 .pre-code .vg, html .highlight pre .vg, .highlight code .vg {
1249 color: #268bd2 !important;
1251 .pre-code .vi, html .highlight pre .vi, .highlight code .vi {
1252 color: #268bd2 !important;
1254 .pre-code .nv, html .highlight pre .nv, .highlight code .nv {
1255 color: #268bd2 !important;
1257 .pre-code .mf, html .highlight pre .mf, .highlight code .mf {
1258 color: #2aa198 !important;
1260 .pre-code .m, html .highlight pre .m, .highlight code .m {
1261 color: #2aa198 !important;
1263 .pre-code .mh, html .highlight pre .mh, .highlight code .mh {
1264 color: #2aa198 !important;
1266 .pre-code .mi, html .highlight pre .mi, .highlight code .mi {
1267 color: #2aa198 !important;
1269 .pre-code .s, html .highlight pre .s, .highlight code .s {
1270 color: #2aa198 !important;
1272 .pre-code .sd, html .highlight pre .sd, .highlight code .sd {
1273 color: #2aa198 !important;
1275 .pre-code .s2, html .highlight pre .s2, .highlight code .s2 {
1276 color: #2aa198 !important;
1278 .pre-code .se, html .highlight pre .se, .highlight code .se {
1279 color: #dc322f !important;
1281 .pre-code .si, html .highlight pre .si, .highlight code .si {
1282 color: #268bd2 !important;
1284 .pre-code .sr, html .highlight pre .sr, .highlight code .sr {
1285 color: #2aa198 !important;
1287 .pre-code .s1, html .highlight pre .s1, .highlight code .s1 {
1288 color: #2aa198 !important;
1290 .pre-code div .gd, html .highlight pre div .gd, .highlight code div .gd, .pre-code div .gd .x, html .highlight pre div .gd .x, .highlight code div .gd .x, .pre-code div .gi, html .highlight pre div .gi, .highlight code div .gi, .pre-code div .gi .x, html .highlight pre div .gi .x, .highlight code div .gi .x {
1291 display: inline-block;
1296 margin-bottom: 1.8em;
1297 background: #002b36;
1303 -webkit-border-radius: 0px;
1304 -moz-border-radius: 0px;
1305 -ms-border-radius: 0px;
1306 -o-border-radius: 0px;
1313 pre::-webkit-scrollbar, .highlight::-webkit-scrollbar {
1315 background: rgba(255, 255, 255, 0.15);
1317 pre::-webkit-scrollbar-thumb:horizontal, .highlight::-webkit-scrollbar-thumb:horizontal {
1318 background: rgba(255, 255, 255, 0.2);
1319 -webkit-border-radius: 4px;
1331 margin-bottom: 1.5em;
1336 figure.code figcaption {
1339 figure.code .highlight {
1343 .code-title, html a[href*='#file'], h3.filename, figure.code figcaption {
1347 text-shadow: #cbcccc 0 1px 0;
1349 font-weight: normal;
1351 -moz-border-radius-topleft: 5px;
1352 -webkit-border-top-left-radius: 5px;
1353 border-top-left-radius: 5px;
1354 -moz-border-radius-topright: 5px;
1355 -webkit-border-top-right-radius: 5px;
1356 border-top-right-radius: 5px;
1357 font-family: "Helvetica Neue", Arial, "Lucida Grande", "Lucida Sans Unicode", Lucida, sans-serif;
1358 background: #aaaaaa url('/img/code_bg.png') top repeat-x;
1359 border: 1px solid #565656;
1360 border-top-color: #cbcbcb;
1361 border-left-color: #a5a5a5;
1362 border-right-color: #a5a5a5;
1366 .download-source, html a[href*=raw], figure.code figcaption a {
1369 text-decoration: none;
1370 color: #666 !important;
1373 text-shadow: #cbcccc 0 1px 0;
1376 .download-source:hover, html a[href*=raw]:hover, figure.code figcaption a:hover {
1377 text-decoration: underline;
1380 #archive #content > div, #archive #content > div > article {
1385 #content > .category article {
1387 padding-left: 6.8em;
1389 #content > .category .year {
1393 .side-shadow-border, aside.sidebar section h1, aside.sidebar li {
1394 -webkit-box-shadow: white 0 1px;
1395 -moz-box-shadow: white 0 1px;
1396 box-shadow: white 0 1px;
1402 text-shadow: white 0 1px;
1404 aside.sidebar section {
1407 margin-bottom: 1.5em;
1409 aside.sidebar section h1 {
1411 padding-bottom: .2em;
1412 border-bottom: 1px solid #e0e0e0;
1414 aside.sidebar section h1 + p {
1418 -webkit-border-radius: 0.3em;
1419 -moz-border-radius: 0.3em;
1420 -ms-border-radius: 0.3em;
1421 -o-border-radius: 0.3em;
1422 border-radius: 0.3em;
1423 -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
1424 -moz-box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
1425 box-shadow: rgba(0, 0, 0, 0.15) 0 1px 4px;
1426 -webkit-box-sizing: border-box;
1427 -moz-box-sizing: border-box;
1428 box-sizing: border-box;
1429 border: white 0.3em solid;
1432 margin-bottom: 0.5em;
1439 border-bottom: 1px solid #e0e0e0;
1441 aside.sidebar li p:last-child {
1446 -webkit-transition: color 0.5s;
1447 -moz-transition: color 0.5s;
1448 -o-transition: color 0.5s;
1449 transition: color 0.5s;
1450 text-decoration: none;
1452 aside.sidebar:hover a {
1455 aside.sidebar:hover a:hover {
1459 .aside-alt-link, #pinboard_linkroll .pin-tag {
1462 .aside-alt-link:hover, #pinboard_linkroll .pin-tag:hover {
1466 @media only screen and (min-width: 768px) {
1473 display: inline-block;
1474 text-decoration: none;
1479 .toggle-sidebar:hover {
1480 background: #e9e9e9;
1481 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)));
1482 background: -webkit-linear-gradient(left, rgba(224, 224, 224, 0.5), rgba(224, 224, 224, 0));
1483 background: -moz-linear-gradient(left, rgba(224, 224, 224, 0.5), rgba(224, 224, 224, 0));
1484 background: -o-linear-gradient(left, rgba(224, 224, 224, 0.5), rgba(224, 224, 224, 0));
1485 background: linear-gradient(left, rgba(224, 224, 224, 0.5), rgba(224, 224, 224, 0));
1487 .toggle-sidebar:after {
1494 padding-bottom: .15em;
1495 -moz-border-radius-bottomright: 0.3em;
1496 -webkit-border-bottom-right-radius: 0.3em;
1497 border-bottom-right-radius: 0.3em;
1499 background: #f8f8f8 url('/img/noise.png') top left;
1500 border-bottom: 1px solid #e0e0e0;
1501 border-right: 1px solid #e0e0e0;
1505 .collapse-sidebar .toggle-sidebar {
1510 .collapse-sidebar .toggle-sidebar:hover {
1511 background: #e9e9e9;
1513 .collapse-sidebar .toggle-sidebar:after {
1514 border-left: 1px solid #e0e0e0;
1515 text-shadow: #fff 0 1px;
1522 border-right-width: 0;
1530 text-shadow: #d9d9d9 0 1px;
1531 background-color: #cccccc;
1532 background: url('/img/noise.png'), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e0e0), color-stop(50%, #cccccc), color-stop(100%, #b0b0b0));
1533 background: url('/img/noise.png'), -webkit-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
1534 background: url('/img/noise.png'), -moz-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
1535 background: url('/img/noise.png'), -o-linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
1536 background: url('/img/noise.png'), linear-gradient(#e0e0e0, #cccccc, #b0b0b0);
1537 border-top: 1px solid #f2f2f2;
1540 padding-bottom: 1em;
1542 -moz-border-radius-bottomleft: 0.4em;
1543 -webkit-border-bottom-left-radius: 0.4em;
1544 border-bottom-left-radius: 0.4em;
1545 -moz-border-radius-bottomright: 0.4em;
1546 -webkit-border-bottom-right-radius: 0.4em;
1547 border-bottom-right-radius: 0.4em;
1553 body > footer a:visited {
1556 body > footer a:hover {
1559 body > footer p:last-child {
1563 /* OPENSSL WEBSITE ADDITIONS */
1565 /* newsflash table */
1566 tr:first-child { font-weight: bold; border-bottom: 1px solid black; }
1567 tr:nth-child(even) { background-color: #D9f0ff; }
1568 td.d { float: left; width: 20%; }
1569 td.t { float: right; width: 80%; }