API tools faq
paste
hokshi

Flaito theme

hokshi
Dec 26th, 2012
158
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 29.42 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       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="#808080"/>
  59.         <meta name="color:links" content="#ebc730"/>
  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="#424242"/>
  65.  
  66.         <meta name="image:background" content=""/>
  67.         <meta name="image:top bar" content="http://static.tumblr.com/ii9pnwy/84kmfnikd/75.jpg"/>
  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.                 border-bottom: solid 1px #2E2E2E;
  179.                 font-size: 30px;
  180.                 font-family: 'Oleo Script';
  181.                 color: {color:title color};
  182.                 z-index: 2;
  183.             }
  184.            
  185.             div#title a{
  186.                 color: {color:title color};
  187.             }
  188.  
  189.             div#topbar{
  190.                 position: fixed;
  191.                 top:0px;
  192.                 left:0px;
  193.                 height: 90px;
  194.                 width:100%;
  195.                 background:{color:top bar} url({image:top bar}) fixed;
  196.                 border-bottom: solid 5px {color:title color};
  197.                 z-index:1;
  198.             }
  199.  
  200.             div#sidebar{
  201.                 position:fixed;
  202.                 {block:If250pxposts}
  203.                 left: 50%;
  204.                 margin-left: 20px;
  205.                 {block:If250pxposts}
  206.                 {block:If400pxposts}
  207.                 left: 50%;
  208.                 margin-left: 80px;
  209.                 {block:If400pxposts}
  210.                 {block:If500pxposts}
  211.                 left: 50%;
  212.                 margin-left: 150px;
  213.                 {block:If500pxposts}
  214.                 top:105px;
  215.                 {block:Ifsmallersidebar}
  216.                 width: 150px;
  217.                 {/block:Ifsmallersidebar}
  218.                 {block:IfNotsmallersidebar}
  219.                 width: 250px;
  220.                 {/block:IfNotsmallersidebar}
  221.                 padding:20px;
  222.                 font: 9px Arial;
  223.                 line-height: 9px;
  224.                 color: {color:text};
  225.                 background: {color:side bar} url({image:side bar}) fixed;
  226.                 text-align: justify;
  227.                 border-left: solid 5px #f0f0f0;
  228.                 border-right: solid 5px #f0f0f0;
  229.                 z-index: 2;
  230.             }
  231.            
  232.             .photo img{
  233.                 {block:Ifsmallersidebar}
  234.                 width: 150px;
  235.                 {/block:Ifsmallersidebar}
  236.                 {block:IfNotsmallersidebar}
  237.                 width: 250px;
  238.                 {/block:IfNotsmallersidebar}
  239.                 margin:auto;
  240.             }
  241.            
  242.             div#menu{
  243.                 position: fixed;
  244.                 background: transparent;
  245.                 height: 30px;
  246.                 width:600px;
  247.                 float: left;
  248.                 top: 60px;
  249.                 left: 50%;
  250.                 margin-left: -180px;
  251.                 z-index: 2;
  252.             }
  253.  
  254.             .navigation{
  255.                 border-radius: 0px 10px 10px 10px;
  256.                 color: {color:navigation links};
  257.                 background: rgba(0, 0, 0, 0.5);
  258.                 float:left;
  259.                 text-align:center;
  260.                 margin-right:15px;
  261.                 width:48px;
  262.                 height: 15px;
  263.                 text-transform:uppercase;
  264.                 font: 8px Courier New;
  265.                 padding-top: 10px;
  266.                 -webkit-transition: all 0.7s linear;
  267.                 -moz-transition: all 0.7s ease;
  268.                 -o-transition: all 0.7s ease;
  269.                 z-index:3;
  270.             }
  271.  
  272.             .navigation:hover{
  273.                 border-radius: 10px 10px 0px 10px;
  274.                 background-color:{color:links};
  275.                 color:#000;
  276.                 -webkit-transition: all 0.7s linear;
  277.                 -moz-transition: all 0.7s ease;
  278.                 -o-transition: all 0.7s ease;
  279.             }
  280.        
  281.             #entry {
  282.                 background: #fff;
  283.                 margin-bottom:15px;
  284.                 {block:If250pxposts}
  285.                 width: 250px;
  286.                 {block:If250pxposts}
  287.                 {block:If400pxposts}
  288.                 width: 400px;
  289.                 {block:If400pxposts}
  290.                 {block:If500pxposts}
  291.                 width: 500px;
  292.                 {block:If500pxposts}
  293.                 padding: 5px;
  294.                 font-family: {font:Body font};
  295.                 font-size: {text:Body font size}px;
  296.                 color: #888686;
  297.                 line-height:9px;
  298.                 border-left: 85px solid #000;
  299.                 -webkit-transition: all 0.5s ease;
  300.                 -moz-transition: all 0.5s ease;
  301.                 -o-transition: all 0.5s ease;
  302.             }
  303.    
  304.             #entry:hover{
  305.                 border-left: 80px solid transparent;
  306.                 -webkit-transition: all 0.5s ease;
  307.                 -moz-transition: all 0.5s ease;
  308.                 -o-transition: all 0.5s ease;
  309.             }
  310.    
  311.             #entry:hover .permalink {
  312.                 color:#000;
  313.                 margin-left: -80px;
  314.                 opacity: 1;
  315.             }
  316.    
  317.             #entry a{
  318.                 background:{color:links};
  319.                 color: #000;
  320.             }
  321.    
  322.             #entry a:hover{
  323.                 background: transparent;
  324.                 color: #000;
  325.             }
  326.            
  327.             #titlebar{
  328.                 background: #f0f0f0;
  329.                 padding: 3px;  
  330.                 color: #313131;
  331.                 letter-spacing:1px;
  332.                 text-transform: lowercase;
  333.                 font-family: Georgia;
  334.                 font-size:12px;
  335.                 line-height: 12px;  
  336.             }
  337.            
  338.             #post{
  339.                 position: absolute;
  340.                 top: 105px;
  341.                 {block:If250pxposts}
  342.                 width: 270px;
  343.                 left: 50%;
  344.                 margin-left: -340px;
  345.                 {block:If250pxposts}
  346.                 {block:If400pxposts}
  347.                 width: 420px;
  348.                 left: 50%;
  349.                 margin-left: -425px;
  350.                 {block:If400pxposts}
  351.                 {block:If500pxposts}
  352.                 width: 520px;
  353.                 left: 50%;
  354.                 margin-left: -460px;
  355.                 {block:If500pxposts}
  356.                
  357.             }
  358.        
  359.             .permalink {
  360.                 background: transparent;
  361.                 padding: 5px;
  362.                 text-align: center;
  363.                 float: left;
  364.                 margin-left: -80px;
  365.                 margin-top: 25px;
  366.                 text-align: left;
  367.                 color: #fff;
  368.                 font: 8px courier new;
  369.                 text-transform:uppercase;
  370.                 letter-spacing: 1px;
  371.                 opacity:0;
  372.                 -webkit-transition: opacity 0.4s linear;
  373.                 -webkit-transition: all 0.4s ease-in-out;
  374.                 -moz-transition: all 0.4s ease-in-out;
  375.                 -o-transition: all 0.4s ease-in-out;
  376.             }
  377.  
  378.             #perma{
  379.                 padding:1px;
  380.                 font-family: Arial;
  381.                 font-size: 8px;
  382.                 text-transform: uppercase;
  383.                 letter-spacing: 1px;
  384.                 text-align: left;
  385.                 line-height:8px;
  386.                 margin-top:5px;
  387.                 {block:If250pxposts}
  388.                 width: 250px;
  389.                 {block:If250pxposts}
  390.                 {block:If400pxposts}
  391.                 width: 400px;
  392.                 {block:If400pxposts}
  393.                 {block:If500pxposts}
  394.                 width: 500px;
  395.                 {block:If500pxposts}
  396.                 border-top: 1px dotted #f0f0f0;
  397.             }
  398.            
  399.             #sides{
  400.                 background:#000;
  401.                 padding:5px;
  402.                 text-align: center;
  403.                 float: left;
  404.                 margin-left: 5px;
  405.                 margin-top: 5px;
  406.                 text-align: left;
  407.                 color: #808080;
  408.                 font: 8px courier new;
  409.                 text-transform:uppercase;
  410.                 letter-spacing: 2px;
  411.                 opacity:1;
  412.                 -webkit-transition: opacity 0.4s linear;
  413.                 -webkit-transition: all 0.4s ease-in-out;
  414.                 -moz-transition: all 0.4s ease-in-out;
  415.                 -o-transition: all 0.4s ease-in-out;
  416.             }
  417.  
  418.             #sides:hover{
  419.                 opacity:1;
  420.                 -webkit-transition: opacity 0.4s linear;
  421.                 -webkit-transition: all 0.4s ease-in-out;
  422.                 -moz-transition: all 0.4s ease-in-out;
  423.                 -o-transition: all 0.4s ease-in-out;
  424.             }
  425.            
  426.             .sides{
  427.                 background:#ffffff;
  428.                 float:left;
  429.                 text-align:center;
  430.                 margin-right:2px;
  431.                 width:75px;
  432.                 height: 10px;
  433.                 border: 1px solid #dfdfdf;
  434.                 text-transform: uppercase;
  435.                 font: 8px Arial;
  436.                 -webkit-transition: opacity 0.4s linear;
  437.                 -webkit-transition: all 0.4s ease-in-out;
  438.                 -moz-transition: all 0.4s ease-in-out;
  439.                 -o-transition: all 0.4s ease-in-out;
  440.             }
  441.  
  442.             .sides:hover{
  443.                 background-color:#ffd900;
  444.             }
  445.            
  446.             #chat{
  447.                 border-top: 1px solid #f0f0f0;
  448.                 border-left: 1px solid #f0f0f0;
  449.                 border-right: 1px solid #f0f0f0;
  450.                 padding: 5px;
  451.             }
  452.  
  453.             .asker {
  454.                 font-family: Georgia;
  455.                 font-size: 12px;
  456.                 padding: 5px;
  457.                 line-height: 11px;
  458.                 letter-spacing:0px;
  459.                 color:#ddb60f;
  460.             }
  461.    
  462.             .asker img{
  463.                 float: left;
  464.                 padding: 0px 0px 0px 0px;
  465.             }
  466.    
  467.             .asker a{
  468.                 color:{color:link};
  469.                 background: transparent;
  470.                 line-height: 11px;
  471.                 padding: 0;
  472.                 margin: 0;
  473.             }
  474.  
  475.             .ask {
  476.                 margin-left:40px;
  477.                 font-family: Georgia;
  478.                 font-size: 12px;
  479.                 font-weight: normal;
  480.                 color:{color:link};
  481.             }
  482.            
  483.             .question {
  484.                 margin-left:40px;
  485.                 font-family: arial;
  486.                 text-transform: uppercase;
  487.                 font-size: 8px;
  488.                 font-weight: normal;
  489.                 color:{color:text};
  490.                 text-transform: uppercase;
  491.             }
  492.  
  493.             .side{
  494.                 border: solid 5px #000;
  495.             }
  496.            
  497.             .next{
  498.                 position: absolute;
  499.                 font-family: arial;
  500.                 text-transform:uppercase;
  501.                 font-size: 8px;  
  502.                 padding: 5px;
  503.                 border-top: 1px dashed #f0f0f0;
  504.                 background:#fcfcfc;
  505.                 color:#757575;
  506.                 margin-top:20px;
  507.                 margin-left:-20px;
  508.                 -webkit-transition: all 0.5s ease;
  509.                 -moz-transition: all 0.5s ease;
  510.                 -o-transition:all 0.5s ease;
  511.             }
  512.    
  513.             .next:hover{
  514.                 background: #f0f0f0;
  515.                 -webkit-transition: all 0.5s ease;
  516.                 -moz-transition: all 0.5s ease;
  517.                 -o-transition:all 0.5s ease;
  518.             }
  519.  
  520.             .next2{
  521.                 position: absolute;
  522.                 font-family: arial;
  523.                 text-transform:uppercase;
  524.                 font-size: 8px;  
  525.                 padding: 5px;
  526.                 border-top: 1px dashed #f0f0f0;
  527.                 background:#fcfcfc;
  528.                 color:#757575;
  529.                 margin-top:20px;
  530.                 {block:Ifsmallersidebar}
  531.                 margin-left:140px;
  532.                 {/block:Ifsmallersidebar}
  533.                 {block:IfNotsmallersidebar}
  534.                 margin-left:240px;
  535.                 {/block:IfNotsmallersidebar}
  536.                 -webkit-transition: all 0.5s ease;
  537.                 -moz-transition: all 0.5s ease;
  538.                 -o-transition:all 0.5s ease;
  539.             }
  540.    
  541.             .next2:hover{
  542.                 background: #f0f0f0;
  543.                 -webkit-transition: all 0.5s ease;
  544.                 -moz-transition: all 0.5s ease;
  545.                 -o-transition:all 0.5s ease;
  546.             }
  547.            
  548.             #notes {
  549.                 text-align: left;
  550.                 font-size: 8px;
  551.                 text-transform:uppercase;
  552.                 margin-top: 10px;
  553.                 letter-spacing: 1px;
  554.                 {block:If250pxposts}
  555.                 width: 230px;
  556.                 {block:If250pxposts}
  557.                 {block:If400pxposts}
  558.                 width: 380px;
  559.                 {block:If400pxposts}
  560.                 {block:If500pxposts}
  561.                 width: 480px;
  562.                 {block:If500pxposts}
  563.                 max-height: 150px;
  564.                 overflow:auto;
  565.             }
  566.            
  567.             #musicart {
  568.                 position: absolute;
  569.                 {block:If250pxposts}
  570.                 margin-left:20px;
  571.                 margin-top:5px;
  572.                 {block:If250pxposts}
  573.                 {block:If400pxposts}
  574.                 margin-left:70px;
  575.                 margin-top:5px;
  576.                 {block:If400pxposts}
  577.                 {block:If500pxposts}
  578.                 margin-left:120px;
  579.                 margin-top:5px;
  580.                 {block:If500pxposts}
  581.                
  582.                 height: 60px;
  583.                 width: 60px;
  584.                 border: 1px solid #F0F0F0;
  585.                 background: #fff;
  586.                 padding: 5px;
  587.             }
  588.  
  589.             #musicart img {
  590.                 height: 60px;
  591.                 width: 60px;
  592.                 -webkit-transition: all 0.5s ease;
  593.                 -moz-transition: all 0.5s ease;
  594.                 -o-transition: all 0.5s ease;
  595.             }
  596.  
  597.             #player {
  598.                 position: absolute;
  599.                 {block:If250pxposts}
  600.                 margin-left:100px;
  601.                 margin-top:5px;
  602.                 {block:If250pxposts}
  603.                 {block:If400pxposts}
  604.                 margin-left:150px;
  605.                 margin-top:5px;
  606.                 {block:If400pxposts}
  607.                 {block:If500pxposts}
  608.                 margin-left:200px;
  609.                 margin-top:5px;
  610.                 {block:If500pxposts}
  611.                
  612.                 -webkit-transition: all 0.5s ease;
  613.                 -moz-transition: all 0.5s ease;
  614.                 -o-transition: all 0.5s ease;
  615.             }
  616.            
  617.             #music {
  618.                 {block:If250pxposts}
  619.                 margin-left:100px;
  620.                 margin-top:15px;
  621.                 {block:If250pxposts}
  622.                 {block:If400pxposts}
  623.                 margin-left:150px;
  624.                 margin-top:15px;
  625.                 {block:If400pxposts}
  626.                 {block:If500pxposts}
  627.                 margin-left:200px;
  628.                 margin-top:15px;
  629.                 {block:If500pxposts}
  630.                 min-height: 50px;
  631.                 padding: 25px 0px 0px 10px;
  632.                 font-size: 9px;
  633.                 line-height: 9px;    
  634.             }    
  635.            
  636.             .cred {
  637.                 border: 1px solid #bbb;
  638.                 padding: 5px;
  639.                 bottom:10px;
  640.                 right:5px;
  641.                 position:fixed;
  642.                 font-family: Arial;
  643.                 font-size: 10px;
  644.                 -webkit-transition: all 0.5s ease;
  645.                 -moz-transition: all 0.5s ease;
  646.                 -o-transition:all 0.5s ease;
  647.             }
  648.            
  649.             .cred a{
  650.                 color: black;
  651.             }
  652.            
  653.             .cred a:hover{
  654.                 color: {color:links};
  655.             }
  656.            
  657.             .cred:hover {
  658.                 border: 5px dashed #000;
  659.                 padding: 5px;
  660.                 margin-top:-100px;
  661.                 bottom:10px;
  662.                 right:5px;
  663.                 position:fixed;
  664.                 font-family: Arial;
  665.                 font-size: 10px;
  666.                 -webkit-transition: all 0.5s ease;
  667.                 -moz-transition: all 0.5s ease;
  668.                 -o-transition:all 0.5s ease;
  669.             }
  670.            
  671.             blockquote {
  672.                 margin-left:1px;
  673.                 background:#f0f0f0;
  674.                 padding: 10px;  
  675.                 color: {color:link};
  676.             }
  677.  
  678.         </style>
  679.     </head>
  680.  
  681.     <body>
  682.    
  683.         <!-- title -->
  684.         <div id="title">
  685.             <link href='http://fonts.googleapis.com/css?family=Oleo+Script' rel='stylesheet' type='text/css'>
  686.             <a href="/">{Title}</a>
  687.         </div>
  688.        
  689.         <!-- top bar -->
  690.         <div id="topbar">
  691.         </div>
  692.  
  693.         <!-- side bar -->
  694.         <div id="sidebar">
  695.             {block:IfSidebarphoto}
  696.                 <div class="photo">
  697.                     <img src="{image:side bar image}">
  698.                 </div>
  699.             {block:IfSidebarphoto}<br>{Description}<br>
  700.  
  701.         {block:IfNotInfiniteScrolling}
  702.             {block:Pagination}
  703.                 {block:PreviousPage}
  704.                     <a href="{PreviousPage}">
  705.                         <div class="next">previous</div>
  706.                     </a>
  707.                 {/block:PreviousPage}
  708.                 {block:NextPage}
  709.                     <a href="{NextPage}">
  710.                         <div class="next2">next</div>
  711.                     </a>
  712.                 {/block:NextPage}
  713.             {/block:Pagination}
  714.         {/block:IfNotInfiniteScrolling}
  715.  
  716.         </div>
  717.  
  718.         <div align="center">
  719.             <div id="menu">
  720.                 <a href="/"><div class="navigation">home</div></a>
  721.                 <a href="/archive"><div class="navigation">archive</div></a>
  722.                 <a href="/FAQ"><div class="navigation">message</div></a>
  723.                 {block:ifLink1URL}<a href="{text:Link 1 URL}"><div class="navigation">{text:Link 1 Name}</div></a>{/block:ifLink1URL}
  724.                 {block:ifLink2URL}<a href="{text:Link 2 URL}"><div class="navigation">{text:Link 2 Name}</div></a>{/block:ifLink2URL}
  725.                 {block:ifLink3URL}<a href="{text:Link 3 URL}"><div class="navigation">{text:Link 3 Name}</div></a>{/block:ifLink3URL}
  726.  
  727.             </div>
  728.         </div>
  729.  
  730.  
  731.         <div id="post">
  732.  
  733.         {block:IfInfiniteScrolling}
  734.             <div class = "autopagerize_page_element" >
  735.         {/block:IfInfiniteScrolling}
  736.  
  737.             {block:Posts}
  738.                 <div id="sides">
  739.                     {block:Date}{DayOfMonthWithZero}.{ShortMonth}.{ShortYear} {/block:Date}
  740.  
  741.                 </div>
  742.  
  743.                 <div id="entry">
  744.                     {block:IndexPage}<div class="permalink">¦ {NoteCount} <br>¦ <a href="{Permalink}">PERMALINK</a><br>¦ <a href="{ReblogURL}">REBLOG</a></div>{/block:IndexPage}
  745.  
  746.  
  747.                     {block:Text}
  748.                         <a href="{Permalink}">
  749.                             {block:Title}
  750.                                 <div id="titlebar"><i>{Title}</i></div>
  751.                             {/block:Title}
  752.                         </a>   
  753.  
  754.                         <div align="left">{Body}</div>
  755.                     {/block:Text}
  756.  
  757.                     {block:Photo}
  758.                         <a href="{Permalink}">
  759.                         {block:If250pxposts}
  760.                             <div><img src="{PhotoURL-250}"{block:PermalinkPage} width="250px"{/block:PermalinkPage} alt="{PhotoAlt}"/></div>
  761.                 {block:If250pxposts}
  762.                         {block:If400pxposts}
  763.                             <div><img src="{PhotoURL-400}"{block:PermalinkPage} width="400px"{/block:PermalinkPage} alt="{PhotoAlt}"/></div>
  764.                         {block:If400pxposts}
  765.                         {block:If500pxposts}
  766.                             <div><img src="{PhotoURL-500}"{block:PermalinkPage} width="500px"{/block:PermalinkPage} alt="{PhotoAlt}"/></div>
  767.                         {block:If500pxposts}
  768.                            
  769.                         </a>
  770.                             {block:IfShowCaptions}
  771.                                 {block:Caption}{Caption}{/block:Caption}
  772.                             {/block:IfShowCaptions}
  773.                     {/block:Photo}
  774.              
  775.                     {block:Photoset}
  776.                         <a href="{Permalink}">
  777.                             {block:If250pxposts}
  778.                                 {Photoset-250}
  779.                             {/block:If250pxposts}
  780.                             {block:If400pxposts}
  781.                                 {Photoset-400}
  782.                             {/block:If400pxposts}
  783.                             {block:If500pxposts}
  784.                                 {Photoset-500}
  785.                             {/block:If500pxposts}
  786.                        
  787.                            
  788.                         </a>
  789.                             {block:IfShowCaptions}
  790.                                 {block:Caption}{Caption}{/block:Caption}
  791.                             {/block:IfShowCaptions}
  792.                     {/block:Photoset}
  793.      
  794.                     {block:Quote}
  795.                         <div id="titlebar"><div align="center">
  796.                             "<i>{Quote}</i>"
  797.                         </div></div>
  798.                         {block:Source}
  799.                             <p><div align="right"> - {Source}</div></p>
  800.                         {/block:Source}
  801.                     {/block:Quote}
  802.      
  803.                     {block:Link}
  804.                         <a href="{URL}" class="link" {Target}>
  805.                             <div id="titlebar"><i>{Name}</i></div>
  806.                         </a>
  807.                         {block:Description}{Description}{/block:Description}
  808.                     {/block:Link}
  809.      
  810.                     {block:Chat}
  811.                         {block:Title}
  812.                             <a href="{Permalink}"><div id="titlebar"><i>{Title}</i></div></a>
  813.                         {/block:Title}
  814.                         {block:Lines}
  815.                             <div id="chat">
  816.                                 {block:Label}
  817.                                     <i><font color="#DBA901">{Label}</font></i>
  818.                                 {/block:Label}{Line}
  819.                             </div>
  820.                         {/block:Lines}
  821.                     {/block:Chat}    
  822.      
  823.                     {block:Video}
  824.                         {Video-500}
  825.                             {block:IfShowCaptions}
  826.                                 {block:Caption}{Caption}{/block:Caption}
  827.                             {/block:IfShowCaptions}
  828.                     {/block:Video}
  829.      
  830.                     {block:Audio}
  831.                         <div id="musicart">
  832.         {block:AlbumArt}
  833.         <img src="{AlbumArtURL}">
  834.         {/block:AlbumArt}
  835.         </div>
  836.  
  837.     <div id="player">
  838.     <div style="width: 100px; height: 27px; overflow: hidden;">
  839.     {AudioPlayerWhite}
  840.     </div></div>
  841.    
  842.     <div id="music">
  843.         {block:TrackName}<b>Track:</b> {TrackName}<br>{/block:TrackName}
  844.         {block:Artist}<b>Artist:</b> {Artist}<br>{/block:Artist}
  845.         {block:Album}<b>Album:</b> {Album}<br>{/block:Album}
  846.         <b>Plays:</b> {PlayCount}<br>
  847.    
  848.                             {block:Ifshowcaptions}
  849.                                 {block:Caption}{Caption}{/block:Caption}
  850.                             {/block:Ifshowcaptions}
  851.     </div>
  852.                     {/block:Audio}
  853.      
  854.                     {block:Answer}
  855.                         <div id="titlebar"><div class="asker">
  856.                             <img src="{AskerPortraitURL-24}" class="side" border="0">
  857.                                 <div class="ask">&nbsp;<i>{Asker}</i></div>
  858.                                 <div class="question">&nbsp;{Question}</div>
  859.                         </div></div>
  860.                             {Answer}
  861.                     {/block:Answer}
  862.  
  863.                     {block:IndexPage}
  864.                         <div id="perma">
  865.                             {block:HasTags}TAGGED: {block:Tags}
  866.                                 #<a href="{TagURL}">{Tag}</a>
  867.                             {/block:Tags}{/block:HasTags}
  868.                         </div>
  869.                     {/block:IndexPage}
  870.  
  871.                     {block:PermalinkPage}
  872.                         <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}">
  873.                             {block:Date}
  874.                                 Posted on {Month} {DayOfMonth}, {Year}.
  875.                             {/block:Date}
  876.          
  877.                             {block:RebloggedFrom}
  878.                                 <br>Via: <a href="{ReblogParentURL}">{ReblogParentName}</a> | Source: <a href="{ReblogRootURL}">{ReblogRootName}</a>
  879.                             {/block:RebloggedFrom}
  880.  
  881.                             {block:HasTags}
  882.                                     {block:Tags}<div id="tags">Tagged: <a href="{TagURL}">#{Tag} </a> </div>{/block:Tags}
  883.                             {/block:HasTags}
  884.                         </div>
  885.                        
  886.                     {/block:PermalinkPage}
  887.                    
  888.                         {block:PostNotes}
  889.                             <div id="notes">
  890.                                 {PostNotes}
  891.                             </div>
  892.                         {/block:PostNotes}
  893.  
  894.                 </div>
  895.             {/block:Posts}
  896.         {block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
  897.         </div>
  898.         <!-- do not remove this i'm gonna cut you down -->
  899.         <div class="cred"><a href="http://hokshi.tumblr.com/">©</div>
  900.        
  901.        
  902.     </body>
  903. </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!