Inicio Explorar Ayuda
Iniciar sesión
Apq
/
stylus
espejo de https://github.com/openstyles/stylus.git
1
0
Fork 0
Archivos Incidencias 0 Wiki
Rama: dev-editor-css
Ramas Etiquetas
stylus
/
manage.html

manage.html 16 KB
Permalink Histórico Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375 
  1. <!DOCTYPE html>
    2. 

  2. <html id="stylus">
    3. 

  3. 

  4. <head>
    5. 

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

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

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

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

  9. 

  10.   <!-- Notes:
    11. 

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

  12.     * inter-tag whitespace in templates is automatically removed in localization.js
    13. 

  13.     * i18n-anything attribute automatically creates "anything" attribute
    14. 

  14.   -->
    15. 

  15. 

  16.   <template data-id="style">
    17. 

  17.     <div class="entry">
    18. 

  18.       <h2 class="style-name">
    19. 

  19.         <a class="style-name-link">
    20. 

  20.           &nbsp;
    21. 

  21.           <span class="style-info" data-type="version"></span>
    22. 

  22.         </a>
    23. 

  23.         <a target="_blank" class="homepage"></a>
    24. 

  24.       </h2>
    25. 

  25.       <p class="applies-to">
    26. 

  26.         <label i18n-text="appliesDisplay"></label>
    27. 

  27.         <span class="targets"></span>
    28. 

  28.       </p>
    29. 

  29.       <p class="actions">
    30. 

  30.         <a class="style-edit-link">
    31. 

  31.           <button i18n-text="editStyleLabel" tabindex="-1"></button>
    32. 

  32.         </a>
    33. 

  33.         <button class="enable" i18n-text="enableStyleLabel"></button>
    34. 

  34.         <button class="disable" i18n-text="disableStyleLabel"></button>
    35. 

  35.         <button class="delete" i18n-text="deleteStyleLabel"></button>
    36. 

  36.         <button class="check-update" i18n-text="checkForUpdate"></button>
    37. 

  37.         <button class="update" i18n-text="installUpdate"></button>
    38. 

  38.         <button class="configure-usercss" i18n-text="configureStyle"></button>
    39. 

  39.         <span class="update-note"></span>
    40. 

  40.       </p>
    41. 

  41.     </div>
    42. 

  42.   </template>
    43. 

  43. 

  44.   <template data-id="styleNewUI">
    45. 

  45.     <div class="entry">
    46. 

  46.       <h2 class="style-name">
    47. 

  47.         <div class="checkmate">
    48. 

  48.           <input class="checker" type="checkbox" i18n-title="toggleStyle">
    49. 

  49.           <svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg>
    50. 

  50.         </div>
    51. 

  51.         <a class="style-name-link">
    52. 

  52.           &nbsp;
    53. 

  53.           <span class="style-info" data-type="version"></span>
    54. 

  54.         </a>
    55. 

  55.       </h2>
    56. 

  56.       <p class="actions">
    57. 

  57.         <a target="_blank" class="homepage" tabindex="0"></a>
    58. 

  58.         <a class="delete" i18n-title="deleteStyleLabel" tabindex="0">
    59. 

  59.           <svg class="svg-icon" viewBox="0 0 20 20">
    60. 

  60.             <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
    61. 

  61.                              5.5,16.2 10,11.7 14.5,16.2 16.2,14.5 11.7,10 "/>
    62. 

  62.           </svg>
    63. 

  63.         </a>
    64. 

  64.       </p>
    65. 

  65.       <p class="style-info" data-type="age"></p>
    66. 

  66.       <div class="applies-to">
    67. 

  67.         <div class="targets"></div>
    68. 

  68.         <a class="expander" tabindex="0">...</a>
    69. 

  69.       </div>
    70. 

  70.     </div>
    71. 

  71.   </template>
    72. 

  72. 

  73.   <template data-id="homepageIconBig">
    74. 

  74.     <svg class="svg-icon" viewBox="0 0 20 20">
    75. 

  75.       <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 "/>
    76. 

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

  77.     </svg>
    78. 

  78.   </template>
    79. 

  79. 

  80.   <template data-id="homepageIconSmall">
    81. 

  81.     <svg class="svg-icon" viewBox="0 0 20 20">
    82. 

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

  83.     </svg>
    84. 

  84.   </template>
    85. 

  85. 

  86.   <template data-id="configureIcon">
    87. 

  87.     <a class="configure-usercss" i18n-title="configureStyle" tabindex="0">
    88. 

  88.       <svg class="svg-icon config"><use xlink:href="#svg-icon-config"></use></svg>
    89. 

  89.     </a>
    90. 

  90.   </template>
    91. 

  91. 

  92.   <template data-id="updaterIcons">
    93. 

  93.     <span class="updater-icons">
    94. 

  94.       <a class="check-update" i18n-title="checkForUpdate" tabindex="0">
    95. 

  95.         <svg class="svg-icon" viewBox="0 0 20 20">
    96. 

  96.           <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
    97. 

  97.                    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"/>
    98. 

  98.           <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
    99. 

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

  100.         </svg>
    101. 

  101.       </a>
    102. 

  102.       <a class="update" i18n-title="installUpdate" tabindex="0">
    103. 

  103.         <svg class="svg-icon" viewBox="0 0 20 20">
    104. 

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

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

  106.         </svg>
    107. 

  107.       </a>
    108. 

  108.       <span class="up-to-date" i18n-title="updateCheckSucceededNoUpdate">
    109. 

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

  110.           <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"/>
    111. 

  111.         </svg>
    112. 

  112.       </span>
    113. 

  113.       <span class="updated" i18n-title="updateCompleted">
    114. 

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

  115.           <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"/>
    116. 

  116.         </svg>
    117. 

  117.       </span>
    118. 

  118.       <span class="update-note"></span>
    119. 

  119.     </span>
    120. 

  120.   </template>
    121. 

  121. 

  122.   <template data-id="appliesToTarget">
    123. 

  123.     <span class="target"></span>
    124. 

  124.   </template>
    125. 

  125. 

  126.   <template data-id="appliesToSeparator">
    127. 

  127.     <span class="sep">, </span>
    128. 

  128.   </template>
    129. 

  129. 

  130.   <template data-id="appliesToEverything">
    131. 

  131.     <span class="target" i18n-text="appliesToEverything"></span>
    132. 

  132.   </template>
    133. 

  133. 

  134.   <template data-id="extraAppliesTo">
    135. 

  135.     <details class="applies-to-extra">
    136. 

  136.       <summary class="applies-to-extra-expander" i18n-text="appliesDisplayTruncatedSuffix"></summary>
    137. 

  137.     </details>
    138. 

  138.   </template>
    139. 

  139. 

  140.   <script src="js/polyfill.js"></script>
    141. 

  141.   <script src="js/msg.js"></script>
    142. 

  142.   <script src="js/toolbox.js"></script>
    143. 

  143.   <script src="js/prefs.js"></script>
    144. 

  144.   <script src="js/dom.js"></script>
    145. 

  145.   <script src="js/localization.js"></script>
    146. 

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

  147. 

  148.   <script src="content/style-injector.js"></script>
    149. 

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

  150. 

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

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

  153.   <script src="manage/render.js"></script>
    154. 

  154.   <script src="manage/sorter.js"></script>
    155. 

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

  156. 

  157.   <link rel="stylesheet" href="manage/manage.css">
    158. 

  158. </head>
    159. 

  159. 

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

  161. 

  162. <div id="header">
    163. 

  163.   <h1 id="manage-heading" i18n-text="manageHeading"></h1>
    164. 

  164. 

  165.   <div id="manage-settings">
    166. 

  166.     <div class="settings-column">
    167. 

  167.       <details id="filters" data-pref="manage.filters.expanded">
    168. 

  168.         <summary>
    169. 

  169.           <h2 i18n-text="manageFilters">:
    170. 

  170.             <div class="filter-stats-wrapper">
    171. 

  171.               <span id="filters-stats"></span>
    172. 

  172.               <a id="reset-filters" tabindex="0">
    173. 

  173.                 <svg class="svg-icon" viewBox="0 0 20 20">
    174. 

  174.                   <title i18n-text="genericResetLabel"></title>
    175. 

  175.                   <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
    176. 

  176.                                    5.5,16.2 10,11.7 14.5,16.2 16.2,14.5 11.7,10 "/>
    177. 

  177.                 </svg>
    178. 

  178.               </a>
    179. 

  179.             </div>
    180. 

  180.           </h2>
    181. 

  181.         </summary>
    182. 

  182. 

  183.         <div class="filter-selection">
    184. 

  184.           <label>
    185. 

  185.             <div class="checkmate">
    186. 

  186.               <input id="manage.onlyEnabled" type="checkbox"
    187. 

  187.                      data-filter=".enabled"
    188. 

  188.                      data-filter-hide=".disabled">
    189. 

  189.               <svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg>
    190. 

  190.             </div>
    191. 

  191.           </label>
    192. 

  192.           <div class="select-resizer">
    193. 

  193.             <select id="manage.onlyEnabled.invert" class="fit-width">
    194. 

  194.               <option i18n-text="manageOnlyEnabled" value="false"></option>
    195. 

  195.               <option i18n-text="manageOnlyDisabled" value="true"></option>
    196. 

  196.             </select>
    197. 

  197.             <svg class="svg-icon select-arrow"><use xlink:href="#svg-icon-select-arrow"/></svg>
    198. 

  198.           </div>
    199. 

  199.         </div>
    200. 

  200. 

  201.         <div class="filter-selection">
    202. 

  202.           <label>
    203. 

  203.             <div class="checkmate">
    204. 

  204.               <input id="manage.onlyLocal" type="checkbox"
    205. 

  205.                      data-filter=":not(.updatable):not(.update-done)"
    206. 

  206.                      data-filter-hide=".updatable, .update-done">
    207. 

  207.               <svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg>
    208. 

  208.             </div>
    209. 

  209.           </label>
    210. 

  210.           <div class="select-resizer">
    211. 

  211.             <select id="manage.onlyLocal.invert" i18n-title="manageOnlyLocalTooltip" class="fit-width">
    212. 

  212.               <option i18n-text="manageOnlyLocal" value="false"></option>
    213. 

  213.               <option i18n-text="manageOnlyExternal" value="true"></option>
    214. 

  214.             </select>
    215. 

  215.             <svg class="svg-icon select-arrow"><use xlink:href="#svg-icon-select-arrow"/></svg>
    216. 

  216.           </div>
    217. 

  217.         </div>
    218. 

  218. 

  219.         <div class="filter-selection">
    220. 

  220.           <label>
    221. 

  221.             <div class="checkmate">
    222. 

  222.               <input id="manage.onlyUsercss" type="checkbox"
    223. 

  223.                      data-filter=".usercss"
    224. 

  224.                      data-filter-hide=":not(.usercss)">
    225. 

  225.               <svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg>
    226. 

  226.             </div>
    227. 

  227.           </label>
    228. 

  228.           <div class="select-resizer">
    229. 

  229.             <select id="manage.onlyUsercss.invert" class="fit-width">
    230. 

  230.               <option i18n-text="manageOnlyUsercss" value="false"></option>
    231. 

  231.               <option i18n-text="manageOnlyNonUsercss" value="true"></option>
    232. 

  232.             </select>
    233. 

  233.             <svg class="svg-icon select-arrow"><use xlink:href="#svg-icon-select-arrow"/></svg>
    234. 

  234.           </div>
    235. 

  235.         </div>
    236. 

  236. 

  237.         <label id="only-updates" class="hidden">
    238. 

  238.           <input type="checkbox"
    239. 

  239.                  data-filter=".can-update, .update-problem, .update-done"
    240. 

  240.                  data-filter-hide=":not(.updatable):not(.update-done),
    241. 

  241.                                    .no-update:not(.update-problem),
    242. 

  242.                                    .updatable:not(.can-update):not(.update-problem):not(.update-done)">
    243. 

  243.           <svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg>
    244. 

  244.           <span i18n-text="manageOnlyUpdates"></span>
    245. 

  245.         </label>
    246. 

  246. 

  247.         <div id="search-wrapper">
    248. 

  248.           <input id="search" type="search" i18n-placeholder="search" spellcheck="false"
    249. 

  249.                  data-filter=":not(.not-matching)"
    250. 

  250.                  data-filter-hide=".not-matching">
    251. 

  251.           <div class="select-wrapper">
    252. 

  252.             <select id="searchMode" class="fit-width">
    253. 

  253.               <option i18n-text="searchStylesName" value="name"></option>
    254. 

  254.               <option i18n-text="searchStylesMeta" value="meta" selected></option>
    255. 

  255.               <option i18n-text="searchStylesCode" value="code"></option>
    256. 

  256.               <option i18n-text="searchStylesMatchUrl" value="url"></option>
    257. 

  257.               <option i18n-text="searchStylesAll" value="all"></option>
    258. 

  258.             </select>
    259. 

  259.             <svg class="svg-icon select-arrow"><use xlink:href="#svg-icon-select-arrow"/></svg>
    260. 

  260.           </div>
    261. 

  261.           <a id="search-help" tabindex="0">
    262. 

  262.             <svg class="svg-icon info"><use xlink:href="#svg-icon-help"/></svg>
    263. 

  263.           </a>
    264. 

  264.         </div>
    265. 

  265. 

  266.       </details>
    267. 

  267. 

  268.       <div id="sort-wrapper">
    269. 

  269.         <div class="sorter-selection" i18n-title="sortLabel">
    270. 

  270.           <select id="manage.newUI.sort"></select>
    271. 

  271.           <svg class="svg-icon select-arrow"><use xlink:href="#svg-icon-select-arrow"/></svg>
    272. 

  272.         </div>
    273. 

  273.         <a id="sorter-help" tabindex="0">
    274. 

  274.           <svg class="svg-icon info"><use xlink:href="#svg-icon-help"/></svg>
    275. 

  275.         </a>
    276. 

  276.       </div>
    277. 

  277.     </div>
    278. 

  278. 

  279.     <div class="settings-column">
    280. 

  280.       <details id="actions" data-pref="manage.actions.expanded">
    281. 

  281.         <summary><h2 i18n-text="optionsActions"></h2></summary>
    282. 

  282.         <div id="update-check">
    283. 

  283.           <button id="check-all-updates" i18n-text="checkAllUpdates">
    284. 

  284.             <span id="update-progress"></span>
    285. 

  285.           </button>
    286. 

  286.           <a id="update-history" i18n-title="genericHistoryLabel" tabindex="0">
    287. 

  287.             <svg class="svg-icon" viewBox="0 0 20 20" i18n-alt="helpAlt">
    288. 

  288.               <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"/>
    289. 

  289.             </svg>
    290. 

  290.           </a>
    291. 

  291.         </div>
    292. 

  292. 

  293.         <div id="update-all">
    294. 

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

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

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

  297.         </div>
    298. 

  298. 

  299.         <div id="add-style-wrapper">
    300. 

  300.           <a href="edit.html">
    301. 

  301.             <button id="add-style-label" i18n-text="addStyleLabel" tabindex="-1"></button>
    302. 

  302.           </a>
    303. 

  303.           <label id="add-style-as-usercss-wrapper">
    304. 

  304.             <input type="checkbox" id="newStyleAsUsercss">
    305. 

  305.             <svg class="svg-icon checked"><use xlink:href="#svg-icon-checked"/></svg>
    306. 

  306.             <span i18n-text="manageNewStyleAsUsercss" i18n-title="optionsAdvancedNewStyleAsUsercss"></span>
    307. 

  307.             <a id="usercss-wiki"
    308. 

  308.                href="https://github.com/openstyles/stylus/wiki/Usercss"
    309. 

  309.                i18n-title="externalUsercssDocument">
    310. 

  310.               <svg class="svg-icon" viewBox="0 0 20 20">
    311. 

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

  312.               </svg>
    313. 

  313.             </a>
    314. 

  314.           </label>
    315. 

  315.         </div>
    316. 

  316. 

  317.         <button id="manage-options-button" i18n-text="openOptions"></button>
    318. 

  318.       </details>
    319. 

  319.     </div>
    320. 

  320. 

  321.     <div class="settings-column">
    322. 

  322.       <details id="backup" data-pref="manage.backup.expanded">
    323. 

  323.         <summary><h2 id="backup-title" i18n-text="backupButtons"></h2></summary>
    324. 

  324.         <span id="backup-message" i18n-text="backupMessage"></span>
    325. 

  325.         <div id="backup-buttons">
    326. 

  326.           <button id="file-all-styles" i18n-text="exportLabel"></button>
    327. 

  327.           <button id="unfile-all-styles" i18n-text="importLabel"></button>
    328. 

  328.           <button id="sync-styles" i18n-text="optionsCustomizeSync"></button>
    329. 

  329.         </div>
    330. 

  330.       </details>
    331. 

  331. 

  332.       <div id="manage-text">
    333. 

  333.         <span>
    334. 

  334.           <a href="https://userstyles.world/explore" target="_blank" i18n-text="linkGetShareStyles"></a>
    335. 

  335.           <a tabindex="0" i18n-title="linkGetShareStylesInfo" data-cmd="note">
    336. 

  336.             <svg class="svg-icon info"><use xlink:href="#svg-icon-help"/></svg>
    337. 

  337.           </a>
    338. 

  338.         </span>
    339. 

  339.         <span>
    340. 

  340.           <a href="https://uso.kkx.one/browse/styles" target="_blank" i18n-text="linkGetStyles"></a>
    341. 

  341.           <a tabindex="0" i18n-title="linkGetStylesInfo" data-cmd="note">
    342. 

  342.             <svg class="svg-icon info"><use xlink:href="#svg-icon-help"/></svg>
    343. 

  343.           </a>
    344. 

  344.         </span>
    345. 

  345.         <span><a href="https://add0n.com/stylus.html#features" target="_blank" i18n-text="linkGetHelp"></a></span>
    346. 

  346.         <span><a href="https://github.com/openstyles/stylus/wiki" target="_blank" i18n-text="linkStylusWiki"></a></span>
    347. 

  347.         <span><a href="https://www.transifex.com/github-7/Stylus" target="_blank" i18n-text="linkTranslate"></a></span>
    348. 

  348.       </div>
    349. 

  349.     </div>
    350. 

  350.   </div>
    351. 

  351. 

  352. </div>
    353. 

  353. 

  354. <div id="installed"></div>
    355. 

  355. 

  356. <svg xmlns="http://www.w3.org/2000/svg" style="display: none !important;">
    357. 

  357.   <symbol id="svg-icon-checked" viewBox="0 0 1000 1000">
    358. 

  358.     <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"/>
    359. 

  359.   </symbol>
    360. 

  360. 

  361.   <symbol id="svg-icon-select-arrow" viewBox="0 0 1792 1792">
    362. 

  362.     <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"/>
    363. 

  363.   </symbol>
    364. 

  364. 

  365.   <symbol id="svg-icon-help" viewBox="0 0 14 16">
    366. 

  366.     <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>
    367. 

  367.   </symbol>
    368. 

  368. 

  369.   <symbol id="svg-icon-config" viewBox="0 0 16 16">
    370. 

  370.     <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"/>
    371. 

  371.   </symbol>
    372. 

  372. </svg>
    373. 

  373. 

  374. </body>
    375. 

  375. </html>
    376.