API tools faq
paste
Advertisement
weldherwings

eunsang - request

weldherwings
Nov 4th, 2020 (edited)
118
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.94 KB | None | 0 0
raw download clone embed print report
  1. [comment]‧͙⁺˚*･༓☾　coded by weldherwings　☽༓･*˚⁺‧͙
  2. [font=Karla][font=Montserrat]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. padding:0px;
  7. display:block;
  8. font-smoothing:antialiased;
  9. -webkit-font-smoothing: antialiased;
  10. -moz-osx-font-smoothing: grayscale;
  11. position:relative;
  12. text-align:justify;
  13. white-space:nowrap;
  14. box-sizing:border-box;
  15. width:100%;
  16. height:auto;
  17. overflow:hidden;
  18. line-height:0px;
  19. padding-top:40px;
  20. padding-bottom:40px;
  21. color:black;
  22. background:white;
  23. font-size:0px;
  24. --bgcolor: #d8d0c5;
  25. --mainbg: #191818;
  26. --fade: linear-gradient(155deg, rgba(0,0,0,0) 40%, rgba(0,0,0,1) 70%);
  27. --mainfont:Karla;
  28. --fontcolor:#b9b8b8;
  29. --titlefont: Montserrat;
  30. --sideimage:url(https://i.pinimg.com/564x/51/8c/9b/518c9bcb39edfdcdbc0ee889b4f79f00.jpg);
  31. --characterimage:url(https://www.rpnation.com/proxy.php?image=https%3A%2F%2F64.media.tumblr.com%2Fd13b4852118348f4ea8b84235e6fbe3a%2F06470c45b314965e-72%2Fs500x750%2F7390e026d60693c6b42c4d394dec0582fbf237d8.gif&hash=05182623bc083ff6a40d00f700dc7736);
  32. cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;]
  33.  
  34. [border=0px; padding:0px; height:500px; width: 700px; display:flex; justify-content:space-between; margin:auto;]
  35.  
  36. [border=0px; padding:0px; height:500px; width:300px; background:var(--sideimage); background-size:cover;filter:grayscale(100%);]
  37. [border=0px; padding:0px;width:300px; height:310px; clip-path: polygon(0% 25%, 100% 10%, 100% 75%, 0% 90%); background:var(--characterimage); background-size:cover; background-position:50% 50%; filter:grayscale(100%);][/border]
  38.  
  39. [border=0px; padding:0px; width:300px; height:200px;font-family:var(--titlefont);line-height:32px; font-size:15px; white-space:normal; text-transform:uppercase; text-align:left; color:var(--fontcolor); font-weight:bold;text-shadow: 2px 2px 0px black; position:absolute; transform:rotate(-8.5deg); letter-spacing:4px; top:20px;left:25px; ][comment]
  40.  
  41. ‧͙⁺˚*･༓☾　top title　☽༓･*˚⁺‧͙
  42. [/comment]the keyboardist[/border]
  43. [comment]
  44.  
  45. ‧͙⁺˚*･༓☾　name title　☽༓･*˚⁺‧͙
  46. [/comment][border=0px; padding:0px; width:200px; height:200px;margin-left:-40px; margin-top:20px;font-family:var(--titlefont);line-height:32px; font-size:40px; white-space:normal; text-transform:uppercase; text-align:left; color:var(--fontcolor); font-weight:bold;text-shadow: 2px 2px 0px black; ]kai
  47. eun-sang[/border]
  48.  
  49.  
  50. [border=0px; padding:0px; transform:scale(0.4, 0.4) rotate(90deg); height:40px; width:260px;margin-left:-180px; margin-top:-165px; position:relative;]
  51. [border=0px; padding:0px; height:100px; width:260px; position:absolute; z-index:2; background:white; pointer-events:none; display:flex; justify-content:centered; padding-left:10px;box-sizing:border-box;]
  52. [border=0px; padding:0px; height:25px; width:70px; background:var(--fontcolor); box-shadow:4px -6px 0px -2px #000000;][/border]
  53. [border=0px; padding:0px; height:25px; width:70px; margin-left:5px;background:var(--fontcolor);box-shadow:4px -6px 0px -2px #000000;][/border]
  54. [border=0px; padding:0px; height:25px; width:70px; margin-left:5px;background:var(--fontcolor);box-shadow:4px -6px 0px -2px #000000;][/border][/border]
  55. [tabs]
  56.  
  57.  
  58. [comment]
  59.  
  60. ‧͙⁺˚*･༓☾　first tab　☽༓･*˚⁺‧͙
  61. [/comment]
  62. [tab=01][border=0px; padding:0px; line-height:14px; font-size:12px; white-space:normal; font-family: var(--mainfont); color: var(--fontcolor); height:200px; width:301px; background:var(--fade); position:absolute; transform:scale(2.5, 2.5) rotate(-90deg); z-index:2; margin-top:-633px; margin-left:-5px;]
  63. [border=0px; width:215px; height:160px; margin-left:80px;overflow:hidden;][comment]
  64.  
  65. ‧͙⁺˚*･༓☾　music player　☽༓･*˚⁺‧͙
  66. [/comment][border=0px; padding:0px; width:210px; height:100px; background:black; position:absolute; z-index:2; margin-left:-2px; margin-top:20px; pointer-events:none; transform:scale(0.9, 0.9)]
  67. [border=0px; padding:0px; width:200px; height:20px; display:flex;justify-content: center; margin:auto]
  68. [border=0px; padding:0px; width:30px; height:20px; font-size:10px; margin-top:3.5px; ]0:23[/border]
  69. [border=0px; padding:0px; height:2px; width:180px; margin:auto; background:var(--fontcolor)][border=0px; padding:0px;width:6px; height:6px; margin-top:-2px; margin-left:20px;border-radius:100%; background:var(--fontcolor);][/border][/border]
  70. [border=0px; padding:0px; width:30px; height:auto; font-size:10px; margin-top:3.5px; margin-left:5px; ]3:35[/border] [/border][border=0px; padding:0px; width:210px; height:20px; text-align:center;][b]before you go[/b]
  71. lewis capaldi
  72.  
  73. [border=0px; padding:0px; letter-spacing:5px;][fa]fas fa-backward[/fa] [fa]fas fa-play[/fa] [fa]fas fa-forward[/fa][/border][/border]
  74.  
  75. [/border][border=0px; padding:0px;width:100px; height:60px; margin-left:60px; margin-top:65px; transform:scale(0.5, 0.5)][MEDIA=soundcloud]https://soundcloud.com/lewiscapaldi/before-you-go[/MEDIA][/border][/border][/border][/tab][/tab]
  76.  
  77. [comment]
  78.  
  79. ‧͙⁺˚*･༓☾　second tab　☽༓･*˚⁺‧͙
  80. [/comment]
  81. [tab=02][border=0px; padding:0px; line-height:14px; font-size:12px; white-space:normal; font-family: var(--mainfont); color: var(--fontcolor); height:200px; width:301px; background:var(--fade); position:absolute; transform:scale(2.5, 2.5) rotate(-90deg); z-index:2; margin-top:-633px; margin-left:-5px;]
  82. [border=0px; width:220px; height:160px; margin-left:80px;overflow:hidden;display:flex; flex-direction:column;]
  83. [border=0px; border=0px; height:100%; width:200%; padding:0px; overflow-y:scroll;overflow-x:hidden; line-height:14px; font-size:12px; white-space:normal; font-family: var(--mainfont); color: var(--fontcolor) ][border=0; height:auto; width:50%; box-sizing:border-box;][comment]
  84.  
  85. ‧͙⁺˚*･༓☾　second tab contents　☽༓･*˚⁺‧͙
  86. [/comment]Lorem ipsum dolor sit amet, aliquam luptatum pertinax has eu, id modus antiopam consulatu vim. Epicuri tacimates inimicus his et, vim quod accumsan principes ea. Ad dicit iracundia sit, ex labores phaedrum mei. Impedit rationibus consetetur sea ut, et usu vituperata scriptorem reprehendunt.
  87.  
  88. Assum dicunt cu eos. At his inani homero, ea mel fugit aliquip maiorum. In usu iudico vivendo, id pri suas ubique quaestio. Qui nonumes patrioque ne. Illum utamur ex mei, libris mucius ponderum has ad. In est vivendum reprehendunt, eum at veniam voluptua, postea delicata vel ne.[/border][/border][/border][/border][/tab]
  89.  
  90. [comment]
  91.  
  92. ‧͙⁺˚*･༓☾　third tab　☽༓･*˚⁺‧͙
  93. [/comment]
  94. [tab=03][border=0px; padding:0px; line-height:14px; font-size:12px; white-space:normal; font-family: var(--mainfont); color: var(--fontcolor); height:200px; width:301px; background:var(--fade); position:absolute; transform:scale(2.5, 2.5) rotate(-90deg); z-index:2; margin-top:-633px; margin-left:-5px;]
  95. [border=0px; width:220px; height:160px; margin-left:80px;overflow:hidden;display:flex; flex-direction:column;]
  96. [border=0px; border=0px; height:100%; width:200%; padding:0px; overflow-y:scroll;overflow-x:hidden; line-height:14px; font-size:12px; white-space:normal; font-family: var(--mainfont); color: var(--fontcolor) ][border=0; height:auto; width:50%; box-sizing:border-box;][comment]
  97.  
  98. ‧͙⁺˚*･༓☾　third tab contents　☽༓･*˚⁺‧͙
  99. [/comment]Lorem ipsum dolor sit amet, aliquam luptatum pertinax has eu, id modus antiopam consulatu vim. Epicuri tacimates inimicus his et, vim quod accumsan principes ea. Ad dicit iracundia sit, ex labores phaedrum mei. Impedit rationibus consetetur sea ut, et usu vituperata scriptorem reprehendunt.
  100.  
  101. Assum dicunt cu eos. At his inani homero, ea mel fugit aliquip maiorum. In usu iudico vivendo, id pri suas ubique quaestio. Qui nonumes patrioque ne. Illum utamur ex mei, libris mucius ponderum has ad. In est vivendum reprehendunt, eum at veniam voluptua, postea delicata vel ne.[/border][/border][/border][/border][/tab][/tab][/tabs][/border]
  102.  
  103. [/border]
  104.  
  105.  
  106. [border=0px; padding:10px; padding-left:20px; box-sizing:border-box;height:500px; width:400px; background:var(--mainbg); overflow:hidden;display:flex; flex-direction:column;]
  107. [border=0px; border=0px; height:100%; width:200%; padding:0px; overflow-y:scroll;overflow-x:hidden; line-height:14px; font-size:12px; white-space:normal; font-family: var(--mainfont); color: var(--fontcolor) ][border=0; height:auto; width:50%; box-sizing:border-box;][comment]
  108.  
  109. ‧͙⁺˚*･༓☾　main text box starts here　☽༓･*˚⁺‧͙
  110. [/comment]Lorem ipsum dolor sit amet, aliquam luptatum pertinax has eu, id modus antiopam consulatu vim. Epicuri tacimates inimicus his et, vim quod accumsan principes ea. Ad dicit iracundia sit, ex labores phaedrum mei. Impedit rationibus consetetur sea ut, et usu vituperata scriptorem reprehendunt.
  111.  
  112. Assum dicunt cu eos. At his inani homero, ea mel fugit aliquip maiorum. In usu iudico vivendo, id pri suas ubique quaestio. Qui nonumes patrioque ne. Illum utamur ex mei, libris mucius ponderum has ad. In est vivendum reprehendunt, eum at veniam voluptua, postea delicata vel ne.
  113.  
  114. Ex enim deleniti sit. Ut vel cibo cotidieque, pri ut posse fuisset philosophia. Ubique maiorum eu pri, unum sententiae vel eu. Veri sale deleniti pri id, vis wisi minimum electram ei. Ei debet choro tollit sea, nam id altera iisque mediocrem. Cu amet option integre est, ne sea perpetua maluisset pertinacia, nec at aliquam nominati.
  115.  
  116. Duo ea civibus facilisis. Ut velit quaerendum mea, graeci saperet usu ut, mei utinam eripuit ei. Mel sale aperiri sensibus in, ut quas dissentiunt neglegentur mea, oporteat facilisi instructior an nec. Ei sea regione malorum, id eos eros mundi expetenda, vix labore possim sensibus at.
  117.  
  118. Ex enim deleniti sit. Ut vel cibo cotidieque, pri ut posse fuisset philosophia. Ubique maiorum eu pri, unum sententiae vel eu. Veri sale deleniti pri id, vis wisi minimum electram ei. Ei debet choro tollit sea, nam id altera iisque mediocrem. Cu amet option integre est, ne sea perpetua maluisset pertinacia, nec at aliquam nominati.
  119.  
  120. Duo ea civibus facilisis. Ut velit quaerendum mea, graeci saperet usu ut, mei utinam eripuit ei. Mel sale aperiri sensibus in, ut quas dissentiunt neglegentur mea, oporteat facilisi instructior an nec. Ei sea regione malorum, id eos eros mundi expetenda, vix labore possim sensibus at.
  121.  
  122. Ad nec tale adolescens consectetuer, tale liber legimus ei sit, sit id nonumy fierent consulatu. His quod reque alterum no, omnis munere no cum. Iriure appetere deserunt ne mea. His ex sumo aliquid placerat. No modus soluta noster mea, et mea salutandi euripidis. Id movet civibus vel, in amet dicta elitr mei, aperiam labores eos a[/border][/border][/border]
  123.  
  124.  
  125. [/border]
  126.  
  127. [comment]
  128.  
  129. ‧͙⁺˚*･༓☾　credit - please do not remove　☽༓･*˚⁺‧͙
  130. [/comment][border=0px; font-size:8px; filter: grayscale(100%); letter-spacing:1px; text-align:center;font-family:Karla; margin-top:30px;color:black]coded by weldherwings.[/border]
  131. [/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!