jasonmcann

Theme: Never mind

Nov 7th, 2015
5,997
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.55 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. theme #32
  5. - by cathms -
  6.  
  7. Last update: nov 24, 2016
  8. don't take parts of this code.
  9. don't remove this comment.
  10. don't remove the credit.
  11. -->
  12.  
  13. <html>
  14. <head>
  15.  
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  19. <meta name="description" content="" />
  20. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  21.  
  22. <meta name="image:Sidebar" content="">
  23. <meta name="image:Background" content="">
  24.  
  25. <meta name="color:Background" content="#ffffff" />
  26. <meta name="color:Text" content="#999999" />
  27. <meta name="color:Link" content="#444444" />
  28. <meta name="color:Link hover" content="#999999" />
  29. <meta name="color:Info" content="#444444" />
  30. <meta name="color:Bold" content="#444444" />
  31. <meta name="color:Borders" content="#eeeeee" />
  32. <meta name="color:Shadow" content="#eeeeee" />
  33. <meta name="color:Scrollbar" content="#444444" />
  34.  
  35. <meta name="select:Background position" content="initial" title="initial"/>
  36. <meta name="select:Background position" content="5% 5%" title="left top"/>
  37. <meta name="select:Background position" content="5% 50%" title="left center"/>
  38. <meta name="select:Background position" content="5% 95%" title="left bottom"/>
  39. <meta name="select:Background position" content="95% 5%" title="right top"/>
  40. <meta name="select:Background position" content="95% 50%" title="right center"/>
  41. <meta name="select:Background position" content="95% 95%" title="right bottom"/>
  42.  
  43. <meta name="select:Background repeat" content="repeat" title="repeat"/>
  44. <meta name="select:Background repeat" content="no-repeat" title="no repeat"/>
  45.  
  46. <meta name="select:Body font" content="helvetica" title="Helvetica"/>
  47. <meta name="select:Body font" content="roboto" title="Roboto"/>
  48. <meta name="select:Body font" content="arial" title="Arial"/>
  49. <meta name="select:Body font" content="cambria" title="Cambria"/>
  50. <meta name="select:Body font" content="calibri" title="Calibri"/>
  51. <meta name="select:Body font" content="trebuchet ms" title="Trebuchet ms"/>
  52.  
  53. <meta name="select:Body font size" content="09px" title="09px"/>
  54. <meta name="select:Body font size" content="10px" title="10px"/>
  55. <meta name="select:Body font size" content="11px" title="11px"/>
  56.  
  57. <meta name="select:Info font" content="trebuchet ms" title="Trebuchet ms"/>
  58. <meta name="select:Info font" content="roboto" title="Roboto"/>
  59. <meta name="select:Info font" content="arial" title="Arial"/>
  60. <meta name="select:Info font" content="cambria" title="Cambria"/>
  61. <meta name="select:Info font" content="calibri" title="Calibri"/>
  62. <meta name="select:Info font" content="helvetica" title="Helvetica"/>
  63.  
  64. <meta name="select:Info font" content="trebuchet ms" title="Trebuchet ms"/>
  65. <meta name="select:Info font" content="roboto" title="Roboto"/>
  66. <meta name="select:Info font" content="arial" title="Arial"/>
  67. <meta name="select:Info font" content="cambria" title="Cambria"/>
  68. <meta name="select:Info font" content="calibri" title="Calibri"/>
  69. <meta name="select:Info font" content="helvetica" title="Helvetica"/>
  70.  
  71. <meta name="select:Info font size" content="07px" title="07px"/>
  72. <meta name="select:Info font size" content="08px" title="08px"/>
  73. <meta name="select:Info font size" content="09px" title="09px"/>
  74.  
  75. <meta name="select:Posts width" content="250" title="250px"/>
  76. <meta name="select:Posts width" content="300" title="300px"/>
  77. <meta name="select:Posts width" content="350" title="350px"/>
  78. <meta name="select:Posts width" content="400" title="400px"/>
  79. <meta name="select:Posts width" content="450" title="450px"/>
  80. <meta name="select:Posts width" content="500" title="500px"/>
  81. <meta name="select:Posts width" content="540" title="540px"/>
  82.  
  83. <meta name="select:Description align" content="center" title="Center"/>
  84. <meta name="select:Description align" content="justify" title="Justify"/>
  85. <meta name="select:Description align" content="left" title="Left"/>
  86.  
  87. <meta name="select:Number of links" content="four" title="4"/>
  88. <meta name="select:Number of links" content="six" title="6"/>
  89. <meta name="select:Number of links" content="eight" title="8"/>
  90.  
  91. <meta name="if:Title" content="1">
  92. <meta name="if:Show caption" content="1">
  93. <meta name="if:Infinite scroll" content="0">
  94. <meta name="if:No rescaling" content="0">
  95.  
  96. <meta name="text:Link 01 URL" content="/" />
  97. <meta name="text:Link 01 title" content="home">
  98. <meta name="text:Link 02 URL" content="/ask" />
  99. <meta name="text:Link 02 title" content="askbox">
  100. <meta name="text:Link 03 URL" content="/archive" />
  101. <meta name="text:Link 03 title" content="archive">
  102. <meta name="text:Link 04 URL" content="/" />
  103. <meta name="text:Link 04 title" content="Link 04">
  104. <meta name="text:Link 05 URL" content="/" />
  105. <meta name="text:Link 05 title" content="Link 05">
  106. <meta name="text:Link 06 URL" content="/" />
  107. <meta name="text:Link 06 title" content="Link 06">
  108. <meta name="text:Link 07 URL" content="/" />
  109. <meta name="text:Link 07 title" content="Link 07">
  110. <meta name="text:Link 08 URL" content="/" />
  111. <meta name="text:Link 08 title" content="Link 08">
  112.  
  113. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  114.  
  115. <link href="http://static.tumblr.com/nb65v05/3i0nvm3eg/sghn.css" rel="stylesheet" type="text/css"/>
  116. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  117. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  118.  
  119. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  120. <script>
  121. (function($){
  122. $(document).ready(function(){
  123. $("[title]").style_my_tooltips({
  124. tip_follows_cursor:true,
  125. tip_delay_time:200,
  126. tip_fade_speed:300
  127. }
  128. );
  129. });
  130. })(jQuery);
  131. </script>
  132.  
  133. <script src="http://static.tumblr.com/ikeq9mi/DfYl6o46t/scrolltotop.min.js"></script>
  134. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  135.  
  136. <link href='https://fonts.googleapis.com/css?family=Roboto:400,500,700' rel='stylesheet' type='text/css'>
  137.  
  138. <style type="text/css">
  139.  
  140. body {
  141. font:{select:body font size} {select:body font}, helvetica,sans-serif, cambria, calibri;
  142. margin:0;
  143. color:{color:text};
  144. background:{color:Background} {block:ifBackgroundImage}url('{image:Background}') fixed{/block:ifBackgroundImage};
  145. background-position: {select:background position};
  146. background-repeat: {select:background repeat};}
  147.  
  148. a {
  149. color:{color:link};
  150. text-decoration: none;
  151. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  152. -o-transition:all 0.6s ease-in-out;/*opera*/
  153. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  154. -ms-transition:all 0.6s ease-in-out;/*ie*/
  155. transition:all 0.6s ease-in-out;/*w3c*/}
  156.  
  157.  
  158. a:hover {
  159. color:{color:link hover};}
  160.  
  161. em, strong {
  162. color:{color:bold};}
  163.  
  164. small {
  165. font-size:09px;}
  166.  
  167. ol {list-style-type:lower-roman;}
  168.  
  169. sub, sup{font-size: 10px;}
  170.  
  171. .container {
  172. width:{select:posts width}px;
  173. margin: auto;}
  174.  
  175. #entries{
  176. width:{select:posts width}px;
  177. position:relative;
  178. margin-top:60px;
  179. margin-bottom:120px;
  180. margin-left:30px;
  181. }
  182.  
  183. .posts {
  184. width:{select:posts width}px;
  185. overflow:hidden;
  186. word-wrap: break-word;
  187. {block:IndexPage}
  188. margin-top:90px;
  189. {/block:IndexPage}
  190. padding:05px;
  191. border:1px solid {color:Borders};
  192.  
  193. }
  194.  
  195. .posts h2{
  196. font-family:sans-serif;
  197. font-weight:bold;
  198. font-style:italic;
  199. padding:8px;
  200. margin-top:0;
  201. width:calc({select:posts width}px - 6px)!important;
  202. margin-left:-05px;
  203. border-bottom:1px solid {color:borders};
  204. margin-bottom:-1px;
  205. font-size:18px;}
  206.  
  207. .posts blockquote {
  208. border-left: 1px solid {color:borders};
  209. padding-left: 5px;
  210. margin:05px;}
  211.  
  212. .posts img, .posts li, .posts blockquote {max-width: 100%;height:auto;}
  213.  
  214. .tmblr-full img {
  215. width:100%;}
  216.  
  217. .posts .images{
  218. {block:ifNotNoRescaling}
  219. width: 100%;
  220. {/block:ifNotNoRescaling}
  221. display:block;}
  222.  
  223. {block:ifNoRescaling}
  224. .photo-slideshow.processed .pxu-photo img {
  225. width:auto; }{/block:ifNoRescaling}
  226.  
  227. .photo-slideshow .count-1 {
  228. max-width:{select:posts width};}
  229.  
  230. .photo-slideshow .count-2 {
  231. max-width:calc({select:posts width}px/2 - 2px)!important;
  232. max-width:-moz-calc({select:posts width}px/2 - 2px)!important;}
  233.  
  234. .photo-slideshow .count-3 {
  235. max-width:calc({select:posts width}px/3 - 2px)!important;
  236. max-width:-moz-calc({select:posts width}px/3 - 3px)!important;}
  237.  
  238. .photo-slideshow .count-3:last-of-type {
  239. max-width:calc({select:posts width}px/3 - 3px)!important;
  240. max-width:-moz-calc({select:posts width}px/3 - 3px)!important;}
  241.  
  242. .photo-slideshow .count-3:first-of-type {
  243. max-width:calc({select:posts width}px/3 - 3px)!important;
  244. max-width:-moz-calc({select:posts width}px/3 - 3px)!important;}
  245.  
  246. /* SIDEBAR */
  247. .sidebar {
  248. width: 130px;
  249. margin-left:-200px;
  250. margin-top:50px;
  251. position:fixed;
  252. border:1px solid {color:borders};
  253. box-shadow:-04px 04px {color:shadow};
  254.  
  255. }
  256.  
  257. .sidebar .sidebar-image{
  258. width:130px;
  259. display:block;
  260. margin-left: auto;
  261. margin-right: auto;
  262. }
  263.  
  264. .sb-title{
  265. text-align:center;
  266. font-weight:bold;
  267. padding:5px;
  268. border-bottom:1px solid {color:borders};
  269. }
  270.  
  271. /* DESCRIPTION */
  272. .description{
  273. text-align:{select:description align};
  274. padding:5px;
  275. border-bottom:1px solid {color:borders};
  276. }
  277.  
  278. .description a{
  279. font:07px 'trebuchet ms';
  280. text-transform:uppercase;
  281. letter-spacing:1px;
  282. font-weight:bold;
  283. }
  284.  
  285. /* NAVIGATION / LINKS */
  286. .navi{
  287. padding-left:5px;
  288. font:{select:info font size} {select:info font};
  289. text-transform:uppercase;
  290. letter-spacing:1px;
  291. padding-right:5px;
  292. -webkit-column-count: 2; /* Chrome, Safari, Opera */
  293. -moz-column-count: 2; /* Firefox */
  294. column-count: 2;
  295. -webkit-column-rule: 1px outset {color:borders}; /* Chrome, Safari, Opera */
  296.  
  297. column-rule: 1px outset {color:borders};
  298. border-bottom:0px solid {color:borders};
  299. }
  300.  
  301. .navi a{
  302. text-align:center;
  303. padding:10px;
  304. border-bottom:1px solid {color:borders};
  305. display:block;
  306. }
  307.  
  308. /* PAGINATION */
  309. .pag{
  310. position:absolute;
  311. width:130px;
  312. text-align:center;
  313. margin-top:15px;
  314. }
  315.  
  316. /* QUOTE POSTS */
  317. .quote {
  318. font-style:italic;
  319. padding:10px;
  320. padding-bottom:5px;
  321. }
  322.  
  323. .quotetext-short {
  324. font-size: 18px;}
  325.  
  326. .quotetext-medium {
  327. font-size: 14px;}
  328.  
  329. .quotetext-long {
  330. font-size: 11px;}
  331.  
  332. .quote-source {
  333. text-align:right;
  334. letter-spacing:1px;
  335. font-style:normal;
  336. }
  337.  
  338. /* CHAT POSTS */
  339. .odd, .even {
  340. margin:0px;
  341. padding:10px;
  342. }
  343.  
  344. .odd {
  345. background-color:#f5f5f5;}
  346.  
  347. /* AUDIO POSTS */
  348. .audio {
  349. width:auto;
  350. overflow:hidden;
  351. max-height:75px;
  352. position:relative;
  353. clear:both;
  354. background-color:#f5f5f5;
  355. }
  356.  
  357. .tumblr_audio_player {
  358. height:15px;
  359. width:15px;
  360. padding:10px;
  361. margin-left:20px;
  362. margin-top:20px;
  363. display:block;
  364. float:left;
  365. clear:both;
  366. background-color:#fff;
  367. border-radius:100%;
  368. opacity:0.6;
  369. }
  370.  
  371. .au-info {
  372. position:relative;
  373. overflow:auto;
  374. height:75px;
  375. padding-left:10px;
  376. padding-right:10px;
  377. display: table-cell;
  378. vertical-align: middle;
  379. text-align:center;
  380. width:{select:posts width}px;
  381. }
  382.  
  383. img.au-image{
  384. float:left;
  385. width:75px;
  386. margin-left:-55px;
  387. border-right:1px solid {color:posts};
  388. }
  389. /* VIDEO POSTS*/
  390. .video{
  391. position:relative;
  392. z-index:9999;}
  393.  
  394. .tumblr_video_container {
  395. width:auto!important;
  396. height:auto!important;}
  397.  
  398. .video .instagram-media {
  399. max-height:none!important;
  400. box-shadow:none!important;
  401. border:1px solid {color:borders}!important;
  402. max-width:calc({select:posts width}px - 3px)!important;}
  403.  
  404. /* ASK POSTS */
  405. .question{
  406. border-bottom:1px solid {color:borders};
  407. background-color:#fafafa;
  408. padding:10px;
  409. margin-left:-5px;
  410. margin-top:-5px;
  411. width:calc({select:posts width}px - 10px);
  412. line-height:150%;
  413. font-style:italic;
  414. }
  415.  
  416. .question img{
  417. float:left;
  418. border-radius:100%;
  419. margin-right:10px;
  420. margin-bottom:0px;
  421. }
  422.  
  423.  
  424. /* CAPTION */
  425. .caption{
  426.  
  427. }
  428.  
  429. .caption a{
  430. }
  431.  
  432. /* INFO */
  433. .posts-info{
  434. margin-top:05px;
  435. width:{select:posts width}px;
  436. font:{select:info font size} {select:info font};
  437. text-transform:uppercase;
  438. letter-spacing:1px;
  439. border-top:1px solid {color:Borders};
  440. margin-left:-10px;
  441. padding:10px;
  442. padding-bottom:0;
  443. padding-top:05px;
  444. letter-spacing:1px;
  445. color:{color:info};
  446. margin-bottom:1px;}
  447.  
  448. .posts-info a{
  449. color:{color:info};
  450. }
  451.  
  452. .posts-info a:hover{
  453. color:{color:link hover};
  454. }
  455.  
  456. a.tag {
  457. text-decoration:none;
  458. margin-right:3px;
  459. border-bottom:1px solid {color:borders}!important;
  460. }
  461.  
  462. /* NOTES */
  463. #notes{
  464. width:{select:posts width}px;
  465. margin-left:0px;
  466. max-height:190px;
  467. overflow:auto;
  468. margin-top:15px;}
  469.  
  470. .notes img{border-radius:100%;}
  471.  
  472. ol.notes {
  473. padding: 0px;
  474. margin: 0;
  475. list-style-type: none;}
  476.  
  477. ol.notes li.note {padding: 10px;}
  478.  
  479. ol.notes li.note img.avatar {
  480. vertical-align: -4px;
  481. float:left;
  482. margin-right: 10px;
  483. width: 16px;
  484. height: 16px;}
  485.  
  486. ol.notes li.note span.action {}
  487.  
  488. ol.notes li.note .answer_content {font-weight: normal;}
  489.  
  490. ol.notes li.note blockquote {
  491. border-color: {color:borders};
  492. padding: 4px 10px;
  493. margin: 10px 0px 0px 25px;}
  494.  
  495. /* EXTRAS */
  496.  
  497. a.c{
  498. position:fixed;
  499. bottom:25px;
  500. right:25px;
  501. font:07px 'trebuchet ms';
  502. text-transform:uppercase;
  503. letter-spacing:1px;
  504. text-align:right;
  505. z-index:9999999;
  506. background-color:#fff;
  507. border:1px solid #e9e9e9;
  508. padding:05px;
  509. border-radius:100%;
  510. color:#8c8c8c;
  511. }
  512.  
  513. .vignette, #vignette {
  514. opacity:0;
  515. }
  516. .lightbox-image, #tumblr_lightbox img {
  517. box-shadow:none !important;
  518. border-radius:0 !important;
  519. max-width:none;
  520. }
  521.  
  522. .tmblr-lightbox, #tumblr_lightbox {
  523. background-color:rgba(255,255,255,.8) !important;
  524. }
  525.  
  526. #tumblr_lightbox img {
  527. border:3px solid #fff !important;
  528. -moz-box-sizing:border-box;
  529. box-sizing:border-box;
  530. }
  531.  
  532. .lightbox-image {
  533. padding:3px;
  534. background-color:rgba(255,255,255,1) !important;
  535. }
  536.  
  537. ::-webkit-scrollbar {
  538. width: 3px;
  539. height: 3px;
  540. background: {color:background};}
  541.  
  542. ::-webkit-scrollbar-thumb {
  543. background-color:{color:scrollbar};}
  544.  
  545. #s-m-t-tooltip{
  546. margin:24px 14px 7px 12px;
  547. letter-spacing:1px;
  548. z-index:9999999999999;
  549. line-height:16px;
  550. background-color:{color:link hover};
  551. color:white;
  552. font:07px 'trebuchet ms';
  553. text-transform:uppercase;
  554. letter-spacing:1px;
  555. padding:03px;}
  556.  
  557. ::selection {
  558. background: {color:link};
  559. color: white;}
  560. ::-moz-selection {
  561. background: {color:link};
  562. color: white;}
  563. ::-webkit-selection {
  564. background: {color:link};
  565. color: white;}
  566.  
  567. /* SCROLL TO TOP */
  568. .scrollup{
  569. width:30px;
  570. height:30px;
  571. opacity:0.3;
  572. position:fixed;
  573. bottom:70px;
  574. right:22px;
  575. display:none;
  576. text-align:center;
  577. }
  578.  
  579. .scrollup:hover{cursor:pointer;}
  580.  
  581. .four a.n{
  582. display:none;
  583. }
  584. .four a.m{
  585. display:none;
  586. }
  587.  
  588. .six a.n{
  589. display:block;
  590. }
  591.  
  592. .six a.m{
  593. display:none;
  594. }
  595.  
  596. .eight a.m, a.n{
  597. display:block;
  598. }
  599.  
  600. .four a:nth-child(2){
  601. border-bottom:0px solid {color:borders};}
  602.  
  603. .four a:nth-child(4){
  604. border-bottom:0px solid {color:borders};}
  605.  
  606. .six a:nth-child(3){
  607. border-bottom:0px solid {color:borders};}
  608.  
  609. .six a:nth-child(6){
  610. border-bottom:0px solid {color:borders};}
  611.  
  612. .eight a:nth-child(4){
  613. border-bottom:0px solid {color:borders};}
  614.  
  615. .eight a:nth-child(8){
  616. border-bottom:0px solid {color:borders};}
  617.  
  618. </style>
  619. </head>
  620.  
  621. <body>
  622.  
  623. <div class="container">
  624. <div class="sidebar">
  625.  
  626. {block:ifSidebarimage}<img src="{image:sidebar}" class="sidebar-image">{/block:ifSidebarimage}
  627. {block:ifTitle}<div class="sb-title"><a href="/">{Title}</a></div>{/block:ifTitle}
  628. <div class="description">{Description}</div>
  629. <div class="navi {select:number of links}">
  630. <a href="{text:Link 01 URL}"><b>01.</b><br>{text:Link 01 title}</a>
  631. <a href="{text:Link 02 URL}"><b>02.</b><br>{text:Link 02 title}</a>
  632. <a href="{text:Link 03 URL}"><b>03.</b><br>{text:Link 03 title}</a>
  633. <a href="{text:Link 04 URL}"><b>04.</b><br>{text:Link 04 title}</a>
  634. <a href="{text:Link 05 URL}" class="n"><b>05.</b><br>{text:Link 05 title}</a>
  635. <a href="{text:Link 06 URL}" class="n"><b>06.</b><br>{text:Link 06 title}</a>
  636. <a href="{text:Link 07 URL}" class="m"><b>07.</b><br>{text:Link 07 title}</a>
  637. <a href="{text:Link 08 URL}" class="m"><b>08.</b><br>{text:Link 08 title}</a>
  638. </div>
  639.  
  640. {block:Pagination}<div class="pag" {block:IfInfiniteScroll}style="display:none;"{/block:IfInfiniteScroll}>
  641. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  642.  
  643. {block:NextPage}<a href="{NextPage}" class="next">next</a>{/block:NextPage}</div>
  644. {/block:Pagination}
  645.  
  646. </div><!--- sidebar --->
  647.  
  648.  
  649. <div id="entries">
  650. {block:Posts}
  651.  
  652. {block:ContentSource}
  653. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  654. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  655. {/block:SourceLogo}
  656. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  657. {/block:ContentSource}
  658.  
  659. <div class="posts">
  660.  
  661. {block:Text}
  662. {block:Title}<h2>{Title}</h2>{/block:Title}
  663. {Body}
  664. {/block:Text}
  665.  
  666. {block:Photo}
  667. <center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="images">{LinkCloseTag}</center>
  668. {block:ifShowCaption}
  669. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  670. {/block:ifShowCaption}
  671. {block:ifNotShowCaption}
  672. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  673. {/block:ifNotShowCaption}
  674. {/block:Photo}
  675.  
  676. {block:Photoset}<center>
  677. <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div></center>
  678. {block:ifShowCaption}
  679. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  680. {/block:ifShowCaption}
  681. {block:ifNotShowCaption}
  682. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  683. {/block:ifNotShowCaption}
  684. {/block:Photoset}
  685.  
  686. {block:Quote}<div class="quote">
  687. <div class="quotetext-{Length}">{Quote}</div>
  688. {block:Source}
  689. <div class="quote-source">{Source}</div>
  690. {/block:Source}
  691. </div>{/block:Quote}
  692.  
  693. {block:Link}
  694. <h2><a href="{URL}" target="{Target}">{Name} <b>&rarr;</b></a></h2>
  695. {block:Description}{Description}{/block:Description}
  696. {/block:Link}
  697.  
  698. {block:Chat}
  699. {block:Title}<h2>{Title}</h2><br>{/block:Title}
  700. {block:Lines}<ul class="{Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></ul>{/block:Lines}
  701. {/block:Chat}
  702.  
  703. {block:Audio}
  704. <div class="audio">
  705. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  706. {block:AlbumArt}
  707. <img src="{AlbumArtURL}" class="au-image">
  708. {/block:AlbumArt}
  709. <div class="au-info">{block:TrackName}{TrackName}{/block:TrackName}
  710. {block:Artist}<br><small><b>{Artist}</b></small>{/block:Artist}
  711. </div>
  712.  
  713. </div>
  714. {block:ifShowCaption}
  715. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  716. {/block:ifShowCaption}
  717. {block:ifNotShowCaption}
  718. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  719. {/block:ifNotShowCaption}
  720. {/block:Audio}
  721.  
  722. {block:Video}
  723. <div class="video">{Video-500}</div>
  724. {block:ifShowCaption}
  725. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  726. {/block:ifShowCaption}
  727. {block:ifNotShowCaption}
  728. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  729. {/block:ifNotShowCaption}
  730. {/block:Video}
  731.  
  732. {block:Answer}
  733. <div class="question"><img src="{AskerPortraitURL-30}">
  734. <b>{Asker} asked</b><br>{Question}</div>
  735. <div class="caption">{Answer}</div>
  736. {/block:Answer}
  737.  
  738. {block:Date}<div class="posts-info">
  739. <a href="{Permalink}" title="{Timeago}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{Year}</a>
  740. {block:NoteCount} / {NoteCountWithLabel}{/block:NoteCount}
  741. {block:RebloggedFrom}{block:PermalinkPage}/ <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:PermalinkPage} / <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}
  742. {block:indexpage}<a href="{ReblogURL}" target="_blank" class="details"> / REBLOG</a>{/block:indexpage}
  743. {block:HasTags}<br>{block:Tags}<a href="{TagURL}" class="tag">#{Tag}</a> {/block:Tags}{/block:HasTags}
  744. </div>
  745. {/block:Date}
  746. </div><!--- posts --->
  747.  
  748. {block:PermalinkPage}
  749. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  750. {/block:PermalinkPage}
  751.  
  752. {/block:Posts}
  753. </div><!--- entries --->
  754. </div><!--- container --->
  755.  
  756. <script>
  757. $(document).ready(function(){
  758. $('.video iframe').each(function(){
  759. var scale = $(this).parents('.video').width() / 500;
  760. $(this).attr({
  761. width: Math.floor($(this).attr('width') * scale),
  762. height: Math.floor($(this).attr('height') * scale)
  763. });
  764. });
  765. });
  766. </script>
  767.  
  768. <script>
  769. $(document).ready(function(){
  770. $('.photo-slideshow').pxuPhotoset({
  771. lightbox: true,
  772. rounded: false,
  773. gutter: '0px',
  774. borderRadius: '0px',
  775. photoset: '.photo-slideshow',
  776. photoWrap: '.photo-data',
  777. photo: '.pxu-photo'
  778. });
  779. });
  780. </script>
  781.  
  782. {block:IndexPage}{block:ifInfiniteScroll}
  783. <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  784.  
  785. <script type="text/javascript">
  786. $(function(){
  787. var $container = $('#entries');
  788. $container.infinitescroll({
  789. bufferPx: 400,
  790. itemSelector: '.posts',
  791. navSelector: '.pag',
  792. nextSelector: '.next',
  793. loading: {
  794. img: 'http://static.tumblr.com/nb65v05/NgXntm6a6/untitled-1.png',
  795. msg: null,
  796. msgText: ''
  797. }
  798. },
  799. function( newElements ) {
  800. var $newElems = $( newElements );
  801. $newElems.find('.photo-slideshow').pxuPhotoset({
  802. lightbox: true,
  803. rounded: false,
  804. gutter: '0px',
  805. borderRadius: '0px',
  806. photoset: '.photo-slideshow',
  807. photoWrap: '.photo-data',
  808. photo: '.pxu-photo'
  809. });
  810. $newElems.find('.video iframe').each(function(){
  811. var scale = $(this).parents('.video').width() / 500;
  812. $(this).attr({
  813. width: Math.floor($(this).attr('width') * scale),
  814. height: Math.floor($(this).attr('height') * scale)
  815. });
  816. });
  817. });
  818.  
  819. });
  820. </script>
  821. {/block:ifInfiniteScroll}{/block:IndexPage}
  822.  
  823. <a href="http://cathms.tumblr.com/" target="_blank" class="c">tc</a>
  824.  
  825. {block:ifInfiniteScroll}
  826. <script type="text/javascript">
  827. $(document).ready(function(){
  828. $(window).scroll(function(){
  829. if ($(this).scrollTop() > 100) {
  830. $('.scrollup').fadeIn();
  831. } else {
  832. $('.scrollup').fadeOut();}});
  833. $('.scrollup').click(function(){
  834. $("html, body").animate({ scrollTop: 0 }, 600);
  835. return false;});});
  836. </script>
  837.  
  838. <a class="scrollup"><i class="fa fa-chevron-up fa-2x"></i><br>scroll to top</a>
  839. {/block:ifInfiniteScroll}
  840.  
  841. </body>
  842. </html>
Advertisement
Add Comment
Please, Sign In to add comment