API tools faq
paste
Advertisement
MystiqueAquanian

Old theme for scrivenshafts

MystiqueAquanian
Jun 15th, 2017
116
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.57 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3.  
  4. <!---
  5.  
  6. EUNOIA
  7. by alydae
  8.  
  9. - do not steal any part of this code
  10. - do not even TOUCH the credit
  11. - direct questions to enchantedthemes.tumblr.com
  12.  
  13. tumblr controls inspired by jasmine @shythemes
  14. svg icons credit to anton saputro/antonps
  15.  
  16. thank you for using!!!
  17.  
  18. --->
  19.  
  20. <title>veni vidi amavi</title>
  21. <link rel="shortcut icon" href="{Favicon}">
  22.  
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <meta name="color:background" content="#fafafa"/>
  27. <meta name="color:posts" content="#ffffff"/>
  28. <meta name="color:text" content="#444444"/>
  29. <meta name="color:links" content="#888888"/>
  30. <meta name="color:links hover" content="#bad0f1"/>
  31. <meta name="color:borders" content="#eeeeee"/>
  32. <meta name="color:accent" content="#222222"/>
  33.  
  34. <meta name="image:header" content="https://http://imgur.com/H0Rc9RT.jpg"/>
  35.  
  36. <meta name="select:font size" content="9px"/>
  37. <meta name="select:font size" content="9.5px"/>
  38. <meta name="select:font size" content="10px"/>
  39. <meta name="select:font size" content="10.5px"/>
  40. <meta name="select:font size" content="11px"/>
  41.  
  42. <meta name="select:font" content="Karla"/>
  43. <meta name="select:font" content="Open Sans"/>
  44. <meta name="select:font" content="Lato"/>
  45. <meta name="select:font" content="Roboto"/>
  46.  
  47. <meta name="select:tags style" content="tags" title="show"/>
  48. <meta name="select:tags style" content="tagsn" title="hide"/>
  49. <meta name="select:tags style" content="tagsh" title="on hover"/>
  50.  
  51. <meta name="if:hide icon" content=""/>
  52. <meta name="if:hide captions" content=""/>
  53. <meta name="if:like on index" content=""/>
  54. <meta name="if:search bar" content=""/>
  55. <meta name="if:scroll to top" content=""/>
  56. <meta name="if:infinite scroll" content="">
  57. <meta name="if:load more" content="">
  58.  
  59. <meta name="text:post width" content="400"/>
  60. <meta name="text:margin" content="100"/>
  61.  
  62. <meta name="text:subtitle" content="short subtitle here"/>
  63.  
  64.  
  65. <!--- fonts --->
  66.  
  67. <link href="https://fonts.googleapis.com/css?family={select:font}:300,400,600,700,300italic,400italic,600italic,700italic" rel="stylesheet" type="text/css">
  68.  
  69. <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
  70.  
  71. <style type="text/css">
  72.  
  73. /*--- selection ---*/
  74.  
  75. ::-moz-selection { background: #eee; color:#444; }
  76. ::selection { background:#eee; color:#444; }
  77.  
  78. /*--- scrollbar ---*/
  79.  
  80. ::-webkit-scrollbar {
  81. width:2px;
  82. height:8px;
  83. }
  84.  
  85. ::-webkit-scrollbar-track { color:transparent; }
  86. ::-webkit-scrollbar-thumb { background-color:#aaa; } /*--- scrollbar colour ---*/
  87.  
  88. /*--- tooltips ---*/
  89.  
  90. #s-m-t-tooltip {
  91. position:absolute;
  92. margin-top:30px;
  93. padding:0px 5px 0px;
  94. max-width:250px!important;
  95. font-size:calc({select:font size} - 2px);
  96. font-family:{select:font};, helvetica, sans-serif;
  97. letter-spacing:0.5px;
  98. text-transform:uppercase;
  99. text-align:left;
  100. color:#888;
  101. background-color:#fff;
  102. border:1px solid {color:borders}!important;
  103. z-index:99999999!important;
  104. }
  105.  
  106. /*--- tumblr controls ---*/
  107.  
  108. .tmblr-iframe--desktop-logged-in-controls, #tumblr_controls {
  109. white-space:nowrap;
  110. -webkit-filter: invert(100%);
  111. -moz-filter: invert(100%);
  112. -o-filter: invert(100%);
  113. -ms-filter: invert(100%);
  114. filter: invert(100%);
  115. position:fixed;
  116. margin-top:80px;
  117. margin-right:0px;
  118. padding-right:20px;
  119. opacity:0;
  120. transition: opacity 0.6s ease-in-out;
  121. -moz-transition: opacity 0.6s ease-in-out;
  122. -webkit-transition: opacity 0.6s ease-in-out;
  123. z-index:99999999999999!important;
  124. }
  125.  
  126. .tmblr-iframe--desktop-logged-in-controls:hover, #tumblr_controls:hover {
  127. opacity:0.2;
  128. }
  129.  
  130. /*--- lightbox ---*/
  131.  
  132. #tumblr_lightbox, .tmblr-lightbox {
  133. background-color:{color:background}!important;
  134. z-index:9999999!important;
  135. }
  136.  
  137. #vignette, .vignette { opacity:0; }
  138.  
  139. #tumblr_lightbox img, .lightbox-image {
  140. padding:20px;
  141. box-shadow:none!important;
  142. border-radius:0!important;
  143. background-color:{color:posts}!important;
  144. border:1px solid {color:borders}!important;
  145. }
  146.  
  147. #tumblr_lightbox_caption, .lightbox-caption { visibility:hidden; }
  148.  
  149.  
  150. /*--- general customisation ---*/
  151.  
  152. body {
  153. margin:0;
  154. padding:0;
  155. color:{color:text};
  156. font-style:normal;
  157. font-family:{select:font}, helvetica, sans-serif;
  158. font-size:{select:font size};
  159. font-weight:400;
  160. text-decoration:none;
  161. line-height:180%;
  162. overflow-x:hidden;
  163. background-color:{color:background};
  164. -moz-osx-font-smoothing: grayscale;
  165. -webkit-font-smoothing: antialiased;
  166. font-smoothing: antialiased;
  167. }
  168.  
  169. a {
  170. text-transform:uppercase;
  171. text-decoration:none;
  172. letter-spacing:0.5px;
  173. color:{color:links};
  174. transition-duration: 0.6s;
  175. -moz-transition-duration: 0.6s;
  176. -webkit-transition-duration: 0.6s;
  177. -o-transition-duration: 0.6s
  178. }
  179.  
  180. a:hover {
  181. color:{color:links hover};
  182. cursor:pointer;
  183. transition-duration: 0.6s;
  184. -moz-transition-duration: 0.6s;
  185. -webkit-transition-duration: 0.6s;
  186. -o-transition-duration: 0.6s
  187. }
  188.  
  189. .c a {
  190. padding-bottom:1px;
  191. border-bottom:1px solid {color:borders};
  192. }
  193.  
  194. i, em {
  195. color:{color:accent};
  196. font-style:italic;
  197. }
  198.  
  199. b, strong {
  200. color:{color:accent};
  201. font-weight:600;
  202. }
  203.  
  204. small { font-size:calc({select:font size} - 0.5px); }
  205.  
  206. big {
  207. color:{color:accent};
  208. font-size:calc({select:font size} + 1px);
  209. }
  210.  
  211. blockquote {
  212. margin-left:10px;
  213. padding-left:10px;
  214. width:95%;
  215. border-left:1px solid {color:borders};
  216. word-wrap:break-word;
  217. }
  218.  
  219. h1, h2, h3, h4, h5, h6 {
  220. color:{color:accent};
  221. text-transform:uppercase;
  222. text-align:center;
  223. font-weight:bold;
  224. font-size:calc({select:font size} + 3px);
  225. letter-spacing:1px;
  226. }
  227.  
  228. pre {
  229. white-space:pre-wrap;
  230. white-space:-moz-pre-wrap;
  231. white-space:-pre-wrap;
  232. white-space:-o-pre-wrap;
  233. word-wrap:break-word;
  234. background-color:#fafafa;
  235. padding:5px;
  236. }
  237.  
  238. svg {
  239. line-height:180%;
  240. height:9px;
  241. fill:{color:links};
  242. }
  243.  
  244. /*--- header ---*/
  245.  
  246. #header {
  247. {block:IndexPage}
  248. width:100vw;
  249. height:calc(100vh - 70px);
  250. background-image:url('http://i.imgur.com/ReN7wTY.jpg');
  251. background-repeat:no-repeat;
  252. background-attachment:relative;
  253. background-size:cover;
  254. background-position:center;
  255. display:block;
  256. {/block:IndexPage}
  257. {block:PermalinkPage}top:0;{/block:PermalinkPage}
  258. }
  259.  
  260. #navi {
  261. {block:IndexPage}position:relative;{/block:IndexPage}
  262. {block:PermalinkPage}
  263. position:fixed;
  264. top:0!important;
  265. {/block:PermalinkPage}
  266. width:100vw;
  267. height:70px;
  268. background:{color:posts};
  269. border:1px solid {color:borders};
  270. z-index:9999!important;
  271. }
  272.  
  273. .icon {
  274. float:left;
  275. padding:14px 20px;
  276. {block:ifhideicon}display:none;{/block:ifhideicon}
  277. }
  278.  
  279. .icon img {
  280. width:40px;
  281. height:40px;
  282. border-radius:100%;
  283. }
  284.  
  285. .title {
  286. position:relative;
  287. margin-top:12px;
  288. margin-left:70px;
  289. {block:ifhideicon}margin-left:20px;{/block:ifhideicon}
  290. text-transform:lowercase;
  291. font-size:18px;
  292. line-height:25px;
  293. color:{color:accent};
  294. }
  295.  
  296. .subtitle {
  297. position:relative;
  298. margin-left:70px;
  299. {block:ifhideicon}margin-left:20px;{/block:ifhideicon}
  300. font-size:11px;
  301. font-style:italic;
  302. color:{color:text};
  303. }
  304.  
  305. .links {
  306. position:relative;
  307. float:right;
  308. margin-right:15px;
  309. margin-top:-30px;
  310. text-align:right;
  311. text-transform:uppercase;
  312. font-size:11px;
  313. }
  314.  
  315. .links a { margin:10px; }
  316. .links a:empty { display:none; }
  317.  
  318. .sb {
  319. position:relative;
  320. margin:-33px auto 0px;
  321. max-width:100px;
  322. z-index:9999!important;
  323. }
  324.  
  325. .sb .search .query {
  326. border:0;
  327. outline:0;
  328. padding:5px;
  329. font-family:inherit;
  330. font-size:11px;
  331. font-style:italic;
  332. color:{color:links};
  333. background-color:transparent;
  334. }
  335.  
  336. ::-webkit-input-placeholder { color:{color:links}; }
  337. :-moz-placeholder { color:{color:links}; opacity:1; }
  338. ::-moz-placeholder { color:{color:links}; opacity:1; }
  339. :-ms-input-placeholder { color:{color:links}; }
  340. input:focus::-webkit-input-placeholder { color: transparent; }
  341. input:focus:-moz-placeholder { color: transparent; }
  342. input:focus::-moz-placeholder { color: transparent; }
  343. input:focus:-ms-input-placeholder { color: transparent; }
  344.  
  345. /*--- posts ---*/
  346.  
  347. #content {
  348. position:relative;
  349. overflow:hidden;
  350. {block:IndexPage}margin:{text:margin}px auto;{/block:IndexPage}
  351. {block:PermalinkPage}
  352. margin:calc(70px + {text:margin}px) auto;
  353. {/block:PermalinkPage}
  354. width:calc({text:post width}px + 42px);
  355. }
  356.  
  357. #entries { width:{text:post width}px; }
  358.  
  359. .posts {
  360. margin-bottom:{text:margin}px;
  361. padding:20px;
  362. width:{text:post width}px;
  363. background:{color:posts};
  364. border:1px solid {color:borders};
  365. }
  366.  
  367. .posts ul li {
  368. list-style:none;
  369. margin-left:-20px;
  370. }
  371.  
  372. .posts ul li:before {
  373. content:"——";
  374. color:#ccc;
  375. padding-right:10px;
  376. letter-spacing:-1px;
  377. }
  378.  
  379. .posts li, .posts blockquote, .posts img { max-width:100%; }
  380.  
  381. .c {
  382. {block:ifhidecaptions}display:none;{/block:ifhidecaptions}
  383. }
  384.  
  385. /*--- quote posts ---*/
  386.  
  387. .quote {
  388. font-size:calc({select:font size} + 2px);
  389. font-style:italic;
  390. text-align:center;
  391. }
  392.  
  393. .quotesource {
  394. padding-top:15px;
  395. text-align:center;
  396. }
  397.  
  398. /*--- chat posts ---*/
  399.  
  400. .chat { list-style:none; }
  401.  
  402. .line.odd {
  403. padding:10px;
  404. background:#fafafa;
  405. }
  406.  
  407. .line.even { padding:10px; }
  408.  
  409. .label {
  410. text-transform:uppercase;
  411. font-weight:600;
  412. color:{color:accent};
  413. letter-spacing:1px;
  414. }
  415.  
  416. /*--- audio posts ---*/
  417.  
  418. .audio {
  419. padding:10px;
  420. }
  421.  
  422. .playbutton {
  423. position:relative;
  424. width:20px;
  425. height:30px;
  426. overflow:hidden;
  427. }
  428.  
  429. .playbox {
  430. position:absolute;
  431. padding:5px;
  432. }
  433.  
  434. .trackdetails {
  435. margin-left:55px;
  436. padding:10px;
  437. width:auto;
  438. height:auto;
  439. font-size:calc({select:font size} + 1px);
  440. }
  441.  
  442. /*--- asks posts ---*/
  443.  
  444. .question {
  445. padding:10px;
  446. background:#fafafa;
  447. }
  448.  
  449. .asker { text-transform:uppercase; }
  450.  
  451. .answer { margin:10px; }
  452.  
  453. /*--- post info ---*/
  454.  
  455. .info {
  456. margin-top:20px;
  457. margin-bottom:0px;
  458. padding-top:10px;
  459. text-transform:lowercase;
  460. border-top:1px solid {color:borders};
  461. }
  462.  
  463. .info svg {
  464. padding-top:3px;
  465. float:right;
  466. transition-duration: 0.6s;
  467. -moz-transition-duration: 0.6s;
  468. -webkit-transition-duration: 0.6s;
  469. -o-transition-duration: 0.6s
  470. }
  471.  
  472. .info svg:hover {
  473. fill:{color:links hover};
  474. cursor:pointer!important;
  475. transition-duration: 0.6s;
  476. -moz-transition-duration: 0.6s;
  477. -webkit-transition-duration: 0.6s;
  478. -o-transition-duration: 0.6s
  479. }
  480.  
  481. .tags { display:1; }
  482. .tagsn { display:none; }
  483.  
  484. .tagsh {
  485. opacity:0;
  486. margin-top:-20px;
  487. transition-duration: 0.6s;
  488. -moz-transition-duration: 0.6s;
  489. -webkit-transition-duration: 0.6s;
  490. -o-transition-duration: 0.6s
  491. }
  492.  
  493. .posts:hover .tagsh {
  494. opacity:1;
  495. margin-top:0px;
  496. transition-duration: 0.6s;
  497. -moz-transition-duration: 0.6s;
  498. -webkit-transition-duration: 0.6s;
  499. -o-transition-duration: 0.6s
  500. }
  501.  
  502. .tags a, .tagsh a {
  503. margin-right:7px;
  504. font-size:calc({select:font size} - 0.5px);
  505. font-style:italic;
  506. letter-spacing:0.5px;
  507. text-transform:lowercase;
  508. }
  509.  
  510. .custom-like-button {
  511. position:relative;
  512. float:right;
  513. width:9px;
  514. height:9px;
  515. padding-left:10px;
  516. }
  517.  
  518. .like_button {
  519. position:absolute;
  520. top:-5px;
  521. left:5px;
  522. right:0;
  523. bottom:0;
  524. width:100%;
  525. height:100%;
  526. opacity:0;
  527. z-index:9999!important;
  528. }
  529.  
  530. .like_button iframe {
  531. width:100%!important;
  532. height:100%!important;
  533. }
  534.  
  535. .like_button svg {
  536. position:absolute;
  537. top:0;
  538. left:0;
  539. right:0;
  540. bottom:0;
  541. width:100%;
  542. height:100%;
  543. }
  544.  
  545. .like_button:hover + svg {
  546. fill:{color:links hover}!important;
  547. transition-duration: 0.6s;
  548. -moz-transition-duration: 0.6s;
  549. -webkit-transition-duration: 0.6s;
  550. -o-transition-duration: 0.6s
  551. }
  552.  
  553. .like_button.liked + svg { fill:#dc143c!important; } /*--- liked heart colour ---*/
  554.  
  555. /*--- post notes ---*/
  556.  
  557. ol.notes {
  558. width:calc({text:post width}px + 42px)!important;
  559. margin:0px -30px;
  560. list-style-type:none;
  561. }
  562.  
  563. ol.notes li.note { padding:10px; }
  564.  
  565. ol.notes li.note img.avatar {
  566. vertical-align:-4px;
  567. margin-right:10px;
  568. width:12px;
  569. height:12px;
  570. border-radius:50%;
  571. }
  572.  
  573. ol.notes li.note span.action { font-weight:none; }
  574. ol.notes li.note .answer_content { font-weight:normal; }
  575.  
  576. ol.notes li.note blockquote {
  577. padding:4px 10px;
  578. margin:10px 0px 0px 25px;
  579. }
  580.  
  581. /*--- pagination and infinite scroll ---*/
  582.  
  583. #pagination { text-align:center; }
  584. #pagination a { margin-right:7px }
  585.  
  586. {block:ifinfinitescroll}
  587. #pagination, #infscr-loading { display:none!important; }
  588. {/block:ifinfinitescroll}
  589.  
  590. footer {
  591. position:relative;
  592. text-align:center!important;
  593. }
  594.  
  595. a#loadmore { font-size:10px; }
  596.  
  597. /*--- other ---*/
  598.  
  599. .tc {
  600. top:85px;
  601. right:10px;
  602. position:fixed;
  603. z-index:-9;
  604. }
  605.  
  606. .st {
  607. position:fixed;
  608. display:none;
  609. left:20px;
  610. bottom:15px;
  611. }
  612.  
  613. .st a { font-size:10px; }
  614.  
  615. /*--- credit - DO NOT TOUCH ---*/
  616.  
  617. .credit a {
  618. position:fixed;
  619. bottom:15px;
  620. right:20px;
  621. font-size:10px;
  622. z-index:999!important;
  623. }
  624.  
  625.  
  626. </style>
  627.  
  628. <!--- scripts --->
  629.  
  630. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  631.  
  632. <!--- video resizing by @shythemes --->
  633. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  634.  
  635. <!--- pixel union photosets --->
  636. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  637. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  638.  
  639. <script>
  640. $(document).ready(function(){
  641. $('.photo-slideshow').pxuPhotoset({
  642. lightbox: true,
  643. rounded: false,
  644. gutter: '3px',
  645. borderRadius: '0px',
  646. photoset: '.photo-slideshow',
  647. photoWrap: '.photo-data',
  648. photo: '.pxu-photo'
  649. });
  650. });
  651. </script>
  652.  
  653. </head>
  654.  
  655.  
  656. <body>
  657.  
  658. <div id="header"></div>
  659.  
  660. <div id="navi">
  661. <div class="icon"><img src="http://i.imgur.com/WIk16Gp.png" /></div>
  662. <div class="title">veni vidi amavi</div>
  663. <div class="subtitle"><i>we came, we saw, we loved</i></div>
  664. <div class="links">
  665. <a href="/">Hogwarts</a>
  666. <a href="/ask">Owlery</a>
  667. <a href="/tags">Marauder's Map</a>
  668. <a href="/archive">Pensieve</a>
  669. </div>
  670. {block:ifsearchbar}
  671. <div class="sb">
  672. <form action="/search" method="get" class="search">
  673. <input type="text" name="q" value="{SearchQuery}" class="query" placeholder="search this blog..."/>
  674. </form>
  675. </div>
  676. {/block:ifsearchbar}
  677. </div>
  678.  
  679.  
  680. <div id="content">
  681.  
  682. <div id="entries">
  683.  
  684. {block:Posts}
  685.  
  686. <div class="posts" id="{PostID}">
  687.  
  688.  
  689. {block:Text}
  690. {block:Title}<h1>{Title}</h1>{/block:Title}
  691. <div class="t">{Body}</div>
  692. {/block:Text}
  693.  
  694.  
  695. {block:Photo}
  696. <div class="photos">
  697. <a href="#" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false">
  698. <img src="{PhotoURL-HighRes}" width="{text:post width}px">
  699. </a>
  700. </div>
  701. {/block:Photo}
  702.  
  703.  
  704. {block:Photoset}
  705. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img 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>
  706. {/block:Photoset}
  707.  
  708.  
  709. {block:Quote}
  710. <div class="quote">"{Quote}"</div>
  711. {block:Source}<div class="quotesource"> — {Source}</div>{/block:Source}
  712. {/block:Quote}
  713.  
  714.  
  715. {block:Link}
  716. <h1><a href="{URL}">{Name} ></a></h1>
  717. {block:Description}{Description}{/block:Description}
  718. {/block:Link}
  719.  
  720.  
  721. {block:Chat}
  722. {block:Title}<h1>{Title}</h1>{/block:Title}
  723. <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}
  724. </div>
  725. {/block:Chat}
  726.  
  727.  
  728. {block:Audio}
  729. <div class="audio">
  730.  
  731. <div class="playbox">
  732. <div class="playbutton">
  733. {block:AudioPlayer}{AudioPlayer}{/block:AudioPlayer}
  734. </div>
  735. </div>
  736.  
  737. <div class="trackdetails">
  738. {block:TrackName}<b>{TrackName}</b>{/block:TrackName} by {block:Artist}<i>{Artist}</i>{/block:Artist}
  739. </div>
  740.  
  741. </div>
  742. {/block:Audio}
  743.  
  744.  
  745. {block:Video}
  746. <div class="video">{Video-500}</div>
  747. {/block:Video}
  748.  
  749.  
  750. {block:Caption}
  751. <div class="c">{Caption}</div>
  752. {/block:Caption}
  753.  
  754.  
  755. {block:Answer}
  756. <div class="question">
  757. <div class="asker"><b>{Asker} asked:</b></div>
  758. {Question}</div>
  759. <div class="answer">
  760. {Answer}</div>
  761. {/block:Answer}
  762.  
  763.  
  764. {block:IndexPage}
  765.  
  766. {block:Date}
  767.  
  768. <div class="info" {select:tags style}>
  769.  
  770. <a href="{Permalink}" title="{TimeAgo}">{Month} {DayOfMonth}{DayOfMonthSuffix}</a>
  771.  
  772. {block:NoteCount}
  773. &nbsp;&nbsp;<a href="{Permalink}">{NoteCountwithLabel}</a>
  774. {/block:NoteCount}
  775.  
  776. {block:iflikeonindex}
  777. <div class="custom-like-button">
  778. {LikeButton}
  779. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  780. </div>
  781. <a href="{ReblogURL}"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg></a>
  782. {/block:iflikeonindex}
  783.  
  784. </div>
  785.  
  786. {/block:Date}
  787.  
  788. {block:HasTags}
  789. <div class="{select:tags style}">
  790. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  791. </div>
  792. {/block:HasTags}
  793.  
  794. {/block:IndexPage}
  795.  
  796.  
  797. {block:PermalinkPage}
  798.  
  799. {block:Date}
  800.  
  801. <div class="info">
  802. posted {TimeAgo} on {DayOfMonthWithZero} {Month} {Year} with {NoteCountWithLabel}
  803.  
  804. <div class="custom-like-button">
  805. {LikeButton}
  806. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  807. </div>
  808. <a href="{ReblogURL}"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg></a>
  809.  
  810. {block:RebloggedFrom} <br>
  811. via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>{block:ContentSource};&nbsp;&nbsp;&nbsp;source <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>
  812. {/block:ContentSource}
  813. {/block:RebloggedFrom}
  814.  
  815. </div>
  816.  
  817. {/block:Date}
  818.  
  819. {block:HasTags}
  820. <div class="tags">
  821. tagged:&nbsp;&nbsp;
  822. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  823. </div>
  824. {/block:HasTags}
  825.  
  826. {/block:PermalinkPage}
  827.  
  828.  
  829. </div>
  830.  
  831.  
  832. {block:PostNotes}
  833. {PostNotes}
  834. {/block:PostNotes}
  835.  
  836.  
  837. {/block:Posts}
  838.  
  839.  
  840. </div>
  841.  
  842.  
  843. {block:Pagination}{block:ifloadmore}
  844. <footer><a id="loadmore">load more posts</a></footer>
  845. {/block:Pagination}{/block:ifloadmore}
  846.  
  847.  
  848. {block:Pagination}
  849. <div id="pagination">
  850. {block:previouspage}
  851. <a href="{PreviousPage}" title="back"><i class="fa fa-angle-left"></i></a>{/block:PreviousPage}
  852. {block:JumpPagination length="3"}
  853. {block:CurrentPage}
  854. <span class="current_page" style="margin-right:7px;">{PageNumber}</span>
  855. {/block:CurrentPage}
  856. {block:JumpPage}
  857. <a class="jump_page" href="{URL}">{PageNumber}</a>
  858. {/block:JumpPage}
  859. {/block:JumpPagination}
  860. {block:NextPage}
  861. <a class="next" href="{NextPage}" title="next"><i class="fa fa-angle-right"></i></a>
  862. {/block:nextpage}
  863. </div>
  864. {/block:Pagination}
  865.  
  866.  
  867. {block:ContentSource}
  868. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  869. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  870. {/block:SourceLogo}
  871. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  872. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  873.  
  874. </div>
  875.  
  876.  
  877. <div class="tc">
  878. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 396.667 396.667" style="enable-background:new 0 0 396.667 396.667;" xml:space="preserve"><path d="M17,87.833h362.667c9.35,0,17-7.65,17-17s-7.65-17-17-17H17c-9.35,0-17,7.65-17,17C0,80.183,7.65,87.833,17,87.833z"/><path d="M17,215.333h362.667c9.35,0,17-7.65,17-17s-7.65-17-17-17H17c-9.35,0-17,7.65-17,17S7.65,215.333,17,215.333z"/><path d="M17,342.833h362.667c9.35,0,17-7.65,17-17s-7.65-17-17-17H17c-9.35,0-17,7.65-17,17S7.65,342.833,17,342.833z"/></svg>
  879. </div>
  880.  
  881.  
  882. {block:ifscrolltotop}
  883. <div class="st"><a href="#">scroll to top</a></div>
  884. {/block:ifscrolltotop}
  885.  
  886.  
  887. <!---credit - DO NOT TOUCH--->
  888.  
  889. <div class="credit">
  890. <a href="http://alydae.tumblr.com" title="enchantedthemes">A.</a>
  891. </div>
  892.  
  893.  
  894. <!--- scripts --->
  895.  
  896. <!--- tooltips script --->
  897. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  898.  
  899. <script type="text/javascript">
  900.  
  901. //tooltips
  902. (function($){
  903. $(document).ready(function(){
  904. $("[title]").style_my_tooltips({
  905. tip_follows_cursor:true,
  906. tip_delay_time:200,
  907. tip_fade_speed:300
  908. });
  909. });
  910. })(jQuery);
  911.  
  912. //sticky
  913. $(function(){
  914. var stickyRibbonTop = $('#navi').offset().top;
  915. $(window).scroll(function(){
  916. if( $(window).scrollTop() > stickyRibbonTop ) {
  917. $('#navi').css({position: 'fixed', top: '0px'});
  918. } else {
  919. $('#navi').css({position: 'relative', top: '0px'});
  920. }
  921. });
  922. });
  923.  
  924. //scroll to top
  925. {block:ifscrolltotop}
  926. $(window).scroll(function() {
  927. if ( $(window).scrollTop() > 100 ) {
  928. $('.st').fadeIn('slow');
  929. } else {
  930. $('.st').fadeOut('slow');
  931. }
  932. });
  933. $('.st').click(function() {
  934. $('html, body').animate({scrollTop: 0}, 700);
  935. return false;
  936. });
  937. {/block:ifscrolltotop}
  938.  
  939. </script>
  940.  
  941. <!--- infinite scroll --->
  942. {block:ifInfiniteScroll}
  943. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  944. {/block:ifInfiniteScroll}
  945.  
  946. <script type="text/javascript">
  947. $(document).ready(function(){
  948. var $container = $('#entries');
  949. {block:ifInfiniteScroll}
  950. $container.infinitescroll({
  951. itemSelector: '.posts',
  952. navSelector: '#pagination',
  953. nextSelector: '.next',
  954. loadingImg: '',
  955. loadingText: '<em></em>',
  956. {block:ifloadmore}
  957. errorCallback: function () {$('a#loadmore:last').fadeOut();},
  958. {/block:ifloadmore}
  959. bufferPx: 2000,
  960. },
  961. function( newElements ) {
  962. var $newElems = $( newElements );
  963. $newElems.find('.photo-slideshow').pxuPhotoset({
  964. lightbox: true,
  965. rounded: false,
  966. gutter: '3px',
  967. photoset: '.photo-slideshow',
  968. photoWrap: '.photo-data',
  969. photo: '.pxu-photo',
  970. });
  971. resizeVideos();
  972. {block:iflikeonindex}
  973. var $newElems = $(newElements);
  974. var $newElemsIDs = $newElems.map(function(){
  975. return this.id;
  976. }).get();
  977. console.log($newElems, $newElemsIDs);
  978. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  979. });
  980. {/block:iflikeonindex}
  981. {block:ifloadmore}
  982. $(window).unbind('.infscr');
  983. $('a#loadmore').click(function(){
  984. $('#entries').infinitescroll('retrieve');
  985. return false;
  986. });
  987. {/block:ifloadmore}
  988. {/block:ifInfiniteScroll}
  989. });
  990. </script>
  991.  
  992.  
  993. </body>
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!