Rework API reference pages

chrome/common/extensions/docs/static/sass/_api.scss

Index: chrome/common/extensions/docs/static/sass/_api.scss
diff --git a/chrome/common/extensions/docs/static/sass/_api.scss b/chrome/common/extensions/docs/static/sass/_api.scss
new file mode 100644
index 0000000000000000000000000000000000000000..b09f7ba25acd7e0b31c03e6d0949ec8110d7dbf5
--- /dev/null
+++ b/chrome/common/extensions/docs/static/sass/_api.scss
@@ -0,0 +1,49 @@
+// Uses vertical_rythm library from
+// http://compass-style.org/reference/compass/typography/vertical_rhythm/
+// as explained in _typography.scss
+@import "compass/typography/vertical_rhythm";
+
+.api {
+  color: #333;
+  font-size: 14px;
+
+  .api-summary {
+    td, th {
+      padding: 5px 10px;
+    }
+  }
+
+  .api-reference {
+    .description {
+      margin-left: 20px;
+    }
+    table.innerTable {
+      margin: 10px 0;
+      td, th {
+        padding: 5px 10px;
+        border: 1px solid #eee;
+      }
+      th {
+        background: none;
+      }
+      p {
+        margin: 0;
+      }
+    }
+    td, th {
+      border: 1px solid #eee;
+    }
+    th {
+      background: #fafafa;
+    }
+    h2 {
+      background-color: darken($gray-light, 5%);
+      padding: $default-padding;
+      margin-left: $default-padding * -1;
+      margin-right: $default-padding * -1;
+    }
+    h3 {
+      margin-top: rhythm(2);
+    }
+  }
+}