| OLD | NEW | 
|---|
|  | (Empty) | 
| 1 <!DOCTYPE html> |  | 
| 2 <!-- |  | 
| 3   - This file is part of Adblock Plus <https://adblockplus.org/>, |  | 
| 4   - Copyright (C) 2006-2016 Eyeo GmbH |  | 
| 5   - |  | 
| 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 |  | 
| 8   - published by the Free Software Foundation. |  | 
| 9   - |  | 
| 10   - Adblock Plus is distributed in the hope that it will be useful, |  | 
| 11   - but WITHOUT ANY WARRANTY; without even the implied warranty of |  | 
| 12   - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the |  | 
| 13   - GNU General Public License for more details. |  | 
| 14   - |  | 
| 15   - You should have received a copy of the GNU General Public License |  | 
| 16   - along with Adblock Plus.  If not, see <http://www.gnu.org/licenses/>. |  | 
| 17   --> |  | 
| 18 |  | 
| 19 <html> |  | 
| 20   <head> |  | 
| 21     <meta charset="utf-8"> |  | 
| 22     <title class="i18n_options_page_title"></title> |  | 
| 23     <link rel="stylesheet" href="skin/common.css"> |  | 
| 24     <link rel="stylesheet" href="skin/options.css"> |  | 
| 25     <style id="search-style"></style> |  | 
| 26     <script src="ext/common.js"></script> |  | 
| 27     <script src="ext/content.js"></script> |  | 
| 28     <script src="common.js"></script> |  | 
| 29     <script src="i18n.js"></script> |  | 
| 30     <script src="options.js"></script> |  | 
| 31   </head> |  | 
| 32   <body data-tab="general"> |  | 
| 33     <!-- Navigation sidebar --> |  | 
| 34     <div id="nav-sidebar"> |  | 
| 35       <div id="fixed-sidebar" class="fixed"> |  | 
| 36         <header id="page-title"> |  | 
| 37           <p class="i18n_options_page_header_1"></p> |  | 
| 38           <h1 class="i18n_options_page_header_2"></h1> |  | 
| 39         </header> |  | 
| 40         <nav> |  | 
| 41           <ul class="tabs vertical"> |  | 
| 42             <li id="tab-general" data-action="switch-tab" data-tab="general" cla
     ss="active"> |  | 
| 43               <a class="i18n_options_tab_general"></a> |  | 
| 44               <span class="icon"></span> |  | 
| 45             </li> |  | 
| 46             <li id="tab-advanced" data-action="switch-tab" data-tab="advanced-al
     lFilterLists"> |  | 
| 47               <a class="i18n_options_tab_advanced"></a> |  | 
| 48               <span class="icon"></span> |  | 
| 49             </li> |  | 
| 50             <li id="tab-help" data-action="switch-tab" data-tab="help"> |  | 
| 51               <a class="i18n_options_tab_help"></a> |  | 
| 52               <span class="icon"></span> |  | 
| 53             </li> |  | 
| 54           </ul> |  | 
| 55         </nav> |  | 
| 56         <a id="link-version"> |  | 
| 57           <span class="i18n_options_version"></span> |  | 
| 58           <span id="abp-version"></span> |  | 
| 59         </a> |  | 
| 60         <footer> |  | 
| 61           <ul class="tabs vertical bottom"> |  | 
| 62             <li id="tab-share"> |  | 
| 63               <a class="i18n_options_tab_share"></a> |  | 
| 64               <span class="icon"></span> |  | 
| 65             </li> |  | 
| 66             <li id="tab-contribute"> |  | 
| 67               <a class="i18n_options_tab_contribute"></a> |  | 
| 68               <span class="icon"></span> |  | 
| 69             </li> |  | 
| 70           </ul> |  | 
| 71         </footer> |  | 
| 72       </div> |  | 
| 73     </div> |  | 
| 74     <div id="content"> |  | 
| 75       <div id="content-wrapper"> |  | 
| 76         <div id="dialog-background"></div> |  | 
| 77 |  | 
| 78         <!-- General tab content --> |  | 
| 79         <div id="content-general" class="tab-content"> |  | 
| 80           <div> |  | 
| 81             <h1 class="i18n_options_blocking_title"></h1> |  | 
| 82             <div class="hbox"> |  | 
| 83               <div id="blocking-languages"> |  | 
| 84                 <div class="option-name"> |  | 
| 85                   <span class="i18n_options_language_title"></span> |  | 
| 86                   <div class="tooltip"> |  | 
| 87                     <span class="i18n_options_readMore"></span> |  | 
| 88                     <div role="tooltip"> |  | 
| 89                       <img src="skin/tooltips/block.png" alt="" /> |  | 
| 90                       <p class="i18n_options_language_title_tooltip"></p> |  | 
| 91                       <div class="notes"> |  | 
| 92                         <p class="i18n_options_language_title_tooltip_notes_1"><
     /p> |  | 
