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

Theme 04 - Hale-Benson.Tumblr.com

By: a guest on Dec 27th, 2011  |  syntax: HTML  |  size: 12.51 KB  |  hits: 15,265  |  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.    <!--
  3.               --------------------------------------------------
  4.  
  5.             H A L E - B E N S O N . T U M B L R . C O M
  6.                            T H E M E ❖ IV
  7.           ________________________________________________
  8.  -->
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10. <head>
  11. <!-- DEFAULT VARIABLES -->
  12.  
  13.  
  14. <meta name="color:namequote" content="#a495b1" />
  15. <meta name="color:background" content="#fffdf1" />
  16. <meta name="color:bold" content="#dadb48" />
  17. <meta name="color:italic" content="#ffa600" />
  18. <meta name="color:sidebar" content="#fdf9f0" />
  19. <meta name="color:quadrosidebar" content="#f9f4e9" />
  20. <meta name="color:quadro2sidebar" content="#f5f0e4" />  
  21. <meta name="color:title" content="#fe7084" />
  22. <meta name="color:text" content="#bdaa9e" />
  23. <meta name="color:titletext" content="#fe7084" />
  24. <meta name="color:link" content="#96cdd5" />
  25. <meta name="color:nhover" content="#eae3d2" />
  26. <meta name="color:frontnav" content="#eee7d8" />
  27. <meta name="color:tagback" content="#f9f4e9" />
  28. <meta name="color:line" content="#eae3d2" />
  29. <meta name="font:title" content="trebuchet ms" />
  30. <meta name="font:body" content="trebuchet ms" />
  31.  
  32. <meta name="text:texttop" content="" /><meta name="text:titlelink1" content="" />
  33. <meta name="text:link1" content="" /><meta name="text:titlelink1" content="" />
  34. <meta name="text:link2" content="" /><meta name="text:titlelink2" content="" />
  35. <meta name="text:link3" content="" /><meta name="text:titlelink3" content="" />
  36.  
  37.  
  38. <meta name="image:sidebar" content=""/>
  39. <meta name="image:sidebar2" content=""/>
  40. <meta name="image:background" content="" />
  41.  
  42.  
  43. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  44. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  45. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  46. <link rel="shortcut icon" href="{Favicon}" />
  47. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  48.  <style type="text/css">
  49.      
  50. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-position: right; background-attachment:fixed; background-repeat: no-repeat; font-family: trebuchet ms; font-size:11px; line-height:110%; text-align:justify}
  51.      
  52. a:link, a:active, a:visited{color: {color:link}; text-decoration:none; -webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  53. a:hover{color:{color:title}; {color:link};margin-bottom: 0px; background-color:transparent; -webkit-transition: opacity 0.6s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  54.      
  55. /* ---------- seleção colorida --------- */
  56. ::-moz-selection {color:{color:link};background: {color:selectback};}
  57. ::selection {color: {color:link};background: #{color:selectback};}
  58.  
  59.  
  60. #quadro {
  61. background-color: {color:quadrosidebar}; font-family: Georgia; font-size:10px;text-transform: none; text-align: left; padding: 5px;}
  62.  
  63. #quadro2 {height: 38px;
  64. background-color: {color:quadro2sidebar}; Georgia; font-size:10px;text-transform: lowercase; text-align:center; }
  65.  
  66. #quadro3 {
  67. background-color: {color:quadro2sidebar}; Georgia; font-size:10px;text-transform: lowercase; text-align:right; padding: 6px; border-right: 5px solid {color:frontnav};}
  68.  
  69. #quadro4 {
  70. background-color: {color:quadro2sidebar}; Georgia; font-size:10px;text-transform: lowercase; text-align:left; padding: 6px; border-left: 5px solid {color:frontnav};}
  71.  
  72. #reply {text-align:justify; font-family:trebuchet ms; font-size: 11px;}
  73.  
  74. #entries{left: 50%; margin-left:505px; margin-top:-20px; width:510px;}      
  75.  
  76. #sidebar {width:280px; height: 800px; position: fixed;  top: 0px; left: 190px;  overflow:hidden; background-color: {color:sidebar}; font-family: georgia; font-size: 11px; line-height: 14px; padding:10px; -moz-border-radius: 0px 0px 0px 0px; text-transform:lowercase; text-align:left; letter-spacing: 0px;}
  77.  
  78. #sidebarimg img {max-width: 280px; max-height:auto; text-align:center;  border: solid 0px {color:sidebar};}
  79.  
  80. #sidebar2 {width:245px; height: 700px; position: fixed; top: 0px; left: 1050px;  overflow:hidden; background-color: {color:sidebar}; font-family: georgia; font-size: 10px; line-height: 14px; padding:10px; -moz-border-radius: 0px 0px 0px 0px; text-transform:lowercase; text-align:left; letter-spacing: 0px;}
  81.  
  82. #sidebarimg2 img {max-width: 245px; max-height: auto; text-align:center; border: solid 0px {color:sidebar2};}
  83.    
  84. #posts{ overflow:hidden; background-color: transparent; border-left:0px solid {color:link}; border-right:0px solid {color:link}; padding:5px; font-size:11px;}
  85.  
  86.  
  87.  
  88.      
  89. h1{color:{color:title}; font-family:verdana; font-size:16px; line-height:17px; letter-spacing:-1px; font-weight:normal; text-transform:uppercase; margin:0px; padding:0px; text-align:left}
  90.      
  91. h2{color:{color:title}; font-family:verdana; font-size:16px; line-height:14px; letter-spacing:-1px; font-weight:normal; text-transform:uppercase; margin:0px; padding:0px; margin-bottom:-0px; text-align:left}
  92.  
  93.  
  94. #pagin{ width: 270px; height:auto; position: fixed; background-color: transparent; font-family: georgia; font-size:11px;text-transform:uppercase; text-align:center; padding: 5px; border-bottom: 1px dotted {color:quadro2sidebar};}
  95.    
  96. #info{ font-family:trebuchet ms; font-size:10px;text-transform:uppercase; padding: 5px; text-align:left; }
  97.  
  98. .nav {margin-top:11px; width: 280px; position: fixed; text-align: center;}
  99. .nav a {background-color: {color:frontnav}; padding: 4px; font-family: georgia; font-size: 9px; margin-left:5px; color: {color:text};}
  100. .nav a:hover {background-color: {color:nhover}; border-bottom: 10px solid {color:nhover}; border-top: 8px solid {color:nhover};}
  101.      
  102. #nav2 {position: fixed;top: 330px;left:40px; }
  103. #nav2 a { background-color: {color:quadrosidebar}; width: 110px;  font-family: georgia;  font-size: 9px;line-height: 14px;display: block;text-align: center;  color: {color:text}; margin-bottom: 4px;  padding: 5px;line-height: 10px;letter-spacing: 1px; text-transform:lowercase; -webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out; }
  104. #nav2 a:hover { border-bottom:6px solid {color:link}; opacity:100%;-webkit-transition: opacity 0.7s linear;opacity: 0.6;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out; letter-spacing: 4px;  color: #746e7a;}    
  105.      
  106.  
  107. #asker {color: {color:link};}
  108. #asker a { color: {color:link}; }
  109. #asker a:hover { color: {color:italic}; border-bottom: 1px dotted {color:text};}    
  110.      
  111.      
  112. #questions {background-color:{color:sidebar}; color: {color:text}; padding:15px; margin-bottom:0px; font-family:trebuchet ms; font-size:11px}
  113. #questions a {color:{color:link}}
  114. #questions a:hover { color: {color:italic}; border-bottom: 1px dotted {color:text};}  
  115.  
  116. #questions2 {background-color:{color:quadro2sidebar}; color: {color:text}; padding:15px; margin-bottom:0px; font-family:trebuchet ms; font-size:11px}
  117. #questions2 a {color:{color:link}}
  118.      
  119. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  120. blockquote img, blockquote a img {max-width: 490px}
  121.      
  122. g, strong{color:{color:link};}
  123. b, strong{color:{color:bold}}
  124. i {color:{color:italic};}
  125. p{margin-top:3px; margin-bottom:3px}
  126. em {color{color:text};}
  127.  
  128. r {color: #fe7084;}
  129.      
  130. img a{border:none; width:150%}
  131. .audio{background-color:black; display:block;}
  132.      
  133. .user_1 .label {color:{color:link}; font-weight:bold}
  134. .user_2 .label {color:{color:text}; font-weight:bold}
  135. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}    
  136.  
  137.  
  138. #title {width: 115px; height:auto; position: fixed;  top: 180px; left: 46px; overflow:hidden; background-color: transparent; color: {color:titletext}; font-family:georgia; font-size: 11px; line-height: 14px; padding-bottom: 4px; text-transform: lowercase; text-align:center; letter-spacing: 1px;}
  139.  
  140. #title2 {width: 243px; height:auto; position: fixed;   overflow:hidden; background-color: transparent; color: {color:text}; font-family:georgia; font-size: 11px; line-height: 14px; padding-bottom: 4px; text-transform: none; text-align:center; letter-spacing: 0px; border-bottom: 3px solid {color:quadrosidebar};}
  141.  
  142. #icon { border: 10px solid {color:line}; height:auto; position: fixed; top: 240px; left: 57px;}
  143.  
  144. #line {width:1px; height: 230px; position: fixed; top: 210px; left: 155px;  overflow:hidden; background-color: {color:line}; font-family:trebuchet ms; font-size: 11px; line-height: 14px; padding:2px;}
  145.  
  146. #notes {margin-top: 10px; background-color: {color:sidebar}; color: {color:text}; padding: 8px; border-bottom: 4px solid {color:quadro2sidebar};}
  147. #notes a {color: {color:link}; border-bottom: 1px dotted {color:text};}
  148. #notes a:hover {color: {color:text}; border-bottom: 1px dotted {color:text};}
  149.  
  150. #tegis{background-color: {color:tagback}; font-family:trebuchet ms; font-size:9px;text-transform: uppercase; text-align:center; padding: 6px;}
  151.  
  152.  
  153. #left {margin-right: 5px; margin-bottom: 10px;}
  154. #baixo {margin-bottom: 10px;}
  155.  
  156. </style>
  157. <style type="text/css">{CustomCSS}</style>
  158. </head>
  159.      
  160. <body>
  161.  
  162. <i><div id="title">{title}</div></i>
  163.  
  164.  
  165. <div id="sidebar">
  166.  
  167.  
  168. <br><br><br>
  169.  
  170. <div id="pagin">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} {CurrentPage}/ {TotalPages} {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}</div>
  171. <div id="icon"><img src="{PortraitURL-64}"></div>
  172.  
  173.  
  174. <br><br><br>
  175. <div id="sidebarimg"><img src="{image:sidebar}"></div><div id="quadro2"><div class="nav"><a href="/" target="_self">home</a>
  176. <a href="/ask" target="_self">askbox</a>
  177. <a href="/archive" target="_blank">archive</a>
  178. </div></div>
  179.  
  180.  
  181. <div id="quadro">{block:Description}{Description}{/block:Description}
  182.  
  183. </div> <img src="{image:sidebackground}">
  184. <br></div>
  185.  
  186.  
  187.  
  188.  
  189.  
  190. <div id="nav2">
  191. <i>{block:iflink1}<a href="{text:link1}">{text:titlelink1}</a>{/block:iflink1}{block:iflink2}<a href="{text:link2}">{text:titlelink2}</a>{/block:iflink2}{block:iflink3}<a href="{text:link3}">{text:titlelink3}</a>{/block:iflink3}<a href="http://hale-benson.tumblr.com">theme</a></i></div>
  192.  
  193.  
  194.  
  195.  
  196. <div id="entries">
  197. <br>{block:Posts}<div id="notes"><a href="{Permalink}">{NoteCountWithLabel}</a> | posted {TimeAgo} {block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a> |{/block:RebloggedFrom}{block:RebloggedFrom} @<a href="{ReblogRootURL}">{ReblogRootName} </a>{/block:RebloggedFrom}</div>
  198. <div id="posts">    
  199. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  200. {block:Text}{Body}{/block:Text}
  201.      
  202. {block:Quote}<h2>"{Quote}"</h2>{/block:Quote}
  203. {block:Source}<div class="source">— {Source}</div>{/block:Source}
  204.      
  205. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  206. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  207.      
  208. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  209. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  210.      
  211. {block:Chat}<ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  212.      
  213. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  214.      
  215. {block:Answer}<div id="questions"><span style="width: 20px; height: 20px; line-height: 25px; margin-right: 5px;  padding: 2px; border-bottom: 5px solid {color:line}; "><img src="{AskerPortraitURL-16}" class="left"/></span></tr>asked by {Asker}:</div> <div id="questions2">"{Question}"</div><span style="font-size:25px;color: {color:quadro2sidebar};">◥</span>
  216. <div id="reply">{Answer}</div>{/block:answer}
  217.      
  218. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}</div><div id="tegis">{block:HasTags}{block:Tags}#<a href="./tagged/{Tag}">{Tag}</a> {/block:Tags}{/block:HasTags}<br></div>
  219. <br>{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:Posts}
  220. </div>
  221.  
  222.      
  223. </body>
  224. </html>
create a new version of this paste RAW Paste Data