API tools faq
paste
roxyrichter

theme 024 - warm whispers

roxyrichter
Oct 5th, 2012
9,296
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.71 KB | None | 0 0
raw download clone embed print report
  1. <!-- theme 024 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="#f5e8d3" />
  9. <meta name="color:sidebar border" content="#ecddc3" />
  10. <meta name="color:sidebar img border" content="#ecddc3" />
  11. <meta name="color:sidebar img line" content="#d5b888" />
  12. <meta name="color:navlinks" content="#ecddc3" />
  13. <meta name="color:navlinks hover" content="#f5e8d3" />
  14. <meta name="color:navlinks border" content="#d5b888" />
  15. <meta name="color:entries" content="#ecddc3" />
  16. <meta name="color:entries border" content="#d5b888" />
  17. <meta name="color:info" content="#f0e5d9" />
  18. <meta name="color:title" content="#f5e8d3" />
  19. <meta name="color:text" content="#554411" />
  20. <meta name="color:link" content="#6a9133" />
  21. <meta name="color:question" content="#f5e8d3" />
  22.  
  23. <meta name="image:sidebar" content="" />
  24.  
  25. <meta name="if:show title" content="1" />
  26. <meta name="if:show archive link" content="1" />
  27. <meta name="if:thicker posts" content="1" />
  28. <meta name="if:lowercase tags" content="1" />
  29.  
  30. <meta name="text:link1" content="" />
  31. <meta name="text:link1 title" content="" />
  32. <meta name="text:link2" content="" />
  33. <meta name="text:link2 title" content="" />
  34. <meta name="text:link3" content="" />
  35. <meta name="text:link3 title" content="" />
  36. <meta name="text:link4" content="" />
  37. <meta name="text:link4 title" content="" />
  38. <meta name="text:link5" content="" />
  39. <meta name="text:link5 title" content="" />
  40. <meta name="text:link6" content="" />
  41. <meta name="text:link6 title" content="" />
  42.  
  43. <meta name="text:sidebar title" content="custom title goes here" />
  44.  
  45. <title>{Title}</title>
  46.  
  47. <link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  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:10px lora; background-color:{color:background}}
  56.  
  57. a {color:{color:link}; text-decoration:none}
  58. a:hover {color:{color:text}; border-bottom:1px solid {color:link}}
  59. b, strong {color:{color:title}}
  60. i, em {color:{color:text}}
  61. p {margin-top:5px; margin-bottom:5px}
  62. blockquote {border-left:2px solid {color:text}; padding-left:5px; margin:0px 4px 0px 10px}
  63.  
  64. #sidebar {float:left; margin-left:120px; margin-top:100px; position:fixed; width:220px; height:auto; overflow:hidden; padding:0 0 2px 10px; background-color:transparent; border-left:3px solid {color:sidebar border}}
  65. .sbarimg {margin-top:1px}
  66. .sbarimg img {max-width:200px; height:auto; text-align:center; border:1px solid {color:sidebar img line}; padding:9px; background:{color:sidebar img border}; margin-bottom:10px}
  67. #sbartitle {font:14px lora; color:{color:title}; font-style:italic; font-weight:bold; text-align:center; margin-bottom:10px}
  68. #sbartext {font:10px lora; color:{color:text}; text-align:justify; margin-bottom:15px}
  69.  
  70. .jump_page {padding:2px 4px; border:1px solid {color:sidebar img line}; background-color:{color:sidebar img border}; color:{color:link}; font:9px lora}
  71. .current_page {padding:2px 4px; border:1px solid {color:sidebar img line}; background-color:{color:sidebar img border}; color:{color:title}; font:9px lora; font-weight:bold}
  72. .jump_page:hover {border:1px solid {color:sidebar img line}}
  73.  
  74. #navbar {float:left; position:fixed; background-color:transparent; margin-left:4px}
  75. #icon {position:fixed; height:64px; width:64px; margin-left:10px; margin-top:101px; border:1px solid {color:navlinks border}; padding:15px; background:{color:navlinks}}
  76. #nlinks {margin-top:199px}
  77. #nlinks a {width:86px; line-height:18px; display:block; background-color:{color:navlinks}; margin:0px 0px -10px 10px; font:9px lora; text-transform:lowercase; font-style:italic; color:{color:text}; letter-spacing:2px; text-align:center; padding:4px; border:1px solid {color:navlinks border}; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out}
  78. #nlinks a:hover {background-color:{color:navlinks hover}; color:{color:link}; letter-spacing:3px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out}
  79.  
  80. #entries {position:absolute; {block:ifnotthickerposts}width:522px;{/block:ifnotthickerposts} {block:ifthickerposts}width:532px;{/block:ifthickerposts} margin-left:420px; margin-top:10px}
  81. #posts {background-color:{color:entries}; {block:ifnotthickerposts}padding:10px;{/block:ifnotthickerposts} {block:ifthickerposts}padding:15px;{/block:ifthickerposts} border:1px solid {color:entries border}}
  82. #posts:hover #tags {opacity:1; display:block}
  83.  
  84. #title1 {font:14px lora; color:{color:title}; font-style:italic}
  85. #title2 {font:14px lora; color:{color:title}; font-style:italic}
  86.  
  87. #info {width:500px; padding-top:4px; background-color:transparent; border-top:3px solid {color:info}; color:{color:text}; font:9px lora; line-height:110%; text-align:left; letter-spacing:1px; margin-top:5px; 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}
  88. #info: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}
  89. #info a {color:{color:link}}
  90. #info a:hover {color:{color:text}}
  91. .rblgd {float:right}
  92.  
  93. #tags {position:absolute; width:235px; background-color:transparent; margin-left:525px; color:{color:text}; font:9px lora; {block:iflowercasetags}text-transform:lowercase;{/block:iflowercasetags} text-align:left; letter-spacing:1px; font-style:italic; opacity:0; -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s}
  94. #tags a {color:{color:link}; line-height:20px; background-color:{color:entries}; padding:3px; border:1px solid {color:entries border}}
  95. #tags a:hover {color:{color:text}}
  96. .num {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; margin-bottom:5px; font-size:10px}
  122.  
  123. </style>
  124. </head>
  125.  
  126. <body>
  127.  
  128. <div id="navbar">
  129. <div id="icon"><img src="{PortraitURL-64}"></div>
  130. <div id="nlinks">
  131. <a href="/">home</a><br>
  132. <a href="/ask">message</a><br>
  133. {block:ifshowarchivelink}<a href="/archive">archive</a><br>{/block:ifshowarchivelink}
  134. {block:iflink1}<a href="{text:link1}">{text:link1 title}</a><br>{/block:iflink1}
  135. {block:iflink2}<a href="{text:link2}">{text:link2 title}</a><br>{/block:iflink2}
  136. {block:iflink3}<a href="{text:link3}">{text:link3 title}</a><br>{/block:iflink3}
  137. {block:iflink4}<a href="{text:link4}">{text:link4 title}</a><br>{/block:iflink4}
  138. {block:iflink5}<a href="{text:link5}">{text:link5 title}</a><br>{/block:iflink5}
  139. {block:iflink6}<a href="{text:link6}">{text:link6 title}</a><br>{/block:iflink6}
  140. <a href="http://tashabartons.tumblr.com/mythemes">theme</a></div>
  141. </div>
  142.  
  143.  
  144. <div id="sidebar">
  145. <div class="sbarimg" align="center"><img src="{image:sidebar}" /></div>
  146. {block:ifshowtitle}<div id="sbartitle">{text:sidebar title}</div>{/block:ifshowtitle}
  147. <div id="sbartext">{block:Description}{Description}{/block:Description}</div>
  148. {block:Pagination}<center>
  149. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  150. {block:JumpPagination length="5"}
  151. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  152. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  153. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}</center>
  154. {/block:Pagination}
  155. </div>
  156.  
  157. <div id="entries">{block:Posts}<div id="posts">
  158.  
  159. {block:HasTags}<div id="tags">
  160. {block:Tags}<div style="margin-bottom:2px"><a href="/tagged/{Tag}"><span class="num">#</span>{Tag}</a></div>{/block:Tags}
  161. </div>{/block:HasTags}
  162.  
  163. {block:Quote}
  164. <div id="title2">❝ {Quote} ❞</div>
  165. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  166. {/block:Quote}
  167.  
  168. {block:Title}<div id="title1">{Title}</div>{/block:Title}
  169. {block:Text}{Body}{/block:Text}
  170.  
  171. {block:Link}
  172. <div id="title1"><a href="{URL}" class="link" {Target}>→ {Name}</a></div>
  173. {block:Description}<div class="description">{Description}</div>{/block:Description}
  174. {/block:Link}
  175.  
  176. {block:Photo}
  177. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  178. {block:Caption}{Caption}{/block:Caption}
  179. {/block:Photo}
  180.  
  181. {block:Photoset}
  182. <center>{Photoset-500}</center>
  183. {block:Caption}{Caption}{/block:Caption}
  184. {/block:Photoset}
  185.  
  186. {block:Chat}
  187. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">
  188. {block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  189. {/block:Chat}
  190.  
  191. {block:Video}
  192. {Video-500}
  193. {block:Caption}{Caption}{/block:Caption}
  194. {/block:Video}
  195.  
  196. {block:Answer}
  197. <div id="asks"><div class="asker">{Asker} inquired:</div>
  198. <br>{Question}</div>
  199. <div id="answers">{Answer}</div>
  200. {/block:Answer}
  201.  
  202. {block:Audio}
  203. <div id="audios">
  204. <div class="player">{AudioPlayerWhite}</div>
  205. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  206. <div class="audioinfo"><br>
  207. <b>Song:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  208. <b>Artist:</b> {block:Artist}{Artist}{/block:Artist}<br>
  209. <b>Album:</b> {block:Album}{Album}{/block:Album}<br>
  210. <b>Played:</b> {PlayCount} times</div></div>
  211. {block:Caption}{Caption}{/block:Caption}
  212. {/block:Audio}
  213.  
  214. <div id="info">
  215. {block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount} <div class="rblgd">{block:RebloggedFrom}<a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom} {block:ContentSource}/ <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>
  216. </div>
  217.  
  218. </div>
  219.  
  220. <BR><BR><BR>
  221. {/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  222.  
  223. </div>
  224. </div>
  225.  
  226. </body>
  227. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!