| 93                         <p class="i18n_options_language_title_tooltip_notes_2"><
     /p> |  | 
| 94                       </div> |  | 
| 95                     </div> |  | 
| 96                   </div> |  | 
| 97                 </div> |  | 
| 98                 <ul id="blocking-languages-table" class="table list"> |  | 
| 99                   <template> |  | 
| 100                     <button role="checkbox" class="control"></button> |  | 
| 101                     <label class="display"></label> |  | 
| 102                   </template> |  | 
| 103                 </ul> |  | 
| 104                 <div class="controls"> |  | 
| 105                   <button data-action="open-dialog" data-dialog="language"> |  | 
| 106                     <span class="icon icon-add"></span> |  | 
| 107                     <span class="i18n_options_language_add"></span> |  | 
| 108                   </button> |  | 
| 109                 </div> |  | 
| 110               </div> |  | 
| 111               <div id="further-blocking"> |  | 
| 112                 <div class="option-name"> |  | 
| 113                   <strong class="i18n_options_furtherBlocking_title"></strong> |  | 
| 114                   <div class="tooltip"> |  | 
| 115                     <span class="i18n_options_readMore"></span> |  | 
| 116                     <div role="tooltip" class="flip-vertical"> |  | 
| 117                       <img src="skin/tooltips/more.png" alt="" /> |  | 
| 118                       <p class="i18n_options_furtherBlocking_title_tooltip"></p> |  | 
| 119                     </div> |  | 
| 120                   </div> |  | 
| 121                 </div> |  | 
| 122                 <div id="custom-wrapper"> |  | 
| 123                   <ul id="recommend-list-table" class="table list"> |  | 
| 124                     <template> |  | 
| 125                       <button role="checkbox" class="control"></button> |  | 
| 126                       <label class="display"></label> |  | 
| 127                       <span class="i18n_options_popular popular"></span> |  | 
| 128                     </template> |  | 
| 129                   </ul> |  | 
| 130                   <ul id="custom-list-table" class="table list"> |  | 
| 131                     <template> |  | 
| 132                       <button role="checkbox" class="control"></button> |  | 
| 133                       <label class="display"></label> |  | 
| 134                     </template> |  | 
| 135                   </ul> |  | 
| 136                 </div> |  | 
| 137                 <div class="controls"> |  | 
| 138                   <button data-action="open-dialog" data-dialog="custom"> |  | 
| 139                     <span class="icon icon-add"></span> |  | 
| 140                     <span class="i18n_options_furtherBlocking_add"><span> |  | 
| 141                   </button> |  | 
| 142                 </div> |  | 
| 143               </div> |  | 
| 144             </div> |  | 
| 145           </div> |  | 
| 146           <div> |  | 
| 147             <h1 class="i18n_options_exceptions_title"></h1> |  | 
| 148             <div class="hbox"> |  | 
| 149               <div id="acceptable-ads"> |  | 
| 150                 <div class="option-name"> |  | 
| 151                   <strong class="i18n_options_acceptableAds_title"></strong> |  | 
| 152                   <div class="tooltip"> |  | 
| 153                     <span class="i18n_options_readMore"></span> |  | 
| 154                     <div role="tooltip"> |  | 
| 155                       <img src="skin/tooltips/acceptable-ads.png" alt="" /> |  | 
| 156                       <p class="i18n_options_acceptableAds_title_tooltip_1"></p> |  | 
| 157                       <p class="i18n_options_acceptableAds_title_tooltip_2"></p> |  | 
| 158                       <p class="i18n_options_acceptableAds_title_tooltip_3"></p> |  | 
| 159                     </div> |  | 
| 160                   </div> |  | 
| 161                 </div> |  | 
| 162                 <ul id="acceptableads-table" class="table list"> |  | 
| 163                   <template> |  | 
| 164                     <button role="checkbox" class="control"></button> |  | 
| 165                     <label class="display"></label> |  | 
| 166                   </template> |  | 
| 167                 </ul> |  | 
| 168               </div> |  | 
| 169               <div id="whitelisting"> |  | 
| 170                 <div class="option-name"> |  | 
| 171                   <strong class="i18n_options_whitelisted_title"></strong> |  | 
| 172                   <div class="tooltip"> |  | 
| 173                     <span class="i18n_options_readMore"></span> |  | 
| 174                     <div role="tooltip" class="flip-vertical"> |  | 
| 175                       <img src="skin/tooltips/whitelisted.png" alt="" /> |  | 
| 176                       <p class="i18n_options_whitelisted_title_tooltip_1"></p> |  | 
| 177                       <p class="i18n_options_whitelisted_title_tooltip_2"></p> |  | 
| 178                       <div class="notes"> |  | 
| 179                         <p class="i18n_options_whitelisted_title_tooltip_notes">
     </p> |  | 
