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.

386 lines
6.4KB

  1. /**
  2. * heavy_ice.css
  3. * by kalyx
  4. *stole some shit from monoelain thnx
  5. */
  6. body
  7. {
  8. display:block;
  9. padding-top: 26px;
  10. background: #0d1010;
  11. color: #d2e7e8;
  12. font-family: sans-serif;
  13. font-size: 13px;
  14. max-width: 568px;
  15. }
  16. div.boardlist{
  17. background-color: #000!important;
  18. }
  19. html {
  20. /* Size of largest container or bigger */
  21. background:#0d1010;
  22. max-width: 568px;
  23. margin-left: auto;
  24. margin-right: auto;
  25. }
  26. /*banner*/
  27. .board_image{
  28. border: double 0px #d2e7e8;
  29. box-shadow: 2px 2px #d2e7e8;
  30. }
  31. /*gives images border/shadow*/
  32. div.files img.post-image {
  33. border: solid 1px #d2e7e8;
  34. box-shadow: 2px 2px #d2e7e8;
  35. padding: 0px;
  36. border-radius: 0;
  37. margin-bottom: 5px;
  38. }
  39. div.sidearrows{
  40. display: none;
  41. }
  42. span.quote
  43. {
  44. color:#e8d928;
  45. }
  46. @font-face
  47. {
  48. font-family: 'lain';
  49. src: url('./fonts/nrdyyh.woff') format('woff'),
  50. url('./fonts/tojcxo.TTF') format('truetype');
  51. }
  52. h1
  53. {
  54. display: none;
  55. font-family: 'lain', tahoma;
  56. letter-spacing: -2px;
  57. font-size: 42px;
  58. text-align: center;
  59. color: #d2e7e8;
  60. }
  61. header div.subtitle
  62. {
  63. display: none;
  64. color: #d2e7e8;
  65. font-size: 13px;
  66. margin-left: auto;
  67. margin-right: auto;
  68. max-width:385px;
  69. }
  70. div.title
  71. {
  72. display: none;
  73. color: #e8d928;
  74. font-family: Arial, Helvetica, sans-serif;
  75. }
  76. div.title p
  77. {
  78. font-size: 8px;
  79. color: #e8d928;
  80. }
  81. a:link, a:visited, p.intro a.email span.name
  82. {
  83. color: #d2e7e8;
  84. text-transform: uppercase;
  85. font-size: 10px;
  86. text-decoration: none;
  87. font-family: sans-serif;
  88. }
  89. a:link, a:visited, p.intro a.email span.name
  90. {
  91. -moz-transition: 0.15s text-shadow, 0.15s color;
  92. -webkit-transition: 0.15s text-shadow, 0.15s color;
  93. -khtml-transition: 0.15s text-shadow, 0.15s color;
  94. -o-transition: 0.15s text-shadow, 0.15s color;
  95. -ms-transition: 0.15s text-shadow, 0.15s color;
  96. transition: 0.15s text-shadow, 0.15s color;
  97. }
  98. input[type="text"], textarea
  99. {
  100. -moz-transition: 0.15s border-color;
  101. -webkit-transition: 0.15s border-color;
  102. -khtml-transition: 0.15s border-color;
  103. -o-transition: 0.15s border-color;
  104. -ms-transition: 0.15s border-color;
  105. transition: 0.15s border-color;
  106. }
  107. input[type="submit"]
  108. {
  109. -moz-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
  110. -webkit-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
  111. -khtml-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
  112. -o-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
  113. -ms-transition: 0.15s border-color, 0.15s background-color, 0.15s color;
  114. transition: 0.15s border-color, 0.15s background-color, 0.15s color;
  115. }
  116. a:link:hover, a:visited:hover
  117. {
  118. color: #e8d928;
  119. font-family: sans-serif;
  120. text-decoration: none;
  121. text-shadow: 0px 0px 5px #d2e7e8;
  122. }
  123. a.post_no
  124. {
  125. color: #e8d928;
  126. text-decoration: none;
  127. }
  128. p.intro a.post_no:hover
  129. {
  130. color: #e8d928!important;
  131. }
  132. div.post.reply
  133. {
  134. background: #0d1010;
  135. align: center;
  136. max-width:96% !important;
  137. min-width: 96%!important;
  138. border: solid 1px #d2e7e8;
  139. box-shadow: 2px 2px #d2e7e8;
  140. }
  141. div.postcontainer
  142. {
  143. max-width:100% !important;
  144. min-width: 100%!important;
  145. }
  146. div.post.reply.highlighted
  147. {
  148. background: #1e2324;
  149. border: solid 1px #93e0e3;
  150. box-shadow: 3px 5px #5c8c8e;
  151. margin-left: auto;
  152. margin-right: auto;
  153. }
  154. div.post.reply div.body a:link, div.post.reply div.body a:visited
  155. {
  156. color: #CCCCCC;
  157. }
  158. div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover
  159. {
  160. color: #e8d928;
  161. }
  162. p.intro span.subject
  163. {
  164. font-size: 12px;
  165. font-family: sans-serif;
  166. color: #e8d928;
  167. font-weight: 800;
  168. }
  169. p.intro span.name
  170. {
  171. color: #d2e7e8;
  172. font-weight: 800;
  173. }
  174. p.intro a.capcode, p.intro a.nametag
  175. {
  176. color: magenta;
  177. margin-left: 0;
  178. }
  179. p.intro a.email, p.intro a.email span.name, p.intro a.email:hover, p.intro a.email:hover span.name
  180. {
  181. color: #d2e7e8;
  182. }
  183. input[type="text"], textarea, select
  184. {
  185. background: #0d1010!important;
  186. color: #CCCCCC!important;
  187. border: solid 1px #d2e7e8;
  188. box-shadow: 1px 1px #0d1010;
  189. margin-left: auto;
  190. margin-right: auto;
  191. }
  192. input[type="password"]
  193. {
  194. background: #0d1010!important;
  195. color: #CCCCCC!important;
  196. border: #d2e7e8 1px double!important;
  197. }
  198. form table tr th
  199. {
  200. background: #0d1010!important;
  201. color: #d2e7e8!important;
  202. border: solid 1px #d2e7e8;
  203. box-shadow: 1px 1px #0d1010;
  204. text-align: right;
  205. }
  206. div.banner
  207. {
  208. background: #E04000;
  209. border: 0px solid hsl(17, 100%, 60%);
  210. color: #EEE;
  211. text-align: center;
  212. height: 15px;
  213. padding: 1px 1px 4px 1px;
  214. margin-left: auto;
  215. margin-right: auto;
  216. }
  217. div.banner a
  218. {
  219. color:#000;
  220. }
  221. input[type="submit"]
  222. {
  223. background: #000!important;
  224. border: #666 1px solid;
  225. color: #CCCCCC;
  226. }
  227. input[type="submit"]:hover
  228. {
  229. background: #555;
  230. border: #888 1px solid;
  231. color: #e8d928;
  232. }
  233. input[type="text"]:focus, textarea:focus
  234. {
  235. border:#888 1px solid!important;
  236. }
  237. p.fileinfo a:hover
  238. {
  239. text-decoration: underline;
  240. }
  241. span.trip
  242. {
  243. color: #AAA;
  244. }
  245. .bar
  246. {
  247. background: #0c0c0c!important;
  248. -moz-box-shadow: 0 0 0px #000;
  249. -webkit-box-shadow: 0 0 0px #000;
  250. }
  251. .bar.top
  252. {
  253. border: solid 1px #d2e7e8;
  254. box-shadow: 0px 1px #d2e7e8;
  255. }
  256. .bar.bottom
  257. {
  258. border-top: 0px solid #666;
  259. border: solid 1px #d2e7e8;
  260. background-color: #000!important;
  261. }
  262. div.pages
  263. {
  264. color: #d2e7e8 ;
  265. background-color: #000!important;
  266. border: #666 0px solid;
  267. font-family: sans-serif;
  268. font-size: 10px;
  269. }
  270. div.pages a.selected
  271. {
  272. color: #d2e7e8 ;
  273. }
  274. hr
  275. {
  276. height: 0px;
  277. border: #d2e7e8 2px solid;
  278. }
  279. div.boardlist
  280. {
  281. color: #d2e7e8;
  282. }
  283. div.ban
  284. {
  285. background-color: #0d1010;
  286. border: 0px solid #555;
  287. -moz-border-radius: 2px;
  288. -webkit-border-radius: 2px;
  289. border-radius: 2px;
  290. text-align: left!important;
  291. font-size: 13px;
  292. }
  293. div.ban h2
  294. {
  295. background: #333;
  296. color: #d2e7e8;
  297. padding: 3px 7px;
  298. font-size: 12px;
  299. border-bottom: 1px solid #555;
  300. }
  301. div.ban h2:not(:nth-child(1))
  302. {
  303. border-top: 0px solid #555;
  304. }
  305. table.modlog tr th
  306. {
  307. background: #333;
  308. color: #AAA;
  309. }
  310. div.report
  311. {
  312. color: #666;
  313. }
  314. .pages, .board_image, input, .reply, form table th, textarea, a img, select, .banner
  315. {
  316. -webkit-border-radius: 2px;
  317. -khtml-border-radius: 2px;
  318. -moz-border-radius: 2px;
  319. -o-border-radius: 2px;
  320. -ms-border-radius: 2px;
  321. border-radius: 2px;
  322. }
  323. .blur
  324. {
  325. filter: blur(20px);
  326. -webkit-filter: blur(23px);
  327. -moz-filter: blur(23px);
  328. -o-filter: blur(23px);
  329. -ms-filter: blur(23px);
  330. filter: url(svg/blur.svg#blur);
  331. }
  332. /* options.js */
  333. #options_div
  334. {
  335. background: #333333;
  336. }
  337. .options_tab_icon
  338. {
  339. color: #AAAAAA;
  340. }
  341. .options_tab_icon.active
  342. {
  343. color: #FFFFFF;
  344. }
  345. .blotter
  346. {
  347. color: #e8d928!important;
  348. }