キケッツ掲示板のリポジトリです. https://bbs.kekec.wiki
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

241 lines
3.0 KiB

  1. html
  2. {
  3. font-size: 24px;
  4. font-family: "Helvetica Neue", "Helvetica", "Segoe UI", "Arial",
  5. "JPAGothic", "IPAGothic",
  6. "Hiragino Sans", "Hiragino Kaku Gothic ProN",
  7. "Yu Gothic", "Meiryo", "MS Gothic",
  8. sans-serif;
  9. width: 960px;
  10. text-align: justify;
  11. margin: auto;
  12. punctuation-trim: adjacent;
  13. }
  14. em
  15. {
  16. font-style: normal;
  17. font-size: 120%;
  18. font-weight: bold;
  19. color: red;
  20. font-family: "Helvetica Neue", "Helvetica", "Segoe UI", "Arial",
  21. "JPAGothic", "IPAGothic",
  22. "Hiragino Sans", "Hiragino Kaku Gothic ProN",
  23. "Yu Gothic", "Meiryo", "MS Gothic",
  24. sans-serif;
  25. }
  26. .miteruzochan
  27. {
  28. white-space: nowrap;
  29. }
  30. section
  31. {
  32. margin-bottom: 3em;
  33. }
  34. p:not(.noindent)
  35. {
  36. text-indent: 1em;
  37. }
  38. p
  39. {
  40. margin: 0 2em;
  41. line-height: 3em;
  42. }
  43. .copy
  44. {
  45. font-size: 200%;
  46. font-weight: bold;
  47. font-style: italic;
  48. text-align: center;
  49. font-family: "Times New Roman",
  50. "JPAMincho", "IPAMincho", "Hiragino Mincho ProN",
  51. "Yu Mincho", "MS Mincho",
  52. serif;
  53. margin: 1em 0;
  54. }
  55. footer
  56. {
  57. font-size: 16px;
  58. color: dimgray;
  59. text-align: center;
  60. line-height: 2em;
  61. padding-bottom: 24px;
  62. }
  63. footer > div
  64. {
  65. margin: 24px 0;
  66. }
  67. .copyright
  68. {
  69. text-align: center;
  70. margin: 24px 0;
  71. }
  72. footer a
  73. {
  74. color: darkslategray;
  75. }
  76. a
  77. {
  78. text-decoration: none;
  79. }
  80. div.paragraph
  81. {
  82. margin-bottom: 1.5em;
  83. }
  84. table
  85. {
  86. margin: auto;
  87. }
  88. tr:nth-child(odd)
  89. {
  90. background-color: lightgray;
  91. }
  92. th, td
  93. {
  94. padding: 8px 16px;
  95. }
  96. #title
  97. {
  98. text-align: left;
  99. display: inline-block;
  100. }
  101. #translate
  102. {
  103. text-align: right;
  104. display: inline-block;
  105. width: 288px;
  106. }
  107. header
  108. {
  109. display: flex;
  110. justify-content: space-between;
  111. align-items: center;
  112. }
  113. button, input
  114. {
  115. font-size: 24px;
  116. }
  117. body
  118. {
  119. background-color: aquamarine;
  120. }
  121. table
  122. {
  123. margin: 24px auto 40px;
  124. }
  125. td
  126. {
  127. padding: 8px;
  128. }
  129. table, td
  130. {
  131. border: solid 1px;
  132. background-color: white;
  133. }
  134. #paint
  135. {
  136. margin-bottom: 64px;
  137. }
  138. #paint > div
  139. {
  140. margin: 24px auto;
  141. }
  142. h1, .illust
  143. {
  144. text-align: center;
  145. }
  146. .radio
  147. {
  148. /* width: 704px; */
  149. /* display: inline-block; */
  150. vertical-align: middle;
  151. line-height: 1.5em;
  152. /* margin: auto; */
  153. }
  154. .button-area, .canvas-area
  155. {
  156. text-align: center;
  157. }
  158. .canvas-area
  159. {
  160. width: 480px;
  161. height: 480px;
  162. max-width: 100%;
  163. position: relative;
  164. padding: 0;
  165. box-sizing: content-box;
  166. }
  167. .canvas-area:before
  168. {
  169. content: "";
  170. display: block;
  171. padding-top: 100%;
  172. }
  173. .canvas-area > canvas
  174. {
  175. position: absolute;
  176. left: 0;
  177. top: 0;
  178. border: 1px solid;
  179. max-width: 100%;
  180. box-sizing: content-box;
  181. padding: 0;
  182. margin: 0;
  183. }
  184. .modal {
  185. display: none;
  186. position: fixed;
  187. z-index: 1;
  188. left: 0;
  189. top: 0;
  190. width: 100%;
  191. height: 100%;
  192. background-color: rgba(0, 0, 0, 0.4);
  193. }
  194. .modal-content {
  195. background-color: #fff;
  196. margin: 15% auto;
  197. padding: 20px;
  198. border: 1px solid #888;
  199. width: 400px;
  200. text-align: center;
  201. }
  202. @media only screen and (max-width: 600px) {
  203. .modal-content {
  204. width: 70%;
  205. }
  206. }