API tools faq
paste
roxyrichter

theme 027 - snowflake falls

roxyrichter
Dec 10th, 2012
9,691
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.85 KB | None | 0 0
raw download clone embed print report
  1. <!-- theme 027 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="#f2faf2" />
  9. <meta name="color:sidebar" content="#aabbaa" />
  10. <meta name="color:sidetext" content="#f2faf2" />
  11. <meta name="color:sidetext links" content="#e9d2d2" />
  12. <meta name="color:sidetext bold" content="#e9d2d2" />
  13. <meta name="color:sidetext italic" content="#ffffff" />
  14. <meta name="color:navlinks" content="#889977" />
  15. <meta name="color:navlinks text" content="#f2faf2" />
  16. <meta name="color:navlinks hover" content="#f2faf2" />
  17. <meta name="color:entries" content="#fcfdfc"/>
  18. <meta name="color:entries border" content="#aabbaa" />
  19. <meta name="color:info bg" content="#ffffff" />
  20. <meta name="color:title" content="#b83232 />
  21. <meta name="color:text" content="#926e5c" />
  22. <meta name="color:bold" content="#b83232" />
  23. <meta name="color:italic" content="#be7979" />
  24. <meta name="color:link" content="#be7979" />
  25. <meta name="color:question" content="#f2faf2" />
  26.  
  27. <meta name="font:title" content="georgia" />
  28. <meta name="font:body" content="georgia" />
  29.  
  30. <meta name="image:background" content="" />
  31. <meta name="image:sidebar" content="" />
  32.  
  33. <meta name="if:falling snow" content="1" />
  34. <meta name="if:show photo captions" content="" />
  35. <meta name="if:show audio and video captions" content="" />
  36. <meta name="if:show post date" content="" />
  37. <meta name="if:show timeago" content="1" />
  38. <meta name="if:show post date and timeago" 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.  
  51. <meta name="text:sidebar margin" content="150" />
  52. <meta name="text:text size" content="10" />
  53.  
  54. <link href='http://fonts.googleapis.com/css?family=Nothing+You+Could+Do' rel='stylesheet' type='text/css'>
  55.  
  56. <title>{Title}</title>
  57.  
  58. <link rel="shortcut icon" href="{Favicon}">
  59. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  60. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  61.  
  62. <style type="text/css">
  63.  
  64. 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}
  65.  
  66. a {color:{color:link}; text-decoration:none}
  67. a:hover {color:{color:text}; border-bottom:1px solid {color:link}}
  68. p {margin-top:5px; margin-bottom:5px}
  69. blockquote {border-left:2px solid {color:text}; padding-left:5px; margin:0px 2px 0px 10px}
  70.  
  71. #sidebar {position:fixed; width:300px; height:100%; margin-left:-8px; margin-top:-8px; background-color:{color:sidebar}}
  72. #sideimg {margin-top:{text:sidebar margin}px; margin-bottom:-25px}
  73. #sideimg img {max-width:200px; border:3px double {color:navlinks}; padding:2px}
  74. #stitle {text-align:center; font-size:14px; font-family:'Nothing You Could Do'; font-style:italic; color:{color:sidetext}; margin-bottom:12px}
  75. #stext {margin-left:45px; margin-right:45px; font:{text:text size}px {font:body}; text-align:justify; color:{color:sidetext}; padding-bottom:12px; border-bottom:1px solid {color:navlinks}}
  76. #stext b, strong {color:{color:sidetext bold}}
  77. #stext i, em {color:{color:sidetext italic}}
  78. #stext a {color:{color:sidetext links}}
  79. #stext a:hover {color:{color:sidetext}; border-bottom:1px solid {color:sidetext links}}
  80. #slinks {text-align:center}
  81. #slinks a {width:210px; padding:4px 0; font:11px {font:body}; text-align:center; display:inline-block; margin:0px; letter-spacing:1px; border-bottom:1px solid {color:navlinks}; color:{color:navlinks text}; text-transform:lowercase; font-style:italic; -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}
  82. #slinks a:hover {background-color:{color:navlinks}; letter-spacing:2px; color:{color:navlinks hover}; -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}
  83.  
  84. .pagination {font-size:24px; text-align:center; margin-top:5px}
  85. .pagination a {color:{color:sidetext}}
  86. .pagination a:hover {color:{color:sidetext links}; border:none}
  87.  
  88. #entries {position:absolute; width:530px; margin-left:370px; margin-top:12px}
  89. #posts {background-color:{color:entries}; padding:14px; border:1px solid {color:entries border}; margin-bottom:-5px}
  90. #posts b, strong {color:{color:bold}}
  91. #posts i, em {color:{color:italic}}
  92.  
  93. #posts:hover #tags {opacity:1; display:block; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out}
  94.  
  95. #title1 {font-size:14px; font-family:{font:title}; color:{color:title}; font-style:italic; text-align:center; padding-bottom:2px; border-bottom:1px solid {color:entries border}}
  96. #title2 {font-size:14px; font-family:{font:title}; color:{color:title}; font-style:italic}
  97.  
  98. #info {line-height:120%; text-align:center; font:8px arial; text-transform:uppercase; letter-spacing:1px; margin-bottom:35px}
  99. #info a {color:{color:links}; background-color:{color:info bg}; border:1px solid {color:entries border}; padding:1px 2px 0px 3px}
  100. #info a:hover {color:{color:text}}
  101.  
  102. #tags {position:absolute; opacity:0; width:150px; margin-left:525px; border-left:3px double {color:entries border}; padding-left:5px; text-align:left; font:9px georgia; font-style:italic; line-height:130%; letter-spacing:0.5px; -webkit-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out}
  103.  
  104. .user_1 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  105. .user_2 .label {color:{color:bold}; text-transform:uppercase; font-weight:bold}
  106. .user_3 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  107. .user_4 .label {color:{color:bold}; text-transform:uppercase; font-weight:bold}
  108. .user_5 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  109. .user_6 .label {color:{color:bold}; text-transform:uppercase; font-weight:bold}
  110. .user_7 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  111. .user_8 .label {color:{color:bold}; text-transform:uppercase; font-weight:bold}
  112. .user_9 .label {color:{color:link}; text-transform:uppercase; font-weight:bold}
  113. .user_10 .label {color:{color:bold}; text-transform:uppercase; font-weight:bold}
  114. ul.chat, .chat ol, .chat li {list-style:none; margin:0px; padding:0px;}
  115.  
  116. #asks {padding:8px 8px 8px 45px; background-color:{color:question}; margin-left:25px; min-height:44px}
  117. .asker {font-size:11px; letter-spacing:1px; font-style:italic; text-align:left}
  118. .question {text-align:justify; font:10px georgia}
  119. #answers {margin-left:3px; margin-top:8px}
  120.  
  121. #audios {width:100%; height:100px; {block:ifshowaudioandvideocaptions}margin-bottom:5px{/block:ifshowaudioandvideocaptions}}
  122. .albumart {float:left; width:100px; height:100px}
  123. .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}
  124. .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}
  125. .audioinfo {margin-left:110px; line-height:160%; font-family:calibri; font-size:10px}
  126.  
  127. #source {margin-top:3px; text-align:right; margin-bottom:5px; font-size:10px}
  128.  
  129. </style>
  130. </head>
  131.  
  132. <body>
  133.  
  134. <div id="sidebar">
  135. <div id="sideimg" align="center"><img src="{image:sidebar}"></div>
  136. <div id="stitle">{Title}</div>
  137. <div id="stext">{block:Description}{Description}{/block:Description}</div>
  138. <div id="slinks">
  139. <a href="/">refresh</a><br>
  140. <a href="/ask">message</a><br>
  141. {block:iflink1}<a href="{text:link1}">{text:link1 title}</a><br>{/block:iflink1}
  142. {block:iflink2}<a href="{text:link2}">{text:link2 title}</a><br>{/block:iflink2}
  143. {block:iflink3}<a href="{text:link3}">{text:link3 title}</a><br>{/block:iflink3}
  144. {block:iflink4}<a href="{text:link4}">{text:link4 title}</a><br>{/block:iflink4}
  145. {block:iflink5}<a href="{text:link5}">{text:link5 title}</a><br>{/block:iflink5}
  146. <a href="http://tashabartons.tumblr.com/mythemes">theme</a></div>
  147. <div class="pagination">{block:PreviousPage}<a href="{PreviousPage}">&laquo; </a> &nbsp;{/block:PreviousPage}{block:NextPage}<a href="{NextPage}"> &raquo;</a>{/block:NextPage}</div>
  148. </div>
  149.  
  150. <div id="entries">{block:Posts}<div id="posts">
  151.  
  152. {block:HasTags}
  153. <div id="tags"><b>tagged as:</b><br>{block:Tags}#<a href="{TagUrl}">{Tag}</a><br>{/block:Tags}</div>
  154. {/block:HasTags}
  155.  
  156. {block:Quote}
  157. <div id="title2">❝ {Quote} ❞</div>
  158. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  159. {/block:Quote}
  160.  
  161. {block:Title}<div id="title1">{Title}</div>{/block:Title}
  162. {block:Text}{Body}{/block:Text}
  163.  
  164. {block:Link}
  165. <div id="title1"><a href="{URL}" class="link" {Target}>&rarr; {Name}</a></div>{block:Description}<div class="description">{Description}</div>{/block:Description}
  166. {/block:Link}
  167.  
  168. {block:Photo}
  169. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>{LinkCloseTag}</center>
  170. {block:ifshowphotocaptions}
  171. {block:Caption}{Caption}{/block:Caption}
  172. {/block:ifshowphotocaptions}
  173. {block:ifnotshowphotocaptions}
  174. {block:PermalinkPage}
  175. {block:Caption}{Caption}{/block:Caption}
  176. {/block:PermalinkPage}
  177. {/block:ifnotshowphotocaptions}
  178. {/block:Photo}
  179.  
  180. {block:Photoset}
  181. <center>{Photoset-500}</center>
  182. {block:ifshowphotocaptions}
  183. {block:Caption}{Caption}{/block:Caption}
  184. {/block:ifshowphotocaptions}
  185. {block:ifnotshowphotocaptions}
  186. {block:PermalinkPage}
  187. {block:Caption}{Caption}{/block:Caption}
  188. {/block:PermalinkPage}
  189. {/block:ifnotshowphotocaptions}
  190. {/block:Photoset}
  191.  
  192. {block:Chat}
  193. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}&nbsp;{Line}</li>{/block:Lines}</ul>
  194. {/block:Chat}
  195.  
  196. {block:Video}
  197. {Video-500}
  198. {block:ifshowaudioandvideocaptions}
  199. {block:Caption}{Caption}{/block:Caption}
  200. {/block:ifshowaudioandvideocaptions}
  201. {block:ifnotshowaudioandvideocaptions}
  202. {block:PermalinkPage}
  203. {block:Caption}{Caption}{/block:Caption}
  204. {/block:PermalinkPage}
  205. {/block:ifnotshowaudioandvideocaptions}
  206. {/block:Video}
  207.  
  208. {block:Answer}
  209. <img src="{AskerPortraitURL-64}" style="height:60px; width:60px; -moz-border-radius:30px; border-radius:30px; float:left">
  210. <div id="asks"><div class="asker">{Asker} said:</div>
  211. <div class="question">{Question}</div></div>
  212. <div id="answers">{Answer}</div>
  213. {/block:Answer}
  214.  
  215. {block:Audio}
  216. <div id="audios">
  217. <div class="player">{AudioPlayerWhite}</div>
  218. <div class="albumart">{block:AlbumArt}<img src="{AlbumArtURL}" width="100">{/block:AlbumArt}</div>
  219. <div class="audioinfo"><br>
  220. <b>SONG:</b> {block:TrackName}{TrackName}{/block:TrackName}<br>
  221. <b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}<br>
  222. <b>ALBUM:</b> {block:Album}{Album}{/block:Album}<br>
  223. <b>PLAYED:</b> {PlayCount} times</div></div>
  224. {block:ifshowaudioandvideocaptions}
  225. {block:Caption}{Caption}{/block:Caption}
  226. {/block:ifshowaudioandvideocaptions}
  227. {block:ifnotshowaudioandvideocaptions}
  228. {block:PermalinkPage}
  229. {block:Caption}{Caption}{/block:Caption}
  230. {/block:PermalinkPage}
  231. {/block:ifnotshowaudioandvideocaptions}
  232. {/block:Audio}
  233.  
  234. </div>
  235.  
  236. <div id="info">
  237. {block:ifshowpostdate}{block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} {Year}</a>{/block:Date}{/block:ifshowpostdate}{block:ifshowtimeago}{block:Date}<a href="{Permalink}">{TimeAgo}</a>{/block:Date}{/block:ifshowtimeago}{block:ifshowpostdateandtimeago}{block:Date}<a href="{Permalink}">{ShortMonth} {DayOfMonthWithZero} {Year} &mdash; {Timeago}</a>{/block:Date}{/block:ifshowpostdateandtimeago}{block:NoteCount}&nbsp;&nbsp;<a href="{Permalink}">&hearts; {NoteCount}</a>{/block:NoteCount}{block:RebloggedFrom}&nbsp;&nbsp;<a href="{ReblogParentURL}" title="{ReblogParentName}">via</a>{/block:RebloggedFrom}{block:ContentSource}&nbsp;&nbsp;<a href="{SourceURL}">source</a>{/block:ContentSource}&nbsp;&nbsp;<a href="{ReblogURL}"target="_blank">reblog</a></div>
  238.  
  239. {/block:posts}{block:PostNotes}{PostNotes}{/block:PostNotes}
  240.  
  241. </div>
  242. </div>
  243.  
  244. {block:iffallingsnow}
  245. <script type='text/javascript'>
  246. sitePath = 'http://vanessaluiza.com/_utilidades/script/let-it-snow/';
  247. sflakesMax = 0.15;
  248. sflakesMaxActive = 110;
  249. svMaxX = 1;
  250. svMaxY = 1;
  251. ssnowStick = 0;
  252. sfollowMouse = 1;
  253. </script>
  254. <script src='http://blogonthenet.xpg.com.br/ttricks/snowstorm.js' type='text/javascript'></script>
  255. {/block:iffallingsnow}
  256.  
  257. </body>
  258. </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!