API tools faq
paste
Advertisement
CrispinAsheYA

Smoky Nights [CUSTOM COLOURS]

CrispinAsheYA
Nov 26th, 2023
1,001
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.51 KB | None | 0 0
raw download clone embed print report
  1. <!--- PLEASE SEE HERE FOR MY CODE RULES: https://toyhou.se/12931952.bonus-content/17098747.03-terms-of-service ---
  2.  
  3. Version: 1.0
  4.  
  5. Default Colours
  6. -Text White: #FFFFFF
  7. -Main Blue: #211173
  8. -Darker Background: #000025
  9. -Border Black: #000000
  10.  
  11. Thank you for reading!
  12. Crispin
  13.  
  14. -->
  15.  
  16. <!--- START ACTUAL CODE --->
  17. <div class="col-12 col-lg-8 mx-auto" style="color:#FFFFFF; font-size:1rem; font-family:'comic sans ms'; border:none;">
  18.  
  19.   <!--- START HEADING --->
  20.   <div class="col-12 p-0" style="border:#000000 8px solid; border-bottom:none;">
  21.     <div class="card border-0 rounded-0" style="background:linear-gradient(0deg, rgba(21,11,73,1), rgba(0,0,25,1));"><p class="justify-content-center display-4 m-1 p-3" style="color:#FFFFFF; background:rgba(0,0,0,0.7);">SEX HAVER???</p></div>
  22.   </div>
  23.   <!--- END HEADING --->
  24.  
  25.   <!--- START BUTTONS --->
  26.   <div class="col-12 p-0" style="border:#000000 4px solid; border-bottom:none;">
  27.     <ul class="nav nav-tabs card-header-tabs row p-0 m-0" style="text-align:center;">
  28.       <li class="col-12 col-lg-4 nav-item p-0 m-0"><a class="nav-link px-0" data-toggle="tab" href="#physical" style="color:#FFFFFF; background:#211173; border:#000000 4px solid; border-radius:0px">Physical</a></li>
  29.       <li class="col-12 col-lg-4 nav-item p-0 m-0"><a class="nav-link px-0" data-toggle="tab" href="#behavioural" style="color:#FFFFFF; background:#211173; border:#000000 4px solid; border-radius:0px">Behavioural</a></li>
  30.       <li class="col-12 col-lg-4 nav-item p-0 m-0"><a class="nav-link px-0" data-toggle="tab" href="#social" style="color:#FFFFFF; background:#211173; border:#000000 4px solid; border-radius:0px">Social</a></li>
  31.     </ul>
  32.   </div>
  33.   <!--- END BUTTONS --->
  34.  
  35.   <!--- START MIDDLE SECTION --->
  36.   <div class="mx-auto p-0 row" style="border:#000000 4px solid; border-top:none;">
  37.    
  38.     <div class="col-12 p-0" style="background-color:#000025; border:none;">
  39.      
  40.       <div class="tab-content" style="height:500px; border:#000000 4px solid;">
  41.        
  42.         <!--- START PHYSICAL --->
  43.         <div class="tab-pane active show" id="physical">
  44.           <div class="card-body p-3 table-responsive text-center" style="max-height:500px;">
  45.            
  46.             <div class="col-12 row mb-2 pb-3 p-0 text-center">
  47.               <div class="col-12 col-lg-6">
  48.                 <div class="d-flex" style="flex-direction:row; align-items:center;">
  49.                   <p class="mr-2" style="flex-grow:0;">Name</p><hr style="flex-grow:1;"><span class="ml-2">#</span>
  50.                 </div>
  51.                 <div class="d-flex" style="flex-direction:row; align-items:center;">
  52.                   <p class="mr-2" style="flex-grow:0;">Species</p><hr style="flex-grow:1;"><span class="ml-2"><a href="#" style="color:#211173;">#</a></span>
  53.                 </div>
  54.                 <div class="d-flex" style="flex-direction:row; align-items:center;">
  55.                   <p class="mr-2" style="flex-grow:0;">Gender</p><hr style="flex-grow:1;"><span class="ml-2">#</span>
  56.                 </div>
  57.                 <div class="d-flex" style="flex-direction:row; align-items:center;">
  58.                   <p class="mr-2" style="flex-grow:0;">Orientation</p><hr style="flex-grow:1;"><span class="ml-2">#</span>
  59.                 </div>
  60.               </div>
  61.               <div class="col-12 col-lg-6">
  62.                 <div class="d-flex" style="flex-direction:row; align-items:center;">
  63.                   <p class="mr-2" style="flex-grow:0;">Equipment</p><hr style="flex-grow:1;"><span class="ml-2">#</span>
  64.                 </div>
  65.                 <div class="d-flex" style="flex-direction:row; align-items:center;">
  66.                   <p class="mr-2" style="flex-grow:0;">Size</p><hr style="flex-grow:1;"><span class="ml-2">#</span>
  67.                 </div>
  68.                 <div class="d-flex" style="flex-direction:row; align-items:center;">
  69.                   <p class="mr-2" style="flex-grow:0;">Body Count</p><hr style="flex-grow:1;"><span class="ml-2">#</span>
  70.                 </div>
  71.               </div>
  72.             </div>
  73.            
  74.             <p>Other Info down here. Any intresting birth marks? Tattoos? Piercings?</p>
  75.            
  76.           </div>
  77.         </div>
  78.         <!--- END PHYSICAL --->
  79.        
  80.         <!--- START BEHAVIOURAL --->
  81.         <div class="tab-pane fade" id="behavioural">
  82.           <div class="card-body p-3 table-responsive text-center" style="max-height:500px;">
  83.            
  84.             <div class="col-12 row mb-2 pb-3 p-0 text-center">
  85.               <div class="col-12 col-lg-6">
  86.                
  87.                 <span class="pb-3" style="color:#211173; font-size:1.4rem;">Sensitivity</span><hr class="mt-1 mb-2">
  88.                 <div class="progress" style="background-color:#000025; border:#000000 4px solid; border-radius:0px;">
  89.                   <div class="progress-bar" style="width:50%; color:#FFFFFF; background-color:#211173; border:none; border-radius:0px;"><br></div>
  90.                 </div><p style="color:#000025;">-</p>
  91.                
  92.                 <span class="pb-3" style="color:#211173; font-size:1.4rem;">Experience</span><hr class="mt-1 mb-2">
  93.                 <div class="progress" style="background-color:#000025; border:#000000 4px solid; border-radius:0px;">
  94.                   <div class="progress-bar" style="width:50%; color:#FFFFFF; background-color:#211173; border:none; border-radius:0px;"><br></div>
  95.                 </div><p style="color:#000025;">-</p>
  96.                
  97.                 <span class="pb-3" style="color:#211173; font-size:1.4rem;">Vocal</span><hr class="mt-1 mb-2">
  98.                 <div class="progress" style="background-color:#000025; border:#000000 4px solid; border-radius:0px;">
  99.                   <div class="progress-bar" style="width:50%; color:#FFFFFF; background-color:#211173; border:none; border-radius:0px;"><br></div>
  100.                 </div><p style="color:#000025;">-</p>
  101.                
  102.               </div>
  103.               <div class="col-12 col-lg-6">
  104.                
  105.                 <span class="pb-3" style="color:#211173; font-size:1.4rem;">Bottom 🢨 🢩 Top</span><hr class="mt-1 mb-2">
  106.                 <div class="progress" style="background-color:#000025; border:#000000 4px solid; border-radius:0px;">
  107.                   <div class="progress-bar" style="width:50%; color:#FFFFFF; background-color:#211173; border:none; border-radius:0px;"><br></div>
  108.                 </div><p style="color:#000025;">-</p>
  109.                
  110.                 <span class="pb-3" style="color:#211173; font-size:1.4rem;">Sub 🢨 🢩 Dom</span><hr class="mt-1 mb-2">
  111.                 <div class="progress" style="background-color:#000025; border:#000000 4px solid; border-radius:0px;">
  112.                   <div class="progress-bar" style="width:50%; color:#FFFFFF; background-color:#211173; border:none; border-radius:0px;"><br></div>
  113.                 </div><p style="color:#000025;">-</p>
  114.                
  115.                 <span class="pb-3" style="color:#211173; font-size:1.4rem;">Selfish 🢨 🢩 Selfless</span><hr class="mt-1 mb-2">
  116.                 <div class="progress" style="background-color:#000025; border:#000000 4px solid; border-radius:0px;">
  117.                   <div class="progress-bar" style="width:50%; color:#FFFFFF; background-color:#211173; border:none; border-radius:0px;"><br></div>
  118.                 </div><p style="color:#000025;">-</p>
  119.                
  120.               </div>
  121.              
  122.             </div>
  123.            
  124.             <div class="col-12 row mb-2 pb-3 p-0 text-center">
  125.               <div class="col-12 col-lg-6">
  126.                 <span class="pb-3" style="color:#211173; font-size:1.4rem;">Fetishes (Needs)</span><hr class="mt-1 mb-2">
  127.                 <ul>
  128.                   <li>#</li>
  129.                 </ul>
  130.               </div>
  131.               <div class="col-12 col-lg-6">
  132.                 <span class="pb-3" style="color:#211173; font-size:1.4rem;">Kinks (Wants)</span><hr class="mt-1 mb-2">
  133.                 <ul>
  134.                   <li>#</li>
  135.                 </ul>
  136.               </div>
  137.             </div>
  138.            
  139.             <div class="col-12 mb-2 pb-3 p-0 text-center">
  140.               <span class="pb-3" style="color:#211173; font-size:1.4rem;">Pre-Intercourse</span><hr class="mt-1 mb-2">
  141.               <p>#</p>
  142.               <p style="color:#000025;">-</p>
  143.              
  144.               <span class="pb-3" style="color:#211173; font-size:1.4rem;">During Intercourse</span><hr class="mt-1 mb-2">
  145.               <p>#</p>
  146.               <p style="color:#000025;">-</p>
  147.              
  148.               <span class="pb-3" style="color:#211173; font-size:1.4rem;">Post-Intercourse</span><hr class="mt-1 mb-2">
  149.               <p>#</p>
  150.               <p style="color:#000025;">-</p>
  151.              
  152.               <span class="pb-3" style="color:#211173; font-size:1.4rem;">Other Notes</span><hr class="mt-1 mb-2">
  153.               <p>Any other fascinating trivia?</p>
  154.               <p style="color:#000025;">-</p>
  155.             </div>
  156.            
  157.           </div>
  158.         </div>
  159.         <!--- END BEHAVIOURAL --->
  160.        
  161.         <!--- START SOCIAL --->
  162.         <div class="tab-pane fade" id="social">
  163.           <div class="card-body p-3 table-responsive" style="max-height:500px;">
  164.            
  165.             <!-- START PARTNER -->
  166.             <div class="row">
  167.               <div class="col-12 col-sm-9 col-md-8 col-xl-9 order-2 order-sm-1">
  168.                 <a href="#" style="font-size:1.2rem; color:#211173">#</a>
  169.                 <span class="pull-right" style="font-size:1.2rem; color:#211173">Partner #3</span><hr class="mt-0 mb-2">
  170.                 <p>#</p>
  171.                 <p style="color:#000025;">-</p>
  172.               </div>
  173.               <div class="col-12 col-sm-3 col-md-4 col-xl-3 mb-2 mb-sm-0 order-1 order-sm-2">
  174.                 <div class="card bg-transparent border-0" style="max-width:150px; margin-left:auto; margin-right:auto;">
  175.                   <a data-toggle="tooltip" href="#"><img src="#"></a>
  176.                 </div>
  177.               </div>
  178.             </div>
  179.             <!-- END PARTNER -->
  180.            
  181.             <!-- START PARTNER -->
  182.             <div class="row">
  183.               <div class="col-12 col-sm-9 col-md-8 col-xl-9 order-2 order-sm-1">
  184.                 <a href="#" style="font-size:1.2rem; color:#211173">#</a>
  185.                 <span class="pull-right" style="font-size:1.2rem; color:#211173">Partner #2</span><hr class="mt-0 mb-2">
  186.                 <p>#</p>
  187.                 <p style="color:#000025;">-</p>
  188.               </div>
  189.               <div class="col-12 col-sm-3 col-md-4 col-xl-3 mb-2 mb-sm-0 order-1 order-sm-2">
  190.                 <div class="card bg-transparent border-0" style="max-width:150px; margin-left:auto; margin-right:auto;">
  191.                   <a data-toggle="tooltip" href="#"><img src="#"></a>
  192.                 </div>
  193.               </div>
  194.             </div>
  195.             <!-- END PARTNER -->
  196.            
  197.             <!-- START PARTNER -->
  198.             <div class="row">
  199.               <div class="col-12 col-sm-9 col-md-8 col-xl-9 order-2 order-sm-1">
  200.                 <a href="#" style="font-size:1.2rem; color:#211173">#</a>
  201.                 <span class="pull-right" style="font-size:1.2rem; color:#211173">Partner #1</span><hr class="mt-0 mb-2">
  202.                 <p>#</p>
  203.                 <p style="color:#000025;">-</p>
  204.               </div>
  205.               <div class="col-12 col-sm-3 col-md-4 col-xl-3 mb-2 mb-sm-0 order-1 order-sm-2">
  206.                 <div class="card bg-transparent border-0" style="max-width:150px; margin-left:auto; margin-right:auto;">
  207.                   <a data-toggle="tooltip" href="#"><img src="#"></a>
  208.                 </div>
  209.               </div>
  210.             </div>
  211.             <!-- END PARTNER -->
  212.            
  213.           </div>
  214.         </div>
  215.         <!--- END SOCIAL --->
  216.        
  217.       </div>
  218.      
  219.     </div>
  220.     <!--- END MIDDLE SECTION --->
  221.    
  222.     <!--- START CREDITS --->
  223.     <div class="col-12 py-3 text-center" style="background-color:#211173; border:#000000 4px solid;">
  224.       <a href="https://toyhou.se/18652345.vortex" data-toggle="tooltip" title="Code by: TomcatCodes / CrispinAsheYA" data-original-title="Code by: TomcatCodes / CrispinAsheYA" style="color:#FFFFFF; font-size:1.4rem;"><i class="fas fa-heart"></i></a>
  225.       <a href="https://toyhou.se/16006417.overlay" data-toggle="tooltip" title="Header Code Frankensteined From: CuckooHoopoe" data-original-title="Header Code Frankensteined From: CuckooHoopoe" style="color:#FFFFFF; font-size:1.4rem;"><i class="fas fa-heart"></i></a>
  226.     </div>
  227.     <!--- END CREDITS --->
  228.    
  229.   </div>
  230.  
  231. </div>
  232. <!--- END ACTUAL CODE --->
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!