API tools faq
paste
feiinho

Plante // a revamp of tiny plant by espoirthemes

feiinho
Nov 14th, 2017
196
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 34.01 KB | None | 0 0
raw download clone embed print report diff
  1. <!--
  2. Plante
  3. // a revamp of tiny plant
  4. by espoirthemes //
  5.  
  6. + please don't remove the credit
  7. + you can edit the code as much as you want, without removing credit
  8. + feel free to ask me any questions about the theme, with the
  9. exception of asking for major edits
  10.  
  11. +enjoy!
  12.  
  13.  
  14. -->
  15.  
  16. <!DOCTYPE html>
  17. <html>
  18. <head>
  19. <meta charset="utf-8">
  20. <title>{Title}</title>
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}">
  23. {/block:Description}
  24.  
  25. <link href="https://fonts.googleapis.com/css?family=Oxygen" rel="stylesheet">
  26. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  27. <link rel="shortcut icon" href="{Favicon}">
  28. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  29.  
  30. <meta name="color:header" content="mediumaquamarine" />
  31. <meta name="color:sidebar background top" content="mediumaquamarine"/>
  32. <meta name="color:sidebar background bottom" content="cornflowerblue" />
  33. <meta name="color:posts" content="#fff" />
  34. <meta name="color:links" content="mediumaquamarine" />
  35. <meta name="color:link border" content="mediumaquamarine" />
  36. <meta name="color:border" content="#eee" />
  37. <meta name="color:chat odd background" content="mediumaquamarine" />
  38. <meta name="color:chat odd" content="white" />
  39. <meta name="color:chat even background" content="cornflowerblue" />
  40. <meta name="color:chat even" content="white" />
  41. <meta name="color:ask bubble" content="mediumaquamarine" />
  42. <meta name="color:ask text" content="#fff" />
  43. <meta name="color:asker" content="mediumaquamraine" />
  44. <meta name="color:asker background" content="white" />
  45. <meta name="color:tag background" content="mediumaquamarine" />
  46. <meta name="color:tags" content="white" />
  47. <meta name="color:pagination" content="mediumaquamarine" />
  48. <meta name="color:current page" content="mediumaquamarine" />
  49. {PostTypographyStyles}
  50.  
  51. <style type="text/css">
  52. /* Colors */
  53. body {
  54. background: {BackgroundColor};
  55. margin: 0;
  56. font-family: 'Oxygen', sans-serif;
  57. font-size: 16px;
  58. overflow-x:hidden;
  59. }
  60.  
  61. a {
  62. text-decoration: none;
  63. color: {color:links};
  64. }
  65.  
  66. header {
  67. width:100%;
  68. background: {color:header};
  69. position:fixed;
  70. z-index:99;
  71. padding:0px 0px 0px 0px;
  72. top: 0px;
  73. }
  74.  
  75. nav {
  76. width:96%;
  77. padding:10px;
  78. position: relative;
  79. margin:0px auto;
  80. transform:translate(25%, 0);
  81. }
  82.  
  83. nav li {
  84. display:inline-block;
  85. list-style: none;
  86. margin:14px;
  87. position: relative;
  88. }
  89.  
  90. nav li a {
  91. padding:4px 8px;
  92. border-radius:30px;
  93. color:white;
  94.  
  95. }
  96.  
  97. nav li img {
  98. position:absolute;
  99. width:60px;
  100. left:10px;
  101. border-radius:10px;
  102. margin-top:-10px;
  103. }
  104.  
  105. aside {
  106. width:25%;
  107. min-width:250px;
  108. top:0px;
  109. position:fixed;
  110. z-index:999; text-align:center;
  111. height:100vh;
  112. background:linear-gradient({color:sidebar background top}, {color:sidebar background bottom});
  113. }
  114.  
  115. aside img {
  116. margin:80px 0 0 0;
  117. width:100px;
  118. padding:10px;
  119. border:1px solid rgba(255,255,255,.34);
  120. border-radius:100%;
  121. }
  122.  
  123. aside .title {
  124. padding:0px 10px;
  125. font-size:1.2em;
  126. font-weight:bold;
  127. position:relative;
  128. color:rgba(255,255,255,.9);
  129. }
  130.  
  131. .title:before {
  132. position:absolute;
  133. content:'@{Name}';
  134. margin-top:30px;
  135. font-weight:normal;
  136. font-size:.7em;
  137. width:90%;
  138. text-align:center;
  139. }
  140.  
  141. .description {
  142. padding:20px;
  143. color:rgba(255,255,255,1);
  144. }
  145.  
  146.  
  147. .cover {
  148. width:100%;
  149. height:100%;
  150. background:rgba(255,255,255,.28);
  151. }
  152.  
  153. .container {
  154. width:calc(100% - 25%);
  155. position:relative;
  156. left:25%;
  157. margin:100px auto;
  158.  
  159. }
  160.  
  161.  
  162.  
  163.  
  164. .posts {
  165. width:50%;
  166. margin:100px 0px;
  167. position:relative;
  168. border-radius:8px;
  169. background:{color:posts};
  170. }
  171.  
  172. .im {
  173.  
  174. overflow:hidden;
  175.  
  176. }
  177.  
  178.  
  179.  
  180. .posts img, .posts iframe {
  181. max-width:100%;
  182. border-radius:8px;
  183.  
  184. }
  185.  
  186. /* Post Captions */
  187. .caption{
  188. padding:40px;
  189. top:0px;
  190. left:0px;
  191. transition:.6s;
  192. background:white;
  193. }
  194.  
  195.  
  196. .user {
  197. margin:6px;
  198. padding:4px;
  199. border-radius:4px;
  200. border:none;
  201. background:rgba({RGBcolor:links}, .12)
  202. }
  203.  
  204. .reblog-header img {
  205. transform:translate(0,-4px);
  206. }
  207.  
  208. .deactivated:after {
  209. content:'deactivated';
  210. position:absolute;
  211. padding-left:8px;
  212. opacity:0;
  213. transition:.4s ease-in-out;
  214. }
  215.  
  216. .deactivated:hover:after {
  217. opacity:1;
  218.  
  219. }
  220.  
  221.  
  222.  
  223. .postinfo {
  224. width:100%;
  225. padding:10px;
  226. bottom:0px;
  227. border-top:1px solid #eee;
  228. line-height:210%;
  229. background:white;
  230.  
  231. }
  232.  
  233.  
  234.  
  235. .audiocaption{
  236. padding:10px;
  237. overflow:auto;
  238.  
  239. }
  240.  
  241. .answercaption {
  242. background:white;
  243. padding:10px;
  244.  
  245. }
  246.  
  247.  
  248. /*Ask Posts */
  249.  
  250.  
  251. .question {
  252. width:100%;
  253. background:#eee;
  254. padding:10px;
  255. max-height:50%;
  256. }
  257.  
  258. .answer {
  259. padding:10px;
  260. max-height:40%;
  261. overflow:auto;
  262. }
  263.  
  264. /*styling for the speech bubble */
  265.  
  266. .speechbubble {
  267.  
  268. width:calc(70% - 16px);
  269. position: relative;
  270. left:80px;
  271. margin: 0;
  272. padding:16px;
  273. height: auto;
  274. border-radius:8px;
  275. line-height:150%;
  276. background: {color:ask bubble};
  277. color:{color:ask text};
  278. {block:permalinkpage}
  279. width:360px;
  280. {/block:permalinkpage}
  281. }
  282.  
  283. .speechbubble a {
  284. color:{color:asker};
  285. background:{color:asker background};
  286. padding:2px 4px;
  287. border-radius:8px;
  288. }
  289.  
  290. /* the before and after are the triangle part of the speech bubble */
  291. .speechbubble:after
  292. {
  293. content: '';
  294. position: absolute;
  295. border-style: solid;
  296. border-width: 12px 17px 12px 0;
  297. border-color: transparent {color:ask bubble}; /* keep same color as bubble */
  298. display: block;
  299. width: 0;
  300. z-index: 1;
  301. left: -16px;
  302. top: 10px;
  303. }
  304.  
  305.  
  306. /* Chat Posts */
  307.  
  308. .chat {
  309. padding:10px;
  310. line-height:150%;
  311. border-radius:8px;
  312. margin:10px;
  313. }
  314.  
  315.  
  316. .chat:nth-of-type(odd) {
  317. background:{color:chat odd background};
  318. color:{color:chat odd};
  319. width:80%;
  320. border-bottom-left-radius:0;
  321.  
  322. -webkit-transition:.5s;
  323. transition:.5s; }
  324.  
  325. .chat:nth-of-type(odd) b {
  326. color:{color:chat odd};
  327. -webkit-transition:.5s;
  328. transition:.5s; }
  329.  
  330. .chat:nth-of-type(even) {
  331. background:{color:chat even background};
  332. color:{color:chat even};
  333. width:80%;
  334. transform:translate(20%,0);
  335. border-bottom-right-radius:0px;
  336. -webkit-transition:.5s;
  337. transition:.5s; }
  338. .chat:nth-of-type(even) b{
  339. color:{color:chat even};
  340. -webkit-transition:.5s;
  341. transition:.5s; }
  342.  
  343. /* Audio Posts */
  344.  
  345.  
  346. .posts #albumart{
  347. z-index:2;
  348. float:left;
  349. border-radius:100%;
  350. height:100px;
  351. border:1px solid {color:border};
  352. width:100px;
  353. }
  354.  
  355.  
  356.  
  357. /* circle inside the album art to make it look like a CD */
  358.  
  359. .playerbox {
  360. float:left;
  361. padding:6px;
  362. }
  363.  
  364.  
  365. .posts #albumart img{
  366.  
  367.  
  368. float:left;
  369. border-radius:100%;
  370. width:100px;
  371. height:100px;
  372. border-width:0px; transition:.6s;
  373.  
  374. }
  375.  
  376. .playerbox:hover #albumart img{
  377. transition:0.6s;
  378. transform:rotate(300deg); }
  379.  
  380. .player {
  381. width:30px;
  382. overflow:hidden;
  383. height:40px;
  384. transform:scale(1.2);
  385. border-radius:100%;
  386. top:8px;
  387. bottom:10px;
  388. left:4px;
  389.  
  390. padding:8px;
  391. padding-top:6px;
  392. padding-left:10px;
  393. padding-bottom:0px;
  394. border-radius:100%;
  395. position:absolute;
  396.  
  397. }
  398.  
  399.  
  400. .playercon {
  401. width:56px;
  402. height:56px;
  403. border-radius:100%;
  404. left:0px;
  405. background:white;
  406. top:22px;
  407. position:relative;
  408. border:1px solid {color:info border};
  409. -webkit-transition-duration:500ms;
  410. -moz-transition-duration:500ms;
  411. -o-transition-duration:500ms;
  412. -ms-transition-duration:500ms;
  413. }
  414. {/block:permalinkpage}
  415. .infobox {
  416. float:left top;
  417. margin-left:120px;
  418. background-color:transparent;
  419. padding:14px;
  420. padding-left:4px;
  421. max-height:140px;
  422. text-align:left;
  423. color:{color:text};
  424. }
  425.  
  426. .trackname {
  427.  
  428. letter-spacing:2px;
  429. padding:2px;
  430. font-size:1em;
  431. font-weight:300;
  432. color:#333;
  433.  
  434.  
  435. }
  436. .artist {
  437. letter-spacing:2px;
  438. padding:2px;
  439. }
  440.  
  441. .album {
  442. padding:2px;
  443. }
  444.  
  445.  
  446.  
  447.  
  448. #audiopost {
  449. padding:20px;
  450.  
  451.  
  452. }
  453. .socialshare {
  454.  
  455. border-radius:30px;
  456. top:0px;
  457. padding:10px;
  458.  
  459.  
  460. transition:.4s ease;
  461.  
  462. }
  463.  
  464.  
  465. .socialshare li {
  466. list-style:none;
  467. margin:2px;
  468. display:inline-block;
  469. }
  470.  
  471. .socialshare a {
  472. border:none;
  473. }
  474. /* post info */
  475. .info {
  476. position:relative;
  477. border-top:1px solid {color:border};
  478. padding:10px;
  479. color:rgba(0,0,0,.4);
  480.  
  481. }
  482.  
  483. .info a {
  484. border:none;
  485. color:rgba(0,0,0,.4);
  486.  
  487. }
  488.  
  489.  
  490. /* Tags */
  491.  
  492. .tags {
  493. position:relative;
  494. line-height:200%;
  495. opacity:.8;
  496. padding:10px;
  497. {block:ifhovertags}
  498. opacity:0;
  499. transform:translate(0,10px);
  500. {/block:ifhovertags}
  501. }
  502.  
  503. .tags a:hover {
  504. background:transparent;
  505. color:{color:links};
  506. }
  507. .tags a {
  508. border:none;
  509. margin:2px;
  510. border:2px solid {color:link border};
  511. opacity:.88em;
  512. background:{color:tag background};
  513. padding:2px 6px;
  514. color:white;
  515. transition:.4s all;
  516. border-radius:30px;
  517. }
  518.  
  519.  
  520.  
  521.  
  522.  
  523. @media only screen and (max-width: 768px) {
  524. /* For mobile phones: */
  525.  
  526. .container {
  527. column-count:1!important;
  528. }
  529.  
  530. .a, .b {
  531. display:none;
  532. }
  533.  
  534. .posts {
  535. width:90%!important;
  536. }
  537.  
  538. nav {
  539. width:94%!important;
  540. }
  541.  
  542.  
  543.  
  544. }
  545. @media only screen and (min-width: 600px) {
  546. /* For tablets: */
  547.  
  548.  
  549.  
  550.  
  551. }
  552.  
  553. .post:hover .inf {
  554. transform: translate3d(0,0,0);
  555. opacity:1;
  556. transition:.6s
  557.  
  558. }
  559.  
  560. .inf {
  561. position:absolute;
  562. right:10px;
  563. }
  564.  
  565. .inf svg {
  566. width:16px;
  567. height:16px;
  568.  
  569. fill:{color:links};
  570. }
  571.  
  572. .inf .like svg {
  573. width:16px;
  574. margin-top:6px;
  575. height:16px;
  576. fill:{color:likes};
  577. }
  578.  
  579. .inf .like { /* Make a parent element */
  580. float:right;
  581. transform:translate(0, -6px);
  582. }
  583.  
  584. .inf .like .like_button { /* Position like button above your custom one */
  585. position: absolute;
  586. top: 0;
  587. margin-top: 6px;
  588. opacity: 0;
  589. }
  590. .inf .like .like_button.liked { /* Keep the functionality active */
  591. opacity: 1;
  592. }
  593.  
  594. .inf .like:active svg {
  595. opacity:0;
  596. }
  597.  
  598. .inf a{ color:#555; padding:5.2px; border-radius:8%; text-decoration:none;
  599.  
  600. height:14px;
  601.  
  602.  
  603. transition: all .4s ease-in;
  604. }
  605.  
  606.  
  607. .inf a:hover{ transition:.4s ease-in-out; box-shadow:none; text-shadow:none;
  608. color:#ccc;
  609. opacity:.52;
  610. text-decoration:none;
  611. }
  612.  
  613.  
  614. ol.notes {
  615. background:{color:posts};
  616. padding:10px;
  617. position:relative;
  618. width:50%;
  619. border-radius:8px;
  620. }
  621.  
  622. ol.notes li {
  623. padding:10px;
  624. list-style:none;
  625. border-bottom:1px solid {color:border};
  626. }
  627.  
  628.  
  629. #search {
  630. margin-top:20px;
  631. position:relative;
  632. }
  633.  
  634.  
  635. #search-scope input,
  636. #search-scope label {
  637. cursor: pointer;
  638. }
  639.  
  640.  
  641.  
  642. #search form .query {
  643. border: none;
  644. border:none;
  645. outline: none;
  646. background:none;
  647. line-height:120%;
  648. width: 80%;
  649. margin-left:8%;
  650. float: left;
  651. background:none;
  652. font-size:1em;
  653. padding:10px 6px;
  654. opacity:1;
  655. border:2px solid rgba(255,255,255,.8);
  656. border-radius:30px;
  657. color: black;
  658. }
  659.  
  660. ::placeholder {
  661. color:white;
  662. }
  663.  
  664. #egg { opacity:.8;right:10px; position:fixed;bottom:10px;display:block; width: 14px; height: 18px; background-color:#FFFEFC; -webkit-border-radius: 63px 63px 63px 63px / 108px 108px 72px 72px; border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  665. font-family: "bitxmap";
  666. border:1px solid #777; z-index:4;
  667. transform:scale(1.12);
  668.  
  669. }
  670. #egg:hover { animation-name: egg;
  671. animation-duration: 1s;
  672. animation-iteration-count: infinite;}
  673. @keyframes egg{
  674. 0%{}
  675. 10%{transform:rotate(20deg)}
  676. 80%{transform:rotate(-20deg)}
  677. 100%{}
  678. }
  679. #pagination {
  680.  
  681. margin:50px;
  682. text-align: center;
  683. position: relative;
  684. left:25%;
  685. width: 44%;
  686. }
  687.  
  688.  
  689. #pagination a, .current_page {
  690. margin: 0 6px;
  691. display: inline-block;
  692. width: 40px;
  693. height: 40px;
  694. text-align: center;
  695. background: {color:pagination};
  696. border-radius: 100%;
  697. color: #fff; opacity:.6;
  698. line-height: 42px;
  699.  
  700. }
  701.  
  702. .current_page {
  703. background: {color:current page};
  704. color:#fff;
  705. opacity:1;
  706. }
  707.  
  708.  
  709. {CustomCSS}
  710. </style>
  711. </head>
  712. <body>
  713.  
  714. <a href="http://espoirthemes.tumblr.com" title="credit"><div id="egg"></div><span class="sr-only" style="position: absolute !important;
  715. clip: rect(1px 1px 1px 1px);
  716. clip: rect(1px, 1px, 1px, 1px);" >theme made by espoirthemes</span></a>
  717. <header>
  718. <nav>
  719. <li> <a href="/">{lang:Home}</a> </li>
  720. <li> <a href="/ask">Ask</a></li>
  721. <li> <a href="/archive">{lang:Archive}</a> </li>
  722. {block:HasPages}{block:Pages} <li> <a href="{URL}">{label}</a> {/block:Pages}{/block:HasPages}
  723. </nav>
  724. </header>
  725.  
  726. <aside>
  727. <div class="cover">
  728. <center><img src="{PortraitUrl-128}"></center> <p>
  729. <a href="/" class="title">{title}</a>
  730. <div class="description">
  731. {Description}
  732. </div>
  733. <div id="search">
  734. <form action="/search" method="get" id="search-form">
  735. <input type="hidden" name="t" value="{Name}" />
  736. <input type="text" name="q" class="query" value="{SearchQuery}" placeholder="Search"/>
  737.  
  738. <div class="clear"></div>
  739. </form></div>
  740. </div>
  741. </aside>
  742. <div id="con" class="container">
  743.  
  744.  
  745.  
  746. {block:Tagpage}
  747. <article class="posts {block:Answer} answers {/block:answer}"><div class="caption">
  748. {lang:Showing TagResultCount posts tagged Tag}
  749. </div></article>
  750. {/block:tagpage}
  751. {block:SearchPage}
  752. <article class="posts"><div class="caption">
  753. {lang:Showing SearchResultCount results for SearchQuery}
  754. </div></article>
  755. {/block:SearchPage}
  756. {block:DayPage}
  757. <article class="posts"><div class="caption">
  758. {lang:Viewing everything posted on Month DayOfMonth Year}
  759. </div></article>
  760. {/block:DayPage}
  761.  
  762.  
  763. {block:Posts}<article class="posts">
  764.  
  765. <!-- {block:NoRebloggedFrom}
  766. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  767. {/block:NoRebloggedFrom} -->
  768. {block:ContentSource}
  769. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  770. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  771. {/block:SourceLogo}
  772. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  773. {/block:ContentSource}
  774.  
  775. <!-- text post start -->
  776. {block:Text}
  777.  
  778. {block:Title}
  779. <h1><a href="{Permalink}">{Title}</a></h1>
  780. {/block:Title}
  781.  
  782. <div class="caption">{block:NotReblog}
  783. <figcaption>
  784. {Body}
  785. </figcaption>
  786. {/block:NotReblog}
  787.  
  788. {block:RebloggedFrom}
  789. <div class="reblog-list">
  790. {block:Reblogs}
  791. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  792. <div class="reblog-header">
  793.  
  794. {block:IsActive}
  795. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  796. <img src="{PortraitURL-64}" style="width:24px; float:left">
  797. </a>
  798. {/block:IsActive}
  799.  
  800. {block:IsDeactivated}
  801. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  802. <img src="{PortraitURL-64}" style="width:24px; float:left">
  803. </span>
  804. {/block:IsDeactivated}
  805.  
  806. {block:IsActive}
  807. <a target="_blank" href="{Permalink}" class="user"> {Username}</a>
  808. {/block:IsActive}
  809.  
  810. {block:IsDeactivated}
  811. <span class="inactive deactivated">{Username}</span>
  812. {/block:IsDeactivated}
  813.  
  814. </div>
  815. <div class="reblog-content">
  816. {Body}
  817. </div>
  818. </div>
  819. {/block:Reblogs}
  820. </div>
  821. {/block:RebloggedFrom}</div>
  822.  
  823. {/block:Text} <!-- text post end -->
  824.  
  825. <!-- photo posts -->
  826. {block:Photo}
  827. <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  828. {block:Caption}
  829. <div class="caption"> {block:NotReblog}
  830. <figcaption>
  831. {Caption}
  832. </figcaption>
  833. {/block:NotReblog}
  834.  
  835. {block:RebloggedFrom}
  836. <div class="reblog-list">
  837. {block:Reblogs}
  838. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  839. <div class="reblog-header">
  840.  
  841. {block:IsActive}
  842. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  843. <img src="{PortraitURL-64}" style="width:24px; float:left">
  844. </a>
  845. {/block:IsActive}
  846.  
  847. {block:IsDeactivated}
  848. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  849. <img src="{PortraitURL-64}" style="width:24px; float:left">
  850. </span>
  851. {/block:IsDeactivated}
  852.  
  853. {block:IsActive}
  854. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  855. {/block:IsActive}
  856.  
  857. {block:IsDeactivated}
  858. <span class="inactive deactivated">{Username}</span>
  859. {/block:IsDeactivated}
  860.  
  861. </div>
  862. <div class="reblog-content">
  863. {Body}
  864. </div>
  865. </div>
  866. {/block:Reblogs}
  867. </div>
  868. {/block:RebloggedFrom}</div>
  869. {/block:Caption}
  870.  
  871. {/block:Photo}<!-- end photo posts -->
  872.  
  873. {block:Panorama}
  874. {LinkOpenTag}
  875. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  876. {LinkCloseTag}
  877.  
  878. {block:Caption}
  879. <div class="caption"> {block:NotReblog}
  880. <figcaption>
  881. {Caption}
  882. </figcaption>
  883. {/block:NotReblog}
  884.  
  885. {block:RebloggedFrom}
  886. <div class="reblog-list">
  887. {block:Reblogs}
  888. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  889. <div class="reblog-header">
  890.  
  891. {block:IsActive}
  892. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  893. <img src="{PortraitURL-64}" style="width:24px; float:left">
  894. </a>
  895. {/block:IsActive}
  896.  
  897. {block:IsDeactivated}
  898. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  899. <img src="{PortraitURL-64}" style="width:24px; float:left">
  900. </span>
  901. {/block:IsDeactivated}
  902.  
  903. {block:IsActive}
  904. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  905. {/block:IsActive}
  906.  
  907. {block:IsDeactivated}
  908. <span class="inactive deactivated">{Username}</span>
  909. {/block:IsDeactivated}
  910.  
  911. </div>
  912. <div class="reblog-content">
  913. {Body}
  914. </div>
  915. </div>
  916. {/block:Reblogs}
  917. </div>
  918. {/block:RebloggedFrom}</div>
  919. {/block:Caption}
  920.  
  921. {/block:Panorama}
  922.  
  923. <!-- photoset posts -->
  924. {block:Photoset}
  925. {Photoset}
  926.  
  927. {block:Caption}
  928. <div class="caption"> {block:NotReblog}
  929. <figcaption>
  930. {Caption}
  931. </figcaption>
  932. {/block:NotReblog}
  933.  
  934. {block:RebloggedFrom}
  935. <div class="reblog-list">
  936. {block:Reblogs}
  937. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  938. <div class="reblog-header">
  939.  
  940. {block:IsActive}
  941. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  942. <img src="{PortraitURL-64}" style="width:24px; float:left">
  943. </a>
  944. {/block:IsActive}
  945.  
  946. {block:IsDeactivated}
  947. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  948. <img src="{PortraitURL-64}" style="width:24px; float:left">
  949. </span>
  950. {/block:IsDeactivated}
  951.  
  952. {block:IsActive}
  953. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  954. {/block:IsActive}
  955.  
  956. {block:IsDeactivated}
  957. <span class="inactive deactivated">{Username}</span>
  958. {/block:IsDeactivated}
  959.  
  960. </div>
  961. <div class="reblog-content">
  962. {Body}
  963. </div>
  964. </div>
  965. {/block:Reblogs}
  966. </div>
  967. {/block:RebloggedFrom}</div>
  968. {/block:Caption}
  969.  
  970. {/block:Photoset}<!-- end photoset -->
  971.  
  972. <!-- quote posts -->
  973. {block:Quote}
  974. <div class="caption">
  975. "{Quote}"
  976.  
  977. {block:Source}
  978. <br> -{Source}
  979. {/block:Source}
  980. </div>
  981. {/block:Quote} <!-- end quote posts -->
  982.  
  983. <!-- link posts --> {block:Link}
  984.  
  985. <h1> <a href="{URL}" style="border:none" class="link" {Target}>{Name}</a></h1>
  986.  
  987. {block:Description}
  988. <div class="caption">{Description}</div>
  989. {/block:Description}
  990.  
  991. {/block:Link}
  992. <!-- end link posts -->
  993.  
  994. {block:Chat}
  995.  
  996.  
  997. <div class="caption">
  998. {block:Title}<a href="{Permalink}" style="background:transparent; padding:0;"><h1>{title}</h1></a>{/block:Title}
  999. {block:Lines} <div class="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br/></div>{/block:Lines}
  1000.  
  1001. </div>
  1002.  
  1003. {/block:Chat}{block:Video}
  1004.  
  1005. {Video-500}{block:Caption}
  1006. <div class="caption"> {block:NotReblog}
  1007. <figcaption>
  1008. {Caption}
  1009. </figcaption>
  1010. {/block:NotReblog}
  1011.  
  1012. {block:RebloggedFrom}
  1013. <div class="reblog-list">
  1014. {block:Reblogs}
  1015. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1016. <div class="reblog-header">
  1017.  
  1018. {block:IsActive}
  1019. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1020. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1021. </a>
  1022. {/block:IsActive}
  1023.  
  1024. {block:IsDeactivated}
  1025. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1026. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1027. </span>
  1028. {/block:IsDeactivated}
  1029.  
  1030. {block:IsActive}
  1031. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  1032. {/block:IsActive}
  1033.  
  1034. {block:IsDeactivated}
  1035. <span class="inactive deactivated">{Username}</span>
  1036. {/block:IsDeactivated}
  1037.  
  1038. </div>
  1039. <div class="reblog-content">
  1040. {Body}
  1041. </div>
  1042. </div>
  1043. {/block:Reblogs}
  1044. </div>
  1045. {/block:RebloggedFrom}</div>
  1046. {/block:Caption}
  1047.  
  1048. {/block:Video}{block:Audio}
  1049.  
  1050. <div id="audiopost">
  1051. <div class="playerbox">
  1052. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1053.  
  1054. <center><div class="playercon"><div class="player">{AudioPlayerWhite}</div></div></center></div>
  1055. <div class="infobox">
  1056. <div class="trackname"> {block:TrackName}
  1057. Track: {TrackName}
  1058. {/block:TrackName} </div>
  1059.  
  1060.  
  1061. <div class="artist">
  1062. {block:Artist}
  1063.  
  1064. Artist: {Artist}
  1065. {/block:Artist} </div>
  1066.  
  1067. <div class="album">
  1068. {block:Album}
  1069. Album: {Album}
  1070. {/block:Album}
  1071. </div>
  1072.  
  1073. </div></div> <br> {block:Caption}
  1074. <div class="caption"> {block:NotReblog}
  1075. <figcaption>
  1076. {Caption}
  1077. </figcaption>
  1078. {/block:NotReblog}
  1079.  
  1080. {block:RebloggedFrom}
  1081. <div class="reblog-list">
  1082. {block:Reblogs}
  1083. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1084. <div class="reblog-header">
  1085.  
  1086. {block:IsActive}
  1087. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1088. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1089. </a>
  1090. {/block:IsActive}
  1091.  
  1092. {block:IsDeactivated}
  1093. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1094. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1095. </span>
  1096. {/block:IsDeactivated}
  1097.  
  1098. {block:IsActive}
  1099. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  1100. {/block:IsActive}
  1101.  
  1102. {block:IsDeactivated}
  1103. <span class="inactive deactivated">{Username}</span>
  1104. {/block:IsDeactivated}
  1105.  
  1106. </div>
  1107. <div class="reblog-content">
  1108. {Body}
  1109. </div>
  1110. </div>
  1111. {/block:Reblogs}
  1112. </div>
  1113. {/block:RebloggedFrom}</div>
  1114. {/block:Caption}
  1115.  
  1116. {/block:Audio}
  1117.  
  1118.  
  1119.  
  1120. {block:Answer}
  1121. <div class="caption">
  1122. <br>
  1123. <div class="askerportrait"><img style="position:absolute; margin-left:10px" src="{AskerPortraitURL-40}" align="left" /></div><div class="speechbubble">{Asker} said: {Question}</div> {answer}
  1124.  
  1125. </div>
  1126. {/block:Answer}
  1127.  
  1128.  
  1129.  
  1130. {block:Date}
  1131.  
  1132. <div class="info">
  1133. <center><div class="inf">
  1134.  
  1135.  
  1136. <div class="like">
  1137. <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  1138. width="369.486px" height="369.486px" viewBox="0 0 369.486 369.486" style="enable-background:new 0 0 369.486 369.486;"
  1139. xml:space="preserve">
  1140. <g>
  1141. <g>
  1142. <path d="M184.743,357.351c-3.478,0-6.798-1.449-9.164-3.998l-147.67-159.16c-0.038-0.041-0.076-0.082-0.113-0.123
  1143. C9.871,174.223,0,147.921,0,120.008c0-27.914,9.871-54.215,27.796-74.061l2.244-2.484c18.246-20.201,42.608-31.327,68.599-31.327
  1144. s50.354,11.126,68.601,31.328l17.503,19.38l17.503-19.379c18.246-20.202,42.608-31.328,68.6-31.328s50.354,11.126,68.601,31.329
  1145. l2.241,2.478c17.928,19.851,27.799,46.152,27.799,74.065s-9.872,54.215-27.796,74.061c-0.037,0.043-0.075,0.084-0.113,0.125
  1146. l-147.671,159.16C191.541,355.901,188.221,357.351,184.743,357.351z M46.295,177.252l138.448,149.219l138.448-149.22
  1147. c28.485-31.603,28.467-82.97-0.055-114.549l-2.239-2.478c-13.449-14.891-31.224-23.09-50.051-23.09
  1148. c-18.828,0-36.603,8.199-50.048,23.085L194.02,89.869c-2.369,2.624-5.74,4.121-9.275,4.121s-6.906-1.497-9.276-4.121
  1149. l-26.779-29.648c-13.446-14.887-31.22-23.086-50.048-23.086S62.039,45.333,48.594,60.22l-2.244,2.484
  1150. C17.828,94.283,17.809,145.65,46.295,177.252z"/>
  1151. </g>
  1152. </g>
  1153.  
  1154.  
  1155. </svg>
  1156.  
  1157. {LikeButton size="15"}
  1158. </div>
  1159.  
  1160. <a href="{ReblogURL}" style="">
  1161. <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  1162. viewBox="0 0 489.935 489.935" style="enable-background:new 0 0 489.935 489.935;" xml:space="preserve">
  1163. <g>
  1164. <path d="M278.235,33.267c-116.7,0-211.6,95-211.6,211.7v0.7l-41.9-63.1c-4.1-6.2-12.5-7.9-18.7-3.8c-6.2,4.1-7.9,12.5-3.8,18.7
  1165. l60.8,91.5c2.2,3.3,5.7,5.4,9.6,5.9c0.6,0.1,1.1,0.1,1.7,0.1c3.3,0,6.5-1.2,9-3.5l84.5-76.1c5.5-5,6-13.5,1-19.1
  1166. c-5-5.5-13.5-6-19.1-1l-56.1,50.7v-1c0-101.9,82.8-184.7,184.6-184.7s184.7,82.8,184.7,184.7s-82.8,184.7-184.6,184.7
  1167. c-49.3,0-95.7-19.2-130.5-54.1c-5.3-5.3-13.8-5.3-19.1,0c-5.3,5.3-5.3,13.8,0,19.1c40,40,93.1,62,149.6,62
  1168. c116.6,0,211.6-94.9,211.6-211.7S394.935,33.267,278.235,33.267z"/>
  1169. </g>
  1170.  
  1171. </svg>
  1172.  
  1173. </a></div>
  1174. </center>
  1175.  
  1176. <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}" title="at {12hour}:{minutes}{AmPM}" >{lang:Posted on DayOfMonth Month Year}</a> with <a href="{Permalink}">{NoteCountWithLabel}</a>
  1177. {block:permalinkpage}
  1178. {block:RebloggedFrom}<br> {lang:via} <a href="{ReblogParentURL}"> {ReblogParentName}</a> {lang:source} <a href="{ReblogRootURL}"> {ReblogRootName}</a>
  1179. {/block:RebloggedFrom} {/block:permalinkpage}
  1180. </div> <!-- end info -->
  1181.  
  1182. {/block:Date}
  1183. {block:HasTags} <div class="tags"> {block:Tags}<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div> {/block:HasTags}
  1184.  
  1185.  
  1186. </article><!--posts end-->
  1187. <div id="pagination"><!-- navigation for next post and previous post -->
  1188. {block:PermalinkPagination}
  1189. {block:PreviousPost}
  1190. <a href="{PreviousPost}" class="jump_page">Previous Post</a>
  1191. {/block:PreviousPost}
  1192.  
  1193. {block:NextPost}
  1194. <a href="{NextPost}" class="jump_page">Next Post</a>
  1195. {/block:NextPost}
  1196. {/block:PermalinkPagination}
  1197. </div>
  1198.  
  1199.  
  1200. {block:PostNotes} {PostNotes-16} {/block:PostNotes} {/block:Posts}
  1201. </div>
  1202. <div id="pagination">
  1203. {block:Pagination}
  1204.  
  1205. {block:previousPage}<a href="{PreviousPage}" class="jump_page">Prev</a>{/block:PreviousPage}
  1206.  
  1207. {block:JumpPagination length="5"}
  1208. {block:CurrentPage}
  1209. <span class="current_page">✘</span>
  1210. {/block:CurrentPage}
  1211.  
  1212. {block:JumpPage}
  1213. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1214. {/block:JumpPage}
  1215. {/block:JumpPagination}
  1216.  
  1217. {block:NextPage}
  1218. <a href="{NextPage}" class="jump_page">{lang:next}</a>
  1219. {/block:NextPage}
  1220. </div>
  1221. {/block:Pagination}
  1222. <center>{block:DayPagination}{block:PreviousDayPage}
  1223. <a href="{PreviousDayPage}" class="jump_page">
  1224. &#171; {ShortMonth} {DayOfMonth}
  1225. </a>
  1226. {/block:PreviousDayPage}{block:NextDayPage}
  1227. <a href="{NextDayPage}" class="jump_page">
  1228. {ShortMonth} {DayOfMonth} &#187;
  1229. </a>
  1230. {/block:NextDayPage}{/block:DayPagination}</center>
  1231. </div>
  1232.  
  1233.  
  1234.  
  1235. </body>
  1236.  
  1237. </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!