API tools faq
paste
Advertisement
CrispinAsheYA

Oblivion (Custom Colours)

CrispinAsheYA
Nov 14th, 2023 (edited)
719
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 26.33 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/17098747.03-terms-of-service --
  2.  
  3. Version: 1.0
  4.  
  5. Default Colours
  6. -Text White: #FFFFFF
  7. -Highlight Orange: #C95203
  8. -Sector Brown: #2F1F00
  9. -Background Black: #1E0F00
  10. -Border Black: #000000
  11.  
  12. Scroll To The Bottom for every single "Find & Replace" Variable! (Feel free to move to the top when you turn this into a personal template, I just keep it at the bottom for organisation.)
  13.  
  14. Thank you for reading!
  15. Crispin
  16.  
  17. -->
  18.  
  19. <!---------- START 1ST BOX ----------->
  20. <div class="col-12 p-0 rounded-0" style="background-color:#1E0F00; border:#000000 8px solid;">
  21.   <div class="row no-gutters">
  22.    
  23.     <!---------- START TEXT SIDE ----------->
  24.     <div class="col-12 col-lg-8 p-3">
  25.       <h1 class="display-3 text-uppercase text-center" style="color:#C95203"><i class="fas fa-roller-coaster"></i><b> NAME </b><i class="fas fa-roller-coaster fa-flip-horizontal"></i></h1>
  26.       <h2 class="text-uppercase text-center" style="color:#FFFFFF;">[INFO] | [INFO]</h2>
  27.      
  28.       <!---------- START MAIN SECTION ----------->
  29.       <div class="m-3 p-4" style="color:#FFFFFF; background-color:#2F1F00;">
  30.         <p>[INTRODUCTIONTEXT]</p>
  31.        
  32.         <hr style="flex-grow:1;">
  33.        
  34.         <!---------- START ENGAGE & BUTTONS ----------->
  35.         <div class="row">
  36.          
  37.           <!---------- START BUTTONS SETUP ----------->
  38.           <div class="col-12 col-lg-6">
  39.             <h1 class="text-uppercase text-center" style="color:#C95203;">Links</h1>
  40.             <div class="col-12 row no-gutters mb-2 pb-3 p-0 text-center">
  41.               <div class="col-12">
  42.                
  43.                 <!---------- START BUTTONS ----------->
  44.                 <div class="btn btn-block m-2 border-0 rounded-0" style="background-color:#C95203;"><a style="color:#FFFFFF;" href="[BUTTONLINK]">[BUTTONTEXT]</a></div>
  45.                 <div class="btn btn-block m-2 border-0 rounded-0" style="background-color:#C95203;"><a style="color:#FFFFFF;" href="[BUTTONLINK]">[BUTTONTEXT]</a></div>
  46.                 <div class="btn btn-block m-2 border-0 rounded-0" style="background-color:#C95203;"><a style="color:#FFFFFF;" href="[BUTTONLINK]">[BUTTONTEXT]</a></div>
  47.                 <!---------- END BUTTONS ----------->
  48.                
  49.               </div>
  50.             </div>
  51.           </div>
  52.           <!---------- END BUTTONS SETUP ----------->
  53.          
  54.           <!---------- START ENGAGE ----------->
  55.           <div class="col-12 col-lg-6">
  56.             <h1 class="text-uppercase text-center" style="color:#C95203;">Engage</h1>
  57.             <div class="col-12 row mb-2 pb-3 p-0 text-center" style="color:#FFFFFF;">
  58.               <div class="col-12">
  59.                 <div class="d-flex" style="flex-direction:row; align-items:center;">
  60.                   <p class="mr-2" style="flex-grow:0;">[ENGAGETEXT]</p><hr style="flex-grow:1;"><a href="[ENGAGELINK]"><span class="ml-2" style="color:#C95203;">[ENGAGESTATUS]</span></a>
  61.                 </div>
  62.                 <div class="d-flex" style="flex-direction:row; align-items:center;">
  63.                   <p class="mr-2" style="flex-grow:0;">[ENGAGETEXT]</p><hr style="flex-grow:1;"><a href="[ENGAGELINK]"><span class="ml-2" style="color:#C95203;">[ENGAGESTATUS]</span></a>
  64.                 </div>
  65.                 <div class="d-flex" style="flex-direction:row; align-items:center;">
  66.                   <p class="mr-2" style="flex-grow:0;">[ENGAGETEXT]</p><hr style="flex-grow:1;"><a href="[ENGAGELINK]"><span class="ml-2" style="color:#C95203;">[ENGAGESTATUS]</span></a>
  67.                 </div>
  68.                 <div class="d-flex" style="flex-direction:row; align-items:center;">
  69.                   <p class="mr-2" style="flex-grow:0;">[ENGAGETEXT]</p><hr style="flex-grow:1;"><a href="[ENGAGELINK]"><span class="ml-2" style="color:#C95203;">[ENGAGESTATUS]</span></a>
  70.                 </div>
  71.               </div>
  72.             </div>
  73.           </div>
  74.           <!---------- END ENGAGE ----------->
  75.          
  76.         </div>
  77.         <!---------- END ENGAGE & BUTTONS ----------->
  78.        
  79.       </div>
  80.       <!---------- END MAIN SECTION ----------->
  81.      
  82.     </div>
  83.     <!---------- END TEXT SIDE ----------->
  84.    
  85.     <!---------- START IMAGE SIDE ----------->
  86.     <div class="col-12 col-lg-4">
  87.       <img src="[IMGTOPBOX]">
  88.     </div>
  89.     <!---------- END IMAGE SIDE ----------->
  90.    
  91.   </div>
  92. </div>
  93. <!---------- END 1ST BOX ----------->
  94.  
  95. <!---------- START SOCIAL MEDIA ----------->
  96. <div class="col-12 p-3 my-3 rounded-0 text-center" style="background-color:#1E0F00; letter-spacing:1.5rem; border:#000000 8px solid;">
  97.   <a class="display-3" href="[LINKSOCIALMEDIA]" style="color:#C95203;"><i class="fab fa-discord"></i></a>
  98.   <a class="display-3" href="[LINKSOCIALMEDIA]" style="color:#C95203;"><i class="fab fa-discord"></i></a>
  99.   <a class="display-3" href="[LINKSOCIALMEDIA]" style="color:#C95203;"><i class="fab fa-discord"></i></a>
  100. </div>
  101. <!---------- END SOCIAL MEDIA ----------->
  102.  
  103. <!---------- START BUTTONS ----------->
  104. <ul class="nav nav-tabs card-header-tabs text-center row rounded-0 p-0 m-0" style="background-color:#C95203; border:#000000 8px solid;">
  105.   <li class="col-lg-2 col-6 nav-item p-0 m-0"><a class="nav-link px-0" style="background-color:#C95203; color:#FFFFFF;" data-toggle="tab" href="#one">About</a></li>
  106.   <li class="col-lg-2 col-6 nav-item p-0 m-0"><a class="nav-link px-0" style="background-color:#C95203; color:#FFFFFF;" data-toggle="tab" href="#two">Projects</a></li>
  107.   <li class="col-lg-2 col-6 nav-item p-0 m-0"><a class="nav-link px-0" style="background-color:#C95203; color:#FFFFFF;" data-toggle="tab" href="#three">News / Changelog</a></li>
  108.   <li class="col-lg-2 col-6 nav-item p-0 m-0"><a class="nav-link px-0" style="background-color:#C95203; color:#FFFFFF;" data-toggle="tab" href="#four">Notices & DNI</a></li>
  109.  <li class="col-lg-2 col-6 nav-item p-0 m-0"><a class="nav-link px-0" style="background-color:#C95203; color:#FFFFFF;" data-toggle="tab" href="#five">To Do List</a></li>
  110.   <li class="col-lg-2 col-6 nav-item p-0 m-0"><a class="nav-link px-0" style="background-color:#C95203; color:#FFFFFF;" data-toggle="tab" href="#six">Fandoms</a></li>
  111. </ul>
  112. <!---------- END BUTTONS ----------->
  113.  
  114. <!---------- START TAB SETUP ----------->
  115. <div class="col-12 p-3 my-3 rounded-0 text-center" style="overflow:auto; height:800px; background-color:#1E0F00; border:#000000 8px solid;">
  116.   <div class="tab-content" style="color:#FFFFFF;">
  117.    
  118.     <!---------- START ABOUT TAB ----------->
  119.     <div class="tab-pane active show" id="one">
  120.      
  121.       <!------ START FLAGS ----->
  122.       <div class="row no-gutters m-2 p-0 justify-content-center">
  123.        
  124.         <div data-toggle="tooltip" title="English" class="border-0 rounded-0 d-inline-block" style="background:#FFFFFF; line-height:60px; width:80px;"><div class="d-block" style="font-size:0px; background:#CE1124; clip-path:polygon(0 40%,42% 40%,42% 0,58% 0,58% 40%,100% 40%,100% 60%,58% 60%,58% 100%,42% 100%,42% 60%,0 60%);">English</div></div>
  125.        
  126.         <div data-toggle="tooltip" title="Gay" class="border-0 rounded-0 d-inline-block" style="background-image:linear-gradient(#23918B,#23918B 20%,#5AC6D3 20%,#5AC6D3 40%,#CFEDF8 40%,#CFEDF8 60%,#71B4DA 60%,#71B4DA 80%,#1E5D89 80%); line-height:60px; width:80px; font-size:0px;">Gay</div>
  127.        
  128.       </div>
  129.       <!------ END FLAGS ----->
  130.      
  131.       <!------ START INTRODUCTION ----->
  132.       <h1 class="display-5 text-uppercase text-center pt-3" style="color:#C95203;"><b>INTRODUCTION</b></h1><hr class="mt-1 mb-2">
  133.       <p>[TEXTINTRODUCTION]</p>
  134.       <!------ START INTRODUCTION ----->
  135.      
  136.       <a href="https://info.flagcounter.com/XMS2"><img src="https://s01.flagcounter.com/countxl/XMS2/bg_000000/txt_E85324/border_E85324/columns_8/maxflags_100/viewers_0/labels_0/pageviews_1/flags_1/percent_0/" alt="Flag Counter" border="0"></a>
  137.      
  138.     </div>
  139.     <!---------- END ABOUT TAB ----------->
  140.    
  141.     <!---------- START PROJECTS TAB ----------->
  142.     <div class="tab-pane fade" id="two">
  143.      
  144.       <!------ START COMPLETED ----->
  145.       <h1 class="display-5 text-uppercase text-center pt-3" style="color:#C95203;"><b>AVALIABLE</b></h1><hr class="mt-1 mb-2">
  146.       <div class="row no-gutters p-3 justify-content-around text-center">
  147.        
  148.         <div class="card m-3 rounded-0" style="width:190px; margin-left:auto; margin-right:auto; background-color:#000000;">
  149.           <a href="[LINKPROJECT]"><img src="[IMGPROJECT]" style="width:190px; height:250px;"></a>
  150.           <a style="color:#FFFFFF;" href="[LINKPROJECT]"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#C95203;"><p>【 [PROJECTNAME] 】</p></div></a>
  151.           <div class="p-2 border-0 rounded-0" style="background-color:#2F1F00;"><a style="color:#FFFFFF;">[PROJECTBONUSINFO]</a></div>
  152.         </div>
  153.        
  154.         <div class="card m-3 rounded-0" style="width:190px; margin-left:auto; margin-right:auto; background-color:#000000;">
  155.           <a href="[LINKPROJECT]"><img src="[IMGPROJECT]" style="width:190px; height:250px;"></a>
  156.           <a style="color:#FFFFFF;" href="[LINKPROJECT]"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#C95203;"><p>【 [PROJECTNAME] 】</p></div></a>
  157.           <div class="p-2 border-0 rounded-0" style="background-color:#2F1F00;"><a style="color:#FFFFFF;">[PROJECTBONUSINFO]</a></div>
  158.         </div>
  159.        
  160.         <div class="card m-3 rounded-0" style="width:190px; margin-left:auto; margin-right:auto; background-color:#000000;">
  161.           <a href="[LINKPROJECT]"><img src="[IMGPROJECT]" style="width:190px; height:250px;"></a>
  162.           <a style="color:#FFFFFF;" href="[LINKPROJECT]"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#C95203;"><p>【 [PROJECTNAME] 】</p></div></a>
  163.           <div class="p-2 border-0 rounded-0" style="background-color:#2F1F00;"><a style="color:#FFFFFF;">[PROJECTBONUSINFO]</a></div>
  164.         </div>
  165.        
  166.       </div>
  167.       <!------ END COMPLETED ----->
  168.      
  169.       <!------ START WIPs ----->
  170.       <h1 class="display-5 text-uppercase text-center pt-3" style="color:#C95203;"><b>UPCOMING</b></h1><hr class="mt-1 mb-2">
  171.       <div class="row no-gutters p-3 justify-content-around text-center">
  172.        
  173.         <div class="card m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  174.           <a data-toggle="tooltip" href="[LINKPROJECT]"><img src="[IMGPROJECT]" class="card rounded-0" style="width:190px; height:250px; background-color:#000000;"><i class="fas fa-leaf-oak p-5" style="color:#FFFFFF; font-size:6rem; position:absolute; left:0px; bottom:100px;"></i></a>
  175.           <a style="color:#FFFFFF;" href="[LINKPROJECT]"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#C95203;">【 [PROJECTNAME] 】</div></a>
  176.           <div class="p-2 border-0 rounded-0" style="background-color:#2F1F00;"><a style="color:#FFFFFF;">[PROJECTBONUSINFO]</a></div>
  177.         </div>
  178.        
  179.         <div class="card m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  180.           <a data-toggle="tooltip" href="[LINKPROJECT]"><img src="[IMGPROJECT]" class="card rounded-0" style="width:190px; height:250px; background-color:#000000;"><i class="fas fa-leaf-oak p-5" style="color:#FFFFFF; font-size:6rem; position:absolute; left:0px; bottom:100px;"></i></a>
  181.           <a style="color:#FFFFFF;" href="[LINKPROJECT]"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#C95203;">【 [PROJECTNAME] 】</div></a>
  182.           <div class="p-2 border-0 rounded-0" style="background-color:#2F1F00;"><a style="color:#FFFFFF;">[PROJECTBONUSINFO]</a></div>
  183.         </div>
  184.        
  185.         <div class="card m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  186.           <a data-toggle="tooltip" href="[LINKPROJECT]"><img src="[IMGPROJECT]" class="card rounded-0" style="width:190px; height:250px; background-color:#000000;"><i class="fas fa-leaf-oak p-5" style="color:#FFFFFF; font-size:6rem; position:absolute; left:0px; bottom:100px;"></i></a>
  187.           <a style="color:#FFFFFF;" href="[LINKPROJECT]"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#C95203;">【 [PROJECTNAME] 】</div></a>
  188.           <div class="p-2 border-0 rounded-0" style="background-color:#2F1F00;"><a style="color:#FFFFFF;">[PROJECTBONUSINFO]</a></div>
  189.         </div>
  190.        
  191.       </div>
  192.       <!------ END WIPs ----->
  193.      
  194.     </div>
  195.     <!---------- END PROJECTS TAB ----------->
  196.    
  197.     <!---------- START NEWS & CHANGELOG ----------->
  198.     <div class="tab-pane fade text-left" id="three">
  199.      
  200.       <!------ START NEWS ------>
  201.       <h1 style="color:#C95203; font-family:times new roman, times; font-size:60px;"><u>[NEWSTITLE]</u></h1>
  202.       <p>[NEWSDATE]</p>
  203.       <h2 style="font-size:36px;">[NEWSSUBTITLE]</h2>
  204.       <p><u>[NEWSBYLINE]</u></p>
  205.       <p>[NEWSBODY]</p>
  206.       <p>-</p>
  207.       <p>[NEWSBODY]</p>
  208.       <p>-<br>-</p>
  209.       <!------ END BULLETIN ------>
  210.      
  211.       <!------ START CHANGELOG ------>
  212.       <h1 style="color:#C95203; font-family:times new roman, times; font-size:60px;"><u>[CHANGELOGTITLE]</u></h1>
  213.       <p>[CHANGELOGDATE]</p>
  214.       <ul>
  215.         <li>[PROFILEUPDATE]</li>
  216.         <li>[PROFILEUPDATE]</li>
  217.         <li>[PROFILEUPDATE]</li>
  218.       </ul>
  219.       <!------ END CHANGELOG ------>
  220.    
  221.     </div>
  222.     <!---------- END NEWS & CHANGELOG ----------->
  223.    
  224.     <!---------- START NOTICES & DNI TAB ----------->
  225.     <div class="tab-pane fade" id="four">
  226.      
  227.       <div class="col-12 row no-gutters mb-2 pb-3 p-0 text-center">
  228.         <div class="col-12 col-lg-6">
  229.           <h1 class="display-5 text-uppercase text-center pt-3" style="color:#C95203;"><b><i class="fas fa-warning"></i> NOTICES <i class="fas fa-warning"></i></b></h1><hr class="mt-1 mb-2">
  230.           <ul>
  231.             <li>[NOTICE]</li>
  232.           </ul>
  233.         </div>
  234.         <div class="col-12 col-lg-6">
  235.           <h1 class="display-5 text-uppercase text-center pt-3" style="color:#C95203;"><b><i class="far fa-times-circle"></i> DO NOT INTERACT <i class="far fa-times-circle"></i></b></h1><hr class="mt-1 mb-2">
  236.           <ul>
  237.             <li>[DNI]</li>
  238.           </ul>
  239.         </div>
  240.       </div>
  241.      
  242.     </div>
  243.     <!---------- END NOTICES & DNI TAB ----------->
  244.    
  245.     <!---------- START TO DO LIST TAB ----------->
  246.     <div class="tab-pane fade" id="five">
  247.       <h1 class="display-5 text-uppercase text-center pt-3" style="color:#C95203;"><b>UPCOMING</b></h1><hr class="mt-1 mb-2">
  248.      
  249.       <div class="my-4 p-0">
  250.         <p>[USERNAME] - [DATEADDED] - [COMMISSIONDESCRIPTION]</p>
  251.         <div class="progress rounded-0" style="background-color:#1E0F00; border:#000000 4px solid;">
  252.           <div class="progress-bar border-0 rounded-0" style="color:#FFFFFF; background-color:#C95203; width:80%;">80%<br></div>
  253.         </div>
  254.       </div>
  255.      
  256.       <div class="my-4 p-0">
  257.         <p>[USERNAME] - [DATEADDED] - [COMMISSIONDESCRIPTION]</p>
  258.         <div class="progress rounded-0" style="background-color:#1E0F00; border:#000000 4px solid;">
  259.           <div class="progress-bar border-0 rounded-0" style="color:#FFFFFF; background-color:#C95203; width:80%;">80%<br></div>
  260.         </div>
  261.       </div>
  262.      
  263.       <div class="my-4 p-0">
  264.         <p>[USERNAME] - [DATEADDED] - [COMMISSIONDESCRIPTION]</p>
  265.         <div class="progress rounded-0" style="background-color:#1E0F00; border:#000000 4px solid;">
  266.           <div class="progress-bar border-0 rounded-0" style="color:#FFFFFF; background-color:#C95203; width:80%;">80%<br></div>
  267.         </div>
  268.       </div>
  269.      
  270.     </div>
  271.     <!---------- END TO DO LIST TAB ----------->
  272.    
  273.     <!---------- START FANDOMS TAB ----------->
  274.     <div class="tab-pane fade" id="six">
  275.      
  276.       <h1 class="display-5 text-uppercase text-center pt-3" style="color:#C95203;"><b>MAIN FANDOMS</b></h1><hr class="mt-1 mb-2">
  277.       <div class="row no-gutters p-3 justify-content-around text-center">
  278.      
  279.         <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  280.           <a data-toggle="tooltip" href="[LINKFANDOM]"><img src="[IMGFANDOM]"></a>
  281.           <a style="color:#FFFFFF;" href="[LINKFANDOM]"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#C95203;">【 [FANDOMNAME] 】</div></a>
  282.         </div>
  283.        
  284.         <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  285.           <a data-toggle="tooltip" href="[LINKFANDOM]"><img src="[IMGFANDOM]"></a>
  286.           <a style="color:#FFFFFF;" href="[LINKFANDOM]"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#C95203;">【 [FANDOMNAME] 】</div></a>
  287.         </div>
  288.        
  289.         <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  290.           <a data-toggle="tooltip" href="[LINKFANDOM]"><img src="[IMGFANDOM]"></a>
  291.           <a style="color:#FFFFFF;" href="[LINKFANDOM]"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#C95203;">【 [FANDOMNAME] 】</div></a>
  292.         </div>
  293.        
  294.         <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  295.           <a data-toggle="tooltip" href="[LINKFANDOM]"><img src="[IMGFANDOM]"></a>
  296.           <a style="color:#FFFFFF;" href="[LINKFANDOM]"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#C95203;">【 [FANDOMNAME] 】</div></a>
  297.         </div>
  298.       </div>
  299.       <hr style="flex-grow:1;">
  300.      
  301.       <h1 class="display-5 text-uppercase text-center pt-3" style="color:#C95203;"><b>OLDER FANDOMS</b></h1><hr class="mt-1 mb-2">
  302.       <div class="row no-gutters p-3 justify-content-around text-center">
  303.        
  304.         <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  305.           <a data-toggle="tooltip" href="[LINKFANDOM]"><img src="[IMGFANDOM]"></a>
  306.           <a style="color:#FFFFFF;" href="[LINKFANDOM]"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#C95203;">【 [FANDOMNAME] 】</div></a>
  307.           <div class="p-2 border-0 rounded-0" style="background-color:#2F1F00;"><a style="color:#FFFFFF;">[FANDOMBONUSTEXT]</a></div>
  308.         </div>
  309.        
  310.         <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  311.           <a data-toggle="tooltip" href="[LINKFANDOM]"><img src="[IMGFANDOM]"></a>
  312.           <a style="color:#FFFFFF;" href="[LINKFANDOM]"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#C95203;">【 [FANDOMNAME] 】</div></a>
  313.           <div class="p-2 border-0 rounded-0" style="background-color:#2F1F00;"><a style="color:#FFFFFF;">[FANDOMBONUSTEXT]</a></div>
  314.         </div>
  315.        
  316.         <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  317.           <a data-toggle="tooltip" href="[LINKFANDOM]"><img src="[IMGFANDOM]"></a>
  318.           <a style="color:#FFFFFF;" href="[LINKFANDOM]"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#C95203;">【 [FANDOMNAME] 】</div></a>
  319.           <div class="p-2 border-0 rounded-0" style="background-color:#2F1F00;"><a style="color:#FFFFFF;">[FANDOMBONUSTEXT]</a></div>
  320.         </div>
  321.        
  322.         <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  323.           <a data-toggle="tooltip" href="[LINKFANDOM]"><img src="[IMGFANDOM]"></a>
  324.           <a style="color:#FFFFFF;" href="[LINKFANDOM]"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#C95203;">【 [FANDOMNAME] 】</div></a>
  325.           <div class="p-2 border-0 rounded-0" style="background-color:#2F1F00;"><a style="color:#FFFFFF;">[FANDOMBONUSTEXT]</a></div>
  326.         </div>
  327.       </div>
  328.    
  329.     </div>
  330.     <!---------- END FANDOMS TAB ----------->
  331.    
  332.   </div>
  333. </div>
  334. <!---------- END TAB SETUP ----------->
  335.  
  336. <!---------- START CHARACTERS SET UP ----------->
  337. <div class="col-12 p-0 rounded-0" style="background-color:#1E0F00; border:#000000 8px solid;">
  338.   <h1 class="display-3 text-uppercase text-center pt-3" style="color:#C95203;"><i class="fas fa-roller-coaster"></i><b>FEATURED CHARACTERS</b><i class="fas fa-roller-coaster fa-flip-horizontal"></i></h1>
  339.   <div class="row no-gutters p-3 justify-content-around text-center">
  340.    
  341.     <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  342.       <a data-toggle="tooltip" href="[LINKCHARACTER]"><img src="[IMGCHARACTER]"></a>
  343.       <a style="color:#FFFFFF;" href="[LINKCHARACTER]"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#C95203;">【 [CHARACTERNAME] 】</div></a>
  344.       <div class="p-2 border-0 rounded-0" style="background-color:#2F1F00;"><a style="color:#FFFFFF;">[CHARACTERBONUSTEXT]</a></div>
  345.     </div>
  346.    
  347.     <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  348.       <a data-toggle="tooltip" href="[LINKCHARACTER]"><img src="[IMGCHARACTER]"></a>
  349.       <a style="color:#FFFFFF;" href="[LINKCHARACTER]"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#C95203;">【 [CHARACTERNAME] 】</div></a>
  350.       <div class="p-2 border-0 rounded-0" style="background-color:#2F1F00;"><a style="color:#FFFFFF;">[CHARACTERBONUSTEXT]</a></div>
  351.     </div>
  352.    
  353.     <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  354.       <a data-toggle="tooltip" href="[LINKCHARACTER]"><img src="[IMGCHARACTER]"></a>
  355.       <a style="color:#FFFFFF;" href="[LINKCHARACTER]"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#C95203;">【 [CHARACTERNAME] 】</div></a>
  356.       <div class="p-2 border-0 rounded-0" style="background-color:#2F1F00;"><a style="color:#FFFFFF;">[CHARACTERBONUSTEXT]</a></div>
  357.     </div>
  358.    
  359.     <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  360.       <a data-toggle="tooltip" href="[LINKCHARACTER]"><img src="[IMGCHARACTER]"></a>
  361.       <a style="color:#FFFFFF;" href="[LINKCHARACTER]"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#C95203;">【 [CHARACTERNAME] 】</div></a>
  362.       <div class="p-2 border-0 rounded-0" style="background-color:#2F1F00;"><a style="color:#FFFFFF;">[CHARACTERBONUSTEXT]</a></div>
  363.     </div>
  364.    
  365.   </div>
  366. </div>
  367. <!---------- END CHARACTERS SET UP ----------->
  368.  
  369. <!---------- START BUDDIES SET UP ----------->
  370. <div class="col-12 my-3 p-0 rounded-0" style="background-color:#1E0F00; border:#000000 8px solid;">
  371.   <h1 class="display-3 text-uppercase text-center pt-3" style="color:#C95203;"><i class="fas fa-roller-coaster"></i><b>BUDDY LIST</b><i class="fas fa-roller-coaster fa-flip-horizontal"></i></h1>
  372.   <div class="row no-gutters p-3 justify-content-around text-center">
  373.    
  374.     <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  375.       <a data-toggle="tooltip" href="[LINKBUDDY]"><img src="[IMGBUDDY]"></a>
  376.       <a style="color:#FFFFFF;" href="[LINKBUDDY]"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#C95203;">【 [BUDDYNAME] 】</div></a>
  377.       <div class="p-2 border-0 rounded-0" style="background-color:#2F1F00;"><a style="color:#FFFFFF;">[BUDDYBONUSTEXT]</a></div>
  378.     </div>
  379.    
  380.     <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  381.       <a data-toggle="tooltip" href="[LINKBUDDY]"><img src="[IMGBUDDY]"></a>
  382.       <a style="color:#FFFFFF;" href="[LINKBUDDY]"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#C95203;">【 [BUDDYNAME] 】</div></a>
  383.       <div class="p-2 border-0 rounded-0" style="background-color:#2F1F00;"><a style="color:#FFFFFF;">[BUDDYBONUSTEXT]</a></div>
  384.     </div>
  385.    
  386.     <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  387.       <a data-toggle="tooltip" href="[LINKBUDDY]"><img src="[IMGBUDDY]"></a>
  388.       <a style="color:#FFFFFF;" href="[LINKBUDDY]"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#C95203;">【 [BUDDYNAME] 】</div></a>
  389.       <div class="p-2 border-0 rounded-0" style="background-color:#2F1F00;"><a style="color:#FFFFFF;">[BUDDYBONUSTEXT]</a></div>
  390.     </div>
  391.    
  392.     <div class="card bg-transparent m-3 border-0" style="width:190px; margin-left:auto; margin-right:auto;">
  393.       <a data-toggle="tooltip" href="[LINKBUDDY]"><img src="[IMGBUDDY]"></a>
  394.       <a style="color:#FFFFFF;" href="[LINKBUDDY]"><div class="btn-block p-2 border-0 rounded-0" style="background-color:#C95203;">【 [BUDDYNAME] 】</div></a>
  395.       <div class="p-2 border-0 rounded-0" style="background-color:#2F1F00;"><a style="color:#FFFFFF;">[BUDDYBONUSTEXT]</a></div>
  396.     </div>
  397.    
  398.   </div>
  399. </div>
  400. <!---------- END BUDDIES SET UP ----------->
  401.  
  402. <!---------- START CREDIT BOX ----------->
  403. <div class="col-12 p-3 my-3 rounded-0 text-center" style="background-color:#1E0F00; letter-spacing:1.5rem; border:#000000 8px solid;">
  404.   <a class="display-3" href="https://toyhou.se/16962387.html-pride-flags" data-toggle="tooltip" title="Pride Flags Frankensteined From: VynxCodes" style="color:#C95203;"><i class="fas fa-roller-coaster"></i></a>
  405.   <a class="display-3" href="https://toyhou.se/24366277.oblivion" data-toggle="tooltip" title="Code By: TomcatCodes / CrispinAsheYA" style="color:#C95203;"><i class="fas fa-arrow-down"></i></a>
  406.   <a class="display-3" href="[IMGTOPBOX]" data-toggle="tooltip" title="Image Source" style="color:#C95203;"><i class="fas fa-arrow-down"></i></a>
  407.   <a class="display-3" href="https://toyhou.se/22445130.html-flags-of-the-world-wip" data-toggle="tooltip" title="Country Flags Frankensteined From: WishUponACzar" style="color:#C95203;"><i class="fas fa-roller-coaster"></i></a>
  408. </div>
  409. <!---------- END CREDIT BOX ----------->
  410.  
  411. <!--
  412. [INFO] | [INTRODUCTIONTEXT]
  413. [BUTTONLINK] | [BUTTONTEXT] | [ENGAGETEXT] | [ENGAGESTATUS]
  414. [IMGTOPBOX]
  415. [LINKSOCIALMEDIA]
  416. [TEXTINTRODUCTION]
  417. [LINKPROJECT] | [IMGPROJECT] | [PROJECTNAME] | [PROJECTBONUSINFO]
  418. [NEWSTITLE] | [NEWSDATE] | [NEWSSUBTITLE] | [NEWSBYLINE] | [NEWSBODY]
  419. [CHANGELOGTITLE] | [CHANGELOGDATE] | [PROFILEUPDATE]
  420. [NOTICE] | [DNI]
  421. [USERNAME] | [DATEADDED] | [COMMISSIONDESCRIPTION]
  422. [LINKFANDOM] | [IMGFANDOM] | [FANDOMNAME] | [FANDOMBONUSTEXT]
  423. [LINKCHARACTER] | [IMGCHARACTER] | [CHARACTERNAME]
  424. [LINKBUDDY] | [IMGBUDDY] | [BUDDYNAME]
  425. -->
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!