| OLD | NEW | 
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> | 
| 2 <!-- | 2 <!-- | 
| 3   - This file is part of Adblock Plus <https://adblockplus.org/>, | 3   - This file is part of Adblock Plus <https://adblockplus.org/>, | 
| 4   - Copyright (C) 2006-present eyeo GmbH | 4   - Copyright (C) 2006-present eyeo GmbH | 
| 5   - | 5   - | 
| 6   - Adblock Plus is free software: you can redistribute it and/or modify | 6   - Adblock Plus is free software: you can redistribute it and/or modify | 
| 7   - it under the terms of the GNU General Public License version 3 as | 7   - it under the terms of the GNU General Public License version 3 as | 
| 8   - published by the Free Software Foundation. | 8   - published by the Free Software Foundation. | 
| 9   - | 9   - | 
| 10   - Adblock Plus is distributed in the hope that it will be useful, | 10   - Adblock Plus is distributed in the hope that it will be useful, | 
| (...skipping 12 matching lines...) Expand all  Loading... | 
| 23     <link rel="stylesheet" href="skin/common.css"> | 23     <link rel="stylesheet" href="skin/common.css"> | 
| 24     <link rel="stylesheet" href="skin/new-options.css"> | 24     <link rel="stylesheet" href="skin/new-options.css"> | 
| 25     <script src="ext/common.js"></script> | 25     <script src="ext/common.js"></script> | 
| 26     <script src="ext/content.js"></script> | 26     <script src="ext/content.js"></script> | 
| 27     <script src="common.js"></script> | 27     <script src="common.js"></script> | 
| 28     <script src="i18n.js"></script> | 28     <script src="i18n.js"></script> | 
| 29     <script src="new-options.js"></script> | 29     <script src="new-options.js"></script> | 
| 30   </head> | 30   </head> | 
| 31   <body data-tab="general"> | 31   <body data-tab="general"> | 
| 32     <!-- Navigation sidebar --> | 32     <!-- Navigation sidebar --> | 
| 33     <div id="nav-sidebar"> | 33     <div id="sidebar"> | 
| 34       <div id="fixed-sidebar" class="fixed"> | 34       <div class="fixed"> | 
| 35         <header id="page-title"> | 35         <header> | 
| 36           <p class="i18n_options_page_header_1"></p> | 36           <img id="sidebar-logo" alt="Adblock Plus logo" src="skin/abp-logo.svg"
     > | 
| 37           <h1 class="i18n_options_page_header_2"></h1> | 37           <h1> | 
|  | 38             Adblock <strong>Plus</strong> | 
|  | 39           </h1> | 
|  | 40           <p class="i18n_options_page_title"></p> | 
| 38         </header> | 41         </header> | 
| 39 | 42 | 
| 40         <nav> | 43         <nav> | 
| 41           <ul id="nav-tablist" class="tabs vertical" | 44           <ul class="tabs" | 
| 42               role="tablist" data-action="switch-tab" | 45               role="tablist" data-action="switch-tab" | 
| 43               data-keys="ArrowLeft ArrowUp ArrowRight ArrowDown"> | 46               data-keys="ArrowLeft ArrowUp ArrowRight ArrowDown"> | 
| 44             <li id="tab-general" role="tab" data-tab="general" | 47             <li role="presentation"> | 
| 45                 aria-selected="true" aria-controls="content-general" | 48               <a href="#general" class="i18n_options_tab_general" role="tab" ari
     a-selected="true" tabindex="-1" aria-controls="content-general"></a> | 
| 46                 tabindex="0"> |  | 
| 47               <span class="i18n_options_tab_general"></span> |  | 
| 48             </li> | 49             </li> | 
| 49             <li id="tab-whitelist" role="tab" data-tab="whitelist" | 50             <li role="presentation"> | 
| 50                 aria-controls="content-whitelist" | 51               <a href="#whitelist" class="i18n_options_tab_whitelist" role="tab"
      tabindex="-1" aria-controls="content-whitelist"></a> | 
| 51                 tabindex="-1"> |  | 
| 52               <span class="i18n_options_tab_whitelist"></span> |  | 
| 53             </li> | 52             </li> | 
| 54             <li id="tab-advanced" role="tab" data-tab="advanced" | 53             <li role="presentation"> | 
| 55                 aria-controls="content-advanced" tabindex="-1"> | 54               <a href="#advanced" class="i18n_options_tab_advanced" role="tab" t
     abindex="-1" aria-controls="content-advanced"></a> | 
