API tools faq
paste
weldherwings

marlee -- cs

weldherwings
Aug 13th, 2020
138
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.37 KB | None | 0 0
raw download clone embed print report
  1. [comment]‧͙⁺˚*･༓☾　coded by weldherwings　☽༓･*˚⁺‧͙
  2. [font=Karla][font=Josefin Sans]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. display:block;
  7. font-smoothing:antialiased;
  8. -webkit-font-smoothing: antialiased;
  9. -moz-osx-font-smoothing: grayscale;
  10. position:relative;
  11. text-align:justify;
  12. white-space:nowrap;
  13. box-sizing:border-box;
  14. width:100%;
  15. height:auto;
  16. overflow:hidden;
  17. line-height:0px;
  18. color:black;
  19. padding-bottom:40px;
  20. background: rgb(234,202,177);
  21. background: linear-gradient(0deg, rgba(234,202,177,0.5) 50%, rgba(166,183,173,0.5) 50%);
  22.  
  23. --grey: #d2d2d2;
  24. --mainbg: #f2ede9;
  25. --titlefont: Josefin Sans;
  26. --mainfont: Karla;
  27.  
  28. --fontcoverpic:url('https://cool-pretty-cool-k2qshwl6jp.netdna-ssl.com/media/sydney-australia/billie-jean/COOL-PRETTY-COOL-BILLIE-JEAN-HAMLET-PRISCILLAS-MODELS-ROMANCE-WAS-BORN-29.jpg');
  29.  
  30. --1stpic: url(https://scontent-syd2-1.cdninstagram.com/v/t51.2885-15/e35/70782245_1208694476187287_5630534458410391180_n.jpg?_nc_ht=scontent-syd2-1.cdninstagram.com&_nc_cat=111&_nc_ohc=HknyEZDf5lkAX_JWjlb&oh=2cfa0b07b80a26bca1bdfdb9fdbb30a2&oe=5F5C384A);
  31.  
  32. --2ndpic: url(https://scontent-syd2-1.cdninstagram.com/v/t51.2885-15/e35/95436983_559760584541993_6738453782910277315_n.jpg?_nc_ht=scontent-syd2-1.cdninstagram.com&_nc_cat=105&_nc_ohc=VdT9uZjeh-wAX9q_ER4&oh=955f5cca22c495f2f5af322c634a8c3a&oe=5F5B49DD);
  33.  
  34. --1stbigpic: url(https://scontent-syd2-1.cdninstagram.com/v/t51.2885-15/e35/p1080x1080/74881539_498043847709266_8840253902568265607_n.jpg?_nc_ht=scontent-syd2-1.cdninstagram.com&_nc_cat=102&_nc_ohc=e6erfhCo2OoAX82_Ovz&oh=a745b64733e83ed03d865cb4de235334&oe=5F5BE8C9);
  35.  
  36. --3rdpic: url(https://scontent-syd2-1.cdninstagram.com/v/t51.2885-15/sh0.08/e35/p640x640/102946709_147955320153013_3060357449100027406_n.jpg?_nc_ht=scontent-syd2-1.cdninstagram.com&_nc_cat=101&_nc_ohc=Jl7Jmnhfhs4AX8E0mkb&oh=3c9022cdc7d93d7946fc157fe4aed053&oe=5F5B7755);
  37.  
  38. --4thpic: url(https://scontent-syd2-1.cdninstagram.com/v/t51.2885-15/sh0.08/e35/s640x640/106134958_173529074179597_3472619247824230927_n.jpg?_nc_ht=scontent-syd2-1.cdninstagram.com&_nc_cat=101&_nc_ohc=eX-mtNsGbiYAX86TtUM&oh=530b8a42f3655e2e758b5e382a65fa27&oe=5F5BAA50);
  39.  
  40. --h1color: #bc6c2d;
  41. --h2color:#909986 ;
  42. cursor: url(https://66.media.tumblr.com/232c090ebdd37ae4bc17adb54e1e0344/tumblr_inline_ol4nwhvSwg1uxxza6_75sq.png), auto!important;]
  43.  
  44. [border=1px solid var(--grey); padding:0px; width:500px; height:500px; margin:auto; margin-top:60px; margin-bottom:50px; box-shadow: 9px 12px 0px 1px rgba(0,0,0,0.1); overflow:hidden ]
  45.  
  46. [border=0px; padding:0px; height:500px; width:500px; position:relative; transform:rotate(90deg);][border=0px; padding:0px;][accordion=100%]
  47. {slide=[border=0px; padding:20px; box-sizing:border-box; height:510px; width:520px;transform:rotate(-90deg); background:var(--mainbg); margin-top:-20px; margin-left:-30px;overflow:hidden; font-family:(--mainfont); font-variant:none; font-weight:normal; white-space:normal][border=0px; padding:0px;box-sizing: content-box; width:100%; height:100%; overflow-y:scroll; overflow-x:hidden; padding-right:30px;]
  48.  
  49. [border=0px; padding:0px; width: 490px; height:230px; margin:auto; margin-left:-10px; margin-top:-10px;display:flex; justify-content: space-between; ]
  50. [border=0px; width:200px; height:auto; background:var(--1stpic); background-size:cover; background-position: 50%;][/border]
  51.  
  52. [border=0px; width:275px; height:auto; overflow:hidden;][border=0px; padding:0px;padding-left:10px; box-sizing: content-box; width:calc(100% - 20px);height:100%; overflow-y:scroll; overflow-x:hidden; padding-right:40px;line-height:11px; font-size:10px; color:black; text-align:justify;backface-visibility: hidden;][comment]
  53.  
  54. ‧͙⁺˚*･༓☾　start of 'basic' scroll　☽༓･*˚⁺‧͙
  55.  
  56. [/comment][border=0px; padding:10px; width:92%; box-sizing:content-box; background: var(--h1color); position:sticky; top:0px; text-transform:uppercase; letter-spacing:1px;]Basic[/border]
  57. Lorem ipsum dolor sit amet, unum omnis eligendi sit cu. No iusto viris contentiones sit, modo vidit albucius ad vis. Et labore concludaturque ius, sea at ferri fabellas iudicabit. Scaevola consulatu inciderint cum ea, at qui erant vulputate temporibus. Ea sed case habeo aeterno, no has viris probatus iudicabit, scriptorem theophrastus cu sit. Iriure aperiri at nam, eligendi oportere omittantur cu mei.
  58.  
  59. Mea ex elitr cetero. His laboramus elaboraret et, eu nam bonorum appellantur. Et alii delicata accommodare mel, mea ea eros ubique. Mea ut prima docendi philosophia, ea eam erant ponderum argumentum, lorem dictas utamur mel no. Eum ad inimicus mediocritatem, velit reprimique sea no.
  60.  
  61. Ex quot everti has. Vis ex brute torquatos, labitur civibus apeirian ad vix. An elit necessitatibus mea, at nec similique intellegat, ius saepe debitis an. Alienum percipit no sit, usu an tale putant mandamus. Eum bonorum probatus inciderint ea, te per inani intellegat definitiones. Eam eruditi volumus gubergren ut, vis no nihil democritum.
  62.  
  63. Duo at mentitum epicurei insolens, vix id facilis suscipiantur, inimicus inciderint ea eam. Fugit omnes cetero vim cu, incorrupte honestatis appellantur no pro, nam mazim incorrupte ea. At errem offendit sea, est erant interesset eu. Ex mea augue nihil, latine aperiri veritus in eam. Rebum corpora ut sed.
  64.  
  65. Corpora facilisis sed te. Ius et doming oporteat, ut pro prima appareat persequeris, et nihil latine pro. Quo ne oratio accusata dissentiet, eam quot dicta suscipiantur et. Ei fugit facete nec. Ius gloriatur sententiae contentiones cu, iusto option vim ut. Numquam docendi albucius in eos, vel essent mentitum cotidieque te, simul complectitur eum ad.
  66. [/border][/border][/border]
  67.  
  68. [border=0px; padding:0px; width: 490px; height:230px; margin:auto; margin-left:-20px; margin-top:20px;display:flex; justify-content: space-between; ]
  69.  
  70. [border=0px; width:275px; height:auto; overflow:hidden;][border=0px; padding:0px;padding-left:10px; box-sizing: content-box; width:calc(100% - 20px);height:100%; overflow-y:scroll; overflow-x:hidden; padding-right:40px; line-height:11px; font-size:10px;color:black; text-align:justify;backface-visibility: hidden;][comment]
  71.  
  72. ‧͙⁺˚*･༓☾　start of 'persona' scroll　☽༓･*˚⁺‧͙
  73.  
  74. [/comment][border=0px; padding:10px; width:92%; box-sizing:content-box; background: var(--h2color); position:sticky; top:0px;text-transform:uppercase; letter-spacing:1px;]Persona[/border]
  75. Lorem ipsum dolor sit amet, unum omnis eligendi sit cu. No iusto viris contentiones sit, modo vidit albucius ad vis. Et labore concludaturque ius, sea at ferri fabellas iudicabit. Scaevola consulatu inciderint cum ea, at qui erant vulputate temporibus. Ea sed case habeo aeterno, no has viris probatus iudicabit, scriptorem theophrastus cu sit. Iriure aperiri at nam, eligendi oportere omittantur cu mei.
  76.  
  77. Mea ex elitr cetero. His laboramus elaboraret et, eu nam bonorum appellantur. Et alii delicata accommodare mel, mea ea eros ubique. Mea ut prima docendi philosophia, ea eam erant ponderum argumentum, lorem dictas utamur mel no. Eum ad inimicus mediocritatem, velit reprimique sea no.
  78.  
  79. Ex quot everti has. Vis ex brute torquatos, labitur civibus apeirian ad vix. An elit necessitatibus mea, at nec similique intellegat, ius saepe debitis an. Alienum percipit no sit, usu an tale putant mandamus. Eum bonorum probatus inciderint ea, te per inani intellegat definitiones. Eam eruditi volumus gubergren ut, vis no nihil democritum.
  80.  
  81. Duo at mentitum epicurei insolens, vix id facilis suscipiantur, inimicus inciderint ea eam. Fugit omnes cetero vim cu, incorrupte honestatis appellantur no pro, nam mazim incorrupte ea. At errem offendit sea, est erant interesset eu. Ex mea augue nihil, latine aperiri veritus in eam. Rebum corpora ut sed.
  82.  
  83. Corpora facilisis sed te. Ius et doming oporteat, ut pro prima appareat persequeris, et nihil latine pro. Quo ne oratio accusata dissentiet, eam quot dicta suscipiantur et. Ei fugit facete nec. Ius gloriatur sententiae contentiones cu, iusto option vim ut. Numquam docendi albucius in eos, vel essent mentitum cotidieque te, simul complectitur eum ad.
  84.  
  85. [/border][/border]
  86. [border=0px; width:200px; height:auto; background:var(--2ndpic); background-size:cover; background-position: 50%;][/border][/border]
  87.  
  88. [border=0px; padding:0px;width:101%; height:500px; background:var(--1stbigpic); background-size:cover; margin-top:20px;][/border]
  89.  
  90. [border=0px; padding:0px; width: 490px; height:230px; margin:auto; margin-left:-10px; margin-top:20px;display:flex; justify-content: space-between; ]
  91. [border=0px; width:200px; height:auto; background:var(--3rdpic); background-size:cover; background-position: 50% 30%;][/border]
  92.  
  93. [border=0px; width:275px; height:auto; overflow:hidden;][border=0px; padding:0px;padding-left:10px; box-sizing: content-box; width:calc(100% - 20px);height:100%; overflow-y:scroll; overflow-x:hidden; padding-right:40px; line-height:11px; font-size:10px;color:black; text-align:justify;backface-visibility: hidden;][comment]
  94.  
  95. ‧͙⁺˚*･༓☾　start of 'history' scroll　☽༓･*˚⁺‧͙
  96.  
  97. [/comment][border=0px; padding:10px; width:92%; box-sizing:content-box; background: var(--h1color);position:sticky; top:0px; text-transform:uppercase; letter-spacing:1px;]History[/border]
  98. Lorem ipsum dolor sit amet, unum omnis eligendi sit cu. No iusto viris contentiones sit, modo vidit albucius ad vis. Et labore concludaturque ius, sea at ferri fabellas iudicabit. Scaevola consulatu inciderint cum ea, at qui erant vulputate temporibus. Ea sed case habeo aeterno, no has viris probatus iudicabit, scriptorem theophrastus cu sit. Iriure aperiri at nam, eligendi oportere omittantur cu mei.
  99.  
  100. Mea ex elitr cetero. His laboramus elaboraret et, eu nam bonorum appellantur. Et alii delicata accommodare mel, mea ea eros ubique. Mea ut prima docendi philosophia, ea eam erant ponderum argumentum, lorem dictas utamur mel no. Eum ad inimicus mediocritatem, velit reprimique sea no.
  101.  
  102. Ex quot everti has. Vis ex brute torquatos, labitur civibus apeirian ad vix. An elit necessitatibus mea, at nec similique intellegat, ius saepe debitis an. Alienum percipit no sit, usu an tale putant mandamus. Eum bonorum probatus inciderint ea, te per inani intellegat definitiones. Eam eruditi volumus gubergren ut, vis no nihil democritum.
  103.  
  104. Duo at mentitum epicurei insolens, vix id facilis suscipiantur, inimicus inciderint ea eam. Fugit omnes cetero vim cu, incorrupte honestatis appellantur no pro, nam mazim incorrupte ea. At errem offendit sea, est erant interesset eu. Ex mea augue nihil, latine aperiri veritus in eam. Rebum corpora ut sed.
  105.  
  106. Corpora facilisis sed te. Ius et doming oporteat, ut pro prima appareat persequeris, et nihil latine pro. Quo ne oratio accusata dissentiet, eam quot dicta suscipiantur et. Ei fugit facete nec. Ius gloriatur sententiae contentiones cu, iusto option vim ut. Numquam docendi albucius in eos, vel essent mentitum cotidieque te, simul complectitur eum ad.
  107. [/border][/border][/border]
  108.  
  109. [border=0px; padding:0px; width: 490px; height:230px; margin:auto; margin-left:-20px; margin-top:20px;display:flex; justify-content: space-between; ]
  110.  
  111. [border=0px; width:275px; height:auto; overflow:hidden;][border=0px; padding:0px;padding-left:10px; box-sizing: content-box; width:calc(100% - 20px);height:100%; overflow-y:scroll; overflow-x:hidden; padding-right:40px; line-height:11px; font-size:10px;color:black; text-align:justify;backface-visibility: hidden;][comment]
  112.  
  113. ‧͙⁺˚*･༓☾　start of 'relationship' scroll　☽༓･*˚⁺‧͙
  114.  
  115. [/comment][border=0px; padding:10px; width:92%; box-sizing:content-box; background: var(--h2color);position:sticky; top:0px; text-transform:uppercase; letter-spacing:1px;]relationships[/border]
  116. Lorem ipsum dolor sit amet, unum omnis eligendi sit cu. No iusto viris contentiones sit, modo vidit albucius ad vis. Et labore concludaturque ius, sea at ferri fabellas iudicabit. Scaevola consulatu inciderint cum ea, at qui erant vulputate temporibus. Ea sed case habeo aeterno, no has viris probatus iudicabit, scriptorem theophrastus cu sit. Iriure aperiri at nam, eligendi oportere omittantur cu mei.
  117.  
  118. Mea ex elitr cetero. His laboramus elaboraret et, eu nam bonorum appellantur. Et alii delicata accommodare mel, mea ea eros ubique. Mea ut prima docendi philosophia, ea eam erant ponderum argumentum, lorem dictas utamur mel no. Eum ad inimicus mediocritatem, velit reprimique sea no.
  119.  
  120. Ex quot everti has. Vis ex brute torquatos, labitur civibus apeirian ad vix. An elit necessitatibus mea, at nec similique intellegat, ius saepe debitis an. Alienum percipit no sit, usu an tale putant mandamus. Eum bonorum probatus inciderint ea, te per inani intellegat definitiones. Eam eruditi volumus gubergren ut, vis no nihil democritum.
  121.  
  122. Duo at mentitum epicurei insolens, vix id facilis suscipiantur, inimicus inciderint ea eam. Fugit omnes cetero vim cu, incorrupte honestatis appellantur no pro, nam mazim incorrupte ea. At errem offendit sea, est erant interesset eu. Ex mea augue nihil, latine aperiri veritus in eam. Rebum corpora ut sed.
  123.  
  124. Corpora facilisis sed te. Ius et doming oporteat, ut pro prima appareat persequeris, et nihil latine pro. Quo ne oratio accusata dissentiet, eam quot dicta suscipiantur et. Ei fugit facete nec. Ius gloriatur sententiae contentiones cu, iusto option vim ut. Numquam docendi albucius in eos, vel essent mentitum cotidieque te, simul complectitur eum ad.
  125. [/border][/border]
  126. [border=0px; width:200px; height:auto; background:var(--4thpic); background-size:180%; background-position: 80%;][/border][/border]
  127.  
  128. [/border][/border]}{/slide}[border=0px; height:500px; padding:0px;][/border]
  129.  
  130. {slide=[border=0px; padding:0px; height:511px; width:512px; background:var(--fontcoverpic); background-position:50% 50%;position:absolute; top:-510px; left:-20px; background-size:cover; pointer-events:none; transform:rotate(-90deg); ][border=0px; white-space:normal;font-size:55px; line-height:35px; margin-left:10px; margin-top:80px; color:var(--mainbg); text-shadow: 3px 3px 0px #DE9C68;font-family:var(--titlefont); font-weight: 700] [comment]
  131.  
  132. ‧͙⁺˚*･༓☾　name　☽༓･*˚⁺‧͙
  133.  
  134. [/comment]marlee
  135. harris[/border][/border]}{/slide}
  136. [/accordion][/border][/border][/border]
  137.  
  138. [comment]
  139.  
  140. ‧͙⁺˚*･༓☾　credit - please do not remove　☽༓･*˚⁺‧͙
  141. [/comment]
  142. [border=0px; font-size:8px; letter-spacing:1px; text-align:center;font-family:Karla; margin-top:20px;color:black]coded by weldherwings.
  143. [/border]
  144. [/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!