chaisthemes

06: you summer soul

Oct 29th, 2019
3,432
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 31.44 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <!--
  3. infinite scroll by paul irish (bless @magnusthemes and @sorrism);
  4. photosets.css by @annasthms and @espoirthemes;
  5. style my tooltips by malihu;
  6. customizable audio by @shudesigns;
  7. tumblr controls by @cyantists;
  8. icons by ICONSVG;
  9. unnest captions base and npf photoset fix by @annasthms;
  10. -->
  11. <html>
  12.     <head>
  13.         <title>{Title}</title>
  14.         <meta name="viewport" content="width=device-width, initial-scale=1">
  15.         <link rel="shortcut icon" href="{Favicon}">
  16.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17.         {block:Description}
  18.             <meta name="description" content="{MetaDescription}" />
  19.         {/block:Description}
  20.         <!--meta tags-->
  21.     <meta name="image:sidebar" content=""/>
  22.     <meta name="color:background" content="#f6f6f6" />
  23.     <meta name="color:text" content="#666666" />
  24.     <meta name="color:links" content="#444444" />
  25.     <meta name="color:accent" content="#a77dc2" />
  26.     <meta name="color:borders" content="#eeeeee" />
  27.     <meta name="color:posts" content="#ffffff" />
  28.     <meta name="color:sidebar" content="#ffffff" />
  29.     <meta name="color:scrollbar" content="#f5f5f5"/>
  30.     <meta name="if:infinite scroll" content="1"/>
  31.     <meta name="color:audio" content="#f5f5f5"/>
  32.     <meta name="select:font" title="Source Sans Pro" content="'Source Sans Pro', sans-serif"/>
  33.     <meta name="select:font" title="Rubik" content="'Rubik', sans-serif"/>
  34.     <meta name="select:font" title="Lato" content="'Lato', sans-serif"/>
  35.     <meta name="select:font" title="Poppins" content="'Poppins', sans-serif"/>
  36.     <meta name="select:heading font" title="Source Sans Pro" content="'Source Sans Pro', sans-serif"/>
  37.     <meta name="select:heading font" title="Rubik" content="'Rubik', sans-serif"/>
  38.     <meta name="select:heading font" title="Lato" content="'Lato', sans-serif"/>
  39.     <meta name="select:heading font" title="Poppins" content="'Poppins', sans-serif"/>
  40.     <meta name="select:font size" content="12px"/>
  41.     <meta name="select:font size" content="13px"/>
  42.     <meta name="select:font size" content="14px"/>
  43.     <meta name="select:font size" content="15px"/>
  44.     <meta name="text:link 1 url" content="" />
  45.     <meta name="text:link 1 title" content="" />
  46.     <meta name="text:link 2 url" content="" />
  47.     <meta name="text:link 2 title" content="" />
  48.     <meta name="text:link 3 url" content="" />
  49.     <meta name="text:link 3 title" content="" />
  50.     <!--links and scripts-->
  51.     <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  52.     <script src="https://static.tumblr.com/0podkko/ZHfq8v9rn/photosets.js"></script>
  53.     <link href="https://static.tumblr.com/0podkko/bwepdyarh/photosets.css" rel="stylesheet">
  54.     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  55.     <script src="https://static.tumblr.com/puqxgda/0i2paplaq/infinite-scroll.pkgd.min.js"></script>
  56. <link href="https://fonts.googleapis.com/css?family=Lato|Poppins|Rubik|Source+Sans+Pro" rel="stylesheet">
  57. <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i&display=swap" rel="stylesheet">
  58.     <script src="https://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script>
  59.  
  60.     <script>
  61. (function($){
  62. $(document).ready(function(){
  63. $("a[title]").style_my_tooltips({
  64. tip_follows_cursor:true,
  65. tip_delay_time:90,
  66. tip_fade_speed:700,
  67. attribute:"title"
  68. });
  69. });
  70. })(jQuery);
  71. </script>
  72.  
  73.     <style type="text/css">
  74.     /* TOOLTIPS AND SCROLLBAR */
  75.         #s-m-t-tooltip {
  76.    max-width:300px;
  77.    border-radius: 0px;
  78.    padding:4px;
  79.    margin:5px 10px 5px 0px;
  80.    color:{color:text};
  81.    border:1px solid {color:borders};
  82.    font-family: {select:font}, sans-serif;
  83.    font-size:11px;
  84.    background:{color:background};
  85.    z-index:99999;
  86. }
  87. ::-webkit-scrollbar {
  88.   width: 5px;
  89.   height: 5px;
  90. }
  91. ::-webkit-scrollbar-button {
  92.   width: 0px;
  93.   height: 0px;
  94. }
  95. ::-webkit-scrollbar-thumb {
  96.   background: {color:scrollbar};
  97.   border: 0px none {color:borders};
  98.   border-radius: 2px;
  99. }
  100. ::-webkit-scrollbar-thumb:active {
  101.   background: {color:scrollbar};
  102. }
  103. ::-webkit-scrollbar-track {
  104.   background: {color:posts};
  105.   border: 0px none {color:borders};
  106.   border-radius: 21px;
  107. }
  108. ::-webkit-scrollbar-corner {
  109.   background: transparent;
  110. }
  111.  
  112.     /* GENERAL STYLING */
  113. body {
  114.     background-color: {color:background};
  115.     color: {color:text};
  116.     font-family: {select:font};
  117.     margin: 0;
  118.     font-size: {select:font size};
  119.     word-break: break-word;
  120. }
  121. a {
  122.   font-family:inherit;
  123.   font-weight: normal;
  124.   color: {color:links};
  125.   text-decoration:none;
  126.   moz-transition-duration: 0.5s;
  127.     -o-transition-duration: 0.5s;
  128.     -webkit-transition-duration: 0.5s;
  129.     transition-duration: 0.5s;
  130. }
  131. a:hover {
  132.   color: {color:accent};
  133.   moz-transition-duration: 0.5s;
  134.     -o-transition-duration: 0.5s;
  135.     -webkit-transition-duration: 0.5s;
  136.     transition-duration: 0.5s;
  137. }
  138. blockquote {
  139.  border-left: 1px solid {color:borders};
  140.  padding-left: 5px;
  141.  margin-left: 12px;
  142. }
  143.  
  144. blockquote blockquote {
  145.  padding: 0 0 0 5px;
  146.  margin: 0 0 0 12px;
  147. }
  148. pre, code {
  149.     font-family: Courier;
  150.     background-color: {color:audio};
  151.     padding: 5px;
  152.     overflow-x: auto;
  153. }
  154. h1 {
  155.   font-size: calc({select:font size} + 8px);
  156.   margin-top: 1px;
  157.   text-align: center;
  158.   position: relative;
  159.   font-family: {select:heading font};
  160.   color: {color:text};
  161. }
  162. h1:hover {
  163.     color: {color:accent};
  164.   moz-transition-duration: 0.5s;
  165.     -o-transition-duration: 0.5s;
  166.     -webkit-transition-duration: 0.5s;
  167.     transition-duration: 0.5s;
  168. }
  169. h2, h3, h4, h5, h6 {
  170.     font-family: {select:heading font};
  171.     font-size: calc({select:font size} + 3px);
  172.     line-height : 14px;
  173.     color: {color:accent};
  174. }
  175. b, strong {
  176. font-weight: bold;
  177. }
  178. i, em {
  179. font-style: italic;
  180. }
  181. /* CONTROLS */
  182. iframe.tmblr-iframe {
  183.     z-index:99999999999999!important;
  184.     top:-2px!important;
  185.     right:0!important;
  186.     opacity:0;
  187.     padding-right:38px;
  188.     /* delete invert(1) from here */
  189.         filter:invert(1) contrast(150%);
  190.         -webkit-filter:invert(1) contrast(150%);
  191.         -o-filter:invert(1) contrast(150%);
  192.         -moz-filter:invert(1) contrast(150%);
  193.         -ms-filter:invert(1) contrast(150%);
  194.     /* to here if your blog has a dark background */
  195.     transform:scale(0.65);
  196.     transform-origin:100% 0;
  197.     -webkit-transform:scale(0.65);
  198.     -webkit-transform-origin:100% 0;
  199.     -o-transform:scale(0.65);
  200.     -o-transform-origin:100% 0;
  201.     -moz-transform:scale(0.65);
  202.     -moz-transform-origin:100% 0;
  203.     -ms-transform:scale(0.65);
  204.     -ms-transform-origin:100% 0;}
  205.  
  206. iframe.tmblr-iframe:hover {
  207.     opacity:0.6!important;}
  208.  
  209. .hcontrols {
  210.     position:fixed;
  211.     top:0;
  212.     right:0;
  213.     z-index:999999999;}
  214.  
  215. .hcontrols svg {
  216.     width:14px;
  217.     height:14px;
  218.     padding:9px;}
  219.  
  220. .hcontrols svg path {
  221.     fill:#000000;/* change this to change the color of the icon */}
  222.  
  223. section {
  224.     width: 400px;
  225.     margin: auto;
  226. }
  227. /* SIDEBAR */
  228. #sidebar {
  229.     width: 170px;
  230.     margin-right: -85px;
  231.     position: fixed;
  232.     margin-top: 110px;
  233.     right: 40%;
  234.     background-color: #fff;
  235.     border: 1px solid {color:borders};
  236.     box-shadow: 0px 0px 10px {color:borders};
  237. }
  238. .sideimg {
  239.     width: 170px;
  240.     height: auto;
  241.     padding: 0;
  242.     margin: 0;
  243. }
  244. .linkwrapper {
  245.     text-align: center;
  246. }
  247. .sidelink {
  248.     display: inline-block;
  249.     margin: 5px;
  250. }
  251. .sidelink svg {
  252.     width: 15px;
  253.     height: 15px;
  254. }
  255. .sidelink svg:hover{
  256.     stroke: {color:accent};
  257.     moz-transition-duration: 0.5s;
  258.     -o-transition-duration: 0.5s;
  259.     -webkit-transition-duration: 0.5s;
  260.     transition-duration: 0.5s;
  261. }
  262. .description {
  263.     text-align: center;
  264.     padding: 10px;
  265. }
  266. .blogtitle {
  267.     font-size: 16px;
  268.     text-align: center;
  269.     margin: 0;
  270.     padding: 10px;
  271.     padding-bottom: 0;
  272.     color: {color:accent};
  273. }
  274.  
  275. /* GENERAL POST STYLING, CONTROLS, AND PERMALINKS */
  276. #posts {
  277.     position: relative;
  278.     display: inline-block;
  279.     width: 400px;
  280.     margin-top: 50px;
  281.     left: 40%;
  282.     margin-bottom: 70px;
  283.     margin-left: -200px;
  284. }
  285. .wrapper {
  286.     margin-top: 60px;
  287.     box-shadow: 0px 0px 10px {color:borders};
  288. }
  289. .post {
  290.     width: 400px;
  291.     background-color: {color:posts};
  292.     border: 1px solid {color:borders};
  293.     box-sizing: border-box;
  294. }
  295. .post img, blockquote, li {
  296.   max-width: 100%;
  297. }
  298. .tagwrap {
  299.     margin-bottom: 50px;
  300.     background-color: {color:posts};
  301.     width: 400px;
  302.     padding: 5px;
  303.     box-sizing: border-box;
  304.     border: 1px solid {color:borders};
  305.     border-top: 1px solid transparent;
  306.  
  307. }
  308. .tags  {
  309.     display: inline-block;
  310.     margin-left: 5px;
  311. }
  312. .controlw svg {
  313.    width:10px;
  314.    height:auto;
  315.    opacity:.5;
  316.    padding:1px;
  317.    display:block;
  318.    overflow:visible;
  319. }
  320. .controlw {
  321.     background-color: {color:posts};
  322.     border: 1px solid {color:borders};
  323.     border-bottom: 0px transparent;
  324. }
  325. .controls a {
  326.    position:relative;
  327.    display:inline-block;
  328.    overflow:hidden;
  329.    padding:5px;
  330.    width:12px;
  331.    height:12px;
  332. }
  333. .controls .reblog {
  334.    opacity:.93;
  335. }
  336. .controls .reblog svg {
  337.    width:9px;
  338.    margin-top:1px;
  339. }
  340. .controls .like .liked + svg {
  341.    opacity:1;
  342. }
  343. .controls .like .liked + svg path {
  344.    fill:#ec5a5a;
  345. }
  346. .controls .like .like_button {
  347.    position:relative;
  348. }
  349. .controls .like .like_button iframe {
  350.    position:absolute;
  351.    top:0;
  352.    left:0;
  353.    bottom:0;
  354.    right:0;
  355.    z-index:2;
  356.    opacity:0;
  357. }
  358. .permalink {
  359.     position: absolute;
  360.     display: inline-block;
  361.     color: #808080;
  362.     font-weight: normal;
  363.     margin-left: 55px;
  364.     margin-top: 4.5px;
  365. }
  366.  
  367. .text {
  368.     width: 400px;
  369.     box-sizing: border-box;
  370. }
  371. .text h2 {
  372.     text-align: center;
  373. }
  374. .txt {
  375.     padding: 10px;
  376. }
  377. .photo {
  378.     width: 400px;
  379.     display: block;
  380. }
  381. .quote {
  382.     padding: 10px;
  383.     font-size: calc({select:font size} + 3px);
  384.     text-align: center;
  385. }
  386. .source {
  387.     font-size: calc({select:font size} + 2px);
  388.     text-align: center;
  389.     font-variant: small-caps;
  390. }
  391. .link {
  392.     text-align: center;
  393. }
  394. .lnk {
  395.     padding: 10px;
  396.     border-bottom: 1px solid {color:borders};
  397.     background-color: {color:audio};
  398.     font-weight: bold;
  399.     font-size: calc({select:font size} + 2px);
  400. }
  401. .photoset-grid {
  402.     grid-gap: 1px;
  403.     padding: 0px;
  404. }
  405. .post.txt.photo {
  406.     padding: 0px;
  407. }
  408. .audio iframe {
  409.     width: 398px;
  410.     height: 85px;
  411.     display: block;
  412. }
  413. .video iframe {
  414.     width: 400px;
  415.     display: block;
  416. }
  417. .cht h2, h3, h4{
  418.     padding:10px;
  419. }
  420. .chat {
  421.     list-style-type: none;
  422.     padding-left: 3px;
  423. }
  424. .line {
  425.     padding: 10px;
  426. }
  427. .line:nth-of-type(odd) {
  428.     background-color: {color:audio};
  429.     text-align: left;
  430.     border: 1px solid {color:borders};
  431.     border-left: 0px transparent;
  432.     border-right: 0px transparent;
  433. }
  434. .line:nth-of-type(even) {
  435.     text-align: right;
  436. }
  437. .post.text.cht > .line:first-child {
  438.     border-top: none;
  439. }
  440. .post.text.cht > .line:last-of-type {
  441.     border-bottom: none;
  442. }
  443. .question {
  444.     padding: 5px;
  445.     background-color: {color:audio};
  446.     border-bottom: 1px solid {color:borders};
  447.     margin-bottom: 3px;
  448. }
  449. .asker img {
  450.     width: 25px;
  451.     display: inline-block;
  452.     vertical-align: middle;
  453.     padding: 2px 0px 0px 5px;
  454. }
  455. .asker {
  456.     padding: 10px 0px 0px 4px;
  457. }
  458.  
  459. .question_text {
  460.     padding: 10px;
  461.     margin-bottom: 3px;
  462. }
  463. .answerer {
  464.     text-align: right;
  465.     padding: 0px 10px 0px 7px;
  466. }
  467. .answer_text {
  468.     text-align: right;
  469.     padding: 10px;
  470.     margin-top: -6px;
  471. }
  472. .answer_container {
  473.     padding: 5px;
  474.     margin-top: 10px;
  475.     margin-bottom: -10px;
  476. }
  477. .replier img {
  478.     width: 25px;
  479.     display: inline-block;
  480.     vertical-align: middle;
  481.     padding: 2px 4px 0px 10px;
  482. }
  483. .replier {
  484.     padding: 10px 0px 0px 2px;
  485. }
  486. .reply {
  487.     padding: 15px;
  488. }
  489. /* ASK, SUBMIT, AND PERMALINK PAGE */
  490. {block:AskPage}
  491. .txt {
  492.     padding: 0px;
  493. }
  494. {/block:AskPage}
  495. {block:SubmitPage}
  496. .txt {
  497.     padding: 0px;
  498. }
  499. {/block:SubmitPage}
  500. {block:PermalinkPage}
  501. .tags {
  502.     text-align: center;
  503.     display: inline-block;
  504.     padding: 4px;
  505. }
  506. .wrapper {
  507.     box-shadow: none;
  508. }
  509. .post, .controlw, .tagwrap {
  510.     box-shadow: 0px 0px 10px {color:borders};
  511. }
  512. {/block:PermalinkPage}
  513.  
  514. /* NOTES */
  515. ol.notes {
  516.     margin-top: 50px;
  517.     list-style-type: none;
  518.     background-color: {color:posts};
  519.     padding: 10px;
  520.     width: 400px;
  521.     box-sizing: border-box;
  522.     border: 1px solid {color:borders};
  523.     box-shadow: 0px 0px 10px {color:borders};
  524. }
  525. ol.notes li.note {
  526.     padding: 5px;
  527.     vertical-align: middle;
  528. }
  529. ol.notes li.note img.avatar {
  530.     vertical-align: middle;
  531.     padding: 5px;
  532.     width: 20px;
  533. }
  534. li.note.more_notes_link_container {
  535.     text-transform: lowercase;
  536. }
  537. /* PAGINATION */
  538. #footer {
  539.     width: 400px;
  540.     position: relative;
  541.     margin-left: -45px;
  542.     padding: 5px;
  543.     margin-top: -20px;
  544.     margin-bottom: 40px;
  545.     text-align: center;
  546. }
  547. .prev {
  548.     padding: 5px;
  549.     margin-bottom: 20px;
  550. }
  551. .next {
  552.     padding: 5px;
  553.     margin-bottom: 20px;
  554. }
  555. {block:Ifinfinitescroll}
  556. #footer {
  557.     display: none;
  558. }
  559. {/block:Ifinfinitescroll}
  560.  
  561.  
  562. /* captions */
  563. .commenter img {
  564.     width: 25px;
  565.     vertical-align: middle;
  566.     padding: 5px;
  567. }
  568. .text .commenter {
  569.     padding-bottom: 0px;
  570. }
  571. .text .comment {
  572.     padding: 5px;
  573. }
  574. .commenter {
  575.     padding-top: 10px;
  576.     padding-bottom: 0px;
  577. }
  578. .comment {
  579.     padding-bottom: 0px;
  580.     padding: 10px 10px 10px 15px;
  581.     margin-top: -8px;
  582. }
  583. .caption {
  584.     background-color: {color:posts};
  585.     width: 400px;
  586.     box-sizing: border-box;
  587.     border: 1px solid {color:borders};
  588.     border-top: 0px transparent;
  589.     padding-left: 10px;
  590. }
  591. .caption img {
  592.     max-width: 100%;
  593. }
  594. .cap {
  595.     padding: 10px;
  596. }
  597. .comment_container {
  598.     margin-top: -20px;
  599. }
  600. .text .comment_container {
  601.     margin-top: -5px;
  602. }
  603. .comment_container:first-child {
  604.     margin-top: 0;
  605. }
  606. .comment_container:last-child {
  607.     border-bottom: 1px solid transparent;
  608.     margin-bottom: -4px;
  609. }
  610.  
  611. /* CREDIT - DO NOT TOUCH */
  612. .credit {
  613.     font-family: 'Playfair Display';
  614.     font-style: italic;
  615.     font-size: 20px;
  616.     width: 20px;
  617.     position: fixed;
  618.     bottom: 20px;
  619.     right: 17px;
  620.     text-align: center;
  621. }
  622. #scrollto {
  623.     position: fixed;
  624.     bottom: 45px;
  625.     right: 17px;
  626. }
  627. #scrollto a {
  628.     color: {color:links};
  629. }
  630. #scrollto a:hover {
  631.     color: {color:accent};
  632.     moz-transition-duration: 0.5s;
  633.     -o-transition-duration: 0.5s;
  634.     -webkit-transition-duration: 0.5s;
  635.     transition-duration: 0.5s;
  636. }
  637.  
  638. /* MEDIA QUERIES */
  639. @media only screen and (max-width: 600px) {
  640.     section {
  641.         width: 250px;
  642.     }
  643.     #posts {
  644.         width: 250px;
  645.         margin-left: -125px;
  646.         left: 50%;
  647.         margin-top: 100px;
  648.     }
  649.     .post, .wrapper, .tagwrap, ol.notes {
  650.         width: 250px;
  651.     }
  652.     #footer {
  653.         width: 250px;
  654.         margin-left: -10px;
  655.     }
  656.     .controlw {
  657.         width: 248px;
  658.     }
  659.     .audio iframe, .video iframe {
  660.         width: 250px;
  661.     }
  662.     .photo, .caption {
  663.         width: 250px;
  664.     }
  665.     pre, code {
  666.         overflow-x: auto;
  667.     }
  668.     .sideimg {
  669.         display: none;
  670.     }
  671.     #sidebar {
  672.         margin-top: 0;
  673.         margin: 0;
  674.         right: 0;
  675.         top: 0;
  676.         width: 100%;
  677.         height: 125px;
  678.         z-index: 1;
  679.     }
  680.     .blogtitle {
  681.         padding-top: 2px;
  682.     }
  683. }
  684.  
  685. @media only screen and (min-width: 601px) and (max-width: 992px) {
  686.     #sidebar {
  687.         right: 15%;
  688.     }
  689.     #posts {
  690.         left: 25%;
  691.     }
  692.     #footer {
  693.         margin-left: -105px;
  694.     }
  695. }
  696. @media only screen and (min-width: 993px) and (max-width: 1024px) {
  697.     #sidebar {
  698.         right: 20%;
  699.     }
  700.     #posts {
  701.         left: 40%;
  702.     }
  703. }
  704. @media only screen and (min-width: 1025px) and (max-width: 1920px) {
  705.     #sidebar {
  706.         right: 25%;
  707.     }
  708. }
  709.     </style>
  710.     <!--SCRIPTS-->
  711.     <script>
  712. $(document).ready(function(){
  713. $(window).scroll(function () {
  714.    if ($(this).scrollTop() > 200)
  715.    { $('#scrollto').fadeIn(); }
  716.    else
  717.    { $('#scrollto').fadeOut(); }
  718.    });
  719. $('#scrollto').click(function () {
  720.    $("html, body").animate({scrollTop:0}, 1000); return false;
  721.    });
  722.    $('.caption').each(function(){if($(this).html().trim() == '')$(this).remove();});
  723. });
  724. </script>
  725.    {block:Ifinfinitescroll}
  726.     <script>
  727.         $(document).ready(function() {
  728.             var $container = $('#posts')
  729.             $container.infiniteScroll({
  730.                 // options
  731.                 path: '.next',
  732.                 append: '.wrapper',
  733.                 history: false,
  734.             });
  735.             $container.on( 'append.infiniteScroll', function(e,r,p,newElements){
  736.        var $newElems = $(newElements);
  737.        var $newElemsIDs = $newElems.map(function(){
  738.            return this.id;
  739.        }).get();
  740.        Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  741. $('.caption').each(function(){if($(this).html().trim() == '')$(this).remove();});
  742.             });
  743.     });
  744.     </script>
  745.     {/block:Ifinfinitescroll}
  746.  
  747.     <script>
  748.    $(document).ready(function() {
  749.      undoPhotoset();
  750.      undoPhotoset({
  751. 'posts': '.post.text', // change '.post.text' to the text post selector
  752. 'text class': 'txt', // change 'text' to the text post unique class (can be '')
  753. 'photoset class': 'photo' // change 'photoset' to the photoset post unique class (can be '')
  754. },false); // true = pxu, false = css photosets
  755.       $('iframe.tumblr_audio_player').load( function() {
  756.          $('iframe.tumblr_audio_player').contents().find("head")
  757.             .append($("<style type='text/css'> .audio-player{background:{color:audio} !important} </style>"));
  758.       });
  759.    });
  760. </script>
  761. <!--END SCRIPTS-->
  762.  
  763.     </head>
  764.  
  765.     <body>
  766. <section>
  767.     <!--SIDEBAR-->
  768.     <div id="sidebar">
  769.         <div class="linkwrapper">
  770.             <a class="sidelink" href="/" title="home"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M20 9v11a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2V9"/><path d="M9 22V12h6v10M2 10.6L12 2l10 8.6"/></svg></a>
  771.             <a class="sidelink" href="/ask" title="message"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"></path></svg></a>
  772.             <a class="sidelink" href="/archive" title="archive"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="3"></circle><path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z"></path></svg></a>
  773.  
  774.              <a class="sidelink" href="{text:link 1 url}" title="{text:link 1 title}"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path><circle cx="12" cy="7" r="4"></circle></svg></a>
  775.              <a class="sidelink" href="{text:link 2 url}" title="{text:link 2 title}"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><polygon points="16 3 21 8 8 21 3 21 3 16 16 3"></polygon></svg></a>
  776.              <a class="sidelink" href="{text:link 3 url}" title="{text:link 3 title}"><svg xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path></svg></a>
  777.         </div>
  778.         <img class="sideimg" src="{image:sidebar}">
  779.         <h2 class="blogtitle">{Title}</h2>
  780.         {block:description}
  781.         <div class="description">
  782.             {Description}
  783.         </div>
  784.         {/block:description}
  785.     </div>
  786.     <!--END SIDEBAR-->
  787.     <!--POSTS-->
  788.         <div id="posts">
  789.             {block:Posts}
  790.             <!--CONTROLS AND PERMALINK-->
  791.             <div class="wrapper" id="{PostID}">
  792.             <div class="controlw">
  793.             {block:Date}<a href="{Permalink}" class="permalink">{block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}</a>{/block:Date}
  794.             <div class="controls">
  795.             {block:Date}
  796. <a href="{ReblogURL}" target="_blank" class="reblog">
  797. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 361.095 361.095" style="enable-background:new 0 0 361.095 361.095;" xml:space="preserve"><g><g><path d="M182.595,325.678c-63.183,0-120.133-42.217-138.267-102.567c-2.833-9.067-12.183-14.167-21.25-11.333    c-9.067,2.833-14.167,12.183-11.333,21.25c22.95,75.933,91.517,126.65,170.85,126.65c98.317,0,178.5-80.183,178.5-178.5    s-80.183-178.5-178.5-178.5c-55.817,0-108.233,26.633-141.667,69.7l-7.083-56.1c-1.133-9.35-9.633-15.867-18.983-14.733    C5.511,2.678-1.005,11.178,0.128,20.528l13.317,103.7c1.133,8.5,8.5,14.733,16.717,14.733c0.567,0,1.417,0,1.983,0l102.567-11.617    c9.35-1.133,16.15-9.35,15.017-18.7s-9.35-16.15-18.7-15.017l-68.85,7.65c26.633-39.95,71.683-64.6,120.417-64.6    c79.617,0,144.5,64.883,144.5,144.5S262.211,325.678,182.595,325.678z"/></g></g></svg>
  798. </a>
  799. <a href="#" class="like">{LikeButton}
  800. <svg xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewBox="0 0 442.403 442.403" style="enable-background:new 0 0 442.403 442.403;" xml:space="preserve"><g><g><path d="M213.05,422.652c2.833,1.7,5.95,2.833,9.35,2.833c3.117,0,6.517-0.85,9.35-2.833c7.65-5.1,187.283-123.533,207.683-243.95    c10.483-62.333-8.783-100.867-26.633-122.117c-20.967-24.933-52.133-39.667-83.017-39.667c-10.2,0-20.117,1.7-28.9,5.1    c-43.067,16.15-72.25,44.767-88.117,64.317c-15.583-19.267-42.217-47.033-74.517-58.083c-9.917-3.4-20.683-5.1-32.017-5.1    c-28.9,0-56.383,11.9-75.367,32.867c-16.717,18.417-35.7,53.55-29.75,114.75C13.016,291.185,204.833,417.268,213.05,422.652z     M56.083,78.685c17.283-18.983,38.817-21.817,50.15-21.817c7.367,0,14.45,1.133,20.967,3.4    c39.383,13.317,70.833,63.467,71.4,63.75c3.117,5.1,8.783,8.217,14.733,7.933c5.95,0,11.333-3.4,14.45-8.5    c0.283-0.567,28.617-48.733,85.283-69.983c4.817-1.7,10.767-2.833,16.717-2.833c20.967,0,42.217,10.483,56.95,27.767    c19.267,22.667,25.783,55.533,18.983,94.633c-7.367,43.067-42.5,94.633-101.717,149.317c-33.433,30.883-66.3,54.683-81.6,65.45    c-16.15-11.05-51-36.55-86.417-68.85C74.216,262.285,39.366,209.868,35.116,167.368C31.433,128.552,38.516,97.952,56.083,78.685z"/></g></g></svg>
  801. </a>
  802. {/block:Date}
  803. </div>
  804. </div>
  805. <!--END CONTROLS AND PERMALINK-->
  806. <!--POST TYPES-->
  807.  
  808.             {block:Text}
  809.             <div class="post text txt" id="{PostId}">{block:Title}<h2>{Title}</h2>{/block:Title}<div class="body">
  810.             {block:NotReblog}{Body}{/block:NotReblog}
  811.             {block:RebloggedFrom}
  812.             {block:Reblogs}
  813.             <div class="comment_container">
  814.                 <div class="commenter">
  815.                     <img src="{PortraitURL-64}" />
  816.                     <span>
  817.                         {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  818.                     </span>
  819.                 </div>
  820.                 <div class="comment">{Body}</div>
  821.             </div>
  822.             {/block:Reblogs}
  823.             {/block:RebloggedFrom}
  824.         </div>
  825.         </div>
  826.         {/block:Text}
  827.  
  828.         {block:Photo}
  829.         <div class="post photo" id="{PostID}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></div>{/block:Photo}
  830.  
  831.  
  832.         {block:Photoset}<div class="post photo" id="{PostID}"><div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div></div>{/block:Photoset}
  833.  
  834.         {block:Quote}
  835.         <div class="post text" id="{PostID}"><div class="quote">{Quote}</div>
  836.         {block:Source}<div class="quote">{Source}</div>{/block:Source}</div>
  837.         {/block:Quote}
  838.  
  839.         {block:Link}
  840.         <div class="post text link" id="{PostID}">
  841.         <div class="lnk">
  842.         <a href="{URL}" class="path{block:Description} has-desc{/block:Description}" {Target}>{Name}</a>
  843.         </div>
  844.         {block:Description}
  845.         <div class="link-description">
  846.             {block:NotReblog}{Description}{/block:NotReblog}
  847.             {block:RebloggedFrom}
  848.             {block:Reblogs}
  849.             <div class="comment_container">
  850.                 <div class="commenter">
  851.                     <img src="{PortraitURL-64}" />
  852.                     <span>
  853.                         {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  854.                     </span>
  855.                 </div>
  856.                 <div class="comment">{Body}</div>
  857.             </div>
  858.             {/block:Reblogs}
  859.             {/block:RebloggedFrom}
  860.         </div>
  861.         {/block:Description}</div>
  862.         {/block:Link}
  863.  
  864.         {block:Chat}
  865.         <div class="post text cht" id="{PostID}">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}
  866.             <div class="line"><span class="label">{block:Label}{Label}{/block:Label}</span> {Line}</div>
  867.             {/block:Lines}
  868.         </div>
  869.  
  870.         {/block:Chat}
  871.  
  872.         {block:Audio}<div class="post photo" id="{PostID}"><div class="audio">{block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}</div></div>{/block:Audio}
  873.  
  874.         {block:Video}<div class="post photo" id="{PostID}">{VideoEmbed-500}</div>{/block:Video}
  875.  
  876.         {block:Answer}
  877.         <div class="post text" id="{PostID}">
  878.         <div class="question">
  879.             <div class="asker">
  880.             <img src="{AskerPortraitURL-128}">
  881.                 {Asker}
  882.             </div>
  883.             <div class="question_text">{Question}</div>
  884.         </div>
  885.         {block:Answerer}
  886.         <div class="answer_container">
  887.             <div class="answerer">
  888.                 {Answerer}
  889.             </div>
  890.             <div class="answer_text">{Answer}</div>
  891.         </div>
  892.         {block:Reblogs}
  893.         <div class="reply_container">
  894.             <div class="replier">
  895.                 <img src="{PortraitURL-64}" />
  896.                 {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a> {/block:HasPermalink}
  897.             </div>
  898.             <div class="reply">{Body}</div>
  899.         </div>
  900.         {/block:Reblogs}
  901.         {/block:Answerer}
  902.         {block:NotReblog}
  903.         <div class="answer_container">
  904.             <div class="answerer">
  905.                 <a href="{Permalink}">{Name}</a>
  906.             </div>
  907.             <div class="answer_text">{Answer}</div>
  908.         </div>
  909.         {/block:NotReblog}</div>
  910.  
  911.         {/block:Answer}
  912.  
  913.         {block:Caption}
  914.        <div class="caption">
  915.             {block:NotReblog}<div class="cap">{Caption}</div>{/block:NotReblog}
  916.             {block:RebloggedFrom}
  917.             {block:Reblogs}
  918.             <div class="comment_container">
  919.                 <div class="commenter">
  920.                     <img src="{PortraitURL-64}" />
  921.                     <span>
  922.                         {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  923.                     </span>
  924.                 </div>
  925.                 <div class="comment">{Body}</div>
  926.             </div>
  927.             {/block:Reblogs}
  928.             {/block:RebloggedFrom}
  929.         </div>
  930.         {/block:Caption}
  931.    {block:Date}
  932.    <div class="tagwrap">
  933.    {DayOfMonth}.{MonthNumber}.{Year}
  934.    {block:HasTags}
  935.    {block:Tags}
  936.    <a href="{TagURL}" class="tags">#{Tag}</a>
  937.    {/block:Tags}
  938.    {/block:HasTags}
  939.    </div>
  940.    {/block:Date}
  941.                 {PostNotes}
  942.                 </div>
  943.                 {/block:Posts}
  944.         </div>
  945.         <!--END POST TYPES-->
  946.  
  947.         <!--PAGINATION-->
  948.           {block:Pagination}
  949.         <p id="footer">
  950.             {block:PreviousPage}
  951.                 <a href="{PreviousPage}" class="prev"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M15 18l-6-6 6-6"/></svg></a>
  952.             {/block:PreviousPage}{block:NextPage}
  953.                 <a class="next" href="{NextPage}"><svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18l6-6-6-6"/></svg></a>
  954.             {/block:NextPage}
  955.         </p>
  956.         {/block:Pagination}
  957.         <!--END PAGINATION-->
  958.         <!--CREDIT AND SCROLL TO TOP - DO NOT TOUCH THE CREDIT-->
  959.        <a id="scrollto" title="scroll to top"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#000000" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M18 15l-6-6-6 6"/></svg></a>
  960.         <a class="credit" href="https://aubadese.tumblr.com" title="theme credit">a</a>
  961.         <!--END CREDIT + SCROLL TO TOP-->
  962.         <!--CONTROLS-->
  963.         <div class="hcontrols"><svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 216 216" enable-background="new 0 0 216 216" xml:space="preserve"><path d="M106.6,134c14.3,0,26-11.7,26-26s-11.7-26-26-26s-26,11.7-26,26S92.2,134,106.6,134z M106.6,94c7.7,0,14,6.3,14,14s-6.3,14-14,14s-14-6.3-14-14S98.9,94,106.6,94z M40.4,124.6l7.2,3.3c3,1.4,4.4,4.8,3.3,7.9l-2.8,7.4c-2.1,5.7-1.4,11.8,2.1,16.7c3.4,5,9,7.9,15,7.9c2.2,0,4.4-0.4,6.5-1.2l7.4-2.8c0.7-0.3,1.4-0.4,2.2-0.4c2.4,0,4.7,1.4,5.7,3.7l3.3,7.2c3,6.6,9.4,10.7,16.6,10.7s13.6-4.1,16.6-10.7l3.3-7.2c1-2.2,3.2-3.7,5.7-3.7c0.7,0,1.5,0.1,2.2,0.4l7.4,2.8c2.1,0.8,4.3,1.2,6.5,1.2c0,0,0,0,0,0c5.9,0,11.5-3,15-7.9c3.4-5,4.2-11.1,2.1-16.7l-2.8-7.4c-1.1-3.1,0.3-6.5,3.3-7.9l7.2-3.3c6.6-3,10.7-9.4,10.7-16.6s-4.1-13.6-10.7-16.6l-7.2-3.3c-3-1.4-4.4-4.8-3.3-7.9l2.8-7.4c2.1-5.7,1.4-11.8-2.1-16.7c-3.4-5-9-7.9-15-7.9c-2.2,0-4.4,0.4-6.5,1.2l-7.4,2.8c-0.7,0.3-1.4,0.4-2.2,0.4c-2.4,0-4.7-1.4-5.7-3.7l-3.3-7.2c-3-6.6-9.4-10.7-16.6-10.7S93,35.2,90,41.8l-3.3,7.2c-1,2.2-3.2,3.7-5.7,3.7c-0.7,0-1.5-0.1-2.2-0.4l-7.4-2.8c-2.1-0.8-4.3-1.2-6.5-1.2c-5.9,0-11.5,3-15,7.9c-3.4,5-4.2,11.1-2.1,16.7l2.8,7.4c1.1,3.1-0.3,6.5-3.3,7.9l-7.2,3.3c-6.6,3-10.7,9.4-10.7,16.6S33.8,121.6,40.4,124.6z M45.3,102.3l7.2-3.3c8.7-4,12.9-14.1,9.5-23l-2.8-7.4c-1-2.7,0-4.7,0.7-5.7c1.6-2.4,4.6-3.4,7.4-2.3l7.4,2.8c2.1,0.8,4.2,1.2,6.4,1.2c0,0,0,0,0,0c7.1,0,13.6-4.2,16.6-10.7l3.3-7.2c1.5-3.4,4.7-3.7,5.7-3.7s4.1,0.3,5.7,3.7l3.3,7.2c3,6.5,9.5,10.7,16.6,10.7c2.2,0,4.3-0.4,6.4-1.2l7.4-2.8c2.8-1,5.7,0,7.4,2.3c0.7,1,1.7,3,0.7,5.7l-2.8,7.4c-3.3,8.9,0.8,19,9.5,23l7.2,3.3c3.4,1.5,3.7,4.7,3.7,5.7s-0.3,4.1-3.7,5.7l-7.2,3.3c-8.7,4-12.9,14.1-9.5,23l2.8,7.4c1,2.7,0,4.7-0.7,5.7c-1.6,2.4-4.6,3.4-7.4,2.3l-7.4-2.8c-2.1-0.8-4.2-1.2-6.4-1.2c-7.1,0-13.6,4.2-16.6,10.7l-3.3,7.2c-1.5,3.4-4.7,3.7-5.7,3.7s-4.1-0.3-5.7-3.7l-3.3-7.2c-3-6.5-9.5-10.7-16.6-10.7c-2.2,0-4.3,0.4-6.4,1.2l-7.4,2.8c-2.8,1-5.7,0-7.4-2.3c-0.7-1-1.7-3-0.7-5.7l2.8-7.4c3.3-8.9-0.8-19-9.5-23l-7.2-3.3c-3.4-1.5-3.7-4.7-3.7-5.7S41.9,103.9,45.3,102.3z"/></svg></div>
  964.         <!--END PAGINATION + CONTROLS-->
  965. </section>
  966.     </body>
  967. </html>
Advertisement
Add Comment
Please, Sign In to add comment