diff --git a/main.css b/main.css index 4956b3d..7c4baf0 100644 --- a/main.css +++ b/main.css @@ -1,10 +1,10 @@ html,body{height:100%} -html{font-size:14px} +html{font-size:15px} header{position:relative} header hr{display:none} body{ -max-width:54rem; -margin:.2rem;padding:0 .62rem; +max-width:768px; +padding:0 1rem; font:1.2rem/1.62 sans-serif;color:#444; display:-webkit-flex;display:-ms-flexbox;display:flex; flex-direction:column} @@ -30,19 +30,21 @@ li>ul{margin-left:1em} .tag{ font-size:.8rem;vertical-align:middle; -padding:.2rem;border-radius:.33rem; -background:#777;color:#FFF} +padding:.2rem .5rem;border-radius:.33rem; +border:1px solid #9CF} pre{ -background:#EEE;padding:12px; +background:#EEE;padding:1rem; white-space:pre-wrap;overflow-x:auto; -border:1px solid #DDD} +border:1px solid #DDD;border-radius:6px} .page-nav{ float:right; padding:14px;border:1px solid; margin:1.4rem;margin-right:auto} footer p{margin:0} -table{text-align:left;width:100%;border-collapse:collapse} +table{text-align:left;width:100%; +border-collapse:collapse; +margin:24px 0} td,th{border:1px solid #CCC;padding:9px 6px} th{padding:12px} thead tr{background:#FFF} @@ -91,5 +93,6 @@ transition:transform 300ms cubic-bezier(.4,1,.5,1)} tbody tr:nth-child(odd){background:#222} tbody tr:hover{background:#333} pre{background:#333;color:#EEE;border-color:#555} + .tag{border-color:#359} }