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

Delta Between Two Patch Sets: new-options.html

Issue 29502647: Issue 5482 - Sidebar and about ABP dialog (Closed)
Left Patch Set: Rebased Created Aug. 23, 2017, 1:29 p.m.
Right Patch Set: Fixed nit Created Aug. 28, 2017, 11:38 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
Left: Side by side diff | Download
Right: Side by side diff | Download
« no previous file with change/comment | « locale/en-US/new-options.json ('k') | new-options.js » ('j') | no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
LEFTRIGHT
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
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
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>
LEFTRIGHT

Powered by Google App Engine
This is Rietveld