humpschapel

theme05

Jun 30th, 2013
115
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.42 KB | None | 0 0
  1. <html>
  2.  
  3. <head>
  4.  
  5. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8. <!--
  9.  
  10. theme06 by faith aka humpschapel
  11. follow the rules
  12. don't steal or i'll cut your hands off
  13. thanks for using!
  14.  
  15. -->
  16.  
  17. <head>
  18.  
  19. <title>{Title}</title>
  20.  
  21.  
  22. <link rel="shortcut icon" href="{Favicon}">
  23. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  24. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  25.  
  26. <!--Fonts-->
  27.  
  28.  
  29.  
  30. <link href='http://fonts.googleapis.com/css?family=Anaheim' rel='stylesheet' type='text/css'>
  31.  
  32. <link href='http://fonts.googleapis.com/css?family=Sintony' rel='stylesheet' type='text/css'>
  33.  
  34. <link href='http://fonts.googleapis.com/css?family=Inconsolata' rel='stylesheet' type='text/css'>
  35.  
  36. <!--Colors-->
  37.  
  38. <meta name="color:Background" content="#ffffff"/>
  39. <meta name="color:Text" content="#aaaaaa"/>
  40. <meta name="color:Link" content="#717581"/>
  41. <meta name="color:sblinks" content="#cccccc"/>
  42. <meta name="color:border" content="#cccccc"/>
  43. <meta name="color:linkhover" content="#f1f1f1"/>
  44. <meta name="color:scrollbar" content="#f1f1f1"/>
  45. <meta name="color:scrollbarbg" content="#f1f1f1"/>
  46.  
  47. <!--Images-->
  48.  
  49. <meta name="image:Background" content=""/>
  50. <meta name="image:Sidebar1" content=""/>
  51.  
  52. <!--Links-->
  53.  
  54. <meta name="text:Link1" content="/" />
  55. <meta name="text:Link1 Title" content="" />
  56.  
  57. <meta name="text:Link2" content="/" />
  58. <meta name="text:Link2 Title" content="" />
  59.  
  60. <meta name="text:Link3" content="/" />
  61. <meta name="text:Link3 Title" content="" />
  62.  
  63. <meta name="text:Link4" content="/" />
  64. <meta name="text:Link4 Title" content="" />
  65.  
  66. <style type="text/css">
  67.  
  68.  
  69. /* --- SCROLLBAR ---*/
  70.  
  71. ::-webkit-scrollbar-thumb{
  72. background-color: #050505;
  73. border: 2px solid #ffffff;
  74. height:auto;
  75. }
  76.  
  77. ::-webkit-scrollbar {
  78. height:9px;
  79. width:9px;
  80. background-color: #050505;
  81. border: 4px solid #fff;
  82. }
  83.  
  84. ::selection {
  85. background-color:#f9f9f9;
  86. }
  87.  
  88. /* --- BODY ---*/
  89.  
  90. body {background:{color:background}; margin:0px; color:{color:text}; font-family:cambria; font-size:9px; line-height:100%;}
  91.  
  92. a {
  93. text-decoration:none;
  94. outline:none;
  95. -moz-outline-style:none;
  96. color:{color:link};
  97. padding:1px;
  98. -webkit-transition: all 0.7s ease;
  99. -moz-transition: all 0.7s ease;
  100. -o-transition: all 0.7s ease;}
  101.  
  102. a:hover {
  103. color: {color:link hover};
  104. text-decoration:none;
  105. -webkit-transition: all 0.7s ease;
  106. -moz-transition: all 0.7s ease;
  107. -o-transition: all 0.7s ease;}
  108.  
  109.  
  110. blockquote {
  111. padding-left:7px;
  112. margin:2px;
  113. border-left:5px solid {color:text};
  114. }
  115.  
  116. h1 {
  117. font-weight:normal;
  118. font-size:10px;
  119. text-align:center;
  120. font-style:normal;
  121. line-height:80%;
  122. letter-spacing:1px;
  123.  
  124. color:{color:text};
  125. }
  126.  
  127. h1 a {
  128. -webkit-transition: all 0.7s ease;
  129. -moz-transition: all 0.7s ease;
  130. -o-transition: all 0.7s ease;}
  131.  
  132. h1 a:hover {
  133. font-style:italic;
  134. font-size:15px;
  135. -webkit-transition: all 0.7s ease;
  136. -moz-transition: all 0.7s ease;
  137. -o-transition: all 0.7s ease;}
  138.  
  139. h2 {
  140. font-size:15px;
  141. text-align:center;
  142. line-height:100%;
  143. letter-spacing:-0.5px;
  144. color:{color:text};
  145. font-weight:normal;
  146. padding:5px;
  147. padding-bottom:2px;
  148. }
  149.  
  150. h3 a:hover{
  151. background-color:transparent
  152. }
  153.  
  154. /* --- POSTS ---*/
  155.  
  156.  
  157. #entries {padding:10px; width:500px; margin-left:220px; margin-top:50px;}
  158.  
  159. #post {width:500px; padding-top:10px; padding-bottom:10px; font-style:none;}
  160.  
  161. #post img { border:1px dotted #f5f5f5; padding:5px; }
  162.  
  163. #notes { font-family:lucida fax; text-transform:lowercase; font-size:9px; }
  164.  
  165. #info { text-align:left; padding:5px; margin-top:5px; margin-bottom:10px;
  166. text-transform: none; font-family:lucida fax; font-size:9px; margin-left:-5px; }
  167.  
  168. #info #tags { opacity:0; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
  169.  
  170. #info:hover #tags { opacity:1; margin-top:4px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; }
  171.  
  172. #tags { font-family:lucida fax; letter-spacing:1px; text-transform:none;
  173. font-size:9px; margin-left:0px; margin-top:-2px; }
  174.  
  175. /* --- AUDIO ---*/
  176.  
  177. #audio { font-family:constantia; margin-bottom:5px; width:500px; height:justify; }
  178.  
  179. .cover { width:78px; height:78px; position:absolute; }
  180.  
  181. .cover img { width:50px; height:50px; float:left; margin-top:10px; }
  182.  
  183. .player { opacity: 0.05; position:absolute; z-index:1; background:#fff;width:90px; height:90px; display:block; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease; }
  184.  
  185. .player:hover{opacity:0.5; -webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o -transition: all 0.7s ease; }
  186.  
  187. .player2 { width:25px; height:25px; margin-top:20px; margin-left:20px; overflow:hidden; padding:3px; padding-right:10px; }
  188.  
  189. .track { text-transform:uppercase; margin-left:80px; line-height:15px; padding-top:10px; }
  190.  
  191. /* --- SIDEBAR ---*/
  192.  
  193. #sidebar { width:150px; position:fixed; margin-left:780px; margin-top:10px; opacity:1; }
  194.  
  195. #sidebar:hover { border-radius:500px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease }
  196.  
  197. #sidebarimage1 img { width:90px; height:90px; text-shadow:3px 3px 3px #8F8D8E; border:3px solid #000000; padding:2px; border-color: {color:border}; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; margin-left:40px; margin-top:170px; }
  198.  
  199. #sidebarimage2 img { width:280px; height:20px; border:2px solid #4D4B4B; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; margin-left:5px; margin-top:5px; }
  200.  
  201. #links { width:280px; height:15px; border:2px solid #4D4B4B; background-color: #000000; font-family:lucida fax; font-size:15px;opacity:1; text-align:right; padding-top:5px; letter-spacing:4px; text-transform:lowercase; text-shadow:3px 3px 3px #8F8D8E; padding-bottom:1px; margin-top:-160px; margin-left:3px; color:{color:sblinks}; }
  202.  
  203. #links a:hover { color:{linkhover}; -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease }
  204.  
  205. #description { width:100px; height:60px; font-family:lucida fax; text-shadow:3px 3px 3px #8F8D8E; padding:10px; font-size:11px; opacity: 0.8; text-align:justify; margin-top:5px; margin-left:150px; }
  206.  
  207. #pagination { width:300px; height:15px; font-size:20px; text-align:right; text-shadow:3px 3px 3px #8F8D8E; color:{color:link}; font-family:colonna mt; letter-spacing:2px; margin-left:-17px; margin-top:35px; }
  208.  
  209. /* --- ASKS ---*/
  210.  
  211. #question {
  212. padding:10px;
  213. margin-left:6px;
  214. text-align:left;
  215. color:{color:text};
  216. line-height:200%;
  217. text-transform:lowercase;
  218. background-color:{color:infobg};
  219. background-color: #000000;
  220. }
  221.  
  222. #answer {
  223. text-align:left;
  224. padding:10px;
  225. color:{color:text};
  226. }
  227.  
  228.  
  229.  
  230. {CustomCSS}</style></head><body>
  231.  
  232.  
  233. <div id="sidebar">
  234. <div id="sidebarimage1"><img src="{image:sidebar1}"></div>
  235. <div id="sidebarimage2"><img src="http://24.media.tumblr.com/a17d21efa7d7b5665cf1ee6f997fbd95/tumblr_mp7yetzx8Z1s5h6a4o2_r1_250.jpg"></div>
  236. <div id="links">
  237. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  238. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  239. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  240. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  241. </div>
  242.  
  243. <div id="description">{Description}</div>
  244.  
  245. {block:Pagination} <div align="center" id="pagination">{block:PreviousPage}<a href="{PreviousPage}">◀</a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}">▶</a>{/block:NextPage}</div>{/block:Pagination}
  246. </div>
  247.  
  248. <div id="entries">{block:Posts}<div id="post">
  249.  
  250. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  251.  
  252. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  253.  
  254. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  255.  
  256. {block:Quote}{Quote}{block:Source} —{Source}{/block:Source}{/block:Quote}
  257.  
  258. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  259.  
  260. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  261.  
  262.  
  263. {block:Audio}<div id="audio">{block:AlbumArt}<div class="cover"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  264. <div class="player">
  265. <div class="player2">
  266. {AudioPlayerWhite}</div></div><div class="track">{block:TrackName}<b>Title:</b> {TrackName}{/block:TrackName}<br />{block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br />{block:Album}<b>Album:</b> {Album}{/block:Album}<br />{PlayCountWithLabel}</div><br>{Caption}</div>
  267. {/block:Audio}
  268.  
  269. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  270.  
  271. {block:Answer}<div class="question"><big><i>{Asker}:</big></i> {Question}</div><div class="answer">{Answer}</div>{/block:answer}
  272.  
  273. <div id="info">●<a href="{Permalink}">{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date} ● <a href="{Permalink}">{NoteCountWithLabel}</a> {block:RebloggedFrom} ● <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  274. {block:ContentSource}● <a href="{SourceURL}"> <a href="{SourceURL}"> <a href="{SourceURL}">{SourceLink}</a></a>{/block:ContentSource}{/block:RebloggedFrom}
  275. {block:HasTags}<div id="tags">{block:Tags} <a href="{TagURL}">{Tag}</a>, {/block:Tags}</div>{/block:HasTags}</div></div>
  276. {/block:Posts}<div id="tags" st>
  277. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  278. {/block:Posts}</div></div></div>
  279.  
  280. <div style="font-family:lucida fax; font-size: 15px; letter-spacing: 1px; float: right; position: fixed; bottom: 5px; right: 5px; text-transform:lowercase;"><a href="http://dontcastor.tumblr.com">F.T.</a></div>
  281.  
  282. </body>
  283.  
  284. </html>
Advertisement
Add Comment
Please, Sign In to add comment