adjmpw

TUMBLR

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