API tools faq
paste
Advertisement
Guest User

asher - ic code

a guest
Sep 28th, 2020
111
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.62 KB | None | 0 0
raw download clone embed print report
  1. [comment]‧͙⁺˚*･༓☾　coded by weldherwings　☽༓･*˚⁺‧͙
  2. [font=Karla][font=Mansalva]kero! stop eating the sweets![/font][/font]
  3. to change the colours + images, change them below in the variables
  4.  
  5. [/comment][border=0px;
  6. display:block;
  7. font-smoothing:antialiased;
  8. -webkit-font-smoothing: antialiased;
  9. -moz-osx-font-smoothing: grayscale;
  10. position:relative;
  11. text-align:justify;
  12. white-space:nowrap;
  13. box-sizing:border-box;
  14. width:100%;
  15. height:auto;
  16. overflow:hidden;
  17. line-height:0px;
  18. font-size:0px;
  19. padding-bottom:70px;
  20. background-color:#f7f7f7;
  21. --maintextbg: #EAEAEA;
  22. --mainside:#fafafa;
  23. --sidebg: #ebe7e6;
  24. --font: Karla;
  25. --fonttitle: Mansalva;
  26. --image1: url(https://i.pinimg.com/564x/a5/2e/aa/a52eaac753dedfb6783889ee90d0998d.jpg);
  27. --image2:url(https://i.pinimg.com/564x/ed/80/2f/ed802f71ef9dceb437e37e4643867ede.jpg);
  28. --image3:url(https://rollingstoneindia.com/wp-content/uploads/2017/02/DEAN_5-low-res.jpg);
  29. --sidetexture:url(https://www.transparenttextures.com/patterns/cartographer.png);
  30. --texture: url(https://www.transparenttextures.com/patterns/natural-paper.png);
  31. cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;]
  32.  
  33. [border=0px; padding:0px; width:600px; font-family: var(--fonttitle); text-align:right; font-size:30px; color:black; margin:auto; position:relative; top:40px; ]asher choi[/border]
  34. [border=0px; padding:0px; width:600px; height:300px; display:flex; display-content:justify-content; margin:auto; margin-top:60px; position:relative;]
  35. [border=0px; padding:0px; width:200px; height:auto; background-color: var(--mainside);background-image: var(--sidetexture);
  36. background-size:cover;]
  37. [border=0px; padding:10px; box-sizing:border-box; width:140px; height:370px; background-image:var(--texture); background-size:20%; background-color:var(--sidebg); transform:rotate(5deg); margin-left:35px; margin-top:-30px;]
  38.  
  39. [border=0px; padding:0px; width:110px; height:110px; margin:auto; background:var(--image1); background-size:cover; filter:grayscale(100%); overflow:hidden;][border=0px; padding:3px; width:calc(100% + 20px); height:100%; box-sizing:border-box; padding-right:10px; overflow-y: scroll; overflow-x:hidden; white-space:normal; font-size:11px; line-height:12px; color:black; font-family:var(--font); ][border=0px; padding:10px; background:var(--maintextbg); margin-top:110px;][comment]
  40.  
  41. ‧͙⁺˚*･༓☾　mood + location here　☽༓･*˚⁺‧͙[/comment][b]mood[/b] | here
  42.  
  43. [b]location[/b] | here[/border][/border][/border]
  44.  
  45. [border=0px; padding:0px; width:110px; height:110px; margin:auto; margin-top:10px; background:var(--image2); background-size:cover; background-position:50% 50%; filter:grayscale(100%); overflow:hidden;][border=0px; padding:3px; width:calc(100% + 20px); height:100%; box-sizing:border-box; padding-right:10px; overflow-y: scroll; overflow-x:hidden; white-space:normal; font-size:11px; line-height:12px; color:black; font-family:var(--font); ][border=0px; padding:10px; background:var(--maintextbg); margin-top:110px;][comment]
  46.  
  47. ‧͙⁺˚*･༓☾ outfit here　☽༓･*˚⁺‧͙[/comment][b]outfit[/b] | here[/border][/border][/border]
  48.  
  49. [border=0px; padding:0px; width:110px; height:110px; margin:auto; margin-top:10px; background:var(--image3); background-size:cover; background-position:50% 50%;filter:grayscale(100%); overflow:hidden;][border=0px; padding:3px; width:calc(100% + 20px); height:100%; box-sizing:border-box; padding-right:10px; overflow-y: scroll; overflow-x:hidden; white-space:normal; font-size:11px; line-height:12px; color:black; font-family:var(--font); ][border=0px; padding:10px; background:var(--maintextbg); margin-top:110px;][comment]
  50.  
  51. ‧͙⁺˚*･༓☾　tag here　☽༓･*˚⁺‧͙[/comment][b]tag[/b] | here [/border][/border][/border]
  52. [/border][/border]
  53.  
  54. [border=0px; padding:10px; padding-bottom:20px;width:400px; height:300px; background:var(--maintextbg); overflow:hidden; box-sizing:border-box;]
  55. [border=0px; padding:10px; width:calc(100% + 30px); height:calc(100% + 10px);padding-right:30px;overflow-y:scroll; overflow-x:hidden; white-space:normal; box-sizing:border-box; font-size:11px; line-height:12px; color:black; font-family:var(--font); ][comment]
  56.  
  57. ‧͙⁺˚*･༓☾　main text starts here　☽༓･*˚⁺‧͙[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam et elit sed ex efficitur pretium dictum eget mi. Cras efficitur condimentum mi eget varius. Vivamus ipsum nisi, porta eget eros sed, vestibulum porttitor orci. In suscipit tincidunt condimentum. Nulla facilisi. Nam dignissim, metus quis rhoncus rutrum, urna nibh porta odio, vitae gravida diam libero vel nulla. Donec dignissim arcu quis vestibulum tincidunt. In eget quam at neque auctor lacinia a non nulla. Vestibulum libero elit, accumsan eget tortor sit amet, cursus dignissim orci. Suspendisse faucibus augue risus, vel sodales diam ultricies et. Duis hendrerit orci nec ipsum mattis vehicula. Duis sapien turpis, ultricies eget tempor rhoncus, tempus eget eros. Donec vehicula viverra velit sit amet placerat. Nam ornare condimentum ex, et viverra enim cursus ut.
  58.  
  59. Aenean suscipit feugiat nibh, vitae rhoncus felis faucibus eget. Praesent aliquet lectus ac volutpat lacinia. Ut quis pharetra ligula, a malesuada metus. Sed sed quam faucibus, ornare enim vitae, tristique risus. Duis efficitur orci in diam sagittis pretium. Curabitur convallis justo tellus, nec pretium augue volutpat sed. Ut sollicitudin vitae leo ac malesuada.
  60.  
  61. Vivamus ut ipsum in diam suscipit scelerisque et eu quam. Suspendisse imperdiet rhoncus justo eu aliquam. Nulla risus mauris, condimentum id augue eu, interdum facilisis quam. Ut mollis sed augue ac placerat. Fusce feugiat malesuada dictum. Ut et felis non turpis auctor laoreet. Aliquam posuere nunc ut dui imperdiet lacinia. Proin bibendum lobortis augue, pellentesque vestibulum nisi luctus non. Phasellus commodo purus nisi, eget dapibus nunc posuere quis.
  62.  
  63. Nulla viverra, nisi eu luctus dictum, ante leo suscipit enim, sit amet aliquam mauris odio sit amet purus. Maecenas vehicula erat et enim vehicula rutrum. Aliquam scelerisque laoreet dui, a pharetra nisl pellentesque vitae. Suspendisse blandit tortor a tincidunt eleifend. Integer sollicitudin est nec mollis tincidunt. Aenean ullamcorper venenatis tellus in pretium. Proin facilisis libero tincidunt aliquam vestibulum.
  64.  
  65. [/border][/border]
  66.  
  67. [/border]
  68.  
  69. [border=0px; font-size:8px; letter-spacing:1px; text-align:center;font-family:Karla; margin-top:30px;color:black;][comment]
  70.  
  71. ‧͙⁺˚*･༓☾　please do not remove credit　☽༓･*˚⁺‧͙[/comment]coded by weldherwings.[/border]
  72.  
  73. [/border]
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!