chaisthemes

theme 04: under this light

Feb 24th, 2019
483
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 29.82 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. unnest captions base by @annasthms;
  9. -->
  10. <html>
  11.     <head>
  12.         <title>{Title}</title>
  13.         <meta name="viewport" content="width=device-width, initial-scale=1">
  14.         <link rel="shortcut icon" href="{Favicon}">
  15.         <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16.         {block:Description}
  17.             <meta name="description" content="{MetaDescription}" />
  18.         {/block:Description}
  19.         <!--meta tags-->
  20.     <meta name="color:background" content="#f6f6f6" />
  21.     <meta name="color:text" content="#666666" />
  22.     <meta name="color:accent" content="#444444" />
  23.     <meta name="color:darker accent" content="#a77dc2" />
  24.     <meta name="color:borders" content="#eeeeee" />
  25.     <meta name="color:posts" content="#ffffff" />
  26.     <meta name="color:sidebar" content="#ffffff" />
  27.     <meta name="color:scrollbar" content="#f5f5f5"
  28.    <meta name="color:audio" content="#f5f5f5" />
  29.     <meta name="select:font" content="'Poppins', sans-serif" title="poppins"/>
  30.     <meta name="select:font" content="'Karla', sans-serif" title="karla"/>
  31.     <meta name="select:font" content="'Muli', sans-serif" title="muli"/>
  32.     <meta name="select:heading font" content="'Lora', serif" title="lora"/>
  33.     <meta name="select:heading font" content="'Playfair Display', serif" title="playfair display"/>
  34.     <meta name="if:infinite scroll" content="1"/>
  35.     <meta name="text:link 1 url" content="" />
  36.     <meta name="text:link 1 title" content="" />
  37.     <meta name="text:link 2 url" content="" />
  38.     <meta name="text:link 2 title" content="" />
  39.     <meta name="text:link 3 url" content="" />
  40.     <meta name="text:link 3 title" content="" />
  41.     <meta name="text:link 4 url" content="" />
  42.     <meta name="text:link 4 title" content="" />
  43.     <meta name="text:link 5 url" content="" />
  44.     <meta name="text:link 5 title" content="" />
  45.     <meta name="text:link 6 url" content="" />
  46.     <meta name="text:link 6 title" content="" />
  47.     <!--links and scripts-->
  48.     <link href="https://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  49.     <link href="https://static.tumblr.com/0podkko/bwepdyarh/photosets.css" rel="stylesheet">
  50.     <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  51.     <script src="https://static.tumblr.com/puqxgda/0i2paplaq/infinite-scroll.pkgd.min.js"></script>
  52.     <link href="https://fonts.googleapis.com/css?family=Poppins|Karla|Muli" rel="stylesheet">
  53.     <link href="https://fonts.googleapis.com/css?family=Lora:400,400i|Playfair+Display:400,400i" rel="stylesheet">
  54.     <script src="https://static.tumblr.com/uopakca/GVcnvdwbq/jquery.style-my-tooltips.js"></script>
  55.     <link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
  56.  
  57.     <script>
  58. (function($){
  59. $(document).ready(function(){
  60. $("a[title]").style_my_tooltips({
  61. tip_follows_cursor:true,
  62. tip_delay_time:90,
  63. tip_fade_speed:700,
  64. attribute:"title"
  65. });
  66. });
  67. })(jQuery);
  68. </script>
  69.  
  70.     <style type="text/css">
  71.     /* TOOLTIPS AND SCROLLBAR */
  72.         #s-m-t-tooltip {
  73.    max-width:300px;
  74.    border-radius: 0px;
  75.    padding:4px;
  76.    margin:5px 10px 5px 0px;
  77.    color:{color:text};
  78.    border:1px solid {color:borders};
  79.    font-family: {select:font}, sans-serif;
  80.    font-size:11px;
  81.    background:{color:background};
  82.    z-index:99999;
  83. }
  84. ::-webkit-scrollbar {
  85.   width: 9px;
  86.   height: 9px;
  87. }
  88. ::-webkit-scrollbar-button {
  89.   width: 0px;
  90.   height: 0px;
  91. }
  92. ::-webkit-scrollbar-thumb {
  93.   background: {color:scrollbar};
  94.   border: 0px none {color:borders};
  95.   border-radius: 2px;
  96. }
  97. ::-webkit-scrollbar-track {
  98.   background: {color:posts};
  99.   border: 0px none {color:borders};
  100.   border-radius: 21px;
  101. }
  102. ::-webkit-scrollbar-corner {
  103.   background: transparent;
  104. }
  105.  
  106.     /* GENERAL STYLING */
  107. body {
  108.     background-color: {color:background};
  109.     color: {color:text};
  110.     font-family: {select:font};
  111.     margin: 0 !important;
  112.     font-size: 12px;
  113.     word-break: break-word;
  114. }
  115. a {
  116.     font-family:inherit;
  117.   font-weight: normal;
  118.   text-decoration: none;
  119.   color: {color:accent};
  120.         moz-transition-duration: 0.5s;
  121.     -o-transition-duration: 0.5s;
  122.     -webkit-transition-duration: 0.5s;
  123.     transition-duration: 0.5s;
  124. }
  125. a:hover {
  126.     color: {color:darker accent};
  127.     moz-transition-duration: 0.5s;
  128.     -o-transition-duration: 0.5s;
  129.     -webkit-transition-duration: 0.5s;
  130.     transition-duration: 0.5s;
  131. }
  132. .post a {
  133.   font-family:inherit;
  134.   font-weight: normal;
  135.   text-decoration: none;
  136. color: {color:darker accent};
  137.     box-shadow: 0px -7px rgb({RGBcolor:accent}, 0.7) inset;
  138.       moz-transition-duration: 0.5s;
  139.     -o-transition-duration: 0.5s;
  140.     -webkit-transition-duration: 0.5s;
  141.     transition-duration: 0.5s;
  142. }
  143. .post a:hover {
  144.       moz-transition-duration: 0.5s;
  145.     -o-transition-duration: 0.5s;
  146.     -webkit-transition-duration: 0.5s;
  147.     transition-duration: 0.5s;
  148.     box-shadow: 0px -20px rgb({RGBcolor:accent}, 0.7) inset;
  149. }
  150. .tagwrap a {
  151.   font-family:inherit;
  152.   font-weight: normal;
  153.   text-decoration: none;
  154. color: {color:darker accent};
  155.     box-shadow: 0px -7px rgb({RGBcolor:accent}, 0.7) inset;
  156.       moz-transition-duration: 0.5s;
  157.     -o-transition-duration: 0.5s;
  158.     -webkit-transition-duration: 0.5s;
  159.     transition-duration: 0.5s;
  160. }
  161. .tagwrap a:hover {
  162.       moz-transition-duration: 0.5s;
  163.     -o-transition-duration: 0.5s;
  164.     -webkit-transition-duration: 0.5s;
  165.     transition-duration: 0.5s;
  166.     box-shadow: 0px -20px rgb({RGBcolor:accent}, 0.7) inset;
  167. }
  168. .caption a {
  169.   font-family:inherit;
  170.   font-weight: normal;
  171.   text-decoration: none;
  172. color: {color:darker accent};
  173.     box-shadow: 0px -7px rgb({RGBcolor:accent}, 0.7) inset;
  174.       moz-transition-duration: 0.5s;
  175.     -o-transition-duration: 0.5s;
  176.     -webkit-transition-duration: 0.5s;
  177.     transition-duration: 0.5s;
  178. }
  179. .caption a:hover {
  180.       moz-transition-duration: 0.5s;
  181.     -o-transition-duration: 0.5s;
  182.     -webkit-transition-duration: 0.5s;
  183.     transition-duration: 0.5s;
  184.     box-shadow: 0px -20px rgb({RGBcolor:accent}, 0.7) inset;
  185. }
  186. blockquote {
  187.  border-left: 1px solid {color:borders};
  188.  padding-left: 5px;
  189.  margin-left: 12px;
  190. }
  191.  
  192. blockquote blockquote {
  193.  padding: 0 0 0 5px;
  194.  margin: 0 0 0 12px;
  195. }
  196. h1 {
  197.   font-size: 16px;
  198.   margin-top: 1px;
  199.   position: relative;
  200.   top: 10px;
  201.   text-align: center;
  202.   font-family: {select:heading font};
  203.   color: {color:text};
  204.   display: inline-block;
  205.   font-style: italic;
  206. }
  207. h1:hover {
  208.     color: {color:darker accent};
  209.   moz-transition-duration: 0.5s;
  210.     -o-transition-duration: 0.5s;
  211.     -webkit-transition-duration: 0.5s;
  212.     transition-duration: 0.5s;
  213. }
  214. h2, h3, h4, h5, h6 {
  215.     text-align: center;
  216.     font-family: {select:heading font};
  217.     font-size: 14px;
  218.     line-height: 14px;
  219. }
  220. b, strong {
  221. font-weight: bold;
  222. }
  223. i, em {
  224. font-style: italic;
  225. }
  226. /* CONTROLS */
  227. iframe.tmblr-iframe {
  228.     z-index:99999999999999!important;
  229.     top:-2px!important;
  230.     right:0!important;
  231.     opacity:0;
  232.     padding-right:38px;
  233.     /* delete invert(1) from here */
  234.         filter:invert(1) contrast(150%);
  235.         -webkit-filter:invert(1) contrast(150%);
  236.         -o-filter:invert(1) contrast(150%);
  237.         -moz-filter:invert(1) contrast(150%);
  238.         -ms-filter:invert(1) contrast(150%);
  239.     /* to here if your blog has a dark background */
  240.     transform:scale(0.65);
  241.     transform-origin:100% 0;
  242.     -webkit-transform:scale(0.65);
  243.     -webkit-transform-origin:100% 0;
  244.     -o-transform:scale(0.65);
  245.     -o-transform-origin:100% 0;
  246.     -moz-transform:scale(0.65);
  247.     -moz-transform-origin:100% 0;
  248.     -ms-transform:scale(0.65);
  249.     -ms-transform-origin:100% 0;}
  250.  
  251. iframe.tmblr-iframe:hover {
  252.     opacity:0.6!important;}
  253.  
  254. .hcontrols {
  255.     position:fixed;
  256.     top:0;
  257.     right:0;
  258.     z-index:999999999;}
  259.  
  260. .hcontrols svg {
  261.     width:14px;
  262.     height:14px;
  263.     padding:9px;}
  264.  
  265. .hcontrols svg path {
  266.     fill:#000000;/* change this to change the color of the icon */}
  267.  
  268. /* GENERAL POST STYLING, CONTROLS, AND PERMALINKS */
  269. #posts {
  270.     position: absolute;
  271.     width: 500px;
  272.     top: 15%;
  273.     left: 60%;
  274.     z-index: -12;
  275.     margin-left: -250px;
  276. }
  277. .wrapper {
  278.     margin-top: 60px;
  279. }
  280. .post {
  281.     width: 500px;
  282.     padding: 10px;
  283.     background-color: {color:posts};
  284.     border: 1px solid {color:borders};
  285. }
  286. .post img, blockquote, li {
  287.   max-width: 100%;
  288. }
  289. .tagwrap {
  290.     margin-bottom: 50px;
  291.     background-color: {color:posts};
  292.     width: 510px;
  293.     padding: 5px;
  294.     border: 1px solid {color:borders};
  295.     border-top: 1px solid transparent;
  296.    
  297. }
  298. .tags  {
  299.     display: inline-block;
  300.     margin-left: 5px;
  301. }
  302. svg {
  303.    width:10px;
  304.    height:auto;
  305.    opacity:.5;
  306.    padding:1px;
  307.    display:block;
  308.    overflow:visible;
  309. }
  310. .controls a {
  311.    position:relative;
  312.    display:inline-block;
  313.    overflow:hidden;
  314.    margin-left: 2px;
  315.    padding:5px;
  316.    width:12px;
  317.    height:12px;
  318. }
  319. .controls .reblog {
  320.    opacity:.93;
  321. }
  322. .controls .reblog svg {
  323.    width:9px;
  324.    margin-top:1px;
  325. }
  326. .controls .like .liked + svg {
  327.    opacity:1;
  328. }
  329. .controls .like .liked + svg path {
  330.    fill:#ec5a5a;
  331. }
  332. .controls .like .like_button {
  333.    position:relative;
  334. }
  335. .controls .like .like_button iframe {
  336.    position:absolute;
  337.    top:0;
  338.    left:0;
  339.    bottom:0;
  340.    right:0;
  341.    z-index:2;
  342.    opacity:0;
  343. }
  344. .permalink {
  345.     position: absolute;
  346.     display: inline-block;
  347.     color: #808080;
  348.     font-weight: normal;
  349.     margin-left: 55px;
  350.     margin-top: 3px;
  351. }
  352. .controlw {
  353.     width: 520px;
  354.     padding-top: 3px;
  355.     border: 1px solid {color:borders};
  356.     border-bottom: 0px transparent;
  357.     background-color: {color:posts};
  358. }
  359. {block:AskPage}
  360. .controlw {
  361.     display: none;
  362. }
  363. {/block:AskPage}
  364.  
  365. {block:SubmitPage}
  366. .controlw {
  367.     display: none;
  368. }
  369. {/block:SubmitPage}
  370. /* SIDEBAR */
  371. #sidebar {
  372.     position: fixed;
  373.     width: 250px;
  374.     top: 25%;
  375.     left: 10%;
  376.     background-color: {color:sidebar};
  377.     border: 1px solid {color:borders};
  378.     padding: 10px;
  379.     z-index: -10;
  380. }
  381. .sideimg {
  382.     margin-top: 15px;
  383.     width: 30px;
  384.     display: inline-block;
  385.     vertical-align: middle;
  386.     padding: 2px;
  387.     margin-left: 2px;
  388.     border-radius: 50%;
  389. }
  390. #description {
  391.     position: relative;
  392.     text-align: center;
  393. }
  394. .navclick {
  395.     cursor: pointer;
  396. }
  397. .navx {
  398.     color: {color:accent};
  399.     font-size: 15px;
  400.     text-align: right;
  401.     cursor: pointer;
  402.     padding: 5px 10px;
  403. }
  404. #wind {
  405.     position: fixed;
  406.     background-color: {color:background};
  407.     width: 100vw;
  408.     height: 100vh;
  409.     z-index: 11;
  410.     display: none;
  411. }
  412. .wcontent {
  413.     background-color: {color:posts};
  414.     width: 300px;
  415.     height: 250px;
  416.     z-index: 11;
  417.     position: relative;
  418.     left: 50%;
  419.     top: 50%;
  420.     margin-left: -160px;
  421.     margin-top: -125px;
  422.     overflow: scroll;
  423. }
  424. .links {
  425.     width: 200px;
  426.     left: 50%;
  427.     margin-left: -100px;
  428.     position: relative;
  429.     text-align: center;
  430. }
  431. .links a {
  432.     color: {color:darker accent};
  433.     font-size: 14px;
  434.     box-shadow: 0px -7px rgb({RGBcolor:accent}, 0.7) inset;
  435.       moz-transition-duration: 0.5s;
  436.     -o-transition-duration: 0.5s;
  437.     -webkit-transition-duration: 0.5s;
  438.     transition-duration: 0.5s;
  439. }
  440. .links a:hover {
  441.       moz-transition-duration: 0.5s;
  442.     -o-transition-duration: 0.5s;
  443.     -webkit-transition-duration: 0.5s;
  444.     transition-duration: 0.5s;
  445.     box-shadow: 0px -20px rgb({RGBcolor:accent}, 0.7) inset;
  446. }
  447. /* POST TYPES */
  448. .quote {
  449.     font-size: 14px;
  450.     text-align: center;
  451. }
  452. .source {
  453.     font-size: 13px;
  454.     text-align: center;
  455.     font-variant: small-caps;
  456. }
  457. .photoset-grid {
  458.     grid-gap: 1px;
  459. }
  460. .audio {
  461.     padding-top: 5px;
  462. }
  463. .audio iframe {
  464.     height: 80px;
  465. }
  466. .chat {
  467.     list-style-type: none;
  468.     padding-left: 3px;
  469. }
  470. .link {
  471.     text-align: center!important;
  472.     color: {color:darker accent};
  473.     font-size: 14px;
  474.     box-shadow: 0px -7px rgb({RGBcolor:accent}, 0.7) inset;
  475. }
  476. .line {
  477.     margin-bottom: 5px;
  478. }
  479. .label {
  480.     font-variant: small-caps;
  481. }
  482. .asker {
  483.     text-align: center;
  484. }
  485. .asker img {
  486.     width: 30px;
  487.     vertical-align: middle;
  488.     padding: 4px;
  489.     margin-bottom: 4px;
  490.     border-radius: 50%;
  491. }
  492. .question_text {
  493.     margin-bottom: 5px;
  494.     border-bottom: 1px solid {color:borders};
  495.     padding-bottom: 10px;
  496.     font-style: italic;
  497.     font-size: 14px;
  498.     font-family: {select:heading font};
  499.     text-align: center;
  500. }
  501. .answerer {
  502.     text-align: center;
  503. }
  504. .answerer img {
  505.     width: 30px;
  506.     vertical-align: middle;
  507.     padding: 5px;
  508.     margin-top: 2px;
  509.     border-radius: 50%;
  510. }
  511. .answer_text {
  512.     font-style: italic;
  513.     text-align: center;
  514.     font-size: 14px;
  515.     font-family: {select:heading font};
  516.     margin-top: -6px;
  517. }
  518. .answer_container {
  519.     margin-bottom: -4px;
  520. }
  521. /* ASK, SUBMIT, AND PERMALINK PAGE */
  522. {block:PermalinkPage}
  523. .tags {
  524.     text-align: center;
  525.     display: inline-block;
  526.     padding: 4px;
  527. }
  528. {/block:PermalinkPage}
  529.  
  530. /* NOTES */
  531.  
  532. ol.notes {
  533.     margin-top: 50px;
  534.     list-style-type: none;
  535.     background-color: {color:posts};
  536.     padding: 10px;
  537.     width: 500px;
  538.     border: 1px solid {color:borders};
  539. }
  540. ol.notes li.note {
  541.     padding: 10px;
  542.     vertical-align: middle;
  543.     border-bottom: 1px solid {color:borders};
  544. }
  545. ol.notes li.note img.avatar {
  546.     vertical-align: middle;
  547.     padding: 5px;
  548.     width: 20px;
  549. }
  550. li.note.more_notes_link_container {
  551.     text-transform: lowercase;
  552. }
  553. /* PAGINATION */
  554. #footer {
  555.     font-size: 16px;
  556.     padding: 10px;
  557.     text-align: center;
  558. }
  559. .prev {
  560.     padding: 5px;
  561.     margin: 3px;
  562. }
  563. .next {
  564.     padding: 5px;
  565.     margin: 3px;
  566. }
  567. {block:Ifinfinitescroll}
  568. #footer {
  569.     display: none;
  570. }
  571. {/block:Ifinfinitescroll}
  572.  
  573.  
  574. /* captions */
  575. .commenter img {
  576.     width: 30px;
  577.     vertical-align: middle;
  578.     padding: 5px;
  579.     border-radius: 50%;
  580. }
  581. .caption {
  582.     background-color: {color:posts};
  583.     width: 500px;
  584.     padding: 10px;
  585.     border-bottom: 1px solid {color:borders};
  586.     border-left: 1px solid {color:borders};
  587.     border-right: 1px solid {color:borders};
  588. }
  589. .comment_container {
  590.     padding-top: 7px;
  591.     border-bottom: 1px solid {color:borders};
  592. }
  593. .comment_container:last-child {
  594.     border-bottom: 1px solid transparent;
  595.     margin-bottom: -4px;
  596. }
  597.  
  598. /* CREDIT - DO NOT TOUCH */
  599. .credit img {
  600.     width: 20px;
  601.     position: fixed;
  602.     bottom: 15px;
  603.     right: 17px;
  604.     text-align: center;
  605. }
  606. .th-chevron-up:before{
  607. content:'\ec1e';
  608. font-family:'honeybee';
  609. color: {color:accent};
  610. font-size: 20px;
  611. }
  612. #scrollto {
  613.     position: fixed;
  614.     bottom: 45px;
  615.     right: 17px;
  616. }
  617. #scrollto a {
  618.     color: {color:accent};
  619. }
  620. #scrollto a:hover {
  621.     color: {color:darker accent};
  622.     moz-transition-duration: 0.5s;
  623.     -o-transition-duration: 0.5s;
  624.     -webkit-transition-duration: 0.5s;
  625.     transition-duration: 0.5s;
  626. }
  627.  
  628. /* MEDIA QUERIES - DON'T TOUCH UNLESS YOU KNOW WHAT YOU'RE DOING*/
  629. @media only screen and (max-width: 1100px) {
  630.     #sidebar {
  631.         left: 7%;
  632.     }
  633.     #posts {
  634.         left: 63%;
  635.     }
  636. }
  637. @media only screen and (max-width: 800px) {
  638.    .post {
  639.        width: 400px;
  640.    }
  641.    .audio iframe, .video iframe {
  642.        width: 400px;
  643.    }
  644.    .tagwrap {
  645.        width: 410px;
  646.    }
  647.    .caption {
  648.        width: 400px;
  649.    }
  650.    .controlw {
  651.        width: 420px;
  652.    }
  653.    ol.notes {
  654.        width: 400px;
  655.    }
  656.    #sidebar {
  657.        width: 200px;
  658.    }
  659.    #posts {
  660.        width: 400px;
  661.        left: 72%;
  662.    }
  663. }
  664. @media only screen and (max-width: 700px) {
  665.     #sidebar {
  666.         top: 0;
  667.         left: 50%;
  668.         width: 400px;
  669.         margin-left: -200px;
  670.     }
  671.     #posts {
  672.         width: 400px;
  673.         left: 50%;
  674.         margin-left: -200px;
  675.         top: 20%;
  676.     }
  677. }
  678. @media only screen and (max-width: 450px) {
  679.        .post {
  680.        width: 250px;
  681.    }
  682.    .audio iframe, .video iframe{
  683.        width: 250px;
  684.    }
  685.    .tagwrap {
  686.        width: 260px;
  687.    }
  688.    .caption {
  689.        width: 250px;
  690.    }
  691.    .controlw {
  692.        width: 270px;
  693.    }
  694.    ol.notes {
  695.        width: 250px;
  696.    }
  697.    #posts {
  698.        width: 250px;
  699.        margin-left: -130px;
  700.        top: 22%;
  701.    }
  702.    #sidebar {
  703.        width: 250px;
  704.        margin-left: -130px;
  705.    }
  706. }
  707. @media only screen and (min-width: 1400px) {
  708.     #sidebar {
  709.         left: 15%;
  710.     }
  711.     #posts {
  712.         left: 55%;
  713.     }
  714. }
  715.     </style>
  716.     <!--SCRIPTS-->
  717.     <script>
  718. $(document).ready(function(){
  719.     $('.navclick').click(function () {
  720.         $("#wind").fadeIn();
  721.     });
  722.     $('.navx').click(function () {
  723.         $("#wind").fadeOut();
  724.     });
  725. $(window).scroll(function () {
  726.    if ($(this).scrollTop() > 200)
  727.    { $('#scrollto').fadeIn(); }
  728.    else
  729.    { $('#scrollto').fadeOut(); }
  730.    });
  731. $('#scrollto').click(function () {
  732.    $("html, body").animate({scrollTop:0}, 1000); return false;
  733.    });
  734.    $('.caption').each(function(){if($(this).html().trim() == '')$(this).remove();});
  735. });
  736. </script>
  737.    {block:Ifinfinitescroll}
  738.     <script>
  739.         $(document).ready(function() {
  740.             var $container = $('#posts')
  741.             $container.infiniteScroll({
  742.                 // options
  743.                 path: '.next',
  744.                 append: '.wrapper',
  745.                 history: false,
  746.             });
  747.             $container.on( 'append.infiniteScroll', function(e,r,p,newElements){
  748.        var $newElems = $(newElements);
  749.        var $newElemsIDs = $newElems.map(function(){
  750.            return this.id;
  751.        }).get();
  752.        Tumblr.LikeButton.get_status_by_post_ids($newElemsIDs);
  753. $('.caption').each(function(){if($(this).html().trim() == '')$(this).remove();});
  754.             });
  755.     });
  756.     </script>
  757.     {/block:Ifinfinitescroll}
  758.  
  759.     <script>
  760.    $(document).ready(function() {
  761.       $('iframe.tumblr_audio_player').load( function() {
  762.          $('iframe.tumblr_audio_player').contents().find("head")
  763.             .append($("<style type='text/css'> .audio-player{background:{color:audio} !important} </style>"));
  764.       });
  765.    });
  766. </script>
  767. <!--END SCRIPTS-->
  768.  
  769.     </head>
  770.  
  771.     <body>
  772.  
  773.     <!--SIDEBAR-->
  774.  
  775.     <aside id="sidebar">
  776.         <center><img src="{PortraitURL-128}" class="sideimg"/>
  777.         <a href="/"><h1>{Title}</h1></a></center>
  778.  
  779.         {block:Description}
  780.             <p id="description">{Description}</p>
  781.         {/block:Description}
  782.         <p class="navclick" style="text-align: center;"> navigation </p>
  783. </aside>
  784. <!--END SIDEBAR-->
  785. <div id="wind">
  786.     <div class="wcontent">
  787.     <p class="navx"><span class="th th-cross-3-o"></span></p>
  788.     <div class="links">
  789.         <a href="/">index</a>
  790.         {block:AskEnabled}<a href="/ask">message</a>{/block:AskEnabled}
  791.         {block:SubmitEnabled}<a href="/submit">submit</a>{/block:SubmitEnabled}
  792.         <a href="{text:link 1 URL}">{text:link 1 title}</a>
  793.         <a href="{text:link 2 URL}">{text:link 2 title}</a>
  794.         <a href="{text:link 3 URL}">{text:link 3 title}</a>
  795.         <a href="{text:link 4 URL}">{text:link 4 title}</a>
  796.         <a href="{text:link 5 URL}">{text:link 5 title}</a>
  797.         <a href="{text:link 6 URL}">{text:link 6 title}</a>
  798.     </div>
  799.     </div>
  800. </div>
  801. <!--POSTS-->
  802.         <div id="posts">
  803.             {block:Posts}
  804.             <!--CONTROLS AND PERMALINK-->
  805.             <div class="wrapper" id="{PostID}">
  806.             <div class="controlw">
  807.             {block:Date}<a href="{Permalink}" class="permalink">{DayOfMonth}.{MonthNumber}.{Year}{block:NoteCount}, {NoteCount}{/block:NoteCount}</a>{/block:Date}
  808.             <div class="controls">
  809.             {block:Date}
  810. <a href="{ReblogURL}" target="_blank" class="reblog">
  811. <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>
  812. </a>
  813. <a href="#" class="like">{LikeButton}
  814. <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>
  815. </a>
  816. {/block:Date}
  817. </div>
  818. </div>
  819. <!--END CONTROLS AND PERMALINK-->
  820. <!--POST TYPES-->
  821.  
  822.             {block:Text}
  823.             <div class="post" id="{PostId}">{block:Title}<h2>{Title}</h2>{/block:Title}<div class="body">
  824.             {block:NotReblog}{Body}{/block:NotReblog}
  825.             {block:RebloggedFrom}
  826.             {block:Reblogs}
  827.             <div class="comment_container">
  828.                 <div class="commenter">
  829.                     <img src="{PortraitURL-64}" />
  830.                     <span>
  831.                         {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  832.                     </span>
  833.                 </div>
  834.                 <div class="comment">{Body}</div>
  835.             </div>
  836.             {/block:Reblogs}
  837.             {/block:RebloggedFrom}
  838.         </div>
  839.         </div>
  840.         {/block:Text}
  841.  
  842.         {block:Photo}
  843.         <div class="post" id="{PostID}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></div>{/block:Photo}
  844.  
  845.  
  846.         {block:Photoset}<div class="post" id="{PostID}"><div class="photoset-grid" photoset-layout="{PhotosetLayout}">{block:Photos}<div><img src="{PhotoURL-HighRes}" /></div>{/block:Photos}</div></div>{/block:Photoset}
  847.  
  848.         {block:Quote}
  849.         <div class="post" id="{PostID}"><div class="quote">{Quote}</div>
  850.         {block:Source}<div class="quote">{Source}</div>{/block:Source}</div>
  851.         {/block:Quote}
  852.  
  853.         {block:Link}
  854.         <div class="post" id="{PostID}">
  855.         <a href="{URL}" class="path{block:Description} has-desc{/block:Description} link" {Target}>{Name}</a>
  856.         {block:Description}
  857.         <div class="link-description">
  858.             {block:NotReblog}{Description}{/block:NotReblog}
  859.             {block:RebloggedFrom}
  860.             {block:Reblogs}
  861.             <div class="comment_container">
  862.                 <div class="commenter">
  863.                     <img src="{PortraitURL-64}" />
  864.                     <span>
  865.                         {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  866.                     </span>
  867.                 </div>
  868.                 <div class="comment">{Body}</div>
  869.             </div>
  870.             {/block:Reblogs}
  871.             {/block:RebloggedFrom}
  872.         </div>
  873.         {/block:Description}</div>
  874.         {/block:Link}
  875.  
  876.         {block:Chat}
  877.         <div class="post" id="{PostID}">{block:Title}<h2>{Title}</h2>{/block:Title}{block:Lines}
  878.             <div class="line"><span class="label">{block:Label}{Label}{/block:Label}</span> {Line}</div>
  879.             {/block:Lines}
  880.         </div></div>
  881.  
  882.         {/block:Chat}
  883.  
  884.         {block:Audio}<div class="post" id="{PostID}"><div class="audio">{block:AudioEmbed}{AudioEmbed-500}{/block:AudioEmbed}</div></div>{/block:Audio}
  885.  
  886.         {block:Video}<div class="post" id="{PostID}">{VideoEmbed-500}</div>{/block:Video}
  887.  
  888.         {block:Answer}
  889.         <div class="post" id="{PostID}">
  890.         <div class="question">
  891.             <div class="asker">
  892.                 <img src="{AskerPortraitURL-48}"/>
  893.                 {Asker} asked:
  894.             </div>
  895.             <div class="question_text">{Question}</div>
  896.         </div>
  897.         {block:Answerer}
  898.         <div class="answer_container">
  899.             <div class="answerer">
  900.                 <img src="{AnswererPortraitURL-48}"/>
  901.                 {Answerer}
  902.             </div>
  903.             <div class="answer_text">{Answer}</div>
  904.         </div>
  905.         {block:Reblogs}
  906.         <div class="reply_container">
  907.             <div class="replier">
  908.                 <img src="{PortraitURL-64}" />
  909.                 {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a> {/block:HasPermalink}
  910.             </div>
  911.             <div class="reply">{Body}</div>
  912.         </div>
  913.         {/block:Reblogs}
  914.         {/block:Answerer}
  915.         {block:NotReblog}
  916.         <div class="answer_container">
  917.             <div class="answerer">
  918.                 <img src="{PortraitURL-48}" />
  919.                 <a href="{Permalink}">{Name}</a> answered:
  920.             </div>
  921.             <div class="answer_text">{Answer}</div>
  922.         </div>
  923.         {/block:NotReblog}</div>
  924.  
  925.         {/block:Answer}
  926.  
  927.         {block:Caption}
  928.        <div class="caption">
  929.             {block:NotReblog}{Caption}{/block:NotReblog}
  930.             {block:RebloggedFrom}
  931.             {block:Reblogs}
  932.             <div class="comment_container">
  933.                 <div class="commenter">
  934.                     <img src="{PortraitURL-64}" />
  935.                     <span>
  936.                         {block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}
  937.                     </span>
  938.                 </div>
  939.                 <div class="comment">{Body}</div>
  940.             </div>
  941.             {/block:Reblogs}
  942.             {/block:RebloggedFrom}
  943.         </div>
  944.         {/block:Caption}
  945.   {block:HasTags}
  946.   <div class="tagwrap"> {block:Tags}
  947.                 <a href="{TagURL}" class="tags">#{Tag}</a>
  948.                 {/block:Tags}</div>
  949.                
  950.                 {/block:HasTags}
  951.                 {PostNotes}
  952.                 {/block:Posts}
  953.                 </div>
  954.         </div>
  955.         <!--END POST TYPES-->
  956.         <!--CREDIT AND SCROLL TO TOP - DO NOT TOUCH THE CREDIT-->
  957.        <a id="scrollto" title="scroll to top"><span class="th th-chevron-up"></span></a>
  958.         <a class="credit" href="https://aubadese.tumblr.com" title="theme credit"><img src="https://i.imgur.com/ZLwssBb.png"/></a>
  959.  
  960.         <!--PAGINATION-->
  961.         {block:Pagination}
  962.         <p id="footer">
  963.             {block:PreviousPage}
  964.                 <a href="{PreviousPage}" class="prev"><</a>
  965.             {/block:PreviousPage}{block:NextPage}
  966.                 <a class="next" href="{NextPage}">></a>
  967.             {/block:NextPage}
  968.         </p>
  969.         {/block:Pagination}
  970.  
  971.         <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>
  972.     </body>
  973. </html>
Advertisement
Add Comment
Please, Sign In to add comment