API tools faq
paste
Advertisement
rasperries

bouise art theme

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