API tools faq
paste
Advertisement
Guest User

prettify.js tumblr broken

a guest
May 30th, 2011
265
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 10.33 KB | None | 0 0
raw download clone embed print report
  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>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!