API tools faq
paste
Advertisement
cornetespoir

Pride Month Theme / L'arc-en-ciel

cornetespoir
Jun 14th, 2018
2,426
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 37.72 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2.  
  3. // {Thm:Pride}
  4.  
  5. L'arc-en-ciel
  6.  
  7. by espoirthemes //
  8.  
  9. + basic html and css knowledge is required to customize this page
  10. + feel free to edit and custom the theme to your liking, but don't redistribute, use as a base, or claim as your own
  11. + please do not move or remove the credit
  12.  
  13.  
  14. -->
  15.  
  16. <!DOCTYPE html>
  17. <html>
  18.  
  19. <head>
  20. <meta charset="utf-8">
  21.  
  22. <link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
  23.  
  24. <meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no" />
  25. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  26. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
  27. <link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">
  28. <script src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>
  29. <link rel="shortcut icon" href="{Favicon}" />
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  31. <title>{Title}</title>
  32. {block:Description}<meta name="description" content="{description}" />{/block:Description}
  33.  
  34. <meta name="image:flag" content="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3e/Bi_flag.svg/220px-Bi_flag.svg.png"/>
  35.  
  36. <meta name="color:background" content="#fff" />
  37. <meta name="color:posts" content="#fff" />
  38. <meta name="color:scrollbar" content="8396F1" />
  39. <meta name="color:scrollbar background" content="#aaa" />
  40. <meta name="color:links" content="#222" />
  41. <meta name="color:link underline" content="#f68686" />
  42. <meta name="color:navigation links" content="#f68686" />
  43. <meta name="color:header" content="#fff" />
  44. <meta name="color:highlighted text" content="#facade" />
  45. <meta name="color:reblog button" content="#222" />
  46. <meta name="color:like button" content="#222" />
  47.  
  48.  
  49. <link href="https://fonts.googleapis.com/css?family=Cabin|Pacifico" rel="stylesheet">
  50.  
  51. <link href="//dl.dropbox.com/s/50g6fbds3rh4m0j/saturnicons.css" rel="stylesheet">
  52. </head>
  53.  
  54.  
  55.  
  56.  
  57.  
  58. <style type="text/css">
  59.  
  60.  
  61. ::selection {
  62. background:{color:highlighted text};
  63. }
  64.  
  65.  
  66. ::-webkit-scrollbar {
  67. width: 18px;
  68. height:6px;
  69.  
  70.  
  71. }
  72. ::-webkit-scrollbar-button {
  73. width: 0px;
  74. height: 0px;
  75. }
  76. ::-webkit-scrollbar-thumb {
  77. background: {color:scrollbar};
  78. border:6px solid {color:background};
  79. border-top:4px solid {color:background};
  80. border-bottom:4px solid {color:background};
  81. cursor:pointer;
  82. border-radius: 8px;
  83. }
  84. ::-webkit-scrollbar-track {
  85. background:{color:scrollbar background};
  86. border: 8px solid {color:background};
  87. border-top:12px solid {color:background};
  88. border-bottom:12px solid {color:background};
  89.  
  90.  
  91. }
  92.  
  93. /* General Styling */
  94.  
  95. body {
  96. font-family:Cabin;
  97. margin:0px;
  98. font-size:15px;
  99. background:{color:background};
  100. overflow-x:hidden;
  101. }
  102.  
  103. a {
  104. text-decoration:none;
  105. color:#222;
  106. }
  107.  
  108.  
  109. p{
  110. line-height:180%;
  111.  
  112. }
  113.  
  114. h2 {
  115. font-size:1.6em;
  116. position:relative;
  117. margin:auto auto -16px auto;
  118. padding:50px 20px 0px 20px;
  119. }
  120.  
  121.  
  122. /* Container */
  123.  
  124. #con {
  125. margin:10px auto;
  126. display:flex;
  127. flex-wrap:wrap;
  128. justify-content:center;
  129. max-width:1000px;
  130. position:relative;
  131. }
  132.  
  133.  
  134. section {
  135. position:relative;
  136. width:70%;
  137. margin:auto;
  138. }
  139.  
  140.  
  141. /* Posts */
  142.  
  143. article, ol.notes {
  144. position:relative;
  145. width:98%;
  146. max-width:540px;
  147. background-color:{color:posts};
  148. box-shadow:0px 6px 56px 0px rgba(0,0,0,.02);
  149. position:relative;
  150. border-radius:10px;
  151. border-radius:4px;
  152. margin:100px auto 30vh auto;
  153. display:block;
  154.  
  155. }
  156.  
  157. article img, iframe {
  158. max-width:100%;
  159. border-radius:4px;
  160. }
  161.  
  162.  
  163. ol.notes li {
  164. padding:10px;
  165. }
  166.  
  167.  
  168. .user, .deactivated, .tumblelog, ol.notes .like .action a {
  169. margin:6px;
  170. margin-left:20px;
  171. padding:4px;
  172. border-radius:4px;
  173. border:none;
  174. position:relative;
  175. background:rgba(255,17,187, .12)
  176. }
  177.  
  178. .user:after, .deactivated:after, .tumblelog:after, ol.notes .like .action a:after
  179. {
  180. content: '';
  181. position: absolute;
  182. border-style: solid;
  183. border-width: 8px 13px 8px 0;
  184. border-color: transparent rgba(255,17,187, .12); /* keep same color as bubble */
  185. display: block;
  186. width: 0;
  187. z-index: 1;
  188. left: -13px;
  189. top: 6px;
  190. }
  191.  
  192. .reblog-header img {
  193. transform:translate(0,-4px);
  194. }
  195.  
  196. .deactivated:before {
  197. content:'deactivated';
  198. position:absolute;
  199. padding-left:8px;
  200. opacity:0;
  201. transition:.4s ease-in-out;
  202. }
  203.  
  204. .deactivated:hover:before {
  205. opacity:1;
  206.  
  207. }
  208.  
  209.  
  210.  
  211. .caption {
  212. padding:50px 45px;
  213.  
  214. }
  215.  
  216. .reblog-content a, .answerc a {
  217. color:{color:links};
  218. padding-bottom:1px;
  219. box-shadow:inset 0px -2px {color:link underline};
  220. }
  221.  
  222. #albumart{
  223. z-index:2;
  224.  
  225. width:90px;
  226. float:left;border-radius:100%;
  227. height:90px;
  228.  
  229. }
  230.  
  231. .playerbox {
  232. float:left;
  233. padding:6px;
  234. }
  235.  
  236.  
  237. #albumart img{
  238.  
  239. width:90px;
  240. height:90px;
  241. float:left;border-radius:100%;
  242.  
  243.  
  244.  
  245. border-width:0px; transition:.6s;
  246.  
  247. }
  248.  
  249. .playerbox:hover #albumart img{
  250. transition:0.6s;
  251. transform:rotate(300deg); }
  252.  
  253. .player {
  254. max-width:50px;
  255. overflow:hidden;
  256. max-height:40px;
  257. transform:scale(1.16);
  258. border-radius:100%;
  259.  
  260. top:8px;
  261. bottom:10px;
  262. left:0px;
  263.  
  264. padding:8px;
  265. padding-top:6px;
  266. padding-left:12px;
  267. padding-bottom:0px;
  268. border-radius:100%;
  269. position:absolute;
  270.  
  271.  
  272. }
  273.  
  274.  
  275. .playercon {
  276. width:56px;
  277. height:56px;
  278. border-radius:100%;
  279. left:0px;
  280. background:#f1f1f1;
  281. top:16px;
  282. position:relative;
  283.  
  284. -webkit-transition-duration:500ms;
  285. -moz-transition-duration:500ms;
  286. -o-transition-duration:500ms;
  287. -ms-transition-duration:500ms;
  288. }
  289.  
  290. .infobox {
  291. float:left top;
  292. margin-left:90px;
  293. background-color:transparent;
  294. padding:14px;
  295. padding-left:2px;
  296. {block:permalinkpage} width:300px; {/block:permalinkpage}
  297. max-height:140px;
  298. text-align:center;
  299. color:{color:text};
  300. }
  301.  
  302. .track {
  303.  
  304. font-size:1em;
  305. letter-spacing:2px;
  306. padding:2px;
  307. font-weight:300;
  308. text-transform:uppercase; transition:.6s;
  309. color:#333;
  310.  
  311.  
  312. }
  313. .artist {
  314. letter-spacing:2px;
  315. padding:2px;
  316. font-size:1em;;
  317. font-style:italic;
  318.  
  319.  
  320.  
  321. }
  322.  
  323. .album {
  324. font-size:1em;;
  325.  
  326. }
  327.  
  328. .playcount {
  329. font-size:9px;
  330.  
  331. text-transform:uppercase;
  332. letter-spacing:3px;
  333. }
  334.  
  335.  
  336.  
  337. .posts .speechbubble {
  338. width:70%;
  339. position: relative;
  340. background:#eee;
  341. left:70px;
  342. line-height:140%;
  343. margin: 0;
  344. padding:12px;
  345. -moz-border-radius:10px;
  346. -webkit-border-radius:10px;
  347. -webkit-box-shadow: 0px 0 1px rgba(0,0,0,0);
  348. -moz-box-shadow: 0px 0 1px rgba(0,0,0,0);
  349. box-shadow: 0px 0 1px rgba(0,0,0,0);
  350. }
  351.  
  352.  
  353. .posts .speechbubble:after {
  354. position: absolute;
  355. display: block;
  356. content: "";
  357. border-color: #eee transparent transparent transparent;
  358. border-style: solid;
  359. border-width: 15px 15px 0px;
  360. height:0;
  361. width:0;
  362. position:absolute;
  363. left:-15px;
  364. top:10px;
  365. }
  366.  
  367.  
  368. /* Post Info */
  369.  
  370. .info {
  371. padding:20px;
  372. font-family:Cabin;
  373. border-top:1px solid rgba(0,0,0,.04);
  374. }
  375. .info img {
  376. width:40px;
  377. position:absolute;
  378. }
  379.  
  380. .info a {
  381. margin:0px 0px 0 50px;
  382. }
  383. .tags {
  384. padding:10px 20px;
  385. font-size:.92em;
  386. background:#f8f8f8;
  387. font-family:Cabin;
  388. border-bottom-left-radius:4px;
  389. border-bottom-right-radius:4px;
  390. border-top:1px dotted rgba(0,0,0,.052);
  391. }
  392.  
  393. .tags a {
  394. display:none;
  395. border-radius:10px;
  396.  
  397. opacity:.8;
  398.  
  399.  
  400. }
  401.  
  402. .tags a:first-child, .tags a:nth-child(2), .tags a:nth-child(3) {
  403. display:inline-block;
  404. margin:4px;
  405. }
  406.  
  407.  
  408. /* like and reblog */
  409. .inf{
  410. font-size:.92em;
  411. position:absolute;
  412. padding:4px;
  413. width:98%;
  414. text-align:left;
  415. margin-top:-24px;
  416. position:relative;
  417. opacity:0;
  418. text-align:right;
  419. float:right;
  420. transition:.6s;
  421. transform: translate3d(0,0,0);
  422. opacity:1;
  423. transition:.6s
  424.  
  425. }
  426.  
  427. .inf svg {
  428. width:16px;
  429. height:16px;
  430.  
  431. fill:{color:reblog button};
  432. }
  433.  
  434. .inf .like svg {
  435. width:16px;
  436. margin-top:6px;
  437. height:16px;
  438. fill:{color:like button};
  439. }
  440.  
  441. .inf .like { /* Make a parent element */
  442. position: absolute;
  443. right:0px;
  444.  
  445. }
  446.  
  447. .inf .like .like_button { /* Position like button above your custom one */
  448. position: absolute;
  449. top: 0;
  450. margin-top: 6px;
  451. opacity: 0;
  452. }
  453. .inf .like .like_button.liked { /* Keep the functionality active */
  454. opacity: 1;
  455. }
  456.  
  457.  
  458. .inf .like .like_button.liked .like svg{ /* Keep the functionality active */
  459. fill:red;
  460. }
  461.  
  462.  
  463. .inf a{ color:{color:reblog button}; padding:5.2px; border-radius:8%; text-decoration:none;
  464.  
  465. height:14px;
  466.  
  467.  
  468. transition: all .4s ease-in;
  469. }
  470.  
  471.  
  472. .inf a:hover{ transition:.4s ease-in-out; box-shadow:none; text-shadow:none;
  473. color:#ccc;
  474. opacity:.52;
  475. text-decoration:none;
  476. }
  477.  
  478.  
  479. /* Pagination */
  480.  
  481. #pagination {
  482. margin: -40px auto 100px auto;
  483. left: 0;
  484. right: 0;
  485.  
  486. z-index:99999;
  487. text-align: center;
  488. position: relative;
  489. font-weight:bold;
  490. width: 44%;
  491.  
  492. display:block;
  493.  
  494. }
  495.  
  496.  
  497. #pagination a, .current_page {
  498. margin: 0 4px;
  499. display: inline-block;
  500. width: 40px;
  501. height: 40px;
  502. text-align: center;
  503. background: white;
  504. border-radius: 100%;
  505. color: #fff;
  506. line-height: 42px;
  507.  
  508. }
  509.  
  510. #pagination a {
  511. color:#222;
  512. }
  513.  
  514. .current_page {
  515. background: url({image:flag});
  516. background-size:100% 100%;
  517. color:#fff;
  518. text-shadow:1px 1px #444, 1px -1px #444, -1px 1px #444, -1px -1px #444;
  519. }
  520.  
  521.  
  522.  
  523.  
  524.  
  525. #egg { opacity:.6;right:20px; bottom:10px; position:fixed; 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%;
  526. border:1px solid #444; z-index:4;
  527. transform:scale(1.2);
  528.  
  529. }
  530. #egg:hover { animation-name: egg;
  531. animation-duration: 1s;
  532. animation-iteration-count: infinite;}
  533. @keyframes egg{
  534. 0%{}
  535. 10%{transform:rotate(20deg) scale(1.12)}
  536. 80%{transform:rotate(-20deg)}
  537. 100%{}
  538. }
  539.  
  540.  
  541.  
  542. /* header */
  543.  
  544. header {
  545. margin:0px auto;
  546. display:flex;
  547. position:fixed;
  548. z-index:9;
  549. top:0;
  550. padding:0;
  551. background:{color:header};
  552. width:100%;
  553. box-sizing:border-box;
  554.  
  555. align-content:center;
  556. font: 1.2em Pacifico;
  557. font-weight:normal;
  558.  
  559.  
  560. }
  561.  
  562. h1 {
  563.  
  564. background:url({image:flag});
  565.  
  566. background-size:100% 100%;
  567. background-clip: text;
  568. -webkit-background-clip: text;
  569. color: rgba(0,0,0,.0);
  570. text-align:center;
  571.  
  572. line-height:1.1em;
  573. padding:0px;
  574. width:100%;
  575.  
  576. }
  577.  
  578.  
  579. /* Sidebar */
  580.  
  581. aside {
  582. width:30%;
  583. top:0;
  584. color:{color:sidebar text};
  585. text-align:center;
  586. position:relative;
  587. padding-top:150px;
  588. }
  589.  
  590.  
  591. nav {
  592. text-align:left;
  593. padding:10px 30px;
  594.  
  595. line-height:200%;
  596.  
  597.  
  598. }
  599.  
  600. nav a {
  601. margin:10px 4px 10px 0;
  602. color:{color:navigation links};
  603. }
  604.  
  605. aside .sf {
  606. font-size:2.6em;
  607. background:url({image:flag});
  608.  
  609. background-size:100% 100%;
  610. background-clip: text;
  611. -webkit-background-clip: text;
  612. color: rgba(0,0,0,.0);
  613. }
  614.  
  615. aside a {
  616. padding:0px 5px 0 5px;
  617. z-index:9;
  618. }
  619.  
  620. .boxes {
  621. position:fixed;
  622. width:calc(1000px / 3);
  623.  
  624. }
  625. .rainbow {
  626. width:100%;
  627. transform:translate(30px,0);
  628. height:3.4em;
  629. flex-wrap:wrap;
  630. display:flex;
  631. position:relative;
  632.  
  633. }
  634. .usname {
  635. width:calc(100% - 100px);
  636. font-size:1.2em;
  637. margin:auto;
  638. position:relative;
  639. text-align:left;
  640. }
  641.  
  642.  
  643. .rain {
  644. position:relative
  645. }
  646.  
  647. .rain img {
  648. position:absolute;
  649. width:56px;
  650. opacity:0;
  651. transition:.2s;
  652. left:0;
  653. top:0px;
  654. transform:translate(-4px, -6px);
  655. border-radius:100%;
  656. }
  657.  
  658. .rain:hover img {
  659. opacity:1;
  660. }
  661.  
  662.  
  663. .rain:before {
  664. content:'';
  665. position:absolute;
  666. height:100%;
  667. left:-10px;
  668. top:-10px;
  669. z-index:-2;
  670. width:100%;
  671. padding:10px;
  672. background:url({image:flag});
  673. background-size:cover;
  674. border-radius:120%;
  675. }
  676.  
  677. .rain:after {
  678. content:'';
  679. position:absolute;
  680. height:100%;
  681. left:-5px;
  682. top:-5px;
  683. padding:5px;
  684. z-index:-1;
  685. width:100%;
  686.  
  687. background:rgba(255,255,255,.34);
  688. background-size:cover;
  689. border-radius:100%;
  690. }
  691.  
  692. .rain:before, .rain:after {
  693. transform:translate(0, -3px);
  694. }
  695.  
  696. .description {
  697. margin-top:10px;
  698. padding:30px;
  699.  
  700. text-align:left;
  701. }
  702.  
  703. nav:before {
  704. content:'';
  705. position:absolute;
  706. height:1px;
  707. width:calc(100% - 60px);
  708. transform:translate(0, -15px);
  709.  
  710. background:#eee;
  711. }
  712.  
  713. #search form .submit {
  714. background:transparent;
  715. box-shadow:0px 0px 20px transparent;
  716. padding: 8px 10px;
  717. border-radius:100%;
  718. outline:none;
  719. border:0px transparent;
  720. transition:.6s;
  721. right:-10px;
  722. top:12px;
  723. position:absolute;
  724. color:white;
  725. cursor: pointer;
  726.  
  727. background: url({image:flag}); background-size:100% 100%;
  728. }
  729.  
  730.  
  731. .submit .lnr {
  732. text-shadow:1px 1px #444, -1px 1px #444, 1px -1px #444, -1px -1px #444;
  733. }
  734.  
  735. #search {
  736.  
  737.  
  738. padding:10px 20px;
  739.  
  740.  
  741.  
  742. }
  743.  
  744. .search-scope {
  745. font-size: 18px;
  746. text-align: center;
  747. }
  748.  
  749. #search-scope input,
  750. #search-scope label {
  751. cursor: pointer;
  752. }
  753.  
  754. #search form {
  755. position:relative;
  756. width:70%;
  757. left:0px;
  758. margin-top:10px;
  759. padding:6px;
  760. transition:.4s;
  761.  
  762. }
  763.  
  764. #search form .query {
  765. position:relative;
  766. background: transparent;
  767. outline: none;
  768. border:1px solid #eee;
  769.  
  770. width: 100%;
  771. border-radius:30px;
  772. font-size:14px;
  773. padding:12px 12px;
  774.  
  775. }
  776.  
  777.  
  778.  
  779.  
  780.  
  781. .im {display:block;}
  782. .mobphoto {
  783. display:none;
  784. }
  785.  
  786. /* Responsive styling */
  787.  
  788. @media (max-width:900px) {
  789. aside {
  790. position:relative;
  791. width:80%;
  792.  
  793. margin:10px auto;
  794.  
  795. }
  796. .boxes {
  797. position:relative!important;
  798. width:80%;
  799. }
  800. nav {
  801. max-width:100%;
  802. }
  803. }
  804.  
  805. @media (max-width:770px){
  806. section {
  807. width:90%;
  808. }
  809. .mobphoto {
  810. display:block;
  811. }
  812.  
  813. .caption {
  814. padding:30px;
  815. }
  816.  
  817. .im {
  818. display:none;
  819. }
  820.  
  821. #pagination {
  822. width:80%;
  823. }
  824. }
  825.  
  826.  
  827. @media (max-width:600px) {
  828.  
  829.  
  830.  
  831. nav {
  832. width:500px;
  833. }
  834.  
  835. }
  836.  
  837.  
  838.  
  839.  
  840. </style>
  841.  
  842.  
  843.  
  844. <body>
  845.  
  846.  
  847.  
  848.  
  849. <header>
  850. <h1>{Title}</h1>
  851. </header>
  852.  
  853.  
  854. <a href="http://espoirthemes.tumblr.com/"><div id="egg"></div></a>
  855. <main id="con" class="container">
  856.  
  857. <aside>
  858. <div class="boxes">
  859. <div class="rainbow">
  860.  
  861. <div class="rain"><a href="/"><span class="sf sf-rainbow-o" aria-hidden="true"></span><img src="{portraitURL-128}"></a></div>
  862.  
  863. <div class="usname">{name}<br> <small>{CopyrightYears}</small></div>
  864. </div>
  865.  
  866. <div class="description">
  867. {Description}
  868. </div>
  869.  
  870. <nav>
  871. <a href="/">Home</a>
  872. {block:askenabled}
  873. <a href="/ask">Ask</a>
  874. {/block:askenabled}
  875. {block:submissionsenabled}
  876. <a href="/submit">Submit</a>
  877. {/block:submissionsenabled}
  878. <a href="/archive">Archive</a>
  879. {block:HasPages}
  880. {block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:Haspages}
  881.  
  882. </nav>
  883.  
  884. <div id="search" title="search">
  885. <form action="/search" method="get" id="search-form">
  886. <input type="hidden" name="t" value="accessibletheme" />
  887. <input type="text" name="q" class="query" value="" placeholder="search"
  888. />
  889. <button type="submit" class="submit"><span class="lnr lnr-magnifier"></span></button>
  890. <div class="clear"></div>
  891. </form></div>
  892.  
  893. </div>
  894. </div>
  895.  
  896.  
  897. </aside>
  898. <section>
  899.  
  900. {block:Tagpage}
  901. <article class="posts {block:Answer} answer {/block:answer} {block:text}text{/block:text} {block:quote} quote {/block:quote}"><div class="caption">
  902. {lang:Showing TagResultCount posts tagged Tag}
  903. </div></article>
  904. {/block:tagpage}
  905. {block:SearchPage}
  906. <article class="posts"><div class="caption">
  907. {lang:Showing SearchResultCount results for SearchQuery}
  908. </div></article>
  909. {/block:SearchPage}
  910. {block:DayPage}
  911. <article class="posts"><div class="caption">
  912. {lang:Viewing everything posted on Month DayOfMonth Year}
  913. </div></article>
  914. {/block:DayPage}
  915.  
  916.  
  917. {block:Posts}<article class="posts" data-aos="fade-up">
  918.  
  919. <!-- {block:NoRebloggedFrom}
  920. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  921. {/block:NoRebloggedFrom} -->
  922. {block:ContentSource}
  923. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  924. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  925. {/block:SourceLogo}
  926. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  927. {/block:ContentSource}
  928.  
  929. <!-- text post start -->
  930. {block:Text}
  931.  
  932. {block:Title}
  933. <h2><a href="{Permalink}">{Title}</a></h2>
  934. {/block:Title}
  935.  
  936. <div class="caption">{block:NotReblog}
  937. <figcaption>
  938. {Body}
  939. </figcaption>
  940. {/block:NotReblog}
  941.  
  942. {block:RebloggedFrom}
  943. <div class="reblog-list">
  944. {block:Reblogs}
  945. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  946. <div class="reblog-header">
  947.  
  948. {block:IsActive}
  949. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  950. <img src="{PortraitURL-64}" style="width:24px; float:left">
  951. </a>
  952. {/block:IsActive}
  953.  
  954. {block:IsDeactivated}
  955. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  956. <img src="{PortraitURL-64}" style="width:24px; float:left">
  957. </span>
  958. {/block:IsDeactivated}
  959.  
  960. {block:IsActive}
  961. <a target="_blank" href="{Permalink}" class="user"> {Username}</a>
  962. {/block:IsActive}
  963.  
  964. {block:IsDeactivated}
  965. <span class="inactive deactivated">{Username}</span>
  966. {/block:IsDeactivated}
  967.  
  968. </div>
  969. <div class="reblog-content">
  970. {Body}
  971. </div>
  972. </div>
  973. {/block:Reblogs}
  974. </div>
  975. {/block:RebloggedFrom}
  976.  
  977. </div>
  978.  
  979.  
  980.  
  981. {/block:Text} <!-- text post end -->
  982.  
  983.  
  984. <!-- photo posts -->
  985. {block:Photo}
  986. <center><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/></center>
  987.  
  988.  
  989. {block:Caption}
  990. <div class="caption"> {block:NotReblog}
  991. <figcaption>
  992. {Caption}
  993. </figcaption>
  994. {/block:NotReblog}
  995.  
  996. {block:RebloggedFrom}
  997. <div class="reblog-list">
  998. {block:Reblogs}
  999. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1000. <div class="reblog-header">
  1001.  
  1002. {block:IsActive}
  1003. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1004. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1005. </a>
  1006. {/block:IsActive}
  1007.  
  1008. {block:IsDeactivated}
  1009. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1010. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1011. </span>
  1012. {/block:IsDeactivated}
  1013.  
  1014. {block:IsActive}
  1015. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  1016. {/block:IsActive}
  1017.  
  1018. {block:IsDeactivated}
  1019. <span class="inactive deactivated">{Username}</span>
  1020. {/block:IsDeactivated}
  1021.  
  1022. </div>
  1023. <div class="reblog-content">
  1024. {Body}
  1025. </div>
  1026. </div>
  1027. {/block:Reblogs}
  1028. </div>
  1029. {/block:RebloggedFrom}</div>
  1030. {/block:Caption}
  1031.  
  1032. {/block:Photo}<!-- end photo posts -->
  1033.  
  1034. {block:Panorama}
  1035. {LinkOpenTag}
  1036. <img src="{PhotoURL-Panorama}" alt="{PhotoAlt}"/>
  1037. {LinkCloseTag}
  1038.  
  1039. {block:Caption}
  1040. <div class="caption"> {block:NotReblog}
  1041. <figcaption>
  1042. {Caption}
  1043. </figcaption>
  1044. {/block:NotReblog}
  1045.  
  1046. {block:RebloggedFrom}
  1047. <div class="reblog-list">
  1048. {block:Reblogs}
  1049. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1050. <div class="reblog-header">
  1051.  
  1052. {block:IsActive}
  1053. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1054. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1055. </a>
  1056. {/block:IsActive}
  1057.  
  1058. {block:IsDeactivated}
  1059. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1060. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1061. </span>
  1062. {/block:IsDeactivated}
  1063.  
  1064. {block:IsActive}
  1065. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  1066. {/block:IsActive}
  1067.  
  1068. {block:IsDeactivated}
  1069. <span class="inactive deactivated">{Username}</span>
  1070. {/block:IsDeactivated}
  1071.  
  1072. </div>
  1073. <div class="reblog-content">
  1074. {Body}
  1075. </div>
  1076. </div>
  1077. {/block:Reblogs}
  1078. </div>
  1079. {/block:RebloggedFrom}</div>
  1080. {/block:Caption}
  1081.  
  1082. {/block:Panorama}
  1083.  
  1084. <!-- photoset posts -->
  1085. {block:Photoset}
  1086. <div class="im"> {Photoset}</div>
  1087. <div class="mobphoto">{block:photos}<img src="{PhotoURL-highres}">{/block:photos}</div>
  1088.  
  1089. {block:Caption}
  1090. <div class="caption"> {block:NotReblog}
  1091. <figcaption>
  1092. {Caption}
  1093. </figcaption>
  1094. {/block:NotReblog}
  1095.  
  1096. {block:RebloggedFrom}
  1097. <div class="reblog-list">
  1098. {block:Reblogs}
  1099. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1100. <div class="reblog-header">
  1101.  
  1102. {block:IsActive}
  1103. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1104. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1105. </a>
  1106. {/block:IsActive}
  1107.  
  1108. {block:IsDeactivated}
  1109. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1110. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1111. </span>
  1112. {/block:IsDeactivated}
  1113.  
  1114. {block:IsActive}
  1115. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  1116. {/block:IsActive}
  1117.  
  1118. {block:IsDeactivated}
  1119. <span class="inactive deactivated">{Username}</span>
  1120. {/block:IsDeactivated}
  1121.  
  1122. </div>
  1123. <div class="reblog-content">
  1124. {Body}
  1125. </div>
  1126. </div>
  1127. {/block:Reblogs}
  1128. </div>
  1129. {/block:RebloggedFrom}</div>
  1130. {/block:Caption}
  1131.  
  1132. {/block:Photoset}<!-- end photoset -->
  1133.  
  1134. <!-- quote posts -->
  1135. {block:Quote}
  1136. <div class="caption">
  1137. "{Quote}"
  1138.  
  1139. {block:Source}
  1140. <br> -{Source}
  1141. {/block:Source}
  1142.  
  1143.  
  1144. </div>
  1145.  
  1146.  
  1147. {/block:Quote} <!-- end quote posts -->
  1148.  
  1149. <!-- link posts --> {block:Link}
  1150.  
  1151. <h2> <a href="{URL}" style="border:none" class="link" {Target}>{Name} <span class="lnr lnr-link" style="padding:10px; margin:10px; background:url({image:flag}); background-size:100% 100%; border-radius:100%"></span></a></h2>
  1152.  
  1153. {block:Description}
  1154. <div class="caption">{Description}</div>
  1155. {/block:Description}
  1156.  
  1157. {/block:Link}
  1158. <!-- end link posts -->
  1159.  
  1160. {block:Chat}
  1161.  
  1162.  
  1163. <div class="caption">
  1164. {block:Title}<a href="{Permalink}" style="background:transparent; padding:0;"><h2>{title}</h2></a>{/block:Title}
  1165. {block:Lines} <div class="chat">{block:Label}<b>{Label}</b>{/block:Label} {Line}<br/></div>{/block:Lines}
  1166.  
  1167. </div>
  1168.  
  1169. {/block:Chat}{block:Video}
  1170.  
  1171. <center>{Video-250}</center>
  1172.  
  1173. {block:Caption}
  1174. <div class="caption"> {block:NotReblog}
  1175. <figcaption>
  1176. {Caption}
  1177. </figcaption>
  1178. {/block:NotReblog}
  1179.  
  1180. {block:RebloggedFrom}
  1181. <div class="reblog-list">
  1182. {block:Reblogs}
  1183. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1184. <div class="reblog-header">
  1185.  
  1186. {block:IsActive}
  1187. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1188. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1189. </a>
  1190. {/block:IsActive}
  1191.  
  1192. {block:IsDeactivated}
  1193. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1194. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1195. </span>
  1196. {/block:IsDeactivated}
  1197.  
  1198. {block:IsActive}
  1199. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  1200. {/block:IsActive}
  1201.  
  1202. {block:IsDeactivated}
  1203. <span class="inactive deactivated">{Username}</span>
  1204. {/block:IsDeactivated}
  1205.  
  1206. </div>
  1207. <div class="reblog-content">
  1208. {Body}
  1209. </div>
  1210. </div>
  1211. {/block:Reblogs}
  1212. </div>
  1213. {/block:RebloggedFrom}</div>
  1214. {/block:Caption}
  1215.  
  1216. {/block:Video}{block:Audio}
  1217.  
  1218. <div id="audiopost">
  1219. <div class="playerbox">
  1220. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div>
  1221.  
  1222. <center><div class="playercon"><div class="player">{AudioPlayerWhite}</div></div></center></div>
  1223. <div class="infobox">
  1224. <div class="trackname"> {block:TrackName}
  1225. Track: {TrackName}
  1226. {/block:TrackName} </div>
  1227.  
  1228.  
  1229. <div class="artist">
  1230. {block:Artist}
  1231.  
  1232. Artist: {Artist}
  1233. {/block:Artist} </div>
  1234.  
  1235. <div class="album">
  1236. {block:Album}
  1237. Album: {Album}
  1238. {/block:Album}
  1239. </div>
  1240.  
  1241. </div></div> {block:Caption}
  1242. <div class="caption"> {block:NotReblog}
  1243. <figcaption>
  1244. {Caption}
  1245. </figcaption>
  1246. {/block:NotReblog}
  1247.  
  1248. {block:RebloggedFrom}
  1249. <div class="reblog-list">
  1250. {block:Reblogs}
  1251. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1252. <div class="reblog-header">
  1253.  
  1254. {block:IsActive}
  1255. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1256. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1257. </a>
  1258. {/block:IsActive}
  1259.  
  1260. {block:IsDeactivated}
  1261. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1262. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1263. </span>
  1264. {/block:IsDeactivated}
  1265.  
  1266. {block:IsActive}
  1267. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  1268. {/block:IsActive}
  1269.  
  1270. {block:IsDeactivated}
  1271. <span class="inactive deactivated">{Username}</span>
  1272. {/block:IsDeactivated}
  1273.  
  1274. </div>
  1275. <div class="reblog-content">
  1276. {Body}
  1277. </div>
  1278. </div>
  1279. {/block:Reblogs}
  1280. </div>
  1281. {/block:RebloggedFrom}
  1282. </div>
  1283. {/block:Caption}
  1284.  
  1285.  
  1286. {/block:Audio}
  1287.  
  1288.  
  1289.  
  1290. {block:Answer}
  1291.  
  1292. <br>
  1293. <div class="askerportrait"><img style="position:absolute; margin-left:10px" src="{AskerPortraitURL-40}" align="left" /></div><div class="speechbubble">{Asker} said: {Question}</div>
  1294.  
  1295.  
  1296. <div class="caption answerc">{Answer}
  1297.  
  1298. {block:RebloggedFrom}
  1299. <div class="reblog-list">
  1300. {block:Reblogs}
  1301. <div class="{block:isOriginalEntry}original-reblog{/block:isOriginalEntry}">
  1302. <div class="reblog-header">
  1303.  
  1304. {block:IsActive}
  1305. <a class="{block:isNotOriginalEntry}sub-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1306. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1307. </a>
  1308. {/block:IsActive}
  1309.  
  1310. {block:IsDeactivated}
  1311. <span class="inactive {block:isNotOriginalEntry} sub-reblog{/block:isNotOriginalEntry}">
  1312. <img src="{PortraitURL-64}" style="width:24px; float:left">
  1313. </span>
  1314. {/block:IsDeactivated}
  1315.  
  1316. {block:IsActive}
  1317. <a target="_blank" href="{Permalink}" class="user">{Username}</a>
  1318. {/block:IsActive}
  1319.  
  1320. {block:IsDeactivated}
  1321. <span class="inactive deactivated">{Username}</span>
  1322. {/block:IsDeactivated}
  1323.  
  1324. </div>
  1325. <div class="reblog-content">
  1326. {Body}
  1327. </div>
  1328. </div>
  1329. {/block:Reblogs}
  1330. </div>
  1331. {/block:RebloggedFrom}
  1332.  
  1333. </div>
  1334.  
  1335.  
  1336.  
  1337.  
  1338. {/block:Answer}
  1339.  
  1340.  
  1341.  
  1342.  
  1343.  
  1344. {block:Date}<div class="info">
  1345. <a href="{Permalink}" style="float:right">{NoteCountwithLabel}</a>
  1346. {block:rebloggedfrom}<img src="{ReblogRootPortraitURL-128}"> <a href="{Permalink}">{ReblogRootName}</a><br> <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}" title="at {12hour}:{minutes}{AmPM}" >{lang:Posted on DayOfMonth Month Year}</a>{/block:rebloggedfrom}
  1347.  
  1348.  
  1349. {block:notreblog}
  1350. <img src="{PortraitURL-128}"> <a href="{permalink}">Eggdesigns</a> <br> <a href="/day/{year}/{monthnumberwithzero}/{dayofmonthwithzero}" title="at {12hour}:{minutes}{AmPM}" >{lang:Posted on DayOfMonth Month Year}</a>
  1351. {/block:notreblog}
  1352.  
  1353.  
  1354. <div class="inf">
  1355.  
  1356.  
  1357.  
  1358. <div class="like">
  1359. <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"
  1360. width="369.486px" height="369.486px" viewBox="0 0 369.486 369.486" style="enable-background:new 0 0 369.486 369.486;"
  1361. xml:space="preserve">
  1362. <g>
  1363. <g>
  1364. <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
  1365. 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
  1366. 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
  1367. 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
  1368. 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
  1369. 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
  1370. 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
  1371. 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
  1372. C17.828,94.283,17.809,145.65,46.295,177.252z"/>
  1373. </g>
  1374. </g>
  1375.  
  1376.  
  1377. </svg>
  1378.  
  1379. {LikeButton size="15"}
  1380. </div>
  1381.  
  1382. <a href="{ReblogURL}" style="right:20px; position:absolute;">
  1383. <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"
  1384. viewBox="0 0 489.935 489.935" style="enable-background:new 0 0 489.935 489.935;" xml:space="preserve">
  1385. <g>
  1386. <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
  1387. 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
  1388. 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
  1389. 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
  1390. c116.6,0,211.6-94.9,211.6-211.7S394.935,33.267,278.235,33.267z"/>
  1391. </g>
  1392.  
  1393. </svg>
  1394.  
  1395. </a>
  1396.  
  1397. </div>
  1398.  
  1399. {/block:Date}
  1400. {block:permalinkpage}<p>
  1401. {block:RebloggedFrom}<br> {lang:via}<a href="{ReblogParentURL}"> {ReblogParentName}</a> {lang:source}<a href="{ReblogRootURL}"> {ReblogRootName}</a>
  1402. {/block:RebloggedFrom} {/block:permalinkpage}</div>
  1403. {block:HasTags} <div class="tags"> {block:Tags}
  1404.  
  1405. <a href="{TagURL}">#{Tag}</a>{/block:Tags}</div> {/block:HasTags}
  1406.  
  1407. </article><!--posts end-->
  1408.  
  1409. <div id="pagination"><!-- navigation for next post and previous post -->
  1410. {block:PermalinkPagination}
  1411. {block:PreviousPost}
  1412. <a href="{PreviousPost}" class="jump_page"><span class="sf sf-arrow-left"></span></a>
  1413. {/block:PreviousPost}
  1414.  
  1415. {block:NextPost}
  1416. <a href="{NextPost}" class="jump_page"><span class="sf sf-arrow-right"></span></a>
  1417. {/block:NextPost}
  1418. {/block:PermalinkPagination}
  1419. </div>
  1420.  
  1421.  
  1422. {block:PostNotes} {PostNotes-16} {/block:PostNotes} {/block:Posts}
  1423. </div>
  1424. <div id="pagination">
  1425. {block:Pagination}
  1426.  
  1427. {block:previousPage}<a href="{PreviousPage}" class="jump_page"> <span class="sf sf-arrow-left"></span></a>{/block:PreviousPage}
  1428.  
  1429. {block:JumpPagination length="5"}
  1430. {block:CurrentPage}
  1431. <span class="current_page"><span>{CurrentPage}</span></span>
  1432. {/block:CurrentPage}
  1433.  
  1434. {block:JumpPage}
  1435. <a class="jump_page" href="{URL}">{PageNumber}</a>
  1436. {/block:JumpPage}
  1437. {/block:JumpPagination}
  1438.  
  1439. {block:NextPage}
  1440. <a href="{NextPage}" class="jump_page"><span class="sf sf-arrow-right"></span></a>
  1441. {/block:NextPage}
  1442. </div>
  1443. {/block:Pagination}
  1444. <center>{block:DayPagination}{block:PreviousDayPage}
  1445. <a href="{PreviousDayPage}" class="jump_page">
  1446. &#171; {ShortMonth} {DayOfMonth}
  1447. </a>
  1448. {/block:PreviousDayPage}{block:NextDayPage}
  1449. <a href="{NextDayPage}" class="jump_page">
  1450. {ShortMonth} {DayOfMonth} &#187;
  1451. </a>
  1452. {/block:NextDayPage}{/block:DayPagination}</center>
  1453. </section>
  1454. </main>
  1455.  
  1456.  
  1457. </body>
  1458. <script>
  1459. AOS.init({
  1460. duration: 800,
  1461. })
  1462.  
  1463.  
  1464. </script>
  1465. </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!