API tools faq
paste
feiinho

Impulse - http://adorablethemes.com/

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