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

theme 1

By: a guest on Jun 26th, 2012  |  syntax: None  |  size: 7.93 KB  |  hits: 316  |  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. <head>
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  8.  
  9. <meta name="color:Background" content="#FFFFFF"/>
  10. <meta name="color:Posts" content="#FFFFFF"/>
  11. <meta name="color:Font" content="#7e7d7d"/>
  12. <meta name="color:Link" content="#9c8d8d"/>
  13. <meta name="color:Hover" content="#bcd5e6"/>
  14. <meta name="color:Border" content="#bbbbbe">
  15. <meta name="color:Shadow" content="#bbbbbe">
  16. <meta name="color:Title" content="#555f70">
  17. <meta name="font:Body" content="Arial"/>
  18. <meta name="image:SideImage" content=""/>
  19. <meta name="text:subtitle" content="">
  20. <meta name="text:Link1url" content="/">
  21. <meta name="text:Link1title" content="">
  22. <meta name="text:Link2url" content="/">
  23. <meta name="text:Link2title" content="">
  24. <meta name="text:Link3url" content="/">
  25. <meta name="text:Link3title" content="">
  26.  
  27. <style type="text/css">
  28. @font-face {
  29.     font-family: 'titlefont';
  30.     src: url('http://static.tumblr.com/cl9jqqa/Xcym697hy/harabarahand-webfont.eot');
  31.     src: url('http://static.tumblr.com/cl9jqqa/Xcym697hy/harabarahand-webfont.eot') format('embedded-opentype'),
  32.          url('http://static.tumblr.com/cl9jqqa/Jmnm697k1/harabarahand-webfont.woff') format('woff'),
  33.          url('http://static.tumblr.com/cl9jqqa/GJEm697jn/harabarahand-webfont.ttf') format('truetype'),
  34.          url('http://static.tumblr.com/cl9jqqa/nXrm697j1/harabarahand-webfont.svg') format('svg');
  35.     font-weight: normal;
  36.     font-style: normal;
  37.  
  38. }
  39.  
  40.  
  41.  
  42. body {
  43.     background:{color:Background};
  44.     margin:0px;
  45.     color:{color:Font};
  46.     font-family:Times New Roman;
  47.     font-size:11px;
  48.     line-height:100%;
  49.     font-weight:lighter;
  50. }
  51.    
  52. a {
  53.     text-decoration:none;
  54.     outline:none;
  55.     -moz-outline-style:none;
  56.     color:{color:Link};
  57. }
  58.  
  59. img {
  60.     border:none;
  61. }
  62.  
  63. blockquote {
  64.     padding-left:5px;
  65.     border-left:1px
  66.     dashed {color:Font};
  67. }
  68.  
  69. blockquote blockquote {
  70.     padding-left:5px;
  71.     border-left:1px
  72.     dashed {color:Font};
  73. }
  74.  
  75. #links ul {
  76.     list-style:none;
  77.     margin-left:-35px;    
  78.     opacity:0.7;
  79. }
  80.  
  81. #links ul li{
  82.     padding:4px;
  83.     display:inline;
  84. }
  85.  
  86. #posts {
  87.     margin-top:20px;
  88.     margin-left:30%;
  89.     padding:10px;
  90.     width:500px;
  91.     background: {color:Background};
  92. }
  93.  
  94. #entry {
  95.     width:500px;
  96.     background: {color:Posts};
  97.     border-bottom:1px dotted {color:Font};
  98. }
  99.  
  100. .align {
  101. text-align:justify;
  102. padding:10px 10px 5px 10px;
  103. }
  104.  
  105. #sidebar1 {
  106.     margin-top:150px;
  107.     margin-left: 5%;
  108.     width: 250px;
  109.     height: auto;
  110.     background: {color:Background};
  111.     padding: 10px;
  112.     position:fixed;
  113.     text-align:center;
  114. }
  115.  
  116. #sidebar2 {
  117.     margin-top:225px;
  118.     margin-left: 75%;
  119.     width:225px;
  120.     height:auto;
  121.     background:{color:Background};
  122.     padding: 15px;
  123.     position:fixed;
  124.     text-align:center;
  125. }
  126.  
  127. #title {
  128.     font-family: titlefont;
  129.     font-size: 19px;
  130.     color: {color:Title};
  131.     text-shadow:0px 0px 1px {color:Shadow};
  132. }
  133.  
  134. #sideimg img{
  135.     max-width:200px;
  136.     height:auto;
  137.     border: 5px solid {color:Border};
  138.    
  139. }
  140.  
  141. #pagination {  
  142.     text-align:center;
  143.     color:{color:Font}
  144. }
  145.  
  146. #subtitle {
  147.     color:{color:Title};
  148.     text-transform:uppercase;
  149.     font-family:cambria;
  150.     font-size:12px;
  151.     border-bottom:1px dotted {color:Font};
  152.     text-shadow:0px 0px 1px {color:Shadow};
  153.     padding:5px;
  154. }
  155.  
  156. #credit {
  157.     font-size:8px;
  158.     margin-bottom:5px;
  159.     margin-right:5px;
  160. }
  161.  
  162. #description {
  163.     border-top:20px solid transparent;
  164. }
  165.  
  166. #posttitle {
  167.     font-size:15px;
  168.     text-align:center;
  169. }
  170.  
  171. {CustomCSS}</style></head><body>
  172.  
  173. <div id="sidebar1">
  174. <div id="title">{title}</div>
  175. <div id="subtitle">{text:subtitle}</div>
  176. <div id="links">
  177. <ul>
  178. <li><a href="/"><img src="http://static.tumblr.com/cl9jqqa/RBjm6971d/home_dark2.png" title="home"></a></li>
  179. <li><a href="/ask"><img src="http://static.tumblr.com/cl9jqqa/LZum69730/bubble_dark2.png" title="mail"></a></li>
  180. <li><a href="/archive"><img src="http://static.tumblr.com/cl9jqqa/5cgm69749/folder_dark2.png" title="history"></a></li>
  181. <li><a href="http://whyharold.tumblr.com/"><img src="http://static.tumblr.com/cl9jqqa/Zl0m6976d/gift_clear2.png" title="credit"></a></li>
  182. <li><a href="{text:Link1url}"><img src="http://static.tumblr.com/cl9jqqa/kYrm6975x/heart_dark2.png" title="{text:Link1title}"></a></li>
  183. <li><a href="{text:Link2url}"><img src="http://static.tumblr.com/cl9jqqa/MnHm6977c/bolt2.png" title="{text:Link2title}"></a></li>
  184. <li><a href="{text:Link3url}"><img src="http://static.tumblr.com/cl9jqqa/2oZm6978c/tick2.png" title="{text:Link3title}"></a></li>
  185. </div>
  186. <div id="sideimg"><img src="{image:sideimage}"></div>
  187. <div id="description">{block:description}{description}{/block:description}
  188. </div>
  189. <div id="pagination">
  190. {block:previouspage}
  191. <a href="{previouspage}" title="previous page">«</a>
  192. {/block:previouspage}
  193. {block:nextpage}
  194. <a href="{nextpage}" title="next page">»</a>
  195. {/block:nextpage}
  196. </div>
  197. </div>
  198. <div id="posts">{block:Posts}<div id="entry">
  199.  
  200. {block:Text}
  201. <div class="align">
  202. {block:Title}
  203. <div id="posttitle">{Title}</div>
  204. {/block:Title}
  205. {Body}
  206. </div>
  207. {/block:Text}
  208.  
  209.  
  210. {block:Photo}
  211. <center><a href="{LinkURL}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a></center>
  212. <div class="align">{block:Caption}{Caption}{/block:Caption}</div>
  213. {/block:Photo}
  214.  
  215. {block:Photoset}
  216. <center>{Photoset-500}</center><div class="align">{block:Caption}{Caption}{/block:Caption}
  217. </div>
  218. {/block:Photoset}
  219.  
  220.  
  221. {block:Quote}
  222. <div class="align">
  223. <div class="quote">&#10077;{Quote}&#10078;</div>
  224. {block:Source}
  225. <div id="source">(—— {Source})</div>
  226. </div>
  227. {/block:Source}
  228. {/block:Quote}
  229.  
  230. {block:Answer}<div class="align">
  231. <div class="ask">
  232. <div class="asker"><img src="{AskerPortraitURL-30}" width="15" align="left" style="margin-right:5px; margin-top:5px;" />{Asker} pondered:</div> <i>{Question}</i></div>
  233. <div class="answer">{Answer}</div>
  234. </div>
  235. {/block:Answer}
  236.  
  237. {block:Link}
  238. <div class="align">
  239. <div id="posttitle"><a href="{URL}" class="link" {Target}>{Name}</a></div>
  240.  
  241. {block:Description}
  242. {Description}
  243. {/block:Description}
  244. </div>
  245. {/block:Link}
  246.  
  247. {block:Chat}
  248. <div class="align">
  249. {block:Title}<div id="posttitle">{Title}</div>
  250. {/block:Title}
  251.  
  252. <div class="chat"><ul>{block:Lines}
  253. <li class="person{UserNumber}">{block:Label}
  254. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  255. </div>
  256. {/block:Chat}
  257.  
  258. {block:Video}
  259.  
  260. {Video-500}
  261. <div class="align">
  262. {block:Caption}{Caption}{/block:Caption}
  263. </div>
  264. {/block:Video}
  265.  
  266. {block:Audio}<div class="align">{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}{AudioPlayerBlack}
  267. {block:Artist}{Artist}{/block:Artist}
  268. {block:TrackName}<strong> &#8594; {TrackName}</strong>{/block:TrackName}
  269. {block:Caption}{Caption}{/block:Caption}<br clear="all" /></div>{/block:Audio}
  270.  
  271. <i><div id="info"><div id="bottompost" style="text-align:right; font-size:10px; italic">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} with <a href="{Permalink}">{NoteCountWithLabel}</a>{block:ContentSource} (+<a href="{SourceURL}">{SourceTitle}</a> {block:RebloggedFrom}via <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}){/block:ContentSource}<p>{block:HasTags} {block:Tags}
  272. <font style="color:{color:linkhover}">+</font><a href="/tagged/{Tag}">{Tag}</a>{/block:Tags}{/block:HasTags}{block:NotReblog}{ReblogParentName}{/block:NotReblog}</div></div></div></i><BR>
  273. {/block:Posts}
  274.  
  275.     {block:PostNotes}
  276. <div id="notes"><div id="notess">{PostNotes}</div></div></div>
  277.     {/block:PostNotes}
  278. </body></html>
create a new version of this paste RAW Paste Data