debugger.css 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. /* Copyright 2014 Mozilla Foundation
  2. *
  3. * Licensed under the Apache License, Version 2.0 (the "License");
  4. * you may not use this file except in compliance with the License.
  5. * You may obtain a copy of the License at
  6. *
  7. * http://www.apache.org/licenses/LICENSE-2.0
  8. *
  9. * Unless required by applicable law or agreed to in writing, software
  10. * distributed under the License is distributed on an "AS IS" BASIS,
  11. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  12. * See the License for the specific language governing permissions and
  13. * limitations under the License.
  14. */
  15. :root {
  16. --panel-width: 300px;
  17. }
  18. #PDFBug,
  19. #PDFBug :is(input, button, select) {
  20. font: message-box;
  21. }
  22. #PDFBug {
  23. color-scheme: only light;
  24. background-color: white;
  25. color: black;
  26. border: 1px solid rgb(102 102 102);
  27. position: fixed;
  28. top: 32px;
  29. right: 0;
  30. bottom: 0;
  31. font-size: 10px;
  32. padding: 0;
  33. width: var(--panel-width);
  34. }
  35. #PDFBug .controls {
  36. background: rgb(238 238 238);
  37. border-bottom: 1px solid rgb(102 102 102);
  38. padding: 3px;
  39. }
  40. #PDFBug .panels {
  41. inset: 27px 0 0;
  42. overflow: auto;
  43. position: absolute;
  44. }
  45. #PDFBug .panels > div {
  46. padding: 5px;
  47. }
  48. #PDFBug button.active {
  49. font-weight: bold;
  50. }
  51. .debuggerShowText,
  52. .debuggerHideText:hover {
  53. background-color: rgb(255 255 0 / 0.25);
  54. }
  55. #PDFBug .stats {
  56. font-family: courier;
  57. font-size: 10px;
  58. white-space: pre;
  59. }
  60. #PDFBug .stats .title {
  61. font-weight: bold;
  62. }
  63. #PDFBug table {
  64. font-size: 10px;
  65. white-space: pre;
  66. }
  67. #PDFBug table.showText {
  68. border-collapse: collapse;
  69. text-align: center;
  70. }
  71. #PDFBug table.showText,
  72. #PDFBug table.showText :is(tr, td) {
  73. border: 1px solid black;
  74. padding: 1px;
  75. }
  76. #PDFBug table.showText td.advance {
  77. color: grey;
  78. }
  79. #viewer.textLayer-visible .textLayer {
  80. opacity: 1;
  81. }
  82. #viewer.textLayer-visible .canvasWrapper {
  83. background-color: rgb(128 255 128);
  84. }
  85. #viewer.textLayer-visible .canvasWrapper canvas {
  86. mix-blend-mode: screen;
  87. }
  88. #viewer.textLayer-visible .textLayer span {
  89. background-color: rgb(255 255 0 / 0.1);
  90. color: rgb(0 0 0);
  91. border: solid 1px rgb(255 0 0 / 0.5);
  92. box-sizing: border-box;
  93. }
  94. #viewer.textLayer-visible .textLayer span[aria-owns] {
  95. background-color: rgb(255 0 0 / 0.3);
  96. }
  97. #viewer.textLayer-hover .textLayer span:hover {
  98. background-color: rgb(255 255 255);
  99. color: rgb(0 0 0);
  100. }
  101. #viewer.textLayer-shadow .textLayer span {
  102. background-color: rgb(255 255 255 / 0.6);
  103. color: rgb(0 0 0);
  104. }