index.css 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226
  1. .fe-whole-page {
  2. font-size: 14px;
  3. user-select: none;
  4. padding: 0;
  5. margin: 0;
  6. width: 152px;
  7. position: relative;
  8. overflow: hidden;
  9. }
  10. .fe-hide {
  11. display: none;
  12. }
  13. .fe-function-title {
  14. padding: 5px;
  15. color: #522;
  16. font-weight: bolder;
  17. cursor: default;
  18. border-bottom: 1px dotted #aaa;
  19. text-align: center;
  20. font-size: 12px;
  21. }
  22. .fe-function-title span {
  23. font-weight: normal;
  24. color: #e1e1e1;
  25. }
  26. ul.fe-function-list {
  27. padding: 0 10px;
  28. list-style: none;
  29. width: 130px;
  30. }
  31. ul.fe-function-list li {
  32. padding: 3px 5px 3px 5px;
  33. cursor: pointer;
  34. color: #555;
  35. /*-webkit-transition: all .4s ease;*/
  36. text-align: justify;
  37. display: block;
  38. height: 20px;
  39. line-height: 20px;
  40. width: 116px;
  41. border-bottom: 1px dashed #e5e5e5;
  42. }
  43. ul.fe-function-list li:last-child {
  44. border-bottom: none;
  45. }
  46. ul.fe-function-list li.x-hovered,
  47. ul.fe-function-list li:hover {
  48. color: #ff3C11;
  49. background: #f1f1f1;
  50. }
  51. ul.fe-function-list li > span {
  52. padding-left: 24px;
  53. }
  54. ul.fe-function-list li:after {
  55. content: ' ';
  56. display: inline-block;
  57. width: 100%;
  58. overflow: hidden;
  59. height: 0;
  60. }
  61. ul.fe-function-list li > b {
  62. width: 14px;
  63. height: 14px;
  64. background: url(../popup/ui-icons.png) no-repeat;
  65. /*-webkit-transition: all .5s ease;*/
  66. display: inline-block;
  67. margin-right: 5px;
  68. }
  69. ul.fe-function-list li:hover > b {
  70. /*-webkit-transform: rotate(360deg);*/
  71. }
  72. ul.fe-function-list li.-x-fcp b {
  73. background-position: 0 -143px;
  74. }
  75. ul.fe-function-list li.-x-regexp b {
  76. background-position: -144px 1px;
  77. }
  78. ul.fe-function-list li.-x-endecode b {
  79. background-position: -113px -80px;
  80. }
  81. ul.fe-function-list li.-x-loadtime b {
  82. background-position: -81px -111px;
  83. }
  84. ul.fe-function-list li.-x-jsonformat b {
  85. background-position: -224px -111px;
  86. }
  87. ul.fe-function-list li.-x-qrcode b {
  88. background-position: -81px -209px;
  89. }
  90. ul.fe-function-list li.-x-codebeautify b {
  91. background-position: -64px -144px;
  92. }
  93. ul.fe-function-list li.-x-tracker b {
  94. background-position: -31px -64px;
  95. }
  96. ul.fe-function-list li.-x-timestamp b {
  97. background-position: 0 -160px;
  98. }
  99. ul.fe-function-list li.-x-codecompress b {
  100. background-position: -65px -80px;
  101. }
  102. ul.fe-function-list li.-x-base64 b {
  103. background-position: -33px -208px;
  104. }
  105. ul.fe-function-list li.-x-colorpicker b {
  106. background-position: -64px -112px;
  107. }
  108. ul.fe-function-list li.-x-ajax-debugger b {
  109. background-position: -81px -127px;
  110. }
  111. ul.fe-function-list li.-x-markdown b {
  112. background-position: -83px -222px;
  113. }
  114. ul.fe-function-list li.-x-pagecapture b {
  115. background-position: -16px -111px;
  116. }
  117. ul.fe-function-list li.-x-password b {
  118. background-position: -144px -95px;
  119. }
  120. ul.fe-function-list li.-x-jsondiff b {
  121. background-position: -113px -111px;
  122. }
  123. ul.fe-function-list li.-x-sticky-notes b {
  124. background-position: -65px -96px;
  125. }
  126. ul.fe-function-list li.-x-grid-ruler b {
  127. background-position: -33px -127px;
  128. }
  129. ul.fe-function-list li.-x-remove-bg b {
  130. background-position: -145px -127px;
  131. }
  132. ul.fe-function-list li.-x-multi-toolkit b {
  133. background-position: -176px -111px;
  134. }
  135. ul.fe-function-list li.-x-page-monkey b {
  136. background-position: -32px -95px;
  137. }
  138. ul.fe-function-list li.-x-post-man b {
  139. background-position: -32px -112px;
  140. }
  141. ul.fe-function-list li i {
  142. color: #aaa;
  143. font-weight: 700;
  144. font-style: normal;
  145. }
  146. .fe-feedback {
  147. font-size: 12px;
  148. border-top: 1px dotted #ddd;
  149. padding: 5px 15px;
  150. line-height: 20px;
  151. color: #888;
  152. }
  153. .fe-feedback a {
  154. color: #888;
  155. text-decoration: none;
  156. text-align: left;
  157. }
  158. .fe-feedback a:hover {
  159. color: #c00;
  160. }
  161. svg:not(:root) {
  162. overflow: hidden;
  163. }
  164. .fe-feedback svg {
  165. vertical-align: text-bottom;
  166. display: inline-block;
  167. fill: currentColor;
  168. }
  169. .fe-feedback img {
  170. opacity: 0.6;
  171. position: relative;
  172. top: 1px;
  173. }
  174. .fe-feedback a:hover img {
  175. opacity: 1.0;
  176. }
  177. .fe-feedback .x-settings {
  178. float: right;
  179. cursor: pointer;
  180. margin-left: 5px;
  181. }
  182. .fe-feedback .x-settings:hover {
  183. color: #c00;
  184. }
  185. .fe-feedback .x-fb,
  186. .fe-feedback .x-settings
  187. {
  188. float: right;
  189. }