API tools faq
paste
Advertisement
sunkei

Heichou

sunkei
Sep 22nd, 2013
6,900
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 17.78 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Heichou
  3. theme made by gyapo.tumblr.com
  4. don't remove this comment
  5. -->
  6.  
  7. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  8.  
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10.  
  11.  
  12. <head>
  13. <title>{Title}</title>
  14. <link rel="shortcut icon" href="{Favicon}">
  15. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  16. {block:Description}
  17. <meta name="description" content="{MetaDescription}" />
  18. {/block:Description}
  19.  
  20. <meta name="image:Background" content="http://static.tumblr.com/1f4bd6fd3df0398907c97664f8d27533/onhp7lq/LBomtiyit/tumblr_static_tumblr_ls2e05cme11r3vazto4_100.png"/>
  21. <meta name="image:Picture" content="http://24.media.tumblr.com/tumblr_majqppjjrE1qjekjeo1_250.gif"/>
  22.  
  23. <meta name="color:Background" content="#fff" />
  24.  
  25.  
  26. <meta name="color:Infos" content="#555" />
  27. <meta name="color:Link" content="#0096ff" />
  28. <meta name="color:Link hover" content="#96d303" />
  29.  
  30. <meta name="color:PostBorder" content="#d1e7ff" />
  31. <meta name="color:PictureBorder" content="#faca00" />
  32. <meta name="color:Description" content="#a25804" />
  33. <meta name="color:Description2" content="#fff" />
  34. <meta name="color:DescriptionBG" content="#faca00" />
  35. <meta name="color:Menu" content="#acd8f1" />
  36. <meta name="color:MenuBG" content="#fff" />
  37. <meta name="color:Menu2" content="#a7d304" />
  38.  
  39. <meta name="color:PostBG" content="#fff" />
  40. <meta name="color:PostTitle" content="#525252" />
  41. <meta name="color:PostTitleBG" content="#eee" />
  42. <meta name="color:Title" content="#c7c7c7" />
  43. <meta name="color:Texts" content="#999" />
  44.  
  45. <meta name="text:About" content="+"/>
  46. <meta name="text:link1URL" content="http://"/>
  47. <meta name="text:link1" content="link 1"/>
  48. <meta name="text:link2URL" content="http://"/>
  49. <meta name="text:link2" content="link 2"/>
  50. <meta name="text:link3URL" content="http://"/>
  51. <meta name="text:link3" content="link 3"/>
  52. <meta name="text:link4URL" content="http://"/>
  53. <meta name="text:link4" content="link 4"/>
  54. <meta name="text:link5URL" content="http://"/>
  55. <meta name="text:link5" content="link 5"/>
  56.  
  57.  
  58.  
  59. <meta name="if:250" content="1"/>
  60. <meta name="if:500" content="0"/>
  61. <meta name="if:400" content="0"/>
  62. <meta name="if:Title" content="1"/>
  63. <meta name="if:LinkThree" content="0"/>
  64. <meta name="if:LinkFour" content="0"/>
  65. <meta name="if:LinkFive" content="0"/>
  66. <meta name="if:ReblogButton" content="1"/>
  67. <meta name="if:FixedSide" content="0"/>
  68. <meta name="if:ShowCaption" content="0"/>
  69. <meta name="if:ShowInfos" content="1"/>
  70. <meta name="if:ShowTags" content="1"/>
  71. <meta name="if:EndlessScroll" content="0"/>
  72.  
  73. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
  74. <script>
  75.  
  76.  
  77.  
  78. $(function(){
  79. var divs = $(".koi");
  80. divs.not("#koi1").hide();
  81. $("a").click(function(){
  82. $(".koi").fadeToggle(600, function() {
  83. });
  84. divs.filter(":visible").hide();
  85. $($(this).attr("href")).show();
  86. return false;
  87.  
  88. });
  89. });
  90.  
  91.  
  92.  
  93.  
  94.  
  95. $(function () {
  96. var showText = function (target, message, index, interval) {
  97. if (index < message.length) {
  98. $(target).append(message[index++]);
  99. setTimeout(function () { showText(target, message, index, interval); }, interval);
  100. }
  101. }
  102. showText("#koi1", "{Description}", 0, 60);
  103.  
  104. });
  105.  
  106. </script>
  107.  
  108.  
  109. {block:IfEndlessScroll}
  110. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  111.  
  112. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  113.  
  114. <style type="text/css">
  115.  
  116. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  117.  
  118. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: 1;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
  119.  
  120.  
  121.  
  122. body
  123. {font-family:calibri;
  124. font-size:10px;
  125. color:{color:Texts};
  126. background-color:{color:Background};
  127. background-image:url('{image:Background}');
  128. background-position: fixed;
  129. background-attachment:fixed;
  130. background-repeat:repeat;
  131. }
  132.  
  133. img
  134. {margin-bottom:-3px;
  135. }
  136.  
  137. a
  138. {text-decoration:none;
  139. color:{color:Link};
  140. -webkit-transition: opacity 0.7s linear;
  141. -webkit-transition: all 0.7s ease-in-out;
  142. -moz-transition: all 0.7s ease-in-out;
  143. -o-transition: all 0.7s ease-in-out;
  144. }
  145.  
  146. a:hover
  147. {text-decoration:none;
  148. color:{color:Link hover};
  149. }
  150.  
  151.  
  152. blockquote
  153. {border-left:2px solid;
  154. padding-left:5px;
  155. }
  156.  
  157. #all
  158. {margin:0 auto;
  159. }
  160.  
  161. #side
  162. {margin-left:-190px;
  163. width:181px;
  164. {block:IfNotFixedSide}
  165. position:absolute;
  166. {block:IfNotFixedSide}
  167. {block:IfFixedSide}
  168. position:fixed;
  169. {/block:IfFixedSide} }
  170.  
  171. #menu
  172. {position:absolute;
  173. }
  174. .onglet
  175. {width:88px;
  176. text-align:center;
  177. float:left;-webkit-transition: opacity 0.7s linear
  178. webkit-transition:all 0.7s ease-in-out;
  179. -moz-transition: all 0.7s ease-in-out;
  180. -o-transition: all 0.7s ease-in-out;
  181. }
  182.  
  183. #ichi
  184. {margin-right:2px;
  185. background-color:{color:DescriptionBG};
  186. color:{color:Description2};
  187. }
  188. #ichi .upper
  189. {color:{color:Description};font-family:calibri;;
  190. }
  191. #ichi .koi
  192. {font-family:calibri;font-style:italic;text-align:justify;padding:5px;
  193. }
  194. #ni .upper
  195. {color:{color:Menu};font-family:courier;text-transform:uppercase;
  196. letter-spacing:2px;height:11px;
  197. }
  198. #ni .koi
  199. {font-family:courier;text-transform:uppercase;font-size:8px;
  200. letter-spacing:1px;border-top:1px solid {color:PictureBorder};
  201. }
  202. .bar
  203. {border-top:1px solid {color:MenuBG};
  204. border-bottom:1px solid {color:MenuBG};padding:1px 2px 1px 2px;
  205. color:{color:Menu2};
  206. -webkit-transition: opacity 0.5s linear;
  207. -webkit-transition: all 0.5s ease-in-out;
  208. -moz-transition: all 0.5s ease-in-out;
  209. -o-transition: all 0.5s ease-in-out;}
  210. .bar:hover
  211. {border-top:1px solid {color:PictureBorder};
  212. border-bottom:1px solid {color:PictureBorder};
  213. color:{color:PictureBorder};
  214. }
  215. #ya
  216. {padding-top:3px;border-top:1px solid {color:MenuBG};
  217. }
  218. #yu
  219. {border-bottom:1px solid {color:MenuBG};
  220. }
  221.  
  222. #ni
  223. {background-color:{color:MenuBG};width:89px;
  224. border:1px solid {color:PictureBorder};
  225. }
  226.  
  227. #picture
  228. {width:175px;margin-top:15px;
  229. border:1px solid {color:PictureBorder};padding:2px;background-color:{color:PostBG};
  230. }
  231. #picture img
  232. {width:175px;
  233. }
  234.  
  235. #blog
  236. {font-family:courier;text-transform:uppercase;letter-spacing:2px;
  237. font-size:8px;text-decoration:underline;font-weight:800;
  238. color:{color:Title};margin-top:2px;text-align:center;padding-left:2px;
  239. }
  240.  
  241.  
  242. .post
  243. {width:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;padding:2px;border:1px solid {color:PostBorder};
  244. {block:IndexPage}margin-bottom:50px;{/block:IndexPage}background-color:{color:PostBG};overflow:hidden;
  245. }
  246.  
  247. #permalink img
  248. {width:0px;}
  249. .post img
  250. {max-width:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;
  251. }
  252. #pic img
  253. {width:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;}
  254.  
  255.  
  256.  
  257. #kaede
  258. {position:absolute;width:125px;
  259. margin-left:{block:If500}510{/block:If500}{block:If400}410{/block:If400}{block:If250}260{/block:If250}px;
  260. color:{color:Infos};
  261. font-size:8px;text-transform:uppercase;font-weight:800;
  262. font-family:courier;
  263. {block:IfNotShowInfos}
  264. -webkit-transition: opacity 0.5s linear;
  265. -webkit-transition: all 0.5s ease-in-out;
  266. -moz-transition: all 0.5s ease-in-out;
  267. -o-transition: all 0.5s ease-in-out;
  268. opacity:0;
  269. {/block:IfNotShowInfos}}
  270.  
  271.  
  272. {block:IfNotShowInfos}
  273. .post:hover #kaede {opacity:1;}
  274. {/block:IfNotShowInfos}
  275. .sub
  276. {color:{color:Infos};-webkit-transition: opacity 0.5s linear;
  277. -webkit-transition: all 0.5s ease-in-out;
  278. -moz-transition: all 0.5s ease-in-out;
  279. -o-transition: all 0.5s ease-in-out;
  280. }
  281. .diez
  282. {color:{color:Link};}
  283. .sub:hover
  284. {opacity:0.4;
  285. }
  286.  
  287.  
  288. .part
  289. {margin:0px 0px 3px 0px;
  290. }
  291. .post
  292. {text-align:justify;
  293. }
  294. #quote
  295. {font-style:italic;
  296. }
  297. .source
  298. {font-family:courier;text-transform:uppercase;font-size:8px;
  299. }
  300.  
  301. .title
  302. {background-color:{color:PostTitleBG};color:{color:PostTitle};
  303. font-family:courier;text-transform:uppercase;text-align:center;
  304. }
  305. .label
  306. {font-family:courier;text-transform:uppercase;
  307. padding:1px 2px 1px 2px;font-size:8px;font-weight:800;
  308. }
  309. #zico
  310. {background-color:#000;
  311. width:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;
  312. }
  313. #char
  314. {text-align:center;
  315. margin-top:5px;
  316. }
  317.  
  318. #icon
  319. {background-color:{color:DescriptionBG};padding:10px;margin:-5px 0px 0px -2px;width:30px;height:30px;}
  320. #rep
  321. {padding:0px 10px 0px 10px;
  322. }
  323. #ano
  324. {margin-top:-8px;
  325. margin-bottom:-10px;}
  326. .rl
  327. {font-size:8px;text-transform:lowercase;opacity:0.7;}
  328. #name
  329. {color:{color:Link};}
  330. #pagination
  331. {text-align:center;font-weight:800;margin-bottom:10px;}
  332. #pagination a
  333. {font-size:10px;font-family:arial;}
  334.  
  335.  
  336.  
  337.  
  338. </style>
  339. </head>
  340. <body>
  341.  
  342.  
  343.  
  344. {block:IfEndlessScroll}
  345. <a class="label" style="position:fixed;bottom:5px;right:5px;" href="#top">back to top</a>{/block:IfEndlessScroll}
  346.  
  347.  
  348.  
  349. <table id="all" cellspacing="0" cellpadding="0">
  350. <tr>
  351. <td>
  352. <div id="side">
  353. <div id="menu">
  354. <div class="onglet" id="ichi">
  355. <a href="#koi1"><div class="upper">{text:About}</div></a>
  356. <div id="koi1" class="koi"></div>
  357. </div><!--ichi-->
  358. <div class="onglet" id="ni">
  359. <a href="#koi2"><div class="upper">menu </div></a>
  360. <div id="koi2" class="koi">
  361. <div class="part">
  362. <a href="/"><div class="bar" id="ya">home</div></a>
  363. <a href="/ask"><div class="bar">message</div></a>
  364. <a href="/archive"><div class="bar">archive</div></a>
  365. </div>
  366. <div class="part">
  367. <a href="{text:link1URL}"><div class="bar">{text:link1}</div></a>
  368. <a href="{text:link2URL}"><div class="bar">{text:link2}</div></a>
  369. {block:IfLinkThree}<a href="{text:link3URL}"><div class="bar">{text:link3}</div></a>{/block:IfLinkThree}
  370. {block:IfLinkFour}<a href="{text:link4URL}"><div class="bar">{text:link4}</div></a>{/block:IfLinkFour}
  371. {block:IfLinkFive}<a href="{text:link5URL}"><div class="bar">{text:link5}</div></a>{/block:IfLinkFive}
  372. </div>
  373. <a title="Heichou by gyapo" href="http://gyapo.tumblr.com"><div class="bar" id="yu">theme</div></a>
  374. </div><!--koi2-->
  375. </div><!--ni-->
  376. </div><!--menu-->
  377. <div id="picture">
  378. <a href="/"><img src="{image:Picture}"></a>
  379. </div><!--picture-->
  380. {block:IfTitle}
  381. <div id="blog"> {Title} </div><!--blog-->
  382. {block:IfTitle}
  383. {block:IfNotEndlessScroll}
  384. {block:Pagination}
  385. <div id="pagination" class="label">
  386. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  387. {CurrentPage}/{TotalPages}
  388. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  389. </div>
  390. {/block:Pagination}
  391.  
  392. {/block:IfNotEndlessScroll}
  393. </div><!--side-->
  394.  
  395.  
  396.  
  397. <div id="posts">
  398. {block:Posts}
  399.  
  400. {block:RebloggedFrom}
  401. <!--{ReblogParentName}-->
  402. {/block:RebloggedFrom}
  403.  
  404. {block:ContentSource}
  405. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  406. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  407. {/block:SourceLogo}
  408. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  409. {/block:ContentSource}
  410.  
  411.  
  412. <div class="post">
  413.  
  414. <div id="kaede">
  415. {block:Date}<a href="{Permalink}"><div class="sub">{DayOfMonthWithZero} {ShortMonth} {ShortYear}</div></a>{/block:Date}
  416.  
  417. {block:NoteCount}<div><span id="count">{NoteCountWithLabel}</span></div>{/block:NoteCount}
  418.  
  419. <a href="{ReblogURL}"><div>reblog</div></a>
  420. {block:IfShowTags}
  421. {block:HasTags}
  422. <div style="margin-top:5px;">
  423. {block:Tags}
  424. <a href="{TagURL}"><div class="sub" id="tag"><span class="diez">#</span>{Tag}</div></a>
  425. {/block:Tags}
  426. </div>
  427. {/block:HasTags}
  428. {/block:IfShowTags}
  429. {block:IfNotShowTags}
  430. {block:PermalinkPage}
  431. {block:HasTags}
  432. <div style="margin-top:5px;">
  433. {block:Tags}
  434. <a href="{TagURL}"><div class="sub" id="tag"><span class="diez">#</span>{Tag}</div></a>
  435. {/block:Tags}
  436. </div>
  437. {/block:HasTags}
  438. {/block:PermalinkPage}
  439. {/block:IfNotShowTags}
  440.  
  441. </div>
  442.  
  443.  
  444.  
  445. {block:Quote}
  446. <div class="ue"><span id="quote">"{Quote}"</span> {block:Source}<span class="source">— {Source}</span>{/block:Source}</div>
  447. {/block:Quote}
  448.  
  449. {block:Text}
  450. {block:Title}<div class="title">{Title}</div>{/block:Title}
  451. <div class="text">{Body}</div>
  452. {/block:Text}
  453.  
  454. {block:Photo}
  455. {block:IndexPage}
  456. <a href="{Permalink}">
  457. {/block:IndexPage}
  458. {block:ContentSource}{block:PermalinkPage}<a href="{SourceURL}">{block:PermalinkPage}{/block:ContentSource}
  459. <div id="pic"><img src="{PhotoURL-500}"/></div>
  460. {block:ContentSource}{block:PermalinkPage}</a>{/block:PermalinkPage}{/block:ContentSource}
  461. {/block:IndexPage}
  462. </a>
  463. {/block:IndexPage}
  464. {block:IfShowCaption}{block:Caption}<div id="cap" class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaption}
  465. {/block:Photo}
  466.  
  467. {block:Photoset}
  468. <div style="margin-bottom:-3px;">
  469. {block:If250}
  470. {Photoset-250}
  471. {/block:If250}
  472. {block:If400}
  473. {Photoset-400}
  474. {/block:If400}
  475. {block:If500}
  476. {Photoset-500}
  477. {/block:If500}</div>
  478. {block:IfShowCaption}{block:Caption}<div id="cap" class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaption}
  479. {/block:Photoset}
  480.  
  481. {block:Video}
  482. <div style="margin-bottom:-3px;">
  483. {block:If250}
  484. {Video-250}
  485. {/block:If250}
  486. {block:If400}
  487. {Video-400}
  488. {/block:If400}
  489. {block:If500}
  490. {Video-500}
  491. {/block:If500}
  492. </div>
  493. {block:IfShowCaption}{block:Caption}<div id="cap" class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaption}
  494. {/block:Video}
  495.  
  496. {block:Chat}
  497. {block:Title}<div class="title">{Title}</div>{/block:Title}
  498. {block:Lines}
  499. <div id="line" class="{Alt}">
  500. {block:Label}<span class="label">{Label}</span>{/block:Label}
  501. {Line}
  502. </div>
  503. {/block:Lines}
  504. {/block:Chat}
  505.  
  506. {block:Link}
  507. <a href="{URL}" target="_blank"><div class="title"><span id="name">{Name}</span> <br> <span class="rl">{URL}</span></div></a>
  508. {block:Description}<div class="text" id="ano">{Description}</div>{/block:Description}
  509. {/block:Link}
  510.  
  511. {block:Audio}
  512. {block:AudioPlayer}
  513. <div id="zico">{AudioPlayerBlack}</div>
  514. {/block:AudioPlayer}
  515. <div id="char" class="label">
  516. {block:TrackName}{TrackName}{/block:TrackName} {block:Artist}
  517. by {Artist} {/block:Artist} {block:PlayCount}<br> {PlayCountWithLabel}{/block:PlayCount}
  518. </div>
  519. {block:IfShowCaption}{block:Caption}<div id="cap" class="text">{Caption}</div>{/block:Caption}{/block:IfShowCaption}
  520. {/block:Audio}
  521.  
  522. {block:Answer}
  523. <table id="haut" cellspacing="0" cellpadding="0">
  524. <tr>
  525. <td>
  526. <div id="icon"><img src="{AskerPortraitURL-30}"></div>
  527. </td>
  528. <td>
  529. <div id="rep"><span class="label">{Asker}</span>
  530. whispered : {Question}</div>
  531. </td>
  532. </tr>
  533. </table>
  534.  
  535. <div id="ano" class="text">{Answer}</div>
  536.  
  537. {/block:Answer}
  538.  
  539. </div><!--post-->
  540.  
  541. {block:PermalinkPage}
  542. <div id="permalink" >
  543. <div class="label" style="text-align:center;width:{block:If500}500{/block:If500}{block:If400}400{/block:If400}{block:If250}250{/block:If250}px;">
  544. {block:RebloggedFrom}
  545. origin : <a href="{ReblogRootURL}">{ReblogRootName}</a> / Via : <a href="{ReblogParentURL}">{ReblogParentName}</a> {block:ContentSource}/
  546. {/block:ContentSource}
  547. {/block:RebloggedFrom}
  548.  
  549.  
  550. {block:ContentSource}
  551. <a href="{SourceURL}">source</a>
  552. {/block:ContentSource}
  553.  
  554. </div>
  555. {block:PostNotes}
  556. <div>{PostNotes}</div>
  557. {/block:PostNotes}
  558.  
  559. </div>
  560. {/block:PermalinkPage}
  561. {/block:Posts}
  562.  
  563.  
  564.  
  565.  
  566.  
  567. {block:IfNotEndlessScroll}
  568. {block:IfNotFixedSide}
  569. {block:Pagination}<center>
  570. <div id="pagination" class="label">
  571. {block:PreviousPage}<a href="{PreviousPage}">←</a>{/block:PreviousPage}
  572. {CurrentPage}/{TotalPages}
  573. {block:NextPage}<a href="{NextPage}">→</a>{/block:NextPage}
  574. </div></center>
  575. {/block:Pagination}
  576. {/block:IfNotFixedSide}
  577. {/block:IfNotEndlessScroll}
  578. </div><!--posts-->
  579.  
  580. </td>
  581. </tr>
  582. </table>
  583.  
  584. </body>
  585. </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!