quenma

theme 10

May 23rd, 2016
3,383
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 28.18 KB | None | 0 0
  1. <!--
  2.  
  3.  
  4. |||||||| theme 10
  5. || by leopardraws.tumblr.com
  6.  
  7. 01. don't redistribute
  8. 02. don't copy any part of the code
  9. 03. don't remove/move the credits
  10. 04. feel free to change fonts and colors
  11. 05. message me if there is any bugs
  12.  
  13. thanks for using my themes
  14.  
  15. -->
  16.  
  17.  
  18. <html>
  19.     <head>
  20.        
  21.         <link href='https://fonts.googleapis.com/css?family=Rubik:300,400,500,600,700,300italic,400italic,500italic,600italic,700italic&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
  22.        
  23.    
  24. <link href="//static.tumblr.com/ev0x8sk/tVmo6b4n8/style.css" rel="stylesheet" type="text/css"/>
  25.    
  26.         <title>{title}</title>
  27.         <link rel="shortcut icon" href="{favicon}">
  28.        
  29.         <meta name="image:Header" content="http://goo.gl/dqF7QI">
  30.         <meta name="image:Avatar" content="http://goo.gl/ti7eO5">
  31.         <meta name="image:Sidebar" content="http://goo.gl/CcNTDX">
  32.        
  33.         <meta name="color:Background" content="#f8f8f8">
  34.         <meta name="color:Fonts" content="#999">
  35.         <meta name="color:Post titles" content="#222">
  36.         <meta name="color:Header background" content="#070707">
  37.         <meta name="color:Links" content="#222">
  38.         <meta name="color:Links hover" content="#070707">
  39.         <meta name="color:Entry" content="#fff">
  40.         <meta name="color:Sidebar" content="#fff">
  41.         <meta name="color:Borders" content="#eeeeee">
  42.        
  43.         <meta name="select:Posts width" content="350px">
  44.         <meta name="select:Posts width" content="400px">
  45.         <meta name="select:Posts width" content="450px">
  46.         <meta name="select:Posts width" content="500px">
  47.         <meta name="select:Posts width" content="540px">
  48.        
  49.         <meta name="select:Sidebar text" content="Left">
  50.         <meta name="select:Sidebar text" content="Center">
  51.         <meta name="select:Sidebar text" content="Right">
  52.         <meta name="select:Sidebar text" content="Justify">
  53.        
  54.         <meta name="select:Hover cursor" content="Hand">
  55.         <meta name="select:Hover cursor" content="Help">
  56.         <meta name="select:Hover cursor" content="Crosshair">
  57.        
  58.         <meta name="select:Header size" title="Fit width" content="100% auto">
  59.         <meta name="select:Header size" title="Cover" content="cover">
  60.         <meta name="select:Header size" title="Original" content="auto auto">
  61.        
  62.         <meta name="text:Link 1 URL" content="#url 01">
  63.         <meta name="text:Link 1 title" content="link 01">
  64.         <meta name="text:Link 2 URL" content="#url 02">
  65.         <meta name="text:Link 2 title" content="link 02">
  66.         <meta name="text:Link 3 URL" content="#url 03">
  67.         <meta name="text:Link 3 title" content="link 03">
  68.         <meta name="text:Link 4 URL" content="#url 04">
  69.         <meta name="text:Link 4 title" content="link 04">
  70.         <meta name="text:Link 5 URL" content="#url 05">
  71.         <meta name="text:Link 5 title" content="link 05">
  72.         <meta name="text:Sidebar title" content="Theme 10">
  73.         <meta name="text:Header height" content="35">
  74.        
  75.         <meta name="if:Show captions" content="0">
  76.         <meta name="if:Show sidebar image" content="1">
  77.         <meta name="if:Fixed links" content="0">
  78.        
  79.        
  80.        
  81.     <style>
  82.        
  83.         /* defaults */
  84.         body {
  85.             font:10px Rubik, calibri, sans-serif;
  86.             margin:0;
  87.             padding:0;
  88.             line-height:180%;
  89.             text-align:left;
  90.             background:{color:background};
  91.             color:{color:fonts};}
  92.            
  93.         a { color:{color:links};
  94.             transition:.2s;
  95.             border-bottom:1px solid transparent;
  96.             text-decoration:none; }
  97.         a:hover { border-bottom:1px solid {color:links hover};
  98.             cursor:{select:hover cursor}; }
  99.            
  100.         p { margin:8px 0; }
  101.        
  102.         blockquote {
  103.             margin:5px 10px 5px 10px;
  104.             border-left:1px solid {color:borders};
  105.             padding-left:10px; }
  106.        
  107.         blockquote img, blockquote figure { max-width:100%;
  108.             height:auto; }
  109.  
  110.         b, strong { color:{color:post titles};
  111.             font-weight:400; }
  112.        
  113.        
  114.         /* posts basics */
  115.         #content {
  116.             width:0;
  117.             left:50%;
  118.             margin-left:calc(-{select:posts width} / 2 + 130px);
  119.             position:relative;
  120.             top:60px; }
  121.            
  122.         .entry {
  123.             padding:20px;
  124.             margin-bottom:60px;
  125.             width:{select:posts width};
  126.             border:1px solid {color:borders};
  127.             background:{color:entry}; }
  128.  
  129.         .titles, h1 {
  130.             font-size:14.5px;
  131.             font-weight:300;
  132.             /*text-transform:uppercase;*/
  133.             display:inline-block;
  134.             color:{color:post titles}; }
  135.        
  136.        
  137.         /* quote posts */
  138.         p.quotesource { margin-top:5px; }
  139.        
  140.        
  141.         /* link posts */
  142.         a .link-titles { transition:.2s;
  143.             border-bottom:0; }
  144.        
  145.         .link-excerpt {
  146.             padding:10px;
  147.             margin-top:-5px;
  148.             border:1px solid {color:borders};}
  149.            
  150.         /* chat posts */
  151.         .chatsodd, .chatseven { padding:4px 0; }
  152.         .chatsodd b, .chatseven b { font-weight:400; }
  153.        
  154.         /* photosets and photos */
  155.         #photopost { width:100%;
  156.             margin-bottom:-6px; }
  157.        
  158.         .pxu-caption,
  159.         .arrow-down,
  160.         .photo-slideshow span.info
  161.         .photo-slideshow span.zoom { display:none; }
  162.        
  163.         .photo-slideshow a.tumblr-box { opacity:0; }
  164.        
  165.         .photo-slideshow { margin-bottom:5px; }
  166.        
  167.         /* ask posts */
  168.         .answer-question { font-size:8.5px;
  169.             /*letter-spacing:1px;*/
  170.             text-transform:uppercase;
  171.             display:table-cell;
  172.             line-height:15px;
  173.             width:calc({select:posts width} - 55px);
  174.             vertical-align:middle; }
  175.        
  176.         .asker-question { margin-top:0px; }
  177.        
  178.         .my-answer { padding:0px 10px;
  179.             margin:10px 0 8px;
  180.             border-left:1px solid {color:borders}; }
  181.        
  182.         #askerportrait { width:30px;
  183.             padding-top:6px;
  184.             display:table-cell;
  185.             vertical-align:middle;
  186.             padding-right:10px; }
  187.        
  188.         #askerportrait img { width:30px; }
  189.         #askerportrait img.round { border-radius:3px; }
  190.         #askerportrait img.circle { border-radius:100px; }
  191.        
  192.         /* audio posts */
  193.         .audio-box { margin-bottom:8px; }
  194.         .audioplayer-inner {
  195.             width:26px;
  196.             height:27px;
  197.             overflow: hidden; }
  198.          
  199.         .audioplayer-outer {
  200.             padding:6px;
  201.             width: 26px;
  202.             height: 27px;
  203.             position: relative;
  204.             display: inline-block;
  205.             overflow: hidden;
  206.             background:white;
  207.             margin:8px 9px 0;
  208.             z-index: 10; }
  209.          
  210.         .audio-info { text-align: left;
  211.             position: absolute;
  212.             margin-top: 17px;
  213.             margin-left: 4px;
  214.             width:calc({select:posts width} - 100px);
  215.             display: inline-block;}
  216.          
  217.         .audio-info#audio-em { position:relative;
  218.             padding:0 6px 0 20px;
  219.             margin:10px 0 0 15px!important;}
  220.          
  221.         #audio-em br { display:none; }
  222.         .audio-info b { text-transform:uppercase; margin-right:4px;}
  223.         .a-emb { margin:10px 10px 4px; }
  224.        
  225.         /* permalink */
  226.         .permalink-outer {
  227.             padding:10px 0 0;
  228.             margin-top:15px;
  229.             display:table;
  230.             width:100%;
  231.             /*letter-spacing:1px;*/
  232.             text-transform:uppercase;
  233.             border-top:1px solid {color:borders}; }
  234.        
  235.         .permalink-outer a { margin-right:3px;
  236.             font-size:9px;}    
  237.            
  238.         .perma-controls { display:table-cell;
  239.             vertical-align:middle;
  240.             margin-bottom:-3px;
  241.             position:relative;
  242.             width:calc(100% - 35px); }
  243.            
  244.         .perma-controls a { color:{color:links}; }
  245.        
  246.         .perma-reblog { display:table-cell;
  247.             vertical-align:middle;
  248.             width:20px;
  249.             padding:0 10px; }
  250.        
  251.         .perma-reblog a {
  252.             border-bottom:none;
  253.             font-size:10px!important; }
  254.            
  255.         .perma-reblog a:hover { border-bottom:none; }
  256.        
  257.         .tags a {
  258.             text-transform:none;
  259.             /*letter-spacing:0;*/
  260.             font-size:10px;
  261.             text-decoration:none;
  262.             opacity:.6;}
  263.            
  264.         .tags { line-height:15px; }
  265.        
  266.         /* sidebar */
  267.         #sidebar {
  268.             width:200px;
  269.             position:absolute;
  270.             top:0;
  271.             text-align:{select:sidebar text};
  272.             margin-left:-290px;}
  273.        
  274.         #sidebar .links {
  275.             width:230px;
  276.             opacity:0;
  277.             transition:.6s;
  278.             position:absolute;
  279.             margin-left:10px;
  280.             margin-top:-50px;}
  281.            
  282.         #sidebar .links.visible { opacity:1; }
  283.            
  284.         #sidebar .links a {
  285.             padding-top:8px;
  286.             float:left;
  287.             text-decoration:none;
  288.             font-size:9px;
  289.             margin:0 10px;
  290.             /*letter-spacing:1px;*/
  291.             text-transform:uppercase;
  292.             border-bottom:none;
  293.             width:90px; }  
  294.        
  295.         #sidebar .links b {
  296.             font-weight:500;
  297.             display:block;
  298.             line-height:5px; }
  299.        
  300.         #sidebar .box {
  301.             background:{color:sidebar};
  302.             width:200px;
  303.             padding:15px;    
  304.             margin-bottom:60px;
  305.             border:1px solid {color:borders}; }
  306.        
  307.         .box #description-image { width:calc(100% + 30px);
  308.             margin:-15px -15px 0;
  309.             {block:ifnotshowsidebarimage}
  310.             display:none;
  311.             {/block:ifnotshowsidebarimage}
  312.         }
  313.        
  314.         .box .sidebar-title { display:block;
  315.             margin:5px 0; }
  316.        
  317.         /* extras */
  318.         #s-m-t-tooltip{
  319.             max-width:240px;
  320.             padding:7px 9px;
  321.             margin-left:25px;
  322.             margin-right:22px;
  323.             font-size:8.5px;
  324.             text-transform:uppercase;
  325.             /*font-style:italic;*/
  326.             margin-top:18px;
  327.             letter-spacing:1px;
  328.             z-index:900;
  329.             transition:.2s;
  330.             color:{color:font};
  331.             background-color:{color:entry}; }
  332.  
  333.        
  334.         /* post notes */
  335.         .post-notes img.avatar {
  336.             width: 10px;
  337.             border-radius: 100%;
  338.             margin-top: 5px;
  339.             margin-right: 5px;
  340.             margin-bottom: -2px; }
  341.        
  342.         .post-notes li.note.more_notes_link_container {
  343.             text-align:left!important; }
  344.        
  345.         a.faketheme { text-decoration:none;
  346.             background:transparent; }
  347.            
  348.            
  349.         .tmblr-lightbox { background-color: rgba(255,255,255,.95)!important; }
  350.         .tmblr-lightbox .vignette { background: transparent!important }
  351.         .tmblr-lightbox .lightbox-image { box-shadow:0 0 0 transparent!important; }
  352.         .tmblr-lightbox .lightbox-caption {
  353.             font-family: Rubik!important;
  354.             font-size: 11px!important;
  355.             font-weight: normal!important;
  356.             color:{color:font}!important;
  357.             text-shadow: 0 0 0 transparent!important; }
  358.  
  359.         #header {
  360.             width:100%;
  361.             position:relative;
  362.             top:0;
  363.             left:0;
  364.             margin:0; }
  365.        
  366.         .header-image {
  367.             width:100%;
  368.             height:{text:header height}px;
  369.             background:url('{image:header}') {color:header background} fixed center top;
  370.             background-size:{select:header size};
  371.         }
  372.              
  373.         .header-navigation {
  374.             z-index:999;
  375.             width:100%;
  376.             background:{color:entry};
  377.             border-top:1px solid {color:borders};
  378.             border-bottom:1px solid {color:borders}; }
  379.            
  380.         .header-navigation-fix { position:fixed;
  381.             padding:23px 0;
  382.             width:10px;
  383.             visibility:hidden;
  384.         }    
  385.            
  386.         .navigation-inner {
  387.             padding:23px 0;
  388.             width:calc({select:posts width} + 255px);
  389.             left:50%;
  390.             margin-left:calc(-{select:posts width} / 2 - 160px);
  391.             position:relative;
  392.             display:table; }
  393.            
  394.         .header-links {
  395.             width:calc(100% - 80px);
  396.             display:table-cell;
  397.             vertical-align:middle;
  398.             text-transform:uppercase; }
  399.        
  400.         .links-inner {
  401.             width:100%;
  402.             text-align:left;
  403.             display:block; }
  404.            
  405.         .links-inner a {
  406.             padding-top:8px;
  407.             display:inline-block;
  408.             text-decoration:none;
  409.             font-size:9px;
  410.             /*letter-spacing:1px;*/
  411.             text-transform:uppercase;
  412.             border-bottom:none;
  413.             margin-left:25px;}  
  414.        
  415.         .links-inner a:hover {
  416.             border-bottom:none;
  417.             text-decoration:none;}
  418.        
  419.         .links-inner b {
  420.             font-weight:500;
  421.             display:block;
  422.             line-height:5px; }
  423.        
  424.         .headerava, .hiddenava {
  425.             width: 40px;
  426.             position:absolute;
  427.             display:table-cell;
  428.             background:{color:entry};
  429.             padding:3px;
  430.             border:1px solid {color:borders}; }
  431.        
  432.         .hiddenava {
  433.             visibility:hidden;
  434.             position:relative; }
  435.        
  436.         .headerava img, .hiddenava img { width:40px;
  437.             margin-bottom:-6px;}
  438.        
  439.         .left-header { width:230px;
  440.             height:calc({text:header height} + 50px);
  441.             min-height:85px;
  442.             background:{color:header background};
  443.             position:fixed;
  444.             top:0;
  445.             border:1px solid {color:borders};
  446.             z-index:-900;
  447.             margin-left:-270px; }
  448.        
  449.         .pagination {
  450.             font-size:9px;
  451.             text-transform:uppercase;
  452.             /*letter-spacing:1px;*/
  453.             padding-left:4px;
  454.             padding-bottom:70px; }
  455.            
  456.         {CustomCSS}
  457.        
  458.     </style></head><body>
  459.        
  460.         <div id="header">
  461.        
  462.         <div class="header-image"></div>
  463.        
  464.         <div class="header-navigation-fix">
  465.         <div class="hiddenava"><img src="{image:avatar}"></div>
  466.         </div>
  467.            
  468.         <div class="header-navigation">
  469.         <div class="navigation-inner">            
  470.        
  471.             <div class="headerava"><img src="{image:avatar}"></div>
  472.             <div class="hiddenava"><img src="{image:avatar}"></div>
  473.  
  474.             <div class="header-links">
  475.                 <div class="links-inner">
  476.                     <a href="/">
  477.                     <b>.001</b>
  478.                     index
  479.                     </a>
  480.  
  481.                     <a href="/ask">
  482.                     <b>.002</b>
  483.                     message
  484.                     </a>
  485.                    
  486.                     <a href="/archive">
  487.                     <b>.003</b>
  488.                     archive
  489.                     </a>
  490.                    
  491.                     <a href="{text:link 1 url}">
  492.                     <b>.004</b>
  493.                     {text:link 1 title}
  494.                     </a>
  495.                    
  496.                     <a href="{text:link 2 url}">
  497.                     <b>.005</b>
  498.                     {text:link 2 title}
  499.                     </a>
  500.                    
  501.                     <a href="{text:link 3 url}">
  502.                     <b>.006</b>
  503.                     {text:link 3 title}
  504.                     </a>
  505.                    
  506.                     <a href="{text:link 4 url}">
  507.                     <b>.007</b>
  508.                     {text:link 4 title}
  509.                     </a>
  510.                    
  511.                     <a href="{text:link 5 url}">
  512.                     <b>.008</b>
  513.                     {text:link 5 title}
  514.                     </a>
  515.                 </div> <!-- /links-inner -->
  516.             </div>
  517.                
  518.         </div> <!-- /navigation-inner -->
  519.         </div> <!-- /header-navigation -->
  520.            
  521.         </div>
  522.        
  523.        
  524.        
  525.         <div id="content">
  526.        
  527.        
  528.         <div id="sidebar">
  529.            
  530.             <div class="box">
  531.                 <img src="{image:sidebar}" id="description-image">
  532.                 <div class="titles sidebar-title">{text:sidebar title}</div>
  533.                 {Description}
  534.             </div>
  535.            
  536.             <div class="links">
  537.                     <a href="/">
  538.                     <b>.001</b>
  539.                     index
  540.                     </a>
  541.  
  542.                     <a href="/ask">
  543.                     <b>.002</b>
  544.                     message
  545.                     </a>
  546.                    
  547.                     <a href="/archive">
  548.                     <b>.003</b>
  549.                     archive
  550.                     </a>
  551.                    
  552.                     <a href="{text:link 1 url}">
  553.                     <b>.004</b>
  554.                     {text:link 1 title}
  555.                     </a>
  556.                    
  557.                     <a href="{text:link 2 url}">
  558.                     <b>.005</b>
  559.                     {text:link 2 title}
  560.                     </a>
  561.                    
  562.                     <a href="{text:link 3 url}">
  563.                     <b>.006</b>
  564.                     {text:link 3 title}
  565.                     </a>
  566.                    
  567.                     <a href="{text:link 4 url}">
  568.                     <b>.007</b>
  569.                     {text:link 4 title}
  570.                     </a>
  571.                    
  572.                     <a href="{text:link 5 url}">
  573.                     <b>.008</b>
  574.                     {text:link 5 title}
  575.                     </a>
  576.             </div>
  577.            
  578.         </div>
  579.        
  580.         {block:Posts}
  581.             <article class="entry">
  582.            
  583.            
  584.             {block:Text}
  585.             {block:Title}<div class="titles">{Title}</div>{/block:Title}
  586.             {Body}
  587.             {/block:Text}
  588.            
  589.             {block:Photo}
  590.             <img src="{PhotoURL-HighRes}" id="photopost">
  591.             {block:IndexPage}
  592.                 {block:IfShowCaptions}
  593.                     {block:Caption}{Caption}{/block:Caption}
  594.                 {/block:IfShowCaptions}
  595.             {/block:IndexPage}
  596.             {block:PermalinkPage}
  597.                     {block:Caption}{Caption}{/block:Caption}
  598.             {/block:PermalinkPage}
  599.             {/block:Photo}
  600.            
  601.             {block:Photoset}
  602.             <div class="photo-slideshow" id="photoset_{PostID}" data-layout="{PhotosetLayout}">
  603.  
  604.   {block:Photos}
  605.     <div class="photo-data">
  606.       <div class="pxu-photo">
  607.         <img alt="{PhotoAlt}" src="{PhotoURL-500}" width="{PhotoWidth-500}" height="{PhotoHeight-500}" data-highres="{PhotoURL-HighRes}" data-width="{PhotoWidth-HighRes}" data-height="{PhotoHeight-HighRes}" class="{block:Exif}exif-yes {/block:Exif}{block:Caption}caption-yes{/block:Caption}" {block:Exif}data-camera="{block:Camera}{Camera}{/block:Camera}" data-iso="{block:ISO}{ISO}{/block:ISO}" data-aperture="{block:Aperture}{Aperture}{/block:Aperture}" data-exposure="{block:Exposure}{Exposure}{/block:Exposure}" data-focal="{block:FocalLength}{FocalLength}{/block:FocalLength}"{/block:Exif} {block:Caption}data-caption="{Caption}"{/block:Caption}>
  608.       </div>
  609.       <div class="icons">
  610.         <a class="tumblr-box" rel="post-{PostID}" href="{PhotoURL-HighRes}">
  611.           <span class="zoom"></span>
  612.         </a>
  613.         <span class="info"></span>
  614.       </div>
  615.     </div>
  616.   {/block:Photos}
  617.  
  618. </div><!-- close SLIDESHOW -->
  619.  
  620.             {block:IndexPage}
  621.                 {block:IfShowCaptions}
  622.                     {block:Caption}{Caption}{/block:Caption}
  623.                 {/block:IfShowCaptions}
  624.             {/block:IndexPage}
  625.             {block:PermalinkPage}
  626.                     {block:Caption}{Caption}{/block:Caption}
  627.             {/block:PermalinkPage}
  628.             {/block:Photoset}
  629.            
  630.            
  631.             {block:Quote}
  632.             <div class="titles">{Quote}</div>
  633.             <p class="quotesource">{Source}</p>
  634.             {/block:Quote}
  635.            
  636.             {block:Link}
  637.             <a href="{URL}"><div class="titles link-titles">→ {Name}</div></a>
  638.                 {block:Excerpt}
  639.                     <div class="link-excerpt">{Excerpt}</div>
  640.                 {/block:Excerpt}
  641.                 {block:Description}
  642.                     <blockquote>{Description}</blockquote>
  643.                 {/block:Description}
  644.             {/block:Link}
  645.            
  646.             {block:Chat}
  647.             {block:Title}<div class="titles">{Title}</div>{/block:Title}
  648.             {block:Lines}
  649.             <div class="chats{Alt}">
  650.                 {block:Label}<b>{Label}</b>{/block:Label}
  651.                 {Line}
  652.             </div>
  653.             {/block:Lines}
  654.             {/block:Chat}
  655.            
  656.             {block:Audio}
  657.             <div class="audio-box">
  658.             {block:AudioEmbed}
  659.             <div class="a-emb">
  660.             {AudioEmbed}
  661.             </div>
  662.             {/block:AudioEmbed}
  663.    
  664.             <div id="audio-content">
  665.                 {block:AudioPlayer}
  666.                 <div class="audioplayer-outer">
  667.                     <div class="audioplayer-inner">
  668.                         {AudioPlayerWhite}
  669.                     </div>
  670.                 </div>
  671.                 {/block:AudioPlayer}
  672.        
  673.                 <div class="audio-info"
  674.              {block:AudioEmbed}id="audio-em"{/block:AudioEmbed}>
  675.                     {block:Artist}<b>{Artist}</b>{/block:Artist}
  676.                     {block:TrackName}{TrackName}{/block:TrackName}
  677.                 </div>
  678.        
  679.             </div>
  680.             </div> <!-- /boxes -->
  681.             {/block:Audio}      
  682.            
  683.            
  684.             {block:Video}
  685.             <div class="video">{Video-500}</div>
  686.             {block:IndexPage}
  687.                 {block:IfShowCaptions}
  688.                     {block:Caption}{Caption}{/block:Caption}
  689.                 {/block:IfShowCaptions}
  690.             {/block:IndexPage}
  691.             {block:PermalinkPage}
  692.                     {block:Caption}{Caption}{/block:Caption}
  693.             {/block:PermalinkPage}
  694.             {/block:Video}            
  695.            
  696.            
  697.             {block:Answer}
  698.             <div id="askerportrait">
  699.             <img src="{AskerPortraitURL-128}"
  700.                 class="{select:sidebar image}">
  701.             </div>
  702.             <div class="answer-question">
  703.             {Asker} asked:
  704.             <div class="asker-question">{Question}</div>
  705.             </div>
  706.             <div class="my-answer">{Answer}</div>
  707.             {/block:Answer}
  708.            
  709.             {block:Date}
  710.             <div class="permalink-outer">
  711.            
  712.                
  713.                 <div class="perma-reblog">
  714.                     <a href="{ReblogURL}"><i class="icon-repeat"></i></a>
  715.                 </div>
  716.                
  717.                 <div class="perma-controls">
  718.                 <a href="{Permalink}" title="permalink">
  719.                 {Month} {DayOfMonthWithZero}
  720.                 </a>
  721.                
  722.                 <a href="{Permalink}" title="permalink">
  723.                 {TimeAgo}
  724.                 </a>
  725.                
  726.                 <a href="{Permalink}" title="permalink">
  727.                 {NoteCountWithLabel}
  728.                 </a>
  729.                
  730.                 {block:HasTags}
  731.                 <div class="tags">
  732.                 {block:Tags}
  733.                 <a href="{TagURL}">#{Tag}</a>
  734.                 {/block:Tags}
  735.                 </div>
  736.                 {/block:HasTags}
  737.                 </div>
  738.                
  739.             </div>
  740.             {/block:Date}
  741.            
  742.             </article>
  743.            
  744.             {block:PermalinkPage}
  745.             {block:PostNotes}
  746.             <div class="entry post-notes">
  747.                 {PostNotes}
  748.             </div>
  749.             {/block:PostNotes}
  750.             {/block:PermalinkPage}
  751.  
  752.  
  753.         {block:ContentSource}
  754.         <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  755.       width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  756.       {/block:SourceLogo}
  757.       {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  758.         {/block:ContentSource}
  759.         {block:ReblogParent}{/block:ReblogParent}
  760.  
  761.         {/block:Posts}
  762.        
  763.             {block:Pagination}
  764.             <div class="pagination">
  765.             <center>
  766.             {block:PreviousPage}
  767.             <a href="{PreviousPage}">back</a>
  768.             {/block:PreviousPage}
  769.             {block:NextPage}
  770.             <a href="{NextPage}">forth</a>
  771.             {/block:NextPage}
  772.             </center>
  773.             </div>
  774.             {/block:Pagination}
  775.        
  776.         </div>
  777.        
  778.     <style>
  779.         #coded { position:fixed;
  780.         right:38px; bottom:38px;
  781.         display:block;
  782.         padding:7px;
  783.         border-radius:1px;
  784.         background:{color:links hover};
  785.         width:0px;
  786.         height:0px;
  787.         z-index:90000;
  788.         transition:.2s;
  789.         }
  790.        
  791.         #coded:hover { opacity:.7; }
  792.         .header-navigation.fixed { position:fixed!important; top:0; }
  793.         .header-navigation-fix.rel { position:relative!important; top:0; }
  794.         #sidebar.fix1 { position:fixed!important; top:152px;}
  795.         #sidebar.fix2 { position:fixed!important; top:60px;}
  796.     </style>
  797.  
  798.        
  799. <a href="//leopardraws.tumblr.com" title="@leopardraws" id="coded"></a>
  800.  
  801.        
  802.     </body>
  803. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
  804. </script>
  805.  
  806.  
  807. <script>
  808.  
  809. $(document).ready(function() {
  810.     var $headerheight = $("#header").height();
  811.     var $headerforava = $(".header-image").height();
  812.     var $window = $(window),
  813.       $stickyEl = $('.header-navigation'),
  814.       $stickyFix = $('.header-navigation-fix'),
  815.       $stickyIg = $('#sidebar'),
  816.       $stickyLink = $('#sidebar .links'),
  817.       elTop = $stickyEl.offset().top;
  818.  
  819.   $window.scroll(function() {
  820.     {block:iffixedlinks}
  821.     $stickyEl.toggleClass('fixed', $window.scrollTop() > $headerforava);
  822.     $stickyFix.toggleClass('rel', $window.scrollTop() > $headerforava);
  823.     $stickyIg.toggleClass('fix1', $window.scrollTop() > $headerforava);
  824.     {/block:iffixedlinks}
  825.    
  826.     {block:ifnotfixedlinks}
  827.     $stickyIg.toggleClass('fix2', $window.scrollTop() > $headerheight);
  828.     $stickyLink.toggleClass('visible', $window.scrollTop() > $headerheight + 15);
  829.     {/block:ifnotfixedlinks}
  830.     });
  831. });
  832. </script>
  833.  
  834. <script src ="//static.tumblr.com/fwgzvyf/Oj1o08f6h/shythemes.vr.js"></script>
  835.  
  836. <script src="//static.tumblr.com/ev0x8sk/2KInubuiu/smt-jquery.js"></script>
  837. <script src="//static.tumblr.com/ev0x8sk/Jqinubuiy/smt.js"></script>
  838.  
  839. <script>
  840. // minimal soundcloud player © shythemes.tumblr
  841. $(document).ready(function(){
  842.    var color = '#cfe8f3'; // color of play button (hex)
  843.    $('.soundcloud_audio_player').each(function(){
  844.        $(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=true&amp;origin=tumblr&amp;color=' + color.split('#')[1], height: 20, width: '100%' });
  845.    });
  846. });
  847. </script>
  848.  
  849. <link href="http://static.tumblr.com/qudkd6d/OcDnl99gb/style.css" rel="stylesheet" type="text/css"/>
  850. <script src="http://static.tumblr.com/qudkd6d/Az6nkemqr/pxuphotoset.min.js"></script>
  851.    
  852. <script>
  853. $(document).ready(function(){
  854.    $('.photo-slideshow').pxuPhotoset({
  855.        lightbox: true,
  856.        rounded: false,
  857.        highRes: true,
  858.        gutter: '2px',
  859.        borderRadius: '0px',
  860.        photoset: '.photo-slideshow',
  861.        photoWrap: '.photo-data',
  862.        photo: '.pxu-photo'
  863.    });
  864. });
  865. </script>
  866.  
  867.  
  868.    
  869. </html>
Advertisement
Add Comment
Please, Sign In to add comment