Add <body> padding to aid readability with narrow viewports. Other minor edits

This commit is contained in:
necolas 2011-06-01 19:29:39 +01:00
parent 15e7c50efe
commit e9b53b36b4

View File

@ -1,4 +1,5 @@
html { html {
font-size: 100%;
overflow-y: scroll; overflow-y: scroll;
-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
@ -7,7 +8,7 @@ html {
body { body {
max-width: 480px; max-width: 480px;
padding: 0 0 40px; padding: 0 10px;
margin: 0 auto; margin: 0 auto;
font: 1em/1.4 Calibri, sans-serif; font: 1em/1.4 Calibri, sans-serif;
color: #222; color: #222;
@ -49,7 +50,7 @@ pre {
display: block; display: block;
padding: 5px; padding: 5px;
margin: 1em 0; margin: 1em 0;
font-family: consolas, monospace, monospace; font-family: consolas, monospace;
font-size: 1em; font-size: 1em;
color: #fff; color: #fff;
background: #222; background: #222;
@ -69,7 +70,7 @@ li {
} }
h1 { h1 {
margin: 0.5em 0; margin: 0.25em 0 0.5em;
font-size: 3.5em; font-size: 3.5em;
} }
@ -145,7 +146,7 @@ p {
} }
.footer { .footer {
padding: 10px 0 0; padding: 10px 0;
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
margin: 3em 0 0; margin: 3em 0 0;
font-size: 0.8125em; font-size: 0.8125em;