| 180                       </div> |  | 
| 181                     </div> |  | 
| 182                   </div> |  | 
| 183                 </div> |  | 
| 184                 <ul id="whitelisting-table" class="table list"> |  | 
| 185                   <template> |  | 
| 186                     <button class="delete control"></button> |  | 
| 187                     <label class="display"></label> |  | 
| 188                   </template> |  | 
| 189                 </ul> |  | 
| 190                 <div class="controls"> |  | 
| 191                   <button data-action="edit-domain-exception"> |  | 
| 192                     <span class="icon icon-add"></span> |  | 
| 193                     <span class="i18n_options_whitelisted_add"></span> |  | 
| 194                   </button> |  | 
| 195                   <div> |  | 
| 196                     <span class="icon icon-add" data-action="add-domain-exceptio
     n"></span> |  | 
| 197                     <input type="text" id="whitelisting-textbox" placeholder="ww
     w.example.com" /> |  | 
| 198                     <span class="icon icon-enter" data-action="add-domain-except
     ion"></span> |  | 
| 199                   </div> |  | 
| 200                   <div> |  | 
| 201                     <button id="whitelisting-add-button" class="button-add" data
     -action="add-domain-exception"> |  | 
| 202                       +<span class="i18n_options_button_add"></span> |  | 
| 203                     </button> |  | 
| 204                     <span></span> |  | 
| 205                     <button class="i18n_options_button_cancel cancel-button" dat
     a-action="cancel-domain-exception"></button> |  | 
| 206                   </div> |  | 
| 207                 </div> |  | 
| 208               </div> |  | 
| 209             </div> |  | 
| 210           </div> |  | 
| 211         </div> |  | 
| 212 |  | 
| 213         <!-- Advanced tab content --> |  | 
| 214         <div id="content-advanced" class="tab-content"> |  | 
| 215           <div> |  | 
| 216             <h1> |  | 
| 217               <span class="i18n_options_tweaks_title"></span> |  | 
| 218               <a class="i18n_options_readMore tooltip"></a> |  | 
| 219             </h1> |  | 
| 220             <ul id="tweaks" class="table"> |  | 
| 221               <li data-pref="shouldShowBlockElementMenu"> |  | 
| 222                 <label> |  | 
| 223                   <button role="checkbox" data-action="toggle-pref"></button> |  | 
| 224                   <span class="i18n_options_tweaks_blockElement"></span> |  | 
| 225                 </label> |  | 
| 226               </li> |  | 
| 227               <li data-pref="show_devtools_panel"> |  | 
| 228                 <label> |  | 
| 229                   <button role="checkbox" data-action="toggle-pref"></button> |  | 
| 230                   <span class="i18n_options_tweaks_showDevToolsPanel"></span> |  | 
| 231                 </label> |  | 
| 232               </li> |  | 
| 233               <li data-pref="notifications_ignoredcategories"> |  | 
| 234                 <label> |  | 
| 235                   <button role="checkbox" data-action="toggle-pref"></button> |  | 
| 236                   <span class="i18n_options_tweaks_showNotifications"></span> |  | 
| 237                 </label> |  | 
| 238               </li> |  | 
| 239               <li data-pref="safari_contentblocker"> |  | 
| 240                 <label> |  | 
| 241                   <button role="checkbox" data-action="toggle-pref"></button> |  | 
| 242                   <span class="i18n_options_tweaks_safariContentBlocker"></span> |  | 
| 243                 </label> |  | 
| 244                 <span id="restart-safari" class="i18n_options_tweaks_restartSafa
     ri"></span> |  | 
| 245               </li> |  | 
| 246             </ul> |  | 
| 247           </div> |  | 
| 248 |  | 
| 249           <div> |  | 
| 250             <h1> |  | 
| 251               <span class="i18n_options_filterList_title"></span> |  | 
| 252               <a class="i18n_options_readMore tooltip"></a> |  | 
| 253             </h1> |  | 
| 254             <ul class="tabs horizontal"> |  | 
| 255               <li class="i18n_options_tab_overview active" data-action="switch-t
     ab" data-tab="advanced-allFilterLists"></li> |  | 
| 256               <li class="i18n_options_tab_ownList" data-action="switch-tab" data
     -tab="advanced-customFilters"></li> |  | 
| 257             </ul> |  | 
| 258             <div id="filter-lists"> |  | 
| 259               <div id="all-filter-lists"> |  | 
| 260                 <div class="table-header"> |  | 
| 261                   <h3 class="i18n_options_column_name"></h3> |  | 
| 262                   <h3 class="i18n_options_column_date"></h3> |  | 
| 263                 </div> |  | 
| 264                 <ul class="table cols" id="all-filter-lists-table"> |  | 
| 265                   <template> |  | 
| 266                     <button role="checkbox" class="control"></button> |  | 
| 267                     <div> |  | 
| 268                       <label data-action="open-context-menu" class="display"></l
     abel> |  | 
| 269                       <div data-action="open-context-menu" class="arrow"> |  | 
| 270                         <div class="context-menu"> |  | 
| 271                           <div class="content"> |  | 
| 272                             <a class="i18n_options_filterList_updateNow update-s
     ubscription" data-action="update-subscription"></a> |  | 
| 273                             <a class="i18n_options_filterList_website website" t
     arget="_blank"></a> |  | 
| 274                             <a class="i18n_options_filterList_source source" tar
     get="_blank"></a> |  | 
| 275                             <a class="i18n_options_filterList_delete delete" dat
     a-action="remove-subscription"></a> |  | 
| 276                           </div> |  | 
| 277                         </div> |  | 
| 278                       </div> |  | 
| 279                     </div> |  | 
| 280                     <span class="date"></span> |  | 
| 281                     <span class="time"></span> |  | 
| 282                     <span class="message"></span> |  | 
| 283                   </template> |  | 
| 284                   <li class="static"> |  | 
| 285                     <button role="checkbox" class="control" aria-checked="true" 
     disabled="true"></button> |  | 
| 286                     <div> |  | 
| 287                       <label class="i18n_options_filterList_own_list"></label> |  | 
| 288                     </div> |  | 
| 289                     <span data-action="switch-tab,edit-custom-filters" data-tab=
     "advanced-customFilters"> |  | 
| 290                       <a class="i18n_options_filterList_edit_own_list"></a> |  | 
| 291                     </span> |  | 
| 292                   </li> |  | 
| 293                 </ul> |  | 
| 294                 <div class="controls"> |  | 
| 295                   <button data-action="open-dialog" data-dialog="custom"> |  | 
| 296                     <span class="icon icon-add"></span> |  | 
| 297                     <span class="i18n_options_filterList_add"></span> |  | 
| 298                   </button> |  | 
| 299                   <button data-action="update-all-subscriptions"> |  | 
| 300                     <span class="icon icon-update"></span> |  | 
| 301                     <span class="i18n_options_filterList_update"></span> |  | 
| 302                   </button> |  | 
| 303                 </div> |  | 
| 304               </div> |  | 
| 305               <div id="custom-filters"> |  | 
| 306                 <h3 id="custom-filters-header" class="i18n_options_customFilters
     _title"></h3> |  | 
| 307                 <div id="custom-filters-wrapper"> |  | 
| 308                   <div id="custom-filters-list-wrapper"> |  | 
| 309                     <ul id="custom-filters-table" class="table list"> |  | 
| 310                       <template> |  | 
| 311                         <label class="display"></label> |  | 
| 312                       </template> |  | 
| 313                     </ul> |  | 
| 314                     <form id="custom-filters-add" class="controls"> |  | 
| 315                       <input type="text"/> |  | 
| 316                       <button class="i18n_options_button_add" type="submit"></bu
     tton> |  | 
| 317                     </form> |  | 
| 318                   </div> |  | 
| 319                   <textarea id="custom-filters-raw"></textarea> |  | 
| 320                 </div> |  | 
| 321                 <div id="custom-filters-edit-wrapper" class="controls"> |  | 
| 322                   <button id="custom-filters-show-edit" data-action="edit-custom
     -filters"> |  | 
| 323                     <span class="icon icon-edit"></span> |  | 
| 324                     <span class="i18n_options_customFilter_edit"></span> |  | 
| 325                   </button> |  | 
| 326                   <div id="custom-filters-raw-controls"> |  | 
| 327                     <button data-action="cancel-custom-filters"> |  | 
| 328                       <span class="icon icon-edit"></span> |  | 
| 329                       <span class="i18n_options_customFilter_list"></span> |  | 
| 330                     </button> |  | 
| 331                     <button id="custom-filters-raw-save" data-action="save-custo
     m-filters"> |  | 
| 332                       <span class="icon icon-edit"></span> |  | 
| 333                       <span class="i18n_options_customFilter_save"></span> |  | 
| 334                     </button> |  | 
| 335                   </div> |  | 
| 336                 </div> |  | 
| 337               </div> |  | 
| 338             </div> |  | 
| 339           </div> |  | 
| 340         </div> |  | 
| 341 |  | 
| 342         <!-- Help tab content --> |  | 
| 343         <div id="content-help" class="tab-content"> |  | 
| 344           <h1 class="i18n_options_faq_title"></h1> |  | 
| 345           <p class="i18n_options_faq_description"></p> |  | 
| 346           <p> |  | 
| 347              <a class="i18n_options_faq_title" href="#" target="_blank"></a> |  | 
| 348           </p> |  | 
| 349           <h1 class="i18n_options_forum_title"></h1> |  | 
| 350           <p class="i18n_options_forum_description"></p> |  | 
| 351           <p> |  | 
| 352              <a class="i18n_options_forum_link" href="#" target="_blank"></a> |  | 
| 353           </p> |  | 
| 354           <h1 class="i18n_options_media_title"></h1> |  | 
| 355           <p class="i18n_options_media_description"></p> |  | 
| 356           <p> |  | 
| 357             <a href="#" target="_blank">Twitter</a> |  | 
| 358             <a href="#" target="_blank">Facebook</a> |  | 
| 359             <a href="#" target="_blank">Google+</a> |  | 
| 360           </p> |  | 
| 361         </div> |  | 
| 362       </div> |  | 
| 363     </div> |  | 
| 364 |  | 
| 365     <!-- Dialog --> |  | 
| 366     <div id="dialog" role="dialog" aria-hidden="true"> |  | 
| 367       <header> |  | 
| 368         <span id="dialog-title"> |  | 
| 369           <span id="dialog-title-custom" class="i18n_options_dialog_custom_title
     "></span> |  | 
