Advertisement
mystic-blood

theme02

Nov 12th, 2012
977
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.02 KB | None | 0 0
  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 02 BY MYSTICBLOODTHEMES.TUMBLR.COM
  8. DON'T COPY --->
  9.  
  10. <html>
  11. <head>
  12.  
  13. <link href='http://fonts.googleapis.com/css?family=Open+Sans
  14.  
  15. +Condensed:300' rel='stylesheet' type='text/css'>
  16.  
  17.  
  18. <meta name="image:SidebarImage" content="" />
  19. <meta name="image:background" content=""/>
  20.  
  21. <meta name="color:background" content="#faf5f1" />
  22. <meta name="color:text" content="#b59795" />
  23. <meta name="color:header" content="#fdfaf8" />
  24. <meta name="color:link" content="#e9c7c2" />
  25. <meta name="color:hover" content="#bca2a3" />
  26. <meta name="color:question" content="#faf5f1" />
  27. <meta name="color:sidelink" content="#daa5ad" />
  28.  
  29.  
  30. <meta name="text:Link1" content="" />
  31. <meta name="text:Link1 Title" content="" />
  32. <meta name="text:Link2" content="" />
  33. <meta name="text:Link2 Title" content="" />
  34. <meta name="text:Link3" content="" />
  35. <meta name="text:Link3 Title" content="" />
  36. <meta name="text:Link4" content="" />
  37. <meta name="text:Link4 Title" content="" />
  38. <meta name="text:Link5" content="" />
  39. <meta name="text:Link5 Title" content="" />
  40. <meta name="text:Link6" content="" />
  41. <meta name="text:Link6 Title" content="" />
  42.  
  43. <meta http-equiv="Content-Type" content="text/html;
  44.  
  45. charset=utf-8" />
  46. <title>{Title}{block:SearchPage}, Search results for:
  47.  
  48. {SearchQuery}{/block:SearchPage}{block:PostSummary},
  49.  
  50. {PostSummary}{/block:PostSummary}</title>
  51. {block:Description}<meta name="description"
  52.  
  53. content="{MetaDescription}" />{/block:Description}
  54. <link rel="shortcut icon" href="{Favicon}" />
  55. <link rel="alternate" type="application/rss+xml"
  56.  
  57. href="{RSS}" />
  58.  
  59. <style type="text/css">
  60.  
  61. ::-webkit-scrollbar {height: 4px; width: 4px;}
  62.  
  63. ::-webkit-scrollbar-thumb {background-color:{color:slink};}
  64.  
  65. ::-webkit-scrollbar-track {background-color:#FFFFFF;}
  66.  
  67. ::-webkit-scrollbar-buttom{background-color: {color:slink};}
  68.  
  69. ::selection {
  70. background: {color:sidebar}; color;
  71. color: {color:link}; font color;}
  72.  
  73. ::-moz-selection {
  74. background: {color:link}; color;
  75. color: {color:background}; font color;}
  76.  
  77. ::-webkit-selection {
  78. background: {color:link}; color;
  79. color: {color:link}; font color;}
  80.  
  81. body {background-color: {color:background}; color:{color:text};
  82.  
  83. font-family:trebuchet ms, inconsolata; font-size:9px; text-
  84.  
  85. align:justify; background-image: url({image:Background});
  86.  
  87. background-attachment:fixed; background-position:bottom left;
  88.  
  89. background-repeat:repeat;}
  90.  
  91. a:link {color:{color:link}; font-style:normal ; letter-
  92.  
  93. spacing:0px; text-decoration:none; }
  94. a:visited { color:{color:link};}
  95.  
  96. a:hover {color:{color:hover}; font-style:none; -webkit-
  97.  
  98. transition-duration:0.6s; -moz-transition-duration:0.6s;}
  99.  
  100. #posts{
  101. margin-bottom:10px; margin-top:-10px;
  102. width:400px;
  103. padding: -300px; 10px; 10px; 10px;}
  104.  
  105. #entries {
  106. background-color: {color:Entries};
  107. text-align: justify;
  108. margin-left:430px; margin-top:0px;
  109. width:400px;
  110. padding: 10px;
  111. overflow:hidden;}
  112.  
  113. #post {
  114. background-color: {color:entries};
  115. text-align: justify;
  116. margin-left:450px; margin-top:2px;
  117. width:400px;
  118. overflow:hidden;
  119. padding: 10px; border:0px solid {color:sidelink};}
  120. #post:hover .notesandsource {opacity:1;}
  121.  
  122. #header {background-color: {color:header}; font-family:courier
  123.  
  124. new; font-size:8px; position:fixed; widht:300px; margin-
  125.  
  126. left:100px; padding:10px; margin-top:80px;}
  127.  
  128. .desc {position:relative; text-align:left; width:120px;
  129.  
  130. margin-top:-115px; margin-left:180px; font-size:10px;
  131.  
  132. padding:4px; font-family:trebuchet ms;}
  133.  
  134. .sidelinks {position:relative; padding:5px;}
  135.  
  136. .sidelinks a { background-color: {color:sidelink}; color:
  137.  
  138. {color:text};
  139. font-size:9px; font-family:trebuchet ms;
  140. text-transform:lowercase; text-align:center;
  141. letter-spacing:1px; line-height: 240%;
  142. padding-right:3px; margin:1px -1px;
  143. width:80px; height: 20px;
  144. display:inline-block;}
  145.  
  146. .sidelinks a:hover {background-color:{color:hover};}
  147.  
  148. .pagination {position:relative; margin:1px; margin-left:15px;
  149.  
  150. background-color:{color:header}; font-size:9px; text-
  151.  
  152. align:center; padding:1px; width:150px; line-height:250%; }
  153.  
  154. #title {font-size:13px; text-align:center; line-height8px;
  155.  
  156. text-transform:lowercase; margin:0px; padding:4px; font-
  157.  
  158. family:georgia; font-style:italic;}
  159.  
  160. #sidebarimage {margin-bottom:2px; margin-top:2px;}
  161. #sidebarimage img {border: 3px solid {color:sidelink}; max-
  162.  
  163. width: 300px; height: auto; text-align:center;}
  164.  
  165. .notesandsource {display:inline; font-size:7px; padding:3px;
  166.  
  167. color:{color:link}; font-family:trebuchet ms; line-height:15px;
  168.  
  169. text-align:center; left:865px; text-transform:uppercase;
  170.  
  171. width:110px; -webkit-transition-duration:1s; -moz-transition-
  172.  
  173. duration:1s; position:absolute; opacity:0;}
  174.  
  175. .tag {font-size:9px; padding:10px; width:400px;
  176.  
  177. overflow:hidden; text-transform:lowercase; border-top: 3px
  178.  
  179. solid {color:header}; line-heigh:11px; margin-left:450px;
  180.  
  181. margin-top:-18px; text-align:center;}
  182.  
  183. .credit {bottom:10px; right:20px; position:fixed; font-
  184.  
  185. size:10px; letter-spacing:2px; opacity:0.5;}
  186. .credit a:hover {color:{color:text};}
  187.  
  188. h1{color:{color:link}; font-family:georgia; font-style:italic;
  189.  
  190. font-size:18px; text-decoration: none; line-height:16px;
  191.  
  192. font-weight:bold; text-align:left; text-transform:lowercase;
  193.  
  194. letter-spacing:0px; margin:0px; padding:4px;}
  195.  
  196. h2{color:{color:text}; font-family:georgia; font-size:13px;
  197.  
  198. font-style:normal; line-height:11px; font-weight:normal; text-
  199.  
  200. align:left; letter-spacing:0px; text-transform:lowercase;
  201.  
  202. margin:0px; padding:0px;}
  203.  
  204. h3 {font-family: 'Open Sans Condensed', sans-serif; font-size:
  205.  
  206. 28px; font-weight:normal; font-style: normal; line-height:1;
  207.  
  208. margin-top:17px; color:{color:link}; text-transform:uppercase;}
  209.  
  210. #asker {float-left:right; text-align:left; font-size:10px;
  211.  
  212. text-transform:lowercase; color{color:link};; padding:5px;
  213.  
  214. margin:2px;}
  215. #asker a {color:{color:link};}
  216.  
  217. #question {background-color:{color:header}; padding:8px;}
  218. #question img{background-color:{color:header}; float: left;
  219.  
  220. margin-top:-1px; padding:7px;}
  221.  
  222. #answer {padding:4px; font-size:10px;}
  223.  
  224. #player {width:30px; height:30px; overflow:hidden;
  225.  
  226. position:abolute; margin:46px 52px; margin-bottom:-75px;
  227.  
  228. opacity: 0.7; filter:alpha(opacity=70); -moz-opacity: 0.7; -
  229.  
  230. khtml-opacity: 0.7;}
  231.  
  232. #albumart { float:left; margin:0px 7px;}
  233.  
  234. .audioinfo {background-color:{color:question}; color:{text};
  235.  
  236. margin-left:140px; margin-top:-6px; width:260px; padding:3px;
  237.  
  238. line-height:8px; font-style:normal; font-size:9px;}
  239.  
  240.  
  241. b {color:{color:text};}
  242. em, i {color:{color:text};}
  243. p {margin-top:3px; margin-bottom:3px}
  244. blockquote {margin:5px; padding:0px; padding-left:5px; border-
  245.  
  246. left:3px solid {color:text}; font-size:11px;}
  247.  
  248. .chat {line-height: 12px; list-style: none; font-size:10px;}
  249. .chat ul {line-height: 12px; list-style: none; line-
  250.  
  251. height:18px; padding:4px;}
  252. .person1 {background-color:{color:sidelink}; color:
  253.  
  254. {color:text}; padding: 2px;}
  255. .person1 .label {color:{link}; margin-left: 5px; font-weight:
  256.  
  257. bold; padding: 0px;}
  258. .person2 {background-color:#ffffff; color:
  259.  
  260. {color:text};padding: 2px;}
  261. .person2 .label {color:{color:text}; margin-left: 5px; font-
  262.  
  263. weight: bold; padding: 0px;}
  264. .person3 {background-color:{color:sidelink}; color:
  265.  
  266. {color:text}; padding: 2px;}
  267. .person3 .label {color:{color:link}; margin-left: 5px; font-
  268.  
  269. weight: bold; padding: 0px;}
  270. .person4 {background-color:#ffffff; color: {color:text}
  271.  
  272. padding: 2px;}
  273. .person4 .label {color:{color:text}; margin-left: 5px; font-
  274.  
  275. weight: bold; padding: 0px;}
  276. .person5 {background-color:{color:sidelink}; color:
  277.  
  278. {color:text}; padding: 2px;}
  279. .person5 .label {color:{color:link}; margin-left: 5px; font-
  280.  
  281. weight: bold; padding: 0px;}
  282. .person6 background-color:#ffffff; color: {color:text}padding:
  283.  
  284. 2px;}
  285. .person6 .label {color:{color:text}; margin-left: 5px; font-
  286.  
  287. weight: bold; padding: 0px;}
  288. .person7 {background-color:{color:sidelink}; color:
  289.  
  290. {color:text}; padding: 2px;}
  291. .person7 .label {color:{color:link}; margin-left: 5px; font-
  292.  
  293. weight: bold; padding: 0px;}
  294. .person8 background-color:#ffffff; color: {color:text}padding:
  295.  
  296. 2px;}
  297. .person8 .label {color:{color:text}; margin-left: 5px; font-
  298.  
  299. weight: bold; padding: 0px;}
  300.  
  301.  
  302. .notes {margin-left:230px;}
  303. .notes img {widht:10px; position:relative; }
  304. ol.notes, .notes li {list-style:none; width:400px; text-align:
  305.  
  306. left; padding:1px;}
  307.  
  308. </style>
  309. </head>
  310. <body>
  311.  
  312. <div id="header">
  313.  
  314. <div id="title"> {title} </div>
  315. <div id="sidebarimage">
  316. <img src="{image:sidebarImage}"/></div>
  317.  
  318. <div class="sidelinks">
  319. <a href="/">home</a> </a> <a href="/ask"> message</a> </a> <br>
  320. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}
  321.  
  322. </a></a> {/block:ifLink1}
  323. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}
  324.  
  325. </a></a> <br>{/block:ifLink2}
  326. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}
  327.  
  328. </a></a> {/block:ifLink3}
  329. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}
  330.  
  331. </a></a> <br>{/block:ifLink4}
  332. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}
  333.  
  334. </a></a> {/block:ifLink5}
  335. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}
  336.  
  337. </a></a> <br> {/block:ifLink6} </div>
  338.  
  339. <div class="pagination">
  340. {block:PreviousPage} <a href="{PreviousPage}"> ‹</a>
  341.  
  342. {/block:PreviousPage}
  343. {CurrentPage} of {TotalPages}
  344. {block:NextPage}<a href="{NextPage}">›</a>{/block:NextPage}
  345. </div>
  346.  
  347. <div class="desc"> {Description} </div>
  348.  
  349. </div>
  350. </div>
  351.  
  352.  
  353.  
  354. <div id="posts">
  355. <br><br>
  356. {block:Posts}
  357. <div class="entries">
  358. <div id="post">
  359.  
  360. <div class="notesandsource">
  361. {block:NoteCount} <a href="{Permalink}">{NoteCount} </a>
  362.  
  363. {/block:NoteCount} <br>
  364. {block:RebloggedFrom} <a href="{ReblogParentURL}">
  365.  
  366. {ReblogParentName}</a> <br>
  367. {block:ContentSource} <a href="{SourceURL}">{SourceLink}</a>
  368.  
  369. {block:ContentSource}{/block:RebloggedFrom}
  370.  
  371. </div>
  372.  
  373.  
  374. {block:Quote}<h2>"{Quote}<big>"&nbsp; - {Source}</h2>
  375.  
  376. {/block:Quote}{block:Title}
  377. <h1>{Title}&nbsp;</h1>{/block:Title} {block:Text} {Body}
  378.  
  379. {/block:Text}
  380.  
  381. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}
  382.  
  383. &nbsp;</h1></a>
  384. {block:Description}<P>{Description}</p>{/block:Description}
  385.  
  386. {/block:Link}
  387.  
  388. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-400}"
  389.  
  390. alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}
  391.  
  392. {Caption}{/block:Caption}{/block:Photo}
  393. {block:Photoset}<center>{Photoset-400}</center>{block:Caption}
  394.  
  395. {Caption}{/block:Caption}{/block:Photoset}
  396.  
  397. {block:Chat}
  398. <div class="chat"><ul>{block:Lines}
  399. <li class="person{UserNumber}">{block:Label}
  400. <span class="label">{Label}</span>{/block:Label} {Line}</li>
  401.  
  402. {/block:Lines}</ul></div>
  403. {/block:Chat}
  404.  
  405. {block:Video}{Video-400}{block:Caption}{Caption}
  406.  
  407. {/block:Caption}{/block:Video}
  408.  
  409. {block:Answer}
  410. <div id="question">
  411. <img src="{AskerPortraitURL-30}">
  412. <div id="asker">{Asker}: {Question}<br><br></div> </div>
  413. <div id="answer">{Answer}</div>
  414. {/block:Answer}
  415.  
  416.  
  417. {block:Audio}
  418. <div id="player">{AudioPlayerWhite} </div>
  419. <div id="albumart">{block:AlbumArt}<img src="{AlbumArtURL}"
  420.  
  421. width="120">{/block:AlbumArt}</div> <br>
  422. <div class="audioinfo"><b>{PlayCountWithLabel}</b> </div>
  423. <br>
  424. {block:TrackName}
  425. <div class="audioinfo"><b>Track Title:</b> {TrackName}</div>
  426. {/block:TrackName}
  427. <br>
  428. {block:Artist}
  429. <div class="audioinfo"><b>Artist:</b> {Artist}</div>
  430. {/block:Artist}
  431. <br>
  432. {block:Album}
  433. <div class="audioinfo"><b>Album:</b> {Album}</div>
  434. {/block:Album}
  435. <br><br><br><br>
  436. {block:Caption}{Caption}{/block:Caption}
  437. {/block:Audio}
  438. <br>
  439. </div>
  440.  
  441.  
  442. <div class="tag"> {block:Date} posted <a href="{Permalink}">
  443.  
  444. {TimeAgo} </a> {/block:Date} <br>
  445.  
  446. <i>{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}
  447.  
  448. </a>&nbsp;{/block:Tags} </div>{/block:HasTags}</i>
  449. </div>
  450.  
  451. <div class="credit"><a
  452.  
  453. href="http://mysticbloodthemes.tumblr.com/">@
  454.  
  455. MYSTICBLOODTHEMES</a></div>
  456.  
  457.  
  458. <div class="notes">
  459. {block:PostNotes}{PostNotes}{/block:PostNotes}
  460. </div>
  461. </div>
  462.  
  463. <br><br>
  464. </body>
  465. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement