API tools faq
paste
Stardust_Galaxy

Cotton Candy

Stardust_Galaxy
Mar 17th, 2022 (edited)
113
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.76 KB | None | 0 0
raw download clone embed print report
  1. [comment][font=Quicksand][font=EB Garamond]BG[/font][/font]
  2.  
  3. [/comment][border=none; position:relative; max-width:450px; height:auto; margin:auto; display:flex; flex-direction:column; flex-wrap: wrap; flex-grow:1;
  4.  
  5. /*colors used*/
  6. --BGcolor:#e9e1e8;
  7. --Color-1:#aa87a5;
  8. --Color-2:#bfa5bc;
  9. --Color-3: #95698f;
  10. --textcolor-1:#775472;
  11. --fontcolor:#000;
  12. --fontcolor-2:#fff;
  13.  
  14. /*pictures used*/
  15. --pic:url(https://i.pinimg.com/564x/2e/65/fd/2e65fd79164fbd9fb6b181b15f37a073.jpg);
  16. --pic-g1:url(https://i.pinimg.com/564x/a4/32/4b/a4324bdcc255512f53840a951bdef212.jpg);
  17. --pic-g2:url(https://i.pinimg.com/564x/3a/be/44/3abe4445f8241f4cfdb2c00814b3dd38.jpg);
  18. --pic-g3:url(https://i.pinimg.com/564x/49/b7/8d/49b78d777583ff23f68c293cc722cf6c.jpg);
  19. --pic-g4:url(https://i.pinimg.com/564x/d6/fd/b4/d6fdb4cd28b795f20005eddc1605f130.jpg);
  20.  
  21. /*fonts*/
  22. --text: 'EB Garamond'
  23. --text-1: 'Quicksand'][comment]
  24.  
  25. TOP PART[/comment][border=none;background:var(--BGcolor); height:50px; width:95%;margin:auto; display:flex; flex-direction:row; flex-grow:1;][comment]
  26.  
  27. --icon--[/comment][border=none;width: 10%;height:30px; margin:auto; border-bottom:2px solid var(--Color-1); border-top:2px solid var(--Color-1);][border=none; margin-top:-10px; margin-left:0px;font-size:20px; color:var(--Color-1);][fa]far fa-gamepad[/fa][/border][/border][comment]
  28.  
  29. --name--[/comment][border=none; width:80%; height:30px; margin:auto;border:2px solid var(--Color-1); font-family: var(--text); font-size:clamp(18px, 2.5vw, 25px); color: var(--textcolor-1); line-height: 30px; text-align: center; text-transform:uppercase; ]character name[/border][comment]
  30.  
  31. --icon-2--[/comment][border=none; width:10%; height:30px; margin:auto; border-bottom:2px solid var(--Color-1); border-top:2px solid var(--Color-1);][border=none; margin-top:-10px; margin-left:0px; font-size:20px; color:var(--Color-1);][fa]far fa-gamepad[/fa][/border][/border][/border][comment]
  32.  
  33. MIDDLE PART[/comment][border=none; background:var(--BGcolor); height:50; width:95%;margin:auto; display:flex; flex:direction:row; flex-wrap: wrap; flex-grow:1; justify-content:space-evenly;][comment]
  34.  
  35. -LEFT SIDE-[/comment][border=none; height:350px; width:175px; margin:auto;][comment]
  36.  
  37. --pic--[/comment][border=none; margin-left:-9px; margin-top:-9px; height:96%; width:163px; background:var(--pic);
  38.  
  39. /*image size and position here!!!*/
  40.  
  41. background-size:cover; background-position:90% 50%;][border=none; margin-left:-3px; margin-top:-2px; height:99%; width:163px; border:2px solid var(--Color-1);][/border][/border][comment]
  42.  
  43. MUSIC[/comment][border=none; position:absolute; overflow: visible; width: 100px; height: 5px; margin-top:-27px; margin-left:52px;background:var(--Color-1); border:1px solid var(--BGcolor);][comment]
  44.  
  45. --SOUNDCLOUD PLAYER--[/comment][border=none; position: absolute; transform: rotate(180deg); width:100px; height:0px; padding:0px; left: -60px; top: 35px; opacity:0;][comment]
  46.  
  47. ---Soundcloud Link---[/comment][media=soundcloud]https://soundcloud.com/lily-sanchez-494277486/meng-meiqi-jiang[/media][/border][comment]
  48.  
  49. --GOOGLE DRIVE PLAYER--[/comment][border=none; position: absolute; width:180px; height:0px; padding:0px; left: -20px; top: -55px; opacity:0; /*remove the next part and add it to the other player*/ display:none; ][comment]
  50.  
  51. ---Google Drive File---[/comment][media=googledrive]1D5yKacBqTdJTttH2mVOCMK68ByDW4yTk[/media][/border][comment]
  52.  
  53. --music info--[/comment][border=none; height:auto; width:auto; padding:0px; margin-top:-6px; margin-left:0px;][border=none; height:auto; width:auto; padding:0px; color:var(--BGcolor); font-size:13px; pointer-events:none;][fa]fas fa-play[/fa][/border][border=none; width:73px; height:auto; margin-top:-20px; margin-left:15px; color:var(--BGcolor); font-family: var(--text); font-size:clamp(9px, 2.5vw, 10px); line-height: 1px; text-align: center; text-transform:uppercase;]JIANG - MEIQI[/border][/border]
  54. [/border][/border][comment]
  55.  
  56. -RIGHT SIDE-[/comment][border=none; height:350px; width:200px; margin:auto;][border=none;width:100%;box-sizing:border-box;height:350px; padding: 5px 0 10px 0;overflow: hidden; ][border= none; box-sizing: border-box; height:100%;width: 200%; overflow: auto;padding:0][border=none; box-sizing: border-box;padding: 0 10px 0 15px; height:auto;width: 50%; font-size: 12px; color: black; line-height: 13px; text-align: justify; font-family:var(--text-1);][border=none; background:var(--Color-1); transform: skew(340deg);font-size: 20px; color: var(--fontcolor-2); font-family: var(--text); text-align: center;]Basics[/border][comment]
  57.  
  58. --basics info--[/comment][border=none; display:flex; flex-direction:row; padding:0px; flex-wrap:wrap;][border=none; width:100%; display:flex; flex-direction:row; padding:0px;][border=none;width:65px;line-height: 13px; font-family: var(--text-1); font-size: 12px; font-weight:bold; color: var(--textcolor-1); text-transform:uppercase;]name[/border][border=none; width:100px; height:auto; line-height: 10px; font-family: var(--text-1); font-size: 12px; color: var(--fontcolor-1); text-align:left;][comment]
  59.  
  60. NAME INFO HERE[/comment]name here[/border][/border][border=none; width:100%; display:flex; flex-direction:row; padding:0px;][border=none;width:65px; line-height: 13px; font-family: var(--text-1); font-size: 12px; font-weight:bold; color: var(--textcolor-1); text-transform:uppercase;]alias[/border][border=none; width:100px; height:auto; line-height: 10px; font-family: var(--text-1); font-size: 12px; color: var(--fontcolor-1); text-align:left;][comment]
  61.  
  62. ALIAS INFO HERE[/comment]alias here[/border][/border][border=none; width:100%; display:flex; flex-direction:row; padding:0px;][border=none;width:65px; line-height: 13px; font-family: var(--text-1); font-size: 12px; font-weight:bold; color: var(--textcolor-1); text-transform:uppercase;]age[/border][border=none; width:100px; height:auto; line-height: 10px; font-family: var(--text-1); font-size: 12px; color: var(--fontcolor-1); text-align:left;][comment]
  63.  
  64. AGE INFO HERE[/comment]age here[/border][/border][border=none; width:100%; display:flex; flex-direction:row; padding:0px;][border=none;width:65px; line-height: 13px; font-family: var(--text-1); font-size: 12px; font-weight:bold; color: var(--textcolor-1); text-transform:uppercase;]d.o.b[/border][border=none; width:100px; height:auto; line-height: 10px; font-family: var(--text-1); font-size: 12px; color: var(--fontcolor-1); text-align:left;][comment]
  65.  
  66. BIRTHDAY INFO HERE[/comment]birthday here[/border][/border][border=none; width:100%; display:flex; flex-direction:row; padding:0px;][border=none;width:65px; line-height: 13px; font-family: var(--text-1); font-size: 12px; font-weight:bold; color: var(--textcolor-1); text-transform:uppercase;]sex. or.[/border][border=none; width:100px; height:auto; line-height: 10px; font-family: var(--text-1); font-size: 12px; color: var(--fontcolor-1); text-align:left;][comment]
  67.  
  68. SEXUALITY INFO HERE[/comment]sexuality[/border][/border][/border][comment]
  69.  
  70. --persona info--[/comment][border=none; background:var(--Color-1); transform: skew(340deg);font-size: 20px; color: var(--fontcolor-2); font-family: var(--text); text-align: center;]Personality[/border][comment]
  71.  
  72. PERSONALITY INFO[/comment][border=none;width:100%;box-sizing:border-box;height:150px; padding: 10px 0 10px 0;overflow: hidden;][border= none; box-sizing: border-box; height:100%;width: 200%; overflow: auto;padding:0;][border=none; box-sizing: border-box;padding: 0 10px 0 15px; height:auto;width: 50%; font-size: 12px; color: var(--fontcolor); line-height: 13px; text-align: justify; font-family:var(--text-1);][comment]
  73.  
  74. PERSONA INFO HERE[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget placerat sem. Suspendisse vehicula ultricies ex ut posuere. Quisque luctus augue odio, vel feugiat nunc ultricies faucibus. Maecenas odio sem, tincidunt eu sapien a, commodo accumsan ex. Fusce ut pulvinar nulla. Vestibulum odio massa, aliquam ac mauris et, cursus pellentesque nisl. Etiam congue nibh mollis consequat efficitur. Praesent consectetur vulputate ullamcorper.[/border][/border][/border][comment]
  75.  
  76. VIRTUES[/comment][border=none; border-bottom:2px solid var(--Color-1); line-height: 0px; font-family: var(--text-1); font-size: 12px; font-weight:bold; color: var(--textcolor-1); text-transform:uppercase; text-align:right; transform: skew(340deg);]virtues[/border][border=none; width:auto; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-evenly;][border=none;margin-top:5px; width:auto; height:5px; background:var(--Color-2); font-size: 10px; color: var(--fontcolor-2); line-height: 1px; text-align: center; font-family:var(--text-1); font-weight:bold; text-transform:uppercase;][comment]
  77.  
  78. VIRTUE HERE[/comment]
  79.  
  80. virtue here[/border][border=none; margin-top:5px; width:auto; height:5px; background:var(--Color-2); font-size: 10px; color: var(--fontcolor-2); line-height: 1px; text-align: center; font-family:var(--text-1); font-weight:bold; text-transform:uppercase;][comment]
  81.  
  82. VIRTUE HERE[/comment]
  83.  
  84. virtue[/border][border=none; margin-top:5px; width:auto; height:5px; background:var(--Color-2); font-size: 10px; color: var(--fontcolor-2); line-height: 1px; text-align: center; font-family:var(--text-1); font-weight:bold; text-transform:uppercase;][comment]
  85.  
  86. VIRTUE HERE[/comment]
  87.  
  88. virtue[/border][border=none; margin-top:5px; width:auto; height:5px; background:var(--Color-2); font-size: 10px; color: var(--fontcolor-2); line-height: 1px; text-align: center; font-family:var(--text-1); font-weight:bold; text-transform:uppercase;][comment]
  89.  
  90. VIRTUE HERE[/comment]
  91.  
  92. virtue here[/border][/border][comment]
  93.  
  94. VICES[/comment][border=none; border-bottom:2px solid var(--Color-1); line-height: 0px; font-family: var(--text-1); font-size: 12px; font-weight:bold; color: var(--textcolor-1); text-transform:uppercase; text-align:left; transform: skew(340deg);]vices[/border][border=none; width:auto; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-evenly;][border=none;margin-top:5px; width:auto; height:5px; background:var(--Color-3); font-size: 10px; color: var(--fontcolor-2); line-height: 1px; text-align: center; font-family:var(--text-1); font-weight:bold; text-transform:uppercase;][comment]
  95.  
  96. VICE HERE[/comment]
  97.  
  98. vice here[/border][border=none; margin-top:5px; width:auto; height:5px; background:var(--Color-3); font-size: 10px; color: var(--fontcolor-2); line-height: 1px; text-align: center; font-family:var(--text-1); font-weight:bold; text-transform:uppercase;][comment]
  99.  
  100. VICE HERE[/comment]
  101.  
  102. vice here[/border][border=none; margin-top:5px; width:auto; height:5px; background:var(--Color-3); font-size: 10px; color: var(--fontcolor-2); line-height: 1px; text-align: center; font-family:var(--text-1); font-weight:bold; text-transform:uppercase;][comment]
  103.  
  104. VICES HERE[/comment]
  105.  
  106. vice[/border][border=none; margin-top:5px; width:auto; height:5px; background:var(--Color-3); font-size: 10px; color: var(--fontcolor-2); line-height: 1px; text-align: center; font-family:var(--text-1); font-weight:bold; text-transform:uppercase;][comment]
  107.  
  108. VICE HERE[/comment]
  109.  
  110. vice here[/border][/border][comment]
  111.  
  112. --backstory info--[/comment][border=none; background:var(--Color-1); transform: skew(340deg);font-size: 20px; color: var(--fontcolor-2); font-family: var(--text); text-align: center;]Backstory[/border][comment]
  113.  
  114. BACKSTORY[/comment][border=none;width:100%;box-sizing:border-box;height:200px; padding: 10px 0 10px 0;overflow: hidden;][border= none; box-sizing: border-box; height:100%;width: 200%; overflow: auto;padding:0;][border=none; box-sizing: border-box;padding: 0 10px 0 15px; height:auto;width: 50%; font-size: 12px; color: var(--fontcolor); line-height: 13px; text-align: justify; font-family:var(--text-1);][comment]
  115.  
  116. BACKSTORY INFO HERE[/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam eget placerat sem. Suspendisse vehicula ultricies ex ut posuere. Quisque luctus augue odio, vel feugiat nunc ultricies faucibus. Maecenas odio sem, tincidunt eu sapien a, commodo accumsan ex. Fusce ut pulvinar nulla. Vestibulum odio massa, aliquam ac mauris et, cursus pellentesque nisl. Etiam congue nibh mollis consequat efficitur. Praesent consectetur vulputate ullamcorper.[/border][/border][/border][comment]
  117.  
  118. GALLERY[/comment][border=none; width:90%; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between;][comment]
  119.  
  120. PIC GALLERY ONE[/comment][border=none; width:50px; height:50px; border:1.5px solid var(--Color-1); background:var(--pic-g1);
  121.  
  122. /*image size and position here!!!*/
  123.  
  124. background-size:cover; background-position:50% 50%;][/border][comment]
  125.  
  126. PIC GALLERY TWO[/comment][border=none; width:50px; height:50px; border:1.5px solid var(--Color-1);background:var(--pic-g2);
  127.  
  128. /*image size and position here!!!*/
  129.  
  130. background-size:cover; background-position:50% 50%;][/border][comment]
  131.  
  132. PIC GALLERY THREE[/comment][border=none; width:50px; height:50px; margin-top:8px; border:1.5px solid var(--Color-1); background:var(--pic-g3);
  133.  
  134. /*image size and position here!!!*/
  135.  
  136. background-size:cover; background-position:50% 50%;][/border][comment]
  137.  
  138. PIC GALLERY FOUR[/comment][border=none; width:50px; height:50px; margin-top:8px; border:1.5px solid var(--Color-1); background:var(--pic-g4);
  139.  
  140. /*image size and position here!!!*/
  141.  
  142. background-size:cover; background-position:50% 50%;][/border][/border]
  143. [/border][/border][/border][/border][/border][comment]
  144.  
  145. --SIGNATURE DO NOT REMOVE--[/comment][border=none;height:5px; width:95%;margin:auto; flex-grow:1; padding:5px 10px 15px 10px ][border=none; padding:3px; background:var(--Color-1); transform: skew(340deg);width:150px; height:10px; margin:auto; line-height:8px; font-size:10px; text-align:center; font-family: var(--text); font-weight:bold; color:var(--fontcolor-2);]coded by Stardust Galaxy[/border][/border][/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!