use a right column on home page on bigger screens

[panikweb.git] / panikweb_templates / static / css / specifics.css

diff --git a/panikweb_templates/static/css/specifics.css b/panikweb_templates/static/css/specifics.css
index 60493a579f232ac77bebb68acf8499372d2cbdba..3c2cab131f831d2fa8a873a19dc77bbe6a71cd84 100644 (file)
--- a/panikweb_templates/static/css/specifics.css
+++ b/panikweb_templates/static/css/specifics.css
@@ -73,7 +73,7 @@
 
 @media screen and (min-width: 600px) {
        .wrapper.sided .leftPart,
-         .wrapper.sided .rightPart{
+       .wrapper.sided .rightPart{
                width:45%;
        }
        .wrapper.sided .leftPart{
@@ -82,6 +82,26 @@
        .wrapper.sided .rightPart{
                float:right;
        }
+
+       #Home .leftPart,
+       #Home .rightPart {
+               width: 100%;
+       }
+}
+
+
+@media screen and (min-width: 1280px) {
+       #Home .leftPart {
+               width: 60%;
+       }
+       #Home .rightPart {
+               width: 30%;
+       }
+       #recent-sounds ul.columns {
+               column-count: 1;
+               -webkit-column-count: 1;
+               -moz-column-count: 1;
+       }
 }