API tools faq
paste
Advertisement
verteau

coral palms

verteau
Feb 22nd, 2019 (edited)
5,612
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 38.87 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!---------------
  4. coral palms by Verteau www.verteau.tumblr.com
  5. ---------------------->
  6.  
  7. <head>
  8.  
  9. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  10.  
  11.         <title>{block:TagPage}#{Tag} - {/block:TagPage}{block:PermalinkPage}{block:PostSummary}{PostSummary} - {/block:PostSummary}{/block:PermalinkPage}{Title}</title>
  12.        
  13. <link rel="shortcut icon" href="{Favicon}" />
  14.  
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  16.  
  17.  
  18. <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
  19.  
  20.  
  21. <link href="https://static.tumblr.com/0podkko/oDSpg7y88/photosets.css" rel="stylesheet">
  22.  
  23.  
  24. <link href="https://fonts.googleapis.com/css?family=Muli" rel="stylesheet">
  25.  
  26. <link href="https://fonts.googleapis.com/css?family=KoHo" rel="stylesheet">
  27.  
  28.  
  29. <!-------------------------------META---------------------------------->
  30. <meta name="keywords" content="{block:Permalink}{block:Posts}{block:Tags}{Tag}, {/block:Tags}{/block:Posts}{/block:Permalink}" />
  31. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  32. <meta name="title" content="{block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}" />
  33.  
  34. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  35.  
  36.  
  37. <meta name="image:background" content="">
  38. <meta name="image:avatar" content="">
  39.  
  40. <meta name="color:background" content="#f2f2f2">
  41. <meta name="color:content background" content="#fff">
  42. <meta name="color:scrollbar" content="#d2d2d2">
  43. <meta name="color:text" content="#555">
  44. <meta name="color:links" content="#333" />
  45. <meta name="color:links hover" content="#FF6F61" />
  46. <meta name="color:accent" content="#FF6F61" />
  47. <meta name="color:title" content="#333">
  48. <meta name="color:description" content="#666">
  49. <meta name="color:lines" content="#e5e5e5">
  50. <meta name="color:post buttons" content="#999">
  51. <meta name="color:like button hover" content="#FF6F61">
  52.  
  53.  
  54. <meta name="if:infinite scroll" content="1" />
  55. <meta name="if:manual load" content="1" />
  56. <meta name="if:hide captions" content="0" />
  57. <meta name="if:hide info" content="0" />
  58. <meta name="if:custom scrollbar" content="1" />
  59. <meta name="if:about slider" content="1" />
  60.  
  61. <meta name="text:photoset spacing" content="0">
  62.  
  63. <meta name="text:link1 url" content="/" />
  64. <meta name="text:link1 name" content="link 1" />
  65. <meta name="text:link1 icon" content="fab fa-pagelines" />
  66. <meta name="text:link2 url" content="/" />
  67. <meta name="text:link2 name" content="link 2" />
  68. <meta name="text:link2 icon" content="far fa-comment" />
  69. <meta name="text:link3 url" content="/" />
  70. <meta name="text:link3 name" content="link 3" />
  71. <meta name="text:link3 icon" content="fas fa-palette" />
  72. <meta name="text:link4 url" content="/" />
  73. <meta name="text:link4 name" content="link 4" />
  74. <meta name="text:link4 icon" content="far fa-file" />
  75.  
  76.  
  77. <meta name="text:about name" content="name" />
  78. <meta name="text:about description" content="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." />
  79. <meta name="text:about name" content="name" />
  80. <meta name="text:about location" content="location" />
  81. <meta name="text:about personality" content="personality" />
  82.  
  83.  
  84. <meta name="text:facebook link" content="/" />
  85. <meta name="text:twitter link" content="/" />
  86. <meta name="text:instagram link" content="/" />
  87.  
  88. <meta name="text:tag1 url" content="/" />
  89. <meta name="text:tag1 name" content="#tag 1" />
  90. <meta name="text:tag2 url" content="/" />
  91. <meta name="text:tag2 name" content="#tag 2" />
  92. <meta name="text:tag3 url" content="/" />
  93. <meta name="text:tag3 name" content="#tag 3" />
  94. <meta name="text:tag4 url" content="/" />
  95. <meta name="text:tag4 name" content="#tag 4" />
  96. <meta name="text:tag5 url" content="/" />
  97. <meta name="text:tag5 name" content="#tag 5" />
  98. <meta name="text:tag6 url" content="/" />
  99. <meta name="text:tag6 name" content="#tag 6" />
  100.  
  101. <style type="text/css">
  102.  
  103. /*--------------------------------RESET----------------------------------*/
  104.  
  105. html, body, div, span, applet, object, iframe,
  106. h1, h2, h3, h4, h5, h6, blockquote, pre,
  107. a, abbr, acronym, address, big, cite, code,
  108. del, dfn, em, img, ins, kbd, q, s, samp,
  109. small, strike, strong, sub, sup, tt, var,
  110. b, u, i, center,
  111. dl, dt, dd,
  112. fieldset, form, label, legend,
  113. table, caption, tbody, tfoot, thead, tr, th, td,e
  114. article, aside, canvas, details, embed,
  115. figure, figcaption, footer, header, hgroup,
  116. menu, nav, output, ruby, section, summary,
  117. time, mark, audio, video {
  118.   margin: 0;
  119.   padding: 0;
  120.   border: 0;
  121.   font-size: 100%;
  122.   font: inherit;
  123.   vertical-align: baseline;
  124. }
  125.  
  126. article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
  127.   display:block;
  128.   }
  129.  
  130. html, html a {
  131.     -webkit-font-smoothing: antialiased;
  132.     text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
  133. }
  134. /*-------------------------------SCROLL----------------------------------*/
  135. {block:ifcustomscrollbar}
  136. ::-webkit-scrollbar {
  137.     width: 12px;
  138.     background:{color:background};
  139. }
  140.  
  141.  
  142. ::-webkit-scrollbar-thumb {
  143.     border:4px solid {color:background};
  144.     border-radius: 5px;
  145.     background:{color:scrollbar};
  146. }
  147. {/block:ifcustomscrollbar}
  148.  
  149. * {
  150.      box-sizing: border-box;
  151.   -webkit-box-sizing: border-box;
  152.   -moz-box-sizing: border-box;
  153.   -webkit-transition: all 0.5s ease-out;
  154.   -moz-transition: all 0.5s ease-out;
  155.   -ms-transition: all 0.5s ease-out;
  156.   -o-transition: all 0.5s ease-out;
  157.   transition: all 0.5s ease-out;
  158. }
  159. /*-------------------------CONTROLS----------------------*/
  160. iframe.tmblr-iframe {
  161.     z-index:99999999999999!important;
  162.     top:10px!important;
  163.     right:15px!important;
  164.     opacity:0.4;
  165.         filter:invert(1);
  166.         -webkit-filter:invert(1);
  167.         -o-filter:invert(1);
  168.         -moz-filter:invert(1);
  169.         -ms-filter:invert(1);
  170.     transform:scale(0.6);
  171.     transform-origin:100% 0;
  172.     -webkit-transform:scale(0.6);
  173.     -webkit-transform-origin:100% 0;
  174.     -o-transform:scale(0.6);
  175.     -o-transform-origin:100% 0;
  176.     -moz-transform:scale(0.6);
  177.     -moz-transform-origin:100% 0;
  178.     -ms-transform:scale(0.6);
  179.     -ms-transform-origin:100% 0;}
  180.  
  181. iframe.tmblr-iframe:hover {
  182.     opacity:0.6!important;}
  183.  
  184. /*-------------------------BLOCKQUOTE----------------------*/
  185.    
  186. blockquote {
  187.     border-left:1px solid {color:lines};
  188.     margin: 5px 10px;
  189.     padding-left: 15px;
  190.     }
  191.    
  192. blockquote img {
  193.     max-width:100%;
  194.     }
  195.  
  196. p.npf_quirky {
  197.     font-size: 18px!important;
  198. }
  199.  
  200. .tmblr-attribution {
  201.     font-size:10px;
  202.     padding:10px 0;
  203.     text-align:right;
  204.     margin-top:0!important;
  205. }
  206.  
  207.  
  208. /*---------------------------BODY-------------------------------------*/
  209.  
  210.  
  211.  
  212. html {
  213.   height: 100%;
  214. }
  215.  
  216.  
  217. body {
  218.   {block:ifbackgroundimage}
  219.   background-image:url('{image:background}');
  220.   {/block:ifbackgroundimage}
  221.   background-attachment:fixed;
  222.   background-repeat:repeat;
  223.   background-color: {color:background};
  224.   height: 100%;
  225.   margin: 0px;
  226.   padding: 0px;
  227.   font-family: 'Muli', sans-serif;
  228.   font-size: 12px;
  229.   letter-spacing:0.04em;
  230.   word-wrap: break-word;
  231.   color: {color:text};
  232.   line-height:1.5;
  233. }
  234.  
  235. a,
  236. a:active,
  237. a:visited,
  238. a:hover {
  239.   color: {color:links};
  240.   text-decoration:none;
  241.   -webkit-transition: all 0.5s ease-out;
  242.   -moz-transition: all 0.5s ease-out;
  243.   -ms-transition: all 0.5s ease-out;
  244.   -o-transition: all 0.5s ease-out;
  245.   transition: all 0.5s ease-out;
  246. }
  247.  
  248.  
  249. a:hover {
  250.     color:{color:links hover};
  251. }
  252.  
  253. pre {
  254.     white-space: pre-wrap;
  255.     white-space: -moz-pre-wrap;
  256.     white-space: -pre-wrap;
  257.     white-space: -o-pre-wrap;
  258.     word-wrap: break-word;
  259. }
  260.  
  261. small{
  262.     font-size:10px;
  263. }
  264.  
  265. big {
  266.     font-size:14px;
  267. }
  268.  
  269. strong, b {
  270.     font-weight:bold;
  271. }
  272.  
  273. em, i, u {
  274.     font-style:italic;
  275. }
  276.  
  277. ul, ol {
  278.     list-style-type:circle;
  279. }
  280.  
  281. h1, h2, h3, h4, h5, h6, h7, h7 {
  282.     width:100%;
  283.     text-align:left;
  284.     margin: 5px 0;
  285. }
  286.  
  287. h1 {
  288.     font-size: 16px;
  289.     margin: 0 0 20px 0;
  290.     line-height:1.5;
  291.     }
  292.  
  293. /*---------------------------MARKUP--------------------------------*/
  294.  
  295.  
  296.  #wrapper {
  297.   width:100%;
  298.   max-width:710px;
  299.   background:{color:content background};
  300.     padding: 50px 70px;
  301.     position:absolute;
  302.     right: calc(50% - 355px);
  303. }
  304.  
  305.  
  306. #about {
  307.     position:fixed;
  308.     left:0;
  309.   width:calc(100% - 710px);
  310.   height:100%;
  311.     display: flex;
  312.     align-items: center;
  313.     justify-content: center;
  314.     {block:ifnotaboutslider}
  315.     display:none;
  316.     {block:ifnotaboutslider}
  317. }
  318.  
  319.  
  320. header {  
  321.     margin: 0px;
  322.     display: flex;
  323.     align-items: center;
  324.     justify-content: center;
  325.     padding:30px;
  326. }
  327.  
  328. #entries-wrapper {    
  329.     width: 100%;
  330.     position: relative;
  331.     display: flex;
  332.     align-items: center;
  333.     justify-content: center;
  334. }
  335.  
  336. #entries {
  337.     width:100%;
  338.     padding:10px;
  339.     min-height: 100vh;
  340.    
  341. }
  342.  
  343.  
  344. .verteau {
  345.     margin:30px 0;
  346.     text-align:center;
  347.     z-index:10000000;
  348.     font-size:10px;
  349. }
  350.  
  351. .verteau a {
  352.     border-bottom:1px solid {color:accent};
  353.     color:{color:accent};
  354.     padding:3px;
  355. }
  356.  
  357.  
  358. /*---------------------------About--------------------------------*/
  359.  .about-wrapper {
  360.     width:50%;
  361.     border-radius:20px;
  362.     max-width:350px;
  363.     display:none;
  364. }
  365.  
  366.  
  367.  .about-inner {
  368.     display:flex;
  369.     align-items:center;
  370. }
  371.  
  372.  
  373. .about-right {
  374.     padding:20px;
  375. }
  376.  
  377. .about-left img {
  378.     display:block;
  379.     width:100px;
  380.     border-radius:100%;
  381.     margin:0 auto 20px auto;
  382. }
  383.  
  384.  
  385. ul.about-info,
  386. ul.about-social,
  387. ul.about-tags {
  388.     padding:0;
  389.     margin:0;
  390.     list-style:none;
  391. }
  392.  
  393. ul.about-info li {
  394.     padding:0;
  395.     margin:0;
  396.     list-style:none;
  397.     margin-bottom:10px;
  398.     display:inline-block;
  399.     margin-right:10px;
  400. }
  401.  
  402. ul.about-info li span {
  403.     border-bottom:1px solid {color:accent};
  404.     color:{color:accent};
  405.     padding:3px;
  406.     margin-right:10px;
  407. }
  408.  
  409.  
  410. .about-desc {
  411.     margin:10px 0;
  412. }
  413.  
  414.  
  415. ul.about-social {
  416.     margin:10px 0 0 0;
  417. }
  418.  
  419. .about-social li {
  420.     display:inline-block;
  421.     margin-right:5px;
  422. }
  423.  
  424. .about-social li:hover {
  425.     opacity:0.8;
  426. }
  427.  
  428.  
  429.  
  430. .about-social li a {
  431.     font-size:10px;
  432.     display:block;
  433.     text-align:left;
  434.     background: {color:accent};
  435.     border-radius: 25px;
  436.     max-width: 24px;
  437.     height: 24px;
  438.     padding: 5px 6px;
  439.     overflow: hidden;
  440.     color:#fff;
  441.     line-height:1.5;
  442. }
  443.  
  444.  
  445. ul.about-tags {
  446.     padding:10px 0;
  447.    
  448. }
  449.  
  450. .about-tags li {
  451.     display:inline-block;
  452. }
  453.  
  454.  
  455.  
  456. /*---------------------------Header--------------------------------*/
  457.  
  458. .header-content {
  459.     width:100%;
  460. }
  461.  
  462.  
  463. .header-content .main-title a {
  464.     font-family:'Koho';
  465.     font-size:25px;
  466.     color:{color:title};
  467. }
  468.  
  469.  
  470. .desc {
  471.     max-width:50%;
  472.    color:{color:description};
  473. }
  474.  
  475.  
  476.  
  477.  
  478. /*---------------------------nav--------------------------------*/
  479.  
  480.  
  481. a.click-me {
  482.     {block:ifaboutslider}
  483.     display:block!important;
  484.     {block:ifaboutslider}
  485.     position:absolute;
  486.     left:-12px;
  487.     top:20px;
  488.     cursor:pointer;
  489.     {block:ifnotaboutslider}
  490.     display:none!important;
  491.     {block:ifnotaboutslider}
  492. }
  493.  
  494.  
  495.  
  496. .im-clicked {background-color:{color:lines}!important;}
  497.  
  498. #nav {
  499.     position:absolute;
  500.     left:-12px;
  501.     top:70px;
  502.     display: flex;
  503.     align-items: center;
  504.     justify-content: center;
  505. }
  506.  
  507. nav img {
  508.     display:inline-block;
  509.     width:50px;
  510.     border-radius:40px;
  511.     margin:0 0 20px -14px;
  512. }
  513.  
  514. #nav .linkslist {
  515.     list-style:none;
  516.     padding:0;
  517.     margin:0;
  518. }
  519.  
  520. #nav .linkslist li {
  521.     margin:10px 0;
  522. }
  523.  
  524. #nav .linkslist a:not(.main-avatar),
  525. a.click-me {
  526.     font-size:10px;
  527.     display:block;
  528.     text-align:left;
  529.     background: {color:accent};
  530.     border-radius: 25px;
  531.     max-width: 24px;
  532.     height: 24px;
  533.     padding: 5px 6px;
  534.     overflow: hidden;
  535.     color:#fff;
  536.     line-height:1.5;
  537. }
  538.  
  539.  
  540. #nav .linkslist span {
  541.    opacity:0;
  542. }
  543.  
  544.  
  545. #nav .linkslist a:hover {
  546.     max-width:100%;
  547. }
  548.  
  549. #nav .linkslist a:hover span {
  550.     opacity:1;
  551.   -webkit-transition-delay: 0.5s;
  552.   transition-delay:  0.5s;
  553. }
  554.  
  555.  
  556. /*---Lightbox---*/
  557. .vignette {
  558.     opacity:0;
  559. }
  560.  
  561. .tmblr-lightbox {
  562.      background-color:rgba(255,255,255,0.8)!important;
  563.  }
  564.  
  565. .tmblr-lightbox img {
  566.     box-shadow:none!important;
  567.     border-radius:0!important;
  568. }
  569.  
  570.  
  571. /*---------------------POST----------------------*/
  572.  
  573. #entries .post {
  574.   margin:40px auto;
  575.   position:relative;
  576.   min-height:40px;
  577.   width:100%;
  578.   padding:20px;
  579. }
  580.  
  581. .post-inner {
  582.     position:relative;
  583.     overflow:hidden;
  584.     padding:20px;
  585.     width:100%;
  586. }
  587.  
  588. .photo.post .post-inner,
  589. .audio.post .post-inner {
  590.     padding:0;
  591. }
  592.  
  593.  
  594.  
  595.  
  596. .line-h {
  597.     position:absolute;
  598.     width:calc(100% - 80px);
  599.     height:1px;
  600.     background-color:{color:lines};
  601.     top:0px;
  602.     left:0px;
  603. }
  604.  
  605. .line-v {
  606.     width:1px;
  607.     height:10%;
  608.     background-color:{color:lines};
  609.     position:absolute;
  610.     top:0px;
  611.     left:0;
  612. }
  613.  
  614.  
  615. .date-tag {
  616.     position:absolute;
  617.     top:-12px;
  618.     right:15px;
  619.     margin-bottom:5px;
  620.     width:60px;
  621. }
  622.  
  623. .date-tag a {
  624.     color:{color:post buttons};
  625.     display:block;
  626.     border-radius:10px;
  627.     font-size:9px;
  628.     padding:5px;
  629.     text-align:center;
  630.     border-radius:10px;
  631. }
  632.  
  633. .date-tag a:hover {
  634.     color:
  635.     color:{color:accent};
  636. }
  637.  
  638. .source-icon {
  639.     background:{color:accent};
  640.     font-size:10px;
  641.     position:absolute;
  642.     left:-10px;
  643.     top:-10px;
  644.     border-radius:30px;
  645.     max-width:22px;
  646.     height:22px;
  647.     padding:4px 5px 3px 5px;
  648.     z-index:2;
  649.     overflow:hidden;
  650.     line-height:1.5;
  651. }
  652.  
  653. .source-icon i {
  654.     display:none;
  655. }
  656.  
  657. .source-icon:hover {
  658.    max-width:80%;
  659.    -webkit-transition: all 0.7s ease-in;
  660. -moz-transition: all 0.7s ease-in;
  661. -ms-transition: all 0.7s ease-in;
  662. -o-transition: all 0.7s ease-in;
  663. transition: all 0.7s ease-in;
  664. }
  665.  
  666. .source-icon a {
  667.     color:#fff;
  668. }
  669.  
  670. .source-icon span {
  671.     opacity:0;
  672. }
  673.  
  674.  
  675. .source-icon:hover span {
  676.     opacity:1;
  677.   -webkit-transition-delay: 0.5s;
  678.   transition-delay:  0.5s;
  679. }
  680.  
  681. .photo .source-icon i.fa-camera,
  682. .photoset .source-icon i.fa-camera,
  683. .panorama .source-icon i.fa-camera {
  684.     display:inline-block;
  685. }
  686.  
  687. .text .source-icon i.fa-signature {
  688.     display:inline-block;
  689. }
  690.  
  691. .answer .source-icon i.fa-question {
  692.     display:inline-block;
  693. }
  694.  
  695. .chat .source-icon i.fa-comments {
  696.     display:inline-block;
  697. }
  698.  
  699. .video .source-icon i.fa-video {
  700.     display:inline-block;
  701. }
  702.  
  703. .audio .source-icon i.fa-compact-disc {
  704.     display:inline-block;
  705. }
  706.  
  707. .link .source-icon i.fa-link {
  708.     display:inline-block;
  709. }
  710.  
  711. .quote .source-icon i.fa-quote-right {
  712.     display:inline-block;
  713. }
  714.  
  715.  
  716. .post-like {
  717.   position: relative;
  718.   cursor: pointer;
  719. }
  720.  
  721.  
  722. .like_button {
  723.   position: absolute;
  724.   top: 0;
  725.   left: 0;
  726.   right: 0;
  727.   bottom: 0;
  728.   width: 100%;
  729.   height: 100%;
  730.   opacity: 0;
  731.   z-index: 10;
  732. }
  733.  
  734. .like-button iframe {
  735.   width: 100% !important;
  736.   height: 100% !important;
  737. }
  738.  
  739. .custom-like {
  740.   position: absolute;
  741.   top: 0;
  742.   left: 0;
  743.   right: 0;
  744.   bottom: 0;
  745.   width: 100%;
  746.   height: 100%;
  747.   z-index: 1;
  748. }
  749.  
  750. .custom-like i {
  751.     font-size:10px;
  752.     color:{color:post buttons};
  753.     width:100%;
  754. }
  755.  
  756.  
  757. .like_button:hover + .custom-like i {
  758.   color: {color:like button hover};
  759. }
  760.  
  761.  
  762. .like_button.liked + .custom-like i {
  763.   color: {color:like button hover};
  764. }
  765.  
  766. .post-reblog i {
  767.   font-size:9px;
  768.     color:{color:post buttons};
  769. }
  770.  
  771. .post-reblog:hover i {
  772.   font-size:9px;
  773.     color:{color:links hover};
  774. }
  775.  
  776.  
  777. .like-and-reblog-alt {
  778.     position:absolute;
  779.     left:-5px;
  780.     top:10%;
  781.     text-align:center;
  782. }
  783.  
  784. .like-and-reblog-alt .post-like,
  785. .like-and-reblog-alt .post-reblog {
  786.     margin:0;
  787.     padding:0;
  788.     text-align:center;
  789.     cursor:pointer;
  790.     margin-top:10px;
  791. }
  792.  
  793.  
  794. .videoinner {
  795.   position: relative;
  796.   padding-bottom: 75%;
  797.   height: 0;
  798.   overflow: hidden;
  799. }
  800.  
  801. .videoinner iframe,
  802. .videoinner object,
  803. .videoinner embed {
  804.   position: absolute;
  805.   top: 0;
  806.   left: 0;
  807.   width: 100%;
  808.   height: 100%;
  809. }
  810.  
  811. .photo .post-inner img,
  812. .photoset .post-inner img,
  813. .photoset .post-inner iframe {
  814.     width:100%;
  815.     height:auto;
  816.     display:block;
  817. }
  818.  
  819. .post-inner {
  820.     margin-bottom:10px;
  821. }
  822.  
  823.  
  824. [photoset-layout] {
  825.   grid-gap:{text:photoset spacing};
  826. }
  827.  
  828. .post-reblog-trail-item {
  829.     padding: 10px;
  830. }
  831.  
  832.  
  833. .post-avatar img.post-avatar-image {
  834.     height: 20px;
  835.     border-radius: 30px;
  836.     display: block;
  837.     width:20px;
  838. }
  839.  
  840. .post-reblog-header {
  841.     height: 25px;
  842.     display: flex;
  843.     align-items: center;
  844.     border-radius: 30px;
  845.     padding: 3px;
  846.     font-size: 10px;
  847. }
  848.  
  849. .post-tumblelog-name {
  850.     display: block;
  851.     margin-left: 5px;
  852.     color: {color:accent};
  853.     border-bottom: 1px solid;
  854.     padding: 3px 5px;
  855. }
  856.  
  857. post-reblog-header:hover .post-tumblelog-name {
  858.     color: #666;
  859. }
  860.  
  861.  .post .cap {
  862.      max-width:100%;
  863.   padding: 20px;  
  864.   {block:ifhidecaptions}
  865.   {block:indexpage}
  866.   display:none;
  867.   {/block:indexpage}
  868.   {/block:ifhidecaptions}
  869.  }
  870.  
  871. #entries .post .cap img {
  872.     width:auto;
  873. }
  874.  
  875. #entries .post .titulo,
  876. #entries .post .titulo a {
  877.     color: {color:post titles};
  878.     width: 100%;
  879.     letter-spacing:0.02em;
  880.     margin-bottom:10px;
  881.     font-family: 'Koho';
  882.     font-size: 20px;
  883. }
  884.  
  885. #entries .post .tags {
  886.     position:relative;
  887.   padding: 10px;
  888.   width: 100%;
  889.   text-align:center;
  890.     {block:ifhideinfo}
  891.     {block:indexpage}
  892.     display:none;
  893.     {/block:indexpage}
  894.     {/block:ifhideinfo}
  895. }
  896.  
  897. #entries .post .note-count {
  898.   padding: 10px;
  899.   width: 100%;
  900.   text-align:center;
  901.     letter-spacing:0.1em;
  902.     font-size:9px;
  903.     {block:ifhideinfo}
  904.     {block:indexpage}
  905.     display:none;
  906.     {/block:indexpage}
  907.     {/block:ifhideinfo}
  908. }
  909.  
  910. #entries .post .note-count:before {
  911.     content: "—";
  912.     color: {color:accent};
  913.     display: block;
  914.     margin-bottom: 10px;
  915. }
  916.  
  917.  
  918.  
  919. #entries .post .tags a {
  920.     color:{color:tags};
  921.     letter-spacing:0.1em;
  922.     font-size:9px;
  923.     display:inline-block;
  924. }
  925.  
  926. #entries .post .tags a:not(:last-child) {
  927.     margin-right:5px;
  928. }
  929.  
  930. #entries .post .tags a:hover,
  931. #entries .post .tags a:active {
  932.     color:{color:tags hover};
  933. }
  934.      
  935. .load-wrapper {
  936.     width:100%;    
  937.     margin-bottom:40px;
  938.     width:100%;
  939.     text-align:center;
  940. }
  941.  
  942.  
  943. .load-more {
  944.     font-size:10px;
  945.     padding:5px 10px;
  946.     display:inline-block;
  947.     border-radius:10px;
  948.     background:{color:accent};
  949.     color:#fff;
  950. }
  951.  
  952.  
  953. .load-more:hover {
  954.     opacity:0.8;
  955. }
  956.  
  957.  
  958. a.load-more:hover {
  959.     color:#fff;
  960. }
  961.  
  962.  
  963. #infscr-loading {
  964.     display:none!important;
  965. }
  966.  
  967. .numbered-pagination {
  968.     width:100%;    
  969.     margin-bottom:40px;
  970.     text-align:center;
  971. {block:ifInfiniteScroll}    
  972. display:none;
  973. {/block:ifInfiniteScroll}
  974. }
  975.  
  976. .numbered-pagination a,
  977. .numbered-pagination .current-page {
  978.     font-size:10px;
  979.     padding:3px 5px;
  980.     display:inline-block;
  981.     color:{color:accent};
  982.     border-bottom:1px solid {color:accent};
  983.     margin-bottom:10px;
  984.     margin-left:10px;
  985. }
  986.  
  987. .numbered-pagination a:hover,
  988. .numbered-pagination .current-page {
  989.     color:{color:text};
  990.     border-color:{color:text};
  991. }
  992.  
  993.  
  994. /*-------------------------------AUDIO------------------------------*/
  995. .album-art {
  996.     width:50px;
  997.     height:auto;
  998.     margin: 20px auto 15px auto;
  999.  
  1000. }
  1001.  
  1002. .album-art img {
  1003.     border-radius:100px;
  1004. }
  1005.  
  1006. .player {
  1007.     display:block;
  1008. }
  1009.    
  1010. .audioplayer {
  1011.     display:block;
  1012.     overflow:hidden;
  1013.     width:32px;
  1014.     height:32px;
  1015.     border-radius:40px;
  1016.     margin:0 auto;
  1017.     padding:2px 0px;
  1018.     background: #eee;
  1019. }
  1020.  
  1021. .audioinfo {
  1022.     text-align:center;
  1023.     margin-top:15px;
  1024.     text-transform:lowercase;
  1025. }
  1026.  
  1027. .audioinfo .cancion {
  1028.     font-weight:bold;
  1029. }
  1030.  
  1031. /*------------------------------------CHAT-------------------------*/
  1032.  
  1033. .user .label {
  1034.     font-weight:bold;
  1035. }
  1036.  
  1037. ul.chat, .chat ol, .chat li {
  1038.     list-style:none;
  1039.     padding:0;
  1040.     margin:10px 0;
  1041. }
  1042.  
  1043. /*-----------------------------------ASK-------------------------*/  
  1044.  
  1045. .respuesta,
  1046. .pregunta {
  1047.     margin-bottom:10px;
  1048. }
  1049.  
  1050. .answer .pregunta .asker-question {
  1051.     padding:15px 0px;
  1052. }
  1053.  
  1054.  
  1055. .answer .respuesta .answerer-answer {
  1056.     padding:15px 0px;
  1057. }
  1058.  
  1059. .answer .pregunta .curioso,
  1060. .answer .respuesta .answerer {
  1061.     display: flex;
  1062.     align-items: center;
  1063. }
  1064.  
  1065.  
  1066. .curioso img.asker-avatar,
  1067. .answerer img.answerer-avatar {
  1068.     height: 25px;
  1069.     border-radius: 30px;
  1070.     width:25px;
  1071. }
  1072.  
  1073. .answer .pregunta .curioso a,
  1074. .answer .respuesta .answerer a {
  1075.     margin-left: 5px;
  1076.     color: {color:accent};
  1077.     padding: 3px 5px;
  1078.     font-weight:600;
  1079. }
  1080.  
  1081.  
  1082. .answer .replies {
  1083.     padding:0px;
  1084. }
  1085.  
  1086. /*----------------------LINK-------------------------*/
  1087.  
  1088. .linkinner {
  1089.     padding:10px;
  1090. }
  1091.  
  1092. .linkinner .cap {
  1093.     padding:10px;
  1094. }
  1095.  
  1096. .link h1 a {
  1097.   color: {color:links};
  1098. }
  1099.  
  1100.  
  1101. /*-----------------------------------QUOTE----------------------*/
  1102.  
  1103. .quoteinner {  
  1104.     letter-spacing:0.06em;
  1105.     line-height:1.5;
  1106.     font-size:14px;
  1107.     text-align:center;
  1108. }
  1109.  
  1110. .quoteinner .quote-source {    
  1111.     font-size: 11px;
  1112.     margin: 10px 0;
  1113.     text-align: center;
  1114.     font-weight: bold;
  1115. }
  1116.  
  1117. .quote-source:before {
  1118.     content: "—";
  1119.     color: {color:accent};
  1120.     display: block;
  1121.     margin-bottom: 10px;
  1122. }
  1123.  
  1124. /*-----------------------------------NOTAS----------------------*/
  1125.  
  1126. .notas {
  1127.     width: 100%;
  1128.     list-style-type: none;
  1129.   padding:0px 15px;
  1130.   margin-bottom:50px;
  1131.   text-align:center;
  1132. }
  1133.  
  1134. ol.notes {
  1135.     padding: 0;
  1136.     margin:0;
  1137. }
  1138.  
  1139. ol.notes li.note {
  1140.     display: block;
  1141.     margin:10px auto;
  1142.     padding:0;
  1143. }
  1144.  
  1145. ol.notes li.note:before {
  1146.     content:"•";
  1147.     color:{color:accent};
  1148.     margin-right:5px;
  1149.     display:inline-block;
  1150. }
  1151.  
  1152. ol.notes li.note span.action:after {
  1153.     content:"•";
  1154.     color:{color:accent};
  1155.     display:inline-block;
  1156. }
  1157.  
  1158. ol.notes li.note img.avatar {
  1159.     display:none;
  1160. }
  1161.  
  1162. ol.notes li.more_notes_link_container {
  1163.     display: block;
  1164.     margin-top: 30px;
  1165. }
  1166.  
  1167. ol.notes li.more_notes_link_container:before {
  1168.     display: none;
  1169. }
  1170.  
  1171. a.more_notes_link {
  1172.     border-bottom:1px solid {color:accent};
  1173.     padding:5px 0;
  1174.     color:{color:accent};
  1175. }
  1176.  
  1177.  
  1178.  
  1179. @media (max-width: 1000px) {
  1180.   #about,
  1181.   a.click-me {
  1182.       display:none!important;
  1183.   }
  1184.  
  1185.    #wrapper {
  1186.   width:calc(100% - 80px);
  1187.   margin:0 40px;
  1188.   max-width:100%;
  1189.   position:relative;
  1190.   left:0px;
  1191.     }
  1192. }
  1193.  
  1194. @media (max-width: 600px) {
  1195.    
  1196.     header {
  1197.         padding:30px 30px 10px 30px;
  1198.     }
  1199.  
  1200.    #wrapper {
  1201.   width:100%;
  1202.   margin:0;
  1203.   padding:20px 20px 20px 30px;
  1204.     }
  1205.  
  1206. #nav {
  1207.    position:relative;
  1208.    margin:0 40px;
  1209.    top:0;
  1210.     justify-content: left;
  1211. }
  1212.  
  1213.  
  1214. #nav .linkslist li{
  1215.    display:inline-block;
  1216.    margin-right:10px;
  1217. }
  1218.  
  1219.  
  1220. #nav .linkslist li a:hover {
  1221.     max-width:40px;
  1222. }
  1223.  
  1224. #nav .linkslist li span {
  1225.     display:none;
  1226. }
  1227.  
  1228. #nav .linkslist li.main-avatar-li{
  1229.    display:none;
  1230. }
  1231.  
  1232. }
  1233.  
  1234.  
  1235. {CustomCSS}
  1236.  
  1237. </style>
  1238.  
  1239. </head>
  1240.  
  1241. <body>
  1242.  
  1243. <div id="about" class="">
  1244. <div class="about-wrapper">
  1245. <div class="about-inner">
  1246.     <div class="about-right">
  1247.         <ul class="about-info">
  1248.         {block:IfAboutName}
  1249.         <li><span class="about-label">name:</span>{text:about name}</li>
  1250.         {/block:IfAboutName}
  1251.         {block:IfAboutLocation}
  1252.         <li><span class="about-label">location:</span>{text:about location}</li>
  1253.         {/block:IfAboutLocation}
  1254.         {block:IfAboutPersonality}
  1255.         <li><span class="about-label">personality:</span>{text:about personality}</li>
  1256.         {/block:IfAboutPersonality}
  1257.         </ul>
  1258.         {block:IfAboutDescription}
  1259.         <div class="about-desc">
  1260.         {text:about description}
  1261.         </div>
  1262.         {/block:IfAboutDescription}
  1263.         <ul class="about-social">
  1264.         {block:IfFacebookLink}
  1265.         <li><a href="{text:facebook link}"><i class="fab fa-facebook-f fa-fw"></i></a></li>
  1266.         {/block:IfFacebookLink}
  1267.         {block:IfInstagramLink}
  1268.         <li><a href="{text:instagram link}"><i class="fab fa-instagram fa-fw"></i></a></li>
  1269.         {/block:IfInstagramLink}
  1270.         {block:IfTwitterLink}
  1271.         <li><a href="{text:twitter link}"><i class="fab fa-twitter fa-fw"></i></a></li>
  1272.         {/block:IfTwitterLink}
  1273.         </ul>        
  1274.         <ul class="about-tags">
  1275.          {block:IfTag1Name}
  1276.         <li>
  1277.           <a href="{text:Tag1 URL}" >{text:Tag1 Name}</a>
  1278.         </li>
  1279.         {/block:IfTag1Name}
  1280.        
  1281.          {block:IfTag2Name}
  1282.         <li>
  1283.           <a href="{text:Tag2 URL}" >{text:Tag2 Name}</a>
  1284.         </li>
  1285.         {/block:IfTag2Name}
  1286.        
  1287.          {block:IfTag3Name}
  1288.         <li>
  1289.           <a href="{text:Tag3 URL}" >{text:Tag3 Name}</a>
  1290.         </li>
  1291.         {/block:IfTag3Name}
  1292.        
  1293.        
  1294.          {block:IfTag4Name}
  1295.         <li>
  1296.           <a href="{text:Tag4 URL}" >{text:Tag4 Name}</a>
  1297.         </li>
  1298.         {/block:IfTag4Name}
  1299.        
  1300.        
  1301.          {block:IfTag5Name}
  1302.         <li>
  1303.           <a href="{text:Tag5 URL}" >{text:Tag5 Name}</a>
  1304.         </li>
  1305.         {/block:IfTag5Name}
  1306.        
  1307.        
  1308.          {block:IfTag6Name}
  1309.         <li>
  1310.           <a href="{text:Tag6 URL}" >{text:Tag6 Name}</a>
  1311.         </li>
  1312.         {/block:IfTag6Name}
  1313.        
  1314.         </ul>
  1315.     </div>
  1316. </div>
  1317. </div>  
  1318. </div>  
  1319.  
  1320. <div id="wrapper">
  1321.  
  1322. <header>
  1323.  
  1324. <div class="header-content">
  1325. <div class="main-title">
  1326.     <a href="/">{Title}</a>
  1327.      </div>
  1328.  <div class="desc">
  1329.    {Description}
  1330.   </div>
  1331.  
  1332.  
  1333. </div>
  1334.  
  1335. </header>
  1336. <a class="click-me"><i class="far fa-user fa-fw"></i></a>
  1337.  <nav id="nav">
  1338.     <ul class="linkslist">
  1339.    
  1340.   {block:ifavatarimage}
  1341.  <li class="main-avatar-li"><a href="/" class="main-avatar"><img src="{image:avatar}"></a></li>
  1342.   {/block:ifavatarimage}
  1343.       {block:IfLink1Name}
  1344.         <li>
  1345.           <a href="{text:Link1 URL}"  ><i class="{text:link1 icon} fa-fw"></i> <span>{text:Link1 Name}</span></a>
  1346.         </li>
  1347.       {/block:IfLink1Name}
  1348.                
  1349.       {block:IfLink2Name}
  1350.         <li>
  1351.           <a href="{text:Link2 URL}"  ><i class="{text:link2 icon} fa-fw"></i> <span>{text:Link2 Name}</span></a>
  1352.         </li>
  1353.       {/block:IfLink2Name}
  1354.                
  1355.       {block:IfLink3Name}
  1356.         <li>
  1357.           <a href="{text:Link3 URL}"  ><i class="{text:link3 icon} fa-fw"></i> <span>{text:Link3 Name}</span></a>
  1358.         </li>
  1359.       {/block:IfLink3Name}
  1360.                
  1361.       {block:IfLink4Name}
  1362.         <li>
  1363.           <a href="{text:Link4 URL}"  ><i class="{text:link4 icon} fa-fw"></i></i> <span>{text:Link4 Name}</span></a>
  1364.         </li>
  1365.       {/block:IfLink4Name}
  1366.            
  1367.     </ul>
  1368.   </nav>
  1369.  
  1370.  
  1371.    
  1372.  
  1373. <div id="entries-wrapper" class="">
  1374. <div id="entries" class="">
  1375.   {block:Posts}
  1376.  
  1377.        
  1378.     <div class="post {PostType}" id="{PostId}">  
  1379.  
  1380.       {block:indexpage}
  1381.       <div class="source-icon {PostType}">
  1382.    <a href="{ReblogParentURL}">
  1383.     <i class="fas fa-question fa-fw" aria-hidden="true"></i>
  1384.     <i class="fas fa-video fa-fw" aria-hidden="true"></i>
  1385.     <i class="fas fa-compact-disc fa-fw" aria-hidden="true"></i>
  1386.     <i class="far fa-comments fa-fw" aria-hidden="true"></i>
  1387.     <i class="fas fa-link fa-fw" aria-hidden="true"></i>
  1388.     <i class="fas fa-quote-right fa-fw" aria-hidden="true"></i>
  1389.     <i class="fas fa-signature fa-fw" aria-hidden="true"></i>
  1390.     <i class="fas fa-camera fa-fw" aria-hidden="true"></i>
  1391.     <span>{ReblogParentName}</span>
  1392.    </a>
  1393.       </div>
  1394.        {/block:indexpage}
  1395.    
  1396.       <div class="line-h"> </div>
  1397.       <div class="line-v"> </div>
  1398.          {block:Date}
  1399.       <div class="date-tag">
  1400.    <a href="{Permalink}">{DayOfMonth}.{MonthNumberWithZero}.{ShortYear}</a>
  1401.       </div>
  1402.      
  1403.       {/block:Date}
  1404.      
  1405.     {block:IndexPage}
  1406.       <div class="like-and-reblog-alt">
  1407.               <div class="post-reblog"><a href="{ReblogURL}"><i class="fa fa-redo-alt" aria-hidden="true"></i></a></div>
  1408.               <div class="post-like">
  1409.               {LikeButton}
  1410.               <span class="custom-like">
  1411.               <i class="fa fa-heart" aria-hidden="true"></i>
  1412.               </span>
  1413.               </div>
  1414.       </div>
  1415.       {/block:IndexPage}
  1416.      
  1417.        
  1418.        
  1419.      
  1420.      
  1421.       <!--HIDESOURCE-->
  1422.        <!-- {block:ContentSource}{SourceURL}{/block:ContentSource}{block:RebloggedFrom}{ReblogRootURL}{ReblogParentURL}{/block:RebloggedFrom} -->
  1423.     <div class="post-inner">
  1424.  
  1425.       {block:Text}
  1426.         {block:Title}
  1427.           <h1 class="titulo">
  1428.             <a href="{Permalink}">{Title}</a>
  1429.           </h1>
  1430.         {/block:Title}
  1431.           {Body}
  1432.       {/block:Text}
  1433.  
  1434.       {block:Quote}
  1435.        <div class="quoteinner">
  1436.         <span>"</span>{Quote}<span>"</span>
  1437.           {block:Source}
  1438.             <div class="quote-source">
  1439.               {Source}
  1440.             </div>
  1441.           {/block:Source}
  1442.        </div>
  1443.       {/block:Quote}
  1444.  
  1445. {block:Link}
  1446.        <div class="linkinner">
  1447.           <a href="{URL}"><h1 class="titulo">{Name}</h1></a>
  1448.             {block:Description}
  1449.                 {block:NotReblog}
  1450.                     <div class="cap">
  1451.                            {Caption}
  1452.                     </div>
  1453.                  {/block:NotReblog}
  1454.                  {block:RebloggedFrom}
  1455.                  {block:Reblogs}
  1456.                     <div class="reblog-list cap">
  1457.                    <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1458.                       <div class="post-reblog-header">
  1459.                         <div class="post-avatar">
  1460.                           <div class="post-avatar-wrapper">
  1461.                              {block:IsActive}
  1462.                              <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1463.                              <img class="post-avatar-image" src="{PortraitURL-64}">
  1464.                              </a>
  1465.                              {/block:IsActive}
  1466.                              {block:IsDeactivated}
  1467.                              <span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1468.                                  <img class="post-avatar-image" src="{PortraitURL-64}">
  1469.                              </span>
  1470.                              {/block:IsDeactivated}
  1471.                            </div>
  1472.                          </div>
  1473.                              {block:IsActive}
  1474.                              <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1475.                              {/block:IsActive}
  1476.                              {block:IsDeactivated}
  1477.                              <span class="inactive post-tumblelog-name">{Username}</span>
  1478.                              {/block:IsDeactivated}
  1479.                        </div>
  1480.                        <div class="post-reblog-content">
  1481.                           <div class="post-body">{Body}</div>
  1482.                        </div>
  1483.                    </div>
  1484.                 </div>
  1485.                  {/block:Reblogs}
  1486.                 {/block:RebloggedFrom}
  1487.      
  1488.             {/block:Description}
  1489.        </div>
  1490.       {/block:Link}
  1491.          
  1492.          
  1493.       {block:Photo}
  1494.         <div>
  1495.          {LinkOpenTag}
  1496.             <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"/>
  1497.          {LinkCloseTag}
  1498.         </div>
  1499.       {/block:Photo}
  1500.  
  1501.       {block:Photoset}
  1502.        <div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div>
  1503.       {/block:Photoset}
  1504.          
  1505.       {block:Chat}
  1506.         <ul class="chat">
  1507.           {block:Lines}
  1508.             <li class="user">
  1509.               {block:Label}
  1510.                 <span class="label">{Label}</span>
  1511.               {/block:Label}
  1512.               &nbsp;{Line}
  1513.             </li>
  1514.           {/block:Lines}
  1515.         </ul>
  1516.       {/block:Chat}
  1517.  
  1518.       {block:Video}
  1519.         <div class="videoinner">
  1520.           {Video-700}
  1521.         </div>
  1522.       {/block:Video}
  1523.  
  1524.       {block:Answer}
  1525.         <div class="pregunta">
  1526.           <div class="curioso">
  1527.            <img src="{AskerPortraitURL-30}" class="asker-avatar">
  1528.             {Asker}
  1529.           </div>
  1530.           <div class="asker-question">
  1531.             {Question}
  1532.           </div>
  1533.         </div>
  1534.      
  1535.         {block:Answerer}
  1536.           <div class="respuesta">
  1537.             <div class="answerer">
  1538.              <img src="{AnswererPortraitURL-30}" class="answerer-avatar">
  1539.               {Answerer}
  1540.             </div>
  1541.             <div class="answerer-answer">
  1542.               {Answer}
  1543.             </div>
  1544.           </div>
  1545.         {/block:Answerer}
  1546.        
  1547.          {block:NotReblog}
  1548.          
  1549.         <div class="replies">
  1550.         {Replies}
  1551.          </div>{/block:NotReblog}
  1552.      
  1553.       {/block:Answer}
  1554.      
  1555.       {block:Audio}
  1556.         <div class="audio">
  1557.           {block:AudioPlayer}
  1558.           <div class="album-art">
  1559.           {block:AlbumArt}
  1560. <img src="{AlbumArtURL}">
  1561. {/block:AlbumArt}</div>
  1562.                <div class="player">
  1563.               <div class="audioplayer">
  1564.                 {AudioPlayer}
  1565.               </div>
  1566.             </div>
  1567.             <div class="audioinfo">
  1568.                <div class="cancion">
  1569.                {block:TrackName}{TrackName}{/block:TrackName}
  1570.                </div>
  1571.                {block:Artist}{Artist}{/block:Artist}
  1572.             </div>
  1573.           {block:AudioPlayer}
  1574.          
  1575.           {block:AudioEmbed}
  1576.             <div class="audioembed">
  1577.               {AudioEmbed}
  1578.             </div>
  1579.           {/block:AudioEmbed}
  1580.         </div>
  1581.       {/block:Audio}
  1582.      
  1583.         </div><!--post-inner-->
  1584.  
  1585. {block:Caption}
  1586. {block:NotReblog}
  1587.     <div class="cap">
  1588.            {Caption}
  1589.     </div>
  1590.  {/block:NotReblog}
  1591.  {block:RebloggedFrom}
  1592.  {block:Reblogs}
  1593.     <div class="reblog-list cap">
  1594.    <div class="post-reblog-trail-item{block:isOriginalEntry} original-reblog-content{/block:isOriginalEntry}">
  1595.       <div class="post-reblog-header">
  1596.         <div class="post-avatar">
  1597.           <div class="post-avatar-wrapper">
  1598.              {block:IsActive}
  1599.              <a class="post-avatar-link{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}" href="{Permalink}" target="_blank">
  1600.              <img class="post-avatar-image" src="{PortraitURL-64}">
  1601.              </a>
  1602.              {/block:IsActive}
  1603.              {block:IsDeactivated}
  1604.              <span class="inactive reblog-avatar{block:isNotOriginalEntry} sub-icon-reblog{/block:isNotOriginalEntry}">
  1605.                  <img class="post-avatar-image" src="{PortraitURL-64}">
  1606.              </span>
  1607.              {/block:IsDeactivated}
  1608.            </div>
  1609.          </div>
  1610.              {block:IsActive}
  1611.              <a target="_blank" class="post-tumblelog-name" href="{Permalink}">{Username}</a>
  1612.              {/block:IsActive}
  1613.              {block:IsDeactivated}
  1614.              <span class="inactive post-tumblelog-name">{Username}</span>
  1615.              {/block:IsDeactivated}
  1616.        </div>
  1617.        <div class="post-reblog-content">
  1618.           <div class="post-body">{Body}</div>
  1619.        </div>
  1620.    </div>
  1621. </div>
  1622.  {/block:Reblogs}
  1623. {/block:RebloggedFrom}
  1624. {/block:Caption}
  1625.      
  1626.      
  1627.      
  1628.      
  1629.      
  1630.      
  1631.       {block:HasTags}
  1632.         <div class="tags">
  1633.          {block:Tags}
  1634.          <a href="{TagUrl}">{Tag};</a>
  1635.          {/block:Tags}
  1636.         </div>
  1637.       {/block:HasTags}
  1638.      
  1639.      
  1640.       {block:NoteCount}
  1641.         <div class="note-count">{NoteCountWithLabel}
  1642.         </div>
  1643.       {/block:NoteCount}
  1644.      
  1645.    
  1646.        
  1647.         </div><!---end post-->
  1648.      {block:PostNotes}
  1649.         <div class="notas">
  1650.          {PostNotes}
  1651.         </div>
  1652.       {/block:PostNotes}
  1653.      
  1654.   {/block:Posts}
  1655. </div>
  1656. </div>
  1657.  
  1658.  
  1659.  
  1660. {block:Pagination}
  1661.           <div class="numbered-pagination">
  1662.                 {block:PreviousPage}<a href="{PreviousPage}">prev</a>{/block:PreviousPage}
  1663.                 {block:JumpPagination length="5"}
  1664.                 {block:CurrentPage}<span class="current-page">{PageNumber}</span>{/block:CurrentPage}
  1665.                 {block:JumpPage}<a href="{URL}">{PageNumber}</a> {/block:JumpPage}
  1666.                 {/block:JumpPagination}
  1667.                 {block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  1668.           </div>
  1669.         {/block:Pagination}
  1670.  
  1671.        
  1672. {block:ifInfiniteScroll}
  1673. {block:ifmanualload}
  1674. {block:Pagination}
  1675. <div class="load-wrapper">
  1676.     <a href="#" class="load-more">load more</a>
  1677. </div>
  1678. {/block:Pagination}
  1679. {block:ifmanualload}
  1680. {/block:ifInfiniteScroll}
  1681.  
  1682.  
  1683.  
  1684. <div class="verteau">
  1685.   theme by <a href="https://verteau.tumblr.com">verteau</a>
  1686. </div>
  1687.  
  1688. </div><!--wrapper-->
  1689.  
  1690. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  1691.  
  1692. <script src="https://static.tumblr.com/d4tdea8/8rfo8l8ry/jquery.infinitescroll.min.js"></script>
  1693.  
  1694.  <script>
  1695. $(document).ready(function(){
  1696.    
  1697.      //Audio Color
  1698.     $('iframe.tumblr_audio_player').load( function() {
  1699.          $('iframe.tumblr_audio_player').contents().find("head")
  1700.             .append($("<style type='text/css'> .audio-player{background:{color:post background}!important;}.play-pause{color:{color:text}!important;}.progress {display:none !important;}  </style>"));
  1701.       });
  1702.    
  1703.     {block:ifInfiniteScroll}
  1704.     $('#entries').infinitescroll({
  1705.          navSelector  : ".numbered-pagination",
  1706.          nextSelector : ".numbered-pagination a:first",
  1707.         itemSelector : ".post",
  1708.        loadingImg: '',
  1709.        loadingText: '<em></em>',
  1710.        bufferPx: 2000,
  1711.         errorCallback: function(){
  1712.             $('.load-more').hide();
  1713.             },
  1714.         },
  1715.         function(newElements){    
  1716.         var $newElems = $(newElements);
  1717.         var $newElemsIDs = $newElems.map(function(){
  1718.             return this.id;
  1719.         }).get();
  1720.         console.log($newElems, $newElemsIDs);
  1721.         Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  1722.         //Audio Color
  1723.     $('iframe.tumblr_audio_player').load( function() {
  1724.          $('iframe.tumblr_audio_player').contents().find("head")
  1725.             .append($("<style type='text/css'> .audio-player{background:{color:post background}!important;}.play-pause{color:{color:text}!important;}.progress {display:none !important;}  </style>"));
  1726.       });
  1727.     });
  1728.        
  1729.        
  1730.                 {block:ifmanualload}
  1731.         $(window).unbind('.infscr');
  1732.         $('.load-more').click(function(){
  1733.            $('#entries').infinitescroll('retrieve');
  1734.            return false
  1735.         });
  1736.         {/block:ifmanualload}
  1737.     {/block:ifInfiniteScroll}
  1738.    
  1739.     //Open about
  1740.      $(".click-me").click(function() {
  1741.          $(this).toggleClass("im-clicked");
  1742.          $(".about-wrapper").fadeToggle(500);
  1743.          $('#wrapper').toggleClass('opened')
  1744.          var opened = $('#wrapper').hasClass('opened')
  1745.          
  1746.         var mawidth = $(window).width()/2 - 355
  1747.          $('#wrapper').animate({
  1748.              marginRight: opened ? '0' : mawidth,
  1749.              right: opened ? '0' : '0'
  1750.          }, 300)
  1751.       });
  1752.    
  1753. });
  1754. </script>
  1755. </body>
  1756. </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!