style.css 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  1. /*术语输入AT弹出菜单*/
  2. .text_input > .textarea {
  3. padding: 5px;
  4. font-family: inherit;
  5. width: 100%;
  6. min-height: 100px;
  7. resize: vertical;
  8. font-size: 14px;
  9. line-height: 1;
  10. border: 1px solid #ddd;
  11. white-space: pre-wrap;
  12. word-break: break-all;
  13. z-index: 1;
  14. resize: vertical;
  15. color: var(--main-color);
  16. background-color: #e4e45c52;
  17. border: unset;
  18. border-radius: 8px;
  19. padding: 5px;
  20. line-height: 1.5em;
  21. }
  22. .text_input > .text_shadow {
  23. position: absolute;
  24. width: 100%;
  25. visibility: hidden;
  26. }
  27. .text_input .cursor {
  28. position: absolute;
  29. border-left: 1px solid #000;
  30. }
  31. .text_input > .menu {
  32. background-color: #b2b2b2;
  33. width: 200px;
  34. height: 300px;
  35. box-shadow: #000;
  36. position: absolute;
  37. display: none;
  38. z-index: 100;
  39. box-shadow: 0 5px 7px rgb(0 0 0 / 25%);
  40. }
  41. .text_input > .menu ul {
  42. list-style-type: none;
  43. margin: 0;
  44. padding: 0;
  45. }
  46. .text_input > .menu ul li {
  47. cursor: pointer;
  48. padding: 0;
  49. margin: 5px;
  50. }
  51. .text_input > .menu ul li:hover {
  52. background: linear-gradient(90deg, #40a9ff, transparent);
  53. }
  54. .term_at_menu_input {
  55. padding: 5px;
  56. border-bottom: 1px solid gray;
  57. }
  58. .text_input {
  59. width: 100%;
  60. position: relative;
  61. }
  62. .term_mean {
  63. /*text-transform: capitalize;*/
  64. white-space: nowrap;
  65. }
  66. .term_at_menu_ul > .term_focus {
  67. border-radius: unset;
  68. box-shadow: unset;
  69. background: linear-gradient(90deg, #40a9ff, transparent);
  70. }