Recent Posts
Anonymous
None | 7 sec ago
Anonymous
None | 13 sec ago
Anonymous
None | 28 sec ago
Anonymous
None | 29 sec ago
Anonymous
Java | 40 sec ago
Anonymous
None | 42 sec ago
Anonymous
None | 44 sec ago
Anonymous
Python | 45 sec ago
Anonymous
None | 47 sec ago
Anonymous
C++ | 55 sec ago
Free Subdomains
Want a pastebin.com sub-domain for your community?
learn more...
What is pastebin?
Pastebin is a website that hosts all your text & code on dedicated servers for easy sharing.
learn more...
Learn a little bit about the new Pastebin.com on our help page. hide message
By eunice mandecote on the 18th of May 2009 04:57:02 AM Download | Raw | Embed | Report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4.         <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
  5.         <title>{Title}{block:PostTitle} / {PostTitle}{/block:PostTitle}</title>
  6.         <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  7.         <link rel="Shortcut Icon" type="image/png" href="{Favicon}" />
  8. <style type="text/css">
  9. a img, img a {border:none;}
  10.  
  11. * {padding:0;margin:0;}
  12.  
  13. .clear {clear:both;}
  14.  
  15. iframe {top:7px !important;}
  16.  
  17. #wrapper {
  18.         width:600px;
  19.         margin:0 auto;
  20. }
  21.  
  22. body {
  23.         background:#262626;
  24.         border-top:6px solid #ffbc00;
  25. }
  26.  
  27. #top {
  28.         margin:45px 0 70px 0;
  29. }
  30.  
  31. #header {
  32.         float:left;
  33. }
  34.  
  35. #header h1 a, #header h1 a:hover {
  36.         display:block;
  37.         text-decoration:none;
  38.         font-family:Georgia;
  39.         font-size:60px;
  40.         color:#fff;
  41.         font-weight:normal;
  42. }
  43.  
  44. #header h1 {   
  45.         margin:6px 0 -17px 0;
  46. }
  47.  
  48.  
  49. #header div {
  50.         color:#ffbf00;
  51.         font-size:14px;
  52.         font-family: "Georgia";
  53.         text-transform:lowercase;
  54.         font-style:italic;
  55.         float:left;
  56.         margin-top:8px;
  57. }
  58.  
  59. #header div a {
  60.         color:#ffbf00;
  61.         font-size:14px;
  62.         font-family: "Georgia";
  63.         text-transform:lowercase;
  64.         font-style:italic;
  65.         text-decoration:none;
  66. }
  67.  
  68. #header div a:hover {
  69.         text-decoration:underline;
  70. }
  71.  
  72. #nav {
  73.         float:right;
  74.         margin-top:32px;
  75.         text-align:left;
  76. }
  77.  
  78. #nav li {
  79.         display:inline;
  80.         list-style:none;
  81.         margin-left:22px;
  82. }
  83.  
  84. #nav li a {
  85.         color:#ffbc00;
  86.         font-family:"Lucida Grande", "Lucida Sans Unicode";
  87.         text-decoration:none;
  88.         font-weight:bold;
  89.         font-size:12px;
  90.         padding:10px 10px 10px 10px;
  91. }
  92.  
  93. #nav li a:hover {
  94.         color:#262626;
  95.         background:#ffbc00;
  96. }
  97.  
  98. /* CONTENT */
  99.  
  100. #main {
  101.         width:600px;
  102.         margin:0 auto;
  103. }
  104.  
  105. span.icon a, .iconp {
  106.         position:absolute;
  107.         float:left;
  108.         margin:0 0 0 0;
  109.         top:-3px;
  110.         left:-37px;
  111.         color:#fff;
  112.         font-weight:normal;
  113.         text-decoration:none;
  114.         text-indent:-9999px;
  115.         background:url('http://media.tumblr.com/5yo2viQlxc7nrkbiYxZ2ujeK_500.png') no-repeat;
  116.         height:27px;
  117.         width:27px;
  118. }
  119.  
  120. span.meta a {
  121.         position:absolute;
  122.         float:left;
  123.         margin:0 0 0 0;
  124.         top:30px;
  125.         left:-54px;
  126.         font-family:Helvetica, Arial;
  127.         font-size:9px;
  128.         color:#adadad;
  129.         font-weight:normal;
  130.         text-decoration:none;
  131.         text-transform:uppercase;
  132.         text-decoration:none;
  133.         text-align:right;
  134.         width:40px;
  135. }
  136.  
  137. span.meta a b {
  138.         color:#fff;
  139. }
  140.  
  141. /* GENERAL POSTS */
  142.  
  143. .post {
  144.         margin:0 0 80px 0;
  145.         position:relative;
  146. }
  147.  
  148. .post .ttl a, .ttlp {
  149.         font-family:Georgia;
  150.         font-weight:normal;
  151.         color:#262626;
  152.         font-size:21px;
  153.         padding:7px;
  154.         background:#ffbc00;
  155.         text-decoration:none;
  156.         text-transform:lowercase;
  157. }
  158.  
  159. .ttl a:hover {
  160.         background:#ffc523;
  161. }
  162.  
  163. .ttl a span {
  164.         padding:7px 0px 7px 4px;
  165. }
  166.  
  167. .post .body {
  168.         margin:20px 0 0 0;
  169.         font-family:"Lucida Grande", "Lucida Sans Unicode";
  170.         font-size:11px;
  171.         color:#fff;
  172.         line-height:17px;
  173. }
  174.        
  175. .post .body a, .item .text a, .chat ul li a, .quote .source a {
  176.         color:#FFBc00;
  177.         text-decoration:none;
  178.         font-variant:small-caps;
  179.         font-family:Georgia;
  180.         font-size:11px;
  181. }
  182.  
  183. .post .body a:hover, .item .text a:hover, .chat ul li a:hover, .quote .source a:hover {
  184.         text-decoration:underline;
  185. }
  186.  
  187.  
  188. .post p {
  189.         margin:12px 0 12px 0;
  190. }
  191.  
  192. .post pre {
  193.         margin:12px 0 12px 15px;
  194.         font-size:10px;
  195. }
  196.  
  197. .post ul, .post ol {
  198.         margin:12px 0 12px 40px;
  199. }
  200.  
  201. .post ul li {
  202.         list-style:circle;
  203.         margin-bottom:3px;
  204. }
  205.  
  206. .post ol li {
  207.         margin-bottom:3px;
  208. }
  209.  
  210. .post blockquote {
  211.         margin-left:20px;
  212.         border-left:1px solid #ccc;
  213.         padding-left:10px;
  214.         color:#ccc;
  215. }
  216.  
  217. .source {
  218.         font-family:Georgia;
  219.         font-size:12px;
  220.         font-variant:small-caps;
  221.         text-transform:none;
  222.         color:#ffbc00;
  223.         margin:11px 0px 0 0;
  224.        
  225. }
  226.  
  227. .source a {
  228.         color:#ffbc00;
  229.         text-decoration:none;
  230. }
  231.  
  232. .source a:hover {
  233.         text-decoration:underline;
  234. }
  235.  
  236. #daybox {
  237.         margin-bottom:45px;
  238. }
  239.  
  240. #day {
  241.         font-family:Georgia;
  242.         font-variant:small-caps;
  243.         font-size:18px;
  244.         color:#fff;
  245. }
  246.  
  247. /* PHOTOS, VIDEOS, AUDIO */
  248.  
  249. .photo .body, .video .body, .audio.body {
  250.         margin-top:10px;
  251. }
  252.  
  253. .photo span.icon a, .video span.icon a {
  254.         top:3px;
  255. }
  256.  
  257. .photo span.meta a, .video span.meta a {
  258.         top:36px;
  259. }
  260.  
  261. .audio span.icon a {
  262.         top:0px;
  263. }
  264.  
  265. .audio span.meta a {
  266.         top:33px;
  267. }
  268.  
  269. /* QUOTES */
  270. .quote {
  271.         margin-top:-15px;
  272. }
  273.  
  274. .quote .body {
  275.         font-family:Georgia;
  276.         font-size:18px;
  277.         line-height:25px;
  278. }
  279.  
  280. .quote span.icon a {
  281.         top:0px;
  282. }
  283.  
  284. .quote span.meta a {
  285.         top:33px;
  286. }
  287.  
  288. .quote .byline {
  289.         float:right;
  290. }
  291.  
  292. .quote .source {
  293.         font-family:"Lucida Grande", "Lucida Sans Unicode";
  294.         font-size:11px;
  295.         color:#fff;
  296.         line-height:17px;
  297.         font-variant:normal !important;
  298. }
  299.  
  300. /* CHATS */
  301.  
  302. .chat ul {
  303.         margin:20px 0 0 0;
  304. }
  305.  
  306. .chat ul li {
  307.         list-style:none;
  308.         font-family:"Lucida Grande", "Lucida Sans Unicode";
  309.         font-size:11px;
  310.         color:#fff;
  311.         padding:8px;
  312. }
  313.  
  314. .label {
  315.         font-weight:bold;
  316. }
  317.  
  318. li.odd {
  319.         background:#1f1f1f;
  320. }
  321.  
  322. li.even {
  323.         background:#292929;
  324. }
  325.  
  326. /* PAGENAV */
  327. #pagenav {
  328.         margin:60px 0 0 0;
  329. }
  330.  
  331. #pagenav .inner {
  332.         text-align:center;
  333.         position:relative;
  334. }
  335.  
  336. #older, #newer {
  337.         color:#262626;
  338.         font-family:"Georgia";
  339.         font-size:11px;
  340.         text-transform:uppercase;
  341.         padding:7px;
  342.         background:#ffbc00;
  343.         text-decoration:none;
  344.         display:block;
  345.         position:absolute;
  346.         top:-2px;
  347. }
  348.  
  349. #older:hover, #newer:hover {
  350.         background:#ffc523;
  351. }
  352.  
  353. #older {
  354.         float:left;
  355.         text-align:left;
  356.         left:0px;
  357. }
  358.  
  359. #newer {
  360.         float:right;
  361.         text-align:right;
  362.         right:10px;
  363. }
  364.  
  365. #pages {
  366.         color:#888;
  367.         font-family:"Georgia";
  368.         font-size:11px;
  369.         text-transform:uppercase;
  370.         text-align:center;
  371. }
  372.  
  373. /* FOOTER */
  374.  
  375. #bottom {
  376.         border-top:2px solid #ffbc00;
  377.         border-bottom:2px solid #ffbc00;
  378.         margin:80px 0 40px 0;
  379.         font-family:"Lucida Grande";
  380.         font-size:10px;
  381.         color:#ccc;
  382.         text-align:center;
  383.         padding:13px 0 13px 0;
  384. }
  385.  
  386. #bottomp {
  387.         border-top:2px solid #ffbc00;
  388.         border-bottom:2px solid #ffbc00;
  389.         margin:0px 0 40px 0;
  390.         font-family:"Lucida Grande";
  391.         font-size:10px;
  392.         color:#ccc;
  393.         text-align:center;
  394.         padding:13px 0 13px 0;
  395. }
  396.  
  397. #bottom a, #bottom a:hover, #bottom b {
  398.         color:#ccc;
  399.         font-weight:bold;
  400.         text-decoration:none;
  401. }
  402.        
  403. </style>
  404.  
  405.  
  406.  
  407. <!--[if IE]>
  408. <style type="text/css">
  409. #bottom {
  410.         margin:100px 0 40px 0;
  411. }
  412.  
  413. #top {
  414.         margin:45px 0 155px 0;
  415. }
  416.  
  417. .ttl a span {
  418.         padding:0px 0px 0px 4px;
  419. }
  420.  
  421. span.icon a, .iconp {
  422.         top:5px;
  423.         left:-37px;
  424. }
  425.  
  426. span.meta a {
  427.         top:38px;
  428.         left:-54px;
  429. }
  430.  
  431. #nav li a {
  432.         color:#ffbc00;
  433.         font-family:"Lucida Grande", "Lucida Sans Unicode";
  434.         text-decoration:none;
  435.         font-weight:bold;
  436.         font-size:12px;
  437.         padding:10px 10px 10px 10px;
  438. }
  439.  
  440. #nav li a:hover, #nav li a.on {
  441.         background:#262626;
  442.         color:#ffc523;
  443. }
  444. </style>
  445. <![endif]-->
  446.  
  447. </head>
  448.  
  449. <body>
  450. <div id="wrapper">
  451.  
  452.         <div id="top">
  453.  
  454.                 <div id="header">
  455.                         <h1><a href="/">{Title}</a></h1>
  456.                         <div>{Description} </div>
  457.                 </div>
  458.  
  459.                 <ul id="nav">
  460.                         <li><a href="/">home</a></li>
  461.                         <li><a href="/archive">archive</a></li>
  462.                         <li><a href="{RSS} ">feed</a></li>
  463.                 </ul>
  464.         <br class="clear">
  465.         </div>
  466.  
  467.         <div id="main">
  468.  
  469.         {block:DayPage}<div id="daybox"><span id="day">{Month}&nbsp;{DayOfMonth},&nbsp;{Year}</span></div>{/block:DayPage}
  470.  
  471.         {block:Posts}
  472.  
  473.                 {block:Link}
  474.                 <div class="post link">
  475.                         <span class="icon"><a href="{Permalink}">link</a></span>
  476.                         <span class="meta"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/"><b>{DayOfMonth}</b>&nbsp;{ShortMonth}</a></span>
  477.                         <span class="ttl"><a href="{URL}">{Name}<span>&raquo;</span></a></span>
  478.                         {block:Description}
  479.                         <div class="body">
  480.                         {Description}
  481.                         </div>
  482.                          {/block:Description}
  483.                         {block:RebloggedFrom}
  484.                         <div class="source">
  485.                         via <a href="{ReblogParentURL}">{ReblogParentTitle}</a>.
  486.                         </div>
  487.                         {/block:RebloggedFrom}
  488.                 </div>
  489.                 {/block:Link}
  490.  
  491.                 {block:Quote}
  492.                 <div class="post quote">
  493.                         <span class="icon"><a href="{Permalink}">quote</a></span>
  494.                         <span class="meta"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/"><b>{DayOfMonth}</b>&nbsp;{ShortMonth}</a></span>
  495.                         <div class="body">
  496.                         {Quote}
  497.                         </div>
  498.                         {block:Source}
  499.                         <div class="source">
  500.                         &mdash;&nbsp;{Source}
  501.                         </div>
  502.                         {/block:Source}
  503.                 </div>
  504.                 {/block:Quote}
  505.  
  506.                 {block:Chat}
  507.                 <div class="post chat">
  508.                         <span class="icon"><a href="{Permalink}">chat</a></span>
  509.                         <span class="meta"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/"><b>{DayOfMonth}</b>&nbsp;{ShortMonth}</a></span>
  510.                         {block:Title}<span class="ttl"><a href="{Permalink}">{Title}</a></span>{/block:Title}
  511.                         <ul>
  512.                         {block:Lines}
  513.                         <li class="{Alt}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>
  514.                         {/block:Lines}
  515.                         </ul>
  516.                         {block:RebloggedFrom}
  517.                         <div class="source">
  518.                         via <a href="{ReblogParentURL}">{ReblogParentTitle}</a>.
  519.                         </div>
  520.                         {/block:RebloggedFrom}
  521.                 </div>
  522.                 {/block:Chat}
  523.  
  524.                 {block:Text}
  525.                 <div class="post text">
  526.                         <span class="icon"><a href="{Permalink}">text</a></span>
  527.                         <span class="meta"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/"><b>{DayOfMonth}</b>&nbsp;{ShortMonth}</a></span>
  528.                         {block:Title}<span class="ttl"><a href="{Permalink}">{Title}</a></span>{/block:Title}
  529.                         <div class="body">
  530.                         {Body}
  531.                         </div>
  532.                         {block:RebloggedFrom}
  533.                         <div class="source">
  534.                         via <a href="{ReblogParentURL}">{ReblogParentTitle}</a>.
  535.                         </div>
  536.                         {/block:RebloggedFrom}
  537.                 </div>
  538.                 {/block:Text}
  539.  
  540.                 {block:Photo}
  541.                 <div class="post photo">
  542.                         <span class="icon"><a href="{Permalink}">photo</a></span>
  543.                         <span class="meta"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/"><b>{DayOfMonth}</b>&nbsp;{ShortMonth}</a></span>
  544.                         {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}
  545.                         {block:Caption}
  546.                         <div class="body">
  547.                         {Caption}
  548.                         </div>
  549.                         {/block:Caption}
  550.                         {block:RebloggedFrom}
  551.                         <div class="source">
  552.                         via <a href="{ReblogParentURL}">{ReblogParentTitle}</a>.
  553.                         </div>
  554.                         {/block:RebloggedFrom}
  555.                 </div>
  556.                 {/block:Photo}
  557.  
  558.                 {block:Video}
  559.                 <div class="post video">
  560.                         <span class="icon"><a href="{Permalink}">video</a></span>
  561.                         <span class="meta"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/"><b>{DayOfMonth}</b>&nbsp;{ShortMonth}</a></span>
  562.                         {Video-500}
  563.                         {block:Caption}
  564.                         <div class="body">
  565.                         {Caption}
  566.                         </div>
  567.                         {/block:Caption}
  568.                         {block:RebloggedFrom}
  569.                         <div class="source">
  570.                         via <a href="{ReblogParentURL}">{ReblogParentTitle}</a>.
  571.                         </div>
  572.                         {/block:RebloggedFrom}
  573.                 </div>
  574.                 {/block:Video}
  575.  
  576.                 {block:Audio}
  577.                 <div class="post audio">
  578.                         <span class="icon"><a href="{Permalink}">audio</a></span>
  579.                         <span class="meta"><a href="/day/{Year}/{MonthNumberWithZero}/{DayOfMonthWithZero}/"><b>{DayOfMonth}</b>&nbsp;{ShortMonth}</a></span>
  580.                         {AudioPlayerWhite}
  581.                         {block:Caption}
  582.                         <div class="body">
  583.                         {Caption}
  584.                         </div>
  585.                         {/block:Caption}
  586.                         <div class="source">
  587.                         played {FormattedPlayCount} times.{block:RebloggedFrom}&nbsp;via <a href="{ReblogParentURL}">{ReblogParentTitle}</a>.{/block:RebloggedFrom}
  588.                         </div>                 
  589.                 </div>
  590.                 {/block:Audio}
  591.  
  592.         {/block:Posts}
  593.                
  594.                 <div id="pagenav">
  595.                         <div class="inner">
  596.                         {block:IndexPage}
  597.                                 {block:NextPage}<a id="older" href="{NextPage}">&larr;&nbsp;Wander back</a>{/block:NextPage}
  598.                                 <span id="pages">Page {CurrentPage} of {TotalPages}</span>
  599.                                 {block:PreviousPage}<a id="newer" href="{PreviousPage}">Go forth&nbsp;&rarr;</a>{/block:PreviousPage}
  600.                         {/block:IndexPage}
  601.  
  602.  
  603.                         {block:PermalinkPagination}
  604.                                 {block:NextPost}<a id="newer" href="{NextPost}">Newer&nbsp;&rarr;</a> {/block:NextPost}
  605.                                 <span id="pages">Permalink Page</span>
  606.                                 {block:PreviousPost}<a id="older" href="{PreviousPost}">&larr;&nbsp;Older</a>{/block:PreviousPost}
  607.                         {/block:PermalinkPagination}
  608.  
  609.                         </div>
  610.                 </div>
  611.  
  612.         </div>
  613.  
  614.         <br class="clear">
  615.        
  616.         <div id="bottom">
  617.         <!-- Please do not remove the credit attribution here. Feel free to modify the rest of theme as you wish, however. --><b>Design</b> crafted by <a href="http://www.prshnth.com">Prashanth Kamalakanthan</a>. <b>Content</b> powered by <a href="http://www.tumblr.com/">Tumblr</a>.
  618.         </div>
  619.  
  620. </div>
  621.  
  622. </body>
  623.  
  624. </html>
Submit a correction or amendment below. [ previous version ] | [ difference ] | Make A New Post
To highlight particular lines, prefix each line with @h@
Syntax highlighting:
Post expiration:
Post exposure:
Name / Title:
Email: