Changes to follow the codesite L&F....

chrome/common/extensions/docs/template/api_template.html

-  <div id="container">
+  <div id="gc-container" class="labs">
       <!-- SUBTEMPLATES: DO NOT MOVE FROM THIS LOCATION -->
       <!-- In particular, sub-templates that recurse, must be used by allowing
            jstemplate to make a copy of the template in this section which
            are not operated on by way of the jsskip="true" -->
       <div jsskip="true" style="display:none">
 
         <!-- VALUE -->
         <div id="valueTemplate">
           <dt>
             <var jsdisplay="$this.name" jscontent="$this.name">paramName</var>
@@ skipping 33 matching lines @@
               <div jsselect="getPropertyListFromObject($this)">
                 <div transclude="valueTemplate">
                 </div>
               </div>
             </dl>
           </dd>
         </div> <!-- /VALUE -->
 
       </div> <!-- /SUBTEMPLATES -->
 
-  <a name="top"> </a>
+  <a id="top"></a>
+    <div id="skipto">
+      <a href="#gc-pagecontent">Skip to page content</a>
+      <a href="#gc-toc">Skip to main navigation</a>
+    </div>
     <!-- API HEADER -->
-    <div id="pageHeader">
-      <div id="searchbox">
-        <form action="http://www.google.com/cse" id="cse-search-box">
-          <div>
+    <div id="gc-header">
+      <div id="logo">
+
+
+         <img src="images/code_labs_logo.gif" height="43" width="161" alt="Google Code Labs" style="border:0;">
+
+
+      </div>
+      <div id="search">
+        <div id="searchForm" class="searchForm">
+        <form action="http://www.google.com/cse" id="cse">
+          <div id="gsc-search-box">
             <input type="hidden" name="cx" value="002967670403910741006:61_cvzfqtno" />
             <input type="hidden" name="ie" value="UTF-8" />
             <input type="text" name="q" size="31" />
-            <input type="submit" name="sa" value="Search" />
+            <input class="gsc-search-button" type="submit" name="sa" value="Search" />
           </div>
         </form>
+        <p>&nbsp;</p>
+        </div> <!-- end searchForm -->
 
         <script type="text/javascript" src="http://www.google.com/jsapi"></script>
         <script type="text/javascript">google.load("elements", "1", {packages: "transliteration"});</script>
-        <script type="text/javascript" src="http://www.google.com/coop/cse/t13n?form=cse-search-box&t13n_langs=en"></script>
-        <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&lang=en"></script>
-      </div>
-      <div id="pageTitle">
-        <h1 jscontent="getPageTitle()">chrome.apiname</h1>
-      </div>
-    </div> <!-- /pageHeader -->
+        <script type="text/javascript" src="http://www.google.com/coop/cse/t13n?form=cse&t13n_langs=en"></script>
+        <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse&lang=en"></script>
+      </div> <!-- end search -->
+    </div> <!-- end gc-header -->
 
-    <div id="pageContent">
+    <div id="codesiteContent">
+
+      <a id="gc-topnav-anchor"></a>
+      <div id="gc-topnav">
+        <h1>Google Chrome Extensions (<a href="/labs/">Labs</a>)</h1>
+        <ul id="home" class="gc-topnav-tabs">
+          <li id="home_link">
+            <a href="index.html" class="selected" title="Google Chrome Extensions documentation home page">Home</a>
+          </li>
+          <li id="blog_link">
+            <a href="http://blog.chromium.org/" title="Chromium blog">Blog</a>
+          </li>
+          <li id="faq_link">
+            <a href="faq.html" title="Google Chrome Extensions FAQ">FAQ</a>
+          </li>
+          <li id="group_link">
+            <a href="http://groups.google.com/group/chromium-extensions" title="Chromium-Extensions group">Group</a>
+          </li>
+          <li id="terms_link">
+            Terms
+          </li>
+        </ul>
+      </div> <!-- end gc-topnav -->
+
+    <div class="g-section g-tpl-170">
       <!-- SIDENAV -->
-      <div id="leftNav">
+      <div class="g-unit g-first" id="gc-toc">
         <ul>
-          <li> <a href="index.html">Home</a></li>
-          <li> <a href="getstarted.html">Getting Started</a></li>
-          <li> <a href="overview.html">Overview</a></li>
-          <li> <a href="devguide.html"><div>Developer's Guide</div></a>
+          <li><a href="index.html">Home</a></li>
+          <li><a href="getstarted.html">Getting Started</a></li>
+          <li><a href="overview.html">Overview</a></li>
+          <li><h2><a href="devguide.html">Developer's Guide</a></h2>
             <ul>
