Applying new theme to extensions docs

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

-  <link href="../css/ApiRefStyles.css" rel="stylesheet" type="text/css">
+  <link href="../css/ApiRefStyles_apps.css" rel="stylesheet" type="text/css">

[Aaron Boodman, 2012/07/02 21:21:57]

Can you rename the stylesheet to just ApiRefStyles.css and remove the old one?
It's not apps-specific anymore.

+  <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.
   </div>
   <div id="branchWarning" class="displayModeWarning">
     <span>WARNING: This is the <span id="branchName">BETA</span> documentation.
     It may not work with the stable release of Chrome.</span>
     <select id='branchChooser'>
       <option>Choose a different version...
       <option value="">Stable
@@ skipping 168 matching lines @@
 
   <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 -->
     <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="http://code.google.com/"><img src="../images/chrome_logo.gif" alt="Google Chrome Extensions"

[Aaron Boodman, 2012/07/02 21:21:57]

Can you remove the old resources and stylesheets now?

             style="border:0; margin:0;"
         ></a></td>
         <td valign="middle" width="100%" style="padding-left:0.6em;">
           <form action="http://www.google.com/cse" id="cse" style="margin-top:0.5em">
             <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>
           </form>
 
           <script type="text/javascript" src="https://www.google.com/jsapi"></script>
           <script type="text/javascript">google.load("elements", "1", {packages: "transliteration"});</script>
           <script type="text/javascript" src="https://www.google.com/coop/cse/t13n?form=cse&t13n_langs=en"></script>
           <script type="text/javascript" src="https://www.google.com/coop/cse/brand?form=cse&lang=en"></script>
         </td>
       </tr>
     </table>
 
     <div id="codesiteContent" jsvalues=".className: showSideNav() ? '' : 'hideSideNav'">
 
       <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 -->
 
     <div class="g-section g-tpl-170">
       <!-- SIDENAV -->
       <div class="g-unit g-first" id="gc-toc" jsdisplay="showSideNav()">
         <ul>
           <li><a href="getstarted.html">Getting Started</a></li>
           <li><a href="overview.html">Overview</a></li>
           <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>
                   <li><a href="notifications.html">Desktop Notifications</a></li>
                   <li><a href="omnibox.html">Omnibox</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>
                 </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>
                   <li><a href="devtools.html">Developer Tools</a></li>
                   <li><a href="events.html">Events</a></li>
                   <li><a href="history.html">History</a></li>
                   <li><a href="management.html">Management</a></li>
                   <li><a href="tabs.html">Tabs</a></li>
                   <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>
                   <li><a href="content_scripts.html">Content Scripts</a></li>
                   <li><a href="xhr.html">Cross-Origin XHR</a></li>
                   <li><a href="i18n.html">Internationalization</a></li>
                   <li><a href="messaging.html">Message Passing</a></li>
                   <li><a href="permissions.html">Optional Permissions</a></li>
                   <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>
                 </ul>
               </li>
             </ul>
           </li>
           <li><h2><a href="apps.html">Packaged Apps</a></h2></li>
           <li><h2><a href="tutorials.html">Tutorials</a></h2>
             <ul>
               <li><a href="tut_debugging.html">Debugging</a></li>
               <li><a href="tut_analytics.html">Google Analytics</a></li>
               <li><a href="tut_oauth.html">OAuth</a></li>
             </ul>
           </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>
                 </ul>
               </li>
               <li><a href="permission_warnings.html">Permission Warnings</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><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="themes.html">Themes</a></li>
             </ul>
           </li>
         </ul>
       </div>
       <script>
@@ skipping 274 matching lines @@
       <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;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 {
     var engdocs = _gat._getTracker("YT-10763712-2");
     engdocs._trackPageview();
   } catch(err) {}
 
   // 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>
     </div> <!-- /gc-footer -->
   </div> <!-- /gc-container -->