The version of vichan running on lainchan.org
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.

224 lines
4.5KB

  1. /**
  2. * dark.css
  3. * For AwsumChan by Circlepuller
  4. modified by yuuko and kalyx
  5. */
  6. body {
  7. background: #1e1e1e;
  8. color: #999999;
  9. font-family: sans-serif;
  10. font-size: 12px;
  11. }
  12. span.quote {
  13. color:#B87DF5;
  14. }
  15. div.blotter {
  16. color: #8725EC;
  17. }
  18. @font-face {
  19. font-family: 'lain';
  20. src: url('./fonts/nrdyyh.woff') format('woff'),
  21. url('./fonts/tojcxo.TTF') format('truetype');
  22. }
  23. h1 {
  24. font-family: 'lain', tahoma;
  25. letter-spacing: -2px;
  26. font-size: 18pt;
  27. }
  28. h1 {
  29. font-size: 20pt;
  30. text-align: center;
  31. letter-spacing: -2px;
  32. color: #8725EC;
  33. }
  34. h2 {
  35. font-size: 20pt;
  36. text-align: center;
  37. color: #8725EC;
  38. }
  39. header div.subtitle {
  40. color: #8725EC;
  41. }
  42. div.title {
  43. color: #8725EC;
  44. font-family: Arial, Helvetica, sans-serif;
  45. }
  46. div.title p {
  47. font-size: 10px;
  48. }
  49. a:link, a:visited, p.intro a.email span.name {
  50. color: #CCCCCC;
  51. text-decoration: none;
  52. font-family: sans-serif;
  53. }
  54. a:link, a:visited, p.intro a.email span.name, input, textarea, .post {
  55. -moz-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color;
  56. -webkit-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color;
  57. -khtml-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color;
  58. -o-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color;
  59. -ms-transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color;
  60. transition: 0.15s text-shadow, 0.15s border-color, 0.15s background-color, 0.15s color;
  61. }
  62. a:link:hover, a:visited:hover {
  63. color: #8725EC;
  64. font-family: sans-serif;
  65. text-decoration: none;
  66. text-shadow: 0px 0px 5px #fff;
  67. }
  68. a.post_no {
  69. color: #AAA;
  70. text-decoration: none;
  71. }
  72. p.intro a.post_no:hover {
  73. color: #8725EC!important;
  74. }
  75. div.post.reply {
  76. background: #333333;
  77. border: #555555 1px solid;
  78. }
  79. div.post.reply.highlighted {
  80. background: #555;
  81. border: transparent 1px solid;
  82. }
  83. div.post.reply div.body a:link, div.post.reply div.body a:visited {
  84. color: #CCCCCC;
  85. }
  86. div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover {
  87. color: #8725EC;
  88. }
  89. p.intro span.subject {
  90. font-size: 12px;
  91. font-family: sans-serif;
  92. color: #664445;
  93. font-weight: 800;
  94. }
  95. p.intro span.name {
  96. color: #8725EC;
  97. font-weight: 800;
  98. }
  99. p.intro a.capcode, p.intro a.nametag {
  100. color: magenta;
  101. margin-left: 0;
  102. }
  103. p.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name {
  104. color: #8725EC;
  105. }
  106. input[type="text"], textarea, select {
  107. background: #333333;
  108. color: #CCCCCC;
  109. border: #666666 1px solid;
  110. }
  111. input[type="password"] {
  112. background: #333333;
  113. color: #CCCCCC;
  114. border: #666666 1px solid;
  115. }
  116. form table tr th {
  117. background: #333333;
  118. color: #AAAAAA;
  119. font-weight: 600;
  120. text-align: left;
  121. }
  122. div.banner {
  123. background: #E04000;
  124. border: 1px solid hsl(17, 100%, 60%);
  125. color: #EEE;
  126. text-align: center;
  127. height: 17px;
  128. width: calc(100% - 4px);
  129. padding: 3px 1px;
  130. margin-left: auto;
  131. margin-right: auto;
  132. }
  133. div.banner a {
  134. color:#000;
  135. }
  136. input[type="submit"] {
  137. background: #333333;
  138. border: #666 1px solid;
  139. color: #CCCCCC;
  140. }
  141. input[type="submit"]:hover {
  142. background: #555;
  143. border: #888 1px solid;
  144. color: #8725EC;
  145. }
  146. input[type="text"]:focus, textarea:focus {
  147. border:#888 1px solid;
  148. }
  149. p.fileinfo a:hover {
  150. text-decoration: underline;
  151. }
  152. span.trip {
  153. color: #AAA;
  154. }
  155. div.pages {
  156. color: #AAA;
  157. background: #333;
  158. border: #666 1px solid;
  159. font-family: sans-serif;
  160. font-size: 10pt;
  161. }
  162. div.pages a.selected {
  163. color: #CCC;
  164. }
  165. hr {
  166. height: 1px;
  167. border: #333 1px solid;
  168. }
  169. div.boardlist {
  170. color: #999;
  171. background-color: rgba(12%, 12%, 12%, 0.10);
  172. }
  173. div.ban {
  174. background-color: transparent;
  175. border: transparent 0px solid;
  176. }
  177. div.ban h2 {
  178. background: transparent;
  179. color: #8725EC;
  180. font-size: 12px;
  181. }
  182. table.modlog tr th {
  183. background: #333;
  184. color: #AAA;
  185. }
  186. .desktop-style div.boardlist:nth-child(1) {
  187. text-shadow: black 1px 1px 1px, black -1px -1px 1px, black -1px 1px 1px, black 1px -1px 1px;
  188. }
  189. .desktop-style div.boardlist:nth-child(1):hover, .desktop-style div.boardlist:nth-child(1).cb-menu {
  190. background-color: rgba(30%, 30%, 30%, 0.65);
  191. }
  192. div.report {
  193. color: #666;
  194. }
  195. .pages, .board_image, input, .reply, form table th, textarea, a img, select, .banner{
  196. -webkit-border-radius: 2px;
  197. -khtml-border-radius: 2px;
  198. -moz-border-radius: 2px;
  199. -o-border-radius: 2px;
  200. -ms-border-radius: 2px;
  201. border-radius: 2px;
  202. }
  203. .blur {
  204. filter: blur(20px);
  205. -webkit-filter: blur(23px);
  206. -moz-filter: blur(23px);
  207. -o-filter: blur(23px);
  208. -ms-filter: blur(23px);
  209. filter: url(svg/blur.svg#blur);
  210. }