| 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 |