API tools faq
paste
Advertisement
cornetespoir

3 | Google Maps / Voyager

cornetespoir
Jan 21st, 2016
4,364
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.05 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!--
  3.  
  4. // [Theme]
  5.  
  6. Google Maps / Voyager
  7.  
  8. by eggdesigns.co //
  9.  
  10. + basic html and css knowledge is required to customize this theme
  11. + this code belongs to eggdesigns.co. While it is free to use, it is not free to sell or otherwise redistribute
  12. + feel free to edit and custom the theme to your liking,
  13. but don't use as a base, remove the credit, or claim as your own
  14.  
  15. Credits
  16. + icon font from font awesome
  17. + design based on material design / google maps
  18.  
  19. Version 2.0 - completely revamped HTML and CSS
  20. - organized code
  21. - now responsive
  22.  
  23. -->
  24.  
  25. <html>
  26. <head>
  27.  
  28.  
  29. <title>{Title}</title>
  30. <meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no" />
  31. <link rel="shortcut icon" href="{Favicon}">
  32. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  33. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  34.  
  35. <!-- images -->
  36. <meta name="image:background" content="" />
  37.  
  38. <!-- colors -->
  39. <meta name="color:background" content="#FFFFFF" />
  40. <meta name="color:posts" content="#fff" />
  41. <meta name="color:text" content="#222" />
  42. <meta name="color:title" content="#fff" />
  43. <meta name="color:links" content="#664466" />
  44. <meta name="color:link hover" content="#CCC" />
  45. <meta name="color:sidebar" content="#fff" />
  46. <meta name="color:accent" content="#231E38" />
  47. <meta name="color:border" content="#ddd" />
  48. <meta name="color:search and menu" content="#222" />
  49. <meta name="color:menu open" content="#fff" />
  50. <meta name="color:star" content="#ccc" />
  51. <meta name="color:star hover" content="#fff" />
  52. <meta name="color:selection" content="#fff" />
  53. <meta name="color:selection bg" content="#7b7b7b" />
  54.  
  55. <!-- text options -->
  56. <meta name="text:Google Font" content="Roboto" />
  57.  
  58.  
  59. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
  60. <link href="https://fonts.googleapis.com/css?family={text:Google Font}" rel="stylesheet">
  61.  
  62.  
  63. <style type="text/css">
  64.  
  65. /**
  66.  
  67. CSS editing directory
  68.  
  69. Labeled sections for easier navigating
  70.  
  71. 01. Controls - tumblr controls, selection, and scrollbar
  72. 02. General - body, links, headings, etc
  73. 03. Sidebar - sidbear, description, icon
  74. 04. Posts - container, posts, post styles
  75. 05. Responsive - Mobile design
  76.  
  77. **/
  78.  
  79. /* ------------
  80.  
  81. 01. Controls
  82.  
  83. ------------ */
  84.  
  85. ::-moz-selection {background:{color:selection bg};color:{color:selection}}
  86. ::selection {background:{color:selection bg};color:{color:selection};}
  87.  
  88.  
  89. /* ------------
  90.  
  91. 02. General
  92.  
  93. ------------ */
  94.  
  95. body {
  96. background:{color:background} url({image:background});
  97. background-attachment:fixed;
  98. font-family:{text:Google Font};
  99. color:{color:text};
  100. font-size:1em;
  101. overflow-x:hidden;
  102. word-wrap:break-word;
  103. }
  104.  
  105.  
  106. a {
  107. text-decoration:none;
  108. color:{color:links};
  109. }
  110.  
  111. a:hover {
  112. color:{color:link hover};
  113. transition:.6s;
  114. }
  115.  
  116. /* ------------
  117.  
  118. 03. General
  119.  
  120. ------------ */
  121.  
  122. aside {
  123. width:400px;
  124. top:0px;
  125. left:0px;
  126. height:100vh;
  127. position:fixed;
  128. background:{color:sidebar};
  129. border-right:1px solid {color:border};
  130. }
  131.  
  132. aside img {
  133. max-width:100%;
  134. display:block;
  135. }
  136.  
  137.  
  138. .title {
  139. padding:20px;
  140. font-size:1.42em;
  141. position:relative;
  142. color:{color:title};
  143. background:{color:accent};
  144. }
  145.  
  146. .title img {
  147. width:70px;
  148. position:absolute;
  149. right:35px;
  150. border-radius:100%;
  151. top:-35px;
  152. }
  153. .rating a[href*="intent"] {
  154. display:inline-block;
  155. margin-top: 0.4em;
  156. }
  157. /*
  158. * Rating styles
  159. */
  160. .rating {
  161. position:relative;
  162. width:160px;
  163. text-align:left;
  164. overflow:hidden;
  165. }
  166.  
  167. .rating a:hover,
  168. .rating a:hover ~ a,
  169. .rating a:focus,
  170. .rating a:focus ~ a {
  171. color: {color:star hover};
  172. cursor: pointer;
  173. }
  174. .rating2 {
  175. direction: rtl;
  176. }
  177. .rating2 a {
  178. float:none;
  179. text-decoration:none;
  180. color:{color:star};
  181. }
  182. .rating a:focus:before {
  183. content: attr(data-stars) ;
  184. position:absolute;
  185. right:0px;
  186. direction:ltr;
  187. bottom:10%;
  188. font-size:.8em;
  189. }
  190.  
  191.  
  192. .icons {
  193. width:100%;
  194. text-align:center;
  195. padding:30px 0;
  196. border-bottom:1px solid {color:border};
  197. font-size:1.2em;
  198. }
  199.  
  200. .icons a {
  201. display:inline-block;
  202. text-decoration:none;
  203. width:30%;
  204. color:{color:accent};
  205. }
  206.  
  207. .description {
  208. padding:28px;
  209. border-bottom:1px solid {color:border};
  210. }
  211.  
  212. .description a {
  213. text-decoration:none;
  214. color:{color:accent};
  215. }
  216.  
  217. /* END CSS */
  218.  
  219. .nav {
  220. display: inline-block;
  221. z-index:9999;
  222. top:0px;
  223. line-height:130%;
  224. position:fixed;
  225. color:#000!important;
  226. }
  227. .nav label {
  228. display: block;
  229. height: 2em;
  230. width: 2em;
  231. text-indent: -9999px;
  232. }
  233. .nav label i {
  234. display: block;
  235. text-indent: 0px;
  236. padding: 1em;
  237. color:{color:search and menu};
  238. }
  239. .nav input {
  240. display: none;
  241. }
  242. .nav input:checked + ul {
  243. transform: translateX(-8px);
  244. box-shadow: 0 0 40px rgba(0, 0, 0, 0.04);
  245. }
  246. .nav input:checked + ul li {
  247. opacity: 1;
  248. transform: translateX(0px);
  249. }
  250.  
  251. .nav ul {
  252. position: fixed;
  253. top: 0;
  254. margin: 0;
  255. height: 100vh;
  256. width: 20em;
  257. padding: 0;
  258. list-style: none;
  259. transform: translateX(-110%);
  260. transition: all 0.4s ease;
  261. background: #fff;
  262. border-right:1px solid {color:border};
  263. text-indent: 0;
  264. box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  265. }
  266. .nav ul li {
  267. opacity: 0;
  268. transform: translateX(-100%);
  269. transition: all 0.3s ease 0.05s;
  270. }
  271. .nav ul li:nth-child(1) a {
  272. padding: 0;
  273. }
  274. .nav ul li:nth-child(1) a i {
  275. transform: translateX(0%) rotate(0deg);
  276. transition: all 0.5s ease;
  277. }
  278.  
  279. .nav ul li a {
  280. display: block;
  281. position: relative;
  282. padding: 1em 1em;
  283. text-decoration: none;
  284. transition: all 0.1s ease;
  285. }
  286. .nav ul li a:hover {
  287. color:{color:accent};
  288. }
  289.  
  290. nav ul li:first-of-type {
  291. background:{color:accent};
  292. color:{color:menu open}!important;
  293. }
  294. nav ul li:first-of-type a {
  295. color:{color:menu open}!important;
  296. }
  297.  
  298. nav ul li:nth-of-type(3n + 4){
  299. border-bottom:1px solid {color:border};
  300. }
  301.  
  302. nav .fa {
  303. font-size:1.2em;
  304. }
  305.  
  306. .pointer {
  307. cursor: pointer;
  308. padding: 1em;
  309. height: 1em;
  310. width: 1em;
  311. }
  312.  
  313. #search {
  314. position:fixed;
  315. top:0px;
  316. z-index:9999;
  317. left:60px;
  318.  
  319. width:340px;
  320. }
  321.  
  322. .query, .submit{
  323. background:none;
  324. border:none;
  325. padding:24px;
  326. outline:none;
  327. color:{color:search and menu};
  328. }
  329.  
  330. .query {
  331. width:calc(100% - 130px)
  332. }
  333.  
  334. ::placeholder {
  335. font-size:1.2em;
  336. color:{color:search and menu};
  337. }
  338.  
  339. /* ------------
  340.  
  341. 04. Posts
  342.  
  343. ------------ */
  344.  
  345. main {
  346. width:calc(100% - 450px);
  347. margin-left:450px;
  348. }
  349.  
  350. .posts {
  351. margin:100px auto;
  352. width:60%;
  353. background:{color:posts};
  354. }
  355.  
  356. .posts img {
  357. max-width:100%;
  358. display:block;
  359. }
  360.  
  361. .photopost {
  362. width:100%;
  363. }
  364.  
  365. .caption {
  366. padding:20px;
  367. }
  368.  
  369. .cap {
  370. display:flex!important;
  371. width:100%;
  372. height:100%;
  373. align-items: flex-start!important;
  374. flex-wrap:wrap!important;
  375.  
  376. }
  377.  
  378. .cap .usernames {
  379. margin-left:0;
  380. }
  381.  
  382. .cap .ava {
  383. width:44px;
  384. margin:0 10px 0 0;
  385. height:100%;
  386. top:0px!important;
  387. align-self: flex-start!important;
  388.  
  389. }
  390.  
  391. .cap .reblog-content {
  392. margin-left:10px;
  393. width:calc(100% - 80px);
  394. display:inline-block!important;
  395. }
  396. .ava img {
  397. width:44px;
  398. }
  399.  
  400.  
  401. .reblog-header {
  402. display:flex;
  403. padding:10px;
  404. border-bottom:1px solid {color:border};
  405. align-items:center;
  406. }
  407.  
  408.  
  409.  
  410. .reblog-header img {
  411. width:44px;
  412. }
  413.  
  414. .usernames {
  415. margin-left:16px;
  416. color:rgba(0,0,0,.72);
  417. font-size:.98em;
  418. line-height:150%;
  419. }
  420. .user {
  421. font-size:1.08em;
  422. }
  423.  
  424. .chat {
  425. padding:10px;
  426. }
  427.  
  428. /* Audio Posts */
  429.  
  430.  
  431. .posts #albumart{
  432. z-index:2;
  433. float:left;
  434. border-radius:100%;
  435. height:100px;
  436. border:1px solid {color:info border};
  437. width:100px;
  438. }
  439.  
  440.  
  441.  
  442. /* circle inside the album art to make it look like a CD */
  443.  
  444. .playerbox {
  445. float:left;
  446. padding:6px;
  447. }
  448.  
  449.  
  450. .posts #albumart img{
  451.  
  452.  
  453. float:left;
  454. border-radius:100%;
  455. width:100px;
  456. height:100px;
  457. border-width:0px; transition:.6s;
  458.  
  459. }
  460.  
  461. .playerbox:hover #albumart img{
  462. transition:0.6s;
  463. transform:rotate(300deg); }
  464.  
  465. .player {
  466. width:20px;
  467. overflow:hidden;
  468. height:40px;
  469. transform:scale(1.2);
  470. border-radius:100%;
  471. top:8px;
  472. bottom:10px;
  473. left:4px;
  474.  
  475. padding:8px;
  476. padding-top:6px;
  477. padding-left:10px;
  478. padding-bottom:0px;
  479. border-radius:100%;
  480. position:absolute;
  481.  
  482. }
  483.  
  484.  
  485. .playercon {
  486. width:56px;
  487. height:56px;
  488. border-radius:100%;
  489. left:0px;
  490. background:#f2f2f2;
  491. top:22px;
  492. position:relative;
  493. border:1px solid {color:info border};
  494. -webkit-transition-duration:500ms;
  495. -moz-transition-duration:500ms;
  496. -o-transition-duration:500ms;
  497. -ms-transition-duration:500ms;
  498. }
  499. {/block:permalinkpage}
  500. .infobox {
  501. float:left top;
  502. margin-left:50px;
  503. background-color:transparent;
  504. padding:14px;
  505. padding-left:4px;
  506. max-height:140px;
  507. text-align:left;
  508. color:{color:text};
  509. }
  510.  
  511. .trackname {
  512.  
  513. letter-spacing:2px;
  514. padding:6px;
  515.  
  516. width:100%;
  517. font-weight:300;
  518.  
  519.  
  520.  
  521.  
  522. }
  523. .artist {
  524. letter-spacing:2px;
  525. padding:6px;
  526. width:95%;
  527.  
  528.  
  529.  
  530. }
  531.  
  532. .album {
  533. padding:6px;
  534. width:90%;
  535.  
  536.  
  537. }
  538.  
  539.  
  540. .artist, .album, .trackname {
  541. padding-left:40px;
  542. }
  543.  
  544.  
  545.  
  546. #audiopost {
  547. width:{text:post size}px;
  548. {block:permalinkpage}
  549. width:500px;
  550. {/block:permalinkpage}
  551.  
  552.  
  553. }
  554.  
  555.  
  556. .info {
  557. padding:20px;
  558. border-top:1px solid {color:border};
  559. }
  560.  
  561. .info i {
  562. padding:10px;
  563. font-size:.88em;
  564. background:#f8f8f8;
  565. border-radius:100%;
  566. }
  567. .info a {
  568. margin:0 10px 0 0;
  569. }
  570. blockquote {
  571. border-left:2px solid {color:border};
  572. background:#f8f8f8;
  573. padding:2px;
  574. padding-left:6px;
  575. }
  576.  
  577. .ask {
  578. display:flex;
  579. align-items:center;
  580. }
  581.  
  582. .askerportrait {
  583. display:inline-block;
  584. }
  585.  
  586.  
  587.  
  588. #pagination {
  589. display:flex;
  590. margin:50px auto;
  591. align-items:center;
  592. flex-wrap:wrap;
  593. justify-content:center;
  594. }
  595.  
  596. .jump_page, .current_page {
  597. width:40px;
  598. border-radius:100%;
  599. height:40px;
  600. margin:0 10px;
  601. display:flex;
  602. align-items:center;
  603. justify-content:center;
  604. background:#f8f8f8;
  605. }
  606.  
  607.  
  608. .askerportrait{
  609. float:left;
  610. margin-top:10px;
  611. position:absolute;
  612. }
  613.  
  614. .speechbubble {
  615. padding:20px;
  616. top:0px;
  617. margin-left:50px;
  618. background:#f8f8f8;
  619. }
  620.  
  621. /* ------------
  622.  
  623. 05. Responsive
  624.  
  625. ------------ */
  626.  
  627. @media (max-width:800px){
  628. aside {
  629. position:relative;
  630. margin:auto;
  631. display:block;
  632. }
  633.  
  634. nav i{
  635. background:white;
  636.  
  637. }
  638.  
  639. #search {
  640. position:fixed
  641. margin:auto;
  642. background:white;
  643. z-index:9;
  644.  
  645. width:100%;
  646. }
  647.  
  648. .query {
  649. padding:0px 14px;
  650. }
  651.  
  652. main {
  653. width:100%;
  654. margin:auto;
  655. left:0px;
  656. }
  657. }
  658.  
  659. .mob {
  660. display:none;
  661. }
  662.  
  663. #egg {
  664. right:10px; bottom:10px;
  665. position:fixed;
  666. display:block;
  667. width: 14px; height: 18px;
  668. background-color:#FFFEFC; -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  669. border:1px solid #aaa;
  670. z-index:4;
  671. transform:scale(1.02);
  672. }
  673. #egg:hover { animation-name: egg;
  674. animation-duration: 1s;
  675. animation-iteration-count: infinite;}
  676. @keyframes egg{
  677. 0%{}
  678. 10%{transform:rotate(20deg) scale(1.12)}
  679. 80%{transform:rotate(-20deg)}
  680. 100%{}
  681. }
  682.  
  683. @media (max-width:600px){
  684. aside {
  685. width:100%;
  686. }
  687.  
  688.  
  689. article, .posts {
  690. width:90%;
  691. }
  692.  
  693. .mob {
  694. display:block;
  695. }
  696. .phot {
  697. display:none;
  698. }
  699. }
  700. {CustomCSS}
  701. </style>
  702. </head>
  703.  
  704.  
  705. <!-- HTML -->
  706.  
  707. <body>
  708.  
  709. <body>
  710. <nav class="nav">
  711. <label><i class="fa fa-bars pointer"></i>
  712. <input type="checkbox"/>
  713. <ul>
  714. <li><a><i class="fa fa-times pointer" style=" color:{color:menu open};"></i></a></li>
  715. {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}{/block:HasPages}
  716. </ul>
  717. </label>
  718. </nav>
  719. <div id="search" title="search"><form action="/search" method="get" id="search-form"><input type="hidden" name="t" value="accessibletheme" /><input type="text" name="q" class="query" value="" placeholder="Search"
  720. /><button type="submit" class="submit"><span class="fa fa-search"></span></button><div class="clear"></div></form></div>
  721. <aside>
  722. <img src="{HeaderImage}">
  723. <div class="title">
  724. <img src="{PortraitURL-128}">
  725. {Title}
  726. <div class="rating rating2"><!--
  727. --><a href="#5" title="Give 5 stars" data-stars="5 stars">★</a><!--
  728. --><a href="#4" title="Give 4 stars" data-stars="4 stars">★</a><!--
  729. --><a href="#3" title="Give 3 stars" data-stars="3 stars">★</a><!--
  730. --><a href="#2" title="Give 2 stars" data-stars="2 stars">★</a><!--
  731. --><a href="#1" title="Give 1 star" data-stars="1 stars">★</a>
  732. </div>
  733. </div>
  734.  
  735. <div class="icons list-group">
  736. <a class="list-group-item" href="/"><i class="far fa-building" aria-hidden="true"></i><br> Home</a>
  737. <a class="list-group-item" href="http://tumblr.com/follow/{name}"><i class="far fa-address-card" aria-hidden="true"></i><br> Follow</a>
  738. <a class="list-group-item" href="/archive"><i class="far fa-calendar-alt" aria-hidden="true"></i><br> Archives</a>
  739.  
  740. </div>
  741.  
  742. <div class="description">
  743. {Description}
  744. </div>
  745. <div class="description">
  746. <a href="/ask"><span class="far fa-edit"></span> write a review</a>
  747. </div>
  748. </aside>
  749. <main>
  750. {block:Posts}<div class="posts">
  751.  
  752. <!-- {block:NoRebloggedFrom}
  753. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  754. {/block:NoRebloggedFrom} -->
  755. {block:ContentSource}
  756. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  757. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  758. {/block:SourceLogo}
  759. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  760. {/block:ContentSource}
  761.  
  762.  
  763. {block:Text}
  764.  
  765. {block:Title}
  766. <h2><a href="{Permalink}">{Title}</a></h2>
  767. {/block:Title}
  768.  
  769. <div class="caption"> {block:NotReblog}
  770. <figcaption>
  771. {Body}
  772. </figcaption>
  773. {/block:NotReblog}
  774.  
  775. {block:RebloggedFrom}
  776. <div class="reblog-list">
  777. {block:Reblogs}
  778. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  779. <div class="reblog-header">
  780.  
  781. {block:IsActive}
  782. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  783. <img src="{PortraitURL-64}" style=" ">
  784. </a>
  785. {/block:IsActive}
  786.  
  787. {block:IsDeactivated}
  788. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  789. <img src="{PortraitURL-64}" style=" ">
  790. </span>
  791. {/block:IsDeactivated}
  792. <div class="usernames">
  793. {block:IsActive}
  794. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  795. {/block:IsActive}
  796.  
  797. {block:IsDeactivated}
  798. <span class="inactive deactivated">{Username}</span>
  799. {/block:IsDeactivated}
  800. <br>
  801. {TimeAgo}
  802. </div></div>
  803. <div class="reblog-content">
  804. {Body}
  805. </div>
  806. </div>
  807. {/block:Reblogs}
  808. </div>
  809. {/block:RebloggedFrom}</div>
  810.  
  811. {/block:Text}
  812.  
  813. {block:Photo}
  814. <img src="{PhotoURL-HighRes}" class="photopost" alt="{PhotoAlt}"/>
  815. {/block:Photo}
  816.  
  817. {block:Panorama}
  818. {LinkOpenTag}
  819. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  820. {LinkCloseTag}
  821. {/block:Panorama}
  822.  
  823. {block:Photoset}
  824. <div class="phot">{Photoset}</div>
  825. <div class="mob">{block:photos}<img src="{photourl-HighRes}">{/block:photos}</div>
  826. {/block:Photoset}
  827.  
  828. {block:Quote}
  829. <blockquote>
  830. "{Quote}"
  831. </blockquote>
  832. {block:Source}
  833. <div class="source">{Source}</div>
  834. {/block:Source}
  835. {/block:Quote}
  836.  
  837. {block:Link}
  838. <div class="linkp">
  839. <a href="{URL}" class="linkp" {Target}>{Name}</a></div>
  840. {block:Description}
  841. <div class="caption">
  842. {Description}</div>
  843. {/block:Description}
  844. {/block:Link}
  845.  
  846. {block:Chat}
  847. {block:Title}
  848. <a href="{Permalink}" style="background:transparent; padding:0;">
  849. <h2>{title}</h2></a>
  850. {/block:Title}
  851. {block:Lines}
  852. <div class="chat">
  853. {block:Label}<b>{Label}</b>{/block:Label}
  854. {Line}<br/></div>
  855. {/block:Lines}
  856. {/block:Chat}
  857.  
  858. {block:Video}
  859. <center>{Video-400}</center>
  860. {/block:Video}
  861.  
  862. {block:Audio}
  863.  
  864.  
  865. <div id="audiopost">
  866. <div class="playerbox">
  867. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  868.  
  869. <center><div class="playercon"><div class="player">{AudioPlayerWhite}</div></div></center></div>
  870. <div class="infobox">
  871. <div class="trackname"> {block:TrackName}
  872. Track: {TrackName}
  873. {/block:TrackName} </div>
  874.  
  875.  
  876. <div class="artist">
  877. {block:Artist}
  878.  
  879. Artist: {Artist}
  880. {/block:Artist} </div>
  881.  
  882. <div class="album">
  883. {block:Album}
  884. Album: {Album}
  885. {/block:Album}
  886. </div>
  887.  
  888. </div></div>
  889. {/block:Audio}
  890.  
  891. {block:Answer}
  892. <div class="ask">
  893. <div class="askerportrait">
  894. <img src="{AskerPortraitURL-40}" alt="asker portrait"></div> </div>
  895. <div class="speechbubble"> {Asker} asked</a>:
  896. {Question}</div> {answer}
  897.  
  898.  
  899. {/block:Answer}
  900.  
  901. {block:Caption}
  902. <div class="caption"> {block:NotReblog}
  903. <figcaption>
  904. {Caption}
  905. </figcaption>
  906. {/block:NotReblog}
  907.  
  908. {block:RebloggedFrom}
  909. <div class="reblog-list">
  910. {block:Reblogs}
  911. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry} cap">
  912.  
  913. <div class="ava">
  914. {block:IsActive}
  915. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  916. <img src="{PortraitURL-64}" style=" ">
  917. </a>
  918. {/block:IsActive}
  919.  
  920. {block:IsDeactivated}
  921. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  922. <img src="{PortraitURL-64}" style="">
  923. </span>
  924. {/block:IsDeactivated}
  925. </div>
  926. <div class="reblog-content">
  927. <div class="usernames">
  928. {block:IsActive}
  929. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  930. {/block:IsActive}
  931.  
  932. {block:IsDeactivated}
  933. <span class="inactive deactivated">{Username}</span>
  934. {/block:IsDeactivated}
  935. <br>
  936. {TimeAgo}
  937. </div>
  938.  
  939. {Body}
  940. </div>
  941. </div>
  942. {/block:Reblogs}
  943. </div>
  944. {/block:RebloggedFrom}</div>
  945. {/block:Caption}
  946.  
  947. {block:date}
  948. <div class="info">
  949. <a href="{permalink}"><i class="far fa-thumbs-up" style="color:{color:text}"></i> {NoteCount}</a>
  950. <a href="{ReblogURL}"><i class="fas fa-redo" style="color:{color:text}"></i> Reblog</a>
  951.  
  952. </div>
  953. {/block:Date}
  954.  
  955. {block:HasTags}
  956. <div class="tags">{block:Tags}
  957. <a href="{TagURL}"> {text:tag symbol}{Tag} </a>
  958. {/block:Tags}</div>{/block:HasTags}
  959. </div>
  960. <!--posts end-->{/block:Posts}
  961.  
  962. {block:PostNotes}{PostNotes-16}{/block:PostNotes}
  963.  
  964. <div id="pagination">
  965. {block:Pagination}{block:PreviousPage}
  966. <span> <a href="{PreviousPage}">{lang:Previous}</a></span>
  967. {/block:PreviousPage}{block:JumpPagination length="4"}{block:CurrentPage}
  968. <span class="current_page">{PageNumber}</span>
  969. {/block:CurrentPage}
  970. {block:JumpPage}
  971. <a class="jump_page" href="{URL}">{PageNumber}</a>
  972. {/block:JumpPage}{/block:JumpPagination}
  973.  
  974. {block:NextPage}
  975. <span> <a href="{NextPage}">{lang:Next}</a></span>
  976. {/block:NextPage}{/block:Pagination}
  977.  
  978. {block:PermalinkPagination}
  979. {block:PreviousPost}
  980. <a href="{PreviousPost}">{lang:Previous Post}</a>
  981. {/block:PreviousPost}
  982.  
  983. {block:NextPost}
  984. <a href="{NextPost}">{lang:Next Post}</a>
  985. {/block:NextPost}
  986. {/block:PermalinkPagination}
  987.  
  988. <p style="width:100%; text-align:center;">
  989. Google Map / Voyager theme by eggdesigns.co
  990. </div>
  991. </main>
  992.  
  993. <a id="egg" href="http://eggdesigns.co"></a>
  994. </body>
  995. </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!