| 56               <span class="i18n_options_tab_advanced"></span> |  | 
| 57             </li> | 55             </li> | 
| 58             <li id="tab-help" role="tab" data-tab="help" | 56             <li role="presentation"> | 
| 59                 aria-controls="content-help" tabindex="-1"> | 57               <a href="#help" class="i18n_options_tab_help" role="tab" tabindex=
     "-1" aria-controls="content-help"></a> | 
| 60               <span class="i18n_options_tab_help"></span> |  | 
| 61             </li> | 58             </li> | 
| 62           </ul> | 59           </ul> | 
| 63         </nav> | 60         </nav> | 
| 64 |  | 
| 65         <a id="link-version"> |  | 
| 66           <span class="i18n_options_version"></span> |  | 
| 67           <span id="abp-version"></span> |  | 
| 68         </a> |  | 
| 69 |  | 
| 70         <footer> | 61         <footer> | 
| 71           <ul class="tabs vertical bottom" data-action="open-doclink" | 62           <p> | 
| 72               data-keys="Enter"> | 63             <a id="contribute" | 
| 73             <li id="tab-share" data-doclink="share-general" tabindex="0"> | 64                 class="i18n_options_footer_contribute button secondary" | 
| 74               <span class="i18n_options_tab_share"></span> | 65                 target="_blank"></a> | 
| 75             </li> | 66           </p> | 
| 76             <li id="tab-contribute" data-doclink="contribute" tabindex="0"> | 67           <p> | 
| 77               <span class="i18n_options_tab_contribute"></span> | 68             <button class="i18n_options_footer_about link" | 
| 78             </li> | 69                     data-action="open-dialog" data-dialog="about"></button> | 
| 79           </ul> | 70           </p> | 
| 80         </footer> | 71         </footer> | 
| 81       </div> | 72       </div> | 
| 82     </div> | 73     </div> | 
| 83     <div id="content"> | 74     <main> | 
| 84       <div id="content-wrapper"> | 75       <div id="dialog-background"></div> | 
| 85         <div id="dialog-background"></div> | 76 | 
| 86 | 77       <!-- General tab content --> | 
| 87         <!-- General tab content --> | 78       <div id="content-general" role="tabpanel" aria-labelledby="tab-general"> | 
| 88         <div id="content-general" role="tabpanel" aria-labelledby="tab-general"> | 79         <h1 class="i18n_options_tab_general"></h1> | 
| 89           <h1 class="i18n_options_tab_general"></h1> | 80         <p class="i18n_options_general_description"></p> | 
| 90           <p class="i18n_options_general_description"></p> | 81         <section> | 
| 91           <section> | 82           <h2 class="i18n_options_privacy_header"></h2> | 
| 92             <h2 class="i18n_options_privacy_header"></h2> | 83           <ul id="recommend-protection-list-table" class="table list"> | 
| 93             <ul id="recommend-protection-list-table" class="table list"> | 84             <template> | 
| 94               <template> | 85               <button data-action="toggle-remove-subscription" role="checkbox" c
     lass="control"></button> | 
| 95                 <button data-action="toggle-remove-subscription" role="checkbox"
      class="control"></button> | 86               <label class="display"></label> | 
| 96                 <label class="display"></label> | 87               <span class="i18n_options_readMore" data-tooltip="options_protecti
     on_%value%_tooltip"></span> | 
| 97                 <span class="i18n_options_readMore" data-tooltip="options_protec
     tion_%value%_tooltip"></span> | 88             </template> | 
| 98               </template> | 89           </ul> | 
| 99             </ul> | 90         </section> | 
| 100           </section> | 91         <section> | 
| 101           <section> | 92           <h2 class="i18n_options_acceptableAds_header"></h2> | 
| 102             <h2 class="i18n_options_acceptableAds_header"></h2> | 93           <p class="i18n_options_acceptableAds_description"></p> | 
| 103             <p class="i18n_options_acceptableAds_description"></p> | 94           <form id="acceptable-ads"> | 
| 104             <form id="acceptable-ads"> | 95             <div> | 
| 105               <div> | 96               <input data-action="switch-acceptable-ads" type="radio" name="acce
     ptable-ads" value="ads"> | 
| 106                 <input data-action="switch-acceptable-ads" type="radio" name="ac
     ceptable-ads" value="ads"> | 97               <label class="i18n_options_acceptableAds_ads_label"></label> | 
| 107                 <label class="i18n_options_acceptableAds_ads_label"></label> | 98               <p id="enable-aa-description" class="i18n_options_acceptableAds_ad
     s_description_1"></p> | 
| 108                 <p id="enable-aa-description" class="i18n_options_acceptableAds_
     ads_description_1"></p> | 99               <p class="i18n_options_acceptableAds_ads_description_2"></p> | 
| 109                 <p class="i18n_options_acceptableAds_ads_description_2"></p> | 100             </div> | 
| 110               </div> | 101             <div> | 
| 111               <div> | 102               <input data-action="switch-acceptable-ads" type="radio" name="acce
     ptable-ads" value="privacy"> | 
| 112                 <input data-action="switch-acceptable-ads" type="radio" name="ac
     ceptable-ads" value="privacy"> | 103               <label class="i18n_options_acceptableAds_privacy_label"></label> | 
| 113                 <label class="i18n_options_acceptableAds_privacy_label"></label> | 104               <p class="i18n_options_acceptableAds_privacy_description"></p> | 
| 114                 <p class="i18n_options_acceptableAds_privacy_description"></p> | 105               <p id="dnt" class="i18n_options_acceptableAds_dnt_notification"></
     p> | 
| 115                 <p id="dnt" class="i18n_options_acceptableAds_dnt_notification">
     </p> | 106             </div> | 
| 116               </div> | 107             <div> | 
| 117               <div> | 108               <input data-action="switch-acceptable-ads" type="radio" name="acce
     ptable-ads" value="none"> | 
| 118                 <input data-action="switch-acceptable-ads" type="radio" name="ac
     ceptable-ads" value="none"> | 109               <label class="i18n_options_acceptableAds_none_label"></label> | 
| 119                 <label class="i18n_options_acceptableAds_none_label"></label> | 110             </div> | 
| 120               </div> | 111           </form> | 
| 121             </form> | 112         </section> | 
| 122           </section> | 113         <section> | 
| 123           <section> | 114           <h2 class="i18n_options_language_header"></h2> | 
| 124             <h2 class="i18n_options_language_header"></h2> | 115           <p class="i18n_options_language_description"></p> | 
| 125             <p class="i18n_options_language_description"></p> | 116           <div id="blocking-languages"> | 
| 126             <div id="blocking-languages"> | 117             <ul id="blocking-languages-table" class="table list"> | 
| 127               <ul id="blocking-languages-table" class="table list"> |  | 
| 128                 <template> |  | 
| 129                   <label class="display"></label> |  | 
| 130                   <button data-single="hidden" data-action="remove-subscription"
      class="delete control" title="options_control_remove_title"></button> |  | 
| 131                   <button data-single="visible" data-action="open-dialog" data-d
     ialog="language-change" class="i18n_options_language_change"></button> |  | 
| 132                 </template> |  | 
| 133               </ul> |  | 
| 134               <div class="controls"> |  | 
| 135                 <button data-action="open-dialog" data-dialog="language-add"> |  | 
| 136                   <span class="i18n_options_language_add"></span> |  | 
| 137                 </button> |  | 
| 138               </div> |  | 
| 139             </div> |  | 
| 140             <p class="i18n_options_language_tip"></p> |  | 
| 141           </section> |  | 
| 142           <section> |  | 
| 143             <h2 class="i18n_options_more_filters_header"></h2> |  | 
| 144             <p class="i18n_options_more_filters_description"></p> |  | 
| 145             <ul id="custom-list-table" class="table list"> |  | 
| 146               <template> | 118               <template> | 
| 147                 <label class="display"></label> | 119                 <label class="display"></label> | 
| 148                 <button data-action="remove-subscription" class="delete control"
      title="options_control_remove_title"></button> | 120                 <button data-single="hidden" data-action="remove-subscription" c
     lass="delete control" title="options_control_remove_title"></button> | 
| 149               </template> | 121                 <button data-single="visible" data-action="open-dialog" data-dia
     log="language-change" class="i18n_options_language_change"></button> | 
| 150             </ul> |  | 
| 151             <p class="i18n_options_more_filters_note"></p> |  | 
| 152           </section> |  | 
| 153         </div> |  | 
| 154 |  | 
| 155         <!-- Whitelist tab content --> |  | 
| 156         <div id="content-whitelist" role="tabpanel" aria-labelledby="tab-whiteli
     st"> |  | 
