API tools faq
paste
Advertisement
rasperries

septim gallery lato/georgia

rasperries
Oct 7th, 2019
197
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.08 KB | None | 0 0
raw download clone embed print report
  1. <!-- bouise theme -->
  2.  
  3.  
  4.  
  5. <!DOCTYPE html>
  6. <head>
  7.  
  8. <title>{Title}</title>
  9.  
  10. <link rel="shortcut icon" href="{Favicon}">
  11. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13.  
  14. <!--Default Variables-->
  15.  
  16. <meta name="color:Background" content="#ffffff"/>
  17. <meta name="color:Text" content="#cccccc"/>
  18. <meta name="color:Link" content="#a7a7a7"/>
  19. <meta name="color:Title"content="#070707"/>
  20. <meta name="color:Blog title"content="#aaaaaa"/>
  21. <meta name="color:Scrollbar" content="#d5d5d5" />
  22. <meta name="color:Link hover" content="#aaaaaa"/>
  23. <meta name="color:Post separator" content="#cccccc"/>
  24. <meta name="color:Accents" content="#F5F3F7"/>
  25. <meta name="if:Hide Captions" content="0"/>
  26. <meta name="if:Show Title" content="1">
  27.  
  28. <meta name="text:Link 1 URL" content="" />
  29. <meta name="text:Link 1" content="" />
  30. <meta name="text:Link 2 URL" content="" />
  31. <meta name="text:Link 2" content="" />
  32. <meta name="text:Link 3 URL" content="" />
  33. <meta name="text:Link 3" content="" />
  34. <meta name="text:Link 4 URL" content="" />
  35. <meta name="text:Link 4" content="" />
  36.  
  37.  
  38. <!-- jquery -->
  39. <script src="//use.edgefonts.net/source-serif-pro;lato.js"></script>
  40.  
  41. <script src="//use.edgefonts.net/source-serif-pro;lato.js"></script>
  42.  
  43. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  44.  
  45. <script src="https://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  46.  
  47.  
  48.  
  49. <script>
  50.  
  51. (function($){
  52.  
  53. $(document).ready(function(){
  54.  
  55. $("a[title]").style_my_tooltips({
  56.  
  57. tip_follows_cursor:true,
  58.  
  59. tip_delay_time:30,
  60.  
  61. tip_fade_speed:300,
  62.  
  63. attribute:"title"
  64.  
  65. });
  66.  
  67. });
  68.  
  69. })(jQuery);
  70.  
  71. </script>
  72.  
  73.  
  74.  
  75. <link href='https://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
  76. <!--CSS customization here. -->
  77.  
  78. <style type="text/css">
  79.  
  80.  
  81.  
  82. #s-m-t-tooltip{
  83. position:absolute;
  84. margin-top: 15px;
  85. z-index:9999;
  86. font-style:italic;
  87. font-size:9px;
  88. background:{color:background};
  89. color:{color:text};
  90. border-bottom:1px dotted #aaa;
  91. text-transform:lowercase;
  92. padding:0px 3px;
  93. }
  94.  
  95.  
  96.  
  97.  
  98. /*scrollbar*/
  99. ::-webkit-scrollbar{height: 5px;
  100. width: 4px;
  101. -webkit-border-radius: 0px;
  102. background-color:{color:background}}
  103. ::-webkit-scrollbar-thumb{background-color:{color:background};
  104. border:1px solid {color:scrollbar};}
  105. ::-webkit-scrollbar-track{background-color:{color:background};}
  106.  
  107.  
  108. #text {
  109. position:fixed;
  110. right:15px;
  111. font-weight:;
  112. bottom:15px;
  113. text-transform:uppercase;
  114. font-family:arial;
  115. padding:5px 5px;
  116. font-size:13px;
  117. transform:rotate(90deg);
  118. -ms-transform:rotate(90deg); /* IE 9 */
  119. -webkit-transform:rotate(90deg); /* Safari and Chrome */}}
  120. #text a {text-decoration:none;}
  121.  
  122. /*main structure*/
  123. blockquote {padding-left:15px;
  124. border-left: 1px dotted #aaa;
  125. margin-left:15px;
  126. text-align:justify;
  127. }
  128. .caption blockquote {font-size:9px;
  129. font-family:source-serif-pro, georgia, serif;
  130. line-height:14px;
  131. word-break:break-word;
  132. -moz-osx-font-smoothing:grayscale;
  133. -webkit-font-smoothing:antialiased;
  134. font-smoothing:antialiased;
  135. color:rgb(55,55,55);
  136. background:rgb(255,255,255);
  137. margin:15px 0 15px 15px;
  138. padding:0 0 0 14px}
  139. .caption pre {font-size:9px;
  140. font-family:source-serif-pro, georgia, serif;
  141. line-height:14px;
  142. word-break:break-word;
  143. -moz-osx-font-smoothing:grayscale;
  144. -webkit-font-smoothing:antialiased;
  145. font-smoothing:antialiased;
  146. color:rgb(55,55,55);
  147. background:rgb(255,255,255);
  148. width:225px;
  149. overflow-x:scroll;}
  150. .captions blockquote {font-size:9px;
  151. font-family:source-serif-pro, georgia, serif;
  152. line-height:14px;
  153. word-break:break-word;
  154. -moz-osx-font-smoothing:grayscale;
  155. -webkit-font-smoothing:antialiased;
  156. font-smoothing:antialiased;
  157. color:rgb(55,55,55);
  158. background:rgb(255,255,255);margin:15px 0 15px 15px;
  159. padding:0 0 0 14px}
  160. .captions pre {
  161. width:500px;
  162. overflow-x:scroll;}
  163.  
  164. body {
  165. background:{color:background};
  166. color:{color:text};
  167. font-size:9px;
  168. font-family:source-serif-pro, georgia, serif;
  169. line-height:14px;
  170. word-break:break-word;
  171. -moz-osx-font-smoothing:grayscale;
  172. -webkit-font-smoothing:antialiased;
  173. font-smoothing:antialiased;
  174. color:rgb(55,55,55);
  175. background:rgb(255,255,255);
  176. letter-spacing:0.5px;
  177. text-align:justify;
  178. margin:0;
  179. line-height:15px;}
  180.  
  181.  
  182. a {
  183. color:{color:link};
  184. text-decoration:none;
  185. border-bottom:1px dotted transparent;
  186. -webkit-transition:all 0.6s;
  187. -moz-transition:all 0.6s;
  188. -ms-transition:all 0.6s;
  189. -o-transition:all 0.6s;
  190. transition:all 0.6s;
  191. }
  192.  
  193. a:hover {border-bottom:1px dotted {color:link hover};
  194. -webkit-transition:all 0.6s;
  195. -moz-transition:all 0.6s;
  196. -ms-transition:all 0.6s;
  197. -o-transition:all 0.6s;
  198. transition:all 0.6s; }
  199.  
  200. img{
  201. opacity:1;
  202. border:none;
  203. text-decoration:none}
  204.  
  205.  
  206. b, strong {text-transform:uppercase; font-weight:lighter;
  207. color:{color:title}}
  208. i, em {
  209. color:{color:text}}
  210. p {
  211. margin-top:5px;
  212. margin-bottom:5px}
  213. ol {
  214. list-style:normal;
  215. text-align:justify;}
  216. ul {
  217. list-style:square;
  218. text-align:justify;}
  219.  
  220. small {
  221. font-size:9px;}
  222.  
  223. big {
  224. font-size:9px;}
  225.  
  226.  
  227.  
  228.  
  229. #title {font-size:10px;
  230. line-height:18px;
  231. letter-spacing:2px;
  232. font-weight:bold;
  233. text-transform:uppercase;
  234. margin:25px 0;
  235. color:{color:title};}
  236. #title a {color:{color:title};}
  237.  
  238.  
  239.  
  240.  
  241. /*header*/
  242.  
  243. #headers {
  244. text-align:left;
  245. width:650px;
  246. padding:0 15px;
  247. margin-top:100px;
  248. }
  249.  
  250.  
  251.  
  252. #blogt {font-size:11px;
  253. font-weight:;
  254. font-family:lato;
  255. line-height:inherit;
  256. text-transform:uppercase;
  257. letter-spacing:4px;
  258. color:rgb(0,0,0);
  259. float:left;
  260. font-style:;
  261. }
  262. #blogt a {color:{color:blog title};
  263. border-bottom:none;}
  264.  
  265.  
  266. .standardlinks{
  267. font-family:lato;
  268. font-size:7px;
  269. line-height:inherit;
  270. text-transform:uppercase;
  271. letter-spacing:2px;
  272. line-height:14px;
  273. word-break:break-word;
  274. -moz-osx-font-smoothing:grayscale;
  275. -webkit-font-smoothing:antialiased;
  276. font-smoothing:antialiased;
  277. color:rgb(55,55,55);
  278. background:rgb(255,255,255);
  279. text-align:right;
  280. }
  281. .standardlinks a {margin-left:15px;
  282. padding:3px 4px;
  283. border:0;
  284. background:{color:background};}
  285.  
  286. .standardlinks a:hover {background:{color:background};}
  287.  
  288.  
  289. #description {margin-left:0px;
  290. position:absolute;
  291. font-size:9px;
  292. font-family:source-serif-pro, georgia, serif;
  293. line-height:14px;
  294. word-break:break-word;
  295. -moz-osx-font-smoothing:grayscale;
  296. -webkit-font-smoothing:antialiased;
  297. font-smoothing:antialiased;
  298. color:rgb(55,55,55);
  299. background:rgb(255,255,255);
  300. letter-spacing:0.5px;
  301. margin-top:0px;
  302. margin-top:2px;
  303. padding:5px 0px;
  304. background:{color:background};
  305. opacity:0;
  306. -webkit-transition:all 0.6s;
  307. -moz-transition:all 0.6s;
  308. -ms-transition:all 0.6s;
  309. -o-transition:all 0.6s;
  310. transition:all 0.6s;
  311. }
  312. #headers:hover #description {opacity:1;
  313. -webkit-transition:all 0.6s;
  314. -moz-transition:all 0.6s;
  315. -ms-transition:all 0.6s;
  316. -o-transition:all 0.6s;
  317. transition:all 0.6s;}
  318.  
  319. /*pagination*/
  320. #pagination {
  321. text-align:left;
  322. margin-top:25px;
  323. padding-top:24px;
  324. border-top:1px solid {color:post separator};
  325. width:680px;
  326. padding-top:30px;
  327. margin-bottom:25px;
  328. font-family:lato;
  329. font-size:7px;
  330. line-height:inherit;
  331. text-transform:uppercase;
  332. letter-spacing:2px;
  333. line-height:14px;
  334. word-break:break-word;
  335. -moz-osx-font-smoothing:grayscale;
  336. -webkit-font-smoothing:antialiased;
  337. font-smoothing:antialiased;
  338. }
  339.  
  340.  
  341. #pagination a { font-family:lato;
  342. font-size:7px;
  343. line-height:inherit;
  344. text-transform:uppercase;
  345. letter-spacing:2px;
  346. line-height:14px;
  347. word-break:break-word;
  348. -moz-osx-font-smoothing:grayscale;
  349. -webkit-font-smoothing:antialiased;
  350. font-smoothing:antialiased;
  351. color:rgb(55,55,55);
  352. background:rgb(255,255,255);
  353. font-weight:lighter;
  354. text-transform:uppercase;
  355. letter-spacing:2px;
  356. display:inline-block;
  357. margin:0 25px 0 25px;
  358.  
  359. }
  360.  
  361.  
  362. .pages {text-align:right;
  363. line-height:14px;
  364. word-break:break-word;
  365. -moz-osx-font-smoothing:grayscale;
  366. -webkit-font-smoothing:antialiased;
  367. font-smoothing:antialiased;
  368. color:rgb(55,55,55);
  369. background:rgb(255,255,255);}
  370. .sack {float:left;font-size:9px;
  371. font-family:
  372. line-height:14px;
  373. word-break:break-word;
  374. -moz-osx-font-smoothing:grayscale;
  375. -webkit-font-smoothing:antialiased;
  376. font-smoothing:antialiased;
  377. color:rgb(55,55,55);
  378. background:rgb(255,255,255);}
  379.  
  380. /*container*/
  381. #con {
  382. left:50%;
  383. margin-left:-340px;
  384. position:absolute;
  385. margin-bottom:100px;
  386. }
  387.  
  388.  
  389.  
  390. /*posts*/
  391.  
  392. #entries {
  393. width:680px;margin-top:-10px;
  394. }
  395.  
  396. .coup {width:650px;
  397. margin-top:25px;
  398. padding-top:25px;
  399. padding-left:15px;
  400. padding-right:15px;
  401.  
  402. border-top:1px solid {color:post separator};}
  403.  
  404. #posts {{block:indexpage}
  405. width:400px;
  406. {/block:indexpage}
  407. {block:permalinkpage}
  408. width:500px;
  409. margin-left:75px;
  410. {/block:permalinkpage}
  411. position:relative;
  412. }
  413. #posts img {
  414. {block:indexpage}
  415. max-width:400px;
  416. {/block:indexpage}
  417. {block:permalinkpage}
  418. max-width:500px;
  419. {/block:permalinkpage}
  420. display:block;
  421. }
  422.  
  423.  
  424. #buttt img {{block:indexpage}
  425. width:400px;
  426. {/block:indexpage}
  427. {block:permalinkpage}
  428. width:500px;
  429. {/block:permalinkpage}}
  430.  
  431. #titlequote{font-family:lato;
  432. font-size:8px;
  433. line-height:inherit;
  434. text-transform:uppercase;
  435. letter-spacing:2px;
  436. word-break:break-word;
  437. -moz-osx-font-smoothing:grayscale;
  438. -webkit-font-smoothing:antialiased;
  439. font-smoothing:antialiased;
  440. line-height:15px;
  441. font-style:italic;
  442. color:{color:blog title};
  443. }
  444.  
  445. #source {
  446. margin-top:5px;}
  447.  
  448. #posts img, #posts li, #posts blockquote {max-width: 100%;}
  449. .caption img{font-size:9px;
  450. font-family:source-serif-pro, georgia, serif;
  451. line-height:14px;
  452. word-break:break-word;
  453. -moz-osx-font-smoothing:grayscale;
  454. -webkit-font-smoothing:antialiased;
  455. font-smoothing:antialiased;
  456. color:rgb(55,55,55);
  457. background:rgb(255,255,255);
  458. max-width:200px;
  459.  
  460. }
  461. .caption {text-transform:none;
  462. font-size:9px;
  463. font-family:source-serif-pro, georgia, serif;
  464. line-height:14px;
  465. word-break:break-word;
  466. -moz-osx-font-smoothing:grayscale;
  467. -webkit-font-smoothing:antialiased;
  468. font-smoothing:antialiased;
  469. color:rgb(55,55,55);
  470. background:rgb(255,255,255);
  471. letter-spacing:0.5px;
  472. margin-top:10px;
  473. background:{color:background};
  474. {block:IfHideCaptions}
  475. {block:IndexPage}
  476. display:none;
  477. {/block:IndexPage}
  478. {/block:IfHideCaptions}
  479. padding-top:5px;
  480. border-top:1px solid {color:post separator}
  481. }
  482. .captions {padding-top:10px;font-size:9px;
  483. font-family:source-serif-pro, georgia, serif;
  484. line-height:14px;
  485. word-break:break-word;
  486. -moz-osx-font-smoothing:grayscale;
  487. -webkit-font-smoothing:antialiased;
  488. font-smoothing:antialiased;
  489. color:rgb(55,55,55);
  490. background:rgb(255,255,255);}
  491.  
  492. #side {position:absolute;
  493. margin-left:425px;
  494. width:225px;
  495. max-height:100%;
  496. overflow:scroll;}
  497.  
  498. /*audio*/
  499.  
  500. .player {
  501. height:50px;
  502. width:140px;
  503. overflow:hidden;
  504. border:10px solid {color:accents};
  505. z-index:2;
  506. margin-right:10px;
  507. float:left;}
  508.  
  509. .audioinfo {
  510. font-style:italic;
  511. font-family:lato;
  512. font-size:7px;
  513. line-height:inherit;
  514. text-transform:uppercase;
  515. letter-spacing:2px;
  516. line-height:14px;
  517. word-break:break-word;
  518. -moz-osx-font-smoothing:grayscale;
  519. -webkit-font-smoothing:antialiased;
  520. font-smoothing:antialiased;
  521. padding:10px;
  522. height:50px;
  523. line-height:16px;
  524. background:{color:Accents};}
  525.  
  526. .audioinfo b {
  527. font-style:normal;
  528. font-family:lato;
  529. font-size:7px;
  530. line-height:inherit;
  531. text-transform:uppercase;
  532. letter-spacing:2px;
  533. line-height:14px;
  534. word-break:break-word;
  535. -moz-osx-font-smoothing:grayscale;
  536. -webkit-font-smoothing:antialiased;
  537. font-smoothing:antialiased;
  538. color:rgb(55,55,55);
  539. background:rgb(255,255,255);
  540. font-weight:bold;
  541. background:{color:Accents};
  542. }
  543.  
  544. .tumblr_audio_player {height:50px;
  545. width:315px;
  546. padding-top:10px;
  547.  
  548. }
  549.  
  550. /*asks*/
  551. .q {
  552. padding:15px;
  553. font-style:;
  554. background:{color:Accents};
  555. }
  556. .as {color:{color:title};
  557. font-weight:;
  558. text-transform:uppercase;
  559. font-style:normal;
  560. font-family:lato;
  561. font-size:7px;
  562. line-height:inherit;
  563. text-transform:uppercase;
  564. letter-spacing:2px;
  565. line-height:14px;
  566. word-break:break-word;
  567. -moz-osx-font-smoothing:grayscale;
  568. -webkit-font-smoothing:antialiased;
  569. font-smoothing:antialiased;
  570. color:rgb(55,55,55);
  571. letter-spacing:1.5px;}
  572.  
  573. .a {
  574. margin-top:15px;}
  575.  
  576.  
  577.  
  578.  
  579.  
  580. .chat ol {
  581. padding:0;
  582. line-height:180%;
  583. list-style:none;
  584. }
  585.  
  586. .line.odd {
  587. padding:5px;
  588. background:{color:accents};
  589. }
  590.  
  591. .line.even {
  592. padding:5px;
  593. }
  594.  
  595. .label {font-weight:bold;
  596. display:inline-block;
  597. font-size:8px;
  598. letter-spacing:1px;
  599. text-transform:uppercase;
  600. color:{color:title};
  601. }
  602.  
  603.  
  604.  
  605.  
  606.  
  607. /*permalink and notes*/
  608.  
  609. #permalink {
  610. text-align:left;
  611. font-family:lato;
  612. font-size:7px;
  613. line-height:inherit;
  614. text-transform:uppercase;
  615. letter-spacing:1.3px;
  616. line-height:14px;
  617. word-break:break-word;
  618. -moz-osx-font-smoothing:grayscale;
  619. -webkit-font-smoothing:antialiased;
  620. font-smoothing:antialiased;
  621. color:rgb(55,55,55);
  622. background:rgb(255,255,255);
  623. text-transform:;
  624.  
  625. {block:permalinkpage}
  626. margin-top:15px;
  627. text-align:center;
  628. {/block:permalinkpage}
  629. }
  630. #permalink a {display:inline-block;
  631. }
  632.  
  633. .tags {{block:ifNotShowTags}
  634. {block:IndexPage}
  635. display:none;
  636. {/block:IndexPage}
  637. {/block:ifNotShowTags}
  638. word-break:break-all;
  639. padding:0px 5px;
  640. {block:IndexPage}
  641. background:{color:accents};
  642. {/block:IndexPage}
  643.  
  644. }
  645. .tags a{margin-right:3px;
  646. text-transform:;
  647. font-size:7px;
  648. padding-top:2px;
  649. letter-spacing:1px;}
  650.  
  651.  
  652. #notas {
  653. {block:IndexPage}
  654. display: none!important;
  655. {/block:IndexPage}
  656. margin-top:5px;
  657. width:680px;
  658. background:{color:background};
  659. }
  660.  
  661. #notas img {
  662. display:none!important;}
  663. #notas ol {margin:0;padding:0;}
  664. #notas li {
  665. list-style-type:none;
  666. font-size:8px;
  667. text-align:left;
  668. line-height:22px;
  669. letter-spacing:1px;
  670. text-transform:uppercase;
  671. }
  672. #displayNotes {font-size:8px;
  673. text-transform:uppercase;
  674. letter-spacing:1px;
  675. font-weight:bold;}
  676. #toggleNotes {margin-top:25px}
  677. {CustomCSS}
  678.  
  679.  
  680. </style>
  681.  
  682. <!-- notes -->
  683.  
  684. <script language="javascript">
  685.  
  686. function toggle() {
  687. var ele = document.getElementById("toggleNotes");
  688. var text = document.getElementById("displayNotes");
  689. if(ele.style.display == "block") {
  690. ele.style.display = "none";
  691. text.innerHTML = "show notes";
  692. }
  693. else {
  694. ele.style.display = "block";
  695. text.innerHTML = "hide notes";
  696. }
  697. }
  698.  
  699. </script>
  700.  
  701.  
  702.  
  703.  
  704. </head>
  705.  
  706. <body>
  707.  
  708.  
  709. <div id="con">
  710.  
  711.  
  712. <div id="headers">
  713. {block:IfShowTitle}
  714. <div id="blogt"><a href="/">{Title}</a></div>
  715. {/block:IfShowTitle}
  716. <div class="standardlinks">
  717. <a href="/">home</a>
  718. <a href="/ask">ask</a>
  719. {block:ifLink1}<a href="{text:Link 1 URL}">{text:Link 1}</a>{/block:ifLink1}
  720. {block:ifLink2}<a href="{text:Link 2 URL}">{text:Link 2}</a>{/block:ifLink2}
  721. {block:ifLink3}<a href="{text:Link 3 URL}">{text:Link 3}</a>{/block:ifLink3}
  722. {block:ifLink4}<a href="{text:Link 4 URL}">{text:Link 4}</a>{/block:ifLink4}
  723. <a href="/archive">archive</a>
  724. </div>
  725.  
  726. <div id="description">
  727. {Description}
  728. </div>
  729.  
  730. </div>
  731.  
  732.  
  733. <div id="entries">
  734.  
  735. {block:Posts}
  736. <div class="coup">
  737. <div id="posts">
  738.  
  739. {block:indexpage}
  740. {block:Date}
  741. <div id="side">
  742. <div id="permalink">Posted <a href="{Permalink}">{Month} {DayofMonth}{DayOfMonthSuffix}</a> at <a href="{Permalink}">{12hour}:{minutes} {ampm}</a>
  743. <br>{block:NoteCount}<a href="{Permalink}">with {NoteCountWithLabel}</a>{/block:NoteCount} <a href="{ReblogURL}" target="_blank" style="color:">Reblog</a>
  744. {block:RebloggedFrom}<br><a href="{ReblogParentURL}" title="{ReblogParentName}">via&nbsp;</a>{block:ContentSource}<a href="{ReblogRootURL}" "{ReblogRootName}">& source</a>{/block:ContentSource}{/block:RebloggedFrom}
  745.  
  746.  
  747. </div>
  748. {block:Caption}<div class="caption">{caption}</div>{/block:Caption}
  749.  
  750. </div>
  751. {/block:Date}
  752. {/block:indexpage}
  753.  
  754.  
  755.  
  756. {block:Quote}
  757.  
  758.  
  759. <div id="titlequote">{Quote}</div>
  760. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  761. {/block:Quote}
  762.  
  763.  
  764.  
  765. {block:Text}
  766. {block:Title}<div id="title">{Title}</div>{/block:Title}
  767.  
  768. {Body}
  769. {/block:Text}
  770.  
  771. {block:Link}
  772.  
  773. <div id="title"><a href="{URL}">{Name}</a></div>
  774. {block:Description}{Description}{/block:Description}
  775.  
  776. {/block:Link}
  777.  
  778. {block:Chat}
  779. {block:Title}
  780. <h1>{Title}</h1>
  781. {/block:Title}
  782. <div class="chat">
  783. <ol>{block:Lines}
  784. <li class="line {Alt}">
  785. {block:Label}
  786. <span class="label">
  787. {Label}</span>
  788. {/block:Label}{Line}</li>
  789. {/block:Lines}
  790. </ol></div>
  791. {/block:Chat}
  792.  
  793. {block:Photo}
  794. <div id="buttt">
  795. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></a></div>
  796. {/block:Photo}
  797.  
  798. {block:Photoset}
  799. {block:indexpage}
  800. {Photoset-400}
  801. {/block:indexpage}
  802. {block:permalinkpage}
  803. {Photoset-500}
  804. {/block:permalinkpage}
  805. {/block:Photoset}
  806.  
  807. {block:Video}
  808. {block:indexpage}
  809. {Video-400}
  810. {/block:indexpage}
  811. {block:permalinkpage}
  812. {Video-500}
  813. {/block:permalinkpage}
  814. {/block:Video}
  815.  
  816.  
  817.  
  818. {block:Audio}
  819. <div class="player">{AudioPlayerWhite}</div>
  820. <div class="audioinfo">
  821. {block:TrackName}<b>{TrackName}</b>{/block:TrackName}{block:Artist}<br>{Artist}{/block:Artist}<br>
  822. {Playcountwithlabel}
  823. </div>
  824. {/block:Audio}
  825.  
  826. {block:Answer}
  827.  
  828. <div class="q"><span class="as">{Asker} said: </span>{Question}</div>
  829. <div class="a">{Answer}</div>
  830.  
  831. {/block:Answer}
  832.  
  833. {block:permalinkpage}
  834. {block:Caption}<div class="captions">{caption}</div>{/block:Caption}
  835. {block:date}<div id="permalink">
  836. Posted <a href="{Permalink}">{Month} {DayofMonth}{DayOfMonthSuffix}</a> at <a href="{Permalink}">{12hour}:{minutes} {ampm}</a> {block:NoteCount}<a href="{Permalink}">with {NoteCountWithLabel}</a>{/block:NoteCount} <a href="{ReblogURL}" target="_blank" style="font-weight:bold">Reblog</a>
  837. {block:RebloggedFrom}<br><a href="{ReblogParentURL}" title="{ReblogParentName}">via&nbsp;</a>{block:ContentSource}<a href="{ReblogRootURL}" "{ReblogRootName}">& source</a>{/block:ContentSource}{/block:RebloggedFrom}
  838. {block:HasTags}<div class="tags"># {block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}</div>
  839. {/block:date}
  840. {block:permalinkpage}
  841.  
  842. </div>
  843. </div>
  844.  
  845.  
  846.  
  847.  
  848. {/block:Posts}
  849.  
  850. </div>
  851.  
  852. {block:PermalinkPagination}
  853. <div id="pagination">
  854. <div class="pages">
  855. {block:NextPost}
  856. <span class="sack">
  857. <a href="{NextPost}">Previous Post</a>
  858. </span>
  859. {/block:NextPost}
  860. {block:PreviousPost}
  861. <a href="{PreviousPost}">Next Post</a>
  862. {/block:PreviousPost}
  863. </div>
  864. </div>
  865. {/block:PermalinkPagination}
  866.  
  867.  
  868. {block:Pagination}
  869. <div id="pagination">
  870. {block:JumpPagination length="5"}
  871. {block:CurrentPage}
  872. <b><a href="/" style="">{PageNumber}</a></b>
  873. {/block:CurrentPage}
  874. {block:JumpPage}
  875. <a href="{URL}" >{PageNumber}</a>
  876. {/block:JumpPage}
  877. {/block:JumpPagination}
  878. {block:PreviousPage}
  879. <a href="{PreviousPage}" style="">previous</a>|
  880. {/block:PreviousPage}
  881. {block:NextPage}
  882. <a href="{NextPage}" style="">next</a>
  883. {/block:NextPage}
  884. </div>
  885. {/block:Pagination}
  886.  
  887. {block:PostNotes}
  888. <div id="notas">
  889. <a id="displayNotes" href="javascript:toggle();" style="margin-left:15px">show notes</a>
  890. <div id="toggleNotes" style="display:none;">
  891. {PostNotes}
  892. </div>
  893. </div>
  894. {/block:PostNotes}
  895.  
  896.  
  897.  
  898. </div>
  899.  
  900. </div>
  901. </div>
  902. </div>
  903.  
  904. <!-- jquery -->
  905.  
  906. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  907. <script src="https://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  908. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  909.  
  910. <script>
  911. $(document).ready(function() {
  912. $(document).tooltip({
  913. track:true
  914. });
  915. // video & soundcloud scripts © eoxk.tumblr
  916. $('.v iframe').each(function(){
  917. var scale = $(this).parents('.v').width() / 500;
  918. $(this).attr({
  919. width: Math.floor($(this).attr('width') * scale),
  920. height: Math.floor($(this).attr('height') * scale)
  921. });
  922. });
  923. var color = '{color:link}'; // color of play button (hex)
  924. $('.soundcloud_audio_player').each(function(){
  925. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' - 30 });
  926. });
  927. $('.photo-slideshow').pxuPhotoset({
  928. lightbox: true,
  929. rounded: 'corners',
  930. gutter: '1px',
  931. borderRadius: '0px',
  932. photoset: '.photo-slideshow',
  933. photoWrap: '.photo-data',
  934. photo: '.pxu-photo'
  935. });
  936. });
  937. </script>
  938.  
  939. {block:indexpage}
  940. {block:ifinfinitescroll}<script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  941. <script>
  942. $(document).ready(function(){
  943. var color = '{color:link}';
  944. var $container = $('section');
  945. $container.infinitescroll({
  946. itemSelector: '.posts',
  947. navSelector: '#pagination',
  948. nextSelector: '#pagination a',
  949. loadingImg: '',
  950. loadingText: '<em></em>',
  951. bufferPx: 3000
  952. },
  953. function( newElements ) {
  954. var $newElems = $( newElements );
  955. $newElems.find('.photo-slideshow').pxuPhotoset({
  956. lightbox: true,
  957. rounded: 'corners',
  958. gutter: '1px',
  959. borderRadius: '0px',
  960. photoset: '.photo-slideshow',
  961. photoWrap: '.photo-data',
  962. photo: '.pxu-photo'
  963. });
  964. $newElems.find('.v iframe').each(function(){
  965. var scale = $(this).parents('.v').width() / 500;
  966. $(this).attr({
  967. width: Math.floor($(this).attr('width') * scale),
  968. height: Math.floor($(this).attr('height') * scale)
  969. });
  970. });
  971. $newElems.find('.soundcloud_audio_player').each(function(){
  972. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' - 30 });
  973. });
  974. });
  975. {block:ifmanualload}
  976. jQuery(window).unbind('.infscr');
  977. jQuery('#more a').click(function(){
  978. jQuery('section').infinitescroll('retrieve'); return false;
  979. });
  980. {/block:ifmanualload}
  981. });
  982. </script>
  983. {/block:ifinfinitescroll}
  984. {/block:indexpage}
  985. <div id="text"><a href="https://farahmir.tumblr.com">S</a></div>
  986. {block:ContentSource}
  987. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  988. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  989. {/block:SourceLogo}
  990. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  991. {/block:ContentSource}
  992. </script>
  993. </body></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!