3 @import url("pygment.css");
20 font-family: 'Source Sans Pro', sans-serif;
29 background-color: #101010;
42 border-left: 1px solid #d6d6d6;
43 border-right: 1px dotted #D6D6D6;
44 padding: 0 20px 1em 20px;
50 border-right: 1px solid #d6d6d6;
51 padding: 0 20px 1em 20px;
55 border-top: 1px dotted #D6D6D6;
88 header .feeds a:hover,
89 header .feeds a:active {
107 h1, h2, h3, h4, h5, h6 {
108 font-family: "Source Sans Pro",sans-serif;
110 text-shadow: 0.1em 0.1em 0.1em #EFEFEF;
131 margin: 0.8em 0 0.5em;
135 text-decoration: none;
136 border-bottom: 1px dotted #4D4D4C;
141 text-decoration: none;
142 border-bottom: 1px dotted #C07095;
148 border: 1px solid #F0F0F0;
153 font-family: 'Source Code Pro',monospace;
154 background: none repeat scroll 0 0 #F0F0F0;
158 letter-spacing: 0.015em;
161 white-space: pre-wrap;
162 word-wrap: break-word;
167 box-shadow: 0.1em 0.1em 0.1em #EFEFEF;
179 article.summary > div {
184 article.full .metadata,
185 article.summary .metadata {
188 border: 1px dotted #EFEFEF;
189 box-shadow: 0.1em 0.1em 0.1em #EFEFEF;
194 article.full .metadata {
200 article.summary .metadata {
213 border-left: 10px solid #C07095;
238 list-style-type: none;
253 .social a[href*='twitter.com'] + i:before {content: url('../images/icons/twitter-18px.png'); }
254 .social a[href*='linkedin.com'] + i:before {content: url('../images/icons/linkedin-18px.png'); }
255 .social a[href*='github.com'] + i:before {content: url('../images/icons/github-18px.png'); }
256 .social a[href*='google.com'] + i:before {content: url('../images/icons/google-18px.png'); }
257 .social a[href*='delicious.com']:before {content: url('../images/icons/delicious-18px.png'); }
258 .social a[href*='digg.com']:before {content: url('../images/icons/digg-18px.png'); }
259 .social a[href*='facebook.com']:before {content: url('../images/icons/facebook-18px.png'); }
260 .social a[href*='stackoverflow.com']:before {content: url('../images/icons/stackoverfow-18px.png'); }
261 .social a[href*='rss.xml']:before {content: url('../images/icons/feed-18px.png'); }
262 .social a[href*='atom.xml']:before {content: url('../images/icons/feed-18px.png'); }
276 display: inline-block;
279 li.tag-1 { font-size: 175%; margin: 0 1em; }
280 li.tag-2 { font-size: 150%; margin: 0 1em; }
281 li.tag-3 { font-size: 125%; margin: 0 1em; }
282 li.tag-4 { font-size: 110%; margin: 0 1em; }
293 @media (min-width: 1280px) {
299 @media (max-width: 1280px) {
305 @media (max-width: 979px) {
339 ol.simple-footnotes {
348 background-color: #E5E5E5;
349 outline-style: solid;
350 outline-color: black;
360 margin: 0.25em 0 0.25em;
363 .dialogue-character-label {
365 font-variant: small-caps;
376 .comments-link-container {
381 // XXX—why isn't this working?!
382 // https://stackoverflow.com/questions/15643614/double-underline-tag
384 text-decoration: underline;
385 border-bottom: 3px double solid #000;
389 // Thanks to Said Achmiz for table-of-contents styling
392 max-width: calc(50% - 1.5em);
396 border: 1px dotted #d6d6d6;
399 list-style-type: none;
406 margin-bottom: 0.25em;
411 content: counter(list-item);
415 right: calc(100% + 0.5em);