API tools faq
paste
wyatt8740

Untitled

wyatt8740
Feb 23rd, 2015
373
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.09 KB | None | 0 0
raw download clone embed print report
  1. /* MySpleen */
  2.  
  3. @import url(reset.css);
  4.  
  5. /* Contents
  6. ================================================================
  7. 1: General HTML
  8. 2: Image Replacement
  9. 3: Special Links and Classes / Alert Boxes
  10. 4: Private Messages / Invites / Pagination / Login
  11. 5: Headers
  12. 6: User Stats
  13. 7: Navigation
  14. 8: Content
  15. 9: Home
  16. 10: Browse Torrents
  17. 10.a: Details / User Details
  18. 10.b: Edit user / Edit torrent
  19. 10.c: Comments
  20. 11: Profile
  21. 12: Upload / FAQ
  22. 13: PayPal Status
  23. ================================================================*/
  24. /* 1: General HTML
  25. ================================*/
  26. body {
  27. background:#000;
  28. color:#fff;
  29. font:0.7em/1.5 tahoma, helvetica, arial, sans-serif;
  30. text-align:center;
  31. }
  32. a:link, a:visited {color:#000;} a:hover, a:focus {color:#900;}
  33. h2 {
  34. font-size:10pt; font-weight: 700;
  35. text-align:left;
  36. margin:0 0 10px;
  37. color:#fff;
  38. }
  39. .frame h2, .edit-frame h2 {
  40. margin:0 -10px 10px -10px;
  41. background-color:#808080;
  42. }
  43. h3, h3 a, strong, strong * {font-weight: 700;}
  44. p {padding: 5px 0;}
  45. input, select, textarea {font:1em/1.5 tahoma, helvetica, arial, sans-serif;}
  46. .underline {text-decoration:underline;}
  47. .nobr {white-space:nowrap;}
  48. /**/
  49. /* 2: Image Replacement
  50. ================================*/
  51. #star-chk label, span.star, span.fltime, span.flsnatch, a.rss-link, td.tor-down a, td.tor-book a {
  52. display:inline-block;
  53. width:10px; height:10px;
  54. text-align:left;
  55. text-indent:-9999em;
  56. }
  57. #star-chk label, span.star {background:url(pic/star.gif) no-repeat; vertical-align:middle;}
  58. span.fltime {background:url(pic/fltime.gif) no-repeat; vertical-align:middle;}
  59. span.flsnatch {background:url(pic/flsnatch.gif) no-repeat; vertical-align:middle;}
  60. span.star, span.fltime, span.flsnatch {display:-moz-inline-block;}
  61. a.rss-link {background:url(pic/feed-icon.gif) no-repeat center;}
  62. td.tor-down a {background:url(pic/down.gif) no-repeat center; vertical-align:middle; display:-moz-inline-block;}
  63. td.tor-book a {background:url(pic/bookmark.gif) no-repeat center; vertical-align:middle; display:-moz-inline-block;}
  64. #donation-form {position:absolute; top:10px; right:10px;}
  65. #donation-form button, #donation-footer button {
  66. background:url(pic/donate.png);
  67. width:62px; height:31px;
  68. border:0;
  69. text-indent:-9999em;
  70. cursor:pointer;
  71. }
  72. #donation-form button {vertical-align:top; margin-left:5px;}
  73. #donation-footer button {margin:0 auto;}
  74. #torrents td.cat-animation,#torrents td.cat-adultswim,#torrents td.cat-cartoonnetwork,
  75. #torrents td.cat-comedy,#torrents td.cat-comedycentral,#torrents td.cat-mst3k,
  76. #torrents td.cat-mtv,#torrents td.cat-nick,#torrents td.cat-other,#torrents td.cat-starwars {
  77. display:block;
  78. background:#000;
  79. width:115px; height:20px;
  80. padding:0;
  81. text-align:left;
  82. text-indent:-9999em;
  83. }
  84. .cat-animation a{background:url(pic/categories/animation.gif) no-repeat; display:block; height:20px;}
  85. .cat-adultswim a{background:url(pic/categories/adultswim.gif) no-repeat; display:block; height:20px;}
  86. .cat-cartoonnetwork a{background:url(pic/categories/cartoonnetwork.gif) no-repeat; display:block; height:20px;}
  87. .cat-comedy a{background:url(pic/categories/comedy.gif) no-repeat; display:block; height:20px;}
  88. .cat-comedycentral a{background:url(pic/categories/comedycentral.gif) no-repeat; display:block; height:20px;}
  89. .cat-mst3k a{background:url(pic/categories/mst3k.gif) no-repeat; display:block; height:20px;}
  90. .cat-mtv a{background:url(pic/categories/mtv.gif) no-repeat; display:block; height:20px;}
  91. .cat-nick a{background:url(pic/categories/nick.gif) no-repeat; display:block; height:20px;}
  92. .cat-other a{background:url(pic/categories/other.gif) no-repeat; display:block; height:20px;}
  93. .cat-starwars a{background:url(pic/categories/starwars.gif) no-repeat; display:block; height:20px;}
  94.  
  95. /**/
  96. /* 3: Special Links and Classes / Alert Boxes
  97. ================================*/
  98. #donation-footer a:link strong {color:#600;}
  99. .hidden {display:none;}
  100. .clear {clear:/*left*/ both;}
  101. .error {background:#00f; color:#fff;}
  102. .unconnectable {color:#f00;}
  103. .peers-none {color:#900}
  104. .peers-conn {color:#070;}
  105. .peers-unconn {color:#600;}
  106. .curuser-highlight{background:#BBAF9B;}
  107. #content a.admin-edit:link, #content a.admin-edit:visited {
  108. background-color: #c0c0c0;
  109. color: #600;
  110. font-size: 0.8em;
  111. margin: 0 1px;
  112. padding: 0.2em 0.45em;
  113. border: 1px solid #333;
  114. text-decoration: none;
  115. display: inline-block;
  116. }
  117. #content a.admin-edit:hover {
  118. color: #900;
  119. border-color: #900;
  120. }
  121. #home #content a.admin-edit {
  122. border-width: 0;
  123. background-color: #b0b0b0;
  124. border-color: #a0a0a0;
  125. border-radius: 3px;
  126. -moz-border-radius: 3px;
  127. }
  128. #home #content a.admin-edit:hover {
  129. background-color: #c0c0c0;
  130. border-color: #c0c0c0;
  131. }
  132. #home #content h2 a.admin-edit {
  133. border-width: 0 0 1px 0;
  134. border-radius: 3px 3px 0 0;
  135. -moz-border-radius: 3px 3px 0 0;
  136. padding-bottom: 0;
  137. }
  138. /* Alerts */
  139. #alerts {
  140. margin:5px auto 10px;
  141. }
  142. .alert, .alert a {
  143. color:#FFF;
  144. font-weight:700;
  145. }
  146. .alert {
  147. display:inline-block;
  148. width:15em;
  149. background: #900;
  150. padding: 5px;
  151. margin:0 2px;
  152. border:1px solid #000;
  153. }
  154. #alert-reseed {background: #333;}
  155. #alert-sitenotice {background: #220000;}
  156. #alert-fl {background: #123;}
  157. #alert-rep-tor {background:#800;}
  158. #alert-rep-usr {background:#990000;}
  159. .notice { color:#800517; }
  160. /**/
  161.  
  162. /* 4: Private Messages / Invites / Comment Notifications / Pagination / Login
  163. ================================*/
  164.  
  165. #sub-nav li {
  166. border-left: 1px solid #666;
  167. display: inline-block;
  168. padding: /*0 5px*/;
  169. background-color: #999;
  170. }
  171. #sub-nav li:first-child,
  172. #sub-nav li:first-child a,
  173. #sub-nav li:first-child span,
  174. #sub-nav li:first-child strong {
  175. border-top-left-radius: 9px;
  176. border-bottom-left-radius: 9px;
  177. -moz-border-radius-topleft: 9px;
  178. -moz-border-radius-bottomleft: 9px;
  179. }
  180. #sub-nav li:last-child,
  181. #sub-nav li:last-child a,
  182. #sub-nav li:last-child span,
  183. #sub-nav li:last-child strong {
  184. border-top-right-radius: 9px;
  185. border-bottom-right-radius: 9px;
  186. -moz-border-radius-topright: 9px;
  187. -moz-border-radius-bottomright: 9px;
  188. }
  189. #sub-nav li a, #sub-nav li span, #sub-nav li strong {
  190. display: block;
  191. padding: 0.5em 1em;
  192. }
  193. #sub-nav li span, #sub-nav li strong {
  194. background-color: #aaa;
  195. font-weight: 700; /* lazy span->strong conversion */
  196. }
  197. #sub-nav li a:hover {
  198. background-color: #ccc;
  199. }
  200. #sub-nav li:first-child {border-left: none;}
  201. #inbox div.message, #sentbox div.message, #comments div.message, #notices div.message {margin:0 0 5px;}
  202. #inbox div.message img, #sentbox div.message img, #comments div.message img, #notices div.message img {max-width:600px; max-height:800px;}
  203. #inbox div.message-text, #sentbox div.message-text, #comments div.message-text, #notices div.message-text {background:#808080; padding:10px;}
  204. #comments div.message.unread div.message-text { background-color: #8080a0; }
  205. #notices .frame p {text-align: center; padding: 0;}
  206. #notices #sub-nav + h3 {margin-top: 0.5em;}
  207. /* send-message */
  208. #send-message .frame table {border: 0px none; background-color:transparent}
  209. #send-message .frame td {border: 0px none; text-align: center}
  210. #send-message .frame td.submit-area {padding: 5px 0 0;}
  211. /* Invites */
  212. #invite #content form {
  213. background: #808080;
  214. width: 450px;
  215. margin: 0 auto;
  216. padding: 10px;
  217. border: 1px solid #000;
  218. }
  219. #invite form ol {
  220. border-bottom: 1px solid #000;
  221. text-align: left;
  222. }
  223. /* Pagination */
  224. span.page-prev a, span.page-next a{font-weight: 700;padding: 0 5px;}
  225. span.page-numbers {display: block;padding: 0 0 2px;}
  226. /* Login */
  227. #login-box, #confirminvite-box, #recover-box {margin:0 auto; text-align: center; width: 20em;}
  228. #login-box input[type="text"], #confirminvite-box input[type="text"], #recover-box input[type="text"],
  229. #login-box input[type="password"], #confirminvite-box input[type="password"], #recover-box input[type="password"] {width: 19em;}
  230. #login-box label, #confirminvite-box label, #recover-box label {width: 20em; font-weight: 700;}
  231. /**/
  232. /* 5: Headers
  233. ================================*/
  234. #logo a{
  235. display:block;
  236. background:url(pic/logo.png) no-repeat;
  237. margin:0 auto;
  238. width:500px; height:100px;
  239. text-indent:-9999em;
  240. }
  241. /**/
  242. /* 6: User Stats
  243. ================================*/
  244. #user-stats a:link, #user-stats a:visited {color:#fff; text-decoration:underline;}
  245. #user-stats a:hover, #user-stats a:focus {color:#900;}
  246. #user-stats div {display:inline; background:#000; padding:0 5px; margin:0;}
  247. #user-stats .key, #user-stats .key a {font-weight:700;}
  248. /**/
  249. /* 7: Navigation
  250. ================================*/
  251. #nav a:link, #nav a:visited {color:#000; font-weight:700;}
  252. #nav a:hover, #nav a:focus {color:#900; font-weight:700;}
  253. #nav {
  254. background:#808080;
  255. margin:5px 5px 1px; padding:10px 0;
  256. font-size:1.2em; font-weight:700;
  257. }
  258. #nav li {display:inline; padding:0 10px;}
  259. /**/
  260. /* 8: Content
  261. ================================*/
  262. #content {
  263. background-color:#808080;
  264. color:#000;
  265. margin:0 5px 5px; padding:5px;
  266. }
  267. #content table {margin:5px auto; border:1px solid #000; background-color:#939393;}
  268. #content th {background:#000; color:#FFF; text-align: center; padding:0 5px; font-weight:700;}
  269. #content th a:link, #content th a:visited {color:#FFF; text-decoration:none; font-weight:700;}
  270. #content th a:hover, #content th a:focus {color:#600; text-decoration:underline;}
  271. #content th.th-name, #content th.first-th, #content td.first-td {text-align: left; white-space:nowrap;}
  272. #content td {
  273. text-align:right;
  274. height:20px;
  275. padding:0 5px;
  276. border:1px solid #000;
  277. border-top:none;
  278. white-space:nowrap;
  279. }
  280. /* usersearch */
  281. #content .admusr {
  282. border-color:#000000;
  283. }
  284. #content .admusr td {
  285. text-align:center;
  286. }
  287. .content td#admusr { text-align:center; }
  288. /* users */
  289. #users #content td { vertical-align: middle; }
  290. #users #content td img { vertical-align: middle; margin: 1px 0; }
  291. /* snatchlist */
  292. #content .snatchlist {
  293. background-color:#C0C0C0;
  294. border-color:#000000;
  295. width:400;
  296. }
  297. #content .snatchlist td {
  298. text-align:center;
  299. }
  300. .content td#sntd { text-align:center; }
  301. /* report */
  302. #content .report {
  303. background-color:#f5deb3;
  304. width:20%;
  305. }
  306. #content .report td {
  307. text-align:center;
  308. }
  309. .content td#rtd { text-align:center; }
  310. #content td a:link, #content td a:visited {color:#000; font-weight:700;}
  311. #content td a:hover, #content td a:focus {color:#600; font-weight:700;}
  312. #content div.submit-area {text-align:center;}
  313. .frame, .edit-frame {
  314. width:680px;
  315. margin:0 auto 20px; padding:0 10px /*20px*/ 5px;
  316. text-align:left;
  317. background:#C0C0C0;
  318. }
  319. #poll, .old-poll, #news #content form {text-align: center;}
  320. /* bookmarks */
  321. #bookmarks .frame {padding-bottom: 10px;}
  322. /* reseeds */
  323. #reseed-requests .frame p:last-child {margin-bottom: 5px;}
  324. /* top 10 */
  325. #top-10 #content td { vertical-align: middle; }
  326. #top-10 #content td img { vertical-align: middle; margin: 1px 0; }
  327. /**/
  328. /* 9: Home
  329. ================================*/
  330. #news-items {padding-bottom: 10px;}
  331. #news-items div {padding:10px 30px;}
  332. #news-items div.message-text {background-color:#808080; padding:10px;}
  333. #news-items p.no-news {padding: 5px;}
  334. .poll-results {
  335. width:600px;
  336. background:#808080;
  337. margin:0 auto; padding:10px;
  338. text-align:left;
  339. }
  340. #content #poll {text-align: center; padding-bottom: 10px;}
  341. #poll div {margin:10px 0 0;}
  342. #poll form {width:300px; margin:auto;}
  343. .poll-answer {float:left; width:270px; border-bottom:1px dotted #666;}
  344. .poll-chosen {color: #600;}
  345. .poll-response {margin:0 0 2px 270px; display: block;}
  346. .poll-count {width: 30px; display: inline-block; text-align: right; padding-right: 5px;}
  347. .poll-bar {border-left:solid #C6C6C6; padding:0 0 0 10px;}
  348. #stats ul {
  349. width:18em;
  350. background:#808080;
  351. margin:0 auto 5px; padding:10px 10px 5px;
  352. text-align:left;
  353. }
  354. #stats li span {float:left; font-weight:700;}
  355. #stats li span.statistic {
  356. float:none;
  357. display:block;
  358. font-weight:300;
  359. text-align:right;
  360. margin:0 0 5px 14em;
  361. border-left:1px solid #000;
  362. }
  363. .columns {
  364. width: 880px;
  365. margin: 0 auto;
  366. }
  367. .column1 {
  368. width: 580px;
  369. float: left;
  370. }
  371. .column1 .frame {
  372. width: 560px;
  373. }
  374. .column1 #news-items div { padding: 0; }
  375. .column1 #news-items div.message-text { padding: 10px; margin-bottom: 10px; }
  376. .column1 #news-items div:last-child div.message-text { margin-bottom: 5px; }
  377. .column1 #news-items { padding-bottom: 5px; }
  378. .column1 #news-items p.no-news { margin-bottom: 5px; }
  379. .column1 #news-items div img { max-width: 540px; }
  380. .column2 {
  381. width: 280px;
  382. float: right;
  383. }
  384.  
  385. .column2 .frame {
  386. width: 260px;
  387. }
  388. .column2 .poll-results { width: 240px; padding-bottom: 8px; }
  389. .column2 #poll form { width: 240px; }
  390. .column2 .poll-answer { float: none; display: block; width: 240px; }
  391. .column2 .poll-response { margin-left: 0; }
  392. .column2 .poll-count { width: 30px; padding-right: 5px; }
  393.  
  394. /* 10: Browse Torrents
  395. ===============================*/
  396. #categories {
  397. margin:5px auto 10px;
  398. max-width:825px;
  399. border:1px solid #000;
  400. padding:5px;
  401. }
  402. #categories div, #search-bar div {display:inline;}
  403. #search-bar div {display:inline-block;}
  404. #categories div input[type="checkbox"], #search-bar input[type="checkbox"] {vertical-align:bottom;}
  405. #torrents #content table {background-color:#000;}
  406. #torrents p {margin:0 auto; width: 45em;}
  407. #torrents td.tor-name {text-align:left; font-weight: 700; white-space:nowrap;}
  408. #torrents h2 {text-align:center;} /* "Search results for ...:" */
  409. tr.bonus td {background-color:#DADADA;}
  410. tr.plain td {background-color:#DADADA;}
  411. tr.special td {background-color:#B3B3B3;}
  412. tr.elite td {background-color:#939393;}
  413. /* 10.a: Details / User Details */
  414. .keyvalue-pairs {width:780px; margin: auto auto 10px; background:#C0C0C0; text-align:left; border-top: 1px solid #000;}
  415. .keyvalue-pairs div {padding: 5px; border-bottom: 1px solid #000;}
  416. .keyvalue-pairs div div {padding: 0; border-bottom: 0;}
  417. .keyvalue-pairs div div.value {display: inline;}
  418. #details #content .key, #userdetails #content .key {font-weight: 700;}
  419. #details .deletion-note {display: inline-block; width: 50%; vertical-align: top; text-align: center; background-color: #a0a0a0; border: 1px dotted #666; padding: 0 0.25em;}
  420. .wide-frame {width:880px; text-align: center;}
  421. /* #userdetails #content td{text-align:left;} */
  422. #details h3, #userdetails h3, #comments h3 {text-align:center; font-size:1.4em;}
  423. #comments h3 {margin-bottom: 10px;}
  424. #userdetails #content ul img {max-width:500px;}
  425. #userdetails span.title, #userdetails img.country, #userdetails img.avatar {
  426. display:block;
  427. margin:2px auto;
  428. max-width:150px;
  429. }
  430. /* 10.b: Edit user / Edit torrent / Upload */
  431. #edit .edit-frame, #userdetails .edit-frame {padding-bottom: 10px;}
  432. .edit-frame form {
  433. margin:0 auto;
  434. padding:5px 10px 10px;
  435. width:500px;
  436. background:#808080;
  437. }
  438. .edit-frame div {border-bottom:1px solid #000; padding:5px 0 5px;}
  439. .edit-frame label {font-weight:700; display:block;}
  440. .edit-frame .radio label, .edit-frame .select label, .edit-frame .checkbox label{display:inline;}
  441. .edit-frame .priv-box,.edit-frame .priv-box label {display: inline; border-bottom: none;}
  442. #edit-invites {border-top:1px solid #000; margin:2px 0 0 0;}
  443. #edit .deletion-note {text-align: center; background-color: #a0a0a0; border: 1px solid #909090; padding: 5px; margin: 5px 0 0;}
  444. /**/
  445. /* 10.c: Comments */
  446. #startcomments {width:750px; margin: 0 auto 20px;}
  447. .comment-box {border:10px solid #C0C0C0; text-align:left; zoom: 1;}
  448. .comment-box:after {
  449. content:".";
  450. display:block;
  451. height:0;
  452. clear:both;
  453. visibility:hidden;
  454. }
  455. .comment-meta {background:#C0C0C0; padding:0 0 5px;}
  456. div.comment-right {float: right;}
  457. .comment-number {display:none;}
  458. #details img.avatar, #comments img.avatar {
  459. float:left;
  460. margin:0 5px 0 0;
  461. max-width:150px; max-height: 150px;
  462. }
  463. #details div.submit-area {margin: 5px 0;}
  464. #details div.comment-text, #comments div.comment-text {margin:5px 5px 5px 155px; padding:5px 0 5px 5px; border-left:1px solid #666;}
  465. #content /*div.comment-text*/ .quote-meta {padding: 0 5px; margin: 5px 0 0 0; background-color: #666; border: 1px solid #666; border-bottom: 0;}
  466. #content /*div.comment-text*/ .quote-text {padding: 5px; margin-bottom: 5px; border: 1px solid #666;}
  467. #content div.edited-text {margin:-5px 5px 5px 155px; padding: 5px 0 5px 5px; border-left:1px solid #666;}
  468. #content div img {max-width:600px; max-height:800px;}
  469. .comment-box.highlighted .comment-meta {background-color: #ffff90; padding: 5px;}
  470. /*.comment-box.highlighted {background-color: #ffff90;}
  471. .comment-box.highlighted div.comment-text {border-left: 1px solid #9999c0 !important;}
  472. .comment-box.highlighted .quote-meta {background-color: #9999c0 !important; border-color: #9999c0 !important;}
  473. .comment-box.highlighted .quote-text {border-color: #9999c0 !important;}
  474. .comment-box.highlighted div.edited-text {border-color: #9999c0 !important;}*/
  475. /**/
  476. /* 11: Profile / Friends
  477. ================================*/
  478. #profile input, #profile label {display:inline;}
  479. #profile #welcome {font-size:1.5em;}
  480. #profile h3 {font-size:1.5em; border-bottom:1px dashed #000; margin: 0 0 5px;}
  481. #profile div.edit-frame {margin-bottom: 5px; padding-bottom: 10px;}
  482. #profile div.edit-frame div {border-bottom:1px dotted #000; padding:0;}
  483. #profile div.edit-frame div.profile-cat div {padding:6px 0 2px;}
  484. #profile div.edit-frame input[type="checkbox"],
  485. #profile div.edit-frame input[type="radio"] {vertical-align: bottom;}
  486. #profile div.edit-frame input.text {display:block;}
  487. #profile div.edit-frame div:last-child {border:none;}
  488. #profile div.edit-frame div.profile-cat {border-bottom:2px solid #000;}
  489. #profile div.submit-area {margin-top: 10px;}
  490. #profile div.submit-area input {padding: 0.30em 0.6em;}
  491. #friends .frame ul {margin:0 auto; width:600px;}
  492. #friends .frame li {
  493. background:#808080;
  494. border:1px solid #000;
  495. margin:5px; padding: 10px;
  496. float:left;
  497. }
  498. #friends-list li {width:268px; height:110px;}
  499. #friends .avatar {display: block; max-width:150px; max-height:75px;}
  500. #friends-list:after, #blocks-list:after {
  501. content: ".";
  502. display: block;
  503. height: 0;
  504. clear: both;
  505. visibility: hidden;
  506. }
  507. /**/
  508. /* 12: Upload / FAQ
  509. ================================*/
  510. #upload #content h3 {margin: 10px 0 0 0;}
  511. #upload-missing .frame ol span {display:block; text-indent:10px;}
  512. #upload .frame ol, #upload .frame ul, #upload-missing .frame ol, #upload-missing .frame ul {margin:0 /*0 10px*/;}
  513. #upload .frame {padding-bottom: 10px;}
  514. #upload .edit-frame {padding-bottom: 10px;}
  515. #faq .frame ol, #upload .frame ol {margin:0 0 5px 18px; padding:0; list-style-type:decimal; text-indent:-4px;}
  516. #faq .frame ul {margin:0 0 5px 17px; padding:0; list-style-type:disc; text-indent:-3px;}
  517. #upload .frame ul {margin:0 0 0px 17px; padding:0; list-style-type:disc; text-indent:-3px;}
  518. #faq .frame {padding-bottom: 5px;}
  519. #log #content td {text-align:left}
  520. #log #content td a {font-weight:normal;}
  521. #log .frame {padding-bottom: 5px;}
  522. /**/
  523. /* 13: PayPal Status
  524. ================================*/
  525. a.balance {font-weight:700;}
  526. a:link.balance, a:visited.balance {color:#fff;}
  527. a:hover.balance, a:focus.balance {color:#900;}
  528. .enough {color:#070; font-weight:700;}
  529. .pocket {color:#900; font-weight:700;}
  530. #paypal-status p {text-align:center;}
  531. /**/
  532. /* 14: BBCode
  533. ================================*/
  534. #bbcode-frame dl dt { margin: 0; float: left; clear: both; }
  535. #bbcode-frame dl dd { margin: 0 0 0 1em; padding-left: 5em; }
  536. #bbcode-frame p { clear: both; }
  537. /*snow by http://bradsknutson.com/blog/css-snow-effect/ modded by icy */
  538. body {
  539. background-image: url('http://i.imgur.com/BiSmXaq.png'), url('http://i.imgur.com/XHuy0NJ.png'), url('http://i.imgur.com/okpRxJU.png');
  540. -webkit-animation: snow 20s linear infinite;
  541. -moz-animation: snow 20s linear infinite;
  542. -ms-animation: snow 20s linear infinite;
  543. animation: snow 20s linear infinite;
  544. }
  545. @-webkit-keyframes snow {
  546. 0% { background-position: 0px 0px, 0px 0px, 0px 0px }
  547. 50% { background-color: black }
  548. 100% {
  549. background-position: 500px 1000px, 400px 400px, 300px 300px;
  550. background-color: black;
  551. }
  552. }
  553. @-moz-keyframes snow {
  554. 0% { background-position: 0px 0px, 0px 0px, 0px 0px }
  555. 50% { background-color: black }
  556. 100% {
  557. background-position: 500px 1000px, 400px 400px, 300px 300px;
  558. background-color: black;
  559. }
  560. }
  561. @-ms-keyframes snow {
  562. 0% { background-position: 0px 0px, 0px 0px, 0px 0px }
  563. 50% { background-color: black }
  564. 100% {
  565. background-position: 500px 1000px, 400px 400px, 300px 300px;
  566. background-color: black;
  567. }
  568. }
  569. @keyframes snow {
  570. 0% { background-position: 0px 0px, 0px 0px, 0px 0px }
  571. 50% { background-color: black }
  572. 100% {
  573. background-position: 500px 1000px, 400px 400px, 300px 300px;
  574. background-color: black;
  575. }
  576. }
Advertisement
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!