API tools faq
paste
weldherwings

monsters - ic

weldherwings
Oct 26th, 2020
115
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.33 KB | None | 0 0
raw download clone embed print report
  1. [comment]‧͙⁺˚*･༓☾　coded by weldherwings　☽༓･*˚⁺‧͙
  2. [font=Karla][font=Libre Baskerville]kero! stop eating the sweets![/font][/font]
  3. [/comment][border=0px;
  4. padding:0px;
  5. display:block;
  6. font-smoothing:antialiased;
  7. -webkit-font-smoothing: antialiased;
  8. -moz-osx-font-smoothing: grayscale;
  9. position:relative;
  10. text-align:justify;
  11. white-space:nowrap;
  12. box-sizing:border-box;
  13. width:100%;
  14. height:auto;
  15. overflow:hidden;
  16. line-height:0px;
  17. padding-top:40px;
  18. padding-bottom:60px;
  19. color:black;
  20. font-size:0px;
  21. background-color:var(--bgcolor);
  22. --bgcolor: #d4d7d4;
  23. --darkcolor: #262626;
  24. --titlefont: Libre Baskerville;
  25. --mainfont: Karla;
  26. --img1: url(https://i.imgur.com/ubHiqGM.jpg);
  27. --img2: url(https://images.unsplash.com/photo-1500099817043-86d46000d58f?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=634&q=80);
  28. cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;]
  29.  
  30. [border=0px; padding:0px; width:700px; height:500px; display:flex; justify-content: space-evenly; background:red; border-radius:10px; margin:auto;]
  31.  
  32. [border=0px; padding:0px; width:350px; height:500px; background:var(--img1); background-size:cover; background-position:50% 50%; border-radius:5px 0px 0px 5px]
  33.  
  34. [border=0px; padding:0px; width:275px; height:350px; margin:auto; position:relative; top:80px; overflow:hidden; border-radius:5px; ]
  35.  
  36. [border=0px; padding:0px; width:275px; height:350px; position:absolute; background: var(--darkcolor);][/border]
  37.  
  38. [border=0px; width:300px; height:300px; border-radius:100%; background:var(--img2); background-size:cover; background-position:80% 40%; position:absolute;top:-155px; left:-5px;][/border]
  39.  
  40. [border=0px; padding:0px; width:250px; height:100px; color:var(--bgcolor); position:absolute; top:240px; left:14px;z-index:3;white-space:normal;line-height:25px; font-size:22px; font-family: var(--titlefont); letter-spacing:3px; text-align:justify; font-weight:bold;][comment]
  41.  
  42. ‧͙⁺˚*･༓☾　change title here　☽༓･*˚⁺‧͙
  43. [/comment]we became the monsters our parents warned us about at night.[/border]
  44. [/border]
  45.  
  46. [border=0px; padding:0px; width:200px; height:100px; position:absolute; background: var(--darkcolor); margin-top:-80px; margin-left:73px; z-index:2; pointer-events:none; font-size:15px; color:var(--bgcolor); letter-spacing:24px; white-space:normal;line-height:10px; box-sizing:content-box; padding-left:15px;padding-top:5px; text-align:center;][fa]fas fa-circle[/fa] [fa]fas fa-circle[/fa] [fa]fas fa-circle[/fa][/border]
  47.  
  48. [border=0px; padding:0px; width:220px; height:10px; position:absolute; margin-top:-80px; margin-left:65px; ][tabs]
  49.  
  50. [comment]
  51.  
  52. ‧͙⁺˚*･༓☾　tab one　☽༓･*˚⁺‧͙
  53. [/comment]
  54. [tab=1][border=0px; padding:0px; width:350px; height:500px; position:absolute;left:285px; top:-290px; z-index:2; overflow:hidden]
  55. [border=0px; padding:20px; box-sizing:content-box;width: calc(100% - 25px); padding-right:40px;height:calc(100% - 70px); margin-top:30px;overflow-y:scroll; overflow-x:hidden; font-size:12px; color:var(--bgcolor); white-space:normal; line-height:14px; font-family:var(--mainfont);][border=0px; padding:0px; color:var(--bgcolor); font-size:22px; font-family: var(--titlefont); letter-spacing:3px; text-align:center; font-weight:bold;]tab one.[/border]
  56. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sapien arcu, convallis ut condimentum id, ornare at ligula. Duis congue, nunc nec posuere ultrices, orci urna facilisis velit, ut sagittis justo massa eget felis. Nam dictum posuere feugiat. Nullam at erat consectetur, efficitur urna eget, tempor justo. Etiam gravida quam lacus, vitae vehicula dui vehicula maximus. Integer eu bibendum ante. Maecenas mattis semper hendrerit. Morbi ultrices quam viverra, imperdiet nunc ac, pellentesque tellus. Curabitur quis arcu eget arcu porta tempor ut non dui. Donec malesuada tristique libero, nec elementum sem accumsan ac. Etiam imperdiet nulla tincidunt est tempor consequat. Cras luctus diam sem, malesuada blandit eros dignissim ac. Aenean placerat interdum placerat. Phasellus non bibendum mi, a cursus erat. Donec bibendum arcu at orci varius iaculis.
  57.  
  58. Sed vitae mauris urna. Aliquam lacinia nibh non lorem efficitur, eget malesuada erat sagittis. Duis ac tincidunt enim. Duis scelerisque leo vitae est tempus, vel tincidunt lectus pharetra. Aenean placerat purus et turpis tincidunt, imperdiet faucibus massa molestie. Etiam ut convallis lorem, a egestas nunc. Quisque ante nisl, faucibus nec leo nec, volutpat dictum lorem. Mauris ex arcu, tincidunt quis purus quis, vestibulum varius magna. Etiam venenatis fermentum semper. Duis feugiat suscipit magna, sit amet congue sem dictum non. Cras dui urna, vehicula nec vulputate non, laoreet hendrerit turpis. Praesent ut odio maximus lacus pellentesque interdum sed id nunc.
  59.  
  60. Nam dictum posuere feugiat. Nullam at erat consectetur, efficitur urna eget, tempor justo. Etiam gravida quam lacus, vitae vehicula dui vehicula maximus. Integer eu bibendum ante. Maecenas mattis semper hendrerit. Morbi ultrices quam viverra, imperdiet nunc ac, pellentesque tellus. Curabitur quis arcu eget arcu porta tempor ut non dui. Donec malesuada tristique libero, nec elementum sem accumsan ac. Etiam imperdiet nulla tincidunt est tempor consequat. Cras luctus diam sem, malesuada blandit eros dignissim ac. Aenean placerat interdum placerat. Phasellus non bibendum mi, a cursus erat. Donec bibendum arcu at orci varius iaculis.[/border]
  61. [/border]
  62.  
  63. [border=0px; padding:0px; width:30px; height:30px; animation: fa-spin 6s cubic-bezier(0.5, 2, 0.1, 0.6) infinite; position:absolute; font-size:5px; color:var(--bgcolor); white-space:normal;line-height:10px;top:-2px; left:30px;z-index:3;][fa]fas fa-circle[/fa][/border]
  64. [/tab]
  65.  
  66. [comment]
  67.  
  68. ‧͙⁺˚*･༓☾　tab two　☽༓･*˚⁺‧͙
  69. [/comment]
  70. [tab=2][border=0px; padding:0px; width:350px; height:510px; position:absolute;left:280px; top:-295px; z-index:2; overflow:hidden]
  71. [border=0px; padding:25px; box-sizing:content-box;width: calc(100% - 25px); padding-right:40px;height:calc(100% - 50px); margin-top:30px;overflow-y:scroll; overflow-x:hidden; font-size:12px; color:var(--bgcolor); white-space:normal; line-height:14px; font-family:var(--mainfont);][border=0px; padding:0px; color:var(--bgcolor); font-size:22px; font-family: var(--titlefont); letter-spacing:3px; text-align:center; font-weight:bold;]tab two.[/border]
  72. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sapien arcu, convallis ut condimentum id, ornare at ligula. Duis congue, nunc nec posuere ultrices, orci urna facilisis velit, ut sagittis justo massa eget felis. Nam dictum posuere feugiat. Nullam at erat consectetur, efficitur urna eget, tempor justo. Etiam gravida quam lacus, vitae vehicula dui vehicula maximus. Integer eu bibendum ante. Maecenas mattis semper hendrerit. Morbi ultrices quam viverra, imperdiet nunc ac, pellentesque tellus. Curabitur quis arcu eget arcu porta tempor ut non dui. Donec malesuada tristique libero, nec elementum sem accumsan ac. Etiam imperdiet nulla tincidunt est tempor consequat. Cras luctus diam sem, malesuada blandit eros dignissim ac. Aenean placerat interdum placerat. Phasellus non bibendum mi, a cursus erat. Donec bibendum arcu at orci varius iaculis.
  73.  
  74. Sed vitae mauris urna. Aliquam lacinia nibh non lorem efficitur, eget malesuada erat sagittis. Duis ac tincidunt enim. Duis scelerisque leo vitae est tempus, vel tincidunt lectus pharetra. Aenean placerat purus et turpis tincidunt, imperdiet faucibus massa molestie. Etiam ut convallis lorem, a egestas nunc. Quisque ante nisl, faucibus nec leo nec, volutpat dictum lorem. Mauris ex arcu, tincidunt quis purus quis, vestibulum varius magna. Etiam venenatis fermentum semper. Duis feugiat suscipit magna, sit amet congue sem dictum non. Cras dui urna, vehicula nec vulputate non, laoreet hendrerit turpis. Praesent ut odio maximus lacus pellentesque interdum sed id nunc.
  75.  
  76. Nam dictum posuere feugiat. Nullam at erat consectetur, efficitur urna eget, tempor justo. Etiam gravida quam lacus, vitae vehicula dui vehicula maximus. Integer eu bibendum ante. Maecenas mattis semper hendrerit. Morbi ultrices quam viverra, imperdiet nunc ac, pellentesque tellus. Curabitur quis arcu eget arcu porta tempor ut non dui. Donec malesuada tristique libero, nec elementum sem accumsan ac. Etiam imperdiet nulla tincidunt est tempor consequat. Cras luctus diam sem, malesuada blandit eros dignissim ac. Aenean placerat interdum placerat. Phasellus non bibendum mi, a cursus erat. Donec bibendum arcu at orci varius iaculis.[/border]
  77. [/border]
  78.  
  79. [border=0px; padding:0px; width:30px; height:30px; animation: fa-spin 6s cubic-bezier(0.5, 2, 0.1, 0.6) infinite; position:absolute; font-size:5px; color:var(--bgcolor); white-space:normal;line-height:10px;top:-2px; left:95px;z-index:3;][fa]fas fa-circle[/fa][/border]
  80. [/tab]
  81.  
  82. [comment]
  83.  
  84. ‧͙⁺˚*･༓☾　tab three　☽༓･*˚⁺‧͙
  85. [/comment]
  86. [tab=3][border=0px; padding:0px; width:350px; height:500px; position:absolute;left:285px; top:-290px; z-index:2; overflow:hidden]
  87. [border=0px; padding:20px; box-sizing:content-box;width: calc(100% - 25px); padding-right:40px;height:calc(100% - 70px); margin-top:30px;overflow-y:scroll; overflow-x:hidden; font-size:12px; color:var(--bgcolor); white-space:normal; line-height:14px; font-family:var(--mainfont);][border=0px; padding:0px; color:var(--bgcolor); font-size:22px; font-family: var(--titlefont); letter-spacing:3px; text-align:center; font-weight:bold;]tab three.[/border]
  88. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis sapien arcu, convallis ut condimentum id, ornare at ligula. Duis congue, nunc nec posuere ultrices, orci urna facilisis velit, ut sagittis justo massa eget felis. Nam dictum posuere feugiat. Nullam at erat consectetur, efficitur urna eget, tempor justo. Etiam gravida quam lacus, vitae vehicula dui vehicula maximus. Integer eu bibendum ante. Maecenas mattis semper hendrerit. Morbi ultrices quam viverra, imperdiet nunc ac, pellentesque tellus. Curabitur quis arcu eget arcu porta tempor ut non dui. Donec malesuada tristique libero, nec elementum sem accumsan ac. Etiam imperdiet nulla tincidunt est tempor consequat. Cras luctus diam sem, malesuada blandit eros dignissim ac. Aenean placerat interdum placerat. Phasellus non bibendum mi, a cursus erat. Donec bibendum arcu at orci varius iaculis.
  89.  
  90. Sed vitae mauris urna. Aliquam lacinia nibh non lorem efficitur, eget malesuada erat sagittis. Duis ac tincidunt enim. Duis scelerisque leo vitae est tempus, vel tincidunt lectus pharetra. Aenean placerat purus et turpis tincidunt, imperdiet faucibus massa molestie. Etiam ut convallis lorem, a egestas nunc. Quisque ante nisl, faucibus nec leo nec, volutpat dictum lorem. Mauris ex arcu, tincidunt quis purus quis, vestibulum varius magna. Etiam venenatis fermentum semper. Duis feugiat suscipit magna, sit amet congue sem dictum non. Cras dui urna, vehicula nec vulputate non, laoreet hendrerit turpis. Praesent ut odio maximus lacus pellentesque interdum sed id nunc.
  91.  
  92. Nam dictum posuere feugiat. Nullam at erat consectetur, efficitur urna eget, tempor justo. Etiam gravida quam lacus, vitae vehicula dui vehicula maximus. Integer eu bibendum ante. Maecenas mattis semper hendrerit. Morbi ultrices quam viverra, imperdiet nunc ac, pellentesque tellus. Curabitur quis arcu eget arcu porta tempor ut non dui. Donec malesuada tristique libero, nec elementum sem accumsan ac. Etiam imperdiet nulla tincidunt est tempor consequat. Cras luctus diam sem, malesuada blandit eros dignissim ac. Aenean placerat interdum placerat. Phasellus non bibendum mi, a cursus erat. Donec bibendum arcu at orci varius iaculis.[/border]
  93. [/border]
  94.  
  95. [border=0px; padding:0px; width:30px; height:30px; animation: fa-spin 6s cubic-bezier(0.5, 2, 0.1, 0.6) infinite; position:absolute; font-size:5px; color:var(--bgcolor); white-space:normal;line-height:10px;top:-2px; left:160px;z-index:3;][fa]fas fa-circle[/fa][/border][/tab]
  96.  
  97. [/tabs][/border]
  98.  
  99. [/border]
  100.  
  101. [border=0px; padding:0px; width:350px; height:500px; background:var(--darkcolor); border-radius:0px 5px 5px 0px][/border]
  102.  
  103. [/border]
  104. [comment]
  105.  
  106. ‧͙⁺˚*･༓☾　credit - please do not remove　☽༓･*˚⁺‧͙
  107. [/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]
  108.  
  109. [/border]
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!