107 lines
3.3 KiB
HTML
107 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html id="stylus">
|
|
<head>
|
|
<title i18n-text-append="optionsHeading">Stylus </title>
|
|
<link rel="stylesheet" href="index.css">
|
|
<script src="/dom.js"></script>
|
|
<script src="/messaging.js"></script>
|
|
<script src="/localization.js"></script>
|
|
<script src="/prefs.js"></script>
|
|
<script src="/apply.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="options">
|
|
|
|
<div class="block">
|
|
<h1 i18n-text="optionsCustomizeBadge"></h1>
|
|
<div class="items">
|
|
<label>
|
|
<span i18n-text="prefShowBadge"></span>
|
|
<span class="onoffswitch">
|
|
<input type="checkbox" class="onoffswitch-checkbox" id="show-badge">
|
|
<span class="onoffswitch-label"></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="popupStylesFirst"></span>
|
|
<span class="onoffswitch">
|
|
<input type="checkbox" class="onoffswitch-checkbox" id="popup.stylesFirst">
|
|
<span class="onoffswitch-label" for="popup.stylesFirst"></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">
|
|
<h1 i18n-text="optionsAdvanced"></h1>
|
|
<div class="items">
|
|
<label>
|
|
<span i18n-text="optionsAdvancedExposeIframes"> <sup>2</sup></span>
|
|
<span class="onoffswitch">
|
|
<input type="checkbox" class="onoffswitch-checkbox" id="exposeIframes">
|
|
<span class="onoffswitch-label" for="exposeIframes"></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"><sup class="chromium-only">3</sup></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>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="notes">
|
|
<ol>
|
|
<li>
|
|
<p i18n-text="optionsUpdateIntervalNote"></p>
|
|
<p i18n-text="optionsUpdateImportNote"></p>
|
|
</li>
|
|
<li i18n-text="optionsAdvancedExposeIframesNote"></li>
|
|
<li class="chromium-only">
|
|
<a data-cmd="open-keyboard"
|
|
i18n-text="optionsOpenManagerNote"
|
|
href="chrome://extensions/configureCommands"></a>
|
|
</li>
|
|
</ol>
|
|
</div>
|
|
|
|
<script src="index.js"></script>
|
|
</body>
|
|
</html>
|