better look&feel for iphone

yappo · Feb 13, 2011 · 3828417 · 3828417
1 parent abfaa2b
commit 3828417
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 7 deletions.
diff --git a/htdocs/static/css/main.css b/htdocs/static/css/main.css
@@ -452,17 +452,16 @@ body {
 
 /* media queries for iPhone */
 @media screen and (max-device-width: 480px) {
-  body {
-    margin: 1.5em; }
-
   #Container {
     width: 100%;
     line-height: 1.5em;
     word-wrap: break-word; }
 
-  #content .about {
-    font-size: normal;
-    margin-bottom: 20px; }
+  #content {
+    margin-left: 2px; }
+    #content .about {
+      font-size: normal;
+      margin-bottom: 20px; }
 
   pre {
     overflow: auto; }
@@ -479,5 +478,10 @@ body {
   .IndexModuleContent .fresh {
     display: block; }
 
+  .PodPage .PodInfo {
+    display: none; }
+  .PodPage .PodBody {
+    clear: both; }
+
   h1, h2, h3, h4, h5, h6 {
     font-size: 110%; } }
diff --git a/htdocs/static/css/main.scss b/htdocs/static/css/main.scss
@@ -2,6 +2,22 @@
 @import "typography";
 @import "../prettify/prettify.css";
 
+@mixin clearfix {
+  zoom: 1;
+
+  &:before,
+  &:after {
+    display: block; 
+    height: 0; 
+    visibility: hidden; 
+    content: "\0020"; 
+  }
+
+  &:after {
+    clear: both;
+  }
+}
+
 /* ----------------------------------------------- */
 /* sites css                                       */
 /* ----------------------------------------------- */
@@ -199,13 +215,13 @@ body {
 
 /* media queries for iPhone */
 @media screen and (max-device-width: 480px) {
-    body { margin: 1.5em; }
     #Container {
         width: 100%;
         line-height: 1.5em;
         word-wrap:break-word;
     }
     #content {
+        margin-left: 2px;
         .about { font-size: normal; margin-bottom: 20px; }
     }
     pre { overflow:auto; }
@@ -219,6 +235,14 @@ body {
         .old   { display: block; }
         .fresh { display: block; }
     }
+    .PodPage {
+        .PodInfo {
+            display: none;
+        }
+        .PodBody {
+            clear: both;
+        }
+    }
     h1, h2, h3, h4, h5, h6 {
         font-size: 110%;
     }