API tools faq
paste
Advertisement
LiterallyMeg

tumblr v.3

LiterallyMeg
Sep 14th, 2016
205
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.16 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <!--
  6.  
  7. ==============================================
  8.  
  9. 「 CODES BY POHRORO 」
  10. @ http://pohroro.com
  11. Theme ▸ 001. Genesis (Comely I Revamp)
  12. Last Updated: 21 July 2016
  13.  
  14. ==============================================
  15.  
  16. -->
  17.  
  18. <title>{Title}</title>
  19. <link rel="shortcut icon" href="{Favicon}">
  20. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21.  
  22. <link href="https://fonts.googleapis.com/css?family=Karla:400,400italic,700,700italic|Old+Standard+TT:700|Lora:400,400italic,700,700italic" rel="stylesheet" type="text/css">
  23. <link href="https://static.tumblr.com/yzs4yqx/aSjo8f2eh/reset.css" rel="stylesheet" type="text/css">
  24. <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet">
  25. <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css">
  26.  
  27. <meta name="image:Background" content="">
  28. <meta name="image:Sidebar Image" content="http://static.tumblr.com/b892521fa3e4d35cabfb48f8d5b9ef53/yzs4yqx/lCpo94we4/tumblr_static_bgrlhydtn88c4s8sggc000wwg.png">
  29.  
  30. <meta name="color:Body Font" content="#606060">
  31. <meta name="color:Background" content="#F5F5F5">
  32. <meta name="color:Link" content="#FFD6DE">
  33. <meta name="color:Hover Link" content="#C1C1C1">
  34. <meta name="color:Top Bar" content="#FFFFFF">
  35. <meta name="color:Initial Background" content="#606060">
  36. <meta name="color:Title" content="#606060">
  37. <meta name="color:Border" content="#F1F1F1">
  38. <meta name="color:Navigation Link" content="#FFD6DE">
  39. <meta name="color:Sidebar Background" content="#FFFFFF">
  40. <meta name="color:Post Background" content="#FFFFFF">
  41.  
  42. <meta name="if:Infinite Scroll" content="1">
  43. <meta name="if:Multicolumn" content="1">
  44. <meta name="if:Show Top Bar" content="1">
  45. <meta name="if:Show Sidebar Image" content="1">
  46. <meta name="if:Show Sidebar Border" content="1">
  47. <meta name="if:Show Initial" content="1">
  48. <meta name="if:Show Post Border" content="1">
  49. <meta name="if:Show Captions" content="1">
  50. <meta name="if:Monochrome Posts" content="0">
  51. <meta name="if:Inverted Controls" content="1">
  52. <meta name="if:Custom Link Four" content="1">
  53. <meta name="if:Custom Link Five" content="1">
  54. <meta name="if:Custom Link Six" content="1">
  55.  
  56. <meta name="select:Post Size" content="200px" title="200px">
  57. <meta name="select:Post Size" content="250px" title="250px">
  58. <meta name="select:Post Size" content="300px" title="300px">
  59. <meta name="select:Post Size" content="400px" title="400px">
  60. <meta name="select:Post Size" content="500px" title="500px">
  61. <meta name="select:Post Size" content="540px" title="540px">
  62.  
  63. <meta name="select:Body Font Size" content="10px" title="10px">
  64. <meta name="select:Body Font Size" content="11px" title="11px">
  65. <meta name="select:Body Font Size" content="12px" title="12px">
  66. <meta name="select:Body Font Size" content="13px" title="13px">
  67.  
  68. <meta name="text:Title" content="Genesis">
  69. <meta name="text:Initial" content="G">
  70. <meta name="text:Link One" content="Link One">
  71. <meta name="text:Link One URL" content="Link One URL">
  72. <meta name="text:Link Two" content="Link Two">
  73. <meta name="text:Link Two URL" content="Link Two URL">
  74. <meta name="text:Link Three" content="Link Three">
  75. <meta name="text:Link Three URL" content="Link Three URL">
  76. <meta name="text:Link Four" content="Link Four">
  77. <meta name="text:Link Four URL" content="Link Four URL">
  78. <meta name="text:Link Five" content="Link Five">
  79. <meta name="text:Link Five URL" content="Link Five URL">
  80. <meta name="text:Link Six" content="Link Six">
  81. <meta name="text:Link Six URL" content="Link Six URL">
  82.  
  83. <style>
  84.  
  85. div#qTip {
  86. color: {color:Body Font};
  87. font: 7px/7px Karla;
  88. letter-spacing: 1px;
  89. text-align: center;
  90. text-transform: uppercase;
  91. background: {color:Post Background};
  92. display: none;
  93. max-width: 350px;
  94. position: absolute;
  95. text-align: justify;
  96. z-index: 99;
  97. padding: 4px 4px 3px 4px;
  98. margin: -5px 0 0 20px;
  99. border-radius: 2px;
  100. }
  101.  
  102. .tmblr-iframe {
  103. {block:IfInvertedControls}
  104. white-space: nowrap;
  105. -webkit-filter: invert(100%);
  106. filter: invert(100%);
  107. {block:IfInvertedControls}
  108. {block:IfShowTopBar}
  109. top: 18px !important;
  110. position: fixed !important;
  111. {/block:IfShowTopBar}
  112. }
  113.  
  114. body {
  115. font-family: Karla, Arial;
  116. color: {color:Body Font};
  117. font-size: {select:Body Font Size};
  118. background: {color:Background} url({image:Background});
  119. line-height: 16px;
  120. }
  121.  
  122. sub, sup, small {
  123. font-size: {select:Body Font Size};
  124. }
  125.  
  126. a {
  127. color: {color:Link};
  128. text-decoration: none;
  129. -webkit-transition: all 0.5s ease;
  130. transition: all 0.5s ease;
  131. }
  132.  
  133. a:hover {
  134. color: {color:Hover Link};
  135. -webkit-transition: all 0.5s ease;
  136. transition: all 0.5s ease;
  137. }
  138.  
  139. h1 {
  140. font: italic 14px/20px Lora;
  141. text-align: center;
  142. text-transform: lowercase;
  143. border-bottom: 1px solid {color:Border};
  144. {block:IfNotShowPostBorder}
  145. margin-top: 6px;
  146. {/block:IfNotShowPostBorder}
  147. padding-bottom: 5px;
  148. }
  149.  
  150. #top {
  151. top: 0;
  152. left: 0;
  153. width: 100%;
  154. height: 15px;
  155. background: {color:Top Bar};
  156. position: fixed;
  157. z-index: 9;
  158. }
  159.  
  160. #wrap {
  161. margin: 0 auto;
  162. position: absolute;
  163. left: 0;
  164. right: 0;
  165. padding-left: 80px;
  166. {block:IfMulticolumn}
  167. width: calc(({select:Post Size} * 2) + 80px {block:IfShowPostBorder}+ 60px{/block:IfShowPostBorder});
  168. {/block:IfMulticolumn}
  169. {block:IfNotMulticolumn}
  170. width: calc({select:Post Size} {block:IfShowPostBorder}+ 30px{/block:IfShowPostBorder});
  171. {/block:IfNotMulticolumn}
  172. }
  173.  
  174. #container {
  175. position: absolute;
  176. }
  177.  
  178. #entries {
  179. text-align: justify;
  180. position: relative;
  181. margin-top: 60px;
  182. margin-bottom: 60px;
  183. }
  184.  
  185. #sidebar {
  186. text-align: center;
  187. width: 190px;
  188. background: {color:Sidebar Background};
  189. top: 100px;
  190. position: fixed;
  191. {block:IfShowSidebarBorder}
  192. padding: 15px 15px 5px 15px;
  193. {/block:IfShowSidebarBorder}
  194. {block:IfShowPostBorder}
  195. {block:IfShowSidebarBorder}
  196. margin-left: -260px;
  197. {/block:IfShowSidebarBorder}
  198. {block:IfNotShowSidebarBorder}
  199. margin-left: -230px;
  200. {/block:IfNotShowSidebarBorder}
  201. {/block:IfShowPostBorder}
  202. {block:IfNotShowPostBorder}
  203. {block:IfShowSidebarBorder}
  204. margin-left: -260px;
  205. {/block:IfShowSidebarBorder}
  206. {block:IfNotShowSidebarBorder}
  207. margin-left: -230px;
  208. {/block:IfNotShowSidebarBorder}
  209. {/block:IfNotShowPostBorder}
  210. }
  211.  
  212. #image {
  213. width: 190px;
  214. height: 290px;
  215. background: url({image:Sidebar Image});
  216. background-size: 190px;
  217. }
  218.  
  219. #initial {
  220. background: {color:Initial Background};
  221. border-radius: 100%;
  222. height: 40px;
  223. width: 40px;
  224. line-height: 42px;
  225. position: absolute;
  226. font-weight: bold;
  227. font-family: Old Standard TT;
  228. display: block;
  229. font-size: 16px;
  230. color: #FFF;
  231. margin-left: 75px;
  232. {block:IfShowSidebarBorder}
  233. {block:IfShowSidebarImage}
  234. margin-top: -23px;
  235. {/block:IfShowSidebarImage}
  236. {block:IfNotShowSidebarImage}
  237. margin-top: -35px;
  238. {/block:IfNotShowSidebarImage}
  239. {/block:IfShowSidebarBorder}
  240. {block:IfNotShowSidebarBorder}
  241. margin-top: -23px;
  242. {/block:IfNotShowSidebarBorder}
  243. }
  244.  
  245. #sidebar h1 {
  246. border: 0;
  247. font: italic 20px/20px Lora;
  248. color: {color:Title};
  249. {block:IfShowInitial}
  250. {block:IfShowSidebarBorder}
  251. {block:IfShowSidebarImage}
  252. margin-top: 25px;
  253. {/block:IfShowSidebarImage}
  254. {block:IfNotShowSidebarImage}
  255. margin-top: 15px;
  256. {/block:IfNotShowSidebarImage}
  257. {/block:IfShowSidebarBorder}
  258. {block:IfNotShowSidebarBorder}
  259. margin-top: 23px;
  260. {/block:IfNotShowSidebarBorder}
  261. {/block:IfShowInitial}
  262. {block:IfNotShowInitial}
  263. {block:IfShowSidebarBorder}
  264. margin-top: 10px;
  265. {/block:IfShowSidebarBorder}
  266. {block:IfNotShowSidebarBorder}
  267. margin-top: 20px;
  268. {/block:IfNotShowSidebarBorder}
  269. {/block:IfNotShowInitial}
  270. margin-bottom: 5px;
  271. }
  272.  
  273. #links {
  274. text-align: center;
  275. font-style: italic;
  276. letter-spacing: 1px;
  277. text-transform: uppercase;
  278. font: bold 8px Karla;
  279. }
  280.  
  281. #links a {
  282. margin: 0 5px;
  283. color: {color:Navigation Link};
  284. }
  285.  
  286. .divider {
  287. width: 4px;
  288. height: 4px;
  289. display: inline-block;
  290. background: {color:Border};
  291. border-radius: 100%;
  292. }
  293.  
  294. #description {
  295. line-height: 19px;
  296. font-style: italic;
  297. {block:IfShowSidebarBorder}
  298. padding: 10px 0;
  299. {/block:IfShowSidebarBorder}
  300. {block:IfNotShowSidebarBorder}
  301. padding: 10px;
  302. {/block:IfNotShowSidebarBorder}
  303. }
  304.  
  305. nav {
  306. font: bold 7px/12px Old Standard TT;
  307. text-shadow: 0 0;
  308. letter-spacing: 0px;
  309. margin-top: 3px;
  310. padding: 12px 0;
  311. text-transform: uppercase;
  312. border-top: 1px solid {color:Border};
  313. {block:IfShowSidebarBorder}
  314. width: 190px;;
  315. {/block:IfShowSidebarBorder}
  316. {block:IfNotShowSidebarBorder}
  317. width: 160px;
  318. margin-left: 15px;
  319. {/block:IfNotShowSidebarBorder}
  320. }
  321.  
  322. nav a {
  323. color: {color:Navigation Link};
  324. padding: 0px 10px;
  325. }
  326.  
  327. .post {
  328. margin: 0 40px 40px 0;
  329. background: {color:Post Background};
  330. width: {select:Post Size};
  331. {block:IfShowPostBorder}
  332. padding: 15px 15px 0 15px;
  333. {/block:IfShowPostBorder}
  334. {block:IndexPage}
  335. {block:IfMulticolumn}
  336. opacity: 0;
  337. z-index: -1;
  338. {/block:IfMulticolumn}
  339. {/block:IndexPage}
  340. {block:PermalinkPage}
  341. width: 500px;
  342. {/block:PermalinkPage}
  343. }
  344.  
  345. .post img {
  346. max-width: 100%;
  347. height: auto;
  348. width: {select:Post Size};
  349. {block:IndexPage}
  350. {block:IfMonochromePosts}
  351. filter: gray;
  352. filter: grayscale(100%);
  353. -webkit-filter: grayscale(100%);
  354. -moz-filter: grayscale(100%);
  355. -ms-filter: grayscale(100%);
  356. -o-filter: grayscale(100%);
  357. {/block:IfMonochromePosts}
  358. {/block:IndexPage}
  359. {block:PermalinkPage}
  360. width: 500px;
  361. {/block:PermalinkPage}
  362. }
  363.  
  364. iframe.photoset {
  365. {block:IndexPage}
  366. {block:IfMonochromePosts}
  367. filter: gray;
  368. filter: grayscale(100%);
  369. -webkit-filter: grayscale(100%);
  370. -moz-filter: grayscale(100%);
  371. -ms-filter: grayscale(100%);
  372. -o-filter: grayscale(100%);
  373. {/block:IfMonochromePosts}
  374. {/block:IndexPage}
  375. }
  376.  
  377. .post blockquote {
  378. margin: 0;
  379. padding: 0;
  380. border-left: 1px solid {color:Border};
  381. padding-left: 10px;
  382. margin-left: 10px;
  383. }
  384.  
  385. .caption {
  386. {block:IfShowPostBorder}
  387. padding-bottom: 5px;
  388. {/block:IfShowPostBorder}
  389. {block:IfNotShowPostBorder}
  390. padding: 0 10px 5px 10px;
  391. {/block:IfNotShowPostBorder}
  392. border-bottom: 1px solid {color:Border};
  393. }
  394.  
  395. .caption p {
  396. margin: 7px 0;
  397. }
  398.  
  399. .photo {
  400. margin-bottom: -5px;
  401. }
  402.  
  403. .audio {
  404. border-bottom: 1px solid {color:Border};
  405. {block:IfShowPostBorder}
  406. padding-bottom: 10px;
  407. {/block:IfShowPostBorder}
  408. }
  409.  
  410. .player {
  411. width: 27px;
  412. height: 27px;
  413. opacity: 0.5;
  414. position: relative;
  415. line-height: 0;
  416. z-index: 1;
  417. overflow: hidden;
  418. margin-bottom: -27px;
  419. {block:IfShowPostBorder}
  420. left: 42px;
  421. top: 42px;
  422. {/block:IfShowPostBorder}
  423. {block:IfNotShowPostBorder}
  424. left: 28px;
  425. top: 28px;
  426. {/block:IfNotShowPostBorder}
  427. {block:PermalinkPage}
  428. {block:IfShowSidebarBorder}
  429. left: 61px;
  430. top: 41px;
  431. {/block:IfShowSidebarBorder}
  432. {block:IfNotShowSidebarBorder}
  433. left: 52px;
  434. top: 28px;
  435. {/block:IfNotShowSidebarBorder}
  436. {/block:PermalinkPage}
  437. }
  438.  
  439. .art {
  440. width: 80px;
  441. height: 80px;
  442. position: absolute;
  443. z-index: 0;
  444. }
  445.  
  446. .details {
  447. height: 55px;
  448. text-align: center;
  449. line-height: 15px;
  450. padding-top: 25px;
  451. margin-left: 80px;
  452. }
  453.  
  454. .title {
  455. font-family: Lora;
  456. font-style: italic;
  457. font-size: 12px;
  458. }
  459.  
  460. .quote {
  461. text-align: center;
  462. font-size: 13px;
  463. font-style: italic;
  464. {block:IfNotShowPostBorder}
  465. padding: 10px;
  466. {/block:IfNotShowPostBorder}
  467. }
  468.  
  469. .source {
  470. font-style: normal;
  471. font-size: {select:Body Font Size};
  472. }
  473.  
  474. .chat {
  475. {block:IfNotShowPostBorder}
  476. padding: 5px 10px;
  477. {/block:IfNotShowPostBorder}
  478. }
  479.  
  480. .asker {
  481. {block:IfNotShowPostBorder}
  482. padding-top: 10px;
  483. {/block:IfNotShowPostBorder}
  484. }
  485.  
  486. .asker h1 {
  487. text-align: left;
  488. margin: 0;
  489. padding-bottom: 10px;
  490. }
  491.  
  492. .asker .avatar img {
  493. width: 20px;
  494. height: 20px;
  495. border-radius: 100%;
  496. float: left;
  497. {block:IfShowPostBorder}
  498. margin-right: 7px;
  499. {/block:IfShowPostBorder}
  500. {block:IfNotShowPostBorder}
  501. margin: 0 7px 0 10px;
  502. {/block:IfNotShowPostBorder}
  503. }
  504.  
  505. .question {
  506. border-bottom: 1px solid {color:Border};
  507. margin-bottom: 10px;
  508. {block:IfShowPostBorder}
  509. padding: 10px 0;
  510. {/block:IfShowPostBorder}
  511. {block:IfNotShowPostBorder}
  512. padding: 10px;
  513. {/block:IfNotShowPostBorder}
  514. }
  515.  
  516. .permalink {
  517. font-size: 8px;
  518. letter-spacing: 1px;
  519. text-align: left;
  520. text-transform: uppercase;
  521. padding: 5px 0;
  522. {block:IfShowPostBorder}
  523. width: calc({select:Post Size});
  524. {/block:IfShowPostBorder}
  525. {block:IfNotShowPostBorder}
  526. width: calc({select:Post Size} - 20px);
  527. margin: 0 0 0 10px;
  528. {/block:IfNotShowPostBorder}
  529. {block:PermalinkPage}
  530. text-align: center;
  531. margin-top: 10px;
  532. width: 500px;
  533. {/block:PermalinkPage}
  534. }
  535.  
  536. .permalink a {
  537. color: {color:Body Font};
  538. }
  539.  
  540. .permalink svg {
  541. width: 10px;
  542. margin-top: 3px;
  543. position: absolute;
  544. }
  545.  
  546. .tags {
  547. float: right;
  548. }
  549.  
  550. .tags svg {
  551. {block:IfShowPostBorder}
  552. margin-left: -10px;
  553. {/block:IfShowPostBorder}
  554. {block:IfNotShowPostBorder}
  555. margin-left: -20px;
  556. {/block:IfNotShowPostBorder}
  557. width: 12px;
  558. margin-top: -19px;
  559. position: absolute;
  560. }
  561.  
  562. ol.notes {
  563. padding: 0px 15px;
  564. margin: 20px 0px;
  565. list-style-type: none;
  566. text-align: left;
  567. }
  568.  
  569. ol.notes li.note {
  570. margin-bottom: 10px;
  571. }
  572.  
  573. ol.notes li.note img.avatar {
  574. border-radius: 100%;
  575. vertical-align: -4px;
  576. margin-right: 10px;
  577. width: 16px;
  578. height: 16px;
  579. }
  580.  
  581. ol.notes a {
  582. font-weight: bold;
  583. }
  584.  
  585. .pagination {
  586. margin: 0 auto;
  587. letter-spacing: 1px;
  588. right: 0;
  589. left: 0;
  590. margin-bottom: 100px;
  591. text-align: center;
  592. position: relative;
  593. font-size: 8px;
  594. text-transform: uppercase;
  595. {block:IfMulticolumn}
  596. margin-left: 20px;
  597. width: calc((({select:Post Size} {block:IfShowPostBorder}+ 30px{/block:IfShowPostBorder}) * 2));
  598. {/block:IfMulticolumn}
  599. {block:IfNotMulticolumn}
  600. margin-left: 0px;
  601. width: calc({select:Post Size} {block:IfShowPostBorder}+ 30px{/block:IfShowPostBorder});
  602. {/block:IfNotMulticolumn}
  603. {block:IfInfiniteScroll}
  604. display: none;
  605. {/block:IfInfiniteScroll}
  606. }
  607.  
  608. .pagination a {
  609. background: {color:Post Background};
  610. color: {color:Body Font};
  611. padding: 6px 8px;
  612. -webkit-transition: all 0.5s ease;
  613. transition: all 0.5s ease;
  614. }
  615.  
  616. .pagination a:hover {
  617. background: {color:Initial Background};
  618. color: #FFF;
  619. -webkit-transition: all 0.5s ease;
  620. transition: all 0.5s ease;
  621. }
  622.  
  623. #c {
  624. width: 55px;
  625. height: 18px;
  626. right: 8px;
  627. text-transform: uppercase;
  628. text-align: center;
  629. bottom: 10px;
  630. letter-spacing: 1px;
  631. font: 7px/4px Arial;
  632. padding: 10px 3px;
  633. display: block;
  634. border: 1px solid {color:Border};
  635. background: {color:Post Background};
  636. border-radius: 3px;
  637. position: fixed;
  638. z-index: 999999999999999999999 !important;
  639. }
  640.  
  641. #c a {
  642. font: italic bold 15px/17px Times New Roman;
  643. text-transform: lowercase;
  644. letter-spacing: -1px;
  645. color: {color:Body Text};
  646. }
  647.  
  648. ::selection {
  649. background: {color:Link};
  650. color: #FFF;
  651. }
  652.  
  653. #infscr-loading {
  654. opacity: 0;
  655. line-height: 0px;
  656. }
  657.  
  658. </style>
  659. </head>
  660. <body>
  661.  
  662. {block:IfShowTopBar}<div id="top"></div>{/block:IfShowTopBar}
  663.  
  664. <div id="wrap">
  665.  
  666. <div id="sidebar">
  667. {block:IfShowSidebarImage}<div id="image"></div>{/block:IfShowSidebarImage}
  668. {block:IfShowInitial}<div id="initial">{text:Initial}</div>{/block:IfShowInitial}
  669. <a href="/"><h1>{text:Title}</h1></a>
  670.  
  671. <div id="links">
  672. <a href="/">Index</a>
  673. <div class="divider"></div>
  674. <a href="/ask">Ask</a>
  675. <div class="divider"></div>
  676. <a href="/archive">Archive</a>
  677. </div>
  678.  
  679. <div id="description">{Description}</div>
  680.  
  681. <nav>
  682. <a href="{text:Link One URL}" title="{text:Link One}">I.</a>
  683. <a href="{text:Link Two URL}" title="{text:Link Two}">II.</a>
  684. <a href="{text:Link Three URL}" title="{text:Link Three}">III.</a>
  685. {block:IfCustomLinkFour}<a href="{text:Link Four URL}" title="{text:Link Four}">IV.</a>{/block:IfCustomLinkFour}
  686. {block:IfCustomLinkFive}<a href="{text:Link Five URL}" title="{text:Link Five}">V.</a>{/block:IfCustomLinkFive}
  687. {block:IfCustomLinkSix}<a href="{text:Link Six URL}" title="{text:Link Six}">VI.</a>{/block:IfCustomLinkSix}
  688. </nav>
  689.  
  690. </div>
  691.  
  692. <div id="container">
  693. <div id="entries">
  694.  
  695. {block:Posts}
  696. <div class="post">
  697. {block:Text}
  698. {block:Title}<h1>{Title}</h1>{/block:Title}
  699. <div class="caption">{Body}</div>
  700. {/block:Text}
  701.  
  702. {block:Photo}
  703. <div class="photo">
  704. {LinkOpenTag}
  705. <img src="{PhotoURL-HighRes}" width="100%">{LinkCloseTag}</div>
  706. {block:IfShowCaptions}
  707. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  708. {/block:IfShowCaptions}
  709. {/block:Photo}
  710.  
  711. {block:Photoset}
  712. <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>
  713. {block:IfShowCaptions}
  714. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  715. {/block:IfShowCaptions}
  716. {/block:Photoset}
  717.  
  718. {block:Quote}
  719. <div class="quote">
  720. {Quote}<br>
  721. {block:Source}<span class="source">&#8212; {Source}</span>{/block:Source}
  722. </div>
  723. {/block:Quote}
  724.  
  725. {block:Link}
  726. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  727. {block:Description}{Description}{/block:Description}
  728. {/block:Link}
  729.  
  730. {block:Chat}
  731. {block:Title}<h1>{Title}</h1>{/block:Title}
  732. {block:Lines}
  733. {block:Label}<b>{Label}</b>{/block:Label}
  734. {Line}<br>
  735. {/block:Lines}
  736. {/block:Chat}
  737.  
  738. {block:Audio}
  739. <div class="audio">
  740. <div class="player">{AudioPlayerGrey}</div>
  741. <div class="art">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  742. <div class="details">
  743. {block:TrackName}<span class="title">{TrackName}</span>{/block:TrackName}<br>
  744. by {block:Artist}<span class="artist">{Artist}</span>{/block:Artist}</div>
  745. </div>
  746. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  747. {/block:Audio}
  748.  
  749. {block:Video}
  750. <div class="video">{Video-500}</div>
  751. {block:IfShowCaptions}
  752. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  753. {/block:IfShowCaptions}
  754. {/block:Video}
  755.  
  756. {block:ReblogParent}
  757. <!--{SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  758. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  759. {/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  760. {/block:ReblogParent}
  761.  
  762. {block:Answer}
  763. <div class="asker">
  764. <div class="avatar"><img src="{AskerPortraitURL-24}"></div>
  765. <h1>{Asker} asked:</h1></div>
  766. <div class="question">{Question}</div>
  767. <div class="caption">{Answer}</div>
  768. {/block:Answer}
  769.  
  770. <div class="permalink">
  771. {block:PermalinkPage}
  772. {block:Date}<b>Posted:</b> {DayOfMonthWithZero} {Month} {Year}{block:NoteCount} with {NoteCountWithLabel}{/block:NoteCount}<br>{/block:Date}
  773. {block:RebloggedFrom}<b>Via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a>,
  774. <b>Source:</b> <a href="{ReblogRootURL}">{ReblogRootName}</a><br>{/block:RebloggedFrom}
  775. {block:HasTags}<b>Tagged:</b> {block:Tags}#{Tag} {/block:Tags}{/block:HasTags}
  776. {/block:PermalinkPage}
  777.  
  778. {block:IndexPage}
  779. {block:Date}
  780. <a href="{ReblogURL}" title="Reblog" target="_blank">
  781. <svg id="Layer_1" version="1.1" viewbox="0 0 216 216" x="0px" xmlns=
  782. "http://www.w3.org/2000/svg" y="0px"><path d="M108.7,159.2c-22.3,0-42.4-14.9-48.8-36.2c-1-3.2-4.3-5-7.5-4c-3.2,1-5,4.3-4,7.5c8.1,26.8,32.3,44.7,60.3,44.7 c34.7,0,63-28.3,63-63c0-34.7-28.3-63-63-63c-19.7,0-38.2,9.4-50,24.6l-2.5-19.8c-0.4-3.3-3.4-5.6-6.7-5.2c-3.3,0.4-5.6,3.4-5.2,6.7 L49,88.1c0.4,3,3,5.2,5.9,5.2c0.2,0,0.5,0,0.7,0l36.2-4.1c3.3-0.4,5.7-3.3,5.3-6.6s-3.3-5.7-6.6-5.3L66.2,80 c9.4-14.1,25.3-22.8,42.5-22.8c28.1,0,51,22.9,51,51S136.8,159.2,108.7,159.2z"></path>
  783. </svg></a>&nbsp;&nbsp;&nbsp;&nbsp;
  784.  
  785. <a href="{Permalink}" title="{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}">{TimeAgo}</a>
  786. {/block:Date}
  787. </div>
  788.  
  789. {block:HasTags}
  790. <div class="tags">
  791. <a href="{TagURL}" title="{block:Tags}#{Tag} {/block:Tags}"><svg id="Layer_1" version="1.1" viewbox="0 0 216 216" x="0px" xmlns=
  792. "http://www.w3.org/2000/svg" y="0px"><path d="M95.2,186C95.3,186,95.3,186,95.2,186c1.7,0,3.2-0.6,4.3-1.7l64.8-66.7c2.3-2.4,2.3-6.1-0.1-8.4L94.7,39.7 c-1.1-1.1-2.7-1.7-4.2-1.7c0,0,0,0,0,0l-67.1,0.1c-3.3,0-6,2.6-6,5.9L17,109.9c0,1.6,0.6,3.2,1.8,4.3l72.3,70.2 C92.2,185.5,93.7,186,95.2,186z M29.4,50L88,49.8l63.6,63.6l-56.5,58.2L29,107.4L29.4,50z M200.3,110.2c2.3,2.3,2.3,6,0,8.4 l-64.8,66.8c-1.2,1.2-2.7,1.8-4.3,1.8c-1.5,0-3-0.6-4.2-1.7c-2.4-2.3-2.4-6.1-0.1-8.5l60.7-62.6L130.2,56c-2.3-2.4-2.3-6.2,0.1-8.5 c2.4-2.3,6.2-2.3,8.5,0.1L200.3,110.2z M67.1,77.7c0,4.6-3.8,8.4-8.4,8.4s-8.4-3.8-8.4-8.4c0-4.6,3.8-8.4,8.4-8.4 S67.1,73.1,67.1,77.7z"></path></svg></a>
  793. </div>
  794. {/block:HasTags}
  795. {/block:IndexPage}
  796.  
  797. {block:PostNotes}{PostNotes}{/block:PostNotes}
  798. </div>
  799. {/block:Posts}
  800. </div>
  801.  
  802. {block:IfMulticolumn}</div>{/block:IfMulticolumn}
  803.  
  804. {block:Pagination}
  805. <div class="pagination">
  806.  
  807. {block:PreviousPage}
  808. <a href="{PreviousPage}" style="margin-right: 10px;">Back</a>
  809. {/block:PreviousPage}
  810.  
  811. {block:NextPage}
  812. <a href="{NextPage}">Next</a>
  813. {/block:NextPage}
  814. </div>
  815. {/block:Pagination}
  816.  
  817. <div id="c">Codes by<br><a href="http://pohroro.com">Pohroro</a></div>
  818.  
  819. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  820. <script src="https://static.tumblr.com/yzs4yqx/BV3o343ow/smoothscroll.min.js"></script>
  821. <script src="https://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  822. <script src="https://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  823. <script src="https://static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  824. {block:IndexPage}
  825. {block:IfMulticolumn}
  826. <script src="https://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  827. {/block:IfMulticolumn}
  828. {block:IfInfiniteScroll}
  829. <script src="https://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  830. {/block:IfInfiniteScroll}
  831. {/block:IndexPage}
  832.  
  833. <script>
  834.  
  835. $(document).ready(function(){
  836. $('.photo-slideshow').pxuPhotoset({
  837. lightbox: true,
  838. rounded: false,
  839. gutter: '3px',
  840. photoset: '.photo-slideshow',
  841. photoWrap: '.photo-data',
  842. photo: '.pxu-photo'
  843. });
  844.  
  845. {block:IndexPage}
  846. var $container = $('#container');
  847.  
  848. {block:IfMulticolumn}
  849. $container.masonry({ itemSelector: '.post' });
  850. $container.imagesLoaded(function(){
  851. $container.masonry();
  852. $container.find('.post').animate({ opacity: 1, zIndex: 1 });
  853. });
  854. {/block:IfMulticolumn}
  855.  
  856. {block:IfInfiniteScroll}
  857. $container.infinitescroll({
  858. itemSelector: '.post',
  859. navSelector: '.pagination',
  860. nextSelector: '.pagination a',
  861. loadingImg: '',
  862. loadingText: '<em></em>',
  863. bufferPx: 2000
  864. },
  865.  
  866. function( newElements ) {
  867. var $newElems = $( newElements );
  868. $newElems.find('.photo-slideshow').pxuPhotoset({
  869. lightbox: true,
  870. rounded: false,
  871. gutter: '3px',
  872. photoset: '.photo-slideshow',
  873. photoWrap: '.photo-data',
  874. photo: '.pxu-photo'
  875. },
  876.  
  877. function(){
  878. resizeVideos();
  879. {block:IfMulticolumn}
  880. },
  881.  
  882. function(){
  883. $container.masonry();
  884. });
  885.  
  886. $newElems.imagesLoaded(function(){
  887. $container.masonry( 'appended', $newElems );
  888. $newElems.animate({ opacity: 1, zIndex: 1 });
  889. {/block:IfMulticolumn}
  890. });
  891. });
  892. {/block:IfInfiniteScroll}
  893. {/block:IndexPage}
  894.  
  895. });
  896. </script>
  897.  
  898. </body>
  899. </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!