Extension docs server: tweak CSS to make it look much more like the current

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

Index: chrome/common/extensions/docs/server2/static/css/site.css
diff --git a/chrome/common/extensions/docs/server2/static/css/site.css b/chrome/common/extensions/docs/server2/static/css/site.css
index 00add835892e49c2029c83fa82080294ef86ca35..ef5ccf2ccf3985d15543643b7161616a623f42bc 100644
--- a/chrome/common/extensions/docs/server2/static/css/site.css
+++ b/chrome/common/extensions/docs/server2/static/css/site.css
@@ -1,3 +1,8 @@
+/* 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.
+ */
+
 body {
   color: #333;
   font: 13px/22px 'Open Sans',arial,sans-serif;
@@ -38,7 +43,6 @@ p.warning {
 a, a:link {
   text-decoration: none;
   color: black;
-  font-weight: 600;
 }
 
 a:visited {
@@ -119,19 +123,6 @@ dd {
   font-weight: normal;
 }
 
-.hidden,
-.hidden *,
-#skipto,
-#skipto * {
-  position: relative;
-  top: -9999px;
-  left: -9999px;
-  height: 0;
-  width: 0;
-  overflow: hidden;
-  z-index: 3;
-}
-
 .displayModeWarning {
   background-color: #FF7735;
   color: white;
@@ -187,8 +178,7 @@ span.displayModeWarning {
   height: 45px;
   text-transform: uppercase;
   white-space: nowrap;
-  float: none;
-  display: inline;
+  display: inline-block;
   margin: 0;
   padding: 0;
 }
@@ -202,14 +192,7 @@ span.displayModeWarning {
 }
 
 #gc-topnav li a {
-  width: 108px;
-  height: 45px;
-  background: white;
-  border: 0 solid #39C;
-  display: inline-block;
-  z-index: 2;
   color: #333;
-  text-decoration: none;
 }
 
 #gc-topnav div {
@@ -249,13 +232,6 @@ span.displayModeWarning {
   top: 0em;
 }
 
-#gc-pagecontent h4 {
-  font-size: 110%;
-  margin: .7em 0 0 0;
-  position: relative;
-  top: .4em;
-}
-
 #gc-pagecontent h1.page_title,
 #gc-pagecontent h2.page_title {
   line-height: 130%;
@@ -295,32 +271,41 @@ span.displayModeWarning {
 }
 
 #gc-toc ul {
+  border-bottom: 1px solid #E5E5E5;
   padding: 2.9em 0 0;
   margin: 0;
   line-height: 120%;
   list-style: none;
 }
 
+#gc-toc > ul {
+  border-bottom: none;
+}
+
 #gc-toc ul li {
-  padding: 8px 0;
+  padding-bottom: 10px;
   margin: 0;
   position: relative;
 }
 
+#gc-toc ul li ul li ul {
+  margin-top: 10px;
+  margin-left: 25px;
+  padding-left: 0;
+  border-bottom: 0;
+  list-style: url(../images/sidearrow.png);
+}
+
 #gc-toc ol ul {
   color: #767676;
 }
 
 #gc-toc ul li li {
-  border-top: none;
+  /* Cancel the border-bottom on #gc-toc ul. */
+  border-bottom: none;
   padding-left: 10px;
 }
 
-#gc-toc li a {
-  font-weight: normal;
-  text-decoration: none;
-}
-
 #gc-toc h2 {
   font-weight: bold;
   font-size: 100%;
@@ -340,6 +325,7 @@ span.displayModeWarning {
   width: 9px;
   height: 9px;
   position: absolute;
+  top: -1px;
   right: 4px;
   text-decoration: none;
   margin: 8px 1px 4px -13px;
@@ -350,6 +336,10 @@ span.displayModeWarning {
   background-position: 0 -9px;
 }
 
+#gc-toc .toggle:active {
+  top: 0px;
+}
+
 #gc-toc ul .leftNavSelected {
   background-color: #F1F1F1;
   color: black;
@@ -365,15 +355,53 @@ span.displayModeWarning {
   padding: 0;
 }
 
+#toc {
+  background-color: #E8EDEB;
+  float: right;
+  margin: 5px 0px 5px 20px;
+  padding: 5px;
+  width: 250px;
+}
+
+#toc * {
+  padding: 0;
+  list-style: none;
+}
+
+#toc h2 {
+  font-weight: bold;
+  font-size: 100%;
+  margin: 0;
+  border: none;
+  background-color: #E8EDEB;
+  padding: 0;
+}
+
+#toc ol {
+  margin: 1em 0 0 0;
+}
+
+#toc ol li {
+  margin: .4em 0 0 1em;
+}
+
+#toc ol li ol {
+  margin: 0;
+}
+
+#toc ol li ol li {
+  margin: .1em 0 0 1em;
+}
+
 .filtered_item {
   line-height: 6px;
 }
 
 #filtered_apis {
-  margin-top: -5px;
-  padding-bottom: 5px;
+  margin-top: 5px;
 }
 
+/* Specificity hack to override the "a" rule. */
 #filtered_apis * {
   color: #50A9D5;
 }