Advertisement
radiotomics

4: Astronomical *Updated*

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