editor-frame-web.css 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879
  1. .single-file-highlight-yellow, .single-file-highlight-yellow-mode ::selection {
  2. background-color: #ffff7c !important;
  3. color: black !important;
  4. }
  5. .single-file-highlight-pink, .single-file-highlight-pink-mode ::selection {
  6. background-color: #ffbbb6 !important;
  7. color: black !important;
  8. }
  9. .single-file-highlight-blue, .single-file-highlight-blue-mode ::selection {
  10. background-color: #95d0ff !important;
  11. color: black !important;
  12. }
  13. .single-file-highlight-green, .single-file-highlight-green-mode ::selection {
  14. background-color: #93ef8d !important;
  15. color: black !important;
  16. }
  17. span.single-file-highlight-yellow, span.single-file-highlight-pink, span.single-file-highlight-blue, span.single-file-highlight-green {
  18. display: inline !important;
  19. }
  20. .single-file-highlight-hidden {
  21. background-color: inherit !important;
  22. color: inherit !important;
  23. }
  24. .single-file-mask {
  25. all: initial;
  26. display: contents !important;
  27. }
  28. .single-file-mask.single-file-page-mask {
  29. opacity: .99 !important;
  30. }
  31. single-file-note {
  32. all: initial !important;
  33. display: contents !important;
  34. }
  35. .single-file-cut-hover, .single-file-cut-outer-hover, .single-file-cut-selected, .single-file-cut-outer-selected {
  36. transition: outline-width 125ms !important;
  37. outline-offset: -4px !important;
  38. outline-width: 4px !important;
  39. }
  40. .single-file-cut-hover, .single-file-cut-outer-hover {
  41. outline-style: dotted !important;
  42. }
  43. .single-file-cut-selected, .single-file-cut-outer-selected {
  44. outline-style: dashed !important;
  45. }
  46. .single-file-cut-hover, .single-file-cut-selected {
  47. outline-color: red !important;
  48. }
  49. .single-file-cut-outer-hover, .single-file-cut-outer-selected {
  50. outline-color: green !important;
  51. }
  52. .single-file-cut-mode, .single-file-cut-mode * {
  53. pointer-events: auto !important;
  54. }
  55. .single-file-cut-hover, .single-file-cut-outer-hover, .single-file-remove-highlights-mode .single-file-highlight:hover {
  56. cursor: crosshair !important;
  57. }
  58. .single-file-removed {
  59. display: none !important;
  60. float: none !important;
  61. position: static !important;
  62. visibility: collapse !important;
  63. }