catdog2/dfde-theme
1
0
Fork 0
mirror of http://aero2k.de/repos/dfde-theme.git synced 2017-09-06 15:25:40 +02:00
Code Issues Releases Activity

'responsive design' fuer Seitennavi: versuch eins

Browse Source
This commit is contained in:
eggy
2017-07-06 11:09:42 +02:00
parent 4812e04a76
commit 437e9563d2
1 changed files with 29 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
theme/common.css
View File

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