API tools faq
paste
annasthms

thm 02 - dream

annasthms
Nov 22nd, 2017 (edited)
1,547
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 24.56 KB | None | 0 0
raw download clone embed print report
  1. <!DOCYTPE html>
  2. <html>
  3.  
  4. <!--
  5.  
  6. credits:
  7.  
  8. - icon font by saturnthms: http://saturnthms.com/font
  9. - fitVids by by Chris Coyier and Paravel: http://fitvidsjs.com/
  10. - infinite scroll by paul irish
  11.  
  12. - dream theme by annasthms
  13.  
  14. -->
  15.  
  16. <head>
  17.  
  18.   <title>{block:PostSummary}{PostSummary} | {/block:PostSummary}{block:TagPage}#{Tag} | {/block:TagPage}{block:SearchPage}{SearchQuery} | {/block:SearchPage}{block:DayPage}{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear} | {/block:DayPage}{Title}</title>
  19.   <link rel="shortcut icon" href="{Favicon}">
  20.   <link rel="alternate" type="application/rss+xml" href="{RSS}">
  21.   {block:Description}
  22.   <meta name="description" content="{MetaDescription}" />
  23.   {/block:Description}
  24.  
  25.   <link href="https://fonts.googleapis.com/css?family={text:google font}" rel="stylesheet">
  26.   <link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet">
  27.  
  28.   <meta name="color:title" content="" />
  29.   <meta name="color:color 1" content="" />
  30.   <meta name="color:color 2" content="" />
  31.   <meta name="color:color 3" content="#7f7f7f" />
  32.   <meta name="color:font" content="#000000" />
  33.   <meta name="color:blog background" content="#ffffff" />
  34.   <meta name="color:title and nav bar background" content="#ffffff" />
  35.   <meta name="color:post background" content="#ffffff" />
  36.   <meta name="color:footer background" content="#ffffff" />
  37.  
  38.   <meta name="font:font" content="Avalon"/>
  39.  
  40.   <meta name="if:infinite scroll" content="1" />
  41.   <meta name="if:manual load" content="1" />
  42.   <meta name="if:inverted tumblr controls" content="0" />
  43.  
  44.   <meta name="text:google font" content=""/>
  45.   <meta name="text:blog link one name" content="" />
  46.   <meta name="text:blog link one url" content="" />
  47.   <meta name="text:blog link two name" content="" />
  48.   <meta name="text:blog link two url" content="" />
  49.   <meta name="text:blog link three name" content="" />
  50.   <meta name="text:blog link three url" content="" />
  51.   <meta name="text:blog link four name" content="" />
  52.   <meta name="text:blog link four url" content="" />
  53.   <meta name="text:blog link five name" content="" />
  54.   <meta name="text:blog link five url" content="" />
  55.  
  56.   <style>
  57.   * {
  58.     position: relative;
  59.     font-family: {block:Ifgooglefont}'{text:google font}', {/block:Ifgooglefont}{font:font};
  60.   }
  61.   body {
  62.     color: {color:font};
  63.     background: {color:blog background};
  64.   }
  65.   a {
  66.     text-decoration: none;
  67.     color: {color:color 1};
  68.   }
  69.   a:hover {
  70.     color: {color:color 2};
  71.   }
  72.   p:first-child {
  73.     margin-top: 0;
  74.   }
  75.   p:last-child {
  76.     margin-bottom: 0;
  77.   }
  78.   img {
  79.     max-width: 100%;
  80.     height: auto;
  81.   }
  82.   body.stop {
  83.     overflow: hidden;
  84.   }
  85.  
  86.   @media screen and (min-width: 840px) {
  87.     section#posts {
  88.       width: 800px;
  89.     }
  90.     .content {
  91.       width: 700px;
  92.     }
  93.   }
  94.   @media screen and (min-width: 740px) and (max-width: 840px) {
  95.     section#posts {
  96.       width: 700px;
  97.     }
  98.     .content {
  99.       width: 600px;
  100.     }
  101.   }
  102.   @media screen and (min-width: 640px) and (max-width: 740px) {
  103.     section#posts {
  104.       width: 600px;
  105.     }
  106.     .content {
  107.       width: 500px;
  108.     }
  109.   }
  110.   @media screen and (max-width: 640px) {
  111.     section#posts {
  112.       width: 500px;
  113.     }
  114.     .content {
  115.       width: 400px;
  116.     }
  117.   }
  118.  
  119.   div#title {
  120.     height: 30vh;
  121.     text-align: center;
  122.     background: {color:title and nav bar background};
  123.   }
  124.   div#title div {
  125.     top: 50%;
  126.     -webkit-transform: translateY(-50%);
  127.             transform: translateY(-50%);
  128.     color: {color:title};
  129.     font-size: 40px;
  130.   }
  131.   nav {
  132.     height: 60px;
  133.     line-height: 60px;
  134.     text-align: center;
  135.     text-transform: uppercase;
  136.     background: {color:title and nav bar background};
  137.     position: absolute;
  138.     width: 100%;
  139.     z-index: 10;
  140.   }
  141.   nav.fixed {
  142.     position: fixed;
  143.     top: 0;
  144.     -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  145.             box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
  146.     width: calc(100% - 16px);
  147.   }
  148.   nav a {
  149.     color: {color:title};
  150.     padding: 0 5px;
  151.     margin: 0 5px;
  152.     -webkit-transition: 0.2s all ease-in-out;
  153.     transition: 0.2s all ease-in-out;
  154.     font-weight: bold;
  155.   }
  156.   nav a:hover {
  157.     color: {color:color 2};
  158.   }
  159.   div#blog-avatar {
  160.     position: absolute;
  161.     top: 10px;
  162.     left: -10px;
  163.     opacity: 0;
  164.     -webkit-transition: 0.35s all ease-in-out;
  165.     transition: 0.35s all ease-in-out;
  166.   }
  167.   div#blog-avatar a {
  168.     margin: 0;
  169.     padding: 0;
  170.   }
  171.   nav.fixed div#blog-avatar {
  172.     left: 10px;
  173.     opacity: 1;
  174.   }
  175.   div#blog-avatar img {
  176.     height: 40px;
  177.     border-radius: 10px;
  178.   }
  179.   .scroll-up {
  180.     position: absolute;
  181.     left: 3px;
  182.     top: 3px;
  183.     width: 34px;
  184.     height: 34px;
  185.     line-height: 40px;
  186.     text-align: center;
  187.     background: #fff;
  188.     border-radius: 10px;
  189.     opacity: 0;
  190.     -webkit-transition: 0.35s all ease-in-out;
  191.     transition: 0.35s all ease-in-out;
  192.     color: {color:font};
  193.     cursor: pointer;
  194.   }
  195.   .scroll-up:hover {
  196.     opacity: 0.8;
  197.   }
  198.   div#search {
  199.     display: inline-block;
  200.     position: absolute;
  201.     top: 0;
  202.     right: 16px;
  203.     line-height: 60px;
  204.     color: {color:title};
  205.     cursor: pointer;
  206.   }
  207.   div#search:hover {
  208.     color: {color:color 2};
  209.   }
  210.  
  211.   section#posts {
  212.     left: 50%;
  213.     -webkit-transform: translateX(-50%);
  214.             transform: translateX(-50%);
  215.     padding: 70px 0 32px 0;
  216.   }
  217.   .post {
  218.     margin: 32px 0;
  219.   }
  220.   @-webkit-keyframes fade {
  221.     from {opacity:0;}
  222.     top {opacity:1;}
  223.   }
  224.   @keyframes fade {
  225.     from {opacity:0;}
  226.     top {opacity:1;}
  227.   }
  228.   .post.new {
  229.     -webkit-animation: fade 2s;
  230.             animation: fade 2s;
  231.   }
  232.   .post.center {
  233.     text-align: center;
  234.   }
  235.  
  236.   .info, .content {
  237.     display: inline-block;
  238.     vertical-align: top;
  239.   }
  240.   .info {
  241.     padding: 32px 8px 0;
  242.     margin-right: 8px;
  243.     -webkit-box-sizing: border-box;
  244.             box-sizing: border-box;
  245.     width: 85px;
  246.     text-align: right;
  247.   }
  248.   .info:before {
  249.     content: '';
  250.     position: absolute;
  251.     height: 3px;
  252.     width: 100%;
  253.     background: {color:color 1};
  254.     left: 0;
  255.     top: 20px;
  256.   }
  257.   a.permalink {
  258.     font-size: 12.8px;
  259.     color: {color:color 2};
  260.   }
  261.   .date {
  262.     text-transform: uppercase;
  263.   }
  264.   div.notes {
  265.     font-variant: small-caps;
  266.   }
  267.   .reblog-info {
  268.     font-size: 12px;
  269.     margin-top: 6px;
  270.     text-transform: uppercase;
  271.   }
  272.   .reblog-info a {
  273.     color: {color:color 2};
  274.   }
  275.   .reblog-info a:hover {
  276.     color: {color:color 3};
  277.   }
  278.   a.via {
  279.     margin-right: 8px;
  280.   }
  281.   .tags {
  282.     margin-top: 8px;
  283.   }
  284.   a.tag {
  285.     display: block;
  286.     font-variant: small-caps;
  287.     font-weight: bold;
  288.     line-height: 16px;
  289.     margin: 6px 0;
  290.     word-break: break-word;
  291.   }
  292.   .buttons {
  293.     margin-top: 12px;
  294.     font-size: 14px;
  295.   }
  296.   .like-button, .reblog-button {
  297.     display: inline-block;
  298.   }
  299.   .like-button {
  300.     margin-right: 8px;
  301.   }
  302.   .like_button {
  303.     position: absolute;
  304.     top: 0;
  305.     left: 0;
  306.     right: 0;
  307.     bottom: 0;
  308.     width: 100%;
  309.     height: 100%;
  310.     opacity: 0;
  311.     z-index: 10;
  312.   }
  313.   .like_button iframe {
  314.     width: 100% !important;
  315.     height: 100% !important;
  316.   }
  317.   .new-like-button {
  318.     width: 100%;
  319.     height: 100%;
  320.     z-index: 1;
  321.     color: {color:color 2};
  322.   }
  323.   .like_button:hover + .new-like-button > span {
  324.     color: {color:color 1};
  325.   }
  326.   .like_button.liked + .new-like-button > span {
  327.     color: {color:color 1};
  328.   }
  329.   .reblog-button a {
  330.     color: {color:color 2};
  331.   }
  332.   .reblog-button a:hover {
  333.     color: {color:color 1};
  334.   }
  335.  
  336.   .content {
  337.     padding: 16px;
  338.     background: {color:post background};
  339.     -webkit-box-sizing: border-box;
  340.             box-sizing: border-box;
  341.   }
  342.   .content a:hover, .post-notes a:hover, .content-source a:hover {
  343.     color: {color:color 2};
  344.   }
  345.   .text.content.center {
  346.     display: inline-block;
  347.   }
  348.  
  349.   .content blockquote {
  350.     border-left: 1px solid {color:color 2};
  351.     margin: 1em 1em 1em 2%;
  352.     padding: 0 0 0 2%;
  353.   }
  354.   .content ul {
  355.     margin: 1em 0 1em 2em;
  356.     padding: 0;
  357.     list-style: none;
  358.   }
  359.   .content ul li:before {
  360.     content: "\e18c"; /* change this if you want a different icon for lists */
  361.     position: absolute;
  362.     font-family: 'saturnicons';
  363.     font-size: 14px;
  364.     color: {color:color 2};
  365.     left: -24px;
  366.     top: 3px;
  367.   }
  368.  
  369.   a.title, a.path.has-desc {
  370.     font-size: 28px;
  371.     display: inline-block;
  372.     margin-bottom: 8px;
  373.   }
  374.   .pic img {
  375.     width: 100%;
  376.   }
  377.   .tmblr-lightbox {
  378.     background: #fff !important;
  379.   }
  380.   .tmblr-lightbox .vignette {
  381.     opacity: 0;
  382.   }
  383.   .tmblr-lightbox .lightbox-image {
  384.     -webkit-box-shadow: none !important;
  385.             box-shadow: none !important;
  386.   }
  387.   .caption {
  388.     margin-top: 16px;
  389.   }
  390.   .words, a.path:not(.has-desc) {
  391.     font-size: 28px;
  392.   }
  393.   .source {
  394.     margin-top: 8px;
  395.   }
  396.   .chat table td {
  397.     padding: 4px 8px 0 0;
  398.   }
  399.   td.label {
  400.     font-weight: bold;
  401.   }
  402.   .audio iframe {
  403.     width: 100%;
  404.   }
  405.   iframe.tumblr_audio_player {
  406.     height: 85px;
  407.   }
  408.   iframe.spotify_audio_player {
  409.     height: 80px;
  410.   }
  411.   .qna .blog {
  412.     font-size: 20px;
  413.     text-transform: lowercase;
  414.     color: {color:font};
  415.   }
  416.   .qna .blog a {
  417.     color: {color:font};
  418.   }
  419.   .qna .blog a:hover {
  420.     color: {color:font};
  421.   }
  422.   .blog img {
  423.     height: 20px;
  424.     margin-right: 8px;
  425.     border-radius: 25%;
  426.   }
  427.   .speech {
  428.     margin-top: 8px;
  429.   }
  430.   .qna:not(:first-of-type) {
  431.     margin-top: 24px;
  432.   }
  433.   .my.qna {
  434.     font-size: 20px;
  435.     margin-top: 16px;
  436.   }
  437.   .reblogged:not(:last-of-type) {
  438.     margin-bottom: 20px;
  439.   }
  440.   .reblogged .blog img, .reblogged .blog a {
  441.     display: inline-block;
  442.     vertical-align: middle;
  443.   }
  444.   .reblogged p:nth-child(2) {
  445.     margin-top: 0.5em;
  446.   }
  447.   .content-source {
  448.     font-variant: small-caps;
  449.     margin: 0 0 0 109px;
  450.   }
  451.   .content-source span {
  452.     font-style: italic;
  453.     color: {color:color 3};
  454.   }
  455.  
  456.   .post-notes {
  457.     margin-top: 16px;
  458.   }
  459.   ol.notes {
  460.     list-style: none;
  461.     padding: 0;
  462.     margin: 0 0 0 109px;
  463.     font-variant: small-caps;
  464.   }
  465.   li.note {
  466.     margin: 15px 0;
  467.   }
  468.   li.note:first-child {
  469.     margin-top: 0;
  470.   }
  471.   li.note:last-child {
  472.     margin-bottom: 0;
  473.   }
  474.   li.note blockquote {
  475.     margin-top: 0.5em;
  476.     font-variant: normal;
  477.     font-size: 14px;
  478.   }
  479.   img.avatar {
  480.     margin-right: 8px;
  481.     border-radius: 100%;
  482.   }
  483.   a.more_notes_link {
  484.     text-transform: lowercase;
  485.   }
  486.  
  487.   footer {
  488.     text-align: center;
  489.     color: {color:color 3};
  490.     border-top: 2px solid {color:color 1};
  491.     margin-top: 32px;
  492.     padding: 16px;
  493.     background: {color:footer background};
  494.   }
  495.   footer a {
  496.     color: {color:color 3};
  497.   }
  498.   .footer-info {
  499.     margin: 16px 0;
  500.   }
  501.   div#links a {
  502.     margin: 0 8px;
  503.     font-size: 18px;
  504.     font-variant: small-caps;
  505.     text-transform: lowercase;
  506.   }
  507.   div#links a:hover {
  508.     color: {color:color 1};
  509.   }
  510.   div#name {
  511.     font-weight: bold;
  512.     font-variant: small-caps;
  513.   }
  514.   div#name span {
  515.     color: {color:color 1};
  516.     font-weight: bold;
  517.   }
  518.   div#description {
  519.     font-size: 14px;
  520.     font-variant: small-caps;
  521.   }
  522.   div#about {
  523.     text-transform: uppercase;
  524.     font-size: 12.8px;
  525.     margin-bottom: 4px;
  526.   }
  527.   div#credit {
  528.     margin-top: 4px;
  529.     font-size: 14px;
  530.     font-variant: small-caps;
  531.   }
  532.  
  533.   div#search-container {
  534.     position: fixed;
  535.     display: none;
  536.     background: {color:post background};
  537.     opacity: 0.99;
  538.     height: 100vh;
  539.     width: 100%;
  540.     z-index: 100;
  541.     top: 0;
  542.     left: 0;
  543.     text-align: center;
  544.   }
  545.   div#search-close {
  546.     position: absolute;
  547.     top: 24px;
  548.     right: 24px;
  549.     padding: 8px;
  550.     font-size: 24px;
  551.     color: {color:color 3};
  552.     cursor: pointer;
  553.   }
  554.   div#search-form {
  555.     top: 50%;
  556.     -webkit-transform: translateY(-50%);
  557.             transform: translateY(-50%);
  558.   }
  559.   div#search-form form input {
  560.     border: none;
  561.     background: transparent;
  562.     color: {color:color 1};
  563.     font-size: 32px;
  564.     text-align: center;
  565.     width: 75%;
  566.   }
  567.   div#search-form form input:focus {
  568.     outline: none;
  569.   }
  570.   div#search-form form input::-webkit-input-placeholder {
  571.     color: {color:color 3};
  572.     text-transform: uppercase;
  573.     letter-spacing: 8px;
  574.   }
  575.   div#search-form form input:-ms-input-placeholder {
  576.     color: {color:color 3};
  577.     text-transform: uppercase;
  578.     letter-spacing: 8px;
  579.   }
  580.   div#search-form form input::-ms-input-placeholder {
  581.     color: {color:color 3};
  582.     text-transform: uppercase;
  583.     letter-spacing: 8px;
  584.   }
  585.   div#search-form form input::placeholder {
  586.     color: {color:color 3};
  587.     text-transform: uppercase;
  588.     letter-spacing: 8px;
  589.   }
  590.  
  591.   button.load-more {
  592.     left: 50%;
  593.     -webkit-transform: translateX(-50%);
  594.             transform: translateX(-50%);
  595.     background: #fff;
  596.     border: none;
  597.     outline: none;
  598.     padding: 6px 12px;
  599.     color: {color:color 2};
  600.     cursor: pointer;
  601.     text-transform: lowercase;
  602.   }
  603.   button.load-more:hover {
  604.     -webkit-transform: scale(1.35) translateX(-50%);
  605.             transform: scale(1.35) translateX(-50%);
  606.     -webkit-transform-origin: left;
  607.             transform-origin: left;
  608.   }
  609.  
  610.   div#pagination {
  611.     text-align: center;
  612.     {block:Ifinfinitescroll}display:none;{/block:Ifinfinitescroll}
  613.   }
  614.   div#pagination .page {
  615.     margin: 0 10px;
  616.     padding: 0 3px;
  617.     font-weight: bold;
  618.     font-size: 14px;
  619.   }
  620.   div#pagination span.page {
  621.     font-size: 18px;
  622.     color: {color:color 2};
  623.   }
  624.   a.next {
  625.     display: none;
  626.   }
  627.  
  628.   iframe.tmblr-iframe:not(.fix) {
  629.     position: absolute !important;
  630.     top: calc(30vh + 65px) !important;
  631.     right: -8px !important;
  632.   }
  633.   iframe.tmblr-iframe.fix {
  634.     position: fixed;
  635.     top: 65px !important;
  636.   }
  637.   iframe.tmblr-iframe {
  638.     -webkit-transform: scale(0.75);
  639.             transform: scale(0.75);
  640.     -webkit-transform-origin: right;
  641.             transform-origin: right;
  642.     {block:Ifinvertedtumblrcontrols}
  643.     -webkit-filter: invert(100%);
  644.             filter: invert(100%);
  645.     {/block:Ifinvertedtumblrcontrols}
  646.   }
  647.  
  648.   div#infscr-loading {display:none !important;}
  649.  
  650.   {CustomCSS}
  651.  
  652.   </style>
  653.  
  654. </head>
  655. <body>
  656.  
  657.   <a href="{BlogURL}"><div id="title"><div>{block:HomePage}{Title}{/block:HomePage}{block:PermalinkPage}{Title}{/block:PermalinkPage}{block:TagPage}#{Tag}{/block:TagPage}{block:DayPage}{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}{/block:DayPage}{block:SearchPage}{SearchQuery}{/block:SearchPage}</div></div></a>
  658.  
  659.   <nav>
  660.     <div id="blog-avatar"><a href="{blogURL}"><img src="{PortraitURL-64}" /></a><div class="sf sf-arrow-up scroll-up"></div></div>
  661.     {block:Ifbloglinkoneurl}<a href="{text:blog link one url}">{text:blog link one name}</a>{/block:Ifbloglinkoneurl}
  662.     {block:Ifbloglinktwourl}<a href="{text:blog link two url}">{text:blog link two name}</a>{/block:Ifbloglinktwourl}
  663.     {block:Ifbloglinkthreeurl}<a href="{text:blog link three url}">{text:blog link three name}</a>{/block:Ifbloglinkthreeurl}
  664.     {block:Ifbloglinkfoururl}<a href="{text:blog link four url}">{text:blog link four name}</a>{/block:Ifbloglinkfoururl}
  665.     {block:Ifbloglinkfiveurl}<a href="{text:blog link five url}">{text:blog link five name}</a>{/block:Ifbloglinkfiveurl}
  666.     <div id="search" onclick="$('div#search-container').fadeIn(500);$('body').addClass('stop');"><span class="sf sf-search-o"></span></div>
  667.   </nav>
  668.  
  669.   <section id="posts">
  670.     {block:NoSearchResults}<article class="post">{lang:Sorry no search results found}</article>{/block:NoSearchResults}
  671.     {block:Posts}<article class="post {PostType}" id="{PostID}">
  672.  
  673.       {block:Date}<div class="info"><a href="{Permalink}" class="permalink"><div class="date"><div class="day">{DayOfMonthWithZero} {ShortMonth} {Year}</div><div class="time">{24HourWithZero}:{Minutes}</div></div>{block:NoteCount}<div class="notes">{NoteCount}n</div>{/block:NoteCount}</a>{block:RebloggedFrom}<div class="reblog-info"><a href="{ReblogParentURL}" class="via">via</a><a href="{ReblogRootURL}" class="src">src</a></div>{/block:RebloggedFrom}{block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}" class="tag">{Tag}</a>{/block:Tags}</div>{/block:HasTags}<div class="buttons"><div class="like-button">{LikeButton}<span class="new-like-button"><span class="sf sf-heart-2-o"></span></span></div><div class="reblog-button"><a href="{ReblogURL}" {Target}><span class="sf sf-reblog-o"></span></a></div></div></div>{/block:Date}
  674.  
  675.       <div class="content">
  676.         {block:Title}<a href="{Permalink}" class="title">{Title}</a>{/block:Title}
  677.  
  678.         {block:Text}{block:NotReblog}<div class="body">{Body}</div>{/block:NotReblog}{block:RebloggedFrom}{block:Reblogs}<div class="reblogged"><div class="blog"><img src="{PortraitURL-64}" /><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>{Body}</div>{/block:Reblogs}{/block:RebloggedFrom}{/block:Text}
  679.  
  680.         {block:Photo}<a href="/image/{PostID}" class="pic" onclick="Tumblr.Lightbox.init([{ width: {PhotoWidth-HighRes}, height: {PhotoHeight-HighRes}, low_res: '{PhotoURL-500}', high_res: '{PhotoURL-HighRes}' }]); $('body').toggleClass('tumblr_lightbox_active'); return false"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"></a>{/block:Photo}
  681.  
  682.         {block:Photoset}{Photoset}{/block:Photoset}
  683.  
  684.         {block:Quote}<div class="words">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}
  685.  
  686.         {block:Link}<a href="{URL}" class="path{block:Description} has-desc{/block:Description}" {Target}>{Name}</a>
  687.         {block:Description}{block:NotReblog}<div class="desc">{Description}</div>{/block:NotReblog}{block:RebloggedFrom}{block:Reblogs}<div class="reblogged"><div class="blog"><img src="{PortraitURL-64}" /><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>{Body}</div>{/block:Reblogs}{/block:RebloggedFrom}{/block:Description}{/block:Link}
  688.  
  689.         {block:Chat}<table>{block:Lines}<tr><td class="label">{block:Label}<span>{Label}</span>{/block:Label}</td><td>{Line}</td></tr>{/block:Lines}</table>{/block:Chat}
  690.  
  691.         {block:Audio}{block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}{/block:Audio}
  692.  
  693.         {block:Video}{VideoEmbed-500}{/block:Video}
  694.  
  695.         {block:Answer}<div class="qna"><div class="blog"><img src="{AskerPortraitURL-48}"/>{Asker}</div><div class="speech">{Question}</div></div>
  696.         {block:Answerer}<div class="qna"><div class="blog"><img src="{AnswererPortraitURL-48}"/>{Answerer}</div><div class="speech">{Answer}</div></div>{block:Reblogs}<div class="qna"><div class="blog"><img src="{PortraitURL-64}" />{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a> {/block:HasPermalink}</div><div class="speech">{Body}</div></div>{/block:Reblogs}{/block:Answerer}
  697.         {block:NotReblog}<div class="my qna">{Answer}</div>{/block:NotReblog}{/block:Answer}
  698.  
  699.         {block:Caption}<div class="caption">{block:NotReblog}{Caption}{/block:NotReblog}{block:RebloggedFrom}{block:Reblogs}<div class="reblogged"><div class="blog"><img src="{PortraitURL-64}" /><span>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>{Body}</div>{/block:Reblogs}{/block:RebloggedFrom}</div>{/block:Caption}
  700.       </div>
  701.  
  702.       {block:PermalinkPage}{block:ContentSource}<div class="content-source"><span>souce:</span>&nbsp;<a href="{SourceURL}">{SourceTitle}</a></div>{/block:ContentSource}{/block:PermalinkPage}
  703.  
  704.       {block:PostNotes}<div class="post-notes">{PostNotes}</div>{/block:PostNotes}
  705.  
  706.     </article>
  707.     {/block:Posts}
  708.  
  709.   </section>
  710.  
  711.   {block:Ifmanualload}{block:IndexPage}<button class="load-more">{lang:Load more posts}</button>{/block:IndexPage}{/block:Ifmanualload}
  712.  
  713.   {block:Pagination}<div id="pagination">
  714.     {block:JumpPagination length="5"}{block:CurrentPage}<span class="page">{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a href="{URL}" class="page">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  715.     {block:NextPage}<a href="{NextPage}" class="next">next</a>{/block:NextPage}
  716.   </div>{/block:Pagination}
  717.  
  718.   <footer>
  719.     <div class="footer-info" id="links">{block:AskEnabled}<a href="/ask">{AskLabel}</a>{/block:AskEnabled}{block:SubmissionsEnabled} <a href="/submit">{SubmitLabel}</a>{/block:SubmissionsEnabled} <a href="/archive">{lang:Archive}</a><a href="{RSS}">{lang:RSS}</a>{block:HasPages}{block:Pages}<a href="{URL}">{Label}</a>{/block:Pages}{/block:HasPages}</div>
  720.     <div class="footer-info" id="name"><a href="{BlogURL}">{Title}</a></div>
  721.     <div class="footer-info" id="description">{Description}</div>
  722.     <div class="footer-info" id="credit"><a href="https://annasthms.tumblr.com">theme by annasthms</a></div>
  723.   </footer>
  724.  
  725.   <div id="search-container"><div id="search-close" onclick="$('div#search-container').fadeOut(500);$('body').removeClass('stop');"><span class="sf sf-cross-o"></span></div><div id="search-form"><form action="/search" method="get"><input type="text" name="q" placeholder="{lang:Search}" /></form></div></div>
  726.  
  727.   <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  728.   <script src="http://static.tumblr.com/ouqpclx/heNnjoj2d/jquery.fitvids.js"></script>
  729.   <script src="https://unpkg.com/[email protected]/dist/infinite-scroll.pkgd.min.js"></script>
  730.   <script>
  731.   function infinite() {
  732.     $container = $('section#posts');
  733.     $container.infinitescroll({
  734.       navSelector: 'div#pagination',
  735.       nextSelector: 'a.next',
  736.       itemSelector: '.post',
  737.       loading: {
  738.         img: '',
  739.         msgText: '<em></em>',
  740.       },
  741.       debug: true,
  742.       {block:IfNotmanualload}bufferPx: 0,{/block:IfNotmanualload}
  743.       {block:Ifmanualload}errorCallback: function(){$('.load-more').hide();}{/block:Ifmanualload}
  744.     }, function(items) {
  745.       var $items = $(items);
  746.       $items.addClass('new');
  747.       $('.video, .body, .caption, .reblogged').fitVids({ customSelector: "iframe[src*='tumblr.com'], iframe[src*='vine.co'], iframe[src='about:blank']" });
  748.       $itemsIDs = $items.map(function(){
  749.         return this.id;
  750.       }).get();
  751.       Tumblr.LikeButton.get_status_by_post_ids($itemsIDs);
  752.     });
  753.     {block:Ifmanualload}
  754.     $(window).unbind('.infscr');
  755.     $('.load-more').click(function(){
  756.       $container.infinitescroll('retrieve');
  757.       return false;
  758.     });
  759.     {/block:Ifmanualload}
  760.   function navigation() {
  761.     var navHeight = $('nav').outerHeight();
  762.     var navPosition = $('nav').position().top;
  763.     var containerPadding = navHeight + 10 + 'px';
  764.     $('section#posts').css('padding-top', containerPadding);
  765.     $(window).scroll(function(){
  766.       if ($(document).scrollTop() > navPosition) {
  767.         $('nav').addClass('fixed');
  768.         $('iframe.tmblr-iframe').addClass('fix');
  769.       } else {
  770.         $('nav').removeClass('fixed');
  771.         $('iframe.tmblr-iframe').removeClass('fix');
  772.       }
  773.     });
  774.   }
  775.   function scroll() {
  776.     $('.scroll-up').click(function(){
  777.       $('html, body').animate({ scrollTop: 0 }, 1500);
  778.       return false;
  779.     });
  780.   }
  781.   function title() {
  782.     var $blogTitle = $('div#name a').html();
  783.     var $titleWords = $blogTitle.split(' ');
  784.     var $thisWord, $wordLetters, $wordLettersUpper;
  785.     for (i = 0; i < $titleWords.length; i++) {
  786.      $thisWord = $titleWords[i];
  787.      if ($thisWord.length !== 1) {
  788.        $wordLetters = $thisWord.split('');
  789.        $wordLettersUpper = $thisWord.toUpperCase();
  790.        if ($wordLetters[0] !== '&' && $wordLettersUpper !== 'AND' && $wordLettersUpper !== 'IN' && $wordLettersUpper !== 'OF' && $wordLettersUpper !== 'OR' && $wordLettersUpper !== 'THE') {
  791.          $wordLetters[0] = $wordLetters[0];
  792.          $wordLetters[0] = '<span>' + $wordLetters[0] + '</span>';
  793.         }
  794.         $thisWord = $wordLetters.join('');
  795.       }
  796.       $titleWords[i] = $thisWord;
  797.     }
  798.     var $newTitle = $titleWords.join(" ");
  799.     $('div#name a').html($newTitle);
  800.   }
  801.   function url(name) {
  802.     if (location.href === name + "ask") {
  803.       $('.post, .text').addClass('center');
  804.     } else if (location.href === name + "submit") {
  805.       $('.post, .text').addClass('center');
  806.     } else {
  807.       $('.video, .body, .caption, .reblogged').fitVids({ customSelector: "iframe[src*='tumblr.com'], iframe[src*='vine.co'], iframe[src='about:blank']" });
  808.     };
  809.   }
  810.   </script>
  811.   <script>
  812.   $(document).ready(function(){
  813.     url('{BlogURL}');
  814.     navigation();
  815.     scroll();
  816.     {block:Ifinfinitescroll}
  817.     infinite();
  818.     {block:Ifinfinitescroll}
  819.     title();
  820.   });
  821.   </script>
  822. </body>
  823. </html>
  824. }
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!