<html id="stylus"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="popup/popup.css"> <style id="firefox-transitions-bug-suppressor"> /* restrict to FF */ @-moz-document url-prefix("") { /* increased specificity to override sane selectors in user styles */ html#stylus.firefox #stylus-popup #actions * { transition: none !important; } } </style> <!-- Notes: * Chrome doesn't garbage-collect (or even leaks) SVG <symbol> referenced via <use> so we'll embed the code directly * inter-tag whitespace in templates is automatically removed in localization.js * i18n-anything attribute automatically creates "anything" attribute --> <template data-id="style"> <div class="entry"> <div class="left-gutter"> <input class="checker" type="checkbox"> </div> <div class="main-controls"> <label class="style-name"></label> <div class="actions"> <a href="#" class="enable" i18n-text="enableStyleLabel"></a> <a href="#" class="disable" i18n-text="disableStyleLabel"></a> <a class="style-edit-link" href="edit.html?id=" i18n-title="editStyleLabel"> <svg class="svg-icon edit" viewBox="0 0 14 16"> <path fill-rule="evenodd" d="M0 12v3h3l8-8-3-3-8 8zm3 2H1v-2h1v1h1v1zm10.3-9.3L12 6 9 3l1.3-1.3a.996.996 0 0 1 1.41 0l1.59 1.59c.39.39.39 1.02 0 1.41z"/> </svg> </a> <a href="#" class="delete" i18n-title="deleteStyleLabel"> <svg class="svg-icon remove" viewBox="0 0 14 16"> <path fill-rule="evenodd" d="M11 2H9c0-.55-.45-1-1-1H5c-.55 0-1 .45-1 1H2c-.55 0-1 .45-1 1v1c0 .55.45 1 1 1v9c0 .55.45 1 1 1h7c.55 0 1-.45 1-1V5c.55 0 1-.45 1-1V3c0-.55-.45-1-1-1zm-1 12H3V5h1v8h1V5h1v8h1V5h1v8h1V5h1v9zm1-10H2V3h9v1z"/> </svg> </a> </div> </div> </div> </template> <template data-id="writeStyle"> <a class="write-style-link"></a> </template> <template data-id="noStyles"> <div id="no-styles" class="entry" i18n-text="noStylesForSite"></div> </template> <template data-id="regexpProblemIndicator"> <div class="regexp-problem-indicator" i18n-title="styleRegexpProblemTooltip"></div> </template> <template data-id="regexpProblemExplanation"> <div id="regexp-explanation"> <div id="regexp-partial" i18n-html="styleRegexpPartialExplanation"></div> <div id="regexp-invalid" i18n-text="styleRegexpInvalidExplanation"></div> <button i18n-text="confirmOK"></button> </div> </template> <template data-id="unavailableInfo"> <div class="blocked-info"> <label i18n-text="stylusUnavailableForURL"></label> <p i18n-text="stylusUnavailableForURLdetails"></p> </div> </template> <template data-id="unreachableInfo"> <div class="blocked-info"> <label i18n-text="unreachableContentScript"></label> <p i18n-text="unreachableFileHint"></p> </div> </template> <script src="js/dom.js"></script> <script src="js/messaging.js"></script> <script src="js/localization.js"></script> <script src="js/prefs.js"></script> <script src="content/apply.js"></script> <script src="popup/popup.js"></script> </head> <body id="stylus-popup"> <div id="confirm"> <div> <b>Style's Name</b> <span i18n-text="deleteStyleConfirm"></span> <div> <button i18n-text="confirmDelete" data-cmd="ok"></button> <button i18n-text="confirmCancel" data-cmd="cancel"></button> </div> </div> </div> <div id="installed"></div> <div class="actions"> <div id="disable-all-wrapper"> <div class="left-gutter"> <input id="disableAll" type="checkbox"> </div> <div class="main-controls"> <label id="disableAll-label" for="disableAll" i18n-text="disableAllStyles"></label> </div> </div> <div class="left-gutter"></div> <div class="main-controls"> <div id="find-styles"> <a id="find-styles-link" href="https://userstyles.org/styles/browse/" i18n-text="findStylesForSite"></a> </div> <div id="write-style"> <span id="write-style-for" i18n-text="writeStyleFor"></span> </div> </div> <!-- Actions --> <div id="popup-options"> <button id="popup-manage-button" i18n-text="openManage" data-href="manage.html" i18n-title="popupManageTooltip"></button> <button id="popup-options-button" i18n-text="openOptionsPopup"></button> <button id="popup-shortcuts-button" class="chromium-only" i18n-text="shortcuts" i18n-title="shortcutsNote"></button> </div> </div> </body> </html>