API tools faq
paste
Advertisement
Guest User

enjoy babe

a guest
Jul 15th, 2018
137
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.62 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <SCRIPT TYPE="text/javascript">
  5. <!--
  6. function clickIE() {if (document.all) {(message);return false;}}
  7. function clickNS(e) {if
  8. (document.layers||(document.getElementById&&!document.all)) {
  9. if (e.which==2||e.which==3) {(message);return false;}}}
  10. if (document.layers)
  11. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  12. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  13. document.oncontextmenu=new Function("return false")
  14. // -->
  15. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  16. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  17. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  18. </SCRIPT>
  19. <script language=javascript>document.title=("==> ENTER NAME")</script>
  20. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic' rel='stylesheet' type='text/css'>
  21.  
  22. <style type="text/css">
  23.  
  24. .logo_div, .fpix_header, .topad, .fpix_asl_table, .profile_text,
  25. .nc_profile, #left_container, #profilephoto, #flash_close_butt,
  26. #start_chat_but, .uppermenu, #buyers_ad, #flashcontent, .yellow_but,
  27. .bottombar, .byline, .top-links { visibility: hidden !important; display: none !important;}
  28.  
  29. .tabs[title]:hover:after {
  30. content: attr(title);
  31. font-family: calibri;
  32. text-transform: uppercase;
  33. background: #202020;
  34. width: 70px;
  35. line-height: 15px;
  36. font-size: 8px;
  37. color: #f0f0f0;
  38. border: 1px solid #fff;
  39. letter-spacing: 2px;
  40. position: absolute;
  41. top: -30px;
  42. left: -30px;
  43. z-index: 20;
  44. }
  45.  
  46. a:link {color: #c0c0c0;
  47. border-bottom: 1px dotted #f0f0f0;text-transform: uppercase;font-size:8px;}
  48. a:visited {color:#c0c0c0;}
  49. a:hover {color: #505050;
  50. background: #f0f0f0;}
  51. a:active {color:#c0c0c0;}
  52.  
  53.  
  54. ::selection {
  55. background:#000000;
  56. }
  57.  
  58. ::-moz-selection {
  59. background:#000000;
  60. }
  61.  
  62. ::-webkit-scrollbar {background-color: #505050; height:8px; width:5px; border:3px solid #707070}
  63. ::-webkit-scrollbar-thumb:vertical {background-color:#505050; border:1px solid #c0c0c0; height:50px}
  64. ::-webkit-scrollbar-thumb:horizontal {background-color:#505050; border:1px solid #c0c0c0; height:8px}
  65.  
  66. body{
  67. background-image: url('http://i.imgur.com/XYfCbd4.jpg') !important; background-repeat:repeat !important; background-position:top-center!important;
  68. font:10px calibri;
  69. color:#808080;
  70. margin:0px;
  71. height:0px;
  72. width:0px;
  73. }
  74.  
  75. body, a, a:hover { cursor:url('http://oi58.tinypic.com/102sfme.jpg'), auto;
  76. }
  77.  
  78. h1 {
  79. background: #505050;
  80. color: #fff;
  81. font-family: ms ui gothic;
  82. text-transform: uppercase;
  83. font-size: 10px;
  84. }
  85.  
  86. pre {
  87. background: #505050;
  88. color: #fff;
  89. text-align: center;
  90. font-family: consolas;
  91. font-size: 10px;
  92. letter-spacing: 2px;
  93. text-transform: uppercase;
  94. }
  95.  
  96. b, strong {
  97. color: #a0a0a0;
  98. text-transform: uppercase;
  99. letter-spacing: 1px;
  100. }
  101.  
  102. i, em {
  103. color: #c0c0c0;
  104. }
  105.  
  106. #mtitle {
  107. position: fixed;
  108. left: 250px;
  109. top: 0px;
  110. height: 100%;
  111. width: 40px;
  112. text-align: center;
  113. background: #fff;
  114. text-transform: uppercase;
  115. font-family: courier new;
  116. font-size: 30px;
  117. padding: 3px;
  118. color: #202020;
  119. border: 1px solid #fff;
  120. }
  121.  
  122. #outer{
  123. position: fixed;
  124. top: 0px;
  125. left: 300px;
  126. width: 300px;
  127. height: 100%;
  128. background-image: url('http://i.imgur.com/24JKhYy.png');
  129. background-repeat: no-repeat;
  130. border: 1px solid #ffffff;
  131. padding: 4px;
  132. }
  133.  
  134. #box {
  135. position:fixed;
  136. left: 718px;
  137. top: 200px;
  138. width: 295px;
  139. height: 200px;
  140. background: #202020;
  141. font-family: calibri;
  142. font-size: 10px;
  143. color: #fff;
  144. border: 1px solid #fff;
  145. overflow: auto;
  146. z-index:99;
  147. padding:10px;
  148. }
  149.  
  150. .box img {
  151. margin-left: 0px;
  152. margin-bottom: 10px;
  153. }
  154.  
  155. .box::first-letter {
  156. padding: 2px 7px 2px 7px;
  157. margin-right: 5px;
  158. font-family: times;
  159. font-size: 20px;
  160. background: #a0a0a0;
  161. color: #c0c0c0;
  162. }
  163.  
  164. #smallbox {
  165. position: fixed;
  166. text-align: justified;
  167. left: 718px;
  168. top: 50px;
  169. padding: 2px;
  170. width: 310px;
  171. height: 110px;
  172. background: #a0a0a0;
  173. border: 1px solid #fff;
  174. padding: 2px;
  175. font-family: calibri;
  176. color: #ffffff;
  177. font-size: 10px;
  178. overflow: auto;
  179. }
  180.  
  181. #sideimg {position:absolute;
  182. width: 100px;
  183. height: 100px;
  184. padding: 2px;
  185. border: 0px solid #fff;
  186. padding: 2px;
  187. margin: 50px 0 0 94px;
  188. }
  189.  
  190. #sideimg2 {position:absolute;
  191. width: 100px;
  192. height: 100px;
  193. padding: 2px;
  194. border: 0px solid #a0a0a0;
  195. padding: 2px;
  196. margin: 200px 0px 0px 94px;
  197. }
  198.  
  199. #sideimg3 {position:absolute;
  200. width: 100px;
  201. height: 100px;
  202. padding: 2px;
  203. border: 0px solid #505050;
  204. padding: 2px;
  205. margin: 350px 0px 0px 94px;
  206. }
  207.  
  208. #sideimg img, #sideimg2 img, #sideimg3 img {
  209. width: 100px;
  210. height: 100px;
  211. opacity: .8;
  212. }
  213.  
  214. #sideimg img:hover, #sideimg2 img:hover, #sideimg3 img:hover {
  215. opacity: 1;
  216. -webkit-transition: all 0.7s ease-in-out;
  217. -moz-transition: all 0.7s ease-in-out;
  218. -o-transition: all 0.7s ease-in-out;
  219. -ms-transition: all 0.7s ease-in-out;
  220. transition: all 0.7s ease-in-out;
  221. }
  222.  
  223. #icon {
  224. position: absolute;
  225. margin: 500px 0px 0px 92px;
  226. overflow: hidden;
  227. width: 100px
  228. height: 100px;
  229. border: 10px solid #202020;
  230. background-color: #fff;
  231. }
  232.  
  233. #icon img {
  234. margin-top: 10px;
  235. margin-left: -30px;
  236. position: fixed;
  237. -webkit-transition: all 0.7s ease-in-out;
  238. -moz-transition: all 0.7s ease-in-out;
  239. -o-transition: all 0.7s ease-in-out;
  240. -ms-transition: all 0.7s ease-in-out;
  241. transition: all 0.7s ease-in-out;
  242. }
  243.  
  244. #icon:hover img {
  245. opacity: 0;
  246. margin-top: 10px;
  247. -webkit-transition: all 0.7s ease-in-out;
  248. -moz-transition: all 0.7s ease-in-out;
  249. -o-transition: all 0.7s ease-in-out;
  250. -ms-transition: all 0.7s ease-in-out;
  251. transition: all 0.7s ease-in-out;
  252. }
  253.  
  254. #player {
  255. margin-top: 10px;
  256. margin-left: -2px;
  257. overflow: hidden;
  258. opacity: 0;
  259. width: 100px;
  260. -webkit-transition: all 0.7s ease-in-out;
  261. -moz-transition: all 0.7s ease-in-out;
  262. -o-transition: all 0.7s ease-in-out;
  263. -ms-transition: all 0.7s ease-in-out;
  264. transition: all 0.7s ease-in-out;
  265. }
  266.  
  267. #icon:hover #player {
  268. opacity: 0.5;
  269. -webkit-transition: all 0.7s ease-in-out;
  270. -moz-transition: all 0.7s ease-in-out;
  271. -o-transition: all 0.7s ease-in-out;
  272. -ms-transition: all 0.7s ease-in-out;
  273. transition: all 0.7s ease-in-out;
  274. }
  275.  
  276. #navi {position:fixed;left: 635px;
  277. top: 100px;background: none; width: 50px;
  278. height: 20px; border: none; padding: 3px;
  279. }
  280.  
  281. .tabs{
  282. margin-bottom: 10px;
  283. height: 50px;
  284. width: 50px;
  285. line-height: 50px;
  286. font-family: calibri;
  287. font-size: 8px;
  288. color: #fff;
  289. background: #505050;
  290. border: 1px solid #fff;
  291. display: block;
  292. text-align: center;
  293. z-index:99;
  294. }
  295.  
  296. .tabs:hover {
  297. background: #fff;
  298. color: #505050;
  299. -webkit-transform: rotate(360deg);
  300. -moz-transform: rotate(360deg);
  301. -o-transform: rotate(360deg) ;
  302. -ms-transform: rotate(360deg);
  303. transform: rotate(360deg) ;
  304. -webkit-transition: 1s ease-in-out;
  305. -moz-transition: 1s ease-in-out;
  306. -o-transition: 1s ease-in-out;
  307. z-index: 9999999999999999999;
  308. }
  309.  
  310. #friendb{
  311. position:fixed;left: 718px;top: 460px;background: #fff; width: 310px;
  312. height: 120px; border: 1px solid #fff; padding: 3px;overflow:auto;
  313. }
  314.  
  315. .tab4 img {
  316. height: 29px;
  317. width: 29px;
  318. margin: 4px 1px 0 2px;
  319. border: 3px solid #505050;
  320. -webkit-transition: all 0.8s ease-out;
  321. -moz-transition: all 0.8s ease-out;
  322. transition: all 0.8s ease-out;
  323. }
  324.  
  325. .tab4 img:hover {
  326. border-radius: 30px;
  327. -webkit-transition: all 0.8s ease-out;
  328. -moz-transition: all 0.8s ease-out;
  329. transition: all 0.8s ease-out;
  330. }
  331.  
  332. .tab4 a {
  333. color: none;
  334. text-decoration: none;
  335. background: none;
  336. }
  337.  
  338. .tab4 a:hover {
  339. color: none;
  340. background: none;
  341. }
  342.  
  343. #extlinks{
  344. position:fixed;left: 635px;
  345. top: 286px;background: none; width: 50px;
  346. height: 20px; border: none; padding: 3px;;
  347. }
  348.  
  349. .tab5 a {
  350. margin-bottom: 10px;
  351. height: 50px;
  352. width: 50px;
  353. line-height: 50px;
  354. font-family: calibri;
  355. font-size: 8px;
  356. color: #505050;
  357. background: #fff;
  358. border: 1px solid #505050;
  359. display: block;
  360. text-align: center;
  361. z-index:99;
  362. }
  363.  
  364. .tab5 a:hover {
  365. background: #505050;
  366. text-decoration: none;
  367. color: #fff;
  368. -webkit-transform: rotate(360deg);
  369. -moz-transform: rotate(360deg);
  370. -o-transform: rotate(360deg) ;
  371. -ms-transform: rotate(360deg);
  372. transform: rotate(360deg) ;
  373. -webkit-transition: 1s ease-in-out;
  374. -moz-transition: 1s ease-in-out;
  375. -o-transition: 1s ease-in-out;
  376. z-index: 9999999999999999999;
  377. }
  378.  
  379. #tab1, #tab2, #tab3 {
  380. display:none;
  381. }
  382.  
  383. #credit {
  384. position: fixed;
  385. top: 0px;
  386. left: 0px;
  387. font-family: calibri;
  388. font-size: 8px;
  389. text-transform: uppercase;
  390. color: #fff;
  391. background: #202020;
  392. }
  393.  
  394. #credit a {
  395. background: #ffffff;
  396. text-transform: uppercase;
  397. font-size: 8px;
  398. color: #202020;
  399. }
  400.  
  401. </style>
  402. </head>
  403. <body>
  404. <div id="outer">
  405. <div id="sideimg"><img src="https://i.imgur.com/nScRY18.gif"/></div>
  406. <div id="sideimg3"><img src="https://i.imgur.com/SZgjeVA.gif"/></div>
  407.  
  408. </div></div></div></div></div>
  409.  
  410. <div id="smallbox"><iframe width="500" height="150" src="https://www.youtube.com/embed/dNauqOGQ-ss" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe></div>
  411. <div id="navi">
  412. <span class="tabs" style="cursor:url('http://cur.cursors-4u.net/holidays/hol-1/hol61.cur'), auto }; onmouseover="cursor:pointer';" onclick="changeNavigation ('tab1')" title="about">01.</span>
  413. <span class="tabs" style="cursor:url('http://cur.cursors-4u.net/holidays/hol-1/hol61.cur'), auto }; onmouseover="cursor:pointer';" onclick="changeNavigation ('tab2')" title="likes & dislikes">02.</span>
  414. <span class="tabs" style="cursor:url('http://cur.cursors-4u.net/holidays/hol-1/hol61.cur'), auto }; onmouseover="cursor:pointer';" onclick="changeNavigation ('tab3')" title="quadrants">03.</span>
  415. </div>
  416. <div id="friendb"><div class="tab4">
  417. </a>
  418. </div></div>
  419.  
  420. <div id="extlinks">
  421. <div class="tab5"><a href="http://">Link here.</a><a href="http://">Link here.</a><a href="http://">Link here.</a><a href="http://">Link here.</a>
  422. </div></div>
  423.  
  424. <div id="box">
  425. <h1>Introduction</h1>
  426. <div class="box"><p align="center">Your name is JOHN.<p>
  427. You have a variety of INTERESTS. You have a passion for REALLY TERRIBLE MOVIES. You like to program computers but you are NOT VERY GOOD AT IT. You have a fondness for PARANORMAL LORE, and are an aspiring AMATEUR MAGICIAN. You also like to play GAMES sometimes. <p>
  428. Your STRIFE SPECIBI consists of HAMMERKIND, BUNNYKIND, AND UMBRELLAKIND. Your FETCH MODUS tends to change from time to time, since you have yet to fully commit to one.
  429. <p>YOU CANT STAND the sight of HARLEQUINS, BETTY CROCKER, BAKED GOODS, OR PEANUTS. The latter due to a SEVERE PEANUT ALLERGY, which is a terrible affliction to cope with, you think.<p>
  430. <p align="center"><u>WHAT WILL YOU DO?</u><p>
  431. </div>
  432. </div>
  433.  
  434. <script>function changeNavigation(id) {document.getElementById('box').innerHTML=document.getElementById(id).innerHTML}</script>
  435.  
  436. <div id="tab1">
  437. <h1>About</h1>
  438. <div class="box"><p align="center">Sign Class: Rust
  439. <p><P align="center"><img src="http://i.imgur.com/1ruTX7F.png"><p>
  440.  
  441. <P align="center">Adventure motivates Rust Signs more than anything else. They crave new experiences, the wilder and farther-from-home, the better. They are confident and energetic, ready to face the unknown. This dynamism makes them great leaders, but it can also make them foolhardy. Often, they don't posses the level of caution they should for someone so willing to jump into new things. Their willingness to trust can get them into trouble, but they are also incredibly resilient. Their ability to bounce back from trauma and injury leaves them as the toughest sign class on the spectrum. Rust Signs make great friends and traveling companions, but they also can be selfish and quick to anger. If what they deem to be an acceptable level of "excitement" isn't happening around them, they have a tendency to try to stir some up. They love the drama. They have incredibly high expectations for themselves and for romantic partners. If someone doesn't live up to these, they may deem them not worth their time. If they aren't careful, Rust Signs can end up in a cycle of excitement, followed by crushed expectations, followed by a quick recovery and new flush of excitement.
  442.  
  443. <p><P align="center">Lunar Sway: Prospit
  444.  
  445. <p><center><table cellspacing="0"><tr><td bgcolor="#FFE034" width="25" height="25"></td><td bgcolor="#FFFF00" width="1"></td><td bgcolor="#FFE034" width="2"></td><td bgcolor="#FFFFFF" width="1"></td><td bgcolor="#FFE034" width="164"><center><img src="http://i1234.photobucket.com/albums/ff404/pumpkinrune/scarves/prospit.gif"></center></td><td bgcolor="#FFFFFF" width="1"></td><td bgcolor="#FFE034" width="2"></td><td bgcolor="#FFFF00" width="1"></td><td bgcolor="#FFE034" width="25" height="25"></td></tr></table></center></font>
  446.  
  447. <p>
  448. <P align="center">Marked by a flexible optimism, the personalities of Prospit Dreamers are reactive and intuitive. They naturally exist in the present, rather than look to the future or obsess over the past. When making decisions Prospit Dreamers tend to rely on gut instinct and whatever emotions they are experiencing at the moment. This makes them quick to act and reliable in a crisis, but it also can make them capricious. They have trouble thinking things through, and their feelings toward specific situations and decisions can change from day to day. They solve problems with creativity rather than cold logic, often seeing multiple options with ease and clarity. Because they generally take things as they come, Prospit Dreamers are less rebellious than they are adaptable-instead of struggling against authority, they will find a way to coexist with it. Possibly because they are so instinctual and flexible, they like having a defined set of rules-a safety net for their passionate lives. Naturally trusting, they have trouble with deception or hiding their true selves, and will often worry about what others think of them. The self they project into the world is often not under their control.
  449.  
  450. <p><P align="center">Aspect: Breath
  451.  
  452. <p><center><table cellspacing="0"><tr><td bgcolor="#0086EB" width="25" height="25"></td><td bgcolor="#0052F3" width="1"></td><td bgcolor="#0086EB" width="2"></td><td bgcolor="#006EE9" width="1"></td><td bgcolor="#0086EB" width="164"><center><img src="http://i1234.photobucket.com/albums/ff404/pumpkinrune/scarves/breath.gif"></center></td><td bgcolor="#006EE9" width="1"></td><td bgcolor="#0086EB" width="2"></td><td bgcolor="#0052F3" width="1"></td><td bgcolor="#0086EB" width="25" height="25"></td></tr></table><a href=http://pastebin.com/MVBVSKUD></a></center><p>
  453.  
  454. <P align="center">Those bound to the aspect of Breath are, above all, expansive. Flexible and driven, they leave an impact wherever they go. Like the breeze itself, they are able to sweep others up to carry along in their wake, but also like the breeze, they can be difficult to catch hold of or tie down. Although Breath-bound do make very good leaders, breath tends to be a very personal aspect. Often, heroism comes along as an offshoot of them pursuing their own personal stories. They lead by example, and will routinely be surprised that others look up to or feel inspired by them. They have a tendency to underestimate themselves, and not always out of poor self-esteem. They were just doing their own thing. At their best Breath-bound are motivated, adaptable, and forward thinking, but at their worst they can be volatile, avoidant, and gullible.<p></div>
  455. </div>
  456.  
  457. </div>
  458.  
  459. <div id="tab2">
  460. <h1>Title here</h1>
  461. <div class="box">Likes & Dislikes</div>
  462. <h1>Likes</h1>
  463. <li>REALLY TERRIBLE MOVIES</li>
  464. <li>PARANORMAL LORE</li>
  465. <li>COMPUTER PROGRAMMING</li>
  466. <li> GAMES</li>
  467. <h1>Dislikes</h1>
  468. <li>HARLEQUINS.</li>
  469. <li>BETTY CROCKER.</li>
  470. <li>BAKED GOODS.</li>
  471. <li>PEANUTS.</li>
  472. </div>
  473.  
  474. <div id="tab3">
  475. <h1>Quadrants</h1>
  476. <img src="http://cdn.discordapp.com/attachments/466803220082196480/468241944431165441/john_sprite.png"><img src="http://i1280.photobucket.com/albums/a493/diandros/tumblr_mepgdmBomU1rn5m7v_zpstdvqdi38.gif">
  477.  
  478.  
  479. <br>
  480. <img src="http://cdn.discordapp.com/attachments/466803220082196480/468241944431165441/john_sprite.png"><img src="http://i1280.photobucket.com/albums/a493/diandros/tumblr_mepg6vP4UF1rn5m7v_zpstoabdipi.gif">
  481.  
  482. <br>
  483. <img src="http://cdn.discordapp.com/attachments/466803220082196480/468241944431165441/john_sprite.png"><img src="http://i1280.photobucket.com/albums/a493/diandros/tumblr_mepg7got1s1rn5m7v_zpscft5t4jx.gif">
  484.  
  485. <br>
  486. <img src="http://cdn.discordapp.com/attachments/466803220082196480/468241944431165441/john_sprite.png"><img src="http://i1280.photobucket.com/albums/a493/diandros/tumblr_mepgdwOkCh1rn5m7v_zpsmvmscd1m.gif"><p><br>
  487. </div>
  488. </div>
  489. </div>
  490. <div id="mtitle">J<br>o<br>h<br>n<br><br><br>E<br>g<br>b<br>e<br>r<br>t
  491. <div id="credit">Code @ <a href="http://htmlnerd.chatango.com">HtmlNerd</a></div>
  492.  
  493.  
  494. <script type="text/javascript">
  495. <!--
  496. function toggle_visibility(id) {
  497. var e = document.getElementById(id);
  498. if(e.style.display == 'block')
  499. e.style.display = 'none';
  500. else
  501. e.style.display = 'block';
  502. }
  503. //-->
  504. </script>
  505.  
  506. <script type="text/javascript">
  507. var divs = ["tab1", "tab2", "tab3"];
  508. var visibleDivId = null;
  509.  
  510. function toggleVisibility(divId) {
  511. if(visibleDivId === divId) {
  512. visibleDivId = null;
  513. } else {
  514. visibleDivId = divId;
  515. }
  516.  
  517. hideNonVisibleDivs();
  518. }
  519.  
  520. function hideNonVisibleDivs() {
  521. var i, divId, div;
  522.  
  523. for(i = 0; i < divs.length; i++) {
  524. divId = divs[i];
  525. div = document.getElementById(divId);
  526.  
  527. if(visibleDivId === divId) {
  528. div.style.display = "block";
  529. } else {
  530. div.style.display = "none";
  531. }
  532. }
  533. }
  534. </script>
  535. </body>
  536. </html>
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!