API tools faq
paste
Advertisement
eruhption

5/4/15

eruhption
May 4th, 2015
301
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.93 KB | None | 0 0
raw download clone embed print report
  1. <!---
  2. ╋╋╋╋╋╋╋╋┏┓╋╋╋╋┏┓╋╋╋╋╋╋╋╋╋┏┓┏┓
  3. ╋╋╋╋╋╋╋╋┃┃╋╋╋┏┛┗┓╋╋╋╋╋╋╋┏┛┗┫┃
  4. ┏━━┳━┳┓┏┫┗━┳━┻┓┏╋┳━━┳━┓╋┗┓┏┫┗━┳━━┳┓┏┳━━┓
  5. ┃┃━┫┏┫┃┃┃┏┓┃┏┓┃┃┣┫┏┓┃┏┓┓╋┃┃┃┏┓┃┃━┫┗┛┃┃━┫
  6. ┃┃━┫┃┃┗┛┃┃┃┃┗┛┃┗┫┃┗┛┃┃┃┃╋┃┗┫┃┃┃┃━┫┃┃┃┃━┫
  7. ┗━━┻┛┗━━┻┛┗┫┏━┻━┻┻━━┻┛┗┛╋┗━┻┛┗┻━━┻┻┻┻━━┛
  8. ╋╋╋╋╋╋╋╋╋╋╋┃┃
  9. ╋╋╋╋╋╋╋╋╋╋╋┗┛
  10. ♡ POMPEII THEME BY ERUHPTION ♡
  11. --->
  12.  
  13. <html lang="en">
  14.  
  15. <head>
  16.  
  17. <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
  18. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script> <script> (function($){ $(document).ready(function(){ $("[title],a[title],img[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:100, tip_fade_speed:300, attribute:"title" }); }); })(jQuery); </script>
  19. <!-----popup code----->
  20. <script type="text/javascript"
  21. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  22. <script>
  23. $(document).ready(function() {
  24. //
  25. $('a.poplight[href^=#]').click(function() {
  26. var popID = $(this).attr('rel'); //Get Popup Name
  27. var popURL = $(this).attr('href'); //Get Popup href to define size
  28. var query= popURL.split('?');
  29. var dim= query[1].split('&');
  30. var popWidth = dim[0].split('=')[1]; //Gets the first query string value
  31. $('#' + popID).fadeIn().css({ 'width': Number( popWidth ) }).prepend('<a href="#" class="close"><img src="http://upload.wikimedia.org/wikipedia/commons/f/f8/Tooltip-CloseButton.png" class="btn_close" title="see ya ;)" alt="escape" /></a>');
  32. var popMargTop = ($('#' + popID).height() + 80) / 2;
  33. var popMargLeft = ($('#' + popID).width() + 80) / 2;
  34. //Apply Margin to Popup
  35. $('#' + popID).css({
  36. 'margin-top' : -popMargTop,
  37. 'margin-left' : -popMargLeft
  38. });
  39. $('body').append('<div id="fade"></div>');
  40. $('#fade').css({'filter' : 'alpha(opacity=80)'}).fadeIn(); //Fade in the fade layer - .css({'filter' : 'alpha(opacity=80)'})
  41. return false;
  42. });
  43. $('a.close, #fade').live('click', function() {
  44. $('#fade , .popup_block').fadeOut(function() {
  45. $('#fade, a.close').remove(); //fade them both out
  46. });
  47. return false;
  48. });
  49. });
  50. </script>
  51. <!----end-->
  52.  
  53. <meta name="color:Background" content="#000"/>
  54. <meta name="color:Text" content="#fff"/>
  55. <meta name="color:Link" content="#aaa"/>
  56. <meta name="color:popupbackground" content="#aaa"/>
  57. <meta name="color:blog title" content="#fff"/>
  58. <meta name="color:border colors" content="#fff"/>
  59. <meta name="color:Hover" content="#000"/>
  60. <meta name="image:Background" content=""/>
  61. <meta name="image:banner" content=""/>
  62. <meta name="color:title" content="#000" />
  63. <meta name="color:sidebar" content="#000" />
  64. <meta name="text:Link1 Url" content="/" />
  65. <meta name="text:Link1 Title" content="link" />
  66. <meta name="text:Link2 Url" content="/" />
  67. <meta name="text:Link2 Title" content="link" />
  68. <meta name="font:body text" content="arial"/>
  69. <meta name="font:title font" content="arial"/>
  70. <meta name="if:blogtitle" content="1"/>
  71. <meta name="if:banner" content=""/>
  72. <meta name="if:fadeposts" content=""/>
  73. <meta name="if:onecol" content=""/>
  74. <meta name="if:twocol" content="1"/>
  75. <meta name="if:threecol" content=""/>
  76.  
  77.  
  78.  
  79. </script>
  80.  
  81. <style type="text/css">
  82.  
  83.  
  84. body{
  85. margin:5px;
  86. background-color: {color:Background};
  87. background-image:url({image:Background});
  88. background-attachment: fixed;
  89. background-repeat: repeat;
  90. font-size: 8px;
  91. font-family:{font:body text};
  92. line-height:20px;
  93. color:{color:Text};
  94. }
  95.  
  96. a:link, a:active, a:visited{
  97. color:{color:link};
  98. text-decoration: underline;
  99. }
  100.  
  101. a:hover {
  102. color:{color:hover};
  103. text-decoration: none;
  104. }
  105.  
  106. #cunt{width:400px; height:auto;}
  107. {block:PermalinkPage}
  108. width:410px;
  109. {/block:PermalinkPage}
  110. }
  111.  
  112. #center{
  113. padding-top:3px;
  114. padding-bottom:3px;
  115. position:fixed !important;
  116. width:400px;
  117. height:207px;
  118. background-color:#fff;
  119. {block:PermalinkPage}
  120. width:400px;
  121. height:207px;
  122. {/block:PermalinkPage}
  123. }
  124.  
  125. {block:ifonecol}
  126. #posts{
  127. float:center;
  128. {block:indexpage}
  129. width:400px;
  130. {/block:indexpage}
  131. {block:permalinkpage}
  132. width:400px;
  133. margin-top: 40px;
  134. {/block:permalinkpage}
  135. margin-left: 450px;
  136. margin-top: 0px;
  137. z-index:9999;
  138. }
  139. {/block:ifonecol}
  140. {block:iftwocol}
  141. #posts{
  142. float:center;
  143. {block:indexpage}
  144. width:750px;
  145. {/block:indexpage}
  146. {block:permalinkpage}
  147. width:750px;
  148. margin-top: 10px;
  149. {/block:permalinkpage}
  150. margin-left: 430px;
  151. margin-top: -50px;
  152. z-index:9999;
  153. }
  154. {/block:iftwocol}
  155.  
  156.  
  157. {block:ifthreecol}
  158. #posts{
  159. float:center;
  160. {block:indexpage}
  161. width:1000px;
  162. {/block:indexpage}
  163. {block:permalinkpage}
  164. width:1000px;
  165. margin-top: 40px;
  166. {/block:permalinkpage}
  167. margin-left: 400px;
  168. margin-top: 0px;
  169. z-index:9999;
  170. }
  171. {/block:ifthreecol}
  172.  
  173.  
  174.  
  175. #sidebar {
  176. width:400px;
  177. margin-left:80px;
  178. height:auto;
  179. margin-top:150px;
  180. position:fixed;
  181. overflow:hidden;
  182. padding:3px;
  183. border:1px solid {color:border colors};
  184. background-color: {color:sidebar};
  185. padding:3px;}
  186.  
  187.  
  188. #bannerimg {
  189. margin-bottom:3px;
  190. padding:5px;}
  191.  
  192. #bannerimg img {
  193. max-width:272px;
  194. height: auto;}
  195.  
  196.  
  197. {block:ifblogtitle}
  198. #blogtitle{
  199. font-family:{font:title font};
  200. color:{color:blog title};
  201. font-size:80px;
  202. border:0px solid {color:border colors};
  203. padding:10px;
  204. margin:25px;
  205. text-align:center;}
  206. {block:ifblogtitle}
  207.  
  208. #links {
  209. width:262px;
  210. background-color:transparent;
  211. text-align:center;
  212. font-size:14px;
  213. border:0px solid {color:border colors};
  214. padding:10px;
  215. margin:5px;
  216. word-spacing:25px;
  217. font-family:{font:body text};
  218. }
  219.  
  220. #description {
  221. font-family:{font:body text};
  222. font-size:11px;
  223. text-align:center;
  224. margin-bottom: 2px;
  225. text-align:center;
  226. border:0px solid {color:border colors};
  227. padding:5px;
  228. margin:5px;
  229. color:{color:Text};}
  230.  
  231. #question {
  232. text-align:left;
  233. background-color: #fff
  234. font-size: 12px;
  235. letter-spacing:1px;
  236. line-height:14;
  237. text-transform: lowercase;
  238. padding:5px;
  239. margin-left:-5px;
  240. font-family: {font:body text};
  241. width:100%;
  242. height: auto;
  243. -moz-border-radius: 3px;
  244. border-radius: 3px;
  245. }
  246. #answer {
  247. text-align:left;
  248. padding-left:5px;
  249. padding-top:7px;
  250. padding-right:5px;
  251. padding-bottom:0px;
  252. font-family: {font:body text};
  253. }
  254.  
  255. #entry{
  256. font-family:{font:body text};
  257. font-size:15px;
  258. border:1px solid {color:border colors};
  259. text-align:left;
  260. z-index:9999;
  261. float:left;
  262. width:400px;
  263. height: auto;
  264. {block:PermalinkPage}
  265. width: 400px;
  266. height: auto;
  267. {/block:PermalinkPage}
  268. line-height:16px;
  269. background-color:;
  270. overflow:hidden;
  271. padding: 6px;
  272. padding:8px;padding:7px;
  273. margin:150px;
  274. padding-bottom: 4px;
  275. {block:iffadeposts}
  276. opacity:0.8;
  277. -webkit-transition: 1s ease-in-out;
  278. -moz-transition: 1s ease-in-out;
  279. -o-transition: 1s ease-in-out;
  280. {/block:iffadeposts}
  281. }
  282. #entry:hover{
  283. {block:iffadeposts}
  284. opacity:1;
  285. -webkit-transition: 1s ease-in-out;
  286. -moz-transition: 1s ease-in-out;
  287. -o-transition: 1s ease-in-out;
  288. {/block:iffadeposts}
  289. }
  290.  
  291. #entry .perma a{
  292. color:{color:text};
  293. }
  294.  
  295. .permalink {
  296. display: block;
  297. border-top: 1px solid #ddd;
  298. padding: px;
  299. margin: 8px 8px 8px 8px;
  300. font-family:{font:body};
  301. line-height: 18px;
  302. text-align: center;
  303. text-decoration: none;
  304. opacity:;
  305. background:#aaa;
  306. -webkit-transition: color 0.9s ease-out;
  307. -moz-transition: color 0.9s ease-out;
  308. }
  309.  
  310. #entry .perma a{
  311. color:#aaa;
  312. font-style:;
  313. background:;
  314. font-size:12px;
  315. border-radius:0px;
  316. -webkit-transition: color 0.9s ease-out;
  317. -moz-transition: color 0.9s ease-out;
  318. }
  319.  
  320. #entry .perma{
  321. width:auto;
  322. height:auto;
  323. margin-left:34%;
  324. position: absolute;
  325. line-height: 16px;
  326. overflow:hidden;
  327. text-align:center;
  328. margin-top:8px;
  329. text-transform:uppercase;
  330. font-family:{font:body};
  331. font-style:italic;
  332. word-spacing:1px;
  333. opacity: 0.0;
  334. -webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-in-out;
  335. -moz-transition: all 0.5s ease-in-out;
  336. transition: all 0.5s ease-in-out;
  337. z-index:999;
  338. padding:5px;
  339.  
  340. }
  341.  
  342. #entry:hover .perma{
  343. overflow:visible;
  344. opacity:0.9;
  345. background: #fff;
  346. border:1px solid #000;
  347. border-radius:0px;
  348. }
  349. .caption{
  350. font-size:11px;
  351. color:{color:body};
  352. font:{font:body};
  353. text-transform:italic;
  354. border:1px solid #fff;
  355. }
  356. /*tooltips*/
  357. #s-m-t-tooltip {
  358. max-width:100px;
  359. padding:5px 5px 5px 5px;
  360. margin:20px 0px 0px 20px;
  361. background:#fff;
  362. color:#000;
  363. line-height:15px;
  364. font-family:{font:body};
  365. letter-spacing:1px;
  366. font-size:12px;
  367. text-transform:;
  368. z-index:99999999;
  369. font-style:italic;
  370. opacity:1;
  371. -moz-border-radius:0px;
  372. border-radius:0px;
  373. border:1px solid #000;
  374. }
  375.  
  376.  
  377. .title{
  378. font-family:{font:title font};
  379. font-size: 15px;
  380. line-height: 25px;
  381. text-transform:none;
  382. color:{color:Title};
  383. letter-spacing: 0px;
  384. text-align:center;
  385. font-weight: normal;
  386. padding:0px 0px 0px 0px;
  387. }
  388. #postnotes{
  389. text-align: left;}
  390.  
  391. #postnotes blockquote{
  392. border: 1px;}
  393.  
  394.  
  395. blockquote{
  396. padding:0px 0px 2px 5px;
  397. margin:0px 0px 2px 10px;
  398. border-left: 1px solid #555555;
  399. }
  400. ul, ol, li{
  401. list-style:none;
  402. margin:0px;
  403. padding:0px
  404. }
  405.  
  406. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  407. .user_7 .label, .user_8 .label, .user_9 .label {color:{color:Title};
  408. }
  409.  
  410. /***popups***/
  411. #fade { /*--Transparent background layer--*/
  412. display: none; /*--hidden by default--*/
  413. background-image:url({image:popup fade});
  414. position: fixed; left: 0; top: 0;
  415. width: 100%; height: 100%;
  416. opacity: .7;
  417. background: #eee;
  418. z-index: 9999;
  419. }
  420. .popup_block{
  421. display: none; /*--hidden by default--*/
  422. background-color: {color:PopupBackground};
  423. background-image:url({image:Background});
  424. padding: 20px;
  425. float: left;
  426. font-size: 15px;
  427. font-family:{font:body};
  428. position: fixed;
  429. line-height: 15px;
  430. top: 50%; left: 60%;
  431. border:1px solid #EFE1F2;
  432. border-top-right-radius:1px;
  433. border-bottom-left-radius:1px;
  434. border-top-left-radius:1px;
  435. border-bottom-right-radius:1px;
  436. z-index: 99999;
  437. margin-bottom:400px;
  438. /*--CSS3 Box Shadows--*/
  439. -webkit-box-shadow: 0px 0px 20px #;
  440. -moz-box-shadow: 0px 0px 20px# ;
  441. box-shadow: 1px 1px 20px #;
  442. -webkit-animation: floor 1s;
  443. -moz-animation: floor 1s;
  444. -ms-animation: floor 1s;
  445. }
  446. .popup_block:hover{
  447. opacity:1;
  448. -webkit-transition: all .7s ease;
  449. -moz-transition: all .7s ease;
  450. -o-transition: all .7s ease;
  451. transition: all .7s ease;
  452. }
  453. img.btn_close {
  454. float: right;
  455. margin: -15px -15px 0 0;
  456. }
  457. *html .popup_block {
  458. position: absolute;
  459. }
  460.  
  461. @-webkit-keyframes floor {
  462. 0% {
  463. opacity: 0;
  464. -webkit-transform: translateY(-500px);
  465. }
  466.  
  467. 100% {
  468. opacity: 1;
  469. -webkit-transform: translateY(0%);
  470. }
  471. }
  472.  
  473. @-moz-keyframes floor {
  474. 0% {
  475. opacity: 0;
  476. -webkit-transform: translateY(-500px);
  477. }
  478.  
  479. 100% {
  480. opacity: 1;
  481. -webkit-transform: translateY(0%);
  482. }
  483. }
  484.  
  485. @-o-keyframes floor {
  486. 0% {
  487. opacity: 0;
  488. -o-transform: translateY(-500px);
  489. }
  490.  
  491. 100% {
  492. opacity: 1;
  493. -o-transform: translateY(0%);
  494. }
  495. }
  496.  
  497. @keyframes floor {
  498. 0% {
  499. opacity: 0;
  500. -webkit-transform: translateY(-500px);
  501. }
  502. }
  503. 100% {
  504. opacity: 1;
  505. -webkit-transform: translateY(0%);
  506. }
  507. }
  508.  
  509. /* hovery thing */
  510.  
  511.  
  512.  
  513. .hoverhere {
  514. margin-top: 50px;
  515. opacity: 1;
  516. font-size:50px;
  517. transition: all 1s ease-out;
  518. -o-transition-transition: all 1s ease-out;
  519. -webkit-transition: all 1s ease-out;
  520. -moz-transition: all 1s ease-out;
  521. }
  522.  
  523. #hoverforaskbox:hover .hoverhere {
  524. margin-top: 10px;
  525. opacity: 0;
  526. -webkit-transition: all 1s ease-in-out;
  527. -moz-transition: all 1s ease-in-out;
  528. -o-transition: all 1s ease-in-out;
  529. -ms-transition: all 1s ease-in-out;
  530. transition: all 1s ease-in-out;
  531. }
  532.  
  533. .askbox{
  534. margin-top: -65px;
  535. opacity: 0;
  536. transition: all 1s ease-out;
  537. -o-transition-transition: all 1s ease-out;
  538. -webkit-transition: all 1s ease-out;
  539. -moz-transition: all 1s ease-out;
  540. }
  541. #askbox{
  542.  
  543. }
  544.  
  545. #hoverforaskbox:hover .askbox{
  546. opacity: 1;
  547. -webkit-transition: all 1s ease-in-out;
  548. -moz-transition: all 1s ease-in-out;
  549. -o-transition: all 1s ease-in-out;
  550. -ms-transition: all 1s ease-in-out;
  551. transition: all 1s ease-in-out;
  552. }
  553.  
  554.  
  555. /***end***/
  556.  
  557. </style>
  558. <title>{title}</title>
  559. <link rel="shortcut icon" href="{favicon}">
  560. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  561. <meta name="viewport" content="width=720" />
  562. </head>
  563. <body onkeydown="return false">
  564. <div id="center">
  565. <div id="content">
  566. <div id="under">
  567. </div>
  568.  
  569.  
  570.  
  571. </div>
  572. <!----sidebar--->
  573. <div id="sidebar">{block:ifblogtitle}
  574. <div id="blogtitle">{Title}</div>{/block:ifblogtitle}
  575. {block:ifbanner}<div id="bannerimg"><center><img src="{image:banner}"/></center></div>{/block:ifbanner}
  576. <div id="description"><a href="#?w=500" title="about"rel="01" class="poplight" title="haha">{description}</a></div>
  577. <!---links----><center>
  578. <div id="links"><a href="http://eruhption.tumblr.com/" title="refresh"><i class="fa fa-refresh"></i></a>
  579. <a href="#?w=500" title="ask"rel="02" class="poplight"><i class="fa fa-comment"></i></a>
  580. <a href="#?w=270" title="links" rel="800" class="poplight"><i class="fa fa-plus-circle"></i></a>
  581. <a href="#?w=320" title="friends"rel="04" class="poplight"><i class="fa fa-heart"></i></a>
  582. <a href="http://volcanic-themes.tumblr.com/" title="my themes"><i class="fa fa-diamond"></i></a></center>
  583.  
  584. </div>
  585.  
  586. </div></div>
  587.  
  588. <!-----post layouts--->
  589. <div id="posts">
  590. {block:Posts}
  591. <div id="entry"></font>
  592. {block:Text}
  593. {block:Title}<span class="title">{Title}</span>{/block:Title}
  594. <span class="entrytext">{Body}</span>
  595. <div class="permalinktext"> <a href="{permalink}">{NoteCount}</a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  596. {/block:Text}
  597. {block:Link}
  598. <a href="{URL}" class="title">{Name}</a>
  599. {block:Description}{Description}{/block:Description}
  600. <div class="permalinktext"> <a href="{permalink}"> {notecount} </a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  601. {block:Link}
  602.  
  603. {block:Photo}{block:IndexPage}
  604.  
  605. <div class="perma">
  606. <a href="{permalink}"> {notecount} </a> - <a href="{ReblogURL}" target="_blank"> reblog </a></span></div>
  607.  
  608. {/block:IndexPage}
  609. {block:IndexPage}<a href="{permalink}"><img src="{PhotoURL-400}" width="400"></a><span class="caption"><i>{caption}</i></span>{/block:IndexPage}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"width=400px/>{LinkCloseTag}{/block:PermalinkPage}
  610. {/block:Photo}
  611.  
  612. {block:Photoset}
  613. {block:IndexPage}
  614.  
  615. <div class="perma">
  616. <a href="{permalink}"> {notecount} </a> - <a href="{ReblogURL}" target="_blank"> reblog </a></span></div>
  617. <center>
  618.  
  619. {Photoset-400}</center>
  620. {/block:IndexPage}
  621. {block:PermalinkPage}
  622. <center>
  623. {Photoset-400}</center>
  624. {/block:PermalinkPage}
  625. <span class="caption"><i>{caption}</i></span>
  626. {/block:Photoset}
  627.  
  628. {block:Quote}
  629. <span class="entrytext"><div style="line-height:16px;"><font size="3px">"{Quote}"</font></span><p>
  630. {block:Source}<b><a href="{Permalink}">-{Source}</a></p></b>{/block:Source}
  631. <div class="permalinktext"> <a href="{permalink}"> {notecount} </a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  632. {/block:Quote}
  633.  
  634. {block:Chat}
  635. {block:Title}<div style="line-height:16px;"><span class="title">{Title}</span>{/block:Title}
  636. <ul class="chat">
  637. {block:Lines}
  638. <li class="user_{UserNumber}">
  639. {block:Label}
  640. <span class="label">{Label}</span>
  641. {/block:Label}
  642.  
  643. {Line}
  644. </li></div>
  645. {/block:Lines}
  646. </ul>
  647. <div class="permalinktext"> <a href="{permalink}"> {notecount} </a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  648. {/block:Chat}
  649.  
  650.  
  651. {block:Audio}
  652. <center><div style="width:500px; height:28px;"><div style="float:left">{AudioPlayerblack}</div><div style="margin-top:10px; float:left;">
  653. {block:ExternalAudio}{/block:ExternalAudio}</div></div></center><br>
  654. <div class="permalinktext"> <a href="{permalink}"> {notecount} </a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  655. {/block:Audio}
  656.  
  657. {block:Video}<center>
  658. <div style="padding-top:0px; padding-bottom:2px;">
  659. {Video-400}</div>
  660. <div style="padding-bottom:5px;">{block:Caption}{Caption}{/block:Caption}</div>
  661. <div class="permalinktext"> <a href="{permalink}"> {notecount} </a> <font color="#aaa">&middot</font> <a href="{permalink}">{timeago}</a> </div>
  662. {block:Video}
  663.  
  664. {block:Answer}<div class="text">
  665. <div class="question">
  666. <span style="text-transform:lowercase; color:{color:Link}">{Asker}:</span> {Question}</div><div class="answer"><i>{Answer}</i></div></div>
  667.  
  668.  
  669. {/block:Answer}
  670.  
  671. {block:PostNotes}<div align="middle">{caption}</div>
  672. <center>
  673.  
  674. {block:NoteCount}$ {notecount} <br>{/block:NoteCount}
  675.  
  676. {block:HasTags}
  677. tags: {block:Tags}<a href="{TagURL}">{Tag}. </a>{/block:Tags}<br> {/block:HasTags}
  678. {block:RebloggedFrom}
  679. reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a><br>
  680. posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>
  681.  
  682. {/block:RebloggedFrom}
  683. </center></span>
  684. <br>
  685. <div id="postnotes">{PostNotes}</div><br>
  686.  
  687. <center>{block:ContentSource}
  688. <br><a href="{SourceURL}">
  689. {lang:Source}:
  690. {block:SourceLogo}
  691. <img src="{BlackLogoURL}" width="{LogoWidth}"
  692. height="{LogoHeight}" alt="{SourceTitle}" />
  693. {/block:SourceLogo}
  694. {block:NoSourceLogo}
  695. {SourceLink}
  696. {/block:NoSourceLogo}
  697. </a>
  698. {/block:ContentSource}</center>
  699.  
  700. {/block:PostNotes}
  701. </div>
  702. {/block:Posts}
  703. </div></div>
  704. </div></div>
  705. <!----infinite scroll code--->
  706. {block:indexpage}
  707. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  708. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  709. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  710. <script type="text/javascript">
  711. $ {notecount} (window).load(function(){
  712. var $wall = $('#posts');
  713. $wall.imagesLoaded(function(){
  714. $wall.masonry({
  715. itemSelector: '#entry, #entry_photo',
  716. isAnimated : false
  717. });
  718. });
  719.  
  720. $wall.infinitescroll({
  721. navSelector : '#page-nav',
  722. nextSelector : '#page-nav a',
  723. itemSelector : '#entry, #entry_photo',
  724. bufferPx : 2000,
  725. debug : false,
  726. errorCallback: function() {
  727. $('#infscr-loading').fadeOut('normal');
  728. }},
  729. function( newElements ) {
  730. var $newElems = $( newElements );
  731. $newElems.hide();
  732. $newElems.imagesLoaded(function(){
  733. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  734. });
  735. }); $('#content').show(500);
  736. });
  737. </script>
  738. {/block:indexpage}
  739.  
  740.  
  741.  
  742. </body>
  743.  
  744.  
  745. <!----friends popup--->
  746. <div id="04"class="popup_block">
  747. <FIELDSET style="width:300px; height:auto; border: 1px solid gray"><b><u>Friends</u></b>
  748. <p><a href="http://tipsyplant.tumblr.com/">Monica</a>- she is what i call the "html godess" and shes really fucking cool..love her<br><br>
  749. <a href="http://fluxel.tumblr.com/">Annelise</a>- we live a block away oh and i love her haha<br><br>
  750. <a href="http://volcaneo.tumblr.com/" >Maya</a>- my twin sister lol<br><br>
  751. <a href="http://zestyfest.tumblr.com/">Maren</a>- best friend since forever<br><br>
  752. <a href="http://brandoalexander.tumblr.com/" >Brandon</a>- The most amazing person in my life<br><br>
  753. <a href="http://portlend.tumblr.com/" >Tess</a>- Shes wierd, but i love her :)<br>
  754. </fieldset>
  755. </div></div></div>
  756.  
  757. <!-----ask popup---->
  758. <div id="02" class="popup_block">
  759.  
  760. <FIELDSET style="width:475px; height:120px; border: 1px solid gray"><b><u>Heyyyy</u> </b><p>
  761.  
  762. <br>Thanks for visiting my blog, feel free to shoot me a message anytime. I'm online as much as I can be, and check mobile like all the time!:) You can also find me at <a href="http://htmlqueens.tumblr.com/"title="you should really click this link, we are the best html blog in the whole world, ok bye bitch">HtmlQueens</a> <br> <br>-<script language="JavaScript">
  763. var ref = (''+document.referrer+'');
  764. var w_h = window.screen.width + " x " + window.screen.height;
  765. document.write('<script src="http://freehostedscripts.net/ocounter.php?site=ID4418124&e1=here&e2=here&r=' + ref + '&wh=' + w_h + '"><\/script>');
  766. </script></fieldset>
  767. <p></p>
  768.  
  769. <div id="hoverforaskbox">
  770. <div class="hoverhere">
  771. <br>
  772. <center>now get (h)over here </center>
  773. <br>
  774. </div><p>
  775. <div class="askbox">
  776. <iframe frameborder="0" width="100%";height="auto" src="http://www.tumblr.com/ask_form/eruhption.tumblr.com" id="ask_form" seamless></iframe>
  777. </div></p>
  778. </div></div></div>
  779.  
  780. <!----links "+" popup-------------->
  781. <div id="800" class="popup_block">
  782.  
  783. <center>
  784. <!----first table--->
  785. <table>
  786. <tr>
  787. <td> <fieldset style="width:100px; height:100px;">
  788. <center><b><u>For You</u></b></center><br>
  789. <a href="http://htmlqueens.tumblr.com/"title="blog help and codes!">html queens</a>
  790. <br>
  791. <a href="http://eruhption.tumblr.com/blogroll" title="who i follow">blogroll</a>
  792. <br>
  793. <a href="http://eruhption.tumblr.com/tagged/penis"title="i dont even update this">answered Q's</a>
  794. <br>
  795. <a href="http://eruhption.tumblr.com/tagged/mine"title="hola">my posts</a>
  796. <br>
  797. </td>
  798. <br>
  799. <!----second table--->
  800. <td><fieldset style="width:100px; height:100px;">
  801. <center><b><u> Stuff</u></b></center><br>
  802. <a href="http://volcaneo.tumblr.com"title="sexy">twin sis</a>
  803. <br>
  804. <a href="http://eruhption.tumblr.com/tagged/me"title="heyy">my face</a><br>
  805. <a href="#?w=300" title="ask"rel="01" class="poplight" title="haha">about me</a>
  806. <br>
  807. <a href="http://instagram.com/queenhannaha" title="follow im supa thirsty">insta</a>
  808. </p>
  809. </td></table></center></div>
  810. </div>
  811.  
  812.  
  813. <div id="01" class="popup_block">
  814. ♥ Hi my name is Hannah I'm 17 and I live in the US- Oregon <br>
  815. ♥ I have a twin sister & her name is Maya <br>
  816. ♥ I'm a vegetarian and have been my whole life because my dad is sikh (kind of indian religion- doesn't eat any meat)<br>
  817. ♥ When I'm older I want to travel the world and especially Africa.<br>
  818.  
  819. </div></div>
  820.  
  821.  
  822.  
  823.  
  824.  
  825.  
  826.  
  827. </div>
  828. </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!