parchment.debug.css 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
  1. /*
  2. Parchment
  3. =========
  4. Built: 2014-10-05
  5. Copyright (c) 2008-2014 The Parchment Contributors
  6. BSD licenced
  7. https://github.com/curiousdannii/parchment
  8. */
  9. /*
  10. General Parchment styles
  11. ========================
  12. Copyright (c) 2008-2011 The Parchment Contributors
  13. BSD licenced
  14. http://code.google.com/p/parchment
  15. */
  16. html
  17. {
  18. overflow-y: scroll;
  19. -webkit-text-size-adjust: none;
  20. }
  21. body
  22. {
  23. background: #FFF;
  24. color: #000;
  25. font-family: Georgia, Palatino, serif;
  26. font-size: 16px;
  27. margin: 0 0 8px;
  28. text-align: center;
  29. }
  30. #parchment
  31. {
  32. margin: 0 auto;
  33. text-align: left;
  34. }
  35. #gameport
  36. {
  37. line-height: 1.4;
  38. margin: 0 auto;
  39. text-align: left;
  40. width: 80%;
  41. }
  42. /* General dialogs */
  43. .dialog
  44. {
  45. background: #fff;
  46. border: 3px solid #ddd;
  47. border-radius: 10px;
  48. -webkit-box-shadow: 5px 5px 10px #777;
  49. box-shadow: 5px 5px 10px #777;
  50. left: 30%;
  51. padding: 0px 20px;
  52. position: fixed;
  53. top: 20%;
  54. width: 40%;
  55. }
  56. /* Load indicator */
  57. .load
  58. {
  59. text-align: left;
  60. }
  61. /* Front page panels */
  62. /* Load any web story file */
  63. .panel input
  64. {
  65. display: block;
  66. margin: 0 auto;
  67. width: 50%;
  68. }
  69. .error {
  70. background: red;
  71. color: white;
  72. padding: 10px;
  73. margin: 10px;
  74. }
  75. /*
  76. StructIO styles
  77. ===============
  78. Copyright (c) 2008-2012 The Parchment Contributors
  79. BSD licenced
  80. http://code.google.com/p/parchment
  81. */
  82. #parchment
  83. {
  84. white-space: pre-wrap;
  85. }
  86. /* Line input */
  87. .TextInput
  88. {
  89. background: none;
  90. border: 0;
  91. color: inherit;
  92. display: inline;
  93. font: inherit;
  94. outline: 0;
  95. padding: 0;
  96. }
  97. /* Character input (to be added to the above) */
  98. .CharInput
  99. {
  100. left: -999em;
  101. position: absolute;
  102. }
  103. /* Text grid window */
  104. .TextGrid
  105. {
  106. position: fixed;
  107. z-index: 2;
  108. }
  109. /* Floating boxes */
  110. .box
  111. {
  112. position: absolute;
  113. z-index: 1;
  114. }
  115. /* Main window */
  116. .main, .TextGrid
  117. {
  118. /* Extra padding in case some serifs stick outside the status window */
  119. padding: 0 1px;
  120. }
  121. /* Monospace text */
  122. tt
  123. {
  124. font-family: monospace;
  125. line-height: 1;
  126. }
  127. /*
  128. ZVM - the ifvms.js Z-Machine (versions 5 and 8)
  129. ===============================================
  130. Copyright (c) 2011-2013 The ifvms.js team
  131. BSD licenced
  132. http://github.com/curiousdannii/ifvms.js
  133. */
  134. /*
  135. These styles are required for the classes formatter
  136. ZVM also requires that the whole VM <div> have white-space: pre-wrap.
  137. */
  138. .zvm-bold { font-weight: bold; }
  139. .zvm-italic { font-style: italic; }
  140. .zvm-mono { font-family: monospace; line-height: 1; }
  141. .zvm-fg-2 { color: #000; }
  142. .zvm-bg-2 { background-color: #000; }
  143. .zvm-fg-3 { color: #ef0000; }
  144. .zvm-bg-3 { background-color: #ef0000; }
  145. .zvm-fg-4 { color: #00d600; }
  146. .zvm-bg-4 { background-color: #00d600; }
  147. .zvm-fg-5 { color: #efef00; }
  148. .zvm-bg-5 { background-color: #efef00; }
  149. .zvm-fg-6 { color: #006bb5; }
  150. .zvm-bg-6 { background-color: #006bb5; }
  151. .zvm-fg-7 { color: #f0f; }
  152. .zvm-bg-7 { background-color: #f0f; }
  153. .zvm-fg-8 { color: #00efef; }
  154. .zvm-bg-8 { background-color: #00efef; }
  155. .zvm-fg-9 { color: #fff; }
  156. .zvm-bg-9 { background-color: #fff; }
  157. .zvm-fg-10 { color: #b5b5b5; }
  158. .zvm-bg-10 { background-color: #b5b5b5; }
  159. .zvm-fg-11 { color: #8c8c8c; }
  160. .zvm-bg-11 { background-color: #8c8c8c; }
  161. .zvm-fg-12 { color: #5a5a5a; }
  162. .zvm-bg-12 { background-color: #5a5a5a; }