Advertisement
mystic-blood

theme #7

Jun 29th, 2012
1,871
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 9.25 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 07 BY MYSTIC-BLOOD.TUMBLR.COM
  6. DON'T COPY --->
  7.  
  8. <html>
  9. <head>
  10.  
  11. <meta name="color:background" content="#FFFFFF" />
  12. <meta name="color:Text" content="#b59795" />
  13. <meta name="color:Bold" content="#f37297" />
  14. <meta name="color:italic" content="#d9446e" />
  15. <meta name="color:link" content="#997574" />
  16. <meta name="color:hover" content="#bca2a3" />
  17. <meta name="color:question" content="#f1ede4" />
  18. <meta name="color:postinfo" content="#f1ede4" />
  19.  
  20.  
  21. <meta name="image:SidebarImage" content=""" />
  22. <meta name="image:SidebarImage2" content=""/>
  23.  
  24. <meta name="text:Link1" content="" />
  25. <meta name="text:Link1 Title" content="" />
  26. <meta name="text:Link2" content="" />
  27. <meta name="text:Link2 Title" content="" />
  28. <meta name="text:Link3" content="" />
  29. <meta name="text:Link3 Title" content="" />
  30. <meta name="text:Link4" content="" />
  31. <meta name="text:Link4 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. body {
  50. background-color: {color:Background}; color: {color:Text};
  51. font-family: cambria; font-size: 10px;
  52. text-align: justify;
  53. background-image: url({image:Background});
  54. background-attachment: fixed;
  55. background-position: bottom left;
  56. background-repeat: no-repeat;}
  57.  
  58. a:link {
  59. color: {color:Link};
  60. font-style: none; font-family: cambria;
  61. text-decoration: none;
  62. letter-spacing:0px;}
  63.  
  64. a:visited {
  65. color: {color:link};}
  66.  
  67. a:hover {
  68. color: {color:hover};
  69. font-style: none;
  70. text-decoration: none;
  71. -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  72.  
  73.  
  74. #Posts{
  75. margin-bottom:10px;
  76. padding:5px;
  77. width:500px;}
  78.  
  79. #Entries {
  80. background-color: {color:background};
  81. text-align: justify;
  82. margin-top:-7px; margin-left:500px;
  83. padding: 5px; 10px;10px; 10px;
  84. width:502px;
  85. overflow:hidden;}
  86.  
  87. #Post {
  88. background-color: {color:background};
  89. text-align: justify;
  90. margin-top:-7px; margin-left:500px;
  91. padding: 5px; 10px;10px; 10px;
  92. width:502px;
  93. overflow:hidden;}
  94.  
  95. #PostInfo {
  96. background-color: {color:background};
  97. font-family: cambria; font-size: 9px; font-style: normal;
  98. text-align: left;
  99. letter-spacing: 1px;
  100. padding: 5px; margin: -4px;
  101. border-top: 2px dotted {color:postinfo};}
  102.  
  103. #Sidebar { background-color:transparent;
  104. font-size:11px; float:left;
  105. text-align: justify; line-height: 10px;
  106. margin-top:130px; margin-left:130px;
  107. width: 220px;
  108. padding:12px;
  109. overflow:hidden; position: fixed;
  110. background-image: url('{image:sbg}');}
  111.  
  112. .Sidebarlinks a{
  113. background-color: transparent; color: {color:link};
  114. font-size: 10px; font-family: cambria, georgia; font-style: normal;
  115. text-transform:lowercase; text-align:center;
  116. letter-spacing:1px; line-height: 125%;
  117. padding-right:3px; margin:1px -1px;
  118. width:52px; height: 15px;
  119. top:350px;
  120. display:inline-block;}
  121.  
  122. .Sidebarlinks a:first-letter {
  123. color:{color:bold};
  124. font-weight:bold; font-style:normal; font-size:11px;
  125. text-transform:lowercase;}
  126.  
  127. .Sidebarlinks a:hover{ color: {color:hold};
  128. border-bottom: 2px solid {color:bold};
  129. font-style: normal; font-family: cambria;
  130. -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; opacity:0.8;}
  131.  
  132. #SidebarImage {text-align:center; margin-top:10px; border-radius: 70%; width:150px; height:150px; display: block; border: 5px solid {color:bold};}
  133.  
  134. #SidebarImage img {max-width: 150px; max-height: 150px; text-align:center; border-radius: 70%; display: block;}
  135.  
  136. #SidebarImage2 {text-align:center; margin-top:-4px; margin-left: -4px; border-radius: 70%; width:150px; height:150px; display: block; -webkit-transition: all 1s ease-in; opacity: 0; position:fixed; border: 5px solid {color:bold};}
  137.  
  138. #SidebarImage2 img {max-width: 150px; max-height: 150px; text-align:center; border-radius: 70%; display: block;}
  139.  
  140. #SidebarImage2:hover {opacity:2;}
  141.  
  142.  
  143. h1{color:{color:Link}; font-family:georgia; 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;}
  144.  
  145. h2{color:{color:Text}; font-family:cambria; 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;}
  146.  
  147.  
  148. #Pagination {
  149. color: {color:Text};
  150. font-family: cambria;
  151. font-size: 16px;
  152. text-align:center; font-style: normal;
  153. background-color:{color:sidebar}; padding: 2px}
  154.  
  155.  
  156. #Asker {
  157. color{color:link};
  158. font-family: cambria; font-size: 10px; font-weight: normal;
  159. text-align:center; text-transform:uppercase;
  160. line-height:9px;
  161. width:500px;}
  162.  
  163. #Asker a {
  164. color:{color:link};}
  165.  
  166. #Question
  167. {background-color:{color:question};
  168. color: {color:text};
  169. font-family: {font:Body}; font-size: 10px; font-weight: normal;
  170. text-align:center; text-transform:lowercase;
  171. line-height: 10px;
  172. margin: 0 0 11px 0;
  173. padding: 10px;
  174. position: relative;}
  175.  
  176.  
  177. b {color:{color:bold};}
  178. em, i {color:{color:italic};}
  179. p {margin-top:3px; margin-bottom:3px}
  180. blockquote {margin:5px; padding:0px; padding-left:5px; border-left:2px solid {color:Text};}
  181.  
  182. .chat {line-height: 12px; list-style: none;}
  183. .chat ul {line-height: 12px; list-style: none; line-height:18px; padding:4px;}
  184. .person1 {background-color: {color:background}; color: {color:text}; padding: 2px;}
  185. .person1 .label {color:{color:link}; margin-left: 5px; font-weight: bold; padding: 0px;}
  186. .person2 {background-color: #e5e2dd; color: {color:background};padding: 2px;}
  187. .person2 .label {color:{color:text}; margin-left: 5px; font-weight: bold; padding: 0px;}
  188.  
  189. .notes img {widht:10px; position:relative; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;}
  190. ol.notes, .notes li {list-style:none; width:500px; text-align: left; padding:1px;}
  191.  
  192. </style>
  193. </head>
  194. <body>
  195.  
  196. <body>
  197.  
  198. <div id="Sidebar">
  199. <center>
  200. <br><br>
  201. <div id="SidebarImage">
  202. <div id="SidebarImage2">
  203. <img src="{image:SidebarImage2}"></div><img src="{image:SidebarImage}"></div><br>
  204.  
  205. <center><div class="Sidebarlinks">
  206. <a href="/">home</a> </a>
  207. <a href="/ask"> message</a></a>
  208. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a></a> {/block:ifLink1}
  209. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a></a> {/block:ifLink2}
  210. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a></a> {/block:ifLink3}
  211. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a></a> {/block:ifLink4}
  212. <a href="http://mystic-blood.tumblr.com/tagged/themes"> theme</a></a>
  213.  
  214. </center>
  215. <center>
  216. <br>
  217. {block:Description}<P>{Description}</p>{/block:Description}
  218. <br>
  219.  
  220. <div id="Pagination">{block:PreviousPage}<a href="{PreviousPage}">« </a> {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  221. </center>
  222. </div></div>
  223. <br>
  224. </div>
  225.  
  226. <div id="Posts">
  227. {block:Posts}
  228. <div class="Entries">
  229.  
  230. <div id="Post">
  231.  
  232.  
  233. {block:Quote}<h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}{block:Title}
  234. <h1>{Title}&nbsp;</h1>{/block:Title} {block:Text} {Body}{/block:Text}
  235.  
  236. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  237. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  238.  
  239. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  240. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  241.  
  242. {block:Chat}
  243. {block:Title}{Title}{/block:Title}
  244. <div class="chat"><ul>{block:Lines}
  245. <li class="person{UserNumber}">{block:Label}
  246. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  247. {/block:Chat}
  248.  
  249. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  250.  
  251. {block:Answer}<div id="Question"><i>{Asker} said: </i><br> {Question}</div>
  252. {Answer}{/block:answer}
  253.  
  254. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  255.  
  256. <div id="PostInfo">
  257. {block:Date} posted on <a href="{Permalink}">{DayOfMonth}/{MonthNumber}/{Year} </a> {/block:Date} {block:NoteCount} - <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}
  258.  
  259. <div style="text-transform:lowercase">{block:HasTags}{block:Tags}# <a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}
  260.  
  261. <div style="float:right"> {block:RebloggedFrom} <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">via</a>{/block:RebloggedFrom}
  262. {block:ContentSource} / <a href="{SourceURL}">source</a> {/block:ContentSource}
  263.  
  264. {block:PostNotes}{PostNotes}{/block:PostNotes}
  265.  
  266. </div></div></div>
  267.  
  268. <br>
  269.  
  270. </div>
  271.  
  272.  
  273. </body>
  274. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement