API tools faq
paste
Advertisement
neothm

#12 YW&F

neothm
Nov 22nd, 2015
4,051
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.33 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--
  5. #12 YW&F by Neo
  6. Find me on tumblr: @NEOTHM | @NEOVAK
  7. If you need help/spotted a glitch, feel free to message me!
  8. Thank you for taking an interest in this theme, enjoy! ♡
  9. -->
  10. <meta charset="utf-8">
  11. <title>{block:PostTitle}{PostTitle} | {/block:PostTitle}{Title}</title>
  12. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  13. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  14. <link rel="stylesheet" href="http://static.tumblr.com/wgg6svp/jSmnqcghc/normalizer.css">
  15. <link href='https://fonts.googleapis.com/css?family={text:GoogleFont}:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  16. <meta name="image:Favicon" content="{Favicon}">
  17. <link rel="shortcut icon" href="{image:Favicon}">
  18. <link rel="stylesheet" href="http://static.tumblr.com/wgg6svp/dSSnw0j95/style.css">
  19. <meta name="if:TitleFirstLetter" content="1">
  20. <meta name="if:HeaderImage" content="1">
  21. <meta name="if:HeaderTitle" content="0">
  22. <meta name="if:FullSizeBackground" content="0">
  23. <meta name="if:FluidLayout" content="1">
  24. <meta name="if:HoverPerma" content="0">
  25. <meta name="if:ReblogLink" content="1">
  26. <meta name="if:ShowCaption" content="1">
  27. <meta name="text:GoogleFont" content="Varela">
  28. <meta name="color:Background" content="#f2f2f2">
  29. <meta name="color:Borders" content="#eee">
  30. <meta name="image:Background" content="">
  31.  
  32. <meta name="text:HeaderWidth" content="400px">
  33. <meta name="text:PostWidth" content="300px">
  34. <meta name="text:PostPadding" content="20px">
  35. <meta name="text:PostSpacing" content="30px">
  36. <meta name="text:PermalinkPostWidth" content="600px">
  37.  
  38.  
  39. <meta name="color:Text" content="#797979">
  40. <meta name="color:Links" content="#aaa">
  41. <meta name="color:Hover" content="#000">
  42. <meta name="image:HeaderImage" content="{PortraitURL-96}">
  43. <meta name="text:ReadMore" content="Read more">
  44. <meta name="text:PhotosetSpacing" content="3px">
  45. <meta name="if:Link1" content="0">
  46. <meta name="text:Link1Name" content="">
  47. <meta name="text:Link1URL" content="http://">
  48. <meta name="if:Link2" content="0">
  49. <meta name="text:Link2Name" content="">
  50. <meta name="text:Link2URL" content="http://">
  51. <meta name="if:Link3" content="0">
  52. <meta name="text:Link3Name" content="">
  53. <meta name="text:Link3URL" content="http://">
  54. <meta name="if:Link4" content="0">
  55. <meta name="text:Link4Name" content="">
  56. <meta name="text:Link4URL" content="http://">
  57. <meta name="if:Link5" content="0">
  58. <meta name="text:Link5Name" content="">
  59. <meta name="text:Link5URL" content="http://">
  60. <meta name="if:Link6" content="0">
  61. <meta name="text:Link6Name" content="">
  62. <meta name="text:Link6URL" content="http://">
  63. <meta name="select:FontSize" content="8px" title="8px">
  64. <meta name="select:FontSize" content="9px" title="9px">
  65. <meta name="select:FontSize" content="10px" title="10px">
  66. <meta name="select:FontSize" content="11px" title="11px">
  67. <meta name="select:FontSize" content="12px" title="12px">
  68. <meta name="select:NavFontSize" content="7px" title="7px">
  69. <meta name="select:NavFontSize" content="8px" title="8px">
  70. <meta name="select:NavFontSize" content="9px" title="9px">
  71. <meta name="select:HeaderImageSize" content="80px" title="big">
  72. <meta name="select:HeaderImageSize" content="50px" title="medium">
  73. <meta name="select:HeaderImageSize" content="30px" title="small">
  74. <meta name="select:NumberOfColumns" content="1" title="1">
  75. <meta name="select:NumberOfColumns" content="2" title="2">
  76. <meta name="select:NumberOfColumns" content="3" title="3">
  77. <meta name="select:NumberOfColumns" content="4" title="4">
  78. <meta name="select:NumberOfColumns" content="5" title="5">
  79. <meta name="select:NextPage" content="pagi" title="Pagination">
  80. <meta name="select:NextPage" content="ldmr" title="Load more button">
  81. <meta name="select:NextPage" content="ifnt" title="Infinite scroll">
  82. <style type="text/css">
  83. *{
  84. margin:0;
  85. padding:0;
  86. }
  87. html, body{
  88. height:100%;
  89. }
  90. body{
  91. text-align:justify;
  92. word-break:break-word;
  93. font:400 {select:FontSize}/170% {text:GoogleFont}, sans-serif;
  94. color:{color:Text};
  95. background:{color:Background} url('{image:Background}');
  96. background-attachment:fixed;
  97. {block:IfFullSizeBackground}
  98. background-size:cover;
  99. {/block:IfFullSizeBackground}
  100. -webkit-font-smoothing: antialiased;
  101. -moz-osx-font-smoothing: grayscale;
  102. padding-top:1px;
  103. margin-top:-1px;
  104. }
  105. #noscroll{
  106. overflow-x:hidden;
  107. }
  108. a{
  109. color:{color:Links};
  110. text-decoration:none;
  111. }
  112. a:hover{
  113. color:{color:Hover};
  114. cursor:pointer!important;
  115. }
  116. a, a:hover,
  117. a:after, a:hover:after{
  118. transition-duration:.3s;
  119. -webkit-transition-duration:.3s;
  120. -moz-transition-duration:.3s;
  121. -ms-transition-duration:.3s;
  122. -o-transition-duration:.3s;
  123. }
  124. {block:IfHoverPerma}article:hover .idxprm p, .idxprm p,
  125. article:hover .idxprm, .idxprm{
  126. transition-duration:.5s;
  127. -webkit-transition-duration:.5s;
  128. -moz-transition-duration:.5s;
  129. -ms-transition-duration:.5s;
  130. -o-transition-duration:.5s;
  131. }
  132. {/block:IfHoverPerma}
  133. ::selection{
  134. background-color:#000;
  135. color:#fff;
  136. }
  137. ::-moz-selection{
  138. background-color:#000;
  139. color:#fff;
  140. }
  141. ::-webkit-scrollbar{
  142. width:11px;
  143. height:11px;
  144. background-color:{color:Background};
  145. }
  146. ::-webkit-scrollbar-track{
  147. border:5px solid {color:Background};
  148. background-color:{color:Background};
  149. }
  150. ::-webkit-scrollbar-thumb{
  151. border:5px solid {color:Background};
  152. background-color: {color:Links};
  153. }
  154. .tmblr-iframe.iframe-controls--desktop{
  155. filter:invert(100%);
  156. -webkit-filter:invert(100%);
  157. -moz-filter:invert(100%);
  158. -ms-filter:invert(100%);
  159. -o-filter:invert(100%);
  160. transform:scale(.8, .8);
  161. -webkit-transform:scale(.8, .8);
  162. -moz-transform:scale(.8, .8);
  163. z-index:999999999999999999!important;
  164. }
  165. #s-m-t-tooltip{
  166. line-height:100%;
  167. font-size:8px;
  168. text-transform:uppercase;
  169. text-align:center;
  170. letter-spacing:1px;
  171. max-width:100px;
  172. z-index:9999!important;
  173. padding:5px;
  174. margin:15px;
  175. background:rgba(0,0,0,.8);
  176. color:#eee;
  177. }
  178.  
  179. header{
  180. width:{text:HeaderWidth};
  181. margin:40px auto 100px;
  182. padding:10px;
  183. overflow:hidden;
  184. background-color:#fff;
  185. border:1px solid {color:Borders};
  186. }
  187. header > div, nav{
  188. padding:20px;
  189. width:calc(50% - 40px);
  190. float:left;
  191. }
  192. header img{
  193. display:block;
  194. width:{select:HeaderImageSize};
  195. height:{select:HeaderImageSize};
  196. border-radius:50%;
  197. margin:0 auto 20px;
  198. }
  199. header h1{
  200. text-align:center;
  201. text-transform:uppercase;
  202. font-size:{select:FontSize};
  203. letter-spacing:1px;
  204. font-weight:normal;
  205. line-height:110%;
  206. margin-bottom:10px
  207. }
  208.  
  209. {block:IfTitleFirstLetter}header h1:first-letter,{/block:IfTitleFirstLetter}
  210. .pagination span{
  211. font-weight:bold;
  212. border-bottom:1px solid {color:Text};
  213. }
  214.  
  215. nav a, nav a:after{
  216. display:block;
  217. }
  218. nav a{
  219. text-transform:uppercase;
  220. font-size:{select:NavFontSize};
  221. letter-spacing:1px;
  222. line-height:35px;
  223. position:relative;
  224. border-bottom:1px solid {color:Borders};
  225. }
  226. nav a:after{
  227. content:"";
  228. width:0;
  229. height:1Px;
  230. background-color:{color:Hover};
  231. position:absolute;
  232. bottom:-1px;
  233. left:0;
  234. }
  235. nav a:hover:after{
  236. width:100%;
  237. }
  238. section{
  239. text-align:center;
  240. margin:0 {block:ifFluidLayout}calc({text:PostSpacing} / 2){/block:ifFluidLayout}{block:ifNotFluidLayout}auto{/block:ifNotFluidLayout};
  241. }
  242. article{
  243. position:relative;
  244. text-align:justify;
  245. {block:IndexPage}
  246. display:inline-block;
  247. vertical-align:middle;
  248. width:{text:PostWidth};
  249. margin:{text:PostSpacing};
  250. {/block:IndexPage}
  251. {block:PermalinkPage}
  252. margin:0 auto 30px;
  253. width:{text:PermalinkPostWidth};
  254. {/block:PermalinkPage}
  255. padding:{text:PostPadding};
  256. min-height:15px;
  257. background-color:#fff;
  258. border:1px solid {color:Borders};
  259. }
  260. .singlecolumn article{
  261. margin: {text:PostSpacing} auto!important;
  262. }
  263. .idxprm{
  264. text-transform:uppercase;
  265. font-size:{select:NavFontSize};
  266. letter-spacing:1px;
  267. z-index:2;
  268. {block:IfNotHoverPerma}
  269. top:{text:PostPadding};
  270. left:{text:PostPadding};
  271. background-color:#fff;
  272. margin-top:10px;
  273. text-align:center;
  274. {/block:IfNotHoverPerma}
  275. {block:IfHoverPerma}
  276. position:absolute;
  277. width:70px;
  278. top:0;
  279. right:0;
  280. line-height:200%;
  281. {block:IfNotReblogLink}height:25px;{/block:IfNotReblogLink}
  282. {block:IfReblogLink}height:40px;{/block:IfReblogLink}
  283. opacity:0;
  284. border-left:1px solid #e2e2e2;
  285. {/block:IfHoverPerma}
  286. }
  287. {block:IfNotHoverPerma}
  288. .idxprm a{
  289. display:inline-block;
  290. margin:0 5px;
  291. }
  292. {/block:IfNotHoverPerma}
  293.  
  294. {block:IfHoverPerma}
  295. .idxprm a{
  296. display:block;
  297. }
  298. article:hover .idxprm{
  299. right:-80px;
  300. opacity:1;
  301. }
  302. article:hover .idxprm p{
  303. opacity:1;
  304. left:0px;
  305. transition-delay:.3s;
  306. }
  307. .idxprm p{
  308. opacity:0;
  309. position:absolute;
  310. left:-70px;
  311. padding:0 10px;
  312. width:60px;
  313. }
  314. {/block:IfHoverPerma}
  315. article *{
  316. max-width:100%;
  317. }
  318. .pictures{
  319. min-width:100%;
  320. display:block;
  321. }
  322. article img{
  323. height:auto;
  324. }
  325. h3{
  326. font-size:22px;
  327. line-height:100%;
  328. }
  329. .caption:before,
  330. .caption:after{
  331. content:"";
  332. display:block;
  333. position:absolute;
  334. width:10px;
  335. height:10px;
  336. }
  337. .caption:before{
  338. top:0;
  339. left:0;
  340. border-top:1px solid {color:Borders};
  341. border-left:1px solid {color:Borders};
  342. }
  343. .caption:after{
  344. bottom:0;
  345. right:0;
  346. border-bottom:1px solid {color:Borders};
  347. border-right:1px solid {color:Borders};
  348. }
  349. .caption{
  350. margin-top:10px;
  351. position:relative;
  352. padding:10px;
  353. }
  354. .read_more{
  355. display:table;
  356. margin:auto;
  357. text-transform:uppercase;
  358. font-size:{select:NavFontSize};
  359. letter-spacing:1px;
  360. }
  361. .txt .read_more{
  362. margin-top:10px;
  363. }
  364. .question p b a,
  365. .caption a,
  366. .read_more{
  367. padding-bottom:1px;
  368. border-bottom:1px solid {color:Borders};
  369. }
  370. .question p b a:hover,
  371. .caption a:hover,
  372. .read_more:hover{
  373. border-bottom-color:transparent;
  374. }
  375. .tumblr_blog, .question p b{
  376. font-weight:bold;
  377. text-transform:uppercase;
  378. font-size:{select:NavFontSize};
  379. letter-spacing:1px;
  380. }
  381. .tumblr_blog{
  382. font-style:italic;
  383. }
  384. .caption p:not(:first-child),
  385. .caption ul,.caption ol,.caption h2{
  386. margin-top:10px;
  387. }
  388. .caption ul,.caption ol{
  389. padding-left:30px;
  390. }
  391. .caption blockquote{
  392. padding:5px;
  393. background-color:#f6f6f6;
  394. }
  395. .caption > blockquote{
  396. border:1px solid #eee;
  397. margin-top:10px;
  398. }
  399. footer.pagi #loadmore,
  400. footer.ldmr .pagination,
  401. footer.ifnt,
  402. #infscr-loading{block:IndexPage}{block:IfNotShowCaption}
  403. , .hde{/block:IfNotShowCaption}{/block:IndexPage}{
  404. display:none!important;
  405. }
  406.  
  407. .spotify_audio_player{
  408. height: 80px!important;
  409. overflow: hidden;
  410. filter: invert(100%);
  411. -webkit-filter: invert(100%);
  412. -moz-filter: invert(100%);
  413. -ms-filter: invert(100%);
  414. -o-filter: invert(100%);
  415. opacity: .4;
  416. background-color: #fff;
  417. }
  418.  
  419. footer{
  420. margin:auto;
  421. padding:30px 0;
  422. margin-top: 100px;
  423. text-align: center;
  424. background-color: #fff;
  425. border: 1px solid {color:Borders};
  426. text-transform:uppercase;
  427. letter-spacing:1px;
  428. }
  429. #loadmore{
  430. font-size:{select:NavFontSize};
  431. }
  432. .pagination{
  433. font-size:{select:FontSize};
  434. }
  435. #prv,
  436. #nxt{
  437. font-size:14px;
  438. vertical-align: -2px;
  439. }
  440. .pagination a,
  441. .pagination span{
  442. display:inline-block;
  443. margin:0 5px;
  444. }
  445. .slideshow{
  446. position:relative;
  447. width:100%;
  448. }
  449. .slideshow img{
  450. display:block;
  451. position:absolute;
  452. top:0;
  453. left:0;
  454. }
  455. .chat li{
  456. list-style-type:none;
  457. background-color:#f6f6f6;
  458. border: 1px solid #f0f0f0;
  459. margin-bottom:3px;
  460. padding:5px 10px;
  461. }
  462. .audio, .question{
  463. font-size:0;
  464. }
  465. .audio_player, .audio p,
  466. .question p, .question img{
  467. font-size:{select:FontSize};
  468. display: inline-block;
  469. vertical-align: middle;
  470. }
  471. .audio_player, .question img{
  472. padding:5px 10px 5px 0;
  473. width: 30px;
  474. height: 30px;
  475. position: relative;
  476. border-right: 1px solid {color:Borders};
  477. }
  478. .audio p, .question p{
  479. width: calc(100% - 51px);
  480. margin-left: 10px;
  481. }
  482. .question p b{
  483. margin-right:10px;
  484. }
  485. .audio p{
  486. text-align:center;
  487. }
  488. .quote h3{
  489. font-style:italic;
  490. text-align:left;
  491. font-size:17px;
  492. line-height:140%;
  493. position:relative;
  494. text-indent:20px;
  495. }
  496. .quote h3:before{
  497. font-style:normal;
  498. content:"“";
  499. display:block;
  500. font-size:36px;
  501. position:absolute;
  502. top:7px;
  503. left:-20px;
  504. }
  505. .quote .caption{
  506. text-align:center;
  507. text-transform:uppercase;
  508. letter-spacing:1px;
  509. font-size:{select:NavFontSize};
  510. }
  511. {block:PermalinkPage}
  512. .perma{
  513. text-align:center;
  514. }
  515. .tags i, .tags span{
  516. display:table-cell;
  517. vertical-align:middle;
  518. }
  519. .tags span{
  520. padding:0 10px;
  521. }
  522. .tags a:not(:last-child):after{
  523. content:", ";
  524. }
  525. .tags i{
  526. padding:10px;
  527. font-size:18px;
  528. }
  529. .tags, .perma{
  530. margin-top:10px;
  531. padding-top:10px;
  532. border-top:1px solid {color:Borders};
  533. font-size:7px;
  534. text-transform:uppercase;
  535. letter-spacing:1px;
  536. }
  537. .tags{
  538. min-width:100%;
  539. text-align:left;
  540. word-break:break-word;
  541. display:table;
  542. line-height:130%;
  543. }
  544.  
  545. #notes *{
  546. margin:0;
  547. padding:0;
  548. }
  549. #notes{
  550. border-top:1px solid {color:Borders};
  551. margin-top: 5px;
  552. position: relative;
  553. text-align: center;
  554. padding: 10px 0 30px;
  555. }
  556. #notes li{
  557. list-style-type:none;
  558. display:inline-block;
  559. width:25px;
  560. height:25px;
  561. margin:5px;
  562. overflow:hidden;
  563. }
  564. #notes img{
  565. width:25px;
  566. height:25px;
  567. }
  568. li.more_notes_link_container{
  569. background:url('http://cdn.flaticon.com/png/256/59565.png') no-repeat;
  570. background-size:25px;
  571. background-position:center;
  572. opacity:.5;
  573.  
  574. }
  575. a.more_notes_link, a.notes_loading{
  576. opacity:0!important;
  577. }
  578. {/block:PermalinkPage}
  579. .fu-tumblr *{
  580. display:block;
  581. min-width:100%;
  582. }
  583. </style>
  584. </head>
  585. <body id="noscroll">
  586. <header>
  587. <div>
  588. {block:IfHeaderImage}<img src="{image:HeaderImage}">{/block:IfHeaderImage}
  589. {block:IfHeaderTitle}<h1>{Title}</h1>{/block:IfHeaderTitle}
  590. {Description}
  591. </div>
  592. <nav>
  593. <a href="/">Index</a>
  594. <a href="/ask">Message</a>
  595. <a href="/archive">Archive</a>
  596. {block:IfLink1}<a href="{text:Link1URL}">{text:Link1Name}</a>{/block:IfLink1}
  597. {block:IfLink2}<a href="{text:Link2URL}">{text:Link2Name}</a>{/block:IfLink2}
  598. {block:IfLink3}<a href="{text:Link3URL}">{text:Link3Name}</a>{/block:IfLink3}
  599. {block:IfLink4}<a href="{text:Link4URL}">{text:Link4Name}</a>{/block:IfLink4}
  600. {block:IfLink5}<a href="{text:Link5URL}">{text:Link5Name}</a>{/block:IfLink5}
  601. {block:IfLink6}<a href="{text:Link6URL}">{text:Link6Name}</a>{/block:IfLink6}
  602. </nav>
  603. </header>
  604. <section>
  605. {block:Posts}
  606. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}<!-- {block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  607. <article{block:Text} class="txt"{/block:Text}{block:Chat} class="chat"{/block:Chat}{block:Photoset} class="photost"{/block:Photoset}{block:Quote} class="quote"{/block:Quote}{block:Link} class="txt"{/block:Link} data-tag="{TagsAsClasses}" data-url="{ShortURL}">
  608. {block:Photo}
  609. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="pictures">
  610. {block:Caption}
  611. <div class="caption hde">
  612. {Caption}
  613. </div>
  614. {/block:Caption}
  615. {/block:Photo}
  616. {block:Photoset}
  617. <div class="photo-slideshow" data-layout="{PhotosetLayout}">
  618. {block:Photos}
  619. <div class="photo-data">
  620. <div class="pxu-photo">
  621. <img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" class="{block:Exif}exif-yes {/block:Exif}{block:Caption}caption-yes{/block:Caption}" {block:Exif}data-camera="{block:Camera}{Camera}{/block:Camera}" data-iso="{block:ISO}{ISO}{/block:ISO}" data-aperture="{block:Aperture}{Aperture}{/block:Aperture}" data-exposure="{block:Exposure}{Exposure}{/block:Exposure}" data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif} {block:Caption}data-caption="{Caption}"{/block:Caption}>
  622. </div>
  623. </div>
  624. {/block:Photos}
  625. </div>
  626. {block:Caption}
  627. <div class="caption hde">
  628. {Caption}
  629. </div>
  630. {/block:Caption}
  631. {/block:Photoset}
  632. {block:Text}
  633. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  634. <div class="caption">
  635. {Body}
  636. </div>
  637. {/block:Text}
  638. {block:Link}
  639. <h3><a href="{URL}" target="{Target}">{Name} »</a></h3>
  640. {block:Description}
  641. <div class="caption">
  642. {Description}
  643. </div>
  644. {/block:Description}
  645. {/block:Link}
  646. {block:Chat}
  647. {block:Title}
  648. <h3><a href="{Permalink}">{Title}</a></h3>
  649. {/block:Title}
  650. <ul>
  651. {block:Lines}
  652. <li>
  653. {block:Label}
  654. <b>{Label}</b>
  655. {/block:Label}
  656. {Line}
  657. </li>
  658. {/block:Lines}
  659. </ul>
  660. {/block:Chat}
  661. {block:Video}
  662. <div class="fu-tumblr">{Video-500}</div>
  663. {block:Caption}
  664. <div class="caption hde">
  665. {Caption}
  666. </div>
  667. {/block:Caption}
  668. {/block:Video}
  669. {block:Audio}
  670. <div class="audio">
  671. {block:AudioPlayer} {AudioPlayer} {/block:AudioPlayer}
  672. <p>
  673. {block:Artist}
  674. <b>{Artist}</b> <br>
  675. {/block:Artist}
  676. {block:TrackName}
  677. {TrackName}
  678. {/block:TrackName}
  679. </p>
  680. </div>
  681. {block:Caption}
  682. <div class="caption hde">{Caption}</div>
  683. {/block:Caption}
  684. {/block:Audio}
  685. {block:Quote}
  686. <h3>{Quote}</h3>
  687. {block:Source}
  688. <div class="caption">
  689. {Source}
  690. </div>
  691. {/block:Source}
  692. {/block:Quote}
  693. {block:Answer}
  694. <div class="question">
  695. <img src="{AskerPortraitURL-96}">
  696. <p>
  697. <b>{Asker}</b>
  698. {Question}
  699. </p>
  700. </div>
  701. <div class="caption">{Answer}</div>
  702. {/block:Answer}
  703.  
  704. {block:IndexPage}<div class="idxprm"><p><a href="{Permalink}" title="{TimeAgo}">{DayOfMonthWithZero}{MonthNumberWithZero}{ShortYear}</a> {block:NoteCount}<a href="{Permalink}">{NoteCount}N.</a>{/block:NoteCount}{block:IfReblogLink}<a href="{ReblogURL}" target="_blank">Reblog.</a>{/block:IfReblogLink}</p></div>{/block:IndexPage}
  705. {block:PermalinkPage}
  706. {block:Date}
  707. <div class="perma">
  708. {block:RebloggedFrom}Reblogged{/block:RebloggedFrom}{block:NotReblog}Posted{/block:NotReblog} {Month} {DayOfMonth}{DayOfMonthSuffix}{block:RebloggedFrom} via <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (©<a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}.
  709. </div>
  710. {/block:Date}
  711. {block:HasTags}
  712. <div class="tags">
  713. <i>#</i>
  714. <span>
  715. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  716. </span>
  717. </div>
  718. {/block:HasTags}
  719. {/block:PermalinkPage}
  720. {block:PostNotes}
  721. <div id="notes">
  722. {PostNotes-64}
  723. </div>
  724. {/block:PostNotes}
  725. </article>
  726. {/block:Posts}
  727. </section>
  728. {block:Pagination}
  729. <footer class="{select:NextPage}">
  730. <span class="pagination">
  731. {block:PreviousPage}<a href="{PreviousPage}" id="prv" title="previous page">&lsaquo;</a>{/block:PreviousPage}
  732. {block:JumpPagination length="3"}
  733. {block:JumpPage}<a href="{URL}">{PageNumber}</a>{/block:JumpPage}
  734. {block:CurrentPage}<span>{PageNumber}</span>{/block:CurrentPage}
  735. {/block:JumpPagination}
  736. {block:NextPage}<a href="{NextPage}" id="nxt" title="next page">&rsaquo;</a>{/block:NextPage}
  737. </span>
  738. <a id="loadmore">Load more posts</a>
  739. </footer>
  740. {/block:Pagination}
  741. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  742. <script src="http://static.tumblr.com/emvnqzg/NOVo0fisl/scripts.js"></script>
  743. <script src="http://static.tumblr.com/wgg6svp/sDinmsq3x/jquery.style-my-tooltips.js"></script>
  744. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  745. <script src="http://static.tumblr.com/q8c0vxg/xYrnjmd74/jquery.infinitescroll.min.js"></script>
  746. <script type="text/javascript" src="http://static.tumblr.com/wgg6svp/Wf8nw0j2c/pxuphotoset.js"></script>
  747. <script>
  748. $(function(){
  749. $("[title]").style_my_tooltips({
  750. tip_follows_cursor:true,
  751. tip_delay_time:200,
  752. tip_fade_speed:500
  753. });
  754. $('.photo-slideshow').pxuPhotoset({
  755. 'ligthbox' : false,
  756. 'rounded' : false,
  757. 'gutter' : '{text:PhotosetSpacing}'
  758. });
  759. {block:IndexPage}
  760.  
  761. $('.fu-tumblr').each(function(){
  762. var height = (parseInt($('iframe', this).height()) * parseInt('{text:PostWidth}')) / 500;
  763. $('iframe', this).height(height);
  764. });
  765.  
  766. {block:IfNotFluidLayout}
  767. var numcolumn = parseInt('{select:NumberofColumns}'),
  768. article = parseInt('{text:PostWidth}') + (parseInt('{text:PostPadding}') * 2) + (parseInt('{text:PostSpacing}') * 2) + (2 * numcolumn);
  769. if(numcolumn == 1){
  770. $('section').addClass('singlecolumn');
  771. $('section, footer').css({'width': (article - (parseInt('{text:PostSpacing}') * 2) ) * numcolumn});
  772. }else{
  773. $('section').css({'width': article * numcolumn});
  774. $('footer').css({'width': (article - parseInt('{text:PostSpacing}')) * numcolumn});
  775. }
  776. {/block:IfNotFluidLayout}
  777.  
  778. function cut(n) {
  779. return function textCutter(i, text) {
  780. var short = text.substr(0, n);
  781. if (/^\S/.test(text.substr(n))){
  782. return short.replace(/\s+\S*$/, "...");
  783. };
  784. return short;
  785. };
  786. }
  787. function photosetAdjust($this){
  788. $('img:last', $this).fadeOut(600, function(){
  789. $('img:first', $this).before($('img:last', $this));
  790. $('img:first', $this).show();
  791. });
  792. }
  793. function truncate($posts){
  794. var txt, url, height, slideshow, type;
  795. $posts.each(function($key, $this){
  796. type = $(this).attr('class');
  797. if($(this).attr('data-tag').indexOf("long_post") > -1){
  798. if(type == 'txt'){
  799. txt = $(this).find('.caption').html();
  800. url = $(this).attr('data-url');
  801. $(this).find('.caption').html(cut(105)).append('<a href="'+url+'" class="read_more">{text:ReadMore}</a>');
  802. }else if(type == 'quote'){
  803. txt = $(this).find('h3').html();
  804. url = $(this).attr('data-url');
  805. $(this).find('h3').html(cut(55));
  806. $(this).find('.caption').append('<a href="'+url+'" class="read_more">{text:ReadMore}</a>');
  807. }else if(type == 'chat'){
  808. url = $(this).attr('data-url');
  809. $(this).find('li:nth-child(n+3)').hide().parent().append('<li><a href="'+url+'" class="read_more">{text:ReadMore}</a></li>');
  810. }else if(type == "photost"){
  811. $(this).imagesLoaded(function(){
  812. height = $('img:first', this).height();
  813. $(this).addClass('slideshow').height(height);
  814. slideshow = setInterval(function(){photosetAdjust($this);}, 3000);
  815. });
  816. }
  817.  
  818. }
  819. });
  820.  
  821.  
  822. }
  823. truncate($('article'));
  824.  
  825. var parent = $('section');
  826. if($('footer').hasClass('ldmr') || $('footer').hasClass('ifnt')){
  827. parent.infinitescroll({
  828. navSelector : ".pagination",
  829. nextSelector : "#nxt",
  830. itemSelector : "article",
  831. bufferPx : 50,
  832. done : "",
  833. loading: {
  834. img : "",
  835. msgText: "",
  836. finishedMsg:""
  837. },
  838. },
  839. function( newElements ) {
  840. var $newElems = $( newElements ).css({ opacity: 0 });
  841. $newElems.imagesLoaded(function(){
  842. $newElems.animate({ opacity: 1 }).find('[title]').style_my_tooltips();
  843. $newElems.find('.fu-tumblr').each(function(){var height = (parseInt($('iframe', this).height()) * parseInt('{text:PostWidth}')) / 500;$('iframe', this).height(height);});
  844. $newElems.find('.photo-slideshow').pxuPhotoset({'ligthbox':false,'rounded':false,'gutter':'{text:PhotosetSpacing}'});
  845. truncate($newElems);
  846. });
  847. });
  848. if($('footer').hasClass('ldmr')){
  849. parent.infinitescroll({
  850. behavior: 'twitter'
  851. });
  852. $(window).unbind('.infscr');
  853. $('#loadmore').click(function(){
  854. parent.infinitescroll('retrieve');
  855. $('footer').show();
  856. return false;
  857. });
  858. }
  859. }
  860. $('.spotify_audio_player').each(function(){
  861. $(this).parent().height('80px');
  862. });
  863.  
  864. {/block:IndexPage}
  865. });
  866. </script>
  867.  
  868.  
  869. </body>
  870. </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!