My Pastes
Public Pastes
Layout Width
Share Pastebin
Guest
Public paste!

kobzahrai

By: a guest | Jan 8th, 2009 | Syntax: None | Size: 11.69 KB | Hits: 5,579 | Expires: Never
Download | Raw | Embed | Report abuse
Copy text to clipboard
  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>
create new paste | create new version of this paste RAW Paste Data