API tools faq
paste
Advertisement
roxyrichter

theme 023 - heartlines

roxyrichter
Sep 23rd, 2012
22,047
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.44 KB | None | 0 0
raw download clone embed print report
  1. <!-- theme 023 by Stella (@tashabartons)
  2. editing is fine, but please don't remove my credits!
  3. enjoy! :3 -->
  4.  
  5. <html><head>
  6.  
  7. <!-- DEFAULT VARIABLES -->
  8. <meta name="color:background" content="#e7e2de" />
  9. <meta name="color:sidebar bar" content="#f1eeec" />
  10. <meta name="color:sidebar bar border" content="#fcf9f7" />
  11. <meta name="color:sidebar" content="#fcf9f7" />
  12. <meta name="color:sidebar img border" content="#f1eeec" />
  13. <meta name="color:pagination" content="#f1eeec" />
  14. <meta name="color:navlinks" content="#f1eeec" />
  15. <meta name="color:navlinks hover" content="#fcf9f7" />
  16. <meta name="color:entries" content="#f1eeec" />
  17. <meta name="color:info notebox" content="#fcf9f7" />
  18. <meta name="color:info datebox" content="#f1eeec" />
  19. <meta name="color:info icon borders" content="#f1eeec" />
  20. <meta name="color:info reblog" content="#f1eeec" />
  21. <meta name="color:tags" content="#e7e2de" />
  22. <meta name="color:title" content="#a87474" />
  23. <meta name="color:text" content="#aa9797" />
  24. <meta name="color:link" content="#cf8989" />
  25. <meta name="color:question" content="#fcf9f7" />
  26.  
  27. <meta name="font:title" content="georgia" />
  28. <meta name="font:body" content="georgia" />
  29.  
  30. <meta name="image:sidebar" content="" />
  31. <meta name="image:sidebar bg" content="" />
  32. <meta name="image:background" content="" />
  33.  
  34. <meta name="if:lowercase tags" content="1" />
  35. <meta name="if:show sidebar image" content="1" />
  36. <meta name="if:tile sidebar bg" content="1" />
  37. <meta name="if:show quick reblog" content="1" />
  38. <meta name="if:12 hour clock" content="1" />
  39.  
  40. <meta name="text:first title" content="this is your main title" />
  41. <meta name="text:second title" content="this is your subtitle" />
  42. <meta name="text:text size" content="10" />
  43.  
  44. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  45. <link href='http://fonts.googleapis.com/css?family=Niconne' rel='stylesheet' type='text/css'>
  46.  
  47. <title>{Title}</title>
  48.  
  49. <link rel="shortcut icon" href="{Favicon}">
  50. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  51. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  52.  
  53. <style type="text/css">
  54.  
  55. body {color:{color:text}; text-align:justify; font-size:{text:text size}px; font-family:{font:body}; background-color:{color:background}; background-image:url('{image:background}'); background-attachment:fixed}
  56.  
  57. a {color:{color:link}; text-decoration:none}
  58. a:hover {color:{color:text}; border-bottom:1px solid {color:link}}
  59.  
  60. #entries {position:absolute; width:520px; margin-left:390px; margin-top:10px}
  61. #posts {background-color:{color:entries}; padding:10px}
  62.  
  63. #sbarbar {float:left; position:fixed; width:300px; height:100%; margin-left:-8px; margin-top:-8px; background-color:{color:sidebar bar}; background-image:url('{image:sidebar bg}'); background-attachment:fixed; {block:ifnottilesidebarbg}background-size:300px auto; background-position:bottom left; background-repeat:no-repeat;{block:ifnottilesidebarbg} border-right:5px solid {color:sidebar bar border}}
  64. #sidebar {float:center; margin-left:30px; margin-top:90px; position:fixed; width:220px; height:auto; overflow:hidden; padding:6px 8px 6px 8px; background-color:{color:sidebar}}
  65. #sbartitle1 {text-align:center; color:{color:title}; font-family:'Niconne'; font-size:24px; margin-bottom:-3px}
  66. #sbartitle2 {text-align:center; color:{color:text}; font-family:{font:title}; font-size:10px; letter-spacing:2px; font-style:italic; margin-bottom:5px}
  67. .sbarimg {margin-top:2px; z-index:4}
  68. .sbarimg img {max-width:200px; height:auto; text-align:center; border:5px solid {color:sidebar img border}; margin-bottom:1px}
  69. #sbartext {margin-left:5px; margin-right:5px; font-family:{font:body}; font-size:10px; color:{color:text}; text-align:justify; font-style:normal; margin-bottom:2px}
  70.  
  71. #sbarnav {margin-left:5px; margin-bottom:5px}
  72. #sbarnav a {width:51px; height:12px; line-height:12px; font-family:{font:body}; font-size:9px; font-style:italic; text-transform:lowercase; text-align:center; padding:3px 0 3px 0; display:inline-block; margin-top:1px; margin-bottom:1px; letter-spacing:1px; background-color:{color:navlinks}; color:{color:text}; -webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out}
  73. #sbarnav a:hover {border:none; background-color:{color:navlinks hover}; letter-spacing:2px; -webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out}
  74.  
  75. #pagination {text-align:center; line-height:20px; font-family:{font:body}; font-size:10px; margin-top:6px}
  76. #pagination a {background-color:{color:pagination}; padding: 2px 4px 2px 4px; color:{color:text}}
  77. #pagination a:hover {border:none; background-color:transparent; color:{color:text}}
  78.  
  79. #title1 {font-size:14px; font-family:{font:title}; color:{color:title}; font-style:italic}
  80. #title2 {font-size:14px; font-family:{font:title}; color:{color:title}; font-style:italic}
  81.  
  82. #infoside {position:absolute; margin-left:528px}
  83. .notebox {margin-bottom:5px; width:96px; text-transform:lowercase; text-align:center; font-family:Georgia; font-size:9px; letter-spacing:1px; padding:5px 0 2px 0; background-color:{color:info notebox}; display:block}
  84. .datebox {margin-bottom:5px; width:96px; text-align:center; font:9px Georgia; letter-spacing:1px; line-height:140%; padding:3px 0 3px 0; background-color:{color:info datebox}}; display:block}
  85. .datebox a {color:{color:link}}
  86. .datebox a:hover {border:none}
  87. .reblogged {display:block}
  88. .reblogged img {border:8px solid {color:info icon borders}; margin-bottom:3px}
  89. .reblogged a:hover {border:none}
  90. .quick {width:96px; text-transform:lowercase; text-align:center; font:9px Georgia; letter-spacing:1px; padding:3px 0 3px 0; background-color:{color:info reblog}; display:block; -webkit-transition: opacity 0.8s linear;opacity: 1;-webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out}
  91. .quick a:hover {border:none; letter-spacing:2px; -webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;transition: all 0.3s ease-out}
  92.  
  93. #tags {width:510px; padding:5px; background-color:{color:tags}; color:{color:text}; font:9px {font:body}; {block:iflowercasetags}text-transform:lowercase;{/block:iflowercasetags} text-align:center; letter-spacing:1px; font-style:italic; opacity:0.7; -webkit-transition:opacity 0.8s linear; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out; transition:all 0.5s ease-out}
  94. #tags:hover {opacity:1; -webkit-transition: opacity 0.8s linear; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out}
  95. #tags a {color:{color:link}}
  96. #tags a:hover {color:{color:text}}
  97.  
  98. .user_1 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  99. .user_2 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  100. .user_3 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  101. .user_4 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  102. .user_5 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  103. .user_6 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  104. .user_7 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  105. .user_8 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  106. .user_9 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  107. .user_10 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  108.  
  109. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px}
  110.  
  111. #asks {text-align:center; padding:8px; background-color:{color:question}}
  112. .asker {margin-bottom:-8px; font-size:11px; letter-spacing:1px; font-style:italic}
  113. #answers {margin-left:3px; margin-top:8px}
  114.  
  115. #audios {width:100%; height:100px; margin-bottom:5px}
  116. .albumart {float:left; width:100px; height:100px}
  117. .player {width:25px; height:25px; margin-top:34px; margin-left:33px; overflow:hidden; position:absolute; padding:3px; opacity:0.4; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition:all 0.5s ease-in-out}
  118. .player:hover {opacity:0.7; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition:all 0.5s ease-in-out}
  119. .audioinfo {margin-left:110px; line-height:150%; font-family:{font:body}; font-size:10px}
  120.  
  121. #source {margin-top:3px; text-align:right; font-size:10px}
  122.  
  123. b, strong {color:{color:title}}
  124. i, em {color:{color:text}}
  125. p {margin-top:5px; margin-bottom:5px}
  126. blockquote {border-left:2px solid {color:text}; padding-left:5px; margin:0px 2px 0px 10px}
  127.  
  128. </style>
  129. </head>
  130.  
  131. <body>
  132.  
  133. <div id="sbarbar">
  134. <div id="sidebar">
  135. <div id="sbartitle1">{text:first title}</div>
  136. <div id="sbartitle2">{text:second title}</div>
  137. {block:ifshowsidebarimage}<div class="sbarimg" align="center"><img src="{image:sidebar}" /></div>{/block:ifshowsidebarimage}
  138. <div id="sbarnav">
  139. <a href="/">home</a>
  140. <a href="/ask">askbox</a>
  141. <a href="/archive">archive</a>
  142. <a href="http://tashabartons.tumblr.com/mythemes">theme</a></div>
  143. <div id="sbartext">{block:Description}{Description}{/block:Description}</div>
  144. <div id="pagination">{block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage} {block:JumpPagination length="4"}&nbsp;&nbsp;{block:CurrentPage}{PageNumber}{/block:CurrentPage}&nbsp;{block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination} {block:NextPage}<a href="{NextPage}">&raquo;</a> {/block:NextPage}{/block:Pagination}</div>
  145. </div>
  146. </div>
  147.  
  148. <div id="entries">{block:Posts}
  149.  
  150. <div id="infoside">
  151. {block:NoteCount}<div class="notebox"><sub><big>♡</big></sub> {NoteCountWithLabel}</div>{/block:NoteCount}
  152. {block:Date}<div class="datebox"><a href="{Permalink}">{ShortMonth} {DayofMonth}, {ShortYear}<br>@ {block:if12hourclock}{12Hour}:{Minutes} {AMPM}{/block:if12hourclock}{block:ifnot12hourclock}{24Hour}:{Minutes}{/block:ifnot12hourclock}</a></div>{/block:Date}
  153. <div class="reblogged">{block:RebloggedFrom}<a href="{ReblogParentURL}"><img src="{ReblogParentPortraitURL-64}" width="30px" /></a>&nbsp;&nbsp;{block:ContentSource}<a href="{SourceURL}"><img src="{ReblogRootPortraitURL-64}" width="30px" /></a>{block:ContentSource}{/block:RebloggedFrom}</div>
  154. {block:ifshowquickreblog}<div class="quick"><a href="{ReblogURL}" target="_blank">&rarr; reblog</a></div>{/block:ifshowquickreblog}
  155. </div>
  156.  
  157. <div id="posts">
  158.  
  159. {block:Quote}
  160. <div id="title2">"{Quote}"</div>
  161. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  162. {/block:Quote}
  163.  
  164. {block:Title}<div id="title1">{Title}</div>{/block:Title}
  165. {block:Text}{Body}{/block:Text}
  166.  
  167. {block:Link}
  168. <div id="title1"><a href="{URL}" class="link" {Target}>&rarr; {Name}</a></div>
  169. {block:Description}<div class="description">{Description}</div>{/block:Description}
  170. {/block:Link}
  171.  
  172. {block:Photo}
  173. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  174. {block:Caption}{Caption}{/block:Caption}
  175. {/block:Photo}
  176.  
  177. {block:Photoset}
  178. <center>{Photoset-500}</center>
  179. {block:Caption}{Caption}{/block:Caption}
  180. {/block:Photoset}
  181.  
  182. {block:Chat}
  183. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  184. {/block:Chat}
  185.  
  186. {block:Video}
  187. {Video-500}
  188. {block:Caption}{Caption}{/block:Caption}
  189. {/block:Video}
  190.  
  191. {block:Answer}
  192. <div id="asks"><div class="asker">{Asker} inquired:</div>
  193. <br>{Question}</div>
  194. <div id="answers">{Answer}</div>
  195. {/block:Answer}
  196.  
  197. {block:Audio}
  198. <div id="audios">
  199. <div class="player">{AudioPlayerWhite}</div>
  200. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  201. <div class="audioinfo"><br>
  202. <b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  203. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<br>
  204. <b>Album:</b> {block:Album}{Album}{/block:Album}<br>
  205. <b>Played:</b> {PlayCount} times</div></div>
  206. {block:Caption}{Caption}{/block:Caption}
  207. {/block:Audio}
  208.  
  209. </div>
  210.  
  211. {block:HasTags}<div id="tags">{block:Tags}#<a href="{TagUrl}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  212.  
  213. <BR><BR><BR>
  214. {/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  215.  
  216. </div>
  217. </div>
  218.  
  219. </body>
  220. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!