API tools faq
paste
Advertisement
tasty2punch

i did not make this

tasty2punch
Sep 23rd, 2016
77
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 29.16 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!-----------------------------------------------------------------------
  4.  
  5.            THEME BY SAARAA @ CYANTISTS.TUMBLR.COM
  6.          
  7.            Please observe common theme sharing etiquette:
  8.                http://cyantists.tumblr.com/terms
  9.            Thank you.
  10.  
  11. ------------------------------------------------------------------------>
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14. <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# blog: http://ogp.me/ns/blog#">
  15.  
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}
  20.     <meta name="description" content="{MetaDescription}" />
  21. {/block:Description}
  22.    
  23.     <meta name="image:Sidebar" content="" />
  24.     <meta name="image:Background" content="" />
  25.    
  26.     <meta name="if:White Controls" content="1" />
  27.     <meta name="if:Right Sidebar" content="0" />
  28.     <meta name="if:Small Links" content="0" />
  29.     <meta name="if:Show Captions On Index" content="1" />
  30.     <meta name="if:Right Aligned Info" content="0" />
  31.     <meta name="if:Reblog Button On Index" content="1" />
  32.     <meta name="if:Like Button On Index" content="1" />
  33.    
  34.     <meta name="color:Accent" content="#ffcba4" />
  35.     <meta name="color:Background" content="#f6f6f6" />
  36.     <meta name="color:Caption Background" content="#ffffff" />
  37.     <meta name="color:Text" content="#a1a1a1" />
  38.     <meta name="color:Links" content="#888888" />
  39.     <meta name="color:Borders" content="#f0f0f0" />
  40.  
  41.     <meta name="select:Text Size" content="10px" title="10px">
  42.     <meta name="select:Text Size" content="9px" title="9px">
  43.     <meta name="select:Text Size" content="11px" title="11px">
  44.    
  45.     <meta name="select:Sidebar Width" content="120px" title="120px">
  46.     <meta name="select:Sidebar Width" content="80px" title="80px">
  47.     <meta name="select:Sidebar Width" content="100px" title="100px">
  48.     <meta name="select:Sidebar Width" content="140px" title="140px">
  49.     <meta name="select:Sidebar Width" content="160px" title="160px">
  50.     <meta name="select:Sidebar Width" content="180px" title="180px">
  51.     <meta name="select:Sidebar Width" content="200px" title="200px">
  52.    
  53.     <meta name="select:Post Width" content="460px" title="460px">
  54.     <meta name="select:Post Width" content="400px" title="400px">
  55.     <meta name="select:Post Width" content="420px" title="420px">
  56.     <meta name="select:Post Width" content="440px" title="440px">
  57.     <meta name="select:Post Width" content="480px" title="480px">
  58.     <meta name="select:Post Width" content="500px" title="500px">
  59.    
  60.     <meta name="select:Post Spacing" content="100px" title="100px">
  61.     <meta name="select:Post Spacing" content="60px" title="60px">
  62.     <meta name="select:Post Spacing" content="80px" title="80px">
  63.     <meta name="select:Post Spacing" content="120px" title="120px">
  64.     <meta name="select:Post Spacing" content="140px" title="140px">
  65.    
  66.     <meta name="select:Photoset Gutter" content="1px" title="1px">
  67.     <meta name="select:Photoset Gutter" content="0px" title="0px">
  68.     <meta name="select:Photoset Gutter" content="2px" title="2px">
  69.     <meta name="select:Photoset Gutter" content="3px" title="3px">
  70.     <meta name="select:Photoset Gutter" content="4px" title="4px">
  71.     <meta name="select:Photoset Gutter" content="5px" title="5px">
  72.     <meta name="select:Photoset Gutter" content="6px" title="6px">
  73.     <meta name="select:Photoset Gutter" content="7px" title="7px">
  74.     <meta name="select:Photoset Gutter" content="8px" title="8px">
  75.     <meta name="select:Photoset Gutter" content="9px" title="9px">
  76.     <meta name="select:Photoset Gutter" content="10px" title="10px">
  77.    
  78.     <meta name="text:Link 1 Name" content="" />
  79.     <meta name="text:Link 1 URL" content="" />
  80.     <meta name="text:Link 2 Name" content="" />
  81.     <meta name="text:Link 2 URL" content="" />
  82.     <meta name="text:Link 3 Name" content="" />
  83.     <meta name="text:Link 3 URL" content="" />
  84.     <meta name="text:Link 4 Name" content="" />
  85.     <meta name="text:Link 4 URL" content="" />
  86.     <meta name="text:Link 5 Name" content="" />
  87.     <meta name="text:Link 5 URL" content="" />
  88.     <meta name="text:Link 6 Name" content="" />
  89.     <meta name="text:Link 6 URL" content="" />
  90.     <meta name="text:Link 7 Name" content="" />
  91.     <meta name="text:Link 7 URL" content="" />
  92.     <meta name="text:Link 8 Name" content="" />
  93.     <meta name="text:Link 8 URL" content="" />
  94.    
  95.     <meta name="text:Hover 1" content="" />
  96.      <meta name="text:Hover 2" content="" />
  97.       <meta name="text:Hover 3" content="" />
  98.        <meta name="text:Hover 4" content="" />
  99.    
  100. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/smoothscroll/1.4.1/SmoothScroll.min.js"></script><script src="http://static.tumblr.com/rzl30kg/eAxm7a751/jquery.style-my-tooltips.js"></script><script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  101.  
  102. <script src="https://use.fontawesome.com/8b31d30a04.js"></script>
  103.  
  104. <script> $(document).ready(function(){ $("[title]").style_my_tooltips({
  105.   tip_follows_cursor:true, tip_delay_time:50, tip_fade_speed:800
  106. }); $('.photo-slideshow').pxuPhotoset({
  107.  lightbox:true, rounded:false, gutter:'{select:Photoset Gutter}',
  108.  borderRadius:'0px', photoset:'.photo-slideshow', photoWrap:'.photo-data',
  109.  photo:'.pxu-photo'
  110. }); $('.video iframe').each(function(){
  111.   var scale = $(this).parents('.video').width() / 500; $(this).attr({
  112.     width: Math.floor($(this).attr('width') * scale),
  113.     height: Math.floor($(this).attr('height') * scale)
  114. }); }); {block:IndexPage} $(".swap").mouseover(function(){
  115.   $(this).parents('.info').children('.tags').addClass('active');
  116. }); $('.info').mouseleave(function(){
  117.   $('.tags').removeClass('active');
  118. });{/block:IndexPage}{block:PermalinkPage} $(".swap").click(function(){
  119.   $('.post').fadeToggle(400);
  120. });{/block:PermalinkPage} }); </script>
  121.  
  122. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/><link href="http://static.tumblr.com/w3dcevg/xqDoa2kba/cycr.css" rel="stylesheet" type="text/css"/>
  123.  
  124. <link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700|Lato:700" rel="stylesheet">
  125.  
  126. <style type="text/css">
  127.  
  128. a, a:hover, a > *, a:hover > *, .tr, .tr:hover, .tr:before, .tr:hover:before, .tr:after, .tr:hover:after, iframe.tmblr-iframe, iframe.tmblr-iframe:hover, .like_button::before {
  129.     transition:all 0.4s ease-in-out;
  130.     -webkit-transition:all 0.4s ease-in-out;
  131.     -o-transition:all 0.4s ease-in-out;
  132.     -moz-transition:all 0.4s ease-in-out;
  133.     -ms-transition:all 0.4s ease-in-out;}
  134.  
  135.  
  136. html {
  137.     overflow-y:scroll;
  138.     font-size:{select:Text Size};
  139.     -webkit-font-smoothing:antialiased;}
  140.    
  141. ::-webkit-scrollbar {
  142.     height:0px;
  143.     width:4px;
  144.     background:{color:Background};}
  145. ::-webkit-scrollbar-thumb:vertical {
  146.     height:auto;
  147.     width:4px;
  148.     background:{color:Accent};}
  149. ::-webkit-scrollbar-thumb:hotizontal {
  150.     display:none;}
  151.  
  152. ::selection {
  153.     background:rgba({RGBcolor:Accent},0.5);
  154.     color:{color:Caption Background};}
  155. ::-webkit-selection {
  156.     background:rgba({RGBcolor:Accent},0.5);
  157.     color:{color:Caption Background};}
  158. ::-moz-selection {
  159.     background:rgba({RGBcolor:Accent},0.5);
  160.     color:{color:Caption Background};}
  161. ::-o-selection {
  162.     background:rgba({RGBcolor:Accent},0.5);
  163.     color:{color:Caption Background};}
  164.  
  165.  
  166. body {
  167.     margin:0px;
  168.     background-color:{color:Background};
  169.     background-image:url('{image:Background}');
  170.     background-attachment:fixed;
  171.     background-repeat: no-repeat;
  172.     background-size: contain;
  173.     background-position: right;
  174.     line-height:1.4;
  175.     color:{color:Text};
  176.     font-family:'PT Sans', sans-serif;
  177.     text-align: justify;
  178. }
  179.    
  180. iframe.tmblr-iframe {
  181.     z-index:999999!important;
  182.     opacity:0.5;
  183.     padding:8px;{block:IfWhiteControls}
  184.     filter:invert(1);
  185.     -webkit-filter:invert(1);
  186.     -o-filter:invert(1);
  187.     -moz-filter:invert(1);
  188.     -ms-filter:invert(1);{/block:IfWhiteControls}}
  189. iframe.tmblr-iframe:hover {
  190.     opacity:1;}
  191.    
  192. #s-m-t-tooltip {
  193.     position:absolute;
  194.     z-index:9999999999;
  195.     margin-top:20px;
  196.     margin-left:16px;
  197.     display:inline-block;
  198.     padding:4px 6px;
  199.     background:{color:Caption Background};
  200.     border:1px solid {color:Borders};
  201.     color:{color:Text};
  202.     text-transform:lowercase;
  203.     font:inherit;
  204.     font-style:italic;}
  205.    
  206. /** PLEASE DO NOT EDIT OR DELETE **/
  207. .cred {right:8px;}
  208. .cred:before {left:0; margin-left:-59px;}
  209. .cred:before, .clogo:before {color:{color:Text};}
  210. .clogo:after {color:{color:Accent};}
  211. .clogo, .cred:before, .clogo:after {background:{color:Caption Background};}
  212. .clogo, .cred:before {border:1px solid {color:Borders};}
  213. .cred:hover .clogo {border-color:rgba({RGBcolor:Accent},0.4);}
  214. /*********** THANK YOU! ***********/
  215.  
  216.    
  217. .container {
  218.     width:calc({select:Sidebar Width} + 2px + {select:Post Width} + 2px + {select:Post Spacing} + 0.9rem + 14px);
  219.     position:relative;
  220.     left:0;
  221.     right:0;
  222.     margin:calc({select:Post Spacing} + 0.9rem + 14px) auto 0px auto;}
  223.  
  224. a:link, a:active, a:visited, i, em, b, strong, .top, .cn {
  225.     text-decoration:none;
  226.     color:{color:Links};}
  227. .swap {
  228.     cursor:help;}
  229. a:hover, .cn:hover {
  230.     color:{color:Accent};}
  231. .fa {
  232.     color:inherit;}
  233.  
  234. small, big, sup, sub {
  235.     font-size:1em;}
  236.    
  237.  
  238. .text {
  239.     padding:10px;
  240.     margin-bottom:4px;
  241.     background:{color:Caption Background};
  242.     border:1px solid {color:Borders};}
  243.    
  244. .text ul, .text ol, blockquote {
  245.     display:block;
  246.     margin-left:0;
  247.     padding:0;}
  248. .text li, blockquote {
  249.     display:block;
  250.     margin-bottom:5px;
  251.     margin-left:3em;}
  252. .text li:before {
  253.     display:inline-block;
  254.     width:2em;
  255.     font-size:0.8em;
  256.     margin-left:-3em;}
  257. .text ul ul li {
  258.     margin-left:6em;}
  259. .text ul li ul {
  260.     margin-top:5px;
  261.     margin-left:-3em;}
  262. .text ul {
  263.     list-style-type:none;}
  264. .text ul li:before {
  265.     content:"•";}
  266. .text ol {
  267.     list-style-type:decimal;
  268.     counter-reset:item;}
  269. .text ol li:before {
  270.     content:counter(item) ".";
  271.     counter-increment:item;}
  272. .text blockquote {
  273.     border-left:2px solid {color:Borders};
  274.     margin-left:calc(1em - 2px);
  275.     padding-left:1em;}
  276.    
  277. .text img {
  278.     max-width:100%;
  279.     height:auto!important;}
  280. .text iframe.tmblr-embed, .text iframe.vine-embed {
  281.     max-width:100%;
  282.     height:100%!important;}
  283. .text figure {
  284.     -webkit-margin-before:0px;
  285.     -webkit-margin-after:0px;
  286.     -webkit-margin-start:0px;
  287.     -webkit-margin-end:0px;}
  288. .text figure.tmblr-embed.tmblr-full {
  289.     height:calc({select:Post Width} * 0.5)!important;}
  290.    
  291. .text > :first-child {
  292.     margin-top:0px!important;}
  293. .text > :last-child {
  294.     margin-bottom:0px!important;}
  295. .text > :last-child p {
  296.     margin-bottom:0.5em!important;}
  297. .text pre {
  298.     letter-spacing:1px;
  299.     font-variant:small-caps;
  300.     text-transform:lowercase;
  301.     font-family:calibri, sans-serif;
  302.     white-space:pre-wrap;
  303.     white-space:-moz-pre-wrap;
  304.     white-space:-pre-wrap;
  305.     white-space:-o-pre-wrap;
  306.     word-wrap:break-word;}
  307.    
  308.  
  309. .sidebar .set {
  310.     width:calc({select:Sidebar Width} + 2px);
  311.     margin-bottom:4px;}
  312. .info .set, .pagination .set {
  313.     display:inline-block;}
  314. .info .set, .pagination .set {
  315.     margin-bottom:4px;{block:ifNotRightAlignedInfo}
  316.     margin-right:4px;{/block:ifNotRightAlignedInfo}{block:ifRightAlignedInfo}
  317.     margin-left:4px;{/block:ifRightAlignedInfo}}
  318.    
  319. .title {
  320.     display:block;
  321.     position:relative;}
  322. div.title {
  323.     cursor:help;}
  324.    
  325. .top {
  326.     text-align:center;
  327.     background:{color:Caption Background};
  328.     border:1px solid {color:Borders};
  329.     padding:10px;
  330.     height:10px;
  331.     position:relative;
  332.     z-index:1;}
  333. .sidebar .top {
  334.     cursor:help;}
  335. .info .top {
  336.     padding:6px;}
  337. .pagination .top {
  338.     padding:5px 7px;}
  339. .top:before, .fah, .title:before {
  340.     position:absolute;
  341.     top:0;
  342.     left:0;
  343.     width:100%;
  344.     height:0;
  345.     box-sizing:border-box;
  346.     border-top:6px solid {color:Accent};
  347.     opacity:0;
  348.     overflow:hidden;
  349.     background:{color:Accent};
  350.     color:#ffffff;
  351.     z-index:2;}
  352. .sidebar .top:before, .pagination .top, .pagination .top:before, .info .top, .info .top:before, .title, .title:before {
  353.     text-transform:uppercase;
  354.     letter-spacing:1px;
  355.     font:bold 0.8rem 'Lato', 'PT Sans', sans-serif;
  356.     line-height:1.5;}
  357. .pagination .top, .pagination .top:before, .info .top, .info .top:before {
  358.     line-height:1.3;}
  359. .sidebar .top:before, .pagination .top:before, .title:before {
  360.     content:attr(hover);
  361.     border-top:10px solid {color:Accent};}
  362. .pagination .top:before {
  363.     border-top-width:6px;}
  364. .title, .title:before {
  365.     padding-left:10px;
  366.     padding-right:10px;
  367.     font-size:0.9rem;}
  368. .info .top .fa {
  369.     font-size:0.9rem;
  370.     line-height:calc(0.8rem*1.3);}
  371. .quote:before {
  372.     content:'"' attr(hover) '"';}
  373. .set:hover .top:before, .set.current .top:before, .set:hover .fah, .title:hover:before {
  374.     height:100%;
  375.     opacity:1;}
  376.  
  377.  
  378. .sidebar {
  379.     position:fixed;
  380.     width:calc({select:Sidebar Width} + 2px);{block:ifNotRightSidebar}
  381.     margin-left:0px;{/block:ifNotRightSidebar}{block:ifRightSidebar}
  382.     margin-left:calc({select:Post Width} + 2px + {select:Post Spacing} + 0.9rem + 14px);{/block:ifRightSidebar}}
  383.    
  384. .sidebar img {
  385.     width:{select:Sidebar Width};
  386.     display:block;
  387.     background:{color:Caption Background};
  388.     border:1px solid {color:Borders};
  389.     margin-bottom:4px;
  390.     pointer-events:none;}
  391.    
  392. .more {
  393.     position:absolute;
  394.     width:calc({select:Sidebar Width} + 2px);
  395.     overflow:hidden;
  396.     max-height:0px;
  397.     z-index:2;
  398.     opacity:0;
  399.     margin-top:24px;
  400.     background:{color:Background};}
  401. .set:hover .more {
  402.     margin:0px;
  403.     padding-top:4px;
  404.     max-height:500px;
  405.     opacity:1;}
  406.    
  407. .links a {
  408.     display:block;
  409.     padding:6px;
  410.     background:{color:Caption Background};
  411.     border:1px solid {color:Borders};
  412.     margin-bottom:4px;
  413.     text-align:center;{block:ifSmallLinks}
  414.     display:inline-block;
  415.     width:calc(50% - 2px);
  416.     box-sizing:border-box;{/block:ifSmallLinks}}{block:ifSmallLinks}
  417. .links a:nth-of-type(odd) {
  418.     margin-right:4px;}{/block:ifSmallLinks}
  419.    
  420.    
  421. .entries {{block:ifNotRightSidebar}
  422.     margin-left:calc({select:Sidebar Width} + 2px + {select:Post Spacing} + 0.9rem + 14px);{/block:ifNotRightSidebar}{block:ifRightSidebar}
  423.     margin-left:0px;{/block:ifRightSidebar}
  424.     position:absolute;}
  425. .post, .tags {
  426.     width:calc({select:Post Width} + 2px);
  427.     margin-bottom:{select:Post Spacing};}
  428.    
  429. .media {
  430.     width:{select:Post Width};
  431.     background:{color:Caption Background};
  432.     border:1px solid {color:Borders};
  433.     margin-bottom:4px;}
  434. .tumblr_video_container, .video.media {
  435.     width:{select:Post Width}!important;
  436.     height:auto!important;}
  437. img.media {
  438.     display:block;}
  439.  
  440. .audiopost {
  441.     position:relative;
  442.     height:calc(0.9rem*1.5 + 22px);
  443.     margin-bottom:4px;}
  444. .artwork {
  445.     width:calc(0.9rem*1.5 + 20px);
  446.     height:calc(0.9rem*1.5 + 20px);
  447.     position:relative;
  448.     float:left;
  449.     background:{color:Caption Background};
  450.     border:1px solid {color:Borders};}
  451. .artwork img {
  452.     position:absolute;
  453.     z-index:1;
  454.     width:calc(0.9rem*1.5 + 20px);
  455.     height:calc(0.9rem*1.5 + 20px);}
  456. .playbox {
  457.     position:absolute;
  458.     z-index:99;
  459.     opacity:0.1;
  460.     top:0;
  461.     right:0;
  462.     bottom:0;
  463.     left:0;
  464.     margin:auto;
  465.     width:27px;
  466.     height:27px;
  467.     display:block;}
  468. .playbox:hover {
  469.     opacity:0.8;}
  470. .playbutton {
  471.     width:27px;
  472.     height:27px;
  473.     overflow:hidden;
  474.     position:relative;
  475.     z-index:1000;}
  476. .track {
  477.     width:calc({select:Post Width} - 46px - 0.9rem*1.5);
  478.     margin-left:calc(0.9rem*1.5 + 22px + 4px);}
  479.    
  480.    
  481. .info {
  482.     margin-bottom:4px;{block:ifRightNotAlignedInfo}
  483.     padding-right:10px;{/block:ifRightNotAlignedInfo}{block:ifRightAlignedInfo}
  484.     padding-left:10px;{/block:ifRightAlignedInfo}}
  485. .info, .pagination {{block:ifRightNotAlignedInfo}
  486.     text-align:left;{/block:ifRightNotAlignedInfo}{block:ifRightAlignedInfo}
  487.     text-align:right;{/block:ifRightAlignedInfo}}
  488.    
  489. .like_button {
  490.     position:relative;
  491.     display:inline-block;
  492.     cursor:pointer!important;
  493.     overflow:hidden;
  494.     height:1em;
  495.     width:1.4em;}
  496. .like_button iframe {
  497.     position:absolute;
  498.     top:0;
  499.     left:0;
  500.     width:100%;
  501.     height:100%;
  502.     opacity:0;}
  503. .like_button::before {
  504.     position:relative;
  505.     content:'\f004';
  506.     font:normal normal normal 14px/1 FontAwesome;
  507.     font-size:inherit;
  508.     text-rendering:auto;
  509.     -webkit-font-smoothing: antialiased;
  510.     -moz-osx-font-smoothing: grayscale;
  511.     cursor:pointer!important;}
  512. .like_button.liked::before {
  513.     color:red;}
  514. .fa-heart, .like_button {
  515.     transform:scale(0.9)!important;
  516.     -webkit-transform:scale(0.9)!important;
  517.     -o-transform:scale(0.9)!important;
  518.     -moz-transform:scale(0.9)!important;
  519.     -ms-transform:scale(0.9)!important;}
  520.    
  521. .tags {{block:ifNotRightAlignedInfo}{block:IndexPage}
  522.     display:inline;{/block:IndexPage}
  523.     line-height:calc(0.9rem + 15px);
  524.     margin-left:3px;{/block:ifNotRightAlignedInfo}{block:ifRightAlignedInfo}
  525.     margin-left:-10px;
  526.     line-height:calc(0.9rem + 11px);{/block:ifRightAlignedInfo}
  527.     opacity:0.6;
  528.     font-style:italic;
  529.     font-size:0.9rem;
  530.     letter-spacing:0.5px;
  531.     word-wrap:break-word;}{block:IndexPage}
  532. .tags:not(.active) {
  533.     pointer-events:none;
  534.     opacity:0;}{/block:IndexPage}{block:ifNotRightAlignedInfo}
  535. .tags a:not(:last-of-type) {
  536.     margin-right:10px;}{/block:ifNotRightAlignedInfo}{block:ifRightAlignedInfo}
  537. .tags a:not(:first-of-type) {
  538.     margin-left:10px;}{/block:ifRightAlignedInfo}
  539.  
  540. .postnotes {
  541.     display:none;
  542.     position:absolute;
  543.     top:0;
  544.     z-index:999;}
  545. ol.notes {
  546.     border:none;
  547.     display:inline;
  548.     width:calc({select:Post Width} + 4px);
  549.     list-style-type:none;
  550.     padding:0px;
  551.     margin:0px!important;
  552.     font-size:0.9em;}
  553. ol.notes li.note, .cn {
  554.     display:inline-block;
  555.     width:calc(50% - 4px);
  556.     margin-bottom:1px;}
  557. ol.notes > li:nth-child(2n - 1) {
  558.     float:right;}
  559. ol.notes > li:nth-child(2n), .cn {
  560.     float:left;}
  561. ol.notes > *, .cn {
  562.     margin-right:4px;}
  563. ol.notes li.note img.avatar {
  564.     width:calc(1em + 16px);
  565.     position:absolute;
  566.     display:block;
  567.     margin-right:4px;
  568.     background:{color:Caption Background};
  569.     border:1px solid {color:Borders};}
  570. ol.notes li.note span.action, ol.notes .note.more_notes_link_container, .cn {
  571.     font-weight:normal!important;
  572.     line-height:1;
  573.     padding:8px 10px;
  574.     background:{color:Caption Background};
  575.     border:1px solid {color:Borders};
  576.     display:inline-block;
  577.     box-sizing:border-box;
  578.     position:relative;}
  579. ol.notes li.note span.action {
  580.     width:calc(100% - 1em - 22px);
  581.     margin-left:calc(1em + 22px);
  582.     overflow:hidden;
  583.     text-overflow:ellipsis;
  584.     white-space:nowrap;}
  585. ol.notes li.note blockquote {
  586.     display:none;}
  587. ol.notes .note.more_notes_link_container, .cn {
  588.     text-transform:lowercase;
  589.     width:calc(50% - 4px);}
  590. .cn {
  591.     margin-bottom:3px;
  592.     text-align:center;}
  593. .retags {
  594.     display:none;}
  595.    
  596. {CustomCSS}
  597.  
  598. </style></head><body>
  599.  
  600. <div class="container">
  601.  
  602.  
  603. <div class="sidebar">
  604.  
  605.     <a href="{BlogURL}"><img src="{image:Sidebar}" /></a>
  606.    
  607.     <div class="set">
  608.         <div class="top tr" hover="about">
  609.             <i class="fa fa-fw fa-user"></i>
  610.         </div>
  611.         <div class="more tr"><div class="text">{Description} &nbsp; <a href="#" title="{text:Hover 1}">&bull;</a> <a href="#" title="{text:Hover 2}">&bull;</a> <a href="#" title="{text:Hover 3}">&bull;</a> <a href="#" title="{text:Hover 4}">&bull;</a> </div></div>
  612.     </div>
  613.     <div class="set">
  614.         <div class="top tr" hover="links">
  615.             <i class="fa fa-fw fa-bars"></i>
  616.         </div>
  617.         <div class="more links tr">{block:ifLink1Name}
  618.             <a href="{text:Link 1 URL}">
  619.                 {text:Link 1 Name}
  620.             </a>{/block:ifLink1Name}{block:ifLink2Name}
  621.             <a href="{text:Link 2 URL}">
  622.                 {text:Link 2 Name}
  623.             </a>{/block:ifLink2Name}{block:ifLink3Name}
  624.             <a href="{text:Link 3 URL}">
  625.                 {text:Link 3 Name}
  626.             </a>{/block:ifLink3Name}{block:ifLink4Name}
  627.             <a href="{text:Link 4 URL}">
  628.                 {text:Link 4 Name}
  629.             </a>{/block:ifLink4Name}{block:ifLink5Name}
  630.             <a href="{text:Link 5 URL}">
  631.                 {text:Link 5 Name}
  632.             </a>{/block:ifLink5Name}{block:ifLink6Name}
  633.             <a href="{text:Link 6 URL}">
  634.                 {text:Link 6 Name}
  635.             </a>{/block:ifLink6Name}{block:ifLink7Name}
  636.             <a href="{text:Link 7 URL}">
  637.                 {text:Link 7 Name}
  638.             </a>{/block:ifLink7Name}{block:ifLink8Name}
  639.             <a href="{text:Link 8 URL}">
  640.                 {text:Link 8 Name}
  641.             </a>{/block:ifLink8Name}
  642.         </div>
  643.     </div>
  644.    
  645. </div>
  646.  
  647.  
  648. <div class="entries">
  649.  
  650. {block:Posts}<div class="post">
  651.  
  652. {block:Text}
  653.     {block:Title}<a class="title text tr" hover="{Title}" href="{Permalink}">
  654.         {Title}
  655.     </a>{/block:Title}
  656.     <div class="text">{Body}</div>
  657. {/block:Text}
  658.    
  659. {block:Photo}
  660.     <img class="media" src="{PhotoURL-500}" alt="{PhotoAlt}" />
  661.     {block:Caption}{block:PermalinkPage}
  662.     <div class="text">{Caption}</div>
  663.     {/block:PermalinkPage}{block:IndexPage}{block:ifShowCaptionsOnIndex}
  664.     <div class="text">{Caption}</div>
  665.     {/block:ifShowCaptionsOnIndex}{/block:IndexPage}{/block:Caption}
  666. {/block:Photo}
  667.      
  668. {block:Photoset}
  669.     <div class="media 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>
  670.     {block:Caption}{block:PermalinkPage}
  671.     <div class="text">{Caption}</div>
  672.     {/block:PermalinkPage}{block:IndexPage}{block:ifShowCaptionsOnIndex}
  673.     <div class="text">{Caption}</div>
  674.     {/block:ifShowCaptionsOnIndex}{/block:IndexPage}{/block:Caption}
  675. {/block:Photoset}
  676.    
  677. {block:Quote}
  678.     <div class="title text tr quote" hover="{Quote}"><q>{Quote}</q></div>
  679.     {block:Source}{block:PermalinkPage}
  680.     <div class="text" style="text-align:right;">&mdash; {Source}</div>
  681.     {/block:PermalinkPage}{block:IndexPage}{block:ifShowCaptionsOnIndex}
  682.     <div class="text" style="text-align:right;">&mdash; {Source}</div>
  683.     {/block:ifShowCaptionsOnIndex}{/block:IndexPage}{/block:Source}
  684. {/block:Quote}
  685.    
  686. {block:Link}
  687.     <a class="title text tr" hover="{Name}" href="{URL}" target="_blank">
  688.         {Name}
  689.     </a>
  690.     {block:Description}{block:PermalinkPage}
  691.     <div class="text">{Description}</div>
  692.     {/block:PermalinkPage}{block:IndexPage}{block:ifShowCaptionsOnIndex}
  693.     <div class="text">{Description}</div>
  694.     {/block:ifShowCaptionsOnIndex}{/block:IndexPage}{/block:Description}
  695. {/block:Link}
  696.    
  697. {block:Chat}
  698.     {block:Title}<a class="title text tr" hover="{Title}" href="{Permalink}">
  699.         {Title}
  700.     </a>{/block:Title}
  701.     {block:Lines}<div class="text">
  702.         {block:Label}<b>{Label}</b>{/block:Label} {Line}
  703.     </div>{/block:Lines}
  704. {/block:Chat}
  705.  
  706. {block:Audio}
  707.     <div class="audiopost">
  708.         <div class="artwork">
  709.             <img src="http://audio.100ent.com/img/album_noart.png" />
  710.             {block:AlbumArt}<img src="{AlbumArtURL}" />{/block:AlbumArt}
  711.             {block:AudioPlayer}<div class="playbox tr">
  712.                 <div class="playbutton">{AudioPlayerWhite}</div>
  713.             </div>{/block:AudioPlayer}
  714.         </div>{block:TrackName}
  715.         <a class="title text track tr" hover="{TrackName}" href="{Permalink}">
  716.             {TrackName}
  717.         </a>{/block:TrackName}
  718.     </a>
  719.        
  720.     </div>
  721.     {block:Caption}{block:PermalinkPage}
  722.     <div class="text">{Caption}</div>
  723.     {/block:PermalinkPage}{block:IndexPage}{block:ifShowCaptionsOnIndex}
  724.     <div class="text">{Caption}</div>
  725.     {/block:ifShowCaptionsOnIndex}{/block:IndexPage}{/block:Caption}
  726. {/block:Audio}
  727.  
  728. {block:Video}
  729.     <div class="media video">{Video-500}</div>
  730.     {block:Caption}{block:PermalinkPage}
  731.     <div class="text">{Caption}</div>
  732.     {/block:PermalinkPage}{block:IndexPage}{block:ifShowCaptionsOnIndex}
  733.     <div class="text">{Caption}</div>
  734.     {/block:ifShowCaptionsOnIndex}{/block:IndexPage}{/block:Caption}
  735. {/block:Video}
  736.  
  737. {block:Answer}
  738.     <div class="text"><b>{Asker} asked:</b> {Question}</div>
  739.     <div class="text">{block:Answerer}
  740.         <b>{Answerer} replied:</b> <blockquote>{Answer}</blockquote>{Replies}
  741.     {/block:Answerer}{block:NotReblog}
  742.         <b>{Name} replied:</b>
  743.     {/block:NotReblog}{Replies}</div>
  744. {/block:Answer}
  745.    
  746. {block:Date}<div class="info">
  747. {block:IndexPage}<a class="set" href="{Permalink}">
  748.     <div class="top tr" title="{TimeAgo}">
  749.         <div class="fah tr"><i class="fa fa-fw fa-clock-o"></i></div>
  750.         <i class="fa fa-fw fa-clock-o"></i>
  751.     </div>
  752. </a><a class="set" href="{Permalink}">
  753.     <div class="top tr" title="{NoteCountWithLabel}">
  754.         <div class="fah tr"><i class="fa fa-fw fa-line-chart"></i></div>
  755.         <i class="fa fa-fw fa-line-chart"></i>
  756.     </div>
  757. </a><a class="set" href="{ReblogURL}">
  758.     <div class="top tr" title="reblog">
  759.         <div class="fah tr"><i class="fa fa-fw fa-retweet"></i></div>
  760.         <i class="fa fa-fw fa-retweet"></i>
  761.     </div>
  762. </a><div class="set">
  763.     <div class="top tr" title="like">
  764.         <div class="fah tr">{LikeButton size="10"}</div>
  765.         <i class="fa fa-fw fa-heart"></i>
  766.     </div>
  767. </div>{block:HasTags}<span class="swap set">
  768.     <div class="top tr">
  769.         <div class="fah tr"><i class="fa fa-fw fa-tags"></i></div>
  770.         <i class="fa fa-fw fa-tags"></i>
  771.     </div>
  772. </span>{/block:HasTags}{/block:IndexPage}{block:PermalinkPage}<a class="set" href="{Permalink}">
  773.     <div class="top tr" title="{TimeAgo}">
  774.         <div class="fah tr"><i class="fa fa-fw fa-clock-o"></i> {TimeAgo}</div>
  775.         <i class="fa fa-fw fa-clock-o"></i> &nbsp;{TimeAgo}
  776.     </div>
  777. </a><span class="set swap" title="show notes">
  778.     <div class="top tr">
  779.         <div class="fah tr"><i class="fa fa-fw fa-line-chart"></i> &nbsp;{NoteCountWithLabel}</div>
  780.         <i class="fa fa-fw fa-line-chart"></i> &nbsp;{NoteCountWithLabel}
  781.     </div>
  782. </span>{block:RebloggedFrom}<a class="set" href="{ReblogParentURL}">
  783.     <div class="top tr" title="{ReblogParentName}">
  784.         <div class="fah tr"><i class="fa fa-fw fa-retweet"></i> &nbsp;reblogged via</div>
  785.         <i class="fa fa-fw fa-retweet"></i> &nbsp;reblogged via
  786.     </div>
  787. </a>{block:ContentSource}<a class="set" href="{ReblogRootURL}">
  788.     <div class="top tr" title="{ReblogRootName}">
  789.         <div class="fah tr"><i class="fa fa-fw fa-copyright"></i> &nbsp;source</div>
  790.         <i class="fa fa-fw fa-copyright"></i> &nbsp;source
  791.     </div>
  792. </a>{/block:ContentSource}{/block:RebloggedFrom}{/block:PermalinkPage}{block:HasTags}<div class="tags{block:PermalinkPage} active{/block:PermalinkPage} tr">{block:Tags}<a href="{TagURL}">#{Tag}</a>{block:Tags}</div>{/block:HasTags}
  793.  
  794. </div>{/block:Date}
  795.  
  796. {block:ContentSource}<!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />{/block:SourceLogo}{block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->{/block:ContentSource}<!--{block:NoRebloggedFrom}{block:RebloggedFrom}{ReblogParentName}{/block:RebloggedFrom}{/block:NoRebloggedFrom} -->
  797.  
  798. </div>
  799.  
  800. <div class="post postnotes"><div class="swap tnotes cn tr">back to post</div>{block:PostNotes}{PostNotes-64}{/block:PostNotes}</div>
  801.  
  802. {/block:Posts}
  803.    
  804. {block:Pagination}<div class="post pagination">{block:PreviousPage}<a class="set" href="{PreviousPage}"><div class="top tr" hover="«">«</div></a>{/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}<span class="set current"><div class="top tr" hover="{PageNumber}">{PageNumber}</div></span>{/block:CurrentPage}{block:JumpPage}<a class="set" href="{URL}"><div class="top tr" hover="{PageNumber}">{PageNumber}</div></a>{/block:JumpPage}{/block:JumpPagination}{block:NextPage}<a class="set" href="{NextPage}"><div class="top tr" hover="»">»</div></a>{/block:NextPage}</div>{/block:Pagination}
  805.  
  806. {block:PermalinkPagination}<div class="post pagination">{block:PreviousPost}<a class="set" href="{PreviousPost}"><div class="top tr" hover="« last post">« last post</div></a>{/block:PreviousPost}{block:NextPost}<a class="set" href="{NextPost}"><div class="top tr" hover="next post »">next post »</div></a>{/block:NextPost}</div>{/block:PermalinkPagination}
  807.    
  808. </div></div>
  809.  
  810. <!-- PLEASE DO NOT EDIT OR DELETE -->
  811. <a class="cred" href="http://yearsandsyears.tumblr.com" target="_blank"><div class="clogo"></div></a>
  812. <!----------- THANK YOU! ----------->
  813.  
  814. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!