roxyrichter

theme 020 - the crow and the butterfly

Jul 12th, 2012
12,744
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 10.10 KB | None | 0 0
  1. <!-- theme 020 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="#f9e7c3" />
  9. <meta name="color:topbar" content="#cddcc9" />
  10. <meta name="color:topbar border" content="#ffffff" />
  11. <meta name="color:topbar title" content="#ffffff" />
  12. <meta name="color:sidebar" content="#cddcc9" />
  13. <meta name="color:sidebar img border" content="#ffffff" />
  14. <meta name="color:description" content="#faf2e1" />
  15. <meta name="color:nav" content="#ffffff" />
  16. <meta name="color:nav hover" content="#faf2e1" />
  17. <meta name="color:nav text" content="#aa6677" />
  18. <meta name="color:entries" content="#cddcc9"/>
  19. <meta name="color:info" content="#faf2e1"/>
  20. <meta name="color:title" content="#976868" />
  21. <meta name="color:text" content="#2d9ba5" />
  22. <meta name="color:link" content="#aa6677" />
  23. <meta name="color:question" content="#faf2e1" />
  24.  
  25. <meta name="font:title" content="georgia" />
  26. <meta name="font:body" content="georgia" />
  27.  
  28. <meta name="image:background" content=""/>
  29. <meta name="image:sidebar" content=""/>
  30. <meta name="image:sidebar bg" content=""/>
  31.  
  32. <meta name="if:show sidebar image" content="1"/>
  33. <meta name="if:show tags" content="1"/>
  34.  
  35. <meta name="text:subtitle" content="this is your second title" />
  36. <meta name="text:Link1" content="" />
  37. <meta name="text:Link1 Title" content="" />
  38. <meta name="text:Link2" content="" />
  39. <meta name="text:Link2 Title" content="" />
  40. <meta name="text:Link3" content="" />
  41. <meta name="text:Link3 Title" content="" />
  42. <meta name="text:Link4" content="" />
  43. <meta name="text:Link4 Title" content="" />
  44. <meta name="text:Link5" content="" />
  45. <meta name="text:Link5 Title" content="" />
  46. <meta name="text:Link6" content="" />
  47. <meta name="text:Link6 Title" content="" />
  48. <meta name="text:Link7" content="" />
  49. <meta name="text:Link7 Title" content="" />
  50. <meta name="text:Link8" content="" />
  51. <meta name="text:Link8 Title" content="" />
  52. <meta name="text:Link9" content="" />
  53. <meta name="text:Link9 Title" content="" />
  54.  
  55. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  56. <link href='http://fonts.googleapis.com/css?family=Merienda+One' rel='stylesheet' type='text/css'>
  57.  
  58. <title>{Title}</title>
  59.  
  60. <link rel="shortcut icon" href="{Favicon}">
  61. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  62. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  63.  
  64. <style type="text/css">
  65.  
  66. body {color:{color:text}; text-align:justify; font-size:10px; font-family:{font:body}; background-color:{color:background}; background-image:url('{image:background}'); background-attachment:fixed}
  67.  
  68. a {color:{color:link}; text-decoration:none}
  69. a:hover {color:{color:text}; border-bottom:1px solid {color:link}}
  70.  
  71. #entries {position:absolute; width:520px; margin-left:450px; margin-top:70px}
  72. #posts {background-color:{color:entries}; padding:10px}
  73.  
  74. #topbar {position:fixed; width:560px; margin-left:430px; margin-top:-8px; background-color:{color:topbar}; border-bottom:6px solid {color:topbar border}; z-index:2}
  75. #toptitle {font-family:'Merienda One'; font-size:18px; color:{color:topbar title}; text-align:center; line-height:200%}
  76. #topsub {font-family:{font:title}; font-size:12px; color:{color:topbar title}; text-align:center; font-style:italic; padding-bottom:8px; margin-top:-4px}
  77.  
  78. #sidebar {float:right; position:fixed; width:300px; height:100%; margin-left:70px; margin-top:-8px; overflow:hidden; padding:10px; background-color:{color:sidebar}; background-image:url('{image:sidebar bg}'); background-attachment:fixed}
  79. #sbarimg {margin-top:50px}
  80. #sbarimg img {max-width:244px; height:auto; text-align:center; margin-bottom:6px; border:6px solid {color:sidebar img border}}
  81. #sbartext {background-color:{color:description}; padding:8px; margin-left:22px; margin-right:22px; font-family:{font:body}; font-size:10px; color:{color:text}; text-align:justify; font-style:normal; {block:ifnotshowsidebarimage}margin-top:50px{/block:ifnotshowsidebarimage}}
  82. #sbarnav {margin-top:6px; margin-left:22px}
  83. #sbarnav a {width:84px; height:12px; line-height:14px; font-family:{font:body}; font-size:8px; text-transform:uppercase; text-align:center; padding:3px 0 3px 0; display:inline-block; margin-top:1px; margin-bottom:1px; letter-spacing:1px; background-color:{color:nav}; 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}
  84. #sbarnav a:hover {border:none; background-color:{color:nav hover}; color:{color:nav text}; 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}
  85.  
  86. .pagination {font-size:24px; text-align:center}
  87. .pagination a {color:{color:link}}
  88. .pagination a:hover {color:{color:text}; border:none}
  89.  
  90. #title1 {font-size:14px; font-family:{font:title}; color:{color:title}; font-style:italic}
  91. #title2 {font-size:14px; font-family:{font:title}; color:{color:title}; font-style:italic}
  92.  
  93. #info {width:510px; padding:5px; background-color:{color:info}; color:{color:text}; font:9px {font:body}; line-height:120%; text-align:center; letter-spacing:1px}
  94. #info a {color:{color:links}}
  95. #info a:hover {color:{color:text}}
  96.  
  97. #tags {width:510px; margin-top:6px; background-color:transparent; color:{color:text}; font:9px {font:body}; text-transform:lowercase; text-align:center; letter-spacing:1px; font-style:italic}
  98. #tags a {color:{color:link}}
  99. #tags a:hover {color:{color:text}}
  100.  
  101. .user_1 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  102. .user_2 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  103. .user_3 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  104. .user_4 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  105. .user_5 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  106. .user_6 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  107. .user_7 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  108. .user_8 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  109. .user_9 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  110. .user_10 .label {color:{color:title}; text-transform:uppercase; font-weight:bold}
  111. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  112.  
  113. #asks {text-align:justify; margin:2px; padding:7px; background-color:{color:question}}
  114. #answers {margin-left:3px; margin-top:8px}
  115.  
  116. #source {margin-top:3px; text-align:right; margin-bottom:5px; font-size:10px}
  117.  
  118. .audio {background-color:white; display:block}
  119.  
  120. b, strong {color:{color:title}}
  121. i, em {color:{color:text}}
  122. p {margin-top:5px; margin-bottom:5px}
  123. blockquote {border-left:2px solid {color:text}; padding-left:5px; margin:0px 2px 0px 10px}
  124.  
  125. </style>
  126. </head>
  127.  
  128. <body>
  129.  
  130. <div id="topbar">
  131. <div id="toptitle">{Title}</div>
  132. <div id="topsub">{text:subtitle}</div>
  133. </div>
  134.  
  135. <div id="sidebar">
  136. {block:ifshowsidebarimage}<div id="sbarimg" align="center"><img src="{image:sidebar}" /></div>{/block:ifshowsidebarimage}
  137. <div id="sbartext">{block:Description}{Description}{/block:Description}</div>
  138. <div id="sbarnav">
  139. <a href="/">home</a>
  140. <a href="/ask">message</a>
  141. <a href="http://tashabartons.tumblr.com/mythemes">theme</a><br>
  142. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  143. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  144. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a><br>{/block:ifLink3}
  145. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  146. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  147. {block:ifLink6}<a href="{text:Link6}">{text:Link6 Title}</a><br>{/block:ifLink6}
  148. {block:ifLink7}<a href="{text:Link7}">{text:Link7 Title}</a>{/block:ifLink7}
  149. {block:ifLink8}<a href="{text:Link8}">{text:Link8 Title}</a>{/block:ifLink8}
  150. {block:ifLink9}<a href="{text:Link9}">{text:Link9 Title}</a>{/block:ifLink9}
  151. </div>
  152. <br>
  153. <div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">&laquo; </a> &nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"> &raquo;</a>{/block:NextPage}</div>
  154. </div>
  155.  
  156. <div id="entries">{block:Posts}
  157.  
  158. <div id="info">
  159. {block:Date}posted <a href="{Permalink}">{TimeAgo}</a>{/block:Date} {block:NoteCount}+ {NoteCountWithLabel}{/block:NoteCount} {block:RebloggedFrom}&mdash; via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFrom}{block:ContentSource}, &copy; <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>
  160.  
  161. <div id="posts">
  162.  
  163. {block:Quote}
  164. <div id="title2">"{Quote}"</div>
  165. {block:Source}<div id="source">— {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}>&rarr; {Name}</a></div>{block:Description}<div class="description">{Description}</div>{/block:Description}
  173. {/block:Link}
  174.  
  175. {block:Photo}
  176. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>{block:Caption}{Caption}{/block:Caption}
  177. {/block:Photo}
  178. {block:Photoset}
  179. <center>{Photoset-500}</center>{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}{block:Caption}{Caption}{/block:Caption}
  188. {/block:Video}
  189.  
  190. {block:Answer}
  191. <div id="asks">{Asker} &rarr; {Question}</div>
  192. <div id="answers">{Answer}</div>
  193. {/block:Answer}
  194.  
  195. {block:Audio}<span class="audio"><center>{AudioPlayerWhite}</center></span>{block:Caption}{Caption}{/block:Caption}{/block:Audio}
  196.  
  197. </div>
  198.  
  199. {block:ifshowtags}{block:HasTags}<div id="tags">{block:Tags}#<a href="{TagUrl}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}{/block:ifshowtags}
  200.  
  201. <BR><BR>
  202. {/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  203.  
  204. </div>
  205. </div>
  206.  
  207. </body>
  208. </html>
Advertisement
Add Comment
Please, Sign In to add comment