Make new page layout responsive; fix ticker

[blerg.git] / www / css / blerg.css

diff --git a/www/css/blerg.css b/www/css/blerg.css
index eb34757..9149194 100644 (file)
--- a/www/css/blerg.css
+++ b/www/css/blerg.css
@@ -295,7 +295,6 @@ h1, h2, h3 {
        display: table;
        margin: 0 auto;
        border-spacing: 10px;
-       height: 600px;
 }
 
 .latest h2 {
@@ -304,7 +303,7 @@ h1, h2, h3 {
 }
 
 .latest-scroller {
-       max-height: 600px;
+       height: 600px;
        padding: 12px;
        overflow-y: auto;
 }
@@ -338,15 +337,35 @@ h1, h2, h3 {
 }
 
 @media screen and (max-width: 1100px) {
-       .latest { display: block; }
+       .latest {
+               display: block;
+               margin-top: 15px;
+       }
        .latest-posts {
                display: block;
                width: auto;
                margin-right: 0;
                overflow: auto;
+       }
+       .latest-tags {
+               display: block;
+               width: auto;
+               margin-top: 10px;
+       }
+       .latest-tags .latest-scroller {
+               height: auto;
+       }
+}
+
+@media screen and (max-width: 800px) {
+       .latest-posts, .latest-tags {
+               border: none;
+               background-color: inherit;
+       }
+       .latest-scroller {
                height: auto;
+               padding: 0;
        }
-       .latest-tags { display: block; width: auto; }
 }
 
 .author {