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.

241 lines
5.1KB

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