API tools faq
paste
Advertisement
sunkei

sonata

sunkei
Mar 26th, 2016
1,485
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 11.65 KB | None | 0 0
raw download clone embed print report
  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
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!