Advertisement
elegant-dreamer

galaxy v2

Jul 24th, 2014
68,740
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 18.73 KB | None | 0 0
  1. <html>
  2.  
  3. <!--
  4.  
  5. THEME #GALAXY V2 BY ELEGANTDESIGNS
  6. FOR MY THEMES CHECK: HTTP://ELEGANT-DREAMER.TUMBLR.COM
  7.  
  8. PLEASE, KEEP THE CREDITS INTACT
  9. OR PUT IT AT LEAST IN YOUR FAQ!
  10.  
  11. DON'T STEAL OR DELETE THE CREDITS
  12. DON'T STEAL OR DELETE THE CREDITS
  13.  
  14. BE ORIGINAL
  15.  
  16. -->
  17.  
  18. <head>
  19.  
  20. <!-- COLORS -->
  21.  
  22. <meta name="font:body" content="Verdana"/>
  23. <meta name="text:font size" content="11"/>
  24.  
  25. <meta name="color:text" content="#000"/>
  26. <meta name="color:links" content="#9c9c9c"/>
  27. <meta name="color:hover link" content="#fff"/>
  28. <meta name="color:background" content="#fff"/>
  29.  
  30. <meta name="color:shadow" content="#9c9c9c"/>
  31. <meta name="color:ask bubble bg" content="#c1c1c1"/>
  32. <meta name="color:scrollbar" content="#9c9c9c"/>
  33. <meta name="color:post titles" content="#9c9c9c"/>
  34.  
  35. <meta name="color:navigate text" content="#9c9c9c"/>
  36. <meta name="color:navigate text hover" content="#fff"/>
  37. <meta name="color:navigate shadow" content="#9c9c9c"/>
  38.  
  39. <meta name="color:navigate bg" content="#fff"/>
  40. <meta name="color:navigate bg hover" content="#9c9c9c"/>
  41.  
  42. <meta name="color:chat bg 1" content="#c1c1c1"/>
  43. <meta name="color:chat bg 2" content="#999"/>
  44. <meta name="color:blockquote" content="#9c9c9c"/>
  45.  
  46. <!-- TEXT / TITLES -->
  47.  
  48. <meta name="text:link section" content="Links"/>
  49.  
  50. <meta name="text:link 1" content="http://"/>
  51. <meta name="text:link 1 title" content="link 1"/>
  52.  
  53. <meta name="text:link 2" content="http://"/>
  54. <meta name="text:link 2 title" content="link 2"/>
  55.  
  56. <meta name="text:link 3" content="http://"/>
  57. <meta name="text:link 3 title" content="link 3"/>
  58.  
  59. <meta name="text:link 4" content="http://"/>
  60. <meta name="text:link 4 title" content="link 4"/>
  61.  
  62. <meta name="text:link 5" content="http://"/>
  63. <meta name="text:link 5 title" content="link 5"/>
  64.  
  65. <meta name="text:link 6" content="http://"/>
  66. <meta name="text:link 6 title" content="link 6"/>
  67.  
  68. <meta name="text:link 7" content="http://"/>
  69. <meta name="text:link 7 title" content="link 7"/>
  70.  
  71. <meta name="text:link FAQ" content="http://"/>
  72. <meta name="text:link Answered" content="http://"/>
  73.  
  74. <!-- VARIABLES -->
  75.  
  76. <meta name="if:zoom in hover posts" content="1"/>
  77. <meta name="if:sidebar img" content="1"/>
  78.  
  79. <meta name="if:sidebar left" content="0"/>
  80. <meta name="if:3 columns" content="0"/>
  81. <meta name="if:dark tumblr controls" content="0"/>
  82.  
  83. <meta name="if:faded posts" content="0"/>
  84. <meta name="if:rounded edges" content="0"/>
  85. <meta name="if:show caption" content="0"/>
  86.  
  87. <meta name="if:shadow" content="1"/>
  88. <meta name="if:rainbow links" content="0"/>
  89. <meta name="if:tiny cursor" content="1"/>
  90. <meta name="if:custom scrollbar" content="1"/>
  91.  
  92. <meta name="if:disable right click" content="0"/>
  93. <meta name="if:disable selecting text" content="0"/>
  94.  
  95. <meta name="if:show link 1" content="1"/>
  96. <meta name="if:show link 2" content="1"/>
  97. <meta name="if:show link 3" content="1"/>
  98. <meta name="if:show link 4" content="1"/>
  99. <meta name="if:show link 5" content="1"/>
  100.  
  101. <meta name="if:archive link" content="1"/>
  102. <meta name="if:FAQ link" content="1"/>
  103. <meta name="if:answered link" content="1"/>
  104. <meta name="if:submit link" content="1"/>
  105.  
  106. <!-- IMAGES -->
  107.  
  108. <meta name="image:background" content=""/>
  109. <meta name="image:sidebar" content="http://static.tumblr.com/nlodh6u/PqHm8wr5e/o.jpg"/>
  110. <meta name="image:back to top button" content="http://static.tumblr.com/zwguidv/sS3mi83ro/bttb.png"/>
  111.  
  112. <title>{Title}</title>
  113.  
  114. {block:ifdisablerightclick}
  115. <script language=JavaScript>
  116. <!--
  117. //Disable right click script III- By Renigade (renigade@mediaone.net)
  118. //For full source code, visit http://www.dynamicdrive.com
  119. var message="";
  120. ///////////////////////////////////
  121. function clickIE() {if (document.all) {(message);return false;}}
  122. function clickNS(e) {if
  123. (document.layers||(document.getElementById&&!document.all)) {
  124. if (e.which==2||e.which==3) {(message);return false;}}}
  125. if (document.layers)
  126. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  127. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  128. document.oncontextmenu=new Function("return false")
  129. // -->
  130. </script>{block:ifdisablerightclick}
  131.  
  132. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  133. <link rel="shortcut icon" href="{Favicon}" />
  134. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  135.  
  136. <!-- BACK TO TOP BUTTON -->
  137.  
  138. <script src="http://static.tumblr.com/zdiw7dd/2qHn8cuqk/jquery.min.js"></script>
  139. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script><a href="javascript:;" id="scrollToTop">
  140. <img src="{image:back to top button}" border="0" style="z-index:999999"></a>
  141.  
  142. <style type="text/css">
  143.  
  144. /* ------------ CUSTOM FONTS ------------ */
  145.  
  146. @font-face { font-family: "fineliner"; src: url('http://static.tumblr.com/q54tzar/JcYm21fwu/fineliner_script_1_.otf'); }
  147.  
  148. /* ------------ POST TITLES ------------ */
  149.  
  150. h2 {font-family:fineliner;font-size:26px;color:{color:post titles};text-align:center;}
  151.  
  152. h1 {font-family:fineliner;font-size:26px;color:{color:post titles};}
  153.  
  154. strong, strong a {font-style:bold;color:{color:links};}
  155.  
  156. /* ------------ STANDARD HTML ------------ */
  157.  
  158. body {
  159. margin: 0px;
  160. background-color:{color:background};
  161. background-image:url({image:background});
  162. background-attachment: fixed;
  163. background-repeat: repeat;
  164. background-position: center;
  165. color: {color:text};}
  166.  
  167. body, div, p, textarea, submit, input {
  168. font-family: {font:body};
  169. font-size: {text:font size}px;
  170. color:{color:text};
  171. {block:iftinycursor}cursor:url(http://static.tumblr.com/nlodh6u/rOqm5o3h1/2qlex.jpg), auto;{/block:iftinycursor}}
  172.  
  173. a:link, a:active, a:visited{
  174. color: {color:links};
  175. text-decoration: none;
  176. -webkit-transition: color 0.7s ease-out;
  177. -moz-transition: color 0.7s ease-out;{block:iftinycursor}
  178. cursor:url(http://static.tumblr.com/nlodh6u/rOqm5o3h1/2qlex.jpg);{/block:iftinycursor}}
  179.  
  180. a:hover{
  181. color:{color:hover link};
  182. -webkit-transition: color 0.7s ease-out;
  183. -moz-transition: color 0.7s ease-out;{block:iftinycursor}
  184. cursor:url(http://static.tumblr.com/nlodh6u/rOqm5o3h1/2qlex.jpg);{/block:iftinycursor}}
  185.  
  186. #tumblr_controls{
  187. {block:ifdarktumblrcontrols}
  188. -webkit-filter: invert(100%) ;
  189. {/block:ifdarktumblrcontrols}
  190. position:fixed !important;}
  191.  
  192. #infscr-loading{
  193. z-index:99999;
  194. bottom: 3px;
  195. position: absolute;
  196. left: 50%;
  197. margin-left:-16px;
  198. overflow:hidden;
  199. margin-bottom: 25px;}
  200.    
  201. /* ------------ BUBBLE ASK BORDER ------------ */
  202.  
  203. .bubble {
  204. position: relative;
  205. text-align:left;
  206. padding: 5px 10px;
  207. background-color: {color:ask bubble bg};
  208. margin-bottom: 10px;
  209. border-radius:5px;}
  210.  
  211. .bubble::after {
  212. position: absolute;
  213. border-radius:5px;
  214. top: 100%;
  215. left: 15px;
  216. content: '';
  217. border-left: 7px solid transparent;
  218. border-right: 7px solid transparent;
  219. border-top: 5px solid {color:ask bubble bg};}
  220.  
  221. .portrait img {
  222. margin-left: 10px;
  223. padding-right:5px;}
  224.  
  225. #line {
  226. marign-top:2px;
  227. width:95%;
  228. height:1px;
  229. background: {color:ask bubble bg};}
  230.  
  231. /* ------------ CHAT POSTS ------------ */
  232.  
  233. .chatbg{width:auto;}
  234.  
  235. .chatbg .line{
  236. padding:2px 5px 2px 5px;
  237. margin-bottom:2px;margin-left:-30px;
  238. background-color:{color:chat bg 1};}
  239.  
  240. .chatbg .line.odd{
  241. background-color:{color:chat bg 2};
  242. padding:2px 5px 2px 5px;
  243. margin-bottom:2px;}
  244.  
  245. /* ------------ BLOCKQUOTE ------------ */
  246.  
  247. blockquote {
  248. text-align:left;
  249. width:90%;
  250. margin-left:20px;padding-left: 5px;
  251. overflow: hidden;
  252. margin-top:3px;margin-bottom:3px;
  253. border-left: 2px solid {color:blockquote};}
  254.  
  255. blockquote img {max-width:auto;}
  256.  
  257. .ol, ul { margin-left: 30px; padding: 2px; list-style-type: circle;text-align:left; }
  258. .ul, ol { margin-left: 30px; padding: 2px; list-style-type: decimal;text-align:left; }
  259.  
  260. .user_1 .label, .user_2 .label, .user_3 .label, .user_4 .label, .user_5 .label, .user_6 .label,
  261. .user_7 .label, .user_8 .label, .user_9 .label {color:#555555;}
  262.  
  263. /* ------------ SCROLLBAR ------------ */
  264.  
  265. {block:ifcustomscrollbar}
  266. ::-webkit-scrollbar-thumb{
  267. background-color: {color:scrollbar};
  268. -webkit-box-shadow: inset 0 0 6px #282828;}
  269.  
  270. ::-webkit-scrollbar {
  271. height:7px; width:6px;
  272. background-color:{color:background};}
  273. {/block:ifcustomscrollbar}
  274.  
  275. /* ------------ SIDEBAR ------------ */
  276.  
  277. #sidebar {
  278. position:fixed;
  279. padding-left:5px;
  280. padding-right:5px;
  281. {block:ifnotsidebarleft}
  282. margin-left:1200px;
  283. {/block:ifnotsidebarleft}
  284. {block:ifsidebarleft}
  285. float:left;
  286. {/block:ifsidebarleft}
  287. margin-top:150px;
  288. height:440px;
  289. width:280px;
  290. background: {color:background};
  291. z-index:1;{block:ifshadow}
  292. box-shadow:0 0 4px {color:shadow};{/block:ifshadow}}
  293.  
  294. /* ------------ NAVIGATION ------------ */
  295.  
  296. #navbar {
  297. left:-10px;padding: 3px;
  298. height: 14px; width: 268px;
  299. position:absolute;
  300. background-color: #transparant;
  301. -webkit-transition: all 0.6s ease;
  302. -moz-transition: all 0.6s ease;
  303. -o-transition: all 0.6s ease;}
  304.  
  305. #navbar li a {
  306. display: block;
  307. box-shadow:0 0 4px #9c9c9c;
  308. color: #9c9c9c;
  309. height:17px;
  310. line-height: 12px;
  311. font-size:14px;
  312. text-align: center;
  313. width: 75px;
  314. background-color: #fff;
  315. padding:1px;
  316. margin:5px;}
  317.  
  318. #navbar li {list-style: none;float: left; }
  319. #navbar li ul { display: none; z-index: 100;width: 90px; }
  320. #navbar li:hover li, #navbar li.hover li {float:none;}
  321.  
  322. #navbar li a:hover {
  323. font-weight: normal; z-index: 100;
  324. -webkit-transition-timing-function: ease-out;
  325. -webkit-transition-duration: 6s;
  326. -moz-transition-timing-function: ease-out;
  327. -moz-transition-duration: 6s;}
  328.  
  329. #navbar li:hover ul, #navbar li.hover ul {
  330. display: block;
  331. position: absolute;
  332. margin:0;padding:0;
  333. margin-left:-10px;}
  334.  
  335. #navbar li:hover li a, #navbar li.hover li a {
  336. {block:ifshadow}
  337. box-shadow:0 0 4px {color:navigate shadow};{/block:ifshadow}
  338. letter-spacing:1px;
  339. background: {color:navigate bg};
  340. font-size:11px;
  341. margin-left:10px;
  342. text-transform: none;
  343. text-align: center;
  344. padding:0px; margin-top: 6px;
  345. z-index: 100;color: {color:navigate text};
  346. width:90px; height:18px;
  347. line-height:15px;
  348. -webkit-transform:scale(1);
  349. -webkit-transition: all .5s ease;
  350. -moz-transition: all .5s ease;
  351. -o-transition: all .5s ease;
  352. transition: all .5s ease;}
  353.  
  354. #navbar li li a:hover{
  355. background: {color:navigate bg hover};color: {color:navigate text hover};
  356. border-radius:3px;z-index:999999999;
  357. text-shadow:1px 1px 5px #000;
  358. -webkit-transform:scale(1.3);}
  359.  
  360. /* ------------ BACK TO TOP BUTTON ------------ */
  361.  
  362. #scrollToTop:link, #scrollToTop:visited {
  363. background-color: transparent;
  364. display: none;
  365. opacity:.8;
  366. position: fixed;
  367. bottom: 10px;
  368. right: 10px;}
  369.  
  370. /* ------------ PERMALINK ------------ */
  371.  
  372. #block {    
  373. {block:indexpage}width:1500px; {/block:indexpage}
  374. {block:permalinkpage}width:1150px; {/block:permalinkpage}}
  375.  
  376. #content {  
  377. {block:indexpage}
  378. {block:if3columns}width:872px;{/block:if3columns}
  379. {block:ifnot3columns}width:822px;{/block:ifnot3columns}
  380. {/block:indexpage}
  381. {block:permalinkpage}width:520px;{/block:permalinkpage}}
  382.  
  383. .entry {
  384. float:left;
  385. diplay:block;
  386. margin:5px;
  387. {block:ifshadow}
  388. box-shadow:0 0 4px {color:shadow};{/block:ifshadow}
  389. background:{color:background};
  390. {block:indexpage}
  391. {block:ifnot3columns}
  392. width:400px;
  393. {/block:ifnot3columns}
  394. {block:if3columns}
  395. width:280px;
  396. {/block:if3columns}
  397. {block:ifroundededges}
  398. border-radius:5px;
  399. {/block:ifroundededges}
  400. {/block:indexpage}
  401. {block:permalinkpage}
  402. width:500px;
  403. {/block:permalinkpage}
  404. {block:ifzoominhoverposts}
  405. -webkit-transform:scale(1);
  406. -webkit-transition-duration: 0.5s;
  407. {/block:ifzoominhoverposts}}
  408.  
  409. .entry:hover {
  410. {block:ifzoominhoverposts}
  411. {block:indexpage}
  412. -webkit-transform:scale(1.1);z-index:999999999;
  413. {/block:indexpage}
  414. {/block:ifzoominhoverposts}}
  415.  
  416. .entry img {
  417. display: block;
  418. max-width: 100%;
  419. {block:indexpage}
  420. {block:ifroundededges}
  421. border-radius:5px;
  422. {/block:ifroundededges}
  423. {block:iffadedposts}
  424. opacity:0.75;
  425. -webkit-transition-duration: 0.5s;
  426. {/block:iffadedposts}
  427. {/block:indexpage}}
  428.  
  429. .entry:hover img {
  430. {block:indexpage}
  431. {block:iffadedposts}
  432. opacity:1.0;
  433. -webkit-transition-duration: 0.5s;
  434. {/block:iffadedposts}
  435. {block:indexpage}
  436. max-width: 100%;}
  437.  
  438. .photoset, .photoset img{
  439. {block:indexpage}
  440. {block:ifroundededges}
  441. border-radius:5px;
  442. {/block:ifroundededges}
  443. {block:iffadedposts}
  444. opacity:0.75;
  445. -webkit-transition-duration: 0.5s;
  446. {/block:iffadedposts}
  447. {/block:indexpage}}
  448.  
  449. .photoset:hover, .photoset img:hover {
  450. {block:indexpage}
  451. {block:iffadedposts}
  452. opacity:1.0;
  453. -webkit-transition-duration: 0.5s;
  454. {/block:iffadedposts}
  455. {block:indexpage}}
  456.  
  457. #excel {position: fixed;right: 3px;top: 26px;}
  458.    
  459. #pagination{display:none;}
  460.  
  461. ol.notes img {width: 16px;display: inline;position: relative;top: 3px;}
  462.  
  463. .entry .perma {
  464. z-index:99999;
  465. opacity:.0;
  466. position:absolute;
  467. width:auto;
  468. height:auto;
  469. top:-2px;
  470. left:15px;
  471. -webkit-transition-duration: 0.6s}
  472.  
  473. .entry:hover .perma {opacity:1; -webkit-transition-duration: 0.6s;top:15px;}
  474.  
  475. #liking, #reblogging, #notings {
  476. float:left;
  477. height:16px!important;
  478. background:#666666;
  479. padding:4px;
  480. opacity:.9;
  481. border-radius:4px;
  482. border:1px solid #555555;
  483. margin-right:3px;}
  484.  
  485. #notings, #notings a {
  486. color:#fff;
  487. font-size:11px;
  488. font-family:georgia;
  489. line-height: 14px;}
  490.  
  491. </style>
  492. </head>
  493. <body>
  494.  
  495. {block:ifdisableselectingtext}
  496. <BODY onselectstart="return false;" ondragstart="return false;">
  497. {/block:ifdisableselectingtext}
  498.  
  499. {block:ifrainbowlinks}
  500. <script src="http://static.tumblr.com/uiqhh9x/6SMm4pws7/rainbow.js" type="text/javascript"></script>
  501. {/block:ifrainbowlinks}
  502.  
  503. <center>
  504. <div id="block">
  505.  
  506. <div id="sidebar">
  507.  
  508. <div id="navbar"><ul id="navbar"><center>
  509.  
  510. <li><a href="/">Home</a>
  511. {block:ifarchivelink}<ul>
  512. <li><a href="/archive">Archive</a></li>
  513. </ul>{/block:ifarchivelink}
  514.  
  515. <li><a href="/ask">Message</a><ul>
  516. {block:ifFAQlink}
  517. <li><a href="{text:link FAQ}">FAQ</a></li>
  518. {/block:ifFAQlink}
  519. {block:ifansweredlink}
  520. <li><a href="{text:link Answered}">Answered</a></li>
  521. {/block:ifansweredlink}
  522. {block:ifsubmitlink}
  523. <li><a href="/submit">Submit</a></li>
  524. {/block:ifsubmitlink}
  525. </ul>
  526.  
  527. <li><li><a href="#">Links</a><ul>
  528.  
  529. {block:ifshowlink1}<li><a href="{text:link 1}">{text:link 1 title}
  530. </a></li>{/block:ifshowlink1}
  531. {block:ifshowlink2}<li><a href="{text:link 2}">{text:link 2 title}
  532. </a></li>{/block:ifshowlink2}
  533. {block:ifshowlink3}<li><a href="{text:link 3}">{text:link 3 title}
  534. </a></li>{/block:ifshowlink3}
  535. {block:ifshowlink4}<li><a href="{text:link 4}">{text:link 4 title}
  536. </a></li>{/block:ifshowlink4}
  537. {block:ifshowlink5}<li><a href="{text:link 5}">{text:link 5 title}
  538. </a></li>{/block:ifshowlink5}
  539. {block:ifshowlink6}<li><a href="{text:link 6}">{text:link 6 title}
  540. </a></li>{/block:ifshowlink6}
  541. {block:ifshowlink7}<li><a href="{text:link 7}">{text:link 7 title}
  542. </a></li>{/block:ifshowlink7}
  543.  
  544. </ul></center></div>
  545.  
  546. <br><br><br><br><br>
  547.  
  548. {block:ifsidebarimg}<center>
  549. <img src="{image:sidebar}" style="width:270px;{block:ifshadow}box-shadow: 0 0 4px {color:shadow};{/block:ifshadow};">
  550. </center>{/block:ifsidebarimg}<br>
  551.  
  552. {Description}</div>
  553.  
  554. <div id="content">
  555. {block:posts}
  556. <div class="entry">
  557.  
  558. {block:IndexPage}
  559. <div class="perma">
  560. <div id="liking">{LikeButton size="16" color="white"}</div>
  561. <div id="reblogging">{ReblogButton size="16" color="white"}</div>
  562. <div id="notings"><a href="{Permalink}">{NoteCount}</a></div>
  563. </div>
  564. {/block:IndexPage}
  565.  
  566. {block:Text}
  567. {block:Title}
  568. <a href="{Permalink}"><h2>{Title}</h2></a>
  569. {/block:Title}
  570. {body}
  571. {/block:Text}
  572.  
  573. {block:Photo}
  574. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  575. {block:ifshowcaption}
  576. {block:caption}{caption}{/block:caption}
  577. {/block:ifshowcaption}
  578. {/block:Photo}
  579.  
  580. {block:Photoset}
  581. {block:IndexPage}
  582. {block:ifnot3columns}{Photoset-400}{/block:ifnot3columns}
  583. {block:if3columns}{Photoset-250}{/block:if3columns}
  584. {/block:IndexPage}
  585. {block:permalinkpage}
  586. {Photoset-400}
  587. {/block:permalinkpage}
  588. {/block:Photoset}
  589.  
  590. {block:Quote}
  591. <h2>"{Quote}"</h2><br>
  592. {block:Source}
  593. <div class="source"><div style="text-align:right;">- {Source}</div></div>
  594. {/block:Source}
  595. {/block:Quote}
  596.  
  597. {block:Link}
  598. <a href="{URL}" class="link" {Target}><h2>{Name}</h2></a>
  599. {block:Description}
  600. <div class="description">{Description}</div>
  601. {/block:Description}
  602. {/block:Link}
  603.  
  604. {block:Chat}
  605. {block:Title}
  606. <a href="{Permalink}"><h2>{Title}</h2></a>
  607. {/block:Title}
  608. <ul class="chat">{block:Lines}
  609. <div class="chatbg">
  610. <div class="line {Alt}">
  611. {block:Label}<span class="label">
  612. <b>{Label}</b>
  613. </span>{/block:Label}
  614. {Line}</div></div>
  615. {/block:Lines}{/block:Chat}
  616.  
  617. {block:Answer}
  618. <div class="bubble">{Question}</div><p class="portrait"><img src="{AskerPortraitURL-24}" align="left"> <h1>{Asker}</h1>
  619. <center><div id="line"></div></center>{Answer}
  620. {/block:Answer}
  621.  
  622. {block:Video}          
  623. {Video-250}
  624. {block:Caption}
  625. <div class="caption">{Caption}</div>
  626. {/block:Caption}
  627. {/block:Video}
  628.  
  629. {block:Audio}
  630. {AudioPlayerBlack}
  631. {block:Caption}
  632. <div class="caption">{Caption}</div>
  633. {/block:Caption}
  634. {/block:Audio}
  635.  
  636. {block:PermalinkPage}
  637. <br>
  638. {block:notecount}This post has {notecountwithlabel}
  639. {/block:notecount}<br>{block:Date}Posted on {ShortMonth} {DayofMonth}{DayofMonthSuffix}, {Year}{/block:Date}&nbsp;&nbsp;{block:RebloggedFrom} <br> Reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a></a><br>Posted by <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}<br>{block:HasTags}Tagged with {block:Tags}<a href="/tagged/{Tag}">#{Tag}</a> {/block:Tags}{/block:HasTags}
  640.  
  641. {/block:PermalinkPage}{block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:Posts}
  642.    
  643. </div><div class="clear"></div>
  644.  
  645. <!-- DON'T DELETE ANY OF THE CODES BELOW -->
  646.  
  647. <script type="text/javascript" src="http://static.tumblr.com/ipqfuw9/9Ovn8cl0z/jquery.js"></script>
  648.  
  649. <script type="text/javascript" src="http://static.tumblr.com/ipqfuw9/gJtn8ckh6/infinitescrollings.js"></script>
  650.  
  651. <script type="text/javascript" src="http://static.tumblr.com/ipqfuw9/8fLn8ck3j/like_script.js"></script>
  652.  
  653. <script type="text/javascript">
  654. $(window).load(function () {
  655. var $content = $('#content');
  656. $content.masonry({itemSelector: '.entry',
  657. });
  658. $content.infinitescroll({
  659. navSelector : 'div#pagination',
  660. nextSelector : 'div#pagination a#nextPage',
  661. itemSelector : '.entry',
  662. loading: {/*Loading...*/
  663. finishedMsg: '',
  664. img: 'http://static.tumblr.com/twte3d7/hIvm5pnpg/ajax-loader.gif'
  665. },
  666. bufferPx :200,
  667. extraScrollPx: 550,
  668. debug :false,
  669. },
  670. // call masonry as a callback.
  671. function( newElements ) {
  672. window.n = window.n || 0;
  673. Tumblr.LikeButton.get_status_by_page(++window.n);
  674. var $newElems = $( newElements );
  675. $newElems.hide();
  676. // ensure that images load before adding to masonry layout
  677. $newElems.imagesLoaded(function(){
  678. $content.masonry( 'appended', $newElems, false, function(){$newElems.fadeIn(1500);} );
  679. });
  680. });
  681. });
  682. </script>
  683.  
  684. {block:Pagination}
  685. <div id="pagination">
  686. {block:NextPage}
  687. <a id="nextPage" href="{NextPage}">&nbsp;&rarr;</a>
  688. {/block:NextPage}
  689. {block:PreviousPage}
  690. <a href="{PreviousPage}">&larr;&nbsp;</a>
  691. {/block:PreviousPage}</div>
  692. {/block:Pagination}
  693.  
  694. </center>
  695. </div>
  696.  
  697. </body>
  698. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement