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 |