Applying new theme to extensions docs

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

Index: chrome/common/extensions/docs/template/api_template.html
diff --git a/chrome/common/extensions/docs/template/api_template.html b/chrome/common/extensions/docs/template/api_template.html
index 75e141166023d89ce944bdc4118d8aac1fd48966..fa4951281438d01090d826df248b0d25bdbd5256 100644
--- a/chrome/common/extensions/docs/template/api_template.html
+++ b/chrome/common/extensions/docs/template/api_template.html
@@ -1,4 +1,5 @@
   <link href="../css/ApiRefStyles.css" rel="stylesheet" type="text/css">
+  <link href="../css/prettify.css" rel="stylesheet" type="text/css">
   <link href="../css/shared.css" rel="stylesheet" type="text/css">
   <div id="devModeWarning" class="displayModeWarning">
     You are viewing extension docs in chrome via the 'file:' scheme: are you expecting to see local changes when you refresh? You'll need run chrome with --allow-file-access-from-files.
@@ -187,7 +188,7 @@
     <table id="header" width="100%" cellspacing="0" border="0">
       <tr>
         <td valign="middle"
-          ><a href="http://code.google.com/"><img src="../images/code_labs_logo.gif" height="43" width="161" alt="Google Code Labs"
+          ><a href="/"><img src="../images/chrome_logo.gif" alt="Google Chrome Extensions"
             style="border:0; margin:0;"
         ></a></td>
         <td valign="middle" width="100%" style="padding-left:0.6em;">
@@ -195,8 +196,10 @@
             <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" value="" size="55" />
-              <input class="gsc-search-button" type="submit" name="sa" value="Search" />
+              <input id="gsc-search-input" type="text" name="q" value="" size="55" />
+              <button class="gsc-search-button" type="submit" name="sa">
+                <img class="gsc-search-button-lens" src="../images/search.png" alt="Search">
+              </button>
               <br>
               <span class="greytext">e.g. "page action" or "tabs"</span>
             </div>
@@ -214,25 +217,25 @@
 
       <a id="gc-topnav-anchor"></a>
       <div id="gc-topnav">
-        <h1>Google Chrome Extensions (<a href="http://code.google.com/labs/">Labs</a>)</h1>
+        <h1>Google Chrome Extensions</h1>
         <ul id="home" class="gc-topnav-tabs">
           <li id="home_link">
-            <a href="index.html" title="Google Chrome Extensions home page">Home</a>
+            <a href="index.html" title="Google Chrome Extensions home page"><span>Home</span></a>
           </li>
           <li id="docs_link">
-            <a href="docs.html" title="Official Google Chrome Extensions documentation">Docs</a>
+            <a href="docs.html" title="Official Google Chrome Extensions documentation"><span>Docs</span></a>
           </li>
           <li id="faq_link">
-            <a href="faq.html" title="Answers to frequently asked questions about Google Chrome Extensions">FAQ</a>
+            <a href="faq.html" title="Answers to frequently asked questions about Google Chrome Extensions"><span>FAQ</span></a>
           </li>
           <li id="samples_link">
-            <a href="samples.html" title="Sample extensions (with source code)">Samples</a>
+            <a href="samples.html" title="Sample extensions (with source code)"><span>Samples</span></a>
           </li>
           <li id="group_link">
-            <a href="http://groups.google.com/a/chromium.org/group/chromium-extensions" title="Google Chrome Extensions developer forum">Group</a>
+            <a href="http://groups.google.com/a/chromium.org/group/chromium-extensions" title="Google Chrome Extensions developer forum"><span>Group</span></a>
           </li>
           <li id="so_link">
-            <a href="http://stackoverflow.com/questions/tagged/google-chrome-extension" title="[google-chrome-extension] tag on Stack Overflow">Questions?</a>
+            <a href="http://stackoverflow.com/questions/tagged/google-chrome-extension" title="[google-chrome-extension] tag on Stack Overflow"><span>Questions?</span></a>
           </li>
         </ul>
       </div> <!-- end gc-topnav -->
@@ -246,7 +249,7 @@
           <li><a href="whats_new.html">What's New?</a></li>
           <li><h2><a href="devguide.html">Developer's Guide</a></h2>
             <ul>
-              <li>Browser UI
+              <li><span>Browser UI</span>
                 <ul>
                   <li><a href="browserAction.html">Browser Actions</a></li>
                   <li><a href="contextMenus.html">Context Menus</a></li>
@@ -257,7 +260,7 @@
                   <li><a href="pageAction.html">Page Actions</a></li>
                 </ul>
               </li>
-              <li>Browser Interaction
+              <li><span>Browser Interaction</span>
                 <ul>
                   <li><a href="bookmarks.html">Bookmarks</a></li>
                   <li><a href="cookies.html">Cookies</a></li>
@@ -269,7 +272,7 @@
                   <li><a href="windows.html">Windows</a></li>
                 </ul>
               </li>
-              <li>Implementation
+              <li><span>Implementation</span>
                 <ul>
                   <li><a href="a11y.html">Accessibility</a></li>
                   <li><a href="background_pages.html">Background Pages</a></li>
@@ -281,7 +284,7 @@
                   <li><a href="npapi.html">NPAPI Plugins</a></li>
                 </ul>
               </li>
-              <li>Finishing
+              <li><span>Finishing</span>
                 <ul>
                   <li><a href="hosting.html">Hosting</a></li>
                   <li><a href="external_extensions.html">Other Deployment Options</a></li>
@@ -299,7 +302,7 @@
           </li>
           <li><h2>Reference</h2>
             <ul>
-              <li>Formats
+              <li><span>Formats</span>
                 <ul>
                   <li><a href="manifest.html">Manifest Files</a></li>
                   <li><a href="match_patterns.html">Match Patterns</a></li>
@@ -311,11 +314,10 @@
             </ul>
           </li>
           <li><h2><a href="samples.html">Samples</a></h2></li>
-          <div class="line"> </div>
           <li><h2>More</h2>
             <ul>
-              <li><a href="http://code.google.com/chrome/webstore/docs/index.html">Chrome Web Store</a></li>
-              <li><a href="http://code.google.com/chrome/apps/docs/developers_guide.html">Hosted Apps</a></li>
+              <li><a href="https://developers.google.com/chrome/web-store/docs/">Chrome Web Store</a></li>
+              <li><a href="https://developers.google.com/chrome/apps/docs/developers_guide">Hosted Apps</a></li>
               <li><a href="themes.html">Themes</a></li>
             </ul>
           </li>
@@ -606,13 +608,21 @@
   <a rel="license" href="http://code.google.com/google_bsd_license.html">BSD License</a>.
   </p>
   <p>
-  &copy;2011 Google
+  &copy;2012 Google
   </p>
 
 <!-- begin analytics -->
 <script src="https://www.google-analytics.com/urchin.js" type="text/javascript"></script>
 <script src="https://www.google-analytics.com/ga.js" type="text/javascript"></script>
-
+<script src="../js/prettify.js" type="text/javascript"></script>
+<script>
+  // Auto syntax highlight all pre tags.
+  var pres = document.querySelectorAll('pre');
+  for (var i = 0, pre; pre = pres[i]; ++i) {
+    pre.className += ' prettyprint';
+  };
+  prettyPrint();
+</script>
 <script type="text/javascript">
   // chrome doc tracking
   try {