1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
  2. <html lang="en">
  3. <head>
  4.  
  5. <!-- -----------------------
  6. Theme NTA by Klaxton, 2011.
  7. http://klaxton.tumblr.com/
  8. ------------------------- -->
  9.  
  10.  
  11. <title>{Title}</title>
  12.  
  13. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  14. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  15. <link rel="shortcut icon" href="{Favicon}" />
  16.  
  17. <meta name="color:Blog title" content="#000000"/>
  18. <meta name="color:Text" content="#000000"/>
  19. <meta name="color:Links" content="#5C5C5C"/>
  20. <meta name="color:Links Hover" content="#B1B1B1"/>
  21. <meta name="color:Title" content="#FFFFFF"/>
  22. <meta name="color:Background" content="#FFFFFF"/>
  23. <meta name="color:Scrollbar" content="#FFFFFF"/>
  24.  
  25. <meta name="if:One Column" content="0">
  26. <meta name="if:Two Columns" content="0">
  27. <meta name="if:Three Columns" content="1">
  28. <meta name="if:Four Columns" content="1">
  29. <meta name="if:Show Blog Title" content="1"/>
  30. <meta name="if:Show Background Image" content="1">
  31. <meta name="if:Use Banner" content="0">
  32. <meta name="if:Show Home Link" content="1">
  33. <meta name="if:Show Message Link" content="1">
  34. <meta name="if:Show Submit" content="1"/>
  35. <meta name="if:Show Archive Link" content="1">
  36. <meta name="if:Rounded Scrollbar" content="0"/>
  37. <meta name="if:Underline Hover" content="0"/>
  38.  
  39. <meta name="font:Title" content="Georgia"/>
  40. <meta name="font:Body" content="Georgia"/>
  41.  
  42. <meta name="image:Background" content="">
  43. <meta name="image:Banner" content="">
  44.  
  45. <meta name="text:Link One" content="" />
  46. <meta name="text:Link One Title" content="" />
  47. <meta name="text:Link Two" content="" />
  48. <meta name="text:Link Two Title" content="" />
  49. <meta name="text:Link Three" content="" />
  50. <meta name="text:Link Three Title" content="" />
  51. <meta name="text:Link Four" content="" />
  52. <meta name="text:link Four Title" content="" />
  53. <meta name="text:link Five" content="" />
  54. <meta name="text:link Five Title" content="" />
  55. <meta name="text:link Six" content="" />
  56. <meta name="text:link Six Title" content="" />
  57. <meta name="text:link Seven" content="" />
  58. <meta name="text:link Seven Title" content="" />
  59. <meta name="text:link Eight" content="" />
  60. <meta name="text:link Eight Title" content="" />
  61.  
  62. <meta name="text:Title font size" content="22"/>
  63. <meta name="text:Post title font size" content="18"/>
  64. <meta name="text:Body font size" content="11"/>
  65.  
  66. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  67.  
  68. <script type="text/javascript" src="http://static.tumblr.com/is5f0mm/B45lrpvaa/one.txt"></script>
  69.  
  70. <style type="text/css">
  71.  
  72.  
  73. h1 {
  74. color:{color:Blog title};
  75. padding-bottom:30px;
  76. font-weight: normal;
  77. font-size:{text:title font size}px;
  78. text-transform: uppercase;
  79. font-family:{font:Title};
  80. line-height: -4px;
  81. {block:ifusebanner}display:none;{/block:ifusebanner}
  82. }
  83.  
  84. h1 a {
  85. color:{color:Blog title};
  86. }
  87.  
  88. body {
  89. height: 100%;
  90. background-color:{color:Background};
  91. color: {color:Text};
  92. font-size: {text:Body font size}px;
  93. font-family:{font:Body};
  94. line-height: 14px;
  95. padding: 30px 0 200px 0;
  96. {block:ifShowbackgroundImage}background-attachment: fixed;
  97. background-image:url('{image:Background}');
  98. {/block:ifshowbackgroundimage}
  99. }
  100.  
  101. a {
  102. color: {color:Links};
  103. text-decoration:none;
  104. }
  105.  
  106. a:hover {
  107. color: {color:Links Hover};
  108. {block:IfUnderlineHover}text-decoration: underline;{/block:IfUnderlineHover}
  109. -webkit-transition-duration: 0.5s;
  110. }
  111.  
  112. a.title {
  113. color: {color:Links};
  114. text-decoration:none;
  115. }
  116.  
  117. ::-webkit-scrollbar-thumb:vertical {
  118. background-color:{color:Scrollbar};
  119. height:100px;
  120. {block:IfRoundedScrollbar}
  121. -moz-border-radius:20px;
  122. -webkit-border-radius:20px;
  123. {/block:IfRoundedScrollbar}
  124. }
  125.  
  126. ::-webkit-scrollbar-thumb:horizontal {
  127. background-color:{color:Scrollbar};
  128. height:10px;
  129. {block:IfRoundedScrollbar}
  130. -moz-border-radius:20px;
  131. -webkit-border-radius:20px;
  132. {/block:IfRoundedScrollbar}
  133. }
  134.  
  135. ::-webkit-scrollbar {
  136. height:10px;
  137. width:8px;
  138. background-color:{color:background};
  139. {block:IfRoundedScrollbar}
  140. -moz-border-radius:20px;
  141. -webkit-border-radius:20px;
  142. {/block:IfRoundedScrollbar}
  143. }
  144.  
  145. #container {
  146. width: 1050px;
  147. margin: auto auto auto auto;
  148. position: relative;
  149. }
  150.  
  151. #container .header {
  152. width: 1050px;
  153. margin: auto auto;
  154. }
  155.  
  156. #container .description {
  157. padding: 5px 0px 5px;
  158. clear: both;
  159. position: relative;
  160. text-align:center;
  161. width:500px;
  162. margin-left: auto;
  163. margin-right: auto;
  164. }
  165.  
  166. #container .posts {
  167. width: 1050px;
  168. width: 1050px;
  169. clear: both;
  170. position: relative;
  171. margin-left: auto;
  172. margin-right: auto;
  173. padding-top:15px;
  174. }
  175.  
  176. #container .box {
  177. width: 345px;
  178. {block:ifonecolumn}width: 600px; padding-left:21%;{/block:ifonecolumn}
  179. {block:iftwocolumns}width: 500px;{/block:iftwocolumns}
  180. {block:iffourcolumns}width: 250px; margin-bottom:20px;{/block:iffourcolumns}
  181. margin-left: 5px;
  182. margin-left: 5px;
  183. float: left;
  184. margin-bottom: 30px;
  185. margin-bottom: 30px;
  186. position: relative;
  187. }
  188.  
  189. #container .box a{
  190. -webkit-transition-duration: 0.5s;
  191. }
  192.  
  193. #container .box img {
  194. max-width: 100%;
  195. border:0px;
  196. -webkit-transition-duration: 0.5s;
  197.  
  198. opacity:1;
  199. }
  200.  
  201. #container .title {
  202. font-size:{text:Post title font size}px;
  203. line-height: 18px;
  204. text-decoration: none;
  205. display: block;
  206. color:{color:Title};
  207. padding: 8px;
  208. }
  209.  
  210. #container .ask {
  211. font-size:{text:Post title font size}px;
  212. line-height: 18px;
  213. text-decoration: none;
  214. display: block;
  215. color:{color:Title};
  216. padding: 8px;
  217. }
  218.  
  219. #container .audio {
  220. width: 207px;
  221. }
  222.  
  223. #container .columnHolder {
  224. width: 800px;
  225. margin: 5px 0 0 5px;
  226. overflow: hidden;
  227. }
  228.  
  229. #container .columnHolder .column {
  230. width: 225px;
  231. min-height: 1px;
  232. float: left;
  233. }
  234.  
  235. #container .columnHolder .column.middle {
  236. margin: 0 0px;
  237. }
  238.  
  239. #arrow {
  240. font-size:15px;
  241. padding-left:20px;
  242. color:{color:background};
  243. margin-top:-5px;
  244. padding-bottom:5px;
  245. }
  246.  
  247. {block:PermalinkPage}
  248.  
  249. .box {
  250. width: 600px !important;
  251. padding-left: 21%;
  252. }
  253.  
  254. p.answer_form_container {
  255. width: 580px;
  256. }
  257.  
  258. ol.notes {
  259. width: 600px;
  260. position:relative;
  261. padding-left:21%;
  262. list-style-type: none;
  263. margin: 0px 0 10px 0;
  264. padding: -10px -90px;
  265. }
  266.  
  267. ol.notes li.note {
  268. margin: 0px 0 2px 0;
  269. padding: 0;
  270. }
  271.  
  272. ol.notes a {color:Links}
  273.  
  274. ol.notes img.avatar {
  275. display: true;
  276. padding:2px 0 0 2px;
  277. border:0px;
  278. }
  279.  
  280. ol.notes blockquote {
  281. margin: 0;
  282. }
  283.  
  284. ol.notes blockquote a {
  285. text-decoration: none;
  286. }
  287.  
  288. {/block:PermalinkPage}
  289.  
  290. .video{
  291. text-align: center;
  292. background-color:black;
  293. }
  294.  
  295. #top-link {
  296. position:fixed;
  297. right:5px;
  298. bottom:5px;
  299. color:white;
  300. font-weight:bold;
  301. text-decoration:none;
  302. padding:10px;
  303. border:0px;
  304. }
  305.  
  306. #audiotest {
  307. background-image:url('http://static.tumblr.com/2w7y46r/gPklc94jg/play.png');
  308. margin-top: -27px;
  309. display:block;
  310. height:27px;
  311. z-index:-1000;
  312. width:250px;
  313. }
  314.  
  315. .box:hover .back {
  316. {block:indexpage}{/block:indexpage}z-index:1000;
  317. }
  318.  
  319. .back {
  320. margin-top: -25px;
  321. width:100%;
  322. opacity: 0;
  323. z-index: 1000;
  324. }
  325.  
  326. {block:PermalinkPage}
  327.  
  328. .back img{
  329. width:500px;
  330. height:20px;
  331. }
  332.  
  333. {/block:PermalinkPage}
  334.  
  335. {block:ifonecolumn}
  336. .back img{width:600px; height:20px;}
  337. {/block:ifonecolumn}
  338.  
  339. {block:iftwocolumns}
  340. .back img{width:500px; height:20px;}
  341. {/block:iftwocolumns}
  342.  
  343. {block:iffourcolumns}
  344. .back img{width:100%; height:20px;}
  345. {/block:iffourcolumns}
  346.  
  347. </style>
  348.  
  349. <style type="text/css">{CustomCSS}</style>
  350.  
  351. <script src="http://static.tumblr.com/ubmlcww/CVqlrvww0/two.txt"></script>
  352. <script src="http://static.tumblr.com/is5f0mm/oBolrpvgf/infinite_scroll.txt"></script>
  353. <script src="http://static.tumblr.com/ubmlcww/Bhflrvwwe/three.txt" type="text/javascript"></script>
  354. <script src="http://static.tumblr.com/is5f0mm/JOdlrpvsh/four.txt" type="text/javascript"></script>
  355. <script src="http://static.tumblr.com/is5f0mm/cuOlrpvzp/five.txt" type="text/javascript"></script>
  356.  
  357.  
  358. </head>
  359.  
  360. {block:indexpage}
  361. <script src="http://static.tumblr.com/is5f0mm/PT0lrpwjq/six.txt" type="text/javascript"></script>
  362.  
  363. {/block:indexpage}
  364. <br>
  365.  
  366.  
  367. <div id="container">
  368. <div class="header">
  369.  
  370. <div style="text-align: center;">{block:ifusebanner}<img style="max-width:1500px; max-height:300px" src="{image:banner}"/>{/block:ifusebanner}<h1 class="bebas"><a href="/">{block:ifshowblogtitle}{Title}{/block:ifshowblogtitle}</a></h1></div>
  371.  
  372. <div style="text-align: center; font-size:12px; margin-top:-35px; {block:ifusebanner}margin-top:10px; {/block:ifusebanner}text-transform: lowercase;">
  373.  
  374. {block:ifshowhomelink}<a href="/">home</a>&nbsp;&nbsp;&nbsp;{/block:ifshowhomelink}
  375.  
  376. {block:ifshowmessagelink}<a href="/ask">message</a>&nbsp;&nbsp;&nbsp;{/block:ifshowmessagelink}
  377.  
  378. {block:ifLinkOneTitle}
  379. <a href="{text:Link One}" class="link">{text:Link One Title}</a>&nbsp;&nbsp;
  380. {/block:ifLinkOneTitle}
  381.  
  382. {block:ifLinkTwoTitle}
  383. <a href="{text:Link Two}" class="link">{text:Link Two Title}</a>&nbsp;&nbsp;&nbsp;
  384. {/block:ifLinkTwoTitle}
  385.  
  386. {block:ifLinkThreeTitle}
  387. <a href="{text:Link Three}" class="link">{text:Link Three Title}</a>&nbsp;&nbsp;&nbsp;
  388. {/block:ifLinkThreeTitle}
  389.  
  390. {block:ifLinkFourTitle}
  391. <a href="{text:Link Four}" class="link">{text:Link Four Title}</a>&nbsp;&nbsp;&nbsp;
  392. {/block:ifLinkFourTitle}
  393.  
  394. {block:ifLinkFiveTitle}
  395. <a href="{text:Link Five}" class="link">{text:Link Five Title}&nbsp;&nbsp;&nbsp;</a>
  396. {/block:ifLinkFiveTitle}
  397.  
  398. {block:ifLinkSixTitle}
  399. <a href="{text:Link Six}" class="link">{text:Link Six Title}&nbsp;&nbsp;&nbsp;</a>
  400. {/block:ifLinkSixTitle}
  401.  
  402. {block:ifLinkSevenTitle}
  403. <a href="{text:Link Seven" class="link">{text:Link Seven Title}&nbsp;&nbsp;&nbsp;</a>
  404. {/block:ifLinkSevenTitle}
  405.  
  406. {block:ifLinkEightTitle}
  407. <a href="{text:Link Eight}" class="link">{text:Link Eight Title}&nbsp;&nbsp;&nbsp;</a>
  408. {/block:ifLinkEightTitle}
  409.  
  410. {block:Pages}
  411. <a href="{URL}" title="{Label}">{Label}</a>&nbsp;&nbsp;&nbsp;
  412. {/block:Pages}
  413.  
  414. {block:IfShowSubmit}<a href="/submit">submit</a>&nbsp;&nbsp;&nbsp;{/block:IfShowSubmit}
  415.  
  416. {block:ifshowarchivelink}<a href="/archive">archive</a>&nbsp;&nbsp;&nbsp;{/block:ifshowarchivelink}
  417.  
  418. <a href="http://klaxton.tumblr.com/">theme</a>
  419.  
  420.  
  421. <div style="bottom:2px; right:2px; position:fixed; opacity:0.8; text-style:italic; color:{color:Text}; "><a href="http://klaxton.tumblr.com">theme &copy</a></div>
  422.  
  423. </div>
  424.  
  425. <div class="description">{description}<br style="clear:both"></div></div>
  426.  
  427. <div class="posts" id="allposts">
  428. {block:Posts}
  429. <div class="box">
  430.  
  431. {block:Photo}
  432. {block:IndexPage}
  433. <a href="{Permalink}" target="_blank">{/block:IndexPage}
  434. {block:PermalinkPage}{LinkOpenTag}{/block:PermalinkPage}
  435. <img style="min-width:100%;" class="shakeimage" onMouseover="init(this);rattleimage()" onMouseout="stoprattle(this);top.focus()" onClick="top.focus()" src="{block:IndexPage}{PhotoURL-500}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-HighRes}{/block:PermalinkPage}" alt="{PhotoAlt}">
  436.  
  437.  
  438. <div class="back"></div>
  439. <div class="perma">
  440. <a href="{Permalink}" target="_blank"></a>
  441. {block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a>
  442. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"></a></div>
  443. {/block:Photo}
  444.  
  445. {block:Audio}
  446. <div class="curve">
  447. <div style=" width:100%; height:27px; font-size:1px; color:black; background-color:black;">
  448. {AudioPlayerBlack}
  449. </div><a href="{Permalink}" target="_blank" id="audiotest"></a></div><div id="arrow" style="color:black;">&#9660;</div>
  450.  
  451.  
  452. {block:AlbumArt}<img style="border:1px solid white; width:50px; margin-left:5px;" src="{AlbumArtURL}"/>{/block:AlbumArt}
  453.  
  454. {block:indexpage}<div style="{block:AlbumArt}min-height:40px; padding-left:70px;margin-top:-60px;{/block:AlbumArt}">{block:Caption}{Caption}{/block:Caption}</div>{/block:IndexPage}
  455.  
  456. {block:IndexPage}
  457. <div class="back"></div>
  458. <div class="perma"><a href="{Permalink}" target="_blank"></a>
  459. {block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a>
  460. <a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"></a>{block:ExternalAudio}<a href="{ExternalAudioURL}"></a>{/block:ExternalAudio}</div>{/block:IndexPage}
  461.  
  462. {/block:Audio}
  463.  
  464. {block:Video}
  465. <div class="video">
  466. {block:iffourcolumns}{Video-250}{/block:iffourcolumns}
  467. {block:ifthreecolumns}{Video-250}{/block:ifthreecolumns}
  468. {block:iftwocolumns}{Video-500}{/block:iftwocolumns}
  469. {block:ifonecolumn}{Video-500}{/block:ifonecolumn}
  470. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}</div>
  471.  
  472. <div class="back"></div>
  473. <div class="perma"><a href="{Permalink}" target="_blank"></a>
  474. {block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"></a></div>
  475. {/block:Video}
  476.  
  477. {block:Text}
  478. <div class="curve">{block:Title}<a href="{Permalink}" class="title">&nbsp;{Title}&nbsp;</a>{/block:Title}</div>{block:Title}<div id="arrow">&#9660;</div>{/block:Title}
  479.  
  480. <div style="padding-left:8px; padding-top:2px; padding-right:8px;">{Body}</div>
  481. <div class="back"></div>
  482. <div class="perma"><a href="{Permalink}" target="_blank"></a>
  483. {block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"></a></div>
  484.  
  485. {block:More}<br><br> <a href="{Permalink}" class="readMore">Read More</a>{/block:More}
  486. {/block:Text}
  487.  
  488. {block:Answer}
  489.  
  490. <div class="curve"><a href="{Permalink}" class="ask">&nbsp;{Question}&nbsp;</a></div><div id="arrow">&#9660;</div>
  491.  
  492. &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img style="border:1px solid white;" src="{AskerPortraitURL-16}"/><span style="vertical-align: 25%;">&nbsp;&nbsp;{Asker}</span>
  493. <div style="padding-left:8px; padding-top:2px; padding-right:8px;">{Answer}</div>
  494.  
  495. <div class="back"></div>
  496. <div class="perma"><a href="{Permalink}" target="_blank"></a>
  497. {block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a></div>
  498. {/block:Answer}
  499.  
  500. {block:Link}
  501. <div class="curve"><a href="{URL}" class="title" {Target}>&nbsp;{Name}&nbsp;</a>
  502. </div><div id="arrow">&#9660;</div>
  503. {block:Description}<div style="padding-left:8px; padding-top:2px; padding-right:8px;">{Description}</div>{/block:Description}
  504.  
  505. <div class="back"></div>
  506. <div class="perma"><a href="{Permalink}" target="_blank"></a>
  507. {block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"></a></div>
  508. {/block:Link}
  509.  
  510. {block:Quote}<div class="curve"><a href="{Permalink}" class="title">"{Quote}"</a></div><div id="arrow">&#9660;</div>{block:Source}&nbsp;&nbsp;{Source}<br>{/block:Source}
  511. <div class="back"></div>
  512. <div class="perma"><a href="{Permalink}" target="_blank"></a>
  513. {block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"></a></div>{/block:Quote}
  514.  
  515. {block:Chat}
  516. <div class="curve">{block:Title}<a href="{Permalink}" class="title">&nbsp;{Title}&nbsp;</a>{/block:Title}</div>{block:Title}<div id="arrow">&#9660;</div>{/block:Title}
  517.  
  518. <table class="chat" style="padding-left:5px;"cellspacing="0">{block:Lines}<tr>{block:Label}<td class="name line{UserNumber}">{Label}</td>{block:Label}<td class="words line{UserNumber}">{Line}</td></tr>{/block:Lines}</table>
  519.  
  520. <div class="back"></div>
  521. <div class="perma"><a href="{Permalink}" target="_blank"></a>
  522. {block:NoteCount}<a href="{Permalink}" target="_blank">{/block:NoteCount}</a><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank"></a></div>
  523. {/block:Chat}
  524.  
  525. {block:PermalinkPage}<block:Caption>
  526. <BR>{Caption}</block:Caption><BR><BR>
  527. {block:NoteCount}{notecountwithlabel}{/block:NoteCount}{/block:PermalinkPage}
  528.  
  529. {block:PermalinkPage}</div>
  530. {block:PostNotes}{PostNotes}{/block:PostNotes}
  531. {/block:PermalinkPage}
  532.  
  533. </div>{/block:Posts}
  534. </div>
  535.  
  536. {block:IndexPage}
  537. <div class="columnHolder footer"><div class="column navigation" id="navigation">
  538. {block:Pagination}
  539. {block:PreviousPage}<a href="{PreviousPage}" class="navigate">{/block:PreviousPage}{block:PreviousPage}</a>{/block:PreviousPage}
  540. {block:NextPage}<a href="{NextPage}" class="navigate" id="nextPage">{/block:NextPage}{block:NextPage}</a>{/block:NextPage}{/block:Pagination}
  541.  
  542. {block:PermalinkPagination}
  543. {block:NextPost}<a href="{NextPost}" class="navigate">{/block:NextPost}{block:NextPost}</a>{/block:NextPost}
  544. {block:PreviousPost}<a href="{PreviousPost}" class="navigate">{/block:PreviousPost}{block:PreviousPost}</a>{/block:PreviousPost}{/block:PermalinkPagination}</div></div>
  545. {/block:IndexPage}</div>
  546.  
  547. <script type="text/javascript" src="http://static.tumblr.com/is5f0mm/T5klrpwms/autoscale.txt"></script>
  548.  
  549.  
  550. </body>
  551. </html>