-              <li> Browser UI
+              <li>Browser UI
                 <ul>
                   <li><a href="browserAction.html">Browser Actions</a></li>
                   <li><a href="options.html">Options Pages</a></li>
                   <li><a href="override.html">Override Pages</a></li>
                   <li><a href="pageAction.html">Page Actions</a></li>
                   <li><a href="themes.html">Themes</a></li>
                 </ul>
               </li>
-              <li> Browser Interaction
+              <li>Browser Interaction
                 <ul>
                   <li><a href="bookmarks.html">Bookmarks</a></li>
                   <li><a href="events.html">Events</a></li>
                   <li><a href="tabs.html">Tabs</a></li>
                   <li><a href="windows.html">Windows</a></li>
                 </ul>
               </li>
-              <li> Implementation
+              <li>Implementation
                 <ul>
                   <li><a href="background_pages.html">Background Pages</a></li>
                   <li><a href="content_scripts.html">Content Scripts</a></li>
                   <li><a href="xhr.html">Cross-Origin XHR</a></li>
                   <li><a href="messaging.html">Message Passing</a></li>
                   <li><a href="npapi.html">NPAPI Plugins</a></li>
                 </ul>
               </li>
-              <li> Finishing
+              <li>Finishing
                 <ul>
                   <li><a href="autoupdate.html">Autoupdating</a></li>
                   <li><a href="packaging.html">Packaging</a></li>
                 </ul>
               </li>
             </ul>
           </li>
-          <li><a href="tutorials.html"><div>Tutorials</div></a>
+          <li><h2><a href="tutorials.html">Tutorials</a></h2>
             <ul>
               <li><a href="tut_debugging.html">Debugging</a></li>
             </ul>
           </li>
-          <li>Reference
+          <li><h2>Reference</h2>
             <ul>
-              <li> Formats
+              <li>Formats
                 <ul>
                   <li><a href="manifest.html">Manifest Files</a></li>
                   <li><a href="match_patterns.html">Match Patterns</a></li>
                   <!-- <li>Packages (.crx)</li> -->
                 </ul>
               </li>
-              <li> <a href="api_index.html">chrome.* APIs</a> </li>
-              <li> <a href="api_other.html">Other APIs</a> </li>
+              <li><a href="api_index.html">chrome.* APIs</a></li>
+              <li><a href="api_other.html">Other APIs</a></li>
             </ul>
           </li>
-         <li><a href="samples.html">Samples</a></li>
+         <li><h2><a href="samples.html">Samples</a></h2></li>
         </ul>
       </div>
 
-      <div id="mainColumn">
+    <div class="g-unit" id="gc-pagecontent">
+      <div id="pageTitle">
+        <h1 class="page_title" jscontent="getPageTitle()">chrome.apiname</h1>
+      </div>
         <!-- TABLE OF CONTENTS -->
         <div id="toc" jsdisplay="showPageTOC()">
-          <p>Contents</p>
+          <h2>Contents</h2>
           <ol>
             <li jsselect="getStaticTOC()">
               <a jscontent="name"
                  jsvalues=".href:'#' + href">h2Name</a>
               <ol>
                 <li jsselect="$this.children">
                   <a jscontent="name"
                      jsvalues=".href:'#' + href">h3Name</a>
                 </li>
               </ol>
@@ skipping 191 matching lines @@
               <h4 jscontent="id">type name</h4>
 
               <div transclude="valueTemplate">
               </div>
 
             </div> <!-- /apiItem -->
 
           </div> <!-- /apiGroup -->
 
         </div> <!-- /apiPage -->
-      </div> <!-- /mainColumn -->
-    </div> <!-- /pageContent -->
-    <div id="pageFooter" -->
+      </div> <!-- /gc-pagecontent -->
+    </div> <!-- /g-section -->
+  </div> <!-- /codesiteContent -->
+    <div id="gc-footer" -->
+      <div class="text">
   <p>
   Except as otherwise <a
   href="http://code.google.com/policies.html#restrictions">noted</a>,
   the content of this page is licensed under the <a rel="license"
   href="http://creativecommons.org/licenses/by/3.0/">Creative Commons
   Attribution 3.0 License</a>, and code samples are licensed under the
   <a rel="license" href="http://code.google.com/google_bsd_license.html">BSD License</a>.
   </p>
   <p>
   &copy;2009 Google
@@ skipping 13 matching lines @@
   // code.google.com site-wide tracking
   try {
     _uacct="UA-18071-1";
     _uanchor=1;
     _uff=0;
     urchinTracker();
   }
   catch(e) {/* urchinTracker not available. */}
 </script>
 <!-- end analytics -->
-
-    </div> <!-- /pageFooter -->
-  </div> <!-- /container -->
+      </div>
+    </div> <!-- /gc-footer -->
+  </div> <!-- /gc-container -->