| 157           <h1 class="i18n_options_tab_whitelist"></h1> |  | 
| 158           <p class="i18n_options_whitelist_description"></p> |  | 
| 159           <form> |  | 
| 160             <input id="whitelisting-textbox" type="text"> |  | 
| 161             <button id="whitelisting-add-button" |  | 
| 162                     type="submit" |  | 
| 163                     data-action="add-domain-exception" |  | 
| 164                     class="i18n_options_whitelist_add" disabled> |  | 
| 165             </button> |  | 
| 166             <div id="whitelisting-validation"></div> |  | 
| 167           </form> |  | 
| 168           <ul id="whitelisting-table" class="table list"> |  | 
| 169             <template> |  | 
| 170               <label class="display"></label> |  | 
| 171               <button data-action="remove-filter" class="delete control" |  | 
| 172                       title="options_control_remove_title"> |  | 
| 173               </button> |  | 
| 174             </template> |  | 
| 175           </ul> |  | 
| 176         </div> |  | 
| 177 |  | 
| 178         <!-- Advanced tab content --> |  | 
| 179         <div id="content-advanced" role="tabpanel" |  | 
| 180             aria-labelledby="tab-advanced"> |  | 
| 181           <div> |  | 
| 182             <h1 class="i18n_options_tab_advanced"></h1> |  | 
| 183             <p class="i18n_options_advanced_description"></p> |  | 
| 184             <section> |  | 
| 185               <h2 class="i18n_options_customize_header"></h2> |  | 
| 186               <ul id="customize" class="table"> |  | 
| 187                 <li data-pref="shouldShowBlockElementMenu"> |  | 
| 188                   <label> |  | 
| 189                     <button role="checkbox" data-action="toggle-pref"></button> |  | 
| 190                     <span class="i18n_options_customize_blockElement"></span> |  | 
| 191                     <span class="i18n_options_readMore" |  | 
| 192                       data-tooltip="options_customize_blockElement_tooltip"></sp
     an> |  | 
| 193                   </label> |  | 
| 194                 </li> |  | 
| 195                 <li data-pref="show_devtools_panel"> |  | 
| 196                   <label> |  | 
| 197                     <button role="checkbox" data-action="toggle-pref"></button> |  | 
| 198                     <span class="i18n_options_customize_showDevToolsPanel"></spa
     n> |  | 
| 199                     <span class="i18n_options_readMore" |  | 
| 200                       data-tooltip="options_customize_showDevToolsPanel_tooltip"
     ></span> |  | 
| 201                   </label> |  | 
| 202                 </li> |  | 
| 203                 <li data-pref="notifications_ignoredcategories"> |  | 
| 204                   <label> |  | 
| 205                     <button role="checkbox" data-action="toggle-pref"></button> |  | 
| 206                     <span class="i18n_options_customize_showNotifications"></spa
     n> |  | 
| 207                     <span class="i18n_options_readMore" |  | 
| 208                       data-tooltip="options_customize_showNotifications_tooltip"
     ></span> |  | 
| 209                   </label> |  | 
| 210                 </li> |  | 
| 211               </ul> |  | 
| 212             </section> |  | 
| 213           </div> |  | 
| 214 |  | 
| 215           <section> |  | 
| 216             <h1 class="i18n_options_filterList_title"></h1> |  | 
| 217             <p id="filter-lists-description" class="i18n_options_filterList_desc
     ription"></p> |  | 
| 218 |  | 
| 219             <div id="all-filter-lists-table-header"> |  | 
| 220               <h2 class="i18n_options_filterList_column_status"></h2> |  | 
| 221               <h2 class="i18n_options_filterList_column_name"></h2> |  | 
| 222               <h2 class="i18n_options_filterList_column_update"></h2> |  | 
| 223             </div> |  | 
| 224             <ul class="table cols" id="all-filter-lists-table"> |  | 
| 225               <template> |  | 
| 226                 <button data-action="remove-subscription" class="control delete"
     ></button> |  | 
| 227                 <button data-action="toggle-disable-subscription" role="checkbox
     " class="control"> |  | 
| 228                 </button> |  | 
| 229                 <div class="state"> |  | 
| 230                   <span class="i18n_options_filterList_state_active" id="state-a
     ctive"></span> |  | 
| 231                   <span class="i18n_options_filterList_state_disabled" id="state
     -disabled"></span> |  | 
| 232                 </div> |  | 
| 233                 <div> |  | 
| 234                   <label class="display"></label> |  | 
| 235                 </div> |  | 
| 236                 <span class="last-update"></span> |  | 
| 237                 <span class="message"></span> |  | 
| 238                 <a data-action="open-context-menu" class="arrow"></a> |  | 
| 239                 <div role="menubar" class="context-menu-wrapper"> |  | 
| 240                   <div class="context-menu"> |  | 
| 241                     <ul class="content" role="menu"> |  | 
| 242                       <li role="menuitem"> |  | 
| 243                         <a class="i18n_options_filterList_updateNow update-subsc
     ription" data-action="update-subscription"></a> |  | 
| 244                       </li> |  | 
| 245                       <li role="menuitem"> |  | 
| 246                         <a class="i18n_options_filterList_website website" targe
     t="_blank"></a> |  | 
| 247                       </li> |  | 
| 248                       <li role="menuitem"> |  | 
| 249                         <a class="i18n_options_filterList_source source" target=
     "_blank"></a> |  | 
| 250                       </li> |  | 
| 251                       <li role="menuitem"> |  | 
| 252                         <a class="i18n_options_filterList_delete delete" data-ac
     tion="remove-subscription"></a> |  | 
| 253                       </li> |  | 
| 254                     </ul> |  | 
| 255                   </div> |  | 
| 256                 </div> |  | 
| 257               </template> | 122               </template> | 
| 258             </ul> | 123             </ul> | 
| 259             <div class="controls"> | 124             <div class="controls"> | 
| 260               <button data-action="open-dialog" data-dialog="custom"> | 125               <button data-action="open-dialog" data-dialog="language-add"> | 
| 261                 <span class="icon icon-add"></span> | 126                 <span class="i18n_options_language_add"></span> | 
| 262                 <span class="i18n_options_filterList_add"></span> | 127               </button> | 
| 263               </button> | 128             </div> | 
| 264               <button data-action="update-all-subscriptions"> | 129           </div> | 
| 265                 <span class="icon icon-update"></span> | 130           <p class="i18n_options_language_tip"></p> | 
| 266                 <span class="i18n_options_filterList_update"></span> | 131         </section> | 
| 267               </button> | 132         <section> | 
| 268             </div> | 133           <h2 class="i18n_options_more_filters_header"></h2> | 
| 269           </section> | 134           <p class="i18n_options_more_filters_description"></p> | 
| 270 | 135           <ul id="custom-list-table" class="table list"> | 
|  | 136             <template> | 
|  | 137               <label class="display"></label> | 
|  | 138               <button data-action="remove-subscription" class="delete control" t
     itle="options_control_remove_title"></button> | 
|  | 139             </template> | 
|  | 140           </ul> | 
|  | 141           <p class="i18n_options_more_filters_note"></p> | 
|  | 142         </section> | 
|  | 143       </div> | 
|  | 144 | 
|  | 145       <!-- Whitelist tab content --> | 
|  | 146       <div id="content-whitelist" role="tabpanel" aria-labelledby="tab-whitelist
     "> | 
|  | 147         <h1 class="i18n_options_tab_whitelist"></h1> | 
|  | 148         <p class="i18n_options_whitelist_description"></p> | 
|  | 149         <form> | 
|  | 150           <input id="whitelisting-textbox" type="text"> | 
|  | 151           <button id="whitelisting-add-button" | 
|  | 152                   type="submit" | 
|  | 153                   data-action="add-domain-exception" | 
|  | 154                   class="i18n_options_whitelist_add" disabled> | 
|  | 155           </button> | 
|  | 156           <div id="whitelisting-validation"></div> | 
|  | 157         </form> | 
|  | 158         <ul id="whitelisting-table" class="table list"> | 
|  | 159           <template> | 
|  | 160             <label class="display"></label> | 
|  | 161             <button data-action="remove-filter" class="delete control" | 
|  | 162                     title="options_control_remove_title"> | 
|  | 163             </button> | 
|  | 164           </template> | 
|  | 165         </ul> | 
|  | 166       </div> | 
|  | 167 | 
|  | 168       <!-- Advanced tab content --> | 
|  | 169       <div id="content-advanced" role="tabpanel" | 
|  | 170           aria-labelledby="tab-advanced"> | 
|  | 171         <div> | 
|  | 172           <h1 class="i18n_options_tab_advanced"></h1> | 
|  | 173           <p class="i18n_options_advanced_description"></p> | 
| 271           <section> | 174           <section> | 
| 272             <h1 class="i18n_options_customFilters_title"></h1> | 175             <h2 class="i18n_options_customize_header"></h2> | 
| 273             <p class="i18n_options_customFilters_description"></p> | 176             <ul id="customize" class="table"> | 
| 274             <h2 class="i18n_options_customFilters_widget_title"></h2> | 177               <li data-pref="shouldShowBlockElementMenu"> | 
| 275             <div id="custom-filters"> | 178                 <label> | 
| 276               <div id="empty-custom-filters"> | 179                   <button role="checkbox" data-action="toggle-pref"></button> | 
| 277                 <p class="i18n_options_customFilters_tip"></p> | 180                   <span class="i18n_options_customize_blockElement"></span> | 
| 278                 <button class="i18n_options_customFilters_start" data-action="ed
     it-custom-filters"> | 181                   <span class="i18n_options_readMore" | 
| 279                 </button> | 182                     data-tooltip="options_customize_blockElement_tooltip"></span
     > | 
| 280                 <p> | 183                 </label> | 
| 281                   <a class="i18n_options_customFilters_learn" id="link-filters" 
     target="_blank"></a> | 184               </li> | 
| 282                 </p> | 185               <li data-pref="show_devtools_panel"> | 
| 283               </div> | 186                 <label> | 
| 284               <textarea id="custom-filters-raw" rows="15"></textarea> | 187                   <button role="checkbox" data-action="toggle-pref"></button> | 
| 285               <button id="custom-filters-edit" class="i18n_options_customFilter_
     edit" data-action="edit-custom-filters"> | 188                   <span class="i18n_options_customize_showDevToolsPanel"></span> | 
| 286               </button> | 189                   <span class="i18n_options_readMore" | 
| 287               <div id="custom-filters-raw-controls"> | 190                     data-tooltip="options_customize_showDevToolsPanel_tooltip"><
     /span> | 
| 288                 <button class="i18n_options_customFilter_save" data-action="save
     -custom-filters"> | 191                 </label> | 
| 289                 </button> | 192               </li> | 
| 290                 <button class="i18n_options_customFilter_cancel" data-action="ca
     ncel-custom-filters"> | 193               <li data-pref="notifications_ignoredcategories"> | 
| 291                 </button> | 194                 <label> | 
| 292               </div> | 195                   <button role="checkbox" data-action="toggle-pref"></button> | 
| 293             </div> | 196                   <span class="i18n_options_customize_showNotifications"></span> | 
|  | 197                   <span class="i18n_options_readMore" | 
|  | 198                     data-tooltip="options_customize_showNotifications_tooltip"><
     /span> | 
|  | 199                 </label> | 
|  | 200               </li> | 
|  | 201             </ul> | 
| 294           </section> | 202           </section> | 
| 295         </div> | 203         </div> | 
| 296 | 204 | 
| 297         <!-- Help tab content --> | 205         <section> | 
| 298         <div id="content-help" role="tabpanel" aria-labelledby="tab-help"> | 206           <h1 class="i18n_options_filterList_title"></h1> | 
| 299           <h1 class="i18n_options_tab_help"></h1> | 207           <p id="filter-lists-description" class="i18n_options_filterList_descri
     ption"></p> | 
| 300           <p class="i18n_options_help_description"></p> | 208 | 
| 301           <section> | 209           <div id="all-filter-lists-table-header"> | 
| 302             <h2 class="i18n_options_support_title"></h2> | 210             <h2 class="i18n_options_filterList_column_status"></h2> | 
| 303             <ul> | 211             <h2 class="i18n_options_filterList_column_name"></h2> | 
| 304               <li id="report-issue" class="i18n_options_report_issue"></li> | 212             <h2 class="i18n_options_filterList_column_update"></h2> | 
| 305               <li id="report-ad" class="i18n_options_report_ad"></li> | 213           </div> | 
| 306               <li id="report-bug" class="i18n_options_report_bug"></li> | 214           <ul class="table cols" id="all-filter-lists-table"> | 
| 307               <li id="report-forum" class="i18n_options_report_forum"></li> | 215             <template> | 
|  | 216               <button data-action="remove-subscription" class="control delete"><
     /button> | 
|  | 217               <button data-action="toggle-disable-subscription" role="checkbox" 
     class="control"> | 
|  | 218               </button> | 
|  | 219               <div class="state"> | 
|  | 220                 <span class="i18n_options_filterList_state_active" id="state-act
     ive"></span> | 
|  | 221                 <span class="i18n_options_filterList_state_disabled" id="state-d
     isabled"></span> | 
|  | 222               </div> | 
|  | 223               <div> | 
|  | 224                 <label class="display"></label> | 
|  | 225               </div> | 
|  | 226               <span class="last-update"></span> | 
|  | 227               <span class="message"></span> | 
|  | 228               <a data-action="open-context-menu" class="arrow"></a> | 
|  | 229               <div role="menubar" class="context-menu-wrapper"> | 
|  | 230                 <div class="context-menu"> | 
|  | 231                   <ul class="content" role="menu"> | 
|  | 232                     <li role="menuitem"> | 
|  | 233                       <a class="i18n_options_filterList_updateNow update-subscri
     ption" data-action="update-subscription"></a> | 
|  | 234                     </li> | 
|  | 235                     <li role="menuitem"> | 
|  | 236                       <a class="i18n_options_filterList_website website" target=
     "_blank"></a> | 
|  | 237                     </li> | 
|  | 238                     <li role="menuitem"> | 
|  | 239                       <a class="i18n_options_filterList_source source" target="_
     blank"></a> | 
|  | 240                     </li> | 
|  | 241                     <li role="menuitem"> | 
|  | 242                       <a class="i18n_options_filterList_delete delete" data-acti
     on="remove-subscription"></a> | 
