Side by Side Diff: options.html
Issue 6088024630755328:
issue 1526 - Implement new options page design for Chrome/Opera/Safari (Closed)
Patch Set:
Created Jan. 9, 2015, 5:11 p.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« locale/en-US/options.json ('k')
|
options.js » ('j')
|
no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| OLD | NEW |
|---|---|
| (Empty) | |
| 1 <!DOCTYPE html> | |
| 2 <!-- | |
| 3 - This file is part of Adblock Plus <http://adblockplus.org/>, | |
| 4 - Copyright (C) 2006-2015 Eyeo GmbH | |
| 5 - | |
| 6 - Adblock Plus is free software: you can redistribute it and/or modify | |
| 7 - it under the terms of the GNU General Public License version 3 as | |
| 8 - published by the Free Software Foundation. | |
| 9 - | |
| 10 - Adblock Plus is distributed in the hope that it will be useful, | |
| 11 - but WITHOUT ANY WARRANTY; without even the implied warranty of | |
| 12 - MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the | |
| 13 - GNU General Public License for more details. | |
| 14 - | |
| 15 - You should have received a copy of the GNU General Public License | |
| 16 - along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>. | |
| 17 --> | |
| 18 | |
| 19 <html> | |
| 20 <head> | |
| 21 <meta charset="utf-8"> | |
| 22 <title class="i18n_options_page_title"></title> | |
| 23 <link rel="stylesheet" href="skin/options.css"> | |
| 24 <script type="text/javascript" src="ext/common.js"></script> | |
| 25 <script type="text/javascript" src="ext/content.js"></script> | |
| 26 <script type="text/javascript" src="utils.js"></script> | |
| 27 <script type="text/javascript" src="i18n.js"></script> | |
| 28 <script type="text/javascript" src="options.js"></script> | |
| 29 </head> | |
| 30 <body> | |
| 31 <div id="left-sidebar" class="grid-box"> | |
| 32 <div class="fixed"> | |
| 33 <div id="page-title"> | |
| 34 <p class="i18n_options_page_name"></p> | |
| 35 <h1>Adblock <b>Plus</b></h1> | |
| 36 </div> | |
| 37 <ul class="tabs vertical" id="main-navigation-tabs"> | |
| 38 <li id="tab-general" data-show="content-general" class="active"><span class="i18n_options_tab_general"></span><span class="icon"></span></li> | |
| 39 <li id="tab-advanced" data-show="content-advanced"><span class="i18n_o ptions_tab_advanced"></span><span class="icon"></span></li> | |
| 40 <li id="tab-help" data-show="content-help"><span class="i18n_options_t ab_help"></span><span class="icon"></span></li> | |
| 41 </ul> | |
| 42 <p class="nav-blue"> | |
| 43 <span class="i18n_options_version"></span> <span id="version">2.5.10</ span> | |
| 44 </p> | |
| 45 <ul class="tabs vertical bottom"> | |
| 46 <li id="tab-share"><span class="i18n_options_tab_share"></span><span c lass="icon"></span></li> | |
| 47 <li id="tab-donate"><span class="i18n_options_tab_donate"></span><span class="icon"></span></li> | |
| 48 </ul> | |
| 49 </div> | |
| 50 </div> | |
| 51 <div id="tab-content" class="grid-box"> | |
| 52 <div id="content-general"> | |
| 53 <div> | |
| 54 <h1 class="i18n_options_blocking"></h1> | |
| 55 <hr> | |
| 56 <div id="blocking-languages" class="grid-box"> | |
| 57 <p><b class="i18n_options_language_adblocking"></b> <span class="i18n_ options_language_title"></span> <a class="i18n_options_readMore dotted" href="#" ></a></p> | |
| 58 <ul class="table list"> | |
| 59 <li><input type='checkbox' id="easylist"/><label for="easylist"></la bel><span>...english</span></li> | |
| 60 <li><input type='checkbox' id="easylist+de"/><label for="easylist+de "></label><span>...german (english included)</span></li> | |
| 61 </ul> | |
| 62 <hr> | |
| 63 <div class="controls"> | |
| 64 <div class="button" id="add-website-language"> | |
| 65 <span class="icon icon-add"></span><span class="i18n_options_langu age_add text-blue"></span> | |
| 66 </div> | |
| 67 </div> | |
| 68 </div> | |
| 69 <div id="further-blocking" class="grid-box right"> | |
| 70 <p><b class="i18n_options_furtherBlocking_title"></b> <a class="i18n_o ptions_readMore dotted" href="#"></a></p> | |
| 71 <ul class="table list"> | |
| 72 <li><input type='checkbox' id="disable-tracking"/><label for="disabl e-tracking"></label><span>Disable Tracking</span><span class="green-right">popul ar</span></li> | |
| 73 <li><input type='checkbox' id="disable-malware"/><label for="disable -malware"></label><span>Disable Malware Websites</span><span class="green-right" >popular</span></li> | |
| 74 <li><input type='checkbox' id="disable-social"/><label for="disable- social"></label><span>Disable Social media buttons</span></li> | |
| 75 <li><input type='checkbox' id="facebook-annoyance"/><label for="face book-annoyance"></label><span>Facebook annoyance</span></li> | |
| 76 <li><input type='checkbox' id="youtube-annoyance"/><label for="youtu be-annoyance"></label><span>Youtube annoyance</span></li> | |
| 77 <li><input type='checkbox' id="twitter-annoyance"/><label for="twitt er-annoyance"></label><span>Twitter annoyance</span></li> | |
| 78 | |
| 79 <li><input type='checkbox' id="disable-tracking"/><label for="disabl e-tracking"></label><span>Disable Tracking</span></li> | |
| 80 <li><input type='checkbox' id="disable-malware"/><label for="disable -malware"></label><span>Disable Malware Websites</span></li> | |
| 81 <li><input type='checkbox' id="disable-social"/><label for="disable- social"></label><span>Disable Social media buttons</span></li> | |
| 82 <li><input type='checkbox' id="facebook-annoyance"/><label for="face book-annoyance"></label><span>Facebook annoyance</span></li> | |
| 83 <li><input type='checkbox' id="youtube-annoyance"/><label for="youtu be-annoyance"></label><span>Youtube annoyance</span></li> | |
| 84 <li><input type='checkbox' id="twitter-annoyance"/><label for="twitt er-annoyance"></label><span>Twitter annoyance</span></li> | |
| 85 </ul> | |
| 86 <hr> | |
| 87 <div class="controls"> | |
| 88 <div class="button" id="add-blocking-list"> | |
| 89 <span class="icon icon-add"></span><span class="i18n_options_furth erBlocking_add text-blue"><span> | |
| 90 </div> | |
| 91 </div> | |
| 92 </div> | |
| 93 </div> | |
| 94 | |
| 95 <div> | |
| 96 <h1 class="i18n_options_exception"></h1> | |
| 97 <hr> | |
| 98 <div class="grid-box"> | |
| 99 <p><b class="i18n_options_acceptableAds_title"></b> <a class="i18n_opt ions_readMore dotted" href="#"></a></p> | |
| 100 <ul class="table list"> | |
| 101 <li><input type='checkbox' id="allow-whitelist"/><label for="allow-w hitelist"></label><span>Allow some non-intrusive advertising</span></li> | |
| 102 </ul> | |
| 103 </div> | |
| 104 <div id="whitelisting" class="grid-box right"> | |
| 105 <p><b class="i18n_options_whitelisted_title"></b> <a class="i18n_optio ns_readMore dotted" href="#"></a></p> | |
| 106 <ul class="table list"> | |
| 107 <li><button></button><span>alternate.de</span></li> | |
| 108 <li><button></button><span>amazon.de</span></li> | |
| 109 <li><button></button><span>der.postillion.com</span></li> | |
| 110 <li><button></button><span>taz.de</span></li> | |
| 111 </ul> | |
| 112 <hr> | |
| 113 <div class="controls"> | |
| 114 <span class="icon icon-add" id="whitelisting-add-icon"></span> | |
| 115 <input type="text" id="whitelisting-textbox" /> | |
| 116 <span class="icon icon-enter" id="whitelisting-enter-icon"></span> | |
| 117 </div> | |
| 118 <div> | |
| 119 <button class="addbtn" id="whitelisting-add-btn">+<span class="i18n_ options_btn_add"></span></button> | |
| 120 <button class="i18n_options_btn_cancel cancelbtn" id="whitelisting-c ancel-btn"></button> | |
| 121 </div> | |
| 122 </div> | |
| 123 </div> | |
| 124 </div> | |
| 125 <div id="content-advanced"> | |
| 126 <div> | |
| 127 <h1 class="i18n_options_tweaks"></h1> | |
| 128 <a class="i18n_options_readMore dotted" href="#"></a> | |
| 129 <hr /> | |
| 130 <ul class="table" style="width: auto;"> | |
| 131 <li> | |
| 132 <input type='checkbox' id="easylist"/><label for="easylist"></labe l><span class="i18n_options_tweaks_blockElement"></span> <a class="i18n_options_ tweaks_blockElement_highlight dotted" href="#"></a></li> | |
| 133 <li><input type='checkbox' id="easylist+de"/><label for="easylist+de "></label><a class="i18n_options_tweaks_hideWhitespace_highlight dotted" href="# "></a> <span class="i18n_options_tweaks_hideWhitespace"></span></li> | |
| 134 </ul> | |
| 135 <div> | |
| 136 <h1 class="i18n_options_blockingList"></h1> | |
| 137 <a class="i18n_options_readMore dotted" href="#"></a> | |
| 138 <hr /> | |
| 139 <ul class="tabs horizontal" id="blocking-list-tabs"> | |
| 140 <li class="i18n_options_tab_overview active" data-show="blocking-l ist-overview"></li><li class="i18n_options_tab_ownList" data-show="blocking-list -own"></li> | |
| 141 </ul> | |
| 142 <div id="blocking-list"> | |
| 143 <div id="blocking-list-overview"> | |
| 144 <ul class="table cols" style="width: auto;"> | |
| 145 <li class="col-name"><span class="i18n_options_tableCol_name"> </span><span class="i18n_options_tableCol_description"></span><span class="i18n_ options_tableCol_date"></span></li> | |
| 146 <li><input type='checkbox' id="easylist"/><label for="easylist "></label><span>Easylist</span><span>Adblocking english sites</span><span>15 Mar ch 14 - 10:31</span></li> | |
| 147 <li><input type='checkbox' id="easylist+de"/><label for="easyl ist+de"></label><span>Easylist Germany + Easylist</span><span>Adblocking english + german sites</span><span>15 March 14 - 10:31</span></li> | |
| 148 <li><input type='checkbox' id="annoyance-fb"/><label for="anno yance-fb"></label><span>Facebook annoyance blocker</span><span>Blocks Facebook a nnoyances</span><span>15 March 14 - 10:31</span></li> | |
| 149 <li><input type='checkbox' id="annoyance-youtube"/><label for= "annoyance-youtube"></label><span>Facebook annoyance blocker</span><span>Blocks Facebook annoyances</span><span>15 March 14 - 10:31</span></li> | |
| 150 <li><input type='checkbox' id="own-list"/><label for="own-list "></label><span>Own blocking list</span><span>Your own blocking list</span><span ><a href="#">edit your blocking list</a></span></li> | |
| 151 </ul> | |
| 152 <hr class=""/> | |
| 153 <div class="controls"> | |
| 154 <div class="button"> | |
| 155 <span class="icon icon-add"></span><span class="i18n_options _blockingList_add text-blue"></span> | |
| 156 </div> | |
| 157 <div class="button"> | |
| 158 <span class="icon icon-update"></span><span class="i18n_opti ons_blockingList_update text-blue"></span> | |
| 159 </div> | |
| 160 </div> | |
| 161 </div> | |
| 162 <div id="blocking-list-own"> | |
| 163 <p class="i18n_options_blockingRules"></p> | |
| 164 <ul class="table list"> | |
| 165 <li><span>zap2it.com##.zc-station-position</span></li> | |
| 166 <li><span>downturk.net##.zippo</span></li> | |
| 167 <li><span>yahoo.com##.y708-promo-middle</span></li> | |
| 168 <li><span>reflector.com##.yahooboss</span></li> | |
| 169 <li><span>yardbarker.com##.yard_leader</span></li> | |
| 170 <li><span>espn.co.uk##.will_hill</span></li> | |
| 171 <li><span>listverse.com##.wiki</span></li> | |
| 172 <li><span>planet5d.com##.wp-image-1573</span></li> | |
| 173 <li><span>buzzinn.net##.wpn_finner</span></li> | |
| 174 <li><span>talkers.com##.wpss_slideshow</span></li> | |
| 175 </ul> | |
| 176 <div class="controls" style="margin: 0px;"> | |
| 177 <input type="text" placeholder="add your blocking rule here"/> | |
| 178 <div class="input-control"> | |
| 179 <span class="input-separator"></span> | |
| 180 <span class="i18n_options_btn_add input-btn-text"></span> | |
| 181 <span class="icon icon-enter-blue"></span> | |
| 182 </div> | |
| 183 </div> | |
| 184 <div class="controls button"> | |
| 185 <span class="icon icon-edit"></span> | |
| 186 <span class="i18n_options_blockingRules_edit text-blue"></span > | |
| 187 </div> | |
| 188 </div> | |
| 189 </div> | |
| 190 </div> | |
| 191 </div> | |
| 192 </div> | |
| 193 <div id="content-help"> | |
| 194 <h1>1. <span class="i18n_options_faq"></span></h1> | |
| 195 <hr /> | |
| 196 <p class="i18n_options_faq_description"></p> | |
| 197 <p> | |
| 198 <span class="icon icon-arrow"></span> | |
| 199 <a class="i18n_options_faq_link text-blue" href="#"></a> | |
| 200 </p> | |
| 201 <h1>2. <span class="i18n_options_forum"></span></h1> | |
| 202 <hr /> | |
| 203 <p class="i18n_options_forum_description"></p> | |
| 204 <p> | |
| 205 <span class="icon icon-arrow"></span> | |
| 206 <a class="i18n_options_forum_link text-blue" href="#"></a> | |
| 207 </p> | |
| 208 <h1>3. <span class="i18n_options_media"></span></h1> | |
| 209 <hr /> | |
| 210 <p class="i18n_options_media_description"></p> | |
| 211 <p> | |
| 212 <span class="icon icon-arrow"></span> | |
| 213 <a class="text-blue" href="#">Twitter</a> | |
| 214 <span class="icon icon-arrow"></span> | |
| 215 <a class="text-blue" href="#">Facebook</a> | |
| 216 <span class="icon icon-arrow"></span> | |
| 217 <a class="text-blue" href="#">Google+</a> | |
| 218 </p> | |
| 219 </div> | |
| 220 </div> | |
| 221 <div id="modal" style="display: block;"> | |
| 222 <div> | |
| 223 <div class="header"> | |
| 224 <div> | |
| 225 <div> | |
| 226 <span class="i18n_options_modal_title title"></span> | |
| 227 </div> | |
| 228 <div class="close-wrapper"> | |
| 229 <span class="separator"></span> | |
| 230 <div class="button" id="modal-close"> | |
| 231 <span class="icon icon-close"></span> | |
| 232 <span class="i18n_options_close close"></span> | |
| 233 </div> | |
| 234 </div> | |
| 235 </div> | |
| 236 </div> | |
| 237 <div class="content"> | |
| 238 <div class="section"> | |
| 239 <div><b class="i18n_options_modal_subscription_title"></b></div> | |
| 240 <div> | |
| 241 <input type="text" placeholder="www.yourURL.com/blockinglist.txt " /> | |
| 242 </div> | |
| 243 <div class="btn-wrapper"> | |
| 244 <span class="icon icon-arrow"></span> | |
| 245 <span class="i18n_options_modal_import_subscription text-blue">< /span> | |
| 246 </div> | |
| 247 <div class="section"> | |
| 248 </div> | |
| 249 <div><b class="i18n_options_modal_edit_own_list"></b></div> | |
| 250 <div class="btn-wrapper"> | |
| 251 <span class="icon icon-arrow"></span> | |
| 252 <span class="i18n_options_modal_create_own_list text-blue"></spa n> | |
| 253 </div> | |
| 254 </div> | |
| 255 </div> | |
| 256 </div> | |
| 257 </div> | |
| 258 </body> | |
| 259 </html> | |
| OLD | NEW |
« no previous file with comments
|
« locale/en-US/options.json ('k')
|
options.js » ('j')
|
no next file with comments »
