make search fields type=search

[shellwiki] / themes / default.css

diff --git a/themes/default.css b/themes/default.css
index 3ab96e627de06976058aee56a8d03ed2e2d40aa8..e7d5091a088600cfba92110b369af6aaed44a833 100644 (file)
--- a/themes/default.css
+++ b/themes/default.css
@@ -107,6 +107,12 @@ main > form#deletepage input#delsub:checked + label + ul li.delsub {
   text-decoration: line-through;
 }
 
+main > form#movepage input,
+main > form#renamepage input {
+  min-width: 30em;
+  max-width: 100%;
+}
+
 [id$="/[revision]"] main .revisions,
 [id$="/[attachment]"] main > .attachment.list {
   margin: 1em;
@@ -123,14 +129,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,19 +164,27 @@ 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 {
+input.search, input[type="search"] {
   min-width: 50%;
   max-width: 80%;
   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 +194,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,9 +220,12 @@ 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 {
+  .left  input.search, .left  input[type="search"],
+  .right input.search, .right input[type="search"] {
     width: 80%;
     width: calc(100% - 2.5em);
   }