Advertisement
rasperries

taro 1

Apr 11th, 2015
263
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.70 KB | None | 0 0
  1. <!--
  2.  
  3. theme: taro
  4. - sorrism -
  5.  
  6.  
  7. -->
  8.  
  9. <!DOCTYPE html>
  10. <head>
  11.  
  12. <title>{block:TagPage}#{Tag} : {/block:TagPage} {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="#cccccc"/>
  22. <meta name="color:Link" content="#a7a7a7"/>
  23. <meta name="color:Title"content="#000000"/>
  24. <meta name="color:Scrollbar" content="#d5d5d5" />
  25. <meta name="color:Link Hover" content="#aaaaaa"/>
  26. <meta name="color:Accents" content="#fbfbfb"/>
  27. <meta name="color:Accent Text" content="#000000"/>
  28. <meta name="color:Post Border" content="#eeeeee"/>
  29. <meta name="color:Permalink" content="#cccccc"/>
  30.  
  31. <meta name="if:Hide Captions" content="0"/>
  32. <meta name="if:Infinite Scroll" content="1"/>
  33. <meta name="if:Center Content" content="1"/>
  34. <meta name="if:Blog Title Letter Spacing" content="1"/>
  35. <meta name="if:Bold Blog Title" content="0"/>
  36.  
  37. <meta name="select:Post Width" content="250" title="250px"/>
  38. <meta name="select:Post Width" content="300" title="300px"/>
  39. <meta name="select:Post Width" content="350" title="350px"/>
  40. <meta name="select:Post Width" content="400" title="400px"/>
  41. <meta name="select:Post Width" content="450" title="450px"/>
  42. <meta name="select:Post Width" content="500" title="500px"/>
  43.  
  44.  
  45. <meta name="select:Sidebar Image Width" content="100" title="100px"/>
  46. <meta name="select:Sidebar Image Width" content="70" title="70px"/>
  47. <meta name="select:Sidebar Image Width" content="50" title="50px"/>
  48.  
  49. <meta name="select:Blog Title Font Size" content="10px" title="10px"/>
  50. <meta name="select:Blog Title Font Size" content="11px" title="11px"/>
  51. <meta name="select:Blog Title Font Size" content="12px" title="12px"/>
  52. <meta name="select:Blog Title Font Size" content="14px" title="14px"/>
  53.  
  54. <meta name="select:Sidebar Position" content="right" title="Right"/>
  55. <meta name="select:Sidebar Position" content="left" title="Left"/>
  56.  
  57. <meta name="select:Font" content="inconsolata" title="Inconsolata"/>
  58. <meta name="select:Font" content="helvetica" title="Helvetica"/>
  59. <meta name="select:Font" content="arial" title="Arial"/>
  60. <meta name="select:Font" content="times" title="Times"/>
  61. <meta name="select:Font" content="georgia" title="Georgia"/>
  62.  
  63. <meta name="text:Post Spacing" content="70"/>
  64.  
  65. <meta name="text:Link 1 URL" content="" />
  66. <meta name="text:Link 1" content="" />
  67. <meta name="text:Link 2 URL" content="" />
  68. <meta name="text:Link 2" content="" />
  69. <meta name="text:Link 3 URL" content="" />
  70. <meta name="text:Link 3" content="" />
  71.  
  72. <meta name="text:Home Title" content="index"/>
  73. <meta name="text:Ask Title" content="message"/>
  74. <meta name="text:Archive Title" content="history"/>
  75.  
  76. <meta name="image:Sidebar" content=""/>
  77.  
  78. <link href='http://fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  79.  
  80. <!-- jquery -->
  81.  
  82.  
  83. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  84.  
  85. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  86. <script>
  87. $(function() {
  88. $(document).tooltip({
  89. track:true
  90. });
  91. });
  92. </script>
  93.  
  94. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  95.  
  96. <script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  97. <script>
  98. $(function() {
  99. $(document).tooltip({
  100. track:true
  101. });
  102. });
  103. </script>
  104.  
  105. <link href='http://fonts.googleapis.com/css?family=Inconsolata:400,700' rel='stylesheet' type='text/css'>
  106.  
  107. <!--CSS customization here. -->
  108.  
  109. <style type="text/css">
  110.  
  111. /*tooltip*/
  112.  
  113. .ui-tooltip {
  114. position:Absolute;
  115. z-index:9999;
  116. padding-top:10px;
  117. }
  118.  
  119. .ui-tooltip-content {
  120. background:{color:accents};
  121. padding:2px 4px;
  122. font-size:8px;
  123. text-transform:uppercase;
  124. color:{color:accent text};
  125. line-height:10px;
  126. letter-spacing:1px;
  127. }
  128.  
  129. /*tumblr controls and lightbox*/
  130.  
  131. #tumblr_lightbox {
  132. background-color:rgba(246, 246, 246, .9)!important;
  133. z-index:99999!important;
  134. }
  135.  
  136. #tumblr_lightbox img {opacity:0;}
  137.  
  138. #tumblr_lightbox_caption {
  139. color:black!important;
  140. font-family:arial!important;
  141. font-size:10px!important;
  142. font-weight:normal!important;
  143. text-shadow:none!important;
  144. }
  145.  
  146. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  147. background:white!important;
  148. -moz-box-shadow:none!important;
  149. -webkit-box-shadow:none!important;
  150. box-shadow:none!important;
  151. -moz-border-radius:0px!important;
  152. -webkit-border-radius:0px!important;
  153. border-radius:0px!important;
  154. opacity:1!important;
  155. }
  156.  
  157. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {opacity:.4!important;}
  158.  
  159. iframe#tumblr_controls {
  160. white-space:nowrap!important;
  161. -webkit-filter:invert(100%)!important;
  162. -moz-filter:invert(100%)!important;
  163. -ms-filter:invert(100%)!important;
  164. -o-filter:invert(100%)!important;
  165. filter:invert(100%)!important;
  166. top:10px!important;
  167. right:10px!important;
  168. position:fixed!important;
  169. opacity:.3!important;
  170. }
  171.  
  172. /*scrollbar*/
  173.  
  174. ::-webkit-scrollbar{
  175. height:3px;
  176. width:4px;
  177. background:{color:background};
  178. }
  179.  
  180. ::-webkit-scrollbar-thumb {
  181. background:{color:scrollbar};
  182. -webkit-border-radius:3px;
  183. border-radius:3px;
  184. }
  185.  
  186. ::-webkit-scrollbar-track {background:transparent;}
  187.  
  188. /*main structure*/
  189.  
  190. body {
  191. background:{color:background};
  192. color:{color:text};
  193. font-family:calibri;
  194. letter-spacing:0.02em;
  195. font-size:10px;
  196. font-weight:normal;
  197. position:relative;
  198. text-align:left;
  199. margin:0;
  200. line-height:150%;
  201. }
  202.  
  203. blockquote {
  204. padding-left:10px;
  205. border-left:1px solid rgba({RGBcolor:text},.3);
  206. margin:5px 0;
  207. text-align:left;
  208. }
  209.  
  210. .caption blockquote {margin:0;}
  211.  
  212. pre {
  213. white-space: pre-wrap; /* css-3 */
  214. white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  215. white-space: -pre-wrap; /* Opera 4-6 */
  216. white-space: -o-pre-wrap; /* Opera 7 */
  217. word-wrap: break-word; /* Internet Explorer 5.5+ */
  218. }
  219.  
  220. a { font-family:Lato, arial;
  221. font-size:7px;
  222. letter-spacing:1px;
  223. text-transform:uppercase;
  224. color:{color:link};
  225. text-decoration:none;
  226. cursor:help;
  227. border-bottom:1px solid rgba({RGBcolor:text},.3);
  228. }
  229.  
  230. a:hover {
  231. text-decoration:none;
  232. color:{color:link hover};
  233. }
  234.  
  235. img {
  236. opacity:1;
  237. border:none;
  238. text-decoration:none;
  239. }
  240.  
  241. p {margin:5px 0}
  242.  
  243. p:first-of-type {
  244. margin-top:0;
  245. padding-top:0;
  246. }
  247.  
  248. p:last-of-type {
  249. margin-bottom:0;
  250. padding-bottom:0;
  251. }
  252.  
  253. b, strong {color:{color:title};font-weight:normal;}
  254.  
  255. ol {
  256. list-style:lower-roman;
  257. text-align:left;
  258. }
  259.  
  260. ul {
  261. list-style:circle;
  262. text-align:left;
  263. }
  264.  
  265. small, big {font-size:10px;}
  266.  
  267. h1, h2, h3, h4 {
  268. font-size:10px;
  269. margin:0;
  270. padding:0;
  271. }
  272.  
  273. /*side*/
  274.  
  275. aside {
  276. -webkit-animation-name: fade-in;
  277. -webkit-animation-duration: 1.5s;
  278. width:100px;
  279. text-align:left;
  280. position:fixed;
  281. top:100px;
  282. }
  283.  
  284. aside.right {
  285. left:calc({select:post width}px + 100px);
  286. {block:ifcentercontent}
  287. left:50%;
  288. margin-left:calc({select:post width}px / 2 + 50px);
  289. {/block:ifcentercontent}
  290. }
  291.  
  292. aside.left {
  293. left:50px;
  294. {block:ifcentercontent}
  295. left:50%;
  296. margin-left:calc(-{select:post width}px / 2 - 150px);
  297. {/block:ifcentercontent}
  298. }
  299.  
  300. aside img {
  301. width:{select:sidebar image width}px;
  302. height:{select:sidebar image width}px;
  303. -moz-border-radius:100%;
  304. -webkit-border-radius:100%;
  305. border-radius:100%;
  306. margin-bottom:25px;
  307. cursor:help;
  308. position:relative;
  309. display:block;
  310. -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
  311. backface-visibility: hidden;
  312. transition:0.4s;
  313. -o-transition-duration:0.4s;
  314. -webkit-transition-duration:0.4s;
  315. -moz-transition-duration:0.4s;
  316. }
  317.  
  318. aside img:hover {
  319. opacity:.8;
  320. transition:0.4s;
  321. -o-transition-duration:0.4s;
  322. -webkit-transition-duration:0.4s;
  323. -moz-transition-duration:0.4s;
  324. }
  325.  
  326. #d {
  327. font-style:italic;
  328. margin:10px 0;
  329. }
  330.  
  331. nav {
  332. margin-bottom:5px;
  333. margin-top:5px;
  334. }
  335.  
  336. .tai {
  337. color:{color:title};
  338. font-family:Lato, arial;
  339. text-transform:uppercase;
  340. font-size:8px;
  341. {block:ifblogtitleletterspacing}
  342. letter-spacing:2px;
  343. {/block:ifblogtitleletterspacing}
  344. {block:ifboldblogtitle}
  345. font-weight:bold;
  346. {/block:ifboldblogtitle}
  347. border:0;
  348. margin-bottom:15px;
  349. }
  350.  
  351. .standardlinks a, nav a {
  352. cursor:help;
  353. display:inline-block;
  354. position:relative;
  355. margin-left:5px;
  356. }
  357.  
  358. nav li, .standardlinks li {list-style:none;}
  359.  
  360. /*pagination*/
  361.  
  362. .nice {
  363. position:fixed;
  364. right:15px;
  365. bottom:10px;
  366. width:15px;
  367. height:15px;
  368. border:0;
  369. color:#ccc;
  370. line-height:15px;
  371. text-align:center;
  372. background:#fff;
  373. }
  374.  
  375. #pagination {
  376. margin-top:calc({text:post spacing}px / 2);
  377. width:{select:post width}px;
  378. text-align:right;
  379. -webkit-animation-name: fade-in;
  380. -webkit-animation-duration: 2s;
  381. {block:ifinfinitescroll}
  382. display:none;
  383. {/block:ifinfinitescroll}
  384. }
  385.  
  386. #pagination a {display:inline-block;}
  387.  
  388. #infscr-loading {display:none!important;}
  389.  
  390.  
  391. /*posts*/
  392.  
  393. #entries {
  394. width:{select:post width}px;
  395. {block:ifcentercontent}
  396. margin:100px auto calc({text:post spacing}px / 2) auto;
  397. {/block:ifcentercontent}
  398. }
  399.  
  400. {block:ifnotcentercontent}
  401. #entries.left, #entries.right {
  402. margin-top:100px;
  403. margin-bottom:calc({text:post spacing}px / 2);
  404. }
  405.  
  406. #entries.left {margin-left:200px;}
  407.  
  408. #entries.right {margin-left:50px;}
  409. {/block:ifnotcentercontent}
  410.  
  411. .posts {
  412. width:{select:post width}px;
  413. {block:indexpage}
  414. margin-bottom:calc({text:post spacing}px / 2);
  415. border-bottom:1px solid {color:post border};
  416. padding-bottom:calc({text:post spacing}px / 2);
  417. {/block:indexpage}
  418. position:relative;
  419. display:block;
  420. -webkit-animation-name: fade-in;
  421. -webkit-animation-duration: 1.5s;
  422. }
  423.  
  424. .posts img {max-width:{select:post width}px;}
  425.  
  426. #buttt img, #buttt iframe {
  427. width:{select:post width}px;
  428. display:block;
  429. }
  430.  
  431. .video_big {
  432. position:relative;
  433. height:0;
  434. padding-bottom:56.25%;
  435. }
  436.  
  437. .video_big iframe {
  438. position:absolute;
  439. top:0;
  440. left:0;
  441. height:100%;
  442. width:100%;
  443. }
  444.  
  445. a.tumblr_blog {
  446. display:inline-block;
  447. margin-bottom:10px;
  448. }
  449.  
  450. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  451.  
  452. .caption img, .caption iframe, .hover img, .hover iframe {max-width:100%}
  453.  
  454. #title {
  455. font-family:Lato, arial;
  456. font-weight:;
  457. letter-spacing:2px;
  458. font-size:8px;
  459. text-transform:uppercase;
  460. margin-bottom:10px;
  461. color:{color:title};
  462. }
  463.  
  464. #title a {
  465. color:{color:title};
  466. display:inline-block;
  467. padding-bottom:3px;
  468. }
  469.  
  470. #title a:hover {color:{color:link hover};}
  471.  
  472. .caption {
  473. margin-top:10px;
  474. {block:ifhidecaptions}
  475. {block:indexpage}
  476. display:none;
  477. {/block:indexpage}
  478. {/block:ifhidecaptions}
  479. }
  480.  
  481. /*quote*/
  482.  
  483.  
  484.  
  485. #titlequote {
  486. background:{color:accents};
  487. font-size:11px;
  488. color:#000;
  489. font-weight:;
  490. font-style:italic;
  491. letter-spacing:0.03em;
  492. padding:10px;
  493. -moz-border-radius:3px;
  494. -webkit-border-radius:3px;
  495. border-radius:3px;
  496. }
  497.  
  498. #source {
  499. position:relative;
  500. margin-left:10px;
  501. margin-top:10px;
  502. }
  503.  
  504. /*audio*/
  505.  
  506. .tumblr_audio_player {
  507. width:250px;
  508. height:30px;
  509. margin-top:-2px;
  510. }
  511.  
  512. .player {
  513. width:25px;
  514. height:25px;
  515. border-left:5px solid black;
  516. display:block;
  517. overflow:hidden;
  518. }
  519.  
  520. .hold {
  521. background:black;
  522. display:block;
  523. padding:5px;
  524. position:relative;
  525. }
  526.  
  527. .hold:after {
  528. content:'LISTEN';
  529. margin-left:40px;
  530. top:5px;
  531. color:white;
  532. line-height:25px;
  533. position:Absolute;
  534. text-transform:uppercase;
  535. letter-spacing:2px;
  536. font-size:8px;
  537. }
  538.  
  539. .audio_info {
  540. display:block;
  541. margin-top:10px;
  542. padding-left:10px;
  543. border-left:1px solid rgba({RGBcolor:text},.3);
  544. }
  545.  
  546. .audio_info b {
  547. padding:0 5px;
  548. display:inline-block;
  549. }
  550.  
  551. .audio_info span {display:block;}
  552.  
  553. /*asks*/
  554.  
  555. .q {
  556. font-style:italic;
  557. padding:10px;
  558. }
  559.  
  560. .as {
  561. margin-right:5px;
  562. display:inline-block;
  563. text-transform:uppercase;
  564. letter-spacing:1px;
  565. font-size:8px;
  566. }
  567.  
  568. .as a {color:{color:text};}
  569.  
  570. .as a:hover {color:{color:link hover};}
  571.  
  572. .a {margin-top:10px;}
  573.  
  574. /*chat*/
  575.  
  576. .chat ol {
  577. margin:0;
  578. padding:0;
  579. list-style:none;
  580. }
  581.  
  582. .l.odd {
  583. background:{color:accents};
  584. color:{color:accent text};
  585. }
  586.  
  587. .l {padding:10px;}
  588.  
  589. .label {
  590. font-weight:bold;
  591. text-transform:uppercase;
  592. letter-spacing:1px;
  593. font-size:8px;
  594. display:inline-block;
  595. }
  596.  
  597. .even .label {color:{color:title};}
  598.  
  599. .odd .label {color:{color:accent text};}
  600.  
  601. /*permalink and notes*/
  602.  
  603. #when {
  604. opacity:0;
  605. position:absolute;
  606. top:calc(100% - 5px);
  607. text-align:center;
  608. width:{select:post width}px;
  609. left:0px;
  610. line-height:10px;
  611. font-style:;
  612. transition:0.3s;
  613. -o-transition-duration:0.3s;
  614. -webkit-transition-duration:0.3s;
  615. -moz-transition-duration:0.3s;
  616. }
  617.  
  618. .posts:hover #when {
  619. opacity:1;
  620. transition:0.3s;
  621. -o-transition-duration:0.3s;
  622. -webkit-transition-duration:0.3s;
  623. -moz-transition-duration:0.3s;
  624. }
  625.  
  626. #when span {
  627. background:{color:background};
  628. padding-right:0px;
  629. padding-left:5px;
  630. }
  631.  
  632. #when a {
  633. color:{color:permalink};
  634. display:inline-block;
  635. border:0;
  636. margin-right:8px;
  637. }
  638.  
  639. #when a:hover {color:{color:link hover};}
  640.  
  641. #permalink {
  642. margin-top:10px;
  643. -webkit-animation-name: fade-in;
  644. -webkit-animation-duration: 1.5s;
  645. }
  646.  
  647. #permalink span {display:block;}
  648.  
  649. .pagenotes {
  650. -webkit-animation-name: fade-in;
  651. -webkit-animation-duration: 1.5s;
  652. margin-top:calc({text:post spacing}px / 2);
  653. margin-bottom:{text:post spacing}px;
  654. padding-top:calc({text:post spacing}px / 2);
  655. text-transform:uppercase;
  656. font-size:8px;
  657. letter-spacing:1px;
  658. width:{select:post width}px;
  659. border-top:1px solid {color:post border};
  660. }
  661.  
  662. .pagenotes a {text-decoration:none;}
  663.  
  664. .same {
  665. display:none;
  666. max-height:300px;
  667. overflow-y:auto;
  668. }
  669.  
  670. ol.notes {
  671. list-style-type:none;
  672. text-align:left;
  673. padding:0px;
  674. margin:0px;
  675. }
  676.  
  677. ol.notes li.note {
  678. display:block;
  679. padding:0;
  680. margin:5px 0;
  681. }
  682.  
  683. ol.notes li.note img.avatar {display:none!important;}
  684.  
  685. .t {
  686. cursor:help;
  687. margin-bottom:10px;
  688. }
  689.  
  690. .t:hover {color:{color:link hover};}
  691.  
  692. a.more_notes_link {
  693. display:block;
  694. text-align:left;
  695. border:0;
  696. color:{color:title};
  697. }
  698.  
  699.  
  700.  
  701.  
  702. {CustomCSS}
  703.  
  704. @-webkit-keyframes fade-in {
  705. 0% { opacity: 0; }
  706. 50% { opacity: 0; }
  707. 100% { opacity: 1; }
  708.  
  709. </style>
  710.  
  711.  
  712.  
  713.  
  714.  
  715. <script>
  716. $(function() {
  717. $('.t').click(function() {
  718. $('.same').slideToggle(400);
  719. });
  720. });
  721. </script>
  722.  
  723.  
  724.  
  725.  
  726. </head>
  727.  
  728. <body>
  729.  
  730.  
  731.  
  732. <aside class="{select:sidebar position}">{block:ifSidebarImage}<a href="/" class="li"><img src="{image:sidebar}"/></a>{/block:ifSidebarImage}<a href="/" class="tai">trish / gemini</a><div id="d">{description}</div>
  733. <nav class="standardlinks"><li>→<a href="/">{text:home title}</a></li><li>→<a href="/faq">{text:ask title}</a></li>{block:ifLink1}<li>→<a href="{text:Link 1 URL}">{text:Link 1}</a></li>{/block:ifLink1}{block:ifLink2}<li>→<a href="{text:Link 2 URL}">{text:Link 2}</a></li>{/block:ifLink2}{block:ifLink3}<li>→<a href="{text:Link 3 URL}">{text:Link 3}</a></li>{/block:ifLink3}</nav></aside>
  734.  
  735. <section id="entries" {block:ifnotcentercontent}class="{select:sidebar position}"{/block:ifnotcentercontent}>
  736. {block:Posts}
  737. <article class="posts">
  738.  
  739. {block:indexpage}
  740. {block:Date}
  741. <div id="when"><span>
  742. <a href="{Permalink}" target="_blank" >{shortmonth} {dayofmonth}{dayofmonthsuffix}</a>{block:NoteCount}<a href="{permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}<a href="{ReblogURL}" target="_blank">reblog</a></span></div>
  743. {/block:Date}{/block:indexpage}
  744.  
  745. {block:Quote}
  746. <div id="titlequote">{Quote}</div>
  747. {block:Source}<div id="source">{Source}</div>{/block:Source}
  748. {/block:Quote}
  749.  
  750. {block:Text}
  751. {block:Title}<div id="title">{Title}</div>{/block:Title}
  752. {Body}
  753. {/block:Text}
  754.  
  755. {block:Link}
  756. <div id="title"><a href="{URL}">{Name}</a></div>
  757. {block:Description}{Description}{/block:Description}
  758. {/block:Link}
  759.  
  760. {block:Chat}
  761. {block:Title}<div id="title">{Title}</div>{/block:Title}
  762. <div class="chat">
  763. <ol>
  764. {block:Lines}
  765. <li class="l {Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label} {Line}</li>
  766. {/block:Lines}
  767. </ol></div>
  768. {/block:Chat}
  769.  
  770. {block:Photo}
  771. <div id="buttt"><a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a></div>
  772. {/block:Photo}
  773.  
  774. {block:Photoset}<div id="buttt">{photoset}</div>{/block:Photoset}
  775.  
  776. {block:Video}<div class="video_big">{VideoEmbed-700}</div>{/block:Video}
  777.  
  778. {block:Audio}
  779. {block:AudioPlayer}
  780. <div class="hold">
  781. <div class="player">{AudioPlayerblack}</div>
  782. </div>
  783. {/block:AudioPlayer}
  784. <div class="audio_info">
  785. {block:TrackName}<span><b>Track:</b> {TrackName}</span>{/block:TrackName}
  786. {block:Artist}<span><b>Artist:</b> {Artist}</span>{/block:Artist}
  787. <span><b>Plays:</b> {playcount}</span>
  788. </div>
  789. {/block:Audio}
  790.  
  791. {block:Answer}
  792. <div class="q"><span class="as">{Asker} sent &mdash;</span>{Question}</div><div class="a">{Answer}</div>
  793. {/block:Answer}
  794.  
  795. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  796.  
  797. </article>
  798.  
  799.  
  800. {block:permalinkpage}{block:Date}
  801. <div id="permalink">
  802. <span>Posted on {month} {dayofmonth}{dayofmonthsuffix} at {12hour}:{minutes}{ampm}</span>
  803. {block:RebloggedFrom}<span>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</span>{/block:RebloggedFrom}
  804. {block:HasTags}<span>Indexed: {block:Tags}<a href="{TagUrl}">#{Tag}</a> {/block:Tags}</span>{/block:HasTags}</div>
  805. {/block:Date}{/block:permalinkpage}
  806.  
  807. {block:PostNotes}
  808. <div class="pagenotes">
  809. <div class="t">{notecountwithlabel}</div>
  810. <div class="same">{PostNotes}</div>
  811. </div>
  812. {/block:PostNotes}
  813.  
  814. {/block:Posts}
  815.  
  816. {block:Pagination}<footer id="pagination">
  817. {block:PreviousPage}<a href="{PreviousPage}" style="float:left;text-align:left">previous page</a>{/block:PreviousPage}
  818. {block:NextPage}<a href="{NextPage}">next page</a>{/block:NextPage}
  819. </footer>{/block:Pagination}
  820.  
  821. </section>
  822.  
  823. {block:indexpage}
  824. {block:ifinfinitescroll}
  825. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  826.  
  827. <script>
  828. $(document).ready(function(){
  829. var $container = $('#entries');
  830. $container.infinitescroll({
  831. itemSelector: '.posts',
  832. navSelector: '#pagination',
  833. nextSelector: '#pagination a',
  834. loadingImg: '',
  835. loadingText: '<em></em>',
  836. bufferPx: 100
  837. });
  838. });
  839. </script>
  840. {/block:ifinfinitescroll}
  841. {/block:indexpage}
  842.  
  843. <a class="nice" href="http://sorrism.tumblr.com"target="_blank">S.</a>
  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. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement