Advertisement
mystic-blood

theme #5

Apr 24th, 2012
3,690
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.88 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 05 BY MYSTIC-BLOOD.TUMBLR.COM
  6. DON'T COPY --->
  7.  
  8. <html>
  9. <head>
  10.  
  11. <link href='http://fonts.googleapis.com/css?family=Allura' rel='stylesheet' type='text/css'>
  12.  
  13. <meta name="image:Background" content="" />
  14. <meta name="image:SidebarImage" content="" />
  15.  
  16. <meta name="font:Body" content="georgia" />
  17. <meta name="font:Title" content="georgia" />
  18. <meta name="font:Link" content="georgia" />
  19.  
  20. <meta name="color:background" content="#FFFFFF" />
  21. <meta name="color:Text" content="#b59795" />
  22. <meta name="color:Bold" content="#f37297" />
  23. <meta name="color:italic" content="#d9446e" />
  24. <meta name="color:link" content="#997574" />
  25. <meta name="color:hover" content="#bca2a3" />
  26. <meta name="color:question" content="#f1ede4" />
  27. <meta name="color:postinfo" content="#f1ede4" />
  28. <meta name="color:iconborder" content="#f1ede4" />
  29. <meta name="color:slinks" content="#e2d3ce" />
  30. <meta name="color:slinkshover" content="#f1ede4" />
  31.  
  32. <meta name="if:ShowSidebarImage" content=""" />
  33. <meta name="if:ShowTitle" content="1" />
  34.  
  35. <meta name="text:Link1" content="" />
  36. <meta name="text:Link1 Title" content="" />
  37. <meta name="text:Link2" content="" />
  38. <meta name="text:Link2 Title" content="" />
  39. <meta name="text:Link3" content="" />
  40. <meta name="text:Link3 Title" content="" />
  41. <meta name="text:Link4" content="" />
  42. <meta name="text:Link4 Title" content="" />
  43. <meta name="text:Link5" content="" />
  44. <meta name="text:Link5 Title" content="" />
  45.  
  46. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  47. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  48. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  49. <link rel="shortcut icon" href="{Favicon}" />
  50. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  51.  
  52. <style type="text/css">
  53.  
  54. ::-webkit-scrollbar {height: 4px; width: 4px;}
  55.  
  56. ::-webkit-scrollbar-thumb {background-color:{color:link};}
  57.  
  58. ::-webkit-scrollbar-track {background-color:#FFFFFF;}
  59.  
  60. ::-webkit-scrollbar-buttom{background-color: {color:link};}
  61.  
  62. body {
  63. background-color: {color:Background}; color: {color:Text};
  64. font-family: {font:Body}; font-size: 10px;
  65. text-align: justify;
  66. background-image: url({image:Background});
  67. background-attachment: fixed;
  68. background-position: bottom left;
  69. background-repeat: no-repeat;}
  70.  
  71. a:link {
  72. color: {color:Link};
  73. font-style: none; font-family: {font:link};
  74. text-decoration: none;
  75. letter-spacing:0px;}
  76.  
  77. a:visited {
  78. color: {color:link};}
  79.  
  80. a:hover {
  81. color: {color:hover};
  82. font-style: none;
  83. text-decoration: none;
  84. -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  85.  
  86.  
  87. #Posts{
  88. margin-bottom:10px;
  89. padding:5px;
  90. width:500px;}
  91.  
  92. #Entries {
  93. background-color: {color:background};
  94. text-align: justify;
  95. margin-top:-7px; margin-left:500px;
  96. padding: 5px; 10px;10px; 10px;
  97. width:502px;
  98. overflow:hidden;}
  99.  
  100. #Post {
  101. background-color: {color:background};
  102. text-align: justify;
  103. margin-top:-7px; margin-left:500px;
  104. padding: 5px; 10px;10px; 10px;
  105. width:502px;
  106. overflow:hidden;}
  107.  
  108. #PostInfo {
  109. background-color:{color:postinfo};
  110. font-family:{Body}; font-size:9px;
  111. text-align: center;
  112. padding: 3px; margin: -4px;
  113. text-transform:lowercase;}
  114.  
  115. #Tag {
  116. background-color: {color: sidebar};
  117. text-align: center; text-transform: lowercase;
  118. padding-top: -60px; margin-top: -6px;
  119. width: 500px;}
  120.  
  121. #Sidebar { background-color:transparent;
  122. font-size:11px; float:left;
  123. text-align: justify; line-height: 10px;
  124. margin-top:120px; margin-left:180px;
  125. width:260px;
  126. padding:12px;
  127. overflow:hidden; position: fixed;}
  128.  
  129. #Stext {
  130. float:left; background-color: {color:links};
  131. position:fixed; padding: 4px;
  132. martin-top: -17px;
  133. width:240px; height:185px;}
  134.  
  135. #Icon {
  136. float:left;
  137. color:{color:text};
  138. position: fixed;
  139. left: 113px; top: 150px;
  140. border: 9px solid {color:iconborder};}
  141.  
  142.  
  143. #Sidebarlinks {
  144. position: fixed;
  145. padding:5px; padding-bottom:16px;
  146. width: 52px;
  147. top: 230px; left: 108px;}
  148.  
  149. .Sidebarlinks a{
  150. background-color: {color:slinks}; color: {color:link};
  151. font-size:10px; font-family: {body};
  152. text-transform:lowercase; text-align:center;
  153. letter-spacing:1px; line-height: 300%;
  154. padding-right:3px; margin:1px -1px;
  155. width:80px; height: 30px;
  156. display:inline-block;}
  157.  
  158. .Sidebarlinks a:hover{
  159. background-color: {color:slinkshover};
  160. font-style: italic; font-family: Georgia;
  161. border-bottom: 0px solid {color:link};
  162. -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; opacity:0.8;}
  163.  
  164. #Title{
  165. background-color:{color:transparent};
  166. color: {color:link};
  167. font-family: {font:Title}; font-size: 17px; font-style: italic; line-height: 22px;
  168. text-transform: lowercase; text-align:center; padding: 2px;
  169. width: 260px; height:auto; margin-top: -40px;
  170. letter-spacing: -1px; position: fixed;}
  171.  
  172. #Sidebarimage {margin-bottom:2px; margin-top:2px;}
  173. #Sidebarimage img {max-width: 250px; height: auto; text-align:center;}
  174.  
  175. h1{color:{color:Link}; font-family:{font:Body}; font-size:14px; font-style:italic; line-height:10px; font-weight:normal; text-align:left; text-transform:lowercase; letter-spacing:2px; margin:0px; padding:0px;}
  176.  
  177. h2{color:{color:Text}; font-family:{font:Body}; font-size:12px; font-style:italic; line-height:10px; font-weight:normal; text-align:left; letter-spacing:0px; text-transform:lowercase; margin:0px; padding:0px;}
  178.  
  179. h3 {font-family: 'Allura', cursive; font-size: 28px; font-weight:normal; font-style: normal; line-height: 25px; };
  180.  
  181. #Pagination {
  182. color: {color:Text};
  183. font-family: {font:Body}; font-style: italic;
  184. font-size: 12px;}
  185. text-align:center;
  186. padding-left: 10px; margin-top: 4px;
  187. background-color:{color:sidebar}; padding: 2px}
  188.  
  189. #Asker {
  190. color{color:link};
  191. font-family: {font:Body}; font-size: 10px; font-weight: normal;
  192. text-align:center; text-transform:uppercase;
  193. line-height:9px;
  194. width:500px;}
  195.  
  196. #Asker a {
  197. color:{color:link};}
  198.  
  199. #Question
  200. {background-color:{color:question};
  201. color: {color:text};
  202. font-family: {font:Body}; font-size: 10px; font-weight: normal;
  203. text-align:center; text-transform:lowercase;
  204. line-height: 10px;
  205. margin: 0 0 11px 0;
  206. padding: 10px;
  207. position: relative;}
  208.  
  209. b, strong, .strong {color:{color:Bold};}
  210. i, em, .em {color:{color:Italic};}
  211. p {margin-top:3px; margin-bottom:3px}
  212. blockquote {margin:5px; padding:0px; padding-left:5px; border-left:2px solid {color:Text};}
  213.  
  214. .user_1 .label {color:{color:Title}; font-weight:bold}
  215. .user_2 .label {color:{color:Text}; font-weight:bold}
  216. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  217.  
  218. .notes img {widht:10px; position:relative;}
  219. ol.notes, .notes li {list-style:none; width:500px; text-align: left; padding:1px;}
  220.  
  221. </style>
  222. </head>
  223. <body>
  224.  
  225. <body>
  226.  
  227. <div id="Icon"><img src="{PortraitURL-64}" align="center" style="padding: 0px 0px 0px 0px;"/></div>
  228.  
  229. <div id="Sidebarlinks">
  230. <div class="Sidebarlinks">
  231. <a href="/">home</a> </a><br>
  232. <a href="/ask"> message</a></a> <br>
  233. <a href="/archive"> archive</a></a> <br>
  234. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a></a> <br>{/block:ifLink1}
  235. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a></a> <br>{/block:ifLink2}
  236. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a></a> <br>{/block:ifLink3}
  237. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a></a> <br>{/block:ifLink4}
  238. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a></a> <br>{/block:ifLink5}
  239. <a href="http://mystic-blood.tumblr.com/tagged/themes">theme</a></a></div>
  240. </div>
  241.  
  242. <br>
  243.  
  244. <div id="Sidebar">
  245. <center>
  246. <div id="Title"><h3>{title}</h3></div>
  247. <br><br>
  248. <div id="SidebarImage">
  249. <img src="{image:SidebarImage}"/></div>
  250. <div id="Stext">
  251. <center>
  252. {block:Description}<P>{Description}</p>{/block:Description}
  253. <br><br>
  254. <div id="Pagination">{block:PreviousPage}<a href="{PreviousPage}">« prev</a> / {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next »</a>{/block:NextPage}
  255. </center>
  256. </div>
  257. <br>
  258.  
  259. </div><br>
  260.  
  261. <div id="Posts">
  262. {block:Posts}
  263. <div class="Entries">
  264.  
  265. <div id="Post">
  266.  
  267.  
  268. {block:Quote}<h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}{block:Title}
  269. <h1>{Title}&nbsp;</h1>{/block:Title} {block:Text} {Body}{/block:Text}
  270.  
  271. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  272. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  273.  
  274. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  275. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  276.  
  277. {block:Chat}<ul class="Chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="Label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>{/block:Chat}
  278.  
  279. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  280.  
  281. {block:Answer}<div id="Question"><i>{Asker} said: </i><br> {Question}</div>
  282. {Answer}{/block:answer}
  283.  
  284. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  285.  
  286. <div id="PostInfo">
  287. {block:Date} posted <a href="{Permalink}">{TimeAgo}</a> / {block:NoteCount} ♥ <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} <div style="float:right"> {block:RebloggedFrom} <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  288. {block:ContentSource} / <a href="{SourceURL}">source</a> {/block:ContentSource}
  289. </div></div><br>
  290.  
  291. <div id="Tag">
  292. {block:HasTags}{block:Tags} • <a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}
  293. {block:PostNotes}{PostNotes}{/block:PostNotes}
  294. </div>
  295. <br>
  296.  
  297.  
  298. </div>
  299.  
  300. <br>
  301.  
  302.  
  303.  
  304. </body>
  305. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement