API tools faq
paste
Guest User

Prashanth K

a guest
Aug 11th, 2008
5,631
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.01 KB | None | 0 0
raw download clone embed print 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>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!