| 370           <span id="dialog-title-language" class="i18n_options_dialog_language_t
     itle"></span> |  | 
| 371           <span id="dialog-title-predefined" class="i18n_options_dialog_predefin
     ed_title"></span> |  | 
| 372         </span> |  | 
| 373         <button id="dialog-close" class="i18n_options_close focus-first" data-ac
     tion="close-dialog"></button> |  | 
| 374       </header> |  | 
| 375       <div id="dialog-body" class="content"> |  | 
| 376         <!-- Add language subscription --> |  | 
| 377         <div id="dialog-content-language" class="dialog-content"> |  | 
| 378           <div class="dialog-content-block"> |  | 
| 379             <h3 class="i18n_options_dialog_language_added"></h3> |  | 
| 380             <ul id="blocking-languages-dialog-table" class="table list"> |  | 
| 381               <template> |  | 
| 382                 <label class="display"></label> |  | 
| 383               </template> |  | 
| 384             </ul> |  | 
| 385           </div> |  | 
| 386           <div id="other-language" class="dialog-content-block"> |  | 
| 387             <div> |  | 
| 388               <label for="find-language" class="i18n_options_dialog_language_oth
     er"></label> |  | 
| 389               <input type="search" id="find-language" class="default-focus" /> |  | 
| 390             </div> |  | 
| 391             <ul id="all-lang-table" class="table list"> |  | 
| 392               <template> |  | 
| 393                 <button class="button-add control"> |  | 
| 394                   +<span class="i18n_options_button_add"></span> |  | 
| 395                 </button> |  | 
| 396                 <label class="display"></label> |  | 
| 397               </template> |  | 
| 398             </ul> |  | 
| 399           </div> |  | 
| 400         </div> |  | 
| 401         <!-- Add custom subscription --> |  | 
| 402         <div id="dialog-content-custom" class="dialog-content"> |  | 
| 403           <div class="dialog-content-block"> |  | 
| 404             <div> |  | 
| 405               <label for="blockingList-textbox" class="i18n_options_dialog_custo
     m_subscription_title"></label> |  | 
| 406               <input id="blockingList-textbox" type="text" class="default-focus"
      placeholder="www.example.com/blockinglist.txt" /> |  | 
| 407             </div> |  | 
| 408             <button class="i18n_options_dialog_custom_import" data-action="impor
     t-subscription"></button> |  | 
| 409           </div> |  | 
| 410           <div class="dialog-content-block"> |  | 
| 411             <h3 class="i18n_options_dialog_edit_own_list"></h3> |  | 
| 412             <button class="i18n_options_dialog_create_own_list" data-action="clo
     se-dialog,switch-tab,edit-custom-filters" data-tab="advanced-customFilters"></bu
     tton> |  | 
| 413           </div> |  | 
| 414         </div> |  | 
| 415         <!-- Add predefined subscription --> |  | 
| 416         <div id="dialog-content-predefined" class="dialog-content"> |  | 
| 417           <div class="dialog-content-block"> |  | 
| 418             <h3></h3> |  | 
| 419             <div class="url"></div> |  | 
| 420             <button class="i18n_options_dialog_predefined_confirm default-focus"
      data-action="add-predefined-subscription"></button> |  | 
| 421           </div> |  | 
| 422         </div> |  | 
| 423       </div> |  | 
| 424       <!-- Placeholder element to determine when to wrap focus around --> |  | 
| 425       <span class="focus-last" tabindex="0"></span> |  | 
| 426     </div> |  | 
| 427   </body> |  | 
| 428 </html> |  | 
| OLD | NEW | 
|---|