index.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  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: 120px;
  41. border-bottom: 1px dashed #e5e5e5;
  42. overflow: hidden;
  43. }
  44. ul.fe-function-list li:last-child {
  45. border-bottom: none;
  46. }
  47. ul.fe-function-list li.x-hovered,
  48. ul.fe-function-list li:hover {
  49. color: #ff3C11;
  50. background: #f1f1f1;
  51. }
  52. ul.fe-function-list li > span {
  53. padding-left: 24px;
  54. }
  55. ul.fe-function-list li:after {
  56. content: ' ';
  57. display: inline-block;
  58. width: 100%;
  59. overflow: hidden;
  60. height: 0;
  61. }
  62. ul.fe-function-list li > b {
  63. width: 14px;
  64. height: 14px;
  65. -webkit-transition: all .5s ease;
  66. display: inline-block;
  67. margin-right: 5px;
  68. color:#48f;
  69. }
  70. ul.fe-function-list li:hover > b {
  71. -webkit-transform: rotate(360deg);
  72. }
  73. ul.fe-function-list li i {
  74. color: #aaa;
  75. font-weight: 700;
  76. font-style: normal;
  77. }
  78. .fe-feedback {
  79. font-size: 12px;
  80. border-top: 1px dotted #ddd;
  81. padding: 5px 15px;
  82. line-height: 20px;
  83. color: #888;
  84. }
  85. .fe-feedback a {
  86. color: #888;
  87. text-decoration: none;
  88. text-align: left;
  89. }
  90. .fe-feedback a:hover {
  91. color: #c00;
  92. }
  93. svg:not(:root) {
  94. overflow: hidden;
  95. }
  96. .fe-feedback svg {
  97. vertical-align: text-bottom;
  98. display: inline-block;
  99. fill: currentColor;
  100. }
  101. .fe-feedback img {
  102. opacity: 0.6;
  103. position: relative;
  104. top: 1px;
  105. }
  106. .fe-feedback a:hover img {
  107. opacity: 1.0;
  108. }
  109. .fe-feedback .x-settings {
  110. float: right;
  111. cursor: pointer;
  112. margin-left: 5px;
  113. }
  114. .fe-feedback .x-settings:hover {
  115. color: #c00;
  116. }
  117. .fe-feedback .x-fb,
  118. .fe-feedback .x-settings
  119. {
  120. float: right;
  121. }