2 files changed, 87 insertions, 14 deletions
diff --git a/askbot/media/style/style.css b/askbot/media/style/style.css
index 79bc422b..ea81746f 100644
--- a/askbot/media/style/style.css
+++ b/askbot/media/style/style.css
@@ -120,13 +120,9 @@ pre {
   font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace;
   font-size: 100%;
   margin-bottom: 10px;
-  /*overflow: auto;*/
-
   background-color: #F5F5F5;
   padding-left: 5px;
   padding-top: 5px;
-  /*width: 671px;*/
-
   padding-bottom: 20px ! ie7;
 }
 code {
@@ -1797,6 +1793,7 @@ ul#related-tags li {
   width: 100%;
 }
 .wmd-preview {
+  color: #525252;
   margin: 0;
   padding: 5px;
   background-color: #F5F5F5;
@@ -1819,9 +1816,16 @@ ul#related-tags li {
 .wmd-preview blockquote {
   background-color: #eee;
 }
-.wmd-preview IMG {
+.wmd-preview img {
   max-width: 600px;
 }
+.wmd-preview a {
+  color: #1b79bd;
+}
+.wmd-preview li {
+  margin-bottom: 7px;
+  font-size: 14px;
+}
 .defaultSkin table.mceLayout,
 .defaultSkin table.mceLayout tr.mceFirst td {
   border: none;
@@ -3748,14 +3752,6 @@ p.signup_p {
 .simple-subscribe-options input {
   display: inline;
 }
-/* a workaround to set link colors correctly */
-.wmd-preview a {
-  color: #1b79bd;
-}
-.wmd-preview li {
-  margin-bottom: 7px;
-  font-size: 14px;
-}
 .search-result-summary {
   font-weight: bold;
   font-size: 18px;
@@ -4146,3 +4142,39 @@ textarea.tipped-input {
   width: 515px;
   margin-bottom: 0px;
 }
+/* modifications for small screens */
+@media screen and (max-width: 960px) {
+  /* content margins touch viewport */
+}
+@media screen and (max-width: 480px) {
+  .content-wrapper {
+    width: 100%;
+  }
+  #ContentRight {
+    display: none;
+  }
+  #ContentLeft {
+    width: 100%;
+  }
+  #secondaryHeader #scopeWrapper {
+    display: none;
+  }
+  #askButton {
+    display: block;
+    float: none;
+    margin: auto;
+    margin-top: 5px;
+  }
+  .main-page h1,
+  .main-page .counts .views,
+  .main-page .counts .votes,
+  .main-page .rss,
+  .main-page .tabBar,
+  .main-page .tags,
+  .main-page .userinfo {
+    display: none;
+  }
+  .short-summary {
+    width: 100%;
+  }
+}
diff --git a/askbot/media/style/style.less b/askbot/media/style/style.less
index 828bf996..ed0e0572 100644
--- a/askbot/media/style/style.less
+++ b/askbot/media/style/style.less
@@ -404,7 +404,7 @@ body.user-messages {
        display:block;
        float:left;
     }
-    
+
     #homeButton:hover{
         .sprites(-6px-45,-36px);
     }
@@ -425,6 +425,7 @@ body.user-messages {
             line-height:55px;
             margin-left:16px
         }
+
         .on{
             background:url(../images/scopearrow.png) no-repeat center bottom;
         }
@@ -4003,3 +4004,43 @@ textarea.tipped-input {
     width: 515px;
     margin-bottom: 0px;
 }
+
+/* modifications for small screens */
+@media screen and (max-width: 960px) {/* content margins touch viewport */
+}
+@media screen and (max-width: 480px) {
+    .content-wrapper {
+        width: 100%;
+    }
+    #ContentRight {
+        display: none;
+    }
+    #ContentLeft {
+        width: 100%;
+    }
+    #secondaryHeader #scopeWrapper {
+        display: none;
+    }
+    #askButton {
+        display: block;
+        float: none;
+        margin: auto;
+        margin-top: 5px;
+    }
+    #homeButton {
+    }
+    .main-page {
+        h1,
+        .counts .views,
+        .counts .votes,
+        .rss,
+        .tabBar,
+        .tags,
+        .userinfo {
+            display: none;
+        }
+    }
+    .short-summary {
+        width: 100%;
+    }
+}