API tools faq
paste
Advertisement
ooksie

stargazing (sugarbunny's request)

ooksie
Oct 20th, 2020 (edited)
284
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.41 KB | None | 0 0
raw download clone embed print report
  1. [border=transparent;
  2. *background image;
  3. --bg: url('https://c1.wallpaperflare.com/preview/240/47/637/the-milky-way-starry-sky-stars-night-view-lockscreen-wallpaper.jpg');
  4. *text background color;
  5. --bg-color: rgb(156, 189, 220, 0.7);
  6. *border colour;
  7. --border: #fff;
  8. *name shadow colour (should be darker);
  9. --color-1: #0083C2;
  10. *role and details colour (lighter);
  11. --color-2: #BDF0F5;
  12. *text colour;
  13. --t-color: #000;
  14. *the one image, replace the link between the '';
  15. --img-1: url('https://i.pinimg.com/originals/5b/4e/6c/5b4e6cebc1cd7e09e5a674c3f9172117.png');
  16.  
  17. height:530px; width:370px; max-width:100%; padding:0; padding-bottom:20px; box-sizing:border-box; margin:auto; line-height:0;][border=transparent; height:100%; width:100%; padding:25px 20px; box-sizing:border-box; border:3px solid var(--border); background: var(--bg) 50% 50%, var(--bg-color); background-size:cover; background-blend-mode: multiply; display:flex; flex-flow: column nowrap; justify-content:space-between; align-items:center;]
  18.  
  19. [comment]----header----[/comment]
  20. [border=transparent; height:150px; width:100%; padding:0; position:relative; display:flex; flex-flow: row nowrap; align-items:center; flex-shrink:0;]
  21. [comment]----image----[/comment]
  22. [border=transparent; height:130px; width:53%; border:3px solid var(--border); border-top:0; padding:11px 8px 8px 8px; box-sizing:border-box; flex-shrink:0; position:relative; ]
  23. [border=transparent; height:100%; width:100%; padding:0; background: var(--img-1); background-size:cover;
  24. /*edit the following if you want to adjust the cropping of the image*/ background-position: 50% 50%;][/border]
  25.  
  26. [comment]----stars (ignore!)----[/comment]
  27. [border=transparent; height:2px; width:calc(100% + 6px); display:flex; flex-flow: row nowrap; align-items:center; padding:0; position:absolute; top:0; left:-3px;]
  28. [border=transparent; height:0; width:13px; border-top:3px solid var(--border); padding:0;][/border]
  29. [border=transparent; height:fit-content; width:fit-content; padding:0px 3px; font-size:12px; color: var(--border);][fa]fas fa-star[/fa][/border]
  30. [border=transparent; height:0; width:18px; border-top:3px solid var(--border); padding:0;][/border]
  31. [border=transparent; height:fit-content; width:fit-content; padding:0px 3px; font-size:12px; color: var(--border);][fa]fas fa-star[/fa][/border]
  32. [border=transparent; height:0; flex-grow:1; border-top:3px solid var(--border); padding:0;][/border]
  33. [/border]
  34. [/border]
  35.  
  36. [comment]----name----[/comment]
  37. [border=transparent; height:fit-content; max-height:86%; flex-grow:1; padding:0; margin-left:5px; overflow:hidden; display:flex; flex-flow: row wrap;]
  38. [border=transparent; height: fit-content; width:100%; padding:0; text-align:right; line-height:110%; color: var(--border); text-shadow:2px 2px var(--color-1); font-weight:bold; text-transform:uppercase; font-size:35px; letter-spacing:1px;][font=Roboto][comment]
  39. ---- * * * your character's name here! your name can go 3 lines max----
  40. [/comment]name here[/font][/border]
  41. [border=transparent; height:fit-content; width:100%; padding:0; font-size:12px; text-transform:uppercase; color: var(--color-2); line-height:120%; margin-top:10px; text-align:right;][font=Karla][comment]
  42. ---- * * * your character's role here! this will disappear if the name you've put is too long! ----
  43. [/comment]role here[/font][/border]
  44. [/border]
  45. [/border]
  46. [comment]----header end----[/comment]
  47.  
  48. [comment]----body----[/comment]
  49. [border=transparent; height:58%; width:100%; padding:13px 10px 10px 10px; box-sizing:border-box; border:3px solid var(--border); border-top:0; position:relative; margin-top:3px;]
  50.  
  51. [comment]----body text----[/comment]
  52. [border=transparent; height:100%; width:100%; padding:10px 0; box-sizing:border-box; background-color: var(--bg-color); overflow:hidden; display:flex; flex-direction:column;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0 10px; box-sizing:border-box; color: var(--t-color); font-size:11px; text-align:justify; line-height:130%;][font=Karla][comment]
  53. ---- * * *your post starts after this! ----
  54. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sed neque elementum leo pharetra auctor. Vivamus id faucibus tellus. Nunc quis sapien sit amet tellus ultrices feugiat eget gravida ex. Nulla pharetra risus id leo porta, quis aliquet ante egestas. Quisque in condimentum leo. Nulla facilisi. Fusce imperdiet faucibus efficitur. Aenean mattis dui ornare, congue magna a, consequat dui. Vestibulum porttitor dolor eget lacus posuere rhoncus at eu quam. Donec sollicitudin feugiat ante quis dictum. Etiam porta, risus ut aliquet pretium, magna quam commodo nisl, sed tempor lectus libero eget nisl.
  55.  
  56. Quisque sed enim velit. Phasellus eget semper tortor. Pellentesque lobortis neque non nisl egestas lobortis. Suspendisse mi erat, tincidunt eget tortor eget, vestibulum cursus orci. Duis blandit enim sagittis congue ornare. Quisque at tellus fermentum, pulvinar nisi non, dictum diam. Duis id mi et ligula suscipit dictum at sed lectus. Vivamus vel sapien leo. Aliquam erat volutpat. Praesent eu auctor erat, eu mattis erat. Nulla vel finibus mi. Donec at tristique nisl, vel fringilla elit. Pellentesque eu sollicitudin orci. Nullam id ex tortor.
  57.  
  58. Sed ullamcorper metus vitae mauris ornare eleifend. Nulla non tempor mauris, vitae posuere ex. Vivamus mauris neque, venenatis quis elit in, malesuada iaculis ipsum. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Curabitur condimentum justo eu porttitor tincidunt. Pellentesque eu porta tellus. Nullam elementum diam id massa hendrerit congue. Morbi sed rutrum eros. Phasellus felis est, lobortis in porttitor non, tempus ut ligula.
  59. [/font][/border][/border][/border]
  60. [comment]----body text----[/comment]
  61.  
  62. [comment]----stars (ignore!)----[/comment]
  63. [border=transparent; height:2px; width:calc(100% + 6px); display:flex; flex-flow: row nowrap; align-items:center; padding:0; position:absolute; top:0; left:-3px;]
  64. [border=transparent; height:0; flex-grow:1; border-top:3px solid var(--border); padding:0;][/border]
  65. [border=transparent; height:fit-content; width:fit-content; padding:0px 3px; font-size:12px; color: var(--border);][fa]fas fa-star[/fa][/border]
  66. [border=transparent; height:0; width:18px; border-top:3px solid var(--border); padding:0;][/border]
  67. [border=transparent; height:fit-content; width:fit-content; padding:0px 3px; font-size:12px; color: var(--border);][fa]fas fa-star[/fa][/border]
  68. [border=transparent; height:0; width:18px; border-top:3px solid var(--border); padding:0;][/border]
  69. [border=transparent; height:fit-content; width:fit-content; padding:0px 3px; font-size:12px; color: var(--border);][fa]fas fa-star[/fa][/border]
  70. [border=transparent; height:0; width:23px; border-top:3px solid var(--border); padding:0;][/border]
  71. [/border]
  72.  
  73. [/border]
  74. [comment]----body end----[/comment]
  75.  
  76. [comment]----footer details----[/comment]
  77. [border=transparent; height:6%; width:100%; padding:0; flex-shrink:0; margin-top:10px; display:flex; flex-flow: row nowrap; justify-content:space-between; align-items:center; color: var(--color-2); font-size:11px;]
  78.  
  79. [comment]-----tag! this whole thing is a tag! ----[/comment]
  80. [border=transparent; height:100%; max-width:25%; padding:3px 0; box-sizing:border-box; display:flex; flex-direction:column; overflow:hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0; display:flex; flex-flow: row wrap;]
  81.  
  82. [border=transparent; height:fit-content; width:100%; text-align:center; font-weight:bold; padding:0; line-height:120%; font-size:12px; color: var(--border);][font=Karla][comment]
  83. ---- * * * your tag title here ----
  84. [/comment]mood[/font][/border]
  85. [border=transparent; height:fit-content; width:100%; padding:0; line-height:120%; text-align:center; margin:5px 0;][font=Karla][comment]
  86. ---- * * * your tag contents here ----
  87. [/comment]tag tag tag[/font][/border]
  88.  
  89. [/border][/border][/border]
  90. [comment]----- copy me too! ----[/comment]
  91.  
  92. [comment]-----tag! this whole thing is a tag! ----[/comment]
  93. [border=transparent; height:100%; max-width:25%; padding:3px 0; box-sizing:border-box; display:flex; flex-direction:column; overflow:hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0; display:flex; flex-flow: row wrap;]
  94.  
  95. [border=transparent; height:fit-content; width:100%; text-align:center; font-weight:bold; padding:0; line-height:120%; font-size:12px; color: var(--border);][font=Karla][comment]
  96. ---- * * * your tag title here ----
  97. [/comment]outfit[/font][/border]
  98. [border=transparent; height:fit-content; width:100%; padding:0; line-height:120%; text-align:center; margin:5px 0;][font=Karla][comment]
  99. ---- * * * your tag contents here ----
  100. [/comment]tag tag tag[/font][/border]
  101.  
  102. [/border][/border][/border]
  103. [comment]----- copy me too! ----[/comment]
  104.  
  105. [comment]-----tag! this whole thing is a tag! ----[/comment]
  106. [border=transparent; height:100%; max-width:25%; padding:3px 0; box-sizing:border-box; display:flex; flex-direction:column; overflow:hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0; display:flex; flex-flow: row wrap;]
  107.  
  108. [border=transparent; height:fit-content; width:100%; text-align:center; font-weight:bold; padding:0; line-height:120%; font-size:12px; color: var(--border);][font=Karla][comment]
  109. ---- * * * your tag title here ----
  110. [/comment]interactions[/font][/border]
  111. [border=transparent; height:fit-content; width:100%; padding:0; line-height:120%; text-align:center; margin:5px 0;][font=Karla][comment]
  112. ---- * * * your tag contents here ----
  113. [/comment]tag tag tag[/font][/border]
  114.  
  115. [/border][/border][/border]
  116. [comment]----- copy me too! ----[/comment]
  117.  
  118. [comment]-----tag! this whole thing is a tag! ----[/comment]
  119. [border=transparent; height:100%; max-width:25%; padding:3px 0; box-sizing:border-box; display:flex; flex-direction:column; overflow:hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;][border=transparent; height:auto; width:50%; padding:0; display:flex; flex-flow: row wrap;]
  120.  
  121. [border=transparent; height:fit-content; width:100%; text-align:center; font-weight:bold; padding:0; line-height:120%; font-size:12px; color: var(--border);][font=Karla][comment]
  122. ---- * * * your tag title here ----
  123. [/comment]tags[/font][/border]
  124. [border=transparent; height:fit-content; width:100%; padding:0; line-height:120%; text-align:center; margin:5px 0;][font=Karla][comment]
  125. ---- * * * your tag contents here ----
  126. [/comment]tag tag tag[/font][/border]
  127.  
  128. [/border][/border][/border]
  129. [comment]----- copy me too! ----[/comment]
  130.  
  131. [/border]
  132. [comment]----footer details----[/comment]
  133.  
  134. [/border][comment]----signature! do not remove!----[/comment][bg=transparent; height:fit-content; padding:0; width:100%; margin:auto; z-index:4;opacity:1;font-size:10px;text-align:center; line-height:130%; margin-top:3px; color: var(--bg-color);][font=Open Sans]♡coded by uxie♡[/font][/bg][/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!