API tools faq
paste
Advertisement
sunkei

Soju bomb v0.2

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