webapps.wiki: more css cleanup

diff --git a/extra/webapps/wiki/wiki-common.xml b/extra/webapps/wiki/wiki-common.xml
index af3a6ba6d0c04149be38557f6abb9b7ec1110da8..f8a1820ed696899ef32ca458a66ae6828f8a069d 100644 (file)
--- a/extra/webapps/wiki/wiki-common.xml
+++ b/extra/webapps/wiki/wiki-common.xml
@@ -8,8 +8,6 @@
 
        <t:style t:include="resource:extra/webapps/wiki/wiki.css" />
 
-    <div id="container">
-
     <div id="left">
 
         <t:if t:value="contents">
@@ -77,6 +75,4 @@
 
     <span style="display:none"></span>
 
-       </div>
-
 </t:chloe>

diff --git a/extra/webapps/wiki/wiki-contents.css b/extra/webapps/wiki/wiki-contents.css
index d354c937d1a1ef84b622f1db46b1962f158d8eda..3010a231ce48d42fec212c43000aa9cb94e50a3b 100644 (file)
--- a/extra/webapps/wiki/wiki-contents.css
+++ b/extra/webapps/wiki/wiki-contents.css
@@ -1,12 +1,14 @@
 #left {
     float: left;
     width: 200px;
+    z-index: 99;
     border-right: 1px solid #ccc;
     background: #f3f2ea;
 }
 
 #right {
     margin-left: 200px;
+    width: calc(100% - 200px);
 }
 
 nav img {
@@ -20,6 +22,12 @@ nav img {
     display: none;
 }
 
+.page nav {
+    position: relative;
+    width: calc(100vw - 200px);
+    left: 0;
+}
+
 @media screen and (max-width: 600px) {
     #left {
         position: absolute;
@@ -34,6 +42,10 @@ nav img {
     nav img {
         display: inline;
     }
+
+    .page nav {
+        width: 100vw;
+    }
 }
 
 

diff --git a/extra/webapps/wiki/wiki.css b/extra/webapps/wiki/wiki.css
index 81746b44fffe5eb8d06acda66119d5006f6de8c3..7a3429cb55903f14cd05e535f771f7b867852eba 100644 (file)
--- a/extra/webapps/wiki/wiki.css
+++ b/extra/webapps/wiki/wiki.css
@@ -1,16 +1,3 @@
-#container {
-    max-width: 1000px;
-}
-
-#left {
-    width: 0;
-    z-index: 99;
-}
-
-#right {
-    max-width: 800px;
-}
-
 .comparison th {
     border-width: 1px;
     border-color: #666;
@@ -70,6 +57,7 @@
     padding-left: 15px;
     padding-right: 15px;
     padding-bottom: 15px;
+    max-width: 800px;
 }
 
 .page nav {
@@ -123,7 +111,7 @@
     border-width: 1px 1px 0 0;
 }
 
-.footer {
+footer {
     padding-left: 15px;
     font-size: smaller;
 }