diff options
Diffstat (limited to 'media')
| -rw-r--r-- | media/css/base.css | 2 | ||||
| -rw-r--r-- | media/sass/base.sass | 18 |
2 files changed, 15 insertions, 5 deletions
diff --git a/media/css/base.css b/media/css/base.css index 8361bca..5319c03 100644 --- a/media/css/base.css +++ b/media/css/base.css @@ -1 +1 @@ -ol,ul,li,dl{list-style:none;margin:0;padding:0;border:0;outline:0;background:transparent}blockquote,q{quotes:none}:focus{outline:0}header,section,footer,aside,article,nav{display:block;text-align:left}html{height:100%;max-width:22.188em}body{font:normal 100% Hoefler Text, Georgia, Times New Roman, Times, serif;color:#201a11;margin:0 auto;min-height:100%;position:relative;padding:0;max-width:20.938em;background:#fff url("../img/988px-9col-92w-20gut.png") 217px 0 repeat-y}p{font-size:1.063em;line-height:1.5em}a{text-decoration:none;color:#201a11}a:hover{color:#b53a04}ul li{display:inline;margin:0 0.125em}.dateline,nav li,.breadcrumbs li{text-transform:uppercase;font-size:0.75em;letter-spacing:0.063em}img{border:10px #201a11 solid}#featured-image img{width:95%}h1{font:normal 1.875em Helvetica, Verdana, sans-serif;letter-spacing:0.5px;text-align:center}#archive article h1{font:normal 1.5em Helvetica, Verdana, sans-serif;letter-spacing:0.5px;text-align:center;text-transform:none}#archive h1{font-weight:700;font-size:0.75em;text-transform:uppercase;text-align:left}header{margin:0 auto 1em auto;text-align:center}nav{margin:0 auto 2em auto;text-align:center}nav:after,footer:before{content:".";display:block;height:0;clear:both;visibility:hidden}footer{margin-top:2em}footer p{font-size:0.625em;text-align:center} +ol,ul,li,dl{list-style:none;margin:0;padding:0;border:0;outline:0;background:transparent}blockquote,q{quotes:none}:focus{outline:0}header,section,footer,aside,article,nav{display:block;text-align:left}html{height:100%}body{font:normal 100% Hoefler Text, Georgia, Times New Roman, Times, serif;color:#201a11;margin:0 auto;min-height:100%;position:relative;padding:0;max-width:19.688em;background:#fff url("../img/988px-9col-92w-20gut.png") 552px 0 repeat-y}p{font-size:1.063em;line-height:1.5em}a{text-decoration:none;color:#201a11}a:hover{color:#b53a04}ul li{display:inline;margin:0 0.125em}.dateline,nav li,.breadcrumbs li{text-transform:uppercase;font-size:0.75em;letter-spacing:0.063em}img{border:10px #201a11 solid}#featured-image img{width:94%}h1{font:normal 1.875em Helvetica, Verdana, sans-serif;letter-spacing:0.5px;text-align:center}#archive article h1{font:normal 1.5em Helvetica, Verdana, sans-serif;letter-spacing:0.5px;text-align:center;text-transform:none}#archive h1{font-weight:700;font-size:0.75em;text-transform:uppercase;text-align:left}header{margin:0 auto 1em auto;text-align:center}nav{margin:0 auto 2em auto;text-align:center}nav:after,footer:before{content:".";display:block;height:0;clear:both;visibility:hidden}footer{margin-top:2em}footer p{font-size:0.625em;text-align:center}@media (min-device-width:1024px) and (max-width:509px), (max-device-width:480px) and (orientation:portrait){body{margin:0 10px;max-width:20.938em}}.postpic,.post-image{float:left;margin:0.625em 0.625em 0.625em 0;clear:right} diff --git a/media/sass/base.sass b/media/sass/base.sass index 1557617..525428d 100644 --- a/media/sass/base.sass +++ b/media/sass/base.sass @@ -17,7 +17,7 @@ html height: 100% - max-width = 22.1875em + body font: normal 100% unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif color: $brown @@ -26,8 +26,8 @@ body position: relative padding: 0 //max-width: 61.75em /* 988px / 16px = 61.75em */ - max-width = 20.9375em /* 3 cols @ 92px + 20px gutter -- 335px / 16px = */ - background: white url('../img/988px-9col-92w-20gut.png') 217px 0 repeat-y + max-width = 19.6875em /* 3 cols @ 92px + 20px gutter -- 315px / 16px = */ + background: white url('../img/988px-9col-92w-20gut.png') 552px 0 repeat-y /* ###################Typography############# */ @@ -54,7 +54,7 @@ img border: 10px $brown solid #featured-image img - width = 95% /* 315 / 520 */ + width = 94% /* 315 / 520 */ h1 font: normal 1.875em Helvetica, Verdana, sans-serif @@ -92,3 +92,13 @@ footer p font-size: .625em text-align: center + +@media (min-device-width:1024px) and (max-width:509px), (max-device-width:480px) and (orientation:portrait) + body + margin: 0 10px + max-width = 20.9375em + +.postpic, .post-image + float: left + margin: .625em .625em .625em 0 + clear: right |