fe-popup.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101
  1. body {
  2. font-size:14px;
  3. font-family:"arial","simsun";
  4. -webkit-user-select:none;
  5. padding:0;
  6. margin:0;
  7. width:150px;
  8. position:relative;
  9. overflow: hidden;
  10. }
  11. .fe-hide {
  12. display:none;
  13. }
  14. .fe-function-title {
  15. width:100%;
  16. padding:5px;
  17. color:#522;
  18. font-weight:bolder;
  19. cursor:default;
  20. border-bottom:1px dotted #aaa;
  21. }
  22. ul.fe-function-list {
  23. padding:0px;
  24. list-style:none;
  25. }
  26. ul.fe-function-list li {
  27. padding:3px 3px 3px 10px;
  28. cursor:pointer;
  29. color:#555;
  30. -webkit-transition:all .4s ease;
  31. }
  32. ul.fe-function-list li:hover {
  33. color:#ff3C11;
  34. background:#f1f1f1;
  35. }
  36. ul.fe-function-list li>span {
  37. padding-left:24px;
  38. }
  39. ul.fe-function-list li>b{
  40. width:14px;
  41. height:14px;
  42. background:url(../img/ui-icons_228ef1_256x240.png) no-repeat ;
  43. -webkit-transition:all .5s ease;
  44. position:absolute;
  45. }
  46. ul.fe-function-list li:hover>b {
  47. -webkit-transform:rotate(360deg);
  48. }
  49. ul.fe-function-list li.-x-fcp b {
  50. background-position:0px -145px;
  51. }
  52. ul.fe-function-list li.-x-grid b {
  53. background-position:-113px -113px;
  54. }
  55. ul.fe-function-list li.-x-regexp b {
  56. background-position:-144px 0;
  57. }
  58. ul.fe-function-list li.-x-endecode b {
  59. background-position:-113px -81px;
  60. }
  61. ul.fe-function-list li.-x-loadtime b {
  62. background-position:-81px -113px;
  63. }
  64. ul.fe-function-list li.-x-jsonformat b {
  65. background-position:-224px -113px;
  66. }
  67. ul.fe-function-list li.-x-qrcode b {
  68. background-position:-81px -209px;
  69. }
  70. ul.fe-function-list li.-x-codebeautify b {
  71. background-position:-64px -145px;
  72. }
  73. ul.fe-function-list li.-x-tracker b {
  74. background-position:-31px -64px;
  75. }
  76. ul.fe-function-list li.-x-timestamp b {
  77. background-position:0px -161px;
  78. }
  79. ul.fe-function-list li.-x-codecompress b {
  80. background-position:-65px -81px;
  81. }
  82. ul.fe-function-list li.-x-base64 b {
  83. background-position:-33px -209px;
  84. }
  85. ul.fe-function-list li.-x-colorpicker b {
  86. background-position:-64px -112px;
  87. }
  88. .fe-feedback {
  89. font-size:12px;
  90. border-top:1px dotted #ddd;
  91. padding:5px 15px 5px 5px;
  92. text-align:right;
  93. }
  94. .fe-feedback a {
  95. text-decoration:none;
  96. color:#888;
  97. }
  98. .fe-feedback a:hover {
  99. color:#a00;
  100. }