editor-frame-web.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  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. touch-action: none !important;
  55. }
  56. .single-file-cut-hover, .single-file-cut-outer-hover, .single-file-remove-highlights-mode .single-file-highlight:hover {
  57. cursor: crosshair !important;
  58. }
  59. .single-file-removed {
  60. display: none !important;
  61. float: none !important;
  62. position: static !important;
  63. visibility: collapse !important;
  64. }
  65. a[href], img {
  66. -webkit-touch-callout: none;
  67. }