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

Tumblr Theme 2

By: Vesja on Apr 14th, 2012  |  syntax: HTML  |  size: 11.83 KB  |  hits: 433  |  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 HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. <!-- Theme by Sanne (http://he-touches-things.tumblr.com). Please do not remove credit or claim as your own. -->
  4.  
  5.  <head>
  6.         <title>{Title}</title>
  7.                 <link rel="shortcut icon" href="{Favicon}" />
  8.                 <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  9.                
  10.                 <!-- Default variables -->
  11.                 <meta name="color:Background" content="#fffbed"/>
  12.         <meta name="color:Text" content="#9e7967"/>
  13.         <meta name="color:Title" content="#ba765b"/>
  14.         <meta name="color:Entry" content="#f7ebcd"/>
  15.         <meta name="color:Links" content="#4a3837"/>
  16.         <meta name="color:LHover" content="#c76e4d"/>
  17.         <meta name="color:Nav" content="#f7ebcd"/>
  18.         <meta name="color:Nav Hover" content="#a17969"/>
  19.         <meta name="color:Infobackground" content="#e3c5a6"/>
  20.         <meta name="color:Askbackground" content="#f7ebcd"/>
  21.                 <meta name="color:Nav Border" content="#ba765b" />
  22.                
  23.                 <meta name="image:Sidebar" content=""/>
  24.                 <meta name="image:Background" content=""/>
  25.                
  26.                 <meta name="font:title" content="Dosis" />
  27.         <meta name="font:body" content="Gudea" />
  28.                
  29.                 <meta name="text:Link 01" content=""/>
  30.         <meta name="text:Link 01 Title" content=""/>
  31.         <meta name="text:Link 02" content="">
  32.         <meta name="text:Link 02 Title" content=""/>
  33.                 <meta name="text:Link 03" content=""/>
  34.         <meta name="text:Link 03 Title" content=""/>
  35.                 <meta name="text:Link 04" content=""/>
  36.         <meta name="text:Link 04 Title" content=""/>
  37.                 <meta name="text:Link 05" content=""/>
  38.         <meta name="text:Link 05 Title" content=""/>
  39.                 <meta name="text:Link 06" content=""/>
  40.         <meta name="text:Link 06 Title" content=""/>
  41.                 <meta name="text:Link 07" content=""/>
  42.         <meta name="text:Link 07 Title" content=""/>
  43.                 <meta name="text:Link 08" content=""/>
  44.         <meta name="text:Link 08 Title" content=""/>
  45.                 <meta name="text:Link 09" content=""/>
  46.         <meta name="text:Link 09 Title" content=""/>
  47.                 <meta name="text:Link 10" content=""/>
  48.         <meta name="text:Link 10 Title" content=""/>
  49.                
  50.                 <style type="text/css">
  51.                         @font-face {
  52.                         font-family: 'Dosis';
  53.                         font-style: normal;
  54.                         font-weight: 400;
  55.                         src: local('Dosis Regular'), local('Dosis-Regular'), url('http://themes.googleusercontent.com/static/fonts/dosis/v1/tYjwoPxcNbCapURVAi2M5g.woff') format('woff');
  56.                         }
  57.                        
  58.                         @font-face {
  59.                         font-family: 'Gudea';
  60.                         font-style: normal;
  61.                         font-weight: 400;
  62.                         src: local('Gudea'), url('http://themes.googleusercontent.com/static/fonts/gudea/v1/GS1885NGn8e1-T6Cki4rBA.woff') format('woff');
  63.                         }
  64.                        
  65.                         body{color:{color:Text}; background-attachment:fixed; background-color:{color:Background}; background-image: url('{image:Background}'); bottom left; background-repeat: no-repeat; text-align:justify; font-family:Gudea; font-size:11px;}
  66.                        
  67.                         a {color: {color:links}; text-decoration:none; -webkit-transition: all 0.5s ease-out -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  68.                         a:hover {color:{color:lhover}; -webkit-transition: all 0.5s ease-out -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  69.                        
  70.                         #entries{position:absolute; width:700px; margin-left:300px; margin-top:7px; padding-top:00px;}
  71.                        
  72.                         #posts{overflow:hidden; background-color:{color:entry}; border-left:0px solid {color:link}; border-right:0px solid {color:link}; padding:5px;  -moz-border-radius: 5px 5px / 5px 5px; border-radius: 5px 10px / 5px 5px;}
  73.  
  74.                         #sidebarimage{top:0px; bottom:10px;}
  75.                         #sidebarimage img{margin-top:10px; margin-left:-25px; max-height:187px; width:auto; }
  76.  
  77.                         #sidebar {width:300px; float:left; margin-left:0px; top:0px; bottom:10px; background-color:{color:sidebar}; text-align:justify; position:fixed; padding:5px; }
  78.                         #title {width: 80px; margin-left:190px; margin-top:5px; font-family: "Dosis"; font-size: 14px; letter-spacing: 1px; font-style:none; font-weight:normal; text-align:left; color: {color:Title}; padding: 5px; line-height: 12px; background-color: {color:sblink}; border-left: 8px solid; border-left-width: 8px; border-left-style: solid; border-left-color: {color:Nav Border};}
  79.                         #description {font-family:"Gudea"; font-size:11px; background-color:{color:desbackground}; width:270px; padding:0px; margin-top:70px; margin-left:0px; }
  80.  
  81.                         #navigation {text-align-center; position:fixed; width: 80px; margin-top: 140px; -webkit-transition: all 0.5s ease-out -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  82.                         #navigation a {margin-left:90px; margin-top:60px; margin-bottom:-70px; width:80px; font-family:Gudea; line-height:12px;  display: block; text-align:left; background-color:{color:Nav}; color:{color:Text}; padding-left:12px; padding-top:0px; padding-bottom:0px; text-transform:lowercase; font-size:11px; text-decoration: none; border-left: 8px solid; border-left-width: 8px; border-left-style: solid; border-left-color: {color:Nav Border}; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; !important}
  83.                         #navigation a:hover {background-color:{color:Nav Hover}; width:80px; -webkit-transition: all 0.5s ease-out -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  84.                        
  85.                         #linknavigation {text-align-center; position:fixed; width: 80px; margin-top: 140px; -webkit-transition: all 0.5s ease-out -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  86.                         #linknavigation a {margin-left:1010px; margin-top:60px; margin-bottom:-70px; width:80px; font-family:Gudea; line-height:12px;  display: block; text-align:left; background-color:{color:Nav}; color:{color:Text}; padding-left:12px; padding-top:0px; padding-bottom:0px; text-transform:lowercase; font-size:11px; text-decoration: none; border-left: 8px solid; border-left-width: 8px; border-left-style: solid; border-left-color: {color:Nav Border}; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out; !important}
  87.                         #linknavigation a:hover {background-color:{color:Nav Hover}; width:80px; -webkit-transition: all 0.5s ease-out -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  88.  
  89.                         #icon {position:fixed; overflow:hidden; margin-top: 200px; margin-left:10 px;}
  90.  
  91.                         #title2{font-size:18px; font-style:italic; font-family:"Dosis"; letter-spacing:1px; text-decoration: none;}
  92.                         #title3{font-size:16px; font-style:italic; font-family:"Dosis"; letter-spacing:1px;}
  93.  
  94.                         #pagination{color:{color:Text}; font-size:13px; font-family:Gudea; text-decoration:none; text-align:center; padding: 5px;}
  95.                         #pagination a{color:{color:links};}
  96.                         #pagination a:hover{color:{color:lhover};}
  97.  
  98.                         #info {display:block; margin:7px 0px 5px 0px; padding:2px 4px 2px 4px; color:{color:text}; font:9px Gudea; line-height:110%; text-transform:lowercase; width:700px; background-color:{color:InfoBackground}; letter-spacing:0px; text-align:center;}
  99.                         #info a {color:{color:Links};}
  100.                         #info a:hover {color:{color:lhover};}
  101.  
  102.                         .user_1 {background-color:{color:infobackground}; margin-right:10px;}
  103.                         .user_2 {background-color:transparent; margin-right:15px;}
  104.  
  105.                         #askb {background-color:{color:askbackground}; color: {color:text}; padding:10px; margin-bottom:0px; font-family:"Dosis"; font-size:11px; font-style:italic;}
  106.                         #askb a {color:{color:links};}
  107.  
  108.                         #source{margin-top:3px; text-align:right; margin-bottom:5px; font-size:10px;}
  109.  
  110.                         blockquote{border-left:2px solid {color:271b1f}; padding-left:5px; margin:0px 2px 0px 10px;}
  111.                         blockquote img, blockquote a img {max-width: 490px};}
  112.                 </style>
  113.         </head>
  114.  <!-- For some reason the -webkit-transition isn't working on my laptop. It's working fine on other computers though. If it still doesn't work, please contact me. -->
  115.         <body>
  116.  
  117.                 <div id="sidebar">
  118.  
  119.  
  120.                         <center>
  121.                                 <div id="sidebarimage">
  122.                                         <img src="{image:Sidebar}" alt="{Name}"/>
  123.                                 </div>
  124.                         </center>
  125.  
  126.                         <div id="title">
  127.                                 <a href="/">{Title}</a>
  128.                         </div>
  129.  
  130.                         <div id="description">
  131.                                 {block:Description}{Description}{/block:Description}<br/>
  132.                                 <div id="pagination">
  133.                                 {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{CurrentPage}/{TotalPages} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  134.                                 </div>
  135.                         </div><br />
  136.                 </div>
  137.  
  138.                 <div id="entries">
  139.                 {block:Posts}
  140.                         <div id="posts">
  141.                                 {block:Quote}
  142.                                 <div id="title3">
  143.                                         "{Quote}"
  144.                                 </div>
  145.                                 {block:Source}
  146.                                 <div id="source">
  147.                                         — {Source}
  148.                                 </div>
  149.                                 {/block:Source}
  150.                                 {/block:Quote}
  151.  
  152.                                 {block:Title}
  153.                                 <div id="title2">
  154.                                         {Title}
  155.                                 </div>
  156.                                 {/block:Title}
  157.                                 {block:Text}
  158.                                         {Body}
  159.                                 {/block:Text}
  160.  
  161.                                 {block:Link}
  162.                                 <div id="title2">
  163.                                         <a href="{URL}" class="link" {Target}>
  164.                                                 {Name}</a>
  165.                                 </div>
  166.                                 {block:Description}
  167.                                 <div class="description">
  168.                                         {Description}
  169.                                 </div>
  170.                                 {/block:Description}
  171.                                 {/block:Link}
  172.  
  173.                                 {block:Photo}
  174.                                         <center>
  175.                                                 {LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}
  176.                                         </center>
  177.                                         {block:Caption}
  178.                                                 {Caption}
  179.                                         {/block:Caption}
  180.                                 {/block:Photo}
  181.                                 {block:Photoset}
  182.                                         <center>
  183.                                                 {Photoset-500}
  184.                                         </center>
  185.                                         {block:Caption}
  186.                                                 {Caption}
  187.                                         {/block:Caption}
  188.                                 {/block:Photoset}
  189.  
  190.                                 {block:Chat}
  191.                                         <class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}
  192.                                 {/block:Chat}
  193.  
  194.                                 {block:Video}
  195.                                         {Video-500}
  196.                                         {block:Caption}
  197.                                                 {Caption}
  198.                                         {/block:Caption}
  199.                                 {/block:Video}
  200.  
  201.                                 {block:Answer}
  202.                                         <div id="askb">
  203.                                                 {Asker} asked: "{Question}"
  204.                                         </div>
  205.                                         {Answer}
  206.                                 {/block:answer}
  207.  
  208.                                 {block:Audio}
  209.                                         <span class="audio">
  210.                                                 <center>
  211.                                                         {AudioPlayerBlack}
  212.                                                 </center>
  213.                                         </span>
  214.                                         {block:Caption}
  215.                                                 {Caption}
  216.                                         {/block:Caption}
  217.                                 {/block:Audio}
  218.  
  219.                                 <div id="info">
  220.                                         posted <a href="{Permalink}">{TimeAgo}<a/> -</a> <a href="{Permalink}">{NoteCountWithLabel}</a>{block:RebloggedFrom} (originally from <a href="{ReblogRootURL}">{ReblogRootName}</a>){/block:RebloggedFrom}{block:HasTags}<br /></a>Filed under:&nbsp; {block:Tags}<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  221.                                 </div>
  222.                         </div>
  223.                 <br />
  224.                 {/block:posts}
  225.                 {block:PostNotes}
  226.                         {PostNotes}
  227.                 {/block:PostNotes}
  228.  
  229.                 </div>
  230.         </div>
  231.        
  232.         <div id="icon">
  233.                 <a href="/"><img src="{PortraitURL-96}" width="80" height="80" align=center></a>
  234.         </div>
  235.                
  236.         <div id="navigation">
  237.                         <a href="/">home</a><br />
  238.                         <a href="/ask">ask</a><br />
  239.                         <a href="/submit">submit</a><br />
  240.                         <a href="/archive">archive</a><br />
  241.                         <a href="http://he-touches-things.tumblr.com/tagged/theme">© theme</a>
  242.         </div>
  243.        
  244.         <div id="linknavigation">
  245.                         {block:ifLink01Title}<a href="{text:Link 01}">{text:Link 01 Title}</a><br />{/block:ifLink01Title}
  246.                         {block:ifLink02Title}<a href="{text:Link 02}">{text:Link 02 Title}</a><br />{/block:ifLink02Title}
  247.                         {block:ifLink03Title}<a href="{text:Link 03}">{text:Link 03 Title}</a><br />{/block:ifLink03Title}
  248.                         {block:ifLink04Title}<a href="{text:Link 04}">{text:Link 04 Title}</a><br />{/block:ifLink04Title}
  249.                         {block:ifLink05Title}<a href="{text:Link 05}">{text:Link 05 Title}</a><br />{/block:ifLink05Title}
  250.                         {block:ifLink06Title}<a href="{text:Link 06}">{text:Link 06 Title}</a><br />{/block:ifLink06Title}
  251.                         {block:ifLink07Title}<a href="{text:Link 07}">{text:Link 07 Title}</a><br />{/block:ifLink07Title}
  252.                         {block:ifLink08Title}<a href="{text:Link 08}">{text:Link 08 Title}</a><br />{/block:ifLink08Title}
  253.                         {block:ifLink09Title}<a href="{text:Link 09}">{text:Link 09 Title}</a><br />{/block:ifLink09Title}
  254.                         {block:ifLink10Title}<a href="{text:Link 10}">{text:Link 10 Title}</a>{/block:ifLink10Title}
  255.         </div>
  256.        
  257.        
  258.                        
  259.                        
  260.         <br />
  261.        
  262.         </body>
  263.        
  264. </html>
create a new version of this paste RAW Paste Data