- - - - -
diff --git a/css/basic.css b/css/basic.css
index 6164ae7..21f1e0b 100644
--- a/css/basic.css
+++ b/css/basic.css
@@ -45,6 +45,7 @@ h6 {
font-family: "Perfect DOS VGA 437", Constantia, Utopia, Lucidabright, Lucida, Georgia, "Nimbus Roman No9 L", serif;
font-weight: bold;
color: __text_neu__;
+ text-align: left;
background-color: inherit;
padding: 0;
line-height: 1.2;
diff --git a/css/mobile.css b/css/mobile.css
index e337f31..3a88e52 100644
--- a/css/mobile.css
+++ b/css/mobile.css
@@ -6,25 +6,18 @@
@media only screen and (max-width: 42em) {
-#dokuwiki__aside {
- width: 100%;
- float: none;
- margin-bottom: 1.4em;
+#dokuwiki__site .wrapper {
+ flex-direction: column;
+ gap: 1.4em;
}
-#dokuwiki__aside > .pad {
- margin: 0;
+
+#dokuwiki__aside {
+ width: auto;
+ flex: 0 0 auto;
}
.hasSidebar #dokuwiki__content {
- float: none;
- margin-left: 0;
- margin-right: 0;
-}
-.hasSidebar #dokuwiki__content > .pad {
- margin-left: 0;
-}
-[dir=rtl] .hasSidebar #dokuwiki__content > .pad {
- margin-right: 0;
+ margin: 0;
}
#dokuwiki__header .headings {
diff --git a/css/structure.css b/css/structure.css
index f82bb6e..a01cea5 100644
--- a/css/structure.css
+++ b/css/structure.css
@@ -16,8 +16,6 @@ body {
}
#dokuwiki__header {
-}
-#dokuwiki__header > .pad {
}
#dokuwiki__header .headings {
float: left;
@@ -37,45 +35,27 @@ body {
#dokuwiki__site .wrapper {
position: relative;
+ display: flex;
+ align-items: flex-start;
+ gap: 1.5em;
+}
+[dir=rtl] #dokuwiki__site .wrapper {
+ flex-direction: row-reverse;
}
- #dokuwiki__aside {
- width: __sidebar_width__;
- float: left;
- position: relative;
- display: block;
- }
- [dir=rtl] #dokuwiki__aside {
- float: right;
- }
- #dokuwiki__aside > .pad {
- margin: 0 1.5em 0 0;
- }
- [dir=rtl] #dokuwiki__aside > .pad {
- margin: 0 0 0 1.5em;
- }
+#dokuwiki__aside {
+ flex: 0 0 __sidebar_width__;
+ width: __sidebar_width__;
+ position: relative;
+ display: block;
+}
- /* make content wider when there's no sidebar */
- .hasSidebar #dokuwiki__content {
- float: right;
- margin-left: -__sidebar_width__;
- width: 100%;
- }
- [dir=rtl] .hasSidebar #dokuwiki__content {
- float: left;
- margin-left: 0;
- margin-right: -__sidebar_width__;
- }
- .hasSidebar #dokuwiki__content > .pad {
- margin-left: __sidebar_width__;
- }
- [dir=rtl] .hasSidebar #dokuwiki__content > .pad {
- margin-left: 0;
- margin-right: __sidebar_width__;
- }
+#dokuwiki__content {
+ flex: 1 1 auto;
+ min-width: 0;
+}
#dokuwiki__footer {
clear: both;
}
-#dokuwiki__footer > .pad {
-}
+
diff --git a/css/tuivision.css b/css/tuivision.css
index 8ced7c4..8b9d2b3 100644
--- a/css/tuivision.css
+++ b/css/tuivision.css
@@ -56,12 +56,8 @@ body.luxtools-tv .hasSidebar #dokuwiki__content {
width: auto;
}
-body.luxtools-tv .hasSidebar #dokuwiki__content > .pad {
- margin-left: 0;
-}
-
/* Let the page fieldset fill available vertical space */
-body.luxtools-tv #dokuwiki__content > .pad {
+body.luxtools-tv #dokuwiki__content {
display: flex;
flex-direction: column;
height: 100%;
@@ -217,7 +213,7 @@ body.luxtools-tv .luxtools__page-fieldset > * {
}
/* Avoid double spacing from DokuWiki pads */
-#dokuwiki__content > .pad {
+#dokuwiki__content {
padding-top: 0;
}
@@ -261,3 +257,7 @@ body.luxtools-tv .luxtools__page-fieldset > * {
.luxtools__hotkey {
margin-right: 4px;
}
+
+.tui-fieldset {
+ background-color: #0000a8;
+}
diff --git a/main.php b/main.php
index d17c4ea..1c027d7 100644
--- a/main.php
+++ b/main.php
@@ -99,7 +99,7 @@ $sidebarElement = tpl_getConf('sidebarIsNav') ? 'nav' : 'aside';
echo ($showSidebar) ? 'hasSidebar' : ''; ?>">
-
@@ -108,32 +108,32 @@ $sidebarElement = tpl_getConf('sidebarIsNav') ? 'nav' : 'aside';
-