Don't like ads? PRO users don't see any ads ;-)
Public Pastes
Guest

Theme 05 v2

By: envythemes on Aug 18th, 2012  |  syntax: None  |  size: 11.25 KB  |  hits: 130  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4. <!--
  5.  
  6. Do NOT remove credit, do not use as a base code.  Do not redistribute.
  7. envythemes.tumblr.com
  8.  
  9. -->
  10.  
  11. <head>
  12. <link href='http://fonts.googleapis.com/css?family=Karla|Six+Caps' rel='stylesheet' type='text/css'>
  13. <script type="text/javascript">
  14.   WebFontConfig = {
  15.     google: { families: [ 'Karla::latin', 'Six+Caps::latin' ] }
  16.   };
  17.   (function() {
  18.     var wf = document.createElement('script');
  19.     wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
  20.       '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
  21.     wf.type = 'text/javascript';
  22.     wf.async = 'true';
  23.     var s = document.getElementsByTagName('script')[0];
  24.     s.parentNode.insertBefore(wf, s);
  25.   })(); </script>
  26.  
  27.  
  28. <title>{Title}</title>
  29. <link rel="shortcut icon" href="{Favicon}">
  30. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  31. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  32.  
  33. <meta name="color:background" content="#000000"/>
  34. <meta name="image:background" content="http://static.tumblr.com/t02baij/Mbem8v4h0/dark_wood.png"/>
  35. <meta name="color:sidebar background" content="#111111"/>
  36. <meta name="color:sidebar title" content="#59a80f"/>
  37. <meta name="color:post background" content="#111111"/>
  38. <meta name="color:post link" content="#e2ff9e"/>
  39. <meta name="color:post text" content="#999898">
  40. <meta name="color:notes link" content="#e2ff9e"/>
  41. <meta name="color:notes border" content="#0c0c0c"/>
  42. <meta name="color:Bold Text" content="#59a80f">
  43. <meta name="color:Italic Text" content="#c4ed68">
  44. <meta name="color:link hover" content="c4ed68"/>
  45.  
  46. <meta name="image:sidebar" content=""/>
  47.  
  48. <meta name="if:Infinite Scroll" content="1">
  49. <meta name="if:Show Captions" content="0">
  50. <meta name="if:Show Tags" content="1">
  51.  
  52. <meta name="text:URL 1" content="">
  53.  
  54. <meta name="text:URL 2" content="">
  55. <meta name="text:URL 2 name" content="">
  56. <meta name="text:URL 3" content="">
  57. <meta name="text:URL 3 name" content="">
  58. <meta name="text:URL 4" content="">
  59. <meta name="text:URL 4 name" content="">
  60. <meta name="text:URL 5" content="">
  61. <meta name="text:URL 5 name" content="">
  62.  
  63. <style type="text/css">
  64.  
  65. @import url(http://fonts.googleapis.com/css?family=Karla|Six+Caps);
  66.  
  67. body{
  68.     margin:0px; padding: 0px;
  69.     background:{color:background} url('{image:background}'); }
  70.  
  71. #sidebar {
  72.     position: fixed;
  73.     left: 20px; top: 68%; width: 200px; margin: 0px; padding: 0px;
  74.     {block:IfInfiniteScroll}height:185px;{/block:IfInfiniteScroll}
  75.     {block:IfNotInfiniteScroll}height:205px;{/block:IfNotInfiniteScroll}
  76.     font-family:'Karla', sans-serif;
  77.     font-size:12px;
  78.     color: {color:sidebar text};
  79.     background: {color:sidebar background};
  80.    
  81.     }
  82.    
  83. #sidebar img{
  84.     max-width:190px;
  85.     padding:5px;
  86.     }
  87.  
  88.    
  89. #title {
  90.     display: block;
  91.     font-family: 'Six Caps', sans-serif;
  92.     font-style: none;
  93.     font-size: 21px;
  94.     letter-spacing: 4px;
  95.     text-decoration: none;
  96.     text-transform: uppercase;
  97.     color: {color:sidebar title};
  98.     border-bottom: 0px solid {color:sidebar title};  }
  99.    
  100. #icons {
  101.     padding:0px;
  102.     }
  103.  
  104. #post {
  105.     overflow:hidden;
  106.     width: 400px;
  107.     padding:5px;
  108.     margin-left:250px!important;
  109.     margin:5px;
  110.     font-family: 'Karla', sans-serif;
  111.     font-size:12px;
  112.     color: {color:post text};
  113.     background:{color:post background}; }
  114.  
  115. #post a{
  116.         color: {color:post link};
  117.         text-decoration:none; }
  118.        
  119. #post a:hover{
  120.     color:{color:link hover}; }
  121.        
  122. #post b, strong {
  123. color: {color:Bold Text};
  124. }
  125.  
  126. #post i, em {
  127. color: {color:Italic Text};
  128. }
  129.  
  130. #post blockquote {
  131. border-left: 3px solid {color:Bold Text};
  132. padding-left: 4px;
  133. margin-left: 5px;
  134. }
  135.  
  136. h1 {
  137.     font: 20px 'Six Caps', sans-serif;
  138.     text-align: center; color:{color:Bold Text};
  139.     letter-spacing:3px;
  140.     {block:ifNotShowTags}border-bottom: 1px solid {color:notes border}{/block:ifNotShowTags};}
  141.    
  142. h1 a{
  143.     color: {color:post link};
  144.     text-transform:none;
  145.     text-decoration:none; }
  146.  
  147. h1 a:hover{
  148.     color:{color:link hover}; }
  149.    
  150. #quote{
  151.     font:italic 14px "trocchi", serif;
  152.     text-align:left;
  153.     display:block; }
  154.    
  155. #ask a{
  156.     text-decoration:none;
  157.     color:{color:post link};
  158.     font-family: 'Karla', sans-serif;
  159.     font-size: 12px;
  160.     text-transform:lowercase; }
  161.    
  162. #ask a:hover{
  163.     color:{color:link hover}; }
  164.    
  165. #caption {
  166.     text-align: left;
  167.     font: 12px, 'Karla', sans-serif;
  168.     display: block;
  169.     padding-left:5px; }
  170.  
  171. #caption a{
  172.     font: 12px, 'Karla', sans-serif;
  173.     color:{color:post link};
  174.     text-decoration:none;
  175.     text-transform:none;
  176.     }
  177.    
  178. #caption a:hover{
  179.     color:{color:link hover}; }
  180.  
  181. #caption img {
  182. max-width: 400px; }
  183.    
  184. #info{
  185.     width: 400px;
  186.     padding:2px;
  187.     margin-left:0px!important;
  188.     margin:0px;
  189.     text-transform:uppercase;
  190.     letter-spacing:0px;
  191.     font:8px Consolas, arial, helvetica, sans-serif;
  192.     color:{color:notes};
  193.     text-align:center;}
  194.  
  195. #info a{
  196.     color:{color:notes link};
  197.     text-decoration:none; }
  198.    
  199. #info a:hover{
  200.     color:{color:link hover};
  201.     text-decoration:none; }
  202.    
  203. #date {
  204. width: 400px;
  205.     padding:2px;
  206.     margin-left:0px!important;
  207.     margin-top:3px;
  208.     text-decoration:none;
  209.     text-align:center;
  210.     text-transform:uppercase;
  211.     font: 8px Consolas, arial, helvetica, sans-serif;
  212.     background:{color:notes background}; }
  213.    
  214. #date a{
  215.     color:{color:notes link};
  216.     text-decoration:none; }
  217.  
  218. #date a:hover{
  219.     color:{color:link hover};
  220.     text-decoration:none; }
  221.    
  222. #permanotes{
  223. width: 400px;
  224.     padding:0px 5px;
  225.     margin-left:0px!important;
  226.     text-decoration:none;
  227.     margin:0px;
  228.     font: 10px Consolas, arial, helvetica, sans-serif;
  229.     color:{color:notes};
  230.     border-top: 0px solid {color:notes border}; }
  231.    
  232. #permanotes a{
  233.     color:{color:notes link};
  234.     text-decoration:none; }
  235.    
  236. #permanotes a:hover{
  237.     color:{color:link hover}; }
  238.    
  239. ol.notes {
  240.     padding:0px;
  241.     margin:15px 0px;
  242.     list-style-type: none; }
  243.    
  244. #pgs {
  245.     text-align:center;
  246.     font: normal 12px calibri, arial, helvetica, sans-serif;
  247.     color: {color:post text}; }
  248.    
  249. #pgs a{
  250.     font-size:18px;
  251.     text-decoration:none;
  252.     color: {color:post link};
  253.     background:{color:sidebar background};
  254.     }
  255.  
  256. #pgs a:hover{
  257.     background:{color:sidebar background};
  258.     color:{color:link hover}; }
  259.  
  260.  
  261. </style>
  262. {block:IfInfiniteScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfInfiniteScroll}
  263. </head>
  264.  
  265. <body>
  266.  
  267. <div id="sidebar">
  268.  
  269.     <img src="{image:sidebar}">
  270.     <br><centeR><div id="title">{title}</div>
  271.         <div id="icons"><a href="/"><img src="http://static.tumblr.com/wjb02hw/pA8m8v10s/homeicon.png"></a>
  272.         <a href="/ask"><img src="http://static.tumblr.com/wjb02hw/8ctm8v0se/askicon.png"></a>
  273.         <a href="{ifURL1}"><img src="http://static.tumblr.com/wjb02hw/yFGm8v17h/tagsicon.png"></a>
  274.         <a href="http://envythemes.tumblr.com"><img src="http://static.tumblr.com/wjb02hw/IBOm8v187/themeicon.png"></a>
  275.    
  276.   </center>
  277.    
  278.    <div id="pgs">
  279.     {block:IfNotInfiniteScroll}{block:Pagination}
  280.    
  281.     {block:PreviousPage}<a href="{PreviousPage}">&larr;</a>{/block:PreviousPage}  {block:NextPage}<a href="{NextPage}">&rarr;</a>{/block:NextPage}
  282.     {/block:Pagination}{/block:IfNotInfiniteScroll}
  283.     </div>
  284.  
  285.    
  286. </centeR>
  287.  
  288. <form name="navbar" method="post"><div align="center" id="navbar">
  289. <select style="font-family:karla; text-transform:uppercase; border:0px; width: 200px; padding:0px; letter-spacing:3px; background-color:{color:sidebar background}; color:{color:post link};" name="select1" size="1" onChange="location.href=this.options[this.selectedIndex].value;">
  290. <option value="">Navigate</option>
  291. <option value="/archive">archive</option>
  292. {block:ifURL2}<option value="{text:URL 2}">{text:URL 2 name}</option>{/block:ifURL2}
  293. {block:ifURL3}<option value="{text:URL 3}">{text:URL 3 name}</option>{/block:ifURL3}
  294. {block:ifURL4}<option value="{text:URL 4}">{text:URL 4 name}</option>{/block:ifURL4}
  295. {block:ifURL5}<option value="{text:URL 5}">{text:URL 5 name}</option>{/block:ifURL5}
  296. </select></div></form>
  297.  
  298. </div>
  299.  
  300. </div>
  301.      
  302.      
  303. <div class = "autopagerize_page_element" >      
  304. {block:Posts}
  305. <div id="post">
  306.  
  307. {block:Text}
  308.     {block:Title}<h1>{Title}</h1>{/block:Title}
  309.     {Body}
  310. {/block:Text}
  311.  
  312. {block:Photo}
  313. <a href="{permalink}"><img src="{PhotoURL-400}" border="0" width="400px"/></a>
  314.     {block:IfShowCaptions}{block:Caption}<span id="caption">{Caption}</span>{/block:Caption}{/block:IfShowCaptions}
  315. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  316. <span id="caption">{Caption}</span>
  317. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  318. {/block:Photo}
  319.  
  320.  
  321. {block:Photoset}
  322. {Photoset-400}
  323.     {block:IfShowCaptions}{block:Caption}<span id="caption">{Caption}</span>{/block:Caption}{/block:IfShowCaptions}
  324. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  325. <span id="caption">{Caption}</span>
  326. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  327. {/block:Photoset}
  328.  
  329. {block:Quote}
  330.     <div id="quote">{Quote}</div>
  331.     {block:Source}<div align="right"><b>- {Source}</b></div>{/block:Source}
  332. {/block:Quote}
  333.  
  334. {block:Link}
  335.     <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  336.     {block:Description}{Description}{/block:Description}
  337. {/block:Link}    
  338.  
  339. {block:Chat}
  340.     {block:Title}<h1>{Title}</h1>{/block:Title}
  341.     {block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  342.    
  343. {block:Audio}
  344.     <div id="audio">{AudioPlayerBlack}</div>
  345.     {block:IfShowCaptions}{block:Caption}<span id="caption">{Caption}</span>{/block:Caption}{/block:IfShowCaptions}
  346. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  347. <span id="caption">{Caption}</span>
  348. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  349. {/block:Audio}
  350.  
  351. {block:Video}
  352. {Video-400}
  353.     {block:IfShowCaptions}{block:Caption}<span id="caption">{Caption}</span>{/block:Caption}{/block:IfShowCaptions}
  354. {block:IfNotShowCaptions}{block:PermalinkPage}{block:Caption}
  355. <span id="caption">{Caption}</span>
  356. {/block:Caption}{/block:PermalinkPage}{/block:IfNotShowCaptions}
  357. {/block:Video}
  358.  
  359. {block:Answer}
  360.     <div id="ask"> {Asker} <b>asked:</b> <i>{Question}</i></div>
  361.     <p>{Answer}</p>
  362. {/block:Answer}
  363.  
  364.  
  365. <div id="date">
  366. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}
  367. {block:NoteCount} | <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}
  368. </div>
  369.  
  370. <div id="info">
  371. {block:RebloggedFrom}
  372.     <B>From:</b> <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a>
  373. {/block:RebloggedFrom}
  374.  
  375. {block:IfShowTags}{block:HasTags}<b>tags:</b> {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}{/block:IfShowTags}
  376. </div>
  377.  
  378. {block:PermalinkPage}
  379.     {block:PostNotes}
  380.         <div id="permanotes">{PostNotes}</div>
  381.     {/block:PostNotes}
  382. {/block:PermalinkPage}
  383.  
  384.  
  385.    
  386.    
  387. </div>
  388. {/block:Posts}
  389. </div>
  390.  
  391.  
  392.  
  393.  
  394. </body>
  395. </html>
create a new version of this paste RAW Paste Data