Advertisement
Elevenhour

Howlin' For You theme#9

Feb 12th, 2013
5,170
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.53 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 MADE BY ELEVENHOUR.TUMBLR.COM --->
  9.  
  10. <meta name="color:Background" content="#ffffff"/>
  11. <meta name="color:Text" content="#838282"/>
  12. <meta name="color:Link" content="#b1adad"/>
  13. <meta name="color:Link bg" content="#ffffff"/>
  14. <meta name="color:sidebar borders" content="#644040"/>
  15. <meta name="color:bg color" content="#ffffff"/>
  16. <meta name="color:links border" content="#d3cccc"/>
  17.  
  18.  
  19. <meta name="if:Faded Images" content=""/>
  20. <meta name="image:sidebar" content=""/>
  21. <meta name="text:Additional Link 1 Title" content="" />
  22. <meta name="text:Additional Link 1 URL" content="" />
  23. <meta name="text:Additional Link 2 Title" content="" />
  24. <meta name="text:Additional Link 2 URL" content="" />
  25. <meta name="text:Additional Link 3 Title" content="" />
  26. <meta name="text:Additional Link 3 URL" content="" />
  27. <meta name="text:Additional Link 4 Title" content="" />
  28. <meta name="text:Additional Link 4 URL" content="" />
  29. <style type="text/css">
  30.  
  31. {block:ifFadedImages}img{
  32. opacity: .8;
  33. filter:alpha(opacity=10);
  34. -moz-opacity: 0.1;
  35. -moz-transition: all .9s ease;
  36. -o-transition: all .9s ease;
  37. transition: all .9s ease;
  38. -webkit-transition: all .9s ease;}
  39. {/block:ifFadedImages}
  40.  
  41.  
  42. {block:ifFadedImages} img:hover{
  43. opacity: 1;
  44. filter:alpha(opacity=100);
  45. -moz-opacity: 1;
  46. -moz-transition: all .9s ease;
  47. -o-transition: all .9s ease;
  48. transition: all .9s ease;
  49. -webkit-transition: all .9s ease;}
  50. {/block:ifFadedImages}
  51.  
  52. {block:ifFadedImages}.photo {
  53. opacity: .8;
  54. filter:alpha(opacity=10);
  55. -moz-opacity: 0.1;
  56. -moz-transition: all .9s ease;
  57. -o-transition: all .9s ease;
  58. transition: all .9s ease;
  59. -webkit-transition: all .9s ease;}
  60. {/block:ifFadedImages}
  61.  
  62.  
  63. {block:ifFadedImages}.photo:hover{
  64. opacity: 1;
  65. filter:alpha(opacity=100);
  66. -moz-opacity: 1;
  67. -moz-transition: all .9s ease;
  68. -o-transition: all .9s ease;
  69. transition: all .9s ease;
  70. -webkit-transition: all .9s ease;}
  71. {/block:ifFadedImages}
  72.  
  73. body {
  74. background:{color:background};
  75. margin:0px;
  76. color:{color:text};
  77. font-family:Calibri;
  78. font-size:10px;
  79. line-height:100%;
  80. }
  81.  
  82. a {
  83. text-decoration:none;
  84. outline:none;
  85. -moz-outline-style:none;
  86. color:{color:link};
  87. }
  88.  
  89. img {
  90. border:none;
  91. }
  92.  
  93. blockquote {
  94. padding-left:5px;
  95. border-left:2px solid;
  96. }
  97.  
  98. blockquote blockquote {
  99. padding-left:5px;
  100. border-left:2px solid;
  101. }
  102.  
  103. h1 {
  104. font-size:15px;
  105. }
  106.  
  107. #entries {
  108. padding:10px;
  109. width:500px;
  110. margin-left:500px;
  111. margin-top:40px;
  112.  
  113.  
  114. }
  115.  
  116. #post {
  117. width:500px;
  118. padding-bottom:20px;
  119.  
  120.  
  121. }
  122.  
  123. #cred {
  124. position:fixed;
  125. font-size:8px;
  126. font-weight:normal;
  127. line-height:150%;
  128. letter-spacing:2px;
  129. right:10px;
  130. bottom:10px;
  131. text-transform:uppercase;
  132. text-align:center;
  133. }
  134. #cred a {
  135. padding:2px;
  136.  
  137. border:1px solid {color:links border};
  138.  
  139. }
  140.  
  141.  
  142. #description {
  143.  
  144. padding:10px;
  145. margin-top:-110px;
  146. text-align:left;
  147. width:210px;
  148. margin-left:15px;
  149.  
  150. background-color: {color:bg color};
  151. font-family:garamond;
  152. font-size:10px;
  153. text-transform:lowercase;
  154. border:1px solid {color:links border};
  155.  
  156. }
  157.  
  158. #sidebar {
  159. width:250px;
  160. height:1200px;
  161. background:{color:Sidebar};
  162. padding:15px;
  163. background-image: url('{image:sidebar}');
  164. margin-top: -55px;
  165. position: fixed;
  166. margin-left: 80px; border:2px solid {color:links border};
  167.  
  168.  
  169.  
  170. }
  171.  
  172. #sblinks {
  173. margin-top:200px;
  174. margin-left:-70px;
  175. font-size:8px;
  176. width:50px;
  177. text-transform:uppercase;
  178. text-align:right;
  179. letter-spacing:1px;
  180. line-height:230%;
  181. }
  182.  
  183. #sblinks a{
  184. padding:1px;
  185. color:{color:sidelinks};
  186. background-color: {color:linkbg};
  187. border:1px solid {color:links border};
  188.  
  189.  
  190.  
  191. }
  192.  
  193.  
  194. #pagination {
  195. font-size:9px;
  196. text-align:center;
  197. width:100px;
  198. background-color: {color:bg color};
  199. border:1px solid {color:links border};
  200.  
  201. margin-left:80px;
  202.  
  203. }
  204.  
  205. #info {
  206. text-align:center;
  207. margin-top:10px;
  208. }
  209.  
  210. #asker {
  211. float:left;
  212. margin-right:5px;
  213.  
  214. }
  215.  
  216. {CustomCSS}</style></head><body>
  217.  
  218. <div id="cred"><a href="http://holycastiels.tumblr.com">THEME</a></div>
  219.  
  220. <div id="sidebar">
  221.  
  222. </p>
  223.  
  224.  
  225.  
  226. <div id="sblinks">
  227. <div class="bubbles">
  228. <a href="/">home</a><br>
  229. <a href="/ask">message</a><br>
  230. <a href="{text:Additional Link 1 URL}">{text:Additional Link 1 Title}</a><br><a href="{text:Additional Link 2 URL}">{text:Additional Link 2 Title}</a><br>
  231.  
  232. <a href="{text:Additional Link 3 URL}">{text:Additional Link 3 Title}</a><br><a href="{text:Additional Link 4 URL}">{text:Additional Link 4 Title}</a><br> </div> </div>
  233.  
  234. <b><div id="description">{Description}</div></b>
  235. <br>
  236.  
  237. <div id="pagination">
  238.  
  239. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">BACK ❉</a>{/block:PreviousPage}
  240. {block:NextPage}<a href="{NextPage}">NEXT</a>{/block:NextPage}{/block:Pagination}
  241. </div>
  242.  
  243. </div>
  244.  
  245. <div id="entries">{block:Posts}<div id="post">
  246.  
  247.  
  248. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  249.  
  250. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  251.  
  252. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  253.  
  254. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  255.  
  256. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  257.  
  258. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  259.  
  260. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  261.  
  262. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  263.  
  264. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div>{Asker}:<br>{Question}<br>{Answer}{/block:Answer}
  265.  
  266. <div id="info">
  267. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  268. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"
  269. title="{ReblogParentTitle}">{ReblogParentName}</a> source:<a href="{ReblogRootURL}"title="{ReblogRoottitle}">{ReblogRootName}</a>{/block:RebloggedFrom}<br> {block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  270.  
  271. </div>
  272. {block:PostNotes}{PostNotes}{/block:PostNotes}
  273. {/block:Posts}</div>
  274.  
  275. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement