Advertisement
Guest User

Untitled

a guest
Oct 19th, 2017
91
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 33.00 KB | None | 0 0
  1. <!----------------------------------------------------------
  2.              THEME 05: BUTTERFLY by MINTSUGA
  3.      
  4.                        - CREDITS -
  5.    photoset: pixel union (http://bit.ly/1tsK2PA)
  6.    photoset resizing: gukthemes & cathms (http://bit.ly/2iTjoxT)
  7.    infinite scroll: paul irish (http://bit.ly/22reA3L)
  8.    video resizing: shy themes (http://bit.ly/1TjObPi)
  9.    soundcloud: shy themes (http://bit.ly/1YHsKcg)
  10.    tool-tips: malihu (http://bit.ly/1OcXuAt)
  11.  
  12.            http://mintsuga.tumblr.com/themes
  13. ----------------------------------------------------------->
  14.  
  15. <!DOCTYPE html>
  16. <html>
  17.  
  18. <head>
  19.  
  20.     {block:Description}
  21.     <meta name="description" content="{MetaDescription}"/>
  22.     {/block:Description}
  23.  
  24.     <title>{block:TagPage}#{Tag}:{/block:TagPage}{block:SearchPage}
  25.     {lang:Search results for SearchQuery} - {/block:SearchPage}
  26.     {block:PostSummary}{PostSummary} - {/block:PostSummary}{Title}
  27.     </title>
  28.  
  29.     <link rel="shortcut icon" href="{Favicon}">
  30.     <link rel="altertnate" type="application/rss+xml" href="{RSS}">
  31.     <meta http-equiv="x-dns-prefetch-control" content="off"/>
  32.    
  33.     <meta name="image:sidebar image" content="" />
  34.     <meta name="image:background image" content="" />
  35.     <meta name="image:icon" content="" />
  36.     <meta name="text:alt title" content=""/>
  37.    
  38.     <meta name="if:infinite scroll" content="0"/>
  39.     <meta name="if:hover tags" content="0"/>
  40.     <meta name="if:minimalist" content="0"/>
  41.     <meta name="if:grey audio player" content="0"/>
  42.     <meta name="if:black audio player" content="0"/>
  43.     <meta name="if:white audio player" content="1"/>
  44.    
  45.     <meta name="select:Post Size" content="540px" title="540px">
  46.     <meta name="select:Post Size" content="500px" title="500px">
  47.     <meta name="select:Post Size" content="450px" title="450px">
  48.     <meta name="select:Post Size" content="400px" title="400px">
  49.     <meta name="select:Post Size" content="350px" title="350px">
  50.     <meta name="select:Post Size" content="300px" title="300px">
  51.    
  52.     <meta name="color:background" content="#EEEEEE" />
  53.     <meta name="color:text" content="#979797"/>
  54.     <meta name="color:accent" content="#59dfb7"/>
  55.     <meta name="color:shade" content="#444444"/>
  56.     <meta name="color:post" content="#FFFFFF"/>
  57.     <meta name="color:border" content="#E4E4E4"/>
  58.    
  59.     <meta name="text:link1" content="/"/>
  60.     <meta name="text:link1 name" content=""/>
  61.     <meta name="text:link2" content="/"/>
  62.     <meta name="text:link2 name" content=""/>
  63.     <meta name="text:link3" content="/"/>
  64.     <meta name="text:link3 name" content=""/>
  65.     <meta name="text:link4" content="/"/>
  66.     <meta name="text:link4 name" content=""/>
  67.     <meta name="text:link5" content="/"/>
  68.     <meta name="text:link5 name" content=""/>
  69.    
  70. <style type="text/css">
  71.    
  72.     /* THE BASICS */
  73.     ::-webkit-scrollbar {
  74.         width: 6px;
  75.         height: 6px;
  76.         background-color: {color:background};
  77.     }
  78.        
  79.     ::-webkit-scrollbar-thumb:vertical,
  80.     ::-webkit-scrollbar-thumb:horizontal {
  81.         background-color: {color:accent};
  82.     }
  83.    
  84.     #s-m-t-tooltip {
  85.         background-color: {color:post};
  86.         color: {color:accent};
  87.         max-width:300px;
  88.         padding:4px 6px;
  89.         margin:20px 0px 0px 20px;
  90.         font-size:8px;
  91.         letter-spacing:1px;
  92.         text-transform:uppercase;
  93.         border: 1px solid {color:border};
  94.         z-index:9999;
  95.     }
  96.    
  97.     html, body {height: 100%;}
  98.  
  99.     body {
  100.         color: {color:text};
  101.         background-color: {color:background};
  102.         background-image: url('{image:background image}');
  103.         font-family: Calibri, sans-serif;
  104.         font-size: 11px;
  105.         margin: 0;
  106.     }
  107.        
  108.     *:hover {
  109.         -moz-transition-duration: 0.5s;
  110.         -o-transition-duration: 0.5s;
  111.         -webkit-transition-duration: 0.5s;
  112.         transition-duration: 0.5s;}
  113.        
  114.     a {
  115.         color: {color:shade};
  116.         text-decoration: none;
  117.         -moz-transition-duration: 0.5s;
  118.         -o-transition-duration: 0.5s;
  119.         -webkit-transition-duration: 0.5s;
  120.         transition-duration: 0.5s;
  121.     }
  122.    
  123.     a:hover, .i a:hover, .d a:hover,
  124.     .ask a:hover, #title:hover, .nav:hover {
  125.         color: {color:accent};
  126.     }
  127.    
  128.     .m, .video {margin-bottom: -3px;}
  129.     .m img {width: 100%;}
  130.    
  131.     b {color: {color:shade};}
  132.    
  133.     pre, xmp, plaintext, listing {
  134.         font-family: Courier;
  135.         margin-top: 0px;
  136.         word-wrap: break-word;}
  137.        
  138.     span {word-wrap: break-word;}
  139.    
  140.     .h {
  141.         font-family: 'Lato', sans-serif;
  142.         font-weight: 900;
  143.         text-transform: uppercase;
  144.         letter-spacing: 1px;
  145.         color: {color:shade};
  146.         font-size: 24px;
  147.     }
  148.    
  149.    
  150.     /* SIDEBAR */
  151.     #yoongi {
  152.         width: 250px;
  153.         height: 100%;
  154.         position: fixed;
  155.         top: 0px;
  156.         left: 0px;
  157.         background-color: {color:accent};
  158.         background-image: url('{image:sidebar image}');
  159.         background-attachment: fixed;
  160.     }
  161.    
  162.     #sidebar {
  163.         height: 100%;
  164.         width: 140px;
  165.         background-color: {color:post};
  166.         border-right: 1px solid {color:border};
  167.         padding: 20px;
  168.         z-index: 2;
  169.         position: fixed;
  170.         top: 0px;
  171.         left: 250px;
  172.     }
  173.    
  174.     #title {
  175.         color: {color:shade};
  176.         font-size: 20px;
  177.         line-height: 20px;
  178.         font-family: 'Lato', Hiragino Sans GB, Microsoft Yahei, sans-serif;
  179.         text-align: center;
  180.         margin-bottom: 10px;
  181.         -moz-transition-duration: 0.5s;
  182.         -o-transition-duration: 0.5s;
  183.         -webkit-transition-duration: 0.5s;
  184.         transition-duration: 0.5s;
  185.     }
  186.    
  187.     #icon {
  188.         background-color: {color:accent};
  189.         background-image: url('{image:icon}');
  190.         background-size: 100% 100%;
  191.         height: 100px;
  192.         width: 100px;
  193.         border-radius: 50%;
  194.         margin: auto;
  195.     }
  196.    
  197.     #subtitle, #navigation, #pages {
  198.         width: 100px;
  199.         margin: auto;
  200.         text-align: center;
  201.         margin-top: 10px;
  202.     }
  203.    
  204.     .nav {
  205.         padding: 10px;
  206.         border-top: 1px solid {color:border};
  207.         text-align: center;
  208.         -moz-transition-duration: 0.5s;
  209.         -o-transition-duration: 0.5s;
  210.         -webkit-transition-duration: 0.5s;
  211.         transition-duration: 0.5s;
  212.     }
  213.    
  214.     .nav:hover {letter-spacing: 6px;}
  215.    
  216.     #pages {
  217.         border-top: 1px solid {color:border};
  218.         padding-top: 10px;
  219.         margin-top: 0px;
  220.         {block:IfInfiniteScroll}
  221.         display: none;
  222.         {/block:IfInfiniteScroll}
  223.     }
  224.    
  225.    
  226.     /* POST STYLING */
  227.     #space {
  228.         padding-top: 40px;
  229.         padding-left: 430px;
  230.     }
  231.    
  232.     .posts {
  233.         margin-bottom: 80px;
  234.         overflow: hidden;
  235.         margin-left: auto;
  236.         margin-right: auto;
  237.         {block:IndexPage}
  238.         width: {select:Post Size};
  239.         {/block:IndexPage}
  240.         {block:PermalinkPage}
  241.         width: 540px;
  242.         {/block:PermalinkPage}
  243.     }
  244.    
  245.     .posts p {
  246.         margin-top: 0px;
  247.         margin-bottom: 6px;
  248.     }
  249.    
  250.     .photo-slideshow, .txt {background-color: {color:post};}
  251.    
  252.     .posts img {
  253.         max-width: 100%;
  254.         height: auto;
  255.     }
  256.    
  257.     .posts blockquote, blockquote {
  258.         border-left: 1px solid {color:border};
  259.         padding: 0px 10px;
  260.         margin: 6px;
  261.     }
  262.    
  263.     .tumblr_blog, #desc, .info, .tags, .s,
  264.     .pn, .ptags, #subtitle, .nav, #pages {
  265.         text-transform: uppercase;
  266.         font-size: 9px;
  267.         letter-spacing: 1px;
  268.     }
  269.    
  270.     .i, .d a, .ask, .ask a {
  271.         background-color: {color:shade};
  272.         border-top: 1px solid {color:shade};
  273.         color: {color:post};
  274.         text-align: center;
  275.     }
  276.    
  277.     .d a:hover {border-top: 1px solid {color:accent};}
  278.    
  279.     .txt, .link, .ask {padding: 20px;}
  280.     .txt {
  281.         padding-bottom: 14px;
  282.         border-bottom: 1px solid {color:border};
  283.     }
  284.    
  285.     .link, .link a {
  286.         background-color: {color:accent};
  287.         color: {color:post};
  288.         text-align: center;
  289.         font-size: 16px;
  290.         -moz-transition-duration: 0.5s;
  291.         -o-transition-duration: 0.5s;
  292.         -webkit-transition-duration: 0.5s;
  293.         transition-duration: 0.5s;
  294.     }
  295.    
  296.     .link:hover {background-color: {color:shade};}
  297.    
  298.     .asker, .q {
  299.         font-family: 'Lato', sans-serif;
  300.         font-weight: 900;
  301.         text-transform: uppercase;
  302.         letter-spacing: 1px;
  303.         font-size: 16px;
  304.         margin-bottom: 4px;
  305.     }
  306.    
  307.     .q {color: {color:shade};}
  308.    
  309.     .chat {
  310.         padding-left: 0;
  311.         margin-bottom: 0;
  312.     }
  313.    
  314.     .chat li {list-style: none;}
  315.    
  316.     .chat li:first-child {
  317.         border: none;
  318.         padding-top: 0px;
  319.     }
  320.    
  321.     .label {
  322.         text-transform: uppercase;
  323.         font-size: 10px;
  324.         letter-spacing: 1px;
  325.         font-weight: bold;
  326.         color: {color:shade};
  327.     }
  328.    
  329.     .line {
  330.         padding: 10px;
  331.         border-top: 1px solid {color:border};
  332.     }
  333.    
  334.     .album, .album img {
  335.         background-color: {color:accent};
  336.         background-size: 100% 100%;
  337.         height: 120px;
  338.         width: 120px;
  339.         position: absolute;
  340.         display: flex;
  341.         flex-direction: column;
  342.         justify-content: center;
  343.         align-items: center;
  344.     }
  345.    
  346.     .audio {
  347.         background-color: {color:border};
  348.         display: flex;
  349.         justify-content: center;
  350.         align-items: center;
  351.         height: 114px;
  352.         padding-left: 140px;
  353.         padding-right: 20px;
  354.         padding-top: 6px;
  355.     }
  356.    
  357.     .play {
  358.         width:26px;
  359.         height:30px;
  360.         overflow: hidden;
  361.         margin-left: 7px;
  362.         margin-top: 6px;
  363.         z-index: 1;
  364.     }
  365.    
  366.     .play-btn {
  367.         width: 40px;
  368.         height: 40px;
  369.         border-radius: 50%;
  370.         {block:ifGreyAudioPlayer}
  371.         background-color: #E4E4E4;
  372.         {/block:ifGreyAudioPlayer}
  373.         {block:ifBlackAudioPlayer}
  374.         background-color: #000;
  375.         {/block:ifBlackAudioPlayer}
  376.         {block:ifWhiteAudioPlayer}
  377.         background-color: #FFF;
  378.         {/block:ifWhiteAudioPlayer}
  379.         opacity: 0.8;
  380.         z-index: 1;
  381.     }
  382.    
  383.     .ai {
  384.         {block:ifGreyAudioPlayer}
  385.         color: #727272;
  386.         {/block:ifGreyAudioPlayer}
  387.         {block:ifBlackAudioPlayer}
  388.         color: #b2b2b2;
  389.         {/block:ifBlackAudioPlayer}
  390.         {block:ifWhiteAudioPlayer}
  391.         color: #808080;
  392.         {/block:ifWhiteAudioPlayer}
  393.         text-align: center;
  394.         text-transform: uppercase;
  395.         font-size: 10px;
  396.         letter-spacing: 1px;
  397.         font-weight: bold;
  398.     }
  399.    
  400.     .set {
  401.         margin-bottom: -8px;
  402.         z-index: -1;
  403.     }
  404.  
  405.    
  406.    
  407.     /* POST INFO STYLING */
  408.     .info, .ptags {
  409.         {block:IndexPage}
  410.         margin-bottom: 6px;
  411.         {/block:IndexPage}
  412.         padding: 8px 0px;
  413.         background-color: {color:post};
  414.     }
  415.    
  416.     .d a {
  417.         padding: 8px 10px;
  418.         margin-right: 10px;
  419.     }
  420.    
  421.     .d a:hover {
  422.         color: {color:post};
  423.         background-color: {color:accent};
  424.     }
  425.    
  426.     .btn {
  427.         float: right;
  428.         margin-right: 12px;
  429.     }
  430.    
  431.     {block:IndexPage}{block:IfHoverTags}
  432.     .tags {opacity: 0.0;}
  433.     .posts:hover .tags {opacity: 1.0;}
  434.     {/block:IfHoverTags}{/block:IndexPage}
  435.    
  436.     .ptags {
  437.         padding-left: 8px;
  438.         padding-right: 8px;
  439.         border-bottom: 1px solid {color:border};
  440.     }
  441.    
  442.     .pn {
  443.         overflow: auto;
  444.         background-color: {color:post};
  445.         max-height: 200px;
  446.         padding: 8px 8px 8px 0px;
  447.         margin-top: 20px;
  448.     }
  449.    
  450.     .pn img.avatar {display:none;}
  451.    
  452.     .pn::-webkit-scrollbar {
  453.         width: 16px;
  454.         height: 8px;
  455.         background-color: {color:post};
  456.     }
  457.        
  458.     .pn::-webkit-scrollbar-thumb:vertical,
  459.     .pn::-webkit-scrollbar-thumb:horizontal {
  460.         background-color: {color:accent};
  461.         border: 6px solid {color:post};
  462.     }
  463.    
  464.     ol.notes {
  465.         list-style-position: inside;
  466.         padding-left: 20px;
  467.     }
  468.    
  469.     ol.notes li {
  470.         padding: 10px;
  471.         border-bottom: 1px solid {color:border};
  472.     }
  473.    
  474.     ol.notes li:last-child {
  475.         border: none;
  476.         list-style-type: none;
  477.         text-align: center;
  478.     }
  479.    
  480.     a.more_notes_link:hover {
  481.         letter-spacing: 4px;
  482.     }
  483.  
  484.  
  485.     /* CREDITS */    
  486.     #credit {
  487.         background-color: {color:accent};
  488.         color: {color:accent};
  489.         font-family: Calibri, sans-serif;
  490.         font-size: 9px;
  491.         letter-spacing: 1px;
  492.         position: fixed;
  493.         text-align: center;
  494.         padding: 2px 4px 4px;
  495.         display: block;
  496.         width: 8px;
  497.         height: 10px;
  498.         overflow: hidden;
  499.         right: 10px;
  500.         bottom: 10px;
  501.         z-index: 200;
  502.         -webkit-transition: all 0.7s ease-in-out;
  503.         -moz-transition: all 0.7s ease-in-out;
  504.         -o-transition: all 0.7s ease-in-out;
  505.         -ms-transition: all 0.7s ease-in-out;    
  506.         transition: all 0.7s ease-in-out;
  507.     }
  508.    
  509.     #credit:hover {
  510.         background-color: {color:post};
  511.         width: 50px;
  512.     }
  513.  
  514. </style>
  515. </head>
  516.  
  517.  
  518. <body>
  519.  
  520.     <a href="http://mintsuga.tumblr.com/">
  521.     <div id="credit">MINTSUGA</div></a>
  522.    
  523.     <div id="yoongi"></div>
  524.    
  525.     <div id="sidebar">
  526.         <a href="/"><div id="title" class="h">
  527.         {block:IfNotAltTitle}{Title}{/block:IfNotAltTitle}
  528.         {block:IfAltTitle}{text:alt title}{/block:IfAltTitle}
  529.         </div></a>
  530.        
  531.         <a href="/"><div id="icon"></div></a>
  532.         <div id="subtitle">{Description}</div>
  533.        
  534.         <div id="navigation">
  535.             <a href="/ask"><div class="nav">ask</div></a>
  536.             <a href="/archive"><div class="nav">past</div></a>
  537.             {block:IfLink1Name}
  538.             <a href="{text:link1}"><div class="nav">
  539.             {text:link1 name}</div></a>
  540.             {/block:IfLink1Name}
  541.             {block:IfLink2Name}
  542.             <a href="{text:link2}"><div class="nav">
  543.             {text:link2 name}</div></a>
  544.             {/block:IfLink2Name}
  545.             {block:IfLink3Name}
  546.             <a href="{text:link3}"><div class="nav">
  547.             {text:link3 name}</div></a>
  548.             {/block:IfLink3Name}
  549.             {block:IfLink4Name}
  550.             <a href="{text:link4}"><div class="nav">
  551.             {text:link4 name}</div></a>
  552.             {/block:IfLink4Name}
  553.             {block:IfLink5Name}
  554.             <a href="{text:link5}"><div class="nav">
  555.             {text:link5 name}</div></a>
  556.             {/block:IfLink5Name}
  557.         </div>
  558.        
  559.         {block:Pagination}
  560.         <div id="pages">
  561.         {block:PreviousPage}<a href="{PreviousPage}">-</a>
  562.         {/block:PreviousPage}{CurrentPage} OF {TotalPages}
  563.         {block:NextPage}<a class="next" href="{NextPage}">+</a>
  564.         {/block:NextPage}</div>
  565.         {/block:Pagination}
  566.     </div>
  567.    
  568.     <div id="space">
  569.         {block:Posts}
  570.         <div class="posts">
  571.             {block:Text}<div class="txt">
  572.             {block:Title}<div class="h">{Title}</div>{/block:Title}
  573.             {Body}</div>
  574.             {/block:Text}
  575.            
  576.             {block:Link}
  577.             <a class="h" href="{URL}"><div class="link">{Name}</div></a>
  578.             <div class="txt">
  579.             {block:Description}{Description}{/block:Description}    
  580.             </div>{/block:Link}
  581.            
  582.             {block:Answer}
  583.             <div class="ask">
  584.             <div class="asker">{Asker} asked:</div>
  585.             {Question}</div>
  586.             <div class="txt">{Answer}</div>
  587.             {/block:Answer}    
  588.            
  589.             {block:Quote}<div class="txt">
  590.             <div class="q">"{Quote}"</div>
  591.             {block:Source}<span class="s">- {Source}</span>
  592.             {/block:Source}
  593.             </div>{/block:Quote}
  594.            
  595.             {block:Chat}<div class="txt">
  596.             {block:Title}<div class="h">{Title}</div>{/block:Title}
  597.             <ul class="chat">{block:Lines}<li class="line">
  598.             {block:Label}<span class="label">{Label}</span>
  599.             {/block:Label}{Line}</li>
  600.             {/block:Lines}</ul></div>
  601.             {/block:Chat}
  602.            
  603.             {block:Photo}
  604.             <div class="m">{LinkOpenTag}
  605.             <img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" width="{select:Post Size}">
  606.             {LinkCloseTag}</div>
  607.             {block:IfNotMinimalist}{block:Caption}
  608.             <div class="txt">{Caption}</div>
  609.             {/block:Caption}{/block:IfNotMinimalist}
  610.             {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}
  611.             {block:NoRebloggedFrom}
  612. {block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}
  613. {/block:NoRebloggedFrom}
  614.             {/block:Photo}
  615.            
  616.             {block:Photoset}
  617. <div class="set"><center><div class="pxu"><div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">{block:Photos}
  618. <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></div></center></div>
  619.             {block:Caption}{block:IndexPage}{block:IfNotMinimalist}
  620.             <div class="txt">{Caption}</div>{/block:IfNotMinimalist}
  621.             {/block:IndexPage}{block:PermalinkPage}
  622.             <div class="txt">{Caption}</div>{/block:PermalinkPage}
  623.             {/block:Caption}
  624.             {/block:Photoset}
  625.            
  626.             {block:Audio}
  627.             <div class="album">
  628.                 <div class="play-btn">
  629.                 <div class="play">
  630.                 {block:ifGreyAudioPlayer}{AudioPlayerGrey}
  631.                 {/block:ifGreyAudioPlayer}
  632.                 {block:ifBlackAudioPlayer}{AudioPlayerBlack}
  633.                 {/block:ifBlackAudioPlayer}
  634.                 {block:ifWhiteAudioPlayer}{AudioPlayerWhite}
  635.                 {/block:ifWhiteAudioPlayer}
  636.                 </div></div>
  637.                 {block:AlbumArt}<img src="{AlbumArtURL}">
  638.                 {/block:AlbumArt}
  639.             </div>
  640.             <div class="audio">
  641.             <div class="ai">
  642.             {block:TrackName}<p>Track: {TrackName}</p>{/block:TrackName}
  643.             {block:Artist}<p>Artist: {Artist}</p>{/block:Artist}
  644.             {block:Album}<p>Album: {Album}</p>{/block:Album}
  645.             </div>
  646.             </div>
  647.             {block:Caption}{block:IndexPage}{block:IfNotMinimalist}
  648.             <div class="txt">{Caption}</div>{/block:IfNotMinimalist}
  649.             {/block:IndexPage}{block:PermalinkPage}
  650.             <div class="txt">{Caption}</div>{/block:PermalinkPage}
  651.             {/block:Caption}
  652.             {/block:Audio}
  653.            
  654.             {block:Video}
  655.             <div class="video">{Video-500}</div>
  656.             {block:Caption}{block:IndexPage}{block:IfNotMinimalist}
  657.             <div class="txt">{Caption}</div>{/block:IfNotMinimalist}
  658.             {/block:IndexPage}{block:PermalinkPage}
  659.             <div class="txt">{Caption}</div>{/block:PermalinkPage}
  660.             {/block:Caption}
  661.             {/block:Video}
  662.            
  663.             {block:HasTags}
  664.             {block:PermalinkPage}<div class="ptags">filed under:
  665.             {block:Tags}<a class="tags" href="{TagURL}">#{TAG} </a>
  666.             {/block:Tags}</div>{/block:PermalinkPage}
  667.             {/block:HasTags}
  668.            
  669.             {block:Date}
  670.             <div class="info">
  671.             <span class="d"><a href="{Permalink}"title="{NoteCount} notes">
  672.             {ShortYear}.{MonthNumberWithZero}.{DayOfMonthWithZero}
  673.             </span></a>
  674.            
  675.             {block:RebloggedFrom}
  676.             <a href="{ReblogParentURL}" title="{ReblogParentName}">
  677.             via</a> |
  678.             <a href="{ReblogRootURL}" title="{ReblogRootName}">
  679.             source</a>
  680.             {/block:RebloggedFrom}
  681.             <span class="btn">{ReblogButton size="14"}</span>
  682.             <span class="btn">{LikeButton size="13"}</span>
  683.             </div>
  684.             {/block:Date}
  685.            
  686.             {block:HasTags}
  687.             {block:IndexPage}{block:Tags}
  688.             <a class="tags" href="{TagURL}">#{TAG} </a>
  689.             {/block:Tags}{/block:IndexPage}
  690.             {/block:HasTags}
  691.            
  692.             {block:PostNotes}<div class="pn">
  693.             {PostNotes}</div>{/block:PostNotes}
  694.         </div>
  695.         {/block:Posts}
  696.     </div>
  697.  
  698.    
  699.     <link href='http://fonts.googleapis.com/css?family=Lato:900' rel='stylesheet' type='text/css'>
  700.     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  701.    
  702.    
  703.     <!-- video resizing script -->
  704.     <script src ="//static.tumblr.com/fwgzvyf/l6jnyutne/shythemes.vr.js"></script>
  705.    
  706.     <!-- pixel union photoset script -->
  707.     <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  708.     <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  709.    
  710.     <!-- infinite scroll script -->
  711.     {block:ifInfiniteScroll}
  712.     <script src="http://static.tumblr.com/wgijwsy/u2vm2hxv6/jquery.infinitescroll.min.js"></script>
  713.     {/block:ifInfiniteScroll}
  714.    
  715.     <!-- gukthemes & cathms photoset script -->
  716.     <link href="//static.tumblr.com/wupwnyt/qWVoc4phj/resizing.css" rel="stylesheet" type="text/css"/>
  717.    
  718.     <script>
  719.     $(document).ready(function(){
  720.         $('.photo-slideshow').pxuPhotoset({
  721.             lightbox: true,
  722.             rounded: false,
  723.             gutter: '0px',
  724.             borderRadius:'0px',
  725.             photoset: '.photo-slideshow',
  726.             photoWrap: '.photo-data',
  727.             photo: '.pxu-photo'
  728.         });
  729.         {block:IndexPage}{block:ifInfiniteScroll}
  730.         var $container = $('#space');
  731.         $container.infinitescroll({
  732.             itemSelector: '.posts',
  733.             navSelector: '#pages',
  734.             nextSelector: '.next',
  735.             loadingImg: '',
  736.             loadingText: '<em></em>',
  737.             bufferPx: 2000
  738.         },
  739.         function( newElements ) {
  740.             resizeVideos();
  741.             var $newElems = $( newElements );
  742.             $newElems.find('.photo-slideshow').pxuPhotoset({
  743.                 lightbox: true,
  744.                 rounded: false,
  745.                 gutter: '0px',
  746.                 photoset: '.photo-slideshow',
  747.                 photoWrap: '.photo-data',
  748.                 photo: '.pxu-photo'
  749.             });
  750.         });
  751.         {/block:ifInfiniteScroll}{/block:IndexPage}
  752.     });
  753.     </script>
  754.    
  755.     <!-- soundcloud script -->
  756.     <script>
  757.         // minimal soundcloud player © eoxk.tumblr
  758.         $(document).ready(function(){
  759.            var color = '{color:accent}'; // color of play button (hex)
  760.            $('.soundcloud_audio_player').each(function(){
  761.                $(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%' });
  762.            });
  763.         });
  764.     </script>
  765.  
  766.  
  767.     <!-- tooltip script -->
  768.     <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  769.     <script>
  770.         (function($){
  771.             $(document).ready(function(){
  772.                 $("a[title]").style_my_tooltips({
  773.                     tip_follows_cursor:true,
  774.                     tip_delay_time:90,
  775.                     tip_fade_speed:600,
  776.                     attribute:"title"
  777.                 });
  778.             });
  779.         })(jQuery);
  780.     </script>
  781.  <!-- Wikplayer https://www.wikplayer.com -->
  782. <script type="text/javascript" src="https://www.wikplayer.com/code.js"
  783. data-config="{'skin':'skins/wikfull/plainBlack/skin.css','volume':50,'autoplay':true,'shuffle':true,'repeat':1,'showcomment':false,'marqueetexton':true,'placement':'bottom','showplaylist':false,'playlist':[{'title':'%E2%99%A5%20Bag%20Raiders%20-%20Shooting%20Stars','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DfeA64wXhbjo'},{'title':'%E2%99%A5%20Big%20Baby%20D.R.A.M.%20-%20Sweet%20Va%20Breeze','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dc9aDnXUOiu4'},{'title':'%E2%99%A5%20Caravan%20Palace%20-%20Lone%20Digger','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DUbQgXeY_zi4'},{'title':'%E2%99%A5%20Charlie%20Puth%20-%20Attention%20(Lash%20Remix)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DX83oxgCaxlY'},{'title':'%E2%99%A5%20Charlie%20Puth%20-Marvin%20Gaye%20(feat.%20Meghan%20Trainor)','url':'https%3A%2F%2Fyoutu.be%2Fg2nf3UtegKE'},{'title':'%E2%99%A5%20DNCE%20-%20Cake%20By%20The%20Ocean','url':'https%3A%2F%2Fyoutu.be%2FPAzH-YAlFYc'},{'title':'%E2%99%A5%20Daft%20Punk%20-%20Something%20About%20Us%20(DJ%20Cutman%20Remix)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dn6bSitk3nwc'},{'title':'%E2%99%A5%20Dari%20-%20Girl%20','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DyHAXfO_hJ2A'},{'title':'%E2%99%A5%20Dari%20-%20ME!ME!ME!','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DFlyU93qauPI'},{'title':'%E2%99%A5%20Gackt%20-%20VANILLA','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DXxdSe8LiInc'},{'title':'%E2%99%A5%20Glass%20Animals%20-%20Black%20Mambo','url':'https%3A%2F%2Fyoutu.be%2F49M1O2YgDfE'},{'title':'%E2%99%A5%20Glass%20Animals%20-%20Hazey','url':'https%3A%2F%2Fyoutu.be%2FnOHEuhJf7nA'},{'title':'%E2%99%A5%20Gorillaz%20-%20El%20Ma%C3%B1ana','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DTEB56tk7I88'},{'title':'%E2%99%A5%20Gorillaz%20-%20Empire%20Ants%20(Miami%20Horror%20Remix)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DLPcDSe_hSbY'},{'title':'%E2%99%A5%20Gorillaz%20-%20Out%20Of%20Body%20(ft.%20Kilo%20Kish%2C%20Zebra%20Katz%20%26%20Imani%20Vonsh%C3%A0)','url':'https%3A%2F%2Fyoutu.be%2FgawKAeTayNY'},{'title':'%E2%99%A5%20Halsey%20-%20Control','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dso8V5dAli-Q'},{'title':'%E2%99%A5%20Indila%20-%20Derni%C3%A8re%20danse','url':'https%3A%2F%2Fyoutu.be%2FlgIUduoN59o'},{'title':'%E2%99%A5%20Indila%20-%20Love%20Story','url':'https%3A%2F%2Fyoutu.be%2Fs7vdo8Tm5RA'},{'title':'%E2%99%A5%20Izzard%20-%20I%20Dreamt%20of%20You','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D307cRoffHF4'},{'title':'%E2%99%A5%20Jack%20and%20Jack%20-%20Bloom%2FBouquet','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DJGG37-99Zy0'},{'title':'%E2%99%A5%20Ken%20Ashcorp%20-%2020%20Percent%20Cooler','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Du6xRSafBV8o'},{'title':'%E2%99%A5%20Ken%20Ashcorp%20-%20Absolute%20Territory%20(The%20Living%20Tombstone%20Remix)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DweQfKKcIXkA'},{'title':'%E2%99%A5%20Ken%20Ashcorp%20-%20Crazy%20Chicks','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DQIFn0wqZx7Y'},{'title':'%E2%99%A5%20Ken%20Ashcorp%20-%20Touch%20Fluffy%20Tail','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D4nyHPIcbn88'},{'title':'%E2%99%A5%20Kimbra%20-%20Cameo%20Lover%20(Shook%20Remix)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DQ9GRiQ-AlrQ'},{'title':'%E2%99%A5%20Kimbra%20-%20Settle%20Down','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DyHV04eSGzAA'},{'title':'%E2%99%A5%20MIKA%20-%20Boum%20Boum%20Boum','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D4pJMNZLw-XA'},{'title':'%E2%99%A5%20Mark%20Owen%20-%20Makin%27%20Out','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dl7r-EiZe_IQ'},{'title':'%E2%99%A5%20Massive%20Attack%20-%20Paradise%20Circus','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DjEgX64n3T7g'},{'title':'%E2%99%A5%20Massive%20Attack%20-%20Paradise%20Circus','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DjEgX64n3T7g'},{'title':'%E2%99%A5%20Meghan%20Trainor%20-%20All%20About%20That%20Bass','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D5fqMUC35_Vk'},{'title':'%E2%99%A5%20Meghan%20Trainor%20-%20Dear%20Future%20Husband','url':'https%3A%2F%2Fyoutu.be%2FEyUldX3PJng'},{'title':'%E2%99%A5%20Melanie%20Martinez%20-%20Carousel','url':'https%3A%2F%2Fyoutu.be%2F7N_Ro-bYP6E'},{'title':'%E2%99%A5%20Melanie%20Martinez%20-%20Dollhouse','url':'https%3A%2F%2Fyoutu.be%2F3NZOHqkcCsE'},{'title':'%E2%99%A5%20Melanie%20Martinez%20-%20Tag%20You%27re%20It','url':'https%3A%2F%2Fyoutu.be%2FW3CwR9GPjOc'},{'title':'%E2%99%A5%20Misha%20B%20-%20Home%20Run%20(Kat%20Krazy%20Remix)','url':'https%3A%2F%2Fyoutu.be%2Fu39RYbQAHN4'},{'title':'%E2%99%A5%20Mystery%20Skulls%20-%20Freaking%20Out','url':'https%3A%2F%2Fyoutu.be%2FtUYM5WNdNGc'},{'title':'%E2%99%A5%20Mystery%20Skulls%20-%20Ghost','url':'https%3A%2F%2Fyoutu.be%2FYlEb3L1PIco'},{'title':'%E2%99%A5%20Mystery%20Skulls%20-%20Losing%20My%20Mind','url':'https%3A%2F%2Fyoutu.be%2Fn5TpNmS4OX0'},{'title':'%E2%99%A5%20Noah%20Slee%20-%20DGAF%20(ft.%20Shiloh)','url':'https%3A%2F%2Fyoutu.be%2Fb5Us2xvHvTE'},{'title':'%E2%99%A5%20Now%2C%20Now%20-%20Wolf','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DnHHtkeM8o-A'},{'title':'%E2%99%A5%20Panic!%20at%20the%20Disco.%20-%20Build%20God%2C%20Then%20We%27ll%20Talk','url':'https%3A%2F%2Fyoutu.be%2FesvsJACaAgY'},{'title':'%E2%99%A5%20Panic!%20at%20the%20Disco.%20-%20But%20It%27s%20Better%20If%20You%20Do','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DQcP80j7rnVA'},{'title':'%E2%99%A5%20Panic!%20at%20the%20Disco.%20-%20Girls%2FGirls%2FBoys','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DYk8jV7r6VMk'},{'title':'%E2%99%A5%20Panic!%20at%20the%20Disco.%20-%20Lying%20Is%20The%20Most%20Fun%20A%20Girl%20Can%20Have%20Without%20Taking%20Her%20Clothes%20Off','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DQQ17Tm_qUIE'},{'title':'%E2%99%A5%20Panic!%20at%20the%20Disco.%20-%20Time%20to%20Dance','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DJfUug-R7M5g'},{'title':'%E2%99%A5%20Paramore%20-%20Still%20Into%20You','url':'https%3A%2F%2Fyoutu.be%2Ftv7yHglIDsc'},{'title':'%E2%99%A5%20Pentatonix%20-%20Cant%20Sleep%20Love','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DogI_pMoDKAA'},{'title':'%E2%99%A5%20Pomplamoose%20-%20Bust%20Your%20Knee%20Caps','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dlnt3BONt4IA'},{'title':'%E2%99%A5%20RX%20Bandits%20-%20Meow!%20Meow!%20Space%20Tiger','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DV-Ov4Wqfbh4'},{'title':'%E2%99%A5%20Rheol%20(feat.%20nqrse)%20-%20LUVORATORRRRRY','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dp-o_bMkzOW0'},{'title':'%E2%99%A5%20Rukunetsu%20-%202ND%20MYSTERIOUS%20PLACE%20-%20UndertaleQMix','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DjfLWImAl1q0'},{'title':'%E2%99%A5%20Slime%20Girls%20-%20DATING%20START%20(MEETING%20ALL%20MY%20STANDARDS%20VER.)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DtPkRkb5eaL0'},{'title':'%E2%99%A5%20Stromae%20-%20Alors%20On%20Dance','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DY1gdvfLzUKo'},{'title':'%E2%99%A5%20Stromae%20-%20Tous%20Les%20Memes','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DCAMWdvo71ls'},{'title':'%E2%99%A5%20Stromae%20-%20avf','url':'https%3A%2F%2Fyoutu.be%2F1rj6lNl7hOQ'},{'title':'%E2%99%A5%20Stromae%20-%20carmen','url':'https%3A%2F%2Fyoutu.be%2FI2-KD6MRKRo'},{'title':'%E2%99%A5%20Stromae%20-%20merci','url':'https%3A%2F%2Fyoutu.be%2FpfxxDaKlTtA'},{'title':'%E2%99%A5%20Stromae%20-%20ta%20f%C3%AAte','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DA5IgCZ6LXWE'},{'title':'%E2%99%A5%20Studio%20Killers%20-%20All%20Men%20Are%20Pigs','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DJL7tTljmv0Y'},{'title':'%E2%99%A5%20Studio%20Killers%20-%20Eros%20and%20Apollo','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DuGjHsLnUO1U'},{'title':'%E2%99%A5%20Studio%20Killers%20-%20Jenny','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3Dhyj4JFSErrw'},{'title':'%E2%99%A5%20Studio%20Killers%20-%20Ode%20To%20Bouncer%20(Manhattan%20Clique%20Remix)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DVoWB74roxwE'},{'title':'%E2%99%A5%20The%20Hoosiers%20-%20Who%20Said%20Anything%20About%20Falling%20In%20Love','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DuTkSJ2oKvPE'},{'title':'%E2%99%A5%20The%20Neighbourhood%20-%20Sweater%20Weather','url':'https%3A%2F%2Fyoutu.be%2FcULQhvuq1Zc'},{'title':'%E2%99%A5%20Toby%20%22Radiation%22%20Fox%20-%20Megalovania%20(Tenkitsune%20Electro%20Remix)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DTFvfiZy0-Rc'},{'title':'%E2%99%A5%20Trey%20Songz%20-%20Mr.%20Steal%20Your%20Girl','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DJa2xuHhbdX0'},{'title':'%E2%99%A5%20ZAZ%20-%20Sous%20le%20ciel%20de%20Paris','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DydtryV65UGk'},{'title':'%E2%99%A5%20Zayn%20Malik%20-%20Pillow%20Talk','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DyXfdKhY1avk'},{'title':'%E2%99%A5%20gnash%20-%20ilusm','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D6Md2KEplXFI'},{'title':'%E2%99%A5%20%E3%83%95%E3%83%AC%E3%83%87%E3%83%AA%E3%83%83%E3%82%AF-%E3%82%AA%E3%83%89%E3%83%AB%E3%83%BC%E3%83%97%20(micau%20electronica%20remix%20cover)','url':'https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3D8j681eBLn34'}]}" ></script>
  784. <!-- Wikplayer code end -->
  785.  
  786. </body>
  787.  
  788. <!-- SCM Music Player script end -->
  789. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement