Advertisement
rileysux

04. hannah

Jan 4th, 2015
1,190
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 14.25 KB | None | 0 0
  1. <html>
  2. <head>
  3.  
  4. <title>{Title}</title>
  5. <link rel="shortcut icon" href="{Favicon}">
  6. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  7. {block:Description}
  8. <meta name="description" content="{MetaDescription}" />
  9. {/block:Description}
  10.  
  11. <!--variables-->
  12.  
  13. <meta name="image:bg" content="" />
  14. <meta name="image:sidebar" content="" />
  15. <meta name="image:admin1" content="" />
  16. <meta name="image:admin2" content="" />
  17. <meta name="image:admin3" content="" />
  18.  
  19. <meta name="color:bg" content="" />
  20. <meta name="color:text" content="" />
  21. <meta name="color:url" content="" />
  22. <meta name="color:hover" content="" />
  23. <meta name="color:postbg" content="" />
  24. <meta name="color:blockquote" content="" />
  25. <meta name="color:blockquotelink" content="" />
  26. <meta name="color:blockquotehover" content="" />
  27. <meta name="color:blockquotebg" content="" />
  28. <meta name="color:blockquoteborder" content="" />
  29. <meta name="color:pre" content="" />
  30. <meta name="color:prebg" content="" />
  31. <meta name="color:preborder" content="" />
  32. <meta name="color:audioinfo" content="" />
  33. <meta name="color:audioinfobg" content="" />
  34. <meta name="color:asker" content="" />
  35. <meta name="color:askerbg" content="" />
  36. <meta name="color:askerborder" content="" />
  37. <meta name="color:ask" content="" />
  38. <meta name="color:askbg" content="" />
  39. <meta name="color:info" content="" />
  40. <meta name="color:infobg" content="" />
  41. <meta name="color:scrollbar" content="" />
  42. <meta name="color:scrollbarbg" content="" />
  43. <meta name="color:sidebarbg" content="" />
  44. <meta name="color:title" content="" />
  45. <meta name="color:titlebg" content="" />
  46. <meta name="color:titleborder" content="" />
  47. <meta name="color:hovertext" content="" />
  48. <meta name="color:hoverbar" content="" />
  49. <meta name="color:hoverborder" content="" />
  50. <meta name="color:innerhoverbar" content="" />
  51. <meta name="color:description" content="" />
  52. <meta name="color:links" content="" />
  53. <meta name="color:linkshover" content="" />
  54. <meta name="color:linksbg" content="" />
  55. <meta name="color:linksborder" content="" />
  56. <meta name="color:adminborder" content="" />
  57. <meta name="color:credit" content="" />
  58. <meta name="color:creditbg" content="" />
  59.  
  60. <meta name="text:subtitle" content="" />
  61. <meta name="text:link1url" content="" />
  62. <meta name="text:link1text" content="" />
  63. <meta name="text:link2url" content="" />
  64. <meta name="text:link2text" content="" />
  65. <meta name="text:link3url" content="" />
  66. <meta name="text:link3text" content="" />
  67.  
  68. <style type="text/css">
  69.  
  70. /*scrollbar*/
  71. ::-webkit-scrollbar {height:2px;width:2px;background:{color:scrollbarbg};}
  72. ::-webkit-scrollbar-thumb {height:2px;background:{color:scrollbar};}
  73.  
  74. /*selection*/
  75. ::selection {background:{color:postbg};}
  76. ::moz-selection {background:{color:postbg};}
  77.  
  78. /*basics*/
  79.  
  80. body {background:{color:bg};background-image:url('{image:bg}');background-attachment:fixed;font-family:arial;font-size:9px;color:{color:text};text-align:left;}
  81. a {color:{color:url};font-weight:bold;text-decoration:none;}
  82. a:hover {color:{color:hover};transition-duration:0.3s;}
  83. h1 {font-size:11px;text-align:left;font-weight:bold;font-style:italic;text-transform:lowercase;letter-spacing:1px;}
  84. small {font-size:9px;}
  85. big {font-size:11px;}
  86. code {font-size:9px;}
  87. ol {list-style-type:lower-roman;}
  88. ul {list-style-type:square;}
  89. blockquote {background:{color:blockquotebg};color:{color:blockquote};padding-left:10px;padding-right:10px;padding-top:1px;padding-bottom:1px;border-left:2px solid {color:blockquoteborder};margin-left:30px;margin-right:30px;margin-top:0px;margin-bottom:0px;}
  90. blockquote a {color:{color:blockquotelink};}
  91. blockquote a:hover {color:{color:blockquotehover};}
  92. pre {background:{color:prebg};color:{color:pre};text-transform:lowercase;font-size:9px;font-family:arial;letter-spacing:1px;font-style:italic;font-weight:bold;padding:5px;border-left:2px solid {color:preborder};}
  93.  
  94. /*sidebar*/
  95. #sidebar {position:fixed;margin-left:52px;margin-top:95px;width:390px;height:450px;background:{color:sidebarbg};}
  96. #title {position:fixed;background:{color:titlebg};margin-top:-24px;padding:5px;width:380px;font-size:11px;color:{color:title};text-align:left;font-weight:bold;font-style:italic;text-transform:lowercase;letter-spacing:1px;border-bottom:2px solid {color:titleborder};}
  97. #sidebarimage {position:fixed;margin-top:10px;margin-left:10px;}
  98. #sidebarimage img {position:fixed;width:370px;height:400px;}
  99. #musicplayer {position:fixed;margin-top:420px;margin-left:10px;width:370px;}
  100.  
  101. /*pagination*/
  102. #pagination {text-transform:lowercase;}
  103. #pagination a {color:{color:pagination};}
  104. #pagination a:hover {color:{color:paginationhover};}
  105.  
  106. /*hover*/
  107. #hoverstuff {position:fixed;z-index:99999999;top:0px;left:0px;height:100%;width:50px;border-right:2px solid {color:hoverborder};text-align:center;background:{color:hoverbar};transition-duration:0.3s;}
  108. #hoverstuff_inner {position:fixed;z-index:99999999;height:100%;width:378px;top:0px;left:-398px;padding:10px;text-align:left;background:{color:innerhoverbar};transition-duration:0.3s;}
  109. #hoverstuff:hover {z-index:99999999;left:398px;}
  110. #hoverstuff:hover #hoverstuff_inner {z-index:99999999;left:0px;}
  111. .othertitle {position:absolute;z-index:99999999;top:50%;left:4px;color:{color:hovertext};font-family:arial;font-size:11px;letter-spacing:1px;text-transform:lowercase;font-weight:bold;font-style:italic;transform:rotate(-90deg);}
  112.  
  113. /*innertitle*/
  114. #innertitle {position:fixed;background:{color:titlebg};margin-top:0px;padding:5px;width:368px;font-size:11px;color:{color:title};text-align:left;font-weight:bold;font-style:italic;text-transform:lowercase;letter-spacing:1px;border-bottom:2px solid {color:titleborder};}
  115. #innertitle2 {position:fixed;background:{color:titlebg};margin-top:5px;padding:5px;width:368px;font-size:11px;color:{color:title};text-align:right;font-weight:bold;font-style:italic;text-transform:lowercase;letter-spacing:1px;border-top:2px solid {color:titleborder};}
  116.  
  117. /*description*/
  118. #description {position:fixed;padding-top:10px;padding-bottom:10px;padding-left:60px;padding-right:62px;margin-top:34px;width:256px;height:90px;color:{color:description};text-align:justify;overflow:auto;line-height:15px;}
  119.  
  120. /*links*/
  121. #links {z-index:99999999;width:388px;margin-top:159px;display:block;}
  122. #links a {display:inline-block;margin-bottom:3px;margin-right:0px;width:175.5px;padding:5px;font-size:11px;font-style:italic;letter-spacing:1px;text-transform:lowercase;font-weight:bold;text-decoration:none;text-align:left;background:{color:linksbg};color:{color:links};border-left:2px solid {color:linksborder};}
  123. #links a:hover {color:{color:linkshover};transition-duration:0.3s;}
  124.  
  125. /*admin*/
  126. #admin1 {z-index:99999999;width:378px;margin-top:40px;}
  127. #admin1 img {margin-left:10px;margin-right:10px;width:90px;height:90px;border:2px solid {color:adminborder};border-radius:90%;}
  128.  
  129. /*entries*/
  130. #entries {position:absolute;width:500px;margin-left:452px;margin-top:20px;margin-bottom:-10px;}
  131. #posts {width:500px;padding-left:10px;padding-right:10px;padding-top:1px;margin-top:10px;background:{color:postbg};line-height:15px;}
  132.  
  133. /*quote*/
  134. #source {text-align:right;padding-bottom:10px;}
  135.  
  136. /*audio*/
  137. #player {position:absolute;background:#fff;width:27px;height:27px;opacity:0.5;margin-top:26px;margin-left:26px;overflow:hidden;}
  138. #player:hover {opacity:0.75;}
  139. #cover img {float:left;margin-right:5px;border:2px solid {color:audioinfobg};}
  140. .audioinfo {background:{color:audioinfobg};color:{color:audioinfo};height:64px;width:412px;margin-left:78px;margin-bottom:10px;padding:5px;text-align:left;line-height:16.5px;}
  141.  
  142. /*asks*/
  143. #ask {color:{color:ask};background:{color:askbg};padding:10px;margin-bottom:10px;text-align:right;}
  144. #asker {background:{color:askerbg};color:{color:asker};font-size:11px;font-weight:bold;text-transform:letter-spacing:1px;font-style:italic;lowercase;padding:5px;text-align:left;border-bottom:2px solid {color:askerborder};}
  145. #asker a {color:{color:asker};}
  146.  
  147. /*info*/
  148. #info {background:{color:infobg};padding:5px;width:510px;font-size:9px;text-transform:lowercase;letter-spacing:1px;margin-left:-10px;}
  149. #info a {color:{color:info};}
  150.  
  151. /*notes*/
  152. #note {padding-top:10px;padding-bottom:10px;}
  153. .note img {display:none;}
  154.  
  155. /*credit*/
  156. #credit {position:fixed;bottom:5px;right:0px;font-size:9px;text-transform:lowercase;font-weight:bold;font-style:italic;letter-spacing:1px;text-align:center;}
  157. #credit a {color:{color:credit};background:{color:creditbg};padding:5px;}
  158.  
  159. </style>
  160. <body>
  161.  
  162. <div id="hoverstuff">
  163. <span class="othertitle">hover</span>
  164. <div id="hoverstuff_inner">
  165. <div id="innertitle">{Title}</div>
  166. <div id="description">{Description}</div>
  167. <div id="links">
  168. <a href="/">refresh</a>
  169. <a href="/ask">inbox</a>
  170. <a href="/archive">past</a>
  171. <a href="{text:link1url}">{text:link1text}</a>
  172. <a href="{text:link2url}">{text:link2text}</a>
  173. <a href="{text:link3url}">{text:link3text}</a>
  174. </div>
  175. <div id="innertitle2">{text:subtitle}</div>
  176. <div id="admin1">
  177. <center>
  178. <img src="{image:admin1}">
  179. <img src="{image:admin2}">
  180. <img src="{image:admin3}">
  181. </center>
  182. </div>
  183. </div>
  184. </div>
  185.  
  186. <div id="sidebar">
  187. <div id="title">
  188. <div id="pagination">
  189. {block:Pagination}
  190. {block:PreviousPage}
  191. <a href="{PreviousPage}">Β«</a>
  192. {/block:PreviousPage}
  193. {/block:Pagination}
  194. {Title}
  195. {block:Pagination}
  196. {block:NextPage}
  197. <a href="{NextPage}">Β»</a>
  198. {/block:NextPage}
  199. {/block:Pagination}
  200. </div>
  201. </div>
  202. <div id="sidebarimage">
  203. <img src="{image:sidebar}">
  204. </div>
  205. <div id="musicplayer">
  206. <center>
  207. <object type="application/x-shockwave-flash" data="http://flash-mp3-player.net/medias/player_mp3_mini.swf" width="200" height="20">
  208. <param name="movie" value="http://flash-mp3-player.net/medias/player_mp3_mini.swf" />
  209. <param name="bgcolor" value="{color:sidebarbg}" />
  210. <param name="FlashVars" value="mp3=http%3A//flash-mp3-player.net/medias/another_world.mp3&amp;buttoncolor=cbcbcb&amp;slidercolor=cbcbcb" />
  211. </object>
  212. </center>
  213. </div>
  214. </div>
  215.  
  216. <div id="entries">
  217. {block:Posts}
  218. <div id="posts">
  219.  
  220. {block:Quote}
  221. <h1>{Quote}</h1>
  222. {/block:Quote}
  223. {block:Source}
  224. <div id="source">&mdash; {Source}</div>
  225. {/block:Source}
  226.  
  227. {block:Text}
  228. {block:Title}<h1>{Title}</h1>{/block:Title}
  229. {Body}
  230. {/block:Text}
  231.  
  232. {block:Photo}
  233. <div style="padding-top:10px;">{LinkOpenTag}<img src="{PhotoUrl-500}">{LinkCloseTag}</div>
  234. {block:Caption}{Caption}{/block:Caption}
  235. {/block:Photo}
  236.  
  237. {block:Photoset}
  238. <div style="padding-top:10px;">{Photoset-500}</div>
  239. {block:Caption}{Caption}{/block:Caption}
  240. {/block:Photoset}
  241.  
  242. {block:Link}
  243. <h1><a href="{URL}" {Target}>{Name}</a></h1>
  244. {block:Description}{Description}{/block:Description}
  245. {/block:Link}
  246.  
  247. {block:Chat}
  248. <div style="padding-top:10px;padding-bottom:10px;">
  249. {block:Title}<h1>{Title}</h1>{/block:Title}
  250. {block:Lines}
  251. {block:Label}<strong style="letter-spacing:1px;font-style:italic;text-transform:lowercase;">{Label}</strong>{/block:Label}
  252. {Line}<br>
  253. {/block:Lines}
  254. </div>
  255. {/block:Chat}
  256.  
  257. {block:Audio}
  258. <div style="padding-top:10px;">
  259. <div id="player">{AudioPlayerWhite}</div>
  260. {block:AlbumArt}
  261. <div id="cover"><img src="{AlbumArtURL}" width="70"></div>
  262. {/block:AlbumArt}
  263. <div class="audioinfo">
  264. {block:Artist}<strong style="font-size:9px;letter-spacing:1px;font-style:italic;font-weight:bold;text-transform:lowercase;">
  265. Artist:
  266. </strong>
  267. {Artist}
  268. {/block:Artist}<br>
  269. {block:TrackName}<strong style="font-size:9px;letter-spacing:1px;font-style:italic;font-weight:bold;text-transform:lowercase;">
  270. Track:
  271. </strong>
  272. {TrackName}
  273. {/block:TrackName}<br>
  274. {block:Album}<strong style="font-size:9px;letter-spacing:1px;font-style:italic;font-weight:bold;text-transform:lowercase;">
  275. Album:
  276. </strong>
  277. {Album}
  278. {/block:Album}<br>
  279. {block:PlayCount}<strong style="font-size:9px;letter-spacing:1px;font-style:italic;font-weight:bold;text-transform:lowercase;">
  280. Plays:
  281. </strong>
  282. {PlayCount}
  283. {/block:PlayCount}
  284. </div>
  285. </div>
  286. {/block:Audio}
  287.  
  288. {block:Video}
  289. {Video-500}
  290. {block:Caption}{Caption}{/block:Caption}
  291. {/block:Video}
  292.  
  293. {block:Answer}
  294. <div style="padding-top:10px;padding-bottom:10px;">
  295. <div id="asker">
  296. {Asker}
  297. </div>
  298. <div id="ask">
  299. {Question}
  300. </div>
  301. {Answer}
  302. </div>
  303. {/block:Answer}
  304.  
  305. <div id="info">
  306. <div id="permalink">
  307. <a href="{Permalink}"><strong><i>{block:Date}{TimeAgo}{/block:Date}</i></strong></a><div style="float:right;color:{color:info}">{NoteCount}</div>
  308.  
  309. {block:PostNotes}
  310. <div id="note">
  311. {PostNotes}
  312. </div>
  313. {block:PostNotes}
  314.  
  315. </div>
  316. </div>
  317.  
  318. </div>
  319. {/block:Posts}
  320. </div>
  321.  
  322. <div id="credit">
  323. <a href="http://astrumwrites.tumblr.com">@</a>
  324. </div>
  325.  
  326. </body>
  327.  
  328. </head>
  329. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement