Elevenhour

This Head I Hold Theme#1

Nov 18th, 2012
882
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.60 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 draculahs.tumblr.com --->
  9.  
  10. <!-- Colors -->
  11.  
  12. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="color:Text" content="#000000"/>
  14. <meta name="color:Link" content="#b8b8b8"/>
  15. <meta name="color:Description Background" content="#e9e9e9"/>
  16. <meta name="color:Sblinks" content="#ffffff"/>
  17. <meta name="color:title" content="#3f363f"/>
  18.  
  19. <meta name="color:Link1" content="#cc7766" />
  20. <meta name="color:Link2" content="#445555" />
  21. <meta name="color:Link3" content="#444444" />
  22. <meta name="color:Link4" content="#aabb99" />
  23. <meta name="color:Link5" content="#aa8866" />
  24. <meta name="color:Link6" content="#553333" />
  25.  
  26. <!--Options-->
  27.  
  28. <meta name="if:Faded Images" content=""/>
  29.  
  30.  
  31.  
  32.  
  33.  
  34. <!--Images-->
  35. <meta name="image:sidebar" content=""/>
  36. <meta name="image:background" content=""/>
  37.  
  38. <!--Links-->
  39.  
  40. <meta name="text:Additional Link 1 Title" content="" />
  41. <meta name="text:Additional Link 1 URL" content="" />
  42. <meta name="text:Additional Link 2 Title" content="" />
  43. <meta name="text:Additional Link 2 URL" content="" />
  44. <meta name="text:Additional Link 3 Title" content="" />
  45. <meta name="text:Additional Link 3 URL" content="" />
  46. <meta name="text:Additional Link 4 Title" content="" />
  47. <meta name="text:Additional Link 4 URL" content="" />
  48. <meta name="text:Additional Link 5 Title" content="" />
  49. <meta name="text:Additional Link 5 URL" content="" />
  50. <meta name="text:Additional Link 6 Title" content="" />
  51. <meta name="text:Additional Link 6 URL" content="" />
  52.  
  53.  
  54.  
  55.  
  56. <style type="text/css">
  57.  
  58.  
  59.  
  60.  
  61.  
  62. body {
  63. background:{color:background};
  64. background-image: url('{image:Background}');
  65. margin:0px;
  66. color:{color:text};
  67. font-family:garamond;
  68. font-size:10px;
  69. line-height:100%;
  70.  
  71. }
  72.  
  73. a {
  74. text-decoration:none;
  75. outline:none;
  76. -moz-outline-style:none;
  77. color:{color:link};
  78. }
  79.  
  80. img {
  81. border:none;
  82. }
  83.  
  84. blockquote {
  85. padding-left:5px;
  86. border-left:2px solid;
  87. }
  88.  
  89. blockquote blockquote {
  90. padding-left:5px;
  91. border-left:2px solid;
  92. }
  93.  
  94. h1 {
  95. font-size:15px;
  96. }
  97.  
  98.  
  99.  
  100. {block:ifFadedImages}img{
  101. opacity: .8;
  102. filter:alpha(opacity=10);
  103. -moz-opacity: 0.1;
  104. -moz-transition: all .9s ease;
  105. -o-transition: all .9s ease;
  106. transition: all .9s ease;
  107. -webkit-transition: all .9s ease;}
  108. {/block:ifFadedImages}
  109.  
  110.  
  111. {block:ifFadedImages} img:hover{
  112. opacity: 1;
  113. filter:alpha(opacity=100);
  114. -moz-opacity: 1;
  115. -moz-transition: all .9s ease;
  116. -o-transition: all .9s ease;
  117. transition: all .9s ease;
  118. -webkit-transition: all .9s ease;}
  119. {/block:ifFadedImages}
  120.  
  121. {block:ifFadedImages}.photo {
  122. opacity: .8;
  123. filter:alpha(opacity=10);
  124. -moz-opacity: 0.1;
  125. -moz-transition: all .9s ease;
  126. -o-transition: all .9s ease;
  127. transition: all .9s ease;
  128. -webkit-transition: all .9s ease;}
  129. {/block:ifFadedImages}
  130.  
  131.  
  132. {block:ifFadedImages}.photo:hover{
  133. opacity: 1;
  134. filter:alpha(opacity=100);
  135. -moz-opacity: 1;
  136. -moz-transition: all .9s ease;
  137. -o-transition: all .9s ease;
  138. transition: all .9s ease;
  139. -webkit-transition: all .9s ease;}
  140. {/block:ifFadedImages}
  141.  
  142.  
  143. #entries {
  144. padding:10px;
  145. width:500px;
  146. margin-left:500px;
  147. margin-top:40px;
  148. }
  149.  
  150. #post {
  151. width:500px;
  152. margin-bottom:150px;
  153. }
  154.  
  155. .pagination {
  156. top:440px;
  157. left:47px;
  158. width:200px;
  159. font-size:20px;
  160. position:fixed;
  161. text-align:center;}
  162.  
  163.  
  164.  
  165.  
  166.  
  167. /* SIDEBAR & NAVIGATION */
  168.  
  169. #sidebar {
  170. width:250px;
  171. position:fixed;
  172. margin-left:200px;
  173. margin-top:100px;
  174. }
  175.  
  176. #title {
  177. font-size:20px;
  178. font-family:times;
  179. width:200px;
  180. text-align:center;
  181. margin-bottom:8px;
  182. margin:5px;
  183. color: {color:title};
  184.  
  185. }
  186.  
  187. #sidebarimage {
  188. width 200px;
  189.  
  190. }
  191.  
  192. #sidebarimage img {
  193. width:200px;
  194. }
  195.  
  196. #description {
  197. padding:5px;
  198. width:190px;
  199. font-family:times;
  200. font-size:10px;
  201. line-height:170%;
  202. letter-spacing:1px;
  203. background:{color:Description background};
  204.  
  205. }
  206.  
  207.  
  208. #sblinks {
  209. width:130px;
  210. margin-top:40px;
  211. position:absolute;
  212. line-height:200%;
  213. text-transform:uppercase;
  214. font-size:10px;
  215. font-family:'garamond';
  216. text-align:center;
  217. margin-left:-60px;
  218.  
  219.  
  220. }
  221.  
  222.  
  223. #sblinks a {
  224. width:50px;
  225. margin-bottom:5px;
  226. padding:2px;
  227. color: {color:Sblinks};
  228. display:block;
  229.  
  230. }
  231.  
  232.  
  233. #cred {position:fixed; bottom:10px; right:10px; font-style:none; text-transform:uppercase; font-size:11px; }
  234.  
  235.  
  236.  
  237.  
  238.  
  239.  
  240. #info {
  241. text-align:center;
  242. margin-top:10px;
  243. }
  244.  
  245. #asker {
  246. float:left;
  247. margin-right:5px;
  248. margin-bottom:5px;
  249. } #q {
  250. border-bottom:1px solid;
  251.  
  252. }
  253.  
  254. {CustomCSS}</style></head><body>
  255.  
  256. <div id="cred"><a href="http://draculahs.tumblr.com"> DRACULAHS</a></div>
  257.  
  258. <div id="sidebar">
  259. <div id="sblinks">
  260.  
  261. <a href="/" style="background-color:{color:Link1};"> Home</a>
  262. <a href="/ask" style="background-color:{color:Link2};"> message</a>
  263.  
  264. <a href="{text:Additional Link 3 URL}" style="background-color:{color:Link3};">{text:Additional Link 3 Title}</a>
  265. <a href="{text:Additional Link 4 URL}" style="background-color:{color:Link4};">{text:Additional Link 4 Title}</a>
  266. <a href="{text:Additional Link 5 URL}" style="background-color:{color:Link5};">{text:Additional Link 5 Title}</a>
  267. <a href="{text:Additional Link 6 URL}" style="background-color:{color:Link6};">{text:Additional Link 6 Title}</a>
  268. </div>
  269. <div id="title">{Title}</div>
  270.  
  271. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  272. <br>
  273. <div id="description">{Description} </div>
  274.  
  275.  
  276.  
  277.  
  278.  
  279.  
  280.  
  281.  
  282.  
  283.  
  284.  
  285.  
  286.  
  287. <br>
  288.  
  289.  
  290.  
  291. <div class="pagination">
  292. {block:Pagination}
  293. {block:PreviousPage}
  294. <a href="{PreviousPage}"><</a>
  295. {/block:PreviousPage}
  296. {CurrentPage}
  297. {block:NextPage}
  298. <a href="{NextPage}">></a>
  299. {/block:NextPage}
  300. {/block:Pagination}
  301. </div>
  302. </div>
  303.  
  304.  
  305.  
  306.  
  307. <div id="entries">{block:Posts}<div id="post">
  308.  
  309. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  310.  
  311. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  312.  
  313. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  314.  
  315. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  316.  
  317. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  318.  
  319. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  320.  
  321. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  322.  
  323. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  324.  
  325. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-24}"></div><u>{Asker}</u>:<br><div id="q">{Question}</div><br>{Answer}{/block:Answer}
  326.  
  327. <div id="info">
  328. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  329. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"
  330. 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>
  331.  
  332. </div>
  333. {block:PostNotes}{PostNotes}{/block:PostNotes}
  334. {/block:Posts}</div>
  335.  
  336. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment