API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 13th, 2018
78
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.54 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3.  
  4. <!-------------------------------
  5. Theme by HTMLNerd @ Chatango.
  6. 1. Please do not remove credits.
  7. 2. Feel free to alter as much as you want as long as credits remain.
  8. 3. Have fun with the theme.
  9. --------------------------------->
  10.  
  11. <SCRIPT TYPE="text/javascript">
  12. <!--
  13. function clickIE() {if (document.all) {(message);return false;}}
  14. function clickNS(e) {if
  15. (document.layers||(document.getElementById&&!document.all)) {
  16. if (e.which==2||e.which==3) {(message);return false;}}}
  17. if (document.layers)
  18. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  19. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  20. document.oncontextmenu=new Function("return false")
  21. // -->
  22. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  23. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  24. <script>(function($){$(document).ready(function(){$("[title]").style_my_tooltips();});})(jQuery);</script>
  25. </SCRIPT>
  26. <script language=javascript>document.title=("--caligulasAquarium--[CA]")</script>
  27. <link href='http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic' rel='stylesheet' type='text/css'>
  28.  
  29. <style type="text/css">
  30.  
  31. .logo_div, .fpix_header, .topad, .fpix_asl_table, .profile_text,
  32. .nc_profile, #left_container, #profilephoto, #flash_close_butt,
  33. #start_chat_but, .uppermenu, #buyers_ad, #flashcontent, .yellow_but,
  34. .bottombar, .byline, .top-links { visibility: hidden !important; display: none !important;}
  35.  
  36. .tabs[title]:hover:after {
  37. content: attr(title);
  38. font-family: calibri;
  39. text-transform: uppercase;
  40. background: #202020;
  41. width: 70px;
  42. line-height: 15px;
  43. font-size: 8px;
  44. color: #f0f0f0;
  45. border: 1px solid #fff;
  46. letter-spacing: 2px;
  47. position: absolute;
  48. top: -30px;
  49. left: -30px;
  50. z-index: 20;
  51. }
  52.  
  53. a:link {color: #c0c0c0;
  54. border-bottom: 1px dotted #f0f0f0;text-transform: uppercase;font-size:8px;}
  55. a:visited {color:#c0c0c0;}
  56. a:hover {color: #505050;
  57. background: #f0f0f0;}
  58. a:active {color:#c0c0c0;}
  59.  
  60.  
  61. ::selection {
  62. background:#000000;
  63. }
  64.  
  65. ::-moz-selection {
  66. background:#000000;
  67. }
  68.  
  69. ::-webkit-scrollbar {background-color: #505050; height:8px; width:5px; border:3px solid #707070}
  70. ::-webkit-scrollbar-thumb:vertical {background-color:#505050; border:1px solid #c0c0c0; height:50px}
  71. ::-webkit-scrollbar-thumb:horizontal {background-color:#505050; border:1px solid #c0c0c0; height:8px}
  72.  
  73. body{
  74. background-image: url('http://www.walldevil.com/wallpapers/a50/fantasy-wallpaper-art-desktop-artwork-wings-background.jpg') !important; background-repeat:repeat !important; background-position:top-center!important;
  75. font:10px calibri;
  76. color:#808080;
  77. margin:0px;
  78. height:0px;
  79. width:0px;
  80. }
  81.  
  82. body, a, a:hover { cursor:url('http://cur.cursors-4u.net/nature/nat-7/nat678.cur'), auto;
  83. }
  84.  
  85. h1 {
  86. background: #A6C3C2;
  87. color: #fff;
  88. font-family: ms ui gothic;
  89. text-transform: uppercase;
  90. font-size: 10px;
  91. }
  92.  
  93. pre {
  94. background: #A6C3C2;
  95. color: #fff;
  96. text-align: center;
  97. font-family: consolas;
  98. font-size: 10px;
  99. letter-spacing: 2px;
  100. text-transform: uppercase;
  101. }
  102.  
  103. b, strong {
  104. color: #6a006a;
  105. text-transform: uppercase;
  106. letter-spacing: 1px;
  107. }
  108.  
  109. i, em {
  110. color: #6a006a;
  111. }
  112.  
  113. #mtitle {
  114. position: fixed;
  115. left: 250px;
  116. top: 0px;
  117. height: 100%;
  118. width: 40px;
  119. text-align: center;
  120. background: #fff;
  121. text-transform: uppercase;
  122. font-family: courier new;
  123. font-size: 30px;
  124. padding: 3px;
  125. color: #a86e45;
  126. border: 1px solid #fff;
  127. }
  128.  
  129. #outer{
  130. position: fixed;
  131. top: 0px;
  132. left: 300px;
  133. width: 300px;
  134. height: 100%;
  135. background-image: url('http://78.media.tumblr.com/04f8c1afd229d2cc38c705dfb24bb86c/tumblr_mktw607wUZ1qmmafpo1_r1_400.png');
  136. background-repeat: repeat;
  137. border: 1px solid #ffffff;
  138. padding: 4px;
  139. }
  140.  
  141. #box {
  142. position:fixed;
  143. left: 718px;
  144. top: 200px;
  145. width: 295px;
  146. height: 200px;
  147. background: #81A59A;
  148. font-family: calibri;
  149. font-size: 10px;
  150. color: #fff;
  151. border: 1px solid #fff;
  152. overflow: auto;
  153. z-index:99;
  154. padding:10px;
  155. }
  156.  
  157. .box img {
  158. margin-left: 0px;
  159. margin-bottom: 10px;
  160. }
  161.  
  162. .box::first-letter {
  163. padding: 2px 7px 2px 7px;
  164. margin-right: 5px;
  165. font-family: times;
  166. font-size: 20px;
  167. background: #A6C3C2;
  168. color: #ffffff;
  169. }
  170.  
  171. #smallbox {
  172. position: fixed;
  173. text-align: justified;
  174. left: 718px;
  175. top: 50px;
  176. padding: 2px;
  177. width: 310px;
  178. height: 110px;
  179. background: #6a006a;
  180. border: 1px solid #fff;
  181. padding: 2px;
  182. font-family: calibri;
  183. color: #ffffff;
  184. font-size: 10px;
  185. overflow: auto;
  186. }
  187.  
  188. #sideimg {position:absolute;
  189. width: 100px;
  190. height: 100px;
  191. padding: 2px;
  192. border: 5px solid #fff;
  193. padding: 2px;
  194. margin: 50px 0 0 94px;
  195. }
  196.  
  197. #sideimg2 {position:absolute;
  198. width: 100px;
  199. height: 100px;
  200. padding: 2px;
  201. border: 5px solid #A6C3C2;
  202. padding: 2px;
  203. margin: 200px 0px 0px 94px;
  204. }
  205.  
  206. #sideimg3 {position:absolute;
  207. width: 100px;
  208. height: 100px;
  209. padding: 2px;
  210. border: 5px solid #6a006a;
  211. padding: 2px;
  212. margin: 350px 0px 0px 94px;
  213. }
  214.  
  215. #sideimg img, #sideimg2 img, #sideimg3 img {
  216. width: 100px;
  217. height: 100px;
  218. opacity: .8;
  219. }
  220.  
  221. #sideimg img:hover, #sideimg2 img:hover, #sideimg3 img:hover {
  222. opacity: 1;
  223. -webkit-transition: all 0.7s ease-in-out;
  224. -moz-transition: all 0.7s ease-in-out;
  225. -o-transition: all 0.7s ease-in-out;
  226. -ms-transition: all 0.7s ease-in-out;
  227. transition: all 0.7s ease-in-out;
  228. }
  229.  
  230. #icon {
  231. position: absolute;
  232. margin: 500px 0px 0px 92px;
  233. overflow: hidden;
  234. width: 100px
  235. height: 100px;
  236. border: 10px solid #202020;
  237. background-color: #fff;
  238. }
  239.  
  240. #icon img {
  241. margin-top: 10px;
  242. margin-left: -30px;
  243. position: fixed;
  244. -webkit-transition: all 0.7s ease-in-out;
  245. -moz-transition: all 0.7s ease-in-out;
  246. -o-transition: all 0.7s ease-in-out;
  247. -ms-transition: all 0.7s ease-in-out;
  248. transition: all 0.7s ease-in-out;
  249. }
  250.  
  251. #icon:hover img {
  252. opacity: 0;
  253. margin-top: 10px;
  254. -webkit-transition: all 0.7s ease-in-out;
  255. -moz-transition: all 0.7s ease-in-out;
  256. -o-transition: all 0.7s ease-in-out;
  257. -ms-transition: all 0.7s ease-in-out;
  258. transition: all 0.7s ease-in-out;
  259. }
  260.  
  261.  
  262. #icon:hover #player {
  263. opacity: 0.5;
  264. -webkit-transition: all 0.7s ease-in-out;
  265. -moz-transition: all 0.7s ease-in-out;
  266. -o-transition: all 0.7s ease-in-out;
  267. -ms-transition: all 0.7s ease-in-out;
  268. transition: all 0.7s ease-in-out;
  269. }
  270.  
  271. #navi {position:fixed;left: 635px;
  272. top: 100px;background: none; width: 50px;
  273. height: 20px; border: none; padding: 3px;
  274. }
  275.  
  276. .tabs{
  277. margin-bottom: 10px;
  278. height: 50px;
  279. width: 50px;
  280. line-height: 50px;
  281. font-family: calibri;
  282. font-size: 8px;
  283. color: #fff;
  284. background: #A6C3C2;
  285. border: 1px solid #fff;
  286. display: block;
  287. text-align: center;
  288. z-index:99;
  289. }
  290.  
  291. .tabs:hover {
  292. background: #fff;
  293. color: #A6C3C2;
  294. -webkit-transform: rotate(360deg);
  295. -moz-transform: rotate(360deg);
  296. -o-transform: rotate(360deg) ;
  297. -ms-transform: rotate(360deg);
  298. transform: rotate(360deg) ;
  299. -webkit-transition: 1s ease-in-out;
  300. -moz-transition: 1s ease-in-out;
  301. -o-transition: 1s ease-in-out;
  302. z-index: 9999999999999999999;
  303. }
  304.  
  305. #friendb{
  306. position:fixed;left: 718px;top: 460px;background: #fff; width: 310px;
  307. height: 120px; border: 1px solid #fff; padding: 3px;overflow:auto;
  308. }
  309.  
  310. .tab4 img {
  311. height: 29px;
  312. width: 29px;
  313. margin: 4px 1px 0 2px;
  314. border: 3px solid #505050;
  315. -webkit-transition: all 0.8s ease-out;
  316. -moz-transition: all 0.8s ease-out;
  317. transition: all 0.8s ease-out;
  318. }
  319.  
  320. .tab4 img:hover {
  321. border-radius: 30px;
  322. -webkit-transition: all 0.8s ease-out;
  323. -moz-transition: all 0.8s ease-out;
  324. transition: all 0.8s ease-out;
  325. }
  326.  
  327. .tab4 a {
  328. color: none;
  329. text-decoration: none;
  330. background: none;
  331. }
  332.  
  333. .tab4 a:hover {
  334. color: none;
  335. background: none;
  336. }
  337.  
  338. #extlinks{
  339. position:fixed;left: 635px;
  340. top: 286px;background: none; width: 50px;
  341. height: 20px; border: none; padding: 3px;;
  342. }
  343.  
  344. .tab5 a {
  345. margin-bottom: 10px;
  346. height: 50px;
  347. width: 50px;
  348. line-height: 50px;
  349. font-family: calibri;
  350. font-size: 8px;
  351. color: #6a006a;
  352. background: #fff;
  353. border: 1px solid #6a006a;
  354. display: block;
  355. text-align: center;
  356. z-index:99;
  357. }
  358.  
  359. .tab5 a:hover {
  360. background: #6a006a;
  361. text-decoration: none;
  362. color: #fff;
  363. -webkit-transform: rotate(360deg);
  364. -moz-transform: rotate(360deg);
  365. -o-transform: rotate(360deg) ;
  366. -ms-transform: rotate(360deg);
  367. transform: rotate(360deg) ;
  368. -webkit-transition: 1s ease-in-out;
  369. -moz-transition: 1s ease-in-out;
  370. -o-transition: 1s ease-in-out;
  371. z-index: 9999999999999999999;
  372. }
  373.  
  374. #tab1, #tab2, #tab3 {
  375. display:none;
  376. }
  377.  
  378. #credit {
  379. position: fixed;
  380. top: 0px;
  381. left: 0px;
  382. font-family: calibri;
  383. font-size: 8px;
  384. text-transform: uppercase;
  385. color: #fff;
  386. background: #6a006a;
  387. }
  388.  
  389. #credit a {
  390. background: #ffffff;
  391. text-transform: uppercase;
  392. font-size: 8px;
  393. color: #202020;
  394. }
  395.  
  396. </style>
  397. </head>
  398. <body>
  399. <div id="outer">
  400. <div id="sideimg"><img src="http://i.imgur.com/VoaQaet.png"/></div>
  401. <div id="sideimg2"><img src="http://i.imgur.com/xO3BAdZ.png"/></div>
  402. <div id="sideimg3"><img src="http://i.imgur.com/pZow2cT.png"/></div>
  403. <div id="icon">
  404.  
  405.  
  406. <div id="smallbox"><p align="center"><p align="center"><iframe width="250" height="90" src="https://www.youtube.com/embed/SPldg73r9Zs" frameborder="0" allowfullscreen></iframe>
  407. </Div>
  408. <div id="navi">
  409. <span class="tabs" style="cursor:url('http://cur.cursors-4u.net/holidays/hol-1/hol61.cur'), auto }; onmouseover="cursor:pointer';" onclick="changeNavigation ('tab1')" title="Enter Name.">01.</span>
  410. <span class="tabs" style="cursor:url('http://cur.cursors-4u.net/holidays/hol-1/hol61.cur'), auto }; onmouseover="cursor:pointer';" onclick="changeNavigation ('tab2')" title="Quadrants.">02.</span>
  411. <span class="tabs" style="cursor:url('http://cur.cursors-4u.net/holidays/hol-1/hol61.cur'), auto }; onmouseover="cursor:pointer';" onclick="changeNavigation ('tab3')" title="Mun.">03.</span>
  412. </div>
  413. <div id="friendb"><div class="tab4">
  414. </div>
  415. <div id="navi">
  416. </div></div></div>
  417.  
  418. <div id="extlinks">
  419. <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>
  420. </div></div>
  421.  
  422. <div id="box">
  423. <h1>Navigation</h1>
  424. <div class="box">Click the boxes to the left to navigate, music is up above, bottom box empty for now.
  425. </div>
  426. </div>
  427.  
  428. <script>function changeNavigation(id) {document.getElementById('box').innerHTML=document.getElementById(id).innerHTML}</script>
  429.  
  430. <div id="tab1">
  431. <h1><font color="#6a006a">===> Enter Name</h1>
  432. <div class="box">YOUR NAME IS <font color="#6a006a">ERIDAN AMPORA.<p><font color="#FFFFFF">
  433. Flowing through your veins is nearly the richest blood the hemospectrum has to offer, penultimate on the scale. As such, you are a <font color="#6a006a">SEA DWELLER</font>, a sub-race of troll distinct from the commoners by mutation and habitat, a caste which rules over the entire species. <p>
  434.  
  435. But ruling, in your view, is not enough. You have an overpowering <font color="#6a006a">GENOCIDE COMPLEX</font>, and have made it your sworn duty to <font color="#6a006a">KILL ALL LAND DWELLERS</font>. You have amassed resources and deadly weaponry from around the world for this ambition through many sweeps of <font color="#6a006a">EXTREME ROLE PLAYING</font>, while pursuing a working <font color="#6a006a">DOOMSDAY DEVICE</font> which will bring armageddon to all those on the surface. Haven't had much luck with that, but maybe tonight's your night.<p>
  436.  
  437. You hold a fascination for <font color="#6a006a">MILITARY HISTORY AND LEGENDARY CONQUERORS</font>. You have dubiously modeled your profile and exploits after the most notorious figures and their stories, which are bristling with the <font color="#6a006a">GLORY OF VICTORY</font> and the <font color="#6a006a">STING OF DEFEAT</font> and <font color="#6a006a">POLITICAL MACHINATIONS</font> and <font color="#6a006a">ROMANTIC INTRIGUE</font>. It is an image you are careful to craft through <font color="#6a006a">EXAGGERATED EMOTIONAL THEATRICS</font>, and your penchant for mass murder notwithstanding, people tend to regard you as a <font color="#6a006a">BIT OF A TOOL</font>. <p>
  438.  
  439. You also like <font color="#6a006a">MAGIC</font>, even though you know it to be <font color="#6a006a">FAKE</font>. Like a made up friend, the way wizards are. Made up make believe <font color="#6a006a">FAKEY FAKEY FAKES</font>. It's still fun though. <p>
  440.  
  441. Your trolltag is <font color="#6a006a">caligulasAquarium</font> and you speak <font color="#6a006a">wwith a vvery wweird and sort of wwavvy soundin accent. <p>
  442.  
  443. <p align="center"><font color="#6a006a">WHAT WILL YOU DO?
  444. </div>
  445.  
  446. </div>
  447.  
  448. <div id="tab2">
  449. <h1>Quadrants</h1>
  450. <div class="box"></div>
  451. <img src="http://i75.mindmix.ru/85/54/355485/25/8043225/eridan_ampora_by_yeoleumd5e9afn.gif"><img src="http://i1280.photobucket.com/albums/a493/diandros/tumblr_mepgdmBomU1rn5m7v_zpstdvqdi38.gif">
  452.  
  453.  
  454. <br>
  455. <img src="http://i75.mindmix.ru/85/54/355485/25/8043225/eridan_ampora_by_yeoleumd5e9afn.gif"><img src="http://i1280.photobucket.com/albums/a493/diandros/tumblr_mepg6vP4UF1rn5m7v_zpstoabdipi.gif">
  456.  
  457. <br>
  458. <img src="http://i75.mindmix.ru/85/54/355485/25/8043225/eridan_ampora_by_yeoleumd5e9afn.gif"><img src="http://i1280.photobucket.com/albums/a493/diandros/tumblr_mepg7got1s1rn5m7v_zpscft5t4jx.gif">
  459.  
  460. <br>
  461. <img src="http://i75.mindmix.ru/85/54/355485/25/8043225/eridan_ampora_by_yeoleumd5e9afn.gif"><img src="http://i1280.photobucket.com/albums/a493/diandros/tumblr_mepgdwOkCh1rn5m7v_zpsmvmscd1m.gif">
  462. </div>
  463.  
  464. <div id="tab3">
  465. <h1>Mun info</h1>
  466. Yeah this is empty for now. Sorry to waste your click on this.
  467. </div>
  468. </div>
  469. </div>
  470. <div id="mtitle"><font color="#6a006a">E<br>R<br>I<br>D<br>A<br>N<br><br><br>A<br>M<br>P<br>O<br>R<br>A<br>
  471. <div id="credit">Code @ <a href="http://htmlnerd.chatango.com">HtmlNerd</a></div>
  472.  
  473.  
  474. <script type="text/javascript">
  475. <!--
  476. function toggle_visibility(id) {
  477. var e = document.getElementById(id);
  478. if(e.style.display == 'block')
  479. e.style.display = 'none';
  480. else
  481. e.style.display = 'block';
  482. }
  483. //-->
  484. </script>
  485.  
  486. <script type="text/javascript">
  487. var divs = ["tab1", "tab2", "tab3"];
  488. var visibleDivId = null;
  489.  
  490. function toggleVisibility(divId) {
  491. if(visibleDivId === divId) {
  492. visibleDivId = null;
  493. } else {
  494. visibleDivId = divId;
  495. }
  496.  
  497. hideNonVisibleDivs();
  498. }
  499.  
  500. function hideNonVisibleDivs() {
  501. var i, divId, div;
  502.  
  503. for(i = 0; i < divs.length; i++) {
  504. divId = divs[i];
  505. div = document.getElementById(divId);
  506.  
  507. if(visibleDivId === divId) {
  508. div.style.display = "block";
  509. } else {
  510. div.style.display = "none";
  511. }
  512. }
  513. }
  514. </script>
  515. </body>
  516. </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!