celavna

Theme: Ambrosial

May 22nd, 2018
1,622
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.94 KB | None | 0 0
  1. <!--
  2.  
  3. ambrosial
  4. theme by celavna / svelte designs
  5. base by sorrism
  6.  
  7. be considerate:
  8. do not use as a base
  9. do not redistribute
  10. do not copy any parts of the code
  11. do not steal or rip.
  12. do not remove or edit credit
  13.  
  14. you may make minor edits. i ask that you do not
  15. heavily edit to the point its unrecognizable.
  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}<meta name="description" content="{MetaDescription}" />{/block:Description}
  28.  
  29. <!--Default Variables-->
  30.  
  31. <meta name="color:Background" content="#f6f6f6"/>
  32. <meta name="color:Accent" content="#f6f6f6"/>
  33. <meta name="color:Text" content="#222222"/>
  34. <meta name="color:Link" content="#444444"/>
  35. <meta name="color:Link Hover" content="#aaaaaa"/>
  36. <meta name="color:Title"content="#222222"/>
  37. <meta name="color:Scrollbar" content="#222222" />
  38.  
  39. <meta name="text:Blog Title" content="Ambrosial" />
  40. <meta name="text:Subtitle" content="A blog theme." />
  41. <meta name="text:Username" content="username" />
  42.  
  43. <meta name="text:Link 1 URL" content="/" />
  44. <meta name="text:Link 1 Title" content="index" />
  45. <meta name="text:Link 2 URL" content="/ask" />
  46. <meta name="text:Link 2 Title" content="contact" />
  47. <meta name="text:Link 3 URL" content="/archive" />
  48. <meta name="text:Link 3 Title" content="history" />
  49. <meta name="text:Link 4 URL" content="" />
  50. <meta name="text:Link 4 Title" content="link 1" />
  51. <meta name="text:Link 5 URL" content="" />
  52. <meta name="text:Link 5 Title" content="link 2" />
  53. <meta name="text:Link 6 URL" content="" />
  54. <meta name="text:Link 6 Title" content="link 3" />
  55.  
  56. <meta name="image:BG Image" content="https://i.imgur.com/89447fV.jpg"/>
  57. <meta name="image:Side Image" content="https://i.imgur.com/XXusn7D.jpg"/>
  58.  
  59. <link href="https://fonts.googleapis.com/css?family=Lato|Montserrat|Open+Sans" rel="stylesheet">
  60. <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900" rel="stylesheet">
  61. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  62.  
  63. <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>
  64.  
  65. <script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.js"></script>
  66.  
  67.  
  68.  
  69. <!--CSS customization here. -->
  70.  
  71. <style type="text/css">
  72.  
  73. @font-face { font-family: "vanity"; src: url('https://dl.dropboxusercontent.coms/s/n5qfofnjjckhgjr/Vanity-Bold.ttf'); }
  74.  
  75.  
  76. /*tumblr controls and lightbox*/
  77.  
  78. .tmblr-lightbox {background:rgba({RGBcolor:background}, .95)!important;}
  79.  
  80. .tmblr-lightbox img {opacity:0;}
  81.  
  82. .lightbox-caption {
  83. color:{color:title}!important;
  84. font-family:inherit!important;
  85. font-size:1em!important;
  86. font-weight:normal!important;
  87. text-shadow:none!important;
  88. }
  89.  
  90. .lightbox-image {
  91. -moz-box-shadow:none!important;
  92. -webkit-box-shadow:none!important;
  93. box-shadow:none!important;
  94. -moz-border-radius:0px!important;
  95. -webkit-border-radius:0px!important;
  96. border-radius:0px!important;
  97. padding:0px!important;
  98. border:0!important;
  99. opacity:1!important;
  100. }
  101.  
  102. .vignette {opacity:0!Important;}
  103.  
  104. .iframe-controls--desktop {
  105. white-space:nowrap!important;
  106. top:5px!important;
  107. right:5px!important;
  108. opacity:1!important;
  109. position:fixed!important;
  110. }
  111.  
  112. /*tooltip*/
  113.  
  114. .ui-tooltip {
  115. position:Absolute;
  116. z-index:9999;
  117. padding-top:10px;
  118. }
  119.  
  120. .ui-tooltip-content {
  121. background:{color:background};
  122. padding:0 4px;
  123. font-style:italic;
  124. color:{color:link};
  125. text-transform:lowercase;
  126. border:1px solid transparent;
  127. }
  128.  
  129. /*scrollbar*/
  130.  
  131. ::-webkit-scrollbar{
  132. height:11px;
  133. width:11px;
  134. background:inherit;
  135. }
  136.  
  137. ::-webkit-scrollbar-thumb {background:{color:scrollbar};}
  138.  
  139. ::-webkit-scrollbar-track {background:transparent;}
  140.  
  141. ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track {border:5px solid {color:background};}
  142.  
  143. /*main structure*/
  144.  
  145. body {
  146. background:{color:background};
  147. color:{color:text};
  148. font-size:10px;
  149. font-family: 'open sans';
  150. line-height:15px;
  151. word-wrap:break-word;
  152. text-align:left;
  153. margin:0;
  154. }
  155.  
  156. a {
  157. color:{color:link};
  158. text-decoration:none;
  159. transition:all .3s linear;
  160. -webkit-transition:all .3s linear;
  161. -o-transition:all .3s linear;
  162. -moz-transition:all .3s linear;
  163. }
  164.  
  165. a, a img {cursor:pointer;}
  166.  
  167. a:hover {
  168. color:{color:link hover}!important;
  169. text-decoration:none;
  170. }
  171.  
  172. img {
  173. opacity:1;
  174. border:0;
  175. text-decoration:none;
  176. max-width:100%;
  177. height:auto;
  178. display:block;
  179. }
  180.  
  181. blockquote {
  182. padding:.25em 0 .25em 15px;
  183. margin:.5em 0;
  184. border-left:1px solid transparent;
  185. }
  186.  
  187. pre {
  188. padding:0;
  189. margin:0;
  190. line-height:inherit!important;
  191. background:transparent;
  192. font-family:inherit!Important;
  193. font-size:inherit!important;
  194. white-space:pre-wrap;
  195. white-space:-moz-pre-wrap;
  196. white-space:-pre-wrap;
  197. white-space:-o-pre-wrap;
  198. word-wrap:break-word;
  199. }
  200.  
  201. p {margin:1em 0;}
  202.  
  203. p:first-of-type {margin-top:0;}
  204.  
  205. p:last-of-type {margin-bottom:0;}
  206.  
  207. b, strong, b a, strong a {
  208. font-weight:bold!important;
  209. color:{color:title};
  210. }
  211.  
  212. small, big, sub, pre {
  213. font-size:1em!important;
  214. line-height:1.4em!important;
  215. vertical-align:baseline!important;
  216. }
  217.  
  218. h1, h2, h3, h4 {
  219. margin:1.5em 0;
  220. font-size:1.5em;
  221. padding:0;
  222. color:{color:title};
  223. font-weight:bold;
  224. }
  225.  
  226. .posts h1:first-child, .posts h2:first-child, .posts h3:first-child, .posts h4:first-child {margin-top:0;}
  227.  
  228. hr {
  229. border:none;
  230. box-shadow:0;
  231. margin:2em auto;
  232. width:75px;
  233. border-top:0px solid transparent;
  234. }
  235.  
  236.  
  237. /*pagination*/
  238.  
  239. footer {
  240. text-align:left;
  241. color:{color:link};
  242. padding:10px;
  243. {block:ifinfinitescroll}
  244. display:none;
  245. {/block:ifinfinitescroll}
  246. }
  247.  
  248. footer span {
  249. width:200px;
  250. text-align:right;
  251. float:right;
  252. display:inline-block;
  253. }
  254.  
  255. .current_page {
  256. font-weight:bold;
  257. color:{color:title};
  258. }
  259.  
  260. footer a {
  261. font-style:italic;
  262. font-family:'playfair display';
  263. font-size:14px;
  264. display:inline-block;
  265. border:0;
  266. }
  267.  
  268. #infscr-loading {display:none!important;}
  269.  
  270. /*posts*/
  271.  
  272. section {
  273. width:400px;
  274. margin:0px auto 100px auto;
  275. margin-left:200px;
  276. margin-top:1000px;
  277. }
  278.  
  279. .posts {
  280. background:none;
  281. padding:20px;
  282. margin-top:50px;
  283. width:400px;
  284. margin-bottom:100px;
  285. }
  286.  
  287. .ph {
  288. position:relative;
  289. overflow:hidden;
  290. }
  291.  
  292. .ph img {
  293. width:100%;
  294. display:block;
  295. }
  296.  
  297. /*titles*/
  298.  
  299. .title {
  300. color:{color:title};
  301. font-size:1.25em;
  302. line-height:1.75em;
  303. }
  304.  
  305. .title a {color:{color:title};}
  306.  
  307. .title a:hover {color:{color:link};}
  308.  
  309. .ted {margin-top:10px;}
  310.  
  311. /*captions*/
  312.  
  313. .comment {
  314. padding:0 0 1.5em 0;
  315. list-style:none;
  316. }
  317.  
  318. .comment:last-of-type {padding-bottom:0!important;}
  319.  
  320. .user {
  321. display:inline-block;
  322. line-height:1em;
  323. font-style:italic;
  324. margin-bottom:.75em;
  325. }
  326.  
  327. .captioned .comment:first-of-type {margin-top:2em;}
  328.  
  329. .tex li, .tex blockquote {text-align:left;}
  330.  
  331. /*quote*/
  332.  
  333. .source {margin-top:5px;}
  334.  
  335. /*audio*/
  336.  
  337. .player {
  338. width:25px;
  339. height:24px;
  340. position:absolute;
  341. left:10px;
  342. top:calc(50% - 15px);
  343. display:block;
  344. overflow:hidden;
  345. }
  346.  
  347. .hold {
  348. text-align:left;
  349. background:{color:background};
  350. border:0px solid transparent;
  351. position:relative;
  352. display:block;
  353. min-height:24px;
  354. padding:15px;
  355. }
  356.  
  357. .audio_info {
  358. vertical-align:middle;
  359. line-height:12px;
  360. margin-left:35px;
  361. max-width:calc(100% - 35px);
  362. }
  363.  
  364. .audio_info span {
  365. white-space:nowrap;
  366. overflow:hidden;
  367. text-overflow:ellipsis;
  368. display:block;
  369. }
  370.  
  371. .hold .track {color:{color:title};}
  372.  
  373. /*asks*/
  374.  
  375. .q {
  376. text-align:left;
  377. margin-bottom:2em;
  378. border:1px solid transparent;
  379. }
  380.  
  381. .as {text-transform:lowercase;}
  382.  
  383. .as a {color:{color:text};}
  384.  
  385. .as a:hover {color:{color:link hover};}
  386.  
  387. /*chat*/
  388.  
  389. .chat {
  390. text-align:left;
  391. margin:0;
  392. padding:0;
  393. list-style:none;
  394. }
  395.  
  396. .l {
  397. padding:15px 0;
  398. border-bottom:1px solid transparent;
  399. }
  400.  
  401. .label {
  402. font-weight:bold;
  403. color:{color:title};
  404. display:inline-block;
  405. }
  406.  
  407. .l:first-of-type {padding-top:0;}
  408.  
  409. .l:last-of-type {
  410. padding-bottom:0;
  411. border:0;
  412. }
  413.  
  414. /*permalink and notes*/
  415.  
  416. .filed {display:inline;width:40px;background:{color:text};color:#fff;padding:4px;
  417. transition:all .3s linear;
  418. -webkit-transition:all .3s linear;
  419. -o-transition:all .3s linear;
  420. -moz-transition:all .3s linear; }
  421.  
  422. .filed:hover {background:{color:background};color:{color:text};
  423. transition:all .3s linear;
  424. -webkit-transition:all .3s linear;
  425. -o-transition:all .3s linear;
  426. -moz-transition:all .3s linear; }
  427.  
  428. .when {margin-top:15px;font-size:9px;line-height:12px;}
  429.  
  430. .when span {display:block;margin-bottom:10px;}
  431.  
  432. .when a {text-transform:lowercase;}
  433.  
  434. .whentext {
  435. display:inline;
  436. width:50px;
  437. height:auto;
  438. background:#000;
  439. color:#fff;
  440. padding:4px;
  441. }
  442.  
  443. .tags {margin-top:0.5em;}
  444.  
  445. .tags a {
  446. font-style:none;
  447. color:{color:link};
  448. display:inline;
  449. margin:0 2.5px;
  450. line-height:20px;
  451. }
  452.  
  453. .tagstext {
  454. display:inline;
  455. width:50px;
  456. height:auto;
  457. background:#000;
  458. color:#fff;
  459. padding:4px;
  460. }
  461.  
  462. .pagenotes {
  463. padding-top:2em;
  464. border-top:none;
  465. }
  466.  
  467. ol.notes {
  468. list-style-type:none;
  469. padding:0px;
  470. margin:0px;
  471. }
  472.  
  473. ol.notes li.note {
  474. display:block;
  475. padding:0;
  476. margin:5px 0;
  477. }
  478.  
  479. ol.notes li.note img.avatar {display:none!important;}
  480.  
  481. a.more_notes_link {
  482. display:block;
  483. text-align:center;
  484. color:{color:title};
  485. }
  486.  
  487. /* Celavna/S.D.'s CSS */
  488.  
  489. /* side bar left */
  490.  
  491.  
  492. .bgblock {
  493. position:fixed;
  494. width:50%;
  495. height:100%;
  496. background:{color:accent};
  497. top:0px;
  498. left:0px;
  499. z-index:-99;
  500. top:0px;
  501. left:0px;
  502. }
  503.  
  504. .rightimg {
  505. position:fixed;
  506. width:auto;
  507. height:100%;
  508. top:0px;
  509. left:50%;
  510. z-index:-99;
  511. opacity:0.1;
  512. }
  513.  
  514. .leftimg {
  515. position:absolute;
  516. width:auto;
  517. height:650px;
  518. top:130px;
  519. left:175px;
  520. z-index:9;
  521. opacity:0.9;
  522. -moz-box-shadow: 0px 0px 80px #aaa;
  523. -webkit-box-shadow: 0px 0px 80px 15px #aaa;
  524. box-shadow: 0px 0px 80px #aaa;
  525. }
  526.  
  527.  
  528. /* lines */
  529.  
  530. .usernameline {
  531. position:fixed;
  532. width:40px;
  533. height:1px;
  534. background:{color:text};
  535. left:650px;
  536. top:50px;
  537. }
  538.  
  539. .creditline {
  540. position:absolute;
  541. width:110px;
  542. height:1px;
  543. background:{color:text};
  544. left:370px;
  545. top:877px;
  546. }
  547.  
  548. .navline {
  549. position:fixed;
  550. width:40px;
  551. height:1px;
  552. background:{color:text};
  553. left:1550px;
  554. top:350px;
  555. }
  556.  
  557. .aboutline {
  558. display: none;
  559. position:fixed;
  560. width:1px;
  561. height:75px;
  562. background:{color:text};
  563. left:895px;
  564. top:440px;
  565. }
  566.  
  567. /* titles */
  568.  
  569. .bigtitle {
  570. position:absolute;
  571. width:auto;
  572. height:auto;
  573. font-family:'playfair display';
  574. font-style:italic;
  575. font-weight:700;
  576. color:{color:title};
  577. font-size:90px;
  578. line-height:90px;
  579. left:590px;
  580. top:370px;
  581. z-index:99;
  582. text-align:left;
  583. text-transform:none;
  584. }
  585.  
  586. .subtitle {
  587. position:absolute;
  588. width:450px;
  589. height:auto;
  590. font-family:'playfair display';
  591. color:{color:title};
  592. font-size:30px;
  593. line-height:40px;
  594. left:590px;
  595. top:470px;
  596. z-index:99;
  597. text-align:left;
  598. }
  599.  
  600. .username {
  601. position:fixed;
  602. width:auto;
  603. height:auto;
  604. font-family:'open sans';
  605. color:{color:text};
  606. font-size:10px;
  607. left:700px;
  608. top:42px;
  609. z-index:99;
  610. text-align:left;
  611. text-transform:lowercase;
  612. }
  613.  
  614. .username a {color:{color:text};}
  615.  
  616. .inspired {
  617. position:absolute;
  618. width:auto;
  619. height:auto;
  620. font-family:'open sans';
  621. color:{color:text};
  622. font-size:10px;
  623. left:300px;
  624. top:870px;
  625. z-index:99;
  626. text-align:left;
  627. text-transform:lowercase;
  628. }
  629.  
  630. .inspired a {color:{color:text};}
  631.  
  632. .credit {
  633. position:absolute;
  634. width:auto;
  635. height:auto;
  636. font-family:'open sans';
  637. color:{color:text};
  638. font-size:10px;
  639. left:500px;
  640. top:870px;
  641. z-index:99;
  642. text-align:left;
  643. text-transform:lowercase;
  644. }
  645.  
  646. .credit a {color:{color:text};}
  647.  
  648. .navigate {
  649. position:fixed;
  650. width:auto;
  651. height:auto;
  652. font-family:'open sans';
  653. color:{color:text};
  654. font-size:10px;
  655. left:1600px;
  656. top:343px;
  657. z-index:99;
  658. text-align:left;
  659. text-transform:lowercase;
  660. }
  661.  
  662. /* description */
  663.  
  664.  
  665.  
  666. .about {
  667. display: none;
  668. position:fixed;
  669. width:auto;
  670. height:auto;
  671. font-family:'open sans';
  672. color:{color:text};
  673. font-size:10px;
  674. left:880px;
  675. top:550px;
  676. z-index:99;
  677. text-align:left;
  678. text-transform:lowercase;
  679. }
  680.  
  681. .about a {
  682. display:inline;
  683. padding:5px;
  684. width:35px;
  685. color:{color:link};
  686. }
  687.  
  688. .about a:hover {
  689. color:#eee;
  690. }
  691.  
  692. .desc {
  693. display: none;
  694. position:fixed;
  695. top:600px;
  696. left:880px;
  697. width:620px;
  698. height:450px;
  699. font-family:'playfair display';
  700. color:{color:text};
  701. font-size:30px;
  702. line-height:45px;
  703. overflow:auto;
  704. }
  705.  
  706. /* side */
  707.  
  708. .links {
  709. width:auto;
  710. height:auto;
  711. top:370px;
  712. left:1600px;
  713. position:fixed;
  714. font-size:11px;
  715. z-index:9;
  716. text-align:left;
  717. text-transform:none;
  718. }
  719.  
  720. .links a {
  721. display:block;
  722. padding:5px;
  723. width:35px;
  724. color:{color:link};
  725. }
  726.  
  727. .links a:hover {
  728. color:#eee;
  729. }
  730.  
  731. /* desc nav */
  732.  
  733. .links2 {
  734. position:fixed;
  735. width:auto;
  736. height:auto;
  737. top:370px;
  738. left:1600px;
  739. font-family:'open sans';
  740. font-size:10px;
  741. z-index:9;
  742. text-align:left;
  743. text-transform:none;
  744. }
  745.  
  746. .links2 a {
  747. display:inline;
  748. padding:5px;
  749. width:35px;
  750. color:{color:link};
  751. }
  752.  
  753. .links2 a:hover {
  754. color:#eee;
  755. }
  756.  
  757.  
  758.  
  759.  
  760.  
  761. {CustomCSS}
  762.  
  763. </style>
  764.  
  765. </head>
  766.  
  767. <body>
  768.  
  769. <div class="bgblock"></div>
  770. <div class="bigtitle">{text:blog title}</div>
  771. <div class="subtitle">{text:subtitle}</div>
  772.  
  773. <div class="usernameline"></div>
  774. <div class="username"><a href="/">{text:username}</a></div>
  775.  
  776. <div class="navigate">navigate</div>
  777. <div class="navline"></div>
  778. <div class="links">
  779. <a href="{text:link 1 url}"><i class="fa fa-circle-o"></i></a>
  780. <a href="{text:link 2 url}"><i class="fa fa-circle-o"></i></a>
  781. <a href="{text:link 3 url}"><i class="fa fa-circle-o"></i></a>
  782. <a href="{text:link 4 url}"><i class="fa fa-circle-o"></i></a>
  783. <a href="{text:link 5 url}"><i class="fa fa-circle-o"></i></a>
  784. <a href="{text:link 6 url}"><i class="fa fa-circle-o"></i></a>
  785. </div>
  786.  
  787. <div class="aboutline"></div>
  788. <div class="about">about &nbsp;
  789. <a href="{text:link 1 url}">{text:link 1 title}</a>
  790. <a href="{text:link 2 url}">{text:link 2 title}</a>
  791. <a href="{text:link 3 url}">{text:link 3 title}</a>
  792. <a href="{text:link 4 url}">{text:link 4 title}</a>
  793. <a href="{text:link 5 url}">{text:link 5 title}</a>
  794. <a href="{text:link 6 url}">{text:link 6 title}</a>
  795. </div>
  796. <div class="desc">{description}</div>
  797.  
  798.  
  799. <div class="inspired"><a href="https://www.behance.net/axmsv">inspired by</a></div>
  800. <div class="creditline"></div>
  801. <div class="credit"><a href="https://sveltedesigns.tumblr.com/">credit</a></div>
  802.  
  803. <div class="bgblock"></div>
  804. <img class="rightimg" src="{image:bg image}"/>
  805. <img class="leftimg" src="{image:side image}"/>
  806.  
  807.  
  808. <section id="entries">{block:posts}
  809. <article class="posts {block:caption}captioned{/block:caption}">
  810.  
  811. {block:Quote}
  812. <div class="title quote"><div style="font-size:15px;font-family: 'playfair display';">{quote}</div></div>
  813. {block:Source}<div class="source">{source}</div>{/block:Source}
  814. {/block:Quote}
  815.  
  816. {block:Text}
  817. {block:Title}<div class="title">{title}</div>{/block:Title}
  818. {block:RebloggedFrom}
  819. {block:Reblogs}
  820. <li class="comment {block:Title}ted{/block:Title}">
  821. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  822. <div class="tex">{body}</div>
  823. </li>
  824. {/block:Reblogs}
  825. {/block:RebloggedFrom}
  826. {block:NotReblog}
  827. <li class="comment {block:Title}ted{/block:Title}">
  828. <div class="tex">{body}</div>
  829. </li>
  830. {/block:NotReblog}
  831. {/block:Text}
  832.  
  833. {block:Link}<div class="title"><a href="{URL}">{name}</a></div>
  834. {block:Description}
  835. {block:NotReblog}
  836. <li class="comment ted">
  837. <div class="tex">{description}</div>
  838. </li>
  839. {/block:NotReblog}
  840. {/block:Description}
  841. {block:RebloggedFrom}
  842. {block:Reblogs}
  843. <li class="comment">
  844. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  845. <div class="tex">{body}</div>
  846. </li>
  847. {/block:Reblogs}
  848. {/block:RebloggedFrom}
  849. {/block:Link}
  850.  
  851. {block:Chat}
  852. {block:Title}<div id="title">{title}</div>{/block:Title}
  853. <ol class="chat {block:Title}ted{/block:Title}">
  854. {block:lines}
  855. <li class="l {Alt}">
  856. {block:label}<span class="label">{label}</span>{/block:label} {line}
  857. </li>
  858. {/block:lines}
  859. </ol>
  860. {/block:Chat}
  861.  
  862. <div class="ph">
  863.  
  864. {block:Photo}{linkopentag}<img src="{photoURL-HighRes}" alt="{PhotoAlt}"/>{linkclosetag}{/block:Photo}
  865.  
  866. {block:Photoset}{photoset}{/block:Photoset}
  867.  
  868. {block:Video}{video-400}{/block:Video}
  869.  
  870. {block:Audio}
  871. {block:audioplayer}
  872. <div class="hold">
  873. <div class="player">{audioplayerwhite}</div>
  874. <div class="audio_info">
  875. {block:trackname}<span class="track">{trackname}</span>{/block:trackname}
  876. {block:artist}<span class="artist">{artist}</span>{/block:artist}
  877. </div>
  878. </div>
  879. {/block:audioplayer}
  880. {/block:Audio}
  881.  
  882. {block:caption}
  883. {block:Reblogs}
  884. <li class="comment">
  885. <div style="font-size:9px;">shared from <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a></div>
  886. <div class="tex"><div style="margin-top:5px;margin-left:15px;font-style:italic;">{body}</div></div>
  887. </li>
  888. {/block:Reblogs}
  889. {block:NotReblog}
  890. <li class="comment">
  891. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{name}</a>
  892. <div class="tex">{caption}</div>
  893. </li>
  894. {/block:NotReblog}
  895. {/block:caption}
  896.  
  897. </div>
  898.  
  899. {block:Answer}
  900. <div class="q">
  901. <span class="as"><div style="font-size:9px;">from {asker},</div></span>
  902. <div style="margin-top:5px;margin-left:15px;font-style:italic;">{question}</div>
  903. </div>
  904. {block:Answerer}
  905. <li class="comment">
  906. <div class="user">{answerer} replied</div>
  907. <div class="tex"><div style="margin-top:5px;margin-left:15px;font-style:italic;">{answer}</div></div>
  908. </li>
  909. {/block:Answerer}
  910. {block:NotReblog}
  911. <li class="comment">
  912. <div class="tex">{replies}</div>
  913. </li>
  914. {/block:NotReblog}
  915. {block:RebloggedFrom}
  916. {block:Reblogs}
  917. <li class="comment">
  918. <a {block:haspermalink}href="{permalink}"{/block:haspermalink} class="user" target="_blank">{username}</a>
  919. <div class="tex">{body}</div>
  920. </li>
  921. {/block:Reblogs}
  922. {/block:RebloggedFrom}
  923. {/block:Answer}
  924.  
  925.  
  926. {block:Date}
  927. <div class="when">
  928. <br>
  929. <span><a href="{permalink}"><div class="filed">{notecount}</div></a></span>
  930. {block:hastags}
  931. <span class="tags"><div style="display:inline;width:40px;background:#222222;color:#ffffff;padding:4px;">filed as</div> {block:Tags}<a href="{TagUrl}">#{Tag}</a>{/block:Tags}</span>
  932. {/block:hasTags}
  933. </div>
  934. {/block:Date}
  935.  
  936. </article>
  937.  
  938. {block:PostNotes}
  939. <article class="posts pagenotes">
  940. <div class="title">currently has {NoteCountWithLabel}</div>
  941. {block:RebloggedFrom}
  942. <span style="margin-top:5px"><div style="font-size:9px;">reblogged from <a href="{ReblogParentURL}">{ReblogParentName}</a>,
  943. {block:ContentSource} originally from <a href="{ReblogRootURL}">{ReblogRootName}</a>.{/block:ContentSource}
  944. </div></span>
  945. {/block:RebloggedFrom}
  946. <hr>
  947. {PostNotes}
  948. </article>
  949. {/block:PostNotes}
  950.  
  951. {/block:Posts}
  952.  
  953. {block:Pagination}
  954. <footer id="pagination">
  955. <span>
  956. {block:PreviousPage}<a href="{PreviousPage}">backward</a>{block:nextpage} — {/block:nextpage}{/block:PreviousPage}
  957. {block:NextPage}<a href="{NextPage}">forward</a>{/block:NextPage} </span>
  958. </footer>
  959. {/block:Pagination}
  960.  
  961. </section>
  962.  
  963. {block:indexpage}{block:ifinfinitescroll}<script src="//static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>{/block:ifinfinitescroll}{/block:indexpage}
  964.  
  965. <script>jQuery(document).ready(function() {
  966. jQuery(window).scroll(function() {
  967. if (jQuery(this).scrollTop() > 600) {
  968. jQuery('.desc, .about, .aboutline').fadeIn(700);
  969. } else {
  970. jQuery('.desc, .about, .aboutline').fadeOut(500);
  971. }
  972. });
  973. });</script>
  974.  
  975. <script>
  976. $(document).ready(function(){
  977. $('body').tooltip({track:true});
  978. $('iframe.tumblr_audio_player').load( function() {
  979. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background} !important} </style>"));
  980. });
  981. {block:indexpage}
  982. {block:ifinfinitescroll}
  983. var $container = $('section');
  984. $container.infinitescroll({
  985. itemSelector: 'article',
  986. navSelector: 'footer',
  987. nextSelector: 'footer a',
  988. loadingImg: '',
  989. loadingText: '<em></em>',
  990. bufferPx: 100
  991. },
  992. function( newElements ) {
  993. var $newElems = $( newElements );
  994. $newElems.find('iframe.tumblr_audio_player').load(function(){
  995. $('iframe.tumblr_audio_player').contents().find("head").append($("<style type='text/css'> .audio-player{background:{color:background}!important} </style>"));
  996. });
  997. });
  998. {/block:ifinfinitescroll}
  999. {/block:indexpage}
  1000. });
  1001. </script>
  1002.  
  1003. {block:ContentSource}
  1004. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  1005. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1006. {/block:SourceLogo}
  1007. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  1008. {/block:ContentSource}
  1009. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment