diff --git a/theme/common.css b/theme/common.css index 5a56989..b88cd80 100644 --- a/theme/common.css +++ b/theme/common.css @@ -148,38 +148,8 @@ a:hover { text-decoration: underline; } .page-body { margin: 4px 0; - clear: both; - 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-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; - } -} /* *************** */ diff --git a/theme/stylesheet.css b/theme/stylesheet.css index 12dec39..9d41d82 100644 --- a/theme/stylesheet.css +++ b/theme/stylesheet.css @@ -22,4 +22,66 @@ @import url("debianforum.css"); +#debianforum_outer { +} + +/* #debianforum_content { */ +#page-body { + flex: 1; +} +#debianforum_nav { +} + + + +.debianforumde-sidebar { + width: 150px; +} + +#debianforum-outer { + display: flex; + +} + +@media only screen and (min-width: 480px) { + .page-body { + /* margin-left: 160px; + margin-right: 16px; + padding-left: 15px; */ + flex:1; +} + + .debianforumde-sidebar { + width: 150px; + } + + +#debianforum_outer { + display: flex; +} + +/* #debianforum_content { */ +#page-body { + /* background-color: red; */ + flex: 1; +} +#debianforum_nav { + /* background-color: blue; */ +} + + + +.debianforumde-sidebar { + width: 150px; +} + +#debianforum-outer { + display: flex; + flex-direction: row-reverse; + +} + + + +}