/* because standards */ @viewport { width: device-width; } @-ms-viewport { width: device-width; } body { font-family: "Museo Sans", "museo-sans", sans-serif; font-size: 100%; color: #534741; line-height: 1.25; background: #F2EDE6; margin: 0; } @media (max-width: 600px) { body { font-size: 100%; } } /* force android webkit to use relative header size */ body h1 { font-family: "Museo", "museo", sans-serif; font-weight: 500; } p { hyphens: auto; -moz-hyphens: auto; word-wrap: break-word; } hr { border-color: #D3D3D3; } a { color: #6495ED; text-decoration: none; } code, pre { font-family: Monaco, Menlo, Consolas, monospace; font-size: 75%; } code { background: #FFFFE0; padding: 0px 0.2em; border-radius: 0.25em; } .code { padding: 0em 0.5em; border-radius: 0.25em; } .code pre { padding: 0.25em 0em; overflow-x: auto; } table { border-collapse: collapse; } td { padding: 0px 0.5em; } thead tr { font-weight: bold; border-bottom: solid 1px #808080; } .clearfix:after { content: " "; display: block; height: 0; clear: both; } .header { background: #F0E5D8; text-align: center; padding: 20px 0; } /* TODO: Fix this shit. */ .header h1 { /*float: left;*/ /*display: inline-block;*/ font-size: 1.75em; margin: 0.125em auto; text-transform: lowercase; font-weight: 300; } .header img { width: 128px; height: 128px; border: 2px solid #534741; border-radius: 50%; } .header > a { font-family: "Museo"; color: #534741; display: inline-block; border-bottom: 1px solid transparent; transition: all 0.4s; } .header > a:hover { text-decoration: none; border-bottom: 1px solid black; } .header .twitter { font-size: 1.25em; font-weight: 100; } .nav { float: right; display: inline-block; padding: 0px; margin: 0px; } .nav li { list-style: none; margin: 0.5em 0.2em; display: inline; font-size: 80%; } @media (max-width: 800px) { .header { /*margin: 1em 0px;*/ } .header > h1 { display: block; float: none; } .nav { display: block; float: none; } .nav li { display: block; font-size: 100%; } } .container { max-width: 800px; margin: 0 auto; } .footer { text-align: center; } .postbox { margin-top: 2em; font-size: 1.2em; line-height: 1.8; } .postbox img { max-width: 100%; } .postbox .title h1 a { color: #534741; border-bottom: 0px solid transparent; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; transition: all 0.2s; padding-bottom: 12px; } .postbox .title h1 a:hover { border-bottom: 2px solid #534741; padding-bottom: 0; } .postbox .title h1 small { float: right; font-size: 50%; font-weight: normal; color: #808080; } .pager { list-style: none; text-align: center; padding: 0px; } .pager li > a { display: inline-block; } .pager .previous a { float: left; } .pager .next a { float: right; }