API tools faq
paste
Advertisement
mrsmilicevic

allena

mrsmilicevic
Jul 15th, 2016
11,441
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.96 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <head>
  3. <title>{Title}{block:PostTitle} : {PostTitle}{/block:PostTitle}</title>
  4. <meta charset="utf-8">
  5.  
  6. <!---
  7.  
  8. allena by mrsthemes@tumblr
  9. edit if you want but don't steal
  10. or remove credit
  11.  
  12. video resize script by @shythemes
  13. style my tooltips http://manos.malihu.gr/
  14. infinite scroll https://github.com/infinite-scroll/infinite-scroll
  15.  
  16. --->
  17.  
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20.  
  21. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  22.  
  23. <!---default variables--->
  24. <meta name="color:background" content="#ffffff"/>
  25. <meta name="color:text" content="#7b7b7b"/>
  26. <meta name="color:bold" content="#a8a8a8">
  27. <meta name="color:links" content="#9a9a9a"/>
  28. <meta name="color:links hover" content="#d4d4d4"/>
  29. <meta name="color:borders" content="#f3f3f3">
  30.  
  31. <meta name="text:post width" content="300">
  32. <meta name="text:post margin" content="180">
  33. <meta name="text:photoset margin" content="3">
  34. <meta name="text:font size" content="10">
  35.  
  36. <meta name="image:icon" content=""/>
  37. <meta name="image:background image" content=""/>
  38.  
  39. <meta name="if:icon" content="">
  40. <meta name="if:infinite scroll" content="">
  41. <meta name="if:load more" content="">
  42. <meta name="if:back to top" content="">
  43. <meta name="if:show caption" content="">
  44. <meta name="if:hover tags" content="1" />
  45.  
  46. <meta name="if:show link 1" content="1" />
  47. <meta name="if:show link 2" content="1" />
  48. <meta name="if:show link 3" content="1" />
  49. <meta name="if:show link 4" content="1" />
  50.  
  51. <meta name="text:link 1 title" content="">
  52. <meta name="text:link 1" content="">
  53. <meta name="text:link 2 title" content="">
  54. <meta name="text:link 2" content="">
  55. <meta name="text:link 3 title" content="">
  56. <meta name="text:link 3" content="">
  57. <meta name="text:link 4 title" content="">
  58. <meta name="text:link 4" content="">
  59.  
  60. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  61. <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300italic,300,400italic,600,600italic,700,700italic' rel='stylesheet' type='text/css'>
  62.  
  63.  
  64. <style type="text/css">
  65.  
  66. #scrollToTop:link, #scrollToTop:visited {
  67. display:none;
  68. position:fixed;
  69. bottom:30px;
  70. right:10px;
  71. text-align:right;
  72. font-size:9px;
  73. color:{color:text};
  74. letter-spacing:0.5px;
  75. }
  76.  
  77. /*---tumblr controls---*/
  78.  
  79. #tumblr_controls, .tmblr-iframe.tmblr-iframe--desktop-logged-in-controls.iframe-controls--desktop {
  80. top:5px;
  81. right:5px!important;
  82. position:fixed !important;
  83. -webkit-filter: invert(1);
  84. opacity:.4;
  85. filter:alpha(opacity=40);
  86. -moz-opacity:.4;
  87. z-index:999999999!important;
  88. }
  89.  
  90. /*---scrollbar---*/
  91.  
  92. ::-webkit-scrollbar {
  93. width:13px;
  94. height:0px;
  95. }
  96. ::-webkit-scrollbar-thumb {
  97. height:5px;
  98. border:7px solid rgba(0, 0, 0, 0);
  99. background-clip:padding-box;
  100. background-color:rgba(204, 204, 204, .7);
  101. }
  102.  
  103. ::-webkit-scrollbar-corner {
  104. background-color:transparent;
  105. }
  106.  
  107. /*---tooltips---*/
  108.  
  109. #s-m-t-tooltip {
  110. max-width:300px;
  111. margin:10px;
  112. padding:3px;
  113. background:{color:background};
  114. z-index:99999999;
  115. text-transform:lowercase;
  116. box-shadow:none;
  117. }
  118.  
  119. /*---basics---*/
  120.  
  121. body {
  122. background:{color:background} url({image:background image}) repeat right top fixed;
  123. color:{color:text};
  124. font:{text:font size}px 'Source Sans Pro', sans-serif;
  125. line-height:18px;
  126. font-weight:300;
  127. margin:0px;
  128. -webkit-font-smoothing: antialiased;
  129. -moz-osx-font-smoothing: grayscale;
  130. }
  131.  
  132. .container { margin:0 auto; position:relative;
  133. animation: fadein 1.5s;
  134. -moz-animation: fadein 1.5s;
  135. -webkit-animation: fadein 1.5s;
  136. -o-animation: fadein 1.5s; }
  137.  
  138. @keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  139. @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  140. @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  141. @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  142. @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } }
  143.  
  144. blockquote, blockquote blockquote {
  145. padding:0px 0px 0px 15px;
  146. border-left:1px solid {color:borders};
  147. margin:5px;
  148. }
  149.  
  150. blockquote img { max-width:calc({select:post width}px -100px); height:auto; }
  151. strong, b { color:{color:bold}; }
  152. small { font-size:{text:font size}px; }
  153. big { font-size:10px; }
  154. ol, ul { padding-left:10px; }
  155.  
  156. .posts li { list-style-type:none; position:relative;line-height:20px; list-style-position: inside;}
  157. .posts ul li:before {
  158. content:"›";
  159. font-weight:200;
  160. position: absolute;
  161. font-size:12px;
  162. left:-13px;
  163. top:0px;
  164. }
  165.  
  166. .posts ul li { text-indent:15px; }
  167.  
  168. h1, h1 a { font-size:12px; font-weight:600; color:{color:bold}; }
  169. h2, h3, h4 { font-weight:600; text-decoration:none; color:{color:bold}; }
  170.  
  171. .vignette, #vignette {
  172. opacity:0;
  173. }
  174. .lightbox-image, #tumblr_lightbox img {
  175. box-shadow:none !important;
  176. border-radius:0 !important;
  177. max-width:none;
  178. }
  179.  
  180. .tmblr-lightbox, #tumblr_lightbox {
  181. background-color:rgba(255,255,255,.8) !important;
  182. }
  183.  
  184. img { opacity:1; text-decoration:none; max-width:100%; height:auto; display:block;}
  185.  
  186. pre {
  187. white-space:pre-wrap;
  188. white-space:-moz-pre-wrap;
  189. white-space:-pre-wrap;
  190. white-space:-o-pre-wrap;
  191. word-wrap:break-word;
  192. }
  193.  
  194. a {
  195. color:{color:links};
  196. text-decoration:none;
  197. -moz-transition-duration: 0.4s;
  198. -o-transition-duration: 0.4s;
  199. -webkit-transition-duration: 0.4s;
  200. transition-duration: 0.4s;
  201. }
  202.  
  203. a:hover {
  204. text-decoration:none;
  205. color:{color:links hover};
  206. -moz-transition-duration: 0.4s;
  207. -o-transition-duration: 0.4s;
  208. -webkit-transition-duration: 0.4s;
  209. transition-duration: 0.4s;
  210. }
  211.  
  212. /*---posts---*/
  213.  
  214. .posts {
  215. width:{text:post width}px;
  216. {block:IndexPage}
  217. margin-bottom:{text:post margin}px;
  218. {/block:IndexPage}
  219. position:relative;
  220. {block:PermalinkPage}
  221. margin:30px auto;
  222. {/block:PermalinkPage}
  223. }
  224.  
  225. #entries {
  226. width:{text:post width}px;
  227. margin:150px auto 150px 40%;
  228. }
  229.  
  230. .posts li, .posts blockquote {
  231. max-width:100%;
  232. height:auto;
  233. }
  234.  
  235. .caption {
  236. padding:10px 20px 10px 20px;
  237. font-size:{text:font size}px;
  238. {block:IfNotShowCaption}display:none;{/block:IfNotShowCaption}
  239. }
  240.  
  241. .tcaption { padding:20px; }
  242.  
  243. /*---post info & perma---*/
  244.  
  245. .info {
  246. margin-top:30px;
  247. text-align:center;
  248. display:inline-block;
  249. padding-top:15px;
  250. position:relative;
  251. text-transform:lowercase;
  252. width:{text:post width}px;
  253. }
  254.  
  255. .info:before {
  256. position:absolute;
  257. content:"";
  258. border-top:1px solid #eee;
  259. width:50px;
  260. top:0px;
  261. left:40%;
  262. }
  263.  
  264. .info a {
  265. display:inline-block;
  266. margin-right:10px;
  267. }
  268.  
  269. .icon {
  270. margin:10px 0px 0 5px;
  271. }
  272.  
  273. .icon svg {
  274. width:13px;
  275. height:13px;
  276. opacity:.7;
  277. margin-right:5px;
  278. }
  279.  
  280. .like_button {
  281. position:absolute;
  282. top:0;
  283. left:0;
  284. right:0;
  285. bottom:0;
  286. width:100%;
  287. height:100%;
  288. opacity:0;
  289. z-index:10;
  290. }
  291.  
  292. .reblog { fill:{color:links}; }
  293. .reblog:hover { fill:#e29b9b; }
  294.  
  295. .like {
  296. position:relative;
  297. display:inline-block;
  298. }
  299.  
  300. .like svg path { fill:{color:links}; }
  301.  
  302. .like:hover svg path { fill:#e29b9b; cursor:pointer; }
  303.  
  304. .like .like_button {
  305. position:absolute;
  306. top:0;
  307. opacity:0;
  308. }
  309.  
  310. .like .like_button.liked + svg path {
  311. opacity:1;
  312. fill:#ffb3b3;
  313. }
  314.  
  315. .tags {
  316. font-size:9px;
  317. font-weight:400;
  318. font-style:italic;
  319. margin-left:-10px;
  320. {block:IfNotHoverTags}
  321. opacity:1;
  322. {/block:IfNotHoverTags}
  323. margin-top:5px;
  324. text-align:center;
  325. {block:IfHoverTags}
  326. opacity:0;
  327. -webkit-transition: all 0.4s ease;
  328. transition: all 0.4s ease;
  329. {/block:IfNotHoverTags}
  330. }
  331.  
  332. .tags a {
  333. margin-right:10px;
  334. }
  335.  
  336. .posts:hover .tags {
  337. {block:IfHoverTags}
  338. opacity:1;
  339. {/block:IfHoverTags}
  340. }
  341.  
  342. .perma {
  343. padding:10px;
  344. position:relative;
  345. margin:0px 0 20px -5px;
  346. text-transform:lowercase;
  347. }
  348.  
  349. ol.notes {
  350. list-style-type:none;
  351. text-align:left;
  352. margin:3px 0 20px 0px;
  353. display:block;
  354. padding:0;
  355. }
  356.  
  357. ol.notes img { display:none; }
  358. ol.notes .more_notes_link { font-weight:bold; float:left; }
  359. ol.notes li.note { padding:3px; text-align:left; display:block;}
  360. ol.notes li.note blockquote { border-color:{color:borders}; padding-left:15px; margin: 10px; }
  361.  
  362.  
  363. /*---side---*/
  364.  
  365. .sidebar {
  366. position:fixed;
  367. top:160px;
  368. left:calc(30% - 200px);
  369. width:180px;
  370. background:#fff;
  371. }
  372.  
  373. .pic {
  374. position:relative;
  375. display:block;
  376. left:33%;
  377. }
  378.  
  379. .title, .desc {
  380. text-align:center;
  381. position:relative;
  382. }
  383.  
  384. .title {
  385. text-transform:lowercase;
  386. font-weight:400;
  387. font-size:14px;
  388. margin-top:80px;
  389. }
  390.  
  391. .desc {
  392. top:15px;
  393. width:90px;
  394. left:25%;
  395. }
  396.  
  397. .pic img {
  398. width:60px;
  399. height:60px;
  400. border-radius:50%;
  401. float:left;
  402. }
  403.  
  404. nav ul {
  405. list-style-type:decimal-leading-zero;
  406. padding:0;
  407. margin:30px 0 0 58px;
  408. width:150px;
  409. }
  410.  
  411. nav ul li { text-indent:50px; }
  412. nav ul li a { position:relative; display:block; }
  413.  
  414. nav ul li a:hover {
  415. font-style:italic;
  416. margin-left:20px;
  417. }
  418.  
  419. nav ul li a:before {
  420. content:"";
  421. position:absolute;
  422. border-top:1px solid #f3f3f3;
  423. width:35px;
  424. top:8px;
  425. left:5px;
  426. }
  427.  
  428. /*---chat---*/
  429.  
  430. .chat { line-height:16px; list-style:none; }
  431. .label { font-weight:bold; color:{color:bold}; }
  432.  
  433. .line.odd {
  434. margin-bottom:2px;
  435. padding:5px;
  436. list-style:none;
  437. }
  438.  
  439. .line.even {
  440. margin-bottom:2px;
  441. padding:5px;
  442. list-style:none;
  443. }
  444.  
  445. /*---quotes---*/
  446.  
  447. .quote {
  448. font-size:14px;
  449. font-weight:400;
  450. text-align:center;
  451. padding:10px;
  452. color:{color:bold};
  453. font-style:italic;
  454. }
  455.  
  456. .quote p {
  457. padding:0;
  458. margin:0;
  459. }
  460.  
  461. .quotesource {
  462. font-size:{text:font size}px;
  463. font-weight:400;
  464. margin-top:10px;
  465. }
  466.  
  467. /*---questions---*/
  468.  
  469. .q { background:#fafafa; padding:15px; }
  470. .q img {
  471. padding:2px;
  472. background:#fff;
  473. border-radius:50%;
  474. position:relative;
  475. float:left;
  476. top:0px;
  477. left:0px;
  478. border:1px solid {color:borders};
  479. margin:0px 10px 0px 0px;
  480. }
  481.  
  482. .asker {
  483. text-transform:uppercase;
  484. font-weight:600;
  485. letter-spacing:0.5px;
  486. }
  487.  
  488. .q p { padding:0; margin:0; }
  489.  
  490.  
  491. /*----media---*/
  492.  
  493. .tumblr_audio_player {
  494. height:50px;
  495. width:50px;
  496. z-index:1;
  497. float:left;
  498. margin:-10px -10px 0px -20px;
  499. }
  500.  
  501. .audio { padding:0px 20px 10px 20px; }
  502. .audio p { padding:0; margin:0; }
  503.  
  504. .tumblr_video_container { width:auto!important; height:auto!important; }
  505.  
  506. /*---pagination---*/
  507.  
  508. {block:ifInfiniteScroll}
  509. .pagination,
  510. #infscr-loading {
  511. display:none!important;
  512. }
  513. {/block:ifInfiniteScroll}
  514.  
  515. .pagination {
  516. width:{text:post width}px;
  517. text-align:center;
  518. font-size:10px;
  519. font-weight:600;
  520. word-spacing:20px;
  521. bottom:50px;
  522. padding:10px 0;
  523. position:relative;
  524. display:inline-block;
  525. }
  526.  
  527. .pagination:before {
  528. position:absolute;
  529. content:"";
  530. top:0px;
  531. left:35%;
  532. border-top:1px solid {color:borders};
  533. width:100px;
  534. }
  535.  
  536. .pagination a { color:{color:links}; }
  537. .pagination a:hover { color:{color:links hover}; }
  538.  
  539. .more {
  540. width:{text:post width}px;
  541. position:relative;
  542. font-size:10px;
  543. text-align:center;
  544. bottom:80px;
  545. left:40%;
  546. }
  547.  
  548. .load {
  549. text-transform:lowercase;
  550. font-size:10px;
  551. padding:10px 0;
  552. font-weight:600;
  553. position:relative;
  554. display:inline-block;
  555. }
  556.  
  557. .load:before {
  558. position:absolute;
  559. content:"";
  560. top:0px;
  561. left:-3px;
  562. border-top:1px solid {color:borders};
  563. width:50px;
  564. }
  565.  
  566. /*---cred---*/
  567.  
  568. .credit {
  569. font-size:9px;
  570. position:fixed;
  571. bottom:10px;
  572. right:10px;
  573. z-index:10;
  574. text-align:right;
  575. text-transform:lowercase;
  576. }
  577.  
  578. .credit a { color:{color:links}; text-decoration:none; }
  579. .credit a:hover { color:{color:links hover}; text-decoration:none; }
  580.  
  581. </style>
  582.  
  583. </head>
  584. <body>
  585. <div class="container">
  586.  
  587. <aside class="sidebar">
  588. {block:IfIcon}<div class="pic"><img src="{image:icon}"></div>{/block:IfIcon}
  589. <div class="title">{Title}</div>
  590. <div class="desc">{Description}</div>
  591. <nav>
  592. <ul>
  593. <li><a href="/">refresh</a></li>
  594. <li><a href="/ask">message</a>
  595. {block:IfShowLink1}<li><a href="{text:link 1}">{text:link 1 title}</a></li>{/block:IfShowLink1}
  596. {block:IfShowLink2}<li><a href="{text:link 2}">{text:link 2 title}</a></li>{/block:IfShowLink2}
  597. {block:IfShowLink3}<li><a href="{text:link 3}">{text:link 3 title}</a></li>{/block:IfShowLink3}
  598. {block:IfShowLink4}<li><a href="{text:link 4}">{text:link 4 title}</a></li>{/block:IfShowLink4}
  599. </ul>
  600. </nav>
  601. </aside>
  602.  
  603. <div id="entries">
  604. {block:Posts}
  605. <article class="posts" id="{PostID}">
  606.  
  607. {block:Photo}
  608. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  609. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  610. {/block:Photo}
  611.  
  612. {block:Photoset}
  613. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  614. {block:Photos}
  615. <div class="photo-data">
  616. <div class="pxu-photo">
  617. <img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div>
  618. <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>
  619. {/block:Photos}
  620. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}</div>
  621. {/block:Photoset}
  622.  
  623. {block:Text}
  624. <div class="tcaption"><h1>{block:Title}{Title}{/block:Title}</h1>
  625. {Body}</div>
  626. {/block:Text}
  627.  
  628. {block:Quote}
  629. <div class="quote"><p>{Quote}</p>
  630. {block:Source}<div class="quotesource">{Source}</div>{/block:Source}
  631. </div>
  632. {/block:Quote}
  633.  
  634. {block:Link}
  635. <div class="tcaption"><h1><a href="{URL}" {Target}>{Name}</a></h1>
  636. {block:Description}{Description}{/block:Description}</div>
  637. {/block:Link}
  638.  
  639. {block:Chat}
  640. {block:Title}<h1>{Title}</h1>{/block:Title}
  641. <div class="chat"> {block:Lines} <li class="line {Alt}"> {block:Label} <span class="label"> {Label}</span> {/block:Label}{Line}</li> {/block:Lines}</div>
  642. {/block:Chat}
  643.  
  644. {block:Audio}
  645. {block:AudioEmbed}
  646. <div class="audio-embed">
  647. {AudioEmbed-400}
  648. </div>
  649. {/block:AudioEmbed}
  650. <div class="audio">
  651. {block:AudioPlayer}
  652. {AudioPlayerGrey}
  653. {block:TrackName}
  654. <strong style="margin-left:30px;">{TrackName}</strong>
  655. {/block:TrackName}
  656. {block:Artist}
  657. <p style="margin-left:50px">{Artist}</p>
  658. {/block:Artist}
  659. {/block:AudioPlayer}
  660. </div>
  661. {/block:Audio}
  662.  
  663. {block:Video}
  664. <div class="video">{Video-500}</div>
  665. {block:Caption}<div class="tcaption">{Caption}</div>{/block:Caption}
  666. {/block:Video}
  667.  
  668. {block:Answer}
  669. <div class="q">
  670. <img src="{AskerPortraitURL-24}">
  671. <div class="asker">{Asker} said:</div>
  672. <p>{Question}</p></div>
  673. <div style="padding:5px 10px 5px 10px;">{Answer}</div>
  674. {/block:Answer}
  675.  
  676. {block:IndexPage}
  677. {block:Date}
  678. <div class="info">
  679. <a href="{Permalink}" title="perma"><strong>{Month} {DayOfMonth}</strong></a>
  680. <a href="{Permalink}">{NoteCount}</a>
  681.  
  682. <div class="icon">
  683. <li class="like">{LikeButton}
  684. <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  685. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve">
  686. <path d="M148,37.8c-3.9,0-7.5,0.6-10.8,1.9c-15.1,5.7-24.6,17.8-29.8,26.7c-6-8.6-16.1-20.5-27.6-24.4c-3.8-1.3-8.1-2-12.3-2
  687. c-10.7,0-20.3,4.1-27,11.5c-5.7,6.2-12,18-10,38.8c4.1,42.6,71.5,87.1,74.3,88.9c1,0.7,2.1,1,3.3,1c1.1,0,2.3-0.3,3.3-1
  688. c2.7-1.8,66.5-43.6,73.7-86.1c3.7-21.8-2.7-34.9-8.8-42.1C169.2,42.7,158.6,37.8,148,37.8z M173.1,91c-2.6,15.2-15.1,33.4-36.1,52.7
  689. c-11.9,10.9-23.5,19.4-29,23.2c-5.7-4-17.9-12.9-30.3-24.3C56,122.5,43.8,104,42.3,89c-1.3-13,1.1-23.2,6.9-29.6
  690. c6-6.6,13.9-7.6,18.1-7.6c3,0,5.9,0.5,8.5,1.3c11.4,3.9,23.3,21.7,26.9,28.3c1.1,2.1,3.4,3.3,5.7,3.1c2.4-0.2,4.4-1.7,5.2-4
  691. c0.1-0.2,8.2-22.4,27.7-29.7c1.9-0.7,4.2-1.1,6.6-1.1c7.2,0,14.3,3.3,19,9C173.3,66.2,175.5,77.4,173.1,91z"/>
  692. </svg>
  693. </li>
  694.  
  695. <a href="{ReblogURL}" target="_blank" class="details">
  696. <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  697. viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve" class="reblog">
  698. <path d="M108.7,159.2c-22.3,0-42.4-14.9-48.8-36.2c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c8.1,26.8,32.3,44.7,60.3,44.7
  699. c34.7,0,63-28.3,63-63c0-34.7-28.3-63-63-63c-19.7,0-38.2,9.4-50,24.6l-2.5-19.8c-0.4-3.3-3.4-5.6-6.7-5.2c-3.3,0.4-5.6,3.4-5.2,6.7
  700. L49,88.1c0.4,3,3,5.2,5.9,5.2c0.2,0,0.5,0,0.7,0l36.2-4.1c3.3-0.4,5.7-3.3,5.3-6.6s-3.3-5.7-6.6-5.3L66.2,80
  701. c9.4-14.1,25.3-22.8,42.5-22.8c28.1,0,51,22.9,51,51S136.8,159.2,108.7,159.2z"/>
  702. </svg>
  703. </a>
  704. </div>
  705. </div>
  706. {/block:Date}
  707.  
  708. {block:HasTags}
  709. <div class="tags">
  710. {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}
  711. </div>
  712. {/block:HasTags}
  713. {/block:IndexPage}
  714.  
  715. {block:PermalinkPage}
  716. <div class="perma">
  717. <li>{DayOfMonth} {Month} {Year}</li>
  718. <li>{block:RebloggedFrom}via <a href="{ReblogParentURL}" title="{ReblogParenttitle}"><b>{ReblogParentName}</b></a></li>
  719. <li> {block:ContentSource}source <a href="{ReblogRootURL}" "{ReblogRootName}" title="{ReblogRoottitle}"><b>{ReblogRootName}</b></a>
  720. {/block:ContentSource}</li>
  721. {/block:RebloggedFrom}
  722.  
  723. <li style="text-transform:lowercase; font-style:italic;">{block:HasTags}
  724. tags: {block:Tags}<a href="{TagURL}">#{Tag} </a>{/block:Tags}
  725. {/block:HasTags}</li>
  726. </div>
  727. {block:PostNotes}
  728. <h4 style="margin:-10px 0px 0px 3px; text-transform:uppercase; font-size:10px; font-weight:400;">{NoteCountWithLabel}</h4>
  729. {PostNotes}
  730. {/block:PostNotes}
  731. {block:PermalinkPage}
  732.  
  733. </article>
  734. {/block:Posts}
  735.  
  736. {block:Pagination}
  737. <div class="pagination">
  738. {block:PreviousPage}<a class="prev" href="{PreviousPage}">back</a> {/block:PreviousPage}
  739. {block:NextPage}<a class="next" href="{NextPage}">next</a>{/block:NextPage}</div>
  740. {/block:Pagination}
  741. </div><!--end entries-->
  742.  
  743. </div>
  744. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  745. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  746. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  747. <script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script>
  748. <script src="http://static.tumblr.com/5omyijl/RZtn2yg9v/jquery.style-my-tooltips.js"></script>
  749. {block:IndexPage}
  750. {block:ifInfiniteScroll}
  751. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  752. {/block:ifInfiniteScroll}
  753. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  754. {/block:IndexPage}
  755. <script>
  756. $(document).ready(function(){
  757. $('.photo-slideshow').pxuPhotoset({
  758. lightbox: true,
  759. rounded: false,
  760. gutter: '{text:photoset margin}px',
  761. photoset: '.photo-slideshow',
  762. photoWrap: '.photo-data',
  763. photo: '.pxu-photo'
  764. });
  765. var $container = $('#entries');
  766. {block:ifInfiniteScroll}
  767. {block:IndexPage}
  768. $container.infinitescroll({
  769. itemSelector: '.posts',
  770. navSelector: '.pagination',
  771. nextSelector: '.next',
  772. loadingImg: '',
  773. loadingText: '<em></em>',
  774. bufferPx: 2000
  775. },
  776. function( newElements ) {
  777. var $newElems = $( newElements );
  778. var $newElemsIDs = $newElems.map(function(){
  779. return this.id;
  780. }).get();
  781. console.log($newElems, $newElemsIDs);
  782. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  783. $newElems.find('.photo-slideshow').pxuPhotoset({
  784. lightbox: true,
  785. rounded: false,
  786. gutter: '{text:photoset margin}px',
  787. photoset: '.photo-slideshow',
  788. photoWrap: '.photo-data',
  789. photo: '.pxu-photo'
  790. });
  791. resizeVideos();
  792. });
  793. {block:IfLoadMore}
  794. $(window).unbind('.infscr');
  795. $('.load').click(function(){
  796. $('#entries').infinitescroll('retrieve');
  797. return false;
  798. });
  799. {/block:IfLoadMore}
  800. {/block:IndexPage}
  801. {/block:ifInfiniteScroll}
  802. });
  803. (function($){
  804. $(document).ready(function(){
  805. $("[title]").style_my_tooltips({
  806. tip_follows_cursor:true,
  807. tip_delay_time:200,
  808. tip_fade_speed:500
  809. });
  810. });
  811. })(jQuery);
  812. // minimal soundcloud player © shythemes.tumblr
  813. $(document).ready(function(){
  814. var color = '{color:links}'; // color of play button (hex)
  815. $('.soundcloud_audio_player').each(function(){
  816. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  817. });
  818. });
  819. </script>
  820.  
  821. {block:ContentSource}
  822. <!---{SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  823. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  824. {/block:SourceLogo}
  825. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --->
  826. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  827.  
  828. {block:IfBackToTop}
  829. <script type="text/javascript" src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  830. <a href="javascript:;" id="scrollToTop" rel="nofollow">back to top</a>
  831. {/block:IfBackToTop}
  832.  
  833. <div class="credit">
  834. <a title="theme" href="http://mrsthemes.tumblr.com/" target="_blank">m</a>
  835. </div>
  836.  
  837. {block:IndexPage}
  838. {block:IfLoadMore}
  839. <div class="more">
  840. <a class="load" href="#">load more</a>
  841. </div>
  842. {/block:IfLoadMore}
  843. {/block:IndexPage}
  844.  
  845. </body>
  846. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!