Update contentSettings extension API docs.

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

   <div id="gc-container" class="labs">
       <div id="devModeWarning">
         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>
       <!-- 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">
 
@@ skipping 77 matching lines @@
 
         <div id="functionParametersTemplate">
           <h5>Parameters</h5>
           <dl>
             <div jsselect="$this.parameters">
               <div transclude="valueTemplate">
               </div>
             </div>
           </dl>
         </div>
+
+        <!-- Individual subsections from the table of contents -->
+        <ol>
+          <li id="propertiesTocTemplate" jsdisplay="$this.properties">
+            <a href="#properties">Properties</a>
+            <ol>
+              <li jsselect="getPropertyListFromObject($this)">
+                <a jscontent="name"
+                   jsvalues=".href:'#property-' + name"
+                   href="#property-anchor">propertyName</a>
+              </li>
+            </ol>
+          </li>
+          <li id="methodsTocTemplate" jsdisplay="functions && functions.length > 0">
+            <a jsvalues=".href:'#' + getAnchorName('global', 'methods', $type)">Methods</a>
+            <ol>
+              <li jsselect="functions.sort(sortByName)"
+                  jsdisplay="!($this.nodoc)">
+                <a jscontent="name"
+                   jsvalues=".href:'#' + getAnchorName('method', name, $type)"
+                   href="#method-anchor">methodName</a>
+              </li>
+            </ol>
+          </li>
+          <li id="eventsTocTemplate" jsdisplay="events && events.length > 0">
+            <a jsvalues=".href:'#' + getAnchorName('global', 'events', $type)">Events</a>
+            <ol>
+              <li jsselect="events.sort(sortByName)"
+                  jsdisplay="!($this.nodoc)">
+                <a jscontent="name"
+                   jsvalues=".href:'#' + getAnchorName('event', name, $type)"
+                   href="#event-anchor">eventName</a>
+              </li>
+            </ol>
+          </li>
+          <li id="typesTocTemplate" jsdisplay="types && types.length > 0">
+            <a href="#types">Types</a>
+            <ol>
+              <li jsselect="types.sort(sortByName)">
+                <a jscontent="id"
+                   jsvalues=".href:'#type-' + id"
+                   href="#id-anchor">id</a>
+                <ol jsvalues="$type:id">
+                  <div transclude="methodsTocTemplate"></div>
+                  <div transclude="eventsTocTemplate"></div>
+                </ol>
+              </li>
+            </ol>
+          </li>
+        </ol>
       </div> <!-- /SUBTEMPLATES -->
 
   <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>
@@ skipping 143 matching lines @@
             <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>
             </li>
-              <li jsselect="apiDefinition">
+              <li jsselect="apiDefinition" jsvalues="$type:''">
                 <a href="#apiReference" jscontent="'API reference: ' + getModuleName()">API reference</a>
                 <ol>
-                  <li jsdisplay="$this.properties">
-                    <a href="#properties">Properties</a>
-                    <ol>
-                      <li jsselect="getPropertyListFromObject($this)">
-                        <a jscontent="name"
-                           jsvalues=".href:'#property-' + name"
-                           href="#property-anchor">propertyName</a>
-                      </li>
-                    </ol>
-                  </li>
-                  <li jsdisplay="functions && functions.length > 0">
-                    <a jsvalues=".href:'#' + getAnchorName('global', 'methods')">Methods</a>
-                    <ol>
-                      <li jsselect="functions.sort(sortByName)"
-                          jsdisplay="!($this.nodoc)">
-                        <a jscontent="name"
-                           jsvalues=".href:'#' + getAnchorName('method', name)"
-                           href="#method-anchor">methodName</a>
-                      </li>
-                    </ol>
-                  </li>
-                  <li jsdisplay="events && events.length > 0">
-                    <a jsvalues=".href:'#' + getAnchorName('global', 'events')">Events</a>
-                    <ol>
-                      <li jsselect="events.sort(sortByName)"
-                          jsdisplay="!($this.nodoc)">
-                        <a jscontent="name"
-                           jsvalues=".href:'#' + getAnchorName('event', name)"
-                           href="#event-anchor">eventName</a>
-                      </li>
-                    </ol>
-                  </li>
-                  <li jsdisplay="types && types.length > 0">
-                    <a href="#types">Types</a>
-                    <ol>
-                      <li jsselect="types.sort(sortByName)">
-                        <a jscontent="id"
-                           jsvalues=".href:'#type-' + id"
-                           href="#id-anchor">id</a>
-                      </li>
-                    </ol>
-                  </li>
+                  <div transclude="propertiesTocTemplate"></div>
+                  <div transclude="methodsTocTemplate"></div>
+                  <div transclude="eventsTocTemplate"></div>
+                  <div transclude="typesTocTemplate"></div>
                 </ol>
               </li>
           </ol>
         </div>
         <!-- /TABLE OF CONTENTS -->
 
         <!-- Standard content lead-in for experimental API pages -->
         <p jsdisplay="isExperimentalAPIPage();" id="classSummary">
           For information on how to use experimental APIs, see the <a href="experimental.html">chrome.experimental.* APIs</a> page.
         </p>
@@ skipping 212 matching lines @@
     _uanchor=1;
     _uff=0;
     urchinTracker();
   }
   catch(e) {/* urchinTracker not available. */}
 </script>
 <!-- end analytics -->
       </div>
     </div> <!-- /gc-footer -->
   </div> <!-- /gc-container -->