Advertisement
Dhauxae

tumblr theme

May 19th, 2019
143
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 40.73 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--
  5.  
  6. theme: Picture Flex
  7. version: 4.0.3 (April 27, 2019)
  8. from: adorablethemes.com
  9.  
  10. credits:
  11.  
  12. Font Awesome 4.7.0 (fontawesome.com)
  13. imagesLoaded 4.1.4 (imagesloaded.desandro.com)
  14. Infinite Scroll (infinite-scroll.com)
  15. jQuery 3.3.1 (jquery.com)
  16. Masonry 4.2.2 (masonry.desandro.com)
  17.  
  18. -->
  19. <meta charset="UTF-8">
  20.  
  21. <title>{block:SearchPage}{lang:Search results for SearchQuery} - {/block:SearchPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}</title>
  22. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  23.  
  24. <link rel="shortcut icon" href="{Favicon}">
  25. <link rel="apple-touch-icon" href="{PortraitURL-512}">
  26. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  27.  
  28. <meta name="viewport" content="width=520">
  29. <meta name="theme-color" content="{color:Header}">
  30.  
  31. {block:Hidden}
  32. <meta name="image:Background" content="">
  33.  
  34. <meta name="select:Font" content="sans-serif" title="sans-serif">
  35. <meta name="select:Font" content="serif" title="serif">
  36. <meta name="select:Font" content="monospace" title="monospace">
  37. <meta name="select:Font" content="comic-sans" title="comic sans">
  38.  
  39. <meta name="select:Background Image Style" content="tile" title="tile">
  40. <meta name="select:Background Image Style" content="cover" title="cover">
  41. <meta name="select:Background Image Style" content="center" title="center">
  42.  
  43. <meta name="color:Background" content="#111111">
  44. <meta name="color:Header" content="#222222">
  45. <meta name="color:Header Link Bar" content="#222222">
  46. <meta name="color:Header Links" content="#cccccc">
  47. <meta name="color:Title" content="#cccccc">
  48. <meta name="color:Description" content="#cccccc">
  49. <meta name="color:Post Background" content="#222222">
  50. <meta name="color:Post Text" content="#cccccc">
  51. <meta name="color:Post Links" content="#FFE033">
  52.  
  53. <meta name="text:Google Analytics ID" content="">
  54. <meta name="text:Custom Ask Page Text" content="">
  55.  
  56. <meta name="if:Show Archive Link" content="1">
  57. <meta name="if:Show Random Link" content="0">
  58. <meta name="if:Show Header Navbar" content="1">
  59. <meta name="if:Index Photo Captions" content="0">
  60. <meta name="if:Index Video Captions" content="1">
  61. <meta name="if:Infinite Scrolling" content="1">
  62. <meta name="if:Collapse Photosets" content="1">
  63. {/block:Hidden}
  64.  
  65. <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
  66.  
  67. <style type="text/css">
  68. body {
  69. color: {color:Post Text};
  70. background-color: {color:Background};
  71. {block:IfBackgroundImage}background-image: url('{image:Background}');{/block:IfBackgroundImage}
  72. background-position: center center;
  73. background-attachment: fixed;
  74. font-family: Helvetica, Arial, sans-serif;
  75. margin: 0;
  76. padding: 0;
  77. }
  78.  
  79. #posts {
  80. margin-bottom: 80px;
  81. -webkit-transition: opacity 0.1s linear;
  82. transition: opacity 0.1s linear;
  83. }
  84. .wrapper {
  85. margin: 4px auto;
  86. }
  87. .main {
  88. float: left;
  89. }
  90. .wrapper, .main {
  91. width: 504px;
  92. }
  93. header, .header-navbar {
  94. width: 502px;
  95. }
  96.  
  97. @media screen and (min-width:1012px) {
  98. .wrapper, .main {
  99. width: 1008px;
  100. }
  101. header, .header-navbar {
  102. width: 1004px;
  103. }
  104. }
  105. {block:IndexPage}
  106. @media screen and (min-width:1516px) {
  107. .wrapper, .main {
  108. width: 1512px;
  109. }
  110. header, .header-navbar {
  111. width: 1508px;
  112. }
  113. }
  114. @media screen and (min-width:2020px) {
  115. .wrapper, .main {
  116. width: 2016px;
  117. }
  118. header, .header-navbar {
  119. width: 2012px;
  120. }
  121. }
  122. @media screen and (min-width:2524px) {
  123. .wrapper, .main {
  124. width: 2520px;
  125. }
  126. header, .header-navbar {
  127. width: 2516px;
  128. }
  129. }
  130. {/block:IndexPage}
  131.  
  132. /* Background and header image settings */
  133. .background-cover {
  134. background-position: center center;
  135. background-size: cover;
  136. }
  137. .background-tile {
  138. background-repeat: repeat;
  139. }
  140. .background-center {
  141. background-position: center center;
  142. background-repeat: no-repeat;
  143. }
  144.  
  145. /* Font settings */
  146. body.font-sans-serif {
  147. font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  148. }
  149. body.font-serif {
  150. font-family: Georgia, 'Liberation Serif', serif;
  151. }
  152. body.font-monospace {
  153. font-family: Consolas, Menlo, Monaco, monospace;
  154. }
  155. body.font-comic-sans {
  156. font-family: 'Comic Sans MS', 'Comic Sans', Chalkboard, sans-serif;
  157. }
  158.  
  159. a, a:hover {
  160. text-decoration: none;
  161. }
  162.  
  163. h1,h2,h3,h4,h5,h6 {
  164. font-weight: normal;
  165. }
  166.  
  167. .blog-title, .blog-title:hover {
  168. color: {color:Title};
  169. font-family: {TitleFont};
  170. font-weight: {TitleFontWeight};
  171. font-size: 36px;
  172. text-decoration: none;
  173. margin-top: 0;
  174. margin-bottom: 0;
  175. }
  176. .blog-description {
  177. color: {color:Description};
  178. font-size: 13px;
  179. margin: 12px auto;
  180. width: 75%;
  181. }
  182.  
  183. ul {
  184. list-style-type: none;
  185. padding-left: 0;
  186. }
  187.  
  188. header {
  189. text-align: center;
  190. background-color: {color:Header};
  191. margin: 0 auto;
  192. padding: 25px 0;
  193. }
  194. .blog-description a, .blog-description a:hover {
  195. color: {color:Description};
  196. text-decoration: underline;
  197. }
  198. .blog-description a:hover {
  199. background-color: rgba({RGBcolor:Description},0.25);
  200. }
  201. .header-navbar {
  202. background-color: {color:Header Link Bar};
  203. text-align: center;
  204. clear: both;
  205. margin: 0 auto;
  206. }
  207. ul.header-links {
  208. margin: 0 auto;
  209. }
  210. ul.header-links li {
  211. text-align: center;
  212. display: inline-block;
  213. padding: 15px 10px;
  214. -webkit-transition: background-color 0.05s linear;
  215. transition: background-color 0.05s linear;
  216. }
  217. ul.header-links li:hover {
  218. background-color: rgba({RGBcolor:Header Links},0.1);
  219. }
  220. .header-link {
  221. font-size: 11px;
  222. text-transform: uppercase;
  223. color: {color:Header Links};
  224. }
  225. nav {
  226. padding: 7px;
  227. clear: both;
  228. }
  229.  
  230. .search-info {
  231. background-color: {color:Post Background};
  232. margin-bottom: 4px;
  233. margin-left: 2px;
  234. margin-right: 2px;
  235. overflow: hidden;
  236. text-align: center;
  237. }
  238.  
  239. .post {
  240. width: 500px;
  241. position: relative;
  242. float: left;
  243. background-color: {color:Post Background};
  244. margin-bottom: 4px;
  245. margin-left: 2px;
  246. margin-right: 2px;
  247. overflow: hidden;
  248. }
  249. @media screen and (min-width:1008px) {
  250. .post.page {
  251. width: 1004px;
  252. }
  253. }
  254.  
  255.  
  256. .post-section {
  257. padding: 10px 20px;
  258. font-size: 14px;
  259. line-height: 140%;
  260. }
  261.  
  262. .post a, .post a:hover {
  263. color: {color:Post Links};
  264. text-decoration: none;
  265. }
  266. .post-section a:hover {
  267. background-color: rgba({RGBcolor:Post Links},0.25);
  268. }
  269. .post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
  270. color: {color:Post Text};
  271. font-size: 18px;
  272. }
  273. .post p {
  274. font-size: 13px;
  275. line-height: 150%;
  276. }
  277. .post ul {
  278. list-style-type: square;
  279. font-size: 13px;
  280. padding-left: 20px;
  281. }
  282. .post ol {
  283. font-size: 13px;
  284. padding-left: 20px;
  285. }
  286. .post blockquote {
  287. font-size: 13px;
  288. padding: 0 8px;
  289. margin: 16px 0;
  290. font-style: italic;
  291. background: rgba({RGBcolor:Post Text}, 0.025);
  292. border: 1px solid rgba({RGBcolor:Post Text}, 0.05);
  293. }
  294. .post figure {
  295. margin: 0;
  296. }
  297. .quote-text {
  298. font-family: Georgia, serif;
  299. font-style: italic;
  300. }
  301.  
  302. .post-section img {
  303. max-width: 100%;
  304. height: auto;
  305. }
  306.  
  307. .photo-post-photo {
  308. max-width: 500px;
  309. width: 100%;
  310. height: 100%;
  311. display: block;
  312. }
  313. figure.photo-content {
  314. margin: 0 auto;
  315. }
  316.  
  317. ul.chat {
  318. list-style-type: none;
  319. padding-left: 0;
  320. }
  321.  
  322. .chat li {
  323. padding-top: 5px;
  324. padding-bottom: 5px;
  325. border-bottom: 1px solid rgba({RGBcolor:Post Text},0.05);
  326. }
  327.  
  328. .chat li:last-child {
  329. border-bottom: none;
  330. }
  331.  
  332. .chat-label {
  333. font-weight: bold;
  334. }
  335.  
  336. .link-info p {
  337. font-size: 11px !important;
  338. }
  339.  
  340. .post-meta {
  341. font-size: 13px;
  342. padding: 10px 20px;
  343. line-height: 15px;
  344. font-style: normal;
  345. min-height: 16px;
  346. border-top: 1px solid rgba({RGBcolor:Post Text},0.1);
  347. }
  348. .post-share {
  349. border-top: 0;
  350. }
  351. .post-tags {
  352. border-top: 0;
  353. }
  354. .share-item {
  355. margin-right: 15px;
  356. }
  357. .share-item .fa {
  358. margin-right: 2px;
  359. }
  360.  
  361. .tag:before {
  362. content: "#";
  363. }
  364. .clear {
  365. clear: both;
  366. }
  367.  
  368. ol.notes {
  369. list-style-type: none;
  370. padding-left: 0;
  371. }
  372. .note {
  373. padding: 5px 0;
  374. }
  375. .note:last-child {
  376. margin-bottom: 10px;
  377. }
  378.  
  379. .post .post-index-meta {
  380. width: 460px;
  381. font-size: 14px;
  382. line-height: 30px;
  383. font-weight: normal;
  384. padding-left: 20px;
  385. padding-right: 20px;
  386. }
  387. .post-index-meta a {
  388. color: rgba({RGBcolor:Post Text}, 0.5);
  389. }
  390. .post-index-meta a:hover {
  391. color: rgba({RGBcolor:Post Text}, 0.75);
  392. }
  393. .note-count {
  394. font-size: 11px;
  395. }
  396.  
  397. {block:IfNotIndexPhotoCaptions}
  398. .photo .post-index-meta {
  399. display: none;
  400. }
  401.  
  402. .photo-hover {
  403. position: absolute;
  404. top: 0;
  405. left: 0;
  406. width: 100%;
  407. height: 100%;
  408. padding: 0;
  409. font-size: 11px;
  410. line-height: 30px;
  411. font-weight: normal;
  412. background: rgba(0,0,0,0);
  413. border-top: 0;
  414. z-index: 100;
  415. opacity: 0;
  416. transition: all 0.15s ease-in-out;
  417. }
  418. .photo:hover .photo-hover {
  419. background: rgba(0,0,0,0.6);
  420. opacity: 1;
  421. }
  422. .photo-hover a {
  423. font-size: 17px;
  424. color: white;
  425. text-shadow: 1px 2px 5px rgba(0,0,0,0.5);
  426. background: rgba(0,0,0,0.25);
  427. border: 1px solid rgba(255,255,255,0.05);
  428. padding: 10px;
  429. }
  430. .photo-hover a:hover {
  431. color: white;
  432. background: rgba(0,0,0,0.5);
  433. border: 1px solid rgba(255,255,255,0.25);
  434. }
  435.  
  436. .photo-hover .inside {
  437. text-align: center;
  438. position: absolute;
  439. top: 50%;
  440. width: 100%;
  441. margin-top: -25px;
  442. }
  443.  
  444. .inside .note-count {
  445. font-size: 11px;
  446. background: transparent;
  447. border: 0;
  448. }
  449. .inside .note-count:hover {
  450. background: transparent;
  451. border: 0;
  452. }
  453. .touch .photo-hover {
  454. display: none;
  455. }
  456. {/block:IfNotIndexPhotoCaptions}
  457.  
  458. .has-lightbox {
  459. cursor: pointer;
  460. }
  461.  
  462. /* Remove blank space from bottom of iframes */
  463. .post iframe, figure img {
  464. display: block;
  465. max-width: 100%;
  466. }
  467. figure img {
  468. height: auto;
  469. }
  470.  
  471. .tumblr_video_iframe {
  472. max-height: 540px;
  473. }
  474.  
  475. .post hr {
  476. clear: both;
  477. border: 0;
  478. border-bottom: 1px solid rgba(0,0,0,0.07);
  479. }
  480.  
  481. .post .asker-avatar, .post .reblog-avatar, .note img.avatar {
  482. width: 16px;
  483. height: 16px;
  484. vertical-align: middle;
  485. border-radius: 2px;
  486. margin-right: 8px;
  487. }
  488.  
  489. /* Note icons */
  490. .note.like:after {
  491. content: '\f004';
  492. font-family: FontAwesome;
  493. font-size: 10px;
  494. float: right;
  495. margin-top: -16px;
  496. color: rgba({RGBcolor:Post Text},0.6);
  497. }
  498. .note.reblog:after {
  499. content: '\f079';
  500. font-family: FontAwesome;
  501. font-size: 10px;
  502. float: right;
  503. margin-top: -16px;
  504. color: rgba({RGBcolor:Post Text},0.6);
  505. }
  506. .note.reply:after {
  507. content: '\f075';
  508. font-family: FontAwesome;
  509. font-size: 10px;
  510. float: right;
  511. margin-top: -16px;
  512. color: rgba({RGBcolor:Post Text},0.6);
  513. }
  514. .note.answer:after {
  515. content: '\f112';
  516. font-family: FontAwesome;
  517. font-size: 10px;
  518. float: right;
  519. margin-top: -16px;
  520. color: rgba({RGBcolor:Post Text},0.6);
  521. }
  522.  
  523. .note blockquote {
  524. border: 0;
  525. background: transparent;
  526. border-left: 2px solid {color:Post Text};
  527. }
  528.  
  529. /* Pagination */
  530. .pagination {
  531. clear: both;
  532. text-align: center;
  533. margin: 0 auto;
  534. margin-bottom: 80px;
  535. }
  536. #previous, #next, .page-info {
  537. font-size: 11px;
  538. text-transform: uppercase;
  539. background-color: {color:Post Background};
  540. color: rgba({RGBcolor:Post Text},0.75);
  541. padding: 10px 15px;
  542. }
  543. #previous:hover, #next:hover {
  544. color: {color:Post Text};
  545. }
  546. .align-left {
  547. text-align: left;
  548. }
  549. .align-right {
  550. text-align: right;
  551. }
  552. .span33 {
  553. width: 33.33%;
  554. float: left;
  555. min-height: 1px;
  556. }
  557. {block:IfInfiniteScrolling}
  558. .page-1 .pagination {
  559. display: none;
  560. }
  561. {/block:IfInfiniteScrolling}
  562.  
  563. /* Infinite scroll loading indicator */
  564. #loading {
  565. background-color: {color:Post Background};
  566. color: {color:Post Text};
  567. box-shadow: 0px 0px 45px rgba(0,0,0,0.12);
  568. padding: 20px;
  569. position: fixed;
  570. top: 49%;
  571. left: 49%;
  572. z-index: 999;
  573. margin-top: -30px;
  574. margin-left: -30px;
  575. }
  576. .loaded {
  577. display: none;
  578. }
  579.  
  580. /* Back-to-top button */
  581. .back-to-top {
  582. display: none;
  583. background-color: {color:Post Background};
  584. color: {color:Post Text};
  585. position: fixed;
  586. bottom: 12px;
  587. right: 12px;
  588. z-index: 101;
  589. padding: 5px 10px;
  590. cursor: pointer;
  591. }
  592.  
  593. /* Only show first photoset photo */
  594. .index-page .photoset-container figure {
  595. display: none;
  596. }
  597. {block:IfCollapsePhotosets}
  598. .index-page .photoset-container figure:first-child {
  599. display: block;
  600. }
  601. {/block:IfCollapsePhotosets}
  602.  
  603. /* Keep reading link arrow */
  604. a.read_more:after {
  605. content: " \2192";
  606. }
  607.  
  608. /* Hide posts before they load */
  609. .posts-hidden {
  610. opacity: 0.01;
  611. }
  612.  
  613. {block:IfCollapsePhotosets}
  614. /* Indicator for photosets */
  615. .photoset-note {
  616. position: absolute;
  617. {block:IfNotIndexPhotoCaptions}
  618. bottom: 10px;
  619. {/block:IfNotIndexPhotoCaptions}
  620. {block:IfIndexPhotoCaptions}
  621. top: 10px;
  622. {/block:IfIndexPhotoCaptions}
  623. left: 10px;
  624. background-color: black;
  625. background-color: rgba(0,0,0,0.33);
  626. text-shadow: 1px 1px 1px rgba(0,0,0,0.66);
  627. color: white;
  628. font-size: 11px;
  629. font-weight: bold;
  630. padding: 7px 10px;
  631. }
  632. {/block:IfCollapsePhotosets}
  633. {block:IfNotCollapsePhotosets}
  634. .photoset-note {
  635. display: none;
  636. }
  637. {/block:IfNotCollapsePhotosets}
  638.  
  639. /* Media player sizing */
  640. .index-page iframe.instagram-media {
  641. height: 540px;
  642. margin-bottom: 0 !important;
  643. }
  644.  
  645. a.reblog-username, a.reblog-username:hover, .asker a, .asker a:hover, .answerer- a, .answerer a:hover {
  646. color: {color:Post Text};
  647. }
  648.  
  649. .tmblr-iframe--app-cta-button {
  650. display: none !important;
  651. }
  652.  
  653. /* Clearfix */
  654. .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
  655. .clearfix:after { clear: both; }
  656. .clearfix { zoom: 1; }
  657.  
  658. /* Remove border on linked images in IE */
  659. a img {
  660. border: 0;
  661. }
  662.  
  663. p.npf_quirky {
  664. font-size: 24px;
  665. line-height: 1.3em;
  666. }
  667. div.npf_row {
  668. max-width: 100%;
  669. height: auto !important;
  670. display: flex;
  671. margin: 0 !important;
  672. }
  673. div.npf_row figure.tmblr-full {
  674. flex: 1;
  675. justify-content: space-between;
  676. margin: 0 !important;
  677. }
  678. div.npf_row figure.tmblr-full:first-child {
  679. padding-right: 2px;
  680. }
  681. .npf-link-block a {
  682. text-decoration: none !important;
  683. }
  684. .index-page .npf-link-block .poster {
  685. height: 150px;
  686. }
  687. .index-page .npf-link-block .title {
  688. font-size: 15px;
  689. line-height: 23px;
  690. max-height: 100px;
  691. }
  692. .post-section figure video, .post-section figure audio {
  693. max-width: 100%;
  694. }
  695. .post-section {
  696. border-bottom: 1px solid rgba({RGBcolor:Post Text},0.07);
  697. }
  698. .post-section:last-child {
  699. border-bottom: 0;
  700. }
  701. p.tmblr-attribution {
  702. font-size: 10px;
  703. }
  704.  
  705. {block:IfNotIndexPhotoCaptions}
  706. .index-page .photo .post-section {
  707. display: none;
  708. }
  709. {/block:IfNotIndexPhotoCaptions}
  710. {block:IfNotIndexVideoCaptions}
  711. .index-page .video .post-section {
  712. display: none;
  713. }
  714. {/block:IfNotIndexVideoCaptions}
  715.  
  716. {CustomCSS}
  717. </style>
  718.  
  719. <script type="text/javascript">
  720. var copycat = {{block:IfInfiniteScrolling}infScroll: true,{/block:IfInfiniteScrolling}{block:IfNotInfiniteScrolling}infScroll: false,{/block:IfNotInfiniteScrolling} {block:IndexPage}indexPage: true{/block:IndexPage}{block:PermalinkPage}indexPage: false{/block:PermalinkPage}, prefill: false};
  721. </script>
  722. <noscript><style>.posts-hidden {opacity: 1;} #loading {display: none;}{block:IfInfiniteScrolling}.page-1 .pagination { display: block !important; }{/block:IfInfiniteScrolling}</style></noscript>
  723. </head>
  724. <body class="{block:IndexPage}index-page page-{CurrentPage}{/block:IndexPage}{block:PermalinkPage}permalink-page{/block:PermalinkPage} font-{select:Font} background-{select:Background Image Style} no-touch">
  725.  
  726. {block:IndexPage}
  727. <div id="backToTop" class="back-to-top" title="Back to top">
  728. <i class="fa fa-2x fa-angle-up"></i>
  729. </div>
  730. <div id="loading"><i class="fa fa-lg fa-circle-o-notch fa-spin"></i></div>
  731. {/block:IndexPage}
  732.  
  733. <header class="header clearfix">
  734.  
  735. <div class="header-content">
  736.  
  737. {block:ShowTitle}
  738. <a href="/"><h1 class="blog-title">{Title}</h1></a>
  739. {/block:ShowTitle}
  740.  
  741. {block:ShowDescription}
  742. <div class="blog-description">{Description}</div>
  743. {/block:ShowDescription}
  744.  
  745. </div>
  746.  
  747. </header>
  748.  
  749. {block:IfShowHeaderNavbar}
  750. <div class="header-navbar">
  751. <ul class="header-links">
  752. <a class="header-link" href="/"><li>{lang:Home}</li></a>
  753. {block:IfShowArchiveLink}<a class="header-link" href="/archive"><li>{lang:Archive}</li></a>{/block:IfShowArchiveLink}
  754. {block:IfShowRandomLink}<a class="header-link" href="/random"><li>{lang:Random}</li></a>{/block:IfShowRandomLink}
  755. {block:AskEnabled}<a class="header-link" href="/ask"><li>{AskLabel}</li></a>{/block:AskEnabled}
  756. {block:SubmissionsEnabled}<a class="header-link" href="/submit"><li>{SubmitLabel}</li></a>{/block:SubmissionsEnabled}
  757. {block:HasPages}
  758. {block:Pages}<a class="header-link" href="{URL}"><li>{Label}</li></a>{/block:Pages}
  759. {/block:HasPages}
  760. <a class="header-link" target="_blank" href="https://adorablethemes.com/"><li>Theme</li></a>
  761. </ul>
  762. </div>
  763. {/block:IfShowHeaderNavbar}
  764.  
  765. <div id="wrapper" class="wrapper">
  766.  
  767. <div class="main">
  768.  
  769. {block:SearchPage}
  770. {block:SearchResults}
  771. <div class="search-info">
  772. <div class="post-section">
  773. <h2>{lang:SearchResultCount results for SearchQuery 2}</h2>
  774. </div>
  775. </div>
  776. {/block:SearchResults}
  777.  
  778. {block:NoSearchResults}
  779. <div class="search-info">
  780. <div class="post-section">
  781. <h2>{lang:No search results for SearchQuery 2}</h2>
  782. </div>
  783. </div>
  784. {/block:NoSearchResults}
  785. {/block:SearchPage}
  786.  
  787. {block:TagPage}
  788. <div class="search-info">
  789. <div class="post-section">
  790. <h2>#{Tag}</h2>
  791. </div>
  792. </div>
  793. {/block:TagPage}
  794.  
  795. <div id="posts"{block:IndexPage} class="posts-hidden"{/block:IndexPage}>
  796.  
  797. {block:Posts inlineMediaWidth="460" inlineNestedMediaWidth="460"}
  798. <article id="post_{PostID}" class="post {PostType}{block:PermalinkPage} {block:Date}not-{/block:Date}page{/block:PermalinkPage}{block:Photoset} photoset{/block:Photoset}">
  799.  
  800. {block:Text}
  801.  
  802. {block:Title}<div class="post-section"><h2>{Title}</h2></div>{/block:Title}
  803.  
  804. {block:NotReblog}
  805. <div class="post-section">
  806. {block:IfCustomAskPageText}{block:AskPage}<p>{text:Custom Ask Page Text}</p>{/block:AskPage}{/block:IfCustomAskPageText}
  807. {Body}
  808. </div>
  809. {/block:NotReblog}
  810. {block:RebloggedFrom}
  811. {block:Reblogs}
  812. <div class="post-section">
  813. <p><img class="reblog-avatar" src="{PortraitURL-64}">
  814. {block:IsActive}<a class="reblog-username" target="_blank" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  815. {block:IsDeactivated}<b class="reblog-username">{Username}</b>{/block:IsDeactivated}
  816. </p>
  817. {Body}
  818. </div>
  819. {/block:Reblogs}
  820. {/block:RebloggedFrom}
  821.  
  822. {/block:Text}
  823.  
  824.  
  825. {block:Answer}
  826. <div class="post-section">
  827. <p class="asker"><img class="asker-avatar" src="{AskerPortraitURL-64}" /> <b>{lang:Asker asked 2}</b></p><p>{Question}</p>
  828.  
  829. </div>
  830.  
  831. {block:Answerer}
  832. <div class="post-section">
  833. <p class="answerer-"><img class="asker-avatar" src="{AnswererPortraitURL-64}" /> <b>{Answerer}</b></p>
  834.  
  835. {Answer}
  836.  
  837. </div>
  838. {/block:Answerer}
  839.  
  840. {block:NotReblog}<div class="post-section">{Replies}</div>{/block:NotReblog}
  841. {block:RebloggedFrom}
  842. {block:Reblogs}
  843. <div class="post-section">
  844. <p><img class="reblog-avatar" src="{PortraitURL-64}">
  845. {block:IsActive}<a class="reblog-username" target="_blank" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  846. {block:IsDeactivated}<b class="reblog-username">{Username}</b>{/block:IsDeactivated}
  847. </p>
  848. {Body}
  849. </div>
  850. {/block:Reblogs}
  851. {/block:RebloggedFrom}
  852. {/block:Answer}
  853.  
  854.  
  855. {block:Photo}
  856. <figure data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" class="photo-content">
  857. {block:PermalinkPage}
  858. {LinkOpenTag}<img class="photo-post-photo" src="{PhotoURL-500}"{block:HighRes} srcset="{PhotoURL-1280} 2x"{/block:HighRes} alt="{PhotoAlt}" />{LinkCloseTag}
  859. {/block:PermalinkPage}
  860. {block:IndexPage}<a href="{Permalink}"><img class="photo-post-photo" src="{PhotoURL-500}"{block:HighRes} srcset="{PhotoURL-1280} 2x"{/block:HighRes} alt="{PhotoAlt}" /></a>{/block:IndexPage}
  861. </figure>
  862.  
  863. {block:NotReblog}
  864. {block:Caption}<figcaption class="post-section">{Caption}</figcaption>{/block:Caption}
  865. {/block:NotReblog}
  866. {block:RebloggedFrom}
  867. {block:Reblogs}
  868. <div class="post-section">
  869. <p><img class="reblog-avatar" src="{PortraitURL-64}">
  870. {block:IsActive}<a class="reblog-username" target="_blank" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  871. {block:IsDeactivated}<b class="reblog-username">{Username}</b>{/block:IsDeactivated}
  872. </p>
  873. {Body}
  874. </div>
  875. {/block:Reblogs}
  876. {/block:RebloggedFrom}
  877. {/block:Photo}
  878.  
  879.  
  880. {block:Photoset}
  881. {block:IndexPage}
  882. <div class="photoset-note">{PhotoCount}</div>
  883. <div class="photoset-container">
  884. {block:Photos}
  885. <figure data-width="{PhotoWidth-HighRes}"data-height="{PhotoHeight-HighRes}" data-lowres="{PhotoURL-500}" data-highres="{PhotoURL-HighRes}" data-caption="{Caption}" class="photo-content photoset-content">
  886.  
  887. <a href="{Permalink}"><img class="photo-post-photo" src="{PhotoURL-500}"{block:HighRes} srcset="{PhotoURL-1280} 2x"{/block:HighRes} alt="{PhotoAlt}" /></a>
  888.  
  889. </figure>
  890. {/block:Photos}
  891. </div>
  892. {block:IfNotCollapsePhotosets}
  893. <figure class="photoset-content">{Photoset-500}</figure>
  894. {/block:IfNotCollapsePhotosets}
  895. {/block:IndexPage}
  896. {block:PermalinkPage}
  897. <figure class="photoset-content">{Photoset-500}</figure>
  898. {/block:PermalinkPage}
  899.  
  900. {block:NotReblog}
  901. {block:Caption}<figcaption class="post-section">{Caption}</figcaption>{/block:Caption}
  902. {/block:NotReblog}
  903. {block:RebloggedFrom}
  904. {block:Reblogs}
  905. <div class="post-section">
  906. <p><img class="reblog-avatar" src="{PortraitURL-64}">
  907. {block:IsActive}<a class="reblog-username" target="_blank" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  908. {block:IsDeactivated}<b class="reblog-username">{Username}</b>{/block:IsDeactivated}
  909. </p>
  910. {Body}
  911. </div>
  912. {/block:Reblogs}
  913. {/block:RebloggedFrom}
  914. {/block:Photoset}
  915.  
  916.  
  917. {block:Quote}
  918. <div class="post-section"><h2 class="quote-text">&ldquo;{Quote}&rdquo;</h2>
  919.  
  920. {block:Source}
  921. <p style="text-align: right">&mdash; {Source}</p>
  922. {/block:Source}
  923. </div>
  924. {/block:Quote}
  925.  
  926.  
  927. {block:Link}
  928. <div class="post-section">
  929. <h3><a href="{URL}" class="link-post-link"{block:Host}title="{Host}"{/block:Host} {Target}>{Name} <i class="fa fa-angle-right fa-fw"></i></a></h3>
  930. <div class="link-info">
  931. {block:Excerpt}<p>{Excerpt}</p>{/block:Excerpt}
  932. <p>({Host})</p>
  933. </div>
  934. </div>
  935.  
  936. {block:NotReblog}
  937. {block:Description}<div class="post-section">{Description}</div>{/block:Description}
  938. {/block:NotReblog}
  939. {block:RebloggedFrom}
  940. {block:Reblogs}
  941. <div class="post-section">
  942. <p><img class="reblog-avatar" src="{PortraitURL-64}">
  943. {block:IsActive}<a class="reblog-username" target="_blank" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  944. {block:IsDeactivated}<b class="reblog-username">{Username}</b>{/block:IsDeactivated}
  945. </p>
  946. {Body}
  947. </div>
  948. {/block:Reblogs}
  949. {/block:RebloggedFrom}
  950. {/block:Link}
  951.  
  952.  
  953. {block:Chat}
  954. {block:Title}<div class="post-section"><h2>{Title}</h2></div>{/block:Title}
  955. <div class="post-section">
  956. <ul class="chat">
  957. {block:Lines}
  958. <li class="{Alt} user_{UserNumber}">
  959. {block:Label}
  960. <span class="chat-label">{Label}</span>
  961. {/block:Label}
  962.  
  963. <span class="chat-line">{Line}</span>
  964. </li>
  965. {/block:Lines}
  966. </ul>
  967. </div>
  968. {/block:Chat}
  969.  
  970.  
  971. {block:Video}
  972. <figure class="video-content">
  973. {VideoEmbed-500}
  974. </figure>
  975.  
  976. {block:NotReblog}
  977. {block:Caption}<figcaption class="post-section">{Caption}</figcaption>{/block:Caption}
  978. {/block:NotReblog}
  979. {block:RebloggedFrom}
  980. {block:Reblogs}
  981. <div class="post-section">
  982. <p><img class="reblog-avatar" src="{PortraitURL-64}">
  983. {block:IsActive}<a class="reblog-username" target="_blank" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  984. {block:IsDeactivated}<b class="reblog-username">{Username}</b>{/block:IsDeactivated}
  985. </p>
  986. {Body}
  987. </div>
  988. {/block:Reblogs}
  989. {/block:RebloggedFrom}
  990. {/block:Video}
  991.  
  992.  
  993. {block:Audio}
  994. <div class="post-section">
  995. <figure class="audio-content">
  996. {AudioEmbed}
  997. </figure>
  998. </div>
  999.  
  1000. {block:NotReblog}
  1001. {block:Caption}<div class="post-section">{Caption}</div>{/block:Caption}
  1002. {/block:NotReblog}
  1003. {block:RebloggedFrom}
  1004. {block:Reblogs}
  1005. <div class="post-section">
  1006. <p><img class="reblog-avatar" src="{PortraitURL-64}">
  1007. {block:IsActive}<a class="reblog-username" target="_blank" href="{Permalink}"><b>{Username}</b></a>{/block:IsActive}
  1008. {block:IsDeactivated}<b class="reblog-username">{Username}</b>{/block:IsDeactivated}
  1009. </p>
  1010. {Body}
  1011. </div>
  1012. {/block:Reblogs}
  1013. {/block:RebloggedFrom}
  1014. {/block:Audio}
  1015.  
  1016. {block:PermalinkPage}
  1017. {block:HasTags}
  1018. <div class="post-meta post-tags">
  1019. {block:Tags}
  1020. <a class="tag" href="{TagURL}">{Tag}</a>&nbsp;&nbsp;
  1021. {/block:Tags}
  1022. </div>
  1023. {/block:HasTags}
  1024. {/block:PermalinkPage}
  1025.  
  1026. {block:IndexPage}
  1027. <div class="post-index-meta">
  1028. <a href="{Permalink}" class="note-count">{ShortMonth} {DayOfMonth}<span class="year_{Year}"> {Year}</span>{block:NoteCount} &bull; {NoteCountWithLabel}{/block:NoteCount}</a>
  1029.  
  1030. <a title="Reblog" target="_blank" style="float:right; text-align: right" class="reblog-button" href="{ReblogURL}"><i class="fa fa-retweet"></i></a>
  1031.  
  1032. {block:Photo}<a style="float:right; text-align: right; margin-right: 8px" class="has-lightbox" data-postid="{PostID}" title="{lang:Zoom}"><i class="fa fa-search-plus"></i></a>{/block:Photo}
  1033.  
  1034. {block:Photoset}<a style="float:right; text-align: right; margin-right: 8px" class="has-lightbox" data-postid="{PostID}" title="{lang:Zoom}"><i class="fa fa-search-plus"></i></a>{/block:Photoset}
  1035. </div>
  1036. {block:IfNotIndexPhotoCaptions}
  1037. {block:Photo}
  1038. <div class="photo-hover">
  1039. <div class="inside">
  1040. <a class="has-lightbox" data-postid="{PostID}" title="{lang:Zoom}"><i class="fa fa-fw fa-search-plus"></i></a><a href="{Permalink}" title="{lang:Permalink}"><i class="fa fa-fw fa-link"></i></a><a href="{ReblogURL}" title="Reblog"><i class="fa fa-fw fa-retweet"></i></a>
  1041. <br><a href="{Permalink}" class="note-count">{ShortMonth} {DayOfMonth}<span class="year_{Year}"> {Year}</span>{block:NoteCount} &bull; {NoteCountWithLabel}{/block:NoteCount}</a>
  1042. </div>
  1043. </div>
  1044. {/block:Photo}
  1045. {block:Photoset}
  1046. <div class="photo-hover">
  1047. <div class="inside">
  1048. <a class="has-lightbox" data-postid="{PostID}" title="{lang:Zoom}"><i class="fa fa-search-plus"></i></a><a href="{Permalink}" title="{lang:Permalink}"><i class="fa fa-link"></i></a><a href="{ReblogURL}" title="Reblog"><i class="fa fa-retweet"></i></a>
  1049. <br><a href="{Permalink}" class="note-count">{ShortMonth} {DayOfMonth}<span class="year_{Year}"> {Year}</span>{block:NoteCount} &bull; {NoteCountWithLabel}{/block:NoteCount}</a>
  1050. </div>
  1051. </div>
  1052. {/block:Photoset}
  1053. {/block:IfNotIndexPhotoCaptions}
  1054. {/block:IndexPage}
  1055.  
  1056. </article>
  1057.  
  1058. {block:PermalinkPage}
  1059. {block:Date}
  1060.  
  1061. <article class="post sidecar not-page">
  1062.  
  1063. <div class="post-meta post-share">
  1064. <a href="{ReblogURL}" class="share-item link-tumblr-reblog" target="_blank"><i class="fa fa-retweet"></i> Reblog</a>
  1065. <a href="https://facebook.com/sharer.php?u={URLEncodedPermalink}&amp;t={URLEncodedTitle}" class="share-item link-facebook-share" target="_blank"><i class="fa fa-facebook-square"></i> Share</a>
  1066. <a href="https://twitter.com/intent/tweet?text={URLEncodedTweetSummary}" class="share-item link-twitter-tweet" target="_blank"><i class="fa fa-twitter"></i> Tweet</a>
  1067. {block:Photo} <a href="https://www.pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;media={PhotoURL-500}" class="share-item link-pinterest" target="_blank"><i class="fa fa-pinterest"></i> Pin</a>{/block:Photo}
  1068. {block:Video}{block:VideoThumbnail} <a href="https://www.pinterest.com/pin/create/button/?url={URLEncodedPermalink}&amp;media={VideoThumbnailURL}&amp;is_video=true" class="share-item link-pinterest" target="_blank"><i class="fa fa-pinterest"></i> Pin</a>{/block:VideoThumbnail}{/block:Video}
  1069. </div>
  1070.  
  1071. <div class="post-meta">
  1072. <span class="timeago" title="{12Hour}:{Minutes} {AmPm}, {DayOfWeek}, {Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}">{Month} {DayOfMonth}{DayOfMonthSuffix}, {Year}</span>
  1073.  
  1074. <span style="float:right; text-align: right">
  1075. {block:ContentSource}{lang:Source}: <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
  1076. {block:RebloggedFrom}{block:ContentSource} &bull; {/block:ContentSource}{lang:Via}: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  1077. </span>
  1078.  
  1079. </div>
  1080.  
  1081. {block:PostNotes}
  1082. <div class="post-meta post-notes-list">
  1083. <h2>{NoteCountWithLabel}</h2>
  1084. {PostNotes-16}
  1085. </div>
  1086. {/block:PostNotes}
  1087. </article>
  1088. {/block:Date}
  1089. {/block:PermalinkPage}
  1090.  
  1091. {/block:Posts}
  1092. </div>
  1093. </div>
  1094.  
  1095. {block:Pagination}
  1096. <div class="pagination clearfix">
  1097. <div class="span33 align-left">
  1098. {block:PreviousPage}<a href="{PreviousPage}" id="previous"><i class="fa fa-angle-left fa-fw"></i> {lang:Previous}</a>{/block:PreviousPage}
  1099. </div>
  1100. <div class="span33 hide-on-mobile">
  1101. <span class="page-info">{lang:Page CurrentPage of TotalPages}</span>
  1102. </div>
  1103. <div class="span33 align-right">
  1104. {block:NextPage}<a href="{NextPage}" id="next">{lang:Next} <i class="fa fa-angle-right fa-fw"></i></a>{/block:NextPage}
  1105. </div>
  1106. </div>
  1107. {/block:Pagination}
  1108. </div>
  1109. <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha384-tsQFqpEReu7ZLhBV2VZlAu7zcOV+rXbYlF2cqB8txI/8aZajjp4Bqd+V6D5IgvKT" crossorigin="anonymous"></script>
  1110. <script src="https://static.tumblr.com/anzluor/iaEpqmv4c/masonry.js" integrity="sha384-Z1dr8QPnJJj/ZsgHeAYXczkGop4EAJs2rGcOOHoGeaSZ+8cY0sh1OraK+Scm9KEv" crossorigin="anonymous"></script>
  1111. {block:IfInfiniteScrolling}<script src="https://static.tumblr.com/anzluor/98Ymoinyd/jquery.infinitescroll.min.js" integrity="sha384-DCHLD93QqUyWYMNlPlQ7qsaHYiMCzBiQPhi1uREwPnF3cW8CpyzzdSW2xLHlEh2B" crossorigin="anonymous"></script>{/block:IfInfiniteScrolling}
  1112. <script src="https://static.tumblr.com/anzluor/poDpqmxsi/copycat.min.js" integrity="sha384-P7hFx1T9cMSy1vC+HNWvNsHPXNHiwurhI/95lvr3IZKvl8wiu6UCHRHxJqx1J4Oz" crossorigin="anonymous"></script>
  1113.  
  1114. {block:IfGoogleAnalyticsID}
  1115. <script>
  1116. (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  1117. (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  1118. m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  1119. })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  1120.  
  1121. ga('create', '{text:Google Analytics ID}', 'auto');
  1122. ga('send', 'pageview');
  1123.  
  1124. </script>
  1125. {/block:IfGoogleAnalyticsID}
  1126. </body>
  1127. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement