CharlesBarkleyTulpa

My custom 4chan css

Nov 8th, 2017
748
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.36 KB | None | 0 0
  1. /* Anshi Lies 4ch CSS */
  2.  
  3. /* Hide some useless things */
  4. .qr-link-container, hr, #absbot {
  5. display: none !important;
  6. }
  7.  
  8. /* Body Color*/
  9. body {
  10. background: #fff url("https://www.walldevil.com/wallpapers/w05/snow-forests-blurred-z-kai-cross-road-roads.jpg") !important;
  11. background-repeat: no-repeat !important;
  12. background-size: cover !important;
  13. background-attachment: fixed !important;
  14. background-position: center center !important;
  15. color: #fff !important;
  16. text-shadow: 1px 1px 1px #000 !important;
  17. }
  18. body a {
  19. color: #d81860 !important;
  20. }
  21.  
  22. /* Top board items */
  23. #blotter, #togglePostFormLink{
  24. margin-top: 10px !important;
  25. }
  26.  
  27. #blotter > tfoot:nth-child(3) > tr:nth-child(1) > td:nth-child(1) {
  28. text-align: center !important;
  29. padding-top: 5px !important;
  30. }
  31.  
  32. /* Nav links */
  33.  
  34.  
  35. input[type="button"], input[type="submit"] {
  36. color: #fff !important;
  37. }
  38.  
  39. /* Catalog Fix */
  40. .catalog-small {
  41. margin-top: 22px !important;
  42. }
  43.  
  44. /* Center thread out */
  45. .thread {
  46.  
  47.  
  48. margin: 30px auto !important;
  49. margin-top: 30px !important;
  50. }
  51.  
  52. /* OP (this doesnt look very good atm) */
  53.  
  54. /* .op {
  55. background: #171717 !important;
  56. padding: 20px !important;
  57. margin: 0 5px 0 -15px !important;
  58. min-height: 170px !important;
  59. } */
  60.  
  61. .boardTitle {
  62. color: #fff !important;
  63. text-shadow: 1px 1px 1px #000 !important;
  64. }
  65.  
  66. /* Name and trip colors */
  67. .name, .postertrip {
  68. color: #EE4B9F !important;
  69. font-weight: 400 !important;
  70. }
  71.  
  72. /* Subject color */
  73. .subject {
  74. color: #8D2C2C !important;
  75. }
  76.  
  77. /* Reply rice */
  78. .reply {
  79. margin-left: -15px !important;
  80. padding: 8px 14px !important;
  81.  
  82. border: none !important;
  83. box-shadow: 0px 4px 2px #0a0a0a !important;
  84.  
  85.  
  86. }
  87.  
  88. .backlink, .quotelink {
  89. color: #d81860 !important;
  90. text-decoration: none !important;
  91. }
  92.  
  93. .backlink {
  94. margin-left: 5px !important;
  95. }
  96.  
  97.  
  98.  
  99.  
  100.  
  101. .fileText a {
  102. color: #fff !important;
  103. text-decoration: none !important;
  104. }
  105. .fileText .sauce {
  106. color: #BF64BD !important;
  107. }
  108. .reply:hover .fileText {
  109. opacity: 1 !important;
  110. margin-bottom: 1px !important;
  111. }
  112.  
  113. /* Align menu to right and autohide */
  114. /*
  115. .menu-button {
  116.  
  117. color: #fff !important;
  118. opacity: 0 !important;
  119. transition: opacity 0.2s !important;
  120. }
  121. .postContainer:hover .menu-button {
  122. opacity: 1 !important;
  123. } */
  124.  
  125. /* Fix QR */
  126. #qr {
  127. color: #fff !important;
  128. background: #373737 !important;
  129. border: none !important;
  130. font-size: 12px !important;
  131. border-radius: 0 !important;
  132. padding: 2px !important;
  133. }
  134. input {
  135. color: #000 !important;
  136. font-size: 11px !important;
  137. }
  138. .move {
  139. padding: 3px !important;
  140. }
  141. .close {
  142. color: #d81860 !important;
  143. }
  144.  
  145. /* Set some background colors */
  146. .dialog:not(#thread-watcher):not(#qr) {
  147. background: #1C1C1C !important;
  148. color: #fff !important;
  149. }
  150.  
  151. body {
  152. counter-reset: you;
  153. }
  154.  
  155. a.ql-tracked:after {
  156. counter-increment: you;
  157. content:" ((You) #" counter(you) ")";
  158. }
  159.  
  160. s, s a:not(:hover) {
  161. color: rgba(255,255,255,0) !important;
  162. background: url(https://i.imgur.com/U9kweZN.gif (embed)) repeat !important;
  163. }
  164. s:hover {
  165. text-shadow: 0 0 2px black;
  166. }
Add Comment
Please, Sign In to add comment