prevent left/right floating inside floated containers

[shellwiki] / themes / default.css

diff --git a/themes/default.css b/themes/default.css
index 1f4c9ead5e4e4575f4ec25a27f545298d8246631..450810476b65931322727a3b5e34530ff2b0e1aa 100644 (file)
--- a/themes/default.css
+++ b/themes/default.css
@@ -158,10 +158,10 @@ li.task.unsure:before   { content: '?  '    ; color: #880; font-weight: bold; pa
 h1 { text-align: center; }
 .center { text-align: center; }
 
-form.search {
-  text-align: center;
+form.newpage, form.search {
   margin-bottom: 1em;
 }
+form.search { text-align: center; }
 input.search {
   min-width: 50%;
   max-width: 80%;
@@ -188,14 +188,23 @@ table {
   }
   .right {
     float: right;
+    clear: both;
     width: 33%;
     margin: .25em 0 .5em 1em;
   }
   .left {
     float: left;
+    clear: both;
     width: 33%;
     margin: .25em 1em .5em 0;
   }
+  .left .left, .left .right,
+  .right .left, .right .right,
+  .half .left, .half .right {
+    float: none;
+    width: 100%;
+    margin: .25em 0 .5em 0;
+  }
   section.left  > :first-child,
   section.right > :first-child {
     float: none;