Integrate MDN content into API documentation.

utils/apidoc/static/apidoc-styles.css

+
+.mdn {
+  border: solid 1px hsl(10, 80%, 90%);
+  border-radius: 4px;
+  font-size: 16px;
+  line-height: 22px;
+  margin: 22px 0;
+  padding: 21px 21px 0 21px;
+}
+
+/* Try to massage the MDN content a bit to look nicer. This makes sure we don't
+   double pad the insides of the box. */
+.mdn > *:first-child {
+  margin-top: 0;
+}
+
+.mdn > *:last-child {
+  margin-bottom: 0;
+}
+
+.mdn .note {
+  background: hsl(220, 80%, 93%);
+  font: 400 14px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',
+      sans-serif;
+  color: hsl(220, 40%, 40%);
+  border-radius: 4px;
+  padding: 11px;
+}
+
+.mdn .warning {
+  background: hsl(40, 80%, 90%);
+  font: 400 14px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',
+      sans-serif;
+  color: hsl(40, 40%, 30%);
+  border-radius: 4px;
+  padding: 11px;
+}
+
+.mdn h6 {
+  font: 600 14px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',
+      sans-serif;
+  color: #999;
+  margin: 22px 0 0 0;
+}
+
+/* End MDN massage. */
+
+.mdn-note {
+  font: 600 11px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',
+      sans-serif;
+  color: hsl(10, 60%, 80%);
+  text-align: right;
+  line-height: 21px; /* To absorb bottom border 1px. */
+  margin-right: -14px;
+}
+
+.mdn-note a {
+  color: hsl(10, 60%, 80%);
+}
+
+.mdn-note a:hover {
+  color: hsl(10, 60%, 60%);
+}
+
+.mdn-attribution {
+  background: hsl(10, 80%, 95%);
+  border-radius: 4px;
+  font: 400 13px/22px 'Open Sans', 'Lucida Sans Unicode', 'Lucida Grande',
+      sans-serif;
+  color: hsl(10, 30%, 30%);
+  padding: 22px 22px 22px 75px;
+}
+
+.mdn-logo {
+  float: left;
+  margin-left: -53px;
+  /*padding-right: 11px;*/
+}
+
+.correspond {
+  font: italic 400 14px/22px 'Open Sans', 'Lucida Sans Unicode',
+      'Lucida Grande', sans-serif;
+  color: #666;
+}
+
+.correspond .crossref {
+  font: inherit;
+}