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

Our Song Theme

By: bieberarts on Apr 14th, 2012  |  syntax: None  |  size: 12.77 KB  |  hits: 1,455  |  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. "Our Song" 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:scrollbar" content="#B39F8C" />
  17. <meta name="color:link hover" content="#796451" />
  18. <meta name="color:border" content="#B39F8C" />
  19. <meta name="color:line chat one" content="#fcfbfa" />
  20. <meta name="color:line chat two" content="#f1ece6" />
  21.      
  22. <meta name="color:background" content="#DBD5CB" />
  23. <meta name="color:info" content="#F5F1E9" />
  24. <meta name="color:link bar background" content="#F5F1E9" />
  25.  
  26. <meta name="color:entry" content="#E7E1D6" />
  27. <meta name="color:sidebar" content="#E7E1D6" />
  28.  
  29. <meta name="font:body text" content="georgia" />
  30. <meta name="font:links" content="georgia" />
  31.  
  32. <meta name="image:sidebar" content=""/>
  33. <meta name="image:background" content="" />
  34.  
  35.  
  36.      <!-- CUSTOMIZABLE LINKS -->
  37. <meta name="text:nav link 1" content="link 1" />
  38. <meta name="text:nav link 1 url" content="/" />
  39. <meta name="text:nav link 2" content="link 2" />
  40. <meta name="text:nav link 2 url" content="/" />
  41. <meta name="text:nav link 3" content="link 3" />
  42. <meta name="text:nav link 3 url" content="/" />
  43. <meta name="text:nav link 4" content="link 4" />
  44. <meta name="text:nav link 4 url" content="/" />
  45.  
  46.  
  47.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  48.     <title>{Title}</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.     <style type="text/css">
  53.  
  54. ::-webkit-scrollbar-thumb:vertical {background-color:{color:scrollbar}; height:30px;}
  55. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:entry}; height:10px!important;}
  56. ::-webkit-scrollbar {background-color:{color:entry}; height:10px; width:15px;}
  57.  
  58. @font-face {
  59.     font-family: 'StarsFromOurEyesRegular';
  60.     src: url('http://static.tumblr.com/2lqtwbf/GwJly7nlm/starsfromoureyes-webfont.eot');
  61.     src: url('http://static.tumblr.com/2lqtwbf/GwJly7nlm/starsfromoureyes-webfont.eot?#iefix') format('embedded-opentype'),
  62.          url('http://static.tumblr.com/2lqtwbf/8Obly7nj0/starsfromoureyes-webfont.ttf') format('truetype'),
  63.          url('http://static.tumblr.com/2lqtwbf/8NAly7nnb/starsfromoureyes-webfont.svg') format('svg');}
  64.  
  65. 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}
  66.  
  67. 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}
  68. 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}
  69.  
  70. ::selection {text-decoration:none; background-color:transparent; color:{color:border};}
  71.  
  72. small{font-size:9px; line-height:110%}
  73. big {font-size:14px; line-height:110%}
  74. b, strong{color:{color:text}}
  75. i, em {color:{color:title}}
  76. p{margin-top:5px; margin-bottom:5px}
  77. blockquote {padding:0px; padding-left:5px; margin:5px; border-left:2px solid {color:border};}
  78.  
  79. img a{border:none; width:100%}
  80.  
  81.  
  82. #arrow1 {position:fixed; top:280px; margin-left:85px;}
  83. #arrow1 a{color:{color:pagination}; font:80px georgia; line-height:90%;}
  84.  
  85. #arrow2 {position:fixed; top:280px; float:right; right:85px;}
  86. #arrow2 a{color:{color:pagination}; font:80px georgia; line-height:90%;}
  87.  
  88.  
  89. #layout {width:905px; margin:45px 150px -10px 150px}
  90. #contents {float:right; width:500px; margin:-12px 55px 0px 0px}
  91. #entry {background-color:{color:Entry}; width:500px; margin: 5px 0 -3px 20px; padding:6px;}
  92.  
  93.  
  94. #title {width:250px; margin-top:-28px; margin-bottom:0px; color:{color:title}; font-family: 'StarsFromOurEyesRegular'; text-align:center; font-size:14px; font-style:italic; text-transform:lowercase; letter-spacing:1px; line-height:13px; position:fixed; border-bottom: 0px solid {color:border};}
  95.  
  96. #sidebar {top: 100px; margin-left:90px; padding:0px; height:auto; width: 230px; position:fixed;}
  97.  
  98. #sbar{background-color:{color:sidebar}; padding:5px; float:left; height:110%; width:230px; margin-top:-20px; margin-bottom: 25px; text-align:center;}
  99.  
  100. #sidebar img{max-width:224px; margin-left:0px; margin-bottom:12px; margin-top:2px;}
  101.  
  102. #links {background-color:{color:link bar background}; width:226px; margin-left:2px; margin-bottom:-3px; margin-top:-7px; padding:5px 0 6px 0; text-align:center;}
  103. .lnks a {color:{color:title}; font-family:{font:Links}; font-size:10px; font-weight:normal; font-style:normal; -moz-border-radius: 2px; border-radius: 2px; text-shadow: 0px 0px 0px #B39F8C;}
  104. .lnks a:hover {color:{color:title}; text-decoration:none; text-shadow: 0px 0px 3px #B39F8C;}
  105.  
  106. .nanananav {background-color: {color:link bar background}; width:226px; margin-left: 2px; padding:5px 0 6px 0; font-family: georgia; color:{color:title}; text-align:center; display:block; margin-top: -1px; margin-bottom: 3px;}
  107.  
  108. .lilililinks {width:224px; padding: 8px; font-family: georgia; background-color: {color:sidebar};  text-align:center; opacity:0; position:absolute; display:block!important; margin-bottom:2px!important;  -moz-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; -webkit-transition: opacity .5s ease-in-out; border-left: 0px solid #fff; border-right: 0px solid #fff; border-bottom: 0px solid #fff; margin-left: -7px; margin-top:8px;}
  109.  
  110. .lilililinks a{display:block; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; background-color: {color:link bar background}; width: 214px; margin-bottom: 1px; padding: 5px; margin-left:0px;}
  111.  
  112. .nanananav:hover .lilililinks {opacity:1; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out;}
  113.  
  114. .lilililinks a:hover {opacity:0.7; color: {color:text}; -moz-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out; transition: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; text-shadow: 0px 0px 3px #B39F8C;}
  115.  
  116. #desc {text-align:center; font-family:{font:body text}; font-size: 10px; padding:1px; margin-top:12px;}
  117.  
  118. h1{color:{color:title}; font-family:georgia; font-size:13px; line-height:12px; letter-spacing:1px; font-weight:normal; font-style:normal; text-transform:none; margin:0px; padding:0px; text-align:left}
  119.  
  120. h2{color:{color:title}; font-family:georgia; font-size:13px; line-height:12px; letter-spacing:0px; font-weight:normal; text-transform:none; margin:0px; padding:0px; text-align:left}
  121.  
  122.  
  123. #info {background-color:{color:info}; margin:6px 0px 0px 0px; padding:3px; display:block; font-size:10px; letter-spacing:0px; text-transform:lowercase; margin-bottom:0px; margin-top:3px; border-right: 3px solid {color:border};}
  124. #info a {color:{color:link};}
  125. #info a:hover {color:{color:text};}
  126.  
  127. #tags {background-color:transparent; font-family:{font:links}; text-align:left; margin-top: 3px; margin-left:27px; text-transform:lowercase; font-size:9px;}
  128.  
  129. .credit {position:fixed; bottom:14px; left:20px; font-size:10px; font-family:georgia; text-transform:uppercase; letter-spacing: 0px; font-style:normal} }
  130.  
  131. #aud {padding:5px 5px 5px 5px}
  132. .qu {font-family:georgia; font-size:40px; font-weight:bold;  line-height:33px; opacity:0.7}
  133. .ote {margin-top:-34px; text-indent:25px; opacity:0.9}
  134.  
  135.  
  136. .asker {width: 490px; background-color: {color:info}; padding: 5px 5px 7px 5px; font-size: 11px; font-weight: bold; color:{color:asker}; text-transform: lowercase; line-height: 11px;}
  137. .asker img{float: left; padding: 0px 5px 0px 0px;}
  138. .asker a{font-size: 11px; font-weight: bold; color:{color:link}; text-transform: lowercase; line-height: 11px; padding: 0; margin: 0}
  139. .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;}
  140.  
  141. .question {font-size: 10px; font-weight: normal; color:{color:text}; text-transform: none;}
  142. .answer {padding-left: 4px; padding-right: 4px; padding-top: 0px;}
  143. .answer img {max-width: 470px;}
  144.  
  145.  
  146. .audio{background-color:#108ba5; display:block;}
  147.  
  148.  
  149. .post-chat {width: 500px; margin-bottom: 0px; background: {color:Post background};}
  150. .chat {list-style-type: none;}
  151. .odd {padding: 4px; background: {color:line chat one}; color: {color:Chat line one text};}
  152. .even {padding: 4px; background: {color:line chat two}; color: {color:Chat line two text};}
  153.  
  154. .user_1 .label {color:{color:text}; font-weight:bold}
  155. .user_2 .label {color:{color:title}; font-weight:bold}
  156.  
  157. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  158.  
  159. #notes {font-weight:normal}
  160. #notes li {padding-bottom:0.5em}
  161. #notes li img.avatar {vertical-align:-4px; margin-right:5px; width:16px; height:16px; border-radius:5px;}
  162.  
  163. iframe input, iframe submit, iframe textarea, iframe div, iframe table {background-color:transparent!important; z-index:-1}
  164.  
  165.         </style>
  166.     <style type="text/css">{CustomCSS}</style>
  167. </head>
  168.  
  169. <body>
  170. {block:Pagination}
  171. <div id="arrow1">
  172. {block:PreviousPage}
  173. <a href="{PreviousPage}">«</a>
  174. {/block:PreviousPage}
  175. </div>
  176. {/block:Pagination}
  177.  
  178.  
  179. <div id="layout">
  180.  
  181. <div id="contents">
  182.  
  183. {block:Posts}
  184. <div id="entry">
  185.  
  186. {block:Text}{block:Title}<h1>{Title}</h1>{/block:Title}{Body}{/block:Text}
  187.  
  188. {block:Quote}<h2>“{Quote}” — {Source}</h2>{/block:Quote}
  189.  
  190. {block:Link}<a href="{URL}"><h1>{Name} →</h1></a>
  191. {block:Description}<p>{Description}</p>{/block:Description}{/block:Link}
  192.  
  193. {block:Photo}<center><img src="{PhotoURL-500}"/></center>
  194. {block:Caption}{Caption}{/block:Caption}{/block:Photo}
  195.  
  196. {block:Photoset}<center>{Photoset-500}</center>
  197. {block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  198.  
  199. {block:Chat}
  200.    <div class="post-chat">
  201.    {block:Title}<h1><a href="{Permalink}">{Title}</a></h1>{/block:Title}
  202.       {block:Lines}<div class="{Alt} user_{UserNumber}">
  203.      {block:Label}<span class="label">{Label}</span>{/block:Label}
  204.       {Line}</div>
  205.  {/block:Lines}
  206.    </div>
  207. {/block:Chat}
  208.  
  209. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  210.  
  211. {block:Answer}
  212. <div class="asker"><img src="{AskerPortraitURL-24}">{Asker}
  213. <div class="question">{Question}</div></div>
  214. <div class="answer">{Answer}</div>
  215. {/block:Answer}
  216.  
  217. {block:Audio}<div id="aud">{block:AlbumArt}<img src="{AlbumArtURL}" width="170px" height="170px" align="left" style="margin-right:10px" />{/block:AlbumArt}{AudioPlayerBlack}<br>
  218. {block:TrackName}<b>Track Name:</b> {TrackName}<br />{/block:TrackName}
  219. {block:Artist}<b>Artist:</b> {Artist}<br />{/block:Artist}
  220. {block:Caption}{Caption}{/block:Caption}<br clear="all" /></div> {/block:Audio}
  221.  
  222. <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>
  223. <div id="tags">{block:HasTags}{block:Tags} #<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</div><BR>
  224. {/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}</div>
  225.  
  226.  
  227. <div id="sidebar">
  228. <div id="title">{Title}</div>
  229. <div id="titletwo"></div>
  230. <div id="sbar">
  231. <img src="{image:sidebar}" /><br />
  232.  
  233.  
  234. <div id="links"><div class="lnks">
  235. &nbsp;&nbsp;&nbsp;<a href="/">refresh</a> &nbsp;&nbsp;&nbsp;
  236. &nbsp;&nbsp;&nbsp;<a href="/ask">message</a> &nbsp;&nbsp;&nbsp;
  237. &nbsp;&nbsp;&nbsp;<a href="/archive">archive</a> &nbsp;&nbsp;&nbsp;
  238. </div>
  239. </div>
  240.  
  241.  
  242. <div id="desc">{Description}<br /><br />
  243. </div>
  244.  
  245.  
  246. <div class="nanananav">navigate
  247.  <div class="lilililinks">
  248.   <a href="{text:nav link 1 url}">{text:nav link 1}</a>
  249.   <a href="{text:nav link 2 url}">{text:nav link 2}</a>
  250.   <a href="{text:nav link 3 url}">{text:nav link 3}</a>
  251.   <a href="{text:nav link 4 url}">{text:nav link 4}</a>
  252.  </div></div>
  253.  
  254. {block:Pagination}
  255. <div id="arrow2">
  256. {block:NextPage}
  257. <a href="{NextPage}">»</a>
  258. {/block:NextPage}
  259. </div>
  260. {/block:Pagination}
  261. </div>
  262. </div>
  263. </div>
  264.  
  265.  
  266. <div class="credit"><a href="http://bieberarts.tumblr.com/tagged/themes">© theme</a></div></div></div>
  267.  
  268. </body>
  269. </html>
create a new version of this paste RAW Paste Data