* { margin: 0; padding: 0 } html { height: 100% } body { height: 100%; width: 40em; margin: 0 auto; font-family: Arial, Helvetica, sans-serif; font-size: 1.2em; line-height: 1.3em; color: #f8f8f2; background-color: #1b1d1e } .wrapper { min-height: 100% } .main { padding-top: 2em; padding-bottom: 1.2em } .posts, .post { width: 39em } .post { padding: 0.5em 0 } .post li { margin: 0 1em; text-align: justify } .page { width: 39em } .footer { position: relative; margin-top: -1.5em; height: 1.2em; clear: both } .footer ul { list-style: none; padding: 0 } .footer li { display: inline; padding: 0 0.5em } .footer li:first-child { padding: 0 } h1 { font-weight: bold; font-size: 1.5em; margin: 0.5em 0; line-height: initial } tt { font-family: 'Courier New', Courier, monospace; color: #a6e22e } p { hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; text-align: justify } blockquote { padding: 0 0 0 1em; border-left: 8px #75715e solid } dd { padding: 0.5em 1em; text-align: justify } p, table { margin: 1em 0 } pre { font-family: 'Courier New', Courier, monospace; overflow: visible; margin: 0.5em 0; width: 38em } hr { margin: 1em 0; border: 1px #75715e solid } a:link { color: #66d9ef } a:visited { color: #f92672 } table { border: 1px #f8f8f2 solid; border-collapse: collapse } table td, table th { padding: 0 0.1em } table.footnote { border: none; border-top: 1px #f8f8f2 solid; display: block; margin: 0.5em 0; padding-top: 1em } table.footnote ~ .footnote { border-top: none; padding-top: 0 } table.footnote td { padding: 0; padding-right: 0.5em } table.layout { margin: 1em 0; border-style: none } table.layout td { vertical-align: top; padding: 0 0.5em 0 0 } table.layout td .key { color: #75715e; font-weight: bold } .date, .category { font-family: 'Courier New', Courier, monospace; padding-bottom: 0.5em; padding-right: 0.5em; color: #75715e; display: block } #reverse { unicode-bidi: bidi-override; direction: rtl } .strike { text-decoration: line-through } @media (max-width: 800px) { body { width: 90% } .posts, .post { width: initial } .page { width: initial } pre { width: initial; overflow-x: scroll } }