Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side Diff: new-options.html

Issue 29536681: Issue 5628 - Implement main styles (Closed)
Patch Set: Created Sept. 13, 2017, 4:46 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
OLDNEW
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 58 matching lines...) Expand 10 before | Expand all | Expand 10 after
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 <header>
80 <p class="i18n_options_general_description"></p> 80 <h1 class="i18n_options_tab_general"></h1>
81 <section> 81 <p class="i18n_options_general_description"></p>
82 </header>
83 <section class="cols">
82 <h2 class="i18n_options_privacy_header"></h2> 84 <h2 class="i18n_options_privacy_header"></h2>
83 <ul id="recommend-protection-list-table" class="table list"> 85 <ul class="list" id="recommend-protection-list-table">
84 <template> 86 <template>
85 <button data-action="toggle-remove-subscription" role="checkbox" c lass="control"></button> 87 <button data-action="toggle-remove-subscription" role="checkbox" c lass="control"></button>
86 <label class="display"></label> 88 <label class="display"></label>
87 <span class="i18n_options_readMore" data-tooltip="options_protecti on_%value%_tooltip"></span> 89 <span data-tooltip="options_protection_%value%_tooltip"></span>
88 </template> 90 </template>
89 </ul> 91 </ul>
90 </section> 92 </section>
91 <section> 93 <section class="cols">
92 <h2 class="i18n_options_acceptableAds_header"></h2> 94 <header>
93 <p class="i18n_options_acceptableAds_description"></p> 95 <h2 class="i18n_options_acceptableAds_header"></h2>
96 <p class="i18n_options_acceptableAds_description"></p>
97 </header>
94 <form id="acceptable-ads"> 98 <form id="acceptable-ads">
95 <div> 99 <div>
96 <input data-action="switch-acceptable-ads" type="radio" name="acce ptable-ads" value="ads"> 100 <input data-action="switch-acceptable-ads" type="radio" name="acce ptable-ads" value="ads">
97 <label class="i18n_options_acceptableAds_ads_label"></label> 101 <label class="i18n_options_acceptableAds_ads_label"></label>
98 <p id="enable-aa-description" class="i18n_options_acceptableAds_ad s_description_1"></p> 102 <p id="enable-aa-description" class="i18n_options_acceptableAds_ad s_description_1"></p>
99 <p class="i18n_options_acceptableAds_ads_description_2"></p> 103 <p class="i18n_options_acceptableAds_ads_description_2"></p>
100 </div> 104 </div>
101 <div> 105 <div>
102 <input data-action="switch-acceptable-ads" type="radio" name="acce ptable-ads" value="privacy"> 106 <input data-action="switch-acceptable-ads" type="radio" name="acce ptable-ads" value="privacy">
103 <label class="i18n_options_acceptableAds_privacy_label"></label> 107 <label class="i18n_options_acceptableAds_privacy_label"></label>
104 <p class="i18n_options_acceptableAds_privacy_description"></p> 108 <p class="i18n_options_acceptableAds_privacy_description"></p>
105 <p id="dnt" class="i18n_options_acceptableAds_dnt_notification"></ p> 109 <p id="dnt" class="i18n_options_acceptableAds_dnt_notification"></ p>
106 </div> 110 </div>
107 <div> 111 <div>
108 <input data-action="switch-acceptable-ads" type="radio" name="acce ptable-ads" value="none"> 112 <input data-action="switch-acceptable-ads" type="radio" name="acce ptable-ads" value="none">
109 <label class="i18n_options_acceptableAds_none_label"></label> 113 <label class="i18n_options_acceptableAds_none_label"></label>
110 </div> 114 </div>
111 </form> 115 </form>
112 </section> 116 </section>
113 <section> 117 <section class="cols">
114 <h2 class="i18n_options_language_header"></h2> 118 <header>
115 <p class="i18n_options_language_description"></p> 119 <h2 class="i18n_options_language_header"></h2>
120 <p class="i18n_options_language_description"></p>
121 </header>
116 <div id="blocking-languages"> 122 <div id="blocking-languages">
117 <ul id="blocking-languages-table" class="table list"> 123 <ul id="blocking-languages-table" class="table list">
118 <template> 124 <template>
119 <label class="display"></label> 125 <label class="display"></label>
120 <button data-single="hidden" data-action="remove-subscription" c lass="delete control" title="options_control_remove_title"></button> 126 <button data-single="hidden" data-action="remove-subscription" c lass="delete control" title="options_control_remove_title"></button>
121 <button data-single="visible" data-action="open-dialog" data-dia log="language-change" class="i18n_options_language_change"></button> 127 <button data-single="visible" data-action="open-dialog" data-dia log="language-change" class="i18n_options_language_change link"></button>
122 </template> 128 </template>
123 </ul> 129 </ul>
124 <div class="controls"> 130 <button class="i18n_options_language_add list" data-action="open-dia log" data-dialog="language-add"></button>
125 <button data-action="open-dialog" data-dialog="language-add"> 131 <p class="i18n_options_language_tip"></p>
126 <span class="i18n_options_language_add"></span>
127 </button>
128 </div>
129 </div> 132 </div>
130 <p class="i18n_options_language_tip"></p>
131 </section> 133 </section>
132 <section> 134 <section class="cols">
133 <h2 class="i18n_options_more_filters_header"></h2> 135 <header>
134 <p class="i18n_options_more_filters_description"></p> 136 <h2 class="i18n_options_more_filters_header"></h2>
135 <ul id="custom-list-table" class="table list"> 137 <p class="i18n_options_more_filters_description"></p>
136 <template> 138 </header>
137 <label class="display"></label> 139 <div>
138 <button data-action="remove-subscription" class="delete control" t itle="options_control_remove_title"></button> 140 <ul id="custom-list-table" class="table list">
139 </template> 141 <template>
140 </ul> 142 <label class="display"></label>
141 <p class="i18n_options_more_filters_note"></p> 143 <button data-action="remove-subscription" class="i18n_options_co ntrol_remove_title link control" title="options_control_remove_title"></button>
144 </template>
145 </ul>
146 <p class="i18n_options_more_filters_note"></p>
147 </div>
142 </section> 148 </section>
143 </div> 149 </div>
144 150
145 <!-- Whitelist tab content --> 151 <!-- Whitelist tab content -->
146 <div id="content-whitelist" role="tabpanel" aria-labelledby="tab-whitelist "> 152 <div id="content-whitelist" role="tabpanel" aria-labelledby="tab-whitelist ">
147 <h1 class="i18n_options_tab_whitelist"></h1> 153 <header>
148 <p class="i18n_options_whitelist_description"></p> 154 <h1 class="i18n_options_tab_whitelist"></h1>
149 <form> 155 <p class="i18n_options_whitelist_description"></p>
156 </header>
157 <form class="section">
150 <input id="whitelisting-textbox" type="text"> 158 <input id="whitelisting-textbox" type="text">
151 <button id="whitelisting-add-button" 159 <button id="whitelisting-add-button"
152 type="submit" 160 type="submit"
153 data-action="add-domain-exception" 161 data-action="add-domain-exception"
154 class="i18n_options_whitelist_add" disabled> 162 class="i18n_options_whitelist_add primary" disabled>
155 </button> 163 </button>
156 <div id="whitelisting-validation"></div>
157 </form> 164 </form>
158 <ul id="whitelisting-table" class="table list"> 165 <ul id="whitelisting-table" class="table list">
159 <template> 166 <template>
160 <label class="display"></label> 167 <label class="display"></label>
161 <button data-action="remove-filter" class="delete control" 168 <button data-action="remove-filter" class="delete control"
162 title="options_control_remove_title"> 169 title="options_control_remove_title">
163 </button> 170 </button>
164 </template> 171 </template>
165 </ul> 172 </ul>
166 </div> 173 </div>
167 174
168 <!-- Advanced tab content --> 175 <!-- Advanced tab content -->
169 <div id="content-advanced" role="tabpanel" 176 <div id="content-advanced" role="tabpanel"
170 aria-labelledby="tab-advanced"> 177 aria-labelledby="tab-advanced">
171 <div> 178 <header>
172 <h1 class="i18n_options_tab_advanced"></h1> 179 <h1 class="i18n_options_tab_advanced"></h1>
173 <p class="i18n_options_advanced_description"></p> 180 <p class="i18n_options_advanced_description"></p>
174 <section> 181 </header>
175 <h2 class="i18n_options_customize_header"></h2> 182 <section class="cols">
176 <ul id="customize" class="table"> 183 <h2 class="i18n_options_customize_header"></h2>
177 <li data-pref="shouldShowBlockElementMenu"> 184 <ul id="customize" class="list">
178 <label> 185 <li data-pref="shouldShowBlockElementMenu">
179 <button role="checkbox" data-action="toggle-pref"></button> 186 <button role="checkbox" data-action="toggle-pref"></button>
180 <span class="i18n_options_customize_blockElement"></span> 187 <span class="i18n_options_customize_blockElement display"></span>
181 <span class="i18n_options_readMore" 188 <span data-tooltip="options_customize_blockElement_tooltip"></span >
182 data-tooltip="options_customize_blockElement_tooltip"></span > 189 </li>
183 </label> 190 <li data-pref="show_devtools_panel">
184 </li> 191 <button role="checkbox" data-action="toggle-pref"></button>
185 <li data-pref="show_devtools_panel"> 192 <span class="i18n_options_customize_showDevToolsPanel display"></s pan>
186 <label> 193 <span data-tooltip="options_customize_showDevToolsPanel_tooltip">< /span>
187 <button role="checkbox" data-action="toggle-pref"></button> 194 </li>
188 <span class="i18n_options_customize_showDevToolsPanel"></span> 195 <li data-pref="notifications_ignoredcategories">
189 <span class="i18n_options_readMore" 196 <button role="checkbox" data-action="toggle-pref"></button>
190 data-tooltip="options_customize_showDevToolsPanel_tooltip">< /span> 197 <span class="i18n_options_customize_showNotifications display"></s pan>
191 </label> 198 <span data-tooltip="options_customize_showNotifications_tooltip">< /span>
192 </li> 199 </li>
193 <li data-pref="notifications_ignoredcategories"> 200 </ul>
194 <label> 201 </section>
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>
202 </section>
203 </div>
204 202
205 <section> 203 <section>
206 <h1 class="i18n_options_filterList_title"></h1> 204 <header>
207 <p id="filter-lists-description" class="i18n_options_filterList_descri ption"></p> 205 <h2 class="i18n_options_filterList_title"></h2>
206 <p id="filter-lists-description" class="i18n_options_filterList_desc ription"></p>
207 </header>
208 208
209 <div id="all-filter-lists-table-header"> 209 <div id="all-filter-lists-table-header" class="th">
210 <h2 class="i18n_options_filterList_column_status"></h2> 210 <h3 class="i18n_options_filterList_column_status col4"></h3>
211 <h2 class="i18n_options_filterList_column_name"></h2> 211 <h3 class="i18n_options_filterList_column_name col4"></h3>
212 <h2 class="i18n_options_filterList_column_update"></h2> 212 <h3 class="i18n_options_filterList_column_update col4"></h3>
213 <h3 class="col4"></h3>
213 </div> 214 </div>
214 <ul class="table cols" id="all-filter-lists-table"> 215 <ul class="table cols" id="all-filter-lists-table">
215 <template> 216 <template>
216 <button data-action="remove-subscription" class="control delete">< /button> 217 <div class="col4">
217 <button data-action="toggle-disable-subscription" role="checkbox" class="control"> 218 <button data-action="toggle-disable-subscription" role="checkbox " class="control toggle">
218 </button> 219 </button>
219 <div class="state"> 220 <div class="state">
220 <span class="i18n_options_filterList_state_active" id="state-act ive"></span> 221 <span class="i18n_options_filterList_state_active" id="state-a ctive"></span>
221 <span class="i18n_options_filterList_state_disabled" id="state-d isabled"></span> 222 <span class="i18n_options_filterList_state_disabled" id="state -disabled"></span>
223 </div>
222 </div> 224 </div>
223 <div> 225 <div class="col4">
224 <label class="display"></label> 226 <label class="display"></label>
225 </div> 227 </div>
226 <span class="last-update"></span> 228 <div class="col4">
227 <span class="message"></span> 229 <span class="last-update"></span>
228 <a data-action="open-context-menu" class="arrow"></a> 230 <span class="message"></span>
229 <div role="menubar" class="context-menu-wrapper"> 231 </div>
230 <div class="context-menu"> 232 <div class="col4">
231 <ul class="content" role="menu"> 233 <button data-action="open-context-menu" class="gear"></button>
232 <li role="menuitem"> 234 <div role="menubar" class="context-menu-wrapper">
233 <a class="i18n_options_filterList_updateNow update-subscri ption" data-action="update-subscription"></a> 235 <div class="context-menu">
234 </li> 236 <ul class="content" role="menu">
235 <li role="menuitem"> 237 <li role="menuitem">
236 <a class="i18n_options_filterList_website website" target= "_blank"></a> 238 <button class="i18n_options_filterList_updateNow update- subscription" data-action="update-subscription"></button>
237 </li> 239 </li>
238 <li role="menuitem"> 240 <li role="menuitem">
239 <a class="i18n_options_filterList_source source" target="_ blank"></a> 241 <a class="i18n_options_filterList_website website" targe t="_blank"></a>
240 </li> 242 </li>
241 <li role="menuitem"> 243 <li role="menuitem">
242 <a class="i18n_options_filterList_delete delete" data-acti on="remove-subscription"></a> 244 <a class="i18n_options_filterList_source source" target= "_blank"></a>
243 </li> 245 </li>
244 </ul> 246 <li role="menuitem">
247 <button class="i18n_options_filterList_delete delete" da ta-action="remove-subscription"></button>
248 </li>
249 </ul>
250 </div>
245 </div> 251 </div>
252 <button data-action="remove-subscription" class="control delete" ></button>
246 </div> 253 </div>
247 </template> 254 </template>
248 </ul> 255 </ul>
249 <div class="controls"> 256 <div class="side-control">
250 <button data-action="open-dialog" data-dialog="custom"> 257 <button class="i18n_options_filterList_add primary" data-action="ope n-dialog" data-dialog="custom"></button>
251 <span class="icon icon-add"></span> 258 <button id="update" class="i18n_options_filterList_update secondary" data-action="update-all-subscriptions"></button>
252 <span class="i18n_options_filterList_add"></span>
253 </button>
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 </div>
259 </section> 260 </section>
260 261
261 <section> 262 <section class="cols">
262 <h1 class="i18n_options_customFilters_title"></h1> 263 <header>
263 <p class="i18n_options_customFilters_description"></p> 264 <h2 class="i18n_options_customFilters_title"></h2>
264 <h2 class="i18n_options_customFilters_widget_title"></h2> 265 <p class="i18n_options_customFilters_description"></p>
266 </header>
265 <div id="custom-filters"> 267 <div id="custom-filters">
268 <h3 class="i18n_options_customFilters_widget_title"></h3>
266 <div id="empty-custom-filters"> 269 <div id="empty-custom-filters">
267 <p class="i18n_options_customFilters_tip"></p> 270 <p class="i18n_options_customFilters_tip"></p>
268 <button class="i18n_options_customFilters_start" data-action="edit -custom-filters"> 271 <button class="i18n_options_customFilters_start primary" data-acti on="edit-custom-filters">
269 </button> 272 </button>
270 <p> 273 <p>
271 <a class="i18n_options_customFilters_learn" id="link-filters" ta rget="_blank"></a> 274 <a class="i18n_options_customFilters_learn" id="link-filters" ta rget="_blank"></a>
272 </p> 275 </p>
273 </div> 276 </div>
274 <textarea id="custom-filters-raw" rows="15"></textarea> 277 <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"> 278 <div class="side-control">
276 </button> 279 <button id="custom-filters-edit" class="i18n_options_customFilter_ edit secondary" data-action="edit-custom-filters">
277 <div id="custom-filters-raw-controls">
278 <button class="i18n_options_customFilter_save" data-action="save-c ustom-filters">
279 </button> 280 </button>
280 <button class="i18n_options_customFilter_cancel" data-action="canc el-custom-filters"> 281 <div id="custom-filters-raw-controls">
281 </button> 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>
282 </div> 285 </div>
283 </div> 286 </div>
284 </section> 287 </section>
285 </div> 288 </div>
286 289
287 <!-- Help tab content --> 290 <!-- Help tab content -->
288 <div id="content-help" role="tabpanel" aria-labelledby="tab-help"> 291 <div id="content-help" role="tabpanel" aria-labelledby="tab-help">
289 <h1 class="i18n_options_tab_help"></h1> 292 <header>
290 <p class="i18n_options_help_description"></p> 293 <h1 class="i18n_options_tab_help"></h1>
291 <section> 294 <p class="i18n_options_help_description"></p>
295 </header>
296 <section class="cols">
292 <h2 class="i18n_options_support_title"></h2> 297 <h2 class="i18n_options_support_title"></h2>
293 <ul> 298 <ul>
294 <li id="report-issue" class="i18n_options_report_issue"></li> 299 <li id="report-issue" class="i18n_options_report_issue"></li>
295 <li id="report-ad" class="i18n_options_report_ad"></li> 300 <li id="report-ad" class="i18n_options_report_ad"></li>
296 <li id="report-bug" class="i18n_options_report_bug"></li> 301 <li id="report-bug" class="i18n_options_report_bug"></li>
297 <li id="report-forum" class="i18n_options_report_forum"></li> 302 <li id="report-forum" class="i18n_options_report_forum"></li>
298 </ul> 303 </ul>
299 </section> 304 </section>
300 <section> 305 <section class="cols">
301 <h2 class="i18n_options_social_title"></h2> 306 <header>
302 <p class="i18n_options_social_description"></p> 307 <h2 class="i18n_options_social_title"></h2>
308 <p class="i18n_options_social_description"></p>
309 </header>
303 <div id="social"> 310 <div id="social">
304 <ul id="social-general"> 311 <ul id="social-general">
305 <li><a id="twitter">Twitter</a></li> 312 <li><a id="twitter">Twitter</a></li>
306 <li><a id="facebook">Facebook</a></li> 313 <li><a id="facebook">Facebook</a></li>
307 <li><a id="google-plus">Google Plus</a></li> 314 <li><a id="google-plus">Google Plus</a></li>
308 </ul> 315 </ul>
309 <ul id="social-chinese"> 316 <ul id="social-chinese">
310 <li><a id="weibo">Weibo</a></li> 317 <li><a id="weibo">Weibo</a></li>
311 </ul> 318 </ul>
312 <p> 319 <p>
313 <strong> 320 <strong>
314 <span class="i18n_options_email"></span> 321 <span class="i18n_options_email"></span>
315 <a href="mailto:support@adblockplus.org">support@adblockplus.org </a> 322 <a href="mailto:support@adblockplus.org">support@adblockplus.org </a>
316 </strong> 323 </strong>
317 </p> 324 </p>
318 </div> 325 </div>
319 </section> 326 </section>
320 </div> 327 </div>
321 </main> 328 </main>
322 329
323 <!-- Dialog --> 330 <!-- Dialog -->
324 <div id="dialog" role="dialog" aria-hidden="true"> 331 <div id="dialog" role="dialog" aria-hidden="true">
325 <header> 332 <header>
326 <span id="dialog-title"> 333 <span id="dialog-title">
327 <span id="dialog-title-about" class="i18n_options_dialog_about_title"> </span> 334 <h3 id="dialog-title-about" class="i18n_options_dialog_about_title"></ h3>
328 <span id="dialog-title-custom" class="i18n_options_dialog_custom_title "></span> 335 <h3 id="dialog-title-custom" class="i18n_options_dialog_custom_title"> </h3>
329 <span id="dialog-title-language-add" class="i18n_options_dialog_langua ge_title"></span> 336 <h3 id="dialog-title-language-add" class="i18n_options_dialog_language _title"></h3>
330 <span id="dialog-title-language-change" class="i18n_options_dialog_lan guage_title"></span> 337 <h3 id="dialog-title-language-change" class="i18n_options_dialog_langu age_title"></h3>
331 <span id="dialog-title-predefined" class="i18n_options_dialog_predefin ed_title"></span> 338 <h3 id="dialog-title-predefined" class="i18n_options_dialog_predefined _title"></h3>
332 </span> 339 </span>
333 <button id="dialog-close" class="i18n_options_close focus-first" data-ac tion="close-dialog"></button> 340 <button id="dialog-close" data-action="close-dialog"></button>
334 </header> 341 </header>
335 <div id="dialog-body" class="content"> 342 <div id="dialog-body" class="content">
336 <!-- About Adblock Plus --> 343 <!-- About Adblock Plus -->
337 <div id="dialog-content-about" class="dialog-content"> 344 <div id="dialog-content-about" class="dialog-content">
338 <p id="abp-version"></p> 345 <p id="abp-version"></p>
339 <p class="i18n_options_dialog_about_copyright"></p> 346 <p class="i18n_options_dialog_about_copyright"></p>
347 <p class="i18n_options_dialog_about_trademark"></p>
340 <p> 348 <p>
341 <button class="i18n_options_close primary" data-action="close-dialog "></button> 349 <button class="i18n_options_close primary" data-action="close-dialog "></button>
342 </p> 350 </p>
343 </div> 351 </div>
344 <!-- Add language subscription --> 352 <!-- Add language subscription -->
345 <div id="dialog-content-language-add" class="dialog-content"> 353 <div id="dialog-content-language-add" class="dialog-content">
346 <ul id="all-lang-table-add" class="table list"> 354 <ul id="all-lang-table-add" class="table list">
347 <template> 355 <template>
348 <button data-action="add-language-subscription,close-dialog" class ="control add" role="checkbox"> 356 <button data-action="add-language-subscription,close-dialog" class ="control add" role="checkbox">
349 <label class="display"></label> 357 <label class="display"></label>
350 </button> 358 </button>
351 <button data-action="change-language-subscription,close-dialog" cl ass="control change" role="checkbox"> 359 <button data-action="change-language-subscription,close-dialog" cl ass="control change" role="checkbox">
352 <label class="display"></label> 360 <label class="display"></label>
353 </button> 361 </button>
354 </template> 362 </template>
355 </ul> 363 </ul>
356 </div> 364 </div>
357 <!-- Add custom subscription --> 365 <!-- Add custom subscription -->
358 <div id="dialog-content-custom" class="dialog-content"> 366 <div id="dialog-content-custom" class="dialog-content">
359 <div class="dialog-content-block"> 367 <div>
360 <div> 368 <label for="blockingList-textbox" class="i18n_options_dialog_custom_ subscription_title"></label>
361 <label for="blockingList-textbox" class="i18n_options_dialog_custo m_subscription_title"></label> 369 <input id="blockingList-textbox" type="text" class="default-focus" p laceholder="https://website.com/filterlist.txt" />
362 <input id="blockingList-textbox" type="text" class="default-focus" placeholder="www.example.com/blockinglist.txt" />
363 </div>
364 <button class="i18n_options_dialog_custom_import" data-action="impor t-subscription"></button>
365 </div> 370 </div>
366 <div class="dialog-content-block"> 371 <p>
367 <h3 class="i18n_options_dialog_edit_own_list"></h3> 372 <button class="i18n_options_dialog_custom_import primary" data-actio n="import-subscription"></button>
368 <button class="i18n_options_dialog_create_own_list" data-action="clo se-dialog,switch-tab,edit-custom-filters" data-tab="advanced"></button> 373 </p>
369 </div>
370 </div> 374 </div>
371 <!-- Add predefined subscription --> 375 <!-- Add predefined subscription -->
372 <div id="dialog-content-predefined" class="dialog-content"> 376 <div id="dialog-content-predefined" class="dialog-content">
373 <div class="dialog-content-block"> 377 <div class="dialog-content-block">
374 <h3></h3> 378 <h3></h3>
375 <div class="url"></div> 379 <div class="url"></div>
376 <button class="i18n_options_dialog_predefined_confirm default-focus" data-action="add-predefined-subscription"></button> 380 <button class="i18n_options_dialog_predefined_confirm default-focus primary" data-action="add-predefined-subscription"></button>
377 </div> 381 </div>
378 </div> 382 </div>
379 </div> 383 </div>
380 <!-- Placeholder element to determine when to wrap focus around --> 384 <!-- Placeholder element to determine when to wrap focus around -->
381 <span class="focus-last" tabindex="0"></span> 385 <span class="focus-last" tabindex="0"></span>
382 </div> 386 </div>
383 <!-- Notification --> 387 <!-- Notification -->
384 <div id="notification" aria-hidden="true" aria-live="polite"> 388 <div id="notification" aria-hidden="true" aria-live="polite">
385 <strong id="notification-text"></strong> 389 <strong id="notification-text"></strong>
386 <button id="hide-notification" data-action="hide-notification"> 390 <button id="hide-notification" data-action="hide-notification">
387 <span class="i18n_options_notification_hide sr-only"></span> 391 <span class="i18n_options_notification_hide sr-only"></span>
388 </button> 392 </button>
389 </div> 393 </div>
390 </body> 394 </body>
391 </html> 395 </html>
OLDNEW
« no previous file with comments | « locale/en-US/new-options.json ('k') | skin/icons/arrow.svg » ('j') | skin/new-options.css » ('J')

Powered by Google App Engine
This is Rietveld