173 lines
5.7 KiB
HTML
173 lines
5.7 KiB
HTML
<!DOCTYPE html>
|
|
<html id="stylus">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title i18n-text-append="optionsHeading">Stylus </title>
|
|
<link rel="stylesheet" href="global.css">
|
|
<link rel="stylesheet" href="options/options.css">
|
|
<link rel="stylesheet" href="options/onoffswitch.css">
|
|
|
|
<style id="firefox-transitions-bug-suppressor">
|
|
/* restrict to FF */
|
|
@supports (-moz-appearance:none) {
|
|
/* increased specificity to override sane selectors in user styles */
|
|
html#stylus.firefox #options *, #stylus #notes * {
|
|
transition: none !important;
|
|
}
|
|
}
|
|
</style>
|
|
|
|
<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>
|
|
</head>
|
|
|
|
<body id="stylus-options">
|
|
<div id="options">
|
|
|
|
<div class="block">
|
|
<h1 i18n-text="optionsCustomizeIcon"></h1>
|
|
<div class="items">
|
|
<label>
|
|
<span i18n-text="optionsIconDark"></span>
|
|
<div class="iconset">
|
|
<input type="radio" name="iconset">
|
|
<img src="/images/icon/16.png">
|
|
<img src="/images/icon/16w.png">
|
|
<img src="/images/icon/16x.png">
|
|
</div>
|
|
</label>
|
|
<label>
|
|
<span i18n-text="optionsIconLight"></span>
|
|
<div class="iconset">
|
|
<input type="radio" name="iconset">
|
|
<img src="/images/icon/light/16.png">
|
|
<img src="/images/icon/light/16w.png">
|
|
<img src="/images/icon/light/16x.png">
|
|
</div>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="block">
|
|
<h1 i18n-text="optionsCustomizeBadge"></h1>
|
|
<div class="items">
|
|
<label>
|
|
<span i18n-text="prefShowBadge"></span>
|
|
<span class="onoffswitch">
|
|
<input type="checkbox" id="show-badge" class="slider">
|
|
<span></span>
|
|
</span>
|
|
</label>
|
|
<label>
|
|
<span i18n-text="optionsBadgeNormal"></span>
|
|
<input type="color" id="badgeNormal">
|
|
</label>
|
|
<label>
|
|
<span i18n-text="optionsBadgeDisabled"></span>
|
|
<input type="color" id="badgeDisabled">
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="block">
|
|
<h1 i18n-text="optionsCustomizePopup"></h1>
|
|
<div class="items">
|
|
<label>
|
|
<span i18n-text="optionsPopupWidth"></span>
|
|
<input type="number" id="popupWidth" min="200" max="800">
|
|
</label>
|
|
<label>
|
|
<span i18n-text="popupOpenEditInWindow"
|
|
i18n-title="popupOpenEditInWindowTooltip"></span>
|
|
<span class="onoffswitch">
|
|
<input type="checkbox" id="openEditInWindow" class="slider">
|
|
<span></span>
|
|
</span>
|
|
</label>
|
|
<label>
|
|
<span i18n-text="popupStylesFirst"></span>
|
|
<span class="onoffswitch">
|
|
<input type="checkbox" id="popup.stylesFirst" class="slider">
|
|
<span></span>
|
|
</span>
|
|
</label>
|
|
<label class="chromium-only">
|
|
<span i18n-text="popupBorders" i18n-title="popupBordersTooltip"></span>
|
|
<span class="onoffswitch">
|
|
<input type="checkbox" id="popup.borders" class="slider">
|
|
<span></span>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="block">
|
|
<h1 i18n-text="optionsCustomizeUpdate"></h1>
|
|
<div class="items">
|
|
<label>
|
|
<span i18n-text="optionsUpdateInterval"><sup>1</sup></span>
|
|
<input type="number" min="0" id="updateInterval">
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="block" id="advanced">
|
|
<div class="collapsible-resizer">
|
|
<h1 i18n-text="optionsAdvanced">
|
|
<svg class="svg-icon is-collapsed" viewBox="0 0 1792 1792">
|
|
<path fill-rule="evenodd" d="M1408 704q0 26-19 45l-448 448q-19 19-45 19t-45-19l-448-448q-19-19-19-45t19-45 45-19h896q26 0 45 19t19 45z"/>
|
|
</svg>
|
|
<svg class="svg-icon is-expanded" viewBox="0 0 1792 1792">
|
|
<path fill-rule="evenodd" d="M1408 1216q0 26-19 45t-45 19h-896q-26 0-45-19t-19-45 19-45l448-448q19-19 45-19t45 19l448 448q19 19 19 45z"/>
|
|
</svg>
|
|
</h1>
|
|
</div>
|
|
<div class="items">
|
|
<label>
|
|
<span i18n-text="optionsAdvancedExposeIframes"> <sup>2</sup></span>
|
|
<span class="onoffswitch">
|
|
<input type="checkbox" id="exposeIframes" class="slider">
|
|
<span></span>
|
|
</span>
|
|
</label>
|
|
<label class="chromium-only">
|
|
<span i18n-text="optionsAdvancedContextDelete"></span>
|
|
<span class="onoffswitch">
|
|
<input type="checkbox" id="editor.contextDelete" class="slider">
|
|
<span></span>
|
|
</span>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="block" id="actions">
|
|
<button data-cmd="reset" i18n-text="optionsResetButton" i18n-title="optionsReset"></button>
|
|
<button data-cmd="open-manage" i18n-text="optionsOpenManager"></button>
|
|
<div data-cmd="check-updates">
|
|
<button i18n-text="optionsCheck" i18n-title="optionsCheckUpdate">
|
|
<span id="update-progress"></span>
|
|
</button>
|
|
<div id="updates-installed" i18n-text="updatesCurrentlyInstalled"></div>
|
|
</div>
|
|
<button data-cmd="open-keyboard" class="chromium-only" i18n-text="shortcuts" i18n-title="shortcutsNote"></button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="notes">
|
|
<ol>
|
|
<li>
|
|
<p i18n-text="optionsUpdateIntervalNote"></p>
|
|
<p i18n-text="optionsUpdateImportNote"></p>
|
|
</li>
|
|
<li i18n-text="optionsAdvancedExposeIframesNote"></li>
|
|
</ol>
|
|
</div>
|
|
|
|
<script src="options/options.js"></script>
|
|
</body>
|
|
</html>
|