'Find-as-you-type'-search in dartdoc/apidoc.

pkg/dartdoc/static/styles.css

 /* Reset */
 body, h1, h2, h3, h4, li, ol, p, pre, section, ul {
   margin: 0;
   padding: 0;
 }
 
 body {
   font-family: Georgia, serif;
   background: #e8e8e8;
   color: #333;
@@ skipping 81 matching lines @@
 .page {
   max-width: 1000px;
   background: #fff;
   margin: 0 auto 22px auto;
   border: solid 1px #ccc;
   border-top: none;
   box-shadow: 0 0 50px #888;
 
   background-image: url('content-bg.png');
   background-repeat: repeat-y;
+
+  position: relative;
 }
 
 .header {
   background: #333;
   background-image: url('header-bg.png');
   height: 44px;
   color: hsl(0, 0%, 50%);
   font: 400 15px/44px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',
       sans-serif;
 }
 
 .header .logo {
   background-image: url('dart-logo-small.png');
   width: 66px;
   height: 44px;
   float: left;
 }
 
 .header a {
   color: hsl(0, 0%, 80%);
 }
 
 .header a:hover {
   color: hsl(0, 0%, 100%);
 }
 
 .header #search-box {
   display: inline;
   float: right;
-  margin-right: 22px;
+  margin-right: 11px;
+}
+
+.search-input, .drop-down {
+  font: 400 13px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',
+      sans-serif;
+  width: 300px;
+}
+
+.drop-down {
+  visibility: hidden;
+  z-index: 1000;
+  position: absolute;
+  right: 10px;
+  top: 36px;
+  border: 1px #CCC solid;
+  background-color: white;
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+}

[Lasse Reichstein Nielsen, 2012/08/20 13:07:58]

empty lines between declarations.

[Johnni Winther, 2012/08/23 10:19:50]

Done.

+.drop-down-table {
+  width: 100%;
+}
+.drop-down-link-tr {
+  padding: 4px 0px;
+  cursor: pointer;
+}
+.drop-down-link-td {
+  border-bottom: 1px solid #EEE;
+}
+.drop-down-link-tr:hover {
+  background: #EEE;
+  color: #333;
+}
+.drop-down-link-select {
+  background: #15C;
+  color: white;
+}
+.drop-down-link-select:hover {
+  background: #2AF;
+  color: white;
+}
+.drop-down-link-kind, .drop-down-link-library {
+  font: 400 10px/10px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',
+      sans-serif;
+}
+.drop-down-link-library {
+  text-align: right;
+}
+.drop-down-link-highlight {
+  font-weight:bold;
 }
 
 .nav {
   float: left;
   width: 263px; /* 12 x 22px - 1 for border */
   padding: 0 22px;
   overflow: hidden;
   background: #f4f4f4;
   border-right: solid 1px #ccc;
 }
@@ skipping 233 matching lines @@
 }
 
 p {
   border-left: solid 4px purple;
 }
 
 section {
   border-left: solid 4px gray;
 }
 */