Apq
/
stylus
зеркало из https://github.com/openstyles/stylus.git


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
							<!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="options/options.css">
  <link rel="stylesheet" href="options/onoffswitch.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 #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">
            <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">
            <span></span>
          </span>
        </label>
        <label>
          <span i18n-text="popupStylesFirst"></span>
          <span class="onoffswitch">
            <input type="checkbox" id="popup.stylesFirst">
            <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">
            <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">
            <span></span>
          </span>
        </label>
        <label class="chromium-only">
          <span i18n-text="optionsAdvancedContextDelete"></span>
          <span class="onoffswitch">
            <input type="checkbox" id="editor.contextDelete">
            <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>