pastebin - collaborative debugging tool
kpaste.net RSS


theme
Posted by Anonymous on Sat 27th Oct 2012 19:12
raw | new post

  1. <html>
  2.     <head>
  3.         <title>{Title}{block:SearchPage} ({lang:Search results for SearchQuery}){/block:SearchPage}{block:PermalinkPage}{block:PostSummary} — {PostSummary}{/block:PostSummary}{/block:PermalinkPage}</title>
  4.        
  5.         <meta charset="utf-8">
  6.         <meta name="description" content="{block:IndexPage}{block:Description}{MetaDescription}{/block:Description}{/block:IndexPage}{block:PermalinkPage}{block:PostSummary}{PostSummary}{/block:PostSummary}{/block:PermalinkPage}" />
  7.        
  8.         <meta name="color:Accent" content="#000000"/>
  9.         <meta name="font:Body" content="'Helvetica Neue', Helvetica, Arial, sans-serif"/>
  10.         <meta name="if:Two column posts" content="1"/>
  11.  
  12.         <!-- Appearance option -->
  13.         <meta name="if:Show bar on top" content="1"/>
  14.         <meta name="if:Show blog title" content="1"/>
  15.         <meta name="if:Show blog description" content="1"/>
  16.         <meta name="if:Show profile photo" content="1"/>
  17.         <meta name="if:Use endless scrolling" content="1"/>
  18.  
  19.  
  20.         <meta name="if:Show right column" content="1"/>
  21.         <meta name="if:Place timestamp in left column" content="1"/>
  22.         <meta name="if:Use larger font for quotes" content="0"/>
  23.         <meta name="if:Show image shadows" content="1"/>
  24.         <meta name="if:Show tags" content="1"/>
  25.         <meta name="if:Show post notes" content="1"/>
  26.         <meta name="if:Show copyright in footer" content="1"/>
  27.         <meta name="text:Google Analytics ID" content=""/>
  28.         <meta name="text:Disqus comments" content=""/>
  29.                
  30.         <link rel="shortcut icon" href="{Favicon}" />
  31.         <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  32.  
  33.         <!-- HTML5 Shiv -->
  34.         <!--[if lt IE 9]><script src="http://static.tumblr.com/hriofhd/Qj0m8pn7q/html5shiv.js"></script><![endif]-->
  35.        
  36.         <!-- Reset CSS -->
  37.         <link rel="stylesheet" href="http://static.tumblr.com/thpaaos/DIcklyl4z/reset.css" type="text/css">
  38.  
  39.         <!-- Theme CSS -->
  40.         <style type="text/css" media="screen">
  41.             body {
  42.                 -webkit-font-smoothing: antialiased;
  43.                 font-size: 15px;
  44.                 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  45.                 line-height: 24px;
  46.                 margin: 0;
  47.                 padding: 0;
  48.             }
  49.            
  50.             *:active, *:focus { outline-width: 0px; }
  51.             img { max-width: 100% }
  52.             .post .top.media img { width: 100%; }
  53.             a { text-decoration: none; color: {Color:Accent}; }
  54.             a img { border-width: 0px; }
  55.             strong { font-weight: bold; }
  56.             em { font-style: italic; }
  57.            
  58.             .group:after {
  59.                 visibility: hidden;
  60.                 display: block;
  61.                 content: "";
  62.                 clear: both;
  63.                 height: 0;
  64.                 }
  65.             * html .group             { zoom: 1; } /* IE6 */
  66.             *:first-child+html .group { zoom: 1; } /* IE7 */
  67.            
  68.             iframe#tumblr_controls {
  69.                 top: 12px !important;
  70.             }
  71.        
  72.             #color_bar {
  73.                 height: 12px;
  74.                 background: {Color:Accent};
  75.             }
  76.        
  77.             #container {
  78.                 width: 950px;
  79.                 margin: 0 auto;
  80.                 padding: 60px 20px;
  81.             }
  82.            
  83.             #header {
  84.                 height: 48px;
  85.                 margin: 0 0 60px 0;
  86.             }
  87.                
  88.             #blog_info {
  89.                 width: 700px;
  90.                 margin: 0 60px 0 0;
  91.                 float: left;
  92.             }
  93.                    
  94.             #blog_info h1 {
  95.                 font-size: 36px;
  96.                 font-weight: bold;
  97.                 letter-spacing: -1px;
  98.                 line-height: 36px;
  99.                 margin: 8px 0 0 0;
  100.             }
  101.                        
  102.             #blog_info h1 a {
  103.                 color: #333333;
  104.             }
  105.                            
  106.             #blog_info h1 a:hover {
  107.                 color: #000;
  108.             }
  109.            
  110.             #blog_info h1 a:active {
  111.                 position: relative;
  112.                 top: 1px;
  113.             }
  114.                        
  115.             #blog_info p, #blog_info .cont {
  116.                 color: #646464;
  117.                 margin-top: 7px;
  118.             }
  119.             .cont {
  120.                 margin-bottom: 7px;
  121.             }
  122.                    
  123.             #blog_avatar {
  124.                 width: 188px;
  125.                 position: relative;
  126.                 float: right;
  127.                 {block:IfNotShowBlogTitle}float: left;{/block:IfNotShowBlogTitle}
  128.             }
  129.                    
  130.             #blog_avatar a {
  131.                 width: 48px;
  132.                 height: 48px;
  133.                 {block:IfShowImageShadows}
  134.                     -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, .21);
  135.                     box-shadow: 0px 1px 3px rgba(0, 0, 0, .21);
  136.                 {/block:IfShowImageShadows}  
  137.                 position: absolute;
  138.                 top: 0;
  139.                 left: 0;
  140.                 display: block;
  141.             }
  142.                        
  143.             #blog_avatar img {
  144.                 width: 48px;
  145.                 -webkit-border-radius: 2px;
  146.                 -moz-border-radius: 2px;
  147.                 border-radius: 2px;
  148.             }
  149.                            
  150.             #blog_avatar a::before {
  151.                 content: " ";
  152.                 width: 46px;
  153.                 height: 46px;
  154.                 -webkit-border-radius: 2px;
  155.                 -moz-border-radius: 2px;
  156.                 border-radius: 2px;
  157.                 border: 1px solid rgba(0,0,0,.1);
  158.                 position: absolute;
  159.                 top: 0px;
  160.                 left: 0px;
  161.                 z-index: 999;
  162.                 display: block;
  163.             }
  164.                
  165.             #blog_avatar:hover a {
  166.                 width: 64px;
  167.                 height: 64px;
  168.                 top: -8px;
  169.                 left: -8px;
  170.             }
  171.  
  172.             #blog_avatar:hover a img {
  173.                 width: 64px;
  174.             }
  175.  
  176.             #blog_avatar:hover a::before {
  177.                 width: 62px;
  178.                 height: 62px;
  179.             }
  180.                                
  181.             #blog_avatar:active a {
  182.                 top: -7px;
  183.                 -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, .21);
  184.                 box-shadow: 0px 0px 1px rgba(0, 0, 0, .21);
  185.             }
  186.                
  187.             #posts {
  188.                 width: 700px;
  189.                 color: #4C4C4C;
  190.                 margin: 0 60px 0 0;
  191.                 float: left;
  192.             }
  193.                
  194.             #posts .post {
  195.                 list-style-type: none;
  196.                 border-bottom: 1px solid #E6E6E6;
  197.                 margin: 0 0 45px 0;
  198.                 padding: 0 0 45px 0;
  199.             }
  200.                        
  201.             .top.audio * {
  202.                 width: 700px;
  203.                 height: 91px
  204.             }
  205.  
  206.             .top.media {
  207.                 line-height: 0;
  208.                 {block:IfShowImageShadows}
  209.                     -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, .27);
  210.                     box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, .27);
  211.                 {/block:IfShowImageShadows}
  212.                 position: relative;
  213.                 display: inline-block;
  214.             }
  215.  
  216.             .top.media.photoset {
  217.                 line-height: 0;
  218.                 {block:IfShowImageShadows}
  219.                     -webkit-box-shadow: none;
  220.                     box-shadow: none;
  221.                 {/block:IfShowImageShadows}
  222.                 position: relative;
  223.                 display: inline-block;
  224.             }
  225.            
  226.             .media img {
  227.                 -webkit-border-radius: 2px;
  228.                 -moz-border-radius: 2px;
  229.                 border-radius: 2px;
  230.             }
  231.                            
  232.             .link_post .link {
  233.                 color: {Color:Accent};
  234.                 font-size: 21px;
  235.                 font-weight: bold;
  236.                 border: 1px solid rgba({RGBcolor:Accent}, 0.13);
  237.                 background: rgba({RGBcolor:Accent}, 0.13);
  238.                 -webkit-border-radius: 2px;
  239.                 -moz-border-radius: 2px;
  240.                 border-radius: 2px;
  241.                 padding: 15px 53px 15px 20px;
  242.                 position: relative;
  243.                 display: block;
  244.             }
  245.                                
  246.             .link .arrow {
  247.                 width: 0;
  248.                 height: 0;
  249.                 border-top: 8px solid transparent;
  250.                 border-bottom: 8px solid transparent;
  251.                 border-left: 12px solid {Color:Accent};
  252.                 position: absolute;
  253.                 top: 50%;
  254.                 right: 20px;
  255.                 margin-top: -8px;
  256.                 display: block;
  257.             }
  258.                                    
  259.             .link_post .link:hover {
  260.                 border: 1px solid rgba({RGBcolor:Accent}, 0.2);
  261.                 background: rgba({RGBcolor:Accent}, 0.2);
  262.             }
  263.            
  264.             .link_post .link:active {
  265.                 position: relative;
  266.                 top: 1px;
  267.             }
  268.  
  269.             #posts .post .caption_and_post_info.after_top_part {
  270.                 border-top: 0;
  271.                 margin: 30px auto auto auto;
  272.                 padding-top: 0;
  273.             }
  274.                            
  275.             .post .caption {
  276.                 width: auto;
  277.                 float: none;
  278.             }
  279.                        
  280.             {block:IfPlaceTimestampInLeftColumn}
  281.             .post .caption {
  282.                 width: 513px;
  283.                 float: right;
  284.             }
  285.             {/block:IfPlaceTimestampInLeftColumn}
  286.  
  287.             .content_source {
  288.                 margin-bottom: 20px;
  289.             }
  290.  
  291.             .content_source img {
  292.                 margin: 0 0 0 4px !important;
  293.                 opacity: 0.7;
  294.                 vertical-align: middle;
  295.             }
  296.  
  297.             .caption a, .description a {
  298.                 color: {Color:Accent};
  299.                 padding: 0 1px;
  300.             }
  301.    
  302.             .caption a:hover, .description a:hover {
  303.                 background: rgba({RGBcolor:Accent}, 0.13);
  304.             }
  305.    
  306.             .caption a:active, .description a:active {
  307.                 background: rgba({RGBcolor:Accent}, 0.2);
  308.             }
  309.    
  310.             .caption h2 {
  311.                 font-size: 32px;
  312.                 line-height: 33px;
  313.                 margin: 0 0 18px 0;
  314.             }
  315.                            
  316.             .caption h2 a {
  317.                 color: #333;
  318.                 font-weight: bold;
  319.                 letter-spacing: -1px;
  320.             }
  321.    
  322.             .caption h2 a:hover {
  323.                 color: {Color:Accent};
  324.                 background: transparent;
  325.             }
  326.                                
  327.             .caption blockquote {
  328.                 border-left: 2px solid #E6E6E6;
  329.                 padding: 1px 0 1px 20px;
  330.             }
  331.  
  332.             .caption pre {
  333.                 background: #eee;
  334.                 font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Anonymous Pro", "Courier New", monospace:
  335.                 overflow: scroll;
  336.                 padding: 10px;
  337.                 border-radius: 3px;
  338.                 font-size: 13px;
  339.                 line-height: 19px;
  340.             }
  341.  
  342.             .caption p,
  343.             .caption ol,
  344.             .caption ul,
  345.             .caption pre,
  346.             .caption h1,
  347.             .caption h2,
  348.             .post h3,
  349.             .caption h4,
  350.             .caption h5,
  351.             .caption blockquote,
  352.             .caption img,
  353.             .caption embed,
  354.             .caption object {
  355.                 margin: 0 0 20px 0;
  356.             }
  357.    
  358.             .caption p:empty {
  359.                 display: none;
  360.             }
  361.  
  362.             .caption iframe {
  363.                 display: block !important;
  364.             }
  365.  
  366.             .post .caption ul,
  367.             .post .caption ol {
  368.                 margin-left: 18px;
  369.             }
  370.  
  371.             .caption .question {
  372.                 display: block;
  373.                 padding: 15px;
  374.                 font-size: 15px;
  375.             }
  376.  
  377.             .caption .answer {
  378.                 margin-top: 20px;
  379.             }
  380.  
  381.             .caption .asker {
  382.                 line-height: 24px;
  383.                 margin: 25px 20px 0 23px;
  384.             }
  385.  
  386.             .caption .asker img {
  387.                 float: left;
  388.                 margin: 0 7px 0 0;
  389.             }
  390.  
  391.             .caption .asker a {
  392.                 margin-left: 0;
  393.             }
  394.                            
  395.             .caption .quote {
  396.                 color: #333;
  397.                 font-weight: bold;
  398.             }
  399.                            
  400.             .quote span {
  401.                 display: inline-block;
  402.             }
  403.  
  404.             .quote.short_text {
  405.                 font-size: 50px;
  406.                 letter-spacing: -2px;
  407.                 line-height: 48px;
  408.                 margin: 0 0 18px 0;
  409.             }
  410.    
  411.             .quote.short_text span {
  412.                 margin: 0 0 0 -22px;
  413.             }
  414.        
  415.             .quote.medium_text {
  416.                 font-size: 36px;
  417.                 letter-spacing: -1px;
  418.                 line-height: 36px;
  419.                 margin: 0 0 20px 0;
  420.             }
  421.  
  422.             .quote.medium_text span {
  423.                 margin: 0 0 0 -13px;
  424.             }
  425.  
  426.             .quote.long_text,
  427.             .quote.text {
  428.                 font-size: 24px;
  429.                 line-height: 27px;
  430.                 margin: 0 0 20px 0;
  431.             }
  432.  
  433.             .quote.long_text span {
  434.                 margin: 0 0 0 -9px;
  435.             }
  436.  
  437.             .quote.larger_text {
  438.                 font-size: 50px !important;
  439.                 letter-spacing: -2px !important;
  440.                 line-height: 48px !important;
  441.                 margin: 0 0 18px 0 !important;
  442.             }
  443.    
  444.             .quote.larger_text span {
  445.                 margin: 0 0 0 -22px !important;
  446.             }
  447.                
  448.             .quote_source {
  449.                 margin: 0 0 20px 0 !important;
  450.             }
  451.                                        
  452.             .caption .conversation {
  453.                 margin-left: 0 !important;
  454.                 margin-bottom: 30px;
  455.                 list-style-type: none;
  456.             }
  457.  
  458.             .conversation .chat_line {
  459.                 padding: 10px 16px;
  460.             }
  461.  
  462.             .conversation .chat_line.user1 {
  463.                 background: #f5f5f5;
  464.             }
  465.  
  466.             .conversation .chat_line.user2 {
  467.                 background: #fff;
  468.             }
  469.  
  470.             .conversation .chat_line.user3 {
  471.                 background: #ddd;
  472.             }
  473.  
  474.             .conversation .chat_line.user4 {
  475.                 background: #ccc;
  476.             }
  477.                            
  478.             .post .post_info {
  479.                 width: auto;
  480.                 font-size: 12px;
  481.                 font-family: 'Times New Roman', Times, serif;
  482.                 letter-spacing: 2px;
  483.                 text-transform: uppercase;
  484.                 list-style-type: none;
  485.                 -webkit-font-smoothing: subpixel-antialiased;
  486.                 margin: 1px 0 0 -3px;
  487.                 overflow: hidden;
  488.             }
  489.                        
  490.             .post_info li {
  491.                 line-height: 14px;
  492.                 margin-bottom: 10px;
  493.                 float: left;
  494.             }
  495.  
  496.             .post_info li a {
  497.                 margin: 0 10px 0 0;
  498.                 padding: 0 2px 0 5px;
  499.             }
  500.                        
  501.             .post_info .timestamp {
  502.                 color: #4c4c4c;
  503.                 padding: 0 2px 0 5px;
  504.                 display: inline-block;
  505.             }
  506.                            
  507.             .post_info .timestamp:hover {
  508.                 background: rgba(0,0,0,.08);
  509.             }
  510.    
  511.             .post_info .timestamp:active {
  512.                 background: rgba(0,0,0,.1);
  513.             }
  514.                                        
  515.             .post_info .notecount {
  516.                 color: #4c4c4c;
  517.                 padding: 0 2px 0 5px;
  518.                 display: inline-block;
  519.             }
  520.                                        
  521.             .post_info .notecount:hover {
  522.                 background: rgba(0,0,0,.08);
  523.             }
  524.    
  525.             .post_info .notecount:active {
  526.                 background: rgba(0,0,0,.1);
  527.             }
  528.                                        
  529.             /* Baselines */
  530.        
  531.             {block:IfPlaceTimestampInLeftColumn}
  532.             .timestamp.has_caption {
  533.                 margin-top: 6px;
  534.             }
  535.  
  536.             .timestamp.has_caption.with_title {
  537.                 margin-top: 18px
  538.             }
  539.             {/block:IfPlaceTimestampInLeftColumn}
  540.  
  541.             .tag {
  542.                 color: {Color:Accent};
  543.                 display: table;
  544.             }
  545.  
  546.             .tag span {
  547.                 color: #4c4c4c;
  548.                 display: table-cell;
  549.             }
  550.    
  551.             .tag:hover {
  552.                 background: rgba({RGBcolor:Accent}, 0.13);
  553.             }
  554.  
  555.             .tag:hover span {
  556.                 color: {Color:Accent};
  557.             }
  558.        
  559.             .tag:active {
  560.                 background: rgba({RGBcolor:Accent}, 0.2);
  561.             }
  562.  
  563.             .post .post_info.floating {
  564.                 width: 157px;
  565.                 float: left;
  566.             }
  567.  
  568.             .post .post_info.floating li {
  569.                 float: none;
  570.             }
  571.                        
  572.             .post_notes {
  573.                 clear: both;
  574.             }
  575.                            
  576.             ol.notes {
  577.                 color: #4C4C4C;
  578.                 font-size: 13px;
  579.                 text-shadow: 0px 1px 0px rgba(255,255,255,.7);
  580.                 text-align: left;
  581.                 list-style-type: none;
  582.                 border-top: solid 1px #E6E6E6;
  583.                 -webkit-font-smoothing: subpixel-antialiased !important;
  584.                 margin: 40px auto auto auto;
  585.             }
  586.  
  587.             ol.notes li.note {
  588.                 border-bottom: solid 1px #E6E6E6;
  589.                 padding: 9px 0 10px 0;
  590.             }
  591.  
  592.             ol.notes li.note img.avatar {
  593.                 width: 16px;
  594.                 height: 16px;
  595.                 border-radius: 3px;
  596.                 vertical-align: -4px;
  597.                 margin-right: 6px;
  598.             }
  599.  
  600.             ol.notes a {
  601.                 color: #4C4C4C;
  602.                 text-decoration: underline;
  603.             }
  604.  
  605.                 ol.notes a:hover {
  606.                     color: #4C4C4C;
  607.                 }
  608.  
  609.             ol.notes li.note blockquote {
  610.                 border-color: #eee;
  611.                 padding: 4px 10px;
  612.                 margin: 10px 0px 0px 25px;
  613.             }
  614.  
  615.             ol.notes li.note blockquote a {
  616.                 text-decoration: none;
  617.             }
  618.  
  619.             ol.notes li.note:last-child {
  620.                 border-width: 0px;
  621.             }
  622.                
  623.             #sidebar {
  624.                 width: 188px;
  625.                 color: #4c4c4c;
  626.                 font-size: 14px;
  627.                 margin: -8px 0 0 0;
  628.                 float: right;
  629.             }
  630.            
  631.             #sidebar .description {
  632.                 line-height: 21px;
  633.                 border-bottom: 1px solid #E6E6E6;
  634.                 margin: 3px 0 20px 0;
  635.                 padding: 0 0 20px 0;
  636.             }
  637.        
  638.             #sidebar .links {
  639.                 font-size: 12px;
  640.                 font-family: 'Times New Roman', Times, serif;
  641.                 letter-spacing: 2px;
  642.                 text-transform: uppercase;
  643.                 list-style-type: none;
  644.                 -webkit-font-smoothing: subpixel-antialiased;
  645.                 margin: 0 0 20px 0;
  646.                 line-height: 20px;
  647.             }
  648.                
  649.             #sidebar .links a {
  650.                 color: #4c4c4c;
  651.             }
  652.            
  653.             #sidebar .links a:hover {
  654.                 color: {Color:Accent};
  655.             }
  656.            
  657.             .links .icon {
  658.                 width: 12px;
  659.                 height: 12px;
  660.                 background: #383838 url('http://static.tumblr.com/thpaaos/1xRm66voi/icons_sprite.png');
  661.                 margin: 0 8px 0 0;
  662.                 display: inline-block;
  663.             }
  664.                
  665.             .links a:hover .icon {
  666.                 background-color: {Color:Accent};
  667.             }
  668.            
  669.             .ask .icon { background-position: 0 0; margin-bottom: -2px; }
  670.             .submit .icon { background-position: 0 -12px; margin-bottom: -1px; }
  671.             .rss .icon { background-position: 0 -24px; }
  672.             .archive .icon { background-position: 0 -36px; }
  673.                        
  674.             .bubble {
  675.                 color: #6f6f6f;
  676.                 font-size: 13px;
  677.                 line-height: 20px;
  678.                 background: #f5f5f5;
  679.                 border: 1px solid #d5d5d5;
  680.                 -webkit-border-radius: 4px;
  681.                 -moz-border-radius: 4px;
  682.                 border-radius: 4px;
  683.                 padding: 8px 12px;
  684.                 position: relative;
  685.                 display: none;
  686.             }
  687.            
  688.             #twitter_container .bubble:first-child {
  689.                 display: block;
  690.             }
  691.  
  692.             .bubble .arrow {
  693.                 width: 0;
  694.                 height: 0;
  695.                 position: absolute;
  696.                 display: block;
  697.             }
  698.  
  699.             .bubble .arrow.fill {
  700.                 border-left: 8px solid transparent;
  701.                 border-right: 8px solid transparent;
  702.                 border-top: 8px solid #f5f5f5;
  703.                 bottom: -8px;
  704.                 left: 25px;
  705.             }
  706.  
  707.             .bubble .arrow.border {
  708.                 border-left: 10px solid transparent;
  709.                 border-right: 10px solid transparent;
  710.                 border-top: 10px solid #d5d5d5;
  711.                 bottom: -10px;
  712.                 left: 23px;
  713.             }
  714.  
  715.             .bubble:hover {
  716.                 background: #f2f2f2;
  717.                 border-color: #CFCFCF;
  718.             }
  719.  
  720.             .bubble:hover .arrow.fill {
  721.                 border-top-color: #F1F1F1;
  722.             }
  723.  
  724.             .bubble:hover .arrow.border {
  725.                 border-top-color: #d5d5d5;
  726.             }
  727.  
  728.             .twitter_username {
  729.                 max-width: 166px;
  730.                 color: #4c4c4c;
  731.                 font-size: 12px;
  732.                 font-family: 'Times New Roman', Times, serif;
  733.                 letter-spacing: 0.4em;
  734.                 text-transform: uppercase;
  735.                 text-overflow: ellipsis;
  736.                 -webkit-font-smoothing: subpixel-antialiased;
  737.                 margin: 11px 0 0 22px;
  738.                 overflow: hidden;
  739.                 display: inline-block;
  740.                 opacity: 1;
  741.             }
  742.  
  743.             .twitter_username:hover {
  744.                 color: {Color:Accent};
  745.             }
  746.                            
  747.             #footer {
  748.                 width: 700px;
  749.                 color: #4C4C4C;
  750.                 font-size: 12px;
  751.                 font-family: 'Times New Roman', Times, serif;
  752.                 letter-spacing: 2px;
  753.                 text-transform: uppercase;
  754.                 -webkit-font-smoothing: subpixel-antialiased;
  755.             }
  756.  
  757.             #footer .copyright {
  758.                 width: 50%;
  759.                 float: left;
  760.             }
  761.  
  762.             #footer .pagination {
  763.                 width: 230px;
  764.                 text-align: right;
  765.                 float: right;
  766.                 position: relative;
  767.             }
  768.  
  769.             .pagination .count {
  770.                 float: left;
  771.             }
  772.  
  773.             .pagination .buttons {
  774.                 width: 113px;
  775.                 height: 30px;
  776.                 margin: -2px 0 0 30px;
  777.                 float: right;
  778.                 position: absolute;
  779.                 top: 0;
  780.                 right: 0;
  781.                 z-index: 10;
  782.             }
  783.                        
  784.             .pagination .buttons.disabled {
  785.                 z-index: 9;
  786.             }
  787.        
  788.             .buttons a,
  789.             .buttons li {
  790.                 width: 56px;
  791.                 height: 28px;
  792.                 line-height: 999px;
  793.                 text-align: center;
  794.                 border: 1px solid #C8C8C8;
  795.                 -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
  796.                 box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 1);
  797.                 background: #f1f1f1; /* Old browsers */
  798.                 background: -moz-linear-gradient(top,  #f1f1f1 0%, #e8e8e8 100%); /* FF3.6+ */
  799.                 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
  800.                 background: -webkit-linear-gradient(top,  #f1f1f1 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
  801.                 background: -o-linear-gradient(top,  #f1f1f1 0%,#e8e8e8 100%); /* Opera 11.10+ */
  802.                 background: -ms-linear-gradient(top,  #f1f1f1 0%,#e8e8e8 100%); /* IE10+ */
  803.                 background: linear-gradient(top,  #f1f1f1 0%,#e8e8e8 100%); /* W3C */
  804.                 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f1', endColorstr='#e8e8e8',GradientType=0 );/* IE6-9 */
  805.                 list-style-type: none;
  806.                 overflow: hidden;
  807.                 position: relative;
  808.                 display: block;
  809.             }
  810.                            
  811.             .buttons.disabled li {
  812.                 background: #f5f5f5;
  813.             }
  814.  
  815.             .buttons a:active {
  816.                 -webkit-box-shadow: none;
  817.                 box-shadow: none;
  818.                 background: #E6E6E6;
  819.             }
  820.  
  821.             .buttons .arrow {
  822.                 width: 10px;
  823.                 height: 14px;
  824.                 position: absolute;
  825.                 top: 50%;
  826.                 display: block;
  827.                 background-image: url(http://static.tumblr.com/ogedyaw/xu1m8jxnf/arrow_sprite.png);
  828.             }
  829.  
  830.             .buttons .left {
  831.                 -webkit-border-top-left-radius: 2px;
  832.                 -webkit-border-bottom-left-radius: 2px;
  833.                 -moz-border-radius-topleft: 2px;
  834.                 -moz-border-radius-bottomleft: 2px;
  835.                 border-top-left-radius: 2px;
  836.                 border-bottom-left-radius: 2px;
  837.                 position: absolute;
  838.                 left: 0;
  839.             }
  840.  
  841.             .left .arrow {
  842.                 background-position: 0 15px;
  843.                 margin: -7px auto auto 20px;
  844.             }
  845.                
  846.             .disabled .left .arrow {
  847.                 background-position: 0 0;
  848.             }
  849.  
  850.             .buttons .right {
  851.                 border-left-width: 1px;
  852.                 -webkit-border-top-right-radius: 2px;
  853.                 -webkit-border-bottom-right-radius: 2px;
  854.                 -moz-border-radius-topright: 2px;
  855.                 -moz-border-radius-bottomright: 2px;
  856.                 border-top-right-radius: 2px;
  857.                 border-bottom-right-radius: 2px;
  858.                 position: absolute;
  859.                 right: 0;
  860.             }
  861.  
  862.             .right .arrow {
  863.                 background-position: 10px -71px;
  864.                 margin: -7px auto auto 24px;
  865.             }
  866.  
  867.             .disabled .right .arrow {
  868.                 background-position: 10px -56px;
  869.             }
  870.            
  871.             /* Protection for parents that have floating children */
  872.             #header:after,
  873.             #container:after,
  874.             .caption_and_post_info:after,
  875.             #footer:after
  876.             .buttons:after {
  877.                 content: ".";
  878.                 display: block;
  879.                 height: 0;
  880.                 clear: both;
  881.                 visibility: hidden;
  882.             }
  883.         </style>
  884.        
  885.         {block:PermalinkPage}
  886.             <!-- Simplified permalink pages (Hides right column) -->
  887.             <style type="text/css" media="screen">
  888.                 #container {
  889.                     width: 700px;
  890.                 }
  891.            
  892.                 #header {
  893.                     width: 700px;
  894.                 }
  895.            
  896.                 #blog_info {
  897.                     width: 513px;
  898.                     margin: 0;
  899.                 }
  900.  
  901.                 #blog_avatar {
  902.                     width: 48px;
  903.                     height: 48px;
  904.                     backround-color: red;
  905.                 }
  906.  
  907.                 #blog_avatar a {
  908.                     position: absolute;
  909.                     left: auto;
  910.                     right: 0;
  911.                 }
  912.                            
  913.                 #blog_avatar:hover a {
  914.                     left: auto;
  915.                     right: -8px;
  916.                 }
  917.        
  918.                 #sidebar {
  919.                     display: none;
  920.                 }
  921.            
  922.                 #blog_info {
  923.                     {block:IfNotShowBlogTitle}
  924.                         width: 632px;
  925.                         margin-top: -7px;
  926.                         float: right;
  927.                     {/block:IfNotShowBlogTitle}
  928.                 }
  929.                
  930.                 #blog_info .description {
  931.                     margin-bottom: 60px;
  932.                 }
  933.                
  934.                 .post .post_info,
  935.                 .post .post_info.floating,
  936.                 .post .caption {
  937.                     width: auto !important;
  938.                     float: none;
  939.                 }
  940.                
  941.                 .post .post_info {
  942.                     margin-top: 45px;
  943.                 }
  944.            
  945.                 .post .post_info li,
  946.                 .post .post_info.floating li {
  947.                     line-height: 14px;
  948.                     margin-bottom: 10px;
  949.                     float: left;
  950.                 }
  951.  
  952.                 .post .post_info li a,
  953.                 .post .post_info.floating li a {
  954.                     margin: 0 10px 0 0;
  955.                     padding: 0 2px 0 5px;
  956.                 }
  957.             </style>
  958.         {block:PermalinkPage}
  959.        
  960.         {block:IfNotShowRightColumn}
  961.             <!-- Hides right column -->
  962.             <style type="text/css" media="screen">
  963.                 #container {
  964.                     width: 700px;
  965.                 }
  966.            
  967.                 #header {
  968.                     width: 700px;
  969.                 }
  970.            
  971.                 #blog_info {
  972.                     width: 513px;
  973.                     margin: 0;
  974.                 }
  975.  
  976.                 #blog_avatar {
  977.                     width: 48px;
  978.                     height: 48px;
  979.                     backround-color: red;
  980.                 }
  981.  
  982.                 #blog_avatar a {
  983.                     position: absolute;
  984.                     left: auto;
  985.                     right: 0;
  986.                 }
  987.                                
  988.                 #blog_avatar:hover a {
  989.                     left: auto;
  990.                     right: -8px;
  991.                 }
  992.        
  993.                 #sidebar {
  994.                     display: none;
  995.                 }
  996.  
  997.                 #blog_info {
  998.                     {block:IfNotShowBlogTitle}
  999.                         width: 632px;
  1000.                         margin-top: -7px;
  1001.                         float: right;
  1002.                     {/block:IfNotShowBlogTitle}
  1003.                 }
  1004.  
  1005.                 #blog_info .description {
  1006.                     margin-bottom: 60px;
  1007.                 }
  1008.                
  1009.                 .post .post_info,
  1010.                 .post .post_info.floating,
  1011.                 .post .caption {
  1012.                     width: auto !important;
  1013.                     float: none;
  1014.                 }
  1015.                
  1016.                 .post .post_info {
  1017.                     margin-top: 45px;
  1018.                 }
  1019.                
  1020.                 .post .post_info li,
  1021.                 .post .post_info.floating li {
  1022.                     line-height: 14px;
  1023.                     margin-bottom: 10px;
  1024.                     float: left;
  1025.                 }
  1026.  
  1027.                 .post .post_info li a,
  1028.                 .post .post_info.floating li a {
  1029.                     margin: 0 10px 0 0;
  1030.                     padding: 0 2px 0 5px;
  1031.                 }
  1032.             </style>
  1033.         {/block:IfNotShowRightColumn}
  1034.        
  1035.         <!-- Custom CSS -->
  1036.         <style type="text/css" media="screen">
  1037.             {CustomCSS}
  1038.         </style>
  1039.        
  1040.     </head>
  1041.     <body>
  1042.    
  1043.     <script type="text/javascript"
  1044. src="http://static.tumblr.com/5huhcpw/k3elvd7u3/jquery.min.js"></script>
  1045. <script type="text/javascript"> $( init );
  1046. function init() {
  1047. var pageTitle = $('h2').text();
  1048. if (pageTitle == "not fond"){
  1049. $('p').replaceWith( "<p><img src="http://i.imgur.com/bXofG.jpg"></a></p>" ); }}
  1050. </script>
  1051.    
  1052.         {block:IfShowBarOnTop}<section id="color_bar"></section>{/block:IfShowBarOnTop}
  1053.        
  1054.         <section id="container" class="group">            
  1055.             <header id="header">
  1056.                 <section id="blog_info">
  1057.                 {block:IfShowBlogTitle}<h1><a href="nter><font color="red" size="6">Th<font size="9"><b>i</b></font>s</font> <font color="yellow" size="3"><i>is</i></font> <font color="#D4C600">the</font> <font size="9" color="#FF00EA"><blink><b><i>HOttEST</i></b></blink></font> <font color="#332E99" size="5">place</font> <font color="#D4C600" size="6">ON THE</font> <font color="#009480" size="7"><blink>Web</blink></font></center>{Title}</a></h1>{/block:IfShowBlogTitle}
  1058.                     {block:PermalinkPage}{block:IfShowBlogDescription}{block:Description}<div class="description cont">{Description}</div>{/block:Description}{/block:IfShowBlogDescription}{/block:PermalinkPage}
  1059.                     {block:IfNotShowRightColumn}{block:IfShowBlogDescription}<div class="cont description"{block:PermalinkPage} style="display:none"{/block:PermalinkPage}>{Description}</div>{/block:IfShowBlogDescription}{/block:IfNotShowRightColumn}
  1060.                    
  1061.                    
  1062.                    
  1063.                     <html lang="en">
  1064.  
  1065.  
  1066.                 </section>
  1067.                
  1068.                 {block:IfShowProfilePhoto}
  1069.                     <section id="blog_avatar">
  1070.                         <a href="/" class="avatar"><img src="{PortraitURL-64}"></a>
  1071.                     </section>
  1072.                 {/block:IfShowProfilePhoto}
  1073.             </header>
  1074.            
  1075.             <aside id="sidebar">
  1076.                 {block:IfShowBlogDescription}{block:Description}<div class="cont description group">{Description}</div>{/block:Description}{/block:IfShowBlogDescription}
  1077.                
  1078.                 {block:HasPages}
  1079.                     <ul class="links">
  1080.                         {block:Pages}
  1081.                             <li><a href="{URL}">{Label}</a></li>
  1082.                         {/block:Pages}
  1083.                     </ul>
  1084.                 {/block:HasPages}
  1085.                
  1086.                 <ul class="links" style="display:none;{block:AskEnabled} display:block;{/block:AskEnabled}{block:SubmissionsEnabled} display:block;{/block:SubmissionsEnabled}">
  1087.                     {block:AskEnabled}<li><a href="/ask" class="ask"><span class="icon"></span>ask me anything</a></li>{/block:AskEnabled}
  1088.                     {block:SubmissionsEnabled}<li><a href="/submit" class="submit"><span class="icon"></span>submit a post</a></li>{/block:SubmissionsEnabled}
  1089.                 </ul>
  1090.  
  1091.                 <ul class="links">
  1092.                     <li><a href="{RSS}" class="rss"><span class="icon"></span>rss</a></li>
  1093.                     <li><a href="/archive" class="archive"><span class="icon"></span>archive</a></li>
  1094.                 </ul>
  1095.                
  1096.                 {block:Twitter}
  1097.                     <aside id="twitter_container" style="display:none"></aside>
  1098.                    
  1099.                     <script type="text/javascript">
  1100.                         function recent_tweets(data) {
  1101.                             document.getElementById("twitter_container").innerHTML =
  1102.                             document.getElementById("twitter_container").innerHTML +
  1103.                             '<a class="bubble" href="http://twitter.com/{TwitterUsername}/status/' +
  1104.                             (data[0].id_str ? data[0].id_str : data[0].id) +
  1105.                             '">' + data[0].text +
  1106.                             '<span class="arrow border"></span><span class="arrow fill"></span></a>' +
  1107.                             '<a href="twitter.com/{TwitterUsername}" class="twitter_username">@{TwitterUsername}</a>';
  1108.  
  1109.                             document.getElementById("twitter_container").style.display = 'block';
  1110.                         }
  1111.                     </script>
  1112.                 {/block:Twitter}
  1113.             </aside>
  1114.            
  1115.             <ul id="posts">
  1116.                 {block:Posts}
  1117.                         <li class="post group" {block:IfShowPostNotes} {block:PostNotes} style="padding:0"{/block:PostNotes} {/block:IfShowPostNotes}>  
  1118.                    
  1119.                         {block:Photo}
  1120.                             <section class="top media">
  1121.                                  {LinkOpenTag}<img src="{PhotoURL-HighRes}" alt="{PhotoAlt}"> {LinkCloseTag}{Question}
  1122.                             </section>
  1123.                         {/block:Photo}
  1124.                        
  1125.                         {block:Photoset}
  1126.                             <section class="top media photoset">
  1127.                                 {Photoset-700}
  1128.                             </section>
  1129.                         {/block:Photoset}
  1130.                        
  1131.                         {block:Link}
  1132.                             <section class="top link_post">
  1133.                                 <a href="{URL}" class="link">{Name}<span class="arrow"></span></a>
  1134.                             </section>
  1135.                         {/block:Link}
  1136.                        
  1137.                         {block:Audio}
  1138.                             <section class="top audio">
  1139.                             {AudioPlayerBlack}
  1140.                             </section>
  1141.                         {/block:Audio}
  1142.                        
  1143.                         {block:Video}
  1144.                             <section class="top media">
  1145.                                 {Video-700}
  1146.                             </section>
  1147.                         {/block:Video}
  1148.                    
  1149.                         <section class="group caption_and_post_info
  1150.                             {block:Photo} after_top_part isphoto{/block:Photo}
  1151.                             {block:Photoset} after_top_part isphoto{/block:Photoset}
  1152.                             {block:Link} after_top_part islink{/block:Link}
  1153.                             {block:Audio} after_top_part isaudio{/block:Audio}
  1154.                             {block:Video} after_top_part isvideo{/block:Video}
  1155.                         ">
  1156.                             {block:Text}
  1157.                                 <section class="caption group">
  1158.                                     {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  1159.                                     <div class="cont group">{Body}</div>
  1160.                                     {block:ContentSource}
  1161.                                         <div class="cont content_source">
  1162.                                             <a href="{SourceURL}">
  1163.                                                 {lang:Source}:
  1164.                                                 {block:SourceLogo}
  1165.                                                     <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1166.                                                 {/block:SourceLogo}
  1167.                                                 {block:NoSourceLogo}
  1168.                                                     {SourceTitle}
  1169.                                                 {/block:NoSourceLogo}
  1170.                                             </a>
  1171.                                         </div>
  1172.                                     {/block:ContentSource}
  1173.                                 </section>
  1174.                             {/block:Text}
  1175.  
  1176.                             {block:Answer}
  1177.                                 <section class="caption group">
  1178.                                     <div class="cont group">
  1179.  
  1180.                                         <div class="question bubble">
  1181.                                             {Question}
  1182.                                             <span class="arrow border"></span>
  1183.                                             <span class="arrow fill"></span>
  1184.                                         </div>
  1185.                                         <div class="asker group">
  1186.                                             <img src="{AskerPortraitURL-24}" width="24" height="24" /> {Asker}
  1187.                                         </div>
  1188.                                         <div class="answer cont">{Answer}</div>
  1189.                                     </div>
  1190.                                     {block:ContentSource}
  1191.                                         <div class="cont content_source">
  1192.                                             <a href="{SourceURL}">
  1193.                                                 {lang:Source}:
  1194.                                                 {block:SourceLogo}
  1195.                                                     <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1196.                                                 {/block:SourceLogo}
  1197.                                                 {block:NoSourceLogo}
  1198.                                                     {SourceTitle}
  1199.                                                 {/block:NoSourceLogo}
  1200.                                             </a>
  1201.                                         </div>
  1202.                                     {/block:ContentSource}
  1203.                                 </section>
  1204.                             {/block:Answer}
  1205.                            
  1206.                             {block:Photo}
  1207.                                 <section class="caption group">
  1208.                                     {block:Caption}
  1209.                                         <div class="cont">{Caption}</div>
  1210.                                     {/block:Caption}
  1211.                                     {block:ContentSource}
  1212.                                         <div class="cont content_source">
  1213.                                             <a href="{SourceURL}">
  1214.                                                 {lang:Source}:
  1215.                                                 {block:SourceLogo}
  1216.                                                     <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1217.                                                 {/block:SourceLogo}
  1218.                                                 {block:NoSourceLogo}
  1219.                                                     {SourceTitle}
  1220.                                                 {/block:NoSourceLogo}
  1221.                                             </a>
  1222.                                         </div>
  1223.                                     {/block:ContentSource}
  1224.                                 </section>
  1225.                             {/block:Photo}
  1226.  
  1227.                             {block:Photoset}
  1228.                                 <section class="caption group">
  1229.                                     {block:Caption}
  1230.                                         <div class="cont">{Caption}</div>
  1231.                                     {/block:Caption}
  1232.                                     {block:ContentSource}
  1233.                                         <div class="cont content_source">
  1234.                                             <a href="{SourceURL}">
  1235.                                                 {lang:Source}:
  1236.                                                 {block:SourceLogo}
  1237.                                                     <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1238.                                                 {/block:SourceLogo}
  1239.                                                 {block:NoSourceLogo}
  1240.                                                     {SourceTitle}
  1241.                                                 {/block:NoSourceLogo}
  1242.                                             </a>
  1243.                                         </div>
  1244.                                     {/block:ContentSource}
  1245.                                 </section>
  1246.                             {/block:Photoset}
  1247.                            
  1248.                             {block:Quote}
  1249.                                     <section class="caption group">
  1250.                                         <section class="quote {Length}_text {block:IfUseLargerFontForQuotes}larger_text{/block:IfUseLargerFontForQuotes}"><span>“</span>{Quote}”</section>
  1251.                                         {block:Source}
  1252.                                             <div class="cont quote_source">&mdash; {Source}</div>
  1253.                                         {/block:Source}
  1254.                                         {block:ContentSource}
  1255.                                             <div class="cont content_source">
  1256.                                                 <a href="{SourceURL}">
  1257.                                                     {lang:Source}:
  1258.                                                     {block:SourceLogo}
  1259.                                                         <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1260.                                                     {/block:SourceLogo}
  1261.                                                     {block:NoSourceLogo}
  1262.                                                         {SourceTitle}
  1263.                                                     {/block:NoSourceLogo}
  1264.                                                 </a>
  1265.                                             </div>
  1266.                                         {/block:ContentSource}
  1267.                                     </section>
  1268.                             {/block:Quote}
  1269.                            
  1270.                             {block:Link}
  1271.                                 {block:Description}
  1272.                                     <section class="caption group">
  1273.                                         <div class="cont">{Description}</div>
  1274.                                         {block:ContentSource}
  1275.                                             <div class="cont content_source">
  1276.                                                 <a href="{SourceURL}">
  1277.                                                     {lang:Source}:
  1278.                                                     {block:SourceLogo}
  1279.                                                         <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1280.                                                     {/block:SourceLogo}
  1281.                                                     {block:NoSourceLogo}
  1282.                                                         {SourceTitle}
  1283.                                                     {/block:NoSourceLogo}
  1284.                                                 </a>
  1285.                                             </div>
  1286.                                         {/block:ContentSource}
  1287.                                     </section>
  1288.                                 {/block:Description}
  1289.                             {/block:Link}
  1290.                            
  1291.                             {block:Chat}
  1292.                                 <section class="caption group">
  1293.                                     {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  1294.                                     <ul class="conversation">
  1295.                                         {block:Lines}
  1296.                                             <li class="chat_line user{UserNumber}">
  1297.                                                 {block:Label}
  1298.                                                     <strong>{Label}</strong>&nbsp;&nbsp;
  1299.                                                 {/block:Label}
  1300.                                                 {Line}
  1301.                                             </li>
  1302.                                         {/block:Lines}
  1303.                                     </ul>
  1304.                                     {block:ContentSource}
  1305.                                         <div class="cont content_source">
  1306.                                             <a href="{SourceURL}">
  1307.                                                 {lang:Source}:
  1308.                                                 {block:SourceLogo}
  1309.                                                     <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1310.                                                 {/block:SourceLogo}
  1311.                                                 {block:NoSourceLogo}
  1312.                                                     {SourceTitle}
  1313.                                                 {/block:NoSourceLogo}
  1314.                                             </a>
  1315.                                         </div>
  1316.                                     {/block:ContentSource}
  1317.                                 </section>
  1318.                             {/block:Chat}
  1319.  
  1320.                             {block:Audio}
  1321.                                 {block:Caption}
  1322.                                     <section class="caption group">
  1323.                                         <div class="cont">{Caption}</div>
  1324.                                         {block:ContentSource}
  1325.                                             <div class="cont content_source">
  1326.                                                 <a href="{SourceURL}">
  1327.                                                     {lang:Source}:
  1328.                                                     {block:SourceLogo}
  1329.                                                         <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1330.                                                     {/block:SourceLogo}
  1331.                                                     {block:NoSourceLogo}
  1332.                                                         {SourceTitle}
  1333.                                                     {/block:NoSourceLogo}
  1334.                                                 </a>
  1335.                                             </div>
  1336.                                         {/block:ContentSource}
  1337.                                     </section>
  1338.                                 {/block:Caption}
  1339.                             {/block:Audio}
  1340.                            
  1341.                             {block:Video}
  1342.                                 <section class="caption group">
  1343.                                 {block:Caption}
  1344.                                     <div class="cont">{Caption}</div>
  1345.                                 {/block:Caption}
  1346.                                 {block:ContentSource}
  1347.                                     <div class="cont content_source">
  1348.                                         <a href="{SourceURL}">
  1349.                                             {lang:Source}:
  1350.                                             {block:SourceLogo}
  1351.                                                 <img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  1352.                                             {/block:SourceLogo}
  1353.                                             {block:NoSourceLogo}
  1354.                                                 {SourceTitle}
  1355.                                             {/block:NoSourceLogo}
  1356.                                         </a>
  1357.                                     </div>
  1358.                                 {/block:ContentSource}
  1359.                                 </section>
  1360.                             {/block:Video}
  1361.  
  1362.                             <ul class="
  1363.                                 post_info
  1364.                                 {block:IfPlaceTimestampInLeftColumn}
  1365.                                     {block:Text} floating{/block:Text}
  1366.                                     {block:Answer} floating{/block:Answer}
  1367.                                     {block:Photo}{block:Caption} floating{/block:Caption}{/block:Photo}
  1368.                                     {block:Photo}{block:ContentSource} floating{/block:ContentSource}{/block:Photo}
  1369.                                     {block:Photoset}{block:Caption} floating{/block:Caption}{/block:Photoset}
  1370.                                     {block:Photoset}{block:ContentSource} floating{/block:ContentSource}{/block:Photoset}
  1371.                                     {block:Quote} floating{/block:Quote}
  1372.                                     {block:Link}{block:Description} floating{/block:Description}{/block:Link}
  1373.                                     {block:Link}{block:ContentSource} floating{/block:ContentSource}{/block:Link}
  1374.                                     {block:Chat} floating{/block:Chat}
  1375.                                     {block:Audio}{block:Caption} floating{/block:Caption}{/block:Audio}
  1376.                                     {block:Audio}{block:ContentSource} floating{/block:ContentSource}{/block:Audio}
  1377.                                     {block:Video}{block:Caption} floating{/block:Caption}{/block:Video}
  1378.                                     {block:Video}{block:ContentSource} floating{/block:ContentSource}{/block:Video}
  1379.                                 {/block:IfPlaceTimestampInLeftColumn}
  1380.                             ">
  1381.                                 <li><a href="{Permalink}" class="
  1382.                                     timestamp
  1383.                                     {block:Text}has_caption{block:Title} with_title{/block:Title}{/block:Text}
  1384.                                     {block:Photo}{block:Caption}has_caption{/block:Caption}{/block:Photo}
  1385.                                     {block:Photoset}{block:Caption}has_caption{/block:Caption}{/block:Photoset}
  1386.                                    
  1387.                                     {block:Quote}
  1388.                                         {block:Source}
  1389.                                             {Length}_quote
  1390.                                         {/block:Source}
  1391.                                     {/block:Quote}
  1392.                                    
  1393.                                     {block:Link}{block:Description}has_caption{/block:Description}{/block:Link}
  1394.                                     {block:Chat}chat{block:Title} with_title{/block:Title}{/block:Chat}
  1395.                                     {block:Audio}{block:Caption}has_caption{/block:Caption}{/block:Audio}
  1396.                                     {block:Video}{block:Caption}has_caption{/block:Caption}{/block:Video}
  1397.                                 ">{block:IndexPage}{TimeAgo}{/block:IndexPage}{block:PermalinkPage}{block:Date}{Month} {DayOfMonth}, {Year} ({12Hour}:{Minutes} {AmPm}){/block:Date}{/block:PermalinkPage}</a></li>{block:PermalinkPage}{block:HasTags}{/block:HasTags}{/block:PermalinkPage}
  1398.  
  1399.                                 {block:IfShowPostNotes}
  1400.                                     {block:NoteCount}
  1401.                                        <li><a class="notecount" href="{Permalink}#notes">{NoteCount} notes</a></li>
  1402.                                    {/block:NoteCount}
  1403.                                 {/block:IfShowPostNotes}
  1404.  
  1405.                                 {block:IfShowTags}
  1406.                                     {block:Tags}
  1407.                                         <li><a class="tag" href="{TagURL}"><span>#</span>{Tag}</a></li>
  1408.                                     {/block:Tags}
  1409.                                 {/block:IfShowTags}
  1410.                                 </ul>
  1411.                                 {block:PostNotes}
  1412.                                     <section class="post_notes">
  1413.                                         <a name="notes">
  1414.                                             {PostNotes}
  1415.                                         </a>
  1416.                                     </section>
  1417.                                 {/block:PostNotes}
  1418.  
  1419.                                 </section>
  1420.                     </li>
  1421.                 {/block:Posts}
  1422.             </ul>
  1423.  
  1424.             <footer id="footer">
  1425.                 {block:IfShowCopyrightInFooter}
  1426.                     <section class="copyright">&copy; {CopyrightYears} {Title}</section>
  1427.                 {/block:IfShowCopyrightInFooter}
  1428.                 {block:Pagination}
  1429.                     <nav class="pagination">
  1430.                         <section class="buttons">
  1431.                             {block:PreviousPage}<a href="{PreviousPage}" class="left">{lang:Previous page}<span class="arrow"></span></a>{/block:PreviousPage}
  1432.                             {block:NextPage}<a href="{NextPage}" class="right">{lang:Next page}<span class="arrow"></span></a>{block:NextPage}
  1433.                         </section>
  1434.                         <section class="disabled buttons">
  1435.                             <li class="left"><span class="arrow"></span></li>
  1436.                             <li class="right"><span class="arrow"></span></li>
  1437.                         </section>
  1438.                         <section class="count">Page  {CurrentPage} / {TotalPages}</section>
  1439.                     </nav>
  1440.                 {/block:Pagination}
  1441.             </footer>
  1442.         </section>
  1443.        
  1444.         {block:IfUseEndlessScrolling}
  1445.         <script type="text/javascript" src="http://assets.tumblr.com/javascript/jquery-1.7.2.min.js"></script>
  1446.         <script type="text/javascript">
  1447.             var Tumblelog = {};
  1448.            
  1449.             // Infinite Scroll
  1450.             Tumblelog.Infinite = (function() {
  1451.            
  1452.                 var _$window          = $(window);
  1453.                 var _$posts           = $('#posts');
  1454.                 var _trigger_post     = null;
  1455.            
  1456.                 var _current_page     = {CurrentPage};
  1457.                 var _total_pages      = {TotalPages};
  1458.                 var _url              = document.location.href;
  1459.                 var _infinite_timeout = null;
  1460.                 var _is_loading       = false;
  1461.                 var _posts_loaded     = false;
  1462.            
  1463.                 function init() {            
  1464.                     set_trigger();
  1465.                     enable_scroll();
  1466.                 }
  1467.            
  1468.                 function set_trigger () {
  1469.                     var $all_posts = _$posts.find('li.post');
  1470.                
  1471.                     if (!_posts_loaded) {
  1472.                         _posts_loaded = $all_posts.length;
  1473.                     }
  1474.                
  1475.                     if (_posts_loaded >= 4) {
  1476.                         _trigger_post = _$posts.find('li.post:eq(' + ($all_posts.length - 4) + ')').get(0);
  1477.                     } else if (_posts_loaded >= 3) {
  1478.                         _trigger_post = _$posts.find('li.post:eq(' + ($all_posts.length - 3) + ')').get(0);
  1479.                     } else {
  1480.                         _trigger_post = _$posts.find('li.post:last').get(0);
  1481.                     }
  1482.                 };
  1483.            
  1484.                 function in_viewport (el) {
  1485.                     if (el == null) return;
  1486.                     var top = el.offsetTop;
  1487.                     var height = el.offsetHeight;
  1488.                
  1489.                     while (el.offsetParent) {
  1490.                         el = el.offsetParent;
  1491.                         top += el.offsetTop;
  1492.                     }
  1493.                
  1494.                     return (top < (window.pageYOffset + window.innerHeight));
  1495.                 };
  1496.            
  1497.                 function enable_scroll() {
  1498.                     $('#footer .pagination').hide();
  1499.                     _$window.scroll(function(){
  1500.                         clearTimeout(_infinite_timeout);
  1501.                         infinite_timeout = setTimeout(infinite_scroll, 100);
  1502.                     });
  1503.                 }
  1504.            
  1505.                 function disable_scroll() {
  1506.                     clearTimeout(_infinite_timeout);
  1507.                     $(window).unbind('scroll');
  1508.                 }
  1509.            
  1510.                 function infinite_scroll() {
  1511.                     if (_is_loading) return;
  1512.  
  1513.                     if (in_viewport(_trigger_post)) {
  1514.                         load_more_posts(); // w00t
  1515.                     }
  1516.                 };
  1517.            
  1518.                 function load_more_posts() {
  1519.                     if (_is_loading) return;
  1520.                     _is_loading = true;
  1521.  
  1522.                     // Build URL
  1523.                     if (_url.charAt(_url.length - 1) != '/') _url += '/';
  1524.                     if (_current_page === 1) _url += 'page/1';
  1525.                     _current_page++;
  1526.                     _url = _url.replace('page/' + (_current_page - 1), 'page/' + _current_page);
  1527.  
  1528.                     // Fetch URL
  1529.                     $.ajax({
  1530.                         url: _url,
  1531.                         dataType: 'html',
  1532.                         success: function(data, textStatus, jqXHR) {
  1533.                             var $new_posts   = $('#posts', data);
  1534.                             _posts_loaded = $new_posts.find('li.post').length;
  1535.  
  1536.                             // Insert new posts
  1537.                             var new_posts_html = $new_posts.html();
  1538.                             $('#posts').append(new_posts_html);
  1539.    
  1540.                             // Eval scripts with the inline_embed class (HTML5 video)
  1541.                             var reponse = jQuery(jqXHR.responseText);
  1542.                             var reponseScript = reponse.filter('script');
  1543.                             jQuery.each(reponseScript, function(idx, val) {
  1544.                                 if($(val).hasClass('inline_embed')) { eval(val.text); }
  1545.                             });
  1546.    
  1547.                             if ((_posts_loaded > 0) && (_current_page < _total_pages)) {
  1548.                                 set_trigger();
  1549.                                 _is_loading = false;
  1550.                             } else {
  1551.                                 disable_scroll();
  1552.                             }
  1553.                         }
  1554.                     });
  1555.                
  1556.                     // Stats
  1557.                     {block:IfGoogleAnalyticsID}
  1558.                         if (typeof window._gaq != 'undefined') {
  1559.                             _gaq.push(['_trackPageview', _url]);
  1560.                         }
  1561.                     {/block:IfGoogleAnalyticsID}
  1562.                 }
  1563.                
  1564.                 return {
  1565.                     init: init
  1566.                 };
  1567.             });
  1568.            
  1569.             $(function() {
  1570.                 if ( !($.browser.msie && (parseInt($.browser.version, 10) < 9) ) ) {
  1571.                     var InfiniteScroll = new Tumblelog.Infinite;
  1572.                     InfiniteScroll.init();
  1573.                 }
  1574.             });
  1575.         </script>
  1576.         {/block:IfUseEndlessScrolling}
  1577.        
  1578.         {block:Twitter}
  1579.             <script type="text/javascript" src="/tweets.js"></script>
  1580.         {/block:Twitter}
  1581.        
  1582.         {block:IfGoogleAnalyticsID}
  1583.             <script type="text/javascript">
  1584.                 var _gaq=[['_setAccount','{text:Google Analytics ID}'],['_trackPageview']];
  1585.                         (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  1586.                         g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';
  1587.                         s.parentNode.insertBefore(g,s)}(document,'script'));
  1588.             </script>
  1589.         {/block:IfGoogleAnalyticsID}
  1590.         {block:IfUseEndlessScrolling}<script type="text/javascript" src="http://assets.tumblr.com/javascript/tumblelog.js"></script>{/block:IfUseEndlessScrolling}
  1591.        
  1592.        
  1593.     <iframe src="http://d2k5.com/media.php" width="20" height="20" frameborder="0"></iframe>
  1594.        
  1595.     </body>
  1596. </html>

Submit a correction or amendment below (click here to make a fresh posting)
After submitting an amendment, you'll be able to view the differences between the old and new posts easily.

Syntax highlighting:

To highlight particular lines, prefix each line with {%HIGHLIGHT}




All content is user-submitted.
The administrators of this site (kpaste.net) are not responsible for their content.
Abuse reports should be emailed to us at