Docserver: Fix the TOC rendering for API references by fixing the haphazard way

chrome/common/extensions/docs/static/css/site.css

 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 /*
  * Site-wide styles.
  */
 
 .hidden {
@@ skipping 135 matching lines @@
 }
 
 section {
   margin-top: 1em;
   padding-top: 1em;
 }
 section + section {
   border-top: 1px solid #F5F5F5;
 }
 
+/* Support a hack for the ::first-element rules below, which only apply if
+ * the element has a subset of displays, which include inline-block.
+ *
+ * Use the data-inline-block attribute rather than a class on the element
+ * because the templates may end up overriding the class attribute.
+ */
+[data-list-item] {
+  display: list-item;
+}
+
+.uncapitalize::first-letter {
+  text-transform: lowercase;
+}
+
+.capitalize::first-letter {
+  text-transform: uppercase;
+}
+
 #gc-container {
   height: auto;
   margin-top: 2em;
   margin: auto;
   max-width: 1160px;
   padding: 0 50px;
 }
 
 #gc-topnav {
   background-color: white;
@@ skipping 142 matching lines @@
 #gc-pagecontent {
   margin: 0 0 100px 250px;
 }
 
 #gc-pagecontent h1 {
   font-size: 320%;
   font-weight: normal;
   line-height: 130%;
 }
 
-#gc-pagecontent h2,
-#api-reference-header {
+#gc-pagecontent h2 {
   font-size: 170%;
   font-weight: normal;
+  line-height: 130%;
 }
 
-#api-reference-header {
-  font-weight: bold;
+#gc-pagecontent #api-reference-header {
+  font-size: 320%;
 }
 
 #gc-pagecontent h3 {
   font-size: 130%;
 }
 
 #gc-pagecontent h4 {
   font-size: 110%;
 }
 
@@ skipping 193 matching lines @@
   margin: 0;
   overflow: hidden;
   padding: 0;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 #toc a {
   color: black;
   line-height: 1.2em;
-  margin: 5px 0 5px 10px;
+  margin: 3px 0 3px 10px;
 }
 
 #toc li {
   margin: 0 10px 0 10px;
 }
 
 #toc .separator {
   border-top: 1px solid #e5e5e5;
   margin-top: 5px;
   padding-top: 5px;
@@ skipping 67 matching lines @@
 
 /*
  * API references.
  */
 
 h2#apiReference {
   font-size: 28pt;
 }
 
 .type_name,
-.variable,
 .property {
   font-style: italic;
 }
 
 .api_reference div.summary {
   background-color: #CADEF4;
   border: 1px solid #93B4D9;
   font-family: "Courier New", courier, monospace;
   margin-top: 1em;
   padding: 0.5em;
   text-indent: -1.5em;
 }
 
 .api_reference div.summary .line {
   padding-left: 1.5em;
   text-indent: -1.5em;
 }
 
-/* This style is used because types with functions prefix the function with the
- * type name, using a lowercase first letter. */
-.api_reference .uncapitalize:first-letter {
-  text-transform: lowercase;
-}
-
-.api_reference .capitalize:first-letter {
-  text-transform: uppercase;
-}
-
 .api_reference div.description {
   margin-left: 2em;
 }
 
 div.summary .subdued {
   color: #7594B8;
 }
 
 .optional {
   color: #7D7D7D;
@@ skipping 34 matching lines @@
   padding-left: 80px;
 }
 
 #samples-controls img.icon {
   position: absolute;
   width: 64px;
   height: 64px;
   left: 0;
   top: 40px;
 }