Advertisement
tomkirk

Gemini 001

May 23rd, 2015
11,833
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.54 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4. [ T H E M E B Y ]
  5.  
  6. ○ ● ○
  7.  
  8. [ T O M K I R K ]
  9.  
  10.  
  11.  
  12. -->
  13. <html>
  14. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  15. <html xmlns="http://www.w3.org/1999/xhtml">
  16. <head>
  17.  
  18. <!--Default Variables-->
  19. <!--Colors-->
  20. <meta name="color:Ask Background" content="#000000"/>
  21. <meta name="color:Ask Text" content="#ffffff"/>
  22. <meta name="color:Background" content="#ffffff"/>
  23. <meta name="color:Border" content="#ffffff"/>
  24. <meta name="color:Text" content="#000000"/>
  25. <meta name="color:Link" content="#000000"/>
  26. <meta name="color:Link Border" content="#ffee59"/>
  27. <meta name="color:Link Hover Border" content="#e8e8e8"/>
  28. <meta name="color:Scrollbar" content="#000000"/>
  29. <meta name="color:Entry Border" content="#bed0ff"/>
  30. <meta name="color:Perma" content="#000000"/>
  31. <meta name="color:Perma Text" content="#ffffff"/>
  32. <meta name="color:Tool Tip" content="#ffffff"/>
  33. <meta name="color:Tool Tip Text" content="#000000"/>
  34. <meta name="color:Nav" content="#ffffff"/>
  35. <meta name="color:Nav Hover" content="#ffffff"/>
  36.  
  37. <!--Images-->
  38. <meta name="image:Background" content=""/>
  39.  
  40. <!--Options-->
  41. <meta name="if:Infinite Scroll" content="1"/>
  42. <meta name="if:Photo Zoom" content="1"/>
  43. <meta name="if:Captions" content=""/>
  44. <meta name="if:Tiny Cursor" content=""/>
  45. <meta name="if:Crosshair Cursor" content=""/>
  46.  
  47. <!--Links-->
  48. <meta name="text:Link 1 URL" content="/"/>
  49. <meta name="text:Link 1 name" content=""/>
  50. <meta name="text:Link 2 URL" content="/"/>
  51. <meta name="text:Link 2 name" content=""/>
  52. <meta name="text:Link 3 URL" content="/"/>
  53. <meta name="text:Link 3 name" content=""/>
  54. <meta name="text:Link 4 URL" content="/"/>
  55. <meta name="text:Link 4 name" content=""/>
  56. <meta name="text:Link 5 URL" content="/"/>
  57. <meta name="text:Link 5 name" content=""/>
  58. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  59.  
  60. {block:Description}
  61. <meta name="description" content="{MetaDescription}" />
  62. {/block:Description}
  63. <meta charset="utf-8">
  64. <meta name="viewport" content="initial-scale=1.0, width=device-width" />
  65. <title>{block:TagPage}{Tag} posts - {/block:TagPage} {block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  66. <link rel="shortcut icon" href="{Favicon}">
  67. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  68. <style type="text/css">
  69.  
  70. iframe#tumblr_controls, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop { -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); -ms-filter: invert(100%); filter: invert(100%);top:5px;right:5px;position:fixed;}
  71.  
  72.  
  73. iframe#tumblr_controls:hover, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop:hover { opacity:1; }
  74.  
  75.  
  76. ::-webkit-scrollbar {width:12px; height:20px; background: {color:Border};}
  77. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar}; border-top:30px solid {color:Border};border-bottom:30px solid {color:Border};border-right:10px solid {color:Border};}
  78.  
  79. #hxl{position:fixed;right:0;bottom:0;height:100%;width:15px;background:{color:Border};z-index:999999;}
  80. #hx{position:fixed;left:0;top:0;width:100%;height:30px;background:{color:Border};z-index:999999;}
  81. #hxb{position:fixed;left:0;bottom:0;width:100%;height:30px;background:{color:Border};z-index:999999;}
  82. #hxr{position:fixed;left:0;bottom:0;height:100%;width:30px;background:{color:Border};z-index:999999;}
  83.  
  84. html,body,a,a:hover{
  85. {block:ifTinyCursor}cursor:url(https://31.media.tumblr.com/bdff266e410c6a626f3d7ba461afff73/tumblr_inline_nf2nph3m4q1rs8bwg.png), progress; {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}
  86. }
  87.  
  88. body{background:{color:Background};{block:ifbackgroundimage}background-image:url('{image:background}');{/block:ifbackgroundimage}background-attachment:fixed;background-repeat:repeat;background-position:center;font-family:consolas,arial;font-size:11px;line-height:16px;color:{color:Text};
  89. {block:ifTinyCursor}cursor:url(https://31.media.tumblr.com/bdff266e410c6a626f3d7ba461afff73/tumblr_inline_nf2nph3m4q1rs8bwg.png), progress; {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}
  90. }
  91.  
  92. a:link, a:active, a:visited{color:{color:Link};border-bottom:1px solid {color:Link Border};padding:0 0 2px 0;text-decoration:none;-webkit-transition: all 0.s linear;-moz-transition: all 0.s linear;transition: all 0.s linear;{block:ifTinyCursor}cursor:url(https://31.media.tumblr.com/769de35144cf314ac2a3c6cc0f5f369a/tumblr_inline_nf2nq0naf51rs8bwg.png), progress; {/block:ifTinyCursor}{block:ifCrosshairCursor}cursor:crosshair;{/block:ifCrosshairCursor}}
  93.  
  94. a:hover{border-bottom:1px solid {color:Link Hover Border};}
  95.  
  96. #s-m-t-tooltip {
  97. max-width:200px;
  98. background-color:{color:Tool Tip};
  99. color:{color:Tool Tip Text};
  100. border:0px solid {color:Border};
  101. font-size:11px;
  102. line-height:11px;
  103. padding:3px 5px 3px 5px;
  104. box-shadow:rgba(0,0,0,0.07) 4px 4px;
  105. -webkit-transition: all 0.3s ease-out;
  106. -moz-transition: all 0.3s ease-out;
  107. transition: all 0.3s ease-out;
  108. z-index:999999999999999999999999999999999999;
  109. margin:20px;
  110. {block:ifTinyCursor}margin:10px;{/block:ifTinyCursor}
  111. }
  112.  
  113. #container {
  114. margin-left:100px;
  115. {block:IndexPage}width:600px;{/block:IndexPage}
  116. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  117. }
  118.  
  119. #content{
  120. {block:IndexPage}width:400px;{/block:IndexPage}
  121. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  122. }
  123.  
  124. article{
  125. float:left;
  126. position:relative;
  127. {block:IndexPage}width:250px;margin:0 100px 100px 0;{/block:IndexPage}
  128. {block:PermalinkPage}width:500px;margin:0 100px 100px 0px;{/block:PermalinkPage}
  129. background:white;
  130. padding:12px;
  131. border:3px solid {color:Entry Border};
  132. }
  133.  
  134. article img{max-width:100%;{block:indexPage}display:block;{/block:IndexPage}}
  135.  
  136. article .cap{
  137. margin:10px 0 0px 0;
  138. /*
  139. padding:5px 15px 5px 15px;
  140. background:{color:Entry};
  141. color:{color:Entry Text};
  142. */
  143. }
  144.  
  145. article .cap2{
  146. /*
  147. padding:10px 15px 5px 15px;
  148. background:{color:Entry};
  149. color:{color:Entry Text};
  150. */
  151. }
  152.  
  153. article #permalink{
  154. position:absolute;
  155. margin:-20px 0 0 0;
  156. opacity:0;
  157. width:40px;
  158. text-align:center;
  159. padding:5px 5px 5px 5px;
  160. background:{color:Perma};
  161. border-radius:5px;
  162. -webkit-border-radius:5px;
  163. -moz-border-radius:5px;
  164. -webkit-transition: all 0.3s ease-out;
  165. -moz-transition: all 0.3s ease-out;
  166. transition: all 0.3s ease-out;
  167. }
  168.  
  169. article:hover #permalink{
  170. opacity:1;
  171. margin:-55px 0 0 0;
  172. }
  173.  
  174. #permalink a{
  175. border:0px;
  176. color:{color:Perma Text};
  177. font-family:consolas,arial;
  178. font-weight:bold;
  179. font-size:11px;
  180. }
  181.  
  182. #permalink #p_tri{
  183. position:absolute;
  184. margin:5px 0 0 11px;
  185. width: 0;
  186. height: 0;
  187. border-style: solid;
  188. border-width: 9px 10px 0px 10px;
  189. border-color:{color:Perma} transparent transparent transparent;
  190. }
  191.  
  192. article #permalinktxt{
  193. margin:10px 0 0 0;
  194. line-height:22x;
  195. }
  196.  
  197. #pic {
  198. position:relative;
  199. overflow:hidden;
  200. }
  201.  
  202. #pic a{padding:0 0 0 0;}
  203.  
  204. #pic img{
  205. display:block;
  206. -webkit-transition: all 0.4s linear;
  207. -moz-transition: all 0.4s linear;
  208. transition: all 0.4s linear;
  209. }
  210.  
  211. article #pc{
  212. -webkit-transition: all 0.4s linear;
  213. -moz-transition: all 0.4s linear;
  214. transition: all 0.4s linear;
  215. }
  216.  
  217. article:hover #pc{
  218. {block:ifPhotoZoom}
  219. {block:IndexPage}
  220. -ms-transform: scale(1.10); /* IE 9 */
  221. -webkit-transform: scale(1.10); /* Chrome, Safari, Opera */
  222. transform: scale(1.10); /* Standard syntax */
  223. {/block:IndexPage}
  224. {/block:ifPhotoZoom}
  225. }
  226.  
  227. article #ugh{
  228. display:block;
  229. margin-bottom:-10px;
  230. -webkit-transition: all 0.4s linear;
  231. -moz-transition: all 0.4s linear;
  232. transition: all 0.4s linear;
  233. }
  234.  
  235. article:hover #ugh{
  236. {block:ifPhotoZoom}
  237. {block:IndexPage}
  238. -ms-transform: scale(1.10); /* IE 9 */
  239. -webkit-transform: scale(1.10); /* Chrome, Safari, Opera */
  240. transform: scale(1.10); /* Standard syntax */
  241. {/block:IndexPage}
  242. {/block:ifPhotoZoom}
  243. }
  244.  
  245. #permalinkpg{margin:10px 0 0 0;line-height:17px;}
  246.  
  247. article .dots{
  248. position:absolute;
  249. background:url(https://31.media.tumblr.com/11d20ed5ea2d2d73c17903d0a334eb64/tumblr_inline_n6tknhUgcl1rh7826.gif);
  250. height:100%;
  251. width:100%;
  252. margin:10px 0 0 10px;
  253. z-index:-1;
  254. }
  255.  
  256. #ask {
  257. padding:10px;
  258. background:{color:Ask Background};
  259. color:{color:Ask Text};
  260. }
  261.  
  262. .asktri1{
  263. margin:-6px 0 0 30px;
  264. color:{color:Ask Background};
  265. font-size:65px;
  266. font-family:arial;
  267. }
  268.  
  269. .askername{
  270. position:Absolute;
  271. margin:-29px 0 0 39px;
  272. }
  273.  
  274. .askername a{
  275. color:{color:Ask Text};
  276. }
  277.  
  278. .askerimg{
  279. margin-bottom:8px;
  280. }
  281.  
  282. .askerimg img{
  283. width:30px;
  284. border-radius:30px;
  285. -webkit-border-radius:30px;
  286. -moz-border-radius:30px;
  287. }
  288.  
  289. #answer{
  290. margin:10px 15px 20px 15px;
  291. }
  292.  
  293.  
  294. h1{
  295. font-family:Arial;
  296. font-size:25px;
  297. line-height:28px;
  298. font-weight:bold;
  299. margin:0 0 0 0;
  300. }
  301.  
  302. h2{
  303. font-family:Arial;
  304. font-size:25px;
  305. line-height:28px;
  306. font-weight:bold;
  307. margin:0 0 10px 0;
  308. }
  309.  
  310. .q_q{
  311. position:absolute;
  312. font-size:times new roman;
  313. font-weight:bold;
  314. font-size:80px;
  315. line-height:70px;
  316. opacity:.15;
  317. }
  318.  
  319. blockquote{
  320. padding-left:10px;
  321. margin:0 0 0 15px;
  322. border-left:2px solid rgba(0,0,0,0.2);
  323. }
  324.  
  325. p {
  326. margin:10px 0 10px 0;
  327. }
  328.  
  329. .ol, ul {
  330. margin-left:30px;
  331. padding:5px;
  332. }
  333.  
  334. .ul {
  335. list-style-type:square;
  336. }
  337.  
  338. .chat .line{
  339. padding: 2px;
  340. }
  341.  
  342. .chat .line .odd{
  343. padding:2px;
  344. color:{color:Ask Text};
  345. background:{color:Ask Background};
  346. }
  347.  
  348. .label {
  349. font-weight:bold;
  350. }
  351.  
  352. .audioart img{
  353. {block:IndexPage}width:250px;{/block:IndexPage}
  354. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  355. }
  356.  
  357. .audioplayer{
  358. padding:10px;
  359. background:black;
  360. opacity:1;
  361. }
  362.  
  363. .audioinfo{
  364. border-top:1px solid rgba(255,255,255,1);
  365. padding:10px;
  366. background:black;
  367. color:white;
  368. opacity:1;
  369. }
  370.  
  371. .notes img{
  372. width:10px;
  373. position:left;
  374. margin:3px 5px 0 0;
  375. background:transparent;
  376. -webkit-border-radius:10px;
  377. -moz-border-radius:10px;
  378. border-radius:10px;
  379. }
  380.  
  381. .notes a{
  382. background:transparent;
  383. }
  384.  
  385. .notes{
  386. line-height:30px;
  387. }
  388.  
  389. #side{
  390. position:fixed;
  391. width:100%;
  392. height:100%;
  393. {block:IndexPage}margin-left:340px;{/block:IndexPage}
  394. {block:PermalinkPage}margin-left:590px;{/block:PermalinkPage}
  395. top:0;
  396. background:{color:Border};
  397. padding:110px 0 0 100px;
  398. z-index:999;
  399. }
  400.  
  401. #side a{
  402. border-bottom:0px;
  403. }
  404.  
  405. .bt{
  406. width:300px;
  407. font-family:Arial;
  408. font-size:35px;line-height:39px;
  409. font-weight:bold;
  410. letter-spacing:1px;
  411. margin:7px 0 10px -5px;
  412. }
  413.  
  414. .bt a{
  415. background:transparent;
  416. color:{color:Text};
  417. }
  418.  
  419. #etc{
  420. position:fixed;
  421. top:10px;
  422. left:10px;
  423. width:700px;
  424. height:100%;
  425. z-index:99;
  426. background:rgba(0,0,0,0.8);
  427. padding:100px 0 0 100px;
  428. }
  429.  
  430. .nav{
  431. width:140px;
  432. margin:0px 0 0 0px;
  433. font-family:arial;
  434. font-weight:bold;
  435. font-size:14px;
  436. line-height:20px;
  437. }
  438.  
  439. .nav a{
  440. display:block;
  441. color:{color:Nav};
  442. background:transparent;
  443. }
  444.  
  445. .nav a:hover{
  446. color:{color:Nav Hover};
  447. }
  448.  
  449. #pgs{
  450. position:fixed;
  451. margin:20px 0 0 0;
  452. text-align:center;
  453. font-size:15px;
  454. font-weight:bold;
  455. font-family:helvetica;
  456. z-index:999;
  457. }
  458.  
  459. #pgs a{
  460. background:transparent;
  461. }
  462.  
  463. .pagination{display:none;}
  464.  
  465. .com:last-child{display:none;}
  466.  
  467.  
  468. #infscr-loading{
  469. position:absolute;
  470. left:30%;
  471. bottom:50px;
  472.  
  473. }
  474.  
  475. {CustomCSS}
  476. </style>
  477.  
  478. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  479. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  480. <script>
  481. (function($){
  482. $(document).ready(function(){
  483. $("a[title]").style_my_tooltips({
  484. tip_follows_cursor:true,
  485. tip_delay_time:0,
  486. tip_fade_speed:0,
  487. attribute:"title"
  488. });
  489. });
  490. })(jQuery);
  491. </script>
  492.  
  493. </head>
  494. <body>
  495. <div id="hx"></div><br><br><br><div id="hxb"></div><div id="hxr"></div><div id="hxl"></div>
  496.  
  497. <div id="container">
  498. <br><br>
  499.  
  500. <div id="side">
  501.  
  502. <div class="bt"><a href="/">{Title}</a></div>
  503. <div style="margin:0 0 5px 0;width:150px;"> {Description} </div>
  504.  
  505. {block:ifLink1name}
  506. <div class="nav">
  507. <a href="{text:Link 1 URL}">{text:Link 1 name}</a>
  508. </div>
  509. {/block:ifLink1name}
  510. {block:ifLink2name}
  511. <div class="nav">
  512. <a href="{text:Link 2 URL}">{text:Link 2 name}</a>
  513. </div>
  514. {/block:ifLink2name}
  515. {block:ifLink3name}
  516. <div class="nav">
  517. <a href="{text:Link 3 URL}">{text:Link 3 name}</a>
  518. </div>
  519. {/block:ifLink3name}
  520. {block:ifLink4name}
  521. <div class="nav">
  522. <a href="{text:Link 4 URL}">{text:Link 4 name}</a>
  523. </div>
  524. {/block:ifLink4name}
  525. {block:ifLink5name}
  526. <div class="nav">
  527. <a href="{text:Link 5 URL}">{text:Link 5 name}</a>
  528. </div>
  529. {/block:ifLink5name}
  530.  
  531. {block:ifNotInfiniteScroll}
  532. {block:IndexPage}
  533. <div id="pgs">
  534. {block:Pagination}
  535. {block:PreviousPage} <a href="{PreviousPage}"><i class="fa fa-arrow-circle-left"></i></a> / {/block:PreviousPage}
  536. {/block:JumpPagination}
  537. {block:NextPage}<a href="{NextPage}"><i class="fa fa-arrow-circle-right"></i></a>{/block:NextPage}
  538. {/block:Pagination}
  539. </div>
  540. {/block:IndexPage}
  541. {/block:ifNotInfiniteScroll}
  542. </div>
  543.  
  544.  
  545. <div id="content">
  546.  
  547. {block:Posts}
  548. <article>
  549. <div class="dots"></div>
  550.  
  551. {block:IndexPage}
  552. <div id="permalink">
  553. <a title="{TimeAgo}"href="{Permalink}">{NoteCount}</a>
  554. <div id="p_tri"></div>
  555. </div>
  556. {/block:IndexPage}
  557.  
  558. {block:Answer}
  559. <div id="ask">
  560. <div class="askerimg"><img src="{AskerPortraitURL-128}"></div>
  561. <span class="askername"> {Asker} asked:</span>
  562. <span style="padding-left:3px;padding-right:3px;">{Question}</span>
  563. </div>
  564. <div class="asktri1">▾</div>
  565. <div id="answer">{Answer}</div>
  566. {/block:Answer}
  567.  
  568. {block:Text}
  569. <div class="cap2">
  570. {block:Title}
  571. <h1>{Title}</h1>
  572. {/block:Title}
  573. {Body}
  574. </div>
  575. {/block:Text}
  576.  
  577. {block:Link}
  578. <div class="cap2">
  579. <h1><a href="{URL}">{Name} »</a></h1>
  580. {block:Description}{Description}{/block:Description}
  581. </div>
  582. {/block:Link}
  583.  
  584. {block:Photo}
  585. <div id="pic">
  586. <a href="{permalink}">
  587. <div id="pc"><img src="{PhotoURL-500}" alt="{PhotoAlt}"></div>
  588. </a>
  589. </div>
  590. {block:ifCaptions}
  591. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  592. {/block:ifCaptions}
  593. {block:ifNotCaptions}
  594. {block:PermalinkPage}
  595. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  596. {/block:PermalinkPage}
  597. {/block:ifNotCaptions}
  598. {block:ContentSource}
  599. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  600. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  601. {/block:SourceLogo}
  602. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  603. {/block:ContentSource}
  604. {block:ReblogParentURL}
  605. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  606. {/block:ReblogParentURL}
  607. {/block:Photo}
  608.  
  609. {block:Photoset}
  610. <div class="photo">
  611. <center>
  612. {block:IndexPage}
  613. <div id="pic">
  614. <div id="ugh">
  615. {Photoset-250}
  616. </div>
  617. </div>
  618. {/block:IndexPage}
  619. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  620. </center>
  621. </div>
  622. {block:ifCaptions}
  623. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  624. {/block:ifCaptions}
  625. {block:ifNotCaptions}
  626. {block:PermalinkPage}
  627. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  628. {/block:PermalinkPage}
  629. {/block:ifNotCaptions}
  630. {/block:Photoset}
  631.  
  632. {block:Quote}
  633. <div class="cap2">
  634. <div class="q_q">❝</div>
  635. <h2>{Quote}</h2>
  636. {block:Source}{Source} {/block:Source}
  637. </div>
  638. {/block:Quote}
  639.  
  640. {block:Chat}
  641. <div class="cap2">
  642. {block:Title}
  643. <h1>{Title}</h1>
  644. {/block:Title}
  645. <div class="chat">
  646. {block:Lines}
  647. <div class="chat">
  648. <div class="line {Alt}">
  649. <div class="{Alt} user_{UserNumber}">
  650. {block:Label}
  651. <b>{Label} </b>
  652. {/block:Label}
  653. {Line}
  654. </div>
  655. </div>
  656. </div>
  657. {/block:Lines}
  658. </div>
  659. </div>
  660. {/block:Chat}
  661.  
  662. {block:Audio}
  663. {block:AlbumArt}
  664. <div class="audioart">
  665. <img src="{AlbumArtURL}">
  666. </div>
  667. {/block:AlbumArt}
  668. {block:AudioPlayer}
  669. <div class="audioplayer">
  670. {AudioPlayerBlack}
  671. </div>
  672. {/block:AudioPlayer}
  673. {block:TrackName}
  674. <div class="audioinfo">
  675. Song : {TrackName}
  676. </div>
  677. {/block:TrackName}
  678. {block:Artist}
  679. <div class="audioinfo">
  680. Artist : {Artist}
  681. </div>
  682. {/block:Artist}
  683. {block:Album}
  684. <div class="audioinfo">
  685. Album : {Album}
  686. </div>
  687. {/block:Album}
  688. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  689. {/block:Audio}
  690.  
  691. {block:Video}
  692. <div class="photo">
  693. <center>
  694. {Video-250}
  695. </center>
  696. </div>
  697. {block:ifCaptions}
  698. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  699. {/block:ifCaptions}
  700. {block:ifNotCaptions}
  701. {block:PermalinkPage}
  702. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  703. {/block:PermalinkPage}
  704. {/block:ifNotCaptions}
  705. {/block:Video}
  706.  
  707. {block:PermalinkPage}
  708. {block:Date}
  709. <div id="permalinkpg">
  710. <b>Posted:</b> {TimeAgo} on
  711. {ShortMonth} {DayofMonth},{Year} at
  712. {12Hour}:{Minutes} {CapitalAmPm}
  713. {block:NoteCount}<br>
  714. <b>Notes:</b>
  715. {NoteCount}
  716. {/block:NoteCount}
  717. {block:HasTags}
  718. <br>
  719. <b>Tags:</b>
  720. {block:Tags}<a href="{TagURL}">#{Tag}</a>&nbsp;
  721. {/block:Tags}
  722. {/block:HasTags}
  723. <br>{block:RebloggedFrom}
  724. <b>Via:</b> <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a><br> <b>Src:</b> <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a> {/block:RebloggedFrom}
  725. </div>
  726. <div class="cap">
  727. {block:PostNotes}
  728. {PostNotes}
  729. {/block:PostNotes}
  730. </div>
  731. {/block:Date}
  732. {/block:PermalinkPage}
  733.  
  734. </article>
  735. {/block:Posts}
  736.  
  737. </div>
  738.  
  739. <!--Pagination: previous/next page links-->
  740. {block:Pagination}
  741. <div class="pagination">
  742. {block:PreviousPage}<a href="{PreviousPage}"> </a>{/block:PreviousPage}
  743. {block:NextPage}<a href="{NextPage}"> </a>{/block:NextPage}
  744. </div>
  745. {/block:Pagination}
  746.  
  747. <!--Links to jQuery library, Masonry, infinite scroll and imagesLoaded-->
  748. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
  749. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  750. {block:IfInfiniteScroll}
  751. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  752. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  753. {/block:IfInfiniteScroll}
  754. <!--Code for infinite scroll and grid layout-->
  755. <script>
  756. (function() {
  757. var $tumblelog = $('#content');
  758. {block:IfInfiniteScroll}
  759. $tumblelog.infinitescroll({
  760. navSelector : ".pagination",
  761. nextSelector : ".pagination a:first",
  762. itemSelector : "article",
  763. bufferPx : 50,
  764. done : "",
  765. loading: {
  766. finishedMsg: "<p> </p>",
  767. img : "http://static.tumblr.com/dbek3sy/pX1lrx8xv/ajax-loader.gif",
  768. msg: null,
  769. msgText: "<p> </p>"
  770. },
  771. },
  772. function( newElements ) {
  773. var $newElems = $( newElements ).css({ opacity: 0 });
  774. $newElems.imagesLoaded(function(){
  775. $newElems.animate({ opacity: 1 });
  776. $tumblelog.masonry( 'appended', $newElems);
  777. });
  778. }
  779. );
  780. {/block:IfInfiniteScroll}
  781. $tumblelog.imagesLoaded( function(){
  782. $tumblelog.masonry({
  783. columnWidth: function( containerWidth ) {
  784. return containerWidth / 100;
  785. }
  786. });
  787. });
  788. })();
  789. </script>
  790. </div>
  791.  
  792. <div style="position:fixed;bottom:0;right:0;padding:0 30px 30px 0;font-size:14px;z-index:9999999999;"><a title="theme by tomkirk" style="background:transparent;"href="http://tomkirk.tumblr.com/">▲</a></div>
  793. </body>
  794. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement