Advertisement
Guest User

Untitled

a guest
Jul 11th, 2014
217
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.99 KB | None | 0 0
  1. <html><head>
  2.  
  3. <style type="text/css">
  4. .logo_div, .fpix_header, .topad, .fpix_asl_table, .profile_text, .nc_profile, #left_container, #profilephoto, #flash_close_butt, #start_chat_but, .uppermenu, #buyers_ad, #flashcontent, .bottombar, .byline, .top-links{visibility: hidden !important; display: none !important;}
  5.  
  6. ::-webkit-scrollbar {width: 5px; height: 4px; background: #fff; }
  7. ::-webkit-scrollbar-thumb { background-color: #000000; -webkit-border-radius: 1ex; }
  8.  
  9. @font-face {font-family: "arsenalewhite";src: url('http://static.tumblr.com/5fd89aw/H0ilkmgoh/arsenale_white.ttf');}
  10. @font-face {font-family: "Halo";src: url(http://static.tumblr.com/4hejznv/aSem2obzp/ostrich.ttf) format("truetype");}
  11. @font-face {font-family: "dawningofanewday"; src: url('http://static.tumblr.com/jtqlgf2/SeUm2ds6e/dawningofanewday.ttf');}
  12. @font-face { font-family: "kingcoolkc"; src: url('http://static.tumblr.com/4yxykdm/wmVlrea61/king_cool_kc_1_.ttf'); }
  13. @font-face { font-family: "littlefont"; src: url('http://static.tumblr.com/4yxykdm/NMJlre6xz/04b_03___1_.ttf'); }
  14.  
  15. body
  16. {font-family:calibri;
  17. font-size:10px;
  18. color:#949494;
  19. background-color:#ffffff;
  20. background-image:url('');
  21. background-size:fixed;
  22. background-attachment:fixed;
  23. background-repeat:repeat;
  24. letter-spacing:1px;
  25. text-align:center;
  26. cursor: url(http://media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), crosshair;}
  27.  
  28. a:link, a:visited, a:active{color: #ff99ff;-webkit-transition: .9s;}
  29. a:hover{color: #333;text-decoration: none;text-shadow: 0px 0px 3px #333;-webkit-transition:color 500ms ease-out;-moz-transition:color 500ms ease-out;-o-transition:color 500ms ease-out;transition:color 500ms ease-out; cursor: url(http://i.imgur.com/IepP2.jpg), auto;}
  30.  
  31. b {
  32. font-family:calibri;
  33. font-style:bold;
  34. text-transform: uppercase;
  35. color:#555555;}
  36.  
  37. i { text-transform:justify;
  38. color:#555555; }
  39. i {
  40. font-family:georgia;
  41. font-style:italic;
  42. text-transform: justify;
  43. color:#555555;
  44. font-size:9px }
  45. u { border-bottom: 1px #777777 dashed;
  46. text-decoration: none; }
  47.  
  48.  
  49. #title{
  50. font-family:"dawningofanewday";
  51. font-size:30px;
  52. text-transform:justify;
  53. color:#000000;
  54. border-bottom:1px dashed;}
  55.  
  56. #title2{
  57. font-family:"Halo";
  58. font-size:30px;
  59. text-transform:uppercase;
  60. color:#222222;}
  61.  
  62.  
  63. #intro {width: 270px;
  64. text-align:left;
  65. padding: 10px;
  66. background:transparent;
  67. color: #777777;
  68. font-size: 8px;
  69. font-family:arial;
  70. letter-spacing:1px;}
  71.  
  72. #intro img {height: 70px;
  73. background: #fff;float: left;margin: 0 4;}
  74.  
  75. #pic
  76. {width:250px;
  77. height:250px;
  78. overflow:hidden;
  79. border: 15px solid #f1f1f1;
  80. position:fixed;
  81. top: 200px;
  82. right:79px;}
  83.  
  84. #desc
  85. {text-align:justify;
  86. font-family:"littlefont";
  87. font-size:8px;
  88. text-transform:uppercase;
  89. padding:10px;
  90. margin:-10px 10px 10px 10px;
  91. position:absolute;
  92. width:160px;
  93. overflow:hidden;
  94. opacity:0;
  95. background-color:#f2f2f2;
  96. color:#000000000;
  97. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}
  98.  
  99.  
  100. #pic:hover #desc
  101. {opacity:1;
  102. margin:10px;}
  103.  
  104.  
  105. #wolf{
  106. color:#000000;
  107. height:200px;
  108. width:500px;
  109. background-color:#ffffff;
  110. border:1px solid #000000;
  111. position:fixed;
  112. left:400px;
  113. top:200px;
  114. cursor: url(http://free-themes.info/cursor/mustache/mustache.png), crosshair;
  115. overflow:auto;}
  116.  
  117. #right{
  118. color:#000000;
  119. height:180px;
  120. width:300px;
  121. background-color:#f0f0f0;
  122. opacity:0.5;
  123. border-left:1px dashed #ff99ff;
  124. position:fixed;
  125. left:0px;
  126. bottom:0px;
  127. cursor: url(http://free-themes.info/cursor/mustache/mustache.png), crosshair;
  128. overflow:auto;}
  129.  
  130. #shewolf{
  131. height:680px;
  132. width:250px;
  133. background-color:#000;
  134. position:fixed;
  135. right:1px;
  136. top:1px;
  137. cursor: url(http://free-themes.info/cursor/mustache/mustache.png), crosshair;}
  138. #shewolf img{height:400px; width:250px;}
  139.  
  140. #imueu {
  141. position:fixed;
  142. top: 400px;
  143. left:480px;
  144. height: 50px;
  145. width: 300px;
  146. margin-left: 12px;
  147. margin-top: 15px;
  148. z-index: 3;
  149. background-color: #000000;
  150. background-image: url(http://25.media.tumblr.com/tumblr_m24k41BUmJ1rrnhgxo1_500.png);
  151. background-repeat: no-repeat;}
  152.  
  153.  
  154. #imgyo {
  155. position:fixed;
  156. top: 200px;
  157. left:109px;
  158. height: 250px;
  159. width: 250px;
  160. margin-left: 12px;
  161. margin-top: 15px;
  162. z-index: 3;
  163. background-image: url(http://25.media.tumblr.com/02e332b07e5f9e87061f98ff8b7896a1/tumblr_mup4rtztcX1s0th0jo1_500.jpg);
  164. background-position: -50px -50px;
  165. position: fixed;
  166. -webkit-transition: all 0.80s ease-in-out;
  167. 0.40s ease-in-out;
  168. -moz-transition: all 0.40s ease-in-out;
  169. -o-transition: all 0.40s ease-in-out;
  170. -moz-border-radius: 500px;
  171. -webkit-border-radius: 500px;
  172. border-radius: 100px 1px 100px 1px;
  173. -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}
  174.  
  175. #imgyo:hover{background-image: url(http://media-cache-cd0.pinimg.com/736x/07/97/e2/0797e22f5d70d2d47c2fd004ced2c60a.jpg);
  176. background-position: -70px -50px;
  177. -webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}
  178.  
  179. #imgyoborder {
  180. position:fixed;
  181. top: 200px;
  182. left:109px;
  183. height: 270px;
  184. width: 270px;
  185. background-color: #ffffff;
  186. -moz-border-radius: 1px;
  187. -webkit-border-radius: 1px;
  188. border-radius: 100px 1px 100px 1px;
  189. margin-left: 0px;
  190. margin-top: 0px;
  191. z-index: 1;
  192. -webkit-transition: all 0.70s ease-in-out;
  193. 0.70s ease-in-out;
  194. -moz-transition: all 0.70s ease-in-out;
  195. -o-transition: all 0.70s ease-in-out;
  196. position: fixed;
  197. border: 1px solid #222;}
  198.  
  199. ul li {list-style-type:hiragana-iroha;font: 9px calibri;text-transform: none;color: #555;}
  200.  
  201. #navigate{font: normal 15px calibri;color: #000000;letter-spacing: 1px;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out; margin:15px;}
  202. #navigate:hover{color: #333;text-decoration: none;text-shadow: 0px 0px 3px #333;
  203. -webkit-transition:color 500ms ease-out;-moz-transition:color 500ms ease-out;-o-transition:color 500ms ease-out;transition:color 500ms ease-out; cursor: url(http://i.imgur.com/IepP2.jpg), auto;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}
  204.  
  205. #hobos{opacity:0.5;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;} #hobos:hover{opacity:0.9;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;}
  206. </style>
  207.  
  208. <body>
  209.  
  210. <div id="wolf">
  211. <div id="info">
  212. <div id="title2"></div><br>
  213. <div id="intro"> <img src="http://fc06.deviantart.net/fs71/i/2010/075/7/7/Beloved_Banshee___Short_Story_by_Hunterkirizaki.png">
  214. <li>Twist</li> <li>put shit here</li> <li>and here</li> <li> here <b>and here </b> </li</div>
  215. <br>
  216.  
  217. </div>
  218. </div>
  219. <div id="a" style="display:none">
  220. <center><div id="title">About Me</div>Put shit here tooo
  221. </center></div>
  222. <div id="b" style="display:none">
  223. <center><div id="title2">Blankkk</div>
  224. put something here if you want
  225. </center>
  226. </div>
  227. <div id="c" style="display:none">
  228. <center><div id="title">here as well .</div>
  229. i dunno put something here
  230. </center></div>
  231.  
  232. </div>
  233. </center>
  234. <div id="imgyoborder"></div><div id="imgyo"></div>
  235.  
  236.  
  237. <div id="pic">
  238. <div id="desc">Navigation:<br>
  239. <span id="navigate" onclick="document.getElementById('info').innerHTML=document.getElementById('a').innerHTML; ">STUFFSHDA</span><br>
  240. <span id="navigate" onclick="document.getElementById('info').innerHTML=document.getElementById('b').innerHTML; ">STUFFY</span><br>
  241. <span id="navigate" onclick="document.getElementById('info').innerHTML=document.getElementById('c').innerHTML; "> STUFF</span><br>
  242.  
  243.  
  244. <br><br>
  245. </div>
  246. <img src="http://fp.chatango.com/profileimg/t/w/twist/full.jpg"> </div>
  247.  
  248.  
  249. </body>
  250. </head></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement