API tools faq
paste
Advertisement
neothm

#13 MAD HATTER

neothm
Dec 26th, 2015
3,894
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.90 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--
  5. #13 (v.2.1) MAD HATTER 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/emvnqzg/ZjEo04ht8/pxu.css">
  15. <link rel="stylesheet" href="//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
  16. <link href='https://fonts.googleapis.com/css?family={text:GoogleFont}:400,400italic,700,700italic|{text:GoogleFontTitle}:700,700italic' rel='stylesheet' type='text/css'>
  17.  
  18. <meta name="image:Favicon" content="{Favicon}">
  19. <link rel="shortcut icon" href="{image:Favicon}">
  20. <meta name="image:Header" content="">
  21. <meta name="image:Background" content="">
  22. <meta name="if:FullSizeBackground" content="0">
  23. <meta name="color:Background" content="#fff">
  24. <meta name="color:Header" content="#fff">
  25. <meta name="color:Text" content="#3B3B3B">
  26. <meta name="color:Links" content="#aaa">
  27. <meta name="color:LinksHover" content="#000">
  28. <meta name="color:Borders" content="#eee">
  29. <meta name="color:HeaderTitle" content="#fff">
  30. <meta name="color:HeaderTexts" content="#fff">
  31. <meta name="color:HeaderLinks" content="#fff">
  32. <meta name="color:HeaderLinksHover" content="#ff0000">
  33. <meta name="text:GoogleFont" content="Roboto">
  34. <meta name="text:GoogleFontTitle" content="Oswald">
  35. <meta name="select:FontSize" content="9px" title="9px">
  36. <meta name="select:FontSize" content="10px" title="10px">
  37. <meta name="select:FontSize" content="11px" title="11px">
  38. <meta name="select:FontSize" content="12px" title="12px">
  39. <meta name="select:FontSize" content="13px" title="13px">
  40. <meta name="select:FontSize" content="14px" title="14px">
  41. <meta name="select:HeaderSideSpacing" content="50px" title="50px">
  42. <meta name="select:HeaderSideSpacing" content="100px" title="100px">
  43. <meta name="select:HeaderSideSpacing" content="150px" title="150px">
  44. <meta name="select:HeaderSideSpacing" content="200px" title="200px">
  45. <meta name="select:HeaderTopSpacing" content="50px" title="50px">
  46. <meta name="select:HeaderTopSpacing" content="100px" title="100px">
  47. <meta name="select:HeaderTopSpacing" content="150px" title="150px">
  48. <meta name="select:HeaderTopSpacing" content="200px" title="200px">
  49. <meta name="select:HeaderTopSpacing" content="250px" title="250px">
  50. <meta name="select:HeaderTopSpacing" content="300px" title="300px">
  51. <meta name="select:NumberOfColumns" content="1" title="1">
  52. <meta name="select:NumberOfColumns" content="2" title="2">
  53. <meta name="select:NumberOfColumns" content="3" title="3">
  54. <meta name="select:NumberOfColumns" content="4" title="4">
  55. <meta name="select:NumberOfColumns" content="5" title="5">
  56. <meta name="color:HoverSymbolsBackground" content="#551a8b">
  57. <meta name="color:HeaderFilter" content="#32ccff">
  58. <meta name="select:HeaderFilterOpacity" content="0" title="no filter">
  59. <meta name="select:HeaderFilterOpacity" content=".3" title="0.3">
  60. <meta name="select:HeaderFilterOpacity" content=".5" title="0.5">
  61. <meta name="select:HeaderFilterOpacity" content=".7" title="0.7">
  62. <meta name="select:HeaderFilterOpacity" content=".9" title="0.9">
  63. <meta name="text:PostWidth" content="300px">
  64. <meta name="text:PermalinkPostWidth" content="600px">
  65. <meta name="text:PostMargin" content="30px">
  66. <meta name="text:BorderRadius" content="7px">
  67. <meta name="if:ShowCaption" content="1">
  68. <meta name="text:ReadMore" content="Read More">
  69. <meta name="if:HoverReblogButtons" content="1">
  70. <meta name="if:HoverShadow" content="1">
  71. <meta name="if:HeaderShadow" content="1">
  72. <meta name="if:FixedHeaderImage" content="0">
  73. <meta name="if:CustomTumblrControls" content="1">
  74. <meta name="if:WhiteTumblrControls" content="1">
  75. <meta name="select:NextPage" content="pagi" title="Pagination">
  76. <meta name="select:NextPage" content="ldmr" title="Load more button">
  77. <meta name="select:NextPage" content="ifnt" title="Infinite scroll">
  78. <meta name="if:AutoTruncateCaption" content="1">
  79. <meta name="if:Link1" content="0">
  80. <meta name="text:Link1URL" content="http://">
  81. <meta name="text:Link1Name" content="">
  82. <meta name="if:Link2" content="0">
  83. <meta name="text:Link2URL" content="http://">
  84. <meta name="text:Link2Name" content="">
  85. <meta name="if:Link3" content="0">
  86. <meta name="text:Link3URL" content="http://">
  87. <meta name="text:Link3Name" content="">
  88. <meta name="if:Link4" content="0">
  89. <meta name="text:Link4URL" content="http://">
  90. <meta name="text:Link4Name" content="">
  91. <meta name="if:Link5" content="0">
  92. <meta name="text:Link5URL" content="http://">
  93. <meta name="text:Link5Name" content="">
  94. <meta name="if:Link6" content="0">
  95. <meta name="text:Link6URL" content="http://">
  96. <meta name="text:Link6Name" content="">
  97. <style type="text/css">
  98. *{
  99. margin:0;
  100. padding:0;
  101. }
  102. html, body{
  103. height:100%;
  104. }
  105. body{
  106. text-align:justify;
  107. word-break:break-word;
  108. font:400 {select:FontSize}/170% {text:GoogleFont}, sans-serif;
  109. color:{color:Text};
  110. background:{color:Background} url('{image:Background}');
  111. background-attachment:fixed;
  112. {block:ifFullSizeBackground}
  113. background-size:cover;
  114. {/block:ifFullSizeBackground}
  115. -webkit-font-smoothing: antialiased;
  116. -moz-osx-font-smoothing: grayscale;
  117. padding-top:1px;
  118. margin-top:-1px;
  119. }
  120. #noscroll{
  121. overflow-x:hidden;
  122. }
  123. a{
  124. color:{color:Links};
  125. text-decoration:none;
  126. }
  127. a:hover{
  128. color:{color:LinksHover};
  129. cursor:pointer!important;
  130. }
  131. a, a:hover,
  132. .pagination a span, .pagination a:hover span,
  133. a:after, a:hover:after,
  134. .per, .per:hover, .per:hover b, .per b,
  135. article:hover .hovers, .hovers,
  136. article:hover, article,
  137. .caption, article:hover .caption{
  138. transition-duration:.3s;
  139. -webkit-transition-duration:.3s;
  140. -moz-transition-duration:.3s;
  141. -ms-transition-duration:.3s;
  142. -o-transition-duration:.3s;
  143. }
  144. ::selection{
  145. background-color:#000;
  146. color:#fff;
  147. }
  148. ::-moz-selection{
  149. background-color:#000;
  150. color:#fff;
  151. }
  152. ::-webkit-scrollbar{
  153. width:11px;
  154. height:11px;
  155. background-color:{color:Background};
  156. }
  157. ::-webkit-scrollbar-track{
  158. border:5px solid {color:Background};
  159. background-color:{color:Background};
  160. }
  161. ::-webkit-scrollbar-thumb{
  162. border:5px solid {color:Background};
  163. background-color: {color:Links};
  164. }
  165. .tmblr-iframe.iframe-controls--desktop, #tumblr_controls{
  166. display:none{block:ifCustomTumblrControls}!important{/block:ifCustomTumblrControls};
  167. {block:ifNotCustomTumblrControls}
  168. position:absolute;
  169. transform:scale(.8, .8);
  170. -webkit-transform:scale(.8, .8);
  171. -moz-transform:scale(.8, .8);
  172. z-index:999999999!important;
  173. {block:ifWhiteTumblrControls}
  174. filter:invert(100%);
  175. -webkit-filter:invert(100%);
  176. -moz-filter:invert(100%);
  177. -ms-filter:invert(100%);
  178. -o-filter:invert(100%);
  179. {/block:ifWhiteTumblrControls}
  180. {/block:ifNotCustomTumblrControls}
  181. }
  182. #s-m-t-tooltip{
  183. line-height:140%;
  184. font-size:8px;
  185. text-transform:uppercase;
  186. text-align:center;
  187. letter-spacing:1px;
  188. max-width:100px;
  189. z-index:9999!important;
  190. padding:5px 10px;
  191. border:1px solid #f2f2f2;
  192. margin:15px;
  193. background:rgba(255,255,255,.95);
  194. color:#888;
  195. }
  196. h1, h2, h3{
  197. font:700 42px/110% {text:GoogleFontTitle}, serif;
  198. }
  199. header{
  200. z-index:999;
  201. color:{color:HeaderTexts};
  202. padding:{select:HeaderTopSpacing} {select:HeaderSideSpacing} 0;
  203. position:relative;
  204. background:{color:Header} url('{image:Header}');
  205. background-size:cover;
  206. background-position:center {block:ifFixedHeaderImage}top{/block:ifFixedHeaderImage}{block:ifNotFixedHeaderImage}bottom{/block:ifNotFixedHeaderImage};
  207. {block:ifHeaderShadow}box-shadow:0px 2px 10px rgba(100,100,100,.3);{/block:ifHeaderShadow}
  208. }
  209.  
  210. .hovers span:before,
  211. header:before{
  212. content:"";
  213. width:100%;
  214. height:100%;
  215. position:absolute;
  216. left:0;
  217. right:0;
  218. top:0;
  219. z-index:0;
  220. }
  221. header:before{
  222. background-color:{color:HeaderFilter};
  223. opacity:{select:HeaderFilterOpacity};
  224. }
  225. header h1{
  226. color:{color:HeaderTitle};
  227. }
  228. header h1, header div{
  229. max-width:70%;
  230. margin-bottom:20px;
  231. }
  232. header h1, header div, nav{
  233. position:relative;
  234. z-index:1;
  235. }
  236. .fixed{
  237. position:fixed;
  238. left:0;
  239. right:0;
  240. }
  241. nav{
  242. line-height:49px;
  243. overflow:hidden;
  244. }
  245. nav ul{
  246. float:left;
  247. }
  248. nav ol{
  249. float:right;
  250. }
  251. #likebtn .like_button{
  252. position: absolute;
  253. opacity: 0;
  254. }
  255. #likebtn .liked + a{
  256. color:{color:HeaderLinksHover};
  257. }
  258. nav li{
  259. list-style-type:none;
  260. display:inline-block;
  261. text-transform:uppercase;
  262. letter-spacing:1px;
  263. }
  264. nav ul a{
  265. font-size:10px;
  266. padding:0 15px;
  267. margin-right:20px;
  268. display:block;
  269. padding-bottom:1px;
  270. border-bottom:1px solid transparent;
  271. }
  272. nav a{
  273. color:{color:HeaderLinks};
  274. }
  275. nav a:hover, .selected{
  276. border-bottom-color:{color:HeaderLinksHover};
  277. color:{color:HeaderLinksHover};
  278. }
  279. .selected{
  280. padding-bottom:0;
  281. font-weight:bold;
  282. border-bottom-width:2px;
  283. }
  284.  
  285. {block:ifCustomTumblrControls}
  286. nav ol{
  287. font-size:19px;
  288. }
  289. nav ol li{
  290. margin-left:15px;
  291. }
  292. {/block:ifCustomTumblrControls}
  293.  
  294. section{
  295. margin:100px auto 50px;
  296. min-height:50%;
  297. width:-webkit-calc( ( {text:PostWidth} + ( {text:PostMargin} * 2 ) + 2px ) * {select:NumberOfColumns} );
  298. width:-moz-calc( ( {text:PostWidth} + ( {text:PostMargin} * 2 ) + 2px ) * {select:NumberOfColumns} );
  299. width:calc( ( {text:PostWidth} + ( {text:PostMargin} * 2 ) + 2px ) * {select:NumberOfColumns} );
  300. }
  301.  
  302. article{
  303. border:1px solid {color:Borders};
  304. overflow:hidden;
  305. width:{block:IndexPage}{text:PostWidth}{/block:IndexPage}{block:PermalinkPage}{text:PermalinkPostWidth}{/block:PermalinkPage};
  306. {block:IndexPage}border-radius:{text:BorderRadius};{/block:IndexPage}
  307. position:relative;
  308. background-color:#fff;
  309. }
  310. .photoset{
  311. border-radius:0px;
  312. }
  313. .photoset, .photopost, .quote, .video{
  314. border-color:transparent;
  315. }
  316. section:not(.c1) article{
  317. margin:{text:PostMargin};
  318. float:left;
  319. }
  320. .c1 article{
  321. margin:{text:PostMargin} auto;
  322. }
  323. {block:ifHoverShadow}
  324. {block:IndexPage}
  325. article:hover{
  326. box-shadow:7px 7px 0px rgba(200,200,200,.2);
  327. }
  328. {/block:IndexPage}
  329. {/block:ifHoverShadow}
  330. section:not(.c1) article[data-tag*="enhanced"]{
  331. width:-moz-calc(({text:PostWidth} + {text:PostMargin}) * 2);
  332. width:-webkit-calc(({text:PostWidth} + {text:PostMargin}) * 2);
  333. width:calc(({text:PostWidth} + {text:PostMargin}) * 2);
  334. }
  335. .hovers{
  336. position:absolute;
  337. right:10px;
  338. bottom:-15px;
  339. opacity:0;
  340. z-index: 1;
  341. }
  342. article:hover .hovers{
  343. opacity:1;
  344. bottom:4px;
  345. }
  346. .hovers span{
  347. line-height:20px;
  348. text-align:center;
  349. position:relative;
  350. height:20px;
  351. max-width:20px;
  352. display:inline-block;
  353. vertical-align:top;
  354. }
  355. .hovers span:before{
  356. border-radius:2px;
  357. background-color:{color:HoverSymbolsBackground};
  358. opacity:.5;
  359. }
  360. .hovers span *{
  361. position:relative;
  362. z-index:1;
  363. }
  364. article .like_button, .reblog_button{
  365. transform: scale(.50,.50);
  366. -webkit-transform: scale(.50,.50);
  367. -moz-transform: scale(.50,.50);
  368. }
  369. .hovers span:not(.per){
  370. width:20px;
  371. margin-left:3px;
  372. }
  373. .hovers a{
  374. color:#fff;
  375. }
  376. .per i{
  377. font-size:11px;
  378. margin-right:7px;
  379. margin-left:5px;
  380. }
  381. .per b{
  382. margin-left:5px;
  383. opacity:0;
  384. }
  385. .per b, .per i{
  386. float:right;
  387. }
  388. .per:hover{
  389. max-width:100px;
  390. }
  391. .per:hover b{
  392. opacity:1;
  393. }
  394.  
  395. .player{
  396. overflow:hidden;
  397. margin:20px 0;
  398. }
  399. .audio_player{
  400. width: 30px;
  401. height: 25px;
  402. overflow: hidden;
  403. }
  404. .player > span{
  405. display: block;
  406. width: 30px;
  407. height: 25px;
  408. padding:10px;
  409. overflow: hidden;
  410. border-right: 1px solid #f2f2f2;
  411.  
  412. }
  413. .player > p, .player > span{
  414. display:block;
  415. float:left;
  416. }
  417. .player > p{
  418. padding:10px 0;
  419. line-height:130%;
  420. width: calc(100% - 51px);
  421. text-align:center;
  422. text-transform:uppercase;
  423. font-size:8px;
  424. letter-spacing:1px;
  425. }
  426.  
  427. .tumblr_blog{
  428. font-weight:bold;
  429. text-transform:uppercase;
  430. font-size:8px;
  431. letter-spacing:1px;
  432. font-style:italic;
  433. border-bottom:1px solid {color:Links};
  434. }
  435. footer > a:hover,
  436. .read_more:hover,
  437. .tumblr_blog:hover{
  438. border-color:transparent;
  439. }
  440. {block:IndexPage}
  441. .photopost .caption, .photoset .caption{
  442. position:absolute;
  443. top:10px;
  444. left:10px;
  445. right:10px;
  446. bottom:auto!important;
  447. border-radius:7px;
  448. opacity:0;
  449. }
  450. .read_more{
  451. display:table;
  452. margin:auto;
  453. text-transform:uppercase;
  454. font-size:7px;
  455. letter-spacing:1px;
  456. padding-bottom:1px;
  457. border-bottom:1px solid {color:Links};
  458. }
  459. .slideshow{
  460. position:relative;
  461. }
  462. .slideshow img{
  463. position:absolute;
  464. top:0;
  465. left:0;
  466. height:auto;
  467. z-index:0;
  468. margin:0!important;
  469. }
  470. .slideshow .row, .slideshow .count-2{
  471. width:100%!important;
  472. display:block!important;
  473. margin:0!important;
  474. }
  475. {/block:IndexPage}
  476. .answer .caption,
  477. .txt .caption,
  478. .quote .caption{
  479. margin:10px;
  480. }
  481. .quote .caption{
  482. text-align:center;
  483. }
  484. .caption{
  485. padding:10px;
  486. border:1px solid #f6f6f6;
  487. background-color:#fefefe;
  488. {block:PermalinkPage}margin:20px 0;{/block:PermalinkPage}
  489. }
  490. {block:IndexPage}
  491. article:hover .caption{
  492. opacity:1;
  493. }
  494. {/block:IndexPage}
  495. .caption blockquote,
  496. .caption p, .caption ul, .caption ol{
  497. margin-bottom:10px;
  498. }
  499. .caption blockquote,
  500. .caption ul, .caption ol{
  501. padding-left:30px;
  502. }
  503. .caption blockquote{
  504. border-left:1px solid {color:Borders};
  505. }
  506. article *{
  507. max-width:100%;
  508. }
  509. .pictures, article iframe{
  510. display:block;
  511. min-width:100%;
  512. }
  513. article img{
  514. height:auto;
  515. }
  516. h3{
  517. padding:20px 20px 10px 20px;
  518. font-size:17px;
  519. }
  520. .chat li{
  521. list-style-type:none;
  522. padding: 5px;
  523. background-color: #fafafa;
  524. border: 1px solid #f2f2f2;
  525. margin: 10px;
  526. }
  527. .chat li b{
  528. text-transform: uppercase;
  529. font-size: 10px;
  530. }
  531. .quote h3{
  532. text-align:left;
  533. font-style:italic;
  534. line-height:150%;
  535. }
  536. .question{
  537. font-size:0;
  538. }
  539. .question img,
  540. .question p{
  541. vertical-align:middle;
  542. display:inline-block;
  543. }
  544. .question img{
  545. margin:10px;
  546. width:30px;
  547. border-radius:2px;
  548. }
  549. .question p:before{
  550. content:"";
  551. display:block;
  552. position:absolute;
  553. left:0;
  554. top:0;
  555. bottom:0;
  556. height:40px;
  557. width:1px;
  558. margin:auto;
  559. background-color:{color:Borders};
  560. }
  561. .question p{
  562. position:relative;
  563. padding:10px;
  564. width:calc(100% - 71px);
  565. font-size:{select:FontSize};
  566. }
  567. .question p b{
  568. text-transform:uppercase;
  569. letter-spacing:.5px;
  570. font-size:8px;
  571. margin-right:10px;
  572. }
  573. {block:PermalinkPage}
  574. .perma{
  575. text-align:center;
  576. }
  577. .tags i, .tags span{
  578. display:table-cell;
  579. vertical-align:middle;
  580. }
  581. .tags span{
  582. padding:0 10px;
  583. }
  584. .tags a:not(:last-child):after{
  585. content:", ";
  586. }
  587. .tags i{
  588. padding:10px;
  589. font-size:18px;
  590. width:25px;
  591. }
  592. .tags, .perma{
  593. margin-top:10px;
  594. font-size:7px;
  595. text-transform:uppercase;
  596. letter-spacing:1px;
  597. }
  598. .tags{
  599. padding-top:10px;
  600. border-top:1px solid {color:Borders};
  601. min-width:100%;
  602. text-align:left;
  603. word-break:break-word;
  604. display:table;
  605. line-height:130%;
  606. }
  607.  
  608. #notes *{
  609. margin:0;
  610. padding:0;
  611. }
  612. #notes{
  613. border-top:1px solid {color:Borders};
  614. margin-top: 5px;
  615. position: relative;
  616. text-align: center;
  617. padding: 10px 0 30px;
  618. }
  619. #notes li{
  620. list-style-type:none;
  621. display:inline-block;
  622. width:25px;
  623. height:25px;
  624. margin:5px;
  625. overflow:hidden;
  626. }
  627. #notes img{
  628. border-radius:3px;
  629. width:25px;
  630. height:25px;
  631. }
  632. li.more_notes_link_container{
  633. background:url('http://cdn.flaticon.com/png/256/59565.png') no-repeat;
  634. background-size:25px;
  635. background-position:center;
  636. opacity:.5;
  637.  
  638. }
  639. a.more_notes_link, a.notes_loading{
  640. opacity:0!important;
  641. }
  642. {/block:PermalinkPage}
  643. footer{
  644. display:block;
  645. clear:both;
  646. text-align:center;
  647. text-transform:uppercase;
  648. letter-spacing:1px;
  649. font-size:9px;
  650. padding-bottom:50px;
  651. line-height:30px;
  652. }
  653. footer > a{
  654. padding:0 15px;
  655. display:table;
  656. margin:auto;
  657. border-top:1px solid {color:Borders};
  658. }
  659. footer > a i{
  660. margin-left:10px;
  661. }
  662. .pagination a{
  663. display:inline-block;
  664. vertical-align: -12px;
  665. position:relative;
  666. width:20px;
  667. overflow:hidden;
  668. }
  669. .pagination a:not(#nxt){
  670. text-align:left;
  671. }
  672. .pagination a#nxt{
  673. text-align:right;
  674. }
  675. .pagination a span{
  676. position:absolute;
  677. width:100%;
  678. opacity:0;
  679. }
  680. .pagination a:hover{
  681. width:50px;
  682. }
  683. .pagination a:not(#nxt) span{
  684. left:50px;
  685. }
  686. .pagination a#nxt span{
  687. right:50px;
  688. }
  689. .pagination a:hover span{
  690. opacity:1;
  691. }
  692. .pagination a:not(#nxt):hover span{
  693. left:12px;
  694. }
  695. .pagination a#nxt:hover span{
  696. right:12px;
  697. }
  698. {block:IndexPage}
  699. {block:ifNotShowCaption}.photoset .caption, .photopost .caption,{/block:ifNotShowCaption}
  700. .pagi > a,
  701. .ldmr .pagination,
  702. .ifnt,
  703. #infscr-loading,
  704. article[data-tag*="hidden"]{
  705. display:none!important;
  706. }
  707. .pxu-photo {
  708. border-radius:2px!important;
  709. }
  710. {/block:IndexPage}
  711. .photo-slideshow .photo-slideshow > .row {
  712. margin-bottom:0px!important;
  713. }
  714. </style>
  715. </head>
  716. <body id="noscroll">
  717. <header>
  718. <h1>{Title}</h1>
  719. <div>{Description}</div>
  720. <nav>
  721. <ul>
  722. <li><a href="/">home</a></li><!--
  723. --><li><a href="/ask">message</a></li>{block:ifLink1}<!--
  724. --><li><a href="{text:Link1URL}">{text:Link1Name}</a></li>{/block:ifLink1}{block:ifLink2}<!--
  725. --><li><a href="{text:Link2URL}">{text:Link2Name}</a></li>{/block:ifLink2}{block:ifLink3}<!--
  726. --><li><a href="{text:Link3URL}">{text:Link3Name}</a></li>{/block:ifLink3}{block:ifLink4}<!--
  727. --><li><a href="{text:Link4URL}">{text:Link4Name}</a></li>{/block:ifLink4}{block:ifLink5}<!--
  728. --><li><a href="{text:Link5URL}">{text:Link5Name}</a></li>{/block:ifLink5}{block:ifLink6}<!--
  729. --><li><a href="{text:Link6URL}">{text:Link6Name}</a></li>{/block:ifLink6}
  730. </ul>
  731. {block:ifCustomTumblrControls}
  732. <ol>
  733. {block:PermalinkPage}
  734. {block:Posts}
  735. {block:Date}
  736. <li><a class="ion-android-share-alt" title="embed" href="{Permalink}/embed"></a></li>
  737. <li id="likebtn">{LikeButton} <a title="like" class="ion-heart"></a></li>
  738. <li><a class="ion-arrow-swap" title="reblog" href="{ReblogURL}" target="_blank"></a></li>
  739. {/block:Date}
  740. {/block:Posts}
  741. {/block:PermalinkPage}
  742. <li><a class="ion-person-add" title="follow me!" href="http://tumblr.com/follow/{Name}"></a></li>
  743. <li><a class="ion-grid" title="dashboard" href="http://tumblr.com/dashboard"></a></li>
  744. </ol>
  745. {/block:ifCustomTumblrControls}
  746. </nav>
  747. </header>
  748.  
  749. <section class="{block:IndexPage}c{select:NumberOfColumns}{/block:IndexPage}{block:PermalinkPage}c1{/block:PermalinkPage}">
  750. {block:Posts}
  751. <article data-tag="{TagsAsClasses}" data-url="{ShortURL}" class="{block:Audio}audio{/block:Audio}{block:Photo}photopost{/block:Photo}{block:Photoset}photoset{/block:Photoset}{block:Text}txt{/block:Text}{block:Link}txt{/block:Link}{block:Chat}chat{/block:Chat}{block:Quote}quote{/block:Quote}{block:Answer}answer{/block:Answer}{block:Video}video{/block:Video}">
  752. {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} -->
  753. {block:IndexPage}
  754. <div class="hovers">
  755. <span class="per">
  756. <a href="{Permalink}"><i class="ion-help"></i><b>{NoteCount}N.</b></a>
  757. </span>
  758. {block:ifHoverReblogButtons}
  759. <span>
  760. {LikeButton color="white"}
  761. </span>
  762. <span>
  763. {ReblogButton color="white"}
  764. </span>
  765. {/block:ifHoverReblogButtons}
  766. </div>
  767. {/block:IndexPage}
  768. {block:Audio}
  769. <div class="player">
  770. {block:AudioPlayer} {AudioPlayer} {/block:AudioPlayer}
  771. <p>
  772. {block:Artist}
  773. <b>{Artist}</b> <br>
  774. {/block:Artist}
  775. {block:TrackName}
  776. {TrackName}
  777. {/block:TrackName}
  778. </p>
  779. </div>
  780. {block:PermalinkPage}
  781. {block:Caption}
  782. <div class="caption">{Caption}</div>
  783. {/block:Caption}
  784. {/block:PermalinkPage}
  785. {/block:Audio}
  786.  
  787. {block:Photo}
  788. <a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="pictures"></a>
  789. {block:Caption}
  790. <div class="caption">
  791. {Caption}
  792. </div>
  793. {/block:Caption}
  794. {/block:Photo}
  795.  
  796. {block:Photoset}
  797. <div class="photo-slideshow" data-layout="{PhotosetLayout}">
  798. {block:Photos}
  799. <div class="photo-data">
  800. <div class="pxu-photo">
  801. <a href="{Permalink}"><img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}"></a>
  802. </div>
  803. </div>
  804. {/block:Photos}
  805. </div>
  806. {block:Caption}
  807. <div class="caption">
  808. {Caption}
  809. </div>
  810. {/block:Caption}
  811. {/block:Photoset}
  812.  
  813. {block:Text}
  814. {block:Title}<h3><a href="{Permalink}">{Title}</a></h3>{/block:Title}
  815. <div class="caption">
  816. {Body}
  817. </div>
  818. {/block:Text}
  819.  
  820. {block:Link}
  821. <h3><a href="{URL}" target="{Target}">{Name} »</a></h3>
  822. {block:Description}
  823. <div class="caption">
  824. {Description}
  825. </div>
  826. {/block:Description}
  827. {/block:Link}
  828.  
  829. {block:Chat}
  830. {block:Title}
  831. <h3><a href="{Permalink}">{Title}</a></h3>
  832. {/block:Title}
  833. <ul>
  834. {block:Lines}
  835. <li>
  836. {block:Label}
  837. <b>{Label}</b>
  838. {/block:Label}
  839. {Line}
  840. </li>
  841. {/block:Lines}
  842. </ul>
  843. {/block:Chat}
  844.  
  845. {block:Video}
  846. <div class="fu-tumblr">{Video-500}</div>
  847. {block:PermalinkPage}
  848. {block:Caption}
  849. <div class="caption">
  850. {Caption}
  851. </div>
  852. {/block:Caption}
  853. {/block:PermalinkPage}
  854. {/block:Video}
  855.  
  856. {block:Quote}
  857. <h3>{Quote}</h3>
  858. {block:Source}
  859. <div class="caption">
  860. {Source}
  861. </div>
  862. {/block:Source}
  863. {/block:Quote}
  864.  
  865. {block:Answer}
  866. <div class="question">
  867. <img src="{AskerPortraitURL-96}">
  868. <p>
  869. <b>{Asker}</b>
  870. {Question}
  871. </p>
  872. </div>
  873. <div class="caption">{Answer}</div>
  874. {/block:Answer}
  875. {block:PermalinkPage}
  876.  
  877. {block:Date}
  878. <div class="perma">
  879. {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}.
  880. </div>
  881. {/block:Date}
  882. {block:HasTags}
  883. <div class="tags">
  884. <i>#</i>
  885. <span>
  886. {block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}
  887. </span>
  888. </div>
  889. {/block:HasTags}
  890. {/block:PermalinkPage}
  891. {block:PostNotes}
  892. <div id="notes">
  893. {PostNotes-64}
  894. </div>
  895. {/block:PostNotes}
  896.  
  897. </article>
  898. {/block:Posts}
  899. </section>
  900.  
  901. {block:Pagination}
  902. <footer class="{select:NextPage}">
  903. <a>Load more posts <i class="ion-chevron-down"></i></a>
  904. <div class="pagination">
  905. {block:PreviousPage}<a href="{PreviousPage}"><i class="ion-chevron-left"></i><span>back</span></a>{/block:PreviousPage} page {CurrentPage} of {TotalPages} {block:NextPage}<a href="{NextPage}" id="nxt"><span>next</span><i class="ion-chevron-right"></i></a>{/block:NextPage}
  906. </div>
  907. </footer>
  908. {/block:Pagination}
  909.  
  910. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  911. <script src="http://static.tumblr.com/wgg6svp/sDinmsq3x/jquery.style-my-tooltips.js"></script>
  912. <script src="http://static.tumblr.com/iwtk77u/Yhym2yygt/jquery.imagesloaded.min.js"></script>
  913. <script src="http://static.tumblr.com/q8c0vxg/xYrnjmd74/jquery.infinitescroll.min.js"></script>
  914. <script src="http://static.tumblr.com/wgg6svp/MBEnnvwcu/masonry330.js"></script>
  915. <script type="text/javascript" src="http://static.tumblr.com/wgg6svp/Wf8nw0j2c/pxuphotoset.js"></script>
  916. <script src="http://static.tumblr.com/emvnqzg/6bNo11ii7/neothm.js"></script>
  917. <script>
  918. function shortCap($this,type,url){ if(type=='chat'){$this.append('<li><a href="'+url+'" class="read_more">{text:ReadMore}</a></li>')}else if(type=='photoset'||type=='photopost'||type=='quote'||type=='txt'){$this.find('.caption').append('<a href="'+url+'" class="read_more">{text:ReadMore}</a>');}}
  919.  
  920. $(function(){
  921. $(document).neo({
  922. nextPage: '{select:NextPage}',
  923. postWidth: parseInt('{text:PostWidth}'),
  924. postMargin: parseInt('{text:PostMargin}'),
  925. numbercolumn: '{select:NumberOfColumns}'{block:ifNotCustomTumblrControls},
  926. customControls: false{/block:ifNotCustomTumblrControls}{block:IfAutoTruncateCaption},
  927. trunCap : true{/block:IfAutoTruncateCaption}{block:IndexPage},
  928. isIndex: true{/block:IndexPage}{block:ifFixedHeaderImage},
  929. fixedHeader: true{/block:ifFixedHeaderImage}{block:ifShowCaption},
  930. showcaption: true{/block:ifShowCaption}
  931. });
  932.  
  933. {block:IndexPage}
  934. $('article[data-tag*="long_post"]').trunc();
  935. {/block:IndexPage}
  936.  
  937. var path = window.location.pathname;
  938. switch(path){
  939. case "/ask": $('nav a[href="/ask"]').addClass('selected'); break;
  940. {block:ifLink1}
  941. case "{text:Link1URL}": $('nav a[href="{text:Link1URL}"]').addClass('selected'); break;
  942. {/block:ifLink1}
  943. {block:ifLink2}
  944. case "{text:Link2URL}": $('nav a[href="{text:Link2URL}"]').addClass('selected'); break;
  945. {/block:ifLink2}
  946. {block:ifLink3}
  947. case "{text:Link3URL}": $('nav a[href="{text:Link3URL}"]').addClass('selected'); break;
  948. {/block:ifLink3}
  949. {block:ifLink4}
  950. case "{text:Link4URL}": $('nav a[href="{text:Link4URL}"]').addClass('selected'); break;
  951. {/block:ifLink4}
  952. {block:ifLink5}
  953. case "{text:Link5URL}": $('nav a[href="{text:Link5URL}"]').addClass('selected'); break;
  954. {/block:ifLink5}
  955. {block:ifLink6}
  956. case "{text:Link6URL}": $('nav a[href="{text:Link6URL}"]').addClass('selected'); break;
  957. {/block:ifLink6}
  958. default: $('nav a[href="/"]').addClass('selected'); break;
  959. }
  960. });
  961. </script>
  962. </body>
  963. </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!