API tools faq
paste
Advertisement
tsuruui

03HALCYON

tsuruui
Sep 18th, 2013
419
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.15 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <!--
  5. theme by juunko
  6. feel free to edit but please do not claim as your own
  7. thank you and have a nice day!!
  8. -->
  9.  
  10. <head>
  11. <title>{Title}</title>
  12. <link rel="shortcut icon" href="{Favicon}">
  13.  
  14. <meta name="color:background" content="#ffffff">
  15. <meta name="color:postbg" content="#ffffff">
  16. <meta name="image:background" content="">
  17. <meta name="color:links" content="#000000">
  18. <meta name="color:link hover" content="#ffffff">
  19. <meta name="color:borders" content="#000000">
  20. <meta name="color:line" content="#000000">
  21. <meta name="color:notes" content="#000000">
  22. <meta name="text:ask" content="dreamt">
  23. <meta name="if:borders" content="1">
  24. <meta name="if:linksfont1" content="0">
  25. <meta name="if:linksfont2" content="1">
  26. <meta name="if:photofade" content="1">
  27. <meta name="if:lines" content="1">
  28. <meta name="text:link1"content""/>
  29. <meta name="text:link1 name" content""/>
  30. <meta name="text:link2"content""/>
  31. <meta name="text:link2 name" content""/>
  32. <meta name="text:link3"content""/>
  33. <meta name="text:link3 name" content""/>
  34.  
  35. <style type="text/css">
  36. @font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/1kdckk4/9yjlolf0w/slkscr.ttf'); }
  37.  
  38. ::-webkit-scrollbar { width: 4px; background-color: {color:background}; }
  39.  
  40. ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); border-radius: 0px; background-color: {color:background}; }
  41.  
  42. ::-webkit-scrollbar-thumb { border-radius: 0px; -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.5); background-color: {color:borders}; }
  43.  
  44. ::-webkit-scrollbar-corner { background: #transparent ; }
  45.  
  46. {CustomCSS}
  47. iframe#tumblr_controls{
  48. right:0px !important;
  49. position:fixed !important;
  50. -webkit-filter:invert(100%);
  51. opacity:.5;
  52. z-index:999999;
  53. }
  54.  
  55. ::selection {
  56. background: #fafafa;
  57. color:#666666;
  58.  
  59. }
  60.  
  61. ::-moz-selection {
  62. background: #fafafa;
  63. color:#666666;
  64.  
  65. }
  66.  
  67. ::-webkit-selection {
  68. background: #fafafa;
  69. color:#666666;
  70. }
  71.  
  72. a {
  73. color:#666;
  74. text-decoration:none;
  75.  
  76. -webkit-transition:opacity 0.5s linear; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out;
  77. transition:all 0.5s ease-out;
  78. }
  79.  
  80. body {
  81. background:{color:Background} url('{image:background}') fixed repeat center;
  82. font:10px silkscreen;
  83. }
  84.  
  85. a:hover {
  86. cursor:help;
  87. color:{color:link hover};
  88. text-shadow:1px 1px #666;
  89.  
  90.  
  91. }
  92.  
  93. b, strong {
  94. font-size:9px;
  95. text-transform:uppercase;
  96. }
  97.  
  98. i, em {
  99. color:{color:text};
  100. font-size:9px;
  101. font-weight:lighter;
  102. }
  103.  
  104. h2 {
  105. font-size:0px;
  106. margin-bottom:-5px;
  107. border-bottom: 1px solid {color:borders};
  108. padding-bottom:2px;
  109. letter-spacing:1px;
  110. line-height:12px;
  111. text-transform: lowercase;
  112. font-weight:lighter;
  113. }
  114.  
  115.  
  116.  
  117. #desc{
  118. display:none;
  119. position:relative;
  120. font-family:calibri;
  121. color:#fafafa;
  122. width:100px;
  123. margin-top:0px;
  124. margin-bottom:5px;
  125. height:auto;
  126. font-size:9px;
  127. letter-spacing:4px;
  128. text-align:center;
  129. opacity:0.8;
  130. -webkit-transition: all 0.4s linear;
  131. -moz-transition: all 0.4s linear;
  132. transition: all 0.4s linear;
  133. }
  134.  
  135. #desc:hover {
  136. opacity:0.6;
  137. }
  138.  
  139. #sidebar {
  140. position:fixed;
  141. background-color:#fff;
  142. display:none;
  143. width:90px;
  144. height:100%;
  145. padding-top:0px;
  146. top:0px;
  147. left:0px;
  148. color:{color:sidebar text};
  149. }
  150.  
  151. #content {
  152. padding-left:10px;
  153. padding-bottom:0px;
  154. border-left:none;
  155. background-color:{color:postbg}
  156. padding-top:10px;
  157. width:500px;
  158. overflow:hidden;
  159. margin-left:50px;
  160. margin-top:30px;
  161. font-size:9px;
  162. {block:permalinkpage}width:560px;{/block:permalinkpage}
  163. }
  164.  
  165. #notes {
  166. position:relative;
  167. {block:PermalinkPage}
  168. opacity:1;
  169. {/block:PermalinkPage}
  170. {block:IndexPage}
  171. opacity:0;
  172. bottom:0px;
  173. text-align:right;
  174. width:auto;
  175. right:0px;
  176. font-size:0px;
  177. overflow:auto;
  178. padding:0px;
  179. background-color:transparent;
  180. {/block:IndexPage}
  181. -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out;
  182. transition:all 0.2s ease-in-out;
  183. }
  184.  
  185. #notes a {
  186. color:{color:notes};
  187. }
  188. .post {
  189. border:none;
  190. padding:5px;
  191. margin:20px;
  192. float:left;
  193. -webkit-transition-duration:1s;
  194. -moz-transition-duration:1s;
  195. background:{color:postbg};
  196. {block:indexpage}
  197. width:180px;
  198. {/block:indexpage}
  199. {block:permalinkpage}
  200. width:500px;
  201. {/block:permalinkpage}
  202. {block:ifborders}
  203. border:1px dotted {color:borders};
  204. {/block:ifborders}
  205. }
  206. {block:indexpage}
  207.  
  208. .post img{
  209. {block:ifphotofade}
  210. opacity:0.8;
  211. -webkit-transition:opacity 0.5s linear; -webkit-transition:all 0.5s ease-out; -moz-transition:all 0.5s ease-out;
  212. transition:all 0.5s ease-out;
  213. {/block:ifphotofade}
  214. width:180px;
  215. margin-bottom:0px;
  216. background:{color:Background}
  217. {/block:indexpage}
  218. {block:permalinkpage}
  219. max-width:500px;
  220. {/block:permalinkpage}
  221.  
  222. }
  223.  
  224. .post:hover #notes{
  225. opacity:1;
  226. font-size:9px;
  227.  
  228. }
  229. .post img:hover {
  230. opacity:1;
  231. }
  232.  
  233.  
  234. blockquote {
  235. padding: 2px;
  236. overflow:hidden;
  237. padding-left: 5px;
  238. border-left: 1px solid #eee;
  239. margin-left:25px;
  240. margin-right: 30px;
  241. background-color: #fff;
  242. opacity:0.7;
  243. color: {color:blockquote text};
  244. }
  245.  
  246. #link {
  247. position:fixed;
  248. bottom:5px;
  249. {block:indexpage}
  250. left:520px;
  251. {/block:indexpage}
  252. {block:permalinkpage}
  253. left:590px;
  254. {/block:permalinkpage}
  255. width:90px;
  256. {block:iflinksfont1}
  257. font:30px meiryo;
  258. {/block:iflinksfont1}
  259. {block:iflinksfont2}
  260. font:35px silkscreen;
  261. {/block:iflinksfont2}
  262. text-align:center;
  263. text-transform:none;
  264. margin-top:-5px;
  265. z-index:9999;
  266. }
  267.  
  268. #link a{
  269. color:{color:links};
  270. }
  271.  
  272. #link a:hover{
  273. color:{color:link hover};
  274. text-shadow: 1px 1px #666;}
  275. #thing {
  276. bottom:0px;
  277. right:0px;
  278. position:fixed;
  279. font-family:calibri;
  280. text-align:center;
  281. font-size:9px;
  282. opacity:1;
  283. -webkit-transition: opacity 0.5s linear;
  284. }
  285.  
  286. #thing:hover{
  287. opacity:0.8;
  288. }
  289. #thingdesc {
  290. position:fixed;
  291. bottom:10px;
  292. font-family:calibri;
  293. text-align:center;
  294. font-size:9px;
  295. display:none;
  296. }
  297.  
  298. {block:iflines}
  299. #line {
  300. position:fixed;
  301. font-family:meiryo;
  302. font-size:14px;
  303. color:#000;
  304. opacity:1;
  305. background-color:{color:line};
  306. height:100%;
  307. width:30px;
  308. top:0px;
  309. z-index:99999;
  310. }
  311.  
  312. #line2 {
  313. position:fixed;
  314. font-family:meiryo;
  315. font-size:14px;
  316. color:#000;
  317. opacity:1;
  318. background-color:{color:line};
  319. height:100%;
  320. width:5px;
  321. top:0px;
  322. left:40px;
  323. z-index:99999;
  324. }
  325.  
  326. #line3 {
  327. position:fixed;
  328. font-family:meiryo;
  329. font-size:14px;
  330. color:#000;
  331. opacity:1;
  332. background-color:{color:line};
  333. height:1px;
  334. width:100%;
  335. margin-left:-40px;
  336. top:30px;
  337. left:40px;
  338. }
  339.  
  340. #line4 {
  341. position:fixed;
  342. font-family:meiryo;
  343. font-size:14px;
  344. color:#000;
  345. opacity:1;
  346. background-color:{color:line};
  347. height:2px;
  348. width:100%;
  349. margin-left:-40px;
  350. top:25px;
  351. left:40px;
  352. }
  353. {/block:iflines}
  354. .overflow {
  355. width:180px;
  356. height:auto;
  357. max-height:2000px;
  358. overflow:hidden;
  359. }
  360. #bq {
  361. margin-left:16px;
  362. margin-right:20px;
  363. margin-bottom:-5px;
  364. border-left:1px solid {color:borders};
  365. opacity:0.7;
  366. padding-left:5px;
  367. background-color:#fff;
  368. }
  369. #text {
  370. {block:indexpage}
  371. width:180px;
  372. margin-bottom:0px;
  373. {/block:indexpage}
  374. {block:permalinkpage}
  375. padding-top:0px;
  376. padding-bottom:10px;
  377. {/block:permalinkpage}
  378. }
  379.  
  380. .player {
  381. }
  382.  
  383. #s-m-t-tooltip {
  384. z-index:9999;
  385. background-color:{color:borders};
  386. line-height:11px;
  387. font:8px silkscreen;
  388. text-transform:uppercase;
  389. color:{color:background};
  390. max-width:150px;
  391. word-wrap:break-word;
  392. padding:5px;
  393. display:block;
  394. margin:25px 0 0 15px;
  395. }
  396.  
  397. #credit {
  398. position:fixed;
  399. bottom:0px;
  400. right:0px;
  401. }
  402. .tumblrAutoPager_page_info, .tumblrAutoPager_page_separator {display:none;}
  403. #infscr-loading {display:none;}
  404. .navigation {display:none!important;}
  405. </style>
  406.  
  407. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  408. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  409. <script>
  410. (function($){
  411. $(document).ready(function(){
  412. $("[title]").style_my_tooltips();
  413. });
  414. })(jQuery);
  415. </script>
  416.  
  417. {block:indexpage}
  418. <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/zr9m0w1np/masonryq.js"></script>
  419. <script type="text/javascript" src="http://static.tumblr.com/nj7bgyh/J0qm0vycn/querymasonry.js"></script>
  420. <script src="http://static.tumblr.com/nj7bgyh/bynm0xy7g/endlessscrolljquery.js"></script>
  421. <script src="http://static.tumblr.com/nj7bgyh/rNom0vy8o/masonry.js"></script>
  422. <script type="text/javascript">
  423. $(window).load(function () {
  424. $('#content').masonry(),
  425. $('.masonryWrap').infinitescroll({
  426. itemSelector : ".post",
  427. navSelector : "div.navigation",
  428. nextSelector : ".navigation a#next",
  429. bufferPx : 10000,
  430. extraScrollPx: 12000,
  431. loadingImg : "",
  432. loadingText : "",
  433. },
  434. function() { $('#content').masonry({ appendedContent: $(this) });
  435. });
  436. });
  437.  
  438. </script>{/block:indexpage}
  439. </head>
  440. </div>
  441. <body>
  442. <div id="credit"><a href="http://juunko.tumblr.com">©</a></div>
  443. <div id="thing"><a href="#top"><img src="" style="max-height:700px; max-width:900px;"></img></a></div>
  444. </div>
  445.  
  446. <div class="navigation">
  447. {block:Pagination}
  448. {block:NextPage}<p id="page_nav"><a style="float:right" href="{NextPage}" id="next">Older ?</a>{/block:NextPage}
  449. {block:PreviousPage}<a style="float:left" href="{PreviousPage}">? Newer</a></p>{/block:PreviousPage}
  450. {/block:Pagination}
  451.  
  452. </div>
  453.  
  454. <div id="line"></div>
  455. <div id="line2"></div>
  456. <div id="line3"></div>
  457. <div id="line4"></div>
  458. <div id="sidebar"></div>
  459.  
  460. <div id="desc">{description}</div>
  461.  
  462. <div id="link"><a href="/" title="index">01</a><br>
  463. <a href="/ask" title="message">02</a><br>
  464. <a href="{text:link1}" title="{text:link1 name}">03</a><br>
  465. <a href="{text:link2}" title="{text:link2 name}">04</a><br>
  466. <a href="{text:link3}" title="{text:link3 name}">05</a>
  467. </div>
  468.  
  469. </div></div>
  470.  
  471. </div>
  472.  
  473. <div id="content">
  474.  
  475. {block:Posts}
  476. <div class="post">
  477. {block:IndexPage}<div class="permalink"><a href="{Permalink}"></a></div>{/block:IndexPage}
  478.  
  479. {block:Text}
  480. <div id="text">{block:Title}<h2><b><a href="{Permalink}">{Title}</a></b></h2>{/block:Title}
  481. {Body}</div>{block:IndexPage}<div id="notes"><a href="{Permalink}"title="{notecountwithlabel}">{block:Date} {24HourWithZero}:{Minutes}{/block:Date}</a></div>{/block:IndexPage}{block:permalinkpage} {block:HasTags}Tagged; {block:Tags}<a href="{TagURL}">{Tag}</a>. {/block:Tags}<br>{/block:HasTags}
  482. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  483. {block:PostNotes}{PostNotes}{/block:PostNotes}{/block:permalinkpage}
  484. {/block:Text}
  485.  
  486. {block:Photo}
  487. {block:IndexPage}{LinkOpenTag}<a href="{Permalink}" title="{notecountwithlabel}"><img src="{PhotoURL-250}" alt="{PhotoAlt}" style="max-width:180px"/></a>{LinkCloseTag}{/block:IndexPage}
  488. {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}">{LinkOpenTag}{block:Caption}{Caption}{/block:Caption} {block:HasTags}Tagged; {block:Tags}<a href="{TagURL}">{Tag}</a>. {/block:Tags}<br>{/block:HasTags}
  489. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  490. {block:PostNotes}{PostNotes}{/block:PostNotes}{/block:PermalinkPage}
  491. {/block:Photo}
  492.  
  493. {block:Photoset}
  494. {block:IndexPage}<center>{block:Photos}<a href="{permalink}" title="{NoteCountWithLabel}"><img src="{PhotoURL-250}"></a>{/block:Photos}</center>{/block:IndexPage}
  495. {block:IfShowCaptions}{block:IndexPage}{block:Caption}{Caption}{/block:Caption}{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}{Photoset-500}{block:Caption}{Caption}{/block:Caption} {block:HasTags}Tagged; {block:Tags}<a href="{TagURL}">{Tag}</a>. {/block:Tags}<br>{/block:HasTags}
  496. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  497. {block:PostNotes}{PostNotes}{/block:PostNotes}{/block:PermalinkPage}
  498. {/block:Photoset}
  499.  
  500. {block:Quote}
  501. <div id="text">"{Quote}"
  502. {block:Source}<br></br>—<i>{Source}{/block:Source}</i>{block:IndexPage}<div id="notes"><a href="{Permalink}"title="{notecountwithlabel}">{block:Date} {24HourWithZero}:{Minutes}{/block:Date}</a></div>{/block:IndexPage}{block:permalinkpage} {block:HasTags}Tagged; {block:Tags}<a href="{TagURL}">{Tag}</a>. {/block:Tags}<br>{/block:HasTags}
  503. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  504. {block:PostNotes}{PostNotes}{/block:PostNotes}{/block:Permalinkpage}</div>
  505. {/block:Quote}
  506.  
  507. {block:Link}
  508. <h2><b><a href="{URL}">{Name}</a></h2></b>{block:Description}{Description}{/block:Description}<div id="text">{block:IndexPage}<div id="notes"><a href="{Permalink}"title="{notecountwithlabel}">{block:Date} {24HourWithZero}:{Minutes}{/block:Date}</a></div>{/block:IndexPage}{block:permalinkpage} {block:HasTags}Tagged; {block:Tags}<a href="{TagURL}">{Tag}</a>. {/block:Tags}<br>{/block:HasTags}
  509. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  510. {block:PostNotes}{PostNotes}{/block:PostNotes}{/block:Permalinkpage}</div>
  511. {/block:Link}
  512.  
  513. {block:Chat}
  514. <div id="text">{block:Title}<b>{Title}</b>{/block:Title}
  515. {block:Lines}{block:Label}<b>{Label}</b> {Line}<br>{/block:Label}{/block:Lines}{block:IndexPage}<div id="notes"><a href="{Permalink}"title="{notecountwithlabel}">{block:Date} {24HourWithZero}:{Minutes}{/block:Date}</a></div>{/block:IndexPage}{block:permalinkpage} {block:HasTags}Tagged; {block:Tags}<a href="{TagURL}">{Tag}</a>. {/block:Tags}<br>{/block:HasTags}
  516. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  517. {block:PostNotes}{PostNotes}{/block:PostNotes}{/block:Permalinkpage}</div>
  518. {/block:Chat}
  519.  
  520. {block:Audio}
  521. {block:IndexPage}<div class="overflow">{block:AlbumArt}<img src="{AlbumArtURL}" style=""></img>
  522. {/block:AlbumArt}<div class="player">{AudioPlayerWhite}</div></div><div class="overflow"></div>{/block:IndexPage}
  523. <div id="notes"><a href="{Permalink}"title="{notecountwithlabel}">{block:Date} {24HourWithZero}:{Minutes}{/block:Date}</a></div>{block:permalinkpage}<div class="player">{AudioPlayerWhite}</div>
  524. {block:Caption}{Caption}{/block:Caption} {block:HasTags}Tagged; {block:Tags}<a href="{TagURL}">{Tag}</a>. {/block:Tags}<br>{/block:HasTags}
  525. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  526. {block:PostNotes}{PostNotes}{/block:PostNotes}{/block:Permalinkpage}
  527. {/block:Audio}
  528.  
  529. {block:Answer}
  530. <i>{Asker}</i> {Text:Ask}: {Question}<br>
  531. {Answer}{block:IndexPage}<div id="notes"><a href="{Permalink}"title="{notecountwithlabel}">{block:Date}{24HourWithZero}:{Minutes}{/block:Date}</a>{/block:IndexPage}{block:permalinkpage} {block:HasTags}Tagged; {block:Tags}<a href="{TagURL}">{Tag}</a>. {/block:Tags}<br>{/block:HasTags}
  532. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  533. {block:PostNotes}{PostNotes}{/block:PostNotes}{/block:Permalinkpage}</div>
  534. {/block:answer}
  535.  
  536. {block:Video}
  537. {block:IndexPage}<div class="video"><div class="overflow">{Video-250}</div></div><div id="notes"><a href="{Permalink}"title="{notecountwithlabel}">{block:Date} {24HourWithZero}:{Minutes}{/block:Date}</a></div>{/block:IndexPage}{/block:IfShowCaptions}{block:PermalinkPage}<div class="video">{Video-500}</div>{block:Caption}{Caption}{/block:Caption} {block:HasTags}Tagged; {block:Tags}<a href="{TagURL}">{Tag}</a>. {/block:Tags}<br>{/block:HasTags}
  538. {block:NoteCount}{NoteCountWithLabel}{/block:NoteCount}
  539. {block:PostNotes}{PostNotes}{/block:PostNotes}{/block:PermalinkPage}
  540. {/block:Video}
  541.  
  542. </div>
  543. {/block:Posts}
  544. </div>
  545. </div>
  546. </body>
  547. </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!