API tools faq
paste
Advertisement
austinh115

[CSS] OrangeJuice xatspace | MY MASTERPIECE GOD DAMN

austinh115
May 20th, 2017
317
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 7.99 KB | None | 0 0
raw download clone embed print report
  1. background-color:#232323}/** CSS By OrangeJuice (638877683) **/*{margin:0;padding:0}[name=b]{position:absolute;width:100%;height:100%;background:url(http://u.cubeupload.com/austinh115/ZgS6Au.jpg)bottom center repeat-x;z-index:-3;-webkit-animation:a 50s steps(10000) infinite;animation:a 50s steps(10000) infinite}[name=d]{position:absolute;width:100%;height:100%;background:#212121;-webkit-filter:opacity(0.8);filter:opacity(0.8)}[name=g]{position:absolute;top:50%;left:50%;width:50px;height:90px;border-bottom-right-radius:15px;border-bottom-left-radius:15px;opacity:0.7;margin-top:-15px;background:#b4dcff;border-bottom:5px solid #B4DCFF;border-right:5px solid #B4DCFF;border-left:5px solid #B4DCFF;margin-left:-45px}[name=g]:after{position:absolute;width:50px;content:'';border-bottom-right-radius:12px;border-bottom-left-radius:12px;background-color:rgba(255,180,15,0.8);top:25px;left:0;height:65px}[name=g]:before{position:absolute;content:'';top:-18px;left:19px;width:5px;height:110px;transform:rotate(-25deg);background:repeating-linear-gradient(30deg,#F03232 0%,#F03232 9%,#FFFFFF 10%,#FFFFFF 19%);z-index:-1}[name=o]{position:absolute;top:50%;left:50%;width:60px;height:60px;margin-top:40px;margin-left:14px;box-shadow:-5px -5px 0 0 rgba(235,160,3,0.4) inset;border-radius:60px;background:#ffb40f}[name=o]:after{position:absolute;content:'';height:20px;width:3px;background:#241202;border-radius:50px;transform:rotate(-20deg) scale(1,0.4);z-index:100;margin-top:-8px;margin-left:23px}[name=o]:before{position:absolute;content:'';border-radius:60px;background:#82f5aa;width:30px;transform:translate(23px,-17px) rotate(65deg) scale(0.3,1);height:30px}[name=oH]{position:absolute;top:50%;left:50%;width:60px;height:30px;border-bottom-right-radius:60px;border-bottom-left-radius:60px;margin-left:42px;margin-top:76px;background:#ffd22d;box-shadow:2px -5px 0 0 rgba(235,160,3,0.4) inset;transform:rotate(-45deg)}[name=oH]:after{position:absolute;content:'';border-radius:60px;width:52px;border:4px solid #FFD22D;background:#f5d219;box-shadow:0 0 0 20px #FFF037 inset;height:52px;margin-top:-30px;transform:scale(1,0.25)}[name=j]{position:absolute;top:50%;left:50%;z-index:-1}[name=j] [name=b]{position:absolute;height:20px;width:160px;margin-left:-95px;border-bottom-right-radius:0;border-bottom-left-radius:0;z-index:13;background:#d2d7dc;border-radius:30px;margin-top:80px;box-shadow:2px 4px 0 rgba(240,245,255,0.85) inset, -2px -3px 0 rgba(24,25,35,0.05) inset}[name=j] [name=st]{position:absolute;background:#d2d7dc;border-radius:30px;width:32px;height:240px;margin-top:-160px;margin-left:30px;z-index:10;box-shadow:2px 4px 0 rgba(240,245,255,0.85) inset, -2px -3px 0 rgba(24,25,35,0.05) inset}[name=j] [name=l]{position:absolute;background:#d2d7dc;border-radius:30px;z-index:12;height:12px;margin-top:-135px;margin-left:45px;transform-origin:left center;animation:pull 5s ease-in-out 0s infinite normal none;width:120px;box-shadow:2px 4px 0 rgba(240,245,255,0.85) inset, -2px -3px 0 rgba(24,25,35,0.05) inset}[name=j] [name=h]{position:absolute;border-radius:60px;background:#d2d7dc;width:120px;top:-160px;left:-50px;height:50px;border-top-left-radius:0;z-index:15;box-shadow:2px 4px 0 rgba(240,245,255,0.85) inset, -2px -3px 0 rgba(24,25,35,0.05) inset}[name=j] [name=p]{position:absolute;height:90px;background:#d2d7dc;border-radius:30px;z-index:10;width:13px;margin-top:-205px;margin-left:-22px;animation:squish 5s ease-in-out 0s infinite normal none;box-shadow:2px 4px 0 rgba(240,245,255,0.85) inset, -2px -3px 0 rgba(24,25,35,0.05) inset}[name=j] [name=p]:after{position:absolute;content:'';background:#d2d7dc;margin-top:80px;width:70px;height:40px;margin-left:-28px;border-top-left-radius:40px;border-top-right-radius:40px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;box-shadow:2px 4px 0 rgba(240,245,255,0.85) inset, -2px -3px 0 rgba(24,25,35,0.05) inset}[name=j] [name=s]{position:absolute;height:20px;background:#d2d7dc;width:90px;border-bottom-left-radius:20px;margin-top:-55px;margin-left:-50px;box-shadow:2px 4px 0 rgba(240,245,255,0.85) inset, -2px -3px 0 rgba(24,25,35,0.05) inset}[name=j] [name=s]:after{position:absolute;width:50px;content:'';background:#d2d7dc;height:25px;margin-left:13px;margin-top:20px;box-shadow:-1px -4px 0 rgba(24,25,35,0.05) inset;border-bottom-right-radius:50px;border-bottom-left-radius:50px;transform-origin:top center;transform:scale(0.8,0.5)}[name=j] [name=s]:before{position:absolute;content:'';z-index:-1;width:60px;border-radius:60px;background:#ffb40f;height:30px;border-bottom-right-radius:0;border-bottom-left-radius:0;margin-top:-20px;margin-left:7px;box-shadow:-15px -10px 0 0 rgba(235,160,3,0.4) inset}[name=j] [name=ju]{position:absolute;z-index:-1;width:14px;height:35px;background-color:rgba(255,180,15,0.3);animation:juicy 5s linear 0s infinite normal none;transform-origin:bottom center;margin-top:-25px;margin-left:-19px}[name=f]{position:absolute;height:100%;background:rgba(0,0,0,0.3);bottom:0;text-align:center;z-index:500;background-size:200px 100px;background-repeat:repeat-x;width:260px;color:#f80}[name=u]:after{position:absolute;content:'';left:0;border-right:130px solid transparent;border-left:130px solid transparent;border-top:35px solid #f80;bottom:-35px}[name=u]:before{position:absolute;content:'';left:0;border-right:130px solid transparent;border-left:130px solid transparent;border-top:45px solid #c60;bottom:-45px}[name=i]{position:absolute;left:0;width:120px;top:20px;right:0;height:120px;border-radius:50%;border:5px solid #c60;background:#FFF url(http://u.cubeupload.com/austinh115/5V1rFt.jpg)center no-repeat;margin:auto}[name=a]{position:fixed;width:0;height:0;margin-left:15px;z-index:1;opacity:1;top:50%;left:50%}[name=mob]{position:fixed;animation:mob 10s infinite linear;top:calc(50% - 84px);z-index:10000}[name=o]:nth-of-type(2){background:#ffc323;margin-left:54px;margin-top:36px}[name=o]:nth-of-type(2):before{background:#a0eba5;transform:translate(33px,-11px) rotate(165deg) scale(0.3,0.8)}[name=o]:nth-of-type(2):after{transform:scale(1,0.4) rotate(30deg);margin-top:2px;margin-left:53px}[name=u]{width:260px;position:relative;margin-bottom:45px;height:200px;background:#f80}[name=f]li{padding:20px}[name=f] li{display:inline;line-height:60px}[name=f] a{color:#f80;text-decoration:none}embed{z-index:2}@keyframes a{50%{background-position:0}50%{background-position:100%}}@keyframes juicy{ 100%{height:35px}100%{transform:scale(0)}65%{transform:scale(1,1)}84%{height:35px}84%{transform:scale(0.15,0)}80%{height:35px}80%{transform:scale(0.25,1)}54%{height:35px}50%{height:0px}0%{height:0px}0%{transform:scale(1,1)}}@keyframes squish{ 48%{transform:translate(0px,25px)}100%{transform:translate(0px,0px)}65%{}84%{transform:translate(0px,30px)}80%{}54%{transform:translate(0px,30px)}40%{transform:translate(0px,0px)}0%{transform:translate(0px,0px)}}@keyframes pull{ 48%{transform:rotate(25deg)}100%{transform:rotate(-45deg)}65%{}84%{transform:rotate(35deg)}80%{}54%{transform:rotate(35deg)}40%{transform:rotate(-45deg)}0%{transform:rotate(-45deg)}}@keyframes mob{from{left:-10%}to{left:110%}}*{;
  2.  
  3. <div name="b">
  4.     <div name="d"></div>
  5. </div>
  6. <div name="a">
  7.     <div name="g"></div>
  8.     <div name="o"></div>
  9.     <div name="o"></div>
  10.     <div name="oH"></div>
  11.     <div name="j">
  12.         <div name="h"></div>
  13.         <div name="l"></div>
  14.         <div name="p"></div>
  15.         <div name="st"></div>
  16.         <div name="s"></div>
  17.         <div name="ju"></div>
  18.         <div name="b"></div>
  19.     </div>
  20. </div>
  21.  
  22. <div name="f">
  23.     <div name="u">
  24.             <div name="i" style="background-image:url(http://i.imgur.com/iNffFYI.png);background-size:100%;"></div>
  25.         </div>
  26.     <br />
  27.     FEXBots Chief Assistant<br />
  28.         <li><a href="http://FEXBots.com">FEXBots</a></li> |
  29.         <li><a href="#"> 💔</a></li> |
  30.         <li><a href="http://xat.com/FEXBots">FEX Chat</a></li><br />
  31.     <embed src="http://www.youtube.com/embed/MCIfjcc8J2M?tX5pRy5ZZpk&SRbhLtjOiRc&KDxJlW6cxRk&start=0&end=0&autohide=1&autoplay=1&controls=0&disablekb=1&iv_load_policy=3&loop=1&modestbranding=1&rel=0&showinfo=0&vq=large&53Lx4GpVtb4" width="240" height="135" />
  32. </div>
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!