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

Stole Your Heart Theme

By: bieberarts on May 29th, 2012  |  syntax: None  |  size: 11.90 KB  |  hits: 799  |  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//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <!--
  4. "Stole Your Heart" theme made by kathia [http://bieberarts.tumblr.com/]
  5. Please don't remove the credit! :)
  6. -->
  7.  
  8. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  9.  
  10. <head>
  11.  
  12.     <!-- DEFAULT VARIABLES -->
  13. <meta name="color:text" content="#796451" />
  14. <meta name="color:title" content="#584534" />
  15. <meta name="color:link" content="#b39f8c" />
  16. <meta name="color:link hover" content="#796451" />
  17. <meta name="color:border" content="#b39f8c" />
  18. <meta name="color:line chat one" content="#fcfbfa" />
  19. <meta name="color:line chat two" content="#eee9dd" />
  20.      
  21. <meta name="color:background" content="#fcfbf7" />
  22.  
  23. <meta name="color:entry" content="#f8f4eb" />
  24. <meta name="color:sidebar" content="#f8f4eb" />
  25. <meta name="color:nav" content="#f8f4eb" />
  26.  
  27. <meta name="font:body text" content="arial" />
  28. <meta name="font:links" content="georgia" />
  29.  
  30. <meta name="image:background" content="" />
  31.  
  32. <meta name="image:portrait" content=""/>
  33. <meta name="image:background" content="" />
  34.  
  35. <meta name="text:Link1" content="" />
  36. <meta name="text:Link1 Title" content="" />
  37. <meta name="text:Link2" content="" />
  38. <meta name="text:Link2 Title" content="" />
  39. <meta name="text:Link3" content="" />
  40. <meta name="text:Link3 Title" content="" />
  41. <meta name="text:Link4" content="" />
  42. <meta name="text:Link4 Title" content="" />
  43.  
  44.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  45.     <title>{Title}</title>
  46.     {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  47.     <link rel="shortcut icon" href="{Favicon}" />
  48.     <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  49.     <style type="text/css">
  50.  
  51. ::-webkit-scrollbar-thumb:vertical {background-color:{color:border}; height:30px;}
  52. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:entry}; height:10px!important;}
  53. ::-webkit-scrollbar {background-color:{color:entry}; height:10px; width:14px;}
  54.  
  55.  
  56. @font-face {
  57.     font-family: 'StarsFromOurEyesRegular';
  58.     src: url('http://static.tumblr.com/2lqtwbf/GwJly7nlm/starsfromoureyes-webfont.eot');
  59.     src: url('http://static.tumblr.com/2lqtwbf/GwJly7nlm/starsfromoureyes-webfont.eot?#iefix') format('embedded-opentype'),
  60.          url('http://static.tumblr.com/2lqtwbf/8Obly7nj0/starsfromoureyes-webfont.ttf') format('truetype'),
  61.          url('http://static.tumblr.com/2lqtwbf/8NAly7nnb/starsfromoureyes-webfont.svg') format('svg');}
  62.  
  63.  
  64. body {color:{color:text}; background-color:{color:background}; background-image: url('{image:Background}'); background-attachment:fixed; font-family:{font:body text}; font-size:10px; line-height:110%; text-align:justify}
  65.  
  66. a:link, a:active, a:visited {color:{color:Link}; text-decoration:none; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out}
  67. a:hover {text-decoration:none; color:{color:Link hover}; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out}
  68.  
  69. ::selection {text-decoration:none; background-color:transparent; color:{color:link};}
  70.  
  71. small{font-size:10px; line-height:110%}
  72. big {font-size:14px; line-height:110%}
  73. b, strong{color:{color:text}}
  74. i, em {color:{color:title}}
  75. p{margin-top:5px; margin-bottom:5px}
  76. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:border};}
  77.  
  78. img a{border:none; width:100%}
  79.  
  80. #layout {width:905px; margin:45px 150px -10px 150px}
  81. #contents {float:right; width:500px; margin:-12px 30px 15px 0px}
  82. #entry {background-color:{color:Entry}; width:500px; margin: 5px 0 -3px 20px; padding:6px;}
  83.  
  84.  
  85. #otherbar {background-color:transparent; width:100px; height:110%; margin-left:40px; margin-top:-25px; position:fixed; overflow:hidden; border-left:0px solid; border-right:0px solid; padding:3px}
  86.  
  87. #portrait {margin-top:70px; margin-bottom:0px;}
  88. #portrait img {width: 90px; height:90px; border: 5px solid {color:nav};}
  89.  
  90. #olinks a {width:90px; display:block; background-color:{color:nav}; font:10px courier new; text-transform: uppercase; font-weight:bold; text-decoration: none; letter-spacing: 1px; text-align:center; padding:4px; margin-top:-1px; margin-bottom:-9px}
  91. #olinks a:hover {padding:4px 0px 4px 0px; opacity:0.8;}
  92. .olinks a{display:block; width:90px; font-size:10px; font-family:{font:links}; font-style:normal; line-height:38px; background-color:{color:link bar background}; color:{color:text}; text-align:center; padding:6px 0px 6px 0px; margin-left:3px; margin-bottom:1px; border-left:{color:Border} 0px solid; border-right:{color:Border} 0px solid;}
  93. .olinks a:hover {opacity:0.8;}
  94.  
  95. #title {width:192px; text-align:center; margin-top:-10px; margin-bottom:4px; color:{color:title}; font-family:'StarsFromOurEyesRegular'; font-size:12px; font-style:italic; letter-spacing:1px; line-height:13px; position:fixed; border-bottom: 0px solid {color:border};}
  96.  
  97. #sidebar {-moz-border-radius: 200px; border-radius: 200px; top: 137px; margin-left:173px; padding:0px; width: 180px; position:fixed;}
  98.  
  99. #sbar{-moz-border-radius: 200px; border-radius: 200px; background-color:{color:sidebar}; padding:5px; float:left; width:180px; margin-top:-20px; margin-bottom: 25px; text-align:center; border:0px solid {color:sbar};}
  100.  
  101. #pagination {margin-top:-5px; font-family:georgia; text-align:center; font-size:30px; text-transform:uppercase;}
  102.  
  103. #links {background-color:transparent; font-family:courier new; font-weight:bold; text-transform: uppercase; width:180px; margin-left:2px; margin-bottom:-5px; margin-top:-2px; padding:5px 0 6px 0; text-align:center;}
  104. #links a:hover {color:{color:link hover}; text-decoration:none;}
  105.  
  106. #desc {width:160px; text-align:center; font-family:{font:body text}; font-size: 10px; padding:1px; margin-left:10px; margin-top:4px;}
  107.  
  108. h1{color:{color:title}; font-family:courier new; font-size:15px; line-height:12px; letter-spacing:0px; font-weight:normal; font-style:normal; text-transform:none; margin:0px; padding:0px; text-align:left}
  109.  
  110. h2{color:{color:title}; font-family:courier new; font-size:13px; line-height:12px; letter-spacing:0px; font-weight:normal; text-transform:none; margin:0px; padding:0px; text-align:left}
  111.  
  112.  
  113. #info {background-color:{color:entry}; width:502px; margin:6px 0px 0px 0px; padding:5px; display:block; font-size:9px; letter-spacing:0px; text-transform:lowercase; margin-bottom:-6px; margin-top:3px; margin-left:-6px; border-top: 2px solid {color:background};}
  114. #info a {color:{color:link};}
  115. #info a:hover {color:{color:text};}
  116.  
  117. #tags {background-color:transparent; font-family:georgia; text-align:right; margin-top: 3px; margin-right:-23px; text-transform:lowercase; font-style:italic; font-size:9px;}
  118.  
  119. #km {padding:5px 5px 5px 5px}
  120. .qu {font-family:georgia; font-size:40px; font-weight:bold;  line-height:33px; opacity:0.7}
  121. .ote {margin-top:-34px; text-indent:25px; opacity:0.9}
  122.  
  123. .asker {width: 490px; background-color: {color:background}; padding: 5px 5px 7px 5px; font-size: 11px; font-weight: bold; color:{color:asker}; text-transform: uppercase; line-height: 11px;}
  124. .asker img{float: left; padding: 0px 5px 0px 0px;}
  125. .asker a{font-size: 11px; font-weight: bold; color:{color:link}; text-transform: uppercase; line-height: 11px; padding: 0; margin: 0}
  126. .asker a:hover{font-size: 11px; font-weight: bold; color:{color:link hover}; background-color: transparent; text-transform: lowercase; line-height:11px; padding: 0; margin: 0;}
  127.  
  128. .question {font-size: 10px; font-weight: bold; color:{color:text}; text-transform: none;}
  129. .answer {padding-left: 4px; padding-right: 4px; padding-top: 0px;}
  130. .answer img {max-width: 470px;}
  131.  
  132.  
  133. .credit {position:fixed; bottom:5px; right:1216px; font-size:10px; font-family:courier new; text-transform:uppercase; letter-spacing: 0px; font-style:normal};}
  134.  
  135.  
  136. .audio{background-color:black; display:block;}
  137.  
  138.  
  139. .post-chat {width: 500px; margin-bottom: 6px; background: {color:Post background};}
  140. .chat {list-style-type: none;}
  141. .odd {padding: 6px; background: {color:line chat one}; color: {color:Chat line one text};}
  142. .even {padding: 6px; background: {color:line chat two}; color: {color:Chat line two text};}
  143.  
  144. .user_1 .label {color:{color:border}; font-weight:bold}
  145. .user_2 .label {color:{color:title}; font-weight:bold}
  146. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  147.  
  148. #notes {font-weight:normal}
  149. #notes li {padding-bottom:0.5em}
  150. #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:16px; height:16px; border-radius:2px;}
  151.  
  152. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important; z-index:-1}
  153.  
  154.         </style>
  155.     <style type="text/css">{CustomCSS}</style>
  156. </head>
  157.  
  158. <body>
  159.  
  160. <div id="layout">
  161.  
  162. <div id="contents">
  163.  
  164. {block:Posts}
  165. <div id="entry">
  166.  
  167. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  168.  
  169. {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
  170.  
  171. {block:Link}<a href="{URL}"><h1>{Name} →</h1></a>
  172. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  173.  
  174. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  175. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  176.  
  177. {block:Photoset}<center>{Photoset-500}</center>
  178. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  179.  
  180. {block:Chat}
  181. <div class="post-chat">
  182. {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  183. {block:Lines}<div class="{Alt} user_{UserNumber}">
  184. {block:Label}<span class="label">{Label}</span>{/block:Label}
  185. {Line}</div>
  186. {/block:Lines}
  187. </div>
  188. {/block:Chat}
  189.  
  190. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  191.  
  192. {block:Answer}
  193. <div class="asker"><img src="{AskerPortraitURL-24}">{Asker}
  194. <div class="question">{Question}</div></div>
  195. <div class="answer">{Answer}</div>
  196. {/block:Answer}
  197.  
  198. {block:Audio}<div id="km">{block:AlbumArt}<img src="{AlbumArtURL}" width="170px" height="170px" align="left" style="margin-right:10px" />{/block:AlbumArt}{AudioPlayer}<br>
  199. {block:TrackName}<b>Track Name:</b> {TrackName}<br />{/block:TrackName}
  200. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  201. {block:Caption}{Caption}{/block:Caption}<br clear="all" /></div> {/block:Audio}
  202.  
  203. <div id="info">{block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date}{block:NoteCount}, with <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount} <div style="float:right">{block:RebloggedFrom}via <a href="{ReblogParentURL}"><a href="{ReblogParentURL}">{ReblogParentName}</a> | {/block:RebloggedFrom}{block:ContentSource} © <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div></div></div>
  204. <div id="tags">{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div><BR>
  205. {/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  206.  
  207.  
  208. <div id="otherbar">
  209. <div align="center" id="portrait"><a href="/"><img src="{image:portrait}" /></a></div>
  210.  
  211. <div align="center" id="olinks"><div class="olinks">
  212. <a href="/">home</a><br />
  213. <a href="/ask">message</a><br />
  214. <a href="/archive">archive</a><br />
  215. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}<br />
  216. </div></div>
  217. <br>
  218. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">« </a>{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"> »</a>{/block:NextPage}{/block:Pagination}</div>
  219. </div>
  220.  
  221.  
  222.  
  223. <div id="sidebar">
  224. <div id="title">{Title}</div>
  225. <div id="sbar">
  226. <a href="/"><img src="{image:sidebar}" /></a><br />
  227.  
  228. <div id="desc">{Description}
  229. </div>
  230.  
  231. <div id="links">
  232. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  233. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  234. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  235. </div>
  236.  
  237. <div class="credit"><a href="http://bieberarts.tumblr.com/tagged/themes">© theme</a></div></div></div>
  238. </div>
  239.  
  240. </div>
  241. </div>
  242. </div>
  243. </div>
  244.  
  245. </body>
  246. </html>
create a new version of this paste RAW Paste Data