API tools faq
paste
Advertisement
tasty2punch

krys old theme backup

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