API tools faq
paste
BaSs_HaXoR

Original Tumblr HTML

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