pastebin - collaborative debugging

pastebin is a collaborative debugging tool allowing you to share and modify code snippets while chatting on IRC, IM or a message board.

This site is developed to XHTML and CSS2 W3C standards. If you see this paragraph, your browser does not support those standards and you need to upgrade. Visit WaSP for a variety of options.

pastebin - collaborative debugging tool View Help


Posted by kobzahrai on Thu 8 Jan 21:07
report abuse | View followups from damian, Anonymous and Forever Young Forever | download | new post

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.     <head>
  5.  
  6.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  7.         <title>{Title}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
  8.         <link rel="icon" href="{Favicon}"/>
  9.         <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  10.         <meta name="viewport" content="width=700"/> <!-- iPhone -->
  11.  
  12.         <style type="text/css">
  13.  
  14. /* This theme was adopted for Tumblr
  15. by kobzahrai (http://kobzahrai.tumblr.com/) at Jan. 7th 2009
  16. using a sample found at http://www.freecsstemplates.org/ */
  17.  
  18. a img, img a {border:none;}
  19.  
  20. * {
  21.         margin: 0;
  22.         padding: 0;
  23. }
  24.  
  25. body {
  26.         background:#fff;
  27.         margin: 0;
  28.         font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  29.         font-size:small;
  30.         color: #000;
  31. }
  32.  
  33. h1, h2, h3 {
  34.         margin-bottom: 20px;
  35.         text-transform: lowercase;
  36.         font-family: Georgia, "Times New Roman", Times, serif;
  37.         font-weight: normal;
  38.         color: #333333;
  39. }
  40.  
  41. h1 { font-size: 3em; }
  42. h2 { font-size: 2em; }
  43. h3 { font-size: 1.4em; font-weight: bold; }
  44.  
  45. p, blockquote, ul, ol {
  46.         margin-bottom: 1.5em;
  47.         line-height: 1.8em;
  48. }
  49.  
  50. blockquote {
  51.         margin-left:3em;
  52.         border-left:1px solid #666;
  53.         padding-left:1.5em;
  54.         color:#666;
  55. }
  56.  
  57. ul, ol {
  58.         margin-left: 3em;
  59.         color: #666;
  60. }
  61.  
  62. a {
  63.         color: #0065CC;
  64. }
  65.  
  66. a:hover {
  67.         text-decoration: none;
  68.         color: #CC0000;
  69. }
  70.  
  71. a, a:active, a:visited {
  72.         outline: none;
  73. }
  74.  
  75. /* Header */
  76.  
  77. #header {
  78.         width: 700px;
  79.         height: 150px;
  80.         margin: auto;
  81. }
  82.  
  83. /* Logo */
  84.  
  85. #logo {
  86.         float: left;
  87.         width: 240px;
  88.         height: 150px;
  89.         text-align: center;
  90. }
  91.  
  92. #logo h1 {
  93.         margin: 0;
  94.         padding-top: 50px;
  95.         font-size: 2.6em;
  96. }
  97.  
  98. #logo a {
  99.         text-decoration: none;
  100.         color: #333333;
  101. }
  102.  
  103. /* Menu */
  104.  
  105. #menu {
  106.         float: right;
  107.         width: 460px;
  108.         height: 147px;
  109.         background: #0065CC url('http://data.tumblr.com/CeVImjf8aig8oks74bueMJGho1_500.gif') no-repeat left bottom;
  110.         border-top: 3px solid #000099;
  111. }
  112.  
  113. #menu ul {
  114.         margin: 0;
  115.         padding-top: 60px;
  116.         text-align: center;
  117.         list-style: none;
  118. }
  119.  
  120. #menu li {
  121.         display: inline;
  122. }
  123.  
  124. #menu a {
  125.         padding: 0 20px;
  126.         border-left: 1px solid #FFFFFF;
  127.         text-decoration: none;
  128.         font-weight: bold;
  129.         color: #FFFFFF;
  130. }
  131.  
  132. #menu a:hover {
  133.         text-decoration: underline;
  134. }
  135.  
  136. #menu .first a {
  137.         border: none;
  138. }
  139.  
  140. /* Page */
  141.  
  142. #page {
  143.         width: 700px;
  144.         margin: 0 auto;
  145. }
  146.  
  147. /* Content */
  148.  
  149. #content {
  150.         float: right;
  151.         width: 420px;
  152.         padding: 20px;
  153. }
  154.  
  155. /* Sidebar */
  156.  
  157. #sidebar {
  158.         float: left;
  159.         width: 200px;
  160.         padding: 60px 20px 20px 20px;
  161.         background: #CC0000 url('http://data.tumblr.com/CeVImjf8aig90ocr86w9tLNJo1_250.gif') no-repeat;
  162.         color: #000;
  163. }
  164.  
  165. #sidebar ul {
  166.         margin-left: 20px;
  167.         padding: 0;
  168.         list-style: disc;
  169.         line-height: 1em;
  170.         color: #000;
  171. }
  172.  
  173. #sidebar li {
  174.         margin-bottom: 10px;
  175. }
  176.  
  177. #sidebar h2 {
  178.         margin-bottom: 20px;
  179.         padding-bottom: 10px;
  180.         background: url('http://data.tumblr.com/CeVImjf8aig94e4pEtSm4r64o1_100.gif') repeat-x left bottom;
  181.         color: #000000;
  182. }
  183.  
  184. #sidebar a {
  185.         color: #FFFFFF;
  186. }
  187.  
  188. #sidebar  div#search {
  189.         text-align: right;
  190. }
  191.  
  192. #searchresultcount {
  193.         margin: 0 0 30px;
  194.         text-align: center;
  195.         color: #333333;
  196. }
  197.  
  198. .query {
  199.         font-weight: bold;
  200.         color: #333333;
  201. }
  202.  
  203. .post {
  204.         position:relative;
  205.         top:0px;
  206.         margin:0px;
  207. }
  208.  
  209. .post .postfooter {
  210.         width:420px;
  211.         height:20px;
  212.         background:#f8f8f8 url('http://data.tumblr.com/CeVImjf8ai16x00lNbhinnndo1_100.gif') repeat-x;
  213.         margin-top:15px;
  214.         margin-bottom:30px;
  215.         text-align:right;
  216.         clear:both;
  217.         font-family:Arial, Helvetica, sans-serif;
  218.         padding:2px 0px 0px 0px;
  219.         color:#333333;
  220.         position:relative;
  221. }
  222.  
  223. .post .postfooter .date {
  224.         position:absolute;
  225.         top:4px;
  226.         right:20px;
  227. }
  228.  
  229. .post .postfooter img.permalink {
  230.         position:absolute;
  231.         width: 14px;
  232.         height: 13px;
  233.         border-width: 0px;
  234.         background-color: #000;
  235.         display: none;
  236.         right: 3px;
  237.         top: 5px;
  238.         z-index: 10;
  239. }
  240.  
  241. .post:hover .postfooter img.permalink {
  242.         display: inline;
  243. }
  244.  
  245. .reblog {
  246.         font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  247.         text-transform:none;
  248.         color:#333333;
  249.         margin:11px 0px 0 0;
  250. }
  251.  
  252. .reblog a {
  253.         text-decoration:none;
  254. }
  255.  
  256. .reblog a:hover {
  257.         text-decoration:underline;
  258. }
  259.  
  260. /* Footer */
  261.  
  262. #footer {
  263.         width: 200px;
  264.         margin: 10px auto;
  265.         padding: 10px 0;
  266.         background: url('http://data.tumblr.com/CeVImjf8aig94e4pEtSm4r64o1_100.gif') repeat-x;
  267.         font-size: x-small;
  268. }
  269.  
  270. #footer p {
  271.         margin: 0;
  272.         line-height: normal;
  273.         color: #333333;
  274. }
  275.  
  276. #footer a {
  277.         color: #fff;
  278. }
  279.  
  280. /* Regular Post */
  281.  
  282. .post .regular {
  283.         color: #333333;
  284.         line-height: 20px;
  285. }
  286.  
  287. .post .regular h2 {
  288.         font-size: 26px;
  289.         color: #333333;
  290. }
  291.  
  292. .post .regular h2 a {
  293.         color: #000;
  294.         text-decoration:none;
  295. }
  296.  
  297. .post .regular h2 a:hover {
  298.         color: #000;
  299.         text-decoration:none;
  300. }
  301.  
  302. /* Photo Post */
  303.  
  304. .post .photo img {
  305.         border:solid 10px #f8f8f8;
  306. }
  307.  
  308. .post .photo div.caption {
  309.         margin-top: 10px;
  310.         color: #333333;
  311. }
  312.  
  313. /* Quote Post */
  314.  
  315. .post .quote span.quote {
  316.         font: Bold 26px Helvetica, sans-serif;
  317.         letter-spacing: -1px;
  318.         color: #333333;
  319. }
  320.  
  321. .post .quote span.quote a {
  322.         color: #333333;
  323. }
  324.  
  325. .post .quote span.quote big.quote {
  326.         font: Bold 60px Georgia, serif;
  327.         line-height: 8px;
  328.         vertical-align: -20px;
  329. }
  330.  
  331. .post .quote div.source {
  332.         font-size: 18px;
  333.         font-weight: normal;
  334.         color: #666;
  335.         letter-spacing: -1px;
  336.         text-align: right;
  337. }
  338.  
  339. /* Link Post */
  340.  
  341. .post .link a.link {
  342.         font: Normal 26px Georgia;
  343.         letter-spacing: -1px;
  344.         color: #cc0000;
  345.         text-decoration:none;
  346. }
  347.  
  348. .post .link a.link:hover {
  349.         text-decoration:none;
  350. }
  351.  
  352. .post .link span.description {
  353.         font-weight: normal;
  354.         letter-spacing: 0px;
  355.         color: #333333;
  356. }
  357.  
  358. /* Conversation Post */
  359.  
  360. .post .conversation ul {
  361.         list-style-type: none;
  362.         margin: 0px;
  363.         padding: 0px 0px 0px 1px;
  364.         border-left: solid 5px #f8f8f8;
  365. }
  366.  
  367. .post .conversation ul li {
  368.         list-style:none;
  369.         padding: 4px 10px 4px 8px;
  370.         color: #333333;
  371.         margin-bottom: 1px;
  372. }
  373.  
  374. .post .conversation ul li span.label {
  375.         font-weight: bold;
  376. }
  377.  
  378. .post .conversation ul li span.user_1 {
  379.         color: #0065CC;
  380. }
  381.  
  382. .post .conversation ul li span.user_2 {
  383.         color: #cc0000;
  384. }
  385.  
  386. .post .conversation ul li.odd {
  387.         background-color: #f8f8f8;
  388. }
  389.  
  390. .post .conversation ul li.even {
  391.         background-color: #fff;
  392. }
  393.  
  394. /* Audio Post */
  395.  
  396. .post .audio div.caption {
  397.         color: #333333;
  398.         margin-top: 10px;
  399. }
  400.  
  401. /* Video Post */
  402.  
  403. .post .video {
  404.         width: 400px;
  405.         margin: auto;
  406. }
  407.  
  408. .post .video div.caption {
  409.         color: #333333;
  410.         margin-top: 10px;
  411. }
  412.  
  413. /* PAGENAV */
  414.  
  415. #pagenav {
  416.         margin:0px 60px 0 60px;
  417.         position:relative;
  418. }
  419.  
  420. #older, #newer {
  421.         color:#333333;
  422.         font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
  423.         text-decoration:none;
  424.         position:absolute;
  425.         display:block;
  426.         top:-15px;
  427. }
  428.  
  429. #older:hover, #newer:hover {
  430.         color:#333333;
  431.         text-decoration:none;
  432. }
  433.  
  434. #older {
  435.         float:left;
  436.         text-align:left;
  437.         left:0px;
  438. }
  439.  
  440. #newer {
  441.         float:right;
  442.         text-align:right;
  443.         right:0px;
  444. }
  445.  
  446. </style>
  447.  
  448. <!--[if IE]>
  449. <style type="text/css">
  450.  
  451. #sidebar div#search {
  452.         margin-bottom: 20px;
  453. }
  454.  
  455. </style>
  456. <![endif]-->
  457.  
  458. </head>
  459.  
  460. <body>
  461.        
  462.         <div id="page">
  463.  
  464.         <div id="header">
  465.        
  466.         <div id="logo"><h1><a href="/">{Title}</a></h1></div>
  467.  
  468.         <div id="menu">
  469.         <ul>
  470.         <li><span class="first"><a href="/">Home</a></span></li>
  471.         <li><a href="/archive">Archive</a></li>
  472.         <li><a href="{RSS}">RSS</a></li>
  473.         </ul>
  474.         </div>
  475.  
  476.         <div id="sidebar">
  477.  
  478.         <div id="search">
  479.         <form action="/search" method="get">
  480.         <input type="text" name="q" value="{SearchQuery}"/>
  481.         <input type="submit" value="Search"/>
  482.         </form>
  483.         </div>
  484.  
  485.         <h2>About</h2>
  486.         <p>{Description}</p>
  487.  
  488.         <h2>Links</h2>
  489.         <ul>
  490.         <li><a href="http://www.twitter.com/">Twitter</a></li>
  491.         <li><a href="http://www.last.fm/">Last.fm</a></li>
  492.         <li><a href="http://www.flickr.com/">Flickr</a></li>
  493.         <li><a href="http://delicious.com/">Del.icio.us</a></li>
  494.         </ul>
  495.  
  496.         <div id="footer">Powered by <a href="http://www.tumblr.com/">Tumblr</a> <br>Designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a></div>
  497.  
  498.         </div>
  499.         </div>
  500.  
  501.         <div id="content">
  502.  
  503.         {block:SearchPage}
  504.         <div id="searchresultcount">
  505.         <p>Your search for <span class="query">"{SearchQuery}"</span> returned {SearchResultCount} result(s).</p>
  506.         </div>
  507.         {/block:SearchPage}
  508.  
  509.         {block:Posts}
  510.  
  511. <div class="post">
  512.  
  513.         {block:Regular}
  514.         <div class="regular">
  515.         {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
  516.         {Body}
  517. {block:RebloggedFrom}
  518. <div class="reblog">
  519. Via <a href="{ReblogParentURL}">{ReblogParentTitle}</a>
  520. </div>
  521. {/block:RebloggedFrom}
  522.         </div>
  523.         {/block:Regular}
  524.                    
  525.         {block:Photo}
  526.         <div class="photo">
  527.         {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  528.         {block:Caption}
  529.         <div class="caption">{Caption}</div>
  530.         {/block:Caption}
  531. {block:RebloggedFrom}
  532. <div class="reblog">
  533. Via <a href="{ReblogParentURL}">{ReblogParentTitle}</a>
  534. </div>
  535. {/block:RebloggedFrom}
  536.         </div>
  537.         {/block:Photo}
  538.                    
  539.         {block:Quote}
  540.         <div class="quote">
  541.         <span class="quote">
  542.         <big class="quote">&#147;</big> {Quote}
  543.         </span>
  544.         {block:Source}<div class="source">&mdash;&nbsp;{Source}</div>{/block:Source}
  545. {block:RebloggedFrom}
  546. <div class="reblog">
  547. Via <a href="{ReblogParentURL}">{ReblogParentTitle}</a>
  548. </div>
  549. {/block:RebloggedFrom}
  550.         </div>
  551.         {/block:Quote}
  552.                    
  553.         {block:Link}
  554.         <div class="link">
  555.         <h2><a href="{URL}" class="link" {Target}>{Name}&nbsp;&raquo;</a></h2>
  556.         {block:Description}
  557.         <span class="description">{Description}</span>
  558.         {/block:Description}
  559. {block:RebloggedFrom}
  560. <div class="reblog">
  561. Via <a href="{ReblogParentURL}">{ReblogParentTitle}</a>
  562. </div>
  563. {/block:RebloggedFrom}
  564.         </div>
  565.         {/block:Link}
  566.                    
  567.         {block:Conversation}
  568.         <div class="conversation">
  569.         {block:Title}
  570.         <h2><a href="{Permalink}">{Title}</a></h2>
  571.         {/block:Title}
  572.         <ul>
  573.         {block:Lines}
  574.         <li class="{Alt}">
  575.         {block:Label}
  576.         <span class="label user_{UserNumber}">{Label}</span>
  577.         {/block:Label}
  578.         {Line}
  579.         </li>
  580.         {/block:Lines}
  581.         </ul>
  582. {block:RebloggedFrom}
  583. <div class="reblog">
  584. Via <a href="{ReblogParentURL}">{ReblogParentTitle}</a>
  585. </div>
  586. {/block:RebloggedFrom}
  587.         </div>
  588.         {/block:Conversation}
  589.                    
  590.         {block:Audio}
  591.         <div class="audio">
  592.         {AudioPlayerGrey}
  593.         {block:Caption}
  594.         <div class="caption">{Caption}</div>
  595.         {/block:Caption}
  596. {block:RebloggedFrom}
  597. <div class="reblog">
  598. Via <a href="{ReblogParentURL}">{ReblogParentTitle}</a>
  599. </div>
  600. {/block:RebloggedFrom}
  601.         </div>
  602.         {/block:Audio}
  603.                    
  604.         {block:Video}
  605.         <div class="video">
  606.         {Video-400}
  607.         {block:Caption}
  608.         <div class="caption">{Caption}</div>
  609. {block:RebloggedFrom}
  610. <div class="reblog">
  611. via <a href="{ReblogParentURL}">{ReblogParentTitle}</a>
  612. </div>
  613.  
  614. {/block:RebloggedFrom}
  615.         {/block:Caption}
  616.         </div>
  617.         {/block:Video}
  618. <div class="postfooter">
  619. <span class="date">
  620. {block:NewDayDate}
  621. {Month}, {DayOfMonth}th
  622. {/block:NewDayDate}
  623. {block:SameDayDate}
  624. {Month}, {DayOfMonth}th
  625. {/block:SameDayDate}
  626. </span>
  627. <a href="{Permalink}"><img src="/themes/5/permalink.gif"
  628. class="permalink" alt="permalink"/></a></div>
  629. </div>
  630.         {/block:Posts}
  631.  
  632.                 <div id="pagenav">
  633.                         {block:IndexPage}
  634.                                 {block:NextPage}<a id="older" href="{NextPage}">&#171;Next page</a>{/block:NextPage}
  635.                                 {block:PreviousPage}<a id="newer" href="{PreviousPage}">Previous&#187;</a>{/block:PreviousPage}
  636.                         {/block:IndexPage}
  637.  
  638.  
  639.                         {block:PermalinkPagination}
  640.                                 {block:NextPost}<a id="newer" href="{NextPost}">Newer&#187;</a> {/block:NextPost}
  641.                                 {block:PreviousPost}<a id="older" href="{PreviousPost}">&#171;Older</a>{/block:PreviousPost}
  642.                         {/block:PermalinkPagination}
  643.               </div>
  644.         </div>
  645. </div>
  646.     </body>
  647. </html>

Submit a correction or amendment below (click here to make a fresh posting)
After submitting an amendment, you'll be able to view the differences between the old and new posts easily.

Syntax highlighting:

To highlight particular lines, prefix each line with @@


Remember me so that I can delete my post