API tools faq
paste
Advertisement
Guest User

Theme 01 - Hale-Benson.Tumblr.com

a guest
Dec 9th, 2011
14,713
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 14.02 KB | None | 0 0
raw download clone embed print report
  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.  
  6.               H A L E - B E N S O N . T U M B L R . C O M
  7.                         T H E M E ❖ I
  8.             ________________________________________________
  9.    -->
  10.  
  11. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  12. <head>
  13.  
  14. <!-- DEFAULT VARIABLES -->
  15.  
  16. <meta name="color:askunder" content="#281928"/>
  17. <meta name="color:askhover" content="#f9f9f9" />
  18. <meta name="color:ask" content="#444444" />
  19. <meta name="color:answer" content="f7eee5" />
  20. <meta name="color:background" content="#ededee" />
  21. <meta name="color:text" content="#ffffff" />
  22. <meta name="color:line" content="#ffffff" />
  23. <meta name="color:link" content="#ffffff" />
  24. <meta name="color:sidebar" content="#ffffff" />
  25. <meta name="color:sidebar2" content="#ffffff" />
  26. <meta name="color:textlink" content="#ffffff" />
  27. <meta name="color:link1" content="#ffffff" />
  28. <meta name="color:link1hover" content="#ffffff" />
  29. <meta name="color:link2" content="#ffffff" />
  30. <meta name="color:link2hover" content="#ffffff" />
  31. <meta name="color:link3" content="#ffffff" />
  32. <meta name="color:link3hover" content="#ffffff" />
  33. <meta name="color:bold" content="#ffffff" />
  34.  
  35. <meta name="text:link1" content="" /><meta name="text:titlelink1" content="" />
  36. <meta name="text:link2" content="" /><meta name="text:titlelink2" content="" />
  37. <meta name="text:link3" content="" /><meta name="text:titlelink3" content="" />
  38. <meta name="text:link4" content="" /><meta name="text:titlelink4" content="" />
  39.  
  40. <meta name="image:round" content=""/>
  41. <meta name="image:sidebar" content=""/>
  42. <meta name="image:background" content="" />
  43.  
  44. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  45.  
  46. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  47. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  48. <link rel="shortcut icon" href="{Favicon}" />
  49. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  50.  
  51.  
  52. <style type="text/css">
  53.      
  54. body {
  55.  
  56. color:{color:text};
  57. background-color:{color:background};
  58. background-image: url('{image:Background}');
  59. background-position: right;
  60. background-attachment:fixed;
  61. background-repeat: no-repeat;
  62. font-family: trebuchet ms;
  63. font-size:11px;
  64. line-height:110%;
  65. text-align:justify
  66. }
  67.      
  68. a:link, a:active, a:visited {
  69.  
  70. color: {color:link};
  71. text-decoration:none;
  72. -webkit-transition: opacity 0.8s linear;
  73. opacity: 1;
  74. -webkit-transition: all 0.5s ease-out;
  75.  -moz-transition: all 0.5s ease-out;
  76. transition: all 0.5s ease-out;
  77. }
  78.  
  79. a:hover {
  80.  
  81. color:{color:title};
  82. {color:link};
  83. margin-bottom: 0px;
  84. background-color: transparent;
  85.  -webkit-transition: opacity 0.6s linear;
  86. opacity: 1;
  87. -webkit-transition: all 0.5s ease-out;
  88.  -moz-transition: all 0.5s ease-out;
  89. transition: all 0.5s ease-out;
  90. }
  91.  
  92.  
  93.  
  94.  
  95. #reply {text-align:justify; font-family:trebuchet ms; font-size: 11px;}
  96.  
  97. #entries{ left:50%; margin-left:440px; margin-top:-20px; width:510px;}      
  98.  
  99. #sidebar {width:250px; height: auto; position: fixed; top: 95px; left: 970px;  overflow:hidden; background-color: {color:sidebar}; font-family:trebuchet ms; font-size: 11px; line-height: 14px; padding:10px; -moz-border-radius: 0px 0px 0px 0px; text-transform:lowercase; text-align:left; letter-spacing: 0px;}
  100.  
  101. #sidebarimg img {max-width: 250px; text-align:center; margin-bottom: 10px; border: solid 0px {color:sidebar};}
  102.  
  103.  
  104. #sidebar2 {width:200px; height:1200px; position: fixed; top: 0px; left: 210px;  overflow:hidden; background-color: {color:sidebar2}; font-family:trebuchet ms; font-size: 11px; line-height: 14px; padding:10px; -moz-border-radius: 0px 0px 0px 0px; text-transform:lowercase; text-align:left; letter-spacing: 0px;}
  105.  
  106. #round { position: fixed; top: 170px; left: 225px;}
  107.  
  108. #posts{ font-family: georgia; overflow:hidden; background-color: transparent; border-left:0px solid {color:link}; border-right:0px solid {color:link}; padding:5px; font-size:11px;}
  109.  
  110. 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}
  111.      
  112. 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}
  113.  
  114. #pagin{width:200px; position: fixed; top: 125px; left: 210px; height:auto; background-color: transparent; font-family: georgia; font-size:11px;text-transform:uppercase; text-align:center; padding: 5px;}
  115.  
  116. #line {width: 180px; height:auto; position: fixed; top: 150px; left: 230px; border-bottom:{color:line} 3px solid; }
  117.  
  118. #info{ font-family:trebuchet ms; font-size:10px;text-transform:uppercase; padding: 5px; text-align:left; }
  119.  
  120. #link1 {position: fixed;top: 73px;left:970px; }
  121. #link1 a { width: 72px; height:12px; font-family: trebuchet ms;  font-size: 9px; line-height: 14px; display: block; text-align: center; background-color: {color:link1}; color: {color:textlink}; margin-bottom: 3px; padding: 5px; line-height: 10px; letter-spacing: 1px; text-transform:uppercase; border-left:0px solid {color:text};-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;}
  122. #link1 a:hover {background-color:{color:link1hover}; border-left:0px 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; }
  123.  
  124. #link2 {position: fixed;top: 73px;left:1052px; }
  125. #link2 a { width: 83px; height:12px; font-family: trebuchet ms;  font-size: 9px; line-height: 14px; display: block; text-align: center; background-color: {color:link2}; border-left: 0px solid; color: {color:textlink}; margin-bottom: 3px; padding: 5px;line-height: 10px;letter-spacing: 1px; text-transform:uppercase; border-left:0px solid {color:text};-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;}
  126. #link2 a:hover {background-color:{color:link2hover}; border-left:0px 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; }
  127.  
  128. #link3 {position: fixed;top: 73px;left:1145px; }
  129. #link3 a { width: 85px; height:12px; font-family: trebuchet ms;  font-size: 9px; line-height: 14px; display: block; text-align: center; background-color: {color:link3}; border-left: 0px solid; color: {color:textlink}; margin-bottom: 3px; padding: 5px;line-height: 10px;letter-spacing: 1px; text-transform:uppercase; border-left:0px solid {color:text};-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;}
  130. #link3 a:hover {background-color:{color:link1hover}; border-left:0px 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; }
  131.  
  132.  
  133. #nav {position: fixed;top: 183px;left:50px; }
  134. #nav a { width: 86px; height:12px; font-family: trebuchet ms;  font-size: 9px;line-height: 14px;display: block;text-align: left;background-color: {color:frontnav};border-left: 0px solid;;color: {color:text};margin-bottom: 3px;padding: 5px;line-height: 10px;letter-spacing: 1px; text-transform:uppercase; border-left:0px solid {color:text};-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;}
  135. #nav a:hover {background-color:{color:nhover}; border-left:0px 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: 5px;  color: #746e7a; }
  136.      
  137.      
  138. #nav2 {position: fixed;top: 380px;left:230px; }
  139. #nav2 a { width: 160px; height:12px; font-family: georgia;  font-size: 9px;line-height: 14px;display: block;text-align: left;background-color: {color:background}; border-left: 6px solid {color:text}; color: {color:text}; margin-bottom: 4px;  padding: 5px;line-height: 13px;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; }
  140. #nav2 a:hover {background-color:{color:background}; border-left: 13px 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: 5px;  color: #746e7a;}    
  141.      
  142. #questions {background-color:{color:background}; color: {color:text}; padding:15px; margin-bottom:0px; font-family:trebuchet ms; font-size:11px}
  143. #questions a {color:{color:link}}
  144.      
  145. blockquote {border-left:2px solid; padding-left:5px; margin:0px 2px 0px 10px}
  146. blockquote img, blockquote a img {max-width: 490px}
  147.      
  148. g, strong{color:{color:link};}
  149. b, strong {color:{color:bold}}
  150. i, em {color:{color:text};}
  151. p{margin-top:3px; margin-bottom:3px}
  152.      
  153. img a{border:none; width:150%}
  154. .audio{background-color:black; display:block;}
  155.      
  156. .user_1 .label {color:{color:link}; font-weight:bold}
  157. .user_2 .label {color:{color:text}; font-weight:bold}
  158. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}    
  159.  
  160.  
  161. #title {width:250px; height:auto; position: fixed; top: 50px; left: 980px;  overflow:hidden; background-color: transparent; color: {color:titletext}; font-family:georgia; font-size: 12px; line-height: 12px; padding-bottom: 2px; text-transform: lowercase; text-align:center; letter-spacing: 0px; border-bottom: 1px dotted #e7dcce;}
  162.  
  163. #notes {text-align: center;  padding:9px; background-color: {color:sidebar};}
  164.  
  165. #notes a {text-align: center; border-bottom: 1px dotted {color:text}; }
  166.  
  167. #notes a:hover {color: {color:text}; text-align: center;  border-bottom: 1px dotted {color:link};}
  168.  
  169. #tags {text-align: center;  padding:7px; background-color: {color:sidebar2}; border-bottom: 3px solid {color:line};}
  170.  
  171. #asker {text-transform: uppercase; font-size: 11px; line-height: 16px; font-size: 8px; letter-spacing: 3px; color: {color:text};}
  172. #asker a:link, .asker a:visited, .asker a:active  {margin-left: 0px; color: {color:ask}; border-bottom: 1px solid {color:askunder};}
  173. #asker a:hover {color: {color:askhover}}
  174.  
  175. #asks {  margin-top: 10px; padding:7px; background-color: {color:sidebar2}; border-bottom: 3px solid {color:line};}
  176.  
  177. #askimage {width: 16px; border: 4px solid {color:line};}
  178.  
  179. #answer {padding: 5px; background-color: {color:answer};}
  180.  
  181. </style>
  182. <style type="text/css">{CustomCSS}</style>
  183. </head>
  184.  
  185.  
  186.  
  187.  
  188.  
  189. <body>
  190.  
  191.  
  192. <div id="link1"><a href="/" target="_self"> home</a></div>
  193. <div id="link2"><a href="/ask" target="_self">askbox</a></div>
  194. <div id="link3"><a href="/archive" target="_blank">archive</a></div>
  195.  
  196.  
  197.  
  198. <div id="title"><i>{Title}</i></div>
  199.  
  200. <div id="sidebar2">
  201.  
  202. <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>
  203.  
  204. <center><div id="line"> </div></center>
  205.  
  206. <div id="round"><img src="{image:round}" width="190px" style="-webkit-border-radius: 190px; -moz-border-radius: 190px; border-radius: 190px;"/></div>
  207.  
  208. <div id="nav2">
  209. <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}{block:iflink4}<a href="{text:link4}">{text:titlelink4}</a>{/block:iflink4}
  210. <a href="http://hale-benson.tumblr.com">theme</a></i>
  211. </div>
  212.  
  213.  
  214.  
  215.  
  216. </div>
  217.  
  218. <div id="sidebar"><div id="sidebarimg"><img src="{image:sidebar}"></div>
  219. {block:Description}{Description}{/block:Description}
  220. <br></div>
  221.  
  222. <br>
  223.  
  224.  
  225.  
  226. <div id="entries">
  227.  
  228. <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>
  229.  
  230.  
  231. <div id="posts">    
  232. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  233. {block:Text}{Body}{/block:Text}
  234.      
  235. {block:Quote}<h2>"{Quote}"</h2>{/block:Quote}
  236. {block:Source}<div class="source">— {Source}</div>{/block:Source}
  237.      
  238. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  239. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  240.      
  241. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  242. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  243.      
  244. {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}
  245.      
  246. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  247.      
  248. {block:Answer}<div id="asks"><div id="asker"> {Asker} ASKED: "{Question}"</div>
  249. <div id="line"> </div> <Br><div id="answer">
  250. {Answer}</div></div> {/block:answer}
  251.    
  252.    
  253. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}</div><div id="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}<br></div>
  254. <br>{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:Posts}
  255. </div>
  256.  
  257.  
  258.      
  259. </body>
  260. </html>
  261.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!