niehauscosima

pynk

Apr 17th, 2018
3,318
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.34 KB | None | 0 0
  1. <!--
  2.  
  3. pynk - captainmarvels
  4. base code @ sorrism
  5. visit /credits for full credits
  6.  
  7. -->
  8.  
  9. <!DOCTYPE html>
  10. <head>
  11.  
  12. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  13.  
  14. <link rel="shortcut icon" href="{favicon}">
  15.  
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <!--Default Variables-->
  20.  
  21. <meta name="color:Background" content="#ffffff"/>
  22. <meta name="color:Text" content="#888888"/>
  23. <meta name="color:Link" content="#444444"/>
  24. <meta name="color:Link Hover" content="#666666"/>
  25. <meta name="color:Bold" content="#222222"/>
  26. <meta name="color:Title"content="#222222"/>
  27. <meta name="color:Nav"content="#888888"/>
  28. <meta name="color:Accent" content="#d5d5d5" />
  29. <meta name="color:Borders" content="#EBEBF6"/>
  30.  
  31. <meta name="text:Link 1 URL" content="" />
  32. <meta name="text:Link 1" content="" />
  33. <meta name="text:Link 2 URL" content="" />
  34. <meta name="text:Link 2" content="" />
  35.  
  36. <meta name="text:Ask Title" content="message"/>
  37. <meta name="text:Archive Title" content="history"/>
  38.  
  39. <meta name="image:Sidebar" content=""/>
  40.  
  41. <link href="https://fonts.googleapis.com/css?family=Changa:400,600,700|Roboto:400,700" rel="stylesheet">
  42. <link href="https://use.fontawesome.com/releases/v5.0.6/css/all.css" rel="stylesheet">
  43. <!-- this is vital for my theme credit don't delete this-->
  44. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet"> <!-- don't delete-->
  45.  
  46. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  47. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  48. <script src="http://static.tumblr.com/wgg6svp/I8Yobwo15/unnest.min.js"></script>
  49. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  50. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  51. <script src="http://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  52.  
  53. <!--CSS customization here. -->
  54.  
  55. <style type="text/css">
  56.  
  57. /*tumblr controls and lightbox*/
  58.  
  59. .tmblr-full img {
  60. max-width: 100%;
  61. }
  62.  
  63. .vignette, #vignette {
  64. opacity:0;
  65. }
  66.  
  67. .lightbox-image, #tumblr_lightbox img {
  68. box-shadow:none !important;
  69. border-radius:0 !important;
  70. max-width:none;
  71. }
  72.  
  73. .tmblr-lightbox, #tumblr_lightbox {
  74. background-color:rgba(255,255,255,.8) !important;
  75. }
  76.  
  77. #tumblr_lightbox img {
  78. padding:5px;
  79. -moz-box-sizing:border-box;
  80. box-sizing:border-box;
  81. }
  82.  
  83. .lightbox-image {
  84. padding:0px;
  85. background-color:rgba(255,255,255,1) !important;
  86. }
  87.  
  88. iframe.tmblr-iframe { z-index:99999999999999!important;
  89. top:0!important;
  90. right:0!important;
  91. opacity:0.4;
  92. /* delete from here */
  93. filter:invert(1);
  94. -webkit-filter:invert(1);
  95. -o-filter:invert(1);
  96. -moz-filter:invert(1);
  97. -ms-filter:invert(1);
  98. /* to here if your blog has a dark background */
  99. transform:scale(0.6);
  100. transform-origin:100% 0;
  101. -webkit-transform:scale(0.6);
  102. -webkit-transform-origin:100% 0;
  103. -o-transform:scale(0.6);
  104. -o-transform-origin:100% 0;
  105. -moz-transform:scale(0.6);
  106. -moz-transform-origin:100% 0;
  107. -ms-transform:scale(0.6);
  108. -ms-transform-origin:100% 0;
  109. transition: opacity 0.6s ease-in-out;
  110. -moz-transition: opacity 0.6s ease-in-out;
  111. -webkit-transition: opacity 0.6s ease-in-out;
  112. }
  113.  
  114. iframe.tmblr-iframe:hover {opacity:0.6!important;}
  115.  
  116. /*tooltip*/
  117.  
  118. .ui-tooltip {
  119. position:absolute;
  120. z-index:9999;
  121. padding-top:10px;
  122. border-radius:10%;
  123. }
  124.  
  125. .ui-tooltip-content {
  126. color:{color:text};
  127. background:#f9f9f9;
  128. padding:4px 8px;
  129. letter-spacing: 0px;
  130. font-size:11px;
  131. border:1px solid {color:borders};
  132. text-transform:lowercase;
  133. }
  134.  
  135. /*scrollbar*/
  136.  
  137. /* width */
  138. ::-webkit-scrollbar {
  139. width: 10px;
  140. }
  141.  
  142. /* Track */
  143. ::-webkit-scrollbar-track {
  144. border:1px solid #f0f0f0;
  145. }
  146.  
  147. /* Handle */
  148. ::-webkit-scrollbar-thumb {
  149. background: {color:accent};
  150. }
  151.  
  152. /* Handle on hover */
  153. ::-webkit-scrollbar-thumb:hover {
  154. background: {color:accent};
  155. }
  156.  
  157. /*selection*/
  158.  
  159. ::selection {
  160. background: #f8f8f8;
  161. color: {color:text};
  162. }
  163.  
  164. ::-moz-selection {
  165. background: #f8f8f8;
  166. color: #f8f8f8;
  167. }
  168.  
  169. ::-webkit-selection {
  170. background: #f8f8f8;
  171. color: #f8f8f8;
  172. }
  173.  
  174. /*main structure*/
  175.  
  176. body {
  177. background:{color:background};
  178. color:{color:text};
  179. font:12px 'Roboto', sans-serif;
  180. word-wrap:break-word;
  181. text-align:justify;
  182. line-height:1.6em;
  183. }
  184.  
  185. a {
  186. color:{color:link};
  187. text-decoration:none;
  188. transition:all .3s linear;
  189. -webkit-transition:all .3s linear;
  190. -o-transition:all .3s linear;
  191. -moz-transition:all .3s linear;
  192. }
  193.  
  194. a, a img {cursor:pointer;}
  195.  
  196. a:hover {
  197. color:{color:link hover}!important;
  198. text-decoration:none;
  199. }
  200.  
  201. img {
  202. opacity:1;
  203. border:0;
  204. text-decoration:none;
  205. max-width:100%;
  206. height:auto;
  207. display:block;
  208. }
  209.  
  210. blockquote {
  211. padding:0;
  212. margin:.5em 0;
  213. border-left:0px solid {color:borders};
  214. }
  215.  
  216. pre {
  217. padding:0;
  218. margin:0;
  219. line-height:inherit!important;
  220. background:transparent;
  221. font-family:inherit!Important;
  222. font-size:inherit!important;
  223. white-space:pre-wrap;
  224. white-space:-moz-pre-wrap;
  225. white-space:-pre-wrap;
  226. white-space:-o-pre-wrap;
  227. word-wrap:break-word;
  228. }
  229.  
  230. p {margin:1em 0;}
  231.  
  232. p:first-of-type {margin-top:0;}
  233.  
  234. p:last-of-type {margin-bottom:0;}
  235.  
  236. b, strong, b a, strong a {
  237. font-weight:bold!important;
  238. color:{color:title};
  239. }
  240.  
  241. small, big, sub, pre {
  242. font-size:1em!important;
  243. line-height:1.4em!important;
  244. vertical-align:baseline!important;
  245. }
  246.  
  247. i {
  248. font-style:italic;
  249. }
  250.  
  251. h1, h2, h3, h4 {
  252. margin:0;
  253. font-size:17px;
  254. padding:0;
  255. color:{color:title};
  256. font-weight:bold;
  257. }
  258.  
  259. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  260.  
  261. hr {
  262. border:none;
  263. box-shadow:0;
  264. margin:2em auto;
  265. width:75px;
  266. border-top:1px solid {color:borders};
  267. }
  268.  
  269. sidebar {
  270. position: fixed;
  271. width: 200px;
  272. top: 120px;
  273. left: 200px;
  274. padding:20px;
  275. border-radius:4px;
  276. }
  277.  
  278. sidebar img {
  279. margin: 0 auto 10px auto;
  280. display:block;
  281. border-radius:1px;
  282. }
  283.  
  284. #blogtitle {
  285. text-align:right;
  286. font-family: 'Changa', sans-serif;
  287. font-weight:600;
  288. margin:0.5em 0;
  289. }
  290.  
  291. #blogtitle a {
  292. color:{color:title};
  293. font-size:12px;
  294. }
  295.  
  296. #blogtitle h2 {
  297. overflow: hidden;
  298. text-align: right;
  299. }
  300.  
  301. #blogtitle h2:before {
  302. background-color: #f1f1f1;
  303. content: "";
  304. display: inline-block;
  305. height: 1px;
  306. position: relative;
  307. vertical-align: middle;
  308. width: 50%;
  309. }
  310.  
  311. #blogtitle h2:before {
  312. right: 0.5em;
  313. margin-left: -50%;
  314. }
  315.  
  316. #description {
  317. text-align:justify;
  318. }
  319.  
  320. nav {
  321. text-align:right;
  322. margin-top:10px;
  323. }
  324.  
  325. nav a {
  326. color:{color:nav};
  327. font-family: 'Changa', sans-serif;
  328. font-size:11px;
  329. font-weight: normal;
  330. text-transform:lowercase;
  331. display:inline-block;
  332. padding:2px 5px;
  333. }
  334.  
  335. #description {
  336. text-align:justify;
  337. }
  338.  
  339. /*pagination*/
  340.  
  341. .pagination {
  342. margin-bottom:50px;
  343. text-align: left;
  344. }
  345.  
  346. .pagination a {
  347. color:#444444;
  348. font-family: 'Changa', sans-serif;
  349. font-size:11px;
  350. font-weight: normal;
  351. padding:2px 5px;
  352. }
  353.  
  354. /*posts*/
  355.  
  356. section {
  357. width:540px;
  358. margin-left:550px;
  359. margin-top:120px;
  360. }
  361.  
  362. .posts {
  363. width:540px;
  364. {block:indexpage}
  365. margin-bottom:100px;
  366. {/block:indexpage}
  367. {block:permalinkpage}
  368. margin-bottom:30px;
  369. {/block:permalinkpage}
  370. text-align:justify;
  371. {block:Posts}
  372. {/block:Posts}
  373. border-radius:1px;
  374. padding:10px;
  375. }
  376.  
  377. .posts ul li {
  378. list-style:none;
  379. margin-left:0px;
  380. }
  381.  
  382. .posts ul li:before {
  383. content:"›";
  384. color:{color:scrollbar};
  385. padding-right:5px;
  386. }
  387.  
  388. /*titles*/
  389.  
  390. .title {
  391. margin:20px 20px 12px 0px;
  392. font-size:13px;
  393. padding:0;
  394. letter-spacing:0.5px;
  395. text-transform:uppercase;
  396. color:{color:title};
  397. font-weight:bold;
  398. }
  399.  
  400. .title a {color:{color:title};}
  401.  
  402. .title a:hover {color:{color:link};}
  403.  
  404. /*captions*/
  405.  
  406. .caption {
  407. margin:10px 0 10px 0;
  408. }
  409.  
  410. .caption img:not(.icon) {
  411. padding:10px 0px;
  412. }
  413.  
  414. a.tumblr_blog {
  415. display:inline-block;
  416. vertical-align:middle;
  417. line-height:25px;
  418. margin-bottom:5px;
  419. font-size:11px;
  420. font-weight:bold;
  421. color:{color:title};!important;
  422. }
  423.  
  424. .icon {
  425. width:15px;
  426. height:15px;
  427. margin-right:5px;
  428. display:inline-block;
  429. float:left;
  430. border-radius:50px;
  431. border:1px solid {color:borders};
  432. padding:3px;
  433. }
  434.  
  435. /*quote*/
  436.  
  437. .source {margin-top:5px;}
  438.  
  439. /*audio*/
  440.  
  441. .player {
  442. width:25px;
  443. height:24px;
  444. position:absolute;
  445. left:10px;
  446. top:calc(50% - 15px);
  447. display:block;
  448. overflow:hidden;
  449. }
  450.  
  451. .hold {
  452. text-align:left;
  453. background:{color:background};
  454. position:relative;
  455. display:block;
  456. min-height:24px;
  457. padding:15px;
  458. border:1px solid {color:borders};
  459. }
  460.  
  461. .audio_info {
  462. vertical-align:middle;
  463. line-height:12px;
  464. margin-left:35px;
  465. max-width:calc(100% - 35px);
  466. }
  467.  
  468. .audio_info span {
  469. white-space:nowrap;
  470. overflow:hidden;
  471. text-overflow:ellipsis;
  472. display:block;
  473. }
  474.  
  475. .hold .track {color:{color:title};}
  476.  
  477. /*asks*/
  478.  
  479. .q {
  480. text-align:left;
  481. padding:15px;
  482. background:#f8f8f8;
  483. text-transform:lowercase;
  484. border:1px solid #f1f1f1;
  485. }
  486.  
  487. .qw {
  488. position: absolute;
  489. margin-left: 20px;
  490. margin-top:-1px;
  491. border-top: 9px solid #f1f1f1;
  492. border-bottom: 8px solid transparent;
  493. border-left: 8px solid transparent;
  494. border-right: 8px solid transparent;
  495. }
  496.  
  497. .qw:before {
  498. content: " ";
  499. position: absolute;
  500. z-index: 1;
  501. margin-top:-10px;
  502. margin-left:-8px;
  503. border-top: 8px solid #f9f9f9;
  504. border-bottom: 8px solid transparent;
  505. border-left: 8px solid transparent;
  506. border-right: 8px solid transparent;
  507. }
  508.  
  509. .as img {
  510. vertical-align:middle;
  511. width:25px;
  512. height:25px;
  513. float:left;
  514. margin-right:10px;
  515. border-radius:1px;
  516. }
  517.  
  518. .as {
  519. line-height:25px;
  520. margin:15px 0px 0px 15px;
  521. text-transform:normal;
  522. }
  523.  
  524. .as a {color:{color:text};}
  525.  
  526. .as a:hover {color:{color:link hover};}
  527.  
  528. .a {
  529. margin-top:5px;
  530. margin-bottom:0px;
  531. }
  532.  
  533.  
  534. /*chat*/
  535.  
  536. .chat {
  537. text-align:left;
  538. padding:1em 0;
  539. list-style:none;
  540. }
  541.  
  542. .l {
  543. padding:10px 0px;
  544. border-bottom:1px solid {color:borders};
  545. }
  546.  
  547. .label {
  548. font-weight:bold;
  549. color:{color:title};
  550. display:inline-block;
  551. }
  552.  
  553. .l:first-of-type {padding-top:0;}
  554.  
  555. .l:last-of-type {
  556. padding-bottom:0;
  557. border:0;
  558. }
  559.  
  560. /*permalink and notes*/
  561.  
  562. .permalink {
  563. width:540px;
  564. border-top:1px solid #f1f1f1;
  565. padding-top:10px;
  566. margin:10px 20px 0px 0px;
  567. text-align:left;
  568. }
  569.  
  570. .permalink a {
  571. color:{color:title};
  572. font-family: 'Changa', sans-serif;
  573. font-weight:600;
  574. text-transform:lowercase;
  575. text-decoration:none;
  576. margin-right:1em;
  577. }
  578.  
  579. .buttons a {
  580. padding-left:5px;
  581. position:relative;
  582. display:inline-block;
  583. }
  584.  
  585. .buttons span {
  586. font-size:9px;
  587. }
  588.  
  589. .custom-like-button {
  590. position: relative;
  591. display: inline-block;
  592. cursor: pointer;
  593. }
  594.  
  595. /* class for the Tumblr Like Button iframe */
  596. .like_button {
  597. position: absolute;
  598. top: -03px;
  599. left: 03px;
  600. right: 0;
  601. bottom: 0px;
  602. width: 11px;
  603. height: 11px;
  604. opacity:0.000001;
  605. z-index: 10;
  606. }
  607.  
  608. /* Force iframe to fill button */
  609. .like_button iframe {
  610. width: 100% !important;
  611. height: 100% !important;
  612. }
  613.  
  614. /* class for Our Like Button */
  615. .our_button {
  616. position: absolute;
  617. top: 0;
  618. left: 0;
  619. right: 0;
  620. bottom: 0;
  621. width: 100%;
  622. height: 100%;
  623. z-index: 1;
  624. }
  625.  
  626. .like_button:hover + .our_button {
  627. color: {color:link hover};
  628. }
  629.  
  630. .like_button.liked + .our_button {
  631. color: red;
  632. }
  633.  
  634. .tags {
  635. width:540px;
  636. margin:0px 20px 0px 0px;
  637. }
  638.  
  639. .tags a {
  640. color:#888888;
  641. font-size:11px;
  642. font-weight:none;
  643. line-height:20px;
  644. display:inline;
  645. margin-right:1em;
  646. text-transform:normal;
  647. text-decoration:none;
  648. }
  649.  
  650. .pagenotes {
  651. font-size:11px;
  652. border:0;
  653. }
  654.  
  655. ol li:before {
  656. content:'';
  657. }
  658.  
  659. ol.notes {
  660. list-style-type:none;
  661. padding:0px;
  662. margin:0px;
  663. }
  664.  
  665. ol.notes li.note {
  666. display:block;
  667. padding:0;
  668. margin:5px 0;
  669. }
  670.  
  671. ol.notes li.note img.avatar {border-radius:50px; margin-right:5px; display:inline-block;}
  672.  
  673. a.more_notes_link {
  674. display:block;
  675. text-align:center;
  676. color:{color:title};
  677. }
  678.  
  679. .credit {
  680. position:fixed;
  681. right:10px;
  682. bottom:15px;
  683. font-weight:bold;
  684. }
  685.  
  686. .credit a {
  687. color:#000000;
  688. }
  689.  
  690. {CustomCSS}
  691.  
  692. /*smooth loading*/
  693.  
  694. @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  695. @-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  696. @keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
  697. .fade-in {
  698. opacity:0;
  699. -webkit-animation:fadeIn ease-in 1;
  700. -moz-animation:fadeIn ease-in 1;
  701. animation:fadeIn ease-in 1;
  702. -webkit-animation-fill-mode:forwards;
  703. -moz-animation-fill-mode:forwards;
  704. animation-fill-mode:forwards;
  705. -webkit-animation-duration:1s;
  706. -moz-animation-duration:1s;
  707. animation-duration:1s;}
  708. .fade-in.one {
  709. -webkit-animation-delay:0s;
  710. -moz-animation-delay:0s;
  711. animation-delay:0s;}
  712. .fade-in.two {
  713. -webkit-animation-delay:0.8s;
  714. -moz-animation-delay:0.8s;
  715. animation-delay:0.8s;}
  716.  
  717. </style>
  718.  
  719. </head>
  720. <body>
  721.  
  722. <sidebar>
  723. <img src="{image:Sidebar}"/>
  724. <div id="blogtitle"><h2><a href="/">{Title}</a></h2></div>
  725. <div id="description">{Description}</div>
  726. <nav>{block:ifAskTitle}<a href="/ask" style="background: #f9f9f9; border:1px solid #f1f1f1">{text:ask title}</a>{/block:ifAskTitle}{block:ifArchiveTitle}<a href="/archive" style="background: {color:accent}; border:1px solid #f1f1f1">{text:archive title}</a>{/block:ifArchiveTitle}{block:ifLink1}<a href="{text:Link 1 URL}" style="background: #f9f9f9; border:1px solid #f1f1f1">{text:Link 1}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link 2 URL}" style="background: {color:accent}; border:1px solid #f1f1f1">{text:Link 2}</a>{/block:ifLink2}</nav>
  727. </sidebar>
  728.  
  729.  
  730. <section id="entries" class="fade-in one">{block:posts}
  731. <article class="posts" id="{PostID}">
  732.  
  733. {block:Quote}
  734. <div class="title quote">{quote}</div>
  735. {block:Source}<div class="source">{source}</div>{/block:Source}
  736. {/block:Quote}
  737.  
  738. {block:Text}
  739. {block:Title}<div class="title">{title}</div>{/block:Title}
  740. <div class="caption">{Body}</div>
  741. {/block:Text}
  742.  
  743. {block:Link}<div class="title"><a href="{URL}" {Target}>{Name}</a></div>{block:Description}<div class="caption">{Description}</div>{/block:Description}{/block:Link}
  744.  
  745. {block:Chat}
  746. {block:Title}<div id="title">{title}</div>{/block:Title}
  747. <ol class="chat {block:Title}ted{/block:Title}">
  748. {block:lines}
  749. <li class="l {Alt}">
  750. {block:label}<span class="label">{label}</span>{/block:label} {line}
  751. </li>
  752. {/block:lines}
  753. </ol>
  754. {/block:Chat}
  755.  
  756. {block:Photo}{linkopentag}<img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}{/block:Photo}
  757.  
  758. {block:Photoset}
  759. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>
  760. {/block:Photoset}
  761.  
  762. {block:Video}<div class="video">{Video-500}</div>{/block:Video}
  763.  
  764. {block:Audio}
  765. {block:audioplayer}
  766. <div class="hold">
  767. <div class="player">{audioplayerwhite}</div>
  768. <div class="audio_info">
  769. {block:trackname}<span class="track">{trackname}</span>{/block:trackname}
  770. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  771. </div>
  772. </div>
  773. {/block:audioplayer}
  774. {/block:Audio}
  775.  
  776. {block:caption}<div class="caption">{Caption}</div>{/block:caption}
  777.  
  778. {block:Answer}
  779. <div class="q">{Question}</div><div class="qw"></div>
  780. <div class="as"><img src="{AskerPortraitURL-30}"/> <b>{Asker}</b></div>
  781. <div class="a"><div class="caption">{Answer}</div></div>
  782. {/block:Answer}
  783.  
  784. {block:Date}
  785. <div class="permalink"><a href="{permalink}" title="{TimeAgo}">{DayOfWeek}</a> {block:NoteCount}<a href="{permalink}" title="{notecountwithlabel}">{NoteCount}</a>{/block:NoteCount} <span class="buttons">
  786. <a href="{ReblogURL}" target="_blank"><span class="sf sf-refresh-o"></span></a>
  787. <span class="custom-like-button">{LikeButton}<a class="our_button"><span class="sf sf-heart-o"></span></a></span>
  788. </span>
  789.  
  790. {block:permalinkpage}{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> {block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}
  791. </div>
  792.  
  793. {block:hastags}
  794. <div class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>
  795. {/block:hasTags}
  796. {/block:Date}
  797.  
  798. </article>
  799.  
  800. {/block:Posts}
  801.  
  802. {block:Pagination}
  803. <div class="pagination">
  804. {block:PreviousPage}<a href="{PreviousPage}" style="background: #f9f9f9; border:1px solid #f1f1f1">previous</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" style="background: {color:accent}; border:1px solid #f1f1f1">next</a>{/block:NextPage}
  805. </div>
  806. {/block:Pagination}
  807.  
  808. {block:PostNotes}
  809. <article class="posts pagenotes">
  810. {PostNotes}
  811. </article>
  812. {/block:PostNotes}
  813.  
  814. </section>
  815.  
  816. <script>
  817. $(document).ready(function(){
  818. $('body').tooltip({track:false});
  819. $('iframe.tumblr_audio_player').load( function() {
  820. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background} !important} </style>"));
  821. });
  822. });
  823. $('.posts').unnest({
  824. yourCaption: ".caption",
  825. newCaptionUsername: true,
  826. originalPostCaptionUsername: false,
  827. tumblrAvatars: true,
  828. tumblrAvatarClass: ".icon",
  829. usernameColon: false
  830. });
  831. $(document).ready(function(){
  832. $('.photo-slideshow').pxuPhotoset({
  833. lightbox: true,
  834. rounded: false,
  835. gutter: '4px',
  836. borderRadius: '0px',
  837. photoset: '.photo-slideshow',
  838. photoWrap: '.photo-data',
  839. photo: '.pxu-photo'
  840. });
  841. });
  842. </script>
  843.  
  844. {block:ContentSource}
  845. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  846. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  847. {/block:SourceLogo}
  848. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  849. {/block:ContentSource}
  850.  
  851. <div class="credit"><a href="http://captainmarvels.tumblr.com/" title="ananda themes"><span class="sf sf-alien-o"></span></a></div>
  852.  
  853. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment