diff options
author | luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f <luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f> | 2010-09-30 00:05:00 +0000 |
---|---|---|
committer | luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f <luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f> | 2010-09-30 00:05:00 +0000 |
commit | 77b779dfd43386ab9a9f9aa5924df57fd6bcdb62 (patch) | |
tree | 783c326bb7afc9c6177bee7b3d35071a3b576313 | |
parent | e7657be41ced5ebb77e2f45e921bac129984ada6 (diff) |
added viewport scaling
-rw-r--r-- | media/css/base.css | 2 | ||||
-rw-r--r-- | media/sass/base.sass | 4 | ||||
-rw-r--r-- | templates/base.html | 1 |
3 files changed, 4 insertions, 3 deletions
diff --git a/media/css/base.css b/media/css/base.css index b98cb7c..8361bca 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: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%;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} diff --git a/media/sass/base.sass b/media/sass/base.sass index 9fbae36..1557617 100644 --- a/media/sass/base.sass +++ b/media/sass/base.sass @@ -1,7 +1,7 @@ @import _reset.sass @import _mixins.sass - +// grid = 988 with 9 cols at 92px plus 20px gutters (via http://gridulator.com/) // font-sizes: // base: 16px = 1em // 10px = .625em @@ -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 diff --git a/templates/base.html b/templates/base.html index 2ad4583..92e4427 100644 --- a/templates/base.html +++ b/templates/base.html @@ -10,6 +10,7 @@ <!--[if IE]> <script src="{{MEDIA_URL}}js/html5.js"></script> <![endif]--> + <meta name="viewport" content="initial-scale=1.0"> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" |