The version of vichan running on lainchan.org
選択できるのは25トピックまでです。 トピックは、先頭が英数字で、英数字とダッシュ('-')を使用した35文字以内のものにしてください。

483 行
10.0KB

  1. DIV.announcement.apr212015.board-owners-or-users-feel-free-to-hide
  2. {color: #fff;}
  3. form table tr td {
  4. background-color: rgb(43, 43, 43);}
  5. /*monoelains ez css for VIP quality imageboards. steal this .css and edit it to your liking. */
  6. /*Bottom bar settings for lainchan.org CSS theft by kalyx*/
  7. .bar {
  8. -moz-box-shadow: 0 0 0px #d1d5ee;
  9. -webkit-box-shadow: 0 0 0px #d1d5ee;
  10. box-shadow: 0 0 0px #d1d5ee;
  11. display: table;
  12. position: fixed;
  13. width: 100%;
  14. left: 0px;
  15. z-index: 3;
  16. background-color: #35363b;
  17. border-color: #39d958;
  18. }
  19. .bar.bottom {
  20. bottom: 0px;
  21. border-top: 1px solid #333333;
  22. background-color: #1A1A1A !important;
  23. }
  24. /* OPTION HIDING */
  25. /*removes footer (STI pls dont sue)
  26. footer {
  27. display:none;
  28. color: #ffffff;
  29. }
  30. /* hides AA in catalog */
  31. .theme-catalog span.aa {
  32. display: none !important;
  33. }
  34. /* hides expand all images */
  35. #expand-all-images {
  36. display: none;
  37. }
  38. /* hides hints*/
  39. .hint {
  40. display: none;
  41. }
  42. /* hides horizontal bar */
  43. hr {
  44. display: none;
  45. }
  46. /*banner stuff*/
  47. img.banner, img.board_image {
  48. border: 1px solid #989898;
  49. background-color: #B2A50F;
  50. display: ;
  51. box-shadow: 3px 5px #989898;
  52. margin: 30px auto 0px;
  53. margin-top: 50px;
  54. }
  55. /* hides delete options (obsolete) */
  56. div.delete {
  57. display: none;
  58. }
  59. /*makes files align vertically (hw pls fix this shit)*/
  60. .file {
  61. display: block;
  62. margin-right: 11px;
  63. }
  64. /*expanded image border/shadow*/
  65. .full-image {
  66. border-top-right-radius: 0;
  67. box-shadow: 3px 5px #2e8b57;
  68. border: solid 1px #2e8b57;
  69. border-bottom-right-radius: 0;
  70. border-bottom-left-radius: 0;
  71. border-top-left-radius: 0;
  72. padding: 5px;
  73. margin: 0px 0px 0px;
  74. border-radius: 0;
  75. max-width: 80% !important;
  76. float: none;
  77. background-color: #2b2b2b;
  78. }
  79. /*gives quick reply its border/shadow*/
  80. #quick-reply table {
  81. background: none repeat scroll 0 0 #2b2b2b;
  82. border: 1px solid #989898;
  83. margin: 0;
  84. box-shadow: 3px 5px #989898;
  85. width: auto !important;
  86. }
  87. /*makes posting form maroon*/
  88. form table tr th {
  89. background-color: #2e8b57;
  90. color: #2b2b2b;
  91. font-family: "Lucida Console", Monaco, monospace;
  92. }
  93. /*gives images border/shadow*/
  94. div.files img.post-image {
  95. box-shadow: 3px 5px #4D4D4D;
  96. background-color: #2b2b2b;
  97. border: solid 1px #4D4D4D;
  98. padding: 0px;
  99. border-radius: 0;
  100. margin-bottom: 5px;
  101. }
  102. /* makes Youtube thumbs not obscenely big */
  103. div.video-container {
  104. width: auto !important;
  105. height: auto !important;
  106. max-height: 50% !important;
  107. max-width: 50% !important;
  108. }
  109. /* Image thumbs size limit (make as big as you want)*/
  110. .post-image {
  111. border: solid 1px #2e8b57;
  112. height: auto !important;
  113. width: auto !important;
  114. max-height: 60%;
  115. max-width: 60%;
  116. box-shadow: 3px 5px #2e8b57;
  117. padding: 5px;
  118. background-color: #2b2b2b;
  119. }
  120. /* Keep small thumbnails in replies */
  121. .post.reply a:not([data-expanded="true"]) .post-image {
  122. width: auto !important;
  123. height: auto !important;
  124. max-height: 60%;
  125. max-width: 60%;
  126. }
  127. /* reply box size */
  128. .input[type="text"], textarea {
  129. min-height: 117px;
  130. min-width: 240px;
  131. }
  132. /*boardwide font stuff goes here also background image*/
  133. body {
  134. padding: 0;
  135. font-family: "Lucida Console", Monaco, monospace;
  136. font-size: 14px;
  137. background: url("../static/rRLs7q4.png") fixed repeat top #000000;
  138. float: left;
  139. margin-left: 10px;
  140. margin-right: 35px;
  141. }
  142. /*saves one pixel of space*/
  143. header {
  144. margin-bottom: 0px;
  145. }
  146. /*gives posting table its border/shadow*/
  147. form table {
  148. max-width: 500px;
  149. min-width: 100%
  150. display: inline-block;
  151. margin: 5px auto;
  152. background-color: #2b2b2b;
  153. border: solid 1px #989898;
  154. color: #61CE3C;
  155. padding: 5px;
  156. box-shadow: 3px 3px #989898 !important;
  157. }
  158. /*gives threads its border/shadow*/
  159. div[id^="thread_"] {
  160. background-color: #1A1A1A;
  161. color: #61CE3C;
  162. margin-bottom: 20px;
  163. padding: 10px;
  164. border: solid 1px #7b68ee;
  165. width: 100%;
  166. box-shadow: 3px 5px #7b68ee;
  167. }
  168. /*adds horizontal bar below subject*/
  169. p.intro {
  170. background-image: "../static/Ua5aMb0.png";
  171. background-repeat: repeat-x;
  172. background-position: bottom;
  173. padding-bottom: 7px;
  174. }
  175. /*gives replies border/shadow*/
  176. div.post.reply {
  177. max-width: 95% !important;
  178. box-shadow: 3px 5px #2e8b57;
  179. padding: 4px;
  180. margin-top: 9px;
  181. border: solid 1px #2e8b57;
  182. background-color: #2b2b2b;
  183. }
  184. /*unfucks highlighting replies and gives border/shadow*/
  185. div.post.reply.highlighted {
  186. background-color: #2b2b2b;
  187. border: solid 1px #93e0e3;
  188. box-shadow: 3px 5px #93e0e3;
  189. }
  190. /*dont touch this*/
  191. div.body {
  192. display: block;
  193. clear: both;
  194. padding-top: 10px;
  195. }
  196. /*makes page bar have border/shadow*/
  197. div.pages {
  198. box-shadow: 3px 5px #2e8b57;
  199. width: 100%;
  200. display: block;
  201. clear: both;
  202. border: solid 1px #2e8b57;
  203. /*background-color: #2b2b2b;*/
  204. }
  205. /*hovered links have underline*/
  206. a:hover {
  207. text-decoration: underline;
  208. }
  209. /*stops textbox resizing shenanigans*/
  210. .input[type="text"], textarea {
  211. font-size: 14px;
  212. max-width: 9000px;
  213. font-family: "Lucida Console", Monaco, monospace;
  214. min-height: 115px;
  215. min-width: 270px;
  216. background-color: #1A1A1A;
  217. color: #61CE3C;
  218. }
  219. input {
  220. background-color: #1A1A1A;
  221. color: #61CE3C;
  222. }
  223. select {
  224. background-color: #1A1A1A;
  225. color: #61CE3C;
  226. }
  227. /*boardname nice font. replace with something classy someday*/
  228. header div.subtitle, h1 {
  229. font-family: "Lucida Console", Monaco, monospace;
  230. color: #cc0000;
  231. }
  232. /*announcement font and color*/
  233. div.blotter {
  234. padding: 15px;
  235. color: #cc0000;
  236. font-family: "Lucida Console", Monaco, monospace;
  237. }
  238. /*makes links red*/
  239. a {
  240. color: #c80b63;
  241. text-decoration: none;
  242. }
  243. /*top boardlist stuff. change position to "fixed" to make it behave like normal 8chan*/
  244. div.boardlist:not(.bottom) {
  245. background-color: #1A1A1A !important;
  246. text-align: center;
  247. padding: 5px 1px;
  248. letter-spacing: -2px;
  249. color: #989898;
  250. font-size: 11px;
  251. border-bottom: double 3px #989898 !important;
  252. position:fixed;
  253. }
  254. /*favorites in a new line*/
  255. div.boardlist span.favorite-boards {
  256. display: ;
  257. }
  258. @-moz-document url-prefix() {
  259. div.boardlist {
  260. word-spacing:-1px !important;
  261. }
  262. }
  263. /*subject color*/
  264. p.intro span.subject {
  265. color: #7b68ee;
  266. }
  267. /*bottom boardlist centered*/
  268. div.boardlist.bottom {
  269. text-align: center;
  270. background-color: #1A1A1A;
  271. border: solid 1px #989898;
  272. box-shadow: 3px 7px #989898;
  273. width: 100%;
  274. margin: 15px;
  275. }
  276. /*colors name*/
  277. p.intro span.name {
  278. color: #989898;
  279. font-family: ;
  280. }
  281. /*catalog stuff*/
  282. .theme-catalog div.thread {
  283. background-color: #2b2b2b;
  284. color: #61CE3C;
  285. border: solid 1px #2e8b57;
  286. }
  287. .theme-catalog div.thread:hover {
  288. background-color: #383838;
  289. border: solid 1px #2e8b57;
  290. }
  291. span.trip {
  292. color: rgb(34, 136, 84);
  293. }
  294. #updater, #thread-links {
  295. background-color: #2b2b2b;
  296. border:solid 1px #989898;
  297. padding: 5px;
  298. margin: 5px;
  299. box-shadow: 3px 5px #989898;
  300. color: #989898;
  301. }
  302. A#update_thread
  303. {color: #ffffff;}
  304. A#thread-catalog
  305. {color: #ffffff;}
  306. A#thread-top
  307. {color: #ffffff;}
  308. A#thread-return
  309. {color: #ffffff;}
  310. div.banner {
  311. width: 380px;
  312. display:block;
  313. margin-left:auto;
  314. margin-right:auto;
  315. }
  316. #quick-reply th .close-btn{
  317. color:#ffffff;
  318. }
  319. div.post-hover {
  320. border: solid 1px #2e8b57;
  321. box-shadow: 3px 5px #2e8b57;
  322. max-width: 50%;
  323. }
  324. span.subject:after { content: '\A'; white-space:pre; }
  325. SPAN.controls.op:before { content: '\A'; white-space:pre; }
  326. a:visited {color: #97094b}
  327. .quote {color: #93e0e3;}
  328. a:hover,p.intro a.post_no:hover {
  329. color: #ff0000 !important;
  330. }
  331. p.intro {color: #989898}
  332. p.intro a {color: #ffffff !important}
  333. A.post_no {color:#989898}
  334. p.fileinfo
  335. {color: #989898 !important}
  336. p.fileinfo a:link{
  337. color: #989898;
  338. } !important;
  339. max-width: 50%;
  340. }
  341. span.subject:after { content: '\A'; white-space:pre; }
  342. SPAN.controls.op:before { content: '\A'; white-space:pre; }
  343. a:visited {color: #97094b}
  344. p.intro {color: #989898}
  345. p.intro a {color: #ffffff !important}
  346. A.post_no {color:#989898}
  347. p.fileinfo
  348. {color: #989898 !important}
  349. p.fileinfo a:link{
  350. color: #989898;
  351. }
  352. DIV#thread_stats
  353. {
  354. border: solid 1px #989898;
  355. box-shadow: 3px 5px #989898;
  356. color: #989898;
  357. }
  358. DIV.file-hint
  359. {background-color: #383838;}
  360. div.dropzone
  361. {background-color: #383838;
  362. color: #ffffff}
  363. #options_div
  364. {background-color: #383838; color: #61CE3C;
  365. }
  366. div.options_tab_icon
  367. {color: #61CE3C;}
  368. div.options_tab_icon.active
  369. {color: #ffffff;}
  370. #filter-container
  371. {background-color: #707070;
  372. color: #ffffff;}
  373. #treeview
  374. {display:none}
  375. span.heading
  376. {color: #FF6400}
  377. body > footer:nth-child(19)
  378. {color: #ffffff;}
  379. div.boardlist a {color: #ffffff;}
  380. form table tr th {
  381. color: #ffffff !important;
  382. }
  383. p.intro a.email span.name{color: #c80b63}
  384. p.intro span.capcode {color: #FBDE2D}
  385. p.intro span.capcode:before {font-family: MS PGothic; content: "( ´∀`) 🔰"}
  386. label {display:none}
  387. div.post-menu {color: #ffffff}
  388. @media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
  389. div.boardlist:not(.bottom) {position: static;}
  390. body { min-width: 100%;}
  391. }