Split the Website Settings page's origin list into Allowed and Blocked lists.

chrome/browser/resources/options/website_settings.html

 <div id="website-settings-page" class="page website-settings-page not-resizable"
     hidden>
   <div class="close-button"></div>
   <h1 i18n-content="websiteSettingsPage"></h1>
   <div id="website-list-content-area" class="content-area">
     <div class="website-column-headers">
       <div class="website-header-controls">
         <select id="resourceType" class="resource-type-select">
           <option value="geolocation" i18n-content="websitesLabelLocation">
           </option>
           <option value="media-stream" i18n-content="websitesLabelMediaStream">
           </option>
           <option value="notifications"
               i18n-content="websitesLabelNotifications"></option>
           <option value="storage"
               i18n-content="websitesLabelStorage"></option>
           <option value="battery"
               i18n-content="websitesLabelBattery"></option>
         </select>
         <input type="search" id="website-settings-search-box"
             i18n-values="placeholder:websitesSearch" incremental>
       </div>
     </div>
-    <list id="origin-list" class="origin-list"></list>
+    <list id="allowed-origin-list" class="origin-list"></list>
+    <h2 id="blocked-origin-list-title" i18n-content="websitesBlockedListTitle">
+    </h2>
+    <list id="blocked-origin-list" class="blocked-origin-list origin-list">
+    </list>
   </div>
   <div class="action-area">
     <div class="button-strip">
       <button id="website-settings-overlay-confirm" i18n-content="done">
       </button>
     </div>
   </div>
 </div>