Advertisement
ooksie

timekeeper

Nov 3rd, 2020 (edited)
292
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. [comment]
  2. [font=Raleway][font=Roboto][font=Averia Serif Libre]have a nice day![/font][/font][/font]
  3. [/comment][border=transparent;
  4. *main background colour;
  5. --bg-color: #fff;
  6. *border colour;
  7. --border: #ebebeb;
  8. *main colour;
  9. --color-1: #BE9AD1;
  10. *lighter accent colour;
  11. --color-2: #D8C3E5;
  12. *text-colour;
  13. --t-color: #000;
  14. *the one image;
  15. --img-1: url('https://cdn.discordapp.com/attachments/769953916477243423/773100190722031636/Z.png');
  16.  
  17. height:400px; width:100%; margin:auto; padding:0; padding-bottom:20px; line-height:0; position:relative; display:flex; justify-content:center; overflow:hidden;][border=transparent; height:100%; width:550px; padding:15px 20px; box-sizing:border-box; background-color:var(--bg-color); position:relative; display:flex; overflow:hidden;]
  18. [border=transparent; height:100%; width:16%; min-width:88px; padding:0; position:absolute; z-index:2; top:0; left:0; background-color:var(--color-1); pointer-events:none;][/border]
  19. [border=transparent; height:100%; width:84%; padding:0; position:absolute; z-index:2; top:0; right:0; border:1px solid var(--border); border-left:0; box-sizing:border-box; background-color: var(--bg-color); pointer-events:none;][/border]
  20. [border=transparent; height:0; width:100%; border-top:5px solid var(--color-1); position:absolute; z-index:2; top:20%; right:0;][/border]
  21.  
  22. [comment]----sidebar----[/comment]
  23. [border=transparent; height:100%; width:26%; padding:0; position:relative; display:flex; flex-flow: column nowrap; align-items:center;]
  24. [comment]----image----[/comment]
  25. [border=transparent; height:130px; width:130px; padding:5px; box-sizing:border-box; border:5px solid var(--color-1); border-top:5px solid var(--color-2); border-left: 5px solid var(--color-2); flex-shrink:0; background-color:var(--bg-color); border-radius:50%; position:relative; z-index:3; animation: fa-spin 12s linear infinite;][border=transparent; height:100%; width:100%; padding:0; background: var(--img-1); background-size:cover; background-position: 50% 50%; padding:0; border-radius:50%; animation:fa-spin 12s linear infinite reverse;][/border]
  26. [/border]
  27.  
  28. [comment]----details tabs 1----[/comment]
  29. [border=transparent; flex-grow:1; width:40px; padding:0; margin-top:20px; overflow:hidden; display:flex; justify-content:center;][border=transparent; padding:0; margin-left:-5px; margin-top:-5px; line-height:340%;][tabs]
  30. [tab=.]filler[/tab]
  31.  
  32. [tab=.][border=transparent; height:80px; width:120px; line-height:0; padding:0; box-sizing:border-box; position:absolute; z-index:4; top:187px; right:-80px; display:flex; align-items:center;]
  33.  
  34. [comment]----pointy thing----[/comment]
  35. [border=transparent; height:0; width:0; padding:0; border-top:6px solid transparent; border-right:10px solid var(--color-2); border-bottom:6px solid transparent; align-self:center; flex-shrink:0; border-radius:5px 0 0 0;][/border]
  36.  
  37. [comment]----mood----[/comment]
  38. [border=transparent; height:fit-content; min-height:35%; max-height:100%; width:fit-content; max-width:calc(100%-10px); padding:5px 8px; box-sizing:border-box; background-color: var(--color-2); line-height:120%; color: var(--t-color); font-size:11px; font-family:'Roboto', sans-serif; display:flex; flex-flow: row wrap; align-items:center; justify-content:flex-start; border-radius:3px;][comment]
  39. ----* * * mood here----
  40. [/comment]heeeeellloo[/border]
  41.  
  42. [/border][/tab]
  43.  
  44. [tab=.][border=transparent; height:120px; width:120px; line-height:0; padding:0; box-sizing:border-box; position:absolute; z-index:4; top:222px; right:-80px; display:flex; align-items:center;]
  45.  
  46. [comment]----pointy thing----[/comment]
  47. [border=transparent; height:0; width:0; padding:0; border-top:6px solid transparent; border-right:10px solid var(--color-2); border-bottom:6px solid transparent; align-self:center; flex-shrink:0; border-radius:5px 0 0 0;][/border]
  48.  
  49. [comment]----outfit----[/comment]
  50. [border=transparent; height:fit-content; min-height:35%; max-height:100%; width:fit-content; max-width:calc(100%-10px); padding:8px; box-sizing:border-box; background-color: var(--color-2); line-height:120%; color: var(--t-color); font-size:11px; font-family:'Roboto', sans-serif; display:flex; flex-flow: row wrap; align-items:center; justify-content:flex-start; border-radius:3px;][comment]
  51. ----* * * outfit here (replace both xx w the link to your outfit image! delete [url] to [/url] if you want to describe!)----
  52. [/comment][url='xx'][border=0; padding:0; height:100px; width:100px; padding:0; font-size:0; outline:2px solid var(--color-1);
  53. /*your link here*/ background: url('xx'); background-size:cover; background-position:50% 50%;]h[/border][/url][/border]
  54.  
  55. [/border][/tab]
  56.  
  57. [tab=.][border=transparent; height:80px; width:120px; line-height:0; padding:0; box-sizing:border-box; position:absolute; z-index:4; top:298px; right:-80px; display:flex; align-items:center;]
  58.  
  59. [comment]----pointy thing----[/comment]
  60. [border=transparent; height:0; width:0; padding:0; border-top:6px solid transparent; border-right:10px solid var(--color-2); border-bottom:6px solid transparent; align-self:center; flex-shrink:0; border-radius:5px 0 0 0;][/border]
  61.  
  62. [comment]----location----[/comment]
  63. [border=transparent; height:fit-content; min-height:35%; max-height:100%; width:fit-content; max-width:calc(100%-10px); padding:5px 8px; box-sizing:border-box; background-color: var(--color-2); line-height:120%; color: var(--t-color); font-size:11px; font-family:'Roboto', sans-serif; display:flex; flex-flow: row wrap; align-items:center; justify-content:flex-start; border-radius:3px;][comment]
  64. ----* * * location here----
  65. [/comment]heeeeellloo[/border]
  66.  
  67. [/border][/tab]
  68. [/tabs][/border][/border]
  69.  
  70. [comment]----tabs cover 1----[/comment]
  71. [border=transparent; height:fit-content; width:45px; padding:0; bottom:5px; display:flex; flex-flow: row wrap; align-content:center; position:absolute; z-index:3; pointer-events:none;]
  72. [border=transparent; height:45px; width:45px; padding:5px; border:4px solid var(--bg-color); box-sizing:border-box; background-color: var(--color-1); display:flex; align-items:center; justify-content:center; color: var(--bg-color); font-size:17px; line-height:100%; border-radius:50%; margin:5px 0;][fa]fas fa-home[/fa][/border]
  73. [border=transparent; height:45px; width:45px; padding:5px; border:4px solid var(--bg-color); box-sizing:border-box; background-color: var(--color-1); display:flex; align-items:center; justify-content:center; color: var(--bg-color); font-size:17px; line-height:100%; border-radius:50%; margin:5px 0;][fa]fas fa-heartbeat[/fa][/border]
  74. [border=transparent; height:45px; width:45px; padding:5px; border:4px solid var(--bg-color); box-sizing:border-box; background-color: var(--color-1); display:flex; align-items:center; justify-content:center; color: var(--bg-color); font-size:17px; line-height:100%; border-radius:50%; margin:5px 0;][fa]fas fa-tshirt[/fa][/border]
  75. [border=transparent; height:45px; width:45px; padding:5px; border:4px solid var(--bg-color); box-sizing:border-box; background-color: var(--color-1); display:flex; align-items:center; justify-content:center; color: var(--bg-color); font-size:17px; line-height:100%; border-radius:50%; margin:5px 0;][fa]fas fa-map-marker-alt[/fa][/border]
  76. [/border]
  77. [comment]----tabs cover 1 end----[/comment]
  78.  
  79. [/border]
  80. [comment]----sidebar end----[/comment]
  81.  
  82. [comment]----body----[/comment]
  83. [border=transparent; height:100%; width:69%; margin-left:5%; padding:0; position:relative; z-index:3; display:flex; flex-flow:row wrap;]
  84. [comment]----body text----[/comment]
  85. [border=transparent; height:85%; width:100%; padding:10px 0; box-sizing:border-box; border:5px solid var(--color-1); 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-family:'Roboto', sans-serif; line-height:130%; text-align:justify; font-size:11px;][comment]
  86. ----* * * text starts here!----
  87. [/comment]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi volutpat est a lacinia mollis. Ut convallis augue id sem accumsan, malesuada auctor nisl eleifend. Integer feugiat orci mauris, vel varius risus ullamcorper quis. Sed lectus felis, pellentesque ac fringilla a, maximus eget sem. Nullam placerat, tellus quis convallis interdum, lacus leo commodo quam, a lobortis lectus magna id nunc. Suspendisse congue consectetur diam, in tincidunt lacus hendrerit at. Phasellus sit amet purus ante. Donec posuere ipsum sit amet malesuada consectetur. Pellentesque dapibus faucibus nibh, non malesuada tortor efficitur a. Curabitur eu massa sit amet arcu imperdiet interdum. Etiam mi tortor, sodales vitae euismod eu, dapibus quis nunc. Ut eleifend, ipsum id accumsan scelerisque, quam purus posuere eros, id rutrum sapien ligula non erat. Proin congue justo sit amet nunc aliquam, sit amet aliquam diam feugiat. Phasellus lacinia pellentesque nunc, a pellentesque urna placerat et.
  88.  
  89. Morbi vulputate tincidunt leo eget blandit. Pellentesque leo ligula, tristique sit amet gravida quis, suscipit at nunc. Donec sit amet imperdiet nibh, at luctus dui. Curabitur et mi et justo lobortis egestas. Phasellus quis lorem scelerisque, volutpat orci sit amet, mollis sapien. Cras ac gravida lectus. Donec malesuada ac magna sit amet vestibulum. Sed ornare, lacus nec ultricies blandit, sapien nunc tincidunt ante, id euismod est metus non ex.
  90. [/border][/border][/border]
  91. [comment]----body text end----[/comment]
  92.  
  93. [comment]----footer----[/comment]
  94. [border=transparent; height:15%; width:100%; padding:5px 0; box-sizing:border-box; display:flex; flex-direction:column; overflow:hidden;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;]
  95.  
  96. [comment]----name----[/comment]
  97. [border=transparent; height:100%; width:50%; padding:0 5px; box-sizing:border-box; flex-shrink:0; display:flex; justify-content:flex-start; align-items:center;]
  98. [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--color-1); font-size:33px; font-family:'Raleway', sans-serif; font-weight:bold; -webkit-text-stroke: 1px var(--color-1); letter-spacing:2px; line-height:100%;][comment]
  99. ----* * * name here----
  100. [/comment]xie keqing[/border]
  101.  
  102. [border=transparent; height:0; flex-grow:1; padding:0; margin:0 10px; border-top:2px solid var(--color-2); margin-top:4px;][/border]
  103.  
  104. [border=transparent; height:fit-content; width:fit-content; padding:0; color: var(--color-1); font-size:15px; font-family:'Averia Serif Libre', serif; font-weight:bold; text-align:right; margin-top:2px;][comment]
  105. ----* * * role here ----
  106. [/comment]the raven[/border]
  107. [/border]
  108.  
  109. [comment]----other details----[/comment]
  110. [border=transparent; height:100%; width:50%; padding:0; display:flex; flex-flow: row nowrap; align-items:center; justify-content:flex-end;]
  111.  
  112. [comment]----interactions----[/comment]
  113. [border=transparent; height:100%; width:fit-content; max-width:38%; padding:0; display:flex; flex-flow: row nowrap; align-items:center; flex-shrink:0;]
  114. [border=transparent; height:45px; width:45px; padding:5px; border:4px solid var(--bg-color); flex-shrink:0; box-sizing:border-box; background-color: var(--color-1); display:flex; align-items:center; justify-content:center; color: var(--bg-color); font-size:17px; line-height:100%; border-radius:50%; align-self:center; flex-shrink:0;][fa]fas fa-comment-dots[/fa][/border]
  115.  
  116. [border=transparent; height:fit-content; max-height:95%; flex-grow:1; margin-left:8px; padding:0; overflow:hidden; display:flex; flex-direction:column;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;]
  117. [border=transparent; height:fit-content; width:50%; padding:0; line-height:120%; color: var(--t-color); font-family:'Roboto', sans-serif; font-size:12px;][comment]
  118. ----* * * interactions here----
  119. [/comment]yooo what up
  120. [/border]
  121. [/border][/border]
  122. [/border]
  123. [comment]----interactions end----[/comment]
  124.  
  125. [comment]----tags----[/comment]
  126. [border=transparent; height:100%; width:fit-content; max-width:38%; padding:0; display:flex; flex-flow: row nowrap; align-items:center; flex-shrink:0; margin-left:3px;]
  127. [border=transparent; height:45px; width:45px; padding:5px; border:4px solid var(--bg-color); box-sizing:border-box; background-color: var(--color-1); display:flex; align-items:center; justify-content:center; color: var(--bg-color); font-size:17px; line-height:100%; border-radius:50%; flex-shrink:0;][fa]fas fa-users[/fa][/border]
  128.  
  129. [border=transparent; height:fit-content; max-height:55%; flex-grow:1; margin-left:8px; padding:0; overflow:hidden; display:flex; flex-direction:column;][border=transparent; height:100%; width:200%; padding:0; overflow-y:scroll;]
  130. [border=transparent; height:fit-content; width:50%; padding:0; line-height:120%; color: var(--t-color); font-family:'Roboto', sans-serif; font-size:12px;][comment]
  131. ----* * * interactions here----
  132. [/comment][USER=30903]@Uxie[/USER]
  133. [USER=30903]@Uxie[/USER]
  134. [/border]
  135. [/border][/border]
  136. [/border]
  137. [comment]----tags end----[/comment]
  138. [/border]
  139. [comment]----other details end----[/comment]
  140.  
  141. [/border][/border]
  142. [comment]----footer end----[/comment]
  143. [/border]
  144. [comment]----body end----[/comment]
  145.  
  146. [/border][comment]----signature! do not remove----[/comment]
  147. [bg=transparent; height:10px;width:100%;z-index:6;opacity:0.7;color: var(--color-1);font-size:10px;text-align:center; position:absolute; bottom:10px; left:0; padding:0;][font=Open Sans]♡coded by uxie♡[/font][/bg][/border]
Advertisement
RAW Paste Data Copied
Advertisement