Advertisement
tanaxmercedes

Desires Theme

Oct 23rd, 2018
1,982
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.88 KB | None | 0 0
  1. <!--
  2.  
  3. Desires Theme
  4.  
  5.  
  6. โ’ธ๐™’๐™๐™ž๐™ข๐™จ๐™ฎ๐™๐™๐™š๐™ข๐™š๐™จ
  7. designed and coded by @tanaboo
  8.  
  9.  
  10. release date: 10.23.2018
  11. last update: 10.23.2018
  12.  
  13.  
  14. credits โคต
  15. โ€” honeybee icon font by themehive
  16.  
  17. -->
  18.  
  19. <!DOCTYPE html>
  20. <head>
  21.  
  22. <title>{block:PostSummary}{PostSummary} : {/block:PostSummary}{Title}</title>
  23.  
  24. <link rel="shortcut icon" href="{favicon}">
  25.  
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27. {block:Description}
  28. <meta name="description" content="{MetaDescription}" />
  29. {/block:Description}
  30.  
  31. <!-- DEFAULT VARIABLES -->
  32.  
  33. <meta name="color:Background" content="#EFEFEF"/>
  34. <meta name="color:Text" content="#898989"/>
  35. <meta name="color:Link" content="#4b4b4b"/>
  36. <meta name="color:Link Hover" content="#191919"/>
  37. <meta name="color:Title"content="#E0D2C5"/>
  38. <meta name="color:Scrollbar" content="#d9d9d9" />
  39. <meta name="color:Borders" content="#E0D2C5"/>
  40. <meta name="color:Highlight" content="#E0D2C5">
  41. <meta name="color:Bottom Description" content="#f6f6f6" />
  42.  
  43. <meta name="if:Infinite Scroll" content="1"/>
  44. <meta name="if:Show Avatar" content="1"/>
  45.  
  46. <meta name="select:Text" content="9px">
  47. <meta name="select:Text" content="10px">
  48. <meta name="select:Text" content="11px">
  49. <meta name="select:Text" content="12px">
  50. <meta name="select:Text" content="13px">
  51. <meta name="select:Text" content="14px">
  52.  
  53. <meta name="select:Font" content="Varela Round">
  54. <meta name="select:Font" content="trebuchet ms">
  55. <meta name="select:Font" content="lucida console">
  56. <meta name="select:Font" content="times new roman">
  57. <meta name="select:Font" content="georgia">
  58. <meta name="select:Font" content="verdana">
  59. <meta name="select:Font" content="courier new">
  60. <meta name="select:Font" content="arial">
  61. <meta name="select:Font" content="calibri">
  62. <meta name="select:Font" content="consolas">
  63. <meta name="select:Font" content="ms gothic">
  64.  
  65. <meta name="text:Link 1 URL" content="/" />
  66. <meta name="text:Link 1" content="link1" />
  67. <meta name="text:Link 2 URL" content="/" />
  68. <meta name="text:Link 2" content="link2" />
  69. <meta name="text:Link 3 URL" content="/" />
  70. <meta name="text:Link 3" content="link3" />
  71. <meta name="text:Link 4 URL" content="/" />
  72. <meta name="text:Link 4" content="link4" />
  73.  
  74. <meta name="text:Bottom Bar Description" content="'whatever your heart desires'" />
  75.  
  76. <meta name="text:Home Title" content="index"/>
  77. <meta name="text:Ask Title" content="message"/>
  78. <meta name="text:Archive Title" content="history"/>
  79.  
  80. <!-- SCRIPTS -->
  81.  
  82. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
  83. <link href="https://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet">
  84.  
  85. <!--CSS customization here. -->
  86.  
  87. <style type="text/css">
  88.  
  89. /* TUMBLR CONTROLS */
  90.  
  91. .tmblr-lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  92.  
  93. .tmblr-lightbox img {opacity:0;}
  94.  
  95. .lightbox-caption {
  96. color:{color:title}!important;
  97. font-family:inherit!important;
  98. font-size:1em!important;
  99. font-weight:normal!important;
  100. text-shadow:none!important;
  101. }
  102.  
  103. .lightbox-image {
  104. -moz-box-shadow:none!important;
  105. -webkit-box-shadow:none!important;
  106. box-shadow:none!important;
  107. -moz-border-radius:0px!important;
  108. -webkit-border-radius:0px!important;
  109. border-radius:0px!important;
  110. padding:0px!important;
  111. border:0!important;
  112. opacity:1!important;
  113. }
  114.  
  115. .vignette {opacity:0!Important;}
  116.  
  117. .iframe-controls--desktop {
  118. white-space:nowrap!important;
  119. top:73px!important;
  120. right:245px!important;
  121. opacity:.7!important;
  122. position:fixed!important;
  123. -ms-transform: scale(.7);
  124. -webkit-transform: scale(.7);
  125. transform: scale(.7);
  126. }
  127.  
  128. /* TOOLTIPS */
  129.  
  130. .ui-tooltip {
  131. position:Absolute;
  132. z-index:9999;
  133. padding-top:10px;
  134. }
  135.  
  136. .ui-tooltip-content {
  137. background:{color:background};
  138. padding:0 4px;
  139. font-style:italic;
  140. color:{color:link};
  141. text-transform:lowercase;
  142. border:1px solid {color:borders};
  143. }
  144.  
  145. /* SCROLLBAR */
  146.  
  147. ::-webkit-scrollbar{
  148. height:11px;
  149. width:11px;
  150. background:inherit;
  151. }
  152.  
  153. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  154.  
  155. ::-webkit-scrollbar-track {background:{color:borders};}
  156.  
  157. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {border:5px solid {color:background};}
  158.  
  159. /* TEXT HIGHLIGHT */
  160.  
  161. ::selection {
  162. background: {color:Highlight};
  163. }
  164. ::-moz-selection {
  165. background: {color:Highlight};
  166. }
  167.  
  168. /* BODY */
  169.  
  170. body {
  171. background:{color:background};
  172. color:{color:text};
  173. font:{select:Text} {select:Font};
  174. word-wrap:break-word;
  175. text-align:center;
  176. margin:0;
  177. }
  178.  
  179. a {
  180. color:{color:link};
  181. text-decoration:none;
  182. transition:all .3s linear;
  183. -webkit-transition:all .3s linear;
  184. -o-transition:all .3s linear;
  185. -moz-transition:all .3s linear;
  186. }
  187.  
  188. a, a img {cursor:pointer;}
  189.  
  190. a:hover {
  191. color:{color:link hover}!important;
  192. text-decoration:none;
  193. }
  194.  
  195. img {
  196. opacity:1;
  197. border:0;
  198. text-decoration:none;
  199. max-width:100%;
  200. height:auto;
  201. display:block;
  202. }
  203.  
  204. blockquote {
  205. padding:.25em 0 .25em 15px;
  206. margin:.5em 0;
  207. border-left:1px solid {color:borders};
  208. }
  209.  
  210. pre {
  211. padding:0;
  212. margin:0;
  213. line-height:inherit!important;
  214. background:transparent;
  215. font-family:inherit!Important;
  216. font-size:inherit!important;
  217. white-space:pre-wrap;
  218. white-space:-moz-pre-wrap;
  219. white-space:-pre-wrap;
  220. white-space:-o-pre-wrap;
  221. word-wrap:break-word;
  222. }
  223.  
  224. p {margin:1em 0;}
  225.  
  226. p:first-of-type {margin-top:0;}
  227.  
  228. p:last-of-type {margin-bottom:0;}
  229.  
  230. b, strong, b a, strong a {
  231. font-weight:bolder!important;
  232. color:{color:highlight};
  233. }
  234.  
  235. small, big, sub, pre {
  236. font-size:1em!important;
  237. line-height:1.4em!important;
  238. vertical-align:baseline!important;
  239. }
  240.  
  241. h1, h2, h3, h4 {
  242. margin:1.5em 0;
  243. font-size:1.5em;
  244. padding:0;
  245. color:{color:title};
  246. font-weight:bold;
  247. }
  248.  
  249. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  250.  
  251. hr {
  252. border:none;
  253. box-shadow:0;
  254. margin:2em auto;
  255. width:75px;
  256. border-top:2px solid {color:borders};
  257. }
  258.  
  259. /* HEADER */
  260.  
  261. header {
  262. position:fixed;
  263. background: #efefef;
  264. padding:12px;
  265. width:200px;
  266. height:300px;
  267. margin:65px auto 75px auto;
  268. margin-left:50px;
  269. border:1px solid #f1f1f1;
  270. border-radius:3px;
  271. }
  272.  
  273. header img {
  274. margin:0 auto 20px auto;
  275. }
  276.  
  277. #sidebarimg img{
  278. border:10px solid rgba(255, 255, 255, 0.5);
  279. }
  280.  
  281. #blogtitle {
  282. font-size:2em;
  283. color:rgba(255, 255, 255, 0.8);
  284. border:0;
  285. padding:6px;
  286. border-radius:3px;
  287. background:{color:title};
  288. }
  289.  
  290. #description {
  291. margin-top:15px;
  292. padding:12px;
  293. font-size:9px;
  294. text-align:justify;
  295. text-transform:uppercase;
  296. line-height:20px;
  297. }
  298.  
  299. nav {
  300. display:block;
  301. }
  302.  
  303. nav a {
  304. display:inline-block;
  305. margin:3px;
  306. border:0;
  307. font-size:9px;
  308. color:{color:title};
  309. text-transform:lowercase;
  310. padding:6px;
  311. border-radius:3px;
  312. background:rgba(255, 255, 255, 0.5);
  313. }
  314.  
  315. /* PAGINATION */
  316.  
  317. footer {
  318. text-align:left;
  319. color:{color:link};
  320. {block:ifinfinitescroll}
  321. display:none;
  322. {/block:ifinfinitescroll}
  323. }
  324.  
  325. footer span {
  326. text-align:right;
  327. float:right;
  328. display:inline-block;
  329. }
  330.  
  331. .current_page {
  332. font-weight:bold;
  333. color:{color:title};
  334. }
  335.  
  336. footer a {
  337. display:inline-block;
  338. border:0;
  339. margin:0 5px;
  340. }
  341.  
  342. #infscr-loading {display:none!important;}
  343.  
  344. /* POSTS */
  345.  
  346. #container{
  347. position:fixed;
  348. background:#e5e5e5;
  349. z-index: 15;
  350. border:50px solid #a9a9a9;
  351. border-radius:3px;
  352. top: 50%;
  353. left: 50%;
  354. margin: -275px 0 0 -450px;
  355. height:450px;
  356. width:750px;
  357. overflow:scroll;
  358. overflow-x:hidden;
  359. outline:3px solid #E5E5E5;
  360. outline-offset:10px;
  361. }
  362.  
  363. section {
  364. width:400px;
  365. margin:40px auto 100px auto;
  366. margin-left:350px;
  367. }
  368.  
  369. .posts {
  370. width:300px;
  371. margin-bottom:100px;
  372. background:#F4F4F4;
  373. padding:24px;
  374. }
  375.  
  376. .ph {
  377. position:relative;
  378. overflow:hidden;
  379. }
  380.  
  381. .ph img {
  382. width:100%;
  383. display:block;
  384. }
  385.  
  386. /* TITLES */
  387.  
  388. .title {
  389. color:{color:title};
  390. font-size:1.25em;
  391. line-height:1.75em;
  392. }
  393.  
  394. .title a {color:{color:title};}
  395.  
  396. .title a:hover {color:{color:link};}
  397.  
  398. .ted {margin-top:10px;}
  399.  
  400. /* POST CAPTIONS */
  401.  
  402. .comment {
  403. padding:0 0 1.5em 0;
  404. list-style:none;
  405. }
  406.  
  407. .comment:last-of-type {padding-bottom:0!important;}
  408.  
  409. .user {
  410. display:inline-block;
  411. line-height:1em;
  412. font-style:italic;
  413. margin-bottom:.75em;
  414. }
  415.  
  416. .captioned .comment:first-of-type {margin-top:2em;}
  417.  
  418. .tex li, .tex blockquote {text-align:left;}
  419.  
  420. /* QUOTE POST */
  421.  
  422. .source {margin-top:5px;}
  423.  
  424. /* AUDIO POST */
  425.  
  426. .player {
  427. width:25px;
  428. height:24px;
  429. position:absolute;
  430. left:10px;
  431. top:calc(50% - 15px);
  432. display:block;
  433. overflow:hidden;
  434. }
  435.  
  436. .hold {
  437. text-align:left;
  438. background:{color:background};
  439. border:1px solid {color:borders};
  440. position:relative;
  441. display:block;
  442. min-height:24px;
  443. padding:15px;
  444. }
  445.  
  446. .audio_info {
  447. vertical-align:middle;
  448. line-height:12px;
  449. margin-left:35px;
  450. max-width:calc(100% - 35px);
  451. }
  452.  
  453. .audio_info span {
  454. white-space:nowrap;
  455. overflow:hidden;
  456. text-overflow:ellipsis;
  457. display:block;
  458. }
  459.  
  460. .hold .track {color:{color:title};}
  461.  
  462. /* ASK POSTS */
  463.  
  464. .q {
  465. text-align:left;
  466. padding:15px;
  467. margin-bottom:2em;
  468. border:1px solid {color:borders};
  469. }
  470.  
  471. .as {text-transform:lowercase;}
  472.  
  473. .as a {color:{color:text};}
  474.  
  475. .as a:hover {color:{color:link hover};}
  476.  
  477. /* CHAT POSTS */
  478.  
  479. .chat {
  480. text-align:left;
  481. margin:0;
  482. padding:0;
  483. list-style:none;
  484. }
  485.  
  486. .l {
  487. padding:15px 0;
  488. border-bottom:1px solid {color:borders};
  489. }
  490.  
  491. .label {
  492. font-weight:bold;
  493. color:{color:title};
  494. display:inline-block;
  495. }
  496.  
  497. .l:first-of-type {padding-top:0;}
  498.  
  499. .l:last-of-type {
  500. padding-bottom:0;
  501. border:0;
  502. }
  503.  
  504. /* PERMALINKS */
  505.  
  506. .when {margin-top:15px;}
  507.  
  508. .when span {display:block;}
  509.  
  510. .tags {margin-top:.5em;}
  511.  
  512. .tags a {
  513. font-style:italic;
  514. color:{color:text};
  515. display:inline;
  516. margin:0 2.5px;
  517. }
  518.  
  519. /* POST NOTES */
  520.  
  521. .pagenotes {
  522. padding-top:2em;
  523. border-top:1px solid {color:borders};
  524. }
  525.  
  526. ol.notes {
  527. list-style-type:none;
  528. padding:0px;
  529. margin:0px;
  530. }
  531.  
  532. ol.notes li.note {
  533. display:block;
  534. padding:0;
  535. margin:5px 0;
  536. }
  537.  
  538. ol.notes li.note img.avatar {display:none!important;}
  539.  
  540. a.more_notes_link {
  541. display:block;
  542. text-align:center;
  543. color:{color:title};
  544. }
  545.  
  546. #top {
  547. height:20px;
  548. width:100%;
  549. top:0;
  550. background-color:{color:Borders};
  551. z-index:999;
  552. position:fixed;}
  553.  
  554. #left {
  555. width:20px;
  556. height:100%;
  557. background-color:{color:Borders};
  558. z-index:999;
  559. left:0;
  560. position:fixed;}
  561.  
  562. #bottom {
  563. height:20px;
  564. width:100%;
  565. bottom:0;
  566. background-color:{color:Borders};
  567. z-index:999;
  568. position:fixed;}
  569.  
  570. #right {
  571. width:20px;
  572. height:100%;
  573. right:0;
  574. background-color:{color:Borders};
  575. z-index:999;
  576. position:fixed;}
  577.  
  578. #bttmdesc{
  579. z-index:99999999;
  580. position:fixed;
  581. bottom:75px;
  582. width:300px;
  583. left:250px;
  584. padding:12px;
  585. font-size:9px;
  586. text-align:center;
  587. letter-spacing:2px;
  588. text-transform:uppercase;
  589. line-height:20px;
  590. font-style:italic;
  591. color:{color:Bottom Description};
  592. }
  593.  
  594. {CustomCSS}
  595.  
  596. </style>
  597.  
  598. </head>
  599.  
  600. <body>
  601.  
  602. <div id="top"></div>
  603. <div id="right"></div>
  604. <div id="bottom"></div>
  605. <div id="left"></div>
  606.  
  607. <div id="bttmdesc">&mdash; {text:Bottom Bar Description} &mdash;</div>
  608.  
  609. <div id="container">
  610.  
  611. <header>
  612.  
  613. {block:IfShowAvatar}
  614. <div id="sidebarimg">
  615. <img src="{PortraitURL-48}" alt="Portrait image" style="border-radius:100%" />
  616. </div>
  617. {/block:IfShowAvatar}
  618.  
  619. <a id="blogtitle" href="/">{Title}</a>
  620. <div id="description">{Description}</div>
  621.  
  622. <nav>
  623. {block:ifHomeTitle}
  624. <a href="/">{text:home title}</a>
  625. {/block:ifHomeTitle}
  626. {block:ifAskTitle}
  627. <a href="/ask">{text:ask title}</a>
  628. {/block:ifAskTitle}
  629. {block:ifArchiveTitle}
  630. <a href="/archive">{text:archive title}</a>
  631. {/block:ifArchiveTitle}
  632. <br>
  633. {block:ifLink1}
  634. <a href="{text:Link 1 URL}">{text:Link 1}</a>
  635. {/block:ifLink1}
  636. {block:ifLink2}
  637. <a href="{text:Link 2 URL}">{text:Link 2}</a>
  638. {/block:ifLink2}
  639. {block:ifLink3}
  640. <a href="{text:Link 3 URL}">{text:Link 3}</a>
  641. {/block:ifLink3}
  642. {block:ifLink4}
  643. <a href="{text:Link 4 URL}">{text:Link 4}</a>
  644. {/block:ifLink4}
  645. </nav>
  646. </header>
  647.  
  648. <section id="entries">
  649. {block:posts}
  650. <article class="posts {block:caption}captioned{/block:caption}">
  651.  
  652. {block:Quote}
  653. <div class="title quote">{quote}</div>
  654. {block:Source}
  655. <div class="source">{source}</div>
  656. {/block:Source}
  657. {/block:Quote}
  658.  
  659. {block:Text}
  660. {block:Title}
  661. <div class="title">{title}</div>
  662. {/block:Title}
  663. {block:RebloggedFrom}
  664. {block:Reblogs}
  665. <li class="comment {block:Title}ted{/block:Title}">
  666. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  667. <div class="tex">{body}</div>
  668. </li>
  669. {/block:Reblogs}
  670. {/block:RebloggedFrom}
  671. {block:NotReblog}
  672. <li class="comment {block:Title}ted{/block:Title}">
  673. <div class="tex">{body}</div>
  674. </li>
  675. {/block:NotReblog}
  676. {/block:Text}
  677.  
  678. {block:Link}
  679. <div class="title">
  680. <a href="{URL}">{name}</a>
  681. </div>
  682. {block:Description}
  683. {block:NotReblog}
  684. <li class="comment ted">
  685. <div class="tex">{description}</div>
  686. </li>
  687. {/block:NotReblog}
  688. {/block:Description}
  689. {block:RebloggedFrom}
  690. {block:Reblogs}
  691. <li class="comment">
  692. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  693. <div class="tex">{body}</div>
  694. </li>
  695. {/block:Reblogs}
  696. {/block:RebloggedFrom}
  697. {/block:Link}
  698.  
  699. {block:Chat}
  700. {block:Title}<div id="title">{title}</div>{/block:Title}
  701. <ol class="chat {block:Title}ted{/block:Title}">
  702. {block:lines}
  703. <li class="l {Alt}">
  704. {block:label}<span class="label">{label}</span>{/block:label} {line}
  705. </li>
  706. {/block:lines}
  707. </ol>
  708. {/block:Chat}
  709.  
  710. <div class="ph">
  711.  
  712. {block:Photo}
  713. {linkopentag}
  714. <img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>
  715. {linkclosetag}
  716. {/block:Photo}
  717.  
  718. {block:Photoset}
  719. {photoset}
  720. {/block:Photoset}
  721.  
  722. {block:Video}
  723. {video-400}
  724. {/block:Video}
  725.  
  726. {block:Audio}
  727. {block:audioplayer}
  728. <div class="hold">
  729. <div class="player">
  730. {audioplayerwhite}
  731. </div>
  732. <div class="audio_info">
  733. {block:trackname}
  734. <span class="track">{trackname}</span>
  735. {/block:trackname}
  736. {block:artist}
  737. <span class="artist">{artist}</span>
  738. {/block:artist}
  739. </div>
  740. </div>
  741. {/block:audioplayer}
  742. {/block:Audio}
  743.  
  744. {block:caption}
  745. {block:Reblogs}
  746. <li class="comment">
  747. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  748. <div class="tex">{body}</div>
  749. </li>
  750. {/block:Reblogs}
  751. {block:NotReblog}
  752. <li class="comment">
  753. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{name}</a>
  754. <div class="tex">{caption}</div>
  755. </li>
  756. {/block:NotReblog}
  757. {/block:caption}
  758.  
  759. </div>
  760.  
  761. {block:Answer}
  762. <div class="q">
  763. <span class="as">{asker} sent &mdash;</span>
  764. {question}
  765. </div>
  766. {block:Answerer}
  767. <li class="comment">
  768. <div class="user">{answerer} replied:</div>
  769. <div class="tex">{answer}</div>
  770. </li>
  771. {/block:Answerer}
  772. {block:NotReblog}
  773. <li class="comment">
  774. <div class="tex">{replies}</div>
  775. </li>
  776. {/block:NotReblog}
  777. {block:RebloggedFrom}
  778. {block:Reblogs}
  779. <li class="comment">
  780. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  781. <div class="tex">{body}</div>
  782. </li>
  783. {/block:Reblogs}
  784. {/block:RebloggedFrom}
  785. {/block:Answer}
  786.  
  787.  
  788. {block:Date}
  789. <div class="when">
  790. <hr>
  791. <span><a href="{permalink}">{month} {dayofmonth}{dayofmonthsuffix}</a></span>
  792. {block:hastags}
  793. <span class="tags">{block:Tags}<a href="{TagUrl}">{Tag}</a>{/block:Tags}</span>
  794. {/block:hasTags}
  795. </div>
  796. {/block:Date}
  797.  
  798. </article>
  799.  
  800. {block:PostNotes}
  801. <article class="posts pagenotes">
  802. <div class="title">{NoteCountWithLabel}</div>
  803. {block:RebloggedFrom}
  804. <span style="margin-top:5px">via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  805. {block:ContentSource} &mdash; source: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}
  806. </span>
  807. {/block:RebloggedFrom}
  808. <hr>
  809. {PostNotes}
  810. </article>
  811. {/block:PostNotes}
  812.  
  813. {/block:Posts}
  814. </div>
  815.  
  816. {block:Pagination}
  817. <footer id="pagination">
  818. <span>
  819. {block:PreviousPage}<a href="{PreviousPage}">back</a>{block:nextpage}/{/block:nextpage}{/block:PreviousPage}
  820. {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage} </span>
  821. {block:JumpPagination length="5"}
  822. {block:CurrentPage}<a class="current_page">{PageNumber}</span>{/block:CurrentPage}
  823. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}
  824. {/block:JumpPagination}
  825. </footer>
  826. {/block:Pagination}
  827.  
  828. </section>
  829.  
  830. {block:indexpage}
  831. {block:ifinfinitescroll}
  832. <script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  833. {/block:ifinfinitescroll}
  834. {/block:indexpage}
  835.  
  836. <script>
  837. $(document).ready(function(){
  838. $('body').tooltip({track:true});
  839. $('iframe.tumblr_audio_player').load( function() {
  840. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background} !important} </style>"));
  841. });
  842. {block:indexpage}
  843. {block:ifinfinitescroll}
  844. var $container = $('section');
  845. $container.infinitescroll({
  846. itemSelector: 'article',
  847. navSelector: 'footer',
  848. nextSelector: 'footer a',
  849. loadingImg: '',
  850. loadingText: '<em></em>',
  851. bufferPx: 100
  852. },
  853. function( newElements ) {
  854. var $newElems = $( newElements );
  855. $newElems.find('iframe.tumblr_audio_player').load(function(){
  856. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background}!important} </style>"));
  857. });
  858. });
  859. {/block:ifinfinitescroll}
  860. {/block:indexpage}
  861. });
  862. </script>
  863.  
  864. {block:ContentSource}
  865. {SourceURL}
  866. {block:SourceLogo}
  867. <img src="{BlackLogoURL}"
  868. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  869. {/block:SourceLogo}
  870. {block:NoSourceLogo}
  871. {SourceLink}
  872. {/block:NoSourceLogo}
  873. {/block:ContentSource}
  874.  
  875. <div style="z-index:999999999999999999999999999; position:fixed; bottom:20px; right:25px; opacity:.7; text-transform:none; font-style:none;">
  876. <a href="http://whimsythemes.tumblr.com" title="Theme by WhimsyThemes." style="text-decoration:none;">
  877. <span style="color:#000; font-size:20px">แ‡.</span>
  878. </a>
  879. </div>
  880.  
  881. </body>
  882. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement