API tools faq
paste
Advertisement
weldherwings

rohan - cs

weldherwings
Oct 24th, 2020
144
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.38 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. --tabside: #a89b88;
  26. --tabs: #dccfbe;
  27. --mainbg: #d2c9ba;
  28. --mainpic: url(https://i.pinimg.com/564x/83/73/b7/8373b7138dc92374016f4f50cffc0caf.jpg);
  29. --tab2pic: url(https://i.pinimg.com/564x/68/6d/46/686d467b0d21cb35b4bbd966110c030c.jpg);
  30. --tab3pic: url(https://i.pinimg.com/564x/ae/70/2f/ae702fb4bf6d8ebf33be67b1fb4762e9.jpg);
  31. --tab4apic: url(https://i.pinimg.com/originals/3c/42/d7/3c42d71f12479b052102317a8fa3d24d.gif);
  32. cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;]
  33. [border=0px; padding:0px; max-width:500px; height:320px; display:flex; justify-content:space-evenly; margin:auto]
  34.  
  35. [border=0px; padding:0px; width:40px; height:320px;][border=0px; padding:0px;background:var(--tabside); width:40px; height:320px; position:absolute; z-index:2; pointer-events:none; color:var(--tabs); font-size:14px; line-height:70px; text-align:center; white-space:normal ][border=0px; padding:0px; margin-top:15px;][fa]fal fa-calculator[/fa]
  36. [fa]fal fa-book[/fa]
  37. [fa]fal fa-pen[/fa]
  38. [fa]fal fa-undo-alt[/fa][/border][/border][border=0px; padding:0px; width:310px; height:5px;transform:rotate(-90deg); margin-left:-145px; margin-top:155px;][tabs]
  39.  
  40. [comment]
  41.  
  42. ‧͙⁺˚*･༓☾　cover　☽༓･*˚⁺‧͙
  43. [/comment]
  44. [tab=01][border=0px; padding:0px; height:320px; width:460px; position:absolute;background:var(--mainpic); background-size:110%; background-position:100% 50%; transform:rotate(90deg);white-space:normal; line-height:14px; font-size:14px; margin-top:50px; margin-left:-98px;]
  45. [border=0px; padding:0px; height:100px; font-size:14px; color:#22150c; width:100px; margin-left:280px; margin-top:80px; font-family: Gaegu; letter-spacing:3px; text-align:center;][comment]
  46.  
  47. ‧͙⁺˚*･༓☾　character name here　☽༓･*˚⁺‧͙
  48. [/comment]ROHAN LIU[/border][/border][/tab]
  49.  
  50. [comment]
  51.  
  52. ‧͙⁺˚*･༓☾　'pen' tab　☽༓･*˚⁺‧͙
  53. [/comment]
  54. [tab=02][border=0px; padding:0px; height:320px; width:460px; position:absolute; transform:rotate(90deg);white-space:normal; line-height:14px; font-size:14px; margin-top:50px; margin-left:-98px; display:flex; justify-content:space-between]
  55.  
  56. [border=0px; padding:0px; width:160px; height:320px; background:var(--tab2pic); background-size:cover; background-position:50% 50%;][/border]
  57.  
  58. [border=0px; padding:0px; max-width:300px; height:320px; background:var(--mainbg); overflow:hidden;][border=0px; padding:10px;width:calc(100% + 20px); height:93%; margin-left:5px;margin-top:10px;overflow-y: scroll; overflow-x:hidden; padding-right:40px; white-space:normal; font-size:12px; line-height:12px; font-family:Karla; box-sizing:border-box; ][comment]
  59.  
  60. ‧͙⁺˚*･༓☾　scroll box starts here　☽༓･*˚⁺‧͙
  61. [/comment][border=0px; padding:0px; width:300px; height:10px; color: var(--tabside); text-transform:uppercase; font-weight:bold]name[/border]
  62. [border=0px; border-left: solid #a89b88 1px;]text here[/border]
  63. [border=0px; padding:0px; width:300px; height:10px; color: var(--tabside); text-transform:uppercase; font-weight:bold]age[/border]
  64. [border=0px; border-left: solid #a89b88 1px;]text here[/border]
  65. [border=0px; padding:0px; width:300px; height:10px; color: var(--tabside); text-transform:uppercase; font-weight:bold]place of birth[/border]
  66. [border=0px; border-left: solid #a89b88 1px;]text here[/border]
  67. [border=0px; padding:0px; width:300px; height:10px; color: var(--tabside); text-transform:uppercase; font-weight:bold]birthday[/border]
  68. [border=0px; border-left: solid #a89b88 1px;]text here[/border]
  69. [border=0px; padding:0px; width:300px; height:10px; color: var(--tabside); text-transform:uppercase; font-weight:bold]faceclaim[/border]
  70. [border=0px; border-left: solid #a89b88 1px;]text here[/border]
  71. [/border][/border][/border][/tab]
  72.  
  73. [comment]
  74.  
  75. ‧͙⁺˚*･༓☾　'book' tab　☽༓･*˚⁺‧͙
  76. [/comment]
  77. [tab=03][border=0px; padding:0px; height:320px; width:460px; position:absolute; transform:rotate(90deg);white-space:normal; line-height:14px; font-size:14px; margin-top:50px; margin-left:-98px; display:flex; justify-content:space-between]
  78.  
  79. [border=0px; padding:0px; max-width:300px; height:320px; background:var(--mainbg); overflow:hidden;][border=0px; padding:10px;width:calc(100% + 20px); height:93%; margin-left:5px;margin-top:10px;overflow-y: scroll; overflow-x:hidden; padding-right:40px; white-space:normal; font-size:12px; line-height:12px; font-family:Karla; box-sizing:border-box;][comment]
  80.  
  81. ‧͙⁺˚*･༓☾　scroll box starts here　☽༓･*˚⁺‧͙
  82. [/comment][border=0px; padding:0px; width:300px; height:10px; color: var(--tabside); text-transform:uppercase; font-weight:bold]in the beginning[/border]
  83. [border=0px; border-left: solid #a89b88 1px;]Lorem ipsum dolor sit amet, cum in viderer quaeque. Cum fugit euripidis ei. Mel conceptam temporibus in, noster nominati definiebas in vel, per minim tritani te. Ne consul quaerendum has, eu sea consul commodo.
  84.  
  85. Aperiam laoreet ex his, summo graecis delicatissimi in eos, ea per mucius pertinax adipiscing. Te pri doming audire concludaturque, nusquam consectetuer has ei. Ad vix sanctus atomorum, ullum docendi ad vix. Ut eos veri detracto. Legimus expetenda ei qui, vim ne quem scripta consulatu, vim prompta inermis deseruisse ei.[/border]
  86. [border=0px; padding:0px; width:300px; height:10px; color: var(--tabside); text-transform:uppercase; font-weight:bold]in the middle[/border]
  87. [border=0px; border-left: solid #a89b88 1px;]Lorem ipsum dolor sit amet, cum in viderer quaeque. Cum fugit euripidis ei. Mel conceptam temporibus in, noster nominati definiebas in vel, per minim tritani te. Ne consul quaerendum has, eu sea consul commodo.
  88.  
  89. Aperiam laoreet ex his, summo graecis delicatissimi in eos, ea per mucius pertinax adipiscing. Te pri doming audire concludaturque, nusquam consectetuer has ei. Ad vix sanctus atomorum, ullum docendi ad vix. Ut eos veri detracto. Legimus expetenda ei qui, vim ne quem scripta consulatu, vim prompta inermis deseruisse ei.[/border]
  90. [border=0px; padding:0px; width:300px; height:10px; color: var(--tabside); text-transform:uppercase; font-weight:bold]and it keeps on going[/border]
  91. [border=0px; border-left: solid #a89b88 1px;]Lorem ipsum dolor sit amet, cum in viderer quaeque. Cum fugit euripidis ei. Mel conceptam temporibus in, noster nominati definiebas in vel, per minim tritani te. Ne consul quaerendum has, eu sea consul commodo.
  92.  
  93. Aperiam laoreet ex his, summo graecis delicatissimi in eos, ea per mucius pertinax adipiscing. Te pri doming audire concludaturque, nusquam consectetuer has ei. Ad vix sanctus atomorum, ullum docendi ad vix. Ut eos veri detracto. Legimus expetenda ei qui, vim ne quem scripta consulatu, vim prompta inermis deseruisse ei.[/border][/border][/border]
  94.  
  95. [border=0px; padding:0px; width:160px; height:320px; background:var(--tab3pic); background-size:cover; background-position:50% 50%;][/border]
  96. [/border][/tab]
  97.  
  98. [comment]
  99.  
  100. ‧͙⁺˚*･༓☾　'calculator' tab　☽༓･*˚⁺‧͙
  101. [/comment]
  102. [tab=04][border=0px; padding:0px; height:320px; width:460px; position:absolute; transform:rotate(90deg);white-space:normal; line-height:14px; font-size:14px; margin-top:50px; margin-left:-98px; display:flex; justify-content:space-between]
  103.  
  104. [border=0px; padding:0px; width:160px; height:320px; background:var(--tab4apic); background-size:cover; background-position:50% 50%;]
  105. [comment]
  106.  
  107. ‧͙⁺˚*･༓☾　'on and off' tabs　☽༓･*˚⁺‧͙
  108. [/comment][border=0px; padding:0px; height:30px; width:161px; margin-left:-1px;position:absolute; background:var(--tabside); z-index:3; top:280px; pointer-events:none;color:var(--tabs); font-size:14px; text-align:center; line-height:30px; letter-spacing:10px; ][fa]fal fa-toggle-off[/fa] [fa]fal fa-toggle-on[/fa][/border]
  109. [border=0px; padding:0px; height:20px; margin-top:260px;overflow:hidden;][tabs]
  110.  
  111. [comment]
  112.  
  113. ‧͙⁺˚*･༓☾　do not touch please　☽༓･*˚⁺‧͙
  114. [/comment][tab=a]leave empty[/tab]
  115.  
  116. [comment]
  117.  
  118. ‧͙⁺˚*･༓☾　'on' tab　☽༓･*˚⁺‧͙
  119. [/comment][tab=b][border=0px; padding:0px; position:absolute; width:300px; height:320px; background:var(--mainbg); top:0px; left:160px; overflow:hidden ][border=0px; padding:10px;width:calc(100% + 20px); height:93%; margin-left:5px;margin-top:10px;overflow-y: scroll; overflow-x:hidden; padding-right:40px; white-space:normal; font-size:12px; line-height:12px; font-family:Karla; box-sizing:border-box; ][comment]
  120.  
  121. ‧͙⁺˚*･༓☾　scroll box starts here　☽༓･*˚⁺‧͙
  122. [/comment][border=0px; padding:0px; width:300px; height:10px; color: var(--tabside); text-transform:uppercase; font-weight:bold] more information[/border]
  123. [border=0px; border-left: solid #a89b88 1px;]Lorem ipsum dolor sit amet, legere principes adversarium vis at, sea altera labore gloriatur no, tale labitur ex eam. Usu cu quando sapientem signiferumque. Veniam suscipit usu cu, petentium consetetur has at. Solum impetus appellantur at est, usu scribentur suscipiantur et, cum ad tibique dolores inimicus. Cum vituperata voluptatibus at.
  124.  
  125. Ad vim assum aeque recteque, mea luptatum deserunt tractatos no. Sint voluptaria delicatissimi quo ex, ad delenit percipitur est. Alia dolor liberavisse cum an, blandit luptatum omittantur nam ex. At quidam pertinacia elaboraret est, pro ea maiorum alienum accusamus. Vitae adversarium at nec, in eum paulo repudiandae. Ad eleifend scribentur est.
  126.  
  127. Ad duo menandri salutandi, pri eu iuvaret partiendo, at porro offendit duo. Veritus insolens delicatissimi mei id, decore principes et pro. Dicat mazim blandit vix ad, per ex dicant utroque. Alienum invidunt qui cu, ut eum oratio eripuit epicuri.
  128.  
  129. Summo prodesset vituperatoribus at vix, apeirian disputando an vel, qui duis accumsan urbanitas in. Ius ad integre corpora. Ad his nusquam principes. Aperiam recusabo nominati per ei, labores insolens delicata ei vix. Ea vix tale antiopam dissentiunt, eu albucius dissentiet eum, veniam alterum an sea. Mel cu nisl ancillae, has accusam eloquentiam no, eam erroribus tincidunt eu. Vel ipsum assum hendrerit ea.
  130.  
  131. Mundi tempor detraxit ei mei. Per sanctus utroque verterem ei. Usu te enim inani verterem. Dictas copiosae mel ea. Equidem efficiantur sea ne.[/border]
  132. [/border][/border][/tab]
  133. [/tabs][/border]
  134.  
  135. [/border]
  136. [comment]
  137.  
  138. ‧͙⁺˚*･༓☾　'off tab'　☽༓･*˚⁺‧͙
  139. [/comment]
  140. [border=0px; padding:0px; max-width:300px; height:320px; background:var(--mainbg); overflow:hidden;][border=0px; padding:10px;width:calc(100% + 20px); height:93%; margin-left:5px;margin-top:10px;overflow-y: scroll; overflow-x:hidden; padding-right:40px; white-space:normal; font-size:12px; line-height:12px; font-family:Karla; box-sizing:border-box; ][comment]
  141.  
  142. ‧͙⁺˚*･༓☾　scroll box starts here　☽༓･*˚⁺‧͙
  143. [/comment][border=0px; padding:0px; width:300px; height:10px; color: var(--tabside); text-transform:uppercase; font-weight:bold]information[/border]
  144. [border=0px; border-left: solid #a89b88 1px;]Lorem ipsum dolor sit amet, legere principes adversarium vis at, sea altera labore gloriatur no, tale labitur ex eam. Usu cu quando sapientem signiferumque. Veniam suscipit usu cu, petentium consetetur has at. Solum impetus appellantur at est, usu scribentur suscipiantur et, cum ad tibique dolores inimicus. Cum vituperata voluptatibus at.
  145.  
  146. Ad vim assum aeque recteque, mea luptatum deserunt tractatos no. Sint voluptaria delicatissimi quo ex, ad delenit percipitur est. Alia dolor liberavisse cum an, blandit luptatum omittantur nam ex. At quidam pertinacia elaboraret est, pro ea maiorum alienum accusamus. Vitae adversarium at nec, in eum paulo repudiandae. Ad eleifend scribentur est.
  147.  
  148. Ad duo menandri salutandi, pri eu iuvaret partiendo, at porro offendit duo. Veritus insolens delicatissimi mei id, decore principes et pro. Dicat mazim blandit vix ad, per ex dicant utroque. Alienum invidunt qui cu, ut eum oratio eripuit epicuri.
  149.  
  150. Summo prodesset vituperatoribus at vix, apeirian disputando an vel, qui duis accumsan urbanitas in. Ius ad integre corpora. Ad his nusquam principes. Aperiam recusabo nominati per ei, labores insolens delicata ei vix. Ea vix tale antiopam dissentiunt, eu albucius dissentiet eum, veniam alterum an sea. Mel cu nisl ancillae, has accusam eloquentiam no, eam erroribus tincidunt eu. Vel ipsum assum hendrerit ea.
  151.  
  152. Mundi tempor detraxit ei mei. Per sanctus utroque verterem ei. Usu te enim inani verterem. Dictas copiosae mel ea. Equidem efficiantur sea ne.[/border]
  153. [/border][/border][/border][/tab][/tabs][/border][/border]
  154.  
  155. [border=0px; padding:0px; width:460px; height:320px; ][/border]
  156.  
  157.  
  158. [/border][comment]
  159.  
  160. ‧͙⁺˚*･༓☾　credit - please do not remove　☽༓･*˚⁺‧͙
  161. [/comment][border=0px; font-size:8px; filter: grayscale(100%); letter-spacing:1px; text-align:center;font-family:Karla; margin-top:20px;color:black]coded by weldherwings.[/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!