Advertisement
Basil220

MySpace CSS

Nov 27th, 2020
1,593
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.43 KB | None | 0 0
  1. body{
  2. background-attachment:fixed;
  3. background-image:url(https://i1.glitter-graphics.org/pub/2286/2286361qduzsafhp9.gif);
  4. background-position:center;
  5. background-size:cover;
  6. color:#C24CF6;
  7. font-family:Tahoma,Geneva,sans-serif;
  8. font-weight:500;
  9. }
  10.  
  11. .extended{
  12. color:#fff;
  13. font-size:10px;
  14. text-shadow:0 0 3px rgba(69,0,112,0.5);
  15. text-shadow:#fff 0 0 7px;
  16. }
  17.  
  18. .extended::after{
  19. background-image:url(https://i.pinimg.com/originals/6a/9c/bd/6a9cbd64eb8400b74b78f4a0955f24ca.gif);
  20. background-position:center;
  21. background-size:cover;
  22. border:2px solid #000;
  23. border-radius:25px;
  24. bottom:0;
  25. box-sizing:border-box;
  26. color:#fff;
  27. content:"Hey. My blood is black, you know";
  28. display:block;
  29. font-family:Century Gothic;
  30. font-size:15px;
  31. font-weight:700;
  32. left:0;
  33. text-align:center;
  34. text-shadow:#fff 0 0 7px;
  35. top:0;
  36. width:100%;
  37. }
  38.  
  39. .logo{
  40. font-size:10;
  41. }
  42.  
  43. .logo::after{
  44. color:#fff;
  45. content:"Basil's Page";
  46. font-size:15px;
  47. font-weight:800;
  48. }
  49.  
  50. div#header{
  51. background:#673888;
  52. font-family:Century Gothic;
  53. }
  54.  
  55. div#hSub{
  56. background:#8246AD;
  57. font-family:Century Gothic;
  58. }
  59.  
  60. #name{
  61. animation-duration:2.0s;
  62. animation-iteration-count:infinite;
  63. animation-name:flashy;
  64. font-family:Century Gothic;
  65. font-size:25px;
  66. margin:0;
  67. padding-bottom:15px;
  68. padding-left:5px;
  69. }
  70.  
  71. @keyframes flashy{
  72.  
  73. 0%{
  74. color:#a959ff;
  75. }
  76.  
  77. 30%{
  78. color:#03fcfc;
  79. }
  80.  
  81. 65%{
  82. color:#fc037b;
  83. }
  84.  
  85. 100%{
  86. color:#a959ff;
  87. }
  88. }
  89.  
  90.  
  91. #name::after{
  92. content:" (or Bone)";
  93. }
  94.  
  95. a:link{
  96. color:pink;
  97. text-shadow:#000 0 0 5px;
  98. }
  99.  
  100. a:active{
  101. color:#fc569c;
  102. }
  103.  
  104. a:visited{
  105. color:#03e3fc;
  106. }
  107.  
  108. .box{
  109. border:transparent;
  110. }
  111.  
  112. .boxInfo{
  113. background:#4D076E;
  114. border:2px dashed #fff;
  115. border:2px solid #000;
  116. margin-bottom:1px;
  117. }
  118.  
  119. .boxButton{
  120. color:#fff;
  121. }
  122.  
  123. .boxHead{
  124. -webkit-text-stroke-color:#000;
  125. -webkit-text-stroke-width:1px;
  126. background:transparent;
  127. border:2x dashed #fff;
  128. color:#fff;
  129. }
  130.  
  131. #sMsg{
  132. background-image:url();
  133. font-size:0;
  134. }
  135.  
  136. #sMsg::after{
  137. content:"Messagez";
  138. font-size:13px;
  139. }
  140.  
  141. #block{
  142. background-image:url();
  143. font-size:0;
  144. }
  145.  
  146. #block::after{
  147. content:"Block";
  148. font-size:13px;
  149. }
  150.  
  151. #report{
  152. background-image:url();
  153. font-size:0;
  154. }
  155.  
  156. #report::after{
  157. content:"Report";
  158. font-size:13px;
  159. }
  160.  
  161. #add{
  162. background-image:url();
  163. font-size:13px;
  164. text-transform:lowercase;
  165. }
  166.  
  167. div.url.box{
  168. font-size:0;
  169. text-align:center;
  170. }
  171.  
  172. div.url.box::after{
  173. -webkit-text-stroke-color:#000;
  174. -webkit-text-stroke-width:1px;
  175. color:#fff;
  176. content:"“I can`t deal with it.”";
  177. font-size:20px;
  178. font-weight:700;
  179. text-shadow:#A56FCC 0 0 3px;
  180. }
  181.  
  182. .rightHead{
  183. -webkit-text-stroke-color:#000;
  184. -webkit-text-stroke-width:1px;
  185. background:transparent;
  186. color:#fff;
  187. font-size:18px;
  188. text-shadow:0 0 3px rgba(77,7,110,0.5);
  189. }
  190.  
  191. .rightHead::before{
  192. content: url(https://64.media.tumblr.com/db0b1016d30c4793f34f497ef0b15732/tumblr_pfu923RGCt1xedmw0o1_400.gif);
  193. padding: 5px;
  194. }
  195.  
  196. .rightHead::after{
  197. content: url(https://64.media.tumblr.com/db0b1016d30c4793f34f497ef0b15732/tumblr_pfu923RGCt1xedmw0o1_400.gif);
  198. padding: 5px;
  199. }
  200.  
  201. .topLeft{
  202. animation-duration:1.5s;
  203. animation-name:slidein;
  204. background-image:url(https://64.media.tumblr.com/39463905276e21cfa38a638de22bbc0c/85c2fa1d3f83d9d0-4e/s400x600/ccfa61d1cbc1b293059effbebda2ca2899a3e809.gif);
  205. background-position:center;
  206. background-size:cover;
  207. border:2px solid #000;
  208. border-radius:25px;
  209. box-sizing:border-box;
  210. color:#fff;
  211. overflow:auto;
  212. padding:1px;
  213. position:relative;
  214. text-shadow:0 0 4px black;
  215. top:60px;
  216. }
  217.  
  218. @keyframes slidein{
  219. from {
  220. margin-left:-100%;
  221. }
  222.  
  223. to {
  224. margin-left:0;
  225. }
  226. }
  227.  
  228. .avatar{
  229. border:10px solid;
  230. border-image:url(https://i.gifer.com/fyGu.gif) 30 stretch;
  231. box-sizing:border-box;
  232. display:block;
  233. }
  234.  
  235.  
  236.  
  237.  
  238.  
  239. #online{
  240. margin-top:0;
  241. padding:1px;
  242. position:relative;
  243. visibility:hidden;
  244. }
  245.  
  246. #online::after{
  247. content:url("https://lh3.googleusercontent.com/proxy/95y1mxBR7wwmCnsxNhxvHQY7Nc5zLJhEzhM_y0Gm3BRkvt0MiXGP7MG1Sc_RltTDgDNzerzg-2d0-ONbo9F6La4A");
  248. left:0;
  249. position:absolute;
  250. top:0;
  251. visibility:visible;
  252. }
  253.  
  254. .topRight{
  255. animation-duration:1.5s;
  256. animation-name:slide;
  257. }
  258.  
  259. @keyframes slide{
  260. from {
  261. margin-right:-100%;
  262. }
  263.  
  264. to {
  265. margin-right:0;
  266. }
  267. }
  268.  
  269. .player{
  270. background-image:url(https://data.whicdn.com/images/335992741/original.jpg);
  271. background-position:center;
  272. background-size:cover;
  273. border:2px solid #000;
  274. color:#fff;
  275. margin:0 auto;
  276. }
  277.  
  278. h4{
  279. -webkit-text-stroke-color:#000;
  280. -webkit-text-stroke-width:1px;
  281. background-image:url(https://www.joann.com/on/demandware.static/-/Sites-joann-product-catalog/default/dwea537ab8/images/hi-res/alt/16477879ALT1.jpg);
  282. background-position:center;
  283. background-size:cover;
  284. border:2px solid #000;
  285. border-bottom:0px;
  286. border-top-left-radius:25px;
  287. border-top-right-radius:25px;
  288. color:#fff;
  289. font-family:Century Gothic;
  290. font-weight:700;
  291. height:20px;
  292. position:relative;
  293. }
  294.  
  295. .blurbs{
  296. margin-block-start:15px;
  297. text-align:center;
  298. text-shadow:0 0 3px rgba(255,255,255,0.5);
  299. }
  300.  
  301. #about{
  302. background:rgba(213, 86, 139));
  303. border:2px solid #000;
  304. border-radius:25px;
  305. border-top-right-radius:0px;
  306. border-top-left-radius:0px;
  307. padding:15px;
  308. }
  309.  
  310. #who{
  311. background:rgba(213, 86, 139));
  312. border:2px solid #000;
  313. border-radius:25px;
  314. border-top-right-radius:0px;
  315. border-top-left-radius:0px;
  316. padding:15px;
  317. }
  318.  
  319. .fwiendCount{
  320. color:#00c6ed;
  321. }
  322.  
  323. .fwiendCounter{
  324. -webkit-text-stroke-color:#000;
  325. -webkit-text-stroke-width:1px;
  326. color:#fff;
  327. }
  328.  
  329. #top a{
  330. color:#fc569c;
  331. text-decoration:none;
  332. }
  333.  
  334. .fwiendFace{
  335. background-image:url(https://i.gifer.com/8VvO.gif);
  336. border:2px solid #fff;
  337. border-radius:50%;
  338. font-size:0;
  339. height:100px;
  340. margin-bottom:5px;
  341. margin-right:5px;
  342. max-width:100vw;
  343. width:100px;
  344. }
  345.  
  346. .fwiendFace img{
  347. background-position:center;
  348. border-radius:50%;
  349. display:absolute;
  350. height:100px;
  351. object-fit:cover;
  352. width:100px;
  353. }
  354.  
  355. .fwiendFace:hover{
  356. animation:shake 1s;
  357. animation-iteration-count:infinite;
  358. }
  359.  
  360. @keyframes shake{
  361. 0% {
  362. transform:translate(1px,1px) rotate(0deg);
  363. }
  364.  
  365. 10% {
  366. transform:translate(-1px,-2px) rotate(-1deg);
  367. }
  368.  
  369. 20% {
  370. transform:translate(-3px,0px) rotate(1deg);
  371. }
  372.  
  373. 30% {
  374. transform:translate(3px,2px) rotate(0deg);
  375. }
  376.  
  377. 40% {
  378. transform:translate(1px,-1px) rotate(1deg);
  379. }
  380.  
  381. 50% {
  382. transform:translate(-1px,2px) rotate(-1deg);
  383. }
  384.  
  385. 60% {
  386. transform:translate(-3px,1px) rotate(0deg);
  387. }
  388.  
  389. 70% {
  390. transform:translate(3px,1px) rotate(-1deg);
  391. }
  392.  
  393. 80% {
  394. transform:translate(-1px,-1px) rotate(1deg);
  395. }
  396.  
  397. 90% {
  398. transform:translate(1px,2px) rotate(0deg);
  399. }
  400.  
  401. 100% {
  402. transform:translate(1px,1px) rotate(0deg);
  403. }
  404. }
  405.  
  406. #viewFriends{
  407. background:rgba(213, 86, 139);
  408. border:2px solid #f745ba;
  409. border-radius:25px;
  410. color:#000;
  411. padding:5px;
  412. }
  413.  
  414. .tableLeft{
  415. background:#673888;
  416. background-position:center;
  417. background-size:cover;
  418. border:2px dashed #fff;
  419. }
  420.  
  421. .tableRight{
  422. background:#000;
  423. border:2px dashed #fff;
  424. color:#fff;
  425. text-shadow:#fff 0 0 7px;
  426. }
  427.  
  428. .blog{
  429. background:rgba(213, 86, 139);
  430. border:2px solid #000;
  431. text-shadow:#fff 0 0 7px;
  432. }
  433.  
  434. .blogs{
  435. text-shadow:#fff 0 0 7px;
  436. }
  437.  
  438. .blogCard{
  439. position:relative;
  440. top:10px;
  441. }
  442.  
  443. .blogTitle{
  444. font-size:0;
  445. }
  446.  
  447. div#footer{
  448. bottom:0;
  449. font-size:0;
  450. left:700px;
  451. position:fixed;
  452. pointer-events: none;
  453. }
  454.  
  455. div#footer::after{
  456. animation-duration:1.5s;
  457. animation-name:slideup;
  458. content:url("https://64.media.tumblr.com/12b0d96fbbc40c4a9e053bce36cc31ce/bb240b2a815bd6aa-44/s500x750/459dab7ffce6452964e937d343c97bd8fa01c285.png");
  459. }
  460.  
  461. @keyframes slideup{
  462. from {
  463. margin-right:-100%;
  464. }
  465.  
  466. to {
  467. margin-right:0;
  468. }
  469. }
  470.  
  471. @media screen and (max-device-width: 768px){
  472. div#footer {
  473. visibility:hidden;
  474. }
  475. }
  476.  
  477. @media only screen and (max-width : 768px){
  478. * {
  479. -moz-animation:none!important;
  480. -ms-animation:none!important;
  481. -o-animation:none!important;
  482. -webkit-animation:none!important;
  483. animation:none!important;
  484. }
  485. }
  486.  
  487. * {
  488. cursor:url(https://cur.cursors-4u.net/food/foo-4/foo349.cur),auto!important;
  489. }
  490. RAW Paste Data
  491. body{
  492. background-attachment:fixed;
  493. background-image:url(https://66.media.tumblr.com/2d963b20a17243e7fe0a64aced0c7b66/a5fac8d5b0399133-3a/s1280x1920/d5cf3e581f646cae38ea6d268bdb9a5332692d41.png);
  494. background-position:center;
  495. background-size:cover;
  496. color:#fff;
  497. font-family:Tahoma,Geneva,sans-serif;
  498. font-weight:500;
  499. }
  500.  
  501. .extended{
  502. color:#fff;
  503. font-size:10px;
  504. text-shadow:0 0 3px rgba(69,0,112,0.5);
  505. text-shadow:#fff 0 0 7px;
  506. }
  507.  
  508. .extended::after{
  509. background-image:url(https://i.gifer.com/4dZN.gif);
  510. background-position:center;
  511. background-size:cover;
  512. border:2px solid #000;
  513. border-radius:25px;
  514. bottom:0;
  515. box-sizing:border-box;
  516. color:#fff;
  517. content:"Hey. My blood is black, you know.";
  518. display:block;
  519. font-family:Century Gothic;
  520. font-size:15px;
  521. font-weight:700;
  522. left:0;
  523. text-align:center;
  524. text-shadow:#fff 0 0 7px;
  525. top:0;
  526. width:100%;
  527. }
  528.  
  529. .logo{
  530. font-size:0;
  531. }
  532.  
  533. .logo::after{
  534. color:#fff;
  535. content:"Basil's Page";
  536. font-size:15px;
  537. font-weight:800;
  538. }
  539.  
  540. div#header{
  541. background:#d93dbc;
  542. font-family:Century Gothic;
  543. }
  544.  
  545. div#hSub{
  546. background:#f268d9;
  547. font-family:Century Gothic;
  548. }
  549.  
  550. #name{
  551. animation-duration:2.0s;
  552. animation-iteration-count:infinite;
  553. animation-name:flashy;
  554. font-family:Century Gothic;
  555. font-size:25px;
  556. margin:0;
  557. padding-bottom:15px;
  558. padding-left:5px;
  559. }
  560.  
  561. @keyframes flashy{
  562.  
  563. 0%{
  564. color:#a959ff;
  565. }
  566.  
  567. 30%{
  568. color:#03fcfc;
  569. }
  570.  
  571. 65%{
  572. color:#fc037b;
  573. }
  574.  
  575. 100%{
  576. color:#a959ff;
  577. }
  578. }
  579.  
  580.  
  581. #name::after{
  582. content:" (or Cup/Bone)";
  583. }
  584.  
  585. a:link{
  586. color:purple;
  587. text-shadow:#000 0 0 5px;
  588. }
  589.  
  590. a:active{
  591. color:#fc569c;
  592. }
  593.  
  594. a:visited{
  595. color:#03e3fc;
  596. }
  597.  
  598. .box{
  599. border:transparent;
  600. }
  601.  
  602. .boxInfo{
  603. background:#a81860;
  604. border:2px dashed #fff;
  605. border:2px solid #000;
  606. margin-bottom:1px;
  607. }
  608.  
  609. .boxButton{
  610. color:#fff;
  611. }
  612.  
  613. .boxHead{
  614. -webkit-text-stroke-color:#000;
  615. -webkit-text-stroke-width:1px;
  616. background:transparent;
  617. border:2x dashed #fff;
  618. color:#fff;
  619. }
  620.  
  621. #sMsg{
  622. background-image:url();
  623. font-size:0;
  624. }
  625.  
  626. #sMsg::after{
  627. content:"Messagez";
  628. font-size:13px;
  629. }
  630.  
  631. #block{
  632. background-image:url();
  633. font-size:0;
  634. }
  635.  
  636. #block::after{
  637. content:"Cya hun";
  638. font-size:13px;
  639. }
  640.  
  641. #report{
  642. background-image:url();
  643. font-size:0;
  644. }
  645.  
  646. #report::after{
  647. content:"Snitcher";
  648. font-size:13px;
  649. }
  650.  
  651. #add{
  652. background-image:url();
  653. font-size:13px;
  654. text-transform:lowercase;
  655. }
  656.  
  657. div.url.box{
  658. font-size:0;
  659. text-align:center;
  660. }
  661.  
  662. div.url.box::after{
  663. -webkit-text-stroke-color:#000;
  664. -webkit-text-stroke-width:1px;
  665. color:#fff;
  666. content:"“Ragnarok, Screaming Resonance.”";
  667. font-size:20px;
  668. font-weight:700;
  669. text-shadow:#A56FCC 0 0 3px;
  670. }
  671.  
  672. .rightHead{
  673. -webkit-text-stroke-color:#000;
  674. -webkit-text-stroke-width:1px;
  675. background:transparent;
  676. color:#fff;
  677. font-size:18px;
  678. text-shadow:0 0 3px rgba(77,7,110,0.5);
  679. }
  680.  
  681. .rightHead::before{
  682. content: url();
  683. padding: 5px;
  684. }
  685.  
  686. .rightHead::after{
  687. content: url();
  688. padding: 5px;
  689. }
  690.  
  691. .topLeft{
  692. animation-duration:1.5s;
  693. animation-name:slidein;
  694. background-image:url(https://i.pinimg.com/originals/06/35/16/06351628ddfb57a272cb33f54e2d17ba.jpg);
  695. background-position:center;
  696. background-size:cover;
  697. border:2px solid #000;
  698. border-radius:25px;
  699. box-sizing:border-box;
  700. color:#fff;
  701. overflow:auto;
  702. padding:1px;
  703. position:relative;
  704. text-shadow:0 0 4px black;
  705. top:60px;
  706. }
  707.  
  708. @keyframes slidein{
  709. from {
  710. margin-left:-100%;
  711. }
  712.  
  713. to {
  714. margin-left:0;
  715. }
  716. }
  717.  
  718. .avatar{
  719. border:10px solid;
  720. border-image:url(https://i.gifer.com/fyGu.gif) 30 stretch;
  721. box-sizing:border-box;
  722. display:block;
  723. }
  724.  
  725.  
  726.  
  727.  
  728.  
  729. #online{
  730. margin-top:0;
  731. padding:1px;
  732. position:relative;
  733. visibility:hidden;
  734. }
  735.  
  736. #online::after{
  737. content:url("http://www.myspacegens.com/images/online_now/3.gif");
  738. left:0;
  739. position:absolute;
  740. top:0;
  741. visibility:visible;
  742. }
  743.  
  744. .topRight{
  745. animation-duration:1.5s;
  746. animation-name:slide;
  747. }
  748.  
  749. @keyframes slide{
  750. from {
  751. margin-right:-100%;
  752. }
  753.  
  754. to {
  755. margin-right:0;
  756. }
  757. }
  758.  
  759. .player{
  760. background-image:url(https://i.pinimg.com/originals/66/a6/43/66a6434f7b6c44c06cd317071980625f.gif);
  761. background-position:center;
  762. background-size:cover;
  763. border:2px solid #000;
  764. color:#fff;
  765. margin:0 auto;
  766. }
  767.  
  768. h4{
  769. -webkit-text-stroke-color:#000;
  770. -webkit-text-stroke-width:0px;
  771. background-image:url(https://data.whicdn.com/images/330193033/original.jpg);
  772. background-position:center;
  773. background-size:cover;
  774. border:2px solid #000;
  775. border-bottom:0px;
  776. border-top-left-radius:25px;
  777. border-top-right-radius:25px;
  778. color:#fff;
  779. font-family:Century Gothic;
  780. font-weight:700;
  781. height:20px;
  782. position:relative;
  783. }
  784.  
  785. .blurbs{
  786. margin-block-start:15px;
  787. text-align:center;
  788. text-shadow:0 0 3px rgba(255,255,255,0.5);
  789. }
  790.  
  791. #about{
  792. background:rgba(213, 86, 139);
  793. border:2px solid #000;
  794. border-radius:25px;
  795. border-top-right-radius:0px;
  796. border-top-left-radius:0px;
  797. padding:15px;
  798. }
  799.  
  800. #who{
  801. background:rgba(213, 86, 139);
  802. border:2px solid #000;
  803. border-radius:25px;
  804. border-top-right-radius:0px;
  805. border-top-left-radius:0px;
  806. padding:15px;
  807. }
  808.  
  809. .fwiendCount{
  810. color:#ff00e1;
  811. }
  812.  
  813. .fwiendCounter{
  814. -webkit-text-stroke-color:#000;
  815. -webkit-text-stroke-width:1px;
  816. color:#fff;
  817. }
  818.  
  819. #top a{
  820. color:#fc569c;
  821. text-decoration:none;
  822. }
  823.  
  824. .fwiendFace{
  825. background-image:url(https://i.gifer.com/TXQf.mp4);
  826. border:2px solid #fff;
  827. border-radius:50%;
  828. font-size:0;
  829. height:100px;
  830. margin-bottom:5px;
  831. margin-right:5px;
  832. max-width:100vw;
  833. width:100px;
  834. }
  835.  
  836. .fwiendFace img{
  837. background-position:center;
  838. border-radius:50%;
  839. display:absolute;
  840. height:100px;
  841. object-fit:cover;
  842. width:100px;
  843. }
  844.  
  845. .fwiendFace:hover{
  846. animation:shake 1s;
  847. animation-iteration-count:infinite;
  848. }
  849.  
  850. @keyframes shake{
  851. 0% {
  852. transform:translate(1px,1px) rotate(0deg);
  853. }
  854.  
  855. 10% {
  856. transform:translate(-1px,-2px) rotate(-1deg);
  857. }
  858.  
  859. 20% {
  860. transform:translate(-3px,0px) rotate(1deg);
  861. }
  862.  
  863. 30% {
  864. transform:translate(3px,2px) rotate(0deg);
  865. }
  866.  
  867. 40% {
  868. transform:translate(1px,-1px) rotate(1deg);
  869. }
  870.  
  871. 50% {
  872. transform:translate(-1px,2px) rotate(-1deg);
  873. }
  874.  
  875. 60% {
  876. transform:translate(-3px,1px) rotate(0deg);
  877. }
  878.  
  879. 70% {
  880. transform:translate(3px,1px) rotate(-1deg);
  881. }
  882.  
  883. 80% {
  884. transform:translate(-1px,-1px) rotate(1deg);
  885. }
  886.  
  887. 90% {
  888. transform:translate(1px,2px) rotate(0deg);
  889. }
  890.  
  891. 100% {
  892. transform:translate(1px,1px) rotate(0deg);
  893. }
  894. }
  895.  
  896. #viewFriends{
  897. background:rgba(213, 86, 139);
  898. border:2px solid #000;
  899. border-radius:25px;
  900. color:#000;
  901. padding:5px;
  902. }
  903.  
  904. .tableLeft{
  905. background:#673888;
  906. background-position:center;
  907. background-size:cover;
  908. border:2px dashed #fff;
  909. }
  910.  
  911. .tableRight{
  912. background:#000;
  913. border:2px dashed #fff;
  914. color:#fff;
  915. text-shadow:#fff 0 0 7px;
  916. }
  917.  
  918. .blog{
  919. background:rgba(213, 86, 139);
  920. border:2px solid #000;
  921. text-shadow:#fff 0 0 7px;
  922. }
  923.  
  924. .blogs{
  925. text-shadow:#fff 0 0 7px;
  926. }
  927.  
  928. .blogCard{
  929. position:relative;
  930. top:10px;
  931. }
  932.  
  933. .blogTitle{
  934. font-size:0;
  935. }
  936.  
  937. div#footer{
  938. bottom:0;
  939. font-size:0;
  940. left:700px;
  941. position:fixed;
  942. pointer-events: none;
  943. }
  944.  
  945. div#footer::after{
  946. animation-duration:1.5s;
  947. animation-name:slideup;
  948. content:url("https://64.media.tumblr.com/12b0d96fbbc40c4a9e053bce36cc31ce/bb240b2a815bd6aa-44/s500x750/459dab7ffce6452964e937d343c97bd8fa01c285.png");
  949. }
  950.  
  951. @keyframes slideup{
  952. from {
  953. margin-right:-100%;
  954. }
  955.  
  956. to {
  957. margin-right:0;
  958. }
  959. }
  960.  
  961. @media screen and (max-device-width: 768px){
  962. div#footer {
  963. visibility:hidden;
  964. }
  965. }
  966.  
  967. @media only screen and (max-width : 768px){
  968. * {
  969. -moz-animation:none!important;
  970. -ms-animation:none!important;
  971. -o-animation:none!important;
  972. -webkit-animation:none!important;
  973. animation:none!important;
  974. }
  975. }
  976.  
  977. * {
  978. cursor:url(https://cur.cursors-4u.net/others/images9/oth803.cur),auto!important;
  979. }
  980. Public Pastes
  981. visual field
  982. CSS | 4 min ago
  983. crafting.lua
  984. Lua | 10 min ago
  985. Untitled
  986. C++ | 12 min ago
  987. [site-reviews] Save the terms value as review meta data
  988. PHP | 12 min ago
  989. shitty ip wl example
  990. Lua | 22 min ago
  991. Untitled
  992. Java | 23 min ago
  993. crafting.lua
  994. Lua | 24 min ago
  995. crafting.lua
  996. Lua | 25 min ago
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement