2
0

style.css 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. .pcd_word {
  2. text-decoration: none;
  3. text-underline-offset: 4px;
  4. cursor: pointer;
  5. }
  6. .pcd_word:hover {
  7. text-decoration: underline dotted;
  8. }
  9. .sent_read p {
  10. display: inline;
  11. }
  12. .sent_read_translation:hover {
  13. background-color: beige;
  14. }
  15. .sent_read_interactive_button:hover ~ .sent_read_translation {
  16. background-color: beige;
  17. }
  18. .sent_read_translation:hover ~ .sent_read_interactive_button {
  19. border: 1px solid black;
  20. }
  21. .sent-edit-inner {
  22. border: 1px solid rgb(129 129 129 / 10%);
  23. margin-top: 4px;
  24. border-radius: 6px;
  25. background-color: rgb(255 255 255 / 8%);
  26. width: 100%;
  27. }
  28. .sent-focus {
  29. border: 2px solid rgb(0 0 200 / 50%);
  30. }
  31. .sent-edit-inner .affix {
  32. background-color: white;
  33. }
  34. .sent_tabs {
  35. padding: 0 8px;
  36. background-color: rgba(92, 164, 247, 0.1);
  37. }
  38. .sent_tabs.compact {
  39. position: unset;
  40. margin-top: -32px;
  41. width: 100%;
  42. margin-right: 10px;
  43. background-color: unset;
  44. }
  45. .sent_tabs:hover .sent_tabs.compact {
  46. background-color: rgba(128, 128, 128, 0.1);
  47. }
  48. .sent_tabs.compact.curr_close {
  49. position: absolute;
  50. background-color: rgba(128, 128, 128, 0.1);
  51. }
  52. .sent_tabs .content {
  53. padding: 0 8px;
  54. }
  55. .sent_tabs .ant-tabs-tab {
  56. background: #c6c5c5 !important;
  57. }
  58. .sent_tabs .ant-tabs-tab-active {
  59. background: rgba(92, 164, 247, 0.1) !important;
  60. }
  61. /** 2 级 组件 */
  62. /*
  63. .sent-edit-inner .sent-edit-inner .sent_tabs {
  64. background-color: rgba(128, 128, 128, 0.9);
  65. }
  66. .sent-edit-inner .sent-edit-inner .sent_tabs .ant-tabs-tab {
  67. background: #ececec !important;
  68. }
  69. .sent-edit-inner .sent-edit-inner .sent_tabs .ant-tabs-tab-active {
  70. background: rgba(128, 128, 128, 0.1) !important;
  71. }
  72. */
  73. /** 3 级 组件 */
  74. /*
  75. .sent-edit-inner .sent-edit-inner .sent-edit-inner .sent_tabs {
  76. background-color: rgb(200, 200, 200);
  77. }
  78. .sent-edit-inner .sent-edit-inner .sent-edit-inner .sent_tabs .ant-tabs-tab {
  79. background: #c6c5c5 !important;
  80. }
  81. .sent-edit-inner
  82. .sent-edit-inner
  83. .sent-edit-inner
  84. .sent_tabs
  85. .ant-tabs-tab-active {
  86. background: rgba(128, 128, 128, 0.9) !important;
  87. }
  88. */
  89. .pcd_sent_commentary {
  90. border: 2px dotted darkred;
  91. border-radius: 8px;
  92. padding: 4px;
  93. margin: 6px;
  94. background-color: #f5deb357;
  95. }
  96. .pcd_sent_commentary .pcd_sent_commentary {
  97. background-color: #44c76167;
  98. }
  99. .pcd_sent_commentary .pcd_sent_commentary .pcd_sent_commentary {
  100. display: none;
  101. }