API tools faq
paste
Advertisement
BappidyBoopidy

Code Assassin

BappidyBoopidy
Feb 12th, 2018 (edited)
2,249
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.51 KB | None | 0 0
raw download clone embed print report
  1. <style>
  2. /*
  3.  
  4. ======== !! IMPORTANT !! DO NOT REMOVE ANY PART OF THIS SECTION =========
  5.  
  6.     AUTHOR: Elle
  7.     ORIGINALLY FOR: Alessandrio Lupi [RPC Profile]
  8.     Language: CSS/HTML
  9.     Date of Completion: February 12, 2018 || 7:05 AM EST
  10.     SOURCE: https://pastebin.com/raw/tngNSvFi -
  11.     REGISTRATION: https://www.copyrighted.com/work/2PKqDybNAqyK7xoN ;
  12.  
  13.  
  14. ######################----########-----------------########------------------######################
  15. ######################----########-----------------########------------------######################
  16. ######################----########-----------------########------------------######################
  17. ########------------------########-----------------########------------------########
  18. ########------------------########-----------------########------------------########
  19. ######################----########-----------------########------------------######################
  20. ######################----########-----------------########------------------######################
  21. ######################----########-----------------########------------------######################
  22. ########------------------########-----------------########------------------########
  23. ########------------------########-----------------########------------------########
  24. ######################----#####################----######################----######################
  25. ######################----#####################----######################----######################
  26. ######################----#####################----######################----######################
  27.  
  28. */
  29.  
  30. /*
  31. ============================================================================================================
  32. THE REST OF THE CODE IS KEPT IN MY FILE BUT IT WON'T AFFECT HOW YOUR PROFILE WILL LOOK. HERE ARE THE EDITABLE
  33. PORTIONS OF YOUR CODE. IT MAKES IT EASIER FOR YOU TO IGNORE THE PARTS OF THE CODE WHERE YOU REALLY CAN'T TOUCH
  34. BECAUSE IT MIGHT BREAK THE WHOLE THING. IT ALSO MAKES IT EASIER FOR ME TO FIX BUGS YOU MAY FIND.
  35. =============================================================================================================
  36. */
  37.  
  38. /* ------ CHANGE BACKGROUNDS ------*/
  39. :root{
  40.     --first-background: linear-gradient(#222, #000) !important;
  41.     --secondpage-backcolor: #0e0101 !important;
  42. }
  43. /* --- just remove the * and / to add this code block in || IF YOU WANT TO ADD A BACKGROUND IMAGE ---
  44. #firstpage{
  45.     background-image: url();
  46.     background-position: center;
  47.     }
  48. */
  49. #secondpage{
  50.     /* this is a tranparent pattern so you can form whatever color you want on it;; refer to the root*/
  51.     background-image: url(http://www.transparenttextures.com/patterns/gplay.png) !important;
  52.     background-size: 15% !important;
  53. }
  54.  
  55. a.nav{
  56.     /* the small pattern within each nav button; semi-transparent as well */
  57.     background-image: url(https://zotsell.com/themes/newsinglepage/img/patterns/pattern.png) !important;
  58.     background-size: cover !important;
  59. }
  60.  
  61.  
  62. /* -------- CHANGE IMAGES -----------*/
  63. #firstpic{
  64.     background-image: url('https://i.imgur.com/ggIQAiC.png') !important;
  65.     background-size: 100% !important;
  66.     background-repeat: no-repeat !important;
  67.     background-position: bottom !important;
  68. }
  69.  
  70. #pic{
  71.     background-image: url('https://i.imgur.com/ysFMkj6.png') !important;
  72.     background-repeat: no-repeat !important;
  73.     background-position: bottom !important;
  74.     background-size: 70% !important;
  75. }
  76.  
  77.  
  78.  
  79. /* --------- CHANGE COLORS ----------*/
  80. :root{
  81. --first-scrollbar: #D4A544 !important;
  82. --first-name: #ffb81f !important;
  83. --text:#fff !important;
  84. --first-bold: #D4A544 !important;
  85. --h1: #550c0c !important;
  86. --second-bold: #850a0a !important;
  87. --second-scrollbar: #850a0a !important;
  88. --border-color: #555 !important;
  89. --nav-color: #555 !important;
  90. --nav-border: #fff !important;
  91. --infobox: #bbb !important;
  92. --words-outline: #fff !important;
  93. }
  94.  
  95.  
  96.  
  97. /* ---------- CHANGE FONTS [you'll have to link them first though] ----------*/
  98. #name{font-family: 'RavaliItalic' !important;font-size: 17vh !important;}
  99. #basic{font-family: 'Satisfy' !important;font-size: 6vh !important;}
  100. #quote{font-family: 'Yesteryear' !important;font-size: 9vh !important;}
  101. .info{font-family: 'BebasNeueBold' !important;}
  102. h1{font-family: 'BradleyGratisRegular' !important;}
  103.  
  104.  
  105.  
  106. /*
  107.    =======================================================================================================
  108.         TROUBLESHOOTING: IF YOU NEED ANY HELP, MESSAGE ME ON DISCORD: Lil Monster#3557
  109.    =======================================================================================================
  110. */
  111.         </style>
  112. <!-- LOAD IN CSS FILE -->
  113. <link href="https://ellexidecodes.github.io/Profile-Codes/free/assassin.css" rel="stylesheet">
  114. <!-- DONATER PERK: DETERS CODE THEFT || IF YOU'RE NOT A DONATOR, IT'S FINE. YOU CAN KEEP IT IN BUT IT JUST WON'T WORK -->
  115. <script src="https://themonstrousdev.github.io/profiles/Addons/free.js"></script>
  116.  
  117.  
  118. <div id="profile">
  119.         <!-- ENTRANCE -->
  120.         <div id="firstpage">
  121.             <div id="firstpic"></div>
  122.             <div id="name">Alessandro Lupi</div>
  123.             <div id="basic">
  124.                     más de lo que parece
  125.             </div>
  126.             <div class="sheet"></div>
  127.         </div>
  128.    
  129.         <!-- ACTUAL PROFILE -->
  130.         <div id="secondpage">
  131.             <!--behind the sheet-->
  132.             <div id="border">
  133.                 <div id="box"></div>
  134.             </div>
  135.             <div id="pic"></div>
  136.             <div id="quote">unleash the wolf</div>
  137.             <div class="sheet"></div>
  138.    
  139.             <!--YOUR ACTUAL INFO HERE-->
  140.             <div id="border2">
  141.                 <div id="box2">
  142.                     <div class="host">
  143.                         <div id="stats" class="info">
  144.                             <center><h1>Statistics</h1></center>
  145.                             <b>Name</b><div class="r">Alessandro Lupi</div><br>
  146.                             <b>Moniker</b><div class="r">Lupin</div><br>
  147.                             <b>Age</b><div class="r">25 y.o.</div><br>
  148.                             <b>Gender</b><div class="r">Male</div><br>
  149.                             <b>Species</b><div class="r">Werewolf</div><br>
  150.                             <b>Occupation</b><div class="r">Assassin</div><br>
  151.                             <b>Info</b><div class="r">Detail</div><br>
  152.                             <b>Info</b><div class="r">Detail</div><br>
  153.                             <b>Info</b><div class="r">Detail</div><br>
  154.                             <b>Info</b><div class="r">Detail</div><br>
  155.                             <b>Info</b><div class="r">Detail</div><br>
  156.                         </div>
  157.                         <br>
  158.                         <div id="bio" class="info">
  159.                             <center><h1>Biography</h1></center>
  160.                             <center><b>Bold</b> <i>Italics</i> <a href="#">Link</a> <u>Underline</u> <s>Strikethrough</s></center>
  161.                             <br>
  162.                             <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque venenatis blandit auctor. Etiam vitae massa sem. Curabitur elementum gravida urna, id dapibus dui bibendum tempus. Duis hendrerit commodo nisl, ut placerat mauris. Nunc ullamcorper lacus sollicitudin tortor semper faucibus. Vivamus vel tempus velit, id aliquam nunc. Proin mattis sem eget faucibus interdum. Aliquam placerat velit non dui mollis, eu fringilla libero tempor. In tristique vulputate erat, vitae pulvinar nibh egestas et. Aenean scelerisque ante ac lacus ornare posuere. Quisque ullamcorper arcu turpis. Curabitur et lorem ante. Praesent ut nunc sed dui egestas blandit. Quisque non nisl pharetra, eleifend sapien ac, vehicula neque. Integer sit amet neque sapien. Praesent dolor nibh, malesuada vitae porttitor quis, mollis sed ante.</p>
  163.    
  164.                             <p>Donec in turpis id nulla maximus dictum non id lacus. Vestibulum tincidunt pellentesque orci, sit amet lacinia nunc. In nibh mauris, ullamcorper ac diam id, convallis pellentesque nisi. Etiam vitae augue a sapien maximus tincidunt. Vivamus blandit, erat eu finibus vulputate, leo dui venenatis magna, nec ultricies odio risus rhoncus felis. Vestibulum sit amet mollis augue. Curabitur cursus magna erat, id lacinia leo suscipit et. Sed erat enim, molestie ut magna et, iaculis tempus eros. Donec sit amet ultrices ex. Cras ut cursus risus. Phasellus suscipit ornare elit, et sodales ligula sagittis sed. In egestas quam sit amet auctor hendrerit. Nulla ultrices odio orci, eget suscipit dui dapibus in.</p>
  165.                         </div>
  166.                         <br>
  167.                         <div id="friends" class="info">
  168.                             <center><h1>Friends</h1></center>
  169.                             <center>
  170.                             <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  171.                             <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  172.                             <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  173.                             <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  174.                             <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  175.                             <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  176.                             <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  177.                             <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  178.                             <a target="_blank" href="PROFILE LINK HERE"><img src="IMAGE LINK HERE" height="75" width="75" align="left" border="3"></a>
  179.                             <center><b>- Name -</b><br> <i>foe/friend/neutral</i></center> small note.<br><br><br><br>
  180.                             </center>
  181.                         </div>
  182.                         <br>
  183.                         <div id="ooc" class="info">
  184.                             <center><h1>Out of Character</h1></center>
  185.                             <b>∾</b> This profile is made and copyrighted by <a href="https://themonstrousdev.github.io/" target="_blank">The Monster</a> for anyone to use freely. DM <b>Deum</b> for a code of your own.<br>
  186.                             <b>∾</b> OOC bullet.<br>
  187.                             <b>∾</b> OOC bullet.<br>
  188.                             <b>∾</b> OOC bullet.<br>
  189.                             <b>∾</b> OOC bullet.<br>
  190.                             <b>∾</b> OOC bullet.<br>
  191.                             <b>∾</b> OOC bullet.<br>
  192.                             <b>∾</b> OOC bullet.<br>
  193.                         </div>
  194.                     </div>
  195.                 </div>
  196.             </div>
  197.    
  198.             <!--NAVIGATION BUTTONS-->
  199.             <a href="#ooc" class="nav one"></a>
  200.             <a href="#friends" class="nav two"></a>
  201.             <a href="#bio" class="nav three"></a>
  202.             <a href="#stats" class="nav four"></a>
  203.    
  204.    
  205.             <!--PLEASE DO NOT REMOVE THIS CREDIT-->
  206.             <div id="credit"><a href="https://www.copyrighted.com/work/2PKqDybNAqyK7xoN" target="_blank">&copy; 2018</a> || <a href="https://themonstrousdev.github.io/" target="_blank">The Monster</a></div>
  207.         </div>
  208.     </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!