Advertisement
NaotoShirgone

Tyson

May 9th, 2017
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.90 KB | None | 0 0
  1. <style type="text/css">
  2.  
  3. .pfor {display: none; visibility: hidden;}
  4. #profile {background-color:;}
  5. #profile {border:;}
  6. body
  7. {overflow-x:hidden;
  8. background-image:url(https://images2.alphacoders.com/446/446850.jpg);
  9. Background-color:#000000;
  10. background-repeat:repeat;
  11. background-position:center;
  12. background-attachment: fixed;
  13. font: 11px times new roman;
  14. color: #000000;}
  15. #profile {background-color: transparent;
  16. border:0px;
  17. }
  18.  
  19. ::-webkit-scrollbar {
  20. width: 3px;
  21. height: 0px;
  22. background:;
  23. }
  24.  
  25. ::-webkit-scrollbar-thumb {
  26. background-color: white;
  27. -webkit-border-radius: 5px;
  28. border-radius: 10px;
  29. }
  30.  
  31. a {color: #B30000;
  32. text-decoration: none;
  33. }
  34.  
  35. a:hover {color: #ccc;
  36. text-decoration: line-through;
  37. cursor:
  38. url('http://media.tumblr.com/e7f72e808c4dbe5006b9c3a30dbc9b79/tumblr_inline_mh67vhwGnR1rdqsqf.png');
  39. }
  40.  
  41. *{cursor: url('http://media.tumblr.com/7c3edb626c8cf9435c5c0b2d6acceffd/tumblr_inline_mh67v6xNXM1rdqsqf.png'), default;
  42. }
  43.  
  44.  
  45. #pictureone { position:fixed; left:0px; top:-10px; }
  46.  
  47. #bar { position: fixed; top: 10px; left:30px; height: 350px; width: 2500px; background-image:url(); overflow: auto; opacity: 0.9; z-index: -3; }
  48.  
  49. .abox {background-image:url(http://wallpapercave.com/wp/uoFKIkF.jpg); background-position:center; background-attachment:Fit; color: #000; font-size: 14px; font-family: calibri; text-align: justify;opacity: 0.9 ; position: absolute; width:700; height:350; left: 450; top:250; letter-spacing:0px; line-height: 12px; padding: 10px; margin: 1px; overflow:auto; border:4px double blue;}
  50.  
  51. .navbar {Background-color: transparent; Position: absolute; Height: 100px; Width: 242px; Left: 564; Top: 155; padding: 4px; z-index: 100;}
  52.  
  53. .link1 {Position: absolute; Left: 10px; Border: double 3px #00D3FF; Height: 10px; Width: 25px; background-color: #000; }
  54.  
  55. .link2 {Position: absolute; Left: 55px; Border: double 3px #00D3FF; Height: 10px; Width: 25px; background-color: #000; }
  56.  
  57. .link3 {Position: absolute; Left: 210px; Border: double 3px #00D3FF; Height: 10px; Width: 25px; background-color: #000; }
  58.  
  59. .link4 {Position: absolute; Left: 255px; Border: double 3px #00D3FF; Height: 10px; Width: 25px; background-color: #000; }
  60.  
  61. .link5 {Position: absolute; Left: 410px; Border: double 3px #00D3FF; Height: 10px; Width: 25px; background-color: #000; }
  62.  
  63. .link6 {Position: absolute; Left: 455px; Border: double 3px #00D3FF; Height: 10px; Width: 25px; background-color: #000; }
  64.  
  65.  
  66.  
  67.  
  68. .link1:hover {Background-color: #00D3FF;}
  69. .link2:hover {Background-color: #00D3FF;}
  70. .link3:hover {Background-color: #00D3FF;}
  71. .link4:hover {Background-color: #00D3FF;}
  72. .link5:hover {Background-color: #00D3FF;}
  73. .link6:hover {Background-color: #00D3FF;}
  74.  
  75.  
  76. .slide {Position: fixed; Height: 555555; Width: 555555; Top: -200px; Left: 0; Z-index: -1; Opacity: 0; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
  77.  
  78. .slide:target {Top: 0; Opacity: 1; Z-index: 1; transition: 0.8s; -moz-transition: 0.8s; webkit-transition: 0.8s; -o-transition: 0.8s;}
  79. #title {position:absolute;
  80. color: black;
  81. font-size:70;
  82. font-family:tunga;
  83. left:230;
  84. top:140;
  85. }
  86.  
  87. #gifone { position:fixed; left:460px; top:130px; border: double #00D3FF; border-radius:50%;}
  88. #giftwo { position:fixed; left:660px; top:130px; border: double #00D3FF; border-radius:50%;}
  89. #gifthree { position:fixed; left:860px; top:130px; border: double #00D3FF; border-radius:50%;}
  90. #giffour { position:fixed; left:1060px; top:130px; border: double #00D3FF; border-radius:50%;}
  91.  
  92.  
  93.  
  94.  
  95.  
  96. h2 {
  97. position: fixed;
  98. right: 10px;
  99. bottom: 0px;
  100. font-family: Arial;
  101. font-variant: normal;
  102. font-weight: normal;
  103. font-size: 100%;
  104. color: #000000;}
  105. </style>
  106.  
  107. <div id="bar">
  108. </div></div>
  109.  
  110. <div id="pictureone">
  111. <img src="http://i.imgur.com/T5hwo6n.gif" class="image" height="750px;" width="510px;">
  112. </div>
  113.  
  114. <div id="gifone">
  115. <img src="https://s-media-cache-ak0.pinimg.com/originals/88/24/3f/88243fef2ff2fd36d6d2da4f038972e0.png" class="image" height="100px;" width="100px;" style="border-radius:50%" >
  116. </div>
  117. <div id="giftwo">
  118. <img src="https://s-media-cache-ak0.pinimg.com/736x/6d/45/46/6d45461fca15da81dae03770526c6422.jpg" class="image" height="100px;" width="100px;" style="border-radius:50%">
  119. </div>
  120. <div id="gifthree">
  121. <img src="http://pm1.narvii.com/6066/8110e23afff37f9565bd27d6658b71ade6813b77_hq.jpg" class="image" height="100px;" width="100px;" style="border-radius:50%">
  122. </div>
  123. <div id="giffour">
  124. <img src="http://i1298.photobucket.com/albums/ag49/16ssreed/15-17_zps40105e3f.png" class="image" height="100px;" width="100px;" style="border-radius:50%">
  125. </div>
  126.  
  127.  
  128. <div class="navbar">
  129. <a class="link1" href="#1"></a>
  130. <a class="link2" href="#2"></a>
  131. <a class="link3" href="#3"></a>
  132. <a class="link4" href="#4"></a>
  133. <a class="link5" href="#5"></a>
  134. <a class="link6" href="#6"></a>
  135. </div></div>
  136.  
  137. <div id="1" class="slide">
  138. <div class="abox">
  139. <center><H1>Status</H1></center>
  140. <p style="text-align:Left;text-indent:0%;">
  141. <b><font Size="4">
  142. Name:</b>Tyson
  143. <br>
  144. <br>
  145. <b>
  146. Species:</b>Human<br>
  147. <b>
  148. <br>
  149. Gender:</b> Male
  150. <br>
  151. <br>
  152. <b>
  153. Age:</b> 19
  154. <br>
  155. <br>
  156. <b>
  157. Personality:</b> Very shy, and quiet. Keeps to himself most of time, and is easily flustered or embarrassed
  158. <br>
  159. <br>
  160. <b>
  161. Mistress:</b>AriaRose
  162. <br>
  163. <br>
  164. <b>
  165. Relationship/Mate:</b>None<br>
  166. <br>
  167. <b>
  168. Hair:</b>Black<br>
  169. <br>
  170. <b>
  171. Eyes:</b>Brown <br>
  172. <br>
  173. <b>
  174. Height:</b>6'3 <br>
  175. <br>
  176. <b>
  177. Orientation:</b> Straight<br>
  178. </Font>
  179. <br>
  180.  
  181.  
  182.  
  183. </div></div>
  184.  
  185. <div id="2" class="slide">
  186. <div class="abox">
  187. <center><h1> Bio</h1><br></center>
  188. <font Size="3">
  189. Work.In. Progress
  190. </p>
  191. <p>
  192. </p>
  193.  
  194.  
  195.  
  196. </div></div>
  197.  
  198. <div id="3" class="slide">
  199. <div class="abox">
  200. <center><h1>Gallery</h1></center>
  201. <center>
  202. <img src="https://s-media-cache-ak0.pinimg.com/originals/88/24/3f/88243fef2ff2fd36d6d2da4f038972e0.png" title="..." style="width:100px;height:140px;border:1px solid #690000;border-radius:10px;float: center;"></a>
  203. <br>
  204.  
  205. </center>
  206.  
  207.  
  208.  
  209.  
  210.  
  211. </div></div>
  212.  
  213. <div id="4" class="slide">
  214. <div class="abox">
  215. <font Size="4">
  216. <center><h1>Family</h1></center>
  217. <a href="http://i.imgur.com/bJRqQ9w.jpg">Mistress: Aria</a><br><br>
  218. <center><h1>Friends</h1></center>
  219. <a href="UrlHere">Name.Info>.Quote</a><br><br>
  220. <
  221.  
  222.  
  223.  
  224. <br>
  225.  
  226. </div></div>
  227.  
  228. <div id="5" class="slide">
  229. <div class="abox">
  230. <center><h1>Likes & Dislikes</h1></center>
  231. Work.In.Progress
  232.  
  233. </center>
  234. </div></div>
  235.  
  236. <div id="6" class="slide">
  237. <div class="abox">
  238. <h1>OOC</h1>
  239. <P align="left">
  240. <font Size="4">
  241.  
  242. <b>*</b> Pm friendly, will room rp if in the mood. <br><br>
  243. <b>*</b> You can start with a post, or discuss. <br><br>
  244. <b>*</b> Yes I have Skype. No you can't have it. <br><br>
  245. <b>*</b> RL comes first.<br><br>
  246. <b>*</b> No profile = immediate no.<br><br>
  247.  
  248.  
  249.  
  250.  
  251. </div></div>
  252. <h2>Layout © <a target="_blank" href="http://pastebin.com/u/A_Bad_Bitch" target="_blank"><font color="#B30000">A Bad Bitch</font></a></h2></div>
  253. </center>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement