prevent left/right floating inside floated containers

[shellwiki] / themes / default.css

diff --git a/themes/default.css b/themes/default.css
index 3ab96e627de06976058aee56a8d03ed2e2d40aa8..450810476b65931322727a3b5e34530ff2b0e1aa 100644 (file)
--- a/themes/default.css
+++ b/themes/default.css
@@ -123,14 +123,17 @@ main > form#deletepage input#delsub:checked + label + ul li.delsub {
 
 main code {
   padding: .125em .25em;
-  background-color: #CCC;
+  background-color: #EEE;
 }
 main pre {
   padding: .5em .5em;
-  background-color: #CCC;
+  background-color: #EEE;
   max-width: 100%;
   overflow-x: auto;
 }
+main pre > code {
+  padding: 0;
+}
 
 li.task > input[type=checkbox][disabled],
 li.task > p > input[type=checkbox][disabled] {
@@ -155,6 +158,9 @@ li.task.unsure:before   { content: '?  '    ; color: #880; font-weight: bold; pa
 h1 { text-align: center; }
 .center { text-align: center; }
 
+form.newpage, form.search {
+  margin-bottom: 1em;
+}
 form.search { text-align: center; }
 input.search {
   min-width: 50%;
@@ -162,12 +168,17 @@ input.search {
   max-width: calc(100%  - 2.5em);
 }
 ul.searchresults, ol.searchresults {
-  margin-top: 1em;
   margin-left: auto; margin-right: auto;
   width: 100%; max-width: 540pt;
   text-align: center;
 }
 
+table {
+  min-width: 50%;
+  margin-left: auto;
+  margin-right: auto;
+}
+
 @media(min-width: 540pt) {
   .half {
     display: inline-block;
@@ -177,14 +188,23 @@ ul.searchresults, ol.searchresults {
   }
   .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;
@@ -194,6 +214,9 @@ ul.searchresults, ol.searchresults {
   .right > section:first-child > :first-child {
     margin-top: 0;
   }
+  .left table, .right table, .half table {
+    width: 100%;
+  }
 
   .left  input.search,
   .right input.search {