API tools faq
paste
Advertisement
Guest User

/cow/ 9/11 css

a guest
Sep 11th, 2016
119
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.57 KB | None | 0 0
raw download clone embed print report
  1. /*
  2. FILE ARCHIVED ON 15:25:23 Sep 11, 2015 AND RETRIEVED FROM THE
  3. INTERNET ARCHIVE ON 14:15:59 Sep 11, 2016.
  4. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.
  5.  
  6. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
  7. SECTION 108(a)(3)).
  8. */
  9.  
  10. @import url(https://fonts.googleapis.com/css?family=Press+Start+2P);
  11.  
  12. body {
  13. background-size: 50% 100%;
  14. color: #d8d8d8;
  15. margin: 0 auto;
  16. padding: 0;
  17.  
  18. background-image: linear-gradient(left, red, orange, yellow, green, blue, indigo, violet, indigo, blue, green, yellow, orange, red);
  19. animation: slide 0.5s forwards linear infinite;
  20.  
  21. background-image: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet, indigo, blue, green, yellow, orange, red);
  22. -moz-animation: slide 0.5s forwards linear infinite;
  23.  
  24. background-image: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet, indigo, blue, green, yellow, orange, red);
  25. -webkit-animation: slide 0.5s forwards linear infinite;
  26. }
  27.  
  28. /* Bigger Off-site Banner */
  29. .board_image {
  30. background-image: url('https://i.imgur.com/GAvdRI0.jpg');
  31. height: 0;
  32. width: 0;
  33. padding: 136px 242px;
  34. }
  35.  
  36. /* 789chan purge ban */
  37. span.public_ban {
  38. font-family:'Press Start 2P', cursive;
  39. line-height: 125%;
  40. text-shadow:
  41. 1px 1px 0 #ff0000,
  42. 2px 2px 0 #00ff00,
  43. 3px 3px 0 #0000ff,
  44. 4px 4px 0 #ff0000,
  45. 5px 5px 0 #00ff00,
  46. 6px 6px 0 #0000ff,
  47. 7px 7px 0 #ff0000,
  48. 8px 8px 0 #00ff00,
  49. 9px 9px 0 #0000ff,
  50. 10px 10px 0 #ff0000,
  51. 11px 12px 0 #00ff00,
  52. 12px 12px 0 #0000ff,
  53. 13px 13px 0 #ff0000,
  54. 14px 14px 0 #00ff00,
  55. 15px 15px 0 #0000ff,
  56. 16px 16px 0 #ff0000,
  57. -1px 1px 0 #ff0000,
  58. -2px 2px 0 #00ff00,
  59. -3px 3px 0 #0000ff,
  60. -4px 4px 0 #ff0000,
  61. -5px 5px 0 #00ff00,
  62. -6px 6px 0 #0000ff,
  63. -7px 7px 0 #ff0000,
  64. -8px 8px 0 #00ff00,
  65. -9px 9px 0 #0000ff,
  66. -10px 10px 0 #ff0000,
  67. -11px 12px 0 #00ff00,
  68. -12px 12px 0 #0000ff,
  69. -13px 13px 0 #ff0000,
  70. -14px 14px 0 #00ff00,
  71. -15px 15px 0 #0000ff,
  72. -16px 16px 0 #ff0000,
  73. 1px -1px 0 #ff0000,
  74. 2px -2px 0 #00ff00,
  75. 3px -3px 0 #0000ff,
  76. 4px -4px 0 #ff0000,
  77. 5px -5px 0 #00ff00,
  78. 6px -6px 0 #0000ff,
  79. 7px -7px 0 #ff0000,
  80. 8px -8px 0 #00ff00,
  81. 9px -9px 0 #0000ff,
  82. 10px -10px 0 #ff0000,
  83. 11px -12px 0 #00ff00,
  84. 12px -12px 0 #0000ff,
  85. 13px -13px 0 #ff0000,
  86. 14px -14px 0 #00ff00,
  87. 15px -15px 0 #0000ff,
  88. 16px -16px 0 #ff0000,
  89. -1px -1px 0 #ff0000,
  90. -2px -2px 0 #00ff00,
  91. -3px -3px 0 #0000ff,
  92. -4px -4px 0 #ff0000,
  93. -5px -5px 0 #00ff00,
  94. -6px -6px 0 #0000ff,
  95. -7px -7px 0 #ff0000,
  96. -8px -8px 0 #00ff00,
  97. -9px -9px 0 #0000ff,
  98. -10px -10px 0 #ff0000,
  99. -11px -12px 0 #00ff00,
  100. -12px -12px 0 #0000ff,
  101. -13px -13px 0 #ff0000,
  102. -14px -14px 0 #00ff00,
  103. -15px -15px 0 #0000ff,
  104. -16px -16px 0 #ff0000 !important;
  105. }
  106.  
  107. /* Rainbow Shadow Headings */
  108. span.heading {
  109. animation: rainbold 1s linear infinite;
  110. color: red;
  111. font-size: 1.5em;
  112. /* letter-spacing: 0.33em; */
  113. margin-left: 6px;
  114. text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet;
  115. }
  116.  
  117. /* /cow/ thread backgrounds with confetti */
  118. .desktop-style body {
  119. max-width: 1024px;
  120. }
  121.  
  122. .thread {
  123. background-image: url("https://i.imgur.com/YkjzZn8.gif"), -moz-linear-gradient(top,#330000,#330000 180px);
  124. background-image: url("https://i.imgur.com/YkjzZn8.gif"), -webkit-linear-gradient(top,#330000,#330000 180px);
  125. /* background-position: top left, top left;
  126. background-attachment: fixed, static; */
  127. padding: 12px;
  128. }
  129.  
  130. /* 9/11 Favorite Star */
  131. #favorite-star {
  132. visibility: hidden !important;
  133. }
  134.  
  135. #favorite-star:after {
  136. position: relative !important;
  137. right: 16px;
  138. content: "✈▐▐";
  139. visibility: visible !important;
  140. }
  141.  
  142. /* Glowing Dubs */
  143. a[href$="00"], a[href$="11"], a[href$="22"], a[href$="33"], a[href$="44"], a[href$="55"], a[href$="66"], a[href$="77"], a[href$="88"], a[href$="99"] {
  144. text-shadow: 0px 0px 0.2em #FFFFBE, 0px 0px 0.2em #FFFFBE;
  145. font-weight: 600;
  146. color: #FFD700 !important;
  147. }
  148.  
  149. /* Glowing Trips */
  150. a[href$="000"], a[href$="111"], a[href$="222"], a[href$="333"], a[href$="444"], a[href$="555"], a[href$="666"], a[href$="777"], a[href$="888"], a[href$="999"] {
  151. text-shadow: 0px 0px 0.3em #FFFFBE, 0px 0px 0.3em #FFFFBE;
  152. font-weight: 700;
  153. color: #FFD700 !important;
  154. }
  155.  
  156. /* Glowing Quads */
  157. a[href$="0000"], a[href$="1111"], a[href$="2222"], a[href$="3333"], a[href$="4444"], a[href$="5555"], a[href$="6666"], a[href$="7777"], a[href$="8888"], a[href$="9999"] {
  158. text-shadow: 0px 0px 0.4em #FFFFBE, 0px 0px 0.4em #FFFFBE;
  159. font-weight: 800;
  160. color: #FFD700 !important;
  161. }
  162.  
  163. /* Glowing Quints */
  164. a[href$="00000"], a[href$="11111"], a[href$="22222"], a[href$="33333"], a[href$="44444"], a[href$="55555"], a[href$="66666"], a[href$="77777"], a[href$="88888"], a[href$="99999"] {
  165. text-shadow: 0px 0px 0.5em #FFFFBE, 0px 0px 0.5em #FFFFBE;
  166. font-weight: 900;
  167. color: #FFD700 !important;
  168. }
  169.  
  170. /* Spinning White Blotter */
  171. div.blotter {
  172. animation: spin 2.75s linear infinite;
  173. color: white;
  174. font-size: 150px;
  175. text-shadow: 0px 0px 25px black;
  176. pointer-events: none;
  177. }
  178.  
  179. /* Party Hats */
  180. p.fileinfo::before{
  181. content:url('/web/20150911152523/https://i.imgur.com/WszDsnI.gif');
  182. position:absolute;
  183. margin:-100px 0 0 -10px;
  184. pointer-events: none;
  185. }
  186.  
  187. /* Static Boardlist*/
  188. .desktop-style div.boardlist:not(.bottom) {
  189. position: static !important;
  190. box-shadow: none !important;
  191. background-color: transparent !important;
  192. }
  193.  
  194. a {
  195. text-decoration:none;
  196. color:#f8c20f;
  197. }
  198.  
  199. a[href$="mailto:sage"] {
  200. text-decoration: underline;
  201. }
  202.  
  203. a:link, a:visited, p.intro a.email span.name {
  204. color: #f8c20f;
  205. }
  206.  
  207. a:link:hover{
  208. color:#784818;
  209. }
  210.  
  211. div.ban {
  212. background-color: #333;
  213. border: 1px solid #222;
  214. }
  215.  
  216. div.ban h2 {
  217. background-color: #222;
  218. color: #F8C20F;
  219. margin-bottom: 11px;
  220. }
  221.  
  222. div.ban h3 {
  223. color: #AF0A0F;
  224. padding: 3px 7px;
  225. }
  226.  
  227. div.ban li {
  228. padding-bottom: 3px;
  229. padding-right: 7px;
  230. }
  231.  
  232. div.ban p {
  233. padding: 7px;
  234. }
  235.  
  236. div.ban strong {
  237. color: #AF0A0F;
  238. font-size: 11pt;
  239. font-weight: bold;
  240. padding: 3px 7px;
  241. }
  242.  
  243. div.boardlist {
  244. background-color: #333;
  245. color: #222;
  246. padding: 8px;
  247. }
  248.  
  249. div.pages {
  250. color: #222;
  251. background: none repeat scroll 0% 0% #333;
  252. display: inline;
  253. padding: 8px;
  254. border-right: 1px solid #222;
  255. border-bottom: 1px solid #222;
  256. }
  257.  
  258. div.post.reply {
  259. background: #333;
  260. border-color: #222;
  261. }
  262.  
  263. div.post.reply div.body a {
  264. color: #f8c20f;
  265. }
  266.  
  267. div.post.reply.highlighted {
  268. background: #555;
  269. }
  270.  
  271. .theme-catalog div.thread:hover {
  272. background: none repeat scroll 0% 0% #333;
  273. border-color: #222;
  274. }
  275.  
  276. form table tr th {
  277. background: none repeat scroll 0% 0% #333;
  278. }
  279.  
  280. header h1 {
  281. color: #F8C20F;
  282. text-shadow: 0px 0px 0.8em #F00, 0px 0px 0.8em #F00;
  283. }
  284.  
  285. hr {
  286. border-color: #222;
  287. }
  288.  
  289. img.banner, img.board_image {
  290. border: none;
  291. }
  292.  
  293. p.intro span.name {
  294. color: #F8C20F;
  295. font-weight: bold;
  296. }
  297.  
  298. p.intro span.subject {
  299. color: #D00;
  300. }
  301.  
  302. p.intro span.trip {
  303. color: #F8C20F;
  304. }
  305.  
  306. #options_div, #alert_div {
  307. background: #333;
  308. }
  309.  
  310. table.modlog tr th {
  311. background: none repeat scroll 0% 0% #222;
  312. color: #F8C20F;
  313. }
  314.  
  315. table tbody tr:nth-of-type( even ) {
  316. background-color: transparent;
  317. }
  318.  
  319. /* Keyframes */
  320. @keyframes slide {
  321. from { background-position: top left; }
  322. to { background-position: top right; }
  323. }
  324.  
  325. @-moz-keyframes slide {
  326. from { background-position: top left; }
  327. to {background-position: top right; }
  328. }
  329.  
  330. @-webkit-keyframes slide {
  331. from { background-position: top left; }
  332. to { background-position: top right; }
  333. }
  334.  
  335. @keyframes spin {
  336. from { transform: rotate(0deg); }
  337. to { transform: rotate(360deg); }
  338. }
  339.  
  340. @-moz-keyframes spin {
  341. from { -moz-transform: rotate(0deg); }
  342. to { -moz-transform: rotate(360deg); }
  343. }
  344.  
  345. @-webkit-keyframes spin {
  346. from { -webkit-transform: rotate(0deg); }
  347. to { -webkit-transform: rotate(360deg); }
  348. }
  349.  
  350. @keyframes rainbold {
  351. 0% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }
  352. 14% { color: orange; text-shadow: -1px 0px yellow, -2px 0px green, -3px 0px blue, -4px 0px indigo, -5px 0px violet, -6px 0px red; }
  353. 28% { color: yellow; text-shadow: -1px 0px green, -2px 0px blue, -3px 0px indigo, -4px 0px violet, -5px 0px red, -6px 0px orange; }
  354. 43% { color: green; text-shadow: -1px 0px blue, -2px 0px indigo, -3px 0px violet, -4px 0px red, -5px 0px orange, -6px 0px yellow; }
  355. 57% { color: blue; text-shadow: -1px 0px indigo, -2px 0px violet, -3px 0px red, -4px 0px orange, -5px 0px yellow, -6px 0px green; }
  356. 71% { color: indigo; text-shadow: -1px 0px violet, -2px 0px red, -3px 0px orange, -4px 0px yellow, -5px 0px green, -6px 0px blue; }
  357. 85% { color: violet; text-shadow: -1px 0px red, -2px 0px orange, -3px 0px yellow, -4px 0px green, -5px 0px blue, -6px 0px indigo; }
  358. 100% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }
  359.  
  360. @-moz-keyframes rainbold {
  361. 0% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }
  362. 14% { color: orange; text-shadow: -1px 0px yellow, -2px 0px green, -3px 0px blue, -4px 0px indigo, -5px 0px violet, -6px 0px red; }
  363. 28% { color: yellow; text-shadow: -1px 0px green, -2px 0px blue, -3px 0px indigo, -4px 0px violet, -5px 0px red, -6px 0px orange; }
  364. 43% { color: green; text-shadow: -1px 0px blue, -2px 0px indigo, -3px 0px violet, -4px 0px red, -5px 0px orange, -6px 0px yellow; }
  365. 57% { color: blue; text-shadow: -1px 0px indigo, -2px 0px violet, -3px 0px red, -4px 0px orange, -5px 0px yellow, -6px 0px green; }
  366. 71% { color: indigo; text-shadow: -1px 0px violet, -2px 0px red, -3px 0px orange, -4px 0px yellow, -5px 0px green, -6px 0px blue; }
  367. 85% { color: violet; text-shadow: -1px 0px red, -2px 0px orange, -3px 0px yellow, -4px 0px green, -5px 0px blue, -6px 0px indigo; }
  368. 100% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }
  369.  
  370. @-webkit-keyframes rainbold {
  371. 0% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }
  372. 14% { color: orange; text-shadow: -1px 0px yellow, -2px 0px green, -3px 0px blue, -4px 0px indigo, -5px 0px violet, -6px 0px red; }
  373. 28% { color: yellow; text-shadow: -1px 0px green, -2px 0px blue, -3px 0px indigo, -4px 0px violet, -5px 0px red, -6px 0px orange; }
  374. 43% { color: green; text-shadow: -1px 0px blue, -2px 0px indigo, -3px 0px violet, -4px 0px red, -5px 0px orange, -6px 0px yellow; }
  375. 57% { color: blue; text-shadow: -1px 0px indigo, -2px 0px violet, -3px 0px red, -4px 0px orange, -5px 0px yellow, -6px 0px green; }
  376. 71% { color: indigo; text-shadow: -1px 0px violet, -2px 0px red, -3px 0px orange, -4px 0px yellow, -5px 0px green, -6px 0px blue; }
  377. 85% { color: violet; text-shadow: -1px 0px red, -2px 0px orange, -3px 0px yellow, -4px 0px green, -5px 0px blue, -6px 0px indigo; }
  378. 100% { color: red; text-shadow: -1px 0px orange, -2px 0px yellow, -3px 0px green, -4px 0px blue, -5px 0px indigo, -6px 0px violet; }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!