API tools faq
paste
Advertisement
sunkei

AE86 - hachi roku

sunkei
Jul 2nd, 2012
3,167
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.72 KB | None | 0 0
raw download clone embed print report
  1. <!--
  2. Hachi Roku
  3. theme made by iyo-d.tumblr.com
  4. main theme blog : gyapo.tumblr.com
  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.  
  21. <meta name="image:Background" content="http://static.tumblr.com/onhp7lq/GuAm6ah08/p2.png"/>
  22. <meta name="image:Fond" content="http://static.tumblr.com/onhp7lq/GkHm6ag3l/sunh.png"/>
  23. <meta name="image:Header" content="http://static.tumblr.com/s2ymoja/mzgm6jg0d/stubh4.png"/>
  24. <meta name="image:Footer" content="http://static.tumblr.com/s2ymoja/W9Lm6jgr2/stune.png"/>
  25.  
  26.  
  27. <meta name="color:Link" content="#8968db" />
  28. <meta name="color:Link hover" content="#342f92" />
  29. <meta name="color:Background" content="#fff" />
  30. <meta name="color:DescriptionBG" content="#000" />
  31. <meta name="color:Description" content="#eee" />
  32. <meta name="color:ButtonsBG" content="#000" />
  33. <meta name="color:Buttons" content="#999" />
  34. <meta name="color:ButtonsHover1" content="#ffdf12" />
  35. <meta name="color:ButtonsHover2" content="#05fde1" />
  36.  
  37. <meta name="color:EntryBG" content="#fff" />
  38. <meta name="color:Texts" content="#6b868f" />
  39.  
  40. <meta name="color:HourBG" content="#eee" />
  41. <meta name="color:Hour1" content="#ff1621" />
  42. <meta name="color:Hour2" content="#029484" />
  43. <meta name="color:DateBG" content="#ddd" />
  44. <meta name="color:Date1" content="#444" />
  45. <meta name="color:Date2" content="#656565" />
  46.  
  47.  
  48.  
  49.  
  50. <meta name="text:Link1 title" content="link1" />
  51. <meta name="text:Link1" content="" />
  52. <meta name="text:Link2 title" content="link2" />
  53. <meta name="text:Link2" content="" />
  54. <meta name="text:Link3 title" content="link3" />
  55. <meta name="text:Link3" content="" />
  56.  
  57. <meta name="text:MusicCode" content="Music code" />
  58.  
  59. <meta name="if:EndlessScroll" content="0"/>
  60. <meta name="if:MusicButton" content="0"/>
  61.  
  62.  
  63. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  64.  
  65. {block:IfEndlessScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  66.  
  67. <style type="text/css">
  68.  
  69. 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;}
  70.  
  71. 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;}
  72.  
  73.  
  74. body
  75. {font-family:lucida console;
  76. font-size:9px;
  77. color:{color:Texts};
  78. background-color:{color:Background};
  79. background-image:url('{image:Background}');
  80. background-attachment:fixed;
  81. background-position: fixed;
  82. background-repeat:repeat;
  83. }
  84.  
  85. a
  86. {text-decoration:none;
  87. color:{color:Link};
  88. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;
  89. opacity:1;}
  90.  
  91. a:hover
  92. {text-decoration:none;
  93. color:{color:Link hover};
  94. opacity:1;}
  95.  
  96. blockquote
  97. {border-left:2px solid;
  98. background-color:{color:HourBG};
  99. padding:5px;}
  100.  
  101. #fond
  102. {width:500px;
  103. height:100%;
  104. background-attachment:scroll;
  105. background-image:url("{image:Fond}");
  106. position:fixed;top:0px;
  107. z-index:-999;}
  108.  
  109.  
  110.  
  111. #header
  112. {margin-top:-8px;
  113. border-bottom:dashed 1px {color:DescriptionBG};
  114. margin-bottom:0px;
  115. margin-left:0px;}
  116.  
  117. #about
  118. {text-align:center;
  119. float:left;
  120. margin-right:2px;
  121. background-color:{color:DescriptionBG};
  122. width:250px;
  123. margin-left:0px;
  124. padding:5px;
  125. color:{color:Description};
  126. text-align:justify;}
  127.  
  128. #menu
  129. {width:220px;
  130. float:left;
  131. margin-left:0px;
  132. margin-bottom:40px;}
  133.  
  134. .button
  135. {background-color:{color:ButtonsBG};
  136. padding:4px 1px 4px 3px;
  137. height:9px;
  138. width:13px;
  139. float:left;
  140. color:{color:Buttons};
  141. text-align:center;
  142. overflow:hidden;
  143. margin-right:2px;
  144. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  145.  
  146. .button:hover
  147. {width:75px;
  148. color:{color:ButtonsHover1};}
  149.  
  150. .noir
  151. {opacity:0;padding-left:5px;letter-spacing:1px;
  152. color:{color:ButtonsHover2};
  153. -webkit-transition: opacity 0.7s linear;-webkit-transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}
  154.  
  155. .button:hover .noir
  156. {opacity:1;}
  157.  
  158. #music
  159. {float:left;
  160. background-color:{color:ButtonsBG};
  161. padding:1px 2px 4px 2px;
  162. width:35px;
  163. overflow:hidden;
  164. height:12px;}
  165.  
  166. #posts
  167. {width:310px;
  168. margin-left:95px;
  169. overflow:hidden;}
  170.  
  171. .post
  172. {width:300px;
  173. padding:5px;
  174. text-align:justify;
  175. background-color:{color:EntryBG};
  176. border-radius:8px 8px 8px 0px;
  177. -moz-border-radius:8px 8px 8px 0px;}
  178.  
  179.  
  180. #bottom
  181. {color:{color:Hour1};
  182. width:250px;
  183. padding:2px 0px 2px 0px;
  184.  
  185. margin-bottom:12px;}
  186.  
  187. #hour
  188. {background-color:{color:HourBG};padding:2px 5px 2px 5px;
  189. color:{color:Hour1};
  190. border-radius:0px 0px 8px 8px;
  191. -moz-border-radius:0px 0px 8px 8px;}
  192.  
  193. .heure
  194. {color:{color:Hour2};}
  195.  
  196. .red{color:#ff1621;}
  197.  
  198. .yellow{color:#f1ff03;}
  199.  
  200. .blue {color:#01ffe3;}
  201.  
  202.  
  203. #date
  204. {color:{color:Date2};
  205. padding:2px 5px 2px 5px;
  206. border-radius:0px 0px 8px 8px;
  207. -moz-border-radius:0px 0px 8px 8px;
  208. background-color:{color:DateBG};
  209. margin-left:-8px;}
  210.  
  211. .jour
  212. {color:{color:Date1};}
  213.  
  214. .titlepost
  215. {text-align:center;
  216. color:#555;letter-spacing:2px;
  217. background-color:#eee;
  218. padding:2px 5px 2px 5px;
  219. border-bottom:2px solid #ddd;
  220. border-radius:8px 8px 0px 0px;
  221. -moz-border-radius: 8px 8px 0px 0px;}
  222.  
  223.  
  224. .page
  225. {position:absolute;
  226. margin-left:500px;
  227. background-color:#000;
  228. color:#777;
  229. text-align:center;
  230. padding:15px 0px 15px 3px; letter-spacing:3px;
  231. -webkit-transition: opacity 0.5s linear;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
  232.  
  233. .page:hover
  234. {
  235. padding:25px 10px 25px 11px;}
  236.  
  237. #next:hover
  238. {color:#fff;}
  239.  
  240. #back:hover
  241. {color:#fff;}
  242.  
  243. #next
  244. {margin-top:-100px;
  245. border-right:2px solid #cdd101;
  246. width:50px;
  247. border-radius:0px 15px 15px 15px;
  248. -moz-border-radius:0px 15px 15px 15px;}
  249.  
  250. #back
  251. {margin-top:-138px;
  252. border-right:2px solid #03e4c6;
  253. width:50px;
  254. border-radius:15px 15px 15px 0px;
  255. -moz-border-radius:15px 15px 15px 0px;}
  256.  
  257. #page
  258. {margin-left:-30px;
  259. margin-top:-138px;
  260. padding:22px 0px 22px 3px;
  261. width:25px;
  262. color:#fff;
  263. border-left:2px solid #cdd101;
  264. border-radius:15px 0px 0px 15px;}
  265.  
  266.  
  267. .asker
  268. {text-transform:uppercase;
  269. letter-spacing:1px;
  270. color:#029484;}
  271.  
  272. .question
  273. {color:#444;}
  274.  
  275. #ask
  276. {border-bottom:1px dashed #ff1621;background-color:#eee;}
  277.  
  278. #table
  279. {background-image:url("{image:Fond}");
  280. margin-bottom:-7px;
  281. background-attachment:fixed;
  282. background-position:fixed;
  283. background-repeat:repeat;}
  284. </style>
  285. </head>
  286. <body>
  287.  
  288. {block:IfEndlessScroll}
  289. <a style="position:fixed;bottom:10px;right:10px;font-size:10px;font-family:georgia;" href="#top" class="texte">back to top</a>{/block:IfEndlessScroll}
  290.  
  291. <table align="center" width="500px;" height="100%" id="table" border="0" cellpadding="0" cellspacing="0">
  292. <tr><td>
  293.  
  294.  
  295.  
  296.  
  297. <div id="header"><img src="{image:Header}" width="500px" style="margin-bottom:-2px;"/></div>
  298.  
  299. <div id ="about">{Description}</div><!--about-->
  300. <div id="menu">
  301. <a href="/"><div class="button">.1<span class="noir">index</span></div></a>
  302. <a href="/ask"><div class="button">.2<span class="noir">ask</span></div></a>
  303. <a href="{text:Link1}"><div class="button">.3<span class="noir">{text:Link1 title}</span></div></a>
  304. <a href="{text:Link2}"><div class="button">.4<span class="noir">{text:Link2 title}</span></div></a>
  305. <a href="{text:Link3}"><div class="button">.5<span class="noir">{text:Link3 title}</span></div></a>
  306. <a href="/archive"><div class="button">.6<span class="noir">archive</span></div></a>
  307. {block:IfMusicButton}
  308. <div id="music">
  309. {text:MusicCode}
  310. </div>
  311. {/block:IfMusicButton}
  312. </div><!--menu-->
  313.  
  314.  
  315.  
  316.  
  317.  
  318.  
  319. <div id="posts">
  320. {block:Posts}
  321.  
  322. {block:Answer}
  323. <div class="post">
  324. <div id="ask"><span class="asker">{Asker}:</span> <span class="question">{Question}</span></div>
  325. <div id="answer">{Answer}</div>
  326. </div><!--answer-->
  327. {/block:Answer}
  328.  
  329. {block:Text}
  330. <div class="post">
  331. {block:Title}
  332. <a href="{Permalink}"><div class="titlepost">{Title}</div></a>
  333. {/block:Title}
  334. <div class="texte">{Body}</div>
  335. </div><!--text-->
  336. {/block:Text}
  337.  
  338. {block:Photo}
  339. <div class="post" id="photo">
  340. {LinkOpenTag}
  341. <div><img src="{PhotoURL-500}" width="300px;" style="margin-bottom:-2px;"/></div>
  342. {LinkCloseTag}
  343. <div>{block:Caption}<div class="texte">{Caption}</div> {/block:Caption}</div>
  344. </div><!--photo-->
  345. {/block:Photo}
  346.  
  347. {block:Quote}
  348. <div class="post">
  349. <div class="texte"> "{Quote}"</div>
  350. {block:Source}
  351. <div class="texte">— {Source}</div>
  352. {/block:Source}
  353. </div><!--quote-->
  354. {block:Quote}
  355.  
  356. {block:Link}
  357. <div class="post">
  358. <a href="{URL}" {Target}><div class="titlepost">{Name}</div></a>
  359. {block:Description}
  360. <div class="texte">{Description}</div>
  361. {/block:Description}
  362. </div><!--link-->
  363. {/block:Link}
  364.  
  365.  
  366.  
  367. {block:Chat}
  368. <div class="post">
  369. {block:Title}
  370. <div class="titlepost"><span class="BG">{Title} ←</span></div>
  371. {/block:Title}
  372. <div >
  373. {block:Lines}
  374. <div>
  375. <div class="{Alt}">{block:Label}<span class="label">- {Label}</span>{/block:Label} {Line}</div>
  376. </div>
  377. {/block:Lines}
  378. </div>
  379. </div><!--chat-->
  380. {/block:Chat}
  381.  
  382. {block:Audio}
  383. <div class="post">
  384. <table cellpadding="0" border="0" cellspacing="0">
  385. <tr><td>
  386. <div style="width:28px;background-color:#000;overflow:hidden;position:absolute;margin-top:36px;margin-left:36px;border:1px solid #555;">{AudioPlayerBlack}</div>
  387. {block:AlbumArt}
  388. <img style="height:100px;width:100px;margin-right:25px;margin-bottom:-3px;" id="art" src="{AlbumArtURL}"/>
  389. {/block:AlbumArt}</td>
  390. <td><div style="margin-top:5px;margin-bottom:5px;padding:5px;text-align:left;background-color:#eee;width:150px;border-top:5px solid #ddd;">
  391.  
  392. {block:TrackName}<span id="track">【{TrackName}】</span><br>{/block:TrackName}
  393. {block:Artist}→ by {Artist}<br>{/block:Artist}
  394. {block:Album}→ from {Album}<br>{/block:Album}
  395.  
  396. {PlayCountWithLabel}</div></td></tr><td>
  397. </td></tr>
  398. </table>
  399.  
  400. <div class="comments">
  401. {block:PermalinkPage}
  402. {block:Caption}<span class="texte">{Caption}</span>{/block:Caption}
  403. {/block:PermalinkPage}
  404. </div>
  405. </div><!--audio-->
  406. {/block:Audio}
  407.  
  408.  
  409. {block:Photoset}
  410. <div class="post">
  411. <div style="margin-left:25px;">{Photoset-250}</div>
  412. {block:Caption}<div class="texte">{Caption}</div> {/block:Caption}
  413. </div><!--photoset-->
  414. {/block:Photoset}
  415.  
  416. {block:Video}
  417. <div class="post">
  418. <div style="margin-left:25px;">{Video-250}</div>
  419. {block:Caption}<div class="texte">{Caption}</div> {/block:Caption}
  420. </div><!--video-->
  421. {/block:Video}
  422.  
  423.  
  424. <div id="bottom">
  425. {block:Date}
  426. <span id="hour">(<span class="heure">{12HourWithZero}.{CapitalAmPm}</span>)</span>
  427. <a title="{NoteCountWithLabel}" href="{Permalink}"><span id="date"><span class="jour">{ShortDayOfWeek}.</span>{DayOfMonthWithZero}/{MonthNumber}</span></a>
  428. {/block:Date}
  429. {block:HasTags}
  430. {block:Tags}<span class="tag">#<a href="{TagURL}">{Tag}</a></span> {/block:Tags}{/block:HasTags}
  431. </div><!--bottom-->
  432.  
  433. {PostNotes}
  434.  
  435. {block:RebloggedFrom}
  436. <!--{ReblogParentName}-->
  437. {/block:RebloggedFrom}
  438.  
  439. {block:ContentSource}
  440. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  441. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  442. {/block:SourceLogo}
  443. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  444. {/block:ContentSource}
  445.  
  446. {/block:Posts}
  447. </div><!--posts-->
  448.  
  449.  
  450.  
  451.  
  452. {block:IfNotEndlessScroll}
  453. {block:Pagination}
  454. <div class="page" id="page">{CurrentPage}<br>
  455. —<br>{TotalPages}</div>
  456. {block:PreviousPage}<a href="{PreviousPage}"><div class="page" id="back">back</div>
  457. </a>
  458. {/block:PreviousPage}
  459. {block:NextPage}
  460. <a href="{NextPage}"><div class="page" id="next">[+]</div>
  461. </a>
  462. {/block:NextPage}
  463. {/block:Pagination}
  464. {/block:IfNotEndlessScroll}
  465.  
  466.  
  467.  
  468. <div style="margin-bottom:-5px;z-index:999;margin-top:15px;"><img style="margin-bottom:-2px;" src="{image:Footer}"/></div>
  469. <div style="position:absolute;margin-top:-25px;width:490px;padding-left:10px;text-align:center;text-transform:uppercase;letter-spacing:2px;"><img src="http://static.tumblr.com/rltvkjt/je3lmr3v3/marcadores19.gif"/> <span style="color:{color:Date1}";>hachi roku</span> layout by <a href="http://iyo-d.tumblr.com"><span style="color:{color:Hour1}";>iyo-d</span></a> <img src="http://static.tumblr.com/rltvkjt/je3lmr3v3/marcadores19.gif"/></div>
  470.  
  471.  
  472. </td></tr>
  473. </table>
  474.  
  475. </body>
  476. </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!