API tools faq
paste
Elevenhour

It's a ghost town theme#11

Elevenhour
Mar 26th, 2013
3,268
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.24 KB | None | 0 0
raw download clone embed print report
  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 holycastiels.tumblr.com --->
  9.  
  10. <!-- Colors -->
  11.  
  12. <meta name="color:Background" content="#ffffff"/>
  13. <meta name="color:Text" content="#838282"/>
  14. <meta name="color:Link" content="#1b191a"/>
  15. <meta name="color:italic" content="#b0b2c2"/>
  16. <meta name="color:navlinks" content="#fcfcfc"/>
  17. <meta name="color:title" content="#5c4538"/>
  18. <meta name="color:titleborder" content="#bdbbb6"/>
  19. <meta name="color:title two" content="#3c331f"/>
  20. <meta name="color:border" content="#8b7171">
  21. <meta name="color:postborder" content="#d3d0d0">
  22. <meta name="color:linksbg" content"#8b7171"/>
  23. <meta name="color:Bold" content="#927f7f" />
  24.  
  25.  
  26.  
  27. <!--Options-->
  28.  
  29. <meta name="if:Faded Images" content=""/>
  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:second title" content=""/>
  47.  
  48.  
  49.  
  50.  
  51.  
  52.  
  53.  
  54. <style type="text/css">
  55.  
  56. /*** ask ***/
  57. .bubble {align:right;background: #eee; margin:7px 0px 5px 66px;padding:10px;position: relative;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
  58. .bubble p {margin:1px 0px;}
  59. .bubble span {display:block;position:absolute;width:1px;height:1px;font-size: 0;line-height: 1px;left:-10px;top:10px;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:10px solid #eee;}
  60.  
  61. .askborder {float: left;margin: 1px 4px 0 0;padding: 2px; background: #eee}
  62.  
  63.  
  64. b, strong, .strong {color:{color:Bold};}
  65. i, em, .em {color:{color:Italic};}
  66.  
  67.  
  68. body {
  69. background:{color:background};
  70. background-image: url('{image:Background}');
  71. margin:0px;
  72. color:{color:text};
  73. font-family:Calibri;
  74. font-size:10px;
  75. line-height:100%;
  76.  
  77. }
  78.  
  79. a {
  80. text-decoration:none;
  81. outline:none;
  82. -moz-outline-style:none;
  83. color:{color:link};
  84. }
  85.  
  86. img {
  87. border:none;
  88. }
  89.  
  90. blockquote {
  91. padding-left:5px;
  92. border-left:2px solid;
  93. }
  94.  
  95. blockquote blockquote {
  96. padding-left:5px;
  97. border-left:2px solid;
  98. }
  99.  
  100. h1 {
  101. font-size:15px;
  102. }
  103.  
  104.  
  105.  
  106. {block:ifFadedImages}img{
  107. opacity: .8;
  108. filter:alpha(opacity=10);
  109. -moz-opacity: 0.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.  
  117. {block:ifFadedImages} img:hover{
  118. opacity: 1;
  119. filter:alpha(opacity=100);
  120. -moz-opacity: 1;
  121. -moz-transition: all .9s ease;
  122. -o-transition: all .9s ease;
  123. transition: all .9s ease;
  124. -webkit-transition: all .9s ease;}
  125. {/block:ifFadedImages}
  126.  
  127. {block:ifFadedImages}.photo {
  128. opacity: .8;
  129. filter:alpha(opacity=10);
  130. -moz-opacity: 0.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. {block:ifFadedImages}.photo:hover{
  139. opacity: 1;
  140. filter:alpha(opacity=100);
  141. -moz-opacity: 1;
  142. -moz-transition: all .9s ease;
  143. -o-transition: all .9s ease;
  144. transition: all .9s ease;
  145. -webkit-transition: all .9s ease;}
  146. {/block:ifFadedImages}
  147.  
  148.  
  149. #entries {
  150. padding:10px;
  151. width:500px;
  152. margin-left:500px;
  153. margin-top:40px;
  154.  
  155.  
  156. }
  157.  
  158. #post {
  159. width:500px;
  160. padding-bottom:20px;
  161. border:1px solid {color:postborder};
  162. padding:7px;
  163. line-height:90%;
  164.  
  165.  
  166. }
  167. .tags {
  168. font-style:normal;
  169. width:500px;
  170. text-transform:uppercase;
  171. font-style:normal;
  172. color:{color:tags};
  173. letter-spacing:2px;
  174. line-height:120%;
  175. font-size:8px;
  176. text-align:left;
  177. padding:2px;
  178. -moz-transition-duration:0.5s;
  179. -webkit-transition-duration:0.5s;
  180. -o-transition-duration:0.5s;
  181. }
  182.  
  183. .tags a {
  184. color:{color:tags};
  185. letter-spacing:1px;
  186. padding:1px;
  187.  
  188. }
  189.  
  190. .tags a:hover {
  191. color:{color:link};
  192. font-size: 11px;
  193. color:{color:hover};
  194. }
  195. /* SIDEBAR & NAVIGATION */
  196.  
  197. #sidebar {
  198. width:250px;
  199. position:fixed;
  200. margin-left:150px;
  201. margin-top:100px;
  202. }
  203.  
  204. #title {
  205. font-size:15px;
  206. text-shadow:1px 1px 1px #b4b4b4;
  207. font-family:cambria;
  208. width:220px;
  209. border-bottom:1px solid {color:titleborder};
  210. padding:2px;
  211. text-align:center;
  212. text-transform:uppercase;
  213. color: {color:title}
  214.  
  215. }
  216.  
  217. .title2{
  218. font-family:cambria;
  219. font-size:11px;
  220. font-style:italic;
  221. text-transform:uppercase;
  222. text-align:center;
  223. font-color:{color:title two};
  224. width:230px;
  225. margin-bottom:1px;
  226.  
  227. }
  228.  
  229. #sidebarimage img {
  230. width:200px;
  231. border:3px solid {color:border};
  232. padding:7px;
  233.  
  234. }
  235.  
  236. #sidebarimage img a:hover {
  237.  
  238.  
  239. }
  240. #description {
  241. width:160px;
  242. margin-left:55px;
  243. margin-top:-80px;
  244. font-family:times, baskervilles;
  245. font-size:10px;
  246. {block:ifDescriptionBorder} border:1px solid {color:border};
  247. padding:2px;{/block:ifDescriptionBorder}
  248. ;
  249. }
  250.  
  251.  
  252. #sblinks {
  253. text-transform:uppercase;
  254. font-size:9px;
  255.  
  256. font-family:'cambria';
  257. width:250px;
  258.  
  259. }
  260.  
  261.  
  262. #sblinks a {
  263. display : block;
  264. width:50px;
  265. padding:1px;
  266.  
  267. text-align:center;
  268. line-height:170%;
  269. background-color: {color:linksbg};
  270. color: {color:navlinks};
  271.  
  272. }
  273.  
  274. #sblinks a:hover {
  275. text-shadow:1px #b4b4b4;
  276. font-style:cambria;
  277. text-transform:lowercase;
  278. }
  279.  
  280. .pagination {
  281. font-size:10px;
  282. text-align:center;
  283. margin-left:0px;
  284. margin-top:2px;
  285. padding-top:2px;
  286. text-shadow:1px 1px 1px #b4b4b4;
  287.  
  288. padding-bottom:2px;
  289. width:220px;
  290. background-color: {color:linksbg};
  291. color: {color:pagination };
  292.  
  293.  
  294. } #cred {
  295. position:fixed;
  296. font-size:8px;
  297. font-weight:normal;
  298. line-height:150%;
  299. letter-spacing:2px;
  300. right:10px;
  301. bottom:10px;
  302. text-transform:uppercase;
  303. text-align:center;
  304. }
  305.  
  306. #cred a {
  307. padding:3px;
  308. color:{color:bg};
  309. background-color:{color:linksbg};
  310. -moz-transition-duration:0.5s;
  311. -webkit-transition-duration:0.5s;
  312. -o-transition-duration:0.5s;
  313. }
  314.  
  315. #cred a:hover{
  316. text-transform:lowercase;
  317.  
  318.  
  319.  
  320.  
  321.  
  322.  
  323. #info {
  324. text-align:center;
  325. margin-top:10px;
  326.  
  327. text-transform:uppercase;
  328. border-top:3px solid {color:infoborder};
  329.  
  330. }
  331.  
  332. }
  333.  
  334. #asker {
  335. float:left;
  336. margin-right:5px;
  337. }
  338.  
  339. {CustomCSS}</style></head><body>
  340.  
  341. <div id="cred"><a href="http://holycastiels.tumblr.com/tagged/mythemes">HOLYCASTIELS</a></div>
  342.  
  343. <div id="sidebar">
  344.  
  345. <div id="title"> ♠ {Title} ♠ </div>
  346.  
  347. <div class="title2">{text:second title}</div>
  348.  
  349. <div id="sidebarimage"><img src="{image:sidebar}"></div>
  350.  
  351. <div class="pagination">
  352. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">newer <big>♠</big></a>{/block:PreviousPage}
  353. {block:NextPage}<a href="{NextPage}">older</a>{/block:NextPage}{/block:Pagination}
  354. </div>
  355.  
  356.  
  357. <div id="sblinks">
  358.  
  359. <a href="/">home</a>
  360. <a href="/ask">message</a>
  361. <a href="{text:Additional Link 1 URL}">{text:Additional Link 1 Title}</a>
  362. <a href="{text:Additional Link 2 URL}">{text:Additional Link 2 Title}</a>
  363. <a href="{text:Additional Link 3 URL}">{text:Additional Link 3 Title}</a>
  364.  
  365.  
  366.  
  367. </div>
  368.  
  369.  
  370.  
  371. <div id="description">{Description}</div>
  372. <br>
  373.  
  374.  
  375.  
  376.  
  377. </div>
  378.  
  379.  
  380.  
  381.  
  382. <div id="entries">{block:Posts}<br><div id="post">
  383.  
  384. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  385. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  386.  
  387. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  388.  
  389. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  390. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  391.  
  392. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  393. {block:Audio}{AudioPlayerWhite}{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  394.  
  395. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  396.  
  397. {block:Answer}<img src="{AskerPortraitURL-48}" align="left" class="askborder"><div class="bubble"><span></span>{Asker}: {Question}&nbsp;</div>{Answer}{/block:Answer}
  398. <div id="info">
  399. {block:Date}posted {TimeAgo}{/block:Date} with <a href="{Permalink}">
  400. {NoteCountWithLabel}</a>{block:RebloggedFrom}<br>via:<a href="{ReblogParentURL}"
  401. 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>
  402.  
  403. </div>
  404. {block:PostNotes}{PostNotes}{/block:PostNotes}
  405. {/block:Posts}</div>
  406.  
  407. </body></html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!