Deprecated: The each() function is deprecated. This message will be suppressed on further calls in /home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php on line 456
thm 05 - dear lover - Pastebin.com
[go: Go Back, main page]
API tools faq
paste
annasthms

thm 05 - dear lover

annasthms
Feb 6th, 2018 (edited)
5,695
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 40.19 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!----------------------------------------------------
  5.  
  6. credits:
  7.  
  8. - icon font by saturnthms
  9. - inline images resizing script by gukthemes
  10. - minimal soundcloud player by shythemes
  11. - pxu photosets (modified) by bychloethemes
  12.  
  13. - dear lover theme by annasthms (feb 7, 2018)
  14.  more info @ https://annasthms.tumblr.com/more/thm/05
  15.  
  16.  
  17. rules:
  18.  
  19. 1. don't remove the credit
  20. 2. don't steal/claim as yours
  21. 3. don't use as a base code
  22.  
  23. thank you!! ♡♡♡
  24.  
  25. ----------------------------------------------------->
  26.  
  27. <head>
  28.  
  29.   <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>
  30.   <link rel="shortcut icon" href="{Favicon}">
  31.   <link rel="alternate" type="application/rss+xml" href="{RSS}">
  32.   {block:Description}
  33.   <meta name="description" content="{MetaDescription}" />
  34.   {/block:Description}
  35.  
  36.   <link href="//fonts.googleapis.com/css?family={text:google font}" rel="stylesheet">
  37.   <link href="//fonts.googleapis.com/css?family={text:title google font}:300,400,700" rel="stylesheet">
  38.   <link href="//fonts.googleapis.com/css?family={text:love letter google font}:300,400,700" rel="stylesheet">
  39.   <link href="//solrainha.github.io/saturnicons/saturnicons.css" rel="stylesheet">
  40.   <link href="//dl.dropbox.com/s/f8ldsp0ib6uvwza/rose.css" rel="stylesheet">
  41.   <link href="//static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  42.   <link href="//static.tumblr.com/0podkko/1C9otjxkc/jquery-ui.structure.css" rel="stylesheet">
  43.  
  44.   <meta name="image:background" content="" />
  45.  
  46.   <meta name="color:color 1" content="#8f8f8f" />
  47.   <meta name="color:color 2" content="#b11623" />
  48.   <meta name="color:font" content="#333333" />
  49.   <meta name="color:background" content="" />
  50.   <meta name="color:lines" content="#580000" />
  51.   <meta name="color:list icons" content="#580000" />
  52.   <meta name="color:title" content="#c72f2d" />
  53.   <meta name="color:rose petal outline" content="#cb5e88" />
  54.   <meta name="color:rose petal fill" content="#ffeaea" />
  55.   <meta name="color:rose leaf outline" content="#18592a" />
  56.   <meta name="color:rose leaf fill" content="#d0ddd4" />
  57.   <meta name="color:love letter rose petal outline" content="#cb5e88" />
  58.   <meta name="color:love letter rose petal fill" content="#ffeaea" />
  59.   <meta name="color:love letter rose leaf outline" content="#18592a" />
  60.   <meta name="color:love letter rose leaf fill" content="#d0ddd4" />
  61.   <meta name="color:sidebar background" content="#ffffff" />
  62.   <meta name="color:love letter background" content="#ffffff" />
  63.   <meta name="color:post background" content="#ffffff" />
  64.   <meta name="color:pagination background" content="#ffffff" />
  65.   <meta name="color:sidebar borders" content="#ff8d8d" />
  66.   <meta name="color:love letter border" content="#ff8d8d" />
  67.   <meta name="color:post borders" content="#2b2b2b" />
  68.   <meta name="color:pagination" content="#2b2b2b" />
  69.   <meta name="color:pagination hover" content="#990100" />
  70.   <meta name="color:reblogger heart" content="#990100" />
  71.   <meta name="color:caption heart" content="#ff8d8d" />
  72.   <meta name="color:like and reblog" content="#580000" />
  73.   <meta name="color:like and reblog hover" content="#777777" />
  74.   <meta name="color:post liked" content="#777777" />
  75.  
  76.   <meta name="font:font" content="Avalon"/>
  77.   <meta name="font:love letter font" content="" />
  78.  
  79.   <meta name="select:title text align" content="center" title="center" />
  80.   <meta name="select:title text align" content="left" title="left" />
  81.   <meta name="select:title text align" content="right" title="right" />
  82.   <meta name="select:title text align" content="justify" title="justify" />
  83.   <meta name="select:description text align" content="center" title="center" />
  84.   <meta name="select:description text align" content="left" title="left" />
  85.   <meta name="select:description text align" content="right" title="right" />
  86.   <meta name="select:description text align" content="justify" title="justify" />
  87.   <meta name="select:blog links text align" content="center" title="center" />
  88.   <meta name="select:blog links text align" content="left" title="left" />
  89.   <meta name="select:blog links text align" content="right" title="right" />
  90.   <meta name="select:blog links text align" content="justify" title="justify" />
  91.   <meta name="select:love letter text align" content="center" title="center" />
  92.   <meta name="select:love letter text align" content="left" title="left" />
  93.   <meta name="select:love letter text align" content="right" title="right" />
  94.   <meta name="select:love letter text align" content="justify" title="justify" />
  95.   <meta name="select:search text align" content="center" title="center" />
  96.   <meta name="select:search text align" content="left" title="left" />
  97.   <meta name="select:search text align" content="right" title="right" />
  98.   <meta name="select:reblogger icon" content="heart" title="heart" />
  99.   <meta name="select:reblogger icon" content="icon" title="icon" />
  100.   <meta name="select:reblogger icon" content="none" title="none" />
  101.   <meta name="select:post info" content="hover cascade" title="hover cascade" />
  102.   <meta name="select:post info" content="hover together" title="hover" />
  103.   <meta name="select:post info" content="show" title="always show" />
  104.  
  105.   <meta name="if:bold title" content="1" />
  106.   <meta name="if:search bar" content="1" />
  107.   <meta name="if:love letter" content="1" />
  108.   <meta name="if:translucent borders" content="1" />
  109.   <meta name="if:grayscale photos" content="1" />
  110.   <meta name="if:small spotify player" content="1" />
  111.   <meta name="if:small soundcloud player" content="1" />
  112.   <meta name="if:bold reblogger" content="1" />
  113.   <meta name="if:colon after reblogger" content="1" />
  114.   <meta name="if:show captions on index pages" content="1" />
  115.   <meta name="if:caption heart" content="1" />
  116.   <meta name="if:show tags on index pages" content="1" />
  117.   <meta name="if:fill in heart when liked" content="1" />
  118.   <meta name="if:styled tooltips" content="1" />
  119.   <meta name="if:dark tumblr controls" content="1" />
  120.  
  121.   <meta name="text:google font" content=""/>
  122.   <meta name="text:title google font" content=""/>
  123.   <meta name="text:love letter google font" content="" />
  124.   <meta name="text:font size" content="" />
  125.   <meta name="text:title font size" content="2em" />
  126.   <meta name="text:description font size" content="" />
  127.   <meta name="text:search font size" content="0.85em" />
  128.   <meta name="text:blog links font size" content="" />
  129.   <meta name="text:love letter font size" content="" />
  130.   <meta name="text:sidebar width" content="300px" />
  131.   <meta name="text:post width" content="500px" />
  132.   <meta name="text:post margin" content="40px" />
  133.   <meta name="text:sidebar and post border width" content="5px" />
  134.   <meta name="text:post info and pagination border width" content="3px" />
  135.   <meta name="text:photoset gutter" content="3px" />
  136.   <meta name="text:love letter text" content="this is the text that goes in the second rose box" />
  137.   <meta name="text:blog link one name" content="" />
  138.   <meta name="text:blog link one url" content="" />
  139.   <meta name="text:blog link two name" content="" />
  140.   <meta name="text:blog link two url" content="" />
  141.   <meta name="text:blog link three name" content="" />
  142.   <meta name="text:blog link three url" content="" />
  143.   <meta name="text:blog link four name" content="" />
  144.   <meta name="text:blog link four url" content="" />
  145.   <meta name="text:blog link five name" content="" />
  146.   <meta name="text:blog link five url" content="" />
  147.  
  148.   <style>
  149.   * {
  150.     position: relative;
  151.   }
  152.   body {
  153.     background: {color:background} url('{image:background}') no-repeat fixed center;
  154.     background-size: cover;
  155.     font-family: {block:Ifgooglefont}'{text:google font}', {/block:Ifgooglefont}{font:font};
  156.     font-size: {text:font size};
  157.     color: {color:font}
  158.   }
  159.   a {
  160.     text-decoration: none;
  161.     color: {color:color 1};
  162.   }
  163.   a:hover {
  164.     color: {color:color 2};
  165.   }
  166.   hr {
  167.     border: none;
  168.     height: 1px;
  169.     width: 50%;
  170.     background: {color:lines};
  171.   }
  172.   blockquote {
  173.     margin: 0;
  174.     padding: 0 0 0 4%;
  175.     border-left: 1px solid {color:lines};
  176.   }
  177.   p:first-child {
  178.     margin-top: 0;
  179.   }
  180.   p:last-child {
  181.     margin-bottom: 0;
  182.   }
  183.   img {
  184.     max-width: 100%;
  185.     height: auto;
  186.   }
  187.  
  188.   /* blog container */
  189.   div#container {
  190.     min-width: calc(400px + {text:sidebar width} + {text:post margin});
  191.     max-width: calc(540px + {text:sidebar width} + {text:post margin});
  192.     width: calc({text:post width} + {text:sidebar width} + {text:post margin});
  193.     margin: 0 auto;
  194.   }
  195.  
  196.   /* sidebar */
  197.   aside#sidebar {
  198.     max-height: calc(100% - 2 * {text:post margin});
  199.     width: {text:sidebar width};
  200.     position: fixed;
  201.   }
  202.  
  203.   /* rose styling */
  204.   [class^='petal-'] {
  205.     border-color: {color:rose petal outline};
  206.     background: {color:rose petal fill};
  207.   }
  208.   [class^='leaf-'] {
  209.     border-color: {color:rose leaf outline};
  210.     background: {color:rose leaf fill};
  211.   }
  212.   .leaf-1::before, .leaf-2::before {
  213.     background: {color:rose leaf outline};
  214.   }
  215.  
  216.   /* sidebar: blog info */
  217.   div#sidebar-info {
  218.     {block:Iftranslucentborders}border: {text:sidebar and post border width} solid rgba({RGBcolor:sidebar borders}, 0.25);{/block:Iftranslucentborders}
  219.     {block:IfNottranslucentborders}border: {text:sidebar and post border width} solid {color:sidebar borders};{/block:IfNottranslucentborders}
  220.     background: {color:sidebar background};
  221.     padding: 1em;
  222.     margin-top: 1em;
  223.   }
  224.   div#sidebar-info .rose {
  225.     margin-top: -2.75em;
  226.     margin-bottom: 0.25em;
  227.   }
  228.   div#title {
  229.     font-size: {text:title font size};
  230.     margin-bottom: 0.5em;
  231.     text-align: {select:title text align};
  232.     {block:Ifboldtitle}font-weight: bold;{/block:Ifboldtitle}
  233.     {block:Iftitlegooglefont}font-family: '{text:title google font}';{/block:Iftitlegooglefont}
  234.   }
  235.   div#title a {
  236.     color: {color:title};
  237.   }
  238.   div#description {
  239.     text-align: {select:description text align};
  240.     font-size: {text:description font size};
  241.     max-height: 17vh;
  242.     overflow: auto;
  243.     padding-right: 0.5em;
  244.     margin-right: -0.5em;
  245.   }
  246.   {block:Ifsearchbar}
  247.   div#search {
  248.     margin-top: 0.5em;
  249.   }
  250.   div#search input {
  251.     outline: none;
  252.     border: none;
  253.     background: transparent;
  254.     color: {color:color 1};
  255.     text-align: {select:search text align};
  256.     width: 100%;
  257.     font-size: {text:search font size};
  258.     font-family: {block:Ifgooglefont}'{text:google font}', {/block:Ifgooglefont}{font:font};
  259.     text-transform: lowercase;
  260.   }
  261.   {/block:Ifsearchbar}
  262.   div#links {
  263.     {block:Ifsearchbar}margin-top: 0.25em;{/block:Ifsearchbar}
  264.     {block:IfNotsearchbar}margin-top: 0.75em;{/block:IfNotsearchbar}
  265.     text-align: {select:blog links text align};
  266.     font-size: {text:blog links font size};
  267.   }
  268.   div#links a {
  269.     margin: 0 0.25em;
  270.   }
  271.  
  272.   {block:Ifloveletter}
  273.   /* sidebar: love letter */
  274.   div#love-letter {
  275.     {block:Iftranslucentborders}border: {text:sidebar and post border width} solid rgba({RGBcolor:sidebar borders}, 0.25);
  276.     border-color: rgba({RGBcolor:love letter border}, 0.25);{/block:Iftranslucentborders}
  277.     {block:IfNottranslucentborders}border: {text:sidebar and post border width} solid {color:sidebar borders};
  278.     border-color: {color:love letter border};{/block:IfNottranslucentborders}
  279.     background: {color:love letter background};
  280.     padding: 1em 0.5em 1em 1em;
  281.     margin-top: 3.5em;
  282.   }
  283.   div#love-letter .rose {
  284.     margin-top: -2.75em;
  285.   }
  286.   div#love-letter [class^='petal-'] {
  287.     border: 0.1875em solid {color:love letter rose petal outline};
  288.     background: {color:love letter rose petal fill};
  289.   }
  290.   div#love-letter [class^='leaf-'] {
  291.     border: 0.1875em solid {color:love letter rose leaf outline};
  292.     background: {color:love letter rose leaf fill};
  293.   }
  294.   div#love-letter .leaf-1::before, div#love-letter .leaf-2::before {
  295.     background: {color:love letter rose leaf outline};
  296.   }
  297.   div#letter-contents {
  298.     font-family: {block:Iflovelettergooglefont}'{text:love letter google font}', {/block:Iflovelettergooglefont}{font:love letter font};
  299.     text-align: {select:love letter text align};
  300.     max-height: 20vh;
  301.     overflow: auto;
  302.     padding-right: 0.5em;
  303.     margin-top: -0.5em;
  304.     font-size: {text:love letter font size};
  305.   }
  306.   {/block:Ifloveletter}
  307.  
  308.   /* sidebar scrollbars */
  309.   div#description::-webkit-scrollbar, div#letter-contents::-webkit-scrollbar {
  310.     width: {text:sidebar and post border width};
  311.   }
  312.   div#description::-webkit-scrollbar-thumb, div#letter-contents::-webkit-scrollbar-thumb {
  313.     {block:Iftranslucentborders}background: rgba({RGBcolor:sidebar borders}, 0.25);{/block:Iftranslucentborders}
  314.     {block:IfNottranslucentborders}background: {color:sidebar borders};{/block:IfNottranslucentborders}
  315.   }
  316.   {block:Ifloveletter}
  317.   div#letter-contents::-webkit-scrollbar-thumb {
  318.     {block:Iftranslucentborders}background: rgba({RGBcolor:love letter border}, 0.25);{/block:Iftranslucentborders}
  319.     {block:IfNottranslucentborders}background: {color:love letter border};{/block:IfNottranslucentborders}
  320.   }
  321.   {/block:Ifloveletter}
  322.   div#description::-webkit-scrollbar-track, div#letter-contents::-webkit-scrollbar-track {
  323.     background: transparent;
  324.   }
  325.  
  326.   /* post container */
  327.   section#posts {
  328.     margin-left: calc({text:sidebar width} + {text:post margin});
  329.     min-width: 400px;
  330.     max-width: 540px;
  331.     width: {text:post width};
  332.   }
  333.  
  334.   /* posts */
  335.   article.post {
  336.     min-width: 400px;
  337.     max-width: 540px;
  338.     width: {text:post width};
  339.     margin: {text:post margin} 0;
  340.     box-sizing: border-box;
  341.   }
  342.   {block:Ifshowcaptionsonindexpages}
  343.   article.post:not(.has-caption), .caption {
  344.     padding: 2em;
  345.     {block:Iftranslucentborders}border: {text:sidebar and post border width} solid rgba({RGBcolor:post borders}, 0.25);{/block:Iftranslucentborders}
  346.     {block:IfNottranslucentborders}border: {text:sidebar and post border width} solid {color:post borders};{/block:IfNottranslucentborders}
  347.     background: {color:post background};
  348.   }
  349.   {/block:Ifshowcaptionsonindexpages}
  350.   {block:IfNotshowcaptionsonindexpages}
  351.   article.post {
  352.     padding: 2em;
  353.     {block:Iftranslucentborders}border: {text:sidebar and post border width} solid rgba({RGBcolor:post borders}, 0.25);{/block:Iftranslucentborders}
  354.     {block:IfNottranslucentborders}border: {text:sidebar and post border width} solid {color:post borders};{/block:IfNottranslucentborders}
  355.     background: {color:post background};
  356.   }
  357.   {/block:IfNotshowcaptionsonindexpages}
  358.  
  359.   /* lists (numbered + bullet) */
  360.   .post ul, .post ol {
  361.     list-style: none;
  362.     padding: 0 0 0 1.5em;
  363.   }
  364.   .post ol {
  365.     counter-reset: lists;
  366.   }
  367.   .post li:not(:last-of-type) {
  368.     margin-bottom: 0.25em;
  369.   }
  370.   .post ol li:before {
  371.     counter-increment: lists;
  372.     content: counter(lists) ".";
  373.     color: {color:list icons};
  374.     position: absolute;
  375.     left: -1.15em;
  376.     font-weight: bold;
  377.   }
  378.   .post ul li:before {
  379.     content: "\e180"; /* change this if you want a different icon for lists */
  380.     position: absolute;
  381.     font-family: 'saturnicons';
  382.     color: {color:list icons};
  383.     top: 0.9em;
  384.     left: -1.75em;
  385.     -webkit-transform: translateY(-50%);
  386.     transform: translateY(-50%);
  387.     font-size: 0.65em;
  388.   }
  389.  
  390.   /* post titles + link posts */
  391.   a.title, a.path {
  392.     display: block;
  393.     text-align: center;
  394.     font-size: 1.25em;
  395.   }
  396.   a.title, a.path.has-desc {
  397.     margin-bottom: 0.5em;
  398.   }
  399.  
  400.   {block:Ifgrayscalephotos}
  401.   /* greyscale photos */
  402.   a.pic img, .photo-data img {
  403.     -webkit-filter: grayscale(50%);
  404.     filter: grayscale(50%);
  405.     -webkit-transition: 0.75s all ease-in-out;
  406.     transition: 0.75s all ease-in-out;
  407.   }
  408.   a.pic img:hover, .photo-data:hover img {
  409.     -webkit-filter: grayscale(0);
  410.     filter: grayscale(0);
  411.   }
  412.   {/block:Ifgrayscalephotos}
  413.  
  414.   /* quote posts */
  415.   .words {
  416.     font-size: 1.1em;
  417.     font-weight: bold;
  418.     color: {color:color 2};
  419.   }
  420.   .source {
  421.     margin-top: 0.75em;
  422.     font-style: italic;
  423.   }
  424.  
  425.   /* chat posts */
  426.   .chat td {
  427.     vertical-align: top;
  428.   }
  429.   .chat table {
  430.     font-size: {text:font size};
  431.   }
  432.   td.label {
  433.     padding-right: 0.75em;
  434.     color: {color:color 2};
  435.     text-transform: lowercase;
  436.     font-variant: small-caps;
  437.     font-weight: bold;
  438.   }
  439.  
  440.   /* audio iframes */
  441.   .audio iframe {
  442.     width: 100%;
  443.   }
  444.   iframe.tumblr_audio_player {
  445.     height: 85px;
  446.   }
  447.   iframe.spotify_audio_player {
  448.     {block:Ifsmallspotifyplayer}height: 80px;{/block:Ifsmallspotifyplayer}
  449.   }
  450.  
  451.   /* captions */
  452.   .caption {
  453.     margin-top: 0.25em;
  454.   }
  455.   {block:Ifcaptionheart}
  456.   .caption::before {
  457.     content: "\e12a";
  458.     font-family: 'saturnicons';
  459.     position: absolute;
  460.     top: -0.225em;
  461.     left: 50%;
  462.     transform: translate(-50%, -50%) rotate(5deg);
  463.     font-size: 2.5em;
  464.     color: {color:caption heart};
  465.     opacity: 0.65;
  466.   }
  467.   {/block:Ifcaptionheart}
  468.  
  469.   /* post reblogger/comments */
  470.   .reblogged:not(:first-of-type), .qna:not(:first-of-type) {
  471.     margin-top: 1.25em;
  472.   }
  473.   .blog {
  474.     margin-bottom: 0.5em;
  475.     {block:Ifboldreblogger}font-weight: bold;{/block:Ifboldreblogger}
  476.     color: {color:color 2};
  477.     text-transform: lowercase;
  478.   }
  479.   {block:Ifcolonafterreblogger}
  480.   .blog span:after {
  481.     content: ':';
  482.   }
  483.   .blog span.has-perma:after, .qna .blog span:after {
  484.     color: {color:color 1};
  485.   }
  486.   .blog span.has-perma:hover:after, .qna .blog span:hover:after {
  487.     color: {color:color 2};
  488.   }
  489.   {/block:Ifcolonafterreblogger}
  490.   .heart .blog img, .none .blog img {
  491.     display: none;
  492.   }
  493.   .heart .blog span::before {
  494.     content: "\e12a";
  495.     font-family: 'saturnicons';
  496.     font-size: 0.6em;
  497.     color: {color:reblogger heart};
  498.     margin-right: 0.75em;
  499.   }
  500.   .icon .blog img, .icon .blog span {
  501.     display: inline-block;
  502.     vertical-align: middle;
  503.   }
  504.   .icon .blog img {
  505.     height: 1.1em;
  506.     margin-right: 0.5em;
  507.     border-radius: 25%;
  508.   }
  509.   .blog + p {
  510.     margin-top: 0;
  511.   }
  512.  
  513.   {block:IndexPage}
  514.   /* post info styling on index (post) pages */
  515.   .info {
  516.     position: absolute;
  517.     width: calc(100% - 20px);
  518.     left: 10px;
  519.     bottom: 0;
  520.     transform: translateY(calc(50% + {text:sidebar and post border width} / 2));
  521.   }
  522.   {block:Ifshowcaptionsonindexpages}
  523.   .caption + .info {
  524.     left: calc(10px + {text:sidebar and post border width});
  525.     transform: translateY(calc(50% - {text:sidebar and post border width} / 2));
  526.     width: calc(100% - (10px + {text:sidebar and post border width}) * 2);
  527.   }
  528.   {/block:Ifshowcaptionsonindexpages}
  529.   .info div:not(.tags) {
  530.     display: inline-block;
  531.   }
  532.   .date, .notecount, .buttons, .post-source div {
  533.     {block:Iftranslucentborders}border: {text:post info and pagination border width} solid rgba({RGBcolor:post borders}, 0.25);{/block:Iftranslucentborders}
  534.     {block:IfNottranslucentborders}border: {text:post info and pagination border width} solid {color:post borders};{/block:IfNottranslucentborders}
  535.     background: {color:post background};
  536.     padding: 0.25em 0.5em;
  537.     font-size: 0.85em;
  538.     line-height: 1.25em;
  539.     margin: 0 0.25em;
  540.   }
  541.   .hover .date-notes {
  542.     margin-left: -20px;
  543.     opacity: 0;
  544.     transition: 0.35s all ease-in-out;
  545.   }
  546.   .cascade .info:not(.reblogged-from) .date-notes {
  547.     transition-delay: 0.25s;
  548.   }
  549.   .cascade .reblogged-from .date-notes {
  550.     transition-delay: 0.5s;
  551.   }
  552.   .hover .post:hover .date-notes {
  553.     margin-left: 0;
  554.     opacity: 1;
  555.   }
  556.   .cascade .post:hover .date-notes {
  557.     transition-delay: 0s;
  558.   }
  559.   .buttons {
  560.     position: absolute;
  561.     left: 50%;
  562.     transform: translateX(-50%);
  563.     text-align: center;
  564.     z-index: 2;
  565.     height: 1.25em;
  566.   }
  567.   .hover .buttons {
  568.     width: 1em;
  569.     transition: 0.35s all ease-in-out;
  570.   }
  571.   .show .buttons:not(.has-tags) .like-button, .show .buttons:not(.has-tags) .reblog-button, .show .buttons:not(.has-tags) .tags-button {
  572.     top: 0.15em;
  573.   }
  574.   .show .buttons.has-tags .like-button, .show .buttons.has-tags .reblog-button, .show .buttons.has-tags .tags-button {
  575.     top: 0.15em;
  576.   }
  577.   .hover .like-button, .hover .reblog-button, .hover .tags-button {
  578.     top: calc(0.25em + 0.15em);
  579.   }
  580.   .hover .like-button, .hover .reblog-button, .hover .tags-button {
  581.     left: 0.5em;
  582.     transition: 0.35s all ease-in-out;
  583.   }
  584.   .hover .reblog-button, .hover .tags-button {
  585.     opacity: 0;
  586.   }
  587.   .hover .post:hover .buttons:not(.has-tags) {
  588.     width: calc((0.85em * 2) + 0.75em);
  589.   }
  590.   .hover .post:hover .buttons.has-tags {
  591.     width: calc((0.85em * 3) + 1.35em);
  592.   }
  593.   .cascade .post:hover .info:not(.reblogged-from) .buttons {
  594.     transition-delay: 0.25s;
  595.   }
  596.   .cascade .post:hover .reblogged-from .buttons {
  597.     transition-delay: 0.5s;
  598.   }
  599.   .hover .post:hover .reblog-button {
  600.     opacity: 1;
  601.   }
  602.   .hover .post:hover .like-button {
  603.     left: calc(0.5em + 1em + 0.5em);
  604.   }
  605.   .hover .post:hover .tags-button {
  606.     left: calc(0.5em + 2em + 1em);
  607.     opacity: 1;
  608.   }
  609.   .cascade .post:hover .info:not(.reblogged-from) .buttons div {
  610.     transition-delay: 0.25s;
  611.   }
  612.   .cascade .post:hover .reblogged-from .buttons div {
  613.     transition-delay: 0.5s;
  614.   }
  615.   .hover .buttons div {
  616.     position: absolute;
  617.   }
  618.   .post-source {
  619.     float: right;
  620.     width: calc(45% - 2em);
  621.     text-align: right;
  622.   }
  623.   .hover .post-source {
  624.     margin-right: -20px;
  625.     opacity: 0;
  626.     transition: 0.35s all ease-in-out;
  627.   }
  628.   .cascade .post-source {
  629.     transition-delay: 0.25s;
  630.   }
  631.   .hover .post:hover .post-source {
  632.     margin-right: 0;
  633.     opacity: 1;
  634.   }
  635.   .cascade .post:hover .post-source {
  636.     transition-delay: 0.25s;
  637.   }
  638.   .post-source div {
  639.     max-width: calc(50% - 6px - 1.5em);
  640.     overflow: hidden;
  641.     color: {color:color 1};
  642.     white-space: nowrap;
  643.     overflow: hidden;
  644.     text-overflow: ellipsis;
  645.   }
  646.   .post-source div:hover {
  647.     color: {color:color 2};
  648.   }
  649.   .like-button, .reblog-button, .tags-button {
  650.     display: inline-block;
  651.     height: 1em;
  652.   }
  653.   .has-tags .like-button {
  654.     margin-right: 0.25em;
  655.   }
  656.   .tags-button span {
  657.     color: {color:like and reblog};
  658.   }
  659.   .tags-button:hover span {
  660.     color: {color:like and reblog hover};
  661.   }
  662.   .tags-button.fill span {
  663.     color: {color:post liked};
  664.   }
  665.   .tags-button.fill span:before {
  666.     content: "\e051";
  667.   }
  668.   .tags {
  669.     position: absolute;
  670.     bottom: 3em;
  671.     background: {color:post background};
  672.     padding: 0.25em 0.5em;
  673.     {block:Iftranslucentborders}border: {text:post info and pagination border width} solid rgba({RGBcolor:post borders}, 0.25);{/block:Iftranslucentborders}
  674.     {block:IfNottranslucentborders}border: {text:post info and pagination border width} solid {color:post borders};{/block:IfNottranslucentborders}
  675.     left: 50%;
  676.     transform: translateX(-50%);
  677.     display: none;
  678.     font-size: 0.85em;
  679.   }
  680.   .tags a:not(:last-child) {
  681.     margin-right: 0.5em;
  682.   }
  683.   .tags a:not(:last-child)::after {
  684.     content: ",";
  685.   }
  686.  
  687.   {block:IfNotshowcaptionsonindexpages}
  688.   .caption {
  689.     display: none;
  690.   }
  691.   {/block:IfNotshowcaptionsonindexpages}
  692.   {/block:IndexPage}
  693.  
  694.   {block:PermalinkPage}
  695.   /* post info styling on permalink pages */
  696.   .info {
  697.     {block:Iftranslucentborders}border: {text:sidebar and post border width} solid rgba({RGBcolor:post borders}, 0.25);{/block:Iftranslucentborders}
  698.     {block:IfNottranslucentborders}border: {text:sidebar and post border width} solid {color:post borders};{/block:IfNottranslucentborders}
  699.     background: {color:post background};
  700.     margin-top: {text:post margin};
  701.     padding: 2em;
  702.     line-height: 1.5em;
  703.   }
  704.   .date-notes {
  705.     color: {color:color 2};
  706.     font-weight: bold;
  707.   }
  708.   .buttons {
  709.     position: absolute;
  710.     right: 2em;
  711.     top: 2em;
  712.   }
  713.   .like-button, .reblog-button {
  714.     display: inline-block;
  715.   }
  716.   .tags {
  717.     line-height: 1.25em;
  718.   }
  719.   .tags span, .content-source {
  720.     color: {color:color 2};
  721.     text-transform: lowercase;
  722.   }
  723.   .tags a {
  724.     margin-left: 0.25em;
  725.   }
  726.   .tags a:not(:last-child)::after {
  727.     content: ",";
  728.   }
  729.   {/block:PermalinkPage}
  730.  
  731.   /* like + reblog buttons */
  732.   .like_button {
  733.     position: absolute;
  734.     top: 0;
  735.     left: 0;
  736.     right: 0;
  737.     bottom: 0;
  738.     width: 100%;
  739.     height: 100%;
  740.     opacity: 0;
  741.     z-index: 10;
  742.   }
  743.   .like_button iframe {
  744.     width: 100% !important;
  745.     height: 100% !important;
  746.   }
  747.   .new-like-button {
  748.     width: 100%;
  749.     height: 100%;
  750.     z-index: 1;
  751.     color: {color:like and reblog};
  752.   }
  753.   .like_button:hover + .new-like-button > span {
  754.     color: {color:like and reblog hover};
  755.   }
  756.   .like_button.liked + .new-like-button > span {
  757.     color: {color:post liked};
  758.   }
  759.   .like_button.liked + .new-like-button > span:before {
  760.     {block:Iffillinheartwhenliked}content: '\e12a';{/block:Iffillinheartwhenliked}
  761.   }
  762.   .reblog-button {
  763.     margin-right: 0.25em;
  764.   }
  765.   .reblog-button a {
  766.     color: {color:like and reblog};
  767.   }
  768.   .reblog-button a:hover {
  769.     color: {color:like and reblog hover};
  770.   }
  771.  
  772.   /* pagination */
  773.   div#pagination {
  774.     margin: {text:post margin} 0;
  775.     text-align: center;
  776.     text-transform: lowercase;
  777.     font-size: 0.9em;
  778.   }
  779.   div#pagination a, div#pagination span {
  780.     padding: 0.5em 1em;
  781.     margin: 0.5em;
  782.     background: {color:pagination background};
  783.     {block:Iftranslucentborders}border: {text:post info and pagination border width} solid rgba({RGBcolor:pagination}, 0.25);{/block:Iftranslucentborders}
  784.     {block:IfNottranslucentborders}border: {text:post info and pagination border width} solid {color:pagination};{/block:IfNottranslucentborders}
  785.   }
  786.   div#pagination a {
  787.     color: {color:pagination};
  788.   }
  789.   div#pagination span {
  790.     color: {color:pagination hover};
  791.     font-weight: bold;
  792.   }
  793.   div#pagination a:hover, div#pagination span {
  794.     {block:Iftranslucentborders}border-color: rgba({RGBcolor:pagination hover}, 0.25);{/block:Iftranslucentborders}
  795.     {block:IfNottranslucentborders}border-color: {color:pagination hover};{/block:IfNottranslucentborders}
  796.     color: {color:pagination hover};
  797.   }
  798.  
  799.   /* post notes on permalink page */
  800.   div#post-notes {
  801.     {block:Iftranslucentborders}border: {text:sidebar and post border width} solid rgba({RGBcolor:post borders}, 0.25);{/block:Iftranslucentborders}
  802.     {block:IfNottranslucentborders}border: {text:sidebar and post border width} solid {color:post borders};{/block:IfNottranslucentborders}
  803.     background: {color:post background};
  804.     margin-top: {text:post margin};
  805.     padding: 2em;
  806.     line-height: 1.5em;
  807.   }
  808.   ol.notes {
  809.     list-style: none;
  810.     margin: 0;
  811.     padding: 0;
  812.   }
  813.   li.like::before {
  814.     content: "\e12b";
  815.     font-family: 'saturnicons';
  816.     color: {color:post liked};
  817.     transform: translateY(-50%);
  818.     font-size: 0.8em;
  819.     margin-right: 1em;
  820.   }
  821.   li.reblog::before {
  822.     content: "\e1ef";
  823.     font-family: 'saturnicons';
  824.     color: {color:like and reblog};
  825.     font-size: 0.8em;
  826.     margin-right: 1em;
  827.   }
  828.   img.avatar {
  829.     display: none;
  830.   }
  831.   li.note blockquote {
  832.     margin: 0.75em 0.5em 0.5em 2.5em;
  833.   }
  834.   .more_notes_link_container {
  835.     margin-top: 1em;
  836.   }
  837.  
  838.   /* photo lightbox */
  839.   .tmblr-lightbox {
  840.     background: rgba(255,255,255,0.85) !important;
  841.   }
  842.   .tmblr-lightbox .vignette {
  843.     opacity: 0 !important;
  844.   }
  845.   .tmblr-lightbox .lightbox-image {
  846.     -webkit-box-shadow: none !important;
  847.     box-shadow: none !important;
  848.     border-radius: 0 !important;
  849.   }
  850.   .lightbox-caption {
  851.     color: #000 !important;
  852.     text-shadow: none !important;
  853.   }
  854.  
  855.   /* tumblr controls */
  856.   iframe.tmblr-iframe {
  857.     top: 0.15em;
  858.     right: 0.15em;
  859.     -webkit-transform: scale(0.75);
  860.     transform: scale(0.75);
  861.     {block:Ifdarktumblrcontrols}-webkit-filter: invert(100%) hue-rotate(180deg);
  862.     filter: invert(100%) hue-rotate(180deg);{/block:Ifdarktumblrcontrols}
  863.     -webkit-transform-origin: 100% 0;
  864.     transform-origin: 100% 0;
  865.   }
  866.  
  867.   {block:Ifstyledtooltips}
  868.   /* tooltip */
  869.   .ui-tooltip {
  870.     padding: 3px 5px 2px;
  871.     margin: 24px 14px 7px 12px;
  872.     position: absolute;
  873.     font-size: 0.8em;
  874.     z-index: 9999;
  875.     max-width: 300px;
  876.     border-radius: 3px;
  877.     background: {color:background};
  878.     background: rgba(255,255,255,0.5);
  879.   }
  880.   {/block:Ifstyledtooltips}
  881.  
  882.   a#scroll-up {
  883.     position: fixed;
  884.     bottom: 31px;
  885.     right: 5px;
  886.     background: #fff;
  887.     padding: 6px 2.5px 2px;
  888.     font-size: 0.8em;
  889.   }
  890.  
  891.   /* DO NOT TOUCH */
  892.   a#cred {
  893.     position: fixed;
  894.     bottom: 5px;
  895.     right: 5px;
  896.     background: #fff;
  897.     padding: 3px 6px;
  898.     font-size: 0.8em;
  899.   }
  900.  
  901.   {CustomCSS}
  902. </style>
  903.  
  904. </head>
  905. <body class="{select:reblogger icon} {select:post info}">
  906.  
  907.   <div id="container">
  908.  
  909.     <aside id="sidebar">
  910.  
  911.       <div id="sidebar-info">
  912.         <div class="rose"></div>
  913.         <div id="title"><a href="{BlogURL}">{Title}</a></div>
  914.         <div id="description">{Description}</div>
  915.         {block:Ifsearchbar}<div id="search"><form action="/search" method="get"><input type="text" name="q" value="{SearchQuery}" placeholder="{lang:Search}"/></form></div>{/block:Ifsearchbar}
  916.         <div id="links"><a href="/">home</a>{block:AskEnabled}<a href="/ask">ask</a>{/block:AskEnabled}<a href="/archive">archive</a>{block:Ifbloglinkoneurl}<a href="{text:blog link one url}">{text:blog link one name}</a>{/block:Ifbloglinkoneurl}{block:Ifbloglinktwourl}<a href="{text:blog link two url}">{text:blog link two name}</a>{/block:Ifbloglinktwourl}{block:Ifbloglinkthreeurl}<a href="{text:blog link three url}">{text:blog link three name}</a>{/block:Ifbloglinkthreeurl}{block:Ifbloglinkfoururl}<a href="{text:blog link four url}">{text:blog link four name}</a>{/block:Ifbloglinkfoururl}{block:Ifbloglinkfiveurl}<a href="{text:blog link five url}">{text:blog link five name}</a>{/block:Ifbloglinkfiveurl}</div>
  917.       </div>
  918.  
  919.       {block:Ifloveletter}
  920.       <div id="love-letter">
  921.         <div class="rose"></div>
  922.         <div id="letter-contents">
  923.           {text:love letter text}
  924.         </div>
  925.       </div>
  926.       {/block:Ifloveletter}
  927.  
  928.     </aside>
  929.  
  930.     <section id="posts">
  931.       {block:Posts}<article class="post {PostType} {block:Caption}has-caption{/block:Caption}" id="{PostID}">
  932.  
  933.         {block:Title}<a href="{Permalink}" class="title">{Title}</a>{/block:Title}
  934.  
  935.         {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} class="has-perma"{/block:HasPermalink}>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>{Body}</div>{/block:Reblogs}{/block:RebloggedFrom}{/block:Text}
  936.  
  937.         {block:Photo}<a href="#" 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}
  938.  
  939.         {block:Photoset}<div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}<div class="photo-data"><div class="pxu-photo"><img src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}"></div><a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}"></a></div>{/block:Photos}</div>{/block:Photoset}
  940.  
  941.         {block:Quote}<div class="words">{Quote}</div>{block:Source}<div class="source">{Source}</div>{/block:Source}{/block:Quote}
  942.  
  943.         {block:Link}<a href="{URL}" class="path{block:Description} has-desc{/block:Description}" {Target}>{Name}</a>
  944.         {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} class="has-perma"{/block:HasPermalink}>{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}
  945.  
  946.         {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}
  947.  
  948.         {block:Audio}{block:AudioEmbed}{AudioEmbed}{/block:AudioEmbed}{/block:Audio}
  949.  
  950.         {block:Video}{VideoEmbed-500}{/block:Video}
  951.  
  952.         {block:Answer}<div class="qna"><div class="blog"><img src="{AskerPortraitURL-48}"/><span>{Asker}</span></div><span class="speech">{Question}</span></div>
  953.         {block:Answerer}<div class="qna"><div class="blog"><img src="{AnswererPortraitURL-48}"/><span>{Answerer}</span></div><span class="speech">{Answer}</span></div>{block:Reblogs}<div class="qna"><div class="blog"><img src="{PortraitURL-64}" /><span{block:HasPermalink} class="has-perma"{/block:HasPermalink}>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div><span class="speech">{Body}</span></div>{/block:Reblogs}{/block:Answerer}
  954.         {block:NotReblog}<div class="qna"><div class="blog"><img src="{PortraitURL-48}" /><span><a href="{Permalink}">{Name}</a></span></div><span class="speech">{Answer}</span></div>{/block:NotReblog}{/block:Answer}
  955.  
  956.         {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} class="has-perma"{/block:HasPermalink}>{block:HasPermalink}<a href="{Permalink}">{/block:HasPermalink}{Username}{block:HasPermalink}</a>{/block:HasPermalink}</span></div>{Body}</div>{/block:Reblogs}{/block:RebloggedFrom}</div>{/block:Caption}
  957.  
  958.         {block:Date}
  959.         {block:IndexPage}
  960.         <div class="info {block:RebloggedFrom}reblogged-from{/block:RebloggedFrom}">
  961.           <div class="date-notes">
  962.             <div class="date"><a href="{Permalink}">{MonthNumberWithZero}.{DayOfMonthWithZero}.{Year}</a></div>
  963.             {block:NoteCount}<div class="notecount"><a href="{Permalink}">{NoteCount}</a></div>{/block:NoteCount}
  964.           </div>
  965.           <div class="buttons {block:Ifshowtagsonindexpages}{block:HasTags}has-tags{/block:HasTags}{/block:Ifshowtagsonindexpages}">
  966.             <div class="reblog-button"><a href="{ReblogURL}" {Target}><span class="sf sf-reblog-o"></span></a></div>
  967.             <div class="like-button">{LikeButton}<span class="new-like-button"><span class="sf sf-heart-2-o"></span></span></div>
  968.             {block:Ifshowtagsonindexpages}{block:HasTags}<div class="tags-button"><span class="sf sf-bookmark-o"></span></div>{/block:HasTags}{/block:Ifshowtagsonindexpages}
  969.           </div>
  970.           {block:RebloggedFrom}<div class="post-source">
  971.             <div class="reblog-parent"><a href="{ReblogParentURL}" {Target}>{ReblogParentName}</a></div>
  972.             <div class="reblog-root"><a href="{ReblogRootURL}" {Target}>{ReblogRootName}</a></div>
  973.           </div>{/block:RebloggedFrom}
  974.           {block:HasTags}<div class="tags">{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  975.         </div>
  976.         {/block:IndexPage}
  977.         {/block:Date}
  978.  
  979.       </article>
  980.  
  981.       {block:Date}
  982.       {block:PermalinkPage}
  983.       <div class="info">
  984.         <div class="date-notes">{MonthNumberWithZero}.{DayOfMonthWithZero}.{Year}, {24HourWithZero}:{Minutes}{block:NoteCount}, +{NoteCount}{/block:NoteCount}</div>
  985.         {block:RebloggedFrom}<div class="post-source">
  986.           <a href="{ReblogParentURL}" {Target}>via: {ReblogParentName},</a><a href="{ReblogRootURL}" {Target}> src: {ReblogRootName}</a>
  987.         </div>{/block:RebloggedFrom}
  988.         {block:HasTags}<div class="tags"><span>{lang:Tagged}</span>{block:Tags}<a href="{TagURL}">{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  989.         {block:ContentSource}<div class="content-source">{lang:Source}: <a href="{SourceURL}" {Target}>{SourceTitle}</a></div>{/block:ContentSource}
  990.         <div class="buttons">
  991.           <div class="reblog-button"><a href="{ReblogURL}" {Target}><span class="sf sf-reblog-o"></span></a></div>
  992.           <div class="like-button">{LikeButton}<span class="new-like-button"><span class="sf sf-heart-2-o"></span></span></div>
  993.         </div>
  994.       </div>
  995.       {/block:PermalinkPage}
  996.       {/block:Date}
  997.  
  998.       {block:PostNotes}
  999.       <div id="post-notes">
  1000.         {PostNotes}
  1001.       </div>
  1002.       {/block:PostNotes}
  1003.  
  1004.       {/block:Posts}
  1005.  
  1006.       {block:Pagination}
  1007.       <div id="pagination">
  1008.         {block:PreviousPage}<a href="{PreviousPage}" class="prev">{lang:Prev}</a>{/block:PreviousPage}
  1009.         {block:JumpPagination length="3"}{block:CurrentPage}<span>{PageNumber}</span>{/block:CurrentPage}{block:JumpPage}<a href="{URL}" class="jump">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  1010.         {block:NextPage}<a href="{NextPage}" class="next">{lang:Next}</a>{/block:NextPage}
  1011.       </div>
  1012.       {/block:Pagination}
  1013.  
  1014.     </section>
  1015.  
  1016.   </div>
  1017.  
  1018.   <a href="#" id="scroll-up"><span class="sf sf-arrow-up"></span></a>
  1019.   <a href="https://annasthms.tumblr.com/" id="cred" title="theme by annasthms" {Target}>a</a>
  1020.  
  1021.   <script src="//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  1022.   <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
  1023.   <script src="//dl.dropbox.com/s/r1lcsrj2ofap7n5/videoResize.min.js"></script>
  1024.   <script src="//dl.dropbox.com/s/1mztc6y7i6ry9ri/gtresizing.js"></script>
  1025.   <script src="//static.tumblr.com/yxfeliq/hHwojmt8m/bctphotoset.min.js"></script>
  1026.   <script src="//dl.dropbox.com/s/vgaat0zpodpepwk/annasthms.js"></script>
  1027.  
  1028.   <script>
  1029.   $(document).ready(function(){
  1030.  
  1031.     // resize videos
  1032.     $('.video iframe, .body iframe, .caption iframe, .reblogged iframe').videoResize();
  1033.  
  1034.     // remove semicolons
  1035.     $('td.label').each(function(){
  1036.       var label = $(this).text().split(":")[0];
  1037.       $(this).text(label);
  1038.     });
  1039.  
  1040.     {block:Ifshowtagsonindexpages}
  1041.     // tags box fade in/out
  1042.     $('.tags-button').click(function(){
  1043.       $(this).toggleClass('fill');
  1044.       $(this).parents('.buttons').siblings('.tags').fadeToggle();
  1045.     });
  1046.     {/block:Ifshowtagsonindexpages}
  1047.  
  1048.     // create each rose
  1049.     $('.rose').each(function(){
  1050.       for (var i = 1; i <= 8; i++) {
  1051.        $(this).append('<div class="petal-' + i + '"></div>');
  1052.       }
  1053.       for (var j = 1; j <= 2; j++) {
  1054.        $(this).append('<div class="leaf-' + j + '"></div>');
  1055.       }
  1056.     });
  1057.  
  1058.     // pxu photosets
  1059.     var gutterSize = '{text:photoset gutter}';
  1060.     if ( !gutterSize.endsWith('px') && !gutterSize.endsWith('em') ) {
  1061.      gutterSize = gutterSize + 'px';
  1062.     }
  1063.     $('.photo-slideshow').pxuPhotoset({
  1064.       lightbox: true,
  1065.       rounded: false,
  1066.       gutter: gutterSize,
  1067.       borderRadius: '0px',
  1068.       photoset: '.photo-slideshow',
  1069.       photoWrap: '.photo-data',
  1070.       photo: '.pxu-photo'
  1071.     });
  1072.  
  1073.     {block:IndexPage}
  1074.     // make sure the usernames stay on one line
  1075.     // $('.post-source a').each(function(){
  1076.     //   if ( $(this).text().indexOf('-') > -1 ) {
  1077.     //     var text = $(this).text().split('-')[0];
  1078.     //     $(this).text(text + '...');
  1079.     //   }
  1080.     // });
  1081.     {/block:IndexPage}
  1082.  
  1083.     {block:Ifstyledtooltips}
  1084.     // styled tooltips
  1085.     $('[title]').tooltip({
  1086.       track: true,
  1087.       position: {
  1088.         my: 'left+12 top+24'
  1089.       }
  1090.     });
  1091.     {/block:Ifstyledtooltips}
  1092.  
  1093.     {block:Ifsmallsoundcloudplayer}
  1094.     // minimal soundcloud player © shythemes.tumblr
  1095.     var color = '{color:color 2}'; // color of play button (hex)
  1096.     $('.soundcloud_audio_player').each(function(){
  1097.       $(this).attr({ src: $(this).attr('src').split('&')[0] + '&amp;liking=false&amp;sharing=false&amp;auto_play=false&amp;show_comments=false&amp;continuous_play=false&amp;buying=false&amp;show_playcount=false&amp;show_artwork=false&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 116, width: '100%' });
  1098.     });
  1099.     {/block:Ifsmallsoundcloudplayer}
  1100.  
  1101.     // scroll up button
  1102.     $('a#scroll-up').click(function(){
  1103.       $('html, body').animate({ scrollTop: 0 }, 1500);
  1104.       return false;
  1105.     });
  1106.  
  1107.   });
  1108. </script>
  1109. </body>
  1110. </html>
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!