jasonmcann

Theme: Stigma

Sep 30th, 2016
15,200
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 26.32 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4.  
  5. theme #39
  6. - by cathms -
  7.  
  8. Last update: nov 17, 2016
  9. - don't take parts of this code
  10. - don't remove this comment
  11. - don't remove the credit
  12.  
  13. -->
  14.  
  15. <html>
  16. <head>
  17.  
  18. <title>{Title} {block:TagPage}— #{Tag}{/block:TagPage} {block:PostSummary}— {PostSummary}{/block:PostSummary}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  21. <meta name="description" content="" />
  22. <meta http-equiv="x-dns-prefetch-control" content="off"/>
  23.  
  24. <meta name="image:Background" content="">
  25. <meta name="image:Sidebar" content="">
  26.  
  27. <meta name="color:Background" content="#ffffff" />
  28. <meta name="color:Posts" content="#fafafa" />
  29. <meta name="color:Text" content="#999999" />
  30. <meta name="color:Link" content="#444444" />
  31. <meta name="color:Link hover" content="#999999" />
  32. <meta name="color:Info" content="#444444" />
  33. <meta name="color:Bold" content="#444444" />
  34. <meta name="color:Borders" content="#eeeeee" />
  35. <meta name="color:Scrollbar" content="#444444" />
  36.  
  37. <meta name="select:Background position" content="initial" title="initial"/>
  38. <meta name="select:Background position" content="5% 5%" title="left top"/>
  39. <meta name="select:Background position" content="5% 50%" title="left center"/>
  40. <meta name="select:Background position" content="5% 95%" title="left bottom"/>
  41. <meta name="select:Background position" content="95% 5%" title="right top"/>
  42. <meta name="select:Background position" content="95% 50%" title="right center"/>
  43. <meta name="select:Background position" content="95% 95%" title="right bottom"/>
  44.  
  45. <meta name="select:Background repeat" content="repeat" title="repeat"/>
  46. <meta name="select:Background repeat" content="no-repeat" title="no repeat"/>
  47.  
  48. <meta name="select:Body font" content="karla" title="Karla"/>
  49. <meta name="select:Body font" content="roboto" title="Roboto"/>
  50. <meta name="select:Body font" content="helvetica" title="Helvetica"/>
  51. <meta name="select:Body font" content="arial" title="Arial"/>
  52. <meta name="select:Body font" content="cambria" title="Cambria"/>
  53. <meta name="select:Body font" content="calibri" title="Calibri"/>
  54. <meta name="select:Body font" content="trebuchet ms" title="Trebuchet ms"/>
  55.  
  56. <meta name="select:Body font size" content="10px" title="10px"/>
  57. <meta name="select:Body font size" content="09px" title="09px"/>
  58. <meta name="select:Body font size" content="11px" title="11px"/>
  59.  
  60. <meta name="select:Posts width" content="250" title="250px"/>
  61. <meta name="select:Posts width" content="300" title="300px"/>
  62. <meta name="select:Posts width" content="350" title="350px"/>
  63. <meta name="select:Posts width" content="400" title="400px"/>
  64. <meta name="select:Posts width" content="450" title="450px"/>
  65. <meta name="select:Posts width" content="500" title="500px"/>
  66. <meta name="select:Posts width" content="540" title="540px"/>
  67.  
  68. <meta name="if:Show caption" content="1">
  69. <meta name="if:Infinite scroll" content="0">
  70. <meta name="if:Manual load" content="0">
  71. <meta name="if:No rescaling" content="0">
  72. <meta name="if:Custom gutter" content="0">
  73.  
  74. <meta name="text:Margin" content="90" />
  75. <meta name="text:Gutter" content="4" />
  76. <meta name="text:Link 01 URL" content="/" />
  77. <meta name="text:Link 01 title" content="Link 01">
  78. <meta name="text:Link 02 URL" content="/" />
  79. <meta name="text:Link 02 title" content="Link 02">
  80. <meta name="text:Link 03 URL" content="/" />
  81. <meta name="text:Link 03 title" content="Link 03">
  82.  
  83. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  84. <link href='https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
  85.  
  86. <style type="text/css">
  87.  
  88. body {
  89. font:{select:body font size} {select:body font}, sans-serif;
  90. margin:0;
  91. color:{color:text};
  92. background:{color:Background} {block:ifBackgroundImage}url('{image:Background}') fixed{/block:ifBackgroundImage};
  93. background-position: {select:background position};
  94. background-repeat: {select:background repeat};}
  95.  
  96. a {
  97. color:{color:link};
  98. text-decoration: none;
  99. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  100. -o-transition:all 0.6s ease-in-out;/*opera*/
  101. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  102. -ms-transition:all 0.6s ease-in-out;/*ie*/
  103. transition:all 0.6s ease-in-out;/*w3c*/}
  104.  
  105. a:hover {
  106. color:{color:link hover};}
  107.  
  108. b, strong {
  109. color:{color:bold};}
  110.  
  111. small {
  112. font-size:09px;}
  113.  
  114. ol {list-style-type:lower-roman;}
  115.  
  116. sub, sup{font-size: 10px;}
  117.  
  118. .container {
  119. width:{select:posts width}px;
  120. margin:0 auto;
  121. padding-bottom:{text:margin}px;
  122. padding-top:{text:margin}px;
  123. overflow:auto;
  124. }
  125.  
  126. .entries{
  127. width:{select:posts width}px;
  128. }
  129.  
  130. .posts_hold{
  131. {block:IndexPage}
  132. margin-top:{text:Margin}px;
  133. {/block:IndexPage}
  134. position:relative;
  135. }
  136.  
  137. {block:IndexPage}
  138. .posts_hold:first-of-type{
  139. margin-top:0;}
  140. {/block:IndexPage}
  141.  
  142. .posts_hold h2{
  143. font-size:18px;
  144. font-weight:bold;
  145. margin:05px;
  146. padding:0;
  147. }
  148.  
  149. .posts_hold blockquote {
  150. border-left: 1px solid {color:borders};
  151. padding-left: 5px;
  152. margin:05px;}
  153.  
  154. .posts_hold img, .posts_hold li, .posts_hold blockquote {max-width: 100%;height:auto;}
  155.  
  156. .tmblr-full img {
  157. width:100%;}
  158.  
  159. .posts_hold .images{
  160. {block:ifNotNoRescaling}
  161. width: 100%;
  162. {/block:ifNotNoRescaling}
  163. display:block;
  164. overflow:hidden;
  165. }
  166.  
  167. .posts {
  168. position:relative;
  169. width:{select:posts width}px;
  170. overflow:hidden;
  171. word-wrap: break-word;
  172. background-color:{color:posts};
  173. }
  174.  
  175. /* SIDEBAR */
  176.  
  177. .sidebar {
  178. width: 125px;
  179. position:fixed;
  180. text-align:center;
  181. margin-left:calc(-125px - {text:margin}px);
  182. }
  183.  
  184. .sidebar .sidebar-image{
  185. max-width:125px;
  186. display:block;
  187. margin-left: auto;
  188. margin-right: auto;}
  189.  
  190. .sb-title{
  191. border-top:1px solid {color:borders};
  192. border-bottom:1px solid {color:borders};
  193. padding:10px;
  194. text-align:center;
  195. font-size:12px;
  196. font-weight:700;
  197. background-color:{color:posts};
  198. margin-bottom:05px;
  199. }
  200.  
  201. .sidebar .na{
  202. font-size:16px;
  203. -webkit-transition:all 0.3s ease-in-out;/*chrome-safari*/
  204. -o-transition:all 0.3s ease-in-out;/*opera*/
  205. -moz-transition:all 0.3s ease-in-out;/*mozilla firefox*/
  206. -ms-transition:all 0.3s ease-in-out;/*ie*/
  207. transition:all 0.3s ease-in-out;/*w3c*/
  208. display:block;
  209. width:125px;
  210. margin-top:05px;
  211. }
  212.  
  213. .sidebar:hover .na{
  214. margin-top:10px;
  215. }
  216.  
  217. /* DESCRIPTION */
  218. .description{
  219. padding:10px;
  220. text-align:justify;
  221. background-color:{color:posts};
  222. font:{select:description font size} {select:description font}, sans-serif;
  223. }
  224.  
  225. /* NAVIGATION / LINKS */
  226.  
  227. .navi {
  228. display:none;
  229. text-align:left;
  230. text-transform:uppercase;
  231. font-size:08px;
  232. letter-spacing:1px;
  233. }
  234.  
  235. .navi a{
  236. display:block;
  237. border:0 solid {color:Borders}!important;
  238. padding:5px;
  239. }
  240.  
  241. .navi ol {
  242. margin:0;padding:0;
  243. margin-left:20px;
  244. list-style-type:decimal-leading-zero;
  245. }
  246.  
  247. /* PAGINATION */
  248. .pag{
  249. margin-top:{text:margin}px;
  250. text-align:center;
  251. text-transform:uppercase;
  252. font-size:09px;
  253. letter-spacing:1px;
  254. }
  255.  
  256. .pag a{
  257. padding-left:05px;
  258. padding-right:05px;
  259. }
  260.  
  261. /* QUOTE POSTS */
  262. .quote {
  263. padding:10px;
  264. text-align:left;
  265. font-style:italic;
  266. border-bottom:1px solid {color:borders};
  267. }
  268.  
  269. .quotetext-short {
  270. font-size: 14px;
  271. }
  272.  
  273. .quotetext-medium {
  274. font-size: 12px;
  275. }
  276.  
  277. .quotetext-long {
  278. font-size: {select:body font size};
  279. }
  280.  
  281. .quote-source {
  282. text-align:right;
  283. display:inline-block;
  284. text-transform:lowercase;
  285. font-style:normal;
  286. padding-top:10px;
  287. margin-top:10px;
  288. border-top:1px solid {color:borders};
  289. }
  290.  
  291. /* CHAT POSTS */
  292. .odd, .even {
  293. margin:0px;
  294. padding:10px;
  295. border-bottom:1px solid {color:borders};}
  296.  
  297. .odd:first-of-type {
  298. border-top:0px solid {color:borders};}
  299.  
  300. /* AUDIO POSTS */
  301. .audio {
  302. width:auto;
  303. overflow:hidden;
  304. max-height:75px;
  305. position:relative;
  306. clear:both;
  307. background-color:{color:borders};
  308. }
  309.  
  310. .tumblr_audio_player {
  311. height:15px;
  312. width:15px;
  313. padding:10px;
  314. margin-left:20px;
  315. margin-top:20px;
  316. display:block;
  317. float:left;
  318. clear:both;
  319. background-color:#fff;
  320. border-radius:100%;
  321. opacity:0.6;
  322. }
  323.  
  324. .au-info {
  325. position:relative;
  326. overflow:auto;
  327. text-transform:uppercase;
  328. height:75px;
  329. padding-left:10px;
  330. padding-right:10px;
  331. display: table-cell;
  332. vertical-align: middle;
  333. text-align:left;
  334. width:{select:posts width}px;
  335. }
  336.  
  337. img.au-image{
  338. float:left;
  339. width:55px;
  340. margin-left:-55px;
  341. padding:10px;
  342. border-right:1px solid {color:posts};
  343. }
  344. /* VIDEO POSTS*/
  345. .video{
  346. overflow:hidden;
  347. width:{select:posts width}px;}
  348.  
  349. .video .instagram-media {
  350. max-height:none!important;
  351. box-shadow:none!important;
  352. max-width:calc({select:posts width}px - 3px)!important;}
  353.  
  354. /* ASK POSTS */
  355. .quest{
  356. padding:15px;
  357. background-color:{color:posts};
  358. border-bottom:1px solid {color:borders};
  359. font-size:09px;
  360. text-transform:uppercase;
  361. letter-spacing:1px;
  362. }
  363.  
  364. /* CAPTION */
  365. .caption{
  366. border-bottom:1px solid {color:borders};
  367. background-color:{color:posts};
  368. overflow:hidden;
  369. box-sizing: border-box;
  370. padding-left:10px;
  371. padding-right:10px;
  372. }
  373.  
  374. /* INFO */
  375. .posts-info{
  376. background-color:{color:posts};
  377. padding:10px;
  378. color:{color:info};
  379. border-bottom:1px solid {color:borders};
  380. overflow:hidden;
  381. }
  382.  
  383. .posts-info a{
  384. color:{color:info};
  385. }
  386.  
  387. a.tag {
  388. text-decoration:none;
  389. margin-right:3px;
  390. }
  391.  
  392. /* NOTES */
  393.  
  394. .notes{
  395. width:100%;
  396. margin-left:0px;
  397.  
  398. }
  399.  
  400. .notes img{border-radius:100%;}
  401.  
  402. ol.notes {
  403. padding: 0px;
  404. margin: 0;
  405. list-style-type: none;}
  406.  
  407. ol.notes li.note {padding: 10px;
  408. padding-left:0;
  409. padding-right:0;
  410. }
  411.  
  412. ol.notes li.note img.avatar {
  413. vertical-align: -4px;
  414. float:left;
  415. margin-right: 10px;
  416. margin-left:0;
  417. width: 16px;
  418. height: 16px;}
  419.  
  420. ol.notes li.note span.action {}
  421.  
  422. ol.notes li.note .answer_content {font-weight: normal;}
  423.  
  424. ol.notes li.note blockquote {
  425. border-color: {color:borders};
  426. padding: 4px 10px;
  427. margin: 10px 0px 0px 25px;}
  428.  
  429. /* EXTRAS */
  430. a.c{
  431. position:fixed;
  432. bottom:25px;
  433. right:25px;
  434. font:07px 'trebuchet ms';
  435. text-transform:uppercase;
  436. letter-spacing:1px;
  437. text-align:right;
  438. z-index:9999999;
  439. background-color:#fff;
  440. border:1px solid #e9e9e9;
  441. padding:05px;
  442. border-radius:100%;
  443. color:#8c8c8c;
  444. }
  445.  
  446. .vignette, #vignette {
  447. opacity:0;
  448. }
  449. .lightbox-image, #tumblr_lightbox img {
  450. box-shadow:none !important;
  451. border-radius:0 !important;
  452. max-width:none;
  453. }
  454.  
  455. .tmblr-lightbox, #tumblr_lightbox {
  456. background-color:rgba(255,255,255,.8) !important;
  457. }
  458.  
  459. #tumblr_lightbox img {
  460. border:3px solid #fff !important;
  461. -moz-box-sizing:border-box;
  462. box-sizing:border-box;
  463. }
  464.  
  465. .lightbox-image {
  466. padding:3px;
  467. background-color:rgba(255,255,255,1) !important;
  468. }
  469.  
  470. ::-webkit-scrollbar {
  471. width: 3px;
  472. height: 3px;
  473. background: {color:background};}
  474.  
  475. ::-webkit-scrollbar-thumb {
  476. background-color:{color:scrollbar};}
  477.  
  478. #s-m-t-tooltip{
  479. margin:24px 14px 7px 12px;
  480. letter-spacing:1px;
  481. z-index:9999999999999;
  482. line-height:16px;
  483. background-color:{color:background};
  484. color:{color:link};
  485. border:1px solid {color:borders};
  486. text-transform:uppercase;
  487. padding-left:03px;
  488. padding-right:03px;
  489. border-radius:3px;
  490. font-size:08px;}
  491.  
  492. ::selection {
  493. background: {color:link};
  494. color: white;}
  495. ::-moz-selection {
  496. background: {color:link};
  497. color: white;}
  498. ::-webkit-selection {
  499. background: {color:link};
  500. color: white;}
  501.  
  502. /* SCROLL TO TOP */
  503. .scrollup{
  504. width:30px;
  505. height:30px;
  506. opacity:0.3;
  507. position:fixed;
  508. bottom:70px;
  509. right:22px;
  510. display:none;
  511. text-align:center;
  512. }
  513.  
  514. .scrollup:hover{cursor:pointer;}
  515.  
  516. #infscr-loading {display:none!important;}
  517.  
  518. .more{
  519. margin-top:{text:margin}px;
  520. text-align:center;
  521. }
  522.  
  523. .perma_hold {
  524. position:absolute;
  525. width:100%;
  526. height:calc(100% - 45px);
  527. top:0;
  528. left:0;
  529. overflow:hidden;
  530. margin-top:45px;
  531. opacity:1;
  532. z-index:9999;
  533. background:rgba(255,255,255,0.9);
  534. }
  535.  
  536. .perma {
  537. top:50%;
  538. line-height:0;
  539. transform: translate(0px, -50%);
  540. position:relative;
  541. text-align:center;
  542. text-transform:uppercase;
  543. }
  544.  
  545. .posts-info2{
  546. background-color:{color:posts};
  547. padding:10px;
  548. height:25px;
  549. }
  550.  
  551. .posts-info2 img.um{
  552. width:25px;
  553. margin-right:10px;
  554. border-radius:100%;
  555. float:left;
  556. }
  557.  
  558. .myg{
  559. display:none;
  560. }
  561. .myg i{
  562. float:right;
  563. font-size:14px;
  564. line-height:25px;
  565. }
  566.  
  567. .buttons, .no{
  568. float:right;
  569. }
  570.  
  571. .buttons a {
  572. position:relative;
  573. display:inline-block;
  574. padding-left:03px;
  575. }
  576.  
  577. .custom-like-button {
  578. position: relative;
  579. display: inline-block;
  580. cursor: pointer;
  581. }
  582.  
  583. .like_button {
  584. position: absolute;
  585. top: -03px;
  586. left: 03px;
  587. right: 0;
  588. bottom: 0px;
  589. width: 11px;
  590. height: 11px;
  591. opacity: 0;
  592. z-index: 10;
  593. }
  594.  
  595. .like_button iframe {
  596. width: 100% !important;
  597. height: 100% !important;
  598. }
  599.  
  600. .our_button {
  601. position: absolute;
  602. top: 0;
  603. left: 0;
  604. right: 0;
  605. bottom: 0;
  606. width: 100%;
  607. height: 100%;
  608. z-index: 1;
  609. -webkit-transition:all 0.6s ease-in-out;/*chrome-safari*/
  610. -o-transition:all 0.6s ease-in-out;/*opera*/
  611. -moz-transition:all 0.6s ease-in-out;/*mozilla firefox*/
  612. -ms-transition:all 0.6s ease-in-out;/*ie*/
  613. transition:all 0.6s ease-in-out;/*w3c*/
  614. }
  615.  
  616. .like_button:hover + .our_button {
  617. color: {color:link hover};
  618. }
  619.  
  620. .like_button.liked + .our_button {
  621. color: red;
  622. }
  623.  
  624. .posts-info2 img.um{
  625. width:25px;
  626. margin-right:10px;
  627. border-radius:100%;
  628. float:left;
  629. }
  630.  
  631. .pi{
  632. display: table;
  633. height:25px;
  634. }
  635.  
  636. .pi da{
  637. display: table-cell;
  638. vertical-align: middle;
  639. margin:0 auto;
  640. }
  641.  
  642. .perm{
  643. margin-top:30px;
  644. }
  645.  
  646. .nc{
  647. text-transform:uppercase;
  648. color:{color:link};
  649. }
  650.  
  651. .butt:hover, .myg:hover{
  652. cursor:pointer;
  653. }
  654.  
  655. .bod{
  656. padding:10px;
  657. border-bottom:1px solid {color:borders};
  658. }
  659.  
  660. .not{
  661. padding-top:15px;
  662. border-top:1px solid {color:borders};
  663. margin-top:15px;
  664. }
  665. </style>
  666. </head>
  667.  
  668. <body>
  669.  
  670. <div class="container">
  671. <div class="sidebar">
  672.  
  673. <img src="{image:sidebar}" class="sidebar-image">
  674. {block:ShowDescription}<div class="description">{description}</div>{/block:ShowDescription}
  675. {block:ShowTitle}
  676. <div class="sb-title"><a href="/">{title}</a></div>{/block:ShowTitle}
  677.  
  678. <div class="navi">
  679. <ol>
  680. <li><a href="/">refresh</a></li>
  681. <li><a href="/ask">message</a></li>
  682. <li><a href="/archive">archive</a></li>
  683. <li><a href="{text:Link 01 URL}">{text:Link 01 title}</a></li>
  684. <li><a href="{text:Link 02 URL}">{text:Link 02 title}</a></li>
  685. <li><a href="{text:Link 03 URL}">{text:Link 03 title}</a></li>
  686. </ol>
  687. </div>
  688.  
  689. <a class="na"><span class="butt" title="click for links"><i class="fa fa-angle-down fa-fw" aria-hidden="true"></i></span>
  690. <span class="butt" style="display: none"><i class="fa fa-angle-up fa-fw" aria-hidden="true"></i></span>
  691. </a>
  692.  
  693. </div><!--- sidebar --->
  694.  
  695. <div class="entries">
  696. {block:Posts}
  697.  
  698. {block:ContentSource}
  699. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  700. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  701. {/block:SourceLogo}
  702. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  703. {/block:ContentSource}
  704.  
  705. <div class="posts_hold">
  706.  
  707. <div class="posts" id="{PostID}">
  708.  
  709. {block:Date}
  710. <div class="posts-info2" style="border-bottom:1px solid {color:borders};{block:Photo}border-bottom:0px solid {color:borders};{/block:Photo}{block:Photoset}border-bottom:0px solid {color:borders};{/block:Photoset}{block:Audio}border-bottom:0px solid {color:borders};{/block:Audio}{block:Answer}display:none;{/block:Answer}">
  711. {block:IndexPage}<span class="myg" {block:Photoset}style="display:inline;"{/block:Photoset}{block:Photo}style="display:inline;"{/block:Photo}><i class="fa fa-ellipsis-v fa-fw" aria-hidden="true"></i>
  712. <div class="perma_hold" style="display:none">
  713. <div class="perma"><a href="{Permalink}">{NoteCountWithLabel}</a></div>
  714. </div>
  715. </span>{/block:IndexPage}
  716. {block:indexPage}{block:NoteCount}
  717. <span class="no" {block:Photoset}style="display:none;"{/block:Photoset}{block:Photo}style="display:none;"{/block:Photo}><a href="{Permalink}">{NoteCount}N</a></span>{/block:NoteCount}{/block:indexPage}
  718. {block:RebloggedFrom}<img src="{ReblogParentPortraitURL-128}" class="um">
  719. <div class="pi"><da>
  720. <a href="{ReblogParentURL}" class="via"><b>{ReblogParentName}</b></a><br>
  721. <a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}, {12HourWithZero}:{Minutes}{CapitalAmPm}">{TimeAgo}</a>
  722. </da></div>
  723. {/block:RebloggedFrom}
  724. {block:NotReblog}
  725. <img src="{PortraitURL-128}" class="um">
  726. <div class="pi"><da>
  727. <a class="via"><b>original</b></a><br><a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}, {12HourWithZero}:{Minutes}{CapitalAmPm}">{TimeAgo}</a>
  728. </da></div>
  729. {/block:NotReblog}
  730. </div>
  731. {/block:Date}
  732.  
  733. {block:Text}<div class="bod">
  734. {block:Title}<h2>{Title}</h2>{/block:Title}
  735. {Body}</div>
  736. {/block:Text}
  737.  
  738. {block:Photo}
  739. <center>{LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" class="images">{LinkCloseTag}</center>
  740. {/block:Photo}
  741.  
  742. {block:Photoset}<div class="set"><center>
  743. <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></div>
  744.  
  745. {/block:Photoset}
  746.  
  747. {block:Quote}<div class="quote">
  748. <div class="quotetext-{Length}">{Quote}</div>
  749. {block:Source}
  750. <div class="quote-source">{Source}</div>
  751. {/block:Source}
  752. </div>{/block:Quote}
  753.  
  754. {block:Link}<div class="bod">
  755. <h2><a href="{URL}" target="{Target}">{Name} <b>&rarr;</b></a></h2>
  756. {block:Description}{Description}{/block:Description}</div>
  757. {/block:Link}
  758.  
  759. {block:Chat}
  760. {block:Title}<div class="bod"><h2>{Title}</h2></div>{/block:Title}
  761. {block:Lines}<ul class="{Alt}">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br></ul>{/block:Lines}
  762. {/block:Chat}
  763.  
  764. {block:Audio}
  765. <div class="audio">
  766. {block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}
  767. {block:AlbumArt}
  768. <img src="{AlbumArtURL}" class="au-image">
  769. {/block:AlbumArt}
  770. <div class="au-info"><span>{block:TrackName}{TrackName}{/block:TrackName}
  771. {block:Artist}<br><small><b>{Artist}</b></small>{/block:Artist}</span>
  772. </div>
  773.  
  774. </div>
  775. {/block:Audio}
  776.  
  777. {block:Video}
  778. <div class="video">{Video-500}</div>
  779. {/block:Video}
  780.  
  781. {block:Answer}
  782. <div class="quest">
  783. {Question}</div>
  784. <div class="posts-info2">{block:indexPage}{block:NoteCount}<span class="no"><a href="{Permalink}">{NoteCount}N</a></span>{/block:NoteCount}{/block:indexPage}<img src="{AskerPortraitURL-128}" class="um">
  785. <div class="pi"><da><span class="vi">{Asker}</span><br><a href="{Permalink}" title="{ShortMonth} {DayOfMonthWithZero}{DayOfMonthSuffix}, {12HourWithZero}:{Minutes}{CapitalAmPm}">{TimeAgo}</a></da></div>
  786. </div>
  787.  
  788. <div class="caption" style="border-top:1px solid {color:borders};margin-top:0px;padding-top:0px;">
  789. {Answer}</div>
  790. {/block:Answer}
  791.  
  792. </div><!--- posts --->
  793.  
  794. {block:ifShowCaption}
  795. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  796. {/block:ifShowCaption}
  797. {block:ifNotShowCaption}
  798. {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
  799. {/block:ifNotShowCaption}
  800.  
  801. {block:Date}<div class="posts-info">
  802. {block:IndexPage}<span class="buttons">
  803. <a href="{ReblogURL}" target="_blank"><i class="fa fa-refresh fa-fw" aria-hidden="true"></i></a>
  804. <span class="custom-like-button">{LikeButton}<a class="our_button"><i class="fa fa-heart fa-fw" aria-hidden="true"></i></a></span>
  805. </span>
  806. {/block:IndexPage}
  807. {block:HasTags}<i class="fa fa-tags fa-fw" aria-hidden="true"></i> {block:Tags}<a href="{TagURL}" class="tag">{Tag}</a> {/block:Tags} {/block:HasTags}
  808. </div>
  809. {/block:Date}
  810.  
  811. {block:PermalinkPage}<div class="perm">
  812. <div class="nc">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}{block:RebloggedFrom} / <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom}</div>
  813. {block:PostNotes}<div class="notes not">{PostNotes}</div>{/block:PostNotes}</div>
  814. {/block:PermalinkPage}
  815.  
  816. </div><!--- posts_hold --->
  817.  
  818. {/block:Posts}
  819.  
  820. </div><!--- entries --->
  821.  
  822. {block:Pagination}<div class="pag" {block:IfInfiniteScroll}style="display:none;"{/block:IfInfiniteScroll}>
  823. {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  824. {CurrentPage}/{TotalPages}
  825. {block:NextPage}<a href="{NextPage}" class="next">next</a>{/block:NextPage}</div>
  826. {/block:Pagination}
  827.  
  828. {block:ifManualLoad}{block:Pagination}
  829. <div class="more"><a href="#">load more</a></div>
  830. {/block:Pagination}{/block:ifManualLoad}
  831.  
  832. </div><!--- container --->
  833.  
  834. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  835. {block:ifNotCustomGutter}<link href="http://static.tumblr.com/nb65v05/PkToc9oiw/resizing.css" rel="stylesheet" type="text/css"/>{/block:ifNotCustomGutter}
  836. <link href="http://static.tumblr.com/nb65v05/EvVo293om/style.css" rel="stylesheet" type="text/css"/>
  837. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  838. {block:ifNoRescaling}<link href="http://static.tumblr.com/nb65v05/dXHo8qjrq/nrsclng.css" rel="stylesheet" type="text/css"/>{/block:ifNoRescaling}
  839. <script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script>
  840. <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  841. {block:ifInfiniteScroll}<script src="http://static.tumblr.com/nb65v05/QLXo03qup/jquery.infinitescroll.min.js"></script>{/block:ifInfiniteScroll}
  842. <script src="https://npmcdn.com/[email protected]/imagesloaded.pkgd.min.js"></script>
  843.  
  844. <script>
  845. $(document).ready(function(){
  846.  
  847. $(".myg").click(function(){
  848. $(this).find(".perma_hold").fadeToggle();
  849. });
  850.  
  851. $(".na").click(function(){
  852. $(".navi").slideToggle();
  853. });
  854.  
  855. $('.na').click(function() {
  856. $('.butt',this).toggle();
  857. });
  858.  
  859. // minimal soundcloud player © shythemes.tumblr
  860. var color = '#acd7bb';
  861. $('.soundcloud_audio_player').each(function(){
  862. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  863. });
  864.  
  865. $("[title]").style_my_tooltips({
  866. tip_follows_cursor:true,
  867. tip_delay_time:200,
  868. tip_fade_speed:300
  869. }
  870. );
  871.  
  872. $(window).scroll(function () {
  873. if ($(this).scrollTop() > 100) {
  874. $('.scrollup').fadeIn();
  875. } else {
  876. $('.scrollup').fadeOut();
  877. }
  878. });
  879.  
  880. $('.scrollup').click(function () {
  881. $("html, body").animate({
  882. scrollTop: 0
  883. }, 600);
  884. return false;
  885. });
  886.  
  887. $('.photo-slideshow').pxuPhotoset({
  888. lightbox: true,
  889. rounded: false,
  890. {block:ifNotCustomGutter}
  891. gutter: '0px',{/block:ifNotCustomGutter}
  892. {block:ifCustomGutter}
  893. gutter: {text:Gutter},{/block:ifCustomGutter}
  894. borderRadius: '0px',
  895. photoset: '.photo-slideshow',
  896. photoWrap: '.photo-data',
  897. photo: '.pxu-photo'
  898. });
  899.  
  900. {block:IndexPage}
  901.  
  902. var $container = $('.entries');
  903.  
  904. {block:ifInfiniteScroll}
  905. $container.infinitescroll({
  906. navSelector: '.pag',
  907. nextSelector: '.next',
  908. itemSelector: '.posts_hold',
  909. loadingImg : " ",
  910. bufferPx: 3000,
  911. errorCallback: function(){
  912. $('.more').text('no more posts');}
  913. },
  914. function( newElements ) {//m- from .css to )//
  915. var $newElems = $(newElements).css({ opacity: 0 });
  916. // ensure that images load before adding to masonry layout
  917. $newElems.imagesLoaded(function(){
  918. // show elems now they're ready
  919. $newElems.animate({opacity: 1});
  920. });
  921.  
  922. var $newElemsIDs = $newElems.map(function(){
  923. return this.id;
  924. }).get();
  925. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  926.  
  927. $( newElements ).find('.photo-slideshow').pxuPhotoset({
  928. lightbox: true,
  929. rounded: false,
  930. {block:ifNotCustomGutter}
  931. gutter: '0px',{/block:ifNotCustomGutter}
  932. {block:ifCustomGutter}
  933. gutter: {text:Gutter},{/block:ifCustomGutter}
  934. borderRadius: '0px',
  935. photoset: '.photo-slideshow',
  936. photoWrap: '.photo-data',
  937. photo: '.pxu-photo'
  938. });
  939.  
  940. $( newElements ).find(".myg").click(function(){
  941. $(this).find(".perma_hold").fadeToggle();
  942. });
  943.  
  944. $( newElements ).find('.soundcloud_audio_player').each(function(){
  945. $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: {select:Posts width} });
  946. });
  947.  
  948. resizeVideos();
  949. });
  950.  
  951. {block:ifManualLoad}
  952. // manual trigger //
  953. $(window).unbind('.infscr');
  954. $('.more').click(function(){
  955. $container.infinitescroll('retrieve');
  956. return false
  957. }); {/block:ifManualLoad}
  958.  
  959. {/block:ifInfiniteScroll}
  960. {/block:IndexPage}
  961.  
  962. });
  963. </script>
  964.  
  965.  
  966.  
  967. <a href="http://cathms.tumblr.com/" target="_blank" class="c">tc</a>
  968.  
  969. {block:IndexPage}{block:ifInfiniteScroll}<div class="scrollup"><a><i class="fa fa-chevron-up fa-2x"></i><br>scroll to top</a></div>{/block:ifInfiniteScroll}{/block:IndexPage}
  970.  
  971. </body>
  972. </html>
Advertisement
Add Comment
Please, Sign In to add comment