Advertisement
Guest User

Theme 02 - Hale-Benson.Tumblr.com

a guest
Dec 9th, 2011
11,748
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 11.19 KB | None | 0 0
  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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  6. <head>
  7. <!-- DEFAULT VARIABLES -->
  8.  
  9.  
  10. <meta name="text:sidebar2" content="" /><meta name="text:sidebar2" content="" />
  11.  
  12. <meta name="color:background" content="#ededee" />
  13. <meta name="color:sidebar" content="#ffffff" />
  14. <meta name="color:quadrosidebar" content="#161616" />
  15. <meta name="color:sidebar2" content="#ffffff" />
  16. <meta name="color:selectback" content="#161616" />
  17.        
  18. <meta name="color:title" content="#a0a0a0" />
  19. <meta name="color:text" content="#969696" />
  20. <meta name="color:titletext" content="#c4c957" />
  21. <meta name="color:link" content="#cc6666" />
  22. <meta name="color:backlink" content="#ededee" />
  23. <meta name="color:nhover" content="#ffffff" />
  24. <meta name="color:frontnav" content="#ffffff" />
  25. <meta name="color:tagback" content="#ffffff" />
  26. <meta name="color:bordernav2" content="#000000" />
  27. <meta name="color:line" content="#000000" />
  28.      
  29.  
  30. <meta name="text:link1" content="" /><meta name="text:titlelink1" content="" />
  31. <meta name="text:link2" content="" /><meta name="text:titlelink2" content="" />
  32. <meta name="text:link3" content="" /><meta name="text:titlelink3" content="" />
  33. <meta name="text:link4" content="" /><meta name="text:titlelink4" content="" />
  34.  
  35.  
  36. <meta name="image:sidebackground" content=""/>
  37. <meta name="image:sidebar" content=""/>
  38. <meta name="image:sidebar2" content=""/>
  39. <meta name="image:background" content="" />
  40.  
  41.  
  42. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  43. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  44. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  45. <link rel="shortcut icon" href="{Favicon}" />
  46. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  47.  <style type="text/css">
  48.      
  49. 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}
  50.      
  51. 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;}
  52. 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;}
  53.      
  54. /* ---------- seleção colorida --------- */
  55. ::-moz-selection {color:{color:link};background: {color:selectback};}
  56. ::selection {color: {color:link};background: #{color:selectback};}
  57.  
  58.  
  59. #quadro {
  60. background-color: {color:quadrosidebar}; font-family:trebuchet ms; font-size:11px;text-transform: lowercase; text-align:center; padding: 5px;}
  61.  
  62. #reply {text-align:justify; font-family:trebuchet ms; font-size: 11px;}
  63.  
  64. #entries{left:50%; margin-left:440px; margin-top:-20px; width:510px;}      
  65.  
  66. #sidebar {width:250px; height: 700px; position: fixed; top: 80px; left: 160px;  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;}
  67.  
  68. #sidebarimg img {max-width: 250px; text-align:center; margin-bottom: 10px; border: solid 0px {color:sidebar};}
  69.  
  70. #sidebar2 {width:250px; height:auto; position: fixed; top: 180px; left: 970px;  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;}
  71.  
  72. #sidebar2img img {max-width: 250px; max-height:150px; text-align:center; margin-bottom: 10px; border: solid 0px {color:sidebar2};}
  73.    
  74. #posts{ overflow:hidden; background-color: transparent; border-left:0px solid {color:link}; border-right:0px solid {color:link}; padding:5px; font-size:11px;}
  75.  
  76.  
  77.  
  78.      
  79. 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}
  80.      
  81. 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}
  82.  
  83.  
  84. #pagin{ width: 86px; height:auto; position: fixed; top: 280px; left: 50px; background-color: transparent; font-family: georgia; font-size:11px;text-transform:uppercase; text-align:center; padding: 5px;}
  85.    
  86. #info{ font-family:trebuchet ms; font-size:10px;text-transform:uppercase; padding: 5px; text-align:left; }
  87.  
  88. #nav {position: fixed;top: 183px;left:50px; }
  89. #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;}
  90. #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; }
  91.      
  92.      
  93. #nav2 {position: fixed;top: 80px;left:973px; }
  94. #nav2 a { width: 250px; height:12px; font-family: georgia;  font-size: 9px;line-height: 14px;display: block;text-align: right;background-color: {color:background}; border-right:6px solid {color:bordernav2}; 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; }
  95. #nav2 a:hover {background-color:{color:background}; border-right: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: 5px;  color: #746e7a;}    
  96.      
  97. #questions {background-color:{color:background}; color: {color:text}; padding:15px; margin-bottom:0px; font-family:trebuchet ms; font-size:11px}
  98. #questions a {color:{color:link}}
  99.      
  100. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  101. blockquote img, blockquote a img {max-width: 490px}
  102.      
  103. g, strong{color:{color:link};}
  104. b, strong{color:{color:title}}
  105. i, em {color:{color:italic};}
  106. p{margin-top:3px; margin-bottom:3px}
  107.  
  108. r {color: #dc688e;}
  109.      
  110. img a{border:none; width:150%}
  111. .audio{background-color:black; display:block;}
  112.      
  113. .user_1 .label {color:{color:link}; font-weight:bold}
  114. .user_2 .label {color:{color:text}; font-weight:bold}
  115. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}    
  116.  
  117.  
  118. #title {width:380px; height:auto; position: fixed; top: 55px; left: 50px;  overflow:hidden; background-color: transparent; color: {color:titletext}; font-family:georgia; font-size: 11px; line-height: 14px; padding-bottom: 2px; text-transform:uppercase; text-align:center; letter-spacing: 0px; border-bottom: 1px dotted #e7dcce;}
  119.  
  120. #icon { height:auto; position: fixed; top: 80px; left: 50px;}
  121.  
  122. #line {width: 270px; height:auto; position: fixed; top: 167px; left: 970px; border-bottom:{color:line} 10px solid; }
  123.  
  124.  
  125.  
  126. #tegis{background-color: {color:tagback}; font-family:trebuchet ms; font-size:9px;text-transform: uppercase; text-align:center; padding: 6px;}
  127.  
  128.  
  129.  
  130.  
  131. </style>
  132. <style type="text/css">{CustomCSS}</style>
  133. </head>
  134.      
  135. <body>
  136.  
  137. <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>
  138. <div id="icon"><img src="{PortraitURL-96}"></div>
  139.  
  140. <div id="nav"><a href="/" target="_self"> home</td><td><a href="/ask" target="_self">askbox</td><td><a href="/archive" target="_blank">archive</td></a>
  141. <a href="http://hale-benson.tumblr.com" target="_blank">theme</td></a></div>
  142.  
  143. <div id="nav2">
  144. <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:link1}">{text:titlelink3}</a>{/block:iflink3}</div></i>
  145.  
  146. <div id="title">{Title}</div>
  147.  
  148. <div id="sidebar"><div id="sidebarimg"><img src="{image:sidebar}"></div><div id="quadro">{block:Description}{Description}{/block:Description}</div> <img src="{image:sidebackground}">
  149. <br></div>
  150.  
  151. <br>
  152.  
  153.  
  154.  
  155. <div id="entries">
  156. <br>{block:Posts}<div id="info"><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>
  157. <div id="posts">    
  158. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  159. {block:Text}{Body}{/block:Text}
  160.      
  161. {block:Quote}<h2>"{Quote}"</h2>{/block:Quote}
  162. {block:Source}<div class="source">— {Source}</div>{/block:Source}
  163.      
  164. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  165. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  166.      
  167. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  168. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  169.      
  170. {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}
  171.      
  172. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  173.      
  174. {block:Answer}<div id="questions">asked by {Asker}: "{Question}"</div><span style="font-size:25px;color: {color:background};"></span>
  175. <div id="reply">{Answer}</div>{/block:answer}
  176.      
  177. {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>
  178. <br>{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:Posts}
  179. </div>
  180.  
  181.  
  182.  
  183.  
  184. <div id="sidebar2"> <img src="{image:sidebar2}">
  185.  
  186. {text:sidebar2} {/block:ifsidebar2}
  187.  
  188. <div id="quadro">adapted theme of <a href="http://themesbyla.tumblr.com">themesbyla</a> 7th theme.</div>
  189. </div>
  190.  
  191. <div id="line"> </div>
  192.  
  193.      
  194. </body>
  195. </html>
  196.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement