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-2017 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, |
11 - but WITHOUT ANY WARRANTY; without even the implied warranty of | 11 - but WITHOUT ANY WARRANTY; without even the implied warranty of |
12 - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | 12 - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the |
13 - GNU General Public License for more details. | 13 - GNU General Public License for more details. |
14 - | 14 - |
15 - You should have received a copy of the GNU General Public License | 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/>. | 16 - along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>. |
17 --> | 17 --> |
18 | 18 |
19 <html> | 19 <html> |
20 <head> | 20 <head> |
21 <meta charset="utf-8"> | 21 <meta charset="utf-8"> |
22 <title class="i18n_options_page_title"></title> | 22 <title class="i18n_options_page_title"></title> |
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"> | 49 </li> |
47 <span class="i18n_options_tab_general"></span> | 50 <li role="presentation"> |
48 </li> | 51 <a href="#whitelist" class="i18n_options_tab_whitelist" role="tab"
tabindex="-1" aria-controls="content-whitelist"></a> |
49 <li id="tab-whitelist" role="tab" data-tab="whitelist" | 52 </li> |
50 aria-controls="content-whitelist" | 53 <li role="presentation"> |
51 tabindex="-1"> | 54 <a href="#advanced" class="i18n_options_tab_advanced" role="tab" t
abindex="-1" aria-controls="content-advanced"></a> |
52 <span class="i18n_options_tab_whitelist"></span> | 55 </li> |
53 </li> | 56 <li role="presentation"> |
54 <li id="tab-advanced" role="tab" data-tab="advanced" | 57 <a href="#help" class="i18n_options_tab_help" role="tab" tabindex=
"-1" aria-controls="content-help"></a> |
55 aria-controls="content-advanced" tabindex="-1"> | |
56 <span class="i18n_options_tab_advanced"></span> | |
57 </li> | |
58 <li id="tab-help" role="tab" data-tab="help" | |
59 aria-controls="content-help" tabindex="-1"> | |
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 <header> |
89 <h1 class="i18n_options_tab_general"></h1> | 80 <h1 class="i18n_options_tab_general"></h1> |
90 <p class="i18n_options_general_description"></p> | 81 <p class="i18n_options_general_description"></p> |
91 <section> | 82 </header> |
92 <h2 class="i18n_options_privacy_header"></h2> | 83 <section class="cols"> |
93 <ul id="recommend-security-list-table" class="table list"> | 84 <h2 class="i18n_options_privacy_header"></h2> |
| 85 <ul class="list" id="recommend-protection-list-table"> |
| 86 <template> |
| 87 <button data-action="toggle-remove-subscription" role="checkbox" c
lass="control"></button> |
| 88 <label class="display"></label> |
| 89 <span data-tooltip="options_protection_%value%_tooltip"></span> |
| 90 </template> |
| 91 </ul> |
| 92 </section> |
| 93 <section class="cols"> |
| 94 <header> |
| 95 <h2 class="i18n_options_acceptableAds_header"></h2> |
| 96 <p class="i18n_options_acceptableAds_description"></p> |
| 97 </header> |
| 98 <form id="acceptable-ads"> |
| 99 <div> |
| 100 <input data-action="switch-acceptable-ads" type="radio" name="acce
ptable-ads" value="ads"> |
| 101 <label class="i18n_options_acceptableAds_ads_label"></label> |
| 102 <p id="enable-aa-description" class="i18n_options_acceptableAds_ad
s_description_1"></p> |
| 103 <p class="i18n_options_acceptableAds_ads_description_2"></p> |
| 104 </div> |
| 105 <div> |
| 106 <input data-action="switch-acceptable-ads" type="radio" name="acce
ptable-ads" value="privacy"> |
| 107 <label class="i18n_options_acceptableAds_privacy_label"></label> |
| 108 <p class="i18n_options_acceptableAds_privacy_description"></p> |
| 109 <p id="dnt" class="i18n_options_acceptableAds_dnt_notification"></
p> |
| 110 </div> |
| 111 <div> |
| 112 <input data-action="switch-acceptable-ads" type="radio" name="acce
ptable-ads" value="none"> |
| 113 <label class="i18n_options_acceptableAds_none_label"></label> |
| 114 </div> |
| 115 </form> |
| 116 </section> |
| 117 <section class="cols"> |
| 118 <header> |
| 119 <h2 class="i18n_options_language_header"></h2> |
| 120 <p class="i18n_options_language_description"></p> |
| 121 </header> |
| 122 <div id="blocking-languages"> |
| 123 <ul id="blocking-languages-table" class="table list"> |
94 <template> | 124 <template> |
95 <button data-action="toggle-remove-subscription" role="checkbox"
class="control"></button> | |
96 <label class="display"></label> | 125 <label class="display"></label> |
97 <span class="i18n_options_readMore" data-tooltip="options_more_%
value%_tooltip"></span> | 126 <button data-single="hidden" data-action="remove-subscription" c
lass="delete control" title="options_control_remove_title"></button> |
| 127 <button data-single="visible" data-action="open-dialog" data-dia
log="language-change" class="i18n_options_language_change link"></button> |
98 </template> | 128 </template> |
99 </ul> | 129 </ul> |
100 </section> | 130 <button class="i18n_options_language_add list" data-action="open-dia
log" data-dialog="language-add"></button> |
101 <section> | |
102 <h2 class="i18n_options_acceptable_ads_header"></h2> | |
103 <p class="i18n_options_acceptable_ads_description"></p> | |
104 <form id="acceptable-ads"> | |
105 <div> | |
106 <input data-action="switch-acceptable-ads" type="radio" name="ac
ceptable-ads" value="ads"> | |
107 <label class="i18n_options_acceptable_ads_label"></label> | |
108 <p id="enable-aa-description" class="i18n_options_acceptable_ads
_privacy_description_1"></p> | |
109 <p class="i18n_options_acceptable_ads_privacy_description_2"></p
> | |
110 </div> | |
111 <div> | |
112 <input data-action="switch-acceptable-ads" type="radio" name="ac
ceptable-ads" value="privacy"> | |
113 <label class="i18n_options_acceptable_ads_privacy_label"></label
> | |
114 <p class="i18n_options_acceptable_ads_no_privacy_description"></
p> | |
115 <p id="dnt" class="i18n_options_acceptable_ads_dnt_notification"
></p> | |
116 </div> | |
117 <div> | |
118 <input data-action="switch-acceptable-ads" type="radio" name="ac
ceptable-ads" value="none"> | |
119 <label class="i18n_options_acceptable_ads_disable_label"></label
> | |
120 </div> | |
121 </form> | |
122 </section> | |
123 <section> | |
124 <h2 class="i18n_options_language_header"></h2> | |
125 <p class="i18n_options_language_description"></p> | |
126 <div id="blocking-languages"> | |
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> | 131 <p class="i18n_options_language_tip"></p> |
141 </section> | 132 </div> |
142 <section> | 133 </section> |
| 134 <section class="cols"> |
| 135 <header> |
143 <h2 class="i18n_options_more_filters_header"></h2> | 136 <h2 class="i18n_options_more_filters_header"></h2> |
144 <p class="i18n_options_more_filters_description"></p> | 137 <p class="i18n_options_more_filters_description"></p> |
145 <ul id="custom-list-table" class="table list"> | 138 </header> |
| 139 <div> |
| 140 <ul id="more-list-table" class="table list"> |
146 <template> | 141 <template> |
147 <label class="display"></label> | 142 <label class="display"></label> |
148 <span class="i18n_options_readMore" data-tooltip="options_more_%
value%_tooltip"></span> | 143 <button data-action="remove-subscription" class="i18n_options_co
ntrol_remove_title link control" title="options_control_remove_title"></button> |
149 <button data-action="remove-subscription" class="delete control"
title="options_control_remove_title"></button> | |
150 </template> | 144 </template> |
151 </ul> | 145 </ul> |
152 <p class="i18n_options_more_filters_note"></p> | 146 <p class="i18n_options_more_filters_note"></p> |
153 </section> | 147 </div> |
154 </div> | 148 </section> |
155 | 149 </div> |
156 <!-- Whitelist tab content --> | 150 |
157 <div id="content-whitelist" role="tabpanel" aria-labelledby="tab-whiteli
st"> | 151 <!-- Whitelist tab content --> |
| 152 <div id="content-whitelist" role="tabpanel" aria-labelledby="tab-whitelist
"> |
| 153 <header> |
158 <h1 class="i18n_options_tab_whitelist"></h1> | 154 <h1 class="i18n_options_tab_whitelist"></h1> |
159 <p class="i18n_options_whitelist_description"></p> | 155 <p class="i18n_options_whitelist_description"></p> |
160 <form> | 156 </header> |
161 <input id="whitelisting-textbox" type="text"> | 157 <form class="section"> |
162 <button id="whitelisting-add-button" | 158 <input id="whitelisting-textbox" type="text"> |
163 type="submit" | 159 <button id="whitelisting-add-button" |
164 data-action="add-domain-exception" | 160 type="submit" |
165 class="i18n_options_whitelist_add" disabled> | 161 data-action="add-domain-exception" |
| 162 class="i18n_options_whitelist_add primary" disabled> |
| 163 </button> |
| 164 </form> |
| 165 <ul id="whitelisting-table" class="table list"> |
| 166 <template> |
| 167 <label class="display"></label> |
| 168 <button data-action="remove-filter" class="delete control" |
| 169 title="options_control_remove_title"> |
166 </button> | 170 </button> |
167 <div id="whitelisting-validation"></div> | 171 </template> |
168 </form> | 172 </ul> |
169 <ul id="whitelisting-table" class="table list"> | 173 </div> |
| 174 |
| 175 <!-- Advanced tab content --> |
| 176 <div id="content-advanced" role="tabpanel" |
| 177 aria-labelledby="tab-advanced"> |
| 178 <header> |
| 179 <h1 class="i18n_options_tab_advanced"></h1> |
| 180 <p class="i18n_options_advanced_description"></p> |
| 181 </header> |
| 182 <section class="cols"> |
| 183 <h2 class="i18n_options_customize_header"></h2> |
| 184 <ul id="customize" class="list"> |
| 185 <li data-pref="shouldShowBlockElementMenu"> |
| 186 <button role="checkbox" data-action="toggle-pref"></button> |
| 187 <span class="i18n_options_customize_blockElement display"></span> |
| 188 <span data-tooltip="options_customize_blockElement_tooltip"></span
> |
| 189 </li> |
| 190 <li data-pref="show_devtools_panel"> |
| 191 <button role="checkbox" data-action="toggle-pref"></button> |
| 192 <span class="i18n_options_customize_showDevToolsPanel display"></s
pan> |
| 193 <span data-tooltip="options_customize_showDevToolsPanel_tooltip"><
/span> |
| 194 </li> |
| 195 <li data-pref="notifications_ignoredcategories"> |
| 196 <button role="checkbox" data-action="toggle-pref"></button> |
| 197 <span class="i18n_options_customize_showNotifications display"></s
pan> |
| 198 <span data-tooltip="options_customize_showNotifications_tooltip"><
/span> |
| 199 </li> |
| 200 </ul> |
| 201 </section> |
| 202 |
| 203 <section> |
| 204 <header> |
| 205 <h2 class="i18n_options_filterList_title"></h2> |
| 206 <p id="filter-lists-description" class="i18n_options_filterList_desc
ription"></p> |
| 207 </header> |
| 208 |
| 209 <div id="all-filter-lists-table-header" class="th"> |
| 210 <h3 class="i18n_options_filterList_column_status col4"></h3> |
| 211 <h3 class="i18n_options_filterList_column_name col4"></h3> |
| 212 <h3 class="i18n_options_filterList_column_update col4"></h3> |
| 213 <h3 class="col4"></h3> |
| 214 </div> |
| 215 <ul class="table cols" id="all-filter-lists-table"> |
170 <template> | 216 <template> |
171 <label class="display"></label> | 217 <div class="col4"> |
172 <button data-action="remove-filter" class="delete control" | 218 <button data-action="toggle-disable-subscription" role="checkbox
" class="control toggle"> |
173 title="options_control_remove_title"> | |
174 </button> | |
175 </template> | |
176 </ul> | |
177 </div> | |
178 | |
179 <!-- Advanced tab content --> | |
180 <div id="content-advanced" role="tabpanel" | |
181 aria-labelledby="tab-advanced"> | |
182 <div> | |
183 <h1 class="i18n_options_tab_advanced"></h1> | |
184 <p class="i18n_options_advanced_description"></p> | |
185 <section> | |
186 <h2 class="i18n_options_customize_header"></h2> | |
187 <ul id="customize" class="table"> | |
188 <li data-pref="shouldShowBlockElementMenu"> | |
189 <label> | |
190 <button role="checkbox" data-action="toggle-pref"></button> | |
191 <span class="i18n_options_customize_blockElement"></span> | |
192 <span class="i18n_options_readMore" | |
193 data-tooltip="options_customize_blockElement_tooltip"></sp
an> | |
194 </label> | |
195 </li> | |
196 <li data-pref="show_devtools_panel"> | |
197 <label> | |
198 <button role="checkbox" data-action="toggle-pref"></button> | |
199 <span class="i18n_options_customize_showDevToolsPanel"></spa
n> | |
200 <span class="i18n_options_readMore" | |
201 data-tooltip="options_customize_showDevToolsPanel_tooltip"
></span> | |
202 </label> | |
203 </li> | |
204 <li data-pref="notifications_ignoredcategories"> | |
205 <label> | |
206 <button role="checkbox" data-action="toggle-pref"></button> | |
207 <span class="i18n_options_customize_showNotifications"></spa
n> | |
208 <span class="i18n_options_readMore" | |
209 data-tooltip="options_customize_showNotifications_tooltip"
></span> | |
210 </label> | |
211 </li> | |
212 </ul> | |
213 </section> | |
214 </div> | |
215 | |
216 <section> | |
217 <h1 class="i18n_options_filterList_title"></h1> | |
218 <p id="filter-lists-description" class="i18n_options_filterList_desc
ription"></p> | |
219 | |
220 <div id="all-filter-lists-table-header"> | |
221 <h2 class="i18n_options_filterList_column_status"></h2> | |
222 <h2 class="i18n_options_filterList_column_name"></h2> | |
223 <h2 class="i18n_options_filterList_column_update"></h2> | |
224 </div> | |
225 <ul class="table cols" id="all-filter-lists-table"> | |
226 <template> | |
227 <button data-action="remove-subscription" class="control delete"
></button> | |
228 <button data-action="toggle-disable-subscription" role="checkbox
" class="control"> | |
229 </button> | 219 </button> |
230 <div class="state"> | 220 <div class="state"> |
231 <span class="i18n_options_filterList_state_active" id="state-a
ctive"></span> | 221 <span class="i18n_options_filterList_state_active" id="state-a
ctive"></span> |
232 <span class="i18n_options_filterList_state_disabled" id="state
-disabled"></span> | 222 <span class="i18n_options_filterList_state_disabled" id="state
-disabled"></span> |
233 </div> | 223 </div> |
234 <div> | 224 </div> |
235 <label class="display"></label> | 225 <div class="col4"> |
236 </div> | 226 <label class="display"></label> |
| 227 </div> |
| 228 <div class="col4"> |
237 <span class="last-update"></span> | 229 <span class="last-update"></span> |
238 <span class="message"></span> | 230 <span class="message"></span> |
239 <a data-action="open-context-menu" class="arrow"></a> | 231 </div> |
| 232 <div class="col4"> |
| 233 <button data-action="open-context-menu" class="gear"></button> |
240 <div role="menubar" class="context-menu-wrapper"> | 234 <div role="menubar" class="context-menu-wrapper"> |
241 <div class="context-menu"> | 235 <div class="context-menu"> |
242 <ul class="content" role="menu"> | 236 <ul class="content" role="menu"> |
243 <li role="menuitem"> | 237 <li role="menuitem"> |
244 <a class="i18n_options_filterList_updateNow update-subsc
ription" data-action="update-subscription"></a> | 238 <button class="i18n_options_filterList_updateNow update-
subscription" data-action="update-subscription"></button> |
245 </li> | 239 </li> |
246 <li role="menuitem"> | 240 <li role="menuitem"> |
247 <a class="i18n_options_filterList_website website" targe
t="_blank"></a> | 241 <a class="i18n_options_filterList_website website" targe
t="_blank"></a> |
248 </li> | 242 </li> |
249 <li role="menuitem"> | 243 <li role="menuitem"> |
250 <a class="i18n_options_filterList_source source" target=
"_blank"></a> | 244 <a class="i18n_options_filterList_source source" target=
"_blank"></a> |
251 </li> | 245 </li> |
252 <li role="menuitem"> | 246 <li role="menuitem"> |
253 <a class="i18n_options_filterList_delete delete" data-ac
tion="remove-subscription"></a> | 247 <button class="i18n_options_filterList_delete delete" da
ta-action="remove-subscription"></button> |
254 </li> | 248 </li> |
255 </ul> | 249 </ul> |
256 </div> | 250 </div> |
257 </div> | 251 </div> |
258 </template> | 252 <button data-action="remove-subscription" class="control delete"
></button> |
| 253 </div> |
| 254 </template> |
| 255 </ul> |
| 256 <div class="side-controls wrap"> |
| 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> |
| 259 </div> |
| 260 </section> |
| 261 |
| 262 <section class="cols"> |
| 263 <header> |
| 264 <h2 class="i18n_options_customFilters_title"></h2> |
| 265 <p class="i18n_options_customFilters_description"></p> |
| 266 </header> |
| 267 <div id="custom-filters"> |
| 268 <h3 class="i18n_options_customFilters_widget_title"></h3> |
| 269 <div id="empty-custom-filters"> |
| 270 <p class="i18n_options_customFilters_tip"></p> |
| 271 <button class="i18n_options_customFilters_start primary" data-acti
on="edit-custom-filters"> |
| 272 </button> |
| 273 <p> |
| 274 <a class="i18n_options_customFilters_learn" id="link-filters" ta
rget="_blank"></a> |
| 275 </p> |
| 276 </div> |
| 277 <textarea id="custom-filters-raw" rows="15"></textarea> |
| 278 <div class="side-controls wrap"> |
| 279 <button id="custom-filters-edit" class="i18n_options_customFilter_
edit secondary" data-action="edit-custom-filters"> |
| 280 </button> |
| 281 <div class="side-controls" id="custom-filters-raw-controls"> |
| 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> |
| 284 </div> |
| 285 </div> |
| 286 </div> |
| 287 </section> |
| 288 </div> |
| 289 |
| 290 <!-- Help tab content --> |
| 291 <div id="content-help" role="tabpanel" aria-labelledby="tab-help"> |
| 292 <header> |
| 293 <h1 class="i18n_options_tab_help"></h1> |
| 294 <p class="i18n_options_help_description"></p> |
| 295 </header> |
| 296 <section class="cols"> |
| 297 <h2 class="i18n_options_support_title"></h2> |
| 298 <ul> |
| 299 <li id="report-issue" class="i18n_options_report_issue"></li> |
| 300 <li id="report-ad" class="i18n_options_report_ad"></li> |
| 301 <li id="report-bug" class="i18n_options_report_bug"></li> |
| 302 <li id="report-forum" class="i18n_options_report_forum"></li> |
| 303 </ul> |
| 304 </section> |
| 305 <section class="cols"> |
| 306 <header> |
| 307 <h2 class="i18n_options_social_title"></h2> |
| 308 <p class="i18n_options_social_description"></p> |
| 309 </header> |
| 310 <div id="social"> |
| 311 <ul id="social-general"> |
| 312 <li><a id="twitter">Twitter</a></li> |
| 313 <li><a id="facebook">Facebook</a></li> |
| 314 <li><a id="google-plus">Google Plus</a></li> |
259 </ul> | 315 </ul> |
260 <div class="controls"> | 316 <ul id="social-chinese"> |
261 <button data-action="open-dialog" data-dialog="custom"> | 317 <li><a id="weibo">Weibo</a></li> |
262 <span class="icon icon-add"></span> | 318 </ul> |
263 <span class="i18n_options_filterList_add"></span> | 319 <p> |
264 </button> | 320 <strong> |
265 <button data-action="update-all-subscriptions"> | 321 <span class="i18n_options_email"></span> |
266 <span class="icon icon-update"></span> | 322 <a href="mailto:support@adblockplus.org">support@adblockplus.org
</a> |
267 <span class="i18n_options_filterList_update"></span> | 323 </strong> |
268 </button> | 324 </p> |
269 </div> | 325 </div> |
270 </section> | 326 </section> |
271 | 327 </div> |
272 <section> | 328 </main> |
273 <h1 class="i18n_options_customFilters_title"></h1> | |
274 <p class="i18n_options_customFilters_description"></p> | |
275 <h2 class="i18n_options_customFilters_widget_title"></h2> | |
276 <div id="custom-filters"> | |
277 <div id="empty-custom-filters"> | |
278 <p class="i18n_options_customFilters_tip"></p> | |
279 <button class="i18n_options_customFilters_start" data-action="ed
it-custom-filters"> | |
280 </button> | |
281 <p> | |
282 <a class="i18n_options_customFilters_learn" id="link-filters"
target="_blank"></a> | |
283 </p> | |
284 </div> | |
285 <textarea id="custom-filters-raw" rows="15"></textarea> | |
286 <button id="custom-filters-edit" class="i18n_options_customFilter_
edit" data-action="edit-custom-filters"> | |
287 </button> | |
288 <div id="custom-filters-raw-controls"> | |
289 <button class="i18n_options_customFilter_save" data-action="save
-custom-filters"> | |
290 </button> | |
291 <button class="i18n_options_customFilter_cancel" data-action="ca
ncel-custom-filters"> | |
292 </button> | |
293 </div> | |
294 </div> | |
295 </section> | |
296 </div> | |
297 | |
298 <!-- Help tab content --> | |
299 <div id="content-help" role="tabpanel" aria-labelledby="tab-help"> | |
300 <h1 class="i18n_options_faq_title"></h1> | |
301 <p class="i18n_options_faq_description"></p> | |
302 <p> | |
303 <a id="link-faq" class="i18n_options_faq_title" target="_blank"></a
> | |
304 </p> | |
305 <h1 class="i18n_options_forum_title"></h1> | |
306 <p class="i18n_options_forum_description"></p> | |
307 <p> | |
308 <a id="link-forum" class="i18n_options_forum_link" target="_blank">
</a> | |
309 </p> | |
310 <h1 class="i18n_options_media_title"></h1> | |
311 <p class="i18n_options_media_description"></p> | |
312 <p> | |
313 <span id="share-general"> | |
314 <a id="link-twitter" target="_blank">Twitter</a> | |
315 <a id="link-facebook" target="_blank">Facebook</a> | |
316 <a id="link-gplus" target="_blank">Google+</a> | |
317 </span> | |
318 <span id="share-chinese"> | |
319 <a id="link-renren" target="_blank">renren</a> | |
320 <a id="link-weibo" target="_blank">weibo</a> | |
321 </span> | |
322 </p> | |
323 </div> | |
324 </div> | |
325 </div> | |
326 | 329 |
327 <!-- Dialog --> | 330 <!-- Dialog --> |
328 <div id="dialog" role="dialog" aria-hidden="true"> | 331 <div id="dialog" role="dialog" aria-hidden="true"> |
329 <header> | 332 <header> |
330 <span id="dialog-title"> | 333 <span id="dialog-title"> |
331 <span id="dialog-title-custom" class="i18n_options_dialog_custom_title
"></span> | 334 <h3 id="dialog-title-about" class="i18n_options_dialog_about_title"></
h3> |
332 <span id="dialog-title-language-add" class="i18n_options_dialog_langua
ge_title"></span> | 335 <h3 id="dialog-title-import" class="i18n_options_dialog_import_title">
</h3> |
333 <span id="dialog-title-language-change" class="i18n_options_dialog_lan
guage_title"></span> | 336 <h3 id="dialog-title-language-add" class="i18n_options_dialog_language
_title"></h3> |
334 <span id="dialog-title-predefined" class="i18n_options_dialog_predefin
ed_title"></span> | 337 <h3 id="dialog-title-language-change" class="i18n_options_dialog_langu
age_title"></h3> |
335 <span id="dialog-title-tracking" class="i18n_options_dialog_tracking_t
itle"></span> | 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> |
336 </span> | 340 </span> |
337 <button id="dialog-close" class="i18n_options_close focus-first" data-ac
tion="close-dialog"></button> | 341 <button id="dialog-close" data-action="close-dialog"></button> |
338 </header> | 342 </header> |
339 <div id="dialog-body" class="content"> | 343 <div id="dialog-body" class="content"> |
| 344 <!-- About Adblock Plus --> |
| 345 <div id="dialog-content-about" class="dialog-content"> |
| 346 <p id="abp-version"></p> |
| 347 <p class="i18n_options_dialog_about_copyright"></p> |
| 348 <p class="i18n_options_dialog_about_trademark"></p> |
| 349 <p> |
| 350 <button class="i18n_options_close primary" data-action="close-dialog
"></button> |
| 351 </p> |
| 352 </div> |
340 <!-- Add language subscription --> | 353 <!-- Add language subscription --> |
341 <div id="dialog-content-language-add" class="dialog-content"> | 354 <div id="dialog-content-language-add" class="dialog-content"> |
342 <ul id="all-lang-table-add" class="table list"> | 355 <ul id="all-lang-table-add" class="table list"> |
343 <template> | 356 <template> |
344 <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"> |
345 <label class="display"></label> | 358 <label class="display"></label> |
346 </button> | 359 </button> |
347 <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"> |
348 <label class="display"></label> | 361 <label class="display"></label> |
349 </button> | 362 </button> |
350 </template> | 363 </template> |
351 </ul> | 364 </ul> |
352 </div> | 365 </div> |
353 <!-- Add custom subscription --> | 366 <!-- Add import subscription --> |
354 <div id="dialog-content-custom" class="dialog-content"> | 367 <div id="dialog-content-import" class="dialog-content"> |
355 <div class="dialog-content-block"> | 368 <form data-validation="custom" novalidate> |
356 <div> | 369 <p class="floating-input"> |
357 <label for="blockingList-textbox" class="i18n_options_dialog_custo
m_subscription_title"></label> | 370 <input placeholder=" " id="import-list-title" type="text" class="d
efault-focus" required /> |
358 <input id="blockingList-textbox" type="text" class="default-focus"
placeholder="www.example.com/blockinglist.txt" /> | 371 <label for="import-list-title" class="i18n_options_dialog_import_s
ubscription_title"></label> |
359 </div> | 372 <span class="attention"></span> |
360 <button class="i18n_options_dialog_custom_import" data-action="impor
t-subscription"></button> | 373 <span class="i18n_options_dialog_import_subscription_title_error e
rror-msg"></span> |
361 </div> | 374 </p> |
362 <div class="dialog-content-block"> | 375 <p class="floating-input"> |
363 <h3 class="i18n_options_dialog_edit_own_list"></h3> | 376 <input placeholder=" " id="import-list-url" type="url" class="defa
ult-focus" required/> |
364 <button class="i18n_options_dialog_create_own_list" data-action="clo
se-dialog,switch-tab,edit-custom-filters" data-tab="advanced"></button> | 377 <label for="import-list-url" class="i18n_options_dialog_import_sub
scription_location"></label> |
365 </div> | 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> |
366 </div> | 386 </div> |
367 <!-- Add predefined subscription --> | 387 <!-- Add predefined subscription --> |
368 <div id="dialog-content-predefined" class="dialog-content"> | 388 <div id="dialog-content-predefined" class="dialog-content"> |
369 <div class="dialog-content-block"> | 389 <div class="dialog-content-block"> |
370 <h3></h3> | 390 <h3></h3> |
371 <div class="url"></div> | 391 <div class="url"></div> |
372 <button class="i18n_options_dialog_predefined_confirm default-focus"
data-action="add-predefined-subscription"></button> | 392 <button class="i18n_options_dialog_predefined_confirm default-focus
primary" data-action="add-predefined-subscription"></button> |
373 </div> | 393 </div> |
374 </div> | 394 </div> |
375 <!-- Acceptable Ads tracking notification --> | 395 <!-- Acceptable Ads tracking notification --> |
376 <div id="dialog-content-tracking" class="dialog-content"> | 396 <div id="dialog-content-tracking" class="dialog-content"> |
377 <div class="dialog-content-block"> | 397 <div class="dialog-content-block"> |
378 <p class="i18n_options_dialog_tracking_notification"></p> | 398 <div id="tracking-notification"> |
379 <p> | 399 <p class="i18n_options_dialog_tracking_notification_1"></p> |
380 <button class="i18n_options_dialog_tracking_relevent_ads" data-act
ion="close-dialog"></button> | 400 <p class="i18n_options_dialog_tracking_notification_2"></p> |
381 </p> | 401 <p class="i18n_options_dialog_tracking_notification_3"></p> |
382 <p> | 402 <p class="i18n_options_dialog_tracking_notification_4"></p> |
383 <button class="i18n_options_dialog_tracking_privacy_ads" data-acti
on="close-dialog"></button> | 403 </div> |
384 </p> | 404 <h3 class="i18n_options_dialog_tracking_note_title"></h3> |
385 <p> | 405 <ul> |
386 <h3 class="i18n_options_dialog_tracking_note"></h3> | 406 <li class="i18n_options_dialog_tracking_note_1"></li> |
387 <ul> | 407 <li class="i18n_options_dialog_tracking_note_2"></li> |
388 <li class="i18n_options_dialog_tracking_note_1"></li> | 408 <li class="i18n_options_dialog_tracking_note_3"></li> |
389 <li class="i18n_options_dialog_tracking_note_2"></li> | 409 </ul> |
390 <li class="i18n_options_dialog_tracking_note_3"></li> | 410 <p class="side-controls wrap"> |
391 </ul> | 411 <button class="i18n_options_dialog_tracking_allow primary default-
focus" data-pref="ui_warn_tracking" data-action="toggle-pref,close-dialog"></but
ton> |
| 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> |
392 </p> | 413 </p> |
393 </div> | 414 </div> |
394 </div> | 415 </div> |
395 </div> | 416 </div> |
396 <!-- Placeholder element to determine when to wrap focus around --> | 417 <!-- Placeholder element to determine when to wrap focus around --> |
397 <span class="focus-last" tabindex="0"></span> | 418 <span class="focus-last" tabindex="0"></span> |
398 </div> | 419 </div> |
| 420 <!-- Notification --> |
| 421 <div id="notification" aria-hidden="true" aria-live="polite"> |
| 422 <strong id="notification-text"></strong> |
| 423 <button id="hide-notification" data-action="hide-notification"> |
| 424 <span class="i18n_options_notification_hide sr-only"></span> |
| 425 </button> |
| 426 </div> |
399 </body> | 427 </body> |
400 </html> | 428 </html> |
LEFT | RIGHT |