API tools faq
paste
Advertisement
neothm

#06 DECIPHER

neothm
May 12th, 2015
5,513
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.26 KB | None | 0 0
raw download clone embed print report
  1. <!doctype html>
  2. <html lang="en">
  3. <!--
  4. #06 DECIPHER by Neo
  5. Find me on tumblr: @NEOTHM | @NEOVAK.
  6. If you need help/spotted a glitch, feel free to message me!
  7. Thank you for taking an interest in this code. Enjoy. ♡
  8. -->
  9. <head>
  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="shortcut icon" href="{Favicon}">
  14. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  15. <meta name="viewport" content="width=device-width, initial-scale=1">
  16. <link rel="stylesheet" href="http://static.tumblr.com/wgg6svp/JoXnnvmki/linetolettera.css">
  17. <link rel="stylesheet" href="http://static.tumblr.com/wgg6svp/jSmnqcghc/normalizer.css">
  18. <link rel="stylesheet" href="http://static.tumblr.com/wgg6svp/55Ynowx5p/tex.css">
  19. <link href='//fonts.googleapis.com/css?family=Lato:300,700|Lora:400,700|Roboto:300,700|Montserrat:400,700' rel='stylesheet' type='text/css'>
  20. <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  21. <meta name="image:Header" content="">
  22. <meta name="if:LikeButtons" content="1">
  23.  
  24. <!-- options -->
  25. <meta name="select:NextPage" content="pagination" title="Pagination">
  26. <meta name="select:NextPage" content="ifntscroll" title="Infinite scroll">
  27. <meta name="select:NextPage" content="loadmore" title="Load more button">
  28. <meta name="select:Columns" content="1" title="Single Column">
  29. <meta name="select:Columns" content="2" title="2 Columns">
  30. <meta name="select:Columns" content="3" title="3 Columns">
  31.  
  32. <meta name="select:Font" content="Lettera" title="Lineto Lettera">
  33. <meta name="select:Font" content="Tex" title="LaTeX Project">
  34. <meta name="select:Font" content="Arial" title="Arial">
  35. <meta name="select:Font" content="'Lato'" title="Lato">
  36. <meta name="select:Font" content="Lora" title="Lora">
  37. <meta name="select:Font" content="Roboto" title="Roboto">
  38. <meta name="select:Font" content="Montserrat" title="Montserrat">
  39.  
  40.  
  41. <meta name="select:DescriptionOpacity" content=".3" title="0.3">
  42. <meta name="select:DescriptionOpacity" content=".7" title="0.7">
  43. <meta name="select:DescriptionOpacity" content="1" title="Opaque">
  44. <meta name="select:DescriptionOpacity" content="0" title="Transparent">
  45.  
  46. <meta name="if:SlideshowHeader" content="0">
  47. <meta name="if:GrayscaleImages" content="0">
  48. <meta name="if:FadedImages" content="0">
  49.  
  50. <meta name="color:Links" content="#aaa">
  51. <meta name="color:LinksHover" content="#000">
  52. <meta name="color:Text" content="#444">
  53. <meta name="color:Header" content="#000">
  54. <meta name="color:PageBackground" content="#fff">
  55. <meta name="color:PostsBackground" content="#f6f6f6">
  56. <meta name="image:PostsBackground" content="">
  57. <meta name="if:FixedHeaderImage" content="1">
  58. <meta name="if:HeaderIcon" content="1">
  59. <meta name="if:SlidingTags" content="1">
  60. <meta name="image:HeaderIcon" content="">
  61. <meta name="if:NoCaption" content="0">
  62. <meta name="text:PostWidth" content="400">
  63. <meta name="text:PostMargin" content="50">
  64. <meta name="text:PostPadding" content="25">
  65. <meta name="text:HeaderHeight" content="400">
  66. <meta name="if:HeaderDescription" content="1">
  67. <meta name="if:CustomFollowButtons" content="1">
  68. <meta name="if:ContentFadeIn" content="1">
  69. <meta name="text:HeaderSpeed" content="4000">
  70.  
  71. <meta name="if:Link1" content="">
  72. <meta name="if:Link2" content="">
  73. <meta name="if:Link3" content="">
  74. <meta name="if:Link4" content="">
  75. <meta name="if:Link5" content="">
  76. <meta name="text:Link1Name" content="">
  77. <meta name="text:Link1URL" content="">
  78. <meta name="text:Link2Name" content="">
  79. <meta name="text:Link2URL" content="">
  80. <meta name="text:Link3Name" content="">
  81. <meta name="text:Link3URL" content="">
  82. <meta name="text:Link4Name" content="">
  83. <meta name="text:Link4URL" content="">
  84. <meta name="text:Link5Name" content="">
  85. <meta name="text:Link5URL" content="">
  86.  
  87. <meta name="image:SlideshowImage1" content="">
  88. <meta name="image:SlideshowImage2" content="">
  89. <meta name="image:SlideshowImage3" content="">
  90.  
  91.  
  92. <style type="text/css">
  93. *{
  94. margin:0;
  95. padding:0;
  96. }
  97. ::selection{
  98. background-color:#000;
  99. color:#fff;
  100. }
  101. ::-moz-selection{
  102. background-color:#000;
  103. color:#fff;
  104. }
  105. ::-webkit-scrollbar{
  106. width:11px;
  107. height:11px;
  108. background-color:{color:PageBackground};
  109. }
  110. ::-webkit-scrollbar-track{
  111. border:5px solid {color:PageBackground};
  112. background-color: {color:PageBackground};
  113. }
  114. ::-webkit-scrollbar-thumb{
  115. border:5px solid {color:PageBackground};
  116. background-color:{color:Text};
  117. }
  118. #s-m-t-tooltip{
  119. line-height:100%;
  120. font-size:8px;
  121. text-transform:uppercase;
  122. text-align:center;
  123. letter-spacing:1px;
  124. max-width:100px;
  125. z-index:9999!important;
  126. padding:5px;
  127. margin:15px;
  128. background:#fff;
  129. border:1px solid {color:PostsBackground};
  130. color:{color:Text};
  131. }
  132. .tmblr-iframe.iframe-controls--desktop{
  133. filter:invert(100%);
  134. -webkit-filter:invert(100%);
  135. -moz-filter:invert(100%);
  136. -ms-filter:invert(100%);
  137. -o-filter:invert(100%);
  138. top:60px;
  139. position:absolute;
  140. {block:IndexPage}
  141. right:0!important;
  142. {/block:IndexPage}
  143. opacity:.3;
  144. transition-duration:.3s;
  145. -webkit-transition-duration:.3s;
  146. -moz-transition-duration:.3s;
  147. -ms-transition-duration:.3s;
  148. -o-transition-duration:.3s;
  149. {block:IndexPage}
  150. {block:ifCustomFollowButtons}
  151. display:none!important;
  152. {/block:ifCustomFollowButtons}
  153. {/block:IndexPage}
  154. z-index:999999999999999999!important;
  155. }
  156. .tmblr-iframe.iframe-controls--desktop:hover{
  157. opacity:.7;
  158. transition-duration:.3s;
  159. -webkit-transition-duration:.3s;
  160. -moz-transition-duration:.3s;
  161. -ms-transition-duration:.3s;
  162. -o-transition-duration:.3s;
  163. }
  164. a{
  165. color:{color:Links};
  166. text-decoration:none;
  167. transition-duration:.3s;
  168. -webkit-transition-duration:.3s;
  169. -moz-transition-duration:.3s;
  170. -ms-transition-duration:.3s;
  171. -o-transition-duration:.3s;
  172. }
  173. a:hover{
  174. color:{color:LinksHover};
  175. cursor:crosshair!important;
  176. transition-duration:.3s;
  177. -webkit-transition-duration:.3s;
  178. -moz-transition-duration:.3s;
  179. -ms-transition-duration:.3s;
  180. -o-transition-duration:.3s;
  181. }
  182. html, body{
  183. text-align:justify;
  184. height:100%;
  185. font:lighter 12px/180% {select:Font}, sans-serif;
  186. color:{color:Text};
  187. background-color:{color:PageBackground};
  188. -webkit-font-smoothing: antialiased;
  189. -moz-osx-font-smoothing: grayscale;
  190. }
  191. {block:ifContentFadeIn}
  192. {block:IndexPage}
  193. body{
  194. padding-top:100px;
  195. opacity:0;
  196. }
  197. {/block:IndexPage}
  198. {/block:ifContentFadeIn}
  199. nav{
  200. z-index:3;
  201. margin:40px auto 0;
  202. font-size:10px;
  203. padding:20px 0;
  204. text-transform:uppercase;
  205. background-color:{color:PageBackground};
  206. overflow:hidden;
  207. letter-spacing:2px;
  208. position:relative;
  209. text-align:right;
  210. }
  211. nav h1{
  212. text-align:left;
  213. font-size:11px;
  214. display:block;
  215. float:left;
  216. max-width:40%;
  217. }
  218. nav div{
  219. display:inline-block;
  220. vertical-align:middle;
  221. max-width:55%;
  222. }
  223. nav h1 a{
  224. color:#000;
  225. }
  226. nav div a{
  227. margin:0 5px;
  228. }
  229. nav form{
  230. display:inline-block;
  231. vertical-align:middle;
  232. color:{color:Links};
  233. font-size:15px;
  234. padding-top:5px;
  235. }
  236. nav a.search{
  237. margin-left:20px;
  238. margin-right:5px;
  239. z-index:2;
  240. position:relative;
  241. display:block;
  242. float:left;
  243. }
  244. nav a.search:hover{
  245. color:{color:Links};
  246. }
  247. nav form a{
  248. margin:0 4px;
  249. }
  250. nav input{
  251. width:0;
  252. top:0;
  253. left:-40px;
  254. margin:0;
  255. position:absolute;
  256. background-color:#27282d;
  257. color:#fff;
  258. outline:none;
  259. border:none;
  260. overflow:hidden;
  261. text-transform:uppercase;
  262. font:11px {select:Font};
  263. letter-spacing:1px;
  264. height:100%;
  265. padding:0 20px;
  266. }
  267. .fixed{
  268. position:fixed!important;
  269. top:0;
  270. left:0;
  271. right:0;
  272. margin:auto;
  273. }
  274. .tmblr-iframe.fixed{
  275. right:0;
  276. top:0px!important;
  277. padding-top:20px;
  278. left:auto;
  279. }
  280. header{
  281. position:relative;
  282. height:{text:HeaderHeight}px;
  283. background:{color:header} url('{image:Header}') center;
  284. background-size:cover;
  285. {block:IfFixedHeaderImage}
  286. background-attachment:fixed;
  287. {/block:IfFixedHeaderImage}
  288. text-align: center;
  289. }
  290.  
  291. {block:IfSlideshowHeader}
  292. #slideshow{
  293. display:block;
  294. position:absolute;
  295. top:0;
  296. left:0;
  297. width:100%;
  298. height:100%;
  299. overflow:hidden;
  300. }
  301. #slideshow img{
  302. display:block;
  303. position:absolute;
  304. top:0;
  305. left:0;
  306. min-width:100%;
  307. max-width:100%;
  308. opacity:0;
  309. }
  310. #slideshow img:first-child{
  311. opacity:1;
  312. }
  313. {/block:IfSlideshowHeader}
  314. {block:IfHeaderDescription}
  315. #desc{
  316. position:relative;
  317. z-index:2;
  318. display:inline-block;
  319. line-height:180%;
  320. padding:20px;
  321. max-width:70%;
  322. margin-top:calc({text:HeaderHeight}px / 2);
  323. -webkit-transform:translateY(-50%);
  324. -ms-transform:translateY(-50%);
  325. transform: translateY(-50%);
  326. background-color:rgba(255, 255, 255, {select:DescriptionOpacity});
  327. }
  328. {block:IfHeaderIcon}
  329. #desc img#icon{
  330. display:block;
  331. width:50px;
  332. height:50px;
  333. border-radius:27px;
  334. border:3px solid #fff;
  335. margin:0 auto 20px;
  336. }
  337. {/block:IfHeaderIcon}
  338. {/block:IfHeaderDescription}
  339. main{
  340. position:relative;
  341. overflow:hidden;
  342. margin:0 auto;
  343. }
  344. section{
  345. background:{color:PostsBackground} url('{image:PostsBackground}');
  346. background-attachment:fixed;
  347. padding:{text:PostPadding}px;
  348. }
  349. article{
  350. width:{text:PostWidth}px;
  351. margin:{text:PostMargin}px;
  352. padding:{text:PostPadding}px;
  353. {block:PermalinkPage}
  354. width:500px;
  355. {/block:PermalinkPage}
  356. background-color:#fff;
  357. border:1px solid #eee;
  358. position:relative;
  359. overflow:hidden;
  360. }
  361. h2{
  362. text-align:center;
  363. text-transform:uppercase;
  364. font-size:12px;
  365. letter-spacing:1px;
  366. }
  367. {block:IndexPage}
  368. article img, iframe.photoset{
  369. {block:IfFadedImages}opacity:.7;{/block:IfFadedImages}
  370. {block:IfGrayscaleImages}
  371. -webkit-filter: grayscale(100%);
  372. -moz-filter: grayscale(100%);
  373. -o-filter: grayscale(100%);
  374. -ms-filter: grayscale(100%);
  375. filter: grayscale(100%);
  376. {/block:IfGrayscaleImages}
  377. transition-duration:.3s;
  378. -webkit-transition-duration:.3s;
  379. -moz-transition-duration:.3s;
  380. -ms-transition-duration:.3s;
  381. -o-transition-duration:.3s;
  382. }
  383. article:hover img, article:hover iframe.photoset{
  384. {block:IfFadedImages}opacity:1;{/block:IfFadedImages}
  385. {block:IfGrayscaleImages}
  386. -webkit-filter: grayscale(0%);
  387. -moz-filter: grayscale(0%);
  388. -o-filter: grayscale(0%);
  389. -ms-filter: grayscale(0%);
  390. filter: grayscale(0%);
  391. {/block:IfGrayscaleImages}
  392. transition-duration:.3s;
  393. -webkit-transition-duration:.3s;
  394. -moz-transition-duration:.3s;
  395. -ms-transition-duration:.3s;
  396. -o-transition-duration:.3s;
  397. }
  398. {/block:IndexPage}
  399. .fu-tumblr *{
  400. display:block;
  401. min-width:100%;
  402. }
  403. article *{
  404. max-width:100%;
  405. }
  406. article img{
  407. height:auto;
  408. }
  409. .caption p, article ul, article ol, article pre, article blockquote{
  410. margin:10px 0;
  411. }
  412. article ul, article ol, article li{
  413. padding-left:30px;
  414. }
  415. article blockquote{
  416. padding-left:20px;
  417. border-left:1px solid #eee;
  418. }
  419. .caption{
  420. padding:15px;
  421. }
  422. .question img, .player{
  423. display:inline-block;
  424. width:40px;
  425. height:40px;
  426. padding:10px 14px 10px 0;
  427. margin-right:15px;
  428. vertical-align:middle;
  429. border-right:1px solid {color:PostsBackground};
  430. position:relative;
  431. }
  432.  
  433. .question b{
  434. text-transform:uppercase;
  435. letter-spacing:1px;
  436. font-size:9px;
  437. margin-right:10px;
  438. }
  439. .question span, .audio p{
  440. vertical-align:middle;
  441. display:inline-block;
  442. width:calc({text:PostWidth}px - 75px);
  443. width:-moz-calc({text:PostWidth}px - 75px);
  444. width:-webkit-calc({text:PostWidth}px - 75px);
  445. }
  446. .audio p{
  447. text-align:center;
  448. }
  449. .audio img{
  450. display:block;
  451. }
  452. .audio_player{
  453. opacity:.3;
  454. top:10px;
  455. left:0px;
  456. position:absolute;
  457. display:block;
  458. width:40px!important;
  459. height:40px!important;
  460. overflow:hidden;
  461. background-color:#fff;
  462. transition-duration:.8s;
  463. -webkit-transition-duration:.8s;
  464. -moz-transition-duration:.8s;
  465. -ms-transition-duration:.8s;
  466. -o-transition-duration:.8s;
  467. }
  468. iframe.tumblr_audio_player{
  469. position:absolute;
  470. width:40px;
  471. height:40px;
  472. top:0;
  473. left:0;
  474. right:0;
  475. bottom:0;
  476. margin:auto;
  477. background-color:transparent!important;
  478.  
  479. }
  480. .audio:hover .audio_player{
  481. opacity:1;
  482. transition-duration:.8s;
  483. -webkit-transition-duration:.8s;
  484. -moz-transition-duration:.8s;
  485. -ms-transition-duration:.8s;
  486. -o-transition-duration:.8s;
  487. }
  488. ul.chat{
  489. padding:0;
  490. }
  491. .chat li{
  492. list-style-type:none;
  493. padding:10px 0;
  494. }
  495. .chat b{
  496. font-size:10px;
  497. text-transform:uppercase;
  498. letter-spacing:1px;
  499. }
  500. .perma{
  501. text-transform:uppercase;
  502. font-size:9px;
  503. letter-spacing:1px;
  504. padding-bottom:calc({text:PostPadding}px / 1.5);
  505. padding-bottom:-moz-calc({text:PostPadding}px / 1.5);
  506. padding-bottom:-webkit-calc({text:PostPadding}px / 1.5);
  507. margin-bottom:calc({text:PostPadding}px / 1.5);
  508. margin-bottom:-moz-calc({text:PostPadding}px / 1.5);
  509. margin-bottom:-webkit-calc({text:PostPadding}px / 1.5);
  510. border-bottom:1px solid {color:PostsBackground};
  511. text-align:right;
  512. }
  513. {block:IndexPage}
  514. .perma p{
  515. {block:IfNotSlidingTags}
  516. display:none;
  517. {/block:IfNotSlidingTags}
  518. {block:IfSlidingTags}
  519. opacity:0;
  520. max-height:0px;
  521. overflow:hidden;
  522. transition-duration:.7s;
  523. -webkit-transition-duration:.7s;
  524. -moz-transition-duration:.7s;
  525. -ms-transition-duration:.7s;
  526. -o-transition-duration:.7s;
  527. }
  528. .perma:hover p{
  529. opacity:1;
  530. max-height:300px;
  531. transition-duration:.7s;
  532. -webkit-transition-duration:.7s;
  533. -moz-transition-duration:.7s;
  534. -ms-transition-duration:.7s;
  535. -o-transition-duration:.7s;
  536. {/block:IfSlidingTags}
  537. }
  538. {/block:IndexPage}
  539. .perma a{
  540. margin:0 5px;
  541. }
  542. .perma b{
  543. float:left;
  544. }
  545. {block:IfLikeButtons}
  546. .lrbtn{
  547. margin-left:10px;
  548. float:right;
  549. }
  550. .lrbtn span{
  551. margin-left:4px;
  552. }
  553. .lrbtn span, .lrbtn svg{
  554. width:12px;
  555. }
  556. .lrbtn *{
  557. max-width:10px;
  558. float:left;
  559. }
  560. {/block:IfLikeButtons}
  561.  
  562. #notes *{
  563. margin:0;
  564. padding:0;
  565. }
  566. #notes{
  567. clear:both;
  568. margin-top:30px;
  569. padding-bottom:50px;
  570. text-align:center;
  571. }
  572. #notes li{
  573. padding:0;
  574. margin:0;
  575. list-style-type:none;
  576. display:inline-block;
  577. width:25px;
  578. height:25px;
  579. margin:7px;
  580. overflow:hidden;
  581. }
  582. #notes img{
  583. width:25px;
  584. height:25px;
  585. }
  586. li.more_notes_link_container{
  587. background:url('http://cdn.flaticon.com/png/256/59565.png') no-repeat;
  588. background-size:25px;
  589. background-position:center;
  590. opacity:.5;
  591.  
  592. }
  593. a.more_notes_link{
  594. opacity:0;
  595. }
  596.  
  597. footer{
  598. clear:both;
  599. text-align:center;
  600. word-spacing:10px;
  601. line-height:100px;
  602. text-transform:uppercase;
  603. font-size:10px;
  604. letter-spacing:1px;
  605. }
  606. #pagination i{
  607. font-size:8px;
  608. color:{color:Links};
  609. }
  610.  
  611.  
  612. footer.loadmore #pagination,
  613. footer.pagination #loadmore,
  614. footer.ifntscroll,
  615. #infscr-loading,
  616. span.notes_loading
  617. {block:IfNoCaption}{block:IndexPage}
  618. , .hde
  619. {/block:IndexPage}{/block:IfNoCaption}{
  620. display:none!important;
  621. }
  622.  
  623. {CustomCSS}
  624. </style>
  625. </head>
  626. <body>
  627. <nav>
  628. <h1><a href="/">{Title}</a></h1>
  629. <div>
  630. <a href="/ask">message</a>
  631. <a href="/archive">archive</a>
  632. {block:IfLink1}<a href="{text:Link1URL}">{text:Link1Name}</a>{/block:IfLink1}
  633. {block:IfLink2}<a href="{text:Link2URL}">{text:Link2Name}</a>{/block:IfLink2}
  634. {block:IfLink3}<a href="{text:Link3URL}">{text:Link3Name}</a>{/block:IfLink3}
  635. {block:IfLink4}<a href="{text:Link4URL}">{text:Link4Name}</a>{/block:IfLink4}
  636. {block:IfLink5}<a href="{text:Link5URL}">{text:Link5Name}</a>{/block:IfLink5}
  637. </div>
  638. <form onsubmit="return searchBox(this)">
  639. <input type="text" autocomplete="off" name="research" placeholder="search...">
  640. <a class="search" title="search"><i class="icon ion-ios-search"> </i></a>
  641. {block:IndexPage}
  642. {block:ifCustomFollowButtons}
  643. <a href="http://tumblr.com/follow/{Name}" title="follow"><i class="ion-ios-plus-outline"></i></a>
  644. <a href="http://tumblr.com/dashboard" title="dashboard"><i class="ion-ios-home-outline"></i></a>
  645. {/block:ifCustomFollowButtons}
  646. {/block:IndexPage}
  647. </form>
  648. </nav>
  649. <main>
  650. <header>
  651. {block:IfHeaderDescription}
  652. <div id="desc">
  653. {block:IfHeaderIcon}<img src="{image:HeaderIcon}" id="icon">{/block:IfHeaderIcon}
  654. {Description}
  655. </div>
  656. {/block:IfHeaderDescription}
  657. {block:IfSlideshowHeader}
  658. <div id="slideshow">
  659. <img src="{image:SlideshowImage1}">
  660. <img src="{image:SlideshowImage2}">
  661. <img src="{image:SlideshowImage3}">
  662. <!--
  663. If you want to add more, just copy the structure above
  664. ( <img src=""> with the link to your picture inside the "")
  665. Above or under the <!-- -- >
  666. The script will adapt automatically.
  667.  
  668. Like this:
  669. <img src="http://static.tumblr.com/ijfod.png">
  670. <img src="http://static.tumblr.com/ijfod.png">
  671. <img src="http://static.tumblr.com/ijfod.png">
  672. -->
  673. </div>
  674. {/block:IfSlideshowHeader}
  675. </header>
  676. <section>
  677. {block:Posts}
  678. <article>
  679. {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} -->
  680. {block:Date}
  681. <div class="perma">
  682. <b>{12HourWithZero}:{Minutes}{CapitalAmPm}</b> <a href="{Permalink}">+{NoteCount}</a>{block:RebloggedFrom} <a href="{ReblogParentURL}" title="{ReblogParentTitle}"><i class="icon ion-arrow-return-right"> </i> {ReblogParentName}</a> | <a href="{ReblogRootURL}" title="{ReblogRootTitle}">©{ReblogRootName}</a>{/block:RebloggedFrom}{block:IndexPage}{block:IfLikeButtons}<div class="lrbtn">{LikeButton}<span>{ReblogButton}</span></div>{/block:IfLikeButtons}{/block:IndexPage}
  683. {block:HasTags}<p>{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</p>{/block:HasTags}
  684. </div>
  685. {/block:Date}
  686. {block:Text}
  687. {block:Title}<h2>{Title}</h2>{/block:Title}
  688. <div class="caption">
  689. {Body}
  690. </div>
  691. {/block:Text}
  692. {block:Photo}
  693. {LinkOpenTag}
  694. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" style="min-width:100%;">
  695. {LinkCloseTag}
  696. {block:Caption}
  697. <div class="caption hde">
  698. {Caption}
  699. </div>
  700. {/block:Caption}
  701. {/block:Photo}
  702. {block:Link}
  703. <h2><a href="{URL}">{Name} »</a></h2>
  704. {block:Description}
  705. <div class="caption hde">
  706. {Description}
  707. </div>
  708. {/block:Description}
  709. {/block:Link}
  710. {block:Photoset}
  711. {Photoset}
  712. {block:Caption}
  713. <div class="caption hde">
  714. {Caption}
  715. </div>
  716. {/block:Caption}
  717. {/block:Photoset}
  718. {block:Video}
  719. <div class="fu-tumblr">{Video-500}</div>
  720. {block:Caption}
  721. <div class="caption hde">
  722. {Caption}
  723. </div>
  724. {/block:Caption}
  725. {/block:Video}
  726. {block:Answer}
  727. <div class="question">
  728. <img src="{AskerPortraitURL-96}">
  729. <span>
  730. <b>{Asker}</b>
  731. {Question}
  732. </span>
  733. </div>
  734.  
  735. <div class="caption">{Answer}</div>
  736. {/block:Answer}
  737. {block:Quote}
  738. <h2>{Quote}</h2>
  739. {block:Source}
  740. <div class="caption">
  741. <i>— {Source}</i>
  742. </div>
  743. {/block:Source}
  744. {/block:Quote}
  745. {block:Audio}
  746. <div class="audio">
  747. <div class="player">
  748. {block:AlbumArt}
  749. <img src="{AlbumArtURL}">
  750. {/block:AlbumArt}
  751. <span>{block:AudioPlayer} {AudioPlayer} {/block:AudioPlayer}</span>
  752. </div>
  753. <p>
  754. {block:Artist}
  755. <b>{Artist}</b> <br>
  756. {/block:Artist}
  757. {block:TrackName}
  758. {TrackName}
  759. {/block:TrackName}
  760. </p>
  761. </div>
  762. {block:Caption}
  763. <div class="caption hde">{Caption}</div>
  764. {/block:Caption}
  765. {/block:Audio}
  766. {block:Chat}
  767. {block:Title}
  768. <h2><a href="{Permalink}">{Title}</a></h2>
  769. {/block:Title}
  770. <ul class="chat">
  771. {block:Lines}
  772. <li>
  773. {block:Label}
  774. <b>{Label}</b>
  775. {/block:Label}
  776. {Line}
  777. </li>
  778. {/block:Lines}
  779. </ul>
  780. {/block:Chat}
  781.  
  782. {block:PostNotes}
  783. <div id="notes">
  784. {PostNotes-64}
  785. </div>
  786. {/block:PostNotes}
  787. </article>
  788. {/block:Posts}
  789. </section>
  790. <footer class="{select:NextPage}">
  791. {block:Pagination}<span id="pagination">{block:PreviousPage}<i class="icon ion-chevron-left"></i> <a href="{PreviousPage}">back</a> | {/block:PreviousPage}{block:NextPage}<a id="nxt" href="{NextPage}">forth</a> <i class="icon ion-chevron-right"></i>{/block:NextPage}</span>
  792. <a id="loadmore">explore further</a>{/block:Pagination}
  793. </footer>
  794. </main>
  795. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  796. <script src="http://static.tumblr.com/wgg6svp/sDinmsq3x/jquery.style-my-tooltips.js"></script>
  797. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  798. <script src="http://static.tumblr.com/wgijwsy/Ebfm2v4gy/jquery.masonry.min.js"></script>
  799. <script src="http://static.tumblr.com/q8c0vxg/xYrnjmd74/jquery.infinitescroll.min.js"></script>
  800. <script>
  801. {block:IndexPage}
  802. $(function(){
  803. var $tumblelog = $('section');
  804. if($('footer').hasClass('ifntscroll') || $('footer').hasClass('loadmore')){
  805. $tumblelog.infinitescroll({
  806. navSelector : "footer",
  807. nextSelector : "#nxt",
  808. itemSelector : "article",
  809. bufferPx : 50,
  810. done : "",
  811. loading: {
  812. img : "",
  813. msgText: "",
  814. finishedMsg:""
  815. },
  816. },
  817. function( newElements ) {
  818. var $newElems = $( newElements ).css({ opacity: 0 });
  819. $newElems.imagesLoaded(function(){
  820. $newElems.animate({ opacity: 1 });
  821. $tumblelog.masonry( 'appended', $newElems);
  822. });
  823. });
  824. }
  825. if($('footer').hasClass('loadmore')){
  826. $tumblelog.infinitescroll({
  827. behavior: 'twitter'
  828. });
  829. $(window).unbind('.infscr');
  830. $('a#loadmore').click(function(){
  831. $('section').infinitescroll('retrieve');
  832. $('footer').show();
  833. return false;
  834. });
  835. }
  836.  
  837. if(parseInt({select:Columns}) > 1){
  838. $('article').css('float', 'left');
  839. $(window).scroll(function(){$tumblelog.masonry("reload");});
  840. $tumblelog.imagesLoaded(function(){
  841. $tumblelog.masonry({
  842. itemSelector: 'article',
  843. columnWidth: ({text:PostWidth}+2+({text:PostPadding}*2)+({text:PostMargin}*2))
  844. });
  845. });
  846. }
  847. });
  848. {/block:IndexPage}
  849. </script>
  850. <script>function searchBox(formElm){window.location="http://{Name}.tumblr.com/tagged/"+formElm.research.value+"";return false;}$(document).ready(function() {if($('body').css('font-family') == "Tex"){$('b, strong').css('font-family', '"Tex Bold", Arial');}{block:ifContentFadeIn}{block:IndexPage}$(window).load(function(){$('body').animate({'opacity':'1', 'padding-top':0}, 800);});{/block:IndexPage}{/block:ifContentFadeIn}$("[title]").style_my_tooltips({ tip_follows_cursor:true, tip_delay_time:200, tip_fade_speed:500 }); contentWidth = ({block:IndexPage}{text:PostWidth}{/block:IndexPage}{block:PermalinkPage}500{/block:PermalinkPage}+2+({text:PostPadding}*2)+({text:PostMargin}*2)){block:IndexPage}*{select:Columns}{/block:IndexPage}; $('main, nav').css({ 'width': (contentWidth+({text:PostPadding}*2))+'px' }); $('section').css({ "width":contentWidth+'px' }); $(window).scroll( function() {var speed = $(window).scrollTop(); if ($(window).scrollTop() > 40) { $('header').css('margin-top', ($('nav').height()+80)+'px'); $('nav, .tmblr-iframe').addClass('fixed'); } else { $('header').css('margin-top', 0+'px'); $('nav, .tmblr-iframe').removeClass('fixed'); } }); $('nav a.search').click(function(){ if($('i', this).hasClass('ion-ios-search')){ $('nav input').animate({ 'left':'0px', "width":"100%" }); $('i', this).removeClass('ion-ios-search').addClass('ion-ios-close-outline'); }else{ $('nav input').animate({ 'left':'-40px', "width":"0px" }); $('i', this).removeClass('ion-ios-close-outline').addClass('ion-ios-search'); } }); {block:IfSlideshowHeader} $i = 1; setInterval(function() { $("#slideshow img").eq($i-1).animate({'opacity':'0'}, 1000); $("#slideshow img").eq($i).animate({'opacity':'1'}, 500); $i++; if($i >= $("#slideshow img").length){ $i=0; } }, {text:HeaderSpeed}); {/block:IfSlideshowHeader} });
  851. </script>
  852. </body>
  853. <script src="http://static.tumblr.com/emvnqzg/NOVo0fisl/scripts.js"></script>
  854. </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!