main.css 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224
  1. body, html, video, table, div, iframe, input, textarea, img, hr, blockquote, pre {
  2. max-width: 100%;
  3. }
  4. textarea {
  5. width: 100%;
  6. }
  7. input {
  8. width: 100%; box-sizing: border-box;
  9. }
  10. #last {
  11. margin-top: 30px;
  12. }
  13. #toc {
  14. border: 1px solid; padding: 20px; width: fit-content; width: -moz-fit-content; clear: both; margin-top: 10px;
  15. }
  16. #toc-name {
  17. font-size: 18px;
  18. }
  19. table {
  20. border-collapse: collapse;
  21. }
  22. td {
  23. border: 1px solid; padding: 5px;
  24. }
  25. a {
  26. text-decoration: none;
  27. }
  28. #not_thing {
  29. color: red;
  30. }
  31. #inside, #out_link, #open {
  32. color: green;
  33. }
  34. #out_link::before {
  35. background: green; color: white; content: "E";
  36. }
  37. input[type="checkbox"], input[type="radio"] {
  38. width: auto;
  39. }
  40. #list {
  41. padding: 10px;
  42. }
  43. #toron {
  44. width: 100%;
  45. }
  46. #toron_color_green {
  47. background: #99ffcd;
  48. }
  49. #toron_color_blue {
  50. background: #ffcbf9;
  51. }
  52. #toron_color_red {
  53. background: #fecabf;
  54. }
  55. #toron_color_grey {
  56. background: gainsboro;
  57. }
  58. #toron_color_not {
  59. display: none;
  60. }
  61. #cate {
  62. border: 1px solid; padding: 5px; margin-top: 20px;
  63. }
  64. img, iframe {
  65. max-width: 100%;
  66. }
  67. pre {
  68. border: 1px solid; padding: 10px; white-space: pre-wrap;
  69. }
  70. #in {
  71. margin-left: 20px;
  72. }
  73. #out {
  74. margin-left: 5px;
  75. }
  76. s, strike, del {
  77. color: gray;
  78. }
  79. s:hover, strike:hover, del:hover {
  80. color: gray; background-color: gainsboro; text-decoration: none;
  81. }
  82. #main_table_set {
  83. width: 100%; text-align: center;
  84. }
  85. #main_table_width {
  86. width: 33.3%;
  87. }
  88. #main_table_width_half {
  89. width: 50%;
  90. }
  91. #main_table_width_quarter {
  92. width: 25%;
  93. }
  94. #redirect {
  95. border: 1px solid; padding: 10px;
  96. }
  97. body {
  98. word-break: break-all; overflow: auto;
  99. }
  100. .main_hr {
  101. border: none; margin-top: 8px; margin-bottom: 8px;
  102. }
  103. #include_link {
  104. display: none;
  105. }
  106. #toc_title {
  107. font-size: 18px;
  108. }
  109. #admin_log_search {
  110. width: 100px;
  111. }
  112. @media (max-width: 768px) {
  113. table {
  114. min-width: 100%;
  115. }
  116. .table_safe {
  117. min-width: 100%;
  118. }
  119. }
  120. #origin {
  121. display: none;
  122. }
  123. .all_in_data {
  124. display: block; width: 100%; white-space: pre-wrap;
  125. }
  126. .table_safe {
  127. max-width: 100%;
  128. }
  129. .change_space {
  130. white-space: pre-line;
  131. }
  132. #topic_scroll {
  133. max-height: 500px; overflow: scroll; -ms-overflow-style: none; scrollbar-width: none;
  134. }
  135. #topic_scroll::-webkit-scrollbar {
  136. display: none;
  137. }
  138. .hidden_link {
  139. filter: blur(3px);
  140. }
  141. .hidden_link:hover {
  142. filter: none;
  143. }
  144. .content {
  145. height: 500px;
  146. }
  147. .topic_content {
  148. height: 200px;
  149. }
  150. .spead_footnote {
  151. background-color: #efefef; color: #555; border: 1px solid #cecece;
  152. }
  153. #footnote_data {
  154. border-top: 1px solid gainsboro; padding-top: 10px;
  155. }
  156. a {
  157. color: dodgerblue;
  158. }
  159. blockquote {
  160. padding: 15px 40px 15px 15px;
  161. margin: 15px 0 0;
  162. display: table;
  163. border: 2px solid #ccc;
  164. border-left: 5px solid black;
  165. background-image: url('/views/main_css/file/quote.png');
  166. background-position: calc(100% - 10px) 10px;
  167. background-repeat: no-repeat;
  168. background-size: 25px;
  169. font-size: inherit;
  170. }
  171. hr {
  172. border-top: 1px solid lightgray;
  173. }