celavna

Theme: Conquer

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