API tools faq
paste
Advertisement
CrispinAsheYA

Danger! (Custom Colours)

CrispinAsheYA
Aug 19th, 2022 (edited)
647
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.53 KB | Source Code | 0 0
raw download clone embed print report
  1. <!--------------------- PLEASE SEE HERE FOR MY CODE RULES: https://toyhou.se/12931952.bonus-content/17036656.-06-code-rules ---------------------
  2.  
  3. Default Colours
  4. -Yellow (Main): #FF9A00
  5. -Black (Background): #2B1A00
  6. -White (Text): #FFF1DC
  7. -Turquoise (Links): #5BC0DE
  8.  
  9. Thank you for reading!
  10. Crispin
  11.  
  12. -->
  13.  
  14. <!--------------------------------------------------------  START CONTENT -------------------------------------------------------->
  15.  
  16. <div class="row justify-content-center p-3 tab-pane fade show active"> <!-- Sets up the content of the warning) -->
  17.  
  18.   <!----------------------------------------------------------- START BOX ------------------------------------------------------------>
  19.  
  20.   <div class="col-12 col-lg-8"><!-- Sets up The Box -->
  21.  
  22.     <div class="card" style="height:635px; color:#FFF1DC; font-family:'comic sans ms'; font-size:1rem; background:#2B1A00; border:6px #FF9A00 solid; border-radius:0px"><!-- Sets up The Box's Content -->
  23.    
  24.       <div class="tab-content"><!-- Sets up Tabs -->
  25.      
  26.         <!------ START HEADER ------>
  27.         <div class="card border-0 rounded-0 p-1 mb-2" style="color:#FFF1DC; font-family:'comic sans ms'; font-size:2rem; background:#FF9A00; border:6px #FF9A00 solid; border-radius:0px"> <!-- Start Header Box -->
  28.          
  29.           <div class="row no-gutters"> <!-- Put everything neatly in onw row! All across, no things going above or under each other here -->
  30.            
  31.             <!------ START "WARNING!" TEXT ------>
  32.             <div class="col flex-col pl-1">
  33.               <div style="color:#FFF1DC; font-family:'comic sans ms'; font-size:2rem; background:#FF9A00; border:6px #FF9A00 solid; border-radius:0px">
  34.                 <span class="pull-left"><i class="fas fa-triangle-exclamation"></i>   Warning!</span>
  35.               </div>
  36.             </div>
  37.             <!------ END "WARNING!" TEXT ------>
  38.            
  39.             <!------ START BUTTONS ------>
  40.             <ul class="nav nav-tabs card-header-tabs row pl-4 m-0"> <!-- Sets up Button List -->
  41.               <li class="nav-item"><a class="nav-link btn btn px-5" data-toggle="pill" href="#warning" style="color:#2B1A00; font-family:'comic sans ms'; font-size:1rem; background:#FF9A00; border:6px #2B1A00 solid; border-radius:0px">Warning</a></li> <!-- Button -->
  42.               <li class="nav-item"><a class="nav-link btn btn px-5" data-toggle="pill" href="#warning2" style="color:#2B1A00; font-family:'comic sans ms'; font-size:1rem; background:#FF9A00; border:6px #2B1A00 solid; border-radius:0px">Content</a></li> <!-- Button -->
  43.             </ul> <!-- Ends Button List -->
  44.             <!------ START BUTTONS ------>
  45.            
  46.           </div> <!-- End Row -->
  47.          
  48.         </div><!-- End Header Box -->
  49.        
  50.         <!------ END HEADER ------>
  51.        
  52.         <!------------------------------------------------------- START WARNINGS ------------------------------------------------------->
  53.        
  54.         <div class="tab-pane fade show active justify-content-center" id="warning"> <!-- Start Tab 1 -->
  55.        
  56.           <div class="card-body p-3 table-responsive" style="max-height:525px; text-align:center; font-size:1.5rem;"><!-- Start Text Area -->
  57.          
  58.             <p>This character contains information, art, themes, motifs, etc, that some people may find disturbing.</p>
  59.             <p>-</p>
  60.             <p>Click the "Content" button above for a list of specific warnings.</p>
  61.             <p>-</p>
  62.             <p>Viewer Discretion is advised. Proceed at your own risk.</p>
  63.          
  64.           </div> <!-- End Text Area -->
  65.          
  66.         </div><!-- End Tab 1 -->
  67.        
  68.         <!-------------------------------------------------------- END WARNINGS -------------------------------------------------------->
  69.        
  70.         <!------------------------------------------------------- START CONTENT ------------------------------------------------------->
  71.        
  72.         <div class="tab-pane fade" id="warning2"> <!-- Start Tab 2 -->
  73.        
  74.           <div class="card-body p-3 table-responsive" style="max-height:525px;"><!-- Start Text Area -->
  75.            
  76.             <!------------------------------------------------------- START MENTIONS ------------------------------------------------------->
  77.            
  78.             <span style="color:#FF9A00; font-family:'comic sans ms'; font-size:1.4rem;">This Character's Profile Contains Mentions Of...</span><!-- The Subheader At The Top -->
  79.               <hr class="mt-1 mb-2" style="border:1px #FF9A00 dashed;"><!-- The Lil Underline On The Subheader -->
  80.              
  81.             <ul> <!-- Feel free to remove the ones that don't fit your scenario at your own leisure! You may add some not already here too! -->
  82.               <li>Ableism</li>
  83.               <li>Addiction</li>
  84.               <li>Alcoholism</li>
  85.               <li>Animal Cruelty</li>
  86.               <li>Anti-Semitism</li>
  87.               <li>Blood (Minor)</li>
  88.               <li>Blood / Gore</li>
  89.               <li>Body-Horror</li>
  90.               <li>Bright Colours</li>
  91.               <li>Car-Crashes</li>
  92.               <li>Child Abuse</li>
  93.               <li>Child Death</li>
  94.               <li>Cults</li>
  95.               <li>Character Death</li>
  96.               <li>Depression</li>
  97.               <li>Dissosciation</li>
  98.               <li>Disordered Eating</li>
  99.               <li>Drug Use</li>
  100.               <li>Emotional Abuse</li>
  101.               <li>Eye Injury</li>
  102.               <li>Fatal Illness</li>
  103.               <li>Fire</li>
  104.               <li>Gun-Usage</li>
  105.               <li>Homophobia</li>
  106.               <li>Insects</li>
  107.               <li>Islamophobia</li>
  108.               <li>Lobotomisation</li>
  109.               <li>Misandry</li>
  110.               <li>Miscarriages</li>
  111.               <li>Misogyny</li>
  112.               <li>Murder</li>
  113.               <li>Natural Disasters</li>
  114.               <li>Needles</li>
  115.               <li>NSFW Content</li>
  116.               <li>Nudity</li>
  117.               <li>Physical Abuse</li>
  118.               <li>Racism</li>
  119.               <li>Religious Trauma</li>
  120.               <li>Self Harm</li>
  121.               <li>Sexual Abuse</li>
  122.               <li>Sex Work</li>
  123.               <li>Smoking</li>
  124.               <li>Stalking</li>
  125.               <li>Suicide</li>
  126.               <li>Surgeries</li>
  127.               <li>Transphobia</li>
  128.               <li>Transphobia (General)</li>
  129.               <li>Unreality</li>
  130.               <li>Verbal Abuse</li>
  131.               <li>War</li>
  132.             </ul>
  133.             <!------------------------------------------------------- END MENTIONS ------------------------------------------------------->
  134.            
  135.             <!---------------------------------------------------- START GRAPHIC DEPICTIONS ---------------------------------------------------->
  136.             <span style="color:#FF9A00; font-family:'comic sans ms'; font-size:1.4rem;">This Character's Profile Contains Graphic Depictions Of...</span><!-- The Subheader At The Top -->
  137.               <hr class="mt-1 mb-2" style="border:1px #FF9A00 dashed;"><!-- The Lil Underline On The Subheader -->
  138.              
  139.             <ul> <!-- Feel free to remove the ones that don't fit your scenario at your own leisure! You may add some not already here too! -->
  140.               <li>Ableism</li>
  141.               <li>Addiction</li>
  142.               <li>Alcoholism</li>
  143.               <li>Animal Cruelty</li>
  144.               <li>Anti-Semitism</li>
  145.               <li>Blood (Minor)</li>
  146.               <li>Blood / Gore</li>
  147.               <li>Body-Horror</li>
  148.               <li>Bright Colours</li>
  149.               <li>Car-Crashes</li>
  150.               <li>Child Abuse</li>
  151.               <li>Child Death</li>
  152.               <li>Cults</li>
  153.               <li>Character Death</li>
  154.               <li>Depression</li>
  155.               <li>Dissosciation</li>
  156.               <li>Disordered Eating</li>
  157.               <li>Drug Use</li>
  158.               <li>Emotional Abuse</li>
  159.               <li>Eye Injury</li>
  160.               <li>Fatal Illness</li>
  161.               <li>Fire</li>
  162.               <li>Gun-Usage</li>
  163.               <li>Homophobia</li>
  164.               <li>Insects</li>
  165.               <li>Islamophobia</li>
  166.               <li>Lobotomisation</li>
  167.               <li>Misandry</li>
  168.               <li>Miscarriages</li>
  169.               <li>Misogyny</li>
  170.               <li>Murder</li>
  171.               <li>Natural Disasters</li>
  172.               <li>Needles</li>
  173.               <li>NSFW Content</li>
  174.               <li>Nudity</li>
  175.               <li>Physical Abuse</li>
  176.               <li>Racism</li>
  177.               <li>Religious Trauma</li>
  178.               <li>Self Harm</li>
  179.               <li>Sexual Abuse</li>
  180.               <li>Sex Work</li>
  181.               <li>Smoking</li>
  182.               <li>Stalking</li>
  183.               <li>Suicide</li>
  184.               <li>Surgeries</li>
  185.               <li>Transphobia</li>
  186.               <li>Transphobia (General)</li>
  187.               <li>Unreality</li>
  188.               <li>Verbal Abuse</li>
  189.               <li>War</li>
  190.             </ul> <!-- End Warnings List -->
  191.            
  192.             <!----------------------------------------------------- END GRAPHIC DEPICTIONS ----------------------------------------------------->
  193.            
  194.             <!------------------------------------------------------- START VISUALS ------------------------------------------------------->
  195.             <span style="color:#FF9A00; font-family:'comic sans ms'; font-size:1.4rem;">This Character's Gallery Contains Scenes Of...</span><!-- The Subheader At The Top -->
  196.               <hr class="mt-1 mb-2" style="border:1px #FF9A00 dashed;"><!-- The Lil Underline On The Subheader -->
  197.              
  198.             <ul> <!-- Feel free to remove the ones that don't fit your scenario at your own leisure! You may add some not already here too! -->
  199.               <li>Ableism</li>
  200.               <li>Addiction</li>
  201.               <li>Alcoholism</li>
  202.               <li>Animal Cruelty</li>
  203.               <li>Anti-Semitism</li>
  204.               <li>Blood (Minor)</li>
  205.               <li>Blood / Gore</li>
  206.               <li>Body-Horror</li>
  207.               <li>Bright Colours</li>
  208.               <li>Candy-Gore</li>
  209.               <li>Car-Crashes</li>
  210.               <li>Child Abuse</li>
  211.               <li>Child Death</li>
  212.               <li>Cults</li>
  213.               <li>Character Death</li>
  214.               <li>Depression</li>
  215.               <li>Dissosciation</li>
  216.               <li>Disordered Eating</li>
  217.               <li>Drug Use</li>
  218.               <li>Emotional Abuse</li>
  219.               <li>Eye Injury</li>
  220.               <li>Fatal Illness</li>
  221.               <li>Fire</li>
  222.               <li>Flashing Lights</li>
  223.               <li>Gun-Usage</li>
  224.               <li>Homophobia</li>
  225.               <li>Illness</li>
  226.               <li>Islamophobia</li>
  227.               <li>Lobotomisation</li>
  228.               <li>Misandry</li>
  229.               <li>Miscarriages</li>
  230.               <li>Misogyny</li>
  231.               <li>Murder</li>
  232.               <li>Natural Disasters</li>
  233.               <li>Needles</li>
  234.               <li>NSFW Content</li>
  235.               <li>Nudity</li>
  236.               <li>Physical Abuse</li>
  237.               <li>Racism</li>
  238.               <li>Religious Trauma</li>
  239.               <li>Self Harm</li>
  240.               <li>Sexual Abuse</li>
  241.               <li>Sex Work</li>
  242.               <li>Smoking</li>
  243.               <li>Stalking</li>
  244.               <li>Suicide</li>
  245.               <li>Surgeries</li>
  246.               <li>Transphobia</li>
  247.               <li>Transphobia (General)</li>
  248.               <li>Unreality</li>
  249.               <li>Verbal Abuse</li>
  250.               <li>War</li>
  251.             </ul> <!-- End Warnings List -->
  252.            
  253.             <!------------------------------------------------------- END VISUALS ------------------------------------------------------->
  254.          
  255.           </div> <!-- End Text Area -->
  256.          
  257.         </div> <!-- End Tab 2 -->
  258.        
  259.         <!-------------------------------------------------------- END CONTENT -------------------------------------------------------->
  260.        
  261.       </div> <!-- End Tabs -->
  262.      
  263.     </div> <!-- End Box's Content -->
  264.    
  265.   </div> <!-- End Box -->
  266.  
  267.   <!----------------------------------------------------------- END BOX ------------------------------------------------------------>
  268.  
  269. </div> <!-- End Code! -->
  270.  
  271.  
  272. <!--Credit. You may move it, but please do not delete/remove-->
  273. <div class="text-right w-100">
  274. <a href="https://toyhou.se/17611128.danger-warning-f2u-" target="_blank" class="m-1" style="color:#fff;"><i class="fas fa-code"></i> Code By CrispinAsheYA</a>
  275. </div>
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!