Advertisement
vermilly

profile 9 lilia stich (11.10 side only)

Nov 11th, 2023
748
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.25 KB | None | 0 0
  1. <!--------------------
  2.   Don't remove my credit.    Don't redistribute.   Feel free to frankenstein with other codes.    Works with every theme, may not work with custom CSS.   Say Something (HTML) by sardiine
  3.    
  4.   INSTRUCTIONS:
  5.   -please read specific instructions for each section if you intend to edit the code
  6.   -this is the CC (custom colours) version, for the BS (bootstrap) version go to this page https://pastebin.com/iVeV10R5
  7.   -extensive editing may cause the code to break
  8.    
  9.   primary colour:  #05453d; (use ctrl+f + replace all)
  10.    
  11.   --------------------->
  12. <div class="mx-auto p-2">
  13.     <div class="row no-gutters">
  14. <!-------------------- RIGHT COLUMN --------------------->
  15.         <div class="push-lg-8 col-lg-4">
  16.             <div class="col-12 col-lg-10 mb-lg-n5 ml-lg-n5 pb-3 p-0" style="z-index:100">
  17.                 <div class="p-3" style="background:#05453d;color:#fff"><span><i class="fad fa-quote-left fa-xl mr-2"></i>
  18. <!-------------------- QUOTE (keep it to one line) --------------------->
  19.                 Heh, not bad. Invite me next time.</span></div>
  20.                 <div style="transform: rotate(198deg) skew(198deg,36deg);height:28px;width:33px;position:absolute;bottom:4px;right:10%;border-right-width:0;border-bottom-width:0;clip-path:polygon(0 0,100% 0,50% 50%,0 100%);background:#05453d;"></div>
  21.             </div>
  22.             <hr class="hidden-lg-down m-0 mb-4" style="border-top: 2px dashed rgba(0,0,0,.1);">
  23.             <div class="card rounded-0 border-0 p-3" style="box-shadow:rgba(0,0,0,0.2) 0 0 6px;z-index:10;">
  24.                 <div class="p-0" style="box-shadow:rgba(0,0,0,0.2) 0 0 6px inset;">
  25. <!-------------------- FOCAL IMAGE  --------------------->
  26.                     <div style="
  27.                    background:url(https://twistedwonderland.wiki.gg/images/3/38/Card_Malleus_SSR_Dorm_Uniform.png) center;background-size:cover;background-repeat:no-repeat;
  28.                    "><div class="hidden-md-down" style="min-height:215px"></div><div class="hidden-lg-up" style="min-height:300px"></div>
  29.                     </div>
  30.                 </div>
  31.  
  32.  
  33.             </div>
  34.         </div>
  35.  
  36. <!-------------------- LEFT COLUMN --------------------->
  37.         <div class="pull-lg-4 col-lg-8 pr-lg-4">
  38.             <div class="flex-row text-center align-items-center justify-content-between" style="overflow:hidden;">
  39.                 <h1 class="col-12 col-lg-auto text-uppercase my-2 p-0" style="color:#fff;text-shadow:-1px 0 #05453d, 0 1px #05453d, 3px 1px 0 #05453d, 0 -1px #05453d;font-size:50px;font-weight:700;font-family:georgia!important;">
  40. <!-------------------- NAME --------------------->
  41.                     XUXU</h1>
  42.                 <div class="hidden-lg-down pr-4">
  43.  <!-------------------- MESSAGE/SUB/AUTH BUTTONS (replace USERNAME with your own username) --------------------->
  44.                     <a href="/~messages/create/xuxu_E" class="tooltipster px-3 text-muted" TITLE="message"><i class="fas fa-envelope"></i></a>
  45.                     <a href="/xuxu_E/subscribe" class="tooltipster px-3 text-muted" TITLE="subscribe"><i class="fas fa-plus"></i></a>
  46.                     <a href="/xuxu_E/authorize" class="tooltipster px-3 text-muted" TITLE="authorize"><i class="fas fa-heart"></i></a>
  47.                 </div>
  48.             </div>
  49.             <div class="flex-row p-1 mb-4 text-monospace justify-content-between text-center" style="background:#05453d;color:#fff;font-size:11pt;font-weight:300;letter-spacing:2px">
  50. <!-------------------- INFO --------------------->
  51.                 <div class="col">xuxu</div>/ <div class="col">they/them</div>/ <div class="col">16+</div>
  52.             </div>
  53.             <div class="card rounded-0 border-0 mb-4 p-3" style="box-shadow:rgba(0,0,0,0.2) 0 0 6px;">
  54. <!-------------------- BLURB (this scrolls) --------------------->
  55.                 <p class="p-2" style="overflow:auto;max-height:150px;font-size:0.9rem;font-weight:300;">
  56.  This is a side account, I'm not using it at the moment! My main account is @xuxu.
  57. </p>
  58.                    
  59.                    
  60.                 <div class="row no-gutters mt-3">
  61.                     <div class="col-12">
  62. <!-------------------- PREFERENCES --------------------->
  63.                         <ul class="fa-ul mb-2" style="font-weight:300;">
  64.  
  65.                             <li class="mb-1"><i class="far fa-globe fa-fw fa-li text-muted"></i>
  66.                             Timezone: United States (PST)</li>
  67.                            
  68.                             <li class="mb-1"><i class="far fa-id-card fa-fw fa-li text-muted"></i>
  69.                             <a href="https://xuxu-time.carrd.co/">About me carrd</a></li>
  70.                            
  71.                             <li class="mb-1"><i class="far fa-circle-info fa-fw fa-li text-muted"></i>
  72.                             Code by <a href="https://toyhou.se/22751023" style="color:#05453d;">@/sardiine</a></li>
  73.                            
  74.                            
  75.                         </ul>
  76.                    
  77.                     </div>
  78.                 </div>
  79.             </div>
  80.  
  81. <!-------------------- ADD MORE LINKS UNDER HERE --------------------->
  82.                
  83. <!-------------------- LINKS END --------------------->
  84.             </div>
  85.         </div>
  86.     </div>
  87.  
  88. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement