API tools faq
paste
Advertisement
bridgetowakanda

captmrca theme - simple

bridgetowakanda
May 25th, 2019
133
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 25.27 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. ==============================================
  8.  
  9.  
  10. 「 CODES BY POHRORO 」
  11. @ pohroro.com
  12. Theme ▸ Genesis (Revamped)
  13. v1.4.5 | Updated: 10/07/18
  14.  
  15. +
  16.  
  17. Sidebar Image:
  18. monoka.tumblr.com/post/86552594719
  19.  
  20.  
  21. Infinite Scroll, Masonry, Video Resize,
  22. PXU Photoset, Reblog & Like Buttons:
  23. shythemes.tumblr.com
  24.  
  25. Modified PXU Photoset:
  26. bychloethemes.tumblr.com
  27.  
  28. Masonry Fade Effect:
  29. blog.innove.it/index.php/2011/08/
  30. jquery-masonry-with-fade-effect
  31.  
  32.  
  33. ==============================================
  34.  
  35. -->
  36.  
  37. <title>{Title}
  38. {block:SearchPage} — Results for '{SearchQuery}'{/block:SearchPage}
  39. {block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  40. <link rel="shortcut icon" href="{Favicon}">
  41. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  42. <meta name="viewport" content="width=device-width, initial-scale=1">
  43. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  44.  
  45. <link href="https://fonts.googleapis.com/css?family=Karla:400,400i,700,700i|Old+Standard+TT:700|Lora:400,400i,700,700i" rel="stylesheet">
  46. <link href="https://static.tumblr.com/yzs4yqx/3O6p0jbhf/base.css" rel="stylesheet">
  47. <link href="https://static.tumblr.com/yzs4yqx/OXRokx2wl/pxu-photoset.css" rel="stylesheet">
  48.  
  49. <meta name="image:Background" content="">
  50. <meta name="image:Sidebar Image" content="http://static.tumblr.com/b892521fa3e4d35cabfb48f8d5b9ef53/yzs4yqx/lCpo94we4/tumblr_static_bgrlhydtn88c4s8sggc000wwg.png">
  51.  
  52. <meta name="color:Body Font" content="#606060">
  53. <meta name="color:Background" content="#f5f5f5">
  54. <meta name="color:Link" content="#ffd6de">
  55. <meta name="color:Hover Link" content="#c1c1c1">
  56. <meta name="color:Top Bar" content="#ffffff">
  57. <meta name="color:Initial Background" content="#606060">
  58. <meta name="color:Title" content="#606060">
  59. <meta name="color:Border" content="#f1f1f1">
  60. <meta name="color:Navigation Link" content="#ffd6de">
  61. <meta name="color:Sidebar Background" content="#ffffff">
  62. <meta name="color:Post Background" content="#ffffff">
  63.  
  64. <meta name="if:Infinite Scroll" content="0">
  65. <meta name="if:Show Top Bar" content="1">
  66. <meta name="if:Show Sidebar Image" content="1">
  67. <meta name="if:Show Sidebar Border" content="1">
  68. <meta name="if:Show Initial" content="1">
  69. <meta name="if:Show Post Border" content="1">
  70. <meta name="if:Show Captions" content="1">
  71. <meta name="if:Show Tags" content="1">
  72. <meta name="if:Monochrome Posts" content="0">
  73. <meta name="if:Inverted Controls" content="1">
  74. <meta name="if:Fade In Effect" content="1">
  75.  
  76. <meta name="select:Columns" content="1" title="1">
  77. <meta name="select:Columns" content="2" title="2">
  78.  
  79. <meta name="select:Post Size" content="200px" title="200px">
  80. <meta name="select:Post Size" content="250px" title="250px">
  81. <meta name="select:Post Size" content="300px" title="300px">
  82. <meta name="select:Post Size" content="400px" title="400px">
  83. <meta name="select:Post Size" content="500px" title="500px">
  84. <meta name="select:Post Size" content="540px" title="540px">
  85.  
  86. <meta name="select:Body Font Size" content="10px" title="10px">
  87. <meta name="select:Body Font Size" content="11px" title="11px">
  88. <meta name="select:Body Font Size" content="12px" title="12px">
  89. <meta name="select:Body Font Size" content="13px" title="13px">
  90.  
  91. <meta name="text:Title" content="Genesis">
  92. <meta name="text:Initial" content="G">
  93. <meta name="text:Link One" content="Link One">
  94. <meta name="text:Link One URL" content="Link One URL">
  95. <meta name="text:Link Two" content="Link Two">
  96. <meta name="text:Link Two URL" content="Link Two URL">
  97. <meta name="text:Link Three" content="Link Three">
  98. <meta name="text:Link Three URL" content="Link Three URL">
  99. <meta name="text:Link Four" content="">
  100. <meta name="text:Link Four URL" content="">
  101. <meta name="text:Link Five" content="">
  102. <meta name="text:Link Five URL" content="">
  103. <meta name="text:Link Six" content="">
  104. <meta name="text:Link Six URL" content="">
  105. <meta name="text:Post Margin" content="20px">
  106.  
  107. <style>
  108.  
  109. @-webkit-keyframes fadein {
  110. 0% { opacity: 0; }
  111. 100% { opacity: 1; }
  112. }
  113.  
  114. @keyframes fadein {
  115. 0% { opacity: 0; }
  116. 100% { opacity: 1; }
  117. }
  118.  
  119. div#qTip {
  120. color: {color:Body Font};
  121. font: 7px/7px Karla;
  122. letter-spacing: 1px;
  123. text-align: center;
  124. text-transform: uppercase;
  125. background: {color:Post Background};
  126. display: none;
  127. max-width: 350px;
  128. position: absolute;
  129. text-align: justify;
  130. z-index: 99;
  131. padding: 4px 4px 3px 4px;
  132. margin: -5px 0 0 20px;
  133. border-radius: 2px;
  134. }
  135.  
  136. .tmblr-iframe {
  137. {block:IfInvertedControls}
  138. white-space: nowrap;
  139. -webkit-filter: invert(100%);
  140. filter: invert(100%);
  141. {/block:IfInvertedControls}
  142. {block:IfShowTopBar}
  143. top: 18px !important;
  144. position: fixed !important;
  145. {/block:IfShowTopBar}
  146. opacity: 0.6;
  147. -webkit-transform: scale(0.6, 0.6);
  148. transform: scale(0.6, 0.6);
  149. -webkit-transform-origin: right top;
  150. transform-origin: right top;
  151. }
  152.  
  153. body {
  154. font-family: Karla;
  155. color: {color:Body Font};
  156. font-size: {select:Body Font Size};
  157. background: {color:Background} url({image:Background}) fixed;
  158. line-height: calc(1.5em + ({select:Body Font Size} / 2));
  159. {select:Background Type}
  160. {block:IfFadeInEffect}
  161. -webkit-animation: fadein 0.8s;
  162. animation: fadein 0.8s;
  163. {/block:IfFadeInEffect}
  164. }
  165.  
  166. a {
  167. color: {color:Link};
  168. }
  169.  
  170. a:hover {
  171. color: {color:Hover Link};
  172. }
  173.  
  174. h1 {
  175. font: italic 14px/20px Lora;
  176. text-align: center;
  177. text-transform: lowercase;
  178. border-bottom: 1px solid {color:Border};
  179. {block:IfNotShowPostBorder}
  180. margin-top: 6px;
  181. {/block:IfNotShowPostBorder}
  182. padding-bottom: 5px;
  183. }
  184.  
  185. #top {
  186. top: 0;
  187. left: 0;
  188. width: 100%;
  189. height: 15px;
  190. background: {color:Top Bar};
  191. position: fixed;
  192. z-index: 9;
  193. }
  194.  
  195. #container {
  196. width: calc({select:Post Size} * {select:Columns} + ({select:Columns} * {text:Post Margin}){block:IfShowPostBorder} + 100px{/block:IfShowPostBorder} + 320px);
  197. margin: 0 auto;
  198. position: absolute;
  199. left: 0;
  200. right: 0;
  201. }
  202.  
  203. #padding {
  204. background: {color:Post Background};
  205. }
  206.  
  207. #padding a {
  208. color: {color:Link};
  209. }
  210.  
  211. #entries {
  212. text-align: justify;
  213. position: relative;
  214. margin-top: 60px;
  215. margin-bottom: 60px;
  216. margin-left: 280px;
  217. {block:IndexPage}
  218. {/block:IndexPage}
  219. {block:PermalinkPage}
  220. width: 500px;
  221. {/block:PermalinkPage}
  222. }
  223.  
  224. #sidebar {
  225. text-align: center;
  226. width: 190px;
  227. background: {color:Sidebar Background};
  228. top: calc(50%{block:IfShowTopBar} + 15px{/block:IfShowTopBar});
  229. transform: translateY(-50%);
  230. position: fixed;
  231. {block:IfShowSidebarBorder}
  232. padding: 15px 15px 5px 15px;
  233. {/block:IfShowSidebarBorder}
  234. }
  235.  
  236. #image {
  237. width: 190px;
  238. height: 290px;
  239. background: url({image:Sidebar Image});
  240. background-size: 190px;
  241. }
  242.  
  243. #initial {
  244. background: {color:Initial Background};
  245. border-radius: 100%;
  246. height: 40px;
  247. width: 40px;
  248. line-height: 42px;
  249. position: absolute;
  250. font-weight: bold;
  251. font-family: Old Standard TT;
  252. display: block;
  253. font-size: 16px;
  254. color: #fff;
  255. margin-left: 75px;
  256. {block:IfShowSidebarBorder}
  257. {block:IfShowSidebarImage}
  258. margin-top: -23px;
  259. {/block:IfShowSidebarImage}
  260. {block:IfNotShowSidebarImage}
  261. margin-top: -35px;
  262. {/block:IfNotShowSidebarImage}
  263. {/block:IfShowSidebarBorder}
  264. {block:IfNotShowSidebarBorder}
  265. margin-top: -23px;
  266. {/block:IfNotShowSidebarBorder}
  267. }
  268.  
  269. #sidebar h1 {
  270. border: 0;
  271. font: italic 20px/20px Lora;
  272. color: {color:Title};
  273. {block:IfShowInitial}
  274. {block:IfShowSidebarBorder}
  275. {block:IfShowSidebarImage}
  276. margin-top: 25px;
  277. {/block:IfShowSidebarImage}
  278. {block:IfNotShowSidebarImage}
  279. margin-top: 15px;
  280. {/block:IfNotShowSidebarImage}
  281. {/block:IfShowSidebarBorder}
  282. {block:IfNotShowSidebarBorder}
  283. margin-top: 23px;
  284. {/block:IfNotShowSidebarBorder}
  285. {/block:IfShowInitial}
  286. {block:IfNotShowInitial}
  287. {block:IfShowSidebarBorder}
  288. margin-top: 10px;
  289. {/block:IfShowSidebarBorder}
  290. {block:IfNotShowSidebarBorder}
  291. margin-top: 20px;
  292. {/block:IfNotShowSidebarBorder}
  293. {/block:IfNotShowInitial}
  294. margin-bottom: 5px;
  295. }
  296.  
  297. #links {
  298. text-align: center;
  299. font-style: italic;
  300. letter-spacing: 1px;
  301. text-transform: uppercase;
  302. font: bold 8px Karla;
  303. }
  304.  
  305. #links a {
  306. margin: 0 5px;
  307. color: {color:Navigation Link};
  308. }
  309.  
  310. .divider {
  311. width: 4px;
  312. height: 4px;
  313. display: inline-block;
  314. background: {color:Border};
  315. border-radius: 100%;
  316. }
  317.  
  318. #description {
  319. line-height: 19px;
  320. font-style: italic;
  321. {block:IfShowSidebarBorder}
  322. padding: 10px 0;
  323. {/block:IfShowSidebarBorder}
  324. {block:IfNotShowSidebarBorder}
  325. padding: 10px;
  326. {/block:IfNotShowSidebarBorder}
  327. }
  328.  
  329. nav {
  330. font: bold 7px/12px Old Standard TT;
  331. text-shadow: 0 0;
  332. letter-spacing: 0px;
  333. margin-top: 3px;
  334. padding: 12px 0;
  335. text-transform: uppercase;
  336. border-top: 1px solid {color:Border};
  337. {block:IfShowSidebarBorder}
  338. width: 190px;
  339. {/block:IfShowSidebarBorder}
  340. {block:IfNotShowSidebarBorder}
  341. width: 160px;
  342. margin-left: 15px;
  343. {/block:IfNotShowSidebarBorder}
  344. }
  345.  
  346. nav a {
  347. color: {color:Navigation Link};
  348. padding: 0px 10px;
  349. }
  350.  
  351. {block:IfFadeInEffect}
  352. .masonry {
  353. -webkit-transition-property: height, width;
  354. transition-property: height, width;
  355. -webkit-transition-duration: 0.2s;
  356. transition-duration: 0.2s;
  357. }
  358.  
  359. .masonry .masonry-brick {
  360. -webkit-transition-duration: 1s;
  361. transition-duration: 1s;
  362. }
  363.  
  364. .item.masonry-brick {
  365. opacity: 1;
  366. -webkit-transition-property: opacity;
  367. transition-property: opacity;
  368. }
  369. {/block:IfFadeInEffect}
  370.  
  371. .post {
  372. background: {color:Post Background};
  373. width: {select:Post Size};
  374. {block:IfShowPostBorder}
  375. padding: 15px 15px 0 15px;
  376. {/block:IfShowPostBorder}
  377. {block:IndexPage}
  378. width: {select:Post Size};
  379. margin: 0 {text:Post Margin} {block:IfNotShowTags}calc({text:Post Margin} * 2){block:IfNotShowTags} {block:IfShowTags}calc({text:Post Margin} * 3){/block:IfShowTags};
  380. opacity: 0;
  381. z-index: -1;
  382. {/block:IndexPage}
  383. {block:PermalinkPage}
  384. margin: 0 auto;
  385. width: 540px;
  386. {block:IfFadeInEffect}
  387. -webkit-animation: fadein 1s;
  388. animation: fadein 1s;
  389. {/block:IfFadeInEffect}
  390. {/block:PermalinkPage}
  391. }
  392.  
  393. .post img {
  394. max-width: 100%;
  395. height: auto;
  396. {block:IndexPage}
  397. {block:IfMonochromePosts}
  398. filter: grayscale(100%);
  399. -webkit-filter: grayscale(100%);
  400. {/block:IfMonochromePosts}
  401. {/block:IndexPage}
  402. }
  403.  
  404. .post ul,
  405. .post li {
  406. padding: 0;
  407. margin-left: 30px;
  408. }
  409.  
  410. iframe.photoset {
  411. {block:IndexPage}
  412. {block:IfMonochromePosts}
  413. filter: gray;
  414. filter: grayscale(100%);
  415. -webkit-filter: grayscale(100%);
  416. -moz-filter: grayscale(100%);
  417. -ms-filter: grayscale(100%);
  418. -o-filter: grayscale(100%);
  419. {/block:IfMonochromePosts}
  420. {/block:IndexPage}
  421. }
  422.  
  423. .post blockquote {
  424. margin: 0;
  425. padding: 0;
  426. border-left: 1px solid {color:Border};
  427. padding-left: 10px;
  428. margin-left: 10px;
  429. }
  430.  
  431. .caption {
  432. {block:IfShowPostBorder}
  433. padding-bottom: 5px;
  434. {/block:IfShowPostBorder}
  435. {block:IfNotShowPostBorder}
  436. padding: 0 10px 5px 10px;
  437. {/block:IfNotShowPostBorder}
  438. border-bottom: 1px solid {color:Border};
  439. }
  440.  
  441. .caption p {
  442. margin: 7px 0;
  443. }
  444.  
  445. .audio {
  446. border-bottom: 1px solid {color:Border};
  447. {block:IfShowPostBorder}
  448. padding-bottom: 10px;
  449. {/block:IfShowPostBorder}
  450. }
  451.  
  452. .player {
  453. width: 27px;
  454. height: 27px;
  455. opacity: 0.5;
  456. position: relative;
  457. line-height: 0;
  458. z-index: 1;
  459. overflow: hidden;
  460. margin-bottom: -27px;
  461. left: 26px;
  462. top: 28px;
  463. }
  464.  
  465. .art {
  466. width: 80px;
  467. height: 80px;
  468. position: absolute;
  469. z-index: 0;
  470. }
  471.  
  472. .details {
  473. height: 55px;
  474. text-align: center;
  475. line-height: 15px;
  476. padding-top: 25px;
  477. margin-left: 80px;
  478. }
  479.  
  480. .title {
  481. font-family: Lora;
  482. font-style: italic;
  483. font-size: 12px;
  484. }
  485.  
  486. .quote {
  487. text-align: center;
  488. font-size: 13px;
  489. font-style: italic;
  490. {block:IfNotShowPostBorder}
  491. padding: 10px;
  492. {/block:IfNotShowPostBorder}
  493. }
  494.  
  495. .source {
  496. font-style: normal;
  497. font-size: {select:Body Font Size};
  498. }
  499.  
  500. .chat {
  501. {block:IfNotShowPostBorder}
  502. padding: 5px 10px;
  503. {/block:IfNotShowPostBorder}
  504. }
  505.  
  506. .asker {
  507. {block:IfNotShowPostBorder}
  508. padding-top: 10px;
  509. {/block:IfNotShowPostBorder}
  510. }
  511.  
  512. .asker h1 {
  513. text-align: left;
  514. margin: 0;
  515. padding-bottom: 10px;
  516. }
  517.  
  518. .asker .avatar img {
  519. width: 20px;
  520. height: 20px;
  521. border-radius: 100%;
  522. float: left;
  523. {block:IfShowPostBorder}
  524. margin-right: 7px;
  525. {/block:IfShowPostBorder}
  526. {block:IfNotShowPostBorder}
  527. margin: 0 7px 0 10px;
  528. {/block:IfNotShowPostBorder}
  529. }
  530.  
  531. .question {
  532. border-bottom: 1px solid {color:Border};
  533. margin-bottom: 10px;
  534. {block:IfShowPostBorder}
  535. padding: 10px 0;
  536. {/block:IfShowPostBorder}
  537. {block:IfNotShowPostBorder}
  538. padding: 10px;
  539. {/block:IfNotShowPostBorder}
  540. }
  541.  
  542. .permalink {
  543. font-size: 8px;
  544. letter-spacing: 1px;
  545. text-align: left;
  546. text-transform: uppercase;
  547. padding: 5px 0;
  548. {block:IfShowPostBorder}
  549. width: calc({select:Post Size});
  550. {/block:IfShowPostBorder}
  551. {block:IfNotShowPostBorder}
  552. width: calc({select:Post Size} - 20px);
  553. margin: 0 0 0 10px;
  554. {/block:IfNotShowPostBorder}
  555. {block:PermalinkPage}
  556. text-align: center;
  557. margin-top: 10px;
  558. width: 500px;
  559. {/block:PermalinkPage}
  560. }
  561.  
  562. .permalink a,
  563. .tags a {
  564. color: {color:Body Font};
  565. }
  566.  
  567. .controls {
  568. float: right;
  569. margin-top: 2px;
  570. }
  571.  
  572. .controls svg {
  573. width: 8px;
  574. overflow: visible;
  575. display: inline-block;
  576. border-radius: 100%;
  577. fill: {color:Body Font};
  578. text-shadow: 0 0;
  579. margin-left: 4px;
  580. margin-bottom: 1px;
  581. }
  582.  
  583. .controls a {
  584. position: relative;
  585. border-radius: 100%;
  586. display: inline-block;
  587. }
  588.  
  589. .controls .reblog svg {
  590. width: 7px;
  591. margin-bottom: 1px;
  592. display: inline-block;
  593. }
  594.  
  595. .controls .like .liked + svg path {
  596. fill: {color:Accent};
  597. }
  598.  
  599. .controls .like .like_button iframe {
  600. position: absolute;
  601. top: 0;
  602. left: 0;
  603. bottom: 0;
  604. right: 0;
  605. opacity: 0;
  606. z-index: 2;
  607. }
  608.  
  609. .tags {
  610. width: {select:Post Size};
  611. position: absolute;
  612. text-align: center;
  613. text-transform: uppercase;
  614. margin-top: 6px;
  615. font-size: 8px;
  616. letter-spacing: 1px;
  617. word-wrap: break-word;
  618. }
  619.  
  620. .tags a:not(:last-of-type) {
  621. margin-right: 3px;
  622. }
  623.  
  624. ol.notes {
  625. padding: 0px 15px;
  626. margin: 20px 0px;
  627. list-style-type: none;
  628. text-align: left;
  629. }
  630.  
  631. ol.notes li.note {
  632. margin-bottom: 10px;
  633. }
  634.  
  635. ol.notes li.note img.avatar {
  636. border-radius: 100%;
  637. vertical-align: -4px;
  638. margin-right: 10px;
  639. width: 16px;
  640. height: 16px;
  641. }
  642.  
  643. ol.notes a {
  644. font-weight: bold;
  645. }
  646.  
  647. .pagination {
  648. letter-spacing: 1px;
  649. text-align: center;
  650. position: fixed;
  651. font-size: 8px;
  652. margin-top: 40px;
  653. width: 190px;
  654. text-transform: uppercase;
  655. {block:IfInfiniteScroll}
  656. display: none;
  657. {/block:IfInfiniteScroll}
  658. }
  659.  
  660. .pagination a {
  661. background: {color:Post Background};
  662. color: {color:Body Font};
  663. padding: 6px 8px;
  664. }
  665.  
  666. .pagination a:hover {
  667. background: {color:Initial Background};
  668. color: #fff;
  669. }
  670.  
  671. ::selection {
  672. background: {color:Link};
  673. color: #fff;
  674. }
  675.  
  676. #infscr-loading {
  677. opacity: 0;
  678. line-height: 0px;
  679. }
  680.  
  681. </style>
  682. </head>
  683. <body>
  684.  
  685. {block:IfShowTopBar}<div id="top"></div>{/block:IfShowTopBar}
  686.  
  687. <div id="container">
  688.  
  689. <div id="sidebar">
  690. {block:IfShowSidebarImage}<div id="image"></div>{/block:IfShowSidebarImage}
  691. {block:IfShowInitial}<div id="initial">{text:Initial}</div>{/block:IfShowInitial}
  692. <a href="/"><h1>{text:Title}</h1></a>
  693.  
  694. <div id="links">
  695. <a href="/">Index</a>
  696. <div class="divider"></div>
  697. <a href="/ask">Ask</a>
  698. <div class="divider"></div>
  699. <a href="/archive">Archive</a>
  700. </div>
  701.  
  702. <div id="description">{Description}</div>
  703.  
  704. <nav>
  705. {block:IfLinkOne}<a href="{text:Link One URL}" title="{text:Link One}">I.</a>{/block:IfLinkOne}
  706. {block:IfLinkTwo}<a href="{text:Link Two URL}" title="{text:Link Two}">II.</a>{/block:IfLinkTwo}
  707. {block:IfLinkThree}<a href="{text:Link Three URL}" title="{text:Link Three}">III.</a>{/block:IfLinkThree}
  708. {block:IfLinkFour}<a href="{text:Link Four URL}" title="{text:Link Four}">IV.</a>{/block:IfLinkFour}
  709. {block:IfLinkFive}<a href="{text:Link Five URL}" title="{text:Link Five}">V.</a>{/block:IfLinkFive}
  710. {block:IfLinkSix}<a href="{text:Link Six URL}" title="{text:Link Six}">VI.</a>{/block:IfLinkSix}
  711. </nav>
  712.  
  713. {block:Pagination}
  714. <div class="pagination">
  715. {block:PreviousPage}
  716. <a href="{PreviousPage}" style="margin-right: 10px;">Back</a>
  717. {/block:PreviousPage}
  718. {block:NextPage}
  719. <a href="{NextPage}">Next</a>
  720. {/block:NextPage}
  721. </div>
  722. {/block:Pagination}
  723.  
  724. </div>
  725.  
  726. <div id="entries">
  727. <div id="padding"></div>
  728. {block:Posts}
  729. <div class="post">
  730. {block:Text}
  731. {block:Title}<h1>{Title}</h1>{/block:Title}
  732. <div class="caption">{Body}</div>
  733. {/block:Text}
  734.  
  735. {block:Photo}
  736. <div class="media">{LinkOpenTag}<img src="{PhotoURL-HighRes}" width="100%">{LinkCloseTag}</div>
  737. {/block:Photo}
  738.  
  739. {block:Photoset}
  740. <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>
  741. {/block:Photoset}
  742.  
  743. {block:Quote}
  744. <div class="quote">
  745. {Quote}<br>
  746. {block:Source}<span class="source">&#8212; {Source}</span>{/block:Source}
  747. </div>
  748. {/block:Quote}
  749.  
  750. {block:Link}
  751. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  752. {block:Description}{Description}{/block:Description}
  753. {/block:Link}
  754.  
  755. {block:Chat}
  756. {block:Title}<h1>{Title}</h1>{/block:Title}
  757. {block:Lines}
  758. {block:Label}<b>{Label}</b>{/block:Label}
  759. {Line}<br>
  760. {/block:Lines}
  761. {/block:Chat}
  762.  
  763. {block:Audio}
  764. <div class="audio">
  765. <div class="player">{AudioPlayerWhite}</div>
  766. <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  767. <div class="details">
  768. {block:TrackName}<span class="title">{TrackName}</span>{/block:TrackName}<br>
  769. {block:Artist}<span class="artist">{Artist}</span>{/block:Artist}</div>
  770. </div>
  771. {/block:Audio}
  772.  
  773. {block:Video}
  774. <div class="media video">{Video-500}</div>
  775. {/block:Video}
  776.  
  777. {block:ReblogParent}
  778. <!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  779. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  780. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  781. {/block:ReblogParent}
  782.  
  783. {block:Answer}
  784. <div class="asker">
  785. <div class="avatar"><img src="{AskerPortraitURL-24}"></div>
  786. <h1>{Asker} asked:</h1></div>
  787. <div class="question">{Question}</div>
  788. <div class="caption">{Answer}</div>
  789. {/block:Answer}
  790.  
  791. {block:IfShowCaptions}
  792. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  793. {/block:IfShowCaptions}
  794.  
  795. <div class="permalink">
  796. {block:PermalinkPage}
  797. {block:Date}<b>Posted:</b> {DayOfMonthWithZero} {Month} {Year}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}<br>{/block:Date}
  798. {block:RebloggedFrom}<b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>,
  799. <b>Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a><br>{/block:RebloggedFrom}
  800. {block:HasTags}<b>Tagged:</b> {block:Tags}#{Tag} {/block:Tags}{/block:HasTags}
  801. {/block:PermalinkPage}
  802.  
  803. {block:IndexPage}
  804. {block:Date}
  805. <a href="{Permalink}" title="{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}">{TimeAgo}</a>
  806.  
  807. <div class="controls">
  808. <a href="{ReblogURL}" target="_blank" class="reblog" title="Reblog">
  809. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333 c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5 s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733 C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617 c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6 c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"></g></g></svg>
  810. </a>
  811. <a href="#" class="like" title="Like">{LikeButton}
  812. <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95 c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1 c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1 c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4 c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5 c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767 c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45 c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"></g></g></svg>
  813. </a>
  814. </div>
  815.  
  816. {/block:Date}
  817. </div>
  818. {/block:IndexPage}
  819.  
  820. {block:PostNotes}{PostNotes}{/block:PostNotes}
  821.  
  822. {block:IndexPage}
  823. {block:HasTags}
  824. {block:IfShowTags}
  825. <div class="tags">{block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>
  826. {/block:IfShowTags}
  827. {/block:HasTags}
  828. {/block:IndexPage}
  829.  
  830. </div>
  831.  
  832. {/block:Posts}
  833. </div>
  834. </div>
  835.  
  836. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
  837. <script src="https://static.tumblr.com/yzs4yqx/lOsokx99u/smoothscroll.min.js"></script>
  838. <script src="https://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  839. <script src="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  840. <script src="https://static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  841.  
  842. {block:IndexPage}
  843. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  844. <script src="https://static.tumblr.com/kmw8hta/Ghmoy15ke/imagesloaded.pkgd.min.js"></script>
  845. {block:IfInfiniteScroll}
  846. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  847. {/block:IfInfiniteScroll}
  848. {/block:IndexPage}
  849.  
  850. <script>
  851. $(document).ready(function() {
  852. $('.photo-slideshow').pxuPhotoset({
  853. lightbox: true,
  854. rounded: false,
  855. gutter: '3px',
  856. photoset: '.photo-slideshow',
  857. photoWrap: '.photo-data',
  858. photo: '.pxu-photo'
  859. });
  860. {block:IndexPage}
  861. var $container = $('#entries');
  862. $container.imagesLoaded(function() {
  863. $container.masonry({
  864. itemSelector: '.post'
  865. });
  866. $container.find('.post').animate({
  867. opacity: 1,
  868. zIndex: 1
  869. });
  870. });
  871.  
  872. {block:IfInfiniteScroll}
  873. $container.infinitescroll({
  874. itemSelector: '.post',
  875. navSelector: '.pagination',
  876. nextSelector: '.pagination a',
  877. loadingImg: '',
  878. loadingText: '<em></em>',
  879. bufferPx: 3000
  880. },
  881. function( newElements ) {
  882. var $newElems = $( newElements );
  883. var $newElemsIDs = $newElems.map(function() {
  884. return this.id;
  885. }).get();
  886. Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  887. $newElems.find('.photo-slideshow').pxuPhotoset({
  888. lightbox: true,
  889. rounded: false,
  890. gutter: '3px',
  891. photoset: '.photo-slideshow',
  892. photoWrap: '.photo-data',
  893. photo: '.pxu-photo'
  894. });
  895. $newElems.find('.video').each(function() {
  896. resizeVideos();
  897. });
  898. $newElems.imagesLoaded(function() {
  899. $container.masonry('appended', $newElems);
  900. $newElems.animate({
  901. opacity: 1,
  902. zIndex: 1
  903. });
  904. });
  905. });
  906. {/block:IfInfiniteScroll}
  907. {/block:IndexPage}
  908. });
  909. </script>
  910.  
  911. </body>
  912. </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!