Copied from http://code.google.com/css/base-200606.css



git-svn-id: https://google-web-toolkit.googlecode.com/svn/trunk@162 8db76d5a-ed1c-0410-87a9-c151d255dfc7
diff --git a/doc/src/base.css b/doc/src/base.css
index 354d42d..427621d 100644
--- a/doc/src/base.css
+++ b/doc/src/base.css
@@ -17,14 +17,10 @@
 
 th, td {
   padding: 0;
-  vertical-align: middle;
+  vertical-align: top;
   text-align: left;
 }
 
-div {
-  position: relative;
-}
-
 a:link {
   color: #0000cc;
 }
@@ -63,13 +59,13 @@
   margin-bottom: 0.25em;
 }
 
-pre.code, code {
+pre, code {
   color: #007000;
   font-family: "bogus font here", monospace;
   font-size: 100%;
 }
 
-pre.code {
+pre {
   border: 1px solid silver;
   background-color: #f5f5f5;
   padding: 0.5em;
@@ -77,12 +73,17 @@
   margin: 2em;
 }
 
-pre.code ins {
+pre ins {
   color: #cc0000;
   font-weight: bold;
   text-decoration: none;
 }
 
+.newmark {
+  color: red;
+  font-size: 80%;
+  vertical-align: top;
+}
 
 /* "Selected" links */
 
@@ -97,28 +98,16 @@
 }
 
 
-/* "New!" labels */
-
-span.new {
-  vertical-align: super;
-  color: #cc0000;
-  font-size: 70%;
-}
-
-
 /* Header */
 
 #gaia {
   text-align: right;
 }
 
-#gaia .email {
-  font-weight: bold;
-}
-
 #header {
   height: 50px;
   margin-bottom: 11px;
+  position: relative;
 }
 
 #logo {
@@ -133,21 +122,23 @@
   height: 55px;
 }
 
-#title, #breadcrumbs {
-  margin-left: 174px;
-  padding-left: 3px;
-}
-
 #title {
   border-top: 1px solid #3366cc;
   background-color: #e5ecf9;
   font-size: large;
   font-weight: bold;
+  margin: 0;
+  padding: 0;
   padding-top: 1px;
   padding-bottom: 1px;
   margin-top: 5px;
 }
 
+#title, #breadcrumbs {
+  margin-left: 174px;
+  padding-left: 3px;
+}
+
 #breadcrumbs {
   margin-top: 3px;
 }
@@ -156,61 +147,34 @@
 /* Side panel section */
 
 #side {
-  width: 154px;
+  width: 167px;
+  margin-bottom: 3em;
   float: left;
 }
 
 
 /* Menu */
 
-#menu .item {
+#menu ul {
+  margin: 0;
+  padding: 0;
+  list-style-type: none;
   margin-bottom: 1em;
 }
 
-#menu .group .item {
-  margin-bottom: 4px;
-}
-
-#menu .group {
-  margin-bottom: 1em;
-}
-
-#menu .group .group {
+#menu ul ul {
   margin-left: 10px;
+  margin-bottom: 0;
 }
 
-#menu .header {
-  font-weight: bold;
+#menu li {
+  margin-top: 4px;
 }
 
-
-/* Body */
-
-#body {
-  border-left: 1px dotted silver;
-  margin-left: 156px;
-  margin-right: 25px;
-  padding-left: 18px;
-  padding-bottom: 25px;
-}
-
-
-/* Footer */
-
-#footer {
-  clear: both;
-  text-align: center;
-  margin-top: 3em;
+#menu h4 {
+  margin: 0;
+  padding: 0;
   margin-bottom: 1em;
-  padding-top: 20px;
-  background-image: url("http://www.google.com/images/art.gif");
-  height: 53px;
-  background-repeat: no-repeat;
-  background-position: left center;
-}
-
-#footer .notice {
-  margin-bottom: 0.5em;
 }
 
 
@@ -235,6 +199,35 @@
 }
 
 
+/* Body */
+
+#body {
+  border-left: 1px dotted silver;
+  margin-left: 169px;
+  margin-right: 25px;
+  padding-left: 18px;
+  padding-bottom: 25px;
+}
+
+
+/* Footer */
+
+#footer {
+  clear: both;
+  text-align: center;
+  margin-top: 3.5em;
+  margin-bottom: 1em;
+  background-image: url("http://www.google.com/images/art.gif");
+  height: 53px;
+  background-repeat: no-repeat;
+  background-position: left center;
+}
+
+#footer .text {
+  padding-top: 20px;
+}
+
+
 /* Download links */
 
 div.download {
@@ -277,36 +270,20 @@
 }
 
 
-/* Documentation */
+/* Print styles */
 
-.documentation {
-  margin-left: 0.25in;  
-}
+@media print {
+  .noprint {
+    display: none;
+  }
 
-.documentation h1 {
-  margin-left: -0.25in;
-}
+  #header, #side, #gaia {
+    display: none;
+  }
 
-.documentation h2 {
-  margin-left: -0.25in;
-  margin-top: 1.5em;
-}
-
-.documentation h3 {
-  margin-left: -0.125in;
-}
-
-.documentation ul.toc {
-  margin: 0;
-  padding: 0;
-  margin-left: 2em;
-}
-
-
-.demo {
-  padding: 3px;
-  padding-left: 20px;
-  background-image: url("../images/newwindow.gif");
-  background-repeat: no-repeat;
-  background-position: left center;
+  #body {
+    margin: 0;
+    border: 0;
+    padding: 0;
+  }
 }