143 lines
8.1 KiB
HTML
143 lines
8.1 KiB
HTML
<html id="stylus">
|
|
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
|
|
<link rel="stylesheet" href="popup/popup.css">
|
|
|
|
<!-- 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">
|
|
<a class="style-name style-edit-link" href="edit.html?id="></a>
|
|
<div class="actions">
|
|
<a href="#" class="enable" i18n-title="enableStyleLabel">
|
|
<svg class="svg-icon off" viewBox="0 0 2048 1792">
|
|
<path fill-rule="evenodd" d="M0 896q0-130 51-248.5t136.5-204 204-136.5 248.5-51h768q130 0 248.5 51t204 136.5 136.5 204 51 248.5-51 248.5-136.5 204-204 136.5-248.5 51h-768q-130 0-248.5-51t-204-136.5-136.5-204-51-248.5zm1408 512q104 0 198.5-40.5t163.5-109.5 109.5-163.5 40.5-198.5-40.5-198.5-109.5-163.5-163.5-109.5-198.5-40.5-198.5 40.5-163.5 109.5-109.5 163.5-40.5 198.5 40.5 198.5 109.5 163.5 163.5 109.5 198.5 40.5z"/>
|
|
</svg>
|
|
</a>
|
|
<a href="#" class="disable" i18n-title="disableStyleLabel">
|
|
<svg class="svg-icon on" viewBox="0 0 2048 1792">
|
|
<path fill-rule="evenodd" d="M0 896q0-130 51-248.5t136.5-204 204-136.5 248.5-51h768q130 0 248.5 51t204 136.5 136.5 204 51 248.5-51 248.5-136.5 204-204 136.5-248.5 51h-768q-130 0-248.5-51t-204-136.5-136.5-204-51-248.5zm1408 512q104 0 198.5-40.5t163.5-109.5 109.5-163.5 40.5-198.5-40.5-198.5-109.5-163.5-163.5-109.5-198.5-40.5-198.5 40.5-163.5 109.5-109.5 163.5-40.5 198.5 40.5 198.5 109.5 163.5 163.5 109.5 198.5 40.5z"/>
|
|
</svg>
|
|
</a>
|
|
<a href="#" class="delete" i18n-title="deleteStyleLabel">
|
|
<svg class="svg-icon remove" viewBox="0 0 24 24">
|
|
<path fill-rule="evenodd" d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/>
|
|
</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>
|
|
|
|
<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 class="actions-inner">
|
|
<div id="disable-all-wrapper">
|
|
<div class="left-gutter">
|
|
<input id="disableAll" type="checkbox">
|
|
<div class="main-controls">
|
|
<label id="disableAll-label" for="disableAll" i18n-title="disableAllStyles">
|
|
<svg class="svg-icon disable-all all-on" viewBox="0 0 1792 1792">
|
|
<path fill-rule="evenodd" d="M1664 896q0 156-61 298t-164 245-245 164-298 61-298-61-245-164-164-245-61-298q0-182 80.5-343t226.5-270q43-32 95.5-25t83.5 50q32 42 24.5 94.5t-49.5 84.5q-98 74-151.5 181t-53.5 228q0 104 40.5 198.5t109.5 163.5 163.5 109.5 198.5 40.5 198.5-40.5 163.5-109.5 109.5-163.5 40.5-198.5q0-121-53.5-228t-151.5-181q-42-32-49.5-84.5t24.5-94.5q31-43 84-50t95 25q146 109 226.5 270t80.5 343zm-640-768v640q0 52-38 90t-90 38-90-38-38-90v-640q0-52 38-90t90-38 90 38 38 90z"/>
|
|
</svg>
|
|
<svg class="svg-icon disable-all all-off" viewBox="0 0 1792 1792">
|
|
<path fill-rule="evenodd" d="M1440 893q0-161-87-295l-754 753q137 89 297 89 111 0 211.5-43.5t173.5-116.5 116-174.5 43-212.5zm-999 299l755-754q-135-91-300-91-148 0-273 73t-198 199-73 274q0 162 89 299zm1223-299q0 157-61 300t-163.5 246-245 164-298.5 61-298.5-61-245-164-163.5-246-61-300 61-299.5 163.5-245.5 245-164 298.5-61 298.5 61 245 164 163.5 245.5 61 299.5z"/>
|
|
</svg>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="left-gutter"></div>
|
|
<div id="find-styles">
|
|
<a id="find-styles-link" href="#" i18n-title="findStylesForSite">
|
|
<svg class="svg-icon find-styles" viewBox="0 0 24 24">
|
|
<path fill-rule="evenodd" d="M20 19.59V8l-6-6H6c-1.1 0-1.99.9-1.99 2L4 20c0 1.1.89 2 1.99 2H18c.45 0 .85-.15 1.19-.4l-4.43-4.43c-.8.52-1.74.83-2.76.83-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5c0 1.02-.31 1.96-.83 2.75L20 19.59zM9 13c0 1.66 1.34 3 3 3s3-1.34 3-3-1.34-3-3-3-3 1.34-3 3z"/>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
<div id="manage">
|
|
<a id="popup-manage-button" data-href="manage.html" i18n-title="optionsOpenManager">
|
|
<svg class="svg-icon open-manager" viewBox="0 0 1792 1792">
|
|
<path fill-rule="evenodd" d="M1152 896q0-106-75-181t-181-75-181 75-75 181 75 181 181 75 181-75 75-181zm512-109v222q0 12-8 23t-20 13l-185 28q-19 54-39 91 35 50 107 138 10 12 10 25t-9 23q-27 37-99 108t-94 71q-12 0-26-9l-138-108q-44 23-91 38-16 136-29 186-7 28-36 28h-222q-14 0-24.5-8.5t-11.5-21.5l-28-184q-49-16-90-37l-141 107q-10 9-25 9-14 0-25-11-126-114-165-168-7-10-7-23 0-12 8-23 15-21 51-66.5t54-70.5q-27-50-41-99l-183-27q-13-2-21-12.5t-8-23.5v-222q0-12 8-23t19-13l186-28q14-46 39-92-40-57-107-138-10-12-10-24 0-10 9-23 26-36 98.5-107.5t94.5-71.5q13 0 26 10l138 107q44-23 91-38 16-136 29-186 7-28 36-28h222q14 0 24.5 8.5t11.5 21.5l28 184q49 16 90 37l142-107q9-9 24-9 13 0 25 10 129 119 165 170 7 8 7 22 0 12-8 23-15 21-51 66.5t-54 70.5q26 50 41 98l183 28q13 2 21 12.5t8 23.5z"/>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
<div id="options">
|
|
<a id="popup-options-button" i18n-title="openOptionsPopup">
|
|
<svg class="svg-icon open-options" viewBox="0 0 24 24">
|
|
<path fill-rule="evenodd" d="M22.7 19l-9.1-9.1c.9-2.3.4-5-1.5-6.9-2-2-5-2.4-7.4-1.3L9 6 6 9 1.6 4.7C.4 7.1.9 10.1 2.9 12.1c1.9 1.9 4.6 2.4 6.9 1.5l9.1 9.1c.4.4 1 .4 1.4 0l2.3-2.3c.5-.4.5-1.1.1-1.4z"/>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
<div id="shortcuts">
|
|
<a id="popup-shortcuts-button" class="chromium-only" i18n-title="shortcutsNote">
|
|
<svg class="svg-icon open-shortcuts" viewBox="0 0 24 24">
|
|
<path fill-rule="evenodd" d="M20 5H4c-1.1 0-1.99.9-1.99 2L2 17c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2zm-9 3h2v2h-2V8zm0 3h2v2h-2v-2zM8 8h2v2H8V8zm0 3h2v2H8v-2zm-1 2H5v-2h2v2zm0-3H5V8h2v2zm9 7H8v-2h8v2zm0-4h-2v-2h2v2zm0-3h-2V8h2v2zm3 3h-2v-2h2v2zm0-3h-2V8h2v2z"/>
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="main-controls">
|
|
<div id="write-style">
|
|
<span id="write-style-for" i18n-title="writeStyleFor">
|
|
<svg class="svg-icon write-style" viewBox="0 0 1792 1792">
|
|
<path fill-rule="evenodd" d="M888 1184l116-116-152-152-116 116v56h96v96h56zm440-720q-16-16-33 1l-350 350q-17 17-1 33t33-1l350-350q17-17 1-33zm80 594v190q0 119-84.5 203.5t-203.5 84.5h-832q-119 0-203.5-84.5t-84.5-203.5v-832q0-119 84.5-203.5t203.5-84.5h832q63 0 117 25 15 7 18 23 3 17-9 29l-49 49q-14 14-32 8-23-6-45-6h-832q-66 0-113 47t-47 113v832q0 66 47 113t113 47h832q66 0 113-47t47-113v-126q0-13 9-22l64-64q15-15 35-7t20 29zm-96-738l288 288-672 672h-288v-288zm444 132l-92 92-288-288 92-92q28-28 68-28t68 28l152 152q28 28 28 68t-28 68z"/>
|
|
</svg>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|