bridgetowakanda

Ross' Theme, Moving Text

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