API tools faq
paste
hokshi

Flaito2 theme

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