From 9da4e4921cea63c09039f5a93b55f1fc8f043fd9 Mon Sep 17 00:00:00 2001 From: "luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f" Date: Thu, 30 Sep 2010 00:33:01 +0000 Subject: added viewport scaling --- media/css/base.css | 2 +- media/sass/base.sass | 6 +++--- 2 files changed, 4 insertions(+), 4 deletions(-) (limited to 'media') 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 -- cgit v1.2.3-70-g09d2