From: eggy Date: Thu, 6 Jul 2017 09:09:42 +0000 (+0200) Subject: 'responsive design' fuer Seitennavi: versuch eins X-Git-Url: https://git.aero2k.de/?a=commitdiff_plain;h=437e9563d2a621ee03bcd54f1cd9f2b0b9f48f2d;p=dfde-theme.git 'responsive design' fuer Seitennavi: versuch eins --- diff --git a/theme/common.css b/theme/common.css index 6d5aa79..5a16ed5 100644 --- 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; }