Главная Обзор Помощь
Вход
Apq
/
stylus
зеркало из https://github.com/openstyles/stylus.git
1
0
Ответвить 0
Файлы Задачи 0 Вики
Ветка: insertcss
Ветки Метки
stylus
/
manage.html

manage.html 13 KB
Постоянная ссылка История Исходник

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279 
  1. <html id="stylus">
    2. 

  2. 

  3. <head>
    4. 

  4.   <meta charset="UTF-8">
    5. 

  5.   <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6. 

  6.   <title i18n-text="manageTitle"></title>
    7. 

  7.   <link rel="stylesheet" href="manage/manage.css">
    8. 

  8.   <link rel="stylesheet" href="msgbox/msgbox.css">
    9. 

  9.   <link rel="stylesheet" href="options/onoffswitch.css">
    10. 

  10. 

  11.   <style id="style-overrides"></style>
    12. 

  12. 

  13.   <style id="firefox-transitions-bug-suppressor">
    14. 

  14.     /* restrict to FF */
    15. 

  15.     @-moz-document url-prefix("") {
    16. 

  16.       /* increased specificity to override sane selectors in user styles */
    17. 

  17.       html#stylus.firefox #stylus-manage #header * {
    18. 

  18.         transition: none !important;
    19. 

  19.       }
    20. 

  20.     }
    21. 

  21.   </style>
    22. 

  22. 

  23.   <!-- Notes:
    24. 

  24.     * Chrome doesn't garbage-collect (or even leaks) SVG <symbol> referenced via <use> so we'll embed the code directly
    25. 

  25.     * inter-tag whitespace in templates is automatically removed in localization.js
    26. 

  26.     * i18n-anything attribute automatically creates "anything" attribute
    27. 

  27.   -->
    28. 

  28. 

  29.   <template data-id="style">
    30. 

  30.     <div class="entry">
    31. 

  31.       <h2 class="style-name">
    32. 

  32.         <a class="style-name-link"></a>
    33. 

  33.         <a target="_blank" class="homepage"></a>
    34. 

  34.       </h2>
    35. 

  35.       <p class="applies-to">
    36. 

  36.         <label i18n-text="appliesDisplay"></label>
    37. 

  37.         <span class="targets"></span>
    38. 

  38.       </p>
    39. 

  39.       <p class="actions">
    40. 

  40.         <a class="style-edit-link">
    41. 

  41.           <button i18n-text="editStyleLabel"></button>
    42. 

  42.         </a>
    43. 

  43.         <button class="enable" i18n-text="enableStyleLabel"></button>
    44. 

  44.         <button class="disable" i18n-text="disableStyleLabel"></button>
    45. 

  45.         <button class="delete" i18n-text="deleteStyleLabel"></button>
    46. 

  46.         <button class="check-update" i18n-text="checkForUpdate"></button>
    47. 

  47.         <button class="update" i18n-text="installUpdate"></button>
    48. 

  48.         <span class="update-note"></span>
    49. 

  49.       </p>
    50. 

  50.     </div>
    51. 

  51.   </template>
    52. 

  52. 

  53.   <template data-id="styleCompact">
    54. 

  54.     <div class="entry">
    55. 

  55.       <h2 class="style-name">
    56. 

  56.         <input class="checker" type="checkbox" i18n-title="toggleStyle">
    57. 

  57.         <a class="style-name-link"></a>
    58. 

  58.       </h2>
    59. 

  59.       <p class="actions">
    60. 

  60.         <a target="_blank" class="homepage"></a>
    61. 

  61.         <span i18n-title="deleteStyleLabel">
    62. 

  62.           <svg class="svg-icon delete" viewBox="0 0 20 20">
    63. 

  63.             <polygon points="16.2,5.5 14.5,3.8 10,8.3 5.5,3.8 3.8,5.5 8.3,10 3.8,14.5
    64. 

  64.                              5.5,16.2 10,11.7 14.5,16.2 16.2,14.5 11.7,10 "/>
    65. 

  65.           </svg>
    66. 

  66.         </span>
    67. 

  67.       </p>
    68. 

  68.       <div class="applies-to">
    69. 

  69.         <div class="targets"></div>
    70. 

  70.         <span class="expander">...</span>
    71. 

  71.       </div>
    72. 

  72.     </div>
    73. 

  73.   </template>
    74. 

  74. 

  75.   <template data-id="homepageIconBig">
    76. 

  76.     <svg class="svg-icon" viewBox="0 0 20 20">
    77. 

  77.       <polygon shape-rendering="crispEdges" points="3,3 3,17 17,17 17,13 15,13 15,15 5,15 5,5 7,5 7,3 "/>
    78. 

  78.       <polygon points="10,3 12.5,5.5 8,10 10,12 14.5,7.5 17,10 17,3 "/>
    79. 

  79.     </svg>
    80. 

  80.   </template>
    81. 

  81. 

  82.   <template data-id="homepageIconSmall">
    83. 

  83.     <svg class="svg-icon" viewBox="0 0 20 20">
    84. 

  84.       <path d="M4,4h5v2H6v8h8v-3h2v5H4V4z M11,3h6v6l-2-2l-4,4L9,9l4-4L11,3z"/>
    85. 

  85.     </svg>
    86. 

  86.   </template>
    87. 

  87. 

  88.   <template data-id="configureIcon">
    89. 

  89.     <span class="configure-usercss" i18n-title="configureStyle">
    90. 

  90.       <svg class="svg-icon" viewBox="0 0 20 20">
    91. 

  91.         <path
    92. 

  92.         d="M 10,2.0423828 A 7.9575898,7.9575898 0 0 0 8.8908203,2.1285156 V 4.355664 A 5.7578608,5.7578608 0 0 0 6.7919922,5.2240235 l -1.575,-1.575 A 7.9575898,7.9575898 0 0 0 3.6507813,5.21875 L 5.2222656,6.7902344 A 5.7578608,5.7578608 0 0 0 4.3521485,8.8908203 H 2.1302735 A 7.9575898,7.9575898 0 0 0 2.0423828,10 7.9575898,7.9575898 0 0 0 2.1285156,11.10918 H 4.355664 a 5.7578608,5.7578608 0 0 0 0.8683595,2.098828 l -1.575,1.575 A 7.9575898,7.9575898 0 0 0 5.21875,16.349219 l 1.5714844,-1.571484 a 5.7578608,5.7578608 0 0 0 2.1005859,0.870117 v 2.221875 A 7.9575898,7.9575898 0 0 0 10,17.957617 a 7.9575898,7.9575898 0 0 0 1.10918,-0.08613 v -2.227149 a 5.7578608,5.7578608 0 0 0 2.098828,-0.868359 l 1.575,1.575 a 7.9575898,7.9575898 0 0 0 1.566211,-1.569727 l -1.571484,-1.571485 a 5.7578608,5.7578608 0 0 0 0.870117,-2.100585 h 2.221875 A 7.9575898,7.9575898 0 0 0 17.957617,10 7.9575898,7.9575898 0 0 0 17.871485,8.8908203 H 15.644336 A 5.7578608,5.7578608 0 0 0 14.775977,6.7919922 l 1.575,-1.575 A 7.9575898,7.9575898 0 0 0 14.78125,3.6507813 L 13.209765,5.2222656 A 5.7578608,5.7578608 0 0 0 11.10918,4.3521485 V 2.1302735 A 7.9575898,7.9575898 0 0 0 10,2.0423828 Z m 0,4.2574219 A 3.6994645,3.6994645 0 0 1 13.700195,10 3.6994645,3.6994645 0 0 1 10,13.700195 3.6994645,3.6994645 0 0 1 6.2998047,10 3.6994645,3.6994645 0 0 1 10,6.2998047 Z"
    93. 

  93.         />
    94. 

  94.       </svg>
    95. 

  95.     </span>
    96. 

  96.   </template>
    97. 

  97. 

  98.   <template data-id="updaterIcons">
    99. 

  99.     <span class="updater-icons">
    100. 

  100.       <span class="check-update" i18n-title="checkForUpdate">
    101. 

  101.         <svg class="svg-icon" viewBox="0 0 20 20">
    102. 

  102.           <path d="M18,16.6l-3.1-3.1c0.5-0.7,0.9-1.5,1-2.5h-2.1c-0.4,1.7-2,3-3.9,3c-0.8,0-1.6-0.3-2.3-0.7
    103. 

  103.                    L10,11H6.1H4.1H4v6l2.3-2.3c1,0.8,2.3,1.3,3.7,1.3c1.3,0,2.5-0.4,3.5-1.1l3.1,3.1L18,16.6z"/>
    104. 

  104.           <path d="M10,6c0.8,0,1.6,0.3,2.3,0.7L10,9h3.9h2.1H16V3l-2.3,2.3C12.7,4.5,11.4,4,10,4
    105. 

  105.                    C7,4,4.6,6.2,4.1,9h2.1C6.6,7.3,8.1,6,10,6z"/>
    106. 

  106.         </svg>
    107. 

  107.       </span>
    108. 

  108.       <span class="update" i18n-title="installUpdate">
    109. 

  109.         <svg class="svg-icon" viewBox="0 0 20 20">
    110. 

  110.           <polygon points="16,8 12,8 12,3 8,3 8,8 4,8 10,14 "/>
    111. 

  111.           <rect shape-rendering="crispEdges" x="4" y="15" width="12" height="2"/>
    112. 

  112.         </svg>
    113. 

  113.       </span>
    114. 

  114.       <span class="up-to-date" i18n-title="updateCheckSucceededNoUpdate">
    115. 

  115.         <svg class="svg-icon" viewBox="0 0 20 20">
    116. 

  116.           <polygon points="15.83 4.75 8.76 11.82 5.2 8.26 3.51 9.95 8.76 15.19 17.52 6.43 15.83 4.75"/>
    117. 

  117.         </svg>
    118. 

  118.       </span>
    119. 

  119.       <span class="updated" i18n-title="updateCompleted">
    120. 

  120.         <svg class="svg-icon" viewBox="0 0 20 20">
    121. 

  121.           <polygon points="15.83 4.75 8.76 11.82 5.2 8.26 3.51 9.95 8.76 15.19 17.52 6.43 15.83 4.75"/>
    122. 

  122.         </svg>
    123. 

  123.       </span>
    124. 

  124.       <span class="update-note"></span>
    125. 

  125.     </span>
    126. 

  126.   </template>
    127. 

  127. 

  128.   <template data-id="appliesToTarget">
    129. 

  129.     <span class="target"></span>
    130. 

  130.   </template>
    131. 

  131. 

  132.   <template data-id="appliesToSeparator">
    133. 

  133.     <span class="sep">, </span>
    134. 

  134.   </template>
    135. 

  135. 

  136.   <template data-id="appliesToEverything">
    137. 

  137.     <span class="target" i18n-text="appliesToEverything"></span>
    138. 

  138.   </template>
    139. 

  139. 

  140.   <template data-id="extraAppliesTo">
    141. 

  141.     <details class="applies-to-extra">
    142. 

  142.       <summary i18n-text="appliesDisplayTruncatedSuffix"></summary>
    143. 

  143.     </details>
    144. 

  144.   </template>
    145. 

  145. 

  146.   <script src="js/dom.js"></script>
    147. 

  147.   <script src="js/messaging.js"></script>
    148. 

  148.   <script src="js/prefs.js"></script>
    149. 

  149.   <script src="content/apply.js"></script>
    150. 

  150.   <script src="js/localization.js"></script>
    151. 

  151.   <script src="manage/filters.js"></script>
    152. 

  152.   <script src="manage/updater-ui.js"></script>
    153. 

  153.   <script src="manage/object-diff.js"></script>
    154. 

  154.   <script src="js/color-parser.js"></script>
    155. 

  155.   <script src="manage/config-dialog.js"></script>
    156. 

  156.   <script src="manage/manage.js"></script>
    157. 

  157. </head>
    158. 

  158. 

  159. <body id="stylus-manage" i18n-dragndrop-hint="dragDropMessage">
    160. 

  160. <div id="header">
    161. 

  161.   <h1 id="manage-heading" i18n-text="manageHeading"></h1>
    162. 

  162.   <fieldset>
    163. 

  163.     <legend id="filters">
    164. 

  164.       <span i18n-text="manageFilters"></span><span id="filters-stats"></span>
    165. 

  165.     </legend>
    166. 

  166.     <label>
    167. 

  167.       <input id="manage.onlyEnabled" type="checkbox"
    168. 

  168.              data-filter=".enabled"
    169. 

  169.              data-filter-hide=".disabled">
    170. 

  170.       <select id="manage.onlyEnabled.invert">
    171. 

  171.         <option i18n-text="manageOnlyEnabled" value="false"></option>
    172. 

  172.         <option i18n-text="manageOnlyDisabled" value="true"></option>
    173. 

  173.       </select>
    174. 

  174.     </label>
    175. 

  175.     <label>
    176. 

  176.       <input id="manage.onlyLocal" type="checkbox"
    177. 

  177.              data-filter=":not(.updatable)"
    178. 

  178.              data-filter-hide=".updatable">
    179. 

  179.       <select id="manage.onlyLocal.invert" i18n-title="manageOnlyLocalTooltip">
    180. 

  180.         <option i18n-text="manageOnlyLocal" value="false"></option>
    181. 

  181.         <option i18n-text="manageOnlyExternal" value="true"></option>
    182. 

  182.       </select>
    183. 

  183.     </label>
    184. 

  184.     <label>
    185. 

  185.       <input id="manage.onlyUsercss" type="checkbox"
    186. 

  186.              data-filter=".usercss"
    187. 

  187.              data-filter-hide=":not(.usercss)">
    188. 

  188.       <select id="manage.onlyUsercss.invert">
    189. 

  189.         <option i18n-text="manageOnlyUsercss" value="false"></option>
    190. 

  190.         <option i18n-text="manageOnlyNonUsercss" value="true"></option>
    191. 

  191.       </select>
    192. 

  192.     </label>
    193. 

  193.     <label id="onlyUpdates" class="hidden">
    194. 

  194.       <input type="checkbox"
    195. 

  195.              data-filter=".can-update, .update-problem, .update-done"
    196. 

  196.              data-filter-hide=":not(.updatable):not(.update-done), .no-update:not(.update-problem)">
    197. 

  197.       <span i18n-text="manageOnlyUpdates"></span>
    198. 

  198.     </label>
    199. 

  199.     <input id="search" type="search" i18n-placeholder="searchStyles" spellcheck="false"
    200. 

  200.            i18n-title="searchStylesTooltip"
    201. 

  201.            data-filter=":not(.not-matching)"
    202. 

  202.            data-filter-hide=".not-matching">
    203. 

  203.   </fieldset>
    204. 

  204.   <p class="nowrap">
    205. 

  205.     <button id="check-all-updates" i18n-text="checkAllUpdates"><span id="update-progress"></span></button>
    206. 

  206.     <span id="update-history" i18n-title="genericHistoryLabel">
    207. 

  207.       <svg class="svg-icon" viewBox="0 0 20 20" i18n-alt="helpAlt">
    208. 

  208.         <path d="M13,7H7V6h6Zm6,6.5A5.5,5.5,0,0,1,8.61,16H4V3H16V8.61A5.5,5.5,0,0,1,19,13.5ZM8,14c0-.16,0-.84,0-1H7V12H8.21a5.46,5.46,0,0,1,.39-1H7V10H9.26a5.55,5.55,0,0,1,1.09-1H7V8h7V5H6v9Zm10-.5A4.5,4.5,0,1,0,13.5,18,4.5,4.5,0,0,0,18,13.5ZM14,13V10H13v4h4V13Z"/>
    209. 

  209.       </svg>
    210. 

  210.     </span>
    211. 

  211.   </p>
    212. 

  212.   <p>
    213. 

  213.     <button id="apply-all-updates" class="hidden" i18n-text="applyAllUpdates"></button>
    214. 

  214.     <span id="update-all-no-updates" class="hidden" i18n-text="updateAllCheckSucceededNoUpdate"></span>
    215. 

  215.     <button id="check-all-updates-force" class="hidden" i18n-text="checkAllUpdatesForce"></button>
    216. 

  216.   </p>
    217. 

  217.   <p>
    218. 

  218.     <a href="edit.html">
    219. 

  219.       <button id="add-style-label" i18n-text="addStyleLabel"></button>
    220. 

  220.     </a>
    221. 

  221.     <label id="newStyleAsUsercss-wrapper" class="nobreak">
    222. 

  222.       <input type="checkbox" id="newStyleAsUsercss">
    223. 

  223.       <span i18n-text="manageNewStyleAsUsercss" i18n-title="optionsAdvancedNewStyleAsUsercss"></span>
    224. 

  224.       <a id="usercss-wiki"
    225. 

  225.          href="https://github.com/openstyles/stylus/wiki/Usercss"
    226. 

  226.          i18n-title="externalUsercssDocument">
    227. 

  227.         <svg class="svg-icon" viewBox="0 0 20 20">
    228. 

  228.           <path d="M4,4h5v2H6v8h8v-3h2v5H4V4z M11,3h6v6l-2-2l-4,4L9,9l4-4L11,3z"/>
    229. 

  229.         </svg>
    230. 

  230.       </a>
    231. 

  231.     </label>
    232. 

  232.   </p>
    233. 

  233.   <div id="options">
    234. 

  234.     <h2 id="options-heading" i18n-text="optionsHeading"></h2>
    235. 

  235.     <label><input id="manage.newUI" type="checkbox"><span i18n-text="manageNewUI"></span></label>
    236. 

  236.     <div id="newUIoptions">
    237. 

  237.       <div>
    238. 

  238.         <input id="manage.newUI.favicons" type="checkbox">
    239. 

  239.         <label for="manage.newUI.favicons" i18n-text="manageFavicons"></label>
    240. 

  240.         <svg class="svg-icon info" viewBox="0 0 14 16" i18n-alt="helpAlt" data-toggle-on-click="#faviconsHelp">
    241. 

  241.           <path fill-rule="evenodd" d="M6.3 5.69a.942.942 0 0 1-.28-.7c0-.28.09-.52.28-.7.19-.18.42-.28.7-.28.28 0 .52.09.7.28.18.19.28.42.28.7 0 .28-.09.52-.28.7a1 1 0 0 1-.7.3c-.28 0-.52-.11-.7-.3zM8 7.99c-.02-.25-.11-.48-.31-.69-.2-.19-.42-.3-.69-.31H6c-.27.02-.48.13-.69.31-.2.2-.3.44-.31.69h1v3c.02.27.11.5.31.69.2.2.42.31.69.31h1c.27 0 .48-.11.69-.31.2-.19.3-.42.31-.69H8V7.98v.01zM7 2.3c-3.14 0-5.7 2.54-5.7 5.68 0 3.14 2.56 5.7 5.7 5.7s5.7-2.55 5.7-5.7c0-3.15-2.56-5.69-5.7-5.69v.01zM7 .98c3.86 0 7 3.14 7 7s-3.14 7-7 7-7-3.12-7-7 3.14-7 7-7z"></path>
    242. 

  242.         </svg>
    243. 

  243.         <div id="faviconsHelp" class="hidden" i18n-text="manageFaviconsHelp">
    244. 

  244.           <div>
    245. 

  245.             <input id="manage.newUI.faviconsGray" type="checkbox">
    246. 

  246.             <label for="manage.newUI.faviconsGray" i18n-text="manageFaviconsGray"></label>
    247. 

  247.           </div>
    248. 

  248.         </div>
    249. 

  249.       </div>
    250. 

  250.       <label><input id="manage.newUI.targets" type="number" min="1" max="99"><span i18n-text="manageMaxTargets"></span></label>
    251. 

  251.     </div>
    252. 

  252.     <p>
    253. 

  253.       <button id="manage-options-button" i18n-text="openOptionsManage"></button>
    254. 

  254.       <button id="manage-shortcuts-button" class="chromium-only"
    255. 

  255.               i18n-text="shortcuts"
    256. 

  256.               i18n-title="shortcutsNote"></button>
    257. 

  257.       <a id="find-editor-styles"
    258. 

  258.          href="https://userstyles.org/styles/browse/chrome-extension"
    259. 

  259.          i18n-title="editorStylesButton"
    260. 

  260.          target="_blank"><button i18n-text="cm_theme"></button></a>
    261. 

  261.     </p>
    262. 

  262.   </div>
    263. 

  263.   <div id="backup">
    264. 

  264.     <h2 id="backup-title" i18n-text="backupButtons"></h2>
    265. 

  265.     <span id="backup-message" i18n-text="backupMessage"></span>
    266. 

  266.     <p>
    267. 

  267.       <button id="file-all-styles" i18n-text="bckpInstStyles"></button>
    268. 

  268.       <button id="unfile-all-styles" i18n-text="retrieveBckp"></button>
    269. 

  269.     </p>
    270. 

  270.   </div>
    271. 

  271.   <p id="manage-text" i18n-html="manageText"></p>
    272. 

  272. </div>
    273. 

  273. <div id="installed"></div>
    274. 

  274. 

  275. <script src="manage/fileSaveLoad.js"></script>
    276. 

  276. <script src="msgbox/msgbox.js"></script>
    277. 

  277. 

  278. </body>
    279. 

  279. </html>
    280.