|  | 243                     </li> | 
|  | 244                   </ul> | 
|  | 245                 </div> | 
|  | 246               </div> | 
|  | 247             </template> | 
|  | 248           </ul> | 
|  | 249           <div class="controls"> | 
|  | 250             <button data-action="open-dialog" data-dialog="custom"> | 
|  | 251               <span class="icon icon-add"></span> | 
|  | 252               <span class="i18n_options_filterList_add"></span> | 
|  | 253             </button> | 
|  | 254             <button data-action="update-all-subscriptions"> | 
|  | 255               <span class="icon icon-update"></span> | 
|  | 256               <span class="i18n_options_filterList_update"></span> | 
|  | 257             </button> | 
|  | 258           </div> | 
|  | 259         </section> | 
|  | 260 | 
|  | 261         <section> | 
|  | 262           <h1 class="i18n_options_customFilters_title"></h1> | 
|  | 263           <p class="i18n_options_customFilters_description"></p> | 
|  | 264           <h2 class="i18n_options_customFilters_widget_title"></h2> | 
|  | 265           <div id="custom-filters"> | 
|  | 266             <div id="empty-custom-filters"> | 
|  | 267               <p class="i18n_options_customFilters_tip"></p> | 
|  | 268               <button class="i18n_options_customFilters_start" data-action="edit
     -custom-filters"> | 
|  | 269               </button> | 
|  | 270               <p> | 
|  | 271                 <a class="i18n_options_customFilters_learn" id="link-filters" ta
     rget="_blank"></a> | 
|  | 272               </p> | 
|  | 273             </div> | 
|  | 274             <textarea id="custom-filters-raw" rows="15"></textarea> | 
|  | 275             <button id="custom-filters-edit" class="i18n_options_customFilter_ed
     it" data-action="edit-custom-filters"> | 
|  | 276             </button> | 
|  | 277             <div id="custom-filters-raw-controls"> | 
|  | 278               <button class="i18n_options_customFilter_save" data-action="save-c
     ustom-filters"> | 
|  | 279               </button> | 
|  | 280               <button class="i18n_options_customFilter_cancel" data-action="canc
     el-custom-filters"> | 
|  | 281               </button> | 
|  | 282             </div> | 
|  | 283           </div> | 
|  | 284         </section> | 
|  | 285       </div> | 
|  | 286 | 
|  | 287       <!-- Help tab content --> | 
|  | 288       <div id="content-help" role="tabpanel" aria-labelledby="tab-help"> | 
|  | 289         <h1 class="i18n_options_tab_help"></h1> | 
|  | 290         <p class="i18n_options_help_description"></p> | 
|  | 291         <section> | 
|  | 292           <h2 class="i18n_options_support_title"></h2> | 
|  | 293           <ul> | 
|  | 294             <li id="report-issue" class="i18n_options_report_issue"></li> | 
|  | 295             <li id="report-ad" class="i18n_options_report_ad"></li> | 
|  | 296             <li id="report-bug" class="i18n_options_report_bug"></li> | 
|  | 297             <li id="report-forum" class="i18n_options_report_forum"></li> | 
|  | 298           </ul> | 
|  | 299         </section> | 
|  | 300         <section> | 
|  | 301           <h2 class="i18n_options_social_title"></h2> | 
|  | 302           <p class="i18n_options_social_description"></p> | 
|  | 303           <div id="social"> | 
|  | 304             <ul id="social-general"> | 
|  | 305               <li><a id="twitter">Twitter</a></li> | 
|  | 306               <li><a id="facebook">Facebook</a></li> | 
|  | 307               <li><a id="google-plus">Google Plus</a></li> | 
| 308             </ul> | 308             </ul> | 
| 309           </section> | 309             <ul id="social-chinese"> | 
| 310           <section> | 310               <li><a id="weibo">Weibo</a></li> | 
| 311             <h2 class="i18n_options_social_title"></h2> | 311             </ul> | 
| 312             <p class="i18n_options_social_description"></p> | 312             <p> | 
| 313             <div id="social"> | 313               <strong> | 
| 314               <ul id="social-general"> | 314                 <span class="i18n_options_email"></span> | 
| 315                 <li><a id="twitter">Twitter</a></li> | 315                 <a href="mailto:support@adblockplus.org">support@adblockplus.org
     </a> | 
| 316                 <li><a id="facebook">Facebook</a></li> | 316               </strong> | 
| 317                 <li><a id="google-plus">Google Plus</a></li> | 317             </p> | 
| 318               </ul> | 318           </div> | 
| 319               <ul id="social-chinese"> | 319         </section> | 
| 320                 <li><a id="weibo">Weibo</a></li> | 320       </div> | 
| 321               </ul> | 321     </main> | 
| 322               <p> |  | 
| 323                 <strong> |  | 
| 324                   <span class="i18n_options_email"></span> |  | 
| 325                   <a href="mailto:support@adblockplus.org">support@adblockplus.o
     rg</a> |  | 
| 326                 </strong> |  | 
| 327               </p> |  | 
| 328             </div> |  | 
| 329           </section> |  | 
| 330         </div> |  | 
| 331       </div> |  | 
| 332     </div> |  | 
| 333 | 322 | 
| 334     <!-- Dialog --> | 323     <!-- Dialog --> | 
| 335     <div id="dialog" role="dialog" aria-hidden="true"> | 324     <div id="dialog" role="dialog" aria-hidden="true"> | 
| 336       <header> | 325       <header> | 
| 337         <span id="dialog-title"> | 326         <span id="dialog-title"> | 
|  | 327           <span id="dialog-title-about" class="i18n_options_dialog_about_title">
     </span> | 
| 338           <span id="dialog-title-custom" class="i18n_options_dialog_custom_title
     "></span> | 328           <span id="dialog-title-custom" class="i18n_options_dialog_custom_title
     "></span> | 
| 339           <span id="dialog-title-language-add" class="i18n_options_dialog_langua
     ge_title"></span> | 329           <span id="dialog-title-language-add" class="i18n_options_dialog_langua
     ge_title"></span> | 
| 340           <span id="dialog-title-language-change" class="i18n_options_dialog_lan
     guage_title"></span> | 330           <span id="dialog-title-language-change" class="i18n_options_dialog_lan
     guage_title"></span> | 
| 341           <span id="dialog-title-predefined" class="i18n_options_dialog_predefin
     ed_title"></span> | 331           <span id="dialog-title-predefined" class="i18n_options_dialog_predefin
     ed_title"></span> | 
| 342         </span> | 332         </span> | 
| 343         <button id="dialog-close" class="i18n_options_close focus-first" data-ac
     tion="close-dialog"></button> | 333         <button id="dialog-close" class="i18n_options_close focus-first" data-ac
     tion="close-dialog"></button> | 
| 344       </header> | 334       </header> | 
| 345       <div id="dialog-body" class="content"> | 335       <div id="dialog-body" class="content"> | 
|  | 336         <!-- About Adblock Plus --> | 
|  | 337         <div id="dialog-content-about" class="dialog-content"> | 
|  | 338           <p id="abp-version"></p> | 
|  | 339           <p class="i18n_options_dialog_about_copyright"></p> | 
|  | 340           <p> | 
|  | 341             <button class="i18n_options_close primary" data-action="close-dialog
     "></button> | 
|  | 342           </p> | 
|  | 343         </div> | 
| 346         <!-- Add language subscription --> | 344         <!-- Add language subscription --> | 
| 347         <div id="dialog-content-language-add" class="dialog-content"> | 345         <div id="dialog-content-language-add" class="dialog-content"> | 
| 348           <ul id="all-lang-table-add" class="table list"> | 346           <ul id="all-lang-table-add" class="table list"> | 
| 349             <template> | 347             <template> | 
| 350               <button data-action="add-language-subscription,close-dialog" class
     ="control add" role="checkbox"> | 348               <button data-action="add-language-subscription,close-dialog" class
     ="control add" role="checkbox"> | 
| 351                 <label class="display"></label> | 349                 <label class="display"></label> | 
| 352               </button> | 350               </button> | 
| 353               <button data-action="change-language-subscription,close-dialog" cl
     ass="control change" role="checkbox"> | 351               <button data-action="change-language-subscription,close-dialog" cl
     ass="control change" role="checkbox"> | 
| 354                 <label class="display"></label> | 352                 <label class="display"></label> | 
| 355               </button> | 353               </button> | 
| (...skipping 28 matching lines...) Expand all  Loading... | 
| 384     </div> | 382     </div> | 
| 385      <!-- Notification --> | 383      <!-- Notification --> | 
| 386     <div id="notification" aria-hidden="true" aria-live="polite"> | 384     <div id="notification" aria-hidden="true" aria-live="polite"> | 
| 387       <strong id="notification-text"></strong> | 385       <strong id="notification-text"></strong> | 
| 388       <button id="hide-notification" data-action="hide-notification"> | 386       <button id="hide-notification" data-action="hide-notification"> | 
| 389         <span class="i18n_options_notification_hide sr-only"></span> | 387         <span class="i18n_options_notification_hide sr-only"></span> | 
| 390       </button> | 388       </button> | 
| 391     </div> | 389     </div> | 
| 392   </body> | 390   </body> | 
| 393 </html> | 391 </html> | 
| OLD | NEW | 
|---|