Advertisement
hawtornes

THEME4.

Nov 21st, 2012
5,914
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.81 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  7.  
  8. <!---theme #4 by hawtornes--->
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Text" content="#a8a8a8"/>
  12. <meta name="color:Link" content="#b8b8b8"/>
  13. <meta name="color:Menu Hover" content="#b8b8b8"/>
  14. <meta name="color:linkb" content="#f0f0f0"/>
  15. <meta name="color:bg" content="#ffffff"/>
  16. <meta name="color:Hover" content="#f2f2f2"/>
  17. <meta name="color:Border" content="#e4e4e4"/>
  18. <meta name="color:answerb" content="#f8f8f8"/>
  19. <meta name="image:sidebar" content=""/>
  20. <meta name="image:background" content=""/>
  21. <meta name="text:Link 1" content="" />
  22. <meta name="text:Link 1 Text" content="" />
  23. <meta name="text:Link 2" content="" />
  24. <meta name="text:Link 2 Text" content="" />
  25. <meta name="text:Link 3" content="" />
  26. <meta name="text:Link 3 Text" content="" />
  27. <meta name="if:Show Link 1" content="1" />
  28. <meta name="if:Show Link 2" content="1" />
  29. <meta name="if:Show Link 3" content="1" />
  30.  
  31.  
  32. <style type="text/css">
  33.  
  34. body {
  35. background:{color:background};
  36. margin:0px;
  37. color:{color:text};
  38. font-family:Cambria;
  39. font-size:9px;
  40. line-height:100%;
  41. background-image:url('{image:Background}');
  42. }
  43.  
  44. a {
  45. text-decoration:none;
  46. outline:none;
  47. -moz-outline-style:none;
  48. color:{color:link};
  49. }
  50.  
  51. img {
  52. border:none;
  53. }
  54.  
  55. blockquote {
  56. padding-left:5px;
  57. border-left:2px solid;
  58. }
  59.  
  60. blockquote blockquote {
  61. padding-left:5px;
  62. border-left:2px solid;
  63. }
  64.  
  65. h1 {
  66. font-size:9px;
  67. text-transform:uppercase;
  68. }
  69.  
  70. a:hover {
  71. opacity:10;
  72. color:{color:hover};
  73. -webkit-transition: all 0.7s ease;
  74. -moz-transition: all 0.7s ease;
  75. -o-transition: all 0.7s ease
  76. }
  77.  
  78. #entries {
  79. padding:10px;
  80. width:500px;
  81. margin-left:500px;
  82. margin-top:40px;
  83. font-style:italic;
  84. }
  85.  
  86. #post {
  87. width:500px;
  88. padding-bottom:20px;
  89. padding:20px;
  90. margin-top:50px;
  91. border:1px solid {color:border};
  92. background-color:{color:bg};
  93. }
  94.  
  95. #sidebar {
  96. width:130px;
  97. position:fixed;
  98. margin-left:260px;
  99. margin-top:150px;
  100. }
  101.  
  102. #sidebarimage {
  103. width 130px;
  104. }
  105.  
  106. #sidebarimage img {
  107. width:180px;
  108. border:1px solid;
  109. border-color: {color:border};
  110. border-height:120px;
  111. padding:5px;
  112. background-color:{color:bg};
  113. }
  114.  
  115. .links {
  116. width:180px;
  117. padding: 9px;
  118. font-size:10px;
  119. margin-left: -5px;
  120. text-align:center;
  121. margin-top: -5px;
  122. color: {color:Link}
  123. line-height: 13px;
  124. text-transform: uppercase;
  125. }
  126.  
  127. .links a {
  128. font-size: 8px;
  129. height: 14px;
  130. background-color: {color:linkb};
  131. letter-spacing: 1px;
  132. margin-bottom: -10px;
  133. margin-left: 5px;
  134. opacity:1;
  135. }
  136.  
  137. .links a:hover {
  138. color: {color:hover};
  139. background-color: {color:menu hover};
  140. }
  141.  
  142. #description {
  143. padding:5px;
  144. text-align:center;
  145. margin-left:0px;
  146. width:180px;
  147. margin-top:-8px;
  148. font-style:italic;
  149. }
  150.  
  151. #pagination {
  152. font-size:8px;
  153. text-align:center;
  154. margin-left:60px;
  155. }
  156.  
  157. #info {
  158. text-align:center;
  159. margin-top:10px;
  160. text-transform:uppercase;
  161. font-size:8px;
  162. }
  163.  
  164. #tags {
  165. font-family:cambria;
  166. letter-spacing:0px;
  167. text-transform:uppercase;
  168. font-size:8px;
  169. margin-top:4px;
  170. }
  171.  
  172. #tags
  173. a {display:inline; background-color:{color:linkb};
  174. padding:-4px;
  175. text-align:left;
  176. -webkit-transition: all 0.6s ease-in-out;
  177. -moz-transition: all 0.6s ease-in-out;
  178. -o-transition: all 0.6s ease-in-out;
  179. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  180.  
  181. #asker {
  182. padding:10px;
  183. text-align:center;
  184.  
  185. background-color:{color:answerb}
  186. }
  187.  
  188. {CustomCSS}</style></head><body>
  189.  
  190. <div id="sidebar">
  191.  
  192. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  193.  
  194. <div class="links">
  195.  
  196. <a href="/">HOME</a>
  197. <a href="/ask">ASK</a>
  198. {block:IfShowLink1}<a href="{text:Link 1}">{text:Link 1 Text}</a>{/block:IfShowLink1}
  199. {block:IfShowLink2}<a href="{text:Link 2}">{text:Link 2 Text}</a>{/block:IfShowLink2}
  200. {block:IfShowLink3}<a href="{text:Link 3}">{text:Link 3 Text}</a>{/block:IfShowLink3}
  201. </div>
  202.  
  203. <div id="description">{Description}</div>
  204.  
  205. <div id="pagination">
  206. {block:Pagination} {block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage} PAGE {CurrentPage} OF {TotalPages}
  207. {block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  208. </div>
  209.  
  210. </div>
  211.  
  212. <div id="entries">{block:Posts}<div id="post">
  213.  
  214. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  215.  
  216. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  217.  
  218. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  219.  
  220. {block:Quote}{Quote}{/block:Quote}
  221.  
  222. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  223.  
  224. {block:Audio}<left>{block:AlbumArt}<img src="{AlbumArtURL}" width="80px" height="80px" align="left" style="margin-right:10px" />{/block:AlbumArt}<span class="audio">{AudioPlayerBlack}</left></span>
  225. <br>{block:TrackName}<b>Title:</b> {TrackName}<br />{/block:TrackName}
  226. <br>{block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  227. {/block:ExternalAudio}<br><b>Played:</b> {PlayCount} times
  228. {/block:Audio}
  229.  
  230. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  231.  
  232. {block:Answer}<div id="asker"><span style="font-family:georgia;font-size:9px;font-style:italic">{Asker}:</span> {Question}</div><center>{Answer}{/block:Answer}
  233.  
  234. <div id="info">
  235. posted <a href="{Permalink}">{TimeAgo}</a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}(<a href="{SourceURL}">© <a href="{SourceURL}">{SourceLink}</a>){/block:ContentSource}{block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} with <a href="{Permalink}">{NoteCountWithLabel}</a>
  236. {block:HasTags}<div id="tags">{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  237. {/block:Posts}
  238. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  239. {/block:Posts}</div></div></div>
  240.  
  241. <div style="position:fixed;bottom:3px; right:3px; font-size:9px; font-style:italic; letter-spacing:1px;"><a href="http://hawtornes.tumblr.com/"><b>hawtornes</b></a></center></div>
  242.  
  243. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement