API tools faq
paste
Advertisement
mystic-blood

theme #4

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