rasperries

sorrism1

Mar 4th, 2015
306
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.41 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <head>
  3. <!--
  4.  
  5.  
  6. theme: sound bite
  7. - sorrism -
  8.  
  9.  
  10.  
  11. -->
  12. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  13.  
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  17.  
  18. <!--Default Variables-->
  19.  
  20. <meta name="color:Background" content="#ffffff"/>
  21. <meta name="color:Text" content="#7d7d7d"/>
  22. <meta name="color:Link" content="#7d7d7d"/>
  23. <meta name="color:Link Hover" content="#eeeeee"/>
  24. <meta name="color:Title"content="#000000"/>
  25. <meta name="color:Blog Title"content="#000000"/>
  26. <meta name="color:Scrollbar" content="#d5d5d5" />
  27. <meta name="color:Borders" content="#eeeeee"/>
  28. <meta name="color:Accent" content="#000000"/>
  29. <meta name="color:Accent Text" content="#ffffff"/>
  30.  
  31. <meta name="if:Show Captions" content="1"/>
  32. <meta name="if:Hide Tags" content="0"/>
  33. <meta name="if:Image" content="1"/>
  34. <meta name="if:Sticky Captions" content="0"/>
  35.  
  36. <meta name="image:Image" content=""/>
  37.  
  38. <meta name="text:Post Width" content="400"/>
  39.  
  40. <meta name="text:Link 1 URL" content="" />
  41. <meta name="text:Link 1" content="" />
  42. <meta name="text:Link 2 URL" content="" />
  43. <meta name="text:Link 2" content="" />
  44. <meta name="text:Link 3 URL" content="" />
  45. <meta name="text:Link 3" content="" />
  46.  
  47. <!--jquery-->
  48.  
  49. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
  50. {block:IndexPage}
  51. {block:ifstickycaptions}
  52. <script src="http://davist11.github.io/jQuery-Stickem/jquery.js"></script>
  53. <script src="http://davist11.github.io/jQuery-Stickem/jquery.stickem.js"></script>
  54. <script>
  55. $(window).load(function() {
  56. $('[title]').style_my_tooltips({
  57. tip_follows_cursor: false,
  58. tip_delay_time: 150,
  59. tip_fade_speed: 150,
  60. attribute: "title"
  61. });
  62. $('.container').stickem();
  63. });
  64. </script>
  65. {/block:ifstickycaptions}
  66. {/block:IndexPage}
  67.  
  68. <style type="text/css">
  69.  
  70. /*tumblr controls and lightbox*/
  71.  
  72. iframe#tumblr_controls {
  73. white-space:nowrap!important;
  74. -webkit-filter:invert(100%)!important;
  75. -moz-filter:invert(100%)!important;
  76. -ms-filter:invert(100%)!important;
  77. -o-filter:invert(100%)!important;
  78. filter:invert(100%)!important;
  79. top:5px!important;
  80. right:15px!important;
  81. position:fixed!important;
  82. }
  83.  
  84. #tumblr_lightbox {
  85. background-color:rgba(255, 255, 255, .9)!important;
  86. z-index:99999!important;
  87. }
  88.  
  89. #tumblr_lightbox img {opacity:0;}
  90.  
  91. #tumblr_lightbox_caption {
  92. color:black!important;
  93. font-family:helvetica!important;
  94. font-size:10px!important;
  95. font-weight:normal!important;
  96. text-shadow:none!important;
  97. }
  98.  
  99. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  100. -moz-box-shadow:none!important;
  101. -webkit-box-shadow:none!important;
  102. box-shadow:none!important;
  103. -moz-border-radius:0px!important;
  104. -webkit-border-radius:0px!important;
  105. border-radius:0pxpx!important;
  106. opacity:1!important;
  107. }
  108.  
  109. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.6!important;}
  110.  
  111. /*tooltip*/
  112.  
  113. #s-m-t-tooltip {
  114. max-width:300px;
  115. z-index:9999;
  116. margin:20px;
  117. padding:0 3px;
  118. font-size:8px;
  119. text-transform:uppercase;
  120. letter-spacing:1px;
  121. background:{color:accent};
  122. color:{color:accent text};
  123. }
  124.  
  125. /*scrollbar*/
  126.  
  127. ::-webkit-scrollbar{
  128. height:5px;
  129. width:5px;
  130. background:{color:background};
  131. }
  132.  
  133. ::-webkit-scrollbar-thumb{
  134. background:{color:scrollbar};
  135. }
  136.  
  137. ::-webkit-scrollbar-track{
  138. background:{color:background};
  139. }
  140.  
  141. /*general*/
  142.  
  143. body {
  144. background:{color:background};
  145. color:{color:text};
  146. font-family:calibri, arial;
  147. font-size:10px;
  148. text-align:justify;
  149. margin:0;
  150. line-height:125%;
  151. }
  152.  
  153. img {
  154. opacity:1;
  155. border:none;
  156. text-decoration:none;
  157. }
  158.  
  159. h1, h2, h3, h4 {
  160. font-size:10px;
  161. font-weight:normal;
  162. color:{color:title};
  163. }
  164.  
  165. b, strong {color:{color:title};font-weight:normal;}
  166.  
  167. p {margin:5px 0;}
  168.  
  169. p:first-of-type {margin-top:0;}
  170.  
  171. p:last-of-type {margin-bottom:0;}
  172.  
  173. ol {list-style:circle;}
  174. ul {
  175. list-style:circle;
  176. text-align:justify;}
  177.  
  178. .posts ul {list-style:circle;
  179. text-align:justify;}
  180.  
  181. .posts ul li:before {
  182. list-style:circle;
  183. text-align:justify;
  184. }
  185.  
  186. small, big {font-size:10px;}
  187.  
  188. a {
  189. color:{color:link};
  190. text-decoration:none;
  191. }
  192.  
  193. a:hover {
  194. color:{color:link hover};
  195. text-decoration:none;
  196. }
  197.  
  198. blockquote {
  199. border-left:1px solid {color:borders};
  200. margin:5px 0;
  201. padding-left:10px;
  202. text-align:justify;
  203. }
  204.  
  205. .caption blockquote {
  206. margin:0;
  207. padding:0;
  208. border:0;
  209. text-align:justify;
  210. }
  211.  
  212. pre {
  213. width:400px!important;
  214. overflow-x:scroll;
  215. word-break:break-all;
  216. font-family:helvetica;
  217. font-size:10px;
  218. background:transparent;
  219. }
  220.  
  221. /*sidebar*/
  222.  
  223. aside {
  224. -webkit-animation-name: fade-in;
  225. -webkit-animation-duration: 1.5s;
  226. width:100px;
  227. position:fixed;
  228. top:100px;
  229. left:50%;
  230. margin-left:calc(-{text:post width}px / 2 - 110px);
  231. text-align:left;
  232. }
  233.  
  234. aside img {
  235.  
  236. display:block;
  237. width:100px;
  238. margin-bottom:10px;
  239. }
  240.  
  241. #blogt {
  242. font-size:12px;
  243. border-top:1px solid {color:borders};
  244. color:{color:blog title};
  245. display:block;
  246. padding-top:0px;
  247. margin-bottom:10px;
  248. font-style:italic;
  249. letter-spacing:1px;
  250. text-transform:uppercase;
  251. }
  252.  
  253. #blogt:hover {color:{color:link hover};}
  254.  
  255. #standardlinks {
  256. border-top:1px solid {color:borders};
  257. padding-top:10px;
  258. text-transform:uppercase;
  259. letter-spacing:1px;
  260. font-size:8px;
  261. }
  262.  
  263. #standardlinks a {
  264. margin-right:5px;
  265. display:inline-block;
  266. cursor:pointer;
  267. }
  268.  
  269. #standardlinks a:hover {font-style:italic;}
  270.  
  271. .description {
  272. margin-bottom:10px;
  273. padding:5px;
  274. letter-spacing:0.03em;
  275. font-style:italic;
  276. background:{color:accent};
  277. color:{color:accent text};
  278. }
  279.  
  280. .description a {color:{color:accent text};}
  281.  
  282. .description a:hover {color:{color:link hover};}
  283.  
  284. /*pagination*/
  285.  
  286. footer {
  287. margin:0 0 100px 0;
  288. width:{text:post width}px;
  289. border-top:1px solid {color:borders};
  290. }
  291.  
  292. footer a {
  293. display:inline-block;
  294. padding:10px;
  295. font-size:8px;
  296. letter-spacing:1px;
  297. text-transform:uppercase;
  298. margin-top:-1px;
  299. border-top:1px solid {color:borders};
  300. }
  301.  
  302. footer a:hover {border-top:1px solid {color:link hover};}
  303.  
  304. .song {float:right;}
  305.  
  306. .current_page {
  307. padding:10px;
  308. font-weight:Bold;
  309. color:{color:title};
  310. border-top:1px solid {color:title};
  311. }
  312.  
  313. /*posts*/
  314.  
  315. #con {
  316. width:{text:post width}px;
  317. overflow:visibile;
  318. position:relative;
  319. margin:90px auto 0 auto;
  320. {block:PermalinkPage}
  321. margin:90px auto;
  322. {/block:PermalinkPage}
  323. }
  324.  
  325. #ent {
  326. width:calc({text:post width}px + 230px);
  327. position:relative;
  328. }
  329.  
  330. .posts {
  331. -webkit-animation-name: fade-in;
  332. -webkit-animation-duration: 1.5s;
  333. width:{text:post width}px;
  334. display:inline-block;
  335. {block:indexpage}
  336. float:left;
  337. {/block:indexpage}
  338. position:relative;
  339. }
  340.  
  341. .posts img {max-width:{text:post width}px;}
  342.  
  343. .posts li, .posts blockquote {max-width:100%;}
  344.  
  345. .photo img {
  346. display:block;
  347. width:{text:post width}px;
  348. }
  349.  
  350. .video_big {
  351. position:relative;
  352. height:0;
  353. padding-bottom:56.25%;
  354. border-radius:3px!important;
  355. }
  356.  
  357. .video_big iframe {
  358. position:absolute;
  359. top:0;
  360. left:0;
  361. height:100%;
  362. width:100%;
  363. }
  364.  
  365. /*titles*/
  366.  
  367. #title {
  368. font-size:12px;
  369. text-transform:uppercase;
  370. letter-spacing:1px;
  371. margin-bottom:10px;
  372. font-style:italic;
  373. color:{color:title};
  374. }
  375.  
  376. #title a {color:{color:title};}
  377.  
  378. #title a:hover {color:{color:link hover};}
  379.  
  380. /*captions*/
  381.  
  382. a.tumblr_blog {
  383. text-transform:uppercase;
  384. font-size:8px;
  385. letter-spacing:1px;
  386. background:{color:accent};
  387. color:{color:accent text};
  388. display:inline-block;
  389. margin-bottom:5px;
  390. margin-right:2px;
  391. padding:0 3px;
  392.  
  393. }
  394.  
  395. .caption img {max-width:400px;}
  396.  
  397. .caption {
  398. -webkit-animation-name: fade-in;
  399. -webkit-animation-duration: 1.5s;
  400. {block:ifnotshowcaptions}
  401. {block:indexpage}
  402. display:none;
  403. {/block:indexpage}
  404. {/block:ifnotshowcaptions}
  405. width:220px;
  406. background:{color:background};
  407. {block:indexpage}
  408. float:right;
  409. {/block:indexpage}
  410. text-align:left;
  411. {block:permalinkpage}
  412. overflow-y:auto;
  413. top:0;
  414. position:absolute;
  415. max-height:calc(100% - 10px);
  416. left:calc({text:post width}px + 10px);
  417. {/block:permalinkpage}
  418. border-top:10px solid transparent;
  419. }
  420.  
  421. .caption::-webkit-scrollbar {width:3px;}
  422.  
  423. .c {
  424. {block:ifnotshowcaptions}
  425. {block:indexpage}
  426. display:none;
  427. {/block:indexpage}
  428. {/block:ifnotshowcaptions}
  429. padding-top:10px;
  430. margin-top:10px;
  431. border-top:1px solid {color:borders};
  432. }
  433.  
  434. .in {
  435. display:block;
  436. padding-top:10px;
  437. position:relative;
  438. border-top:1px solid {color:borders};
  439. }
  440.  
  441. .rowe {
  442. position:relative;
  443. {block:IndexPage}
  444. padding-bottom:100px;
  445. {/block:IndexPage}
  446. {block:PermalinkPage}
  447. padding-bottom:25px;
  448. {/block:PermalinkPage}
  449. }
  450.  
  451. .rowe:after {
  452. clear: both;
  453. content: ".";
  454. display: block;
  455. height: 0;
  456. visibility: hidden;
  457. }
  458.  
  459. .stickem-container {position:relative;}
  460.  
  461. .stickit {
  462. margin-left:calc({text:post width}px + 10px);
  463. position:fixed;
  464. top:0;
  465. }
  466.  
  467. .stickit-end {
  468. {block:IndexPage}
  469. bottom:100px;
  470. {/block:IndexPage}
  471. {block:PermalinkPage}
  472. bottom:25px;
  473. {/block:PermalinkPage}
  474. position:absolute;
  475. right:0;
  476. }
  477.  
  478. /*quotes*/
  479.  
  480. #titlequote{
  481. font-size:10px;
  482. letter-spacing:0px;
  483. text-align:left;
  484. line-height:150%;
  485. }
  486.  
  487. #source {
  488. text-transform:uppercase;
  489. text-align:right;
  490. font-size:8px;
  491. letter-spacing:1px;
  492. font-style:italic;
  493. border-bottom:0px solid {color:borders};
  494. padding-top:10px;
  495. padding-bottom:0px;
  496. }
  497.  
  498. #source span {
  499. background:{color:accent};
  500. color:{color:accent text};
  501. display:inline-block;
  502. padding:0 3px;
  503. }
  504.  
  505. #source span a, #source span b {color:{color:accent text};}
  506.  
  507. #source span a:hover {color:{color:link hover};}
  508.  
  509. /*asks*/
  510.  
  511.  
  512. .ss {
  513. padding:0px;
  514. display:block;
  515. float:left;
  516. background:{color:accents};
  517. border-radius:3px;
  518. border-radius:3px;
  519. -moz-border-radius:3px;
  520. -webkit-border-radius:3px;
  521. }
  522.  
  523. .q {
  524. margin-left:0px;
  525. min-height:12px;
  526. text-transform:uppercase;
  527. letter-spacing:1px;
  528. font-size:8px;
  529. padding-left:0px;
  530. text-align:left;
  531. border-radius:3px;
  532. border-radius:3px;
  533. -moz-border-radius:3px;
  534. -webkit-border-radius:3px;
  535. background:{color:accents};
  536. }
  537.  
  538. .q span, .q span a {color:{color:title};}
  539.  
  540. .q a:hover {color:{color:link hover};}
  541.  
  542. .a {margin-top:10px;}
  543.  
  544. /*chat*/
  545.  
  546. .chat ol {
  547. padding:0;
  548. margin:0;
  549. list-style:none;
  550. }
  551.  
  552. .line {
  553. margin-bottom:10px;
  554. padding-bottom:10px;
  555. border-bottom:1px solid {color:borders};
  556. }
  557.  
  558. .line:last-of-type {
  559. margin:0;
  560. border:0;
  561. padding:0;
  562. }
  563.  
  564. .even .label {color:{color:title};}
  565.  
  566. .odd .label {
  567. background:{color:accent};
  568. color:{color:accent text};
  569. padding:1px 3px;
  570. }
  571.  
  572. .label {
  573. font-weight:bold;
  574. letter-spacing:1px;
  575. text-transform:uppercase;
  576. font-size:8px;
  577. font-family:;
  578. }
  579.  
  580. /*audio*/
  581. .m {
  582. overflow:hidden;
  583. display:block;
  584. width:27px;
  585. height:28px;
  586. border:5px solid #fbfbfb;
  587. border-radius:5px;
  588. position:absolute;
  589. }
  590.  
  591. .player {
  592. width:25px;
  593. height:25px;
  594. background:white;
  595. border-right:2px solid white;
  596. border-bottom:3px solid white;
  597. }
  598.  
  599. .audioinfo {
  600. text-align:left;
  601. background:#fbfbfb;
  602. display:block;
  603. padding:10px;
  604. line-height:17px;
  605. border-radius:3px;
  606. -moz-border-radius:3px;
  607. -webkit-border-radius:3px;
  608. letter-spacing:1px;
  609. min-height:17px;
  610. margin-left:45px;
  611. text-transform:uppercase;
  612. font-size:8px;
  613. }
  614.  
  615. /*permalink and notes*/
  616.  
  617. #permalink {
  618. line-height:10px;
  619. margin-bottom:10px;
  620. font-size:8px;
  621. {block:permalinkpage}
  622. margin-top:10px;
  623. {/block:permalinkpage}
  624. text-transform:uppercase;
  625. font-size:8px;
  626. letter-spacing:1px;
  627. border-bottom:1px solid {color:borders};
  628. }
  629.  
  630. #permalink a {
  631. line-height:11px;
  632. padding:0 3px 5px 3px;
  633. margin-bottom:-1px;
  634. display:inline-block;
  635. border-bottom:1px solid {color:borders};
  636. }
  637.  
  638. #permalink a:first-of-type {padding-left:0;}
  639.  
  640. #permalink a:hover {border-bottom:1px solid {color:link hover};}
  641.  
  642. .tags {
  643. {block:indexpage}
  644. position:absolute;
  645. top:100%;
  646. {block:ifhidetags}
  647. display:none;
  648. opacity:0;
  649. {/block:ifhidetags}
  650. {/block:indexpage}
  651. display:inline-block;
  652. font-size:8px;
  653. text-transform:uppercase;
  654. letter-spacing:1px;
  655. word-break:break-word;
  656. max-width:{text:post width}px;
  657. margin-top:10px;
  658. padding-top:10px;
  659. border-top:1px solid {color:borders};
  660. }
  661.  
  662. .tags a {
  663. letter-spacing:0;
  664. font-size:9px;
  665. text-transform:none;
  666. font-style:italic;
  667. margin-right:5px;
  668. }
  669.  
  670. /*notes*/
  671.  
  672. .pagenotes {
  673. -webkit-animation-name: fade-in;
  674. -webkit-animation-duration: 1.5s;
  675. width:{text:post width}px;
  676. display:none;
  677. max-height:300px;
  678. overflow-y:auto;
  679. }
  680.  
  681. .pagenotes::-webkit-scrollbar {width:3px;}
  682.  
  683. .pagenotes ol {
  684. margin:0;
  685. padding:0;
  686. }
  687.  
  688. .pagenotes img {display:none!important;}
  689.  
  690. .pagenotes li {
  691. list-style-type:none;
  692. padding:5px 0;
  693. border-bottom:1px solid {color:borders};
  694. text-align:left;
  695. font-size:8px;
  696. letter-spacing:1px;
  697. text-transform:uppercase;
  698. }
  699.  
  700. .t {
  701. -webkit-animation-name: fade-in;
  702. -webkit-animation-duration: 1.5s;
  703. font-style:italic;
  704. color:{color:title};
  705. font-size:10px;
  706. cursor:pointer;
  707. display:inline-block;
  708. border-bottom:1px solid {color:borders};
  709. text-transform:uppercase;
  710. letter-spacing:1px;
  711. font-family:trebuchet ms;
  712. padding-bottom:10px;
  713. }
  714.  
  715. .more_notes_link {
  716. display:block;
  717. font-weight:bold;
  718. color:{color:title};
  719. text-align:left;
  720. }
  721.  
  722. #hot {
  723. position:fixed;
  724. right:20px;
  725. font-size:12px;
  726. bottom:15px;
  727. }
  728.  
  729. .hm iframe, .hm img {
  730. display:block;
  731. border-radius:3px;
  732. -moz-border-radius:3px;
  733. -webkit-border-radius:3px;
  734. width:{text:post width}px;
  735. }
  736.  
  737. /* photoset by pixelunion */
  738.  
  739. .clearit:before, .clearit:after {
  740. content: "";
  741. display: table;
  742. }
  743.  
  744. .clearit:after {clear: both;}
  745.  
  746. .clearit { *zoom: 1; }
  747.  
  748. /* Photoset */
  749.  
  750. .photo-slideshow {visibility:hidden;}
  751.  
  752. .photo-slideshow.processed {visibility: visible;}
  753.  
  754. .photo-slideshow .row {
  755. clear:both;
  756. width:100%;
  757. padding:0;
  758. }
  759.  
  760. .photo-slideshow .pxu-photo {
  761. display: block;
  762. float: left;
  763. margin-bottom: 0;
  764. width: 100%;
  765. overflow: hidden;
  766. }
  767.  
  768. .photo-slideshow .pxu-photo img {display: block;}
  769.  
  770. .photo-slideshow.processed .pxu-photo img {
  771. width: 100%;
  772. height: auto;
  773. }
  774.  
  775. .photo-slideshow .pxu-photo:first-child img {margin-left: 0;}
  776.  
  777. .photo-slideshow .count-1 {width: 100%;}
  778.  
  779. .photo-slideshow .count-2 {width: 50%;}
  780.  
  781. .photo-slideshow .count-3 {width: 33.33%;}
  782.  
  783. .photo-slideshow .count-4 {width: 25%;}
  784.  
  785. .photo-slideshow .count-5 {width: 20%;}
  786.  
  787. .photo-slideshow .info {display: none;}
  788.  
  789. /* Icons for EXIF Data and Zoom */
  790.  
  791. .photo-data {
  792. position: relative;
  793. float: left;
  794. }
  795.  
  796. .icons {display:none;}
  797.  
  798. .icons > span, .icons .tumblr-box span {display:none;}
  799.  
  800. .zoom {display:none;}
  801.  
  802. .info {display:none;}
  803.  
  804. /* EXIF & CAPTION Data Tooltip */
  805.  
  806. .pxu-data {display:none;}
  807.  
  808. .pxu-caption {display:none;}
  809.  
  810. .pxu-data table {display:none;}
  811.  
  812. .tumblr-box {
  813. display:block;
  814. position:absolute;
  815. top:0;
  816. right:0;
  817. bottom:0;
  818. left:0;
  819. z-index:1;
  820. }
  821.  
  822. {customCss}
  823.  
  824. @-webkit-keyframes fade-in {
  825. 0% { opacity: 0; }
  826. 50% { opacity: 0; }
  827. 100% { opacity: 1; }
  828.  
  829.  
  830. </style>
  831.  
  832. <body>
  833.  
  834. <a id="hot" href="http://sorrism.tumblr.com">°°</a>
  835.  
  836. <aside>
  837. {block:ifimage}<a href="/"><img src="{image:image}"/></a>{/block:ifimage}
  838. <a href="/" id="blogt"></a>
  839. <div class="description">Bring me warm rain and dried lavender and you. I want you most of all.
  840. </div>
  841. <div id="standardlinks">
  842. <a href="/">index</a><a href="/faq">mssg</a>{block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}{block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}{block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}<a href="/archive">archive</a>
  843. </div>
  844. </aside>
  845.  
  846. <div id="con">
  847.  
  848. <section id="ent">
  849. <div class="container">
  850. {block:Posts}
  851. <div class="rowe stickem-container">
  852. {block:indexpage}{block:ifstickycaptions}{block:Caption}<div class="caption stickem"><div class="in">{Caption}</div></div>{/block:Caption}{/block:ifstickycaptions}{/block:indexpage}<article class="posts content">
  853. <div id="permalink" {block:Date}style="margin-top:-6px"{/block:Date}>
  854. {block:Date}{block:indexpage}<a href="{Permalink}" title="{timeago}">{shortmonth} {dayofmonth}{dayofmonthsuffix}</a>{block:NoteCount}<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}<a href="{ReblogURL}" target="_blank">reblog</a>{/block:indexpage}{block:permalinkpage}<a href="{Permalink}">{month} {dayofmonth}{dayofmonthsuffix}</a>{block:NoteCount}<a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}<a href="{ReblogURL}" target="_blank">reblog</a>{block:RebloggedFrom}<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{block:ContentSource}<a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:ContentSource}{/block:RebloggedFrom}{/block:permalinkpage}{/block:Date}</div>
  855. {block:permalinkpage}{block:ifstickycaptions}{block:Caption}<div class="caption stickem"><div class="in">{Caption}</div></div>{/block:Caption}{/block:ifstickycaptions}{/block:permalinkpage}
  856.  
  857. {block:Quote}
  858. <div id="titlequote">{Quote}</div>
  859. <div id="source"><span>{Source}</span></div>
  860. {block:Source}{/block:Source}
  861. {/block:Quote}
  862.  
  863. {block:Text}
  864. {block:Title}<div id="title">{Title}</div>{/block:Title}
  865. <div class="te">{Body}</div>
  866. {/block:Text}
  867.  
  868. {block:Link}
  869. <div id="title"><a href="{URL}">{Name}</a></div>
  870. {block:Description}{Description}{/block:Description}
  871. {/block:Link}
  872.  
  873. {block:Chat}
  874. {block:Title}<div id="title">{Title}</div>{/block:Title}
  875. <div class="chat">
  876. <ol>{block:Lines}
  877. <li class="line {Alt}">
  878. {block:Label}
  879. <span class="label">
  880. {Label}</span>
  881. {/block:Label}{Line}</li>
  882. {/block:Lines}
  883. </ol></div>
  884. {/block:Chat}
  885.  
  886. {block:Photo}
  887. <div class="photo">
  888. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a>
  889. </div>
  890. {/block:Photo}
  891.  
  892. {block:Photoset}
  893. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img alt="{PhotoAlt}" 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>
  894. {/block:Photoset}
  895.  
  896. {block:Answer}
  897. <a class="ss" href="{askerurl}"></a>
  898. <div class="q"><span>{Asker} said: </span>{Question}</div>
  899. <div class="a">{Answer}</div>
  900. {/block:Answer}
  901.  
  902. {block:Video}
  903. <div class="video_big">{VideoEmbed-700}</div></div>
  904. {/block:Video}
  905.  
  906.  
  907. {block:Audio}
  908. <div class="m">
  909. <div class="player">{AudioPlayerWhite}</div>
  910. </div>
  911. <div class="audioinfo">
  912. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist} by {Artist}{/block:Artist}
  913. </div>
  914. {/block:Audio}
  915.  
  916. {block:ifnotstickycaptions}{block:Caption}<div class="c">{Caption}</div>{/block:Caption}{/block:ifnotstickycaptions}
  917.  
  918.  
  919. {block:HasTags}<div class="tags">Indexed: {block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  920.  
  921. </article>
  922.  
  923. </div>
  924.  
  925. {block:PostNotes}
  926. <div class="t">Notes</div>
  927. <div class="pagenotes">{PostNotes}</div>
  928. {/block:PostNotes}
  929.  
  930. {/block:Posts}
  931. </div>
  932.  
  933. {block:Pagination}
  934. <footer>
  935. <div class="song">
  936. {block:PreviousPage}<a href="{PreviousPage}" style="font-style:italic">Back</a>/{/block:PreviousPage}{block:NextPage}<a href="{NextPage}" style="font-style:italic">Next</a>{/block:NextPage}</div>{block:JumpPagination length="5"}{block:CurrentPage}<a class="current_page">{PageNumber}</a>{/block:CurrentPage}{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  937. </footer>
  938. {/block:Pagination}
  939.  
  940. </section>
  941. </div>
  942. <script src="http://static.tumblr.com/qudkd6d/QGdnk057h/jquery.style-my-tooltips.js"></script>
  943. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  944. <script>
  945. $(document).ready(function(){
  946. $(".t").click(function(){
  947. $(".pagenotes").slideToggle(400);
  948. });
  949. $('.photo-slideshow').pxuPhotoset({
  950. lightbox: true,
  951. rounded: false,
  952. gutter: '2px',
  953. photoset: '.photo-slideshow',
  954. photoWrap: '.photo-data',
  955. photo: '.pxu-photo'
  956. });
  957. });
  958. </script>
  959. {block:ContentSource}
  960. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  961. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  962. {/block:SourceLogo}
  963. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  964. {/block:ContentSource}
  965.  
  966. </body>
  967.  
  968. </html>
Advertisement
Add Comment
Please, Sign In to add comment