| LEFT | RIGHT | 
|---|
| 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 235 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
| 246                       <li role="menuitem"> | 246                       <li role="menuitem"> | 
| 247                         <button class="i18n_options_filterList_delete delete" da
     ta-action="remove-subscription"></button> | 247                         <button class="i18n_options_filterList_delete delete" da
     ta-action="remove-subscription"></button> | 
| 248                       </li> | 248                       </li> | 
| 249                     </ul> | 249                     </ul> | 
| 250                   </div> | 250                   </div> | 
| 251                 </div> | 251                 </div> | 
| 252                 <button data-action="remove-subscription" class="control delete"
     ></button> | 252                 <button data-action="remove-subscription" class="control delete"
     ></button> | 
| 253               </div> | 253               </div> | 
| 254             </template> | 254             </template> | 
| 255           </ul> | 255           </ul> | 
| 256           <div class="side-controls"> | 256           <div class="side-controls wrap"> | 
| 257             <button class="i18n_options_filterList_add primary" data-action="ope
     n-dialog" data-dialog="custom"></button> | 257             <button class="i18n_options_filterList_add primary" data-action="ope
     n-dialog" data-dialog="import"></button> | 
| 258             <button id="update" class="i18n_options_filterList_update secondary"
      data-action="update-all-subscriptions"></button> | 258             <button id="update" class="i18n_options_filterList_update secondary"
      data-action="update-all-subscriptions"></button> | 
| 259           </div> | 259           </div> | 
| 260         </section> | 260         </section> | 
| 261 | 261 | 
| 262         <section class="cols"> | 262         <section class="cols"> | 
| 263           <header> | 263           <header> | 
| 264             <h2 class="i18n_options_customFilters_title"></h2> | 264             <h2 class="i18n_options_customFilters_title"></h2> | 
| 265             <p class="i18n_options_customFilters_description"></p> | 265             <p class="i18n_options_customFilters_description"></p> | 
| 266           </header> | 266           </header> | 
| 267           <div id="custom-filters"> | 267           <div id="custom-filters"> | 
| 268             <h3 class="i18n_options_customFilters_widget_title"></h3> | 268             <h3 class="i18n_options_customFilters_widget_title"></h3> | 
| 269             <div id="empty-custom-filters"> | 269             <div id="empty-custom-filters"> | 
| 270               <p class="i18n_options_customFilters_tip"></p> | 270               <p class="i18n_options_customFilters_tip"></p> | 
| 271               <button class="i18n_options_customFilters_start primary" data-acti
     on="edit-custom-filters"> | 271               <button class="i18n_options_customFilters_start primary" data-acti
     on="edit-custom-filters"> | 
| 272               </button> | 272               </button> | 
| 273               <p> | 273               <p> | 
| 274                 <a class="i18n_options_customFilters_learn" id="link-filters" ta
     rget="_blank"></a> | 274                 <a class="i18n_options_customFilters_learn" id="link-filters" ta
     rget="_blank"></a> | 
| 275               </p> | 275               </p> | 
| 276             </div> | 276             </div> | 
| 277             <textarea id="custom-filters-raw" rows="15"></textarea> | 277             <textarea id="custom-filters-raw" rows="15"></textarea> | 
| 278             <div class="side-controls"> | 278             <div class="side-controls wrap"> | 
| 279               <button id="custom-filters-edit" class="i18n_options_customFilter_
     edit secondary" data-action="edit-custom-filters"> | 279               <button id="custom-filters-edit" class="i18n_options_customFilter_
     edit secondary" data-action="edit-custom-filters"> | 
| 280               </button> | 280               </button> | 
| 281               <div id="custom-filters-raw-controls"> | 281               <div class="side-controls" id="custom-filters-raw-controls"> | 
| 282                 <button class="i18n_options_customFilter_cancel secondary" data-
     action="cancel-custom-filters"></button> | 282                 <button class="i18n_options_customFilter_cancel secondary" data-
     action="cancel-custom-filters"></button> | 
| 283                 <button class="i18n_options_customFilter_save primary" data-acti
     on="save-custom-filters"></button> | 283                 <button class="i18n_options_customFilter_save primary" data-acti
     on="save-custom-filters"></button> | 
| 284               </div> | 284               </div> | 
| 285             </div> | 285             </div> | 
| 286           </div> | 286           </div> | 
| 287         </section> | 287         </section> | 
| 288       </div> | 288       </div> | 
| 289 | 289 | 
| 290       <!-- Help tab content --> | 290       <!-- Help tab content --> | 
| 291       <div id="content-help" role="tabpanel" aria-labelledby="tab-help"> | 291       <div id="content-help" role="tabpanel" aria-labelledby="tab-help"> | 
| (...skipping 33 matching lines...) Expand 10 before | Expand all | Expand 10 after  Loading... | 
| 325           </div> | 325           </div> | 
| 326         </section> | 326         </section> | 
| 327       </div> | 327       </div> | 
| 328     </main> | 328     </main> | 
| 329 | 329 | 
| 330     <!-- Dialog --> | 330     <!-- Dialog --> | 
| 331     <div id="dialog" role="dialog" aria-hidden="true"> | 331     <div id="dialog" role="dialog" aria-hidden="true"> | 
| 332       <header> | 332       <header> | 
| 333         <span id="dialog-title"> | 333         <span id="dialog-title"> | 
| 334           <h3 id="dialog-title-about" class="i18n_options_dialog_about_title"></
     h3> | 334           <h3 id="dialog-title-about" class="i18n_options_dialog_about_title"></
     h3> | 
| 335           <h3 id="dialog-title-custom" class="i18n_options_dialog_custom_title">
     </h3> | 335           <h3 id="dialog-title-import" class="i18n_options_dialog_import_title">
     </h3> | 
| 336           <h3 id="dialog-title-language-add" class="i18n_options_dialog_language
     _title"></h3> | 336           <h3 id="dialog-title-language-add" class="i18n_options_dialog_language
     _title"></h3> | 
| 337           <h3 id="dialog-title-language-change" class="i18n_options_dialog_langu
     age_title"></h3> | 337           <h3 id="dialog-title-language-change" class="i18n_options_dialog_langu
     age_title"></h3> | 
| 338           <h3 id="dialog-title-predefined" class="i18n_options_dialog_predefined
     _title"></h3> | 338           <h3 id="dialog-title-predefined" class="i18n_options_dialog_predefined
     _title"></h3> | 
| 339           <h3 id="dialog-title-tracking" class="i18n_options_dialog_tracking_tit
     le"></h3> | 339           <h3 id="dialog-title-tracking" class="i18n_options_dialog_tracking_tit
     le"></h3> | 
| 340         </span> | 340         </span> | 
| 341         <button id="dialog-close" data-action="close-dialog"></button> | 341         <button id="dialog-close" data-action="close-dialog"></button> | 
| 342       </header> | 342       </header> | 
| 343       <div id="dialog-body" class="content"> | 343       <div id="dialog-body" class="content"> | 
| 344         <!-- About Adblock Plus --> | 344         <!-- About Adblock Plus --> | 
| 345         <div id="dialog-content-about" class="dialog-content"> | 345         <div id="dialog-content-about" class="dialog-content"> | 
| (...skipping 10 matching lines...) Expand all  Loading... | 
| 356             <template> | 356             <template> | 
| 357               <button data-action="add-language-subscription,close-dialog" class
     ="control add" role="checkbox"> | 357               <button data-action="add-language-subscription,close-dialog" class
     ="control add" role="checkbox"> | 
| 358                 <label class="display"></label> | 358                 <label class="display"></label> | 
| 359               </button> | 359               </button> | 
| 360               <button data-action="change-language-subscription,close-dialog" cl
     ass="control change" role="checkbox"> | 360               <button data-action="change-language-subscription,close-dialog" cl
     ass="control change" role="checkbox"> | 
| 361                 <label class="display"></label> | 361                 <label class="display"></label> | 
| 362               </button> | 362               </button> | 
| 363             </template> | 363             </template> | 
| 364           </ul> | 364           </ul> | 
| 365         </div> | 365         </div> | 
| 366         <!-- Add custom subscription --> | 366         <!-- Add import subscription --> | 
| 367         <div id="dialog-content-custom" class="dialog-content"> | 367         <div id="dialog-content-import" class="dialog-content"> | 
| 368           <div> | 368           <form data-validation="custom" novalidate> | 
| 369             <label for="blockingList-textbox" class="i18n_options_dialog_custom_
     subscription_title"></label> | 369             <p class="floating-input"> | 
| 370             <input id="blockingList-textbox" type="text" class="default-focus" p
     laceholder="https://website.com/filterlist.txt" /> | 370               <input placeholder=" " id="import-list-title" type="text" class="d
     efault-focus" required /> | 
| 371           </div> | 371               <label for="import-list-title" class="i18n_options_dialog_import_s
     ubscription_title"></label> | 
| 372           <p> | 372               <span class="attention"></span> | 
| 373             <button class="i18n_options_dialog_custom_import primary" data-actio
     n="import-subscription"></button> | 373               <span class="i18n_options_dialog_import_subscription_title_error e
     rror-msg"></span> | 
| 374           </p> | 374             </p> | 
|  | 375             <p class="floating-input"> | 
|  | 376               <input placeholder=" " id="import-list-url" type="url" class="defa
     ult-focus" required/> | 
|  | 377               <label for="import-list-url" class="i18n_options_dialog_import_sub
     scription_location"></label> | 
|  | 378               <span class="attention"></span> | 
|  | 379               <span class="i18n_options_dialog_import_subscription_location_erro
     r error-msg"></span> | 
|  | 380             </p> | 
|  | 381             <p class="side-controls"> | 
|  | 382               <button class="i18n_options_customFilter_cancel secondary" type="r
     eset" data-action="close-dialog"></button> | 
|  | 383               <button type="button" class="i18n_options_dialog_import_title prim
     ary" data-action="validate-import-subscription"></button> | 
|  | 384             </p> | 
|  | 385           </form> | 
| 375         </div> | 386         </div> | 
| 376         <!-- Add predefined subscription --> | 387         <!-- Add predefined subscription --> | 
| 377         <div id="dialog-content-predefined" class="dialog-content"> | 388         <div id="dialog-content-predefined" class="dialog-content"> | 
| 378           <div class="dialog-content-block"> | 389           <div class="dialog-content-block"> | 
| 379             <h3></h3> | 390             <h3></h3> | 
| 380             <div class="url"></div> | 391             <div class="url"></div> | 
| 381             <button class="i18n_options_dialog_predefined_confirm default-focus 
     primary" data-action="add-predefined-subscription"></button> | 392             <button class="i18n_options_dialog_predefined_confirm default-focus 
     primary" data-action="add-predefined-subscription"></button> | 
| 382           </div> | 393           </div> | 
| 383         </div> | 394         </div> | 
| 384         <!-- Acceptable Ads tracking notification --> | 395         <!-- Acceptable Ads tracking notification --> | 
| 385         <div id="dialog-content-tracking" class="dialog-content"> | 396         <div id="dialog-content-tracking" class="dialog-content"> | 
| 386           <div class="dialog-content-block"> | 397           <div class="dialog-content-block"> | 
| 387             <div id="tracking-notification"> | 398             <div id="tracking-notification"> | 
| 388               <p class="i18n_options_dialog_tracking_notification_1"></p> | 399               <p class="i18n_options_dialog_tracking_notification_1"></p> | 
| 389               <p class="i18n_options_dialog_tracking_notification_2"></p> | 400               <p class="i18n_options_dialog_tracking_notification_2"></p> | 
| 390               <p class="i18n_options_dialog_tracking_notification_3"></p> | 401               <p class="i18n_options_dialog_tracking_notification_3"></p> | 
| 391               <p class="i18n_options_dialog_tracking_notification_4"></p> | 402               <p class="i18n_options_dialog_tracking_notification_4"></p> | 
| 392             </div> | 403             </div> | 
| 393             <h3 class="i18n_options_dialog_tracking_note_title"></h3> | 404             <h3 class="i18n_options_dialog_tracking_note_title"></h3> | 
| 394             <ul> | 405             <ul> | 
| 395               <li class="i18n_options_dialog_tracking_note_1"></li> | 406               <li class="i18n_options_dialog_tracking_note_1"></li> | 
| 396               <li class="i18n_options_dialog_tracking_note_2"></li> | 407               <li class="i18n_options_dialog_tracking_note_2"></li> | 
| 397               <li class="i18n_options_dialog_tracking_note_3"></li> | 408               <li class="i18n_options_dialog_tracking_note_3"></li> | 
| 398             </ul> | 409             </ul> | 
| 399             <p> | 410             <p class="side-controls wrap"> | 
| 400               <button class="i18n_options_dialog_tracking_allow primary default-
     focus" data-pref="ui_warn_tracking" data-action="toggle-pref,close-dialog"></but
     ton> | 411               <button class="i18n_options_dialog_tracking_allow primary default-
     focus" data-pref="ui_warn_tracking" data-action="toggle-pref,close-dialog"></but
     ton> | 
| 401             </p> |  | 
| 402             <p> |  | 
| 403               <button class="i18n_options_dialog_tracking_disallow secondary" da
     ta-pref="ui_warn_tracking" data-value="privacy" data-action="switch-acceptable-a
     ds,toggle-pref,close-dialog"></button> | 412               <button class="i18n_options_dialog_tracking_disallow secondary" da
     ta-pref="ui_warn_tracking" data-value="privacy" data-action="switch-acceptable-a
     ds,toggle-pref,close-dialog"></button> | 
| 404             </p> | 413             </p> | 
| 405           </div> | 414           </div> | 
| 406         </div> | 415         </div> | 
| 407       </div> | 416       </div> | 
| 408       <!-- Placeholder element to determine when to wrap focus around --> | 417       <!-- Placeholder element to determine when to wrap focus around --> | 
| 409       <span class="focus-last" tabindex="0"></span> | 418       <span class="focus-last" tabindex="0"></span> | 
| 410     </div> | 419     </div> | 
| 411      <!-- Notification --> | 420      <!-- Notification --> | 
| 412     <div id="notification" aria-hidden="true" aria-live="polite"> | 421     <div id="notification" aria-hidden="true" aria-live="polite"> | 
| 413       <strong id="notification-text"></strong> | 422       <strong id="notification-text"></strong> | 
| 414       <button id="hide-notification" data-action="hide-notification"> | 423       <button id="hide-notification" data-action="hide-notification"> | 
| 415         <span class="i18n_options_notification_hide sr-only"></span> | 424         <span class="i18n_options_notification_hide sr-only"></span> | 
| 416       </button> | 425       </button> | 
| 417     </div> | 426     </div> | 
| 418   </body> | 427   </body> | 
| 419 </html> | 428 </html> | 
| LEFT | RIGHT | 
|---|