custom.css in yard-0.9.0

- old
+ new
@@ -1,22 +1,71 @@
 #search_results h1 { margin-bottom: 0; }
 #search_results p { margin-top: 0; margin-bottom: 25px; }
 #search_results ul { list-style-position: inside; padding-left: 0; list-style: none; }
 #search_results ul li { padding: 7px 15px; font-size: 1.1em; }
 
-#search_frame { z-index: 9999; }
-
 form.search {
-  position: relative;
+  z-index: 8000;
+  position: absolute;
   color: #fff;
-  margin-top: 3px; padding: 7px; border: 1px solid #99f; width: 315px; background: #05a;
-  -moz-border-radius: 4px; -webkit-border-radius: 4px;
-  margin-bottom: 10px;
+  border: 1px solid #99f; width: 210px; background: #05a;
+  border-radius: 4px; border-top-left-radius: 0; border-top-right-radius: 0;
 }
-form.search input { margin-left: 5px; width: 250px; border: 1px solid #99f; -moz-border-radius: 3px; font-family: monospace; }
+form.search input {
+  height: 25px;
+  padding: 0;
+  padding-left: 4px;
+  margin: 4px;
+  margin-right: 0;
+  width: 202px;
+  border: 1px solid #99f;
+  border-radius: 3px;
+  font-size: 1.1em;
+  box-sizing: border-box;
+  -webkit-appearance: none;
+}
 
+@media (max-width: 920px) {
+  form.search {
+    position: absolute;
+    color: #fff;
+    width: 100%;
+    margin-top: 0;
+    background: #05a;
+    border-radius: 0;
+    border: 0;
+    margin-bottom: 10px;
+    left: 0;
+    top: 0;
+  }
+  form.search input {
+    margin-top: 9px;
+    margin-bottom: 11px;
+    margin-left: 12px;
+    padding-left: 6px;
+    border: 1px solid #eaf0ff;
+  }
+  #menu { margin-top: 41px; }
+  #search a {
+    border-top-left-radius: 3px; border-top-right-radius: 3px;
+    background: none;
+    border: 0;
+    box-shadow: none;
+    margin-top: 4px;
+    padding-bottom: 5px;
+    color: #eaf0ff; fill: #eaf0ff;
+  }
+  #search a.active {
+    background: #048; border: 0;
+  }
+}
+
+@media (min-width: 920px) {
+  form.search { right: 12px; top: 0; }
+}
+
 #menu { padding-top: 5px; }
-#content h1 { margin-top: 0; border-top: 0; }
+#content h1 { margin-top: 15px; border-top: 0; }
 
 #content.error { font-size: 1.2em; }
 #content.error p tt { font-size: 1.2em; }
 #content.error .note { padding: 12px; }
 