API tools faq
paste
hokshi

Tianshi theme

hokshi
Feb 11th, 2013
2,837
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 30.03 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5.  
  6.    T I A N S H I (天使) theme by
  7.    
  8.    █░░█ █▀▀█ █░█ █▀▀ █░░█ ░▀░
  9.    █▀▀█ █░░█ █▀▄ ▀▀█ █▀▀█ ▀█▀
  10.    ▀░░▀ ▀▀▀▀ ▀░▀ ▀▀▀ ▀░░▀ ▀▀▀
  11.  
  12.                ©
  13. -->
  14.  
  15. <head>
  16.     <html>
  17.         <title>{Title}</title>
  18.  
  19.         <link rel="shortcut icon" href="{Favicon}" />
  20.         <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  21.         <link href='http://fonts.googleapis.com/css?family=Lekton:400,700,400italic' rel='stylesheet' type='text/css'>
  22.         <link href='http://fonts.googleapis.com/css?family=Contrail+One' rel='stylesheet' type='text/css'>
  23.             {block:Description}
  24.                 <meta name="description" content="{MetaDescription}" />
  25.             {/block:Description}
  26.  
  27.  <!-- fade-out -->
  28.         <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js" type="text/javascript"></script>
  29.  
  30.         <script type="text/javascript">
  31.         $(document).ready(function() {
  32.         $("body").css("display", "none");
  33.         $("body").fadeIn(700);
  34.         $("a.transition").click(function(event){
  35.         event.preventDefault();
  36.         linkLocation = this.href;
  37.         $("body").fadeOut(1000, redirectPage);
  38.         });
  39.         function redirectPage() {
  40.         window.location = linkLocation;
  41.         }
  42.         });
  43.         </script>
  44.        
  45.         <!-- fade out pictures -->
  46.        
  47.         <script type="text/javascript" src="http://static.tumblr.com/zh7ydxo/CIvlwa3c5/jquery.js"></script>
  48.         <script type="text/javascript" src="http://static.tumblr.com/zh7ydxo/CtWlwa3d9/lazyload.js"></script>
  49.         <script type="text/javascript" charset="utf-8">
  50.         var $j = jQuery.noConflict();
  51.         $j(function() {
  52.         if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  53.         $j("img").lazyload({
  54.         placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  55.         effect: "fadeIn",
  56.         });
  57.         });
  58.         </script>
  59.  
  60.        
  61.         <!-- controls -->
  62.         <meta name="color:background" content="#fdfcfc"/>
  63.         <meta name="color:text" content="#9e9e9c"/>
  64.         <meta name="color:link" content="#a72222"/>
  65.         <meta name="color:link hover" content="#020202"/>
  66.         <meta name="color:sideimg background" content="#f3f2f1"/>
  67.         <meta name="color:posts" content="#ffffff"/>
  68.         <meta name="color:permalink bar" content="#fdfcfc"/>
  69.         <meta name="image:background" content=""/>
  70.         <meta name="image:post background" content=""/>
  71.         <meta name="image:sidebar picture" content="http://static.tumblr.com/b1e91b92dd22238eab17e69c5581bd52/ii9pnwy/N8vmi1m8q/tumblr_static_b.png"/>
  72.         <meta name="image:permalink bar" content=""/>
  73.         <meta name="if:Infinite Scrolling" content="0"/>
  74.         <meta name="if:Smaller Posts" content="0"/>
  75.         <meta name="if:Show Captions" content="0"/>
  76.         <meta name="text:Link 1 URL" content="/" />
  77.         <meta name="text:Link 1 Name" content="link 1" />
  78.         <meta name="text:Link 2 URL" content="/" />
  79.         <meta name="text:Link 2 Name" content="link 2" />
  80.         <meta name="text:Link 3 URL" content="/" />
  81.         <meta name="text:Link 3 Name" content="link 3" />
  82.         <meta name="text:Link 4 URL" content="/" />
  83.         <meta name="text:Link 4 Name" content="link 4" />
  84.         <meta name="text:Link 5 URL" content="/" />
  85.         <meta name="text:Link 5 Name" content="link 5" />
  86.  
  87.     {block:IfInfiniteScrolling}
  88.     <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  89.     {/block:IfInfiniteScrolling}
  90.  
  91. <style type="text/css">
  92. {CustomCSS}
  93.  
  94.         iframe#tumblr_controls {
  95.                 position: fixed !important;
  96.                 -webkit-filter: invert(100%);
  97.                 opacity: 0.3;
  98.                 z-index: 9999;
  99.                 -webkit-transition: opacity 1s linear;
  100.                 -webkit-transition: all 0.7s ease;
  101.                 -moz-transition: all 0.7s ease;
  102.                 transition: all 0.7s ease;
  103.         }
  104.    
  105.         iframe#tumblr_controls:hover {
  106.                 opacity: 1;
  107.                 -webkit-transition: opacity 1s linear;
  108.                 -webkit-transition: all 0.7s ease;
  109.                 -moz-transition: all 0.7s ease;
  110.                 transition: all 0.7s ease;
  111.         }
  112.  
  113.         ::-webkit-scrollbar{
  114.                 width: 7px; height: 7px; background-color:#fff;
  115.         }
  116.            
  117.         ::-webkit-scrollbar-thumb{
  118.                 background-color: #000;
  119.                 border: 1px solid #f0f0f0;
  120.         }
  121.  
  122.         img {
  123.             webkit-transition: opacity 1s linear;
  124.             -webkit-transition: all 0.7s ease;
  125.             -moz-transition: all 0.7s ease;
  126.             transition: all 0.7s ease;
  127.         }
  128.  
  129.         img:hover {
  130.             filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  131.             filter: gray; /* IE6-9 */
  132.             -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
  133.            webkit-transition: opacity 1s linear;
  134.             -webkit-transition: all 0.7s ease;
  135.             -moz-transition: all 0.7s ease;
  136.             transition: all 0.7s ease;
  137.         }
  138.  
  139.  
  140.         body{
  141.             background: {color:background};
  142.             background-image: url('{image:background}');
  143.             background-attachment: fixed;
  144.             font-size: 9px;
  145.             line-height: 10px;
  146.             color: {color:text};
  147.             text-align: justify;
  148.             }
  149.  
  150.         a{
  151.             color: {color:link};
  152.             text-decoration: none;
  153.             webkit-transition: opacity 1s linear;
  154.             -webkit-transition: all 0.7s ease;
  155.             -moz-transition: all 0.7s ease;
  156.             transition: all 0.7s ease;
  157.             }
  158.            
  159.         a:link, a:visited, a:active{
  160.             text-decoration:none;
  161.             }
  162.         a:hover{
  163.             color: {color:link hover};
  164.             -webkit-transition: all 0.7s ease;
  165.             -moz-transition: all 0.7s ease;
  166.             -o-transition: all 0.7s ease;  
  167.             }
  168.  
  169.         #post{
  170.             position: absolute;
  171.             width: 560px;
  172.             top: 120px;
  173.             {block:IfSmallerPosts}
  174.             width: 460px;
  175.             left: 475px;
  176.             {/block:IfSmallerPosts}
  177.             {block:IfNotSmallerPosts}
  178.             left: 475px;
  179.             {/block:IfNotSmallerPosts}
  180.             }
  181.  
  182.         #entry {
  183.             width: 500px;
  184.             {block:IfSmallerPosts}
  185.             width: 400px;
  186.             {block:IfSmallerPosts}
  187.             padding: 15px;
  188.             margin-bottom:85px;
  189.             background: {color:posts};
  190.             background-image: url('{image:post background}');
  191.             font-family: lekton;
  192.             font-size: 10px;
  193.             font-color: {color:font};
  194.             border-top:3px solid #000;
  195.             line-height: 16px;
  196.             }
  197.  
  198.         #title{
  199.             position: fixed;
  200.             color:#fff;
  201.             letter-spacing:-4px;
  202.             text-transform: uppercase;
  203.             font-family: Courier New;
  204.             font-size:53px;
  205.             line-height:12px;
  206.             text-align:center;
  207.             margin-top: 10px;
  208.             right: 50%;
  209.             margin-right:165px;
  210.             z-index:5;
  211.             }
  212.    
  213.  
  214.         #menu{
  215.             position: fixed;
  216.             background: transparent;
  217.             width: 800px;
  218.             height: 20px;
  219.             float:left;
  220.             top: 50px;
  221.             margin-left:50px;
  222.             z-index:6;
  223.             }
  224.    
  225.         #menu2{
  226.             position: fixed;
  227.             background: transparent;
  228.             width: 279px;
  229.             height: 10px;
  230.             float:left;
  231.             top: 245px;
  232.             right: 50%;
  233.             margin-right:101px;
  234.             z-index:2;
  235.             }
  236.        
  237.         #titlebar{
  238.             font-style:italic;
  239.             background: #f0f0f0;
  240.             padding: 3px;  
  241.             color: #313131;
  242.             letter-spacing:1px;
  243.             text-transform: uppercase;
  244.             font-family: lekton;
  245.             font-size:12px;
  246.             line-height: 12px;  
  247.         }
  248.            
  249.         #titles{
  250.             position:fixed;
  251.             top:20px;
  252.             margin-left:50px;
  253.             color: #000;
  254.             line-height: 10px;
  255.             text-transform: uppercase;
  256.             z-index: 10000;
  257.             }    
  258.        
  259.            
  260.         #sideimg{
  261.             background: #fff;
  262.             width: 270px;
  263.             height: 165px;
  264.             padding: 5px;
  265.             right: 50%;
  266.             margin-right:105px;
  267.             top: 65px;
  268.             position: fixed;
  269.             webkit-transition: opacity 1s linear;
  270.             -webkit-transition: all 0.7s ease;
  271.             -moz-transition: all 0.7s ease;
  272.             transition: all 0.7s ease;
  273.             }
  274.          
  275.         .hidden{
  276.             width: 300px;
  277.             right: 50%;
  278.             margin-right:80px;
  279.             top: 260px;
  280.             position: fixed;
  281.             opacity: 1;
  282.             font-family: arial;
  283.             font-size: 9px;
  284.             -webkit-transition: all 2s ease;
  285.             -moz-transition: all 2s ease;
  286.             -o-transition: all 2s ease;
  287.             border-radius: 15px;
  288.             font-family: arial;
  289.             letter-spacing:0px;
  290.             font-size: 9px;
  291.             }
  292.            
  293.         .sideimg2{
  294.             width: 270px;
  295.             height: 200px;
  296.             padding: 0px;
  297.             right: 50%;
  298.             margin-right:160px;
  299.             top: 130px;
  300.             position: fixed;
  301.             -webkit-transition: all 2s ease;
  302.             -moz-transition: all 2s ease;
  303.             -o-transition: all 2s ease;
  304.             opacity:0;
  305.             }
  306.        
  307.         #sidebar{
  308.             position:fixed;
  309.             top:100px;
  310.             left: 255px;
  311.             width: 162px;
  312.             padding:20px;
  313.             font-family: lekton;
  314.             font-size: 10px;
  315.             line-height: 17px;
  316.             letter-spacing: 0px;  
  317.             background: {color:background};
  318.             text-align: justify;
  319.             z-index: 6;
  320.             color: {color:text};
  321.         }
  322.        
  323.         #bar{
  324.             background: #000;
  325.             height:35px;
  326.             width:100%;
  327.             position: fixed;
  328.             right: 0%;
  329.             margin-right:0px;
  330.             top:40px;
  331.             z-index:5;
  332.         }
  333.        
  334.         #bar2{
  335.             background: {color:background};
  336.             height:40px;
  337.             width:100%;
  338.             position: fixed;
  339.             right: 0%;
  340.             margin-right:0px;
  341.             top:0px;
  342.             z-index:999;
  343.         }
  344.        
  345.         #link{
  346.             webkit-transition: opacity 1s linear;
  347.             -webkit-transition: all 0.7s ease;
  348.             -moz-transition: all 0.7s ease;
  349.             transition: all 0.7s ease;
  350.             background: ({color:font});
  351.             height: 15px;
  352.             padding:5px;
  353.             border-bottom: 1px dotted #919191;
  354.             }
  355.        
  356.         .permalink {
  357.             float: right;
  358.             width: 100px;
  359.             height: 5px;
  360.             font-size: 9px;
  361.             padding-top: 10px;
  362.             padding-bottom:7px;
  363.             font-family: cambria;
  364.             margin-top:0px;
  365.             margin-left: 490px;
  366.             border-left: 1px solid #919191;
  367.             {block:IfSmallerPosts}
  368.             margin-left: 450px;
  369.             {/block:IfSmallerPosts}
  370.             position: absolute;
  371.             letter-spacing: 1px;
  372.             text-align: left;
  373.             webkit-transition: opacity 1s linear;
  374.             -webkit-transition: all 0.7s ease;
  375.             -moz-transition: all 0.7s ease;
  376.             transition: all 0.7s ease;
  377.             z-index: 2;
  378.             opacity: 0;
  379.             text-transform: uppercase;
  380.             }
  381.        
  382.         #entry:hover .permalink {
  383.             margin-top: 0px;
  384.             margin-left: 505px;
  385.             padding: 10px;
  386.             {block:IfSmallerPosts}
  387.             margin-left: 450px;
  388.             {/block:IfSmallerPosts}
  389.             webkit-transition: opacity 1s linear;
  390.             -webkit-transition: all 0.7s ease;
  391.             -moz-transition: all 0.7s ease;
  392.             transition: all 0.7s ease;
  393.             width: 100px;
  394.             height:40px;
  395.             opacity: 1;
  396.             }
  397.        
  398.         #chat{
  399.             border-bottom: 1px solid #eee;
  400.             padding: 2px;
  401.             }
  402.        
  403.         #perma{
  404.             font-family: lekton;
  405.             font-size: 10px;
  406.             letter-spacing: 0px;
  407.             text-align: left;
  408.             line-height:8px;
  409.             margin-top:-85px;
  410.             position: absolute;
  411.             background-color:{color:permalink bar};
  412.             background-image: url('{image:permalink bar}');
  413.             {block:IfSmallerPosts}
  414.             width:415px;
  415.             {/block:IfSmallerPosts}
  416.             {block:IfNotSmallerPosts}
  417.             width:515px;
  418.             {/block:IfNotSmallerPosts}
  419.             height: 18px;
  420.             color: #000;
  421.             padding:8px;
  422.             border-top:1px solid #f0f0f0;
  423.             }
  424.            
  425.         #perma a:hover{
  426.             background: #ffd900;
  427.             }
  428.            
  429.         #notoo{
  430.             font-family: courier new;
  431.             font-size: 9px;
  432.             text-transform: uppercase;
  433.             letter-spacing: 0px;
  434.             text-align: center;
  435.             line-height:8px;
  436.             margin-left:0px;
  437.             margin-top:-85px;
  438.             position: absolute;
  439.             background-color:#eee;
  440.             background-image: url('{image:permalink bar}');
  441.             width:70px;
  442.             {block:IfSmallerPosts}
  443.             width:410px;
  444.             {/block:IfSmallerPosts}
  445.             height: 18px;
  446.             color: #000;
  447.             padding:8px;
  448.             }
  449.        
  450.         .source{
  451.             right:50%;
  452.             margin-right:266px;
  453.             margin-top:-32px;
  454.             {block:IfSmallerPosts}
  455.             left:50%;
  456.             margin-left:175px;
  457.             {/block:IfSmallerPosts}
  458.             position:absolute;
  459.             width:14px;
  460.             padding: 0px;
  461.             z-index: 2;
  462.             background:#fff;
  463.             }
  464.            
  465.         .dateu{
  466.             font-family: lekton;
  467.             font-size: 9px;  
  468.             text-transform: uppercase;
  469.             text-align: center;
  470.             margin-top:-20px;
  471.             position:absolute;
  472.             {block:IfSmallerPosts}
  473.             width:420px;
  474.             {/block:IfSmallerPosts}
  475.             {block:IfNotSmallerPosts}
  476.             width:520px;
  477.             {/block:IfNotSmallerPosts}
  478.             padding: 5px;
  479.             z-index: 2;
  480.             color:#000;
  481.             border-top: 1px dashed #eee;
  482.             }
  483.        
  484.        
  485.        
  486.         #links .links{
  487.             text-align: right;
  488.             background:{color:links background};
  489.             text-align:center;
  490.             text-transform: uppercase;
  491.             font-family: courier new;
  492.             font-size: 9px;  
  493.             font-color:{color:sidebar background};
  494.             position: fixed;
  495.             opacity: 0;
  496.             margin-top: -4px;
  497.             -webkit-transition: opacity 0.4s linear;
  498.             -webkit-transition: all 0.4s ease-in-out;
  499.             -moz-transition: all 0.4s ease-in-out;
  500.             -o-transition: all 0.4s ease-in-out;
  501.             }
  502.            
  503.         #links:hover .links{
  504.             text-align:center;
  505.             opacity: 1;
  506.             margin-top: 4px;
  507.             -webkit-transition: opacity 0.4s linear;
  508.             -webkit-transition: all 0.4s ease-in-out;
  509.             -moz-transition: all 0.4s ease-in-out;
  510.             -o-transition: all 0.4s ease-in-out;
  511.             }
  512.  
  513.        
  514.         #navi{
  515.             top:70px;
  516.             text-align: right;
  517.             background:{color:links background};
  518.             font-family: cambria;
  519.             font-size: 9px;  
  520.             text-transform: uppercase;
  521.             padding: 5px;
  522.             position: fixed;
  523.             right: 50%;
  524.             margin-right: 380px;
  525.             }
  526.        
  527.         #navi2{
  528.             top:100px;
  529.             text-align: right;
  530.             background:{color:links background};
  531.             font-family: cambria;
  532.             font-size: 9px;  
  533.             text-transform: uppercase;
  534.             padding: 5px;
  535.             position: fixed;
  536.             right: 50%;
  537.             margin-right: 380px;
  538.             }
  539.        
  540.         #next{
  541.             padding:3px;
  542.             width:5px;
  543.             height: 15px;
  544.             background:#f0d81d;
  545.             -webkit-transition: all 0.7s ease;
  546.             -moz-transition: all 0.7s ease;
  547.             -o-transition:all 0.7s ease;
  548.             }
  549.            
  550.         #next:hover{
  551.             background:#000;
  552.             -webkit-transition: all 0.7s ease;
  553.             -moz-transition: all 0.7s ease;
  554.             -o-transition:all 0.7s ease;
  555.             }
  556.        
  557.         #picture{
  558.             width: 36px;
  559.             padding: 4px;
  560.             background: #000;
  561.             }
  562.            
  563.        
  564.         #picture2{
  565.             width: 36px;
  566.             padding: 4px;
  567.             background: #000;
  568.             }
  569.            
  570.         .navigation{
  571.             float:left;
  572.             text-align:center;
  573.             margin-right:2px;
  574.             width:66px;
  575.             height: 15px;
  576.             text-transform:uppercase;
  577.             font-size:12px;
  578.             font-family:courier new;
  579.             padding-top: 50px;
  580.             -webkit-transition: opacity 0.4s linear;
  581.             -webkit-transition: all 0.4s ease-in-out;
  582.             -moz-transition: all 0.4s ease-in-out;
  583.             -o-transition: all 0.4s ease-in-out;
  584.             background-color:#eeeeee;}
  585.        
  586.         .navigation:hover{
  587.             background-color:#000;
  588.             }
  589.            
  590.         .navigation2{
  591.             float:left;
  592.             text-align:center;
  593.             margin-right:10px;
  594.             width:45px;
  595.             height: 3px;
  596.             font-size:9px;
  597.             font-family:arial;
  598.             -webkit-transition: opacity 0.4s linear;
  599.             -webkit-transition: all 0.4s ease-in-out;
  600.             -moz-transition: all 0.4s ease-in-out;
  601.             -o-transition: all 0.4s ease-in-out;
  602.             background-color:#f5de51;}
  603.        
  604.         .navigation2:hover{
  605.             background-color:#000;
  606.             }
  607.            
  608.         .nav {
  609.             margin-top:-10px;
  610.             display: inline-block;
  611.             padding: 5px;
  612.             text-align: center;
  613.             color:#f0f0f0;
  614.             float:left;
  615.             margin-right:5px;
  616.             font: 11px Lekton;
  617.             -webkit-transition: opacity 1s linear;
  618.             -webkit-transition: all 1s ease-in-out;
  619.             -moz-transition: all 1s ease-in-out;
  620.             -o-transition: all 1s ease-in-out;
  621.             text-transform:uppercase;
  622.             width:53px;
  623.             z-index:3;
  624.             height:15px;
  625.             letter-spacing:0px;
  626.             padding-top: 10px;
  627.             text-shadow: 0px 0px 0px #fff;
  628.            
  629.         }
  630.         .nav:hover {
  631.             -webkit-transition: opacity 1s linear;
  632.             -webkit-transition: all 1s ease-in-out;
  633.             -moz-transition: all 1s ease-in-out;
  634.             -o-transition: all 1s ease-in-out;
  635.             text-shadow: 0px 0px 25px #fff;
  636.         }
  637.        
  638.         .sidew{
  639.             position:fixed;
  640.             top:100px;
  641.             left:25px;
  642.             border: solid 20px {color:sideimg background};
  643.             z-index:10;
  644.         }
  645.        
  646.         .photo img{
  647.             width:170px;
  648.             margin:auto;
  649.         }
  650.        
  651.        
  652.         .player {
  653.         width:95px;
  654.         height:95px;
  655.         position:absolute;
  656.         z-index:3;
  657.         text-align:center;
  658.         background:white;
  659.         margin-top:0px;
  660.         margin-left:0px;
  661.         opacity:0.6;
  662.         transition-duration: 0.6s;
  663.         -moz-transition-duration: 0.6s;
  664.         -webkit-transition-duration: 0.6s;
  665.         -o-transition-duration: 0.6s;
  666.         border-radius: 0px 0px 0px 0px ;
  667.         }
  668.        
  669.         .audioplayer {
  670.         background-color:transparent;
  671.         width:15px; height:6px;
  672.         overflow:hidden;
  673.         padding:22px;
  674.         margin: 10px 10px 10px 10px;}
  675.        
  676.         .audioinfo {
  677.         padding:0px 0px 5px 0px;
  678.         width:401px;
  679.         margin-left:99px;
  680.         text-align:left}
  681.        
  682.         .audiocaption {
  683.         width:401px;
  684.         margin-left:99px;}
  685.        
  686.         .pagination {
  687.             position:fixed;
  688.             left:75px;
  689.             top: 400px;
  690.             text-align:center;
  691.             color:#fff;
  692.             z-index:100;
  693.         }
  694.        
  695.         .current_page {
  696.             padding: 6px;
  697.             color: #000;
  698.         }
  699.         .jump_page, .next {
  700.             background-color:#f0f0f0;
  701.             padding:2px 6px 2px 6px;
  702.             font-family: lekton;
  703.             font-size: 10px;  
  704.             color:#000;
  705.         }
  706.        
  707.         .title {
  708.             font-family: contrail one;
  709.             font-size:20px;
  710.             color: #fff;
  711.             text-shadow: 2px 2px #eee;
  712.             letter-spacing: 5px;
  713.         }
  714.        
  715.         #notes {
  716.             padding-right: 10px;
  717.             text-align: left;
  718.             font-size: 9px;
  719.             letter-spacing: 1px;
  720.             font-family: lekton;
  721.             text-transform: uppercase;
  722.             margin-left: 6px;
  723.             width: 530px;
  724.         }
  725.  
  726.         #notes img {
  727.             width: 8px;
  728.             height: 8px;
  729.             margin-bottom: -1px;
  730.         }
  731.        
  732.         .cred {
  733.                 border: 3px double #eee;
  734.                 padding: 3px 5px 3px 5px;
  735.                 bottom:10px;
  736.                 right:5px;
  737.                 position:fixed;
  738.                 font-family: Arial;
  739.                 font-size: 10px;
  740.                 -webkit-transition: all 0.5s ease;
  741.                 -moz-transition: all 0.5s ease;
  742.                 -o-transition:all 0.5s ease;
  743.             }
  744.            
  745.         .cred a{
  746.                 color: black;
  747.         }
  748.            
  749.         .cred a:hover{
  750.                 color: {color:links};
  751.         }
  752.            
  753.         .cred:hover {
  754.                 border: 5px dashed #000;
  755.                 padding: 3px 5px 3px 5px;
  756.                 margin-top:-100px;
  757.                 bottom:10px;
  758.                 right:5px;
  759.                 position:fixed;
  760.                 font-family: Arial;
  761.                 font-size: 10px;
  762.                 -webkit-transition: all 0.5s ease;
  763.                 -moz-transition: all 0.5s ease;
  764.                 -o-transition:all 0.5s ease;
  765.         }
  766.        
  767.         blockquote {
  768.             padding: 3px;
  769.             border: 4px double #bbb;
  770.             color: {color:link};
  771.         }
  772.    
  773.  
  774.  
  775. </style>
  776. </head>
  777.  
  778. <body>
  779.  
  780. <div id="bar"></div>
  781. <div id="bar2"></div>
  782. <div id="titles"><span class="title">{Title}</span></div>
  783. <div id="sidebar">{Description}</div>
  784.  
  785. <div id="menu">
  786. <a href="/" class="nav" onmouseover="this.innerHTML='index'"onmouseout="this.innerHTML='.01'">.01</a>
  787. <a href="/archive" class="nav" onmouseover="this.innerHTML='archive'"onmouseout="this.innerHTML='.02'">.02</a>
  788. <a href="/ask" class="nav" onmouseover="this.innerHTML='message'"onmouseout="this.innerHTML='.03'">.03</a>
  789.  
  790. {block:ifLink1URL}<a href="{text:Link 1 URL}" class="nav" onmouseover="this.innerHTML='{text:Link 1 Name}'"onmouseout="this.innerHTML='.04'">.04</a>{/block:ifLink1URL}
  791. {block:ifLink2URL}<a href="{text:Link 2 URL}" class="nav" onmouseover="this.innerHTML='{text:Link 2 Name}'"onmouseout="this.innerHTML='.05'">.05</a>{/block:ifLink2URL}
  792. {block:ifLink3URL}<a href="{text:Link 3 URL}" class="nav" onmouseover="this.innerHTML='{text:Link 3 Name}'"onmouseout="this.innerHTML='.06'">.06</a>{/block:ifLink3URL}
  793. {block:ifLink4URL}<a href="{text:Link 4 URL}" class="nav" onmouseover="this.innerHTML='{text:Link 4 Name}'"onmouseout="this.innerHTML='.07'">.07</a>{/block:ifLink4URL}
  794. {block:ifLink5URL}<a href="{text:Link 5 URL}" class="nav" onmouseover="this.innerHTML='{text:Link 5 Name}'"onmouseout="this.innerHTML='.08'">.08</a>{/block:ifLink5URL}
  795.  
  796. </div>
  797.  
  798. <div class="photo"><img src="{image:sidebar picture}" class="sidew" border="0"></div>
  799.  
  800.  
  801. {block:IfNotInfiniteScrolling}
  802. <div class="pagination">
  803.  
  804. {block:Pagination}
  805. {block:PreviousPage}
  806. <a class="next" href="{PreviousPage}">newer</a>
  807. {/block:PreviousPage}
  808.  
  809. {block:JumpPagination length="3"}
  810. {block:CurrentPage}
  811. <span class="current_page">{PageNumber}</span>
  812. {/block:CurrentPage}
  813.  
  814. {block:JumpPage}
  815. <a class="jump_page" href="{URL}">{PageNumber}</a>
  816. {/block:JumpPage}
  817. {/block:JumpPagination}
  818.  
  819. {block:NextPage}
  820. <a class="next" href="{NextPage}">older</a>
  821. {/block:NextPage}
  822. {/block:Pagination}
  823. </div>
  824. {/block:IfNotInfiniteScrolling}
  825.  
  826. </div></div>
  827.  
  828. <div id="post">
  829. {block:IfInfiniteScrolling}
  830. <div class = "autopagerize_page_element" >
  831. {/block:IfInfiniteScrolling}
  832.  
  833. {block:Posts}
  834.  
  835. <div class="dateu">{block:Date} [{DayOfWeek}]  - <a href="{Permalink}">{Year}/{ShortMonth}/{DayOfMonthWithZero}</a> {/block:Date} with {NoteCountwithLabel} • <a href="{ReblogURL}">reblog</a></div>
  836. <div class="per"> </div>
  837.  
  838.  
  839. {block:Text}
  840. <div id="entry">
  841. <a href="{Permalink}">{block:Title}<div id="titlebar">{Title}</div>{/block:Title}</a>{/block:Title}
  842. <div align="left">{Body}</div>
  843. </div>
  844. {/block:Text}
  845.  
  846. {block:Photo}
  847. <div id="entry">
  848. <a href="{Permalink}">{block:IfNotSmallerPosts}{block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0" width="500" /></a>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0" width="500" />{/block:PermalinkPage}{/block:IfNotSmallerPosts}
  849. {block:IfSmallerPosts} {block:IndexPage}<a href="{Permalink}"><img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0" width="400" /></a>{/block:IndexPage}{block:PermalinkPage}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}" border="0" width="400" />{/block:PermalinkPage} {/block:IfSmallerPosts}</a>
  850. {block:Ifshowcaptions}
  851. {block:Caption}{Caption}{/block:Caption}
  852. {/block:Ifshowcaptions}
  853. </div>
  854. {/block:Photo}
  855.              
  856. {block:Photoset}
  857. <div id="entry">
  858. <a href="{Permalink}">{block:IfNotSmallerPosts}{block:IndexPage}{Photoset-500}{/block:IndexPage}{block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}{/block:IfNotSmallerPosts}
  859. {block:IfSmallerPosts} {block:IndexPage}{Photoset-400}{/block:IndexPage}{block:PermalinkPage}{Photoset-400}{/block:PermalinkPage} {/block:IfSmallerPosts}</a>
  860. {block:Ifshowcaptions}
  861. {block:Caption}{Caption}{/block:Caption}
  862. {/block:Ifshowcaptions}
  863. </div>
  864. {/block:Photoset}
  865.      
  866. {block:Quote}
  867. <div id="entry">
  868. <div id="titlebar"><div align="center">❝{Quote}</div></div>
  869. {block:Source}
  870. <p><div align="right"> - {Source}</div></p>
  871. {/block:Source}
  872. </div>
  873. {/block:Quote}
  874.      
  875. {block:Link}
  876. <div id="entry">
  877. <a href="{URL}" class="link" {Target}>
  878. <div id="titlebar">{Name}</div></a>
  879. {block:Description}{Description}{/block:Description}
  880. </div>
  881. {/block:Link}
  882.      
  883. {block:Chat}
  884. <div id="entry">
  885. {block:Title}
  886. <a href="{Permalink}"><div id="titlebar"><i>{Title}</i></div></a>
  887. {/block:Title}
  888. {block:Lines}<div id="chat">{block:Label}<i><font color="#DBA901">{Label}</font></i>{/block:Label} {Line}</div>{/block:Lines}
  889. </div>
  890. {/block:Chat}    
  891.      
  892. {block:Video}
  893. <div id="entry">
  894. {Video-400}
  895. {block:Ifshowcaptions}
  896. {block:Caption}{Caption}{/block:Caption}
  897. {/block:Ifshowcaptions}
  898. </div>
  899. {/block:Video}
  900.      
  901. {block:Audio}
  902. <div id="entry">
  903. <span style="width:95px; height:95px; align=left">
  904. {block:AlbumArt}<img src="{AlbumArtURL}" class="albumart" width="95px" height="95px" align="left"/>{/block:AlbumArt}
  905. <div class="player"><div class="audioplayer">{AudioPlayer}</div></div></span>
  906. <div class="audioinfo">
  907. <b>Song:</b> <span{block:TrackName} style="display: none;"{block:TrackName}>Unknown</span>{block:TrackName}{TrackName}{/block:TrackName}<br>
  908. <b>Artist:</b> <span{block:Artist} style="display: none;"{block:Artist}>Unknown</span>{block:Artist}{Artist}{/block:Artist}<br>
  909. <b>Album:</b> <span{block:Album} style="display: none;"{block:Album}>Unknown</span>{block:Album}{Album}{/block:Album}<br />
  910. <b>Played:</b> {PlayCount} times</div>
  911. <div class="audiocaption">{block:Caption}{Caption}{/block:Caption}</div>
  912. </div>
  913. {/block:Audio}
  914.      
  915. {block:Answer}
  916. <div id="entry">
  917. <div id="titlebar">{Asker}: {Question}</div>
  918. {Answer}
  919. </div>
  920. {/block:Answer}
  921.    
  922. {block:IndexPage}
  923. <div id="perma">{block:HasTags} {block:Tags} &nbsp;&nbsp;&nbsp;&nbsp;<img src="http://static.tumblr.com/ii9pnwy/hUemi1ed8/a.png">&nbsp;&nbsp;<a href="{TagURL}">{Tag} </a>{/block:Tags}{/block:HasTags}
  924. </div>
  925. {/block:IndexPage}
  926.  
  927.  
  928. {block:PermalinkPage}
  929. {block:Date}
  930.        <div style="font-family: Lekton; font-size: 9px; line-height: 12px; padding: 15px;letter-spacing: 1px; text-align: left; width: 420; margin-top:-90px; text-transform: uppercase;">
  931. Posted on: {Month} {DayOfMonth}, {Year}
  932. {/block:Date}
  933. {block:RebloggedFrom}
  934. <br> Via: <a href="{ReblogParentURL}">{ReblogParentName}</a> | Original: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  935. {/block:RebloggedFrom}
  936.  
  937. {block:HasTags}
  938. <div id="tags">{block:Tags}<a href="{TagURL}">#{Tag} </a> {/block:Tags}</div>
  939. {/block:HasTags}
  940.  
  941. </div>
  942.  
  943. {/block:PermalinkPage}
  944.  
  945. {block:PostNotes}
  946.     <div id="notes">
  947.         {PostNotes}
  948.     </div>
  949. {/block:PostNotes}
  950.  
  951.  
  952. {/block:Posts}
  953. {block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
  954.  
  955. <!-- do not remove this i'm gonna cut you down -->
  956.         <div class="cred"><a href="http://hokshi.tumblr.com/"><img src="http://tinyiconfactory.com/images/icons/254540.png?1321822627"></div>
  957.  
  958. </body>
  959. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!