API tools faq
paste
Advertisement
weldherwings

it's alright - code

weldherwings
Nov 25th, 2020
223
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.38 KB | None | 0 0
raw download clone embed print report
  1. [comment]‧͙⁺˚*･༓☾　coded by weldherwings　☽༓･*˚⁺‧͙
  2. [font=Karla][font=Abril Fatface]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:60px;
  21. font-size:0px;
  22.  
  23. --topimg: url(https://media0.giphy.com/media/TKjxikqmJMTvUf5uFf/source.gif);
  24. --topcolor: #6c6c71;
  25. --sidecolor: #8e9292;
  26. --maincolor: #dadada;
  27. --bottomimg: url(https://www.stoneset.com.au/wp-content/uploads/2017/01/2800-Kotara-NSW-3mm-Charcoal-Ash-Carpark-Overlay-680x400.jpg);
  28. --outfit: url(https://i.pinimg.com/564x/26/eb/c8/26ebc8511632d06c7371dadbce195cb7.jpg);
  29. --mainfont:Karla;
  30. --fontcolor:black;
  31. --fancy: Abril Fatface;
  32.  
  33. cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;]
  34.  
  35. [border=0px; padding:0px; max-width:400px; width:100%; height:500px; margin:auto;]
  36.  
  37. [border=0px; padding:0px; max-width:400px; width:100%; height:100px; display:flex; justify-content:space-evenly]
  38. [border=0px; padding:0px; width:100px; height:100px; background:var(--topimg); background-size:cover; background-position:50%;][/border]
  39. [border=0px; padding:0px; padding-top:60px; padding-left:10px;box-sizing:border-box;width:300px; height:100px; background:var(--topcolor);line-height:14px; font-size:35px; white-space:normal; font-family: var(--fancy); color: var(--maincolor); ][comment]
  40.  
  41. ‧͙⁺˚*･༓☾　top header　☽༓･*˚⁺‧͙
  42. [/comment]said i'm alright.[/border][/border]
  43.  
  44. [border=0px; padding:0px; max-width:400px; width:100%; height:300px; display:flex; justify-content:space-evenly;]
  45. [border=0px; padding:0px; width:100px; height:300px; background:var(--sidecolor);]
  46. [border=0px; padding:0px; width:100px; height:300px; background:var(--sidecolor); position:absolute; z-index:2; pointer-events:none;]
  47. [border=0px; padding:0px; width:50px; height:200px; line-height:55px; font-size:12px; white-space:normal; font-family: var(--mainfont); color: var(--maincolor); margin-left:43px; margin-top:30px;][comment]
  48.  
  49. ‧͙⁺˚*･༓☾　font awesome icons　☽༓･*˚⁺‧͙
  50. [/comment][fa]fal fa-home[/fa]
  51. [fa]fal fa-signature[/fa]
  52. [fa]fal fa-tshirt[/fa]
  53. [fa]fal fa-pen[/fa]
  54. [/border]
  55.  
  56. [/border]
  57. [border=0px; padding:0px; line-height:50px; margin-top:30px; margin-left:3px;][tabs][tab=1]>leave empty!!!<[/tab]
  58.  
  59. [comment]
  60.  
  61. ‧͙⁺˚*･༓☾　tab two　☽༓･*˚⁺‧͙
  62. [/comment]
  63. [tab=2][border=0px; padding:0px; width:300px; height:300px; background:var(--maincolor);overflow:hidden;display:flex; flex-direction:column; position:absolute; margin-top:-271px; margin-left:77px;][border=0px; padding:0px; height:calc(100% - 10px); width:200%; margin-top:5px; 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:51%; box-sizing:border-box;display:flex; flex-flow:row wrap;]
  64. [comment]
  65.  
  66. ‧͙⁺˚*･༓☾　tab two contents　☽༓･*˚⁺‧͙
  67. [/comment][border=0px; width:70px; height:fit-content;font-weight:bold; font-size:14px;font-family:var(--fancy); letter-spacing:1px; ]mood[/border]
  68. [border=0px; width:160px; height:fit-content;]Nulla facilisi. Vestibulum feugiat viverra imperdiet. Fusce id semper lacus. Integer mattis hendrerit augue, eget congue neque bibendum non. Mauris placerat cursus purus in pulvinar.[/border]
  69.  
  70. [border=0px; width:70px; height:fit-content;font-weight:bold; font-size:14px;font-family:var(--fancy); letter-spacing:1px;]location[/border]
  71. [border=0px; width:160px; height:fit-content;]Nulla facilisi. Vestibulum feugiat viverra imperdiet. Fusce id semper lacus. Integer mattis hendrerit augue, eget congue neque bibendum non. Mauris placerat cursus purus in pulvinar.[/border]
  72. [/border][/border][/border][/tab]
  73.  
  74. [comment]
  75.  
  76. ‧͙⁺˚*･༓☾　tab three　☽༓･*˚⁺‧͙
  77. [/comment]
  78. [tab=3][border=0px; padding:0px; width:300px; height:300px; background:var(--maincolor);overflow:hidden;display:flex; flex-direction:column; position:absolute; margin-top:-271px; margin-left:77px;][border=0px; padding:0px; height:calc(100% - 10px); width:200%; margin-top:5px; 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:51%; box-sizing:border-box;][border=0px; width:70px; height:fit-content;font-weight:bold; font-size:14px;font-family:var(--fancy); letter-spacing:1px; ]outfit[/border][border=10px solid var(--sidecolor); padding:0px; width:200px; height:200px; background:var(--outfit); background-size:cover; background-position:50% 50%; transform:rotate(-5deg); margin:auto][/border]
  79.  
  80. [/border][/border][/border][/tab]
  81. [comment]
  82.  
  83. ‧͙⁺˚*･༓☾　tab four　☽༓･*˚⁺‧͙
  84. [/comment]
  85. [tab=4][border=0px; padding:0px; width:300px; height:300px; background:var(--maincolor);overflow:hidden;display:flex; flex-direction:column; position:absolute; margin-top:-271px; margin-left:77px;][border=0px; padding:0px; height:calc(100% - 10px); width:200%; margin-top:5px; 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:51%; box-sizing:border-box;display:flex; flex-flow:row wrap;][comment]
  86.  
  87. ‧͙⁺˚*･༓☾　tab four contents　☽༓･*˚⁺‧͙
  88. [/comment]
  89. [border=0px; width:70px; height:fit-content;font-weight:bold; font-size:14px;font-family:var(--fancy); letter-spacing:1px; ]tag[/border]
  90. [border=0px; width:160px; height:fit-content;]Nulla facilisi. Vestibulum feugiat viverra imperdiet. Fusce id semper lacus. Integer mattis hendrerit augue, eget congue neque bibendum non. Mauris placerat cursus purus in pulvinar.[/border]
  91.  
  92. [border=0px; width:70px; height:fit-content;font-weight:bold; font-size:14px;font-family:var(--fancy); letter-spacing:1px;]other[/border]
  93. [border=0px; width:160px; height:fit-content;]Nulla facilisi. Vestibulum feugiat viverra imperdiet. Fusce id semper lacus. Integer mattis hendrerit augue, eget congue neque bibendum non. Mauris placerat cursus purus in pulvinar.[/border]
  94. [/border][/border][/border][/tab][/tabs][/border]
  95.  
  96. [/border]
  97.  
  98.  
  99. [border=0px; padding:0px; width:300px; height:300px; background:var(--maincolor);overflow:hidden;display:flex; flex-direction:column;]
  100. [border=0px; padding:0px; height:calc(100% - 10px); width:200%; margin-top:5px; 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:51%; box-sizing:border-box;][comment]
  101.  
  102. ‧͙⁺˚*･༓☾　Your main text here!　☽༓･*˚⁺‧͙
  103. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque hendrerit pretium nisi ut sodales. Donec hendrerit elementum leo, id facilisis nibh dapibus ut. Vivamus vel volutpat est. Donec vitae eros enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed suscipit faucibus nisi, vitae semper nisl.
  104.  
  105. Nulla facilisi. Vestibulum feugiat viverra imperdiet. Fusce id semper lacus. Integer mattis hendrerit augue, eget congue neque bibendum non. Mauris placerat cursus purus in pulvinar. Cras nisi ante, semper sed pellentesque id, euismod eu est. Mauris lacinia leo tellus, ac cursus lacus lacinia non. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas sed vestibulum lorem.[/border][/border][/border]
  106. [/border]
  107.  
  108. [border=0px; padding:0px; max-width:400px; width:100%; height:100px; position:absolute; z-index:3;background:var(--bottomimg); background-size: cover; background-position:50% 50%;][/border]
  109. [/border]
  110.  
  111. [comment]
  112.  
  113. ‧͙⁺˚*･༓☾　credit - please do not remove　☽༓･*˚⁺‧͙
  114. [/comment][border=0px; font-size:8px; filter: grayscale(100%); letter-spacing:1px; text-align:center;font-family:Karla; margin-top:30px;line-height:11px;]coded by weldherwings.
  115. [/border]
  116. [/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!