Want more features on Pastebin? Sign Up, it's FREE!
Guest

prettify.js tumblr broken

By: a guest on May 30th, 2011  |  syntax: HTML  |  size: 10.33 KB  |  views: 137  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html lang="en">
  3. <head>
  4.    <!--
  5.      Theme   : Terminal Flashback 1.03  { http://terminalflashback.tumblr.com }
  6.      Author  : Robert Boylan            { http://ninjineer.tumblr.com }
  7.      Platform: Tumblr                   { http://www.tumblr.com }
  8.      Terms   : Free for use and alteration, but please acknowledge source
  9.   -->
  10.    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  11.    
  12.    <meta name="color:Background" content="#000">
  13.    <meta name="color:BodyText" content="#0f0">
  14.    <meta name="color:LinkText" content="#535353">
  15.    <meta name="color:HoverBackground" content="#f3f3f3">
  16.  
  17.    <link rel="shortcut icon" href="{Favicon}">
  18.    <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19.  
  20.    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3./jquery.min.js"></script>
  21.  
  22.    <script type="text/javascript" src="http://dl.dropbox.com/u/14209/blog/prettify.js"></script>
  23.    <link href="http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css" type="text/css" rel="stylesheet"/>
  24.  
  25.    <script type="text/javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/lang-css.js"></script>
  26.    <script type="text/javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/lang-hs.js"></script>
  27.    <script type="text/javascript" src="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-lisp.js"></script>
  28.  
  29.    <!-- Credit to http://rentzsch.tumblr.com/ -->
  30.    <script type="text/javascript">
  31.    $(document).ready(function(){
  32.       $("pre code").each(function(){
  33.          $(this).addClass("prettyprint");
  34.       });
  35.       prettyPrint();
  36.    
  37.       // Toggle overflow on code blocks.
  38.       $('head').append($("<style type='text/css'>pre{overflow:hidden}<\/style>"));
  39.       $('pre').hover(function(){
  40.          $(this).addClass('overflow_visible_hover');
  41.       }, function(){
  42.          $(this).removeClass('overflow_visible_hover');
  43.       });
  44.       $('pre').click(function(){
  45.          $(this).toggleClass('overflow_visible_sticky');
  46.       });
  47.        
  48.       // CSS won't autoscale img heights given a max-width. So, we do it ourselves.
  49.       var maxWidth = $('.post_body').width();
  50.       $('img').each(function(){
  51.          var scaledHeight;
  52.          if (this.width > maxWidth) {
  53.             scaledHeight = (this.height * maxWidth) / this.width;
  54.             this.width = maxWidth;
  55.             this.height = scaledHeight;
  56.          }
  57.       });
  58.    });
  59.    </script>
  60.  
  61.    <title>{block:PostTitle}{PostTitle} - {/block:PostTitle}({Title})</title>
  62.  
  63.    <style type="text/css">
  64.    *
  65.    {
  66.       margin: 0;
  67.       padding: 0;
  68.    }
  69.    
  70.    body
  71.    {
  72.       font-family: monaco, "courier new", mono;
  73.       background: {color:Background};
  74.       color: {color:BodyText};
  75.       font-size: 10pt;
  76.    }
  77.    
  78.    p, li
  79.    {
  80.       margin-bottom: 10pt;
  81.    }
  82.  
  83.    h2
  84.    {
  85.       font-size: 12pt;
  86.       text-transform: uppercase;
  87.       margin-bottom: 10pt;
  88.       letter-spacing: 5pt;
  89.    }
  90.    
  91.    h3
  92.    {
  93.       font-size: 11pt;
  94.       margin-bottom: 10pt;
  95.       letter-spacing: 2pt;
  96.    }
  97.    
  98.    blockquote, .who
  99.    {
  100.       margin-left: 20pt;
  101.       margin-bottom: 10pt;
  102.       padding-left: 1em;
  103.       border-left: 2px solid {color:HoverBackground};
  104.    }
  105.    blockquote p {
  106.       margin-top: 0.25em;
  107.    }
  108.    
  109.    a
  110.    {
  111.       color: {color:LinkText};
  112.    }
  113.    
  114.    a:hover
  115.    {
  116.       color: {color:BodyText};
  117.       background: {color:HoverBackground};
  118.    }
  119.    
  120.    ul, ol
  121.    {
  122.       margin-left: 30pt;
  123.       margin-bottom: 10pt;
  124.    }
  125.  
  126.    #rss
  127.    {
  128.       text-align: right;
  129.       margin-top: 30px;
  130.    }
  131.  
  132.    #search
  133.    {
  134.       display: inline;
  135.    }
  136.    
  137.    #stext
  138.    {
  139.       border: 0;
  140.       color: {color:BodyText};
  141.       background: {color:HoverBackground};
  142.       padding: 2px 5px;
  143.       font-size: 10pt;
  144.    }
  145.  
  146.    #title
  147.    {
  148.       text-transform: uppercase;
  149.       letter-spacing: 10pt;
  150.       text-align: center;
  151.       font-size: 18pt;
  152.       background: #000000;
  153.    }
  154.    
  155.    #title a
  156.    {
  157.       text-decoration: none;
  158.       color: #00ff00;
  159.    }
  160.  
  161.    #title a:hover
  162.    {
  163.       color: #00ff00;
  164.       background: #000000;
  165.       font-weight: bold;
  166.    }
  167.    
  168.    #desc
  169.    {
  170.       margin: 0 20pt 0 20pt;
  171.    }
  172.    
  173.    #posts
  174.    {
  175.       width: 640px;
  176.       margin: 0 auto 0 auto;
  177.       text-align: left;
  178.    }
  179.  
  180.    #paging
  181.    {
  182.       text-align: center;
  183.    }
  184.    
  185.    .date, .perm, #rss
  186.    {
  187.       text-align: right;
  188.    }
  189.    
  190.    .chat
  191.    {
  192.       margin-bottom: 10pt;
  193.    }
  194.    
  195.    .label
  196.    {
  197.       white-space: no-wrap;
  198.       padding-right: 10pt;
  199.       vertical-align: top;
  200.    }
  201.    
  202.    .line
  203.    {
  204.       padding-bottom: 10pt;
  205.    }
  206.    
  207.    .caption
  208.    {
  209.       margin-bottom: 10pt;
  210.    }
  211.    
  212.    .halo
  213.    {
  214.       padding: 5px;
  215.       border: 1px solid {color:BodyText};
  216.    }
  217.    .fleft
  218.    {
  219.       float: left;
  220.       width: 200px;
  221.       text-align: left;
  222.    }
  223.    
  224.    .fright
  225.    {
  226.       float: right;
  227.       width: 200px;
  228.       text-align: right;
  229.    }
  230.  
  231.    ol.notes li.note img.avatar
  232.    {
  233.       display: none;
  234.    }
  235.  
  236.    .centeredImage
  237.    {
  238.       text-align:center;
  239.       margin-top:0px;
  240.       margin-bottom:10px;
  241.       padding:0px;
  242.    }
  243.  
  244.    ul
  245.    {
  246.      margin-left: 1.5em;
  247.    }
  248.    ul li
  249.    {
  250.       margin-left: .85em;
  251.       list-style-type: disc;
  252.    }
  253.    ol
  254.    {
  255.       margin-left: 2.35em;
  256.    }
  257.    ol ol, ul ol
  258.    {
  259.       margin-left: 2.5em;
  260.    }
  261.    dd
  262.    {
  263.       margin-left: 2em;
  264.    }
  265.    p, pre {
  266.       margin-top: 1em;
  267.    }
  268.    pre {
  269.       -webkit-border-radius: 4px;
  270.       -moz-border-radius: 4px;
  271.       border-radius: 4px;
  272.       /*overflow: hidden;*/
  273.    }
  274.    pre.prettyprint{
  275.       border: none;
  276.    }
  277.    pre, pre.prettyprint {
  278.       margin-left: 20pt;
  279.       margin-bottom: 10pt;
  280.       background: {color:HoverBackground};
  281.       padding: 5px;
  282.    }
  283.    pre.overflow_visible_hover, pre.overflow_visible_sticky {
  284.       overflow: visible;
  285.    }
  286.    p img {
  287.       display: block;
  288.       margin-left: auto;
  289.       margin-right: auto;
  290.    }
  291.  
  292.    {CustomCSS}
  293.    </style>
  294.    <!--[if IE]>
  295.   <style>
  296.   body
  297.   {
  298.      text-align: center;
  299.   }
  300.   .posts, .post, .paging, .credithttp://www.tumblr.com/customize/fuckyeahcompsci#
  301.   {
  302.      height: 1%;
  303.   }
  304.   </style>
  305.   <![endif]-->
  306.  
  307. </head>
  308. <body>
  309. <div id="posts">
  310.  
  311. <div id="rss"><a href="/tagged/original">OC</a>&nbsp;&nbsp;&nbsp;<a href="/tagged/acronym+of+the+day">ACRONYMS</a>&nbsp;&nbsp;&nbsp;<a href="/ask">ASK</a>&nbsp;&nbsp;&nbsp;<a href="/submit">SUBMIT</a>&nbsp;&nbsp;&nbsp;<a href="{RSS}">RSS</a>&nbsp;&nbsp;&nbsp;<a href="/archive">ARCHIVE</a>&nbsp;&nbsp;&nbsp;SEARCH <form id="search" action="/search" method="get"><input id="stext" type="text" name="q" value="{SearchQuery}"></form></div>
  312. <p>================================================================================</p>
  313. <p id="title"><a href="/">{Title}</a></p>
  314. <p>================================================================================</p>
  315. <p id="desc">&nbsp;{Description}&nbsp;</p>
  316. <p>================================================================================</p>
  317.  
  318. {block:Posts}
  319. <div class="post">
  320.    <div class="date">{MonthNumberWithZero}/{DayOfMonthWithZero}/{Year} {24HourWithZero}:{Minutes}:{Seconds}</div>
  321.    {block:Text}
  322.       {block:Title}<h2>{Title}</h2>{/block:Title}
  323.       <div>{Body}</div>
  324.    {/block:Text}
  325.    {block:Quote}
  326.       <p>"{Quote}"</p>
  327.       {block:Source}<div class="who">--{Source}</div>{/block:Source}
  328.    {/block:Quote}
  329.    {block:Photo}
  330.       <p>{LinkOpenTag}<img class="halo" src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}</p>
  331.       {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  332.    {/block:Photo}
  333.    {block:Photoset}
  334.       <p>{Photoset-400}</p>
  335.       {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  336.    {/block:Photoset}
  337.    {block:Link}
  338.       <h2><a href="{URL}" {Target}>{Name}</a></h2>
  339.       {block:Description}<div>{Description}</div>{/block:Description}
  340.    {/block:Link}
  341.    {block:Chat}
  342.       {block:Title}<h2>{Title}</h2>{/block:Title}
  343.       <table cellspacing="0" cellpadding="0" border="0">
  344.       {block:Lines}
  345.       <tr><td class="label">{block:Label}{Label}{/block:Label}</td><td class="line">{Line}</td></tr>
  346.       {/block:Lines}
  347.       </table>
  348.    {/block:Chat}
  349.    {block:Video}
  350.       <p>{Video-400}</p>
  351.       {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  352.    {/block:Video}
  353.    {block:Audio}
  354.       <p>{AudioPlayerBlack}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(played {PlayCount} times)</p>
  355.       {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  356.    {/block:Audio}
  357.    <div class="perm"><a href="{Permalink}">permalink</a></div>
  358.    <p>--------------------------------------------------------------------------------</p>
  359.  
  360.    {block:PostNotes}
  361.    {PostNotes}
  362.    <p>--------------------------------------------------------------------------------</p>
  363.    {/block:PostNotes}
  364. </div>
  365. {/block:Posts}
  366.  
  367. {block:Pagination}
  368. <div id="paging">
  369.    {block:PreviousPage}<div class="fleft"><a href="{PreviousPage}">&lt;&lt; Newer Posts</a></div>{/block:PreviousPage}
  370.    {block:NextPage}<div class="fright"><a href="{NextPage}">Older Posts&gt;&gt;</a></div>{/block:NextPage}
  371.    <p>pg {CurrentPage} of {TotalPages}</p>
  372. </div>
  373. {/block:Pagination}
  374.  
  375. {block:PermalinkPagination}
  376. <div id="paging">
  377.    {block:PreviousPost}<div class="fleft"><a href="{PreviousPost}">&lt;&lt; Newer Post</a></div>{/block:PreviousPost}
  378.    {block:NextPost}<div class="fright"><a href="{NextPost}">Older Post&gt;&gt;</a></div>{/block:NextPost}
  379.    <p>&nbsp;</p>
  380. </div>
  381. {/block:PermalinkPagination}
  382.  
  383. {block:DayPagination}
  384. <div id="paging">
  385.    {block:PreviousDayPage}<div class="fleft"><a href="{PreviousDayPage}">&lt;&lt; Previous Day</a></div>{/block:PreviousDayPage}
  386.    {block:NextDayPage}<div class="fright"><a href="{NextDayPage}">Next Day&gt;&gt;</a></div>{/block:NextDayPage}
  387.    <p>&nbsp;</p>
  388. </div>
  389. {/block:DayPagination}
  390.  
  391. <p>================================================================================</p>
  392.    
  393. <div id="credit">
  394.    <div class="fleft">Designed: <a href="http://ninjineer.tumblr.com">Robert Boylan</a></div>
  395.    <div class="fright">Powered: <a href="http://www.tumblr.com">Tumblr</a></div>
  396.    <p>&nbsp;</p>
  397. </div>
  398.  
  399. </div>
  400. </body>
  401. </html>
clone this paste RAW Paste Data