Advertisement
bythestars

Profile - Wraith

Dec 11th, 2020
38
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.94 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. /* © devilslocket designs. This profile was a commissioned piece intended for the sole use of NAMEHERE - if you're interested in acquiring a layout like this, PM "Cat" or mail her. Please do not take, redistribute, or otherwise alter the codes on this profile. */
  4.  
  5. @import url(https://fonts.googleapis.com/css?family=Share);
  6. @import url(https://fonts.googleapis.com/css?family=Squada+One);
  7. @import url(https://fonts.googleapis.com/css?family=Anton);
  8.  
  9. .pfor { display: none; margin: 0 auto; }
  10.  
  11. #profile { background: #transparent; border: 0px; margin: 0 auto; }
  12.  
  13. body { background-color: #0b0124; background-image: url('https://www.transparenttextures.com/patterns/brilliant.png'); color: #a78d81; text-align: justify; margin: 0 auto; cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default; }
  14.  
  15. a, a:link, a:visited { font-family: share; font-size: 12px; color: #96a7da; text-decoration: none; cursor: url('http://cur.cursors-4u.net/cursors/cur-9/cur817.cur'), default; }
  16.  
  17. i { color: #fffbea; font-weight: none; border-bottom: 1px dotted #fffbea; }
  18.  
  19. u { color: #4861ad; }
  20.  
  21. b, strong{ font-weight: normal; color: #7174da; font-family: Share; font-size: 12px; text-transform: none; }
  22.  
  23. /* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */
  24.  
  25. ::selection {background:#transparent; color: transparent;
  26. text-shadow: 0 0 5px rgba(0,0,0,0.5); }
  27. ::-moz-selection {background:#transparent; color:#transparent; color: #fff;
  28. text-shadow: 0 0 5px rgba(0,0,0,0.5); }
  29.  
  30. h1{ font-family: squada one; font-size: 23px; background: #28295b; color: #252651; text-transform: uppercase; letter-spacing: 4px; margin-top: 15px; margin-left: 10px; margin-right: 10px; line-height: 15px; text-align: center; text-shadow: -1px 0 #9192b9, 0 1px #9192b9,1px 0 #9192b9, 0 -1px #9192b9; }
  31.  
  32. p { text-align: justify; padding-right: 10px; padding-left: 10px; margin-top: 5px; }
  33.  
  34. /* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */
  35.  
  36. ::-webkit-scrollbar-thumb:vertical {background-color:#292a59;;height:30px;}
  37.  
  38. ::-webkit-scrollbar { height:30px;width:6px; background-color:#transparent;}
  39.  
  40. .statistics td { width: 200px; text-align: left; font-family: Share; font-size: 12px; color: #8c8dc7; line-height: 14px; padding-left: 20px; padding-right: 20px; }
  41.  
  42. #everything { position: fixed; left: 0px; top: 0px; bottom: 0px; right: 0px; margin: auto; width: 100%; height: 100%; background: #transparent; overflow: hidden; }
  43.  
  44. /* ----------------------------------------------- */
  45.  
  46. #ruler { position: fixed; left: 0px; top: 0px; bottom: 0px; right: 0px; margin: auto; background: #fff; width: 900px; height: 500px; }
  47.  
  48. #render { position: fixed; left: -610px; top: -60px; bottom: 0px; right: 0px; margin: auto; background: url('http://i.imgur.com/6esiD0o.png'); background-repeat: no-repeat; width: 289px; height: 460px; }
  49.  
  50. #info1 { position: fixed; left: -90px; top: 290px; bottom: 0px; right: 0px; margin: auto; background-color: #1f2059; background-image: url('https://www.transparenttextures.com/patterns/dark-dot.png'); width: 500px; height: 210px; border: 1px solid #1b1c40;}
  51. #info2 { position: fixed; left: 0px; top: 257px; bottom: 0px; right: -660px; margin: auto; background-color: #1f2059; background-image: url('https://www.transparenttextures.com/patterns/dark-dot.png'); width: 240px; height: 242px; border: 1px solid #1b1c40;}
  52.  
  53. #baseline1 { position: fixed; left: 0px; top: 42px; bottom: 0px; right: 0px; margin: auto; background-color: #1f2059; background-image: url('https://www.transparenttextures.com/patterns/dark-dot.png'); width: 410px; height: 27px; border: 1px solid #1b1c40; }
  54.  
  55. /* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */
  56. /* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */
  57.  
  58. #header1 { position: fixed; left: 0px; bottom: 0px; right: -600px; top: -50px; margin: auto; background: #transparent; width: 800px; height: 60px; font-family: Squada One; font-size: 70px; color: #0b0124; overflow: hidden; line-height: 50px; text-transform: uppercase; letter-spacing: 2px; text-shadow: -1px 0 #292a6d, 0 1px #292a6d,1px 0 #292a6d, 0 -1px #292a6d; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; transition:all 2s ease-in-out; }
  59.  
  60. #header2 { position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: auto; background: #transparent; width: 355px; height: 60px; font-family: Satisfy; font-size: 40px; color: #a0a1aa; overflow: hidden; line-height: 50px; text-transform: lowercase; letter-spacing: 2px; text-shadow: -1px 0 #2F2238, 0 1px #2F2238,1px 0 #2F2238, 0 -1px #2F2238; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; transition:all 2s ease-in-out; }
  61.  
  62. #tabbed { position: absolute; left: 10px; top: 10px; background: #3c3e77; width: 480px; height: 190px; font-family: share; font-size: 12px; color: #8c8dc7; text-transform: none; overflow: auto; }
  63. #stats { position: absolute; left: 10px; top: 10px; background: #3c3e77; width: 220px; height: 223px; font-family: Share; font-size: 12px; color: #8c8dc7; text-transform: none; overflow: auto; }
  64.  
  65. #navitabs { position: fixed; left: 0px; top: 41px; bottom: 0px; right: 0px; margin: auto; background: #transparent; background-repeat: repeat; width: 380px; height: 25px; text-align: center; }
  66.  
  67. a.navi2, a.navi2:visited { display: inline-block; width: 55px; height: 12px; background: #3c3e77; margin-top: 8px; margin-right: 7px; margin-left: 7px; opacity: 1; -webkit-transition:opacity 0.8s linear; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition: all 0.5s ease-out; }
  68.  
  69. /* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */
  70.  
  71. a.navi2:hover { background: #18193d; opacity: 1; -webkit-transition:opacity 0.7s linear; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; transition:all 0.3s ease-out; }
  72.  
  73. .picpic { border: 1px solid #5659b6; width: 50px; height: 50px; margin-bottom: 5px; margin-right: 2px; margin-left: 2px; }
  74.  
  75. /* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */
  76. /* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */
  77.  
  78. </style>
  79.  
  80. <div id="info1"><div id="tabbed">
  81.  
  82. <div style="width: 480px; height: 190px; overflow-y: hidden;">
  83. <a name="one"></a>
  84. <div style="width: 480px; height: 190px; overflow: auto;">
  85.  
  86.  
  87. <h1>Out of character</h1>
  88.  
  89. <i>italic</i> <u>underline</u>
  90.  
  91. <p><b>one.</b> This profile was created for xxx by <a target="_blank" href="http://devilslocketdesigns.webs.com" target="_blank">devilslocket designs.</a> Please do not take, alter, or otherwise redistribute the coding. If you are interested in procuring a layout, please send mail to <a target="_blank" href="https://roleplay.chat/profile.php?user=Cat">Cat</a> via RPC.</p>
  92.  
  93.  
  94.  
  95. </div>
  96.  
  97. <a name="two"></a>
  98. <div style="width: 480px; height: 190px; overflow: auto;">
  99.  
  100. <h1>History</h1>
  101.  
  102. </div>
  103.  
  104. <a name="three"></a>
  105. <div style="width: 480px; height: 190px; overflow: auto;">
  106.  
  107. <h1>Personality</h1>
  108.  
  109. </div>
  110.  
  111. <a name="four"></a>
  112. <div style="width: 480px; height: 190px; overflow: auto;">
  113.  
  114. <h1>Inventory</h1>
  115.  
  116. </div>
  117.  
  118. <a name="five"></a>
  119. <div style="width: 480px; height: 190px; overflow: auto;">
  120.  
  121. <h1>Friends</h1>
  122.  
  123. <center>
  124.  
  125. <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="http://i.imgur.com/54XfU2V.jpg"class="picpic"title="Description of friend here"></a>
  126.  
  127. <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="http://i.imgur.com/54XfU2V.jpg"class="picpic"title="Description of friend here"></a>
  128.  
  129. <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="http://i.imgur.com/54XfU2V.jpg"class="picpic"title="Description of friend here"></a>
  130.  
  131. <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="http://i.imgur.com/54XfU2V.jpg"class="picpic"title="Description of friend here"></a>
  132.  
  133. <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="http://i.imgur.com/54XfU2V.jpg"class="picpic"title="Description of friend here"></a>
  134.  
  135. <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="http://i.imgur.com/54XfU2V.jpg"class="picpic"title="Description of friend here"></a>
  136.  
  137. <a target="_blank" href="https://roleplay.chat/profile.php?user=USERHERE"><img src="http://i.imgur.com/54XfU2V.jpg"class="picpic"title="Description of friend here"></a>
  138.  
  139.  
  140. </center>
  141.  
  142. </div></div>
  143. </div>
  144.  
  145. <div id="render"></div>
  146.  
  147. <div id="info2"><div id="stats">
  148.  
  149. <h1>Statistics</h1>
  150.  
  151. <table class="statistics">
  152.  
  153. <tr><td><b>Statistic Here</b></td> <td><font style="float:right">
  154. Answer Here</font></td></tr>
  155.  
  156. <tr><td><b>Statistic Here</b></td> <td><font style="float:right">
  157. Answer Here</font></td></tr>
  158.  
  159. <tr><td><b>Statistic Here</b></td> <td><font style="float:right">
  160. Answer Here</font></td></tr>
  161.  
  162. <tr><td><b>Statistic Here</b></td> <td><font style="float:right">
  163. Answer Here</font></td></tr>
  164.  
  165. <tr><td><b>Statistic Here</b></td> <td><font style="float:right">
  166. Answer Here</font></td></tr>
  167.  
  168. <tr><td><b>Statistic Here</b></td> <td><font style="float:right">
  169. Answer Here</font></td></tr>
  170.  
  171. <tr><td><b>Statistic Here</b></td> <td><font style="float:right">
  172. Answer Here</font></td></tr>
  173.  
  174. <tr><td><b>Statistic Here</b></td> <td><font style="float:right">
  175. Answer Here</font></td></tr>
  176.  
  177. <tr><td><b>Statistic Here</b></td> <td><font style="float:right">
  178. Answer Here</font></td></tr>
  179.  
  180. </table>
  181.  
  182.  
  183. </div>
  184.  
  185. <div id="baseline1"></div>
  186.  
  187. <div id="header1">Some sort of title</div>
  188.  
  189. <div id="navitabs">
  190. <a href="#one"class="navi2"></a>
  191. <a href="#two"class="navi2"></a>
  192. <a href="#three"class="navi2"></a>
  193. <a href="#four"class="navi2"></a>
  194. <a href="#five"class="navi2"></a>
  195. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement