Advertisement
sunkei

sonata

Mar 26th, 2016
1,355
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.65 KB | None
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3.  
  4.  
  5.  
  6. <!--
  7. Sonata
  8. theme by lavestale
  9. lavestale's theme blog: gyapo.tumblr.com
  10.  
  11. don't remove this comment
  12. -->
  13.  
  14. <html>
  15. <head>
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}
  20. <meta name="description" content="{MetaDescription}" />
  21. {/block:Description}
  22.  
  23. <meta name="color:Background" content="#fff" />
  24. <meta name="color:Button BG" content="#000" />
  25. <meta name="color:Button" content="#fff" />
  26. <meta name="color:Description" content="#aaa" />
  27. <meta name="color:Description BG" content="#fff" />
  28. <meta name="image:Background" content="http://static.tumblr.com/s2ymoja/VvDlxg73h/crazykira-resources_34__05_.png"/>
  29.  
  30. <meta name="text:Picture height" content="60" />
  31. <meta name="image:Picture" content="http://static.tumblr.com/s2ymoja/Hefm1n8lv/pow1.gif"/>
  32.  
  33.  
  34. <meta name="color:Link BG" content="#d4e9fe" />
  35. <meta name="color:Link" content="#1f91ff" />
  36. <meta name="color:Titles Border" content="#ffcf00" />
  37. <meta name="color:Entry Text" content="#252525" />
  38. <meta name="color:Entry BG" content="#fff" />
  39.  
  40.  
  41.  
  42. <meta name="text:Link 1" content="" />
  43. <meta name="text:Link 1 title" content="link 1 title" />
  44. <meta name="text:Link 2" content="" />
  45. <meta name="text:Link 2 title" content="link 2 title" />
  46.  
  47. <meta name="if:Post Size 1" content="0"/>
  48. <meta name="if:Post Size 2" content="1"/>
  49. <meta name="if:Post Size 3" content="0"/>
  50. <meta name="if:Show Buttons" content="1"/>
  51. <meta name="if:Picture Fixed" content="0"/>
  52. <meta name="if:Caption" content="0"/>
  53. <meta name="if:endless scroll" content="0"/>
  54.  
  55. {block:IfEndlessScroll}
  56. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  57.  
  58. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/EIBmz7s0p/infinitescrolling.js"></script>{/block:IfEndlessScroll}
  59.  
  60. <style type="text/css">
  61.  
  62.  
  63. body
  64. {font-family:consolas;
  65. font-size:12px;
  66. background-color:{color:Background};
  67. background-image:url('{image:Background}');
  68. background-position: fixed;
  69. background-attachment:fixed;
  70. background-repeat:repeat;}
  71.  
  72. a
  73. {text-decoration:none;}
  74.  
  75. #side
  76. {left:175px;width:150px;position:fixed;}
  77.  
  78. #about
  79. {padding:5px;color:{color:Description};background-color:{color:Description BG};text-align:justify;}
  80.  
  81. #picture
  82. {-webkit-transition: opacity 0.7s linear;-webkit-transition: all .7s ease-in-out;-moz-transition: all .7s ease-in-out;-o-transition: all .7s ease-in-out;}
  83.  
  84. .button, .sidebar a, .nav
  85. {-webkit-transition: opacity 0.4s linear;-webkit-transition: all .4s ease-in-out;-moz-transition: all .4s ease-in-out;-o-transition: all .4s ease-in-out;}
  86.  
  87. {block:IfNotPictureFixed}
  88. #side
  89. {top:250px;}
  90. #picture
  91. {margin-top:-25px;position:fixed;z-index:-999;}
  92. #side:hover #picture
  93. {margin-top:-{text:Picture height}px;}
  94. {/block:IfNotPictureFixed}
  95.  
  96. {block:IfPictureFixed}
  97. #side
  98. {top:210px;}
  99. #picture
  100. {z-index:-999}
  101. #menu
  102. {margin-top:-17px;position:absolute;}
  103. {/block:IfPictureFixed}
  104.  
  105. #menu
  106. {text-align:center;width:150px;}
  107. .button
  108. {color:{color:Button};background-color:{color:Button BG};font-size:12px;}
  109. .button:hover
  110. {opacity:0.5;}
  111.  
  112. #posts
  113. {margin-left:410px;margin-top:25px;}
  114.  
  115. .post
  116. {{block:IfPostSize1}width:500px;{/block:IfPostSize1}
  117. {block:IfPostSize2}width:400px;{/block:IfPostSize2}
  118. {block:IfPostSize3}width:250px;{/block:IfPostSize3}
  119. overflow:hidden;
  120. background-color:{color:Entry BG};color:{color:Entry Text};
  121. {block:IndexPage}margin-bottom:35px;{/block:IndexPage}text-align:justify;}
  122.  
  123. .post img
  124. {{block:IfPostSize1}max-width:500px;{/block:IfPostSize1}
  125. {block:IfPostSize2}max-width:400px;{/block:IfPostSize2}
  126. {block:IfPostSize3}max-width:250px;{/block:IfPostSize3}}
  127.  
  128. .permabar
  129. {{block:IfPostSize1}width:500px;{/block:IfPostSize1}
  130. {block:IfPostSize2}width:400px;{/block:IfPostSize2}
  131. {block:IfPostSize3}width:250px;{/block:IfPostSize3}
  132. margin-top:15px;}
  133.  
  134. a
  135. {color:{color:Link};}
  136. b
  137. {color:{color:Link};}
  138. blockquote
  139. {border-left:2px solid {color:Titles Border};padding-left:10px;margin-left:25px;}
  140. ul { list-style-type: circle;}
  141. ol { list-style-type: katakana;}
  142.  
  143. .quote, .title
  144. {font-size:14px;}
  145. .source
  146. {text-transform:uppercase;margin-top:3px;letter-spacing:2px;font-size:10px;}
  147.  
  148. .caption
  149. {padding:0px 10px 0px 10px;border:1px solid {color:Titles Border};}
  150.  
  151. .caption a, .body a, .source a, #about a, .question span, .answer a, .date a
  152. {background-color:{color:Link BG};padding:0px 5px 0px 5px;}
  153.  
  154.  
  155. .border
  156. {padding:1px;border:1px solid {color:Titles Border};margin-top:3px;}
  157. .border_blue
  158. {padding:1px;border:1px solid {color:Link BG};margin-top:3px;}
  159.  
  160. .infos
  161. {padding:5px 10px 5px 10px;}
  162. {border-top:1px solid transparent;}
  163.  
  164. .odd, .even
  165. {margin:5px 10px 5px 10px;}
  166. .body, .answer
  167. {padding:0px 10px 0px 10px;}
  168. .odd
  169. {opacity:0.6;}
  170. .label, .caption a, .body a, .source a, #about a, .answer a, .permabar
  171. {text-transform:uppercase;font-size:10px;letter-spacing:1px;}
  172. .body i, #about i
  173. {opacity:0.6;}
  174. .title
  175. {padding:10px;border:1px solid {color:Link BG};}
  176.  
  177. .avatar
  178. {width:34px;padding:10px;overflow:hidden;border: 1px solid {color:Link BG};}
  179. .avatar img
  180. {overflow:hidden;border-radius:10px;}
  181. .question, .date, .tags, .notesin
  182. {padding:10px;}
  183. .answer, .body, #about, .question
  184. {font-size:12px;}
  185.  
  186. .sidebar
  187. {position:absolute;width:20px;text-align:center;
  188. {block:IfPostSize1}margin-left:500px;{/block:IfPostSize1}
  189. {block:IfPostSize2}margin-left:400px;{/block:IfPostSize2}
  190. {block:IfPostSize3}margin-left:250px;{/block:IfPostSize3}
  191. }
  192. .perma
  193. {margin-bottom:5px;}
  194.  
  195. {block:IfShowButtons}
  196. .sidebar a
  197. {opacity:0.5;}
  198. .sidebar a:hover
  199. {opacity:1;}
  200. {/block:IfShowButtons}
  201. {block:IfNotShowButtons}
  202. .sidebar a
  203. {opacity:0;}
  204. .post:hover .sidebar a
  205. {opacity:1;}
  206. .sidebar a:hover
  207. {opacity:0.5;}
  208. {/block:IfNotShowButtons}
  209. .content, .tags, .date, .notesin
  210. {border:1px solid {color:Link BG};;}
  211. .tags, .notesin
  212. {margin-top:1px;}
  213. .content
  214. {padding:1px;}
  215. .notesin
  216. {max-height:200px;overflow:auto;}
  217. .notesin img
  218. {display:none;height:0px;width:0px;}
  219. .notesin li
  220. {margin-bottom:3px;}
  221.  
  222. .nav
  223. {float:left;font-size:16px;padding:0px 7px 0px 7px;background-color:{color:Description BG};}
  224. .nav:hover
  225. {background-color:{color:Link BG};}
  226.  
  227.  
  228. </style>
  229.  
  230. <body>
  231.  
  232. {block:IfEndlessScroll}<div id="top"></div>
  233. <a style="position:fixed;bottom:10px;right:10px;" href="#top" class="label">〘 back to top 〙</a>{/block:IfEndlessScroll}
  234.  
  235. <div id="side">
  236.  
  237. <div id="picture"><img width="150px" src="{image:Picture}"/></div>
  238. <table id="menu" cellpadding="0" cellspacing="0"><tr>
  239. <td><a title="♛" href="/"><div class="button">☆</div></a></td>
  240. <td><a title="☎" href="/ask"><div class="button">✖</div></a></td>
  241. <td><a title="{text:Link 1 title}" href="{text:Link 1}"><div class="button">✖</div></a></td>
  242. <td><a title="{text:Link 2 title}" href="{text:Link 2}"><div class="button">✖</div></a></td>
  243. <td><a title="archive" href="/archive"><div class="button">✖</div></a>
  244. <td><a title="sonata by gyapo" href="http://gyapo.tumblr.com/"><div class="button">☆</div></a></td>
  245. </tr></table>
  246. <div id="about">{Description}</div>
  247. {block:IfNotEndlessScroll}{block:Pagination}
  248. <div id="navigation>">
  249. {block:NextPage}<a href="{NextPage}"><div class="nav">+</div></a>{/block:NextPage}
  250. {block:PreviousPage}<a href="{PreviousPage}"><div class="nav">-</div></a>{/block:PreviousPage}
  251. </div>
  252. {/block:Pagination}{block:IfNotEndlessScroll}
  253. </div>
  254.  
  255.  
  256. <div id="posts">
  257.  
  258.  
  259. {block:Posts}
  260. <div class="post">
  261. <div class="sidebar">
  262. <a href="{Permalink}"><div class="perma">★</div></a>
  263. <a href="{ReblogURL}" target="_blank"><div class="reblog">R</div></a>
  264. </div>
  265.  
  266.  
  267. {block:Answer}
  268. <table cellpadding="0" cellspacing="0">
  269. <tr>
  270. <td class="asker"><div class="border_blue"><div class="avatar">
  271. <img width="34px" src="{AskerPortraitURL-48}">
  272. </div></div></td>
  273. <td><div class="question">
  274. 『 {Question} 』 — <span class="label">{Asker}</span>
  275. </div></td>
  276. </tr>
  277. <tr><td colspan="2">
  278. <div class="answer">{Answer}</div>
  279. </td></tr>
  280. </table>
  281. {/block:Answer}
  282.  
  283. {block:Link}
  284. <a href="{URL}" {Target}>
  285. <div class="border_blue"><div class="title"><span style="font-family:arial;font-size:14px">➜</span> 【 {Name} 】</div></div>
  286. </a>
  287. {block:Description}
  288. <div class="body">{Description}</div>
  289. {/block:Description}
  290. {/block:Link}
  291.  
  292. {block:Text}
  293. {block:Title}
  294. <div class="border_blue"><div class="title">{Title}</div></div>
  295. {/block:Title}
  296. <div class="body">{Body}</div>
  297. {/block:Text}
  298.  
  299. {block:Chat}
  300. {block:Title}
  301. <div class="title">{Title}</div>
  302. {/block:Title}
  303. {block:Lines}
  304. <div class="{Alt}">
  305. {block:Label}<span class="label">□ {Label}</span>{/block:Label}
  306. <span class="line">『 {Line} 』</span>
  307. </div>
  308. {/block:Lines}
  309. {/block:Chat}
  310.  
  311. {block:Audio}
  312. <div style="background-color:#000;overflow:hidden;">{AudioPlayerBlack}
  313. </div>
  314. <div class="infos">
  315. {block:TrackName}【 {TrackName} 】{/block:TrackName} {block:Artist}by {Artist}{/block:Artist}
  316. <br>※{PlayCountWithLabel}
  317. </div>
  318. {/block:Audio}
  319.  
  320. {block:Quote}
  321. <div class="quote"> 『 {Quote} 』</div>
  322. {block:Source}
  323. <div class="source">— {Source}</div>
  324. {/block:Source}
  325. {/block:Quote}
  326.  
  327. {block:Photo}
  328. <div class="photo"><a href="{Permalink}">
  329. <img class="photo" src="{PhotoURL-500}"
  330. {block:IfPostSize1}width="500px"{/block:IfPostSize1}
  331. {block:IfPostSize2}width="400px"{/block:IfPostSize2}
  332. {block:IfPostSize3}width="250px"{/block:IfPostSize3}alt="{PhotoAlt}"/>
  333. </a></div>
  334. {/block:Photo}
  335.  
  336. {block:Video}
  337. <div class="video">
  338. {block:IfPostSize1}{Video-500}{/block:IfPostSize1}
  339. {block:IfPostSize2}{Video-400}{/block:IfPostSize2}
  340. {block:IfPostSize3}{Video-250}{/block:IfPostSize3}
  341. </div>
  342. {/block:Video}
  343.  
  344. {block:Photoset}
  345. <div class="photoset">
  346. {block:IfPostSize1}{Photoset-500}{/block:IfPostSize1}
  347. {block:IfPostSize2}{Photoset-400}{/block:IfPostSize2}
  348. {block:IfPostSize3}{Photoset-250}{/block:IfPostSize3}
  349. </div>
  350. {/block:Photoset}
  351.  
  352.  
  353. {block:IfCaption}
  354. {block:Caption}<div class="border"><div class="caption">{Caption}</div></div>{/block:Caption}
  355. {/block:IfCaption}
  356.  
  357. {block:IfNotCaption}{block:PermalinkPage}
  358. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  359. {block:PermalinkPage}{/block:IfNotCaption}
  360.  
  361. </div>
  362.  
  363. {block:RebloggedFrom}
  364. <!--{ReblogParentName}-->
  365. {/block:RebloggedFrom}
  366.  
  367. {block:ContentSource}
  368. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  369. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  370. {/block:SourceLogo}
  371. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  372. {/block:ContentSource}
  373.  
  374. {block:PermalinkPage}
  375. <div class="permabar">
  376. <div class="content">
  377. {block:Date}<div class="date">□ Posted {TimeAgo} // {NoteCountWithLabel}
  378. {block:RebloggedFrom}<br>□ via <a href="{ReblogParentURL}">〔 {ReblogParentName} 〕</a> , org. <a href="{ReblogRootURL}">〔 {ReblogRootName} 〕</a> {/block:RebloggedFrom}</div>{/block:Date}
  379. {block:HasTags}<div class="tags">□ Tagged : {block:Tags}
  380. &#160<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}
  381. {block:PostNotes}<div class="notesin">{PostNotes}</div>{/block:PostNotes}
  382.  
  383. </div>
  384. </div>
  385. {/block:PermalinkPage}
  386.  
  387. {/block:Posts}
  388. </div>
  389.  
  390. </body>
  391.  
  392. </html>
Advertisement
RAW Paste Data Copied
Advertisement