install-usercss.html 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. <!DOCTYPE html>
  2. <html id="stylus" lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  7. <title>Loading...</title>
  8. <link href="global.css" rel="stylesheet">
  9. <script src="js/polyfill.js"></script>
  10. <script src="js/msg.js"></script>
  11. <script src="js/toolbox.js"></script>
  12. <script src="install-usercss/preinit.js"></script>
  13. <script src="js/prefs.js"></script>
  14. <script src="js/dom.js"></script>
  15. <script src="js/localization.js"></script>
  16. <script src="content/style-injector.js"></script>
  17. <script src="content/apply.js"></script>
  18. <link href="spinner.css" rel="stylesheet">
  19. <link href="install-usercss/install-usercss.css" rel="stylesheet">
  20. </head>
  21. <body id="stylus-install-usercss">
  22. <div class="container">
  23. <div id="header">
  24. <div id="header-content-wrapper">
  25. <h1>
  26. <span class="meta-name"></span>
  27. <small class="meta-version"></small>
  28. </h1>
  29. <div class="actions">
  30. <h2 hidden class="installed" i18n-text="installButtonInstalled"></h2>
  31. <button class="install" i18n-text="installButton"></button>
  32. <a class="configure-usercss" i18n-title="configureStyle" tabindex="0">
  33. <svg class="svg-icon config"><use xlink:href="#svg-icon-config"></use></svg>
  34. </a>
  35. <p id="live-reload-install-hint" hidden></p>
  36. <label class="set-update-url">
  37. <input type="checkbox">
  38. <svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg>
  39. <span i18n-text="installUpdateFromLabel"></span>
  40. <p></p>
  41. </label>
  42. <label class="live-reload">
  43. <input type="checkbox">
  44. <svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg>
  45. <span i18n-text="liveReloadLabel"></span>
  46. </label>
  47. <label class="set-prefer-scheme">
  48. <span i18n-text="installPreferSchemeLabel"></span>
  49. <select>
  50. <option value="none" i18n-text="installPreferSchemeNone"></option>
  51. <option value="dark" i18n-text="installPreferSchemeDark"></option>
  52. <option value="light" i18n-text="installPreferSchemeLight"></option>
  53. </select>
  54. </label>
  55. <p hidden class="installed-actions">
  56. <a href="manage.html" tabindex="0"><button i18n-text="openManage"></button></a>
  57. <a href="edit.html?id=" tabindex="0"><button i18n-text="editStyleLabel"></button></a>
  58. <a id="delete" tabindex="0"><button i18n-text="deleteStyleLabel"></button></a>
  59. </p>
  60. </div>
  61. <p class="meta-description"></p>
  62. <div>
  63. <h3 i18n-text="author"></h3>
  64. <span class="meta-author"></span>
  65. </div>
  66. <div>
  67. <h3 i18n-text="license"></h3>
  68. <span class="meta-license"></span>
  69. </div>
  70. <div class="external-link"></div>
  71. <div id="applies-to-wrapper">
  72. <h3 i18n-text="appliesLabel"></h3>
  73. <ul class="applies-to">
  74. </ul>
  75. </div>
  76. </div>
  77. </div>
  78. <div class="main">
  79. <div class="warnings"></div>
  80. </div>
  81. </div>
  82. <svg xmlns="http://www.w3.org/2000/svg" style="display: none !important;">
  83. <symbol id="svg-icon-checked" viewBox="0 0 1000 1000">
  84. <path fill-rule="evenodd" d="M983.2,184.3L853,69.8c-4-3.5-9.3-5.3-14.5-5c-5.3,0.4-10.3,2.8-13.8,6.8L352.3,609.2L184.4,386.9c-3.2-4.2-8-7-13.2-7.8c-5.3-0.8-10.6,0.6-14.9,3.9L18,487.5c-8.8,6.7-10.6,19.3-3.9,28.1L325,927.2c3.6,4.8,9.3,7.7,15.3,8c0.2,0,0.5,0,0.7,0c5.8,0,11.3-2.5,15.1-6.8L985,212.6C992.3,204.3,991.5,191.6,983.2,184.3z"/>
  85. </symbol>
  86. <symbol id="svg-icon-select-arrow" viewBox="0 0 1792 1792">
  87. <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"/>
  88. </symbol>
  89. <symbol id="svg-icon-config" viewBox="0 0 16 16">
  90. <path d="M13.3,12.8l1.5-2.6l-2.2-1.5c0-0.2,0.1-0.5,0.1-0.7c0-0.2,0-0.5-0.1-0.7l2.2-1.5l-1.5-2.6l-2.4,1.2 c-0.4-0.3-0.8-0.5-1.2-0.7L9.5,1h-3L6.3,3.7C5.9,3.8,5.5,4.1,5.1,4.4L2.7,3.2L1.2,5.8l2.2,1.5c0,0.2-0.1,0.5-0.1,0.7 c0,0.2,0,0.5,0.1,0.7l-2.2,1.5l1.5,2.6l2.4-1.2c0.4,0.3,0.8,0.5,1.2,0.7L6.5,15h3l0.2-2.7c0.4-0.2,0.8-0.4,1.2-0.7L13.3,12.8z M8,10.3c-1.3,0-2.3-1-2.3-2.3c0-1.3,1-2.3,2.3-2.3c1.3,0,2.3,1,2.3,2.3C10.3,9.3,9.3,10.3,8,10.3z"/>
  91. </symbol>
  92. </svg>
  93. <script src="js/dlg/message-box.js"></script>
  94. <script src="install-usercss/install-usercss.js"></script>
  95. </body>
  96. </html>