API tools faq
paste
Advertisement
weldherwings

rohan - v2

weldherwings
Oct 27th, 2020 (edited)
109
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.19 KB | None | 0 0
raw download clone embed print report
  1. [comment]‧͙⁺˚*･༓☾　coded by weldherwings　☽༓･*˚⁺‧͙
  2. [font=Karla][font=Gaegu]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. font-size:0px;
  23. background-color:var(--bgcolor);
  24. --bgcolor: #d8d0c5;
  25. --image: url(https://i.pinimg.com/564x/27/c2/c1/27c2c1aaf13c183a6af2706f90452985.jpg);
  26. --topcolor:#bc9771;
  27. --maincolor:#dedcd8;
  28. --namefont: Gaegu;
  29. --mainfont: Karla;
  30. --tabbg: rgba(255, 255, 255, 0.8);
  31. cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;]
  32.  
  33. [border=0px; padding:0px; max-width:400px; height:700px; margin:auto; ]
  34.  
  35. [border=0px; padding:0px; width:400px; height:30px; background:var(--topcolor); display:flex; justify-content: space-evenly]
  36.  
  37. [border=0px; padding:0px; width:200px; height:30px; background:var(--topcolor); position:absolute; z-index:2; padding-top:8px;margin-left:-180px; pointer-events:none; line-height:14px; font-size:8px; white-space:normal; color:var(--bgcolor); text-align:center; letter-spacing:25px;][fa]fas fa-circle[/fa] [fa]fas fa-circle[/fa] [fa]fas fa-circle[/fa][/border]
  38.  
  39. [border=0px; padding:0px; width:220px; height:30px;]
  40. [tabs][tab=1]leave blank[/tab]
  41. [comment]
  42.  
  43. ‧͙⁺˚*･༓☾　tab 1　☽༓･*˚⁺‧͙
  44. [/comment]
  45. [tab=2][border=0px; padding:10px; width:400px; height:271px; background:var(--tabbg); position:absolute; z-index:3; margin-top:-23px; margin-left:-20px;white-space:normal; font-size:12px; line-height:12px; font-family:var(--mainfont); box-sizing:border-box;]
  46. [border=0px; padding:0px; width:300px; height:10px; color: var(--topcolor); text-transform:uppercase; font-weight:bold]mood[/border]
  47. [border=0px; border-left: 1px solid var(--topcolor);]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sodales lectus vitae eros feugiat, id scelerisque sem condimentum. Suspendisse potenti. Praesent at purus hendrerit, laoreet felis in, volutpat elit. [/border]
  48. [border=0px; padding:0px; width:300px; height:10px; color: var(--topcolor); text-transform:uppercase; font-weight:bold]location[/border]
  49. [border=0px; border-left: 1px solid var(--topcolor);]Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/border]
  50. [border=0px; padding:0px; width:300px; height:10px; color: var(--topcolor); text-transform:uppercase; font-weight:bold]tag[/border]
  51. [border=0px; border-left: 1px solid var(--topcolor);]Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/border]
  52. [/border][/tab]
  53.  
  54. [comment]
  55.  
  56. ‧͙⁺˚*･༓☾　tab 2　☽༓･*˚⁺‧͙
  57. [/comment]
  58. [tab=3][border=0px; padding:10px; width:400px; height:271px; background:var(--tabbg); position:absolute; z-index:3; margin-top:-23px; margin-left:-20px;white-space:normal; font-size:12px; line-height:12px; font-family:var(--mainfont); box-sizing:border-box;]
  59. [border=0px; padding:0px; width:300px; height:10px; color: var(--topcolor); text-transform:uppercase; font-weight:bold]outfit[/border]
  60. [border=0px; border-left: 1px solid var(--topcolor);]Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/border]
  61. [border=0px; padding:0px; width:300px; height:10px; color: var(--topcolor); text-transform:uppercase; font-weight:bold]other[/border]
  62. [border=0px; border-left: 1px solid var(--topcolor);]Lorem ipsum dolor sit amet, consectetur adipiscing elit. [/border][/border][/tab]
  63. [/tabs]
  64.  
  65. [/border]
  66.  
  67. [border=0px; padding:0px; width:180px; height:30px; line-height:14px; font-size:12px; white-space:normal; color:var(--bgcolor); box-sizing:content-box; padding-top:8px; text-align:right; text-transform:uppercase; padding-right:10px; font-family:var(--namefont); letter-spacing:2px;][comment]
  68.  
  69. ‧͙⁺˚*･༓☾　character name here　☽༓･*˚⁺‧͙
  70. [/comment]rohan liu[/border]
  71.  
  72. [/border]
  73.  
  74. [border=0px; padding:0px; width:400px;height: 270px; background:var(--image); background-size:cover; background-position:50% 40%; position:relative; z-index:2;][/border]
  75.  
  76. [border=0px; width:400px; height:400px; background:var(--maincolor); padding:10px; box-sizing:border-box; white-space:normal; font-size:12px; line-height:12px; font-family:var(--mainfont); box-sizing:border-box;]
  77. [border=0px; padding:0px; width:300px; height:10px; color: var(--topcolor); text-transform:uppercase; font-weight:bold][comment]
  78.  
  79. ‧͙⁺˚*･༓☾　change little title here　☽༓･*˚⁺‧͙
  80. [/comment]you pull me back from the edge[/border]
  81. [border=0px; border-left: 1px solid var(--topcolor); overflow:hidden; width:360px; height:320px; margin-left:5px;][border=0px; padding-left:5px; box-sizing:border-box; padding-right:20px;width:calc(100% + 30px); height: calc(100% + 30px); overflow-y:scroll; overflow-x:hidden; margin-top:-20px; ][comment]
  82.  
  83. ‧͙⁺˚*･༓☾　main post starts here　☽༓･*˚⁺‧͙
  84. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent sodales lectus vitae eros feugiat, id scelerisque sem condimentum. Suspendisse potenti. Praesent at purus hendrerit, laoreet felis in, volutpat elit. Nam id fringilla nisi. Morbi dictum non felis non mollis. Suspendisse neque elit, egestas eu elit et, pellentesque facilisis quam. Mauris sollicitudin massa justo, sit amet sagittis ante consequat et. Suspendisse vel neque rutrum, congue purus ac, venenatis orci. Nam tempor lectus sed metus varius, sit amet imperdiet neque facilisis. Mauris quis aliquam nulla.
  85.  
  86. Donec ipsum nisi, facilisis quis volutpat non, cursus non leo. Etiam congue eros dolor, ac sagittis tellus consequat vel. Sed at vestibulum felis. In euismod sapien ante. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nullam quis facilisis dui. Phasellus fermentum ante vel nulla dapibus, vel blandit ipsum euismod. Nam nec erat sit amet felis placerat rutrum. In sit amet ipsum enim. Fusce libero magna, sollicitudin a mollis sed, commodo eu massa.
  87.  
  88. Morbi id elementum arcu, ac consectetur mi. Nullam quis neque lectus. Donec consectetur massa diam, id ultricies dolor maximus a. Integer sagittis nibh id tellus malesuada tincidunt. Aenean quis ultricies tortor. Curabitur eleifend risus et ex sagittis blandit. Maecenas fringilla sem mauris, id convallis velit venenatis a. Vivamus dapibus, velit at aliquam interdum, justo urna blandit erat, eu dapibus felis enim eu dolor. Duis feugiat diam vel justo tristique pulvinar. Aenean tortor libero, placerat ut felis non, consectetur interdum ex. Pellentesque non mi sit amet diam gravida convallis. Etiam tempor, ex quis molestie porttitor, odio diam mollis ante, non lacinia nisi nisi at elit. [/border][/border]
  89.  
  90. [/border]
  91. [/border]
  92.  
  93. [comment]
  94.  
  95. ‧͙⁺˚*･༓☾　credit - please do not remove　☽༓･*˚⁺‧͙
  96. [/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]
  97.  
  98. [/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!