Include subtype information in generated docs.

utils/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 18 matching lines @@
   font: 600 16px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',
       sans-serif;
 }
 
 p {
   font-size: 16px;
   line-height: 22px;
   margin: 22px 0;
 }
 
+h3 + p {
+  /* Text immediately following a subheader should be snug with it. */
+  margin-top: 0;
+}
+
 strong {
   font-weight: 700;
 }
 
 pre, code {
   font: 14px/22px Menlo, Monaco, Consolas, Courier, monospace;
   color: hsl(220, 20%, 30%);
   background: hsl(220, 20%, 95%);
   margin: 22px 0;
   padding: 0 4px;
@@ skipping 85 matching lines @@
   margin: 0 -21px;
   padding: 11px 22px;
 
   /* Using http://www.colorzilla.com/gradient-editor/ */
   background: -moz-linear-gradient(top, hsla(0,0%,0%,0.05) 0%, hsla(0,0%,0%,0) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0,0%,0%,0.05)), color-stop(100%,hsla(0,0%,0%,0)));
   background: -webkit-linear-gradient(top, hsla(0,0%,0%,0.05) 0%,hsla(0,0%,0%,0) 100%);
   background: -o-linear-gradient(top, hsla(0,0%,0%,0.05) 0%,hsla(0,0%,0%,0) 100%);
   background: -ms-linear-gradient(top, hsla(0,0%,0%,0.05) 0%,hsla(0,0%,0%,0) 100%);
   background: linear-gradient(top, hsla(0,0%,0%,0.05) 0%,hsla(0,0%,0%,0) 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d000000', endColorstr='#00000000',GradientType=0);
 }
 
-.nav li {
+ul.icon {
+  margin: 0 0 22px 0;
+  padding: 0;
+}
+
+ul.icon li {
   font: 600 13px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',
       sans-serif;
   list-style-type: none;
   white-space: nowrap;
 }
 
-.nav ul {
-  margin: 0 0 22px 0;
-  padding: 0;
+/* Indent nested lists. */
+ul.icon ul {
+  margin-left: 22px;
 }
 
 .icon-class,
 .icon-exception,
 .icon-interface {
   display: inline-block;
   width: 14px;
   height: 14px;
   margin: 5px 10px 0 2px;
   vertical-align: top;
 }
 
 .icon-class     { background: url('class.png');     }
 .icon-exception { background: url('exception.png'); }
 .icon-interface { background: url('interface.png'); }
 
 .icon-library {
   background: url('library.png');
   width: 16px;
   height: 14px;
   display: inline-block;
   margin: 4px 8px 0 0;
   vertical-align: top;
 }
 
+.type-box {
+  display: inline-block;
+  font: 600 13px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',
+      sans-serif;
+  background: #f4f4f4;
+  padding: 0 6px 0 3px;
+  border-radius: 4px;
+}
+
+.type-box .icon-class,
+.type-box .icon-exception,
+.type-box .icon-interface {
+  /* Make a little snugger with the text. */
+  margin-right: 5px;
+}
+
 .content {
   margin-left: 308px; /* 14 x 22 */
   padding: 22px 22px;
 }
 
 .clear {
   clear: both;
 }
 
 .footer {
   max-width: 956px; /* 1000 - 22 - 22 */
   text-align: center;
   margin: 22px auto;
   color: #888;
 }
 
 .footer p {
   font: 400 13px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',
       sans-serif;
 }
 
 .method .doc,
 .field .doc {
   padding-left: 44px;
 }
 
 .param {
-  font: 600 14px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',
+  font: 600 14px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',
       sans-serif;
 }
 
 .crossref {
-  font: 600 15px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',
+  font: 600 15px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',
       sans-serif;
 }
 
 .doc h1 {
   font: 700 17px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',
       sans-serif;
   color: #666;
 }
 
 .doc h2 {
@@ skipping 110 matching lines @@
 }
 
 p {
   border-left: solid 4px purple;
 }
 
 section {
   border-left: solid 4px gray;
 }
 */