Elevenhour

Crying Lightning theme #4

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