API tools faq
paste
Advertisement
CrispinAsheYA

Windows XP (Custom Colours)

CrispinAsheYA
Apr 13th, 2023 (edited)
397
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.45 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. Version: 2.0
  4.  
  5. Default Colours
  6. -Text White: #FFFFFF
  7. -Grey Black: #000000
  8. -Background Light-Blue: #E2ECFF
  9. -Border Grey: #BFBFBF
  10. -Blue Gradient: rgba(163,193,253,1) 5%, rgba(36,111,245,1), rgba(22,83,199,1)
  11. -Red Gradient: rgba(247,169,148,1) 5%, rgba(231,74,33,1), rgba(206,41,0,1)
  12. -Default Font: 'comic sans ms'
  13. -Default Font-Awesome: fas fa-star
  14.  
  15. 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.)
  16.  
  17. Thank you for reading!
  18. Crispin
  19.  
  20. -->
  21.  
  22. <!------------------------------- START ACTUAL CODE -------------------------------->
  23. <div class="col-10 p-0 mx-auto border-0 rounded-0" style="font-size:1rem; font-family:'comic sans ms';">
  24.  
  25.   <!------------------------------- START HEADER -------------------------------->
  26.   <div id="CloseThis" class="collapse show" style="border:#BFBFBF 1px solid;">
  27.    
  28.     <div class="col-lg-12 p-2 border-0 rounded-0" style="position:relative; background:linear-gradient(0deg,rgba(64,138,230,1) 0%,rgba(14,96,203,1) 93%,rgba(50,140,240,1) 100%);">
  29.      
  30.       <!-- Start Faves Star -->
  31.       <a href="https://toyhou.se/13860369.windows-xp-directory-html-">
  32.       <img src="https://images-ext-1.discordapp.net/external/fHASVcBjQ0HzGjmm5HSfelwAMPx9tty3AaKQBdINIJA/%3Fu%3Dhttp%253A%252F%252Ficons.iconarchive.com%252Ficons%252Froyalflushxx%252Fsystematrix%252F256%252FFavorites-icon.png%26f%3D1%26nofb%3D1/https/external-content.duckduckgo.com/iu/" class="tooltipster" width="25" height="25" data-placement="bottom" title="Code By: TomcatCodes / CrispinAsheYA"></a>
  33.       <!-- End Faves Star -->
  34.      
  35.       <!-- Start Minimise/Minus Square -->
  36.       <span class="pull-right" style="position:absolute; top:7px; right:65px;"><a href="[LINKSECRET]" data-toggle="tooltip" title="[TEXTSECRET]">
  37.         <i class="fas fa-minus p-1 justify-content-center rounded-0" style="width:25px; height:25px; background:linear-gradient(135deg,rgba(163,193,253,1) 5%, rgba(36,111,245,1), rgba(22,83,199,1)); color:#FFFFFF; border:#FFFFFF 1px solid; "></i>
  38.       </a></span>
  39.       <!-- End Minimise/Minus Square -->
  40.      
  41.       <!-- Start Maximise/Squares Square -->
  42.       <span class="pull-right" style="position:absolute; top:7px; right:35px;"><a href="[LINKSECRET]" data-toggle="tooltip" title="[TEXTSECRET]">
  43.         <i class="far fa-window-maximize p-1 justify-content-center rounded-0" style="width:25px; height:25px; background:linear-gradient(135deg,rgba(163,193,253,1) 5%, rgba(36,111,245,1), rgba(22,83,199,1)); color:#FFFFFF; border:#FFFFFF 1px solid;"></i>
  44.       </a></span>
  45.       <!-- End Maximise/Squares Square -->
  46.      
  47.       <!-- Start Close/X Square -->
  48.       <span class="pull-right" style="position:absolute; top:7px; right:5px;">
  49.         <a href="#CloseThis" data-toggle="collapse">
  50.         <i class="fas fa-times p-1 justify-content-center rounded-0" style="width:25px; height:25px; background:linear-gradient(135deg, rgba(247,169,148,1) 5%, rgba(231,74,33,1), rgba(206,41,0,1)); color:#FFFFFF; border:#FFFFFF 1px solid;"></i>
  51.       </span>
  52.       <!-- Start Close/X Square -->
  53.      
  54.     </div> <!--- END HEADER --->
  55.     <!------------------------------- END HEADER -------------------------------->
  56.  
  57.     <div class="col-12 row no-gutters p-0 m-0" style="border:#BFBFBF 4px solid; border-bottom:none;">
  58.      
  59.       <!------------------------------- START LEFT & RIGHT BUTTONS -------------------------------->
  60.       <div class="col-12 col-lg-6 card p-0 m-0 rounded-0" style="border:#BFBFBF 4px solid;">
  61.        
  62.         <div class="p-0 m-0 rounded-0" style="border-bottom:#BFBFBF 8px solid;">
  63.           <a class="btn btn-block border-0 rounded-0" href="[LINKBUTTON]" style="background:linear-gradient(0deg,rgba(64,138,230,1) 0%,rgba(14,96,203,1) 93%,rgba(50,140,240,1) 100%); color:#FFFFFF;">[TEXTBUTTON]</a>
  64.         </div>
  65.        
  66.         <div class="p-0 m-0 rounded-0"  style="border-bottom:#BFBFBF 8px solid;">
  67.           <a class="btn btn-block border-0 rounded-0" href="[LINKBUTTON]" style="background:linear-gradient(0deg,rgba(64,138,230,1) 0%,rgba(14,96,203,1) 93%,rgba(50,140,240,1) 100%); color:#FFFFFF;">[TEXTBUTTON]</a>
  68.         </div>
  69.        
  70.         <div class="btn p-0 m-0 border-0 rounded-0">
  71.           <a class="btn btn-block border-0 rounded-0" href="[LINKBUTTON]" style="background:linear-gradient(0deg,rgba(64,138,230,1) 0%,rgba(14,96,203,1) 93%,rgba(50,140,240,1) 100%); color:#FFFFFF;">[TEXTBUTTON]</a>
  72.         </div>
  73.      
  74.       </div>
  75.      
  76.       <div class="col-12 col-lg-6 card p-0 m-0 rounded-0" style="border:#BFBFBF 4px solid;">
  77.        
  78.         <div class="p-0 m-0 rounded-0" style="border-bottom:#BFBFBF 4px solid;">
  79.           <a class="btn btn-block border-0 rounded-0" href="[LINKBUTTON]" style="background:linear-gradient(0deg,rgba(64,138,230,1) 0%,rgba(14,96,203,1) 93%,rgba(50,140,240,1) 100%); color:#FFFFFF;">[TEXTBUTTON]</a>
  80.         </div>
  81.        
  82.         <div class="p-0 m-0 rounded-0" style="border-top:#BFBFBF 4px solid; border-bottom:#BFBFBF 4px solid;">
  83.           <a class="btn btn-block border-0 rounded-0" href="[LINKBUTTON]" style="background:linear-gradient(0deg,rgba(64,138,230,1) 0%,rgba(14,96,203,1) 93%,rgba(50,140,240,1) 100%); color:#FFFFFF;">[TEXTBUTTON]</a>
  84.         </div>
  85.        
  86.         <div class="p-0 m-0 rounded-0" style="border-top:#BFBFBF 4px solid;">
  87.           <a class="btn btn-block border-0 rounded-0" href="[LINKBUTTON]" style="background:linear-gradient(0deg,rgba(64,138,230,1) 0%,rgba(14,96,203,1) 93%,rgba(50,140,240,1) 100%); color:#FFFFFF;">[TEXTBUTTON]</a>
  88.         </div>
  89.        
  90.       </div>
  91.       <!------------------------------- END LEFT & RIGHT BUTTONS -------------------------------->
  92.      
  93.       <!------------------------------- START FOLDERS -------------------------------->
  94.       <div class="col-12 row p-0 m-0 text-center" style="background-color:#E2ECFF; border:none;">
  95.        
  96.         <!------------------------------- START ROW 1 -------------------------------->
  97.        
  98.         <!----- Start Folder ------>
  99.         <div class="col-12 col-lg-3 py-2 m-0 rounded-0 text-center" style="background-color:#E2ECFF; border:#BFBFBF 4px solid;">
  100.           <a class="col-12 btn m-0 py-3 rounded-0" href="[LINKFOLDER]" style="background:linear-gradient(0deg,rgba(64,138,230,1) 0%,rgba(14,96,203,1) 93%,rgba(50,140,240,1) 100%); border:#BFBFBF 4px solid;">
  101.             <i class="fas fa-star" style="color:#FFFFFF; font-size:5rem;">
  102.           </a>
  103.           <div class="col-12 m-0 py-1" style="color:#000000; font-size:1.4rem;"><div class="border-0 rounded-0">[TEXTSERIES]</div></div>
  104.           <div class="col-12 m-0 py-1" style="color:#000000; font-size:1rem;"><div class="border-0 rounded-0">[TEXTSHORTDESC]</div></div>
  105.         </div>
  106.         <!----- End Folder ------>
  107.        
  108.         <!----- Start Folder ------>
  109.         <div class="col-12 col-lg-3 py-2 m-0 rounded-0 text-center" style="background-color:#E2ECFF; border:#BFBFBF 4px solid;">
  110.           <a class="col-12 btn m-0 py-3 rounded-0" href="[LINKFOLDER]" style="background:linear-gradient(0deg,rgba(64,138,230,1) 0%,rgba(14,96,203,1) 93%,rgba(50,140,240,1) 100%); border:#BFBFBF 4px solid;">
  111.             <i class="fas fa-star" style="color:#FFFFFF; font-size:5rem;">
  112.           </a>
  113.           <div class="col-12 m-0 py-1" style="color:#000000; font-size:1.4rem;"><div class="border-0 rounded-0">[TEXTSERIES]</div></div>
  114.           <div class="col-12 m-0 py-1" style="color:#000000; font-size:1rem;"><div class="border-0 rounded-0">[TEXTSHORTDESC]</div></div>
  115.         </div>
  116.         <!----- End Folder ------>
  117.        
  118.         <!----- Start Folder ------>
  119.         <div class="col-12 col-lg-3 py-2 m-0 rounded-0 text-center" style="background-color:#E2ECFF; border:#BFBFBF 4px solid;">
  120.           <a class="col-12 btn m-0 py-3 rounded-0" href="[LINKFOLDER]" style="background:linear-gradient(0deg,rgba(64,138,230,1) 0%,rgba(14,96,203,1) 93%,rgba(50,140,240,1) 100%); border:#BFBFBF 4px solid;">
  121.             <i class="fas fa-star" style="color:#FFFFFF; font-size:5rem;">
  122.           </a>
  123.           <div class="col-12 m-0 py-1" style="color:#000000; font-size:1.4rem;"><div class="border-0 rounded-0">[TEXTSERIES]</div></div>
  124.           <div class="col-12 m-0 py-1" style="color:#000000; font-size:1rem;"><div class="border-0 rounded-0">[TEXTSHORTDESC]</div></div>
  125.         </div>
  126.         <!----- End Folder ------>
  127.        
  128.         <!----- Start Folder ------>
  129.         <div class="col-12 col-lg-3 py-2 m-0 rounded-0 text-center" style="background-color:#E2ECFF; border:#BFBFBF 4px solid;">
  130.           <a class="col-12 btn m-0 py-3 rounded-0" href="[LINKFOLDER]" style="background:linear-gradient(0deg,rgba(64,138,230,1) 0%,rgba(14,96,203,1) 93%,rgba(50,140,240,1) 100%); border:#BFBFBF 4px solid;">
  131.             <i class="fas fa-star" style="color:#FFFFFF; font-size:5rem;">
  132.           </a>
  133.           <div class="col-12 m-0 py-1" style="color:#000000; font-size:1.4rem;"><div class="border-0 rounded-0">[TEXTSERIES]</div></div>
  134.           <div class="col-12 m-0 py-1" style="color:#000000; font-size:1rem;"><div class="border-0 rounded-0">[TEXTSHORTDESC]</div></div>
  135.         </div>
  136.         <!----- End Folder ------>
  137.        
  138.         <!------------------------------- END ROW 1 -------------------------------->
  139.        
  140.         <!------------------------------- START ROW 2 -------------------------------->
  141.          <!-- To get 2 per row (such as the above), you must write "col-lg-6" in the row below. -->
  142.          <!-- 3 per row would be col-lg-4, 4 per row is col-lg-3, etc. -->
  143.          
  144.         <!----- Start Folder ------>
  145.         <div class="col-12 col-lg-4 py-2 m-0 rounded-0 text-center" style="background-color:#E2ECFF; border:#BFBFBF 4px solid;">
  146.           <a class="col-12 btn m-0 py-3 rounded-0" href="[LINKFOLDER]" style="background:linear-gradient(0deg,rgba(64,138,230,1) 0%,rgba(14,96,203,1) 93%,rgba(50,140,240,1) 100%); border:#BFBFBF 4px solid;">
  147.             <i class="fas fa-star" style="color:#FFFFFF; font-size:5rem;">
  148.           </a>
  149.           <div class="col-12 m-0 py-1" style="color:#000000; font-size:1.4rem;"><div class="border-0 rounded-0">[TEXTSERIES]</div></div>
  150.           <div class="col-12 m-0 py-1" style="color:#000000; font-size:1rem;"><div class="border-0 rounded-0">[TEXTSHORTDESC]</div></div>
  151.         </div>
  152.         <!----- End Folder ------>
  153.        
  154.         <!----- Start Folder ------>
  155.         <div class="col-12 col-lg-4 py-2 m-0 rounded-0 text-center" style="background-color:#E2ECFF; border:#BFBFBF 4px solid;">
  156.           <a class="col-12 btn m-0 py-3 rounded-0" href="[LINKFOLDER]" style="background:linear-gradient(0deg,rgba(64,138,230,1) 0%,rgba(14,96,203,1) 93%,rgba(50,140,240,1) 100%); border:#BFBFBF 4px solid;">
  157.             <i class="fas fa-star" style="color:#FFFFFF; font-size:5rem;">
  158.           </a>
  159.           <div class="col-12 m-0 py-1" style="color:#000000; font-size:1.4rem;"><div class="border-0 rounded-0">[TEXTSERIES]</div></div>
  160.           <div class="col-12 m-0 py-1" style="color:#000000; font-size:1rem;"><div class="border-0 rounded-0">[TEXTSHORTDESC]</div></div>
  161.         </div>
  162.         <!----- End Folder ------>
  163.        
  164.         <!----- Start Folder ------>
  165.         <div class="col-12 col-lg-4 py-2 m-0 rounded-0 text-center" style="background-color:#E2ECFF; border:#BFBFBF 4px solid;">
  166.           <a class="col-12 btn m-0 py-3 rounded-0" href="[LINKFOLDER]" style="background:linear-gradient(0deg,rgba(64,138,230,1) 0%,rgba(14,96,203,1) 93%,rgba(50,140,240,1) 100%); border:#BFBFBF 4px solid;">
  167.             <i class="fas fa-star" style="color:#FFFFFF; font-size:5rem;">
  168.           </a>
  169.           <div class="col-12 m-0 py-1" style="color:#000000; font-size:1.4rem;"><div class="border-0 rounded-0">[TEXTSERIES]</div></div>
  170.           <div class="col-12 m-0 py-1" style="color:#000000; font-size:1rem;"><div class="border-0 rounded-0">[TEXTSHORTDESC]</div></div>
  171.         </div>
  172.         <!----- End Folder ------>
  173.        
  174.         <!------------------------------- START ROW 2 -------------------------------->
  175.        
  176.       </div>
  177.       <!------------------------------- END FOLDERS -------------------------------->
  178.      
  179.     </div>
  180.    
  181.     <!------------------------------- START BOTTOM BUTTONS -------------------------------->
  182.     <div class="col-12 row p-0 m-0 rounded-0" style="border:#BFBFBF 4px solid;">
  183.      
  184.       <div class="col-12 col-lg-6 p-0 m-0 rounded-0" style="background:linear-gradient(0deg,rgba(64,138,230,1) 0%,rgba(14,96,203,1) 93%,rgba(50,140,240,1) 100%); border:#BFBFBF 4px solid; border-top:none;">
  185.         <a class="btn btn-block border-0 rounded-0" href="[LINKALLCHARACTERS]" style="color:#FFFFFF;">All-Characters</a>
  186.       </div>
  187.        
  188.       <div class="col-12 col-lg-6 p-0 m-0 rounded-0" style="background:linear-gradient(0deg,rgba(64,138,230,1) 0%,rgba(14,96,203,1) 93%,rgba(50,140,240,1) 100%); border:#BFBFBF 4px solid; border-top:none;">
  189.         <a class="btn btn-block border-0 rounded-0" href="[LINKUNSORTEDCHARACTERS]" style="color:#FFFFFF;">Unsorted</a>
  190.       </div>
  191.      
  192.     </div>
  193.     <!------------------------------- END BOTTOM BUTTONS -------------------------------->
  194.    
  195.   </div>
  196.  
  197. </div>
  198.  
  199. <!-- To quick-sort, all links begin with [L and all editable text begins with [T -->
  200. <!--
  201. [LINKSECRET] | [TEXTSECRET]
  202. [LINKBUTTON] | [TEXTBUTTON]
  203. [LINKFOLDER] | [TEXTSERIES] | [TEXTSHORTDESC]
  204. [LINKALLCHARACTERS] | [LINKUNSORTEDCHARACTERS]
  205. -->
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!