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