API tools faq
paste
Guest User

cow.css

a guest
Sep 4th, 2018
855
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.91 KB | None | 0 0
raw download clone embed print report
  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; }
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!