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

theme #1 Heart in a cage - bystewlovers

By: themesbystewlovers on Feb 7th, 2012  |  syntax: HTML  |  size: 9.13 KB  |  hits: 1,289  |  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. <!--
  2. #1 - Heart in a cage - theme by stewlovers!
  3. ------------------------------------
  4. If you have any question about this theme,
  5. send me an question! (stewlovers.tumblr.com)
  6. -->
  7.  
  8. <html>
  9. <head>
  10. <meta name="color:background" content="#ffffff" />
  11. <meta name="color:sidebar" content="#f8f4f1" />
  12. <meta name="color:entry" content="#ffffff" />
  13. <meta name="color:photoinfo" content="#e6f5f0" />
  14.  
  15. <meta name="color:title" content="#ECC787" />
  16. <meta name="color:text" content="#C4BBB1" />
  17. <meta name="color:bold" content="#b7ab9f" />
  18. <meta name="color:link" content="#ECC787" />
  19. <meta name="color:link hover" content="#ECC787" />
  20. <meta name="color:navigation" content="#5c8cad" />
  21. <meta name="color:navigation hover" content="#5c8cad" />
  22. <meta name="color:navigation background" content="#f8f4f1" />
  23. <meta name="color:navigation background hover" content="#ffffff" />
  24. <meta name="color:solid" content="#cee9d7" />
  25. <meta name="color:border" content="#cee9d7" />
  26. <meta name="color:sborder" content="#cee9d7" />
  27. <meta name="color:box background" content="#FFFEF7" />
  28. <meta name="font:title" content="Times New Roman" />
  29. <meta name="font:body" content="verdana" />
  30.  
  31. <meta name="image:sidebar" content=""/>
  32. <meta name="if:Show Links" content="0" />
  33. <meta name="text:LinkOne" content="http://" />
  34. <meta name="text:LinkOne Title" content="" />
  35. <meta name="text:LinkTwo" content="http://" />
  36. <meta name="text:LinkTwo Title" content="" />
  37. <meta name="text:LinkThree" content="http://" />
  38. <meta name="text:LinkThree Title" content="" />
  39. <meta name="text:LinkFour" content="http://" />
  40. <meta name="text:LinkFour Title" content="" />
  41.  
  42. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  43. <title>{Title}{block:SearchPage}, Search results for: {SearchQuery}{/block:SearchPage}{block:PostSummary}, {PostSummary}{/block:PostSummary}</title>
  44. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  45. <link rel="shortcut icon" href="{Favicon}" />
  46. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  47. <style type="text/css">
  48.  
  49. body {
  50. color:{color:text};
  51. background-color:{color:background};
  52. background-image: url('{image:background}');
  53. background-position: center;
  54. background-attachment:fixed;
  55. background-repeat:no-repeat;
  56. font-size:9px;
  57. font-family:{font:body};
  58. line-height:110%;
  59. text-align:justify}
  60.  
  61. #icon {border-color:{color:solid}; border: 5px solid; margin-left:85px; margin-top:220px; position:fixed; color:{color:solid}; opacity:100;}
  62.  
  63. a:link, a:active, a:visited{color: {color:link}; text-decoration:none}
  64.  
  65. a:hover{color:{color:lhover}; font-weight:none; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s;}
  66.  
  67. #entries {margin-left:400px; margin-top:7px; width:505px}
  68.  
  69. #posts{background-color: {color:entry}; margin-bottom:10px; padding:3px;}
  70.  
  71. #title {width:200px; margin-left:14px; margin-top:-20px; position:fixed; font-size:15px; text-align:center; letter-spacing: 0px; color:{color:title}; font-family: Courier New; line-height:110%}
  72.  
  73. #sidebar img {border-color:{color:background}; border: 5px solid; max-width: 215px; margin-top:5px; margin-bottom:5px; height: auto; color:{color:sborder}; }
  74.  
  75. #sidebar { width:230px; height-auto; font-size:9px; font-family:verdana; margin-left:150px; text-align:center; letter-spacing:0px; margin-top:120px; position:fixed; overflow:hidden; background-color: {color:sidebar}; border-bottom: 1px dotted {color:border};}
  76.  
  77. #navigation {
  78. display:block;
  79. width:170px;
  80. height:205px;
  81. margin-top:55px;
  82. position: fixed;
  83. }
  84.  
  85. #navigation a {
  86. display: block;
  87. background-color: {color:navigation background};
  88. width: 45px;
  89. height:35px;
  90. margin-bottom: 1px;
  91. padding:5px;
  92. line-height:40px;
  93. margin-left:745px;
  94. font-family: lucida sans unicode;
  95. font-size: 8px;
  96. color: {color:navigation};
  97. text-transform: uppercase;
  98. text-decoration: none;
  99. letter-spacing: 1px;
  100. text-align: center;
  101. opacity:0.9;
  102. border-bottom: 2px solid {color:solid};
  103. -webkit-transition: all 0.5s ease-in-out;
  104. -moz-transition: all 0.5s ease-in-out;
  105. -o-transition: all 0.5s ease-in-out;
  106. transition: all 0.5s ease-in-out
  107. }
  108.  
  109. #navigation a:hover {
  110. background-color:{color:navigation background hover};
  111. padding-top: 30px; opacity:100;
  112. color: {color:navigation hover};
  113. }
  114.  
  115. #pagination{margin-top:160px; margin-left:920px; float:right; color:{color:text}; font-size:11px; font-family:verdana;text-align:center; position:fixed;}
  116.  
  117. h1{ color:{color:title}; font-family:verdana; font-size:12px; line-height:17px; letter-spacing:0px; font-weight:normal; margin:0px; padding:0px; text-align:left; text-transform: uppercase;}
  118.  
  119. h2{ color:{color:title}; font-family:georgia; font-size:16px; line-height:14px; letter-spacing:0px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; font-style: italic; text-align:left; text-transform: lowercase;}
  120.  
  121. #photoinfo {background-color:{color:photoinfo}; margin:2px 0px 2px 0px; font-family:verdana; font-size:10px; text-transform: uppercase; color:{color:text}; letter-spacing: 0px; text-align:center; padding:2px; border-bottom: 1px solid {color:solid};}
  122.  
  123. #tags {margin-top:3px; padding:2px; font:8px arial; text-transform:uppercase; text-align:right; font-style: none; letter-spacing:0px;}
  124.  
  125. #question {font-size: 9px; font-family:verdana; background-color:{color:box bg}; color:{color:text};margin-bottom:0px; padding: 5px; font-style: italic;}
  126.  
  127. blockquote {border-left:2px {color:body} solid; padding-left:5px; margin:0px 2px 0px 10px}
  128. blockquote img, blockquote a img {max-width: 490px}
  129.  
  130. b, strong{color:{color:bold};}
  131. i, em {color:{color:text};}
  132. p{margin-top:3px; margin-bottom:3px}
  133.  
  134. img a{border:none}
  135. .audio{background-color:#ffffff; display:block;}
  136. #audioimage img{float:left; width: 60px; border: 5px solid; color: {color:solid};max-width: 60px; height: auto;}
  137.  
  138. .user_1 .label {color:{color:lhover}; font-weight:bold}
  139. .user_2 .label {color:{color:text}; font-weight:bold}
  140. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  141.  
  142. .notes img{width:10px; position:relative; top:1px;}
  143. ol.notes, .notes li{list-style:none; margin:0px; padding:0px;}
  144. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important;}
  145.  
  146. </style>
  147. <style type="text/css">{CustomCSS}</style>
  148. </head>
  149.  
  150. <body>
  151. <div id="pagination">{block:PreviousPage}<a href="{PreviousPage}">«</a>&nbsp;{/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage}<a href="{NextPage}">»</a>{/block:NextPage}
  152. </div>
  153. <div id="icon">
  154. <img src="{PortraitURL-64}" width="64" height="64" class="imdava"></div>
  155. <div id="sidebar">
  156. <div id="title"><a href="/">{Title}</a></div>
  157. <div id="navigation">
  158. <a href="/">Home</a>
  159. <a href="/archive">archive</a>
  160. <a href="/ask">message</a>
  161. {block:Ifshowlinks}
  162. {block:IflinkOne}<a class="navigation" href="{text:linkOne}">{text:LinkOne Title}</a>{/block:IfLinkOne}
  163. {block:IfLinkTwo}<a class="navigation" href="{text:LinkTwo}">{text:LinkTwo Title}</a>{/block:IfLinkTwo}
  164. {block:IfLinkThree}<a class="navigation" href="{text:LinkThree}">{text:LinkThree Title}</a>{/block:IfLinkThree}
  165. {block:IfLinkFour}<a class="navigation" href="{text:LinkFour}">{text:LinkFour Title}</a>{/block:IfLinkFour}{/block:Ifshowlinks}
  166. <a href="http://stewlovers.tumblr.com/">© theme</a>
  167. </div>
  168. <div id="sidebarimg">
  169. <img src="{image:sidebar}"/></div>
  170. {block:Description}{Description}{/block:Description}<br>
  171. <br>
  172. </div></div>
  173. <br>
  174.  
  175.  
  176. <div id="entries">
  177. {block:Posts}
  178. <div id="posts">
  179. {block:Quote}<h2>"{Quote}"&nbsp; - {Source}</h2>{/block:Quote}
  180. {block:Title}<h1>{Title}&nbsp;</h1>{/block:Title}
  181. {block:Text}{Body}{/block:Text}
  182.  
  183. {block:Link}<a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  184. {block:Description}<P>{Description}</p>{/block:Description}{/block:Link}
  185.  
  186. {block:Photo}<center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  187. {block:Photoset}<center>{Photoset-500}</center>{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  188.  
  189. {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}
  190.  
  191. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  192.  
  193. {block:Answer}
  194. <div id="question"><b>{Asker}</b> Question: <br />{Question}</div>
  195. <div id="answer">{Answer}</div>{/block:Answer}
  196.  
  197. {block:Audio}<div id="audioimage">{block:AlbumArt}<img src="{AlbumArtURL}">{/block:AlbumArt}</div><span class="audio"><center>{AudioPlayerGrey}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}<br>
  198.  
  199.  
  200. <div id="photoinfo">
  201. {block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount} with  <a href="{Permalink}">{NoteCount} notes</a>{/block:NoteCount} {block:RebloggedFrom} via <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}
  202. {block:ContentSource}  © <a href="{SourceURL}">{SourceLink}</a>
  203. {/block:ContentSource}</div>
  204. <div id="tags">{block:HasTags}tags:{block:Tags} #<a href="{TagUrl}">{Tag}</a>{/block:Tags}{/block:HasTags}</div>
  205. {block:PostNotes}{PostNotes}{/block:PostNotes}
  206. </div>
  207.  
  208. </body>
  209. </html>