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.

227 line
5.5KB

  1. /* greenddark.css by Z Blanche */
  2. body {
  3. background:#1b1b1b;
  4. background-image: url(''), url('');
  5. background-repeat: no-repeat;
  6. background-attachment: fixed, scroll;
  7. background-position: right bottom, 100% 100%;
  8. font-family: arial,helvetica,sans-serif;
  9. font-size: 12pt;
  10. color: #C0C0C0;
  11. cursor: default;
  12. margin: 0 8px;
  13. padding-left: 5px;
  14. padding-right: 5px;
  15. }
  16. div.boardlist {
  17. text-align: center;
  18. }
  19. div.post.reply {
  20. margin-right: px;
  21. margin-bottom: px;
  22. background: #222;
  23. border: 0;
  24. padding: 6px;
  25. border-radius: 6px;
  26. box-shadow:
  27. display:
  28. }
  29. /*media screen*/
  30. a, a:visited {
  31. text-decoration: underline;
  32. color:#008080
  33. }
  34. button, input[type=submit], input[type=button] {
  35. cursor: pointer;
  36. border-radius: 5px;
  37. border: 0;
  38. padding: 6px;
  39. }
  40. h1, .subtitle a, .subtitle {
  41. color: #0df211!important;
  42. }
  43. input[type="text"], textarea, input[type=password] {
  44. background: #32d23;
  45. border-radius: 25px;
  46. }
  47. form table tr th {
  48. background: transparent;
  49. }
  50. .post {
  51. padding: 6px;
  52. }
  53. img {
  54. border-radius: 22px; }
  55. hr {
  56. opacity:0.2;
  57. }
  58. label, .subject{
  59. color:#AAA!important;
  60. }
  61. .name{
  62. color:#!important;
  63. }
  64. div.pages {
  65. border:0;
  66. background:none;
  67. color: #fff!important;
  68. }
  69. div.pages a.selected {
  70. color: #ff69b4!important;
  71. padding: 4px;
  72. text-decoration: none;
  73. }
  74. div.pages a {
  75. color: #fafafa!important;
  76. padding: 4px;
  77. text-decoration: none;
  78. }
  79. .subtitle a {
  80. display: block;
  81. margin: 7px auto 7px auto;
  82. font-size: 15px;
  83. text-decoration: none;
  84. border: 1px solid #0df211;
  85. padding: 5px;
  86. border-radius: 7px;
  87. max-width: 100px;
  88. }
  89. input[type=text], input[type=password] {
  90. padding: 5px;
  91. font-size: 15px;
  92. }
  93. textarea {
  94. resize:vertical;
  95. max-height: 400px;
  96. width: 250px;
  97. padding: 5px;
  98. font-size: 15px;
  99. }
  100. @-webkit-keyframes Pulse {
  101. from { background-color: #007d9a;
  102. -webkit-box-shadow: 0 0 9px #333; }
  103. 50% { background-color: #2daebf;
  104. -webkit-box-shadow: 0 0 18px #2daebf; }
  105. to { background-color: #007d9a;
  106. -webkit-box-shadow: 0 0 9px #333; }
  107. }
  108. .board_image {
  109. -webkit-animation-name: Pulse;
  110. -webkit-animation-duration: 3s;
  111. -webkit-animation-iteration-count: infinite;
  112. -webkit-transform: rotate(5deg);
  113. }
  114. @-webkit-keyframes shakey {
  115. 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
  116. 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
  117. 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
  118. 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
  119. 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
  120. 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
  121. 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
  122. 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
  123. 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
  124. 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
  125. 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
  126. }
  127. button:hover, input[type=submit]:hover, input[type=button]:hover,
  128. button:focus, input[type=submit]:focus, input[type=button]:focus
  129. {
  130. -webkit-animation-name: shakey;
  131. -webkit-animation-duration: 0.1s;
  132. -webkit-transform-origin:50% 50%;
  133. -webkit-animation-iteration-count: infinite;
  134. -webkit-animation-timing-function: linear;
  135. background-color: #2daebf;
  136. }
  137. button, input[type=submit], input[type=button] {
  138. -webkit-animation-name: Pulse;
  139. -webkit-animation-duration: 2s;
  140. -webkit-animation-iteration-count: infinite;
  141. color: #ffd;
  142. }
  143. div.ban {
  144. background: #222;
  145. background-image: url(''), url('');
  146. background-repeat: no-repeat;
  147. background-attachment: fixed, scroll;
  148. background-position: right bottom, 100% 100%;
  149. color:#fff;
  150. border: 0;
  151. border-radius: 6px;
  152. padding: 6px;
  153. }
  154. .desktop-style div.boardlist, .desktop-style div.boardlist:hover {
  155. background:#333!important;
  156. border: 0!important;
  157. }
  158. .theme-catalog div.grid-size-small:hover {
  159. background: #333!important;
  160. }
  161. #options_div {
  162. background: #222!important;
  163. }
  164. select {
  165. background:#333;
  166. color:#eee;
  167. cursor:pointer;
  168. border-radius: 4px;
  169. border: 1px #222 solid;
  170. padding: 4px;
  171. }
  172. ::-webkit-scrollbar {
  173. width: 6px;
  174. height: 8px;
  175. background: #333;
  176. box-shadow: none;
  177. }
  178. ::-webkit-scrollbar-track {
  179. -webkit-box-shadow: none;
  180. background: none;
  181. }
  182. ::-webkit-scrollbar-thumb {
  183. background: #ddd;
  184. width: 6px;
  185. padding: 4px;
  186. border-radius: 10px;
  187. -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.5);
  188. }
  189. header div.subtitle {
  190. font-size: 12pt
  191. }
  192. .desktop-style div.boardlist, .desktop-style div.boardlist:hover {
  193. background: #1b1b1b!important;
  194. }
  195. div.post.reply.highlighted {
  196. background: #FFFFFF;
  197. }
  198. div.banner {
  199. background-color: #1b1b1b;
  200. }
  201. div.blotter {
  202. color: green;
  203. font-weight: bold;
  204. text-align: center;
  205. }
  206. div.post.reply div.body a {
  207. color: #AAA;
  208. }
  209. p.intro a.email span.name {
  210. color: #cdaf95;
  211. }
  212. div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover {
  213. color: #32DD72;
  214. }
  215. p.intro span.capcode,p.intro a.capcode,p.intro a.nametag {
  216. color: #F00000;
  217. margin-left: 0;
  218. }
  219. table tbody tr:nth-of-type( even ) {
  220. background-color: #1b1b1b;
  221. }
  222. div.bar {
  223. background-color: #1b1b1b!important;
  224. }