API tools faq
paste
ooksie

cool vibes (uxie x yourlocal-eboyy)

ooksie
Oct 15th, 2020 (edited)
238
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.94 KB | None | 0 0
raw download clone embed print report
  1. [border=transparent;
  2.  
  3. *the main colour of the borders n stuff;
  4. --color-1: #334DFE;
  5.  
  6. *the dark colour where most of the content-text is;
  7. --bg-color: #1B2630;
  8.  
  9. *the colour of ur text;
  10. --t-color: #fff;
  11.  
  12. *this is the icon, put your image link between the '';
  13. --img-1: url('https://i.pinimg.com/originals/cf/d1/b5/cfd1b543bd090a737f78796acf0a2b55.jpg');
  14.  
  15. height:500px; width:100%; max-width:380px; background-color: var(--bg-color); padding:10px; box-sizing:border-box; margin:auto; line-height:0;]
  16. [border=transparent; height:100%; width:100%; padding:5px; box-sizing:border-box; background-color: var(--color-1);]
  17.  
  18. [comment]----main container----[/comment]
  19. [border=transparent; height:100%; width:100%; border:4px solid var(--t-color); box-shadow:0 0 5px var(--t-color) inset, 0 0 5px var(--t-color); padding:7px; box-sizing:border-box; display:flex; flex-flow: row wrap; justify-content:space-between; align-content:space-between; position:relative;]
  20.  
  21. [comment]----image---[/comment]
  22. [border=transparent; height:25%; width:38%; background: var(--img-1); background-size:cover; /*adjust the following percentages to adjust the placement of the picture;*/ background-position: 50% 50%; padding:0;][/border]
  23.  
  24. [comment]----details area----[/comment]
  25. [border=transparent; height:25%; width:58%; padding:0; display:flex; flex-flow: row wrap; align-content:space-between; justify-content:center;]
  26.  
  27. [comment]----name----[/comment]
  28. [border=transparent; height:40%; width:100%; background-color: var(--bg-color); padding:0; display:flex; align-items:center; justify-content:center;]
  29. [border=transparent; height:fit-content; width:fit-content; color: var(--t-color); text-transform:uppercase; padding:0; font-weight:bold; font-size:1.4em; letter-spacing:1px; line-height:130%; text-shadow:0 0 5px var(--t-color);][comment]
  30. ----* * *put your character's name here!----
  31. [/comment][font=Coiny]name here[/font][/border]
  32. [/border]
  33.  
  34. [comment]----details one----[/comment]
  35. [border=transparent; height:55%; width:48.5%; background-color: var(--bg-color); padding:5px 0px; 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:0px 5px; box-sizing:border-box; line-height:130%; font-size:10px; color: var(--t-color);][font=Comfortaa][comment]
  36.  
  37. ----your details start after this comment----
  38.  
  39. [/comment][border=transparent; height:fit-content; width:fit-content; padding:0; font-weight:bold; line-height:130%; font-weight:bold; font-size:11px;][font=Coiny]interactions:[/font][/border][comment]
  40. ----- * * *your interactions here!----
  41. [/comment]interactions here
  42. [border=transparent; height:fit-content; width:fit-content; padding:0; font-weight:bold; line-height:130%; font-weight:bold; font-size:12px;][font=Coiny]mentions:[/font][/border][comment]
  43. ----- * * *your mentions here!----
  44. [/comment]mentions here
  45. [border=transparent; height:fit-content; width:fit-content; padding:0; font-weight:bold; line-height:130%; font-weight:bold; font-size:12px][font=Coiny]tags:[/font][/border][comment]
  46. -----* **your tags here!----
  47. [/comment]tags here
  48. [/font][/border][/border][/border]
  49. [comment]----details one end----[/comment]
  50.  
  51. [comment]----details two end----[/comment]
  52. [border=transparent; height:55%; width:48.5%; background-color: var(--bg-color); margin-left:3%; padding:5px 0px; 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:0px 5px; box-sizing:border-box; line-height:130%; font-size:10px; color: var(--t-color);][font=Comfortaa][comment]
  53.  
  54. ----your details start after this comment----
  55.  
  56. [/comment][border=transparent; height:fit-content; width:fit-content; padding:0; font-weight:bold; line-height:130%; font-weight:bold; font-size:12px;][font=Coiny]mood:[/font][/border][comment]
  57. ----- * * *your mood here!----
  58. [/comment]mood here
  59. [border=transparent; height:fit-content; width:fit-content; padding:0; font-weight:bold; line-height:130%; font-weight:bold; font-size:12px;][font=Coiny]location:[/font][/border][comment]
  60. ----- * * *your location here!----
  61. [/comment]location here
  62. [border=transparent; height:fit-content; width:fit-content; padding:0; font-weight:bold; line-height:130%; font-weight:bold; font-size:12px;][font=Coiny]outfit:[/font][/border][comment]
  63. -----* **your outfit here!----
  64. [/comment]outfit here
  65. [/font][/border][/border][/border]
  66. [comment]----details two end----[/comment]
  67.  
  68. [/border]
  69. [comment]----details area end----[/comment]
  70.  
  71. [comment]----body----[/comment]
  72. [border=transparent; height:65%; width:100%; background-color: var(--bg-color); padding:10px 0px; 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:100%; width:50%; padding:0px 10px; box-sizing:border-box; font-size:11px; text-align:justify; line-height:130%; color: var(--t-color);][font=Comfortaa][comment]
  73. ----- your post starts here ----
  74. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ac dapibus nunc. Vivamus faucibus metus id vehicula rutrum. Vestibulum tincidunt, erat quis gravida rhoncus, turpis massa aliquam tortor, eu pharetra nisi ligula et lorem. Donec et dignissim mauris, quis tincidunt erat. Quisque bibendum tristique quam, eu euismod lorem tempus nec. Ut molestie pharetra nunc. Suspendisse vitae ante ut lacus suscipit efficitur. Aliquam eu vulputate risus, consectetur vulputate tellus.
  75.  
  76. Quisque sit amet ornare diam, sed tincidunt ipsum. Vivamus mollis, massa a rutrum blandit, felis risus tincidunt diam, a iaculis dolor nisi commodo neque. Cras metus ligula, aliquet sed est vel, placerat tincidunt leo. Curabitur dignissim orci interdum rutrum rutrum. Maecenas nec nibh a augue ultricies convallis. Donec tempor lectus a mattis facilisis. Sed et fermentum diam.
  77.  
  78. Duis enim nisi, semper et risus rhoncus, rhoncus mattis nibh. Integer ac tempor risus. Sed nulla diam, venenatis eget sapien mattis, laoreet luctus magna. Sed a interdum nulla. Nulla facilisi. Suspendisse ullamcorper, lacus sed condimentum suscipit, nisi felis condimentum mi, in congue arcu odio vel ligula. Phasellus ut neque metus. Sed bibendum leo at dolor mollis, id laoreet est sagittis. Vivamus blandit in tellus vel egestas. Praesent a enim vitae lacus tempor elementum.
  79.  
  80. [/font][/border][/border][/border]
  81. [comment]----body end----[/comment]
  82.  
  83. [comment]----quote----[/comment]
  84. [border=transparent; height:6%; width:100%; padding:0; display:flex; flex-flow: row nowrap; justify-content:center; align-items:center; text-shadow:0 0 3px var(--t-color);]
  85. [border=transparent; height:fit-content; width:fit-content; padding:0; font-size:25px; line-height:120%; margin:0px 5px; color: var(--t-color);]❝[/border]
  86. [border=transparent; height:fit-content; width:fit-content; padding:0; font-size:18px; line-height:120%; color: var(--t-color);][font=Coiny][comment]
  87. -----put a quote here! one line only!------
  88. [/comment]quote here[/font][/border]
  89. [border=transparent; height:fit-content; width:fit-content; padding:0; font-size:25px; line-height:120%; margin:0px 5px; color: var(--t-color);]❞[/border]
  90. [/border]
  91.  
  92. [/border]
  93. [comment]----main container end----[/comment]
  94.  
  95. [/border]
  96. [/border][comment]---signature! do not remove!----
  97. [/comment][bg=transparent; height:fit-content; padding:0; width:fit-content; margin:auto; z-index:4;opacity:0.9;font-size:10px;text-align:center; line-height:130%; margin-top:3px;][font=Open Sans]♡design by yourlocal-eboyy, coded by uxie♡[/font][/bg]
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!