Advertisement
bythestars

Sylvia - Code

Dec 5th, 2019
337
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.38 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. /* © devilslocket designs. This profile was a commissioned, paid for piece intended for the sole use of Sylvia - if you're interested in acquiring a layout like this, PM "Black 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=Satisfy);
  7. @import url(https://fonts.googleapis.com/css?family=Coda);
  8.  
  9. .pfor { display: none; margin: 0 auto; }
  10.  
  11. #profile { background-color:transparent; border: 0px; margin: 0 auto; }
  12.  
  13. body { background: url('http://68.media.tumblr.com/tumblr_mex6q1t5Ak1rbvno1.png'); color: #a78d81; text-align: justify; margin: 0 auto; }
  14.  
  15. a, a:link, a:visited { font-family: share; font-size: 12px; color: #d55c74; text-decoration: none; text-shadow: -1px 0 #ff98ad, 0 1px #ff98ad,1px 0 #ff98ad, 0 -1px #ff98ad; border-bottom: 2px solid #ff98ad; }
  16.  
  17. i { color: #ff6ec6; font-weight: none; }
  18.  
  19. u { color: #83cff4; }
  20.  
  21. b, strong{ font-weight: bold; color: #669ac6; 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:#acd2da; }
  26. ::-moz-selection {background:#transparent;color:#acd2da;}
  27.  
  28. h1{ font-family: Satisfy; font-size: 20px; color: #aab6d4; margin-left: 5px; margin-right: 5px; text-transform: lowercase; letter-spacing: 2px; margin-top: 10px; margin-left: 10px; margin-right: 10px; border-bottom: 1px dashed #647bb1; line-height: 15px; text-align: center; text-shadow: -1px 0 #647bb1, 0 1px #647bb1,1px 0 #647bb1, 0 -1px #647bb1; }
  29.  
  30. p { text-align: justify; padding-right: 10px; padding-left: 10px;}
  31.  
  32. /* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */
  33.  
  34. ::-webkit-scrollbar-thumb:vertical {background-color:#cad6eb;;height:30px;}
  35. /* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */
  36.  
  37. ::-webkit-scrollbar-thumb:horizontal {background-color:#cad6eb;;height:30px !important;}
  38.  
  39. ::-webkit-scrollbar { height:30px;width:8px; background-color:#transparent;}
  40.  
  41. .statistics td { width: 200px; text-align: left; font-family: Share; font-size: 12px; color: #9e4153; line-height: 14px; padding-left: 10px; padding-right: 10px;}
  42.  
  43. #everything { position: fixed; left: 0px; top: 0px; bottom: 0px; right: 0px; margin: auto; width: 100%; height: 100%; background: #transparent; overflow: hidden; }
  44. /* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */
  45.  
  46. /* ----------------------------------------------- */
  47.  
  48. #backing { position: fixed; left: 0px; top: 0px; bottom: 0px; right: 0px; margin: auto; background: url('http://68.media.tumblr.com/02ff5bf63d56d6beae8e415f8fca3ccf/tumblr_inline_n2738l7Vqj1svwp6w.gif'); width: 900px; height: 500px; border: 15px solid #ffc8d7; box-shadow: 0 0 10px #cc6581; }
  49. /* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */
  50.  
  51. #backing2 { position: fixed; left: 0px; top: 0px; bottom: 0px; right: 0px; margin: auto; background: #fcacc2; width: 850px; height: 450px; border: 2px solid #84cff4; opacity: 0.9; }
  52.  
  53. #img1 { position: fixed; left: 0px; top: -55px; bottom: 0px; right: -700px; margin: auto; background: url('http://i.imgur.com/wGiHVAd.png'); background-repeat: no-repeat; width: 344px; height: 550px; }
  54. #img2 { position: fixed; left: 0px; top: 215px; bottom: 0px; right: -500px; margin: auto; background: url('http://cdn.bulbagarden.net/upload/thumb/e/e8/700Sylveon.png/250px-700Sylveon.png'); background-repeat: no-repeat; width: 250px; height: 250px; }
  55.  
  56. #area1 { position: fixed; left: -500px; top: -220px; bottom: 0px; right: 0px; margin: auto; background: #fde3e4; border: 10px solid #fed2d4; background-repeat: repeat; width: 305px; height: 190px; overflow: auto; text-align: left; font-family: Share; font-size: 12px; color: #9e4153; }
  57. #area2 { position: fixed; left: 0px; top: 240px; bottom: 0px; right: 0px; margin: auto; background: #fde3e4; border: 10px solid #fed2d4; background-repeat: repeat; width: 287px; height: 165px; overflow: auto; text-align: left; font-family: Share; font-size: 12px; color: #9e4153; }
  58.  
  59. #img4 { position: fixed; left: -577px; top: 220px; bottom: 0px; right: 0px; margin: auto; background: #fff; background-repeat: no-repeat; width: 228px; height: 186px; border: 10px solid #fed2d4; }
  60. #img5 { position: fixed; left: 0px; top: -200px; bottom: 0px; right: -77px; margin: auto; background: #fff; background-repeat: no-repeat; width: 210px; height: 210px; border: 10px solid #fed2d4; }
  61.  
  62. #navicontainer { position: fixed; left: -225px; top: 20px; bottom: 0px; right: 0px; margin: auto; background: #transparent; width: 80px; height: 30px; }
  63.  
  64. a.navi1, a.navi1:visited { display: inline-block; width: 15px; height: 15px; border-radius: 300px; background: #fed2d4; border: 1px solid #f7a3a7; margin-top: 9px; margin-left: 2px; 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; }
  65.  
  66. a.navi1:hover { background: #6ca5d5; border: 1px solid #accfed; 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; }
  67. /* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */
  68.  
  69. #overall:target .tab3 {opacity: 1; -webkit-transition:opacity 2s linear; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; transition:all 2s ease-in-out; z-index: 99; }
  70. #overall:target .tab4 {opacity: 1; -webkit-transition:opacity 2s linear; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; transition:all 2s ease-in-out; z-index: 99; }
  71.  
  72. #overall2:target .tab5 {opacity: 1; -webkit-transition:opacity 2s linear; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; transition:all 2s ease-in-out; z-index: 99; }
  73. #overall2:target .tab6 {opacity: 1; -webkit-transition:opacity 2s linear; -webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; transition:all 2s ease-in-out; z-index: 99; }
  74.  
  75. .tab3 { position: fixed; left: -500px; top: -220px; bottom: 0px; right: 0px; margin: auto; background: #fde3e4; border: 10px solid #fed2d4; background-repeat: repeat; width: 305px; height: 190px; overflow: auto; text-align: left; font-family: Share; font-size: 12px; color: #9e4153; }
  76. .tab4 { position: fixed; left: 0px; top: 240px; bottom: 0px; right: 0px; margin: auto; background: #fde3e4; border: 10px solid #fed2d4; background-repeat: repeat; width: 287px; height: 165px; overflow: auto; text-align: left; font-family: Share; font-size: 12px; color: #9e4153; }
  77. .tab5 { position: fixed; left: -500px; top: -220px; bottom: 0px; right: 0px; margin: auto; background: #fde3e4; border: 10px solid #fed2d4; background-repeat: repeat; width: 305px; height: 190px; overflow: auto; text-align: left; font-family: Share; font-size: 12px; color: #9e4153; }
  78. .tab6 { position: fixed; left: 0px; top: 240px; bottom: 0px; right: 0px; margin: auto; background: #fde3e4; border: 10px solid #fed2d4; background-repeat: repeat; width: 287px; height: 165px; overflow: auto; text-align: left; font-family: Share; font-size: 12px; color: #9e4153; }
  79.  
  80. /* © devilslocket designs. Please do not use, alter, or otherwise redistribute the coding on this profile. */
  81.  
  82. </style>
  83.  
  84. <div id="overall"><div id="overall2">
  85.  
  86. <div class="tab3">
  87.  
  88. <h1>History</h1>
  89.  
  90. <center><b>BOLD, bold.</b> <u>UNDERLINE, underline.</u> <i>ITALICS, italics.</i>
  91. <a href="URLHERE" target="_blank"title="TITEHERE">LINK, link.</a></center>
  92.  
  93.  
  94. <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
  95.  
  96. <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
  97.  
  98. </div>
  99.  
  100. <div class="tab4">
  101.  
  102. <h1>Personality</h1>
  103.  
  104.  
  105. <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
  106.  
  107. <p>"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
  108.  
  109. </div>
  110.  
  111. <div id="overall">
  112.  
  113. <div class="tab5">
  114.  
  115. <h1>Abilities</h1>
  116.  
  117.  
  118. <p><b>Ability Here:</b> "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
  119.  
  120. <p><b>Ability Here:</b> "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."</p>
  121.  
  122. </div>
  123.  
  124. <div class="tab6">
  125.  
  126. <h1>Relationships</h1>
  127.  
  128. <p><b><a href="profile.php?user=USERHERE" target="_blank">Name here</a></b></p>
  129.  
  130. <p>Caramels wafer sesame snaps gingerbread bonbon pie liquorice. Carrot cake cotton candy dessert marshmallow jujubes topping. Wafer jujubes tiramisu cake jelly gingerbread gummies soufflé chocolate.</p>
  131.  
  132. <p><b><a href="profile.php?user=USERHERE" target="_blank">Name here</a></b></p>
  133.  
  134. <p>Caramels wafer sesame snaps gingerbread bonbon pie liquorice. Carrot cake cotton candy dessert marshmallow jujubes topping. Wafer jujubes tiramisu cake jelly gingerbread gummies soufflé chocolate.</p>
  135.  
  136. <p><b><a href="profile.php?user=USERHERE" target="_blank">Name here</a></b></p>
  137.  
  138. <p>Caramels wafer sesame snaps gingerbread bonbon pie liquorice. Carrot cake cotton candy dessert marshmallow jujubes topping. Wafer jujubes tiramisu cake jelly gingerbread gummies soufflé chocolate.</p>
  139.  
  140. <p><b><a href="profile.php?user=USERHERE" target="_blank">Name here</a></b></p>
  141.  
  142. <p>Caramels wafer sesame snaps gingerbread bonbon pie liquorice. Carrot cake cotton candy dessert marshmallow jujubes topping. Wafer jujubes tiramisu cake jelly gingerbread gummies soufflé chocolate.</p>
  143.  
  144. <p><b><a href="profile.php?user=USERHERE" target="_blank">Name here</a></b></p>
  145.  
  146. <p>Caramels wafer sesame snaps gingerbread bonbon pie liquorice. Carrot cake cotton candy dessert marshmallow jujubes topping. Wafer jujubes tiramisu cake jelly gingerbread gummies soufflé chocolate.</p>
  147.  
  148.  
  149. </div>
  150.  
  151.  
  152. <div id="backing"></div><div id="backing2"></div>
  153.  
  154. <div id="img1"></div><div id="img2"></div>
  155.  
  156. <div id="area1">
  157.  
  158. <h1>Statistics</h1>
  159.  
  160. <table class="statistics">
  161.  
  162. <tr><td><b>Stat Here</b></td> <td><font style="float:right">
  163. Answer Here</font></td></tr>
  164.  
  165. <tr><td><b>Stat Here</b></td> <td><font style="float:right">
  166. Answer Here</font></td></tr>
  167.  
  168. <tr><td><b>Stat Here</b></td> <td><font style="float:right">
  169. Answer Here</font></td></tr>
  170.  
  171. <tr><td><b>Stat Here</b></td> <td><font style="float:right">
  172. Answer Here</font></td></tr>
  173.  
  174. <tr><td><b>Stat Here</b></td> <td><font style="float:right">
  175. Answer Here</font></td></tr>
  176.  
  177. <tr><td><b>Stat Here</b></td> <td><font style="float:right">
  178. Answer Here</font></td></tr>
  179.  
  180. <tr><td><b>Stat Here</b></td> <td><font style="float:right">
  181. Answer Here</font></td></tr>
  182.  
  183. <tr><td><b>Stat Here</b></td> <td><font style="float:right">
  184. Answer Here</font></td></tr>
  185.  
  186. <tr><td><b>Stat Here</b></td> <td><font style="float:right">
  187. Answer Here</font></td></tr>
  188.  
  189. <tr><td><b>Stat Here</b></td> <td><font style="float:right">
  190. Answer Here</font></td></tr>
  191.  
  192. <tr><td><b>Stat Here</b></td> <td><font style="float:right">
  193. Answer Here</font></td></tr>
  194.  
  195. </table>
  196.  
  197.  
  198. </div>
  199.  
  200. <div id="area2">
  201.  
  202. <h1>Out of Character</h1>
  203.  
  204. <p><b>00.</b> This profile was created for #namehere 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 "Black Cat" via RPC.</p>
  205.  
  206. <p><b>01.</b> Rule here.</p>
  207.  
  208. <p><b>02.</b> Rule here.</p>
  209.  
  210. <p><b>03.</b> Rule here.</p>
  211.  
  212. <p><b>04.</b> Rule here.</p>
  213.  
  214. <p><b>05.</b> Rule here.</p>
  215.  
  216. </div>
  217.  
  218. <div id="img4"><img src="https://media.giphy.com/media/7KTcbNkGH1GCY/giphy.gif"width="228"height="186"></a></div> <div id="img5"><img src="https://66.media.tumblr.com/59febd4555caee7c9dd7815f586b397f/tumblr_nsdaoiOMKb1swj7jao1_500.gif"width="210"height="210"></a></div>
  219.  
  220. </div></div>
  221.  
  222. <div id="navicontainer">
  223.  
  224. <a href="#overall" target="_self"class="navi1"></a>
  225. <a href="#overall2" target="_self"class="navi1"></a>
  226. <a href="#three" class="navi1"></a>
  227.  
  228. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement