API tools faq
paste
Advertisement
sunkei

bk201

sunkei
Jul 5th, 2012
4,561
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 16.10 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!-- theme made by lavestale.tumblr.com // theme blog : gyapo-->
  3.  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  5.  
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  7.  
  8.  
  9. <head>
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  13. {block:Description}
  14. <meta name="description" content="{MetaDescription}" />
  15. {/block:Description}
  16.  
  17.  
  18. <meta name="image:Background" content="http://static.tumblr.com/onhp7lq/Y3em4lhdg/2hxlldx.png"/>
  19.  
  20.  
  21. <meta name="color:Background" content="#fff" />
  22. <meta name="color:Scroll" content="#000" />
  23. <meta name="color:ScrollBG" content="#fff" />
  24.  
  25. <meta name="color:Title" content="#000" />
  26. <meta name="color:Description" content="#000" />
  27. <meta name="color:Menu Border" content="#000" />
  28. <meta name="color:Menu" content="#000" />
  29. <meta name="color:Menu1" content="#ffe000" />
  30. <meta name="color:Menu2" content="#fd4c51" />
  31. <meta name="color:Menu3" content="#27fd90" />
  32. <meta name="color:Menu4" content="#b557fc" />
  33.  
  34.  
  35. <meta name="color:Links" content="#252525" />
  36. <meta name="color:Texts" content="#2e2e2e" />
  37. <meta name="color:Entry Title" content="#fff" />
  38. <meta name="color:Entry TitleBG" content="#000" />
  39. <meta name="color:Entry BG" content="#eee" />
  40. <meta name="color:Chat BG" content="#ddd" />
  41.  
  42. <meta name="color:Infos BG" content="#000" />
  43. <meta name="color:Notes" content="#ccc" />
  44. <meta name="color:Reblog" content="#777" />
  45. <meta name="color:Reblog Hover" content="#fff" />
  46.  
  47. <meta name="if:Caption" content="0"/>
  48. <meta name="if:Single Column" content="0"/>
  49. <meta name="if:Big Posts" content="0"/>
  50. <meta name="if:Music Tab" content="1"/>
  51.  
  52. <meta name="text:link" content="">
  53. <meta name="text:link title" content="link title">
  54. <meta name="text:Music Code" content="Music Code">
  55. <meta name="text:Footer" content="Your text here">
  56.  
  57.  
  58. <style type="text/css">
  59.  
  60. 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;}
  61.  
  62. 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;}
  63.  
  64. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scroll};height:150px;width:4px;border:2px solid {color:ScrollBG};}
  65. ::-webkit-scrollbar {height:0px;width:6px;background-color:{color:ScrollBG};}
  66.  
  67. body
  68. {font-family:arial;
  69. font-size:10px;
  70. color:{color:Texts};
  71. background-color:{color:Background};
  72. background-image:url('{image:Background}');
  73. background-position: fixed;
  74. background-attachment:fixed;
  75. background-repeat:repeat;}
  76.  
  77. a
  78. {text-decoration:none;
  79. color:{color:Links};
  80. -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;
  81. opacity:1;}
  82.  
  83.  
  84.  
  85. blockquote
  86. {border-left:2px solid;
  87. padding-left:5px;}
  88.  
  89. #right
  90. {width:200px;
  91. margin-top:20%;
  92. {block:IndexPage}
  93. {block:IfSingleColumn}
  94. {block:IfBigPosts}
  95. margin-left:530px;
  96. {/block:IfBigPosts}
  97. {block:IfNotBigPosts}
  98. margin-left:345px;
  99. {/block:IfNotBigPosts}
  100. {/block:IfSingleColumn}
  101. {block:IfNotSingleColumn}
  102. {block:IfBigPosts}
  103. margin-left:970px;
  104. {/block:IfBigPosts}
  105. {block:IfNotBigPosts}
  106. margin-left:630px;
  107. {/block:IfNotBigPosts}
  108. {/block:IfNotSingleColumn}
  109. {/block:IndexPage}
  110. {block:PermalinkPage}
  111. margin-left:350px;
  112. {/block:PermalinkPage}
  113. z-index:999;
  114. float:right;
  115. position:fixed;}
  116.  
  117. #un
  118. {float:left;
  119. border-left:5px solid {color:Menu Border};
  120. padding:20px 0px 20px 0px;}
  121.  
  122. #pic
  123. {margin:5px;}
  124.  
  125. #about
  126. {width:125px;
  127. font-size:9px;
  128. color:{color:Description};
  129. font-family:trebuchet ms;
  130. margin:0px 0px 5px 5px;
  131. font-style:italic;}
  132.  
  133. .nav
  134. {font-weight:800;letter-spacing:1px;
  135. padding-left:5px;
  136. color:{color:Menu};}
  137.  
  138.  
  139.  
  140. #uno
  141. {border-left:5px solid {color:Menu Border};
  142. -webkit-transition: opacity 0.4s linear;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;
  143. }
  144. #due
  145. {border-left:15px solid {color:Menu2};
  146. margin-left:-15px;
  147. -webkit-transition: opacity 0.6s linear;-webkit-transition: all 0.6s ease-in-out;-moz-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;
  148. }
  149. #tre
  150. {border-left:20px solid {color:Menu Border};
  151. -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;
  152. }
  153. #quattro
  154. {
  155. border-left:10px solid {color:Menu4};
  156. margin-left:-10px;
  157. -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;
  158. }
  159.  
  160.  
  161.  
  162. #uno:hover
  163. {border-left:5px solid {color:Menu1};
  164. margin-left:-5px;}
  165. #due:hover
  166. {}
  167. #tre:hover
  168. {border-left:20px solid {color:Menu3};
  169. margin-left:-20px;}
  170. #quattro:hover
  171. {}
  172.  
  173. #footer
  174. {position:fixed;
  175. left:0px;
  176. bottom:0px;
  177. width:100%;
  178. color:{color:Entry Title};
  179. font-size:9px;
  180. font-family:trebuchet ms;
  181. text-transform:uppercase;
  182. padding:5px 0px 5px 5px;
  183. letter-spacing:5px;
  184. text-align:center;
  185. background-color:{color:Entry TitleBG};}
  186.  
  187. #onglet
  188. {position:fixed;
  189. bottom:3px;
  190. color:{color:Texts};
  191. width:150px;
  192. left:0px;
  193. -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;
  194. }
  195.  
  196. #name
  197. {width:70px;border-radius:10px 10px 0px 0px;
  198. margin-left:69px;
  199. text-align:right;
  200. background-color:{color:Entry BG};padding:3px 8px 3px 3px;
  201. font-style:italic;letter-spacing:1px;}
  202.  
  203. #content
  204. {background-color:{color:Entry TitleBG};
  205. color:{color:Entry Title};padding:3px;}
  206.  
  207. #onglet:hover
  208. {bottom:25px;}
  209.  
  210.  
  211.  
  212. .pagination {
  213. display:none;
  214. }
  215.  
  216.  
  217. #posts
  218. {{block:IndexPage}
  219. {block:IfSingleColumn}
  220. {block:IfBigPosts}
  221. width:690px;
  222. {/block:IfBigPosts}
  223. {block:IfNotBigPosts}
  224. width:300px;
  225. {/block:IfNotBigPosts}
  226. {/block:IfSingleColumn}
  227. {block:IfNotSingleColumn}
  228. {block:IfBigPosts}
  229. width:1000px;
  230. {/block:IfBigPosts}
  231. {block:IfNotBigPosts}
  232. width:800px;
  233. {/block:IfNotBigPosts}
  234. {/block:IfNotSingleColumn}
  235. {block:IfBigPosts}
  236. margin-left:100px;
  237. {/block:IfBigPosts}
  238. {block:IfNotBigPosts}
  239. margin-left:60px;
  240. {/block:IfNotBigPosts}
  241. {/block:IndexPage}
  242. {block:PermalinkPage}
  243. margin-left:-180px;
  244. width:550px;
  245. text-align:justify;
  246. {/block:PermalinkPage}}
  247.  
  248.  
  249.  
  250.  
  251.  
  252. .post
  253. {{block:IndexPage}
  254. {block:IfBigPosts}
  255. width:400px;
  256. {/block:IfBigPosts}
  257. {block:IfNotBigPosts}
  258. width:250px;
  259. {/block:IfNotBigPosts}
  260. {/block:IndexPage}
  261. {block:PermalinkPage}
  262. width:500px;
  263. {/block:PermalinkPage}
  264. margin-top:35px;
  265. margin-right:35px;
  266. text-align:justify;
  267. color:{color:Texts};
  268. font-family:arial;
  269. font-size:9px;
  270. overflow:hidden;
  271. background-color: {color:Entry BG};
  272. }
  273.  
  274. #photo
  275. {background-color:{color:Background};}
  276.  
  277. .titlepost
  278. {color:{color:Entry Title}; font-style:italic;
  279. letter-spacing:1px;
  280. padding-right:5px;
  281. font-size:10px;
  282. text-align:right;
  283. background-color:{color:Entry TitleBG};}
  284.  
  285.  
  286. .infos
  287. {position:absolute;
  288. bottom:0px;
  289. background-color:{color:Infos BG};
  290. border-radius: 10px 0px 0px 0px;
  291. -moz-border-radius: 10px 0px 0px 0px;
  292. right:0px;
  293. color:{color:Notes};letter-spacing:2px;
  294. padding:5px 10px 5px 10px;
  295. opacity:0;
  296. font-size:8px;font-family:trebuchet ms;text-transform:uppercase;
  297. -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;box-shadow:-1px -1px 2px #aaa;}
  298.  
  299. .post:hover .infos
  300. {opacity:1;}
  301.  
  302. #photo .infos
  303. {box-shadow:-1px -1px 3px #222;}
  304.  
  305. #white
  306. {box-shadow:-1px -1px 3px #222;}
  307. .infos a
  308. {color:{color:Reblog};}
  309. #notes
  310. {color:{color:Notes};}
  311. .infos a:hover
  312. {color:{color:Reblog Hover};}
  313.  
  314. .texte a
  315. {text-decoration:underline}
  316.  
  317. .label
  318. {color:{color:Links}; letter-spacing:1px;font-style:italic;}
  319. .post .even
  320. {background-color:{color:Chat BG};}
  321.  
  322.  
  323. </style>
  324. {block:IndexPage}
  325. <script src="http://static.tumblr.com/6hsqxdt/s7Vm2rb3k/jquery.masonry.min.js"></script>
  326.  
  327. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>
  328. <script src="http://static.tumblr.com/6hsqxdt/JBvm2rb44/masonry.js"></script>
  329. <script>
  330. $(window).load(function () {
  331. $('#posts').masonry(),
  332. $('.masonryWrap').infinitescroll({
  333. navSelector : "div.pagination",
  334. nextSelector : ".pagination a#next",
  335. itemSelector : ".post",
  336. bufferPx : 10000,
  337. extraScrollPx: 10000,
  338. loadingImg : "",
  339. loadingText : "<em></em>",
  340. },
  341. // call masonry as a callback.
  342. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  343. );
  344. });
  345. </script>{/block:IndexPage}
  346.  
  347. <style type="text/css">{CustomCSS}</style>
  348. </head>
  349. <body>
  350.  
  351.  
  352.  
  353.  
  354.  
  355.  
  356.  
  357.  
  358. <table align="center" border="0" cellpadding="0" cellspacing="0" >
  359. <tr><td>
  360. <div id="right">
  361. <div id="un">
  362. <div style="margin-left:5px; font-size:16px;margin-top:5px;font-family:trebuchet ms;letter-spacing:3px;color:{color:Title};">{Title}</div>
  363. <div id="about">
  364. {Description}</div>
  365. <div id="menu">
  366. <a href="/"><div class="nav" id="uno">index</div></a>
  367. <a href="/ask"><div class="nav" id="due">message</div></a>
  368. <a href="{text:link}"><div class="nav" id="tre">{text:link title}</div></a>
  369. <a href="/archive"><div class="nav" id="quattro">archive</div></a>
  370. <a href="http://iyo-d.tumblr.com/tagged/layout"><div class="nav" id="uno">theme</div></a>
  371. </div><!--menu-->
  372. </div><!--un-->
  373. </div><!--right-->
  374.  
  375. <div id="posts">
  376. {block:Posts}
  377.  
  378. {block:Photo}
  379. <div class="post" id="photo">
  380. {block:IndexPage}
  381. <span class="infos"><a href="{ReblogURL}" target="_blank">Reblog</a> . <a href="{Permalink}" id="notes">{NoteCount}</a> </span>
  382. {/block:IndexPage}
  383.  
  384. <a href="{Permalink}" style="border-bottom:1px dotted transparent;">
  385. <div><img id="photo" src="{PhotoURL-500}" style="margin-bottom:-3px;"
  386.  
  387. {block:IndexPage}
  388. {block:IfBigPosts}
  389. width="400px"
  390. {/block:IfBigPosts}
  391. {block:IfNotBigPosts}
  392. width="250px"
  393. {/block:IfNotBigPosts}
  394. {/block:IndexPage}
  395.  
  396. {block:PermalinkPage}
  397. width="500px"
  398. {/block:PermalinkPage}
  399. alt="{PhotoAlt}"/></div></a>
  400.  
  401. {block:IfCaption}<div>{block:Caption}<div class="texte">{Caption}</div> {/block:Caption}</div>{/block:IfCaption}
  402.  
  403. </div>
  404. {/block:Photo}
  405.  
  406.  
  407.  
  408. {block:Text}
  409. <div class="post">
  410. {block:IndexPage}
  411. <span class="infos"><a href="{ReblogURL}" target="_blank">Reblog</a> . <a href="{Permalink}" id="notes">{NoteCount}</a> </span>
  412. {/block:IndexPage}
  413.  
  414. {block:Title}
  415. <a href="{Permalink}"><div class="titlepost">{Title} ←</div></a>
  416. {/block:Title}
  417. <div class="texte">{Body}</div>
  418. </div>
  419. {/block:Text}
  420.  
  421.  
  422.  
  423. {block:Quote}
  424. <div class="post">
  425. {block:IndexPage}
  426. <span class="infos"><a href="{ReblogURL}" target="_blank">Reblog</a> . <a href="{Permalink}" id="notes">{NoteCount}</a> </span>
  427. {/block:IndexPage}
  428.  
  429. <div style="font-size:12px;font-style:italic;font-weight:800;"> "{Quote}"</div>
  430. {block:Source}
  431. <div class="texte">— {Source}</div>
  432. {/block:Source}
  433.  
  434. </div>
  435. {/block:Quote}
  436.  
  437.  
  438. {block:Link}
  439. <div class="post">
  440. {block:IndexPage}
  441. <span class="infos"><a href="{ReblogURL}" target="_blank">Reblog</a> . <a href="{Permalink}" id="notes">{NoteCount}</a> </span>
  442. {/block:IndexPage}
  443.  
  444. <a href="{URL}" {Target}><div class="titlepost"><span class="BG">{Name} ←</span></div></a>
  445. {block:Description}
  446. <div class="texte">{Description}</div>
  447. {/block:Description}
  448.  
  449. </div>
  450. {/block:Link}
  451.  
  452.  
  453. {block:Chat}
  454. <div class="post">
  455. {block:IndexPage}
  456. <span class="infos"><a href="{ReblogURL}" target="_blank">Reblog</a> . <a href="{Permalink}" id="notes">{NoteCount}</a> </span>
  457. {/block:IndexPage}
  458.  
  459. {block:Title}
  460. <div class="titlepost"><span class="BG">{Title} ←</span></div>
  461. {/block:Title}
  462. <div >
  463. {block:Lines}
  464. <div>
  465. <div class="{Alt}">{block:Label}<span class="label">- {Label}</span>{/block:Label} {Line}</div>
  466. </div>
  467. {/block:Lines}
  468. </div>
  469. </div>
  470. {/block:Chat}
  471.  
  472.  
  473. {block:Audio}
  474. <div class="post">
  475. {block:IndexPage}
  476. <span class="infos" id="white"><a href="{ReblogURL}" target="_blank">Reblog</a> . <a href="{Permalink}" id="notes">{NoteCount}</a> </span>
  477. {/block:IndexPage}
  478.  
  479. <table cellpadding="0" border="0" cellspacing="0">
  480. <tr><td>
  481. {block:AlbumArt}
  482. <img style="height:100px;width:100px;margin-right:5px;margin-bottom:-3px;" id="art" src="{AlbumArtURL}"/>
  483. {/block:AlbumArt}</td>
  484. <td><div style="margin-top:5px;margin-bottom:5px;padding-left:5px;border-left:5px solid {color:Chat BG};text-align:left;">
  485.  
  486. {block:TrackName}<span id="track">【{TrackName}】</span><br>{/block:TrackName}
  487. {block:Artist}→ by {Artist}<br>{/block:Artist}
  488. {block:Album}→ from {Album}<br>{/block:Album}
  489.  
  490. {PlayCountWithLabel}</div></td></tr><td>
  491. </td></tr>
  492. <tr>
  493. <td colspan="2"><div style="{block:IfBigPosts}
  494. width:400px;
  495. {/block:IfBigPosts}
  496. {block:IfNotBigPosts}
  497. width:250px;
  498. {/block:IfNotBigPosts}
  499. {block:PermalinkPage}width:500px;{/block:PermalinkPage}background-color:#000;overflow:hidden;">{AudioPlayerBlack}</div></td>
  500. </tr>
  501. </table>
  502.  
  503. <div class="comments">
  504. {block:IfCaption}
  505. {block:Caption}<span class="texte">{Caption}</span>{/block:Caption}
  506. {/block:IfCaption}
  507.  
  508. {block:IfNotCaption}{block:PermalinkPage}
  509. {block:Caption}<span class="texte">{Caption}</span>{/block:Caption}
  510. {block:PermalinkPage}{/block:IfNotCaption}
  511. </div>
  512.  
  513. </div> {/block:Audio}
  514.  
  515. {block:Photoset}
  516. <div class="post" id="photo">
  517. {block:IndexPage}
  518. <span class="infos"><a href="{ReblogURL}" target="_blank">Reblog</a> . <a href="{Permalink}" id="notes">{NoteCount}</a> </span>
  519. {/block:IndexPage}
  520.  
  521. {block:IndexPage}
  522. {block:IfBigPosts}
  523. {Photoset-400}
  524. {/block:IfBigPosts}
  525. {block:IfNotBigPosts}
  526. {Photoset-250}
  527. {/block:IfNotBigPosts}
  528. {/block:IndexPage}
  529.  
  530. {block:PermalinkPage}
  531. {Photoset-500}
  532. {/block:PermalinkPage}
  533. {block:IfCaption}<div>{block:Caption}<div class="texte">{Caption}</div> {/block:Caption}</div>{/block:IfCaption}
  534. </div>
  535. {/block:Photoset}
  536.  
  537. {block:Video}
  538. <div class="post">
  539. {block:IndexPage}
  540. <span class="infos"><a href="{ReblogURL}" target="_blank">Reblog</a> . <a href="{Permalink}" id="notes">{NoteCount}</a> </span>
  541. {/block:IndexPage}
  542.  
  543.  
  544. {block:IndexPage}
  545. {block:IfBigPosts}
  546. {Video-500}
  547. {/block:IfBigPosts}
  548. {block:IfNotBigPosts}
  549. {Video-250}
  550. {/block:IfNotBigPosts}
  551. {/block:IndexPage}
  552.  
  553. {block:PermalinkPage}
  554. {Video-500}
  555. {/block:PermalinkPage}
  556.  
  557. {block:IfCaption}<div>{block:Caption}<div class="texte">{Caption}</div> {/block:Caption}</div>{/block:IfCaption}
  558. </div>
  559. {/block:Video}
  560.  
  561. {block:PermalinkPage}
  562. <div style="margin-left:25px;margin-top:15px;">
  563. {block:IfNotCaption}<div>{block:Caption}<div class="texte">{Caption}</div> {/block:Caption}</div>{/block:IfNotCaption} <br>
  564. {block:PostNotes} {NoteCountWithLabel},{/block:PostNotes} {block:Date}{TimeAgo}.{/block:Date} {block:RebloggedFrom}<span class="green">via :</span> <a href="{ReblogParentURL}">{ReblogParentName}</a> , <span class="green">org :</span> <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  565. <div>{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}</div>
  566. {block:PostNotes}{PostNotes}{/block:PostNotes}
  567. </div>
  568. {/block:PermalinkPage}
  569.  
  570. {block:RebloggedFrom}
  571. <!--{ReblogParentName}-->
  572. {/block:RebloggedFrom}
  573.  
  574. {block:ContentSource}
  575. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  576. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  577. {/block:SourceLogo}
  578. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo}-->
  579. {/block:ContentSource}
  580. {/block:Posts}
  581. </div>
  582.  
  583.  
  584.  
  585. </td></tr>
  586.  
  587. </table>
  588.  
  589.  
  590. <div class="pagination">
  591. {block:Pagination}{block:PreviousPage}<a href="{PreviousPage}">previous</a> &middot;{/block:PreviousPage} {block:NextPage}<a href="{NextPage}" id="next">next</a>{/block:NextPage}{/block:Pagination}
  592. </div>
  593.  
  594. {block:IfMusicTab}
  595. <div id="onglet">
  596. <div id="name">music <img style="opacity:0.7;" src="http://media.tumblr.com/tumblr_lm6prnRzP61qfoi4t.gif"/></div>
  597. <div id="content">{text:Music Code}</div>
  598. </div><!--onglet-->
  599. {/block:IfMusicTab}
  600.  
  601.  
  602. <div id="footer">{text:Footer}
  603. </div><!--footer-->
  604. </body>
  605. </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!