SHARE
TWEET

cow.css

a guest Sep 4th, 2018 214 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
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!
 
Top