Don't like ads? PRO users don't see any ads ;-)
Public Pastes

Theme #3

By: mystic-blood on Feb 14th, 2012  |  syntax: None  |  size: 10.48 KB  |  hits: 1,639  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  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 03 BY MYSTIC-BLOOD.TUMBLR.COM
  6. DON'T COPY --->
  7.  
  8. <html>
  9.  <head>
  10.  
  11. <meta name="image:Background" content="" />
  12. <meta name="image:SidebarImage" content="" />
  13.  
  14. <meta name="font:Body" content="georgia" />
  15. <meta name="font:Title" content="georgia" />
  16. <meta name="font:Link" content="georgia" />
  17.  
  18. <meta name="color:background" content="#FFFFFF" />
  19. <meta name="color:Text" content="#6F4C4C" />
  20. <meta name="color:link" content="#9ea5c3" />
  21. <meta name="color:hover" content="#9ea5c3" />
  22. <meta name="color:questioncolor" content="#adb4d0" />
  23. <meta name="color:entries" content="#FFFFFF" />
  24. <meta name="color:postinfo" content="#D2DAF7" />
  25. <meta name="color:iconborder" content="#adb4d0" />
  26. <meta name="color:home" content="#c4c7d6" />
  27. <meta name="color:ask" content="#e5e4da" />
  28. <meta name="color:archive" content="#b3b8d0" />
  29. <meta name="color:theme" content="#e5e4da" />
  30. <meta name="color:link1color" content="#e5e4da" />
  31. <meta name="color:link2color" content="#a1a8c8" />
  32. <meta name="color:link3color" content="#e5e4da" />
  33. <meta name="color:link4color" content="#9098c1" />
  34.  
  35. <meta name="if:ShowSidebarImage" content=""" />
  36. <meta name="if:ShowTitle" content="1" />
  37.  
  38. <meta name="text:Link1" content="" />
  39. <meta name="text:Link1 Title" content="" />
  40. <meta name="text:Link2" content="" />
  41. <meta name="text:Link2 Title" content="" />
  42. <meta name="text:Link3" content="" />
  43. <meta name="text:Link3 Title" content="" />
  44. <meta name="text:Link4" content="" />
  45. <meta name="text:Link4 Title" content="" />
  46.  
  47. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  48.  <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  49.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  50.     <link rel="shortcut icon" href="{Favicon}" />
  51.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  52.  
  53. <style type="text/css">
  54.  
  55. body {
  56.  background-color: {color:Background};
  57.  color: {color:Text};
  58.  font-family: {font:Body};
  59.  font-size: 10px;
  60.  text-align: justify;
  61.  background-image: url({image:Background});
  62.  background-attachment: fixed;
  63.  background-position: bottom left;
  64.  background-repeat: no-repeat;}
  65.  
  66. a:link {
  67.  color: {Color:Link};
  68.  font-style: none;
  69.  text-decoration: none;
  70.  letter-spacing:0px;}
  71.  
  72. a:visited {
  73.  color: {color:Hover}; }
  74.  
  75. a:hover {
  76.  color: {Color:Hover};
  77.  font-style: none;
  78.  text-decoration: none;
  79.  border-bottom: 1px solid {color:link};
  80.  -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;}
  81.  
  82.  
  83. #Posts{
  84.  margin-bottom:10px;
  85.  padding:5px;
  86.  width:500px;}
  87.  
  88. #Entries {
  89.  background-color: {color:Entries};
  90.  text-align: justify;
  91.  margin-top:-7px; margin-left:500px;
  92.  padding: 5px; 10px;10px; 10px;
  93.  width:502px;
  94.  overflow:hidden;}
  95.  
  96. #Post {
  97.  background-color: {color:Entries};
  98.  text-align: justify;
  99.  margin-top:-7px; margin-left:500px;
  100.  padding: 5px; 10px;10px; 10px;
  101.  width:502px;
  102.  overflow:hidden;}
  103. #Post:hover #Sourceinfo{opacity:1;}
  104.  
  105. #notes {
  106.  background-color: {color: entries};  
  107.  font-size:10px; font-family: {font:body}; letter-spacing:1px;
  108.  height:auto; width:auto;
  109.  text-align: right;
  110.  position:absolute; padding:2px;}
  111.  
  112. #PostInfo {
  113.  background-color:{color:postinfo};
  114.  font-family:{Body}; font-size:9px;
  115.  text-align:left;
  116.  padding: 3px;
  117.  text-transform:lowercase;}
  118.  
  119. #Sourceinfo {
  120.  background-color:transparent;
  121.  width:150px;
  122.  margin-left:520px; margin-top:0px;
  123.  font-family: {font:body}; font-size:9px; font-style:italic;
  124.  text-align:left;
  125.  padding:3px;
  126.  position:absolute;
  127.  opacity: 0;
  128.  -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s;}
  129.  
  130. #Sidebar {background-color: transparent;
  131.  font-size:11px; float:left;
  132.  text-align: justify; line-height: 10px;
  133.  margin-top:110px; margin-left:187px;
  134.  width:260px;
  135.  padding:12px;
  136.  overflow:hidden; position: fixed;
  137.  border-right: 3px solid {color:postinfo};}
  138.  
  139. #Icon {
  140.  float:left;
  141.  color:{color:text};
  142.  position: fixed;
  143.  left: 113px; top: 180px;
  144.  border: 8px solid {color:iconborder};}
  145.  
  146.  
  147. #Sidebarlinks {
  148.  position: fixed;
  149.  padding:5px; padding-bottom:16px;
  150.  width: 52px;
  151.  top: 260px; left: 108px;}
  152.  
  153. .Sidebarlinks  a{
  154.  color: {color:background};
  155.  font-size:10px; font-family:{font:Link};
  156.  text-transform:lowercase; text-align:right;
  157.  letter-spacing:1px;
  158.  margin-bottom:-11px;
  159.  padding-right:10px; padding-left:10px;
  160.  width:60px;
  161.  display:block;}
  162.  
  163. .Sidebarlinks  a:hover{
  164.  width:70px;
  165.  border-bottom: 0px solid {color:link};}
  166.  
  167. #Title{
  168.  background-color:{color:transparent};
  169.  color: {color:link};
  170.  letter-spacing: -1px;
  171.  font-family: Georgia; font-size: 17px;line-height: 22px;
  172.  text-transform: lowercase; text-align:center; padding: 2px;
  173.  top: 118px; left:195px;
  174.  width: 280px; height:auto;
  175.  position: fixed;}
  176.  
  177. #Sidebarimage {margin-bottom:2px; margin-top:2px;}
  178. #Sidebarimage img {max-width: 250px; height: auto; text-align:center;}
  179.  
  180. 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;}
  181.  
  182. 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;}
  183.  
  184. #Pagination {
  185.  color: {color:Text};
  186.  font-family: {font:Body};
  187.  font-size: 12px;}
  188.  text-align:center;
  189.  background-color:{color:sidebar}; padding: 2px}
  190.  
  191. #Asker {
  192.  color{color:link};
  193.  font-family: {font:Body}; font-size: 10px; font-weight: normal;
  194.  text-align:center; text-transform:uppercase;
  195.  line-height:9px;
  196.  width:500px;}
  197.  
  198. #Asker a {
  199.  color:{color:link};}
  200.  
  201. #Asker img {float:left; margin-left:220px; max-height:16px;}
  202.  
  203. #Question
  204.  {background-color:{color:questioncolor};
  205.  color: {color:text};
  206.  font-family: {font:Body}; font-size: 10px; font-weight: normal;
  207.  text-align:center;  text-transform:lowercase;
  208.  line-height: 10px;
  209.  margin: 0 0 11px 0;
  210.  padding: 5px 10px;
  211.  position: relative;}
  212.  
  213. #Question2 {
  214.  color:{color:questioncolor};
  215.  font-size:25px; left: 235px;
  216.  width: 10px; height: 5px; bottom: -1px;
  217.  position: absolute;}
  218.  
  219. b, strong {color:{color:Title}}
  220. z, strong {color:Text}
  221. i, em {color:{color:Text};}
  222. p {margin-top:3px; margin-bottom:3px}
  223. blockquote {margin:5px; padding:0px; padding-left:5px; border-left:2px solid {color:Text};}
  224.  
  225. .user_1 .label {color:{color:Title}; font-weight:bold}
  226. .user_2 .label {color:{color:Text}; font-weight:bold}
  227. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  228.  
  229. .notes img {widht:10px; position:relative;}
  230. ol.notes, .notes li {list-style:none; width:500px; text-align: left; padding:1px;}
  231.  
  232. </style>
  233.  </head>
  234. <body>
  235.  
  236. <body>
  237.  
  238. <div id="Icon"><img src="{PortraitURL-64}" align="center" style="padding: 0px 0px 0px 0px;"/></div>
  239.  
  240. <div id="Sidebarlinks">
  241. <div class="Sidebarlinks">
  242. <a style="background-color:{color:home};"<a href="/">home</a> </a><br>
  243. <a style="background-color:{color:ask};"<a href="/ask"> message</a></a> <br>
  244. <a style="background-color:{color:archive};"<a href="/archive"> archive</a></a> <br>
  245. {block:ifLink1}<a style="background-color:{color:link1color};"<a href="{text:Link1}">{text:Link1 Title}</a></a>  <br>{/block:ifLink1}
  246. {block:ifLink2}<a style="background-color:{color:link2color};"<a href="{text:Link2}">{text:Link2 Title}</a></a>  <br>{/block:ifLink2}
  247. {block:ifLink3}<a style="background-color:{color:link3color};"<a href="{text:Link3}">{text:Link3 Title}</a></a>  <br>{/block:ifLink3}
  248. {block:ifLink4}<a style="background-color:{color:link4color};"<a href="{text:Link4}">{text:Link4 Title}</a></a>  <br>{/block:ifLink4}
  249. <a style="background-color:{color:theme};"<a href="http://mystic-blood.tumblr.com/">theme</a></a></div></div>
  250. <br>
  251.  
  252. <div id="Sidebar">
  253. <center>
  254. <div id="Title">{title}</div>
  255. <br>
  256. <div id="SidebarImage">
  257. <img src="{image:SidebarImage}"/></div></center><br>
  258. {block:Description}<P>{Description}</p>{/block:Description}
  259. <br>
  260. <center>
  261. <br>
  262. <div id="Pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">«</a>{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}{/block:Pagination}
  263. </div></div><br></center>
  264.  
  265. <div id="Posts">
  266. {block:Posts}
  267. <div class="Entries">
  268.  
  269. <div id="Post">
  270. <div id="Sourceinfo">
  271. {block:RebloggedFrom}<a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-48}"></a> {block:ContentSource}<a href="{SourceURL}"><img src="{ReblogRootPortraitURL-48}"></a>{block:ContentSource}{/block:RebloggedFrom}<br>
  272. {block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  273. {block:ContentSource}<br>source: <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}
  274. </div>
  275.  
  276. {block:Quote}<h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}{block:Title}
  277. <h1>{Title}&nbsp;</h1>{/block:Title} {block:Text} {Body}{/block:Text}
  278.  
  279. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  280. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  281.  
  282. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  283. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  284.  
  285. {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}
  286.  
  287. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  288.  
  289. {block:Answer}
  290. <div id="Question">
  291. <br>
  292. <div id="Question2">◥</div>
  293. {Question} <br><br> </div>
  294. <div id="Asker"><img src="{AskerPortraitURL-24}">&nbsp;&nbsp;&nbsp;{Asker}</div><br>
  295. <div id="Answer">{Answer}</div>
  296. {/block:answer}
  297.  
  298. {block:Audio}<span class="audio"><center>{AudioPlayerBlack}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  299.  
  300. <div id="PostInfo">
  301. {block:Date} posted <a href="{Permalink}">{TimeAgo}</a> on {DayOfMonth}/{MonthNumber}/{Year}{/block:Date} | {block:NoteCount} ♥ <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount}
  302. <br>
  303. {block:HasTags}{block:Tags} # <a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  304. {block:PostNotes}{PostNotes}{/block:PostNotes}
  305.  
  306.  
  307. </div>
  308.  
  309. <br>
  310.  
  311.  
  312.  
  313. </body>
  314. </html>
create a new version of this paste RAW Paste Data