| Index: desktop-options.html |
| =================================================================== |
| --- a/desktop-options.html |
| +++ b/desktop-options.html |
| @@ -85,7 +85,7 @@ |
| <h2 class="i18n_options_privacy_header"></h2> |
| <ul class="list" id="recommend-protection-list-table"> |
| <template> |
| - <button data-action="toggle-remove-subscription" role="checkbox" class="control"></button> |
| + <button data-action="toggle-remove-subscription" role="checkbox" class="control icon"></button> |
| <label class="display"></label> |
| <span data-tooltip="options_protection_%value%_tooltip"></span> |
| </template> |
| @@ -98,7 +98,7 @@ |
| </header> |
| <form id="acceptable-ads"> |
| <div id="tracking-warning"> |
| - <button id="hide-tracking-warning" type="button" data-pref="ui_warn_tracking" data-action="toggle-pref"> |
| + <button id="hide-tracking-warning" class="icon close tertiary" type="button" data-pref="ui_warn_tracking" data-action="toggle-pref"> |
| <span class="i18n_options_notification_hide sr-only"></span> |
| </button> |
| <p id="tracking-warning-1"></p> |
| @@ -108,13 +108,13 @@ |
| </div> |
| <ul> |
| <li> |
| - <button id="acceptable-ads-allow" data-action="switch-acceptable-ads" type="button" role="checkbox" name="acceptable-ads" value="ads"></button> |
| + <button id="acceptable-ads-allow" class="icon" data-action="switch-acceptable-ads" type="button" role="checkbox" name="acceptable-ads" value="ads"></button> |
| <label for="acceptable-ads-allow" class="i18n_options_acceptableAds_ads_label"></label> |
| <p id="enable-acceptable-ads-description" class="i18n_options_acceptableAds_ads_description_1"></p> |
| </li> |
| <ul> |
| <li> |
| - <button id="acceptable-ads-privacy-allow" data-action="switch-acceptable-ads" type="button" role="checkbox" name="acceptable-ads" value="privacy"></button> |
| + <button id="acceptable-ads-privacy-allow" class="icon" data-action="switch-acceptable-ads" type="button" role="checkbox" name="acceptable-ads" value="privacy"></button> |
| <label for="acceptable-ads-privacy-allow" class="i18n_options_acceptableAds_privacy_label"></label> |
| <span class="i18n_options_new_label new"></span> |
| <p> |
| @@ -135,7 +135,7 @@ |
| <ul id="blocking-languages-table" class="table list bottom-control"> |
| <template> |
| <label class="display"></label> |
| - <button data-single="hidden" data-action="remove-subscription" class="delete control" title="options_control_remove_title"></button> |
| + <button data-single="hidden" data-action="remove-subscription" class="icon delete control" title="options_control_remove_title"></button> |
| <button data-single="visible" data-action="open-dialog" data-dialog="language-change" class="i18n_options_language_change link"></button> |
| </template> |
| </ul> |
| @@ -180,7 +180,7 @@ |
| <ul id="whitelisting-table" class="table list"> |
| <template> |
| <label class="display"></label> |
| - <button data-action="remove-filter" class="delete control" |
| + <button data-action="remove-filter" class="icon delete control" |
| title="options_control_remove_title"> |
| </button> |
| </template> |
| @@ -198,17 +198,17 @@ |
| <h2 class="i18n_options_customize_header"></h2> |
| <ul id="customize" class="list"> |
| <li data-pref="shouldShowBlockElementMenu"> |
| - <button role="checkbox" data-action="toggle-pref"></button> |
| + <button class="icon" role="checkbox" data-action="toggle-pref"></button> |
| <span class="i18n_options_customize_blockElement display"></span> |
| <span data-tooltip="options_customize_blockElement_tooltip"></span> |
| </li> |
| <li data-pref="show_devtools_panel"> |
| - <button role="checkbox" data-action="toggle-pref"></button> |
| + <button class="icon" role="checkbox" data-action="toggle-pref"></button> |
| <span class="i18n_options_customize_showDevToolsPanel display"></span> |
| <span data-tooltip="options_customize_showDevToolsPanel_tooltip"></span> |
| </li> |
| <li data-pref="notifications_ignoredcategories"> |
| - <button role="checkbox" data-action="toggle-pref"></button> |
| + <button class="icon" role="checkbox" data-action="toggle-pref"></button> |
| <span class="i18n_options_customize_showNotifications display"></span> |
| <span data-tooltip="options_customize_showNotifications_tooltip"></span> |
| </li> |
| @@ -234,7 +234,7 @@ |
| <ul class="table cols" id="all-filter-lists-table"> |
| <template> |
| <div class="col5"> |
| - <button data-action="toggle-disable-subscription" role="checkbox" class="control toggle"> |
| + <button data-action="toggle-disable-subscription" role="checkbox" class="control icon toggle"> |
| </button> |
| <div class="state"> |
| <span class="i18n_options_filterList_state_active" id="state-active"></span> |
| @@ -249,28 +249,28 @@ |
| <span class="message"></span> |
| </div> |
| <div class="col5"> |
| - <button data-action="open-context-menu" class="gear"></button> |
| + <button data-action="open-context-menu" class="icon gear"></button> |
| <div role="menubar" class="context-menu-wrapper"> |
| <div class="context-menu"> |
| <ul class="content" role="menu"> |
| <li role="menuitem"> |
| - <button class="i18n_options_filterList_updateNow update-subscription" data-action="update-subscription"></button> |
| + <button class="i18n_options_filterList_updateNow icon update-subscription" data-action="update-subscription"></button> |
| </li> |
| <li role="menuitem"> |
| - <a class="i18n_options_filterList_website website" target="_blank"></a> |
| + <a class="i18n_options_filterList_website icon website" target="_blank"></a> |
| </li> |
| <li role="menuitem"> |
| - <a class="i18n_options_filterList_source source" target="_blank"></a> |
| + <a class="i18n_options_filterList_source icon source" target="_blank"></a> |
| </li> |
| <li role="menuitem"> |
| - <button class="i18n_options_control_remove_title delete" data-action="remove-subscription"></button> |
| + <button class="i18n_options_control_remove_title icon delete" data-action="remove-subscription"></button> |
| </li> |
| </ul> |
| </div> |
| </div> |
| </div> |
| <div class="col5"> |
| - <button data-action="remove-subscription" class="control delete"></button> |
| + <button data-action="remove-subscription" class="control icon delete"></button> |
| </div> |
| </template> |
| </ul> |
| @@ -332,9 +332,9 @@ |
| </header> |
| <div id="social"> |
| <ul id="social-general"> |
| - <li><a id="twitter" target="_blank">Twitter</a></li> |
| - <li><a id="facebook" target="_blank">Facebook</a></li> |
| - <li><a id="google-plus" target="_blank">Google Plus</a></li> |
| + <li><a id="twitter" class="icon" target="_blank">Twitter</a></li> |
| + <li><a id="facebook" class="icon" target="_blank">Facebook</a></li> |
| + <li><a id="google-plus" class="icon" target="_blank">Google Plus</a></li> |
| </ul> |
| <ul id="social-chinese"> |
| <li><a id="weibo" target="_blank">Weibo</a></li> |
| @@ -354,7 +354,7 @@ |
| <h3 id="dialog-title-language-change" class="i18n_options_dialog_language_title"></h3> |
| <h3 id="dialog-title-predefined" class="i18n_options_dialog_predefined_title"></h3> |
| </span> |
| - <button id="dialog-close" data-action="close-dialog"></button> |
| + <button class="icon close primary" data-action="close-dialog"></button> |
| </header> |
| <div id="dialog-body" class="content"> |
| <!-- About Adblock Plus --> |
| @@ -370,10 +370,10 @@ |
| <div id="dialog-content-language-add" class="dialog-content"> |
| <ul id="all-lang-table-add" class="table list default-focus"> |
| <template> |
| - <button data-action="add-language-subscription,close-dialog" class="control add" role="checkbox"> |
| + <button data-action="add-language-subscription,close-dialog" class="control icon add" role="checkbox"> |
| <label class="display"></label> |
| </button> |
| - <button data-action="change-language-subscription,close-dialog" class="control change" role="checkbox"> |
| + <button data-action="change-language-subscription,close-dialog" class="control icon change" role="checkbox"> |
| <label class="display"></label> |
| </button> |
| </template> |
| @@ -385,13 +385,13 @@ |
| <p class="floating-input"> |
| <input placeholder=" " id="import-list-title" type="text" class="default-focus" required /> |
| <label for="import-list-title" class="i18n_options_dialog_import_subscription_title"></label> |
| - <span class="attention"></span> |
| + <span class="icon attention"></span> |
| <span class="i18n_options_dialog_import_subscription_title_error error-msg"></span> |
| </p> |
| <p class="floating-input"> |
| <input placeholder=" " id="import-list-url" type="url" required/> |
| <label for="import-list-url" class="i18n_options_dialog_import_subscription_location"></label> |
| - <span class="attention"></span> |
| + <span class="icon attention"></span> |
| <span class="i18n_options_dialog_import_subscription_location_error error-msg"></span> |
| </p> |
| <p class="side-controls"> |
| @@ -415,7 +415,7 @@ |
| <!-- Notification --> |
| <div id="notification" aria-hidden="true" aria-live="polite"> |
| <strong id="notification-text"></strong> |
| - <button id="hide-notification" data-action="hide-notification"> |
| + <button class="icon close secondary" data-action="hide-notification"> |
| <span class="i18n_options_notification_hide sr-only"></span> |
| </button> |
| </div> |