'responsive design' fuer Seitennavi: versuch eins

diff --git a/theme/common.css b/theme/common.css
index 6d5aa795fbfdd3a4df454dcc6b6eee41e83e089d..5a16ed52f4c695c9fe2bd6ba56fdcbb3434a9d83 100644 (file)
--- a/theme/common.css
+++ b/theme/common.css
@@ -11,7 +11,7 @@ body {
        font-size: 10px;
        line-height: normal;
        margin: 0;
-       padding: 12px 0;
+       padding: 0px 0;
        word-wrap: break-word;
        -webkit-print-color-adjust: exact;
 }
@@ -134,7 +134,7 @@ a:hover     { text-decoration: underline; }
        border-radius: 8px;
        margin: 0 auto;
        min-width: 625px;
-       padding: 7px;
+       padding: 0px 7px 0px 7px;
 }
 
 @media only screen and (max-width: 1220px), only screen and (max-device-width: 1220px) {
@@ -143,30 +143,46 @@ a:hover   { text-decoration: underline; }
        }
 }
 
-
+/* *************** */
 /* TODO: evtl breite anders berechnen, sieht auf 1366x768 ok aus, woanders evtl probleme */
+
 .page-body {
                    margin: 4px 0;
                        clear: both;
                        float:right;
-               /*    margin-left: 160px;
-                   margin-right: 16px;
-               padding-left: 15px;     */
-width:85%;
 }
 
-
 .debianforumde-sidebar {
                margin-top:4px;
                margin-left:8px;
            width: 150px;
-               left: 15px;
-               position: absolute;
-               top: 160px;
-float:left;
-}  
+               float:left;
+}
+
+@media only screen and (min-width: 680px) {
+       .page-body {
+                   margin: 4px 0;
+                       clear: both;
+                       float:right;
+                   /* margin-left: 160px;
+                   margin-right: 16px;
+               padding-left: 15px;     */
+            width:85%;
+       }
+
+       .debianforumde-sidebar {
+                       margin-top:4px;
+                       margin-left:8px;
+                       width: 150px;
+                       left: 15px;
+                       position: absolute;
+                       top: 140px;
+                       float:left;
+       }  
+}
 
 
+/* *************** */
 .page-footer {
        clear: both;
 }