API tools faq
paste
Advertisement
sunkei

Ochinchin v0.2

sunkei
Apr 28th, 2012
8,817
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. <!--
  2. Ochinchin
  3. theme made by gyapo.tumblr.com
  4. don't remove this comment
  5.  
  6. up:05/09/12 - link4 fixed
  7. 25 05 14 - posts margin
  8.  
  9. -->
  10.  
  11. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  12.  
  13. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  14.  
  15.  
  16. <head>
  17. <title>{Title}</title>
  18. <link rel="shortcut icon" href="{Favicon}">
  19. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  20. {block:Description}
  21. <meta name="description" content="{MetaDescription}" />
  22. {/block:Description}
  23.  
  24.  
  25. <meta name="image:Background" content="http://static.tumblr.com/..."/>
  26. <meta name="color:Background" content="#fff" />
  27. <meta name="color:Scroll" content="#000" />
  28.  
  29. <meta name="color:Description" content="#888" />
  30. <meta name="color:Menu" content="#555" />
  31.  
  32. <meta name="color:Link" content="#000" />
  33. <meta name="color:Link hover" content="#999" />
  34. <meta name="color:Entry BG" content="#fff" />
  35. <meta name="color:Entry Border" content="#eee" />
  36. <meta name="color:Texts" content="#777" />
  37.  
  38. <meta name="color:Infos" content="#333" />
  39. <meta name="color:Infos Border" content="#000" />
  40.  
  41.  
  42. <meta name="if:Single Column" content="0"/>
  43. <meta name="if:Big Posts" content="0"/>
  44. <meta name="if:EndlessScroll" content="0"/>
  45.  
  46. <meta name="text:Link1 title" content="link 1" />
  47. <meta name="text:Link1" content="" />
  48. <meta name="text:Link2 title" content="link 2" />
  49. <meta name="text:Link2" content="" />
  50. <meta name="text:Link3 title" content="link 3" />
  51. <meta name="text:Link3" content="" />
  52. <meta name="text:Link4 title" content="link 4" />
  53. <meta name="text:Link4" content="" />
  54.  
  55.  
  56. <script src="http://static.tumblr.com/ko3o6ju/QzNls3n3y/smoothscroll.js" type="text/javascript"></script>
  57.  
  58. {block:IfEndlessScroll}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:IfEndlessScroll}
  59.  
  60. <style type="text/css">
  61.  
  62.  
  63.  
  64. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scroll};height:200px;}
  65. ::-webkit-scrollbar {height:0px;width:4px;background-color:{color:Entry BG};}
  66.  
  67. body
  68. {font-family:baskerville;
  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:Link};
  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.  
  82. a:hover
  83. {text-decoration:none;
  84. color:{color:Link hover};}
  85.  
  86. blockquote
  87. {border-left:2px solid;
  88. padding-left:5px;}
  89.  
  90.  
  91.  
  92. #all
  93. {{block:IfBigPosts}
  94. width:1200px;
  95. {/block:IfBigPosts}
  96. {block:IfNotBigPosts}
  97. width:900px;
  98. {/block:IfNotBigPosts}}
  99.  
  100.  
  101. #header
  102. {background-color:{color:Background};{block:IfBigPosts}
  103. width:1150px;
  104. {/block:IfBigPosts}
  105. {block:IfNotBigPosts}
  106. width:850px;
  107. {/block:IfNotBigPosts}
  108. position:fixed;top:0px;padding-top:10px;}
  109.  
  110. #line1
  111. {margin-left:-30px;
  112. {block:IfBigPosts}
  113. width:1150px;
  114. {/block:IfBigPosts}
  115. {block:IfNotBigPosts}
  116. width:850px;
  117. {/block:IfNotBigPosts}
  118. border-top:1px solid {color:Entry Border};}
  119.  
  120. #line2
  121. {margin-left:30px;
  122. {block:IfBigPosts}
  123. width:1150px;
  124. {/block:IfBigPosts}
  125. {block:IfNotBigPosts}
  126. width:850px;
  127. {/block:IfNotBigPosts}
  128. border-top:1px solid {color:Entry Border};}
  129.  
  130. #description
  131. {color:{color:Description};
  132. text-align:center;
  133. letter-spacing:2px;}
  134.  
  135. #menu
  136. {text-align:center;
  137. height:0px;
  138. margin-top:3px;
  139. -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;}
  140.  
  141. #box
  142. {overflow:hidden;}
  143.  
  144. #box:hover #menu
  145. {height:14px;}
  146.  
  147. .button
  148. {margin:0px 10px 0px 10px;
  149. color:{color:Menu};}
  150.  
  151. .button:hover
  152. {text-decoration:line-through;}
  153.  
  154.  
  155.  
  156.  
  157. #posts
  158. {{block:IndexPage}
  159. {block:IfSingleColumn}
  160. {block:IfBigPosts}
  161. width:690px;
  162. {/block:IfBigPosts}
  163. {block:IfNotBigPosts}
  164. width:560px;
  165. {/block:IfNotBigPosts}
  166. {/block:IfSingleColumn}
  167. {block:IfNotSingleColumn}
  168. {block:IfBigPosts}
  169. width:1200px;
  170. {/block:IfBigPosts}
  171. {block:IfNotBigPosts}
  172. width:900px;
  173. {/block:IfNotBigPosts}
  174. {/block:IfNotSingleColumn}
  175. {/block:IndexPage}
  176. {block:PermalinkPage}
  177. width:550px;
  178. text-align:justify;
  179. {/block:PermalinkPage}
  180. margin-top:30px;
  181. }
  182.  
  183. .post
  184. {{block:IndexPage}
  185. {block:IfBigPosts}
  186. width:400px;
  187. {/block:IfBigPosts}
  188. {block:IfNotBigPosts}
  189. width:250px;
  190. {/block:IfNotBigPosts}
  191. margin-left:110px;
  192. {/block:IndexPage}
  193. {block:PermalinkPage}
  194. width:500px;
  195. {/block:PermalinkPage}
  196. margin-top:40px;
  197. margin-bottom:40px;
  198. text-align:justify;
  199. color:{color:Texts};
  200. background-color: {color:Entry BG};
  201. border:1px solid {color:Entry Border};
  202. padding:5px 5px 5px 5px;
  203. {block:IfNotEndlessScroll}
  204. -webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;
  205. {/block:IfNotEndlessScroll}}
  206.  
  207. #photo
  208. {padding-bottom:2px;}
  209.  
  210.  
  211. {block:IndexPage}
  212.  
  213.  
  214. img
  215. {{block:IfBigPosts}
  216. max-width:400px;
  217. {/block:IfBigPosts}
  218. {block:IfNotBigPosts}
  219. max-width:250px;
  220. {/block:IfNotBigPosts}}
  221.  
  222.  
  223. .infos
  224. {position:absolute;
  225. {block:IfBigPosts}
  226. margin-left:450px;
  227. {/block:IfBigPosts}
  228. {block:IfNotBigPosts}
  229. margin-left:300px;
  230. {/block:IfNotBigPosts}
  231. width:100px;
  232. overflow:auto;
  233. opacity:0;
  234. -webkit-transition: opacity 0.9s linear;-webkit-transition: all 0.9s ease-in-out;-moz-transition: all 0.9s ease-in-out;-o-transition: all 0.9s ease-in-out;}
  235.  
  236.  
  237. .link
  238. {border-left:5px solid {color:Infos Border};
  239. color:{color:Infos};
  240. padding:0px 0px 0px 5px;}
  241.  
  242. .post:hover .infos
  243. {opacity:1;
  244. {block:IfBigPosts}
  245. margin-left:410px;
  246. {/block:IfBigPosts}
  247. {block:IfNotBigPosts}
  248. margin-left:260px;
  249. {/block:IfNotBigPosts}}
  250. {/block:IndexPage}
  251.  
  252.  
  253. .titlepost
  254. {text-align:center;letter-spacing:2px;color:{color:Infos};
  255. text-decoration:underline;}
  256.  
  257.  
  258. .nav
  259. {text-align:center;
  260. color:{color:Description};
  261. letter-spacing:5px;}
  262.  
  263. #pages
  264. {margin:20px 0px 20px 0px;}
  265.  
  266. #back
  267. {margin-left:-40px;}
  268.  
  269. .pagination {
  270. display:none;
  271. }
  272.  
  273. #next
  274. {margin-left:40px;}
  275.  
  276.  
  277.  
  278.  
  279. </style>
  280.  
  281.  
  282. {block:IndexPage}
  283. <script src="http://static.tumblr.com/6hsqxdt/s7Vm2rb3k/jquery.masonry.min.js"></script>
  284. {block:IfEndlessScroll}
  285. <script src="http://static.tumblr.com/6hsqxdt/vmwm2rb4g/infinitescrolling.js"></script>{/block:IfEndlessScroll}
  286. <script src="http://static.tumblr.com/6hsqxdt/JBvm2rb44/masonry.js"></script>
  287. <script>
  288. $(window).load(function () {
  289. $('#posts').masonry(),
  290. $('.masonryWrap').infinitescroll({
  291. navSelector : "div.pagination",
  292. nextSelector : ".pagination a#next",
  293. itemSelector : ".post",
  294. bufferPx : 10000,
  295. extraScrollPx: 10000,
  296. loadingImg : "",
  297. loadingText : "<em></em>",
  298. },
  299. // call masonry as a callback.
  300. function() { $('#posts').masonry({ appendedContent: $(this) }); }
  301. );
  302. });
  303. </script>{/block:IndexPage}
  304.  
  305.  
  306.  
  307.  
  308.  
  309. </head>
  310. <body>
  311. {block:IfEndlessScroll}
  312. <a style="position:fixed;bottom:5px;right:5px;font-size:10px;" href="#top" class="texte">back to top</a>{/block:IfEndlessScroll}
  313.  
  314.  
  315.  
  316. <table align="center" id="all" border="0" cellpadding="0" cellspacing="0" >
  317. <tr><td>
  318. <div>
  319.  
  320. <center>
  321. <div id="posts">
  322. {block:Posts}
  323.  
  324.  
  325.  
  326. {block:Photo}
  327. <div class="post" id="photo">
  328. {block:IndexPage}
  329. <span class="infos">
  330. <div class="link">{NoteCountWithLabel}</div>
  331. {block:Date}<a href="{Permalink}" target="_blank"><div class="link">{ShortDayOfWeek} {DayOfMonthWithZero}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</div></a>{/block:Date}
  332. <a href="{ReblogURL}" target="_blank"><div class="link">Reblog</div></a>
  333. <div>{block:HasTags}{block:Tags}<a href="{TagURL}" target="_blank"><div class="tag">#{Tag}</div></a> {/block:Tags} {/block:HasTags}</div>
  334. </span>
  335. {/block:IndexPage}
  336.  
  337. <a href="{Permalink}" style="border-bottom:1px dotted transparent;">
  338. <div><img id="photo" src="{PhotoURL-500}"
  339.  
  340. {block:IndexPage}
  341. {block:IfBigPosts}
  342. width="400px"
  343. {/block:IfBigPosts}
  344. {block:IfNotBigPosts}
  345. width="250px"
  346. {/block:IfNotBigPosts}
  347. {/block:IndexPage}
  348.  
  349. {block:PermalinkPage}
  350. width="500px"
  351. {/block:PermalinkPage}
  352. alt="{PhotoAlt}"/></div></a>
  353.  
  354. {block:PermalinkPage}<div>{block:Caption}<div class="texte">{Caption}</div> {/block:Caption}</div>{/block:PermalinkPage}
  355.  
  356. </div>
  357. {/block:Photo}
  358.  
  359.  
  360. {block:Text}
  361. <div class="post">
  362. {block:IndexPage}
  363. <span class="infos">
  364. <div class="link">{NoteCountWithLabel}</div>
  365. {block:Date}<a href="{Permalink}" target="_blank"><div class="link">{ShortDayOfWeek} {DayOfMonthWithZero}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</div></a>{/block:Date}
  366. <a href="{ReblogURL}" target="_blank"><div class="link">Reblog</div></a>
  367. <div>{block:HasTags}{block:Tags}<a href="{TagURL}" target="_blank"><div class="tag">#{Tag}</div></a> {/block:Tags} {/block:HasTags}</div>
  368. </span>
  369. {/block:IndexPage}
  370.  
  371. {block:Title}
  372. <div class="titlepost">{Title}</div>
  373. {/block:Title}
  374. <div class="texte">{Body}</div>
  375. </div>
  376. {/block:Text}
  377.  
  378.  
  379.  
  380. {block:Quote}
  381. <div class="post">
  382. {block:IndexPage}
  383. <span class="infos">
  384. <div class="link">{NoteCountWithLabel}</div>
  385. {block:Date}<a href="{Permalink}" target="_blank"><div class="link">{ShortDayOfWeek} {DayOfMonthWithZero}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</div></a>{/block:Date}
  386. <a href="{ReblogURL}" target="_blank"><div class="link">Reblog</div></a>
  387. <div>{block:HasTags}{block:Tags}<a href="{TagURL}" target="_blank"><div class="tag">#{Tag}</div></a> {/block:Tags} {/block:HasTags}</div>
  388. </span>
  389. {/block:IndexPage}
  390.  
  391. <div> "{Quote}"</div>
  392. {block:Source}
  393. <div> {Source}</div>
  394. {/block:Source}
  395.  
  396. </div>
  397. {/block:Quote}
  398.  
  399.  
  400. {block:Link}
  401. <div class="post">
  402. {block:IndexPage}
  403. <span class="infos">
  404. <div class="link">{NoteCountWithLabel}</div>
  405. {block:Date}<a href="{Permalink}" target="_blank"><div class="link">{ShortDayOfWeek} {DayOfMonthWithZero}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</div></a>{/block:Date}
  406. <a href="{ReblogURL}" target="_blank"><div class="link">Reblog</div></a>
  407. <div>{block:HasTags}{block:Tags}<a href="{TagURL}" target="_blank"><div class="tag">#{Tag}</div></a> {/block:Tags} {/block:HasTags}</div>
  408. </span>
  409. {/block:IndexPage}
  410.  
  411. <a href="{URL}" {Target}><div class="titlepost">{Name}</div></a>
  412. {block:Description}
  413. <div>{Description}</div>
  414. {/block:Description}
  415.  
  416. </div>
  417. {/block:Link}
  418.  
  419.  
  420. {block:Chat}
  421. <div class="post">
  422. {block:IndexPage}
  423. <span class="infos">
  424. <div class="link">{NoteCountWithLabel}</div>
  425. {block:Date}<a href="{Permalink}" target="_blank"><div class="link">{ShortDayOfWeek} {DayOfMonthWithZero}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</div></a>{/block:Date}
  426. <a href="{ReblogURL}" target="_blank"><div class="link">Reblog</div></a>
  427. <div>{block:HasTags}{block:Tags}<a href="{TagURL}" target="_blank"><div class="tag">#{Tag}</div></a> {/block:Tags} {/block:HasTags}</div>
  428. </span>
  429. {/block:IndexPage}
  430.  
  431. {block:Title}
  432. <div class="titlepost">{Title}</div>
  433. {/block:Title}
  434. <div>
  435. {block:Lines}
  436. <div class="{Alt} user_{UserNumber}">
  437. <div>{block:Label}<a href="{Permalink}">- {Label}</a>{/block:Label} {Line} </div>
  438. </div>
  439. {/block:Lines}
  440. </div>
  441. </div>
  442. {/block:Chat}
  443.  
  444.  
  445. {block:Audio}
  446. <div class="post">
  447. {block:IndexPage}
  448. <span class="infos">
  449. <div class="link">{NoteCountWithLabel}</div>
  450. {block:Date}<a href="{Permalink}" target="_blank"><div class="link">{ShortDayOfWeek} {DayOfMonthWithZero}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</div></a>{/block:Date}
  451. <a href="{ReblogURL}" target="_blank"><div class="link">Reblog</div></a>
  452. <div>{block:HasTags}{block:Tags}<a href="{TagURL}" target="_blank"><div class="tag">#{Tag}</div></a> {/block:Tags} {/block:HasTags}</div>
  453. </span>
  454. {/block:IndexPage}
  455.  
  456. <table cellpadding="0" border="0" cellspacing="0">
  457. <tr><td rowspan="2">
  458. {block:AlbumArt}
  459. <img style="height:100px;width:100px;margin-right:5px;" id="art" src="{AlbumArtURL}"/>
  460. {/block:AlbumArt}</td>
  461. <td><div style="margin-top:15px;">
  462. {block:IndexPage}{block:TrackName}{TrackName}{/block:TrackName} {block:Artist}by {Artist}{/block:Artist}{/block:IndexPage} <br>
  463. {PlayCountWithLabel}</div></td></tr><td>
  464. <div style="{block:IfBigPosts}
  465. width:295px;
  466. {/block:IfBigPosts}
  467. {block:IfNotBigPosts}
  468. width:145px;
  469. {/block:IfNotBigPosts}
  470. {block:PermalinkPage}width:395px;{/block:PermalinkPage}background-color:#000;overflow:hidden;">{AudioPlayerBlack}</div></td></tr>
  471. </table>
  472.  
  473. {block:PermalinkPage}<div>{block:Caption}<div class="texte">{Caption}</div> {/block:Caption}</div>{/block:PermalinkPage}
  474. </div>
  475. {/block:Audio}
  476.  
  477.  
  478. {block:Photoset}
  479. <div class="post">
  480. {block:IndexPage}
  481. <span class="infos">
  482. <div class="link">{NoteCountWithLabel}</div>
  483. {block:Date}<a href="{Permalink}" target="_blank"><div class="link">{ShortDayOfWeek} {DayOfMonthWithZero}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</div></a>{/block:Date}
  484. <a href="{ReblogURL}" target="_blank"><div class="link">Reblog</div></a>
  485. <div>{block:HasTags}{block:Tags}<a href="{TagURL}" target="_blank"><div class="tag">#{Tag}</div></a> {/block:Tags} {/block:HasTags}</div>
  486. </span>
  487. {/block:IndexPage}
  488.  
  489. {block:IndexPage}
  490. {block:IfBigPosts}
  491. {Photoset-400}
  492. {/block:IfBigPosts}
  493. {block:IfNotBigPosts}
  494. {Photoset-250}
  495. {/block:IfNotBigPosts}
  496. {/block:IndexPage}
  497.  
  498. {block:PermalinkPage}
  499. {Photoset-500}
  500. {/block:PermalinkPage}
  501. {block:PermalinkPage}<div>{block:Caption}<div class="texte">{Caption}</div> {/block:Caption}</div>{/block:PermalinkPage}
  502. </div>
  503. {/block:Photoset}
  504.  
  505. {block:Video}
  506. <div class="post">
  507. {block:IndexPage}
  508. <span class="infos">
  509. <div class="link">{NoteCountWithLabel}</div>
  510. {block:Date}<a href="{Permalink}" target="_blank"><div class="link">{ShortDayOfWeek} {DayOfMonthWithZero}{DayOfMonthSuffix} {ShortMonth} {ShortYear}</div></a>{/block:Date}
  511. <a href="{ReblogURL}" target="_blank"><div class="link">Reblog</div></a>
  512. <div>{block:HasTags}{block:Tags}<a href="{TagURL}" target="_blank"><div class="tag">#{Tag}</div></a> {/block:Tags} {/block:HasTags}</div>
  513. </span>
  514. {/block:IndexPage}
  515.  
  516. {block:IndexPage}
  517. {block:IfBigPosts}
  518. {Video-400}
  519. {/block:IfBigPosts}
  520. {block:IfNotBigPosts}
  521. {Video-250}
  522. {/block:IfNotBigPosts}
  523. {/block:IndexPage}
  524.  
  525. {block:PermalinkPage}
  526. {Video-500}
  527. {/block:PermalinkPage}
  528.  
  529. {block:PermalinkPage}<div>{block:Caption}<div class="texte">{Caption}</div> {/block:Caption}</div>{/block:PermalinkPage}
  530. </div>
  531. {/block:Video}
  532.  
  533.  
  534. {block:PermalinkPage}
  535. <div style="margin-left:25px;margin-top:15px;">
  536. {NoteCountWithLabel}, {TimeAgo}. {block:RebloggedFrom}<span class="green">via :</span> <a href="{ReblogParentURL}">{ReblogParentName}</a> , <span class="green">org :</span> <a href="{ReblogRootURL}">{ReblogRootName}</a> {/block:RebloggedFrom}
  537. <div>{block:HasTags}{block:Tags}<a href="{TagURL}">#{Tag}</a> {/block:Tags} {/block:HasTags}</div>
  538. {block:PostNotes}{PostNotes}{/block:PostNotes}
  539. </div>
  540. {/block:PermalinkPage}
  541.  
  542. {/block:Posts}
  543. </div>
  544. </center>
  545.  
  546.  
  547. {block:IfNotEndlessScroll}{block:Pagination}
  548. <div id="pages">
  549. {block:PreviousPage}<a href="{PreviousPage}"><div class="nav" id="back">โ† back</div></a>{/block:PreviousPage}
  550. {block:NextPage}<a href="{NextPage}"><div class="nav" id="next">next โ†’ </div></a>{/block:NextPage}
  551. </div>
  552. {/block:Pagination} {/block:IfNotEndlessScroll}
  553.  
  554.  
  555.  
  556.  
  557.  
  558. <div id="header">
  559. <div id="line1"></div>
  560. <center>
  561. <div id="box">
  562. <div id="description">{Description}</div>
  563. <div id="menu">
  564. <a href="/"><span class="button">home</span></a>
  565. <a href="/ask"><span class="button">message</span></a>
  566. <a href="{text:Link1}"><span class="button">{text:Link1 title}</span></a>
  567. <a href="{text:Link2}"><span class="button">{text:Link2 title}</span></a>
  568. <a href="{text:Link3}"><span class="button">{text:Link3 title}</span></a>
  569. <a href="{text:Link4}"><span class="button">{text:Link4 title}</span></a>
  570. <a href="/archive"><span class="button">archive</span></a>
  571. <a title="theme by gyapo" href="http://gyapo.tumblr.com"><span class="button">theme</span></a>
  572. </div>
  573. </div>
  574. </center>
  575.  
  576. <div id="line2"></div>
  577. </div>
  578.  
  579. </div>
  580. </td></tr>
  581. </table>
  582.  
  583.  
  584. <div class="pagination">
  585. {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}
  586. </div>
  587.  
  588.  
  589. </body>
  590. </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!