Advertisement
mystic-blood

theme #9

Aug 28th, 2012
1,731
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.22 KB | None | 0 0
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD2.HTML 4.01 Transitional//EN"3."http://www.w3.org/TR/html4/loose.dtd">
  2.  
  3.  
  4. <!---
  5. THEME 09 BY MYSTIC-BLOOD.TUMBLR.COM
  6. DON'T COPY --->
  7.  
  8. <html>
  9. <head>
  10.  
  11. <meta name="image:SidebarImage" content="" />
  12.  
  13. <meta name="color:background" content="#faf5f1" />
  14. <meta name="color:text" content="#b59795" />
  15. <meta name="color:sidebar" content="#fdfaf8" />
  16. <meta name="color:link" content="#e9c7c2" />
  17. <meta name="color:hover" content="#bca2a3" />
  18. <meta name="color:question" content="#faf5f1" />
  19. <meta name="color:postinfo" content="#daa5ad" />
  20. <meta name="color:slink" content="#daa5ad" />
  21.  
  22. <meta name="text:Link1" content="" />
  23. <meta name="text:Link1 Title" content="" />
  24. <meta name="text:Link2" content="" />
  25. <meta name="text:Link2 Title" content="" />
  26. <meta name="text:Link3" content="" />
  27. <meta name="text:Link3 Title" content="" />
  28. <meta name="text:Link4" content="" />
  29. <meta name="text:Link4 Title" content="" />
  30. <meta name="text:Link5" content="" />
  31. <meta name="text:Link5 Title" content="" />
  32.  
  33. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  34. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  35. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  36. <link rel="shortcut icon" href="{Favicon}" />
  37. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  38.  
  39. <style type="text/css">
  40.  
  41. ::-webkit-scrollbar {height: 4px; width: 4px;}
  42.  
  43. ::-webkit-scrollbar-thumb {background-color:{color:link};}
  44.  
  45. ::-webkit-scrollbar-track {background-color:#FFFFFF;}
  46.  
  47. ::-webkit-scrollbar-buttom{background-color: {color:link};}
  48.  
  49. ::selection {
  50. background: {color:link}; color;
  51. color: {color:background}; font color;}
  52.  
  53. ::-moz-selection {
  54. background: {color:link}; color;
  55. color: {color:background}; font color;}
  56.  
  57. ::-webkit-selection {
  58. background: {color:link}; color;
  59. color: {color:background}; font color;}
  60.  
  61. body {
  62. background-color: {color:background}; color:{color:text}; font-family:tahoma; font-size:9px; text-align:justify; background-image: url({image:Background}); background-attachment:fixed; background-position:bottom left; background-repeat: no-repeat;}
  63.  
  64. a:link {color:{color:link}; font-style:none; font-family:tahoma, cambria, georgia; text-decoration:none; letter-spacing:0px;}
  65. a:visited { color:{color:link};}
  66.  
  67. a:hover {color:{color:hover}; font-style:none; text-decoration:none; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s;}
  68.  
  69. #posts {margin-bottom:10px; padding:5px; width:500px; margin-left:520px;}
  70.  
  71. #entries {background-color:{color:sidebar}; text-align:justify; margin-top:-7px; margin-left:520px; padding:10px; width:502px; overflow:hidden;}
  72.  
  73. #post {background-color:{color:sidebar}; text-align:justify; margin-top:-7px; margin-left:520px; padding:10px; width:502px;
  74. overflow:hidden; margin:2px;}
  75. #post:hover .postinfo{border-left:80px solid {color:slink}; opacity:1;}
  76.  
  77. .postinfo {border-left:8px solid {color:slink}; font-family:tahoma, cambria, georgia; font-size:9px; width:500px; text-align:left; text-transform:lowercase; letter-spacing:1px; padding-left:4px; -webkit-transition-duration:1s; -moz-transition-duration:1s; position:absolute; opacity:0;}
  78.  
  79. #tags{font-family:tahoma, cambria, georgia; font-size:9px; width:500px; text-align:left; text-transform:lowercase; letter-spacing:1px; marging:3px; -webkit-transition-duration:1s; -moz-transition-duration:1s; position:absolute;}
  80.  
  81. #sidebar {font-size:9px; float:left; text-align:justify; line-height:9px; margin-top:120px; margin-left:230px; width:260px; padding:6px; overflow:hidden; position:fixed;}
  82.  
  83. #desc {float:left; background-color:{color:sidebar}; position:fixed; padding: 4px; martin-top:-17px; width:260px; height:120%;;}
  84.  
  85. #sidebarlinks {position: fixed; padding:5px; padding-bottom:16px; width: 80px; top:167px; left:228px; text-transform:uppercase;}
  86.  
  87. .sidebarlinks a {background-color:{color:slink}; color:{color:sidebar}; font-size:8px; font-family:tahoma, cambria, georgia; text-align:left; width:90px; letter-spacing:1px; line-height:50%; padding:5px;height:3px; display:inline-block; padding-left:13px; margin:1px;}
  88.  
  89. .sidebarlinks a:hover {background-color:{color:slink}; left:130px; height:3px; widht:80px; font-family:tahoma; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; opacity:0.8; margin-left:-55px;}
  90.  
  91. #sidebarimage {margin-bottom:2px; margin-top:2px;}
  92. #sidebarimage img {border: 8px solid {color:sidebar}; max-width: 250px; height: auto; text-align:center;}
  93.  
  94.  
  95. h1{color:{color:link}; font-family:cambria; font-size:18px; font-style:italic; line-height:10px; font-weight:normal; text-align:left; text-transform:lowercase; letter-spacing:1px; margin:0px; padding:4px;}
  96.  
  97. h2{color:{color:text}; font-family:tahoma, cambria, georgia; font-size:12px; font-style:normal; line-height:11px; font-weight:normal; text-align:left; letter-spacing:0px; text-transform:lowercase; margin:0px; padding:0px;}
  98.  
  99. h3{font-family:tahoma, cambria, georgia; font-size:28px;line-height: 25px; };
  100.  
  101. #pagination {color:{color:text}; font-family:tahoma, cambria, georgia;font-size: 8px; text-align:center; padding-left:10px; margin-top:2 4 4 4px; background-color:{color:sidebar}; padding:2px}
  102.  
  103. #asker {float-left:right; font-family:tahoma, cambria, georgia; text-align:left;font-size:9px; text-transform:lowercase; color{color:link};; padding:5px; margin:2px;}
  104. #asker a {color:{color:link}; background-color:{color:question};}
  105.  
  106. #question {background-color:{color:question}; padding:8px;}
  107. #question img{background-color:{color:question}; float: left; margin-top:-1px; padding:7px;}
  108.  
  109. #answer {padding:4px;}
  110.  
  111.  
  112. #player {width:30px; height:30px; overflow:hidden; position:absolute; margin:48px 52px; margin-bottom:45px; opacity: 0.7; filter:alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7;}
  113.  
  114. #albumart { float:left; margin:0px 7px;}
  115.  
  116. .audioinfo {background-color:{color:question}; color:{text}; margin-left:140px; margin-top:-6px; width:353px; padding:3px; line-height:9px;}
  117.  
  118. b {color:{color:text};}
  119. em, i {color:{color:text};}
  120. p {margin-top:3px; margin-bottom:3px}
  121. blockquote {margin:5px; padding:0px; padding-left:5px; border-left:3px solid {color:text}; font-size:11px;}
  122.  
  123. .chat {line-height: 12px; list-style: none;}
  124. .chat ul {line-height: 12px; list-style: none; line-height:18px; padding:4px;}
  125. .person1 {background-color: {color:sidebar}; color: {color:text}; padding: 2px;}
  126. .person1 .label {color:{color:link}; margin-left: 5px; font-weight: bold; padding: 0px;}
  127. .person2 {background-color: {color:question}; color: {color:background};padding: 2px;}
  128. .person2 .label {color:{color:text}; margin-left: 5px; font-weight: bold; padding: 0px;}
  129. .person3 {background-color: {color:sidebar}; color: {color:text}; padding: 2px;}
  130. .person3 .label {color:{color:link}; margin-left: 5px; font-weight: bold; padding: 0px;}
  131. .person4 {background-color: {color:question}; color: {color:background};padding: 2px;}
  132. .person4 .label {color:{color:text}; margin-left: 5px; font-weight: bold; padding: 0px;}
  133. .person5 {background-color: {color:sidebar}; color: {color:text}; padding: 2px;}
  134. .person5 .label {color:{color:link}; margin-left: 5px; font-weight: bold; padding: 0px;}
  135. .person6 {background-color: {color:question}; color: {color:background};padding: 2px;}
  136. .person6 .label {color:{color:text}; margin-left: 5px; font-weight: bold; padding: 0px;}
  137. .person7 {background-color: {color:sidebar}; color: {color:text}; padding: 2px;}
  138. .person7 .label {color:{color:link}; margin-left: 5px; font-weight: bold; padding: 0px;}
  139. .person8 {background-color: {color:question}; color: {color:background};padding: 2px;}
  140. .person8 .label {color:{color:text}; margin-left: 5px; font-weight: bold; padding: 0px;}
  141.  
  142. .notes img {widht:10px; position:relative; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
  143. ol.notes, .notes li {list-style:none; width:500px; text-align: left; padding:1px;}
  144.  
  145. </style>
  146. </head>
  147. <body>
  148.  
  149. <body>
  150.  
  151.  
  152. <div id="sidebarlinks">
  153. <div class="sidebarlinks">
  154. <a href="/">home</a> </a><br>
  155. <a href="/ask"> message</a></a> <br>
  156. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a></a> <br>{/block:ifLink1}
  157. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a></a> <br>{/block:ifLink2}
  158. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a></a> <br>{/block:ifLink3}
  159. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a></a> <br>{/block:ifLink4}
  160. <a href="http://mystic-blood.tumblr.com/">theme</a></a>
  161. </div>
  162. </div>
  163.  
  164. <br>
  165.  
  166. <div id="sidebar">
  167. <center>
  168. <div id="sidebarimage">
  169. <img src="{image:sidebarImage}"/></div>
  170. <br>
  171. <div id="desc">
  172. <center>
  173. {block:Description}<P><br>{Description}</p>{/block:Description}
  174. <br><br>
  175. <div id="pagination">
  176. {block:PreviousPage} <a href="{PreviousPage}"> ‹</a>{/block:PreviousPage}
  177. {CurrentPage} of {TotalPages}
  178. {block:NextPage}<a href="{NextPage}">›</a>{/block:NextPage}
  179.  
  180.  
  181. </center>
  182. </div>
  183. </div>
  184. </div>
  185. <br>
  186.  
  187. <div id="posts">
  188. {block:Posts}
  189. <div class="entries">
  190.  
  191. <div id="post">
  192.  
  193.  
  194. {block:Quote}<h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}{block:Title}
  195. <h1>{Title}&nbsp;</h1>{/block:Title} {block:Text} {Body}{/block:Text}
  196.  
  197. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  198. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  199.  
  200. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  201. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  202.  
  203. {block:Chat}
  204. <div class="chat"><ul>{block:Lines}
  205. <li class="person{UserNumber}">{block:Label}
  206. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  207. {/block:Chat}
  208.  
  209. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  210.  
  211. {block:Answer}
  212. <div id="question">
  213. <img src="{AskerPortraitURL-30}">
  214. <div id="asker">{Asker}: {Question}<br><br></div> </div>
  215. <div id="answer">{Answer}</div>
  216. {/block:Answer}
  217.  
  218.  
  219. {block:Audio}
  220. <div id="player">{AudioPlayerWhite} </div>
  221. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="120">{/block:AlbumArt}</div> <br>
  222. <div class="audioinfo"><b>{PlayCountWithLabel}</b> </div>
  223. <br>
  224. {block:TrackName}
  225. <div class="audioinfo"><b>Track Title:</b> {TrackName}</div>
  226. {/block:TrackName}
  227. <br>
  228. {block:Artist}
  229. <div class="audioinfo"><b>Artist:</b> {Artist}</div>
  230. {/block:Artist}
  231. <br>
  232. {block:Album}
  233. <div class="audioinfo"><b>Album:</b> {Album}</div>
  234. {/block:Album}
  235. <br><br><br><br>
  236. {block:Caption}{Caption}{/block:Caption}
  237. {/block:Audio}
  238. <br>
  239.  
  240. <div id="tags">
  241. <br><br>
  242. {block:HasTags}{block:Tags}# <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  243. </div> <br>
  244.  
  245. <div class="postinfo">
  246. {block:NoteCount}<a href="{Permalink}">{NoteCountWithLabel}</a>,{/block:NoteCount}
  247. <a href="{Permalink}">{block:Date} {TimeAgo}, &nbsp;{/block:Date} </a> {block:RebloggedFrom} via <a href="{ReblogParentURL}">{ReblogParentName}</a>
  248. {block:ContentSource} &copy; <a href="{SourceURL}">{SourceLink}</a>{block:ContentSource}{/block:RebloggedFrom}
  249. <br>
  250.  
  251.  
  252.  
  253. </div>
  254. <br><br>
  255. </div>
  256. <br>
  257.  
  258.  
  259. </body>
  260. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement