style.css 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. html, body {
  2. padding: 0;
  3. margin: 0;
  4. overflow: hidden;
  5. height: 100%;
  6. }
  7. body {
  8. background: #000000;
  9. color: white;
  10. }
  11. input[type="file"] {
  12. color: black;
  13. }
  14. /* for scaling checkboxes according to the font size */
  15. .c3-auto-size-checkbox {
  16. font-size: 1em;
  17. width: 1em;
  18. height: 1em;
  19. vertical-align: bottom;
  20. margin: 0.1em 0.25em;
  21. }
  22. html, body, canvas {
  23. touch-action-delay: none;
  24. touch-action: none;
  25. }
  26. canvas, .c3htmlwrap {
  27. position: absolute;
  28. }
  29. .c3htmlwrap {
  30. contain: strict;
  31. }
  32. .c3overlay {
  33. pointer-events: none;
  34. }
  35. .c3htmlwrap[interactive] > * {
  36. pointer-events: auto;
  37. }
  38. /* HACK - work around elements being selectable only in iOS WKWebView for some reason */
  39. html[ioswebview] .c3htmlwrap,
  40. html[ioswebview] canvas {
  41. -webkit-user-select: none;
  42. user-select: none;
  43. }
  44. html[ioswebview] .c3htmlwrap > * {
  45. -webkit-user-select: auto;
  46. user-select: auto;
  47. }
  48. #notSupportedWrap {
  49. margin: 2em auto 1em auto;
  50. width: 75%;
  51. max-width: 45em;
  52. border: 2px solid #aaa;
  53. border-radius: 1em;
  54. padding: 2em;
  55. background-color: #f0f0f0;
  56. font-family: "Segoe UI", Frutiger, "Frutiger Linotype", "Dejavu Sans", "Helvetica Neue", Arial, sans-serif;
  57. color: black;
  58. }
  59. #notSupportedTitle {
  60. font-size: 1.8em;
  61. }
  62. .notSupportedMessage {
  63. font-size: 1.2em;
  64. }
  65. .notSupportedMessage em {
  66. color: #888;
  67. }
  68. /* bbcode styles */
  69. .bbCodeH1 {
  70. font-size: 2em;
  71. font-weight: bold;
  72. }
  73. .bbCodeH2 {
  74. font-size: 1.5em;
  75. font-weight: bold;
  76. }
  77. .bbCodeH3 {
  78. font-size: 1.25em;
  79. font-weight: bold;
  80. }
  81. .bbCodeH4 {
  82. font-size: 1.1em;
  83. font-weight: bold;
  84. }
  85. .bbCodeItem::before {
  86. content: " • ";
  87. }
  88. /* For text icons converted to HTML: size the height to the line height
  89. preserving the aspect ratio. Also add position: relative as that allows
  90. just adding a 'top' style for the iconoffsety style. */
  91. .c3-text-icon {
  92. height: 1em;
  93. width: auto;
  94. position: relative;
  95. }
  96. /* screen reader text */
  97. .c3-screen-reader-text {
  98. position: absolute;
  99. width: 1px;
  100. height: 1px;
  101. overflow: hidden;
  102. clip: rect(1px, 1px, 1px, 1px);
  103. }