API tools faq
paste
Advertisement
weldherwings

minho - ic

weldherwings
Nov 30th, 2020
162
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.70 KB | None | 0 0
raw download clone embed print report
  1. [comment]‧͙⁺˚*･༓☾　coded by weldherwings　☽༓･*˚⁺‧͙
  2. [font=Karla][font=Rubik]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. color:black;
  23. background: #F2F2F2;
  24. --gray: #E8E8E8;
  25. --border:1.5px solid #bababa;
  26. --header: Rubik;
  27. --mainfont:Karla;
  28. --headercolor: #848484;
  29. --textbg: #F9F9F9;
  30. --textbgside: rgba(249, 249, 249, 0.5);
  31. --img: url(https://64.media.tumblr.com/4347c3ebf076c0005f731487e0643f64/tumblr_inline_ovtwfeKJ8j1tx0nwx_400.gif);
  32. --outfit: url(https://i.pinimg.com/564x/03/a9/b2/03a9b24b16902277f742bd1e509ca0f5.jpg);
  33. cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;]
  34.  
  35. [border=var(--border); padding:0px; max-width:550px; width:100%; height:fit-content; background:var(--gray);display:flex; flex-flow: row wrap; justify-content:center; align-items:center; margin:auto;box-sizing:border-box;]
  36.  
  37. [border=0px; padding:0px; height:420px; width:200px; border-right: var(--border);box-sizing:border-box; margin-top:-20px;]
  38. [border=0px; padding:0px; height:140px; width:200px; display:flex; justify-content:space-evenly; margin-top:25px;]
  39. [border=var(--border); background:var(--img); background-size:cover; background-position:50% 40%; height:120px; width:120px; margin-top:5px; ][/border]
  40. [border=0px; height:120px; width:10px; margin-top:7px; margin-left:-10px; ]
  41. [border=0px; transform:rotate(-90deg);line-height:13px; font-size:21px; white-space:normal; width:160px; height:10px; margin-top:30px; margin-left:-88px; text-transform:uppercase ; font-family:var(--header); color:var(--headercolor)]minho kang[/border][/border][/border]
  42.  
  43. [border=0px; padding:0px; border-top:var(--border); display:flex;justify-content: space-evenly; margin-top:20px;width:220px; margin-left:-20px; height:234px; ]
  44. [border=0px; padding:0px; height:254px; width:90px; margin-top:-2px;][border=0px; padding:0px; padding-right:20px;height:200px; width:70px; background:var(--gray); position:absolute; margin-top:25px; margin-left:10px;pointer-events:none; z-index:3;line-height:50px; font-size:12px; white-space:normal; text-align:center;font-family:var(--header); color:var(--headercolor) ][comment]
  45.  
  46. ‧͙⁺˚*･༓☾　TAB BUTTONS　☽༓･*˚⁺‧͙
  47. [/comment][fa]fal fa-pen[/fa]
  48. [fa]fal fa-tshirt[/fa]
  49. [fa]fal fa-angle-double-right[/fa][/border]
  50.  
  51. [border=0px; padding:0x;margin-left:-10px; margin-top:-40px;line-height:50px;]
  52. [tabs]
  53. [comment]
  54.  
  55. ‧͙⁺˚*･༓☾　TAB 1　☽༓･*˚⁺‧͙
  56. [/comment]
  57. [tab=01][border=0px; padding:0px; height:230px; width:145px;position:absolute; z-index:3; margin-top:-203px; margin-left:45px;overflow:hidden;display:flex; flex-direction:column;]
  58. [border=0px; padding:0px; height:calc(100% - 10px); width:200%; margin-top:-45px; overflow-y:scroll;overflow-x:hidden; line-height:12px; font-size:9px; text-align:left;white-space:normal; font-family: var(--mainfont); color: var(--fontcolor); ][border=0; height:auto; width:51%; box-sizing:border-box;][comment]
  59.  
  60. ‧͙⁺˚*･༓☾　TAB 1 TEXT　☽༓･*˚⁺‧͙
  61. [/comment][border=var(--border); padding:10px; box-sixing:border-box; max-width:100px; margin:auto; background:var(--textbgside);]
  62. [border=0px; padding:0px; height:fit-content; border-bottom:var(--border); padding-bottom:2px; margin-bottom:5px;margin-top:-10px; text-transform:uppercase ; font-family:var(--header); color:var(--headercolor); font-size:10px; ]mood[/border]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque hendrerit pretium nisi ut sodales. [/border]
  63. [border=var(--border); padding:10px; box-sixing:border-box; max-width:100px; margin:auto; background:var(--textbgside);]
  64. [border=0px; padding:0px; height:fit-content; border-bottom:var(--border); padding-bottom:2px; margin-bottom:5px;margin-top:-10px; text-transform:uppercase ; font-family:var(--header); color:var(--headercolor); font-size:10px; ]location[/border]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque hendrerit pretium nisi ut sodales. [/border]
  65. [border=var(--border); padding:10px; box-sixing:border-box; max-width:100px; margin:auto; background:var(--textbgside);]
  66. [border=0px; padding:0px; height:fit-content; border-bottom:var(--border); padding-bottom:2px; margin-bottom:5px;margin-top:-10px; text-transform:uppercase ; font-family:var(--header); color:var(--headercolor); font-size:10px; ]mention[/border]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque hendrerit pretium nisi ut sodales. [/border]
  67. [/border][/border][/border][/tab]
  68.  
  69. [comment]
  70.  
  71. ‧͙⁺˚*･༓☾　TAB 2　☽༓･*˚⁺‧͙
  72. [/comment]
  73. [tab=02][border=0px; padding:0px; height:230px; width:145px;position:absolute; z-index:3; margin-top:-203px; margin-left:45px;overflow:hidden;display:flex; flex-direction:column;]
  74. [border=0px; padding:0px; height:calc(100% - 10px); width:200%; margin-top:-45px; overflow-y:scroll;overflow-x:hidden; line-height:12px; font-size:9px; text-align:left;white-space:normal; font-family: var(--mainfont); color: var(--fontcolor); ][border=0; height:auto; width:51%; box-sizing:border-box;][comment]
  75.  
  76. ‧͙⁺˚*･༓☾　TAB 2 TEXT　☽༓･*˚⁺‧͙
  77. [/comment][border=var(--border); padding:10px; box-sixing:border-box; max-width:100px; margin:auto; background:var(--textbgside);]
  78. [border=0px; padding:0px; height:fit-content; border-bottom:var(--border); padding-bottom:2px; margin-bottom:5px;margin-top:-10px; text-transform:uppercase ; font-family:var(--header); color:var(--headercolor); font-size:10px; ]outfit[/border][border=0px; padding:0px; width:100%; height:200px; background:var(--outfit); background-size:cover;][/border] [/border]
  79.  
  80. [/border][/border][/border][/tab]
  81.  
  82. [comment]
  83.  
  84. ‧͙⁺˚*･༓☾　TAB 3　☽༓･*˚⁺‧͙
  85. [/comment]
  86. [tab=03][border=0px; padding:0px; height:230px; width:145px;position:absolute; z-index:3; margin-top:-203px; margin-left:45px;overflow:hidden;display:flex; flex-direction:column;]
  87. [border=0px; padding:0px; height:calc(100% - 10px); width:200%; margin-top:-45px; overflow-y:scroll;overflow-x:hidden; line-height:12px; font-size:9px; text-align:left;white-space:normal; font-family: var(--mainfont); color: var(--fontcolor); ][border=0; height:auto; width:51%; box-sizing:border-box;][comment]
  88.  
  89. ‧͙⁺˚*･༓☾　TAB 3 TEXT　☽༓･*˚⁺‧͙
  90. [/comment][border=var(--border); padding:10px; box-sixing:border-box; max-width:100px; margin:auto; background:var(--textbgside);]
  91. [border=0px; padding:0px; height:fit-content; border-bottom:var(--border); padding-bottom:2px; margin-bottom:5px;margin-top:-10px; text-transform:uppercase ; font-family:var(--header); color:var(--headercolor); font-size:10px; ]tag[/border]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque hendrerit pretium nisi ut sodales. [/border]
  92. [border=var(--border); padding:10px; box-sixing:border-box; max-width:100px; margin:auto; background:var(--textbgside);]
  93. [border=0px; padding:0px; height:fit-content; border-bottom:var(--border); padding-bottom:2px; margin-bottom:5px;margin-top:-10px; text-transform:uppercase ; font-family:var(--header); color:var(--headercolor); font-size:10px; ]more info[/border]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque hendrerit pretium nisi ut sodales. [/border]
  94.  
  95. [/border][/border][/border][/tab][/tabs][/border][/border]
  96.  
  97. [border=0px; padding:0px; height:254px; width:100px; margin-top:-2px;][/border]
  98. [/border]
  99. [/border]
  100.  
  101.  
  102.  
  103. [border=0px; padding:0px; height:400px; width:346px;overflow:hidden;display:flex; flex-direction:column;]
  104. [border=0px; padding:0px; height:calc(100% - 10px); width:200%; margin-top:5px; overflow-y:scroll;overflow-x:hidden; line-height:14px; font-size:10px; white-space:normal; font-family: var(--mainfont); color: var(--fontcolor); ][border=0; height:auto; width:51%; box-sizing:border-box;][comment]
  105.  
  106. ‧͙⁺˚*･༓☾　Your main text here!　☽༓･*˚⁺‧͙
  107. [/comment][border=var(--border); padding:10px; box-sixing:border-box; max-width:300px; margin:auto; background:var(--textbg);]
  108. [border=0px; padding:0px; height:fit-content; width:300px; border-bottom:var(--border); padding-right:50px; padding-bottom:10px; margin-left:-11px; margin-top:-10px; text-align:right;text-transform:uppercase ; font-family:var(--header); color:var(--headercolor); font-size:14px;]header here[/border]
  109. 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.
  110.  
  111. 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.
  112.  
  113. 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.
  114.  
  115. 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][/border]
  116.  
  117. [/border]
  118.  
  119. [comment]
  120.  
  121. ‧͙⁺˚*･༓☾　credit - please do not remove　☽༓･*˚⁺‧͙
  122. [/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.
  123. [/border][/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!