diff options
| author | luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f <luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f> | 2010-09-30 00:33:01 +0000 |
|---|---|---|
| committer | luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f <luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f> | 2010-09-30 00:33:01 +0000 |
| commit | 9da4e4921cea63c09039f5a93b55f1fc8f043fd9 (patch) | |
| tree | 2914aab4b2180daaf8434d71e36bfa8a55fa2209 /media | |
| parent | df6cf28b30470166774213102378ded5931bc975 (diff) | |
added viewport scaling
Diffstat (limited to 'media')
| -rw-r--r-- | media/css/base.css | 2 | ||||
| -rw-r--r-- | media/sass/base.sass | 6 |
2 files changed, 4 insertions, 4 deletions
diff --git a/media/css/base.css b/media/css/base.css index 5319c03..066523b 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%}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} +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:30em;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 20px;max-width:27.5em}}.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 525428d..bfce326 100644 --- a/media/sass/base.sass +++ b/media/sass/base.sass @@ -26,7 +26,7 @@ body position: relative padding: 0 //max-width: 61.75em /* 988px / 16px = 61.75em */ - max-width = 19.6875em /* 3 cols @ 92px + 20px gutter -- 315px / 16px = */ + max-width = 30em /* 3 cols @ 92px + 20px gutter -- 480px / 16px = */ background: white url('../img/988px-9col-92w-20gut.png') 552px 0 repeat-y @@ -95,8 +95,8 @@ footer @media (min-device-width:1024px) and (max-width:509px), (max-device-width:480px) and (orientation:portrait) body - margin: 0 10px - max-width = 20.9375em + margin: 0 20px + max-width = 27.5em .postpic, .post-image float: left |