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.

448 lines
6.8KB

  1. body {
  2. background-color: #171C4E;
  3. background-image: url('img/luna_bg1.png'), url('img/luna_bg2.png');
  4. background-repeat: no-repeat, repeat-x;
  5. background-attachment: fixed, scroll;
  6. background-position: right bottom, 0% 0%;
  7. font-family: sans-serif;
  8. font-size: 12px;
  9. color:#ffffff;
  10. margin: 0 8px;
  11. padding-left: 5px;
  12. padding-right: 5px;
  13. }
  14. table * {
  15. margin: 0;
  16. }
  17. a, a:visited {
  18. text-decoration: none;
  19. color: #0091ff;;
  20. }
  21. a, a:selected {
  22. text-decoration: bold;
  23. color: #ffffff;
  24. }
  25. a:hover, .intro a.post_no:hover {
  26. color: #ffffff;
  27. }
  28. a.post_no {
  29. text-decoration: none;
  30. margin: 0;
  31. padding: 0;
  32. }
  33. .intro a.post_no {
  34. color: inherit;
  35. }
  36. .intro a.post_no, p.intro a.email {
  37. margin: 0;
  38. }
  39. .intro a.email span.name {
  40. color: #0091ff;
  41. }
  42. .intro a.email:hover span.name {
  43. color: #ffffff;
  44. }
  45. .intro label {
  46. display: inline;
  47. }
  48. h2 {
  49. color: #0091ff;
  50. font-size: 11pt;
  51. margin: 0;
  52. padding: 0;
  53. }
  54. header {
  55. margin: 1em 0;
  56. }
  57. h1 {
  58. color: #0091ff;
  59. letter-spacing: -2px;
  60. font-size: 20pt;
  61. margin: 0;
  62. }
  63. header div.subtitle, h1 {
  64. color: #FFFFFF;
  65. text-align: center;
  66. }
  67. header div.subtitle {
  68. font-size: 8pt;
  69. }
  70. form {
  71. margin-bottom: 4em;
  72. }
  73. form table {
  74. margin: auto;
  75. }
  76. form table input {
  77. height: auto;
  78. }
  79. input[type="text"], input[type="password"], textarea {
  80. border: 1px solid #a9a9a9;
  81. text-indent: 0;
  82. text-shadow: none;
  83. text-transform: none;
  84. word-spacing: normal;
  85. box-shadow: 3px 3px 3px #111;
  86. border-radius: 10px;
  87. }
  88. form table tr td {
  89. text-align: left;
  90. margin: 0;
  91. padding: 0;
  92. }
  93. form table.mod tr td {
  94. padding: 2px;
  95. }
  96. form table tr th {
  97. text-align: left;
  98. padding: 4px;
  99. }
  100. form table tr th {
  101. background: #000000;
  102. }
  103. form table tr td div {
  104. text-align: center;
  105. float: left;
  106. padding-left: 3px;
  107. }
  108. form table tr td div input {
  109. display: block;
  110. margin: 2px auto 0 auto;
  111. border-radius: 10px;
  112. }
  113. form table tr td div label {
  114. font-size: 10px;
  115. }
  116. .unimportant, .unimportant * {
  117. font-size: 10px;
  118. }
  119. p.fileinfo {
  120. display: block;
  121. margin: 0;
  122. padding-right: 7em;
  123. border-radius: 10px;
  124. }
  125. div.banner {
  126. background-color: #000000;
  127. font-size: 12pt;
  128. font-weight: bold;
  129. text-align: center;
  130. margin: 1em 0;
  131. }
  132. div.banner, div.banner a {
  133. color: #aaa;
  134. }
  135. div.banner a:hover {
  136. color: #000000;
  137. text-decoration: none;
  138. }
  139. img.banner, img.board_image {
  140. float: none;
  141. border: 1px solid #a9a9a9;
  142. margin: 12px auto 0 auto;
  143. }
  144. img {
  145. display: block;
  146. float: left;
  147. margin: 10px 20px;
  148. border: none;
  149. }
  150. div.post img {
  151. padding: 5px;
  152. margin: 5px 20px 0 0;
  153. }
  154. div.post img.icon {
  155. display: inline;
  156. float: none;
  157. margin: 0 5px;
  158. padding: 0;
  159. }
  160. div.post.op {
  161. margin-right: 20px;
  162. margin-bottom: 5px;
  163. border-radius: 10px;
  164. }
  165. div.post.op hr {
  166. border-color: #040934;
  167. }
  168. .intro {
  169. margin: 0.5em 0;
  170. padding: 0;
  171. padding-bottom: 0.2em;
  172. }
  173. input.delete {
  174. float: left;
  175. margin: 1px 6px 0 0;
  176. }
  177. .intro span.subject {
  178. color: #CCCCEE;
  179. font-weight: bold;
  180. }
  181. .intro span.name {
  182. color: #BBBBDD;
  183. font-weight: bold;
  184. }
  185. .intro span.capcode, p.intro a.capcode, p.intro a.nametag {
  186. color: #CCCCEE;
  187. margin-left: 0;
  188. }
  189. .intro a {
  190. margin-left: 8px;
  191. }
  192. div.delete {
  193. float: right;
  194. }
  195. div.post.reply p {
  196. margin: 0.3em 0 0 0;
  197. }
  198. div.post.reply div.body {
  199. margin-left: 1.8em;
  200. margin-top: 0.8em;
  201. padding-right: 3em;
  202. padding-bottom: 0.3em;
  203. }
  204. div.post.reply.highlighted {
  205. background: #000000;
  206. }
  207. div.post.reply div.body a {
  208. color: #0091FF;
  209. }
  210. div.post {
  211. max-width: 97%;
  212. }
  213. div.post div.body {
  214. word-wrap: break-word;
  215. white-space: pre-wrap;
  216. }
  217. div.post.reply {
  218. margin-right: 20px;
  219. margin-bottom: 5px;
  220. padding: 5px;
  221. border: 1px #353868 solid;
  222. background: rgba(53, 56, 104, 0.6) !important;
  223. box-shadow: 2px 2px 2px #353868;
  224. display: inline-block;
  225. border-radius: 10px;
  226. }
  227. span.trip {
  228. color: #DDDDDD;
  229. }
  230. span.quote {
  231. color: #5AE22F;
  232. }
  233. span.omitted {
  234. display: block;
  235. margin-top: 1em;
  236. }
  237. br.clear {
  238. clear: left;
  239. display: block;
  240. }
  241. span.controls {
  242. float: right;
  243. margin: 0;
  244. padding: 0;
  245. font-size: 80%;
  246. }
  247. span.controls.op {
  248. float: none;
  249. margin-left: 10px;
  250. }
  251. span.controls a {
  252. margin: 0;
  253. }
  254. div#wrap {
  255. width: 900px;
  256. margin:0 auto;
  257. }
  258. div.ban {
  259. background: #070C3E;
  260. border: 1px solid #00;
  261. max-width: 700px;
  262. margin: 30px auto;
  263. }
  264. div.ban p, div.ban h2 {
  265. padding: 3px 7px;
  266. }
  267. div.ban h2 {
  268. background: #000;
  269. color: #FFF;
  270. font-size: 12pt;
  271. }
  272. div.ban p {
  273. font-size: 12px;
  274. margin-bottom: 12px;
  275. }
  276. div.ban p.reason {
  277. font-weight: bold;
  278. }
  279. span.heading {
  280. color: #000;
  281. font-size: 11pt;
  282. font-weight: bold;
  283. }
  284. span.spoiler {
  285. background: black;
  286. color: black;
  287. padding: 0px 1px;
  288. }
  289. div.post.reply div.body span.spoiler a {
  290. color: black;
  291. }
  292. span.spoiler:hover, div.post.reply div.body span.spoiler:hover a {
  293. color: white;
  294. }
  295. div.styles {
  296. color: #B7C5D9;
  297. background: #353868;
  298. display: inline;
  299. padding: 8px;
  300. border-right: 1px solid #000000;
  301. border-bottom: 1px solid #000000;
  302. float: right;
  303. }
  304. div.styles a {
  305. text-decoration: none;
  306. }
  307. div.styles a.selected {
  308. color: #FFF;
  309. font-weight: bolder;
  310. }
  311. div.styles form {
  312. margin: 0;
  313. padding: 0;
  314. display: inline;
  315. }
  316. table.test {
  317. width: 100%;
  318. }
  319. table.test td, table.test th {
  320. text-align: left;
  321. padding: 5px;
  322. }
  323. table.test tr.h th {
  324. background: #000;
  325. }
  326. table.test td img {
  327. margin: 0;
  328. }
  329. fieldset label {
  330. display: block;
  331. }
  332. fieldset legend {
  333. background: black;
  334. color: white;
  335. border: 1px solid #000
  336. }
  337. div.pages {
  338. color: #B7C5D9;
  339. background: #353868;
  340. display: inline;
  341. padding: 8px;
  342. border-right: 1px solid #000000;
  343. border-bottom: 1px solid #000000;
  344. }
  345. div.pages a.selected {
  346. color: #FFF;
  347. font-weight: bolder;
  348. }
  349. div.pages a {
  350. text-decoration: none;
  351. }
  352. div.pages form {
  353. margin: 0;
  354. padding: 0;
  355. display: inline;
  356. }
  357. div.pages form input {
  358. margin: 0 5px;
  359. display: inline;
  360. }
  361. hr {
  362. border: none;
  363. border-top: 1px solid #000000;
  364. height: 0;
  365. clear: left;
  366. }
  367. div.boardlist {
  368. color: #B7C5D9;
  369. background: #353868;
  370. padding: 4px;
  371. border-right: 1px solid #000000;
  372. border-bottom: 1px solid #000000;
  373. text-align: center;
  374. }
  375. div.boardlist.bottom {
  376. margin-top: 20px;
  377. }
  378. div.boardlist a {
  379. text-decoration: none;
  380. }
  381. div.boardlist a.selected {
  382. color: #FFF;
  383. font-weight: bolder;
  384. }
  385. div.report {
  386. color: #333;
  387. }
  388. table.modlog {
  389. margin: auto;
  390. width: 100%;
  391. }
  392. table.modlog tr td {
  393. text-align: left;
  394. margin: 0;
  395. padding: 4px 15px 0 0;
  396. }
  397. table.modlog tr th {
  398. text-align: left;
  399. padding: 4px 15px 5px 5px;
  400. white-space: nowrap;
  401. }
  402. table.modlog tr th {
  403. background: #000;
  404. }
  405. td.minimal, th.minimal {
  406. width: 1%;
  407. white-space: nowrap;
  408. }
  409. div.top_notice {
  410. text-align: center;
  411. margin: 5px auto;
  412. }
  413. span.public_ban {
  414. display: block;
  415. color: red;
  416. font-weight: bold;
  417. margin-top: 15px;
  418. }
  419. span.toolong {
  420. display: block;
  421. margin-top: 15px;
  422. }
  423. div.blotter {
  424. color: red;
  425. font-weight: bold;
  426. text-align: center;
  427. }
  428. table.mod.config-editor {
  429. font-size: 9pt;
  430. width: 100%;
  431. }
  432. table.mod.config-editor td {
  433. text-align: left;
  434. padding: 5px;
  435. border-bottom: 1px solid #000;
  436. }
  437. table.mod.config-editor input[type="text"] {
  438. width: 98%;
  439. }
  440. .desktop-style div.boardlist:nth-child(1):hover, .desktop-style div.boardlist:nth-child(1).cb-menu {
  441. background-color: inherit;
  442. }
  443. .desktop-style .sub {
  444. background: none;
  445. }