LEFT | RIGHT |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <!-- | 2 <!-- |
3 - This file is part of Adblock Plus <https://adblockplus.org/>, | 3 - This file is part of Adblock Plus <https://adblockplus.org/>, |
4 - Copyright (C) 2006-present eyeo GmbH | 4 - Copyright (C) 2006-present eyeo GmbH |
5 - | 5 - |
6 - Adblock Plus is free software: you can redistribute it and/or modify | 6 - Adblock Plus is free software: you can redistribute it and/or modify |
7 - it under the terms of the GNU General Public License version 3 as | 7 - it under the terms of the GNU General Public License version 3 as |
8 - published by the Free Software Foundation. | 8 - published by the Free Software Foundation. |
9 - | 9 - |
10 - Adblock Plus is distributed in the hope that it will be useful, | 10 - Adblock Plus is distributed in the hope that it will be useful, |
(...skipping 15 matching lines...) Expand all Loading... |
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="sidebar"> | 33 <div id="sidebar"> |
34 <div class="fixed"> | 34 <div class="fixed"> |
35 <header> | 35 <header> |
36 <img id="sidebar-logo" src="skin/abp-logo.svg"> | 36 <img id="sidebar-logo" alt="Adblock Plus logo" src="skin/abp-logo.svg"
> |
37 <h1> | 37 <h1> |
38 Adblock <strong>Plus</strong> | 38 Adblock <strong>Plus</strong> |
39 </h1> | 39 </h1> |
40 <p class="i18n_options_page_title"></p> | 40 <p class="i18n_options_page_title"></p> |
41 </header> | 41 </header> |
42 | 42 |
43 <nav> | 43 <nav> |
44 <ul class="tabs" | 44 <ul class="tabs" |
45 role="tablist" data-action="switch-tab" | 45 role="tablist" data-action="switch-tab" |
46 data-keys="ArrowLeft ArrowUp ArrowRight ArrowDown"> | 46 data-keys="ArrowLeft ArrowUp ArrowRight ArrowDown"> |
47 <li> | 47 <li role="presentation"> |
48 <a href="#general" class="i18n_options_tab_general" role="tab" ari
a-selected="true" aria-controls="content-general"></a> | 48 <a href="#general" class="i18n_options_tab_general" role="tab" ari
a-selected="true" tabindex="-1" aria-controls="content-general"></a> |
49 </li> | 49 </li> |
50 <li> | 50 <li role="presentation"> |
51 <a href="#whitelist" class="i18n_options_tab_whitelist" role="tab"
aria-controls="content-whitelist"></a> | 51 <a href="#whitelist" class="i18n_options_tab_whitelist" role="tab"
tabindex="-1" aria-controls="content-whitelist"></a> |
52 </li> | 52 </li> |
53 <li> | 53 <li role="presentation"> |
54 <a href="#advanced" class="i18n_options_tab_advanced" role="tab" a
ria-controls="content-advanced"></a> | 54 <a href="#advanced" class="i18n_options_tab_advanced" role="tab" t
abindex="-1" aria-controls="content-advanced"></a> |
55 </li> | 55 </li> |
56 <li> | 56 <li role="presentation"> |
57 <a href="#help" class="i18n_options_tab_help" role="tab" aria-cont
rols="content-help"></a> | 57 <a href="#help" class="i18n_options_tab_help" role="tab" tabindex=
"-1" aria-controls="content-help"></a> |
58 </li> | 58 </li> |
59 </ul> | 59 </ul> |
60 </nav> | 60 </nav> |
61 <footer> | 61 <footer> |
62 <p> | 62 <p> |
63 <a id="contribute" | 63 <a id="contribute" |
64 class="i18n_options_footer_contribute button secondary" | 64 class="i18n_options_footer_contribute button secondary" |
65 target="_blank"></a> | 65 target="_blank"></a> |
66 </p> | 66 </p> |
67 <p> | 67 <p> |
68 <button class="i18n_options_footer_about link" | 68 <button class="i18n_options_footer_about link" |
69 data-action="open-dialog" data-dialog="about"></button> | 69 data-action="open-dialog" data-dialog="about"></button> |
70 </p> | 70 </p> |
71 </footer> | 71 </footer> |
72 </div> | 72 </div> |
73 </div> | 73 </div> |
74 <main> | 74 <main> |
75 <div id="dialog-background"></div> | 75 <div id="dialog-background"></div> |
76 | 76 |
77 <!-- General tab content --> | 77 <!-- General tab content --> |
78 <div id="content-general" role="tabpanel" aria-labelledby="tab-general"> | 78 <div id="content-general" role="tabpanel" aria-labelledby="tab-general"> |
79 <h1 class="i18n_options_tab_general"></h1> | 79 <h1 class="i18n_options_tab_general"></h1> |
80 <p class="i18n_options_general_description"></p> | 80 <p class="i18n_options_general_description"></p> |
81 <section> | 81 <section> |
82 <h2 class="i18n_options_privacy_header"></h2> | 82 <h2 class="i18n_options_privacy_header"></h2> |
83 <ul id="recommend-protection-list-table" class="table list"> | 83 <ul id="recommend-protection-list-table" class="table list"> |
84 <template> | 84 <template> |
85 <button data-action="toggle-remove-subscription" role="checkbox"
class="control"></button> | 85 <button data-action="toggle-remove-subscription" role="checkbox" c
lass="control"></button> |
86 <label class="display"></label> | 86 <label class="display"></label> |
87 <span class="i18n_options_readMore" data-tooltip="options_protec
tion_%value%_tooltip"></span> | 87 <span class="i18n_options_readMore" data-tooltip="options_protecti
on_%value%_tooltip"></span> |
88 </template> | 88 </template> |
89 </ul> | 89 </ul> |
90 </section> | 90 </section> |
91 <section> | 91 <section> |
92 <h2 class="i18n_options_acceptableAds_header"></h2> | 92 <h2 class="i18n_options_acceptableAds_header"></h2> |
93 <p class="i18n_options_acceptableAds_description"></p> | 93 <p class="i18n_options_acceptableAds_description"></p> |
94 <form id="acceptable-ads"> | 94 <form id="acceptable-ads"> |
95 <div> | 95 <div> |
96 <input data-action="switch-acceptable-ads" type="radio" name="ac
ceptable-ads" value="ads"> | 96 <input data-action="switch-acceptable-ads" type="radio" name="acce
ptable-ads" value="ads"> |
97 <label class="i18n_options_acceptableAds_ads_label"></label> | 97 <label class="i18n_options_acceptableAds_ads_label"></label> |
98 <p id="enable-aa-description" class="i18n_options_acceptableAds_
ads_description_1"></p> | 98 <p id="enable-aa-description" class="i18n_options_acceptableAds_ad
s_description_1"></p> |
99 <p class="i18n_options_acceptableAds_ads_description_2"></p> | 99 <p class="i18n_options_acceptableAds_ads_description_2"></p> |
100 </div> | 100 </div> |
101 <div> | 101 <div> |
102 <input data-action="switch-acceptable-ads" type="radio" name="ac
ceptable-ads" value="privacy"> | 102 <input data-action="switch-acceptable-ads" type="radio" name="acce
ptable-ads" value="privacy"> |
103 <label class="i18n_options_acceptableAds_privacy_label"></label> | 103 <label class="i18n_options_acceptableAds_privacy_label"></label> |
104 <p class="i18n_options_acceptableAds_privacy_description"></p> | 104 <p class="i18n_options_acceptableAds_privacy_description"></p> |
105 <p id="dnt" class="i18n_options_acceptableAds_dnt_notification">
</p> | 105 <p id="dnt" class="i18n_options_acceptableAds_dnt_notification"></
p> |
106 </div> | 106 </div> |
107 <div> | 107 <div> |
108 <input data-action="switch-acceptable-ads" type="radio" name="ac
ceptable-ads" value="none"> | 108 <input data-action="switch-acceptable-ads" type="radio" name="acce
ptable-ads" value="none"> |
109 <label class="i18n_options_acceptableAds_none_label"></label> | 109 <label class="i18n_options_acceptableAds_none_label"></label> |
110 </div> | 110 </div> |
111 </form> | 111 </form> |
112 </section> | 112 </section> |
113 <section> | 113 <section> |
114 <h2 class="i18n_options_language_header"></h2> | 114 <h2 class="i18n_options_language_header"></h2> |
115 <p class="i18n_options_language_description"></p> | 115 <p class="i18n_options_language_description"></p> |
116 <div id="blocking-languages"> | 116 <div id="blocking-languages"> |
117 <ul id="blocking-languages-table" class="table list"> | 117 <ul id="blocking-languages-table" class="table list"> |
118 <template> | |
119 <label class="display"></label> | |
120 <button data-single="hidden" data-action="remove-subscription"
class="delete control" title="options_control_remove_title"></button> | |
121 <button data-single="visible" data-action="open-dialog" data-d
ialog="language-change" class="i18n_options_language_change"></button> | |
122 </template> | |
123 </ul> | |
124 <div class="controls"> | |
125 <button data-action="open-dialog" data-dialog="language-add"> | |
126 <span class="i18n_options_language_add"></span> | |
127 </button> | |
128 </div> | |
129 </div> | |
130 <p class="i18n_options_language_tip"></p> | |
131 </section> | |
132 <section> | |
133 <h2 class="i18n_options_more_filters_header"></h2> | |
134 <p class="i18n_options_more_filters_description"></p> | |
135 <ul id="custom-list-table" class="table list"> | |
136 <template> | 118 <template> |
137 <label class="display"></label> | 119 <label class="display"></label> |
138 <button data-action="remove-subscription" class="delete control"
title="options_control_remove_title"></button> | 120 <button data-single="hidden" data-action="remove-subscription" c
lass="delete control" title="options_control_remove_title"></button> |
139 </template> | 121 <button data-single="visible" data-action="open-dialog" data-dia
log="language-change" class="i18n_options_language_change"></button> |
140 </ul> | |
141 <p class="i18n_options_more_filters_note"></p> | |
142 </section> | |
143 </div> | |
144 | |
145 <!-- Whitelist tab content --> | |
146 <div id="content-whitelist" role="tabpanel" aria-labelledby="tab-whiteli
st"> | |
147 <h1 class="i18n_options_tab_whitelist"></h1> | |
148 <p class="i18n_options_whitelist_description"></p> | |
149 <form> | |
150 <input id="whitelisting-textbox" type="text"> | |
151 <button id="whitelisting-add-button" | |
152 type="submit" | |
153 data-action="add-domain-exception" | |
154 class="i18n_options_whitelist_add" disabled> | |
155 </button> | |
156 <div id="whitelisting-validation"></div> | |
157 </form> | |
158 <ul id="whitelisting-table" class="table list"> | |
159 <template> | |
160 <label class="display"></label> | |
161 <button data-action="remove-filter" class="delete control" | |
162 title="options_control_remove_title"> | |
163 </button> | |
164 </template> | |
165 </ul> | |
166 </div> | |
167 | |
168 <!-- Advanced tab content --> | |
169 <div id="content-advanced" role="tabpanel" | |
170 aria-labelledby="tab-advanced"> | |
171 <div> | |
172 <h1 class="i18n_options_tab_advanced"></h1> | |
173 <p class="i18n_options_advanced_description"></p> | |
174 <section> | |
175 <h2 class="i18n_options_customize_header"></h2> | |
176 <ul id="customize" class="table"> | |
177 <li data-pref="shouldShowBlockElementMenu"> | |
178 <label> | |
179 <button role="checkbox" data-action="toggle-pref"></button> | |
180 <span class="i18n_options_customize_blockElement"></span> | |
181 <span class="i18n_options_readMore" | |
182 data-tooltip="options_customize_blockElement_tooltip"></sp
an> | |
183 </label> | |
184 </li> | |
185 <li data-pref="show_devtools_panel"> | |
186 <label> | |
187 <button role="checkbox" data-action="toggle-pref"></button> | |
188 <span class="i18n_options_customize_showDevToolsPanel"></spa
n> | |
189 <span class="i18n_options_readMore" | |
190 data-tooltip="options_customize_showDevToolsPanel_tooltip"
></span> | |
191 </label> | |
192 </li> | |
193 <li data-pref="notifications_ignoredcategories"> | |
194 <label> | |
195 <button role="checkbox" data-action="toggle-pref"></button> | |
196 <span class="i18n_options_customize_showNotifications"></spa
n> | |
197 <span class="i18n_options_readMore" | |
198 data-tooltip="options_customize_showNotifications_tooltip"
></span> | |
199 </label> | |
200 </li> | |
201 </ul> | |
202 </section> | |
203 </div> | |
204 | |
205 <section> | |
206 <h1 class="i18n_options_filterList_title"></h1> | |
207 <p id="filter-lists-description" class="i18n_options_filterList_desc
ription"></p> | |
208 | |
209 <div id="all-filter-lists-table-header"> | |
210 <h2 class="i18n_options_filterList_column_status"></h2> | |
211 <h2 class="i18n_options_filterList_column_name"></h2> | |
212 <h2 class="i18n_options_filterList_column_update"></h2> | |
213 </div> | |
214 <ul class="table cols" id="all-filter-lists-table"> | |
215 <template> | |
216 <button data-action="remove-subscription" class="control delete"
></button> | |
217 <button data-action="toggle-disable-subscription" role="checkbox
" class="control"> | |
218 </button> | |
219 <div class="state"> | |
220 <span class="i18n_options_filterList_state_active" id="state-a
ctive"></span> | |
221 <span class="i18n_options_filterList_state_disabled" id="state
-disabled"></span> | |
222 </div> | |
223 <div> | |
224 <label class="display"></label> | |
225 </div> | |
226 <span class="last-update"></span> | |
227 <span class="message"></span> | |
228 <a data-action="open-context-menu" class="arrow"></a> | |
229 <div role="menubar" class="context-menu-wrapper"> | |
230 <div class="context-menu"> | |
231 <ul class="content" role="menu"> | |
232 <li role="menuitem"> | |
233 <a class="i18n_options_filterList_updateNow update-subsc
ription" data-action="update-subscription"></a> | |
234 </li> | |
235 <li role="menuitem"> | |
236 <a class="i18n_options_filterList_website website" targe
t="_blank"></a> | |
237 </li> | |
238 <li role="menuitem"> | |
239 <a class="i18n_options_filterList_source source" target=
"_blank"></a> | |
240 </li> | |
241 <li role="menuitem"> | |
242 <a class="i18n_options_filterList_delete delete" data-ac
tion="remove-subscription"></a> | |
243 </li> | |
244 </ul> | |
245 </div> | |
246 </div> | |
247 </template> | 122 </template> |
248 </ul> | 123 </ul> |
249 <div class="controls"> | 124 <div class="controls"> |
250 <button data-action="open-dialog" data-dialog="custom"> | 125 <button data-action="open-dialog" data-dialog="language-add"> |
251 <span class="icon icon-add"></span> | 126 <span class="i18n_options_language_add"></span> |
252 <span class="i18n_options_filterList_add"></span> | 127 </button> |
253 </button> | 128 </div> |
254 <button data-action="update-all-subscriptions"> | 129 </div> |
255 <span class="icon icon-update"></span> | 130 <p class="i18n_options_language_tip"></p> |
256 <span class="i18n_options_filterList_update"></span> | 131 </section> |
257 </button> | 132 <section> |
258 </div> | 133 <h2 class="i18n_options_more_filters_header"></h2> |
| 134 <p class="i18n_options_more_filters_description"></p> |
| 135 <ul id="custom-list-table" class="table list"> |
| 136 <template> |
| 137 <label class="display"></label> |
| 138 <button data-action="remove-subscription" class="delete control" t
itle="options_control_remove_title"></button> |
| 139 </template> |
| 140 </ul> |
| 141 <p class="i18n_options_more_filters_note"></p> |
| 142 </section> |
| 143 </div> |
| 144 |
| 145 <!-- Whitelist tab content --> |
| 146 <div id="content-whitelist" role="tabpanel" aria-labelledby="tab-whitelist
"> |
| 147 <h1 class="i18n_options_tab_whitelist"></h1> |
| 148 <p class="i18n_options_whitelist_description"></p> |
| 149 <form> |
| 150 <input id="whitelisting-textbox" type="text"> |
| 151 <button id="whitelisting-add-button" |
| 152 type="submit" |
| 153 data-action="add-domain-exception" |
| 154 class="i18n_options_whitelist_add" disabled> |
| 155 </button> |
| 156 <div id="whitelisting-validation"></div> |
| 157 </form> |
| 158 <ul id="whitelisting-table" class="table list"> |
| 159 <template> |
| 160 <label class="display"></label> |
| 161 <button data-action="remove-filter" class="delete control" |
| 162 title="options_control_remove_title"> |
| 163 </button> |
| 164 </template> |
| 165 </ul> |
| 166 </div> |
| 167 |
| 168 <!-- Advanced tab content --> |
| 169 <div id="content-advanced" role="tabpanel" |
| 170 aria-labelledby="tab-advanced"> |
| 171 <div> |
| 172 <h1 class="i18n_options_tab_advanced"></h1> |
| 173 <p class="i18n_options_advanced_description"></p> |
| 174 <section> |
| 175 <h2 class="i18n_options_customize_header"></h2> |
| 176 <ul id="customize" class="table"> |
| 177 <li data-pref="shouldShowBlockElementMenu"> |
| 178 <label> |
| 179 <button role="checkbox" data-action="toggle-pref"></button> |
| 180 <span class="i18n_options_customize_blockElement"></span> |
| 181 <span class="i18n_options_readMore" |
| 182 data-tooltip="options_customize_blockElement_tooltip"></span
> |
| 183 </label> |
| 184 </li> |
| 185 <li data-pref="show_devtools_panel"> |
| 186 <label> |
| 187 <button role="checkbox" data-action="toggle-pref"></button> |
| 188 <span class="i18n_options_customize_showDevToolsPanel"></span> |
| 189 <span class="i18n_options_readMore" |
| 190 data-tooltip="options_customize_showDevToolsPanel_tooltip"><
/span> |
| 191 </label> |
| 192 </li> |
| 193 <li data-pref="notifications_ignoredcategories"> |
| 194 <label> |
| 195 <button role="checkbox" data-action="toggle-pref"></button> |
| 196 <span class="i18n_options_customize_showNotifications"></span> |
| 197 <span class="i18n_options_readMore" |
| 198 data-tooltip="options_customize_showNotifications_tooltip"><
/span> |
| 199 </label> |
| 200 </li> |
| 201 </ul> |
259 </section> | 202 </section> |
260 | 203 </div> |
261 <section> | 204 |
262 <h1 class="i18n_options_customFilters_title"></h1> | 205 <section> |
263 <p class="i18n_options_customFilters_description"></p> | 206 <h1 class="i18n_options_filterList_title"></h1> |
264 <h2 class="i18n_options_customFilters_widget_title"></h2> | 207 <p id="filter-lists-description" class="i18n_options_filterList_descri
ption"></p> |
265 <div id="custom-filters"> | 208 |
266 <div id="empty-custom-filters"> | 209 <div id="all-filter-lists-table-header"> |
267 <p class="i18n_options_customFilters_tip"></p> | 210 <h2 class="i18n_options_filterList_column_status"></h2> |
268 <button class="i18n_options_customFilters_start" data-action="ed
it-custom-filters"> | 211 <h2 class="i18n_options_filterList_column_name"></h2> |
269 </button> | 212 <h2 class="i18n_options_filterList_column_update"></h2> |
270 <p> | 213 </div> |
271 <a class="i18n_options_customFilters_learn" id="link-filters"
target="_blank"></a> | 214 <ul class="table cols" id="all-filter-lists-table"> |
272 </p> | 215 <template> |
| 216 <button data-action="remove-subscription" class="control delete"><
/button> |
| 217 <button data-action="toggle-disable-subscription" role="checkbox"
class="control"> |
| 218 </button> |
| 219 <div class="state"> |
| 220 <span class="i18n_options_filterList_state_active" id="state-act
ive"></span> |
| 221 <span class="i18n_options_filterList_state_disabled" id="state-d
isabled"></span> |
273 </div> | 222 </div> |
274 <textarea id="custom-filters-raw" rows="15"></textarea> | 223 <div> |
275 <button id="custom-filters-edit" class="i18n_options_customFilter_
edit" data-action="edit-custom-filters"> | 224 <label class="display"></label> |
276 </button> | |
277 <div id="custom-filters-raw-controls"> | |
278 <button class="i18n_options_customFilter_save" data-action="save
-custom-filters"> | |
279 </button> | |
280 <button class="i18n_options_customFilter_cancel" data-action="ca
ncel-custom-filters"> | |
281 </button> | |
282 </div> | 225 </div> |
283 </div> | 226 <span class="last-update"></span> |
284 </section> | 227 <span class="message"></span> |
285 </div> | 228 <a data-action="open-context-menu" class="arrow"></a> |
286 | 229 <div role="menubar" class="context-menu-wrapper"> |
287 <!-- Help tab content --> | 230 <div class="context-menu"> |
288 <div id="content-help" role="tabpanel" aria-labelledby="tab-help"> | 231 <ul class="content" role="menu"> |
289 <h1 class="i18n_options_faq_title"></h1> | 232 <li role="menuitem"> |
290 <p class="i18n_options_faq_description"></p> | 233 <a class="i18n_options_filterList_updateNow update-subscri
ption" data-action="update-subscription"></a> |
291 <p> | 234 </li> |
292 <a id="link-faq" class="i18n_options_faq_title" target="_blank"></a
> | 235 <li role="menuitem"> |
293 </p> | 236 <a class="i18n_options_filterList_website website" target=
"_blank"></a> |
294 <h1 class="i18n_options_forum_title"></h1> | 237 </li> |
295 <p class="i18n_options_forum_description"></p> | 238 <li role="menuitem"> |
296 <p> | 239 <a class="i18n_options_filterList_source source" target="_
blank"></a> |
297 <a id="link-forum" class="i18n_options_forum_link" target="_blank">
</a> | 240 </li> |
298 </p> | 241 <li role="menuitem"> |
299 <h1 class="i18n_options_media_title"></h1> | 242 <a class="i18n_options_filterList_delete delete" data-acti
on="remove-subscription"></a> |
300 <p class="i18n_options_media_description"></p> | 243 </li> |
301 <p> | 244 </ul> |
302 <span id="share-general"> | 245 </div> |
303 <a id="link-twitter" target="_blank">Twitter</a> | 246 </div> |
304 <a id="link-facebook" target="_blank">Facebook</a> | 247 </template> |
305 <a id="link-gplus" target="_blank">Google+</a> | 248 </ul> |
306 </span> | 249 <div class="controls"> |
307 <span id="share-chinese"> | 250 <button data-action="open-dialog" data-dialog="custom"> |
308 <a id="link-renren" target="_blank">renren</a> | 251 <span class="icon icon-add"></span> |
309 <a id="link-weibo" target="_blank">weibo</a> | 252 <span class="i18n_options_filterList_add"></span> |
310 </span> | 253 </button> |
311 </p> | 254 <button data-action="update-all-subscriptions"> |
| 255 <span class="icon icon-update"></span> |
| 256 <span class="i18n_options_filterList_update"></span> |
| 257 </button> |
| 258 </div> |
| 259 </section> |
| 260 |
| 261 <section> |
| 262 <h1 class="i18n_options_customFilters_title"></h1> |
| 263 <p class="i18n_options_customFilters_description"></p> |
| 264 <h2 class="i18n_options_customFilters_widget_title"></h2> |
| 265 <div id="custom-filters"> |
| 266 <div id="empty-custom-filters"> |
| 267 <p class="i18n_options_customFilters_tip"></p> |
| 268 <button class="i18n_options_customFilters_start" data-action="edit
-custom-filters"> |
| 269 </button> |
| 270 <p> |
| 271 <a class="i18n_options_customFilters_learn" id="link-filters" ta
rget="_blank"></a> |
| 272 </p> |
| 273 </div> |
| 274 <textarea id="custom-filters-raw" rows="15"></textarea> |
| 275 <button id="custom-filters-edit" class="i18n_options_customFilter_ed
it" data-action="edit-custom-filters"> |
| 276 </button> |
| 277 <div id="custom-filters-raw-controls"> |
| 278 <button class="i18n_options_customFilter_save" data-action="save-c
ustom-filters"> |
| 279 </button> |
| 280 <button class="i18n_options_customFilter_cancel" data-action="canc
el-custom-filters"> |
| 281 </button> |
| 282 </div> |
| 283 </div> |
| 284 </section> |
| 285 </div> |
| 286 |
| 287 <!-- Help tab content --> |
| 288 <div id="content-help" role="tabpanel" aria-labelledby="tab-help"> |
| 289 <h1 class="i18n_options_tab_help"></h1> |
| 290 <p class="i18n_options_help_description"></p> |
| 291 <section> |
| 292 <h2 class="i18n_options_support_title"></h2> |
| 293 <ul> |
| 294 <li id="report-issue" class="i18n_options_report_issue"></li> |
| 295 <li id="report-ad" class="i18n_options_report_ad"></li> |
| 296 <li id="report-bug" class="i18n_options_report_bug"></li> |
| 297 <li id="report-forum" class="i18n_options_report_forum"></li> |
| 298 </ul> |
| 299 </section> |
| 300 <section> |
| 301 <h2 class="i18n_options_social_title"></h2> |
| 302 <p class="i18n_options_social_description"></p> |
| 303 <div id="social"> |
| 304 <ul id="social-general"> |
| 305 <li><a id="twitter">Twitter</a></li> |
| 306 <li><a id="facebook">Facebook</a></li> |
| 307 <li><a id="google-plus">Google Plus</a></li> |
| 308 </ul> |
| 309 <ul id="social-chinese"> |
| 310 <li><a id="weibo">Weibo</a></li> |
| 311 </ul> |
| 312 <p> |
| 313 <strong> |
| 314 <span class="i18n_options_email"></span> |
| 315 <a href="mailto:support@adblockplus.org">support@adblockplus.org
</a> |
| 316 </strong> |
| 317 </p> |
| 318 </div> |
| 319 </section> |
312 </div> | 320 </div> |
313 </main> | 321 </main> |
314 | 322 |
315 <!-- Dialog --> | 323 <!-- Dialog --> |
316 <div id="dialog" role="dialog" aria-hidden="true"> | 324 <div id="dialog" role="dialog" aria-hidden="true"> |
317 <header> | 325 <header> |
318 <span id="dialog-title"> | 326 <span id="dialog-title"> |
319 <span id="dialog-title-about" class="i18n_options_dialog_about_title">
</span> | 327 <span id="dialog-title-about" class="i18n_options_dialog_about_title">
</span> |
320 <span id="dialog-title-custom" class="i18n_options_dialog_custom_title
"></span> | 328 <span id="dialog-title-custom" class="i18n_options_dialog_custom_title
"></span> |
321 <span id="dialog-title-language-add" class="i18n_options_dialog_langua
ge_title"></span> | 329 <span id="dialog-title-language-add" class="i18n_options_dialog_langua
ge_title"></span> |
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
365 <div class="dialog-content-block"> | 373 <div class="dialog-content-block"> |
366 <h3></h3> | 374 <h3></h3> |
367 <div class="url"></div> | 375 <div class="url"></div> |
368 <button class="i18n_options_dialog_predefined_confirm default-focus"
data-action="add-predefined-subscription"></button> | 376 <button class="i18n_options_dialog_predefined_confirm default-focus"
data-action="add-predefined-subscription"></button> |
369 </div> | 377 </div> |
370 </div> | 378 </div> |
371 </div> | 379 </div> |
372 <!-- Placeholder element to determine when to wrap focus around --> | 380 <!-- Placeholder element to determine when to wrap focus around --> |
373 <span class="focus-last" tabindex="0"></span> | 381 <span class="focus-last" tabindex="0"></span> |
374 </div> | 382 </div> |
| 383 <!-- Notification --> |
| 384 <div id="notification" aria-hidden="true" aria-live="polite"> |
| 385 <strong id="notification-text"></strong> |
| 386 <button id="hide-notification" data-action="hide-notification"> |
| 387 <span class="i18n_options_notification_hide sr-only"></span> |
| 388 </button> |
| 389 </div> |
375 </body> | 390 </body> |
376 </html> | 391 </html> |
LEFT | RIGHT |