API tools faq
paste
Advertisement
adjmpw

TUMBLR

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