Lots of style updates

This commit is contained in:
Barry Clark 2014-02-12 20:42:49 -05:00
parent 6c7ba1bc57
commit db4dceaba5
14 changed files with 194 additions and 77 deletions

View file

@ -285,25 +285,25 @@ html {
font-size: 100%; }
body {
max-width: 700px;
max-width: 680px;
margin: 0 auto;
background: white;
font: 18px/1.4 Helvetica, Arial, sans-serif;
color: #333333; }
h1, h2, h3, h4, h5, h6, .section > header {
h1, h2, h3, h4, h5, h6 {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
color: #222222;
font-weight: bold;
font-weight: 400;
line-height: 1.7;
margin: 2em 0 15px;
margin: 1em 0 15px;
padding: 0; }
h1 {
font-size: 2rem; }
font-size: 2.2rem; }
@media screen and (max-width: 520px) {
h1 {
font-size: 2rem; } }
font-size: 2.2rem; } }
h2 {
letter-spacing: 1px;
@ -340,6 +340,9 @@ ul {
padding-left: 30px;
list-style-type: disc; }
img {
max-width: 100%; }
::-moz-selection {
color: black;
background: #eeeeee; }
@ -348,9 +351,6 @@ ul {
color: black;
background: #eeeeee; }
header {
margin: 40px 0; }
.logo {
float: left; }
.logo a {
@ -360,6 +360,9 @@ header {
.logo a:hover, .logo a:active {
color: #4183c4; }
.avatar {
border-radius: 6px; }
nav {
float: right;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
@ -386,18 +389,17 @@ nav {
width: 100%;
text-align: center; } }
.post {
width: 680px; }
@media screen and (max-width: 520px) {
.post {
width: 100%; } }
.post blockquote {
border-left: 2px solid #666666;
font-size: 1.2em;
font-style: italic;
margin: 1.8em 0.8em;
padding: 0.1em 1em;
color: #666666; }
.posts > .post {
padding-bottom: 2em;
border-bottom: 1px solid #eeeeee; }
.post blockquote {
border-left: 2px solid #666666;
font-size: 1.2em;
font-style: italic;
margin: 1.8em 0.8em;
padding: 0.1em 1em;
color: #666666; }
footer {
padding: 1rem 0; }