Advertisement
Guest User

Tumblr Theme

a guest
Aug 21st, 2014
205
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 19.95 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4.     <title>{Title}</title>
  5.     <link rel="shortcut icon" href="{Favicon}">
  6.     <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7.     {block:Description}
  8.         <meta name="description" content="{MetaDescription}" />
  9.     {/block:Description}
  10.    
  11.     <meta name="color:Text" content="#000"/>
  12.     <meta name="color:Border" content="#000"/>
  13.     <meta name="color:Links" content="#ffb200"/>
  14.     <meta name="color:LinksHover" content="#ffe29e"/>
  15.     <meta name="color:Banner" content="#000"/>
  16.     <meta name="color:Nav" content="#ffb200"/>
  17.     <meta name="color:NavHover" content="#ffe29e"/>
  18.     <meta name="color:Background" content="#fff"/>
  19.     <meta name="color:Outline" content="#ffb200"/>
  20.     <meta name="color:Inline" content="#ffe29e"/>
  21.    
  22.     <meta name="if:ShowBorder" content="1"/>
  23.     <meta name="if:ShowCaptions" content="0"/>
  24.     <meta name="if:ImageHover" content="0"/>
  25.     <meta name="if:HideScrollBar" content="1"/>
  26.     <meta name="if:NavigationHover" content="1"/>
  27.     <meta name="if:OutlineEffect" content="1"/>
  28.    
  29.     <meta name="if:Link 1" content="1"/>
  30.     <meta name="if:Link 2" content="1"/>
  31.     <meta name="if:Link 3" content="0"/>
  32.     <meta name="if:Link 4" content="0"/>
  33.     <meta name="if:Link 5" content="0"/>
  34.     <meta name="if:Link 6" content="0"/>
  35.    
  36.     <meta name="text:Divisor" content="/"/>
  37.     <meta name="text:FontBodySize" content="14"/>
  38.     <meta name="text:FontTitlesSize" content="16"/>
  39.     <meta name="text:FontBannerSize" content="55"/>
  40.     <meta name="text:FontNavigationSize" content="22"/>
  41.     <meta name="text:BorderWidth" content="2"/>
  42.     <meta name="text:ScrollBarWidth" content="2"/>
  43.     <meta name="text:BannerTopPosition" content="500"/>
  44.     <meta name="text:BannerLeftPosition" content="180"/>
  45.     <meta name="text:NavigationLinksTopPosition" content="525"/>
  46.     <meta name="text:NavigationLinksLeftPosition" content="105"/>
  47.      
  48.     <meta name="text:Title 1" content="Ask" />
  49.     <meta name="text:URL 1" content="/ask" />
  50.     <meta name="text:Title 2" content="Links" />
  51.     <meta name="text:URL 2" content="/links" />
  52.     <meta name="text:Title 3" content="" />
  53.     <meta name="text:URL 3" content="" />
  54.     <meta name="text:Title 4" content="" />
  55.     <meta name="text:URL 4" content="" />
  56.     <meta name="text:Title 5" content="" />
  57.     <meta name="text:URL 5" content="" />
  58.     <meta name="text:Title 6" content="" />
  59.     <meta name="text:URL 6" content="" />
  60.    
  61.     <meta name="image:Banner" content=""/>
  62.     <meta name="image:Background" content=""/>
  63.  
  64.  
  65.  
  66.     <style type="text/css">
  67.    
  68.    
  69.     {block:IfHideScrollBar}
  70.     ::-webkit-scrollbar {
  71.             width:0px;
  72.             height: 0px;
  73.             }
  74.     ::-webkit-scrollbar-track-piece {
  75.             background-color:transparent;
  76.             }
  77.     ::-webkit-scrollbar-thumb {
  78.             background-color:transparent;
  79.             }
  80.     {/block:IfHideScrollBar}
  81.     {block:IfNotHideScrollBar}
  82.     ::-webkit-scrollbar {
  83.             width:{text:ScrollBarWidth}px;
  84.             height: 0px;
  85.             }
  86.     ::-webkit-scrollbar-track-piece {
  87.             background-color:{color:Background};
  88.             }
  89.     ::-webkit-scrollbar-thumb {
  90.             background-color:{color:Links};
  91.             }
  92.     {/block:IfNotHideScrollBar}
  93.    
  94.    
  95.     body {
  96.         background: url('{image:Background}')
  97.         no-repeat center center fixed;
  98.         -webkit-background-size: cover;
  99.         -moz-background-size: cover;
  100.         -o-background-size: cover;
  101.         background-size: cover;
  102.         background-color:{color:Background};
  103.         font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  104.         font-size:{text:FontBodySize}px;
  105.         font-weight:300px;
  106.         color:{color:Text};
  107.         line-height:auto;
  108.         top:40px;
  109.         list-style-type:square;
  110.         }
  111.    
  112.    
  113.     a {
  114.         font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  115.         font-weight:300px;
  116.         color:{color:Links};
  117.         text-decoration:none;
  118.         line-height:auto;
  119.         }
  120.    
  121.    
  122.     a:hover {
  123.         color:{color:Links Hover};
  124.         -moz-transition: all 0.6s ease;
  125.         -webkit-transition: all 0.6s ease;
  126.         -o-transition: all 0.6s ease;
  127.         transition: all 0.6s ease;
  128.         }
  129.      
  130.      
  131.     img {
  132.         width:auto;
  133.         max-width:500px;
  134.         height:auto;
  135.         text-align:center;
  136.         border:0px transparent;
  137.         }
  138.        
  139.    
  140.     img:hover {
  141.         {block:IfImageHover}
  142.         opacity:0.7;
  143.         {/block:IfImageHover}
  144.         -moz-transition: all 0.6s ease;
  145.         -webkit-transition: all 0.6s ease;
  146.         -o-transition: all 0.6s ease;
  147.         transition: all 0.6s ease;
  148.         }
  149.        
  150.    
  151.     .post {
  152.         width:500px;
  153.         height:auto;
  154.         margin-left:750px;
  155.         padding:16px;
  156.         margin-right:40px;
  157.         margin-top:40px;
  158.         margin-bottom:10px;
  159.         text-align:justify;
  160.         -moz-transition: all 0.8s ease;
  161.         -webkit-transition: all 0.8s ease;
  162.         -o-transition: all 0.8s ease;
  163.         transition: all 0.8s ease;
  164.         background-color:transparent;
  165.         outline:0px solid {color:Border};
  166.         {block:IfShowBorder}
  167.         border:{text:BorderWidth}px solid {color:Border};
  168.         {/block:IfShowBorder}
  169.         }
  170.    
  171.    
  172.     .post:hover {
  173.         {block:IfOutlineEffect}
  174.         background-color:{color:Inline};
  175.         outline:1000px solid {color:Outline};
  176.         {/block:IfOutlineEffect}
  177.         -moz-transition: all 0.8s ease;
  178.         -webkit-transition: all 0.8s ease;
  179.         -o-transition: all 0.8s ease;
  180.         transition: all 0.8s ease;
  181.         }
  182.        
  183.        
  184.     .banner {
  185.         position:fixed;
  186.         text-align:center;
  187.         background-color:transparent;
  188.         z-index:-1;
  189.         width:auto;
  190.         height:auto;
  191.         top:{text:BannerTopPosition}px;
  192.         left:{text:BannerLeftPosition}px;
  193.         display:block;
  194.         color:{color:Text}
  195.         }
  196.        
  197.        
  198.     #nav{
  199.         list-style:none;
  200.         margin-top:{text:NavigationLinksTopPosition}px;
  201.         margin-left:{text:NavigationLinksLeftPosition}px;
  202.         float:left;
  203.         text-align:center;
  204.         font-size:{text:FontNavigationSize}px;
  205.         width:auto;
  206.         position:fixed;
  207.         }
  208.    
  209.    
  210.     #nav li{
  211.         margin-right:10px;
  212.         position:relative;
  213.         }
  214.    
  215.    
  216.     #nav a{
  217.         padding:5px;
  218.         color:{color:Nav};
  219.         text-decoration:none;
  220.         }
  221.        
  222.        
  223.     #nav a:hover{
  224.         color:{color:NavHover};
  225.         background:transparent;
  226.         text-decoration:underline;
  227.         }
  228.    
  229.    
  230.     #nav ul{
  231.         background:#fff;
  232.         background-color:transparent;
  233.         list-style:none;
  234.         {block:ifnavigationhover};
  235.         opacity:0;
  236.         -moz-transition:all linear 0.4s;
  237.         -webkit-transition:all linear 0.4s;
  238.         -o-transition:all linear 0.4s;
  239.         transition:all linear 0.4s;
  240.         {/block:ifnavigationhover};
  241.         }
  242.        
  243.        
  244.     #nav ul li{
  245.         padding-top:1px;
  246.         float:left;
  247.         }
  248.        
  249.        
  250.     #nav ul a{
  251.         white-space:nowrap;
  252.         }
  253.        
  254.        
  255.     #nav li:hover ul{
  256.         opacity:1;
  257.         left:100px;
  258.         top:580px;
  259.         }
  260.        
  261.        
  262.     #nav li:hover a{ <
  263.        background-color:transparent;
  264.        text-decoration:none;
  265.        }
  266.      
  267.      
  268.    #nav li:hover ul a{
  269.        background-color:transparent;
  270.        text-decoration:none;
  271.        }
  272.      
  273.  
  274.    #box {
  275.        width:250px;
  276.        text-align:center;
  277.        margin-top:16px;
  278.        margin-left:117px;
  279.        position:absolute;
  280.        padding-top:2px;
  281.        padding-bottom:2px;
  282.        padding-right:8px;
  283.        padding-left:8px;
  284.        opacity:0;
  285.        background-color:{color:Border};
  286.        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  287.       font-weight: 300;
  288.        -moz-transition: all 0.6s ease;
  289.        -webkit-transition: all 0.6s ease;
  290.        -o-transition: all 0.6s ease;
  291.        transition: all 0.6s ease;
  292.        }
  293.  
  294.  
  295.    .post:hover #box {
  296.        opacity:1;
  297.        }
  298.  
  299.  
  300.    #box a {
  301.        color:{color:Links};
  302.        }
  303.  
  304.  
  305.    #box a:hover {
  306.        color:{color:LinksHover};
  307.        }
  308.      
  309.  
  310.    #audiotext {
  311.        padding-top:10.5px;
  312.        padding-left:20px;
  313.        color:{color:Text};
  314.        font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  315.       font-weight: 300;
  316.        text-transform: none;
  317.        font-size:14px;
  318.        line-height:12px;
  319.        text-align:left;
  320.        }
  321.    
  322.    
  323.    #player {
  324.        width:26px;
  325.        height:28px;
  326.        border-left:37px solid #fff;
  327.        border-right:37px solid #fff;
  328.        border-top:36px solid #fff;
  329.        border-bottom:36px solid #fff;
  330.        background-color:#fff;
  331.        display:block;
  332.        overflow:hidden;  
  333.        position:absolute;
  334.        opacity:0;
  335.         -moz-transition:all linear 0.8s;
  336.        -webkit-transition:all linear 0.8s;
  337.        -o-transition:all linear 0.8s;
  338.        transition:all linear 0.8s;
  339.        }
  340.      
  341.      
  342.    #player:hover {
  343.        opacity:0.6;
  344.        -moz-transition:all linear 0.8s;
  345.        -webkit-transition:all linear 0.8s;
  346.        -o-transition:all linear 0.8s;
  347.        transition:all linear 0.8s;
  348.        }
  349.  
  350.  
  351.    #album img {
  352.        width:100px;
  353.        height:100px;
  354.        background-image:url('http://static.tumblr.com/iuw14ew/WhTmlwgrr/no-artworke.png');
  355.        }
  356.  
  357.  
  358.    #z {
  359.        position:fixed;
  360.        bottom:3px;
  361.        right:3px;
  362.        padding:3px
  363.        }
  364.  
  365.  
  366.    #titles {
  367.        font-size:{text:FontTitlesSize}px;
  368.        text-align:center;
  369.        }
  370.      
  371.      
  372.     #fix img {
  373.        max-height: 70%;
  374.        max-width: 70%;
  375.        }  
  376.  
  377.    #fixx img {
  378.        width:500px;
  379.        }
  380.    
  381.  
  382.    </style>
  383.    
  384.        <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  385.        
  386.     </head>
  387.    
  388.    
  389.     <body>
  390.    
  391.    
  392.     <div id="z">
  393.     <a style="color:transparent;" title="By Zenec" href="http://zenec.tumblr.com"><img src="http://s8.postimg.org/n57vzqve9/Untitled_m.png"></a>
  394.     </div>
  395.      
  396.    
  397.     <ul id="nav">
  398.         <li>
  399.            
  400.             <div class="banner">
  401.             {block:IfBannerImage}
  402.             <a style="color:transparent;" href="/"><img src="{image:Banner}"></a>
  403.         {/block:IfBannerImage}
  404.         {block:IfNotBannerImage}
  405.             <a style="color:{color:Banner}; font-size:{text:FontBannerSize}px;" href="/">{Title}</a>
  406.         {/block:IfNotBannerImage}
  407.             </div>
  408.            
  409.             <ul>
  410.                 {block:IfLink1}
  411.                 <li><a href="{text:URL 1}">{text:Title 1}</a></li>
  412.                 {/block:IfLink1}
  413.                
  414.                 {block:IfLink2}
  415.                 <li>{text:Divisor} <a href="{text:URL 2}">{text:Title 2}</a></li>
  416.                 {/block:IfLink2}
  417.                
  418.                 {block:IfLink3}
  419.                 <li>{text:Divisor} <a href="{text:URL 3}">{text:Title 3}</a></li>
  420.                 {/block:IfLink3}
  421.                
  422.                 {block:IfLink4}
  423.                 <li>{text:Divisor} <a href="{text:URL 4}">{text:Title 4}</a></li>
  424.                 {/block:IfLink4}
  425.                
  426.                 {block:IfLink5}
  427.                 <li>{text:Divisor} <a href="{text:URL 5}">{text:Title 5}</a></li>
  428.                 {/block:IfLink5}
  429.                
  430.                 {block:IfLink6}
  431.                 <li>{text:Divisor}<a href="{text:URL 6}">{text:Title 6}</a></li>
  432.                 {/block:IfLink6}
  433.                
  434.                 <!--
  435.                If you want to put a counter, replace this grey text with this other:
  436.                <li>PASTE THE SCRIPT HERE</li>
  437.                -->
  438.             </ul>
  439.         </li>
  440.     </ul>
  441.    
  442.    
  443.     {block:Posts}
  444.     <div class="post">
  445.  
  446.      
  447.     {block:Text}
  448.    
  449.         <div id="titles">
  450.         {block:Title}
  451.             {Title}
  452.         {/block:Title}
  453.         </div>
  454.        
  455.         <div id="fix">
  456.         {Body}
  457.         </div>
  458.        
  459.         {block:IndexPage}
  460.             <div id="box">
  461.             <a href="{Permalink}">{NoteCount}</a>
  462.             </div>
  463.             {block:IfShowCaptions}
  464.             <div id="fix">
  465.             {block:Caption}
  466.                 {Caption}
  467.             {/block:Caption}
  468.             </div>
  469.             {/block:IfShowCaptions}
  470.         {/block:IndexPage}
  471.        
  472.         {block:PermalinkPage}
  473.             <div id="fix">
  474.             {block:Caption}
  475.                 {Caption}
  476.             {/block:Caption}
  477.             </div>
  478.         {/block:PermalinkPage}
  479.    
  480.     {/block:Text}
  481.  
  482.  
  483.     {block:Photo}
  484.        
  485.         <div id="fixx">
  486.         {block:IndexPage}
  487.             <img src="{PhotoURL-500}" alt='{PhotoAlt}'/>
  488.         {/block:IndexPage}
  489.  
  490.         {block:PermalinkPage}
  491.             {LinkOpenTag}
  492.             <center><img src="{PhotoURL-500}" alt='{PhotoAlt}'/></center>
  493.             {LinkCloseTag}
  494.         {/block:PermalinkPage}
  495.         </div>
  496.  
  497.         {block:PermalinkPage}
  498.             <div id="fix">
  499.             {block:Caption}
  500.                 {Caption}
  501.             {/block:Caption}
  502.             </div>
  503.         {/block:PermalinkPage}
  504.        
  505.        {block:IndexPage}
  506.             {block:IfShowCaptions}
  507.             <div id="fix">
  508.             {block:Caption}
  509.                 {Caption}
  510.             {/block:Caption}
  511.             </div>
  512.             {/block:IfShowCaptions}
  513.             <div id="box">
  514.                 <a href="{Permalink}">{NoteCount}</a>
  515.             </div>
  516.            
  517.         {/block:IndexPage}
  518.        
  519.     {/block:Photo}
  520.    
  521.    
  522.    
  523.     {block:Photoset}
  524.        
  525.         {block:IndexPage}
  526.             <center>{Photoset-500}</center>
  527.         {/block:IndexPage}
  528.        
  529.         {block:PermalinkPage}
  530.             <center>{Photoset-500}</center>
  531.         {/block:PermalinkPage}
  532.  
  533.        
  534.         {block:PermalinkPage}
  535.             <div id="fix">
  536.             {block:Caption}
  537.                 {Caption}
  538.             {/block:Caption}
  539.             </div>
  540.         {/block:PermalinkPage}
  541.          
  542.         {block:IndexPage}
  543.             <div id="fix">
  544.             {block:IfShowCaptions}
  545.             {block:Caption}
  546.                 {Caption}
  547.             {/block:Caption}
  548.             {/block:IfShowCaptions}
  549.             </div>
  550.             <div id="box">
  551.                 <a href="{Permalink}">{NoteCount}</a>
  552.             </div>
  553.         {/block:IndexPage}
  554.        
  555.     {/block:Photoset}
  556.  
  557.  
  558.     {block:Quote}
  559.    
  560.         <div style="font-style:italic;">
  561.             {Quote}
  562.         </div>
  563.        
  564.         {block:Source}
  565.             <div style="text-align:right">— {Source}</div>
  566.         {/block:Source}
  567.        
  568.         {block:PermalinkPage}
  569.             <div id="fix">
  570.             {block:Caption}
  571.                 {Caption}
  572.             {/block:Caption}
  573.             </div>
  574.         {/block:PermalinkPage}
  575.        
  576.         {block:IndexPage}
  577.             <div id="fix">
  578.             {block:IfShowCaptions}
  579.             {block:Caption}
  580.                 {Caption}
  581.             {/block:Caption}
  582.             {/block:IfShowCaptions}
  583.             </div>
  584.             <div id="box">
  585.                 <a href="{Permalink}">{NoteCount}</a>
  586.             </div>
  587.         {/block:IndexPage}
  588.        
  589.     {/block:Quote}
  590.  
  591.  
  592.  
  593.     {block:Link}
  594.        
  595.         <div id="titles">
  596.             <a href="{URL}" {Target}>{Name}</a>
  597.         </div>
  598.    
  599.         {block:Description}
  600.             <div id="fix">
  601.             {Description}
  602.             </div>
  603.         {/block:Description}
  604.        
  605.         {block:PermalinkPage}
  606.             <div id="fix">
  607.             {block:Caption}
  608.                 {Caption}
  609.             {/block:Caption}
  610.             </div>
  611.         {/block:PermalinkPage}
  612.        
  613.         {block:IndexPage}
  614.             <div id="fix">
  615.             {block:IfShowCaptions}
  616.             {block:Caption}
  617.                 {Caption}
  618.             {/block:Caption}
  619.             {/block:IfShowCaptions}
  620.             </div>
  621.             <div id="box">
  622.                 <a href="{Permalink}">{NoteCount}</a>
  623.             </div>
  624.         {/block:IndexPage}
  625.    
  626.     {/block:Link}
  627.  
  628.  
  629.  
  630.     {block:Chat}
  631.    
  632.         {block:Title}
  633.         <div id="box">
  634.         {Title}
  635.         </div>
  636.         {/block:Title}
  637.        
  638.         {block:Lines}
  639.             <div class="{Alt} user_{UserNumber}">
  640.             {block:Label}
  641.                 <b>{Label}</b>
  642.             {/block:Label}
  643.             {Line}
  644.             </div>
  645.         {/block:Lines}
  646.          
  647.         {block:PermalinkPage}
  648.             <div id="fix">
  649.             {block:Caption}
  650.                 {Caption}
  651.             {/block:Caption}
  652.             </div>
  653.         {/block:PermalinkPage}
  654.          
  655.         {block:IndexPage}
  656.             <div id="fix">
  657.             {block:IfShowCaptions}
  658.             {block:Caption}
  659.                 {Caption}
  660.             {/block:Caption}
  661.             {/block:IfShowCaptions}
  662.             </div>
  663.             <div id="box">
  664.               <a href="{Permalink}">{NoteCount}</a>
  665.             </div>
  666.         {/block:IndexPage}
  667.        
  668.     {/block:Chat}
  669.  
  670.  
  671.     {block:Audio}
  672.    
  673.         <table border="0" cellpadding="0" cellspacing="0" ><tr>
  674.         <td id="album" valign="top">
  675.             <div id="player">{AudioPlayerBlack}</div>
  676.                 {block:AlbumArt}
  677.                     <img src="{AlbumArtURL}" width="50px" />
  678.                 {/block:AlbumArt}
  679.         </td>
  680.         <td valign="top">
  681.             {block:TrackName}
  682.                 <div id="audiotext">
  683.                     Track: {TrackName}
  684.                 </div>
  685.             {/block:TrackName}
  686.             {block:Artist}
  687.                 <div id="audiotext">
  688.                     Artist: {Artist}
  689.                 </div>
  690.             {/block:Artist}
  691.             {block:Album}
  692.                 <div id="audiotext">
  693.                     Album: {Album}
  694.                 </div>
  695.             {/block:Album}
  696.                 <div id="audiotext">
  697.                     Plays: {PlayCount}
  698.                 </div>
  699.         </td>
  700.         </tr>
  701.         </table>
  702.        
  703.         {block:PermalinkPage}
  704.             <div id="fix">
  705.             {block:Caption}
  706.                 {Caption}
  707.             {/block:Caption}
  708.             </div>
  709.         {/block:PermalinkPage}
  710.          
  711.         {block:IndexPage}
  712.             <div id="fix">
  713.             {block:IfShowCaptions}
  714.             {block:Caption}
  715.                 {Caption}
  716.             {/block:Caption}
  717.             {/block:IfShowCaptions}
  718.             </div>
  719.             <div id="box">
  720.                 <a href="{Permalink}">{NoteCount}</a>
  721.             </div>
  722.         {/block:IndexPage}
  723.        
  724.     {/block:Audio}
  725.  
  726.  
  727.     {block:Video}
  728.        
  729.        
  730.         {block:IndexPage}
  731.         {VideoEmbed-500}
  732.         {/block:IndexPage}
  733.        
  734.         {block:PermalinkPage}
  735.             <center>{VideoEmbed-500}</center>
  736.         {/block:PermalinkPage}
  737.        
  738.         {block:PermalinkPage}
  739.             <div id="fix">
  740.             {block:Caption}
  741.                 {Caption}
  742.             {/block:Caption}
  743.             </div>
  744.         {/block:PermalinkPage}
  745.          
  746.         {block:IndexPage}
  747.             <div id="fix">
  748.             {block:IfShowCaptions}
  749.             {block:Caption}
  750.                 {Caption}
  751.             {/block:Caption}
  752.             {/block:IfShowCaptions}
  753.             </div>
  754.             <div id="box">
  755.                 <a href="{Permalink}">{NoteCount}</a>
  756.             </div>
  757.         {/block:IndexPage}
  758.     {/block:Video}
  759.  
  760.  
  761.     </div>
  762.    
  763.    
  764.     {/block:Posts}
  765.     </div>
  766.  
  767. </body>
  768. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement