index.css 2.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  1. body {
  2. font-size:14px;
  3. -webkit-user-select:none;
  4. padding:0;
  5. margin:0;
  6. width:150px;
  7. position:relative;
  8. overflow: hidden;
  9. }
  10. .fe-hide {
  11. display:none;
  12. }
  13. .fe-function-title {
  14. width:100%;
  15. padding:5px;
  16. color:#522;
  17. font-weight:bolder;
  18. cursor:default;
  19. border-bottom:1px dotted #aaa;
  20. }
  21. ul.fe-function-list {
  22. padding:0px;
  23. list-style:none;
  24. }
  25. ul.fe-function-list li {
  26. padding:3px 3px 3px 10px;
  27. cursor:pointer;
  28. color:#555;
  29. -webkit-transition:all .4s ease;
  30. }
  31. ul.fe-function-list li:hover {
  32. color:#ff3C11;
  33. background:#f1f1f1;
  34. }
  35. ul.fe-function-list li>span {
  36. padding-left:24px;
  37. }
  38. ul.fe-function-list li>b{
  39. width:14px;
  40. height:14px;
  41. background:url(ui-icons.png) no-repeat ;
  42. -webkit-transition:all .5s ease;
  43. position:absolute;
  44. }
  45. ul.fe-function-list li:hover>b {
  46. -webkit-transform:rotate(360deg);
  47. }
  48. ul.fe-function-list li.-x-fcp b {
  49. background-position:0px -145px;
  50. }
  51. ul.fe-function-list li.-x-grid b {
  52. background-position:-113px -113px;
  53. }
  54. ul.fe-function-list li.-x-regexp b {
  55. background-position:-144px 0;
  56. }
  57. ul.fe-function-list li.-x-endecode b {
  58. background-position:-113px -81px;
  59. }
  60. ul.fe-function-list li.-x-loadtime b {
  61. background-position:-81px -113px;
  62. }
  63. ul.fe-function-list li.-x-jsonformat b {
  64. background-position:-224px -113px;
  65. }
  66. ul.fe-function-list li.-x-qrcode b {
  67. background-position:-81px -209px;
  68. }
  69. ul.fe-function-list li.-x-codebeautify b {
  70. background-position:-64px -145px;
  71. }
  72. ul.fe-function-list li.-x-tracker b {
  73. background-position:-31px -64px;
  74. }
  75. ul.fe-function-list li.-x-timestamp b {
  76. background-position:0px -161px;
  77. }
  78. ul.fe-function-list li.-x-codecompress b {
  79. background-position:-65px -81px;
  80. }
  81. ul.fe-function-list li.-x-base64 b {
  82. background-position:-33px -209px;
  83. }
  84. ul.fe-function-list li.-x-colorpicker b {
  85. background-position:-64px -112px;
  86. }
  87. ul.fe-function-list li.-x-ajax-debugger b {
  88. background-position:-81px -129px;
  89. }
  90. ul.fe-function-list li i {
  91. color: #aaa;
  92. font-weight: 700;
  93. font-style: normal;
  94. }
  95. .fe-feedback {
  96. font-size:12px;
  97. border-top:1px dotted #ddd;
  98. padding:5px 15px 5px 5px;
  99. line-height: 20px;
  100. color: #888;
  101. }
  102. .fe-feedback a {
  103. color:#888;
  104. text-decoration:none;
  105. text-align: left;
  106. }
  107. .fe-feedback a:hover {
  108. color:#a00;
  109. }
  110. svg:not(:root) {
  111. overflow: hidden;
  112. }
  113. .fe-feedback .octicon {
  114. vertical-align: text-bottom;
  115. }
  116. .fe-feedback .octicon {
  117. display: inline-block;
  118. fill: currentColor;
  119. }
  120. .fe-feedback .x-settings {
  121. float: right;
  122. cursor: pointer;
  123. }
  124. .fe-feedback .x-settings:hover {
  125. color: #a00;
  126. }