API tools faq
paste
Advertisement
jhxy

theme 006; ad astra per aspera [grid version]

jhxy
Sep 18th, 2014
587
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.33 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <!-- this theme is by jordyn weeee
  4. don't remove creddy cred
  5. thank u love bugs
  6. -->
  7. <title>{Title}</title>
  8. <link rel="shortcut icon" href="{Favicon}">
  9. <!-- variables -->
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Text" content="#000000"/>
  12. <meta name="color:Link" content="#cccccc"/>
  13. <meta name="color:Circle" content="#000000"/>
  14. <meta name="color:Borders" content="#cccccc"/>
  15. <meta name="color:Constellation" content="#888888"/>
  16. <meta name="color:Accent 1" content="#cccccc"/>
  17. <meta name="color:Accent 2" content="#888888"/>
  18. <meta name="text:Link 1 URL" content="/"/>
  19. <meta name="text:Link 2 URL" content="/"/>
  20. <meta name="text:Link 3 URL" content="/"/>
  21. <meta name="text:Link 4 URL" content="/"/>
  22. <meta name="text:Link 5 URL" content="/"/>
  23. <meta name="text:Link 6 URL" content="/"/>
  24. <meta name="text:Link 7 URL" content="/"/>
  25. <meta name="text:Link 1 Title Hover" content="callisto"/>
  26. <meta name="text:Link 2 Title Hover" content="ganymede"/>
  27. <meta name="text:Link 3 Title Hover" content="io"/>
  28. <meta name="text:Link 4 Title Hover" content="europa"/>
  29. <meta name="text:Link 5 Title Hover" content="metis"/>
  30. <meta name="text:Link 6 Title Hover" content="elara"/>
  31. <meta name="text:Link 7 Title Hover" content="adrastea"/>
  32. <meta name="if:250px posts" content="0"/>
  33.  
  34. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  35.  
  36. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  37. <script>
  38. (function($){
  39. $(document).ready(function(){
  40. $("a[title]").style_my_tooltips({
  41. tip_follows_cursor:false,
  42. tip_delay_time:90,
  43. tip_fade_speed:600,
  44. attribute:"title"
  45. });
  46. });
  47. })(jQuery);
  48. </script>
  49.  
  50.  
  51. <style type="text/css">
  52. body {
  53. font-family:Menlo, monospace;
  54. font-size:10px;
  55. letter-spacing:1px;
  56. background-color:{color:Background};
  57. color:{color:Text};
  58. }
  59.  
  60. .topbar {
  61. margin-left:auto;
  62. margin-right:auto;
  63. margin-top:20px;
  64. background-color:{color:Background};
  65. }
  66. .circle{
  67. font-family:Menlo, monospace;
  68. text-align:center;
  69. letter-spacing:2px;
  70. height:200px;
  71. width:200px;
  72. border-radius:50%;
  73. margin-left:auto;
  74. margin-right:auto;
  75. background-image: url("https://36.media.tumblr.com/cfb17d3ba74f64c885658a6bfe7507f8/tumblr_o4uk03FOoM1r1bumeo1_500.png");
  76. background-size:contain;
  77. z-index:99999;
  78. }
  79. #title {
  80. vertical-align:center;
  81. color:{color:Text};
  82. font-size:16px;
  83. padding-top:85px;
  84. padding-left:50px;
  85. padding-right:50px;
  86. -moz-transition-duration: 0.5s;
  87. -o-transition-duration: 0.5s;
  88. -webkit-transition-duration: 0.5s;
  89. transition-duration: 0.5s;
  90. }
  91. #title a {
  92. color:{color:Text};
  93. padding-bottom:10px;
  94. }
  95. #title a:hover {
  96. color:{color:Accent 2};
  97. }
  98. a {
  99. text-decoration:none;
  100. color:{color:Link};
  101. }
  102. a:hover {
  103. color: transparent;
  104. text-shadow: {color:Accent 2} 0 0 5px;
  105. text-decoration:none;
  106. -moz-transition-duration: 0.5s;
  107. -o-transition-duration: 0.5s;
  108. -webkit-transition-duration: 0.5s;
  109. transition-duration: 0.5s;
  110. }
  111.  
  112. .circle:hover #links{
  113. color:#888888;
  114. opacity:1;
  115. z-index:9999999;
  116. -moz-transition-duration: 0.5s;
  117. -o-transition-duration: 0.5s;
  118. -webkit-transition-duration: 0.5s;
  119. transition-duration: 0.5s;
  120. }
  121. #description {
  122. font-family: Menlo;
  123. text-align:center;
  124. font-size:10px;
  125. letter-spacing:2px;
  126. padding-top:35px;
  127. }
  128. .hovcirc {
  129. width:100px;
  130. height:100px;
  131. background-color:{color:Background};
  132. opacity:0;
  133. z-index:8888;
  134. text-align:center;
  135. letter-spacing:2px;
  136. height:200px;
  137. width:200px;
  138. border-radius:50%;
  139. margin-left:auto;
  140. margin-right:auto;
  141. -moz-transition-duration: 0.8s;
  142. -o-transition-duration: 0.8s;
  143. -webkit-transition-duration: 0.8s;
  144. transition-duration: 0.8s;
  145. }
  146. .hovcirc:hover {
  147. opacity:0.6;
  148. -moz-transition-duration: 0.8s;
  149. -o-transition-duration: 0.8s;
  150. -webkit-transition-duration: 0.8s;
  151. transition-duration: 0.8s;
  152.  
  153. }
  154. .hovcirc:hover #title a{
  155. opacity:1;
  156. -moz-transition-duration: 0.5s;
  157. -o-transition-duration: 0.5s;
  158. -webkit-transition-duration: 0.5s;
  159. transition-duration: 0.5s;
  160.  
  161. }
  162.  
  163.  
  164. {block:IfNot250pxPosts}
  165. .posts {
  166. width:400px;
  167. float:left;
  168. padding:50px;
  169. }
  170. .container {
  171. display: block;
  172. width: 1000px;
  173. margin-left:auto;
  174. margin-right:auto;
  175. margin-top:160px;
  176.  
  177. }
  178.  
  179. {/block:IfNot250pxPosts}
  180.  
  181. {block:If250pxPosts}
  182. .posts {
  183. width:250px;
  184. float:left;
  185. padding:50px;
  186. }
  187. .container {
  188. display: block;
  189. width: 700px;
  190. margin-left:auto;
  191. margin-right:auto;
  192. margin-top:160px;
  193.  
  194. }
  195. {/block:If250pxPosts}
  196. .posts .hovcap {
  197. opacity: 0;
  198. text-align:center;
  199. padding:10px;
  200. margin-left:auto;
  201. margin-right:auto;
  202. -moz-transition-duration: 0.5s;
  203. -o-transition-duration: 0.5s;
  204. -webkit-transition-duration: 0.5s;
  205. transition-duration: 0.5s;
  206. }
  207. .posts:hover .hovcap {
  208. opacity:1;
  209. -moz-transition-duration: 0.5s;
  210. -o-transition-duration: 0.5s;
  211. -webkit-transition-duration: 0.5s;
  212. transition-duration: 0.5s;
  213. }
  214.  
  215. .quote {
  216. margin-left:auto;
  217. margin-right:auto;
  218. border:1px solid {color:Borders};
  219. letter-spacing:2px;
  220. text-transform:lowercase;
  221. padding:20px;
  222. width:210px;
  223. }
  224. li:nth-child(odd) {
  225. background-color:#F6F6F6;
  226. color:{color:Accent 1};
  227. padding:5px;
  228. }
  229. li:nth-child(even) {
  230. background-color: {color:Background} ;
  231. color:{color:Accent 2};
  232. padding:5px;
  233. }
  234.  
  235. ol {
  236. list-style:decimal-leading-zero;
  237. text-align:left;
  238. }
  239. ul {
  240. list-style:square;
  241. text-align:left;
  242. }
  243. .notes li {
  244. list-style:none;
  245. padding:10px;
  246. }
  247. .constellation {
  248. width:400px;
  249. left:50%;
  250. margin-left:-170px;
  251. position:absolute;
  252. margin-top:50px;
  253. margin-bottom:100px;
  254. }
  255. .moon {
  256. width: 20px;
  257. height: 22px;
  258. border-radius: 50%;
  259. box-shadow: 3.75px 3.75px 0 0 {color:Link};
  260. padding-right:2px;
  261. margin-left:auto;
  262. margin-right:auto;
  263. margin-top:8px;
  264. }
  265. .pagination {
  266. display: none;
  267. }
  268. #link1 {
  269. position: relative;
  270. width: 7px;
  271. height: 7px;
  272. background-color:{color:Constellation};
  273. border-radius:50%;
  274. }
  275. #link1:after {
  276. content: "";
  277. position: absolute;
  278. border-top: 1px solid {color:Constellation};
  279. /* top: -12px;*/
  280. left: -9px;
  281. top:19px;
  282. width: 50px;
  283. height: 12px;
  284. -webkit-transform: rotate(45deg);
  285. -moz-transform: rotate(45deg);
  286. -ms-transform: rotate(45deg);
  287. -o-transform: rotate(45deg);
  288. }
  289. #link2 {
  290. position: relative;
  291. width: 7px;
  292. height: 7px;
  293. left:38px;
  294. top:30px;
  295. background-color:{color:Constellation};
  296. border-radius:50%;
  297. -webkit-transform: rotate(-95deg);
  298. -moz-transform: rotate(-95deg);
  299. -ms-transform: rotate(-95deg);
  300. -o-transform: rotate(-95deg);
  301. }
  302. #link2:after {
  303. content: "";
  304. position: absolute;
  305. border-top: 1px solid {color:Constellation};
  306. left: -31px;
  307. top:45px;
  308. width: 100px;
  309. height: 12px;
  310. -webkit-transform: rotate(65deg);
  311. -moz-transform: rotate(65deg);
  312. -ms-transform: rotate(65deg);
  313. -o-transform: rotate(65deg);
  314. }
  315. #link3 {
  316. position: relative;
  317. width: 7px;
  318. height: 7px;
  319. left:125px;
  320. top:-28px;
  321. background-color:{color:Constellation};
  322. border-radius:50%;
  323. -webkit-transform: rotate(-40deg);
  324. -moz-transform: rotate(-40deg);
  325. -ms-transform: rotate(-40deg);
  326. -o-transform: rotate(-40deg);
  327. }
  328. #link3:after {
  329. content: "";
  330. position: absolute;
  331. border-top: 1px solid {color:Constellation};
  332. left: -25px;
  333. top:37px;
  334. width: 80px;
  335. height: 12px;
  336. -webkit-transform: rotate(65deg);
  337. -moz-transform: rotate(65deg);
  338. -ms-transform: rotate(65deg);
  339. -o-transform: rotate(65deg);
  340. }
  341. #link4 {
  342. position: relative;
  343. width: 7px;
  344. height: 7px;
  345. left:200px;
  346. top:1px;
  347. background-color:{color:Constellation};
  348. border-radius:50%;
  349. -webkit-transform: rotate(-40deg);
  350. -moz-transform: rotate(-40deg);
  351. -ms-transform: rotate(-40deg);
  352. -o-transform: rotate(-40deg);
  353. }
  354. #link4:after {
  355. content: "";
  356. position: absolute;
  357. border-top: 1px solid {color:Constellation};
  358. left: 6px;
  359. top:-13px;
  360. width: 40px;
  361. height: 12px;
  362. -webkit-transform: rotate(170deg);
  363. -moz-transform: rotate(170deg);
  364. -ms-transform: rotate(170deg);
  365. -o-transform: rotate(170deg);
  366. }
  367. #link5 {
  368. position: relative;
  369. width: 7px;
  370. height: 7px;
  371. left:230px;
  372. top:-40px;
  373. background-color:{color:Constellation};
  374. border-radius:50%;
  375. -webkit-transform: rotate(-40deg);
  376. -moz-transform: rotate(-40deg);
  377. -ms-transform: rotate(-40deg);
  378. -o-transform: rotate(-40deg);
  379. }
  380. #link5:after {
  381. content: "";
  382. position: absolute;
  383. border-top: 1px solid {color:Constellation};
  384. left: -29px;
  385. top:45px;
  386. width: 100px;
  387. height: 12px;
  388. -webkit-transform: rotate(65deg);
  389. -moz-transform: rotate(50deg);
  390. -ms-transform: rotate(50deg);
  391. -o-transform: rotate(50deg);
  392. }
  393. #link6 {
  394. position: relative;
  395. width: 7px;
  396. height: 7px;
  397. left:320px;
  398. top:-7px;
  399. background-color:{color:Constellation};
  400. border-radius:50%;
  401. -webkit-transform: rotate(-40deg);
  402. -moz-transform: rotate(-40deg);
  403. -ms-transform: rotate(-40deg);
  404. -o-transform: rotate(-40deg);
  405. }
  406. #link6:after {
  407. content: "";
  408. position: absolute;
  409. border-top: 1px solid {color:Constellation};
  410. left: 4px;
  411. top:-4px;
  412. width: 20px;
  413. height: 12px;
  414. -webkit-transform: rotate(-45deg);
  415. -moz-transform: rotate(50deg);
  416. -ms-transform: rotate(50deg);
  417. -o-transform: rotate(50deg);
  418. }
  419. #link7 {
  420. position: relative;
  421. width: 7px;
  422. height: 7px;
  423. left:323px;
  424. top:-35px;
  425. background-color:{color:Constellation};
  426. border-radius:50%;
  427. -webkit-transform: rotate(-40deg);
  428. -moz-transform: rotate(-40deg);
  429. -ms-transform: rotate(-40deg);
  430. -o-transform: rotate(-40deg);
  431. }
  432. #s-m-t-tooltip {
  433. z-index:9999999999999999999999;
  434. margin:10px 0px 0px 18px;
  435. background-color:none;
  436. max-width: 150px;
  437. padding:3px;
  438. text-transform:lowercase;
  439. font-size:9px;
  440. color:{color:Accent 1};
  441. border: 1px solid {color:Accent 1};
  442. }
  443. .permalink {
  444. text-align:center;
  445. }
  446. .permapost {
  447. display:inline-block;
  448. margin-left:auto;
  449. margin-right:auto;
  450. width:400px;
  451. float:none;
  452. }
  453. #permapost {
  454. display:inline-block;
  455. }
  456. #notes {
  457. display:inline-block;
  458. height:400px;
  459. width:300px;
  460. overflow-y:scroll;
  461. padding:20px 30px 20px 50px;
  462. border:1px solid #fff;
  463. }
  464. #notes li:nth-child(odd) {
  465. background-color:{color:Accent 1};
  466. color:#222;
  467. padding:5px;
  468. list-style:upper-roman;
  469. }
  470. #notes li:nth-child(even) {
  471. background-color: {color:Background} ;
  472. color:#888;
  473. padding:5px;
  474. list-style:upper-roman;
  475. }
  476.  
  477. ::-webkit-scrollbar {
  478. width: 7px;
  479. }
  480.  
  481. ::-webkit-scrollbar-track {
  482. border:#fff solid 1px;
  483. background-color:#ccc;
  484. }
  485.  
  486. ::-webkit-scrollbar-thumb {
  487. background-color:#fff;
  488. border:#fff solid 1px;
  489. }
  490. }
  491. </style>
  492.  
  493. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  494.  
  495. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script><script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  496.  
  497. <script>
  498. $(function(){
  499. var $container = $('.container');
  500. $container.imagesLoaded(function(){
  501. $container.masonry({
  502. itemSelector: '.posts',
  503. });
  504. });
  505. $container.infinitescroll({
  506. itemSelector : ".posts",
  507. navSelector : "div.pagination",
  508. nextSelector : ".pagination a#next",
  509. loadingImg : "",
  510. loadingText : "<em></em>",
  511. bufferPx : 10000,
  512. extraScrollPx: 12000,
  513. },
  514. // trigger Masonry as a callback
  515. function( newElements ) {
  516. var $newElems = $( newElements ).css({ opacity: 0 });
  517. // ensure that images load before adding to masonry layout
  518. $newElems.imagesLoaded(function(){
  519. $newElems.animate({ opacity: 1 });
  520. $container.masonry( 'appended', $newElems, true );
  521. });
  522. }
  523. );
  524. });
  525. </script>
  526.  
  527. </head>
  528.  
  529. <body>
  530.  
  531.  
  532. <div class="topbar">
  533. <div class="circle">
  534. <div class="hovcirc">
  535. <div id="title"><a href="/">{Title}</a></div>
  536. </div>
  537. </div>
  538. <div id="description">{Description}</div>
  539.  
  540. <div class="constellation">
  541. <a href="{text:Link 1 URL}" title="{text:Link 1 Title Hover}"><div id="link1"></div></a>
  542. <a href="{text:Link 2 URL}" title="{text:Link 2 Title Hover}"><div id="link2"></div></a>
  543. <a href="{text:Link 3 URL}" title="{text:Link 3 Title Hover}"><div id="link3"></div></a>
  544. <a href="{text:Link 4 URL}" title="{text:Link 4 Title Hover}"><div id="link4"></div></a>
  545. <a href="{text:Link 5 URL}" title="{text:Link 5 Title Hover}"><div id="link5"></div></a>
  546. <a href="{text:Link 6 URL}" title="{text:Link 6 Title Hover}"><div id="link6"></div></a>
  547. <a href="{text:Link 7 URL}" title="{text:Link 7 Title Hover}"><div id="link7"></div></a>
  548. </div>
  549.  
  550. </div>
  551.  
  552. <div class="pagination">
  553. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  554. </div>
  555.  
  556. <div class="block">
  557. <div class="container">
  558. {block:Posts}
  559.  
  560.  
  561.  
  562. <div class="posts">
  563.  
  564.  
  565. {block:Text}
  566. {block:Title}<h2>{Title}</h2>{/block:Title}
  567. {Body}
  568. <div class="hovcap">
  569. {block:HasTags}
  570. <div class="tags">
  571. {block:Tags}
  572. <a href="{TagURL}">#{Tag}</a>
  573. {/block:Tags}
  574. </div>
  575. {/block:HasTags}</p>
  576. <a href="{Permalink}">{block:Date} {MonthNumberWithZero} {DayOfMonthWithZero} {Year}{/block:Date}</a>
  577. <a href="{Permalink}"><div class="moon"></div></a>
  578. </div>
  579. {/block:Text}
  580.  
  581. {block:Answer}
  582. <div class="question">
  583. <h2>{Asker} whispered: {Question}</h2>
  584. </div>
  585. <div class="quest">
  586. {Answer}
  587. </div>
  588. <div class="hovcap">
  589. {block:HasTags}
  590. <div class="tags">
  591. {block:Tags}
  592. <a href="{TagURL}">#{Tag}</a>
  593. {/block:Tags}
  594. </div>
  595. {/block:HasTags}</p>
  596. <a href="{Permalink}">{block:Date} {MonthNumberWithZero} {DayOfMonthWithZero} {Year}{/block:Date}</a>
  597. </div>
  598. {/block:Answer}
  599.  
  600. {block:Quote}
  601. <div class="quote">
  602. <div class="quotetext_{Length}"><h1>"{Quote}"</h1></div>
  603. {block:Source}<div class="source"> - {Source}</div>{/block:Source}
  604. </div>
  605. <div class="hovcap">
  606. {block:HasTags}
  607. <div class="tags">
  608. {block:Tags}
  609. <a href="{TagURL}">#{Tag}</a>
  610. {/block:Tags}
  611. </div>
  612. {/block:HasTags}</p>
  613. <a href="{Permalink}">{block:Date} {MonthNumberWithZero} {DayOfMonthWithZero} {Year}{/block:Date}</a>
  614. <a href="{Permalink}"><div class="moon"></div></a>
  615. </div>
  616. {/block:Quote}
  617.  
  618. {block:If250pxPosts}
  619.  
  620.  
  621. {block:Photoset}
  622. {Photoset-250}
  623. <div class="hovcap">
  624. {block:Caption}<div class="postinfo"><div class="photocap">{Caption}</div>{/block:Caption}
  625. {block:HasTags}
  626. <div class="tags">
  627. {block:Tags}
  628. <a href="{TagURL}">#{Tag}</a>
  629. {/block:Tags}
  630. </div>
  631. {/block:HasTags}
  632. <a href="{Permalink}">{block:Date} {MonthNumberWithZero} {DayOfMonthWithZero} {Year}{/block:Date}</a>
  633. </div>
  634. {/block:Photoset}
  635.  
  636. {block:Photo}
  637. {LinkOpenTag}<img src="{PhotoURL-250}" alt="{PhotoAlt}" width="250px">{LinkCloseTag}
  638. <div class="hovcap">
  639.  
  640. {block:HasTags}
  641. <div class="tags">
  642. {block:Tags}
  643. <a href="{TagURL}">#{Tag}</a>
  644. {/block:Tags}
  645. </div>
  646. {/block:HasTags}
  647. </p>
  648. <a href="{Permalink}">{block:Date} {MonthNumberWithZero} {DayOfMonthWithZero} {Year}{/block:Date}</a>
  649. <a href="{Permalink}"><div class="moon"></div></a>
  650.  
  651. </div>
  652. {/block:Photo}
  653.  
  654. {block:AudioPlayer}{AudioPlayerWhite} {/block:AudioPlayer}
  655. {block:PlayCount} {PlayCountWithLabel} {/block:PlayCount}
  656. {block:AlbumArt}{AlbumArtURL}{/block:AlbumArt}
  657. {block:Artist}{Artist}{/block:Artist}
  658. {block:Album}{Album}{/block:Album}
  659. {block:TrackName}{TrackName}{/block:TrackName}
  660.  
  661. {block:Video}
  662. {Video-250}
  663. {block:Caption}{Caption}{/block:Caption}
  664. {/block:Video}
  665.  
  666. {/block:If250pxPosts}
  667.  
  668. {block:IfNot250pxPosts}
  669.  
  670.  
  671. {block:Photoset}
  672. {Photoset-400}
  673. <div class="hovcap">
  674. {block:Caption}<div class="postinfo"><div class="photocap">{Caption}</div>{/block:Caption}
  675. {block:HasTags}
  676. <div class="tags">
  677. {block:Tags}
  678. <a href="{TagURL}">#{Tag}</a>
  679. {/block:Tags}
  680. </div>
  681. {/block:HasTags}
  682. <a href="{Permalink}">{block:Date} {MonthNumberWithZero} {DayOfMonthWithZero} {Year}{/block:Date}</a>
  683. </div>
  684. {/block:Photoset}
  685.  
  686. {block:Photo}
  687. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}" width="400px">{LinkCloseTag}
  688. <div class="hovcap">
  689.  
  690. {block:HasTags}
  691. <div class="tags">
  692. {block:Tags}
  693. <a href="{TagURL}">#{Tag}</a>
  694. {/block:Tags}
  695. </div>
  696. {/block:HasTags}
  697. </p>
  698. <a href="{Permalink}">{block:Date} {MonthNumberWithZero} {DayOfMonthWithZero} {Year}{/block:Date}</a>
  699. <a href="{Permalink}"><div class="moon"></div></a>
  700.  
  701. </div>
  702. {/block:Photo}
  703.  
  704. {block:AudioPlayer}{AudioPlayerWhite} {/block:AudioPlayer}
  705. {block:PlayCount} {PlayCountWithLabel} {/block:PlayCount}
  706. {block:AlbumArt}{AlbumArtURL}{/block:AlbumArt}
  707. {block:Artist}{Artist}{/block:Artist}
  708. {block:Album}{Album}{/block:Album}
  709. {block:TrackName}{TrackName}{/block:TrackName}
  710.  
  711. {block:Video}
  712. {Video-400}
  713. {block:Caption}{Caption}{/block:Caption}
  714. {/block:Video}
  715.  
  716. {/block:IfNot250pxPosts}
  717. </div>
  718.  
  719.  
  720.  
  721.  
  722. {/block:Posts}
  723.  
  724. <div class="permalink">
  725. {block:PermalinkPage}
  726. <div class="permapost">
  727. <div id="permapost"> {Post} </div>
  728. <div class="postinfo">
  729. {block:Caption}<div class="cap">{Caption}</div>{/block:Caption}
  730. {block:HasTags}
  731. <div class="tags">
  732. {block:Tags}
  733. <a href="{TagURL}">#{Tag}</a>
  734. {/block:Tags}
  735. </div>
  736. {/block:HasTags}<a href="{ReblogParentURL}">via</a>
  737. <a href="{ReblogRootURL}">source</a>
  738. </div>
  739. </div>
  740. {block:PostNotes}
  741. <div id="notes">
  742. {PostNotes}
  743. </div>
  744. {/block:PostNotes}
  745. {/block:PermalinkPage}
  746. </div>
  747.  
  748. </div>
  749. </div>
  750.  
  751. </div>
  752. <div class="credit">
  753. <a href="http://jhxythemes.tumblr.com"><img style="height:50px;width:50px; margin-bottom:10px;margin-right:10px; float:right" src="https://38.media.tumblr.com/690d59d5b30ad0628ab75ac7794c6ab9/tumblr_n9vk8a9IHR1r1bumeo1_100.png"></a></div>
  754. </body>
  755. </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!