Guest User

cow.css

a guest
Sep 4th, 2018
344
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /* This stylesheet is based on germany.css for Kusaba X.
  2. It must be used in tandem with Yotsuba B. */
  3.  
  4. /* Rainbow Shadow Headings */
  5. span.heading {
  6. animation: rainbold 1s linear infinite;
  7. color: red;
  8. font-size: 1.5em;
  9. /* letter-spacing: 0.33em; */
  10. margin-left: 6px;
  11. text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet;
  12. }
  13.  
  14. /* Board title modification
  15. h1:before {
  16. content: "/pig/ - Lolpigs";
  17. color: #F8C20F;
  18. font-family: tahoma;
  19. font-size: 20pt;
  20. text-shadow: 0px 0px 0.8em #F00, 0px 0px 0.8em #F00;
  21. pointer-events: all;
  22. } */
  23.  
  24. /* Favorite star modification */
  25. #favorite-star {
  26. visibility: hidden !important;
  27. }
  28.  
  29. #favorite-star[style^="color: grey;"] {
  30. color: #777 !important;
  31. }
  32.  
  33. #favorite-star[style^="color: yellow;"] {
  34. color: #C08955 !important; /* from microsoft emoji color */
  35. }
  36.  
  37. #favorite-star:after {
  38. position: relative !important;
  39. right: 16px;
  40. content: "🐮";
  41. visibility: visible !important;
  42. }
  43.  
  44. /* Party Hats
  45. p.fileinfo::before{
  46. content:url('https://media.8ch.net/cow/src/1418807901351.gif');
  47. position:absolute;
  48. margin:-100px 0 0 -10px;
  49. pointer-events: none;
  50. } */
  51.  
  52. body {
  53. background: #330000;
  54. background:-moz-linear-gradient(top,#ff0000,#330000 180px); /* firefox prefers -webkit- in 46.0a2 */
  55. background:-webkit-gradient(linear,0 0,0 80,from(#ff0000),to(#330000));
  56. background: linear-gradient(to bottom,#FF0000,#330000 180px);
  57. background-attachment: local;
  58. height: 100%;
  59. color: #d8d8d8;
  60. /* Confetti
  61. background-image: url("https://i.imgur.com/pgRnZyL.gif"), -moz-linear-gradient(top,#ff0000,#330000 180px);
  62. background-image: url("https://i.imgur.com/pgRnZyL.gif"), -webkit-gradient(linear,0 0,0 80,from(#ff0000),to(#330000));
  63. background-position: top left, top left;
  64. background-attachment: fixed, static; */
  65. }
  66.  
  67. a {
  68. text-decoration:none;
  69. color:#f8c20f;
  70. }
  71.  
  72. a[href$="mailto:sage"] {
  73. text-decoration: underline;
  74. }
  75.  
  76. a:link, a:visited, p.intro a.email span.name {
  77. color: #f8c20f;
  78. }
  79.  
  80. a:link:hover{
  81. color:#784818;
  82. }
  83. /* Bigger Off-site Banner
  84. .board_image {
  85. background-image: url('https://i.imgur.com/0tq5LZT.png');
  86. height: 0;
  87. width: 0;
  88. padding: 75px 300px;
  89. } */
  90.  
  91. /* new in-thread boardlist rule */
  92. .desktop-style div.boardlist:not(.bottom) {
  93. position: static !important;
  94. box-shadow: none !important;
  95. background-color: transparent !important;
  96. }
  97.  
  98. /* old in-thread boardlist rule */
  99. .desktop-style div.boardlist:nth-child(1) {
  100. position: static !important;
  101. box-shadow: none !important;
  102. background-color: transparent !important;
  103. }
  104.  
  105. div.ban {
  106. background-color: #333;
  107. border: 1px solid #222;
  108. }
  109.  
  110. div.ban h2 {
  111. background-color: #222;
  112. color: #F8C20F;
  113. margin-bottom: 11px;
  114. }
  115.  
  116. div.ban h3 {
  117. color: #AF0A0F;
  118. padding: 3px 7px;
  119. }
  120.  
  121. div.ban li {
  122. padding-bottom: 3px;
  123. padding-right: 7px;
  124. }
  125.  
  126. div.ban p {
  127. padding: 7px;
  128. }
  129.  
  130. div.ban strong {
  131. color: #AF0A0F;
  132. font-size: 11pt;
  133. font-weight: bold;
  134. padding: 3px 7px;
  135. }
  136.  
  137. div.boardlist {
  138. background-color: #333;
  139. color: #222;
  140. padding: 8px;
  141. }
  142.  
  143. div.pages {
  144. color: #222;
  145. background: none repeat scroll 0% 0% #333;
  146. display: inline;
  147. padding: 8px;
  148. border-right: 1px solid #222;
  149. border-bottom: 1px solid #222;
  150. }
  151.  
  152. div.post.reply {
  153. background: #333;
  154. border-color: #222;
  155. }
  156.  
  157. div.post.reply div.body a {
  158. color: #f8c20f;
  159. }
  160.  
  161. div.post.reply.highlighted {
  162. background: #555;
  163. }
  164.  
  165. .theme-catalog div.thread:hover {
  166. background: none repeat scroll 0% 0% #333;
  167. border-color: #222;
  168. }
  169.  
  170. form table tr th {
  171. background: none repeat scroll 0% 0% #333;
  172. }
  173.  
  174. /* modified for /pig/ */
  175. header h1 {
  176. color: #F8C20F;
  177. /* color: rgba(248,194,15,0) !important; same yellow color made transparent */
  178. text-shadow: 0px 0px 0.8em #F00, 0px 0px 0.8em #F00;
  179. /* text-shadow: 0px 0px 0.8em rgba(255,0,0,0), 0px 0px 0.8em rgba(255,0,0,0); same red color made transparent */
  180. /* font-size: 0pt !important; also causes the favstar to disappear */
  181. }
  182.  
  183. hr {
  184. border-color: #222;
  185. }
  186.  
  187. img.banner, img.board_image {
  188. border: none;
  189. }
  190.  
  191. p.intro span.name {
  192. color: #F8C20F;
  193. font-weight: bold;
  194. }
  195.  
  196. p.intro span.subject {
  197. color: #D00;
  198. }
  199.  
  200. p.intro span.trip {
  201. color: #F8C20F;
  202. }
  203.  
  204. #options_div, #alert_div {
  205. background: #333;
  206. }
  207.  
  208. table.modlog tr th {
  209. background: none repeat scroll 0% 0% #222;
  210. color: #F8C20F;
  211. }
  212.  
  213. table tbody tr:nth-of-type( even ) {
  214. background-color: transparent;
  215. }
  216.  
  217. @keyframes rainbold {
  218. 0% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }
  219. 14% { color: orange; text-shadow: -1px 0px yellow, -2px 0px green, -3px 0px blue, -4px 0px indigo, -5px 0px violet, -6px 0px red; }
  220. 28% { color: yellow; text-shadow: -1px 0px green, -2px 0px blue, -3px 0px indigo, -4px 0px violet, -5px 0px red, -6px 0px orange; }
  221. 43% { color: green; text-shadow: -1px 0px blue, -2px 0px indigo, -3px 0px violet, -4px 0px red, -5px 0px orange, -6px 0px yellow; }
  222. 57% { color: blue; text-shadow: -1px 0px indigo, -2px 0px violet, -3px 0px red, -4px 0px orange, -5px 0px yellow, -6px 0px green; }
  223. 71% { color: indigo; text-shadow: -1px 0px violet, -2px 0px red, -3px 0px orange, -4px 0px yellow, -5px 0px green, -6px 0px blue; }
  224. 85% { color: violet; text-shadow: -1px 0px red, -2px 0px orange, -3px 0px yellow, -4px 0px green, -5px 0px blue, -6px 0px indigo; }
  225. 100% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }
  226.  
  227. @-moz-keyframes rainbold {
  228. 0% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }
  229. 14% { color: orange; text-shadow: -1px 0px yellow, -2px 0px green, -3px 0px blue, -4px 0px indigo, -5px 0px violet, -6px 0px red; }
  230. 28% { color: yellow; text-shadow: -1px 0px green, -2px 0px blue, -3px 0px indigo, -4px 0px violet, -5px 0px red, -6px 0px orange; }
  231. 43% { color: green; text-shadow: -1px 0px blue, -2px 0px indigo, -3px 0px violet, -4px 0px red, -5px 0px orange, -6px 0px yellow; }
  232. 57% { color: blue; text-shadow: -1px 0px indigo, -2px 0px violet, -3px 0px red, -4px 0px orange, -5px 0px yellow, -6px 0px green; }
  233. 71% { color: indigo; text-shadow: -1px 0px violet, -2px 0px red, -3px 0px orange, -4px 0px yellow, -5px 0px green, -6px 0px blue; }
  234. 85% { color: violet; text-shadow: -1px 0px red, -2px 0px orange, -3px 0px yellow, -4px 0px green, -5px 0px blue, -6px 0px indigo; }
  235. 100% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }
  236.  
  237. @-webkit-keyframes rainbold {
  238. 0% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }
  239. 14% { color: orange; text-shadow: -1px 0px yellow, -2px 0px green, -3px 0px blue, -4px 0px indigo, -5px 0px violet, -6px 0px red; }
  240. 28% { color: yellow; text-shadow: -1px 0px green, -2px 0px blue, -3px 0px indigo, -4px 0px violet, -5px 0px red, -6px 0px orange; }
  241. 43% { color: green; text-shadow: -1px 0px blue, -2px 0px indigo, -3px 0px violet, -4px 0px red, -5px 0px orange, -6px 0px yellow; }
  242. 57% { color: blue; text-shadow: -1px 0px indigo, -2px 0px violet, -3px 0px red, -4px 0px orange, -5px 0px yellow, -6px 0px green; }
  243. 71% { color: indigo; text-shadow: -1px 0px violet, -2px 0px red, -3px 0px orange, -4px 0px yellow, -5px 0px green, -6px 0px blue; }
  244. 85% { color: violet; text-shadow: -1px 0px red, -2px 0px orange, -3px 0px yellow, -4px 0px green, -5px 0px blue, -6px 0px indigo; }
  245. 100% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }
RAW Paste Data