Advertisement
roxyrichter

theme 026 - something tookish

Jan 1st, 2013
4,712
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 13.52 KB | None | 0 0
  1. <!-- theme 026 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="#f3ecd1" />
  9. <meta name="color:sidebar img border" content="#ece4c3" />
  10. <meta name="color:sidebar img line" content="#afcaa3" />
  11. <meta name="color:sidetext" content="#b39f77" />
  12. <meta name="color:sidetext links" content="#d8a056" />
  13. <meta name="color:sidetext bold" content="#89ad79" />
  14. <meta name="color:sidetext italic" content="#b39f77" />
  15. <meta name="color:entries" content="#ece4c3"/>
  16. <meta name="color:entries border" content="#afcaa3" />
  17. <meta name="color:info bar" content="#89ad79" />
  18. <meta name="color:info bar border" content="#6d7768" />
  19. <meta name="color:info text" content="#ece4c3" />
  20. <meta name="color:info links" content="#afcaa3" />
  21. <meta name="color:title" content="#89ad79" />
  22. <meta name="color:text" content="#b39f77" />
  23. <meta name="color:bold" content="#89ad79" />
  24. <meta name="color:italic" content="#d8a056" />
  25. <meta name="color:link" content="#d8a056" />
  26. <meta name="color:question" content="#f3ecd1" />
  27.  
  28. <meta name="font:title" content="georgia" />
  29. <meta name="font:body" content="georgia" />
  30.  
  31. <meta name="image:background" content=""/>
  32. <meta name="image:sidebar" content=""/>
  33. <meta name="image:info bar bg" content="http://static.tumblr.com/581e1470c94de8f3e833889925d43661/sdb8vb3/FxZmfz810/tumblr_static_tumblr_lmp4yyg8721qcdtsho1_250_phixr_copy_2.jpg"/>
  34.  
  35. <meta name="if:12 hour clock" content="1" />
  36. <meta name="if:show photo captions" content="" />
  37. <meta name="if:show audio and video captions" content="" />
  38. <meta name="if:show custom links" content="" />
  39.  
  40. <meta name="text:link1" content="" />
  41. <meta name="text:link1 title" content="" />
  42. <meta name="text:link2" content="" />
  43. <meta name="text:link2 title" content="" />
  44. <meta name="text:link3" content="" />
  45. <meta name="text:link3 title" content="" />
  46. <meta name="text:link4" content="" />
  47. <meta name="text:link4 title" content="" />
  48. <meta name="text:link5" content="" />
  49. <meta name="text:link5 title" content="" />
  50. <meta name="text:link6" content="" />
  51. <meta name="text:link6 title" content="" />
  52.  
  53. <meta name="text:text size" content="10" />
  54.  
  55. <link href='http://fonts.googleapis.com/css?family=Cookie' rel='stylesheet' type='text/css'>
  56.  
  57. <title>{Title}</title>
  58.  
  59. <link rel="shortcut icon" href="{Favicon}">
  60. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  61. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  62.  
  63. <style type="text/css">
  64.  
  65. 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}
  66.  
  67. a {color:{color:link}; text-decoration:none}
  68. a:hover {color:{color:text}; border-bottom:1px solid {color:link}}
  69. p {margin-top:5px; margin-bottom:5px}
  70. blockquote {border-left:2px solid {color:entries border}; padding-left:5px; margin:0px 2px 0px 10px}
  71.  
  72. #nlinks {position:fixed; margin-left:27px; margin-top:98px}
  73. #nlinks a {width:22px; font-size:9px; text-align:center; padding:1px 5px 1px 0; display:inline-block; margin-top:2px; margin-bottom:1px; letter-spacing:1px; background-color:{color:sidebar img border}; border-top:1px solid {color:sidebar img line}; border-left:1px solid {color:sidebar img line}; border-bottom:1px solid {color:sidebar img line}; border-right:5px solid {color:sidebar img border}; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear}
  74. #nlinks a:hover {margin-left:-5px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear}
  75.  
  76. #sidebar {z-index:5; position:fixed; width:224px; height:auto; margin-left:50px; margin-top:80px; background-color:{color:background}}
  77. #sideimg {margin-bottom:8px}
  78. #sideimg img {max-width:200px; padding:11px; background:{color:sidebar img border}; border:1px solid {color:sidebar img line}}
  79. #slinks {font:10px {font:body}; font-style:italic; text-align:center; color:{color:sidetext}; margin-bottom:10px}
  80. #slinks a {color:{color:sidetext links}}
  81. #slinks a:hover {color:{color:sidetext}; border-bottom:1px solid {color:sidetext links}}
  82. #stext {font:{text:text size}px {font:body}; text-align:justify; color:{color:sidetext}; margin-bottom:12px}
  83. #stext b, strong {color:{color:sidetext bold}}
  84. #stext i, em {color:{color:sidetext italic}}
  85. #stext a {color:{color:sidetext links}}
  86. #stext a:hover {color:{color:sidetext}; border-bottom:1px solid {color:sidetext links}}
  87.  
  88. .jump_page {padding:2px 4px; border:1px solid {color:sidebar img line}; background-color:{color:sidebar img border}; color:{color:sidetext links}; font:9px lora}
  89. .current_page {padding:2px 4px; border:1px solid {color:sidebar img line}; background-color:{color:sidebar img border}; color:{color:sidetext bold}; font:9px lora; font-weight:bold}
  90. .jump_page:hover {border:1px solid {color:sidebar img line}}
  91.  
  92. #ibar {position:fixed; width:1000px; height:100%; background-color:{color:info bar}; background-image:url('{image:info bar bg}'); background-attachment:fixed; border-left:2px solid {color:info bar border}; margin-top:-8px; margin-left:900px}
  93.  
  94. #info {z-index:4; position:absolute; width:150px; margin-left:570px; margin-top:-13px; text-align:left; font:9px arial; text-transform:uppercase; line-height:130%; letter-spacing:0.5px; color:{color:info text}}
  95. #info a {color:{color:info links}}
  96. #info a:hover {color:{color:info text}; border-bottom:1px solid {color:info links}}
  97. .notess {font-size:18px; font-family:'Cookie'; text-transform:lowercase; letter-spacing:1px}
  98. .tags {font:9px georgia; text-transform:none; font-style:italic}
  99.  
  100. #entries {position:absolute; width:530px; margin-left:330px; margin-top:20px}
  101. #posts {background-color:{color:entries}; padding:14px; border:1px solid {color:entries border}; margin-bottom:55px}
  102. #posts b, strong {color:{color:bold}}
  103. #posts i, em {color:{color:italic}}
  104.  
  105. #title1 {font-size:14px; font-family:{font:title}; color:{color:title}; font-style:italic; text-align:center; border-bottom:1px solid {color:entries border}; padding-bottom:3px}
  106. #title2 {font-size:14px; font-family:{font:title}; color:{color:title}; font-style:italic}
  107.  
  108. .user_1 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  109. .user_2 .label {color:{color:bold}; text-transform:uppercase; font-weight:bold}
  110. .user_3 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  111. .user_4 .label {color:{color:bold}; text-transform:uppercase; font-weight:bold}
  112. .user_5 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  113. .user_6 .label {color:{color:bold}; text-transform:uppercase; font-weight:bold}
  114. .user_7 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  115. .user_8 .label {color:{color:bold}; text-transform:uppercase; font-weight:bold}
  116. .user_9 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  117. .user_10 .label {color:{color:bold}; text-transform:uppercase; font-weight:bold}
  118. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  119.  
  120. #asks {text-align:center; padding:8px; background-color:{color:question}; border-bottom:1px solid {color:entries border}}
  121. .asker {margin-bottom:-8px; font-size:11px; letter-spacing:1px; font-style:italic}
  122. #answers {margin-left:3px; margin-top:8px}
  123.  
  124. #audios {width:100%; height:100px; {block:ifshowaudioandvideocaptions}margin-bottom:5px{/block:ifshowaudioandvideocaptions}}
  125. .albumart {float:left; width:100px; height:100px}
  126. .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}
  127. .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}
  128. .audioinfo {margin-left:110px; line-height:160%; font-family:calibri; font-size:10px}
  129.  
  130. #source {margin-top:3px; text-align:right; margin-bottom:5px; font-size:10px}
  131.  
  132. </style>
  133. </head>
  134.  
  135. <body>
  136.  
  137. <div id="nlinks">
  138. <a href="/" title="index"><img src="http://static.tumblr.com/sdb8vb3/arTmd3ps6/home.png"></a><br>
  139. <a href="/ask" title="message"><img src="http://static.tumblr.com/sdb8vb3/2izmd3psv/mail.png"></a><br>
  140. <a href="/archive" title="archive"><img src="http://static.tumblr.com/5348453ebad537af0ec65846403d0cb8/sdb8vb3/smRmfynka/tumblr_static_calday.png"></a><br>
  141. <a href="http://tashabartons.tumblr.com/mythemes" title="theme &copy;"><img src="http://static.tumblr.com/sdb8vb3/8iQmd3puo/heart.png"></a>
  142. </div>
  143.  
  144. <div id="sidebar">
  145. <div id="sideimg" align="center"><img src="{image:sidebar}"></div>
  146. <div id="stext">
  147. {block:ifshowcustomlinks}<div id="slinks">
  148. {block:iflink1}<a href="{text:link1}">{text:link1 title}</a>{/block:iflink1}
  149. {block:iflink2}&bull; <a href="{text:link2}">{text:link2 title}</a>{/block:iflink2}
  150. {block:iflink3}&bull; <a href="{text:link3}">{text:link3 title}</a>{/block:iflink3}
  151. {block:iflink4}&bull; <a href="{text:link4}">{text:link4 title}</a>{/block:iflink4}
  152. {block:iflink5}&bull; <a href="{text:link5}">{text:link5 title}</a>{/block:iflink5}
  153. {block:iflink6}&bull; <a href="{text:link6}">{text:link6 title}</a>{/block:iflink6}
  154. </div>{/block:ifshowcustomlinks}
  155. {block:Description}{Description}{/block:Description}</div>
  156. {block:Pagination}<center>
  157. {block:PreviousPage}<a href="{PreviousPage}" class="jump_page">&laquo;</a>{/block:PreviousPage}
  158. {block:JumpPagination length="5"}
  159. {block:CurrentPage}<span class="current_page">{PageNumber}</span>{/block:CurrentPage}
  160. {block:JumpPage}<a class="jump_page" href="{URL}">{PageNumber}</a>{/block:JumpPage}{/block:JumpPagination}
  161. {block:NextPage}<a href="{NextPage}" class="jump_page">&raquo;</a>{/block:NextPage}</center>
  162. {/block:Pagination}
  163. </div>
  164.  
  165. <div id="ibar"></div>
  166.  
  167. <div id="entries">{block:Posts}<div id="posts">
  168.  
  169. <div id="info">
  170. <div class="notess">{block:NoteCount}<small><small>♡</small></small> {NoteCountWithLabel}<br><br>{/block:NoteCount}</div>
  171. {block:Date}posted <a href="{Permalink}">{TimeAgo}</a><br>
  172. {MonthNumber}/{DayOfMonthWithZero}/{ShortYear} @ {block:if12hourclock}{12Hour}:{Minutes} {AMPM}{/block:if12hourclock}{block:ifnot12hourclock}{24Hour}:{Minutes}{/block:ifnot12hourclock}<br>{/block:Date}
  173. {block:RebloggedFrom}<br>&#8669; <a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}<br> &copy; <a href="{SourceURL}">{SourceLink}</a>{block:ContentSource}<br>{/block:RebloggedFrom}
  174. {block:HasTags}<br><div class="tags"><b><font color="{color:info text}">tagged as:</font></b><br>{block:Tags}# <a href="{TagUrl}">{Tag}</a><br>{/block:Tags}</div>{/block:HasTags}
  175. </div>
  176.  
  177. {block:Quote}
  178. <div id="title2">❝ {Quote}</div>
  179. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  180. {/block:Quote}
  181.  
  182. {block:Title}<div id="title1">{Title}</div>{/block:Title}
  183. {block:Text}{Body}{/block:Text}
  184.  
  185. {block:Link}
  186. <div id="title1"><a href="{URL}" class="link" {Target}>&rarr; {Name}</a></div>{block:Description}<div class="description">{Description}</div>{/block:Description}
  187. {/block:Link}
  188.  
  189. {block:Photo}
  190. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  191. {block:ifshowphotocaptions}
  192. {block:Caption}{Caption}{/block:Caption}
  193. {/block:ifshowphotocaptions}
  194. {block:ifnotshowphotocaptions}
  195. {block:PermalinkPage}
  196. {block:Caption}{Caption}{/block:Caption}
  197. {/block:PermalinkPage}
  198. {/block:ifnotshowphotocaptions}
  199. {/block:Photo}
  200.  
  201. {block:Photoset}
  202. <center>{Photoset-500}</center>
  203. {block:ifshowphotocaptions}
  204. {block:Caption}{Caption}{/block:Caption}
  205. {/block:ifshowphotocaptions}
  206. {block:ifnotshowphotocaptions}
  207. {block:PermalinkPage}
  208. {block:Caption}{Caption}{/block:Caption}
  209. {/block:PermalinkPage}
  210. {/block:ifnotshowphotocaptions}
  211. {/block:Photoset}
  212.  
  213. {block:Chat}
  214. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  215. {/block:Chat}
  216.  
  217. {block:Video}
  218. {Video-500}
  219. {block:ifshowaudioandvideocaptions}
  220. {block:Caption}{Caption}{/block:Caption}
  221. {/block:ifshowaudioandvideocaptions}
  222. {block:ifnotshowaudioandvideocaptions}
  223. {block:PermalinkPage}
  224. {block:Caption}{Caption}{/block:Caption}
  225. {/block:PermalinkPage}
  226. {/block:ifnotshowaudioandvideocaptions}
  227. {/block:Video}
  228.  
  229. {block:Answer}
  230. <div id="asks"><div class="asker">{Asker} inquired:</div>
  231. <br>{Question}</div>
  232. <div id="answers">{Answer}</div>
  233. {/block:Answer}
  234.  
  235. {block:Audio}
  236. <div id="audios">
  237. <div class="player">{AudioPlayerWhite}</div>
  238. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  239. <div class="audioinfo"><br>
  240. <b>SONG:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  241. <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}<br>
  242. <b>ALBUM:</b> {block:Album}{Album}{/block:Album}<br>
  243. <b>PLAYED:</b> {PlayCount} times</div></div>
  244. {block:ifshowaudioandvideocaptions}
  245. {block:Caption}{Caption}{/block:Caption}
  246. {/block:ifshowaudioandvideocaptions}
  247. {block:ifnotshowaudioandvideocaptions}
  248. {block:PermalinkPage}
  249. {block:Caption}{Caption}{/block:Caption}
  250. {/block:PermalinkPage}
  251. {/block:ifnotshowaudioandvideocaptions}
  252. {/block:Audio}
  253.  
  254. </div>
  255.  
  256. {/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  257.  
  258. </div>
  259. </div>
  260.  
  261. </body>
  262. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement