API tools faq
paste
jaesoonie

THEME #25.5 BANG

jaesoonie
Aug 11th, 2013
5,757
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 27.01 KB | None | 0 0
raw download clone embed print report
  1. <!---------------------------------------------------------------------
  2. ᴛʜᴇᴍᴇ #25.5; ᴍᴀᴅᴇ ʙʏ >SOONJUN<. [ʏᴏɴɢ.ᴄᴏ.ᴠᴜ]
  3. sᴏᴏɴᴊᴜɴᴛʜᴇᴍᴇs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ
  4. ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ.
  5. ᴀɴʏ ǫᴜᴇsᴛɪᴏɴs ᴀᴛ ᴀʟʟ ᴄᴏᴍᴇ ᴀsᴋ.
  6. ----------------------------------------------------------------------->
  7.  
  8. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  9. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  10. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  11. <head>
  12. <title>{Title}</title>
  13. <link rel="shortcut icon" href="{favicon}">
  14. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" />
  15.  
  16.  
  17. <meta name="font:body" content="trebuchet ms, sans-serif"/>
  18. <meta name="color:background" content="#ffffff" />
  19. <meta name="color:posts title" content="#aaaaaa" />
  20. <meta name="color:posts title bg" content="#f8f8f8" />
  21. <meta name="color:text" content="#9b9898" />
  22. <meta name="color:bold" content="#6f6e6e" />
  23. <meta name="color:italic" content="#b9b8b8" />
  24. <meta name="color:description" content="#b9b8b8" />
  25. <meta name="color:description bg" content="#f8f8f8" />
  26. <meta name="color:navigation links" content="#aaaaaa" />
  27. <meta name="color:hyperlinks" content="#a2a2a2"/>
  28. <meta name="color:hyperlinks hover" content="#dadada" />
  29. <meta name="color:sidebar border" content="#f5f5f5" />
  30. <meta name="color:caption bg" content="#fafafa" />
  31. <meta name="color:info" content="#f8f8f8" />
  32. <meta name="color:info links bg" content="#fafafa" />
  33.  
  34. <meta name="text:Link1" content="/" />
  35. <meta name="text:Link1 Title" content="link 1" />
  36. <meta name="text:Link2" content="/" />
  37. <meta name="text:Link2 Title" content="link 2" />
  38. <meta name="text:Link3" content="/" />
  39. <meta name="text:Link3 Title" content="link 3" />
  40. <meta name="text:Link4" content="/" />
  41. <meta name="text:Link4 Title" content="link 4" />
  42. <meta name="text:Link5" content="/" />
  43. <meta name="text:Link5 Title" content="link 5" />
  44. <meta name="text:Link6" content="/" />
  45. <meta name="text:Link6 Title" content="link 6" />
  46. <meta name="text:Link7" content="/" />
  47. <meta name="text:Link7 Title" content="link 7" />
  48.  
  49. <meta name="image:sidebar" content="" />
  50.  
  51. <meta name="if:morelinks" content="0"/>
  52. <meta name="if:250px" content="0"/>
  53. <meta name="if:400px" content="0"/>
  54. <meta name="if:500px" content="1"/>
  55.  
  56. <meta name="if:infinitescroll" content="0">
  57. <meta name="if:caption" content="1">
  58. <meta name="if:greyscale" content="0"/>
  59. <meta name="if:opacity" content="0"/>
  60.  
  61. <script type="text/javascript"
  62. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  63. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  64. <script>
  65. (function($){
  66. $(document).ready(function(){
  67. $("[title]").style_my_tooltips();
  68. });
  69. })(jQuery);
  70. </script>
  71.  
  72. <link href='http://fonts.googleapis.com/css?family=Libre+Baskerville:400italic' rel='stylesheet' type='text/css'>
  73. </head>
  74.  
  75. <style type="text/css">
  76.  
  77. iframe#tumblr_controls {
  78. right:0px !important;
  79. position:fixed !important;
  80. -webkit-filter:invert(100%);
  81. opacity:0.2;
  82. z-index:99;
  83. -webkit-transition-duration:0.8s;
  84. -moz-transition-duration: 0.8s;
  85. }
  86.  
  87. iframe#tumblr_controls:hover {opacity:1;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;}
  88.  
  89.  
  90. ::-webkit-scrollbar-track {background-color:#fff;}
  91. ::-webkit-scrollbar-thumb {background-color:#f5f5f5;}
  92. ::-webkit-scrollbar {width:5px;height:5px;}
  93.  
  94.  
  95. body{
  96. background-color: {color:background};
  97. font-family:trebuchet ms;
  98. font-family:{font:body};
  99. line-height:100%;
  100. color:{color:text};
  101. word-wrap: break-word;
  102. font-size:10px;}
  103.  
  104. li {list-style:square;}
  105.  
  106. a {
  107. text-decoration:none;
  108. cursor:pointer;
  109. color:{color:hyperlinks};
  110. text-shadow:0px 0px {color:hyperlinks}, 0px 0px #fff;
  111. -webkit-transition: all 0.7s ease-in-out;
  112. -moz-transition: all 0.7s ease-in-out;
  113. -o-transition: all 0.7s ease-in-out;
  114. -ms-transition: all 0.7s ease-in-out;
  115. transition: all 0.7s ease-in-out;}
  116.  
  117. a:link, a:active, a:visited {
  118. color: {color:hyperlinks};
  119. -webkit-transition: all 0.7s ease-in-out;
  120. -moz-transition: all 0.7s ease-in-out;
  121. -o-transition: all 0.7s ease-in-out;
  122. -ms-transition: all 0.7s ease-in-out;
  123. transition: all 0.7s ease-in-out;}
  124.  
  125. a:hover {
  126. color:{color:hyperlinks hover};
  127. text-shadow:0px 0px transparent, -13px 0px transparent;
  128. -webkit-transition: all 0.7s ease-in-out;
  129. -moz-transition: all 0.7s ease-in-out;
  130. -o-transition: all 0.7s ease-in-out;
  131. -ms-transition: all 0.7s ease-in-out;
  132. transition: all 0.7s ease-in-out;}
  133.  
  134. b, strong {
  135. font-weight:heavy;
  136. color:{color:bold};}
  137.  
  138. i, em {
  139. font-weight:light;
  140. color:{color:italic};}
  141.  
  142. blockquote {
  143. margin: 5px;
  144. padding:0px 3px 0px 3px;
  145. line-height:90%;
  146. background-color:{color:caption bg};
  147. border-left: 1px solid #ddd;}
  148.  
  149. blockquote img {
  150. {block:indexpage}
  151. width:190px;
  152. {/block:indexpage}
  153. {block:permalinkpage}
  154. width:410px;
  155. {/block:permalinkpage}
  156. overflow: auto;}
  157.  
  158. #posts img {
  159. {block:if250px}
  160. max-width:240px;
  161. height:auto;
  162. {/block:if250px}
  163. {block:if400px}
  164. max-width:390px;
  165. height:auto;
  166. {/block:if400px}
  167. {block:if500px}
  168. max-width:490px;
  169. height:auto;
  170. {/block:if500px}
  171. {block:permalinkpage}width:auto;height:auto;{/block:permalinkpage};}
  172.  
  173. #caption{
  174. margin-top: 5px;
  175. padding: 3px 10px 3px 10px;
  176. background-color:{color:caption bg};
  177. border-bottom: 2px solid #f5f5f5;}
  178.  
  179. pre, xmp, plaintext, listing {
  180. display: block;
  181. white-space: pre;
  182. background: {color:bg block};
  183. padding: 5px;
  184. word-wrap: break-word;
  185. font-size: 9px;}
  186.  
  187. #entry{
  188. padding:50px 10px 50px 50px;
  189. margin-left: 335px;
  190. position:relative;
  191. {block:indexpage}
  192. {block:if250px}
  193. width:250px;
  194. {/block:if250px}
  195. {block:if400px}
  196. width:400px;
  197. {/block:if400px}
  198. {block:if500px}
  199. width:500px;
  200. {/block:if500px}
  201. {/block:indexpage}
  202. {block:permalinkpage}
  203. width:550px;padding:50px 10px 50px 0px;margin-left: 395px;
  204. {/block:permalinkpage}
  205. z-index:33;}
  206.  
  207.  
  208. #posts{
  209. line-height:90%;
  210. {block:indexpage}
  211. {block:if250px}
  212. width:250px;margin-bottom:15px;
  213. {/block:if250px}
  214. {block:if400px}
  215. width:400px;margin-bottom:20px;
  216. {/block:if400px}
  217. {block:if500px}
  218. width:500px; margin-bottom:20px;
  219. {/block:if500px}
  220. -webkit-transition-duration:0.8s;
  221. -moz-transition-duration: 0.8s;
  222. {block:ifgreyscale}
  223. -webkit-filter: grayscale(70%);
  224. {/block:ifgreyscale}
  225. {block:ifopacity}
  226. opacity:0.8;
  227. {/block:ifopacity}
  228. padding-bottom:8px;
  229. border-bottom:3px solid #f5f5f5;
  230. {/block:indexpage}
  231. {block:PermalinkPage}
  232. width:500px;margin-bottom:20px;
  233. {/block:PermalinkPage}
  234. }
  235.  
  236. #posts:hover{{block:indexpage}opacity:1;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;-webkit-filter: grayscale(0%);{/block:indexpage}}
  237.  
  238. #text {padding: 3px 6px 0px 6px;text-align:justify;}
  239.  
  240. #sidebar {
  241. position: fixed;
  242. top: 100px;
  243. width:250px;
  244. height:100%;
  245. left: 80px;
  246. padding:20px;}
  247.  
  248. #sidebarimage {display: block;margin:auto;}
  249.  
  250. #sidebarimage img {
  251. width: 200px;
  252. padding:10px;
  253. border:3px solid {color:sidebar border};
  254. margin-top:5px;
  255. background:#fff;}
  256.  
  257. #title:first-line {font-size:20px;}
  258. #title {
  259. display:block;
  260. font-family:cambria;
  261. text-transform:uppercase;
  262. line-height:125%;
  263. font-size:10px;
  264. color:{color:title};
  265. padding:10px 7px 8px 7px;
  266. margin-top:5px;
  267. width:211px;
  268. text-align:center;
  269. opacity:1;
  270. margin-left:0px;
  271. overflow:hidden;
  272. background:#fafafa;}
  273.  
  274. #description{
  275. font-size:8px;
  276. font-style:oblique;
  277. text-align: justify;
  278. color:{color:description};
  279. font-family:trebuchet ms;;
  280. letter-spacing:1px;
  281. padding: 10px;
  282. width: 205px;
  283. margin-top:5px;
  284. line-height:110%;
  285. overflow:hidden;
  286. background:{color:description bg};
  287. border-bottom:3px solid #f5f5f5;}
  288.  
  289. #navigation{
  290. display:inline-block;
  291. width:222px;
  292. padding:2px;
  293. text-align:center;
  294. background:{color:description bg};
  295. -webkit-transition-duration:0.8s;
  296. -moz-transition-duration: 0.8s;
  297. opacity:1;
  298. border-bottom: 1px solid {color:sidebar border};}
  299.  
  300. #navigation a.links {
  301. display:inline-block;
  302. text-align:center;
  303. text-transform: uppercase;
  304. color: {color:navigation links};
  305. width:40px;
  306. font-size:8px;
  307. letter-spacing:1px;
  308. padding:2px 2px 2px 1px;
  309. margin:2px;
  310. font-family:calibri;
  311. -webkit-transition: all 0.7s ease-in-out;
  312. -moz-transition: all 0.7s ease-in-out;
  313. cursor:pointer;}
  314.  
  315. #navigation a.links:hover {color:#fff;
  316. -webkit-transition: all 0.7s ease-in-out;
  317. -moz-transition: all 0.7s ease-in-out;
  318. -o-transition: all 0.7s ease-in-out;
  319. -ms-transition: all 0.7s ease-in-out;
  320. transition: all 0.7s ease-in-out;}
  321.  
  322. #pagination {
  323. display:inline-block;
  324. width:210px;
  325. padding:8px;
  326. margin-left:0px;
  327. line-height:30%;
  328. text-align:center;
  329. font-family: cambria;
  330. font-style:oblique;
  331. border-top: 1px solid {color:sidebar border};
  332. color:#ababab;
  333. {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}}
  334.  
  335. #pagination a{
  336. color:#bbb;
  337. -webkit-transition: all 0.7s ease-in-out;
  338. -moz-transition: all 0.7s ease-in-out;
  339. -o-transition: all 0.7s ease-in-out;
  340. -ms-transition: all 0.7s ease-in-out;
  341. transition: all 0.7s ease-in-out;}
  342.  
  343.  
  344. .info {
  345. z-index:33;
  346. position:absolute;
  347. text-transform:uppercase;
  348. padding:5px;
  349. text-align: left;
  350. letter-spacing:1px;
  351. font-family: calibri;
  352. overflow:auto;
  353. margin-top:-20px;
  354. right:-160px;
  355. height:auto;
  356. font-size:8px;
  357. line-height:200%;
  358. color:#aaa;
  359. border:5px double #fff;
  360. padding-left:8px;
  361. opacity:0;
  362. width: 130px;
  363. background:{color:info};
  364. {block:PermalinkPage}
  365. display:none;
  366. {/block:PermalinkPage}
  367. -webkit-transition: all 0.3s ease-in-out;
  368. -moz-transition: all 0.3s ease-in-out;}
  369.  
  370. #posts:hover .info {
  371. opacity:1;
  372. margin-top:-3px;
  373. -webkit-transition: all 0.3s ease-in-out;
  374. -moz-transition: all 0.3s ease-in-out;}
  375.  
  376. .info a{color:#888;}
  377. .info a:hover{color:#fff;}
  378.  
  379.  
  380. #infoperm{
  381. font-family: lucida console;
  382. font-size:9px;
  383. text-transform:uppercase;
  384. letter-spacing:1px;
  385. text-align:left;
  386. margin-top:20px;
  387. margin-left: 0px;
  388. padding-left: 13px;
  389. padding-right: 5px;
  390. padding-top: 8px;
  391. padding-bottom: 2px;
  392. background-color: #f8f8f8;
  393. {block:permalinkpage}width:485px;{/block:permalinkpage}}
  394.  
  395. #tagperm{
  396. font-family:calibri;
  397. text-transform:normal;
  398. font-size:9px;
  399. letter-spacing: 1px;
  400. text-align:left;
  401. margin-top: 3px;
  402. padding-top: 3px;
  403. padding-bottom: 5px;
  404. background-color: #f8f8f8;}
  405.  
  406. #tagperm a {color:hyperlinks};
  407. #tagperm a:hover {color:{color:hyperlinks hover};}
  408.  
  409. .pnotes {
  410. background:transparent;
  411. max-height:250px;
  412. width:500px;
  413. text-align: left;
  414. overflow:auto;
  415. line-height:15px;
  416. padding:5px;
  417. margin-left: -20px;}
  418.  
  419. .pnotes img{width:16px;}
  420.  
  421. .pnotes li{list-style-type:none; border-bottom: 1px solid #ebebeb;padding:4px;margin-right: 20px;margin-bottom:2px;}
  422.  
  423. ol.notes {margin: 25px 0px;}
  424.  
  425. img.avatar {
  426. vertical-align: -4px;
  427. width: 16px;
  428. height: 16px;
  429. padding: 1px;}
  430.  
  431. .posttitle{
  432. color:{color:posts title};
  433. font-family: cambria;
  434. font-style:oblique;
  435. text-transform: lowercase;
  436. letter-spacing: -1px;
  437. line-height: 100%;
  438. text-align:justify;
  439. padding:9px;
  440. background-color:{color:posts title bg};
  441. border-bottom: 2px solid #f5f5f5;
  442. {block:if250px}
  443. font-size:20px;
  444. {/block:if250px}
  445. {block:if400px}
  446. font-size:25px;
  447. {/block:if400px}
  448. {block:if500px}
  449. font-size:25px;
  450. {/block:if500px}}
  451.  
  452. #asker {
  453. color:{color:asker};
  454. font-family:libre baskerville;
  455. font-style:oblique;
  456. text-transform: lowercase;
  457. letter-spacing: 0px;
  458. line-height: 100%;
  459. text-align:left;
  460. padding:7px;
  461. font-size:22px;
  462. -webkit-transition: all 0.8s ease-in-out;
  463. -moz-transition: all 0.8s ease-in-out;}
  464.  
  465. #asker img{width:30px;}
  466.  
  467. #questions {
  468. text-align:justify;
  469. color: {color:text};
  470. padding:10px;
  471. font-family:cambria;
  472. font-style:oblique;
  473. font-size:10px;
  474. overflow:auto;
  475. background: #f8f8f8;
  476. margin-top:0px;
  477. border: 3px double #fff;
  478. -webkit-transition: all 0.8s ease-in-out;
  479. -moz-transition: all 0.8s ease-in-out;}
  480.  
  481. #asker a {color:{color:posts title};
  482. -webkit-transition: all 0.8s ease-in-out;
  483. -moz-transition: all 0.8s ease-in-out;}
  484. #asker a:hover {text-shadow:0px 0px 3px #eee;
  485. -webkit-transition: all 0.8s ease-in-out;
  486. -moz-transition: all 0.8s ease-in-out;}
  487.  
  488. #quote {
  489. font-family: libre baskerville;
  490. font-style:oblique;
  491. background:#f8f8f8;
  492. font-size: 15px;
  493. letter-spacing:1px;
  494. line-height: 100%;
  495. padding: 18px;
  496. text-align:left;
  497. border: 7px double #fff;}
  498.  
  499. #source {font-size: 9px; text-align: right;font-family:calibri;}
  500.  
  501. .label {color:{color:bold};font-weight:bold;letter-spacing:1px;font-size:10px;text-transform:uppercase;}
  502. ul.chat{margin-bottom:12px;margin-top:0px;padding:0px;}
  503. .chat li{
  504. list-style-type: none;
  505. margin-top:2px;
  506. padding:8px;
  507. background-color:{color:caption bg};
  508. border-bottom: 2px solid #f5f5f5;}
  509.  
  510. .audio {height:47px;margin-bottom:23px;}
  511. .audio-player{height:26px;width:26px;border:3px double #eee; margin-top: 16px; margin-left: 16px;overflow:hidden;opacity:0.6; position:absolute; z-index:2; }
  512. .audio-album { position:absolute; width:45px; border: 3px double #fff;background:#efefef;padding:7px;}
  513. .audio-info { height: 30px;margin-left:70px;padding:19px 10px 15px 15px;text-align:left; font-family:calibri;font-size:9px;line-height:110%;background-color:#fafafa;}
  514.  
  515. #s-m-t-tooltip {
  516. display: block;
  517. background: #bbb;
  518. font-size: 8px;
  519. font-family: calibri;
  520. letter-spacing: 1px;
  521. text-transform: uppercase;
  522. line-height:100%;
  523. color: #fff;
  524. text-align: center;
  525. margin-left: 18px;
  526. padding:4px;
  527. min-width: 40px;
  528. max-width: 200px;
  529. z-index: 99;}
  530.  
  531. #cr{ font-family:'Francois One', sans-serif;text-transform: lowercase;letter-spacing: 2px;font-size:8px;text-align:left;right:10px;bottom:10px;position:fixed; padding:3px;border-bottom:1px solid #ebebeb;}
  532. a.cr {color:#ccc;}
  533.  
  534.  
  535. </style>
  536.  
  537. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  538. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  539. <script type="text/javascript">
  540. $(window).load(function () {
  541. $('#entry').masonry({
  542. itemSelector : "#posts",
  543. },
  544. function() { $('#entry').masonry({ appendedContent: $(this) }); },
  545. // trigger Masonry as a callback
  546. function( newElements ) {
  547. var $newElems = $( newElements ).css({ opacity: 0 });
  548. // ensure that images load before adding to masonry layout
  549. $newElems.imagesLoaded(function(){
  550. $newElems.animate({ opacity: 1 });
  551. $container.masonry( 'appended', $newElems, true );
  552. });
  553. }
  554. );
  555. });
  556. </script>
  557. <body>
  558.  
  559. <div id="content">
  560. <div id="sidebar">
  561.  
  562. <div id="navigation">
  563. <a class="links" href="/" title="home">home</a><a class="links" href="/ask" title="message">message</a>{block:ifLink1}<a class="links" href="{text:Link1}" title="{text:Link1 Title}">{text:Link1 Title}</a>{/block:ifLink1}{block:ifLink2}<a class="links" href="{text:Link2}" title="{text:Link2 Title}">{text:Link2 Title}</a>{/block:ifLink2}{block:ifmorelinks}{block:ifLink3}<a class="links" href="{text:Link3}" title="{text:Link3 Title}">{text:Link3 Title}</a>{/block:ifLink3}{block:ifLink4}<a class="links" href="{text:Link4}" title="{text:Link4 Title}">{text:Link4 Title}</a>{/block:ifLink4}{block:ifLink5}<a class="links" href="{text:Link5}" title="{text:Link5 Title}">{text:Link5 Title}</a>{/block:ifLink5}{block:ifLink6}<a class="links" href="{text:Link6}" title="{text:Link6 Title}">{text:Link6 Title}</a>{/block:ifLink6}{/block:ifmorelinks}
  564. </div>
  565.  
  566. <div id="sidebarimage">
  567. <img src="{image:sidebar}">
  568. </div>
  569.  
  570. <div id="description">
  571. {block:Description}{Description}{/block:Description}
  572. </div>
  573.  
  574. <div id="title">{Title}</div>
  575.  
  576. <div id="pagination">
  577. {block:Pagination}
  578. {block:PreviousPage} - <a href="{PreviousPage}">newer </a>{/block:PreviousPage} - {CurrentPage} of {TotalPages} - {block:NextPage}<a href="{NextPage}"> older</a> - {/block:NextPage}
  579. {/block:Pagination}
  580. </div>
  581.  
  582. </div></div>
  583.  
  584. <div id="entry">
  585. {block:Posts}
  586. <div id="posts">
  587.  
  588. {block:Text}
  589. <div class="info">
  590. {block:Date}
  591. {DayOfWeek}<a href="{Permalink}" title="permalink"><br>{DayofMonth}.{MonthNumber}.{ShortYear} at {24Hour}:{Minutes}</a> {/block:Date}
  592. {block:RebloggedFrom} <br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  593. <br>credit: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  594. {block:NoteCount}<br>- {NoteCount} -{/block:NoteCount}
  595. <br><a href="{ReblogURL}" title="reblog">reblog</a>
  596. {block:HasTags}<br><a href="{TagURL}" title="{block:Tags} #{Tag}{/block:Tags}">Tags</a>{/block:HasTags}</div>
  597. {block:Title}
  598. <div class="posttitle">{Title}</div>
  599. {/block:Title}
  600. <div id="text">{Body}</div>
  601. {/block:Text}
  602.  
  603. {block:Link}
  604. <div class="info">
  605. {block:Date}
  606. {DayOfWeek}<a href="{Permalink}" title="permalink"><br>{DayofMonth}.{MonthNumber}.{ShortYear} at {24Hour}:{Minutes}</a> {/block:Date}
  607. {block:RebloggedFrom} <br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  608. <br>credit: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  609. {block:NoteCount}<br>- {NoteCount} -{/block:NoteCount}
  610. <br><a href="{ReblogURL}" title="reblog">reblog</a>
  611. {block:HasTags}<br><a href="{TagURL}" title="{block:Tags} #{Tag}{/block:Tags}">Tags</a>{/block:HasTags}</div>
  612. <a href="{URL}" class="link" {Target}><div class="posttitle">{Name} &rarr;</div></a>
  613. {block:Description}<div id="text">{Description}<br/></div>{/block:Description}
  614. {block:Link}
  615.  
  616. {block:Photo}
  617. {block:indexpage}
  618. <div class="info">
  619. {block:Date}
  620. {DayOfWeek}<a href="{Permalink}" title="permalink"><br>{DayofMonth}.{MonthNumber}.{ShortYear} at {24Hour}:{Minutes}</a> {/block:Date}
  621. {block:RebloggedFrom} <br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  622. <br>credit: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  623. {block:NoteCount}<br>- {NoteCount} -{/block:NoteCount}
  624. <br><a href="{ReblogURL}" title="reblog">reblog</a>
  625. {block:HasTags}<br><a href="{TagURL}" title="{block:Tags} #{Tag}{/block:Tags}">Tags</a>{/block:HasTags}</div>
  626. <center><a href="{PhotoURL-HighRes}" target="_blank"><img src="{PhotoURL-500}" style="{block:if2columns250}max-width:250px;{/block:if2columns250}{block:if250px}max-width:250px;
  627. {/block:if250px}{block:if400px}max-width:400px;
  628. {/block:if400px}{block:if500px}max-width:500px;
  629. {/block:if500px}"/></a></center>
  630. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  631. {/block:indexpage}
  632. {block:permalinkpage}
  633. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="max-width:500px;">{LinkCloseTag}</center>
  634. {block:Caption}<br><div id="caption">{Caption}</div>{/block:Caption}
  635. {/block:permalinkpage}
  636. {/block:Photo}
  637.  
  638. {block:Photoset}
  639. {block:indexpage}
  640. <div class="info">
  641. {block:Date}
  642. {DayOfWeek}<a href="{Permalink}" title="permalink"><br>{DayofMonth}.{MonthNumber}.{ShortYear} at {24Hour}:{Minutes}</a> {/block:Date}
  643. {block:RebloggedFrom} <br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  644. <br>credit: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  645. {block:NoteCount}<br>- {NoteCount} -{/block:NoteCount}
  646. <br><a href="{ReblogURL}" title="reblog">reblog</a>
  647. {block:HasTags}<br><a href="{TagURL}" title="{block:Tags} #{Tag}{/block:Tags}">Tags</a>{/block:HasTags}</div>
  648. <center>{block:if2columns250}{Photoset-250}{/block:if2columns250}{block:if250px}{Photoset-250}{/block:if250px}{block:if2columns400}{Photoset-400}{/block:if2columns400}{block:if400px}{Photoset-400}{/block:if400px}{block:if500px}{Photoset-500}{/block:if500px}</center>
  649. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  650. {/block:indexpage}
  651. {block:permalinkpage}
  652. <center>{Photoset-500}</center>
  653. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  654. {/block:permalinkpage}
  655. {/block:Photoset}
  656.  
  657. {block:Quote}
  658. <div class="info">
  659. {block:Date}
  660. {DayOfWeek}<a href="{Permalink}" title="permalink"><br>{DayofMonth}.{MonthNumber}.{ShortYear} at {24Hour}:{Minutes}</a> {/block:Date}
  661. {block:RebloggedFrom} <br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  662. <br>credit: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  663. {block:NoteCount}<br>- {NoteCount} -{/block:NoteCount}
  664. <br><a href="{ReblogURL}" title="reblog">reblog</a>
  665. {block:HasTags}<br><a href="{TagURL}" title="{block:Tags} #{Tag}{/block:Tags}">Tags</a>{/block:HasTags}</div>
  666. <div id="quote">{Quote}<br><div id="source">---{Source}</small></div></div>
  667. {/block:Quote}
  668.  
  669. {block:Chat}
  670. <div class="info">
  671. {block:Date}
  672. {DayOfWeek}<a href="{Permalink}" title="permalink"><br>{DayofMonth}.{MonthNumber}.{ShortYear} at {24Hour}:{Minutes}</a> {/block:Date}
  673. {block:RebloggedFrom} <br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  674. <br>credit: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  675. {block:NoteCount}<br>- {NoteCount} -{/block:NoteCount}
  676. <br><a href="{ReblogURL}" title="reblog">reblog</a>
  677. {block:HasTags}<br><a href="{TagURL}" title="{block:Tags} #{Tag}{/block:Tags}">Tags</a>{/block:HasTags}</div>
  678. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  679. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}{/block:Lines}</li></ul>
  680. {/block:Label}
  681. {/block:Chat}
  682.  
  683.  
  684. {block:Audio}
  685. <div class="info">
  686. {block:Date}
  687. {DayOfWeek}<a href="{Permalink}" title="permalink"><br>{DayofMonth}.{MonthNumber}.{ShortYear} at {24Hour}:{Minutes}</a> {/block:Date}
  688. {block:RebloggedFrom} <br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  689. <br>credit: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  690. {block:NoteCount}<br>- {NoteCount} -{/block:NoteCount}
  691. <br><a href="{ReblogURL}" title="reblog">reblog</a>
  692. {block:HasTags}<br><a href="{TagURL}" title="{block:Tags} #{Tag}{/block:Tags}">Tags</a>{/block:HasTags}</div>
  693. <div class="audio">
  694. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}" style="width:45px;">{/block:AlbumArt}
  695. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  696. <div class="audio-info">
  697. {block:TrackName} <div style="font-family:cambria;font-style:oblique; font-size:14px;">{TrackName}</div><br>{/block:TrackName}
  698. {block:PlayCount} {FormattedPlayCount} plays<br>{/block:PlayCount}
  699. </div></div>
  700. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  701. {/block:Audio}
  702.  
  703. {block:Video}
  704. <div class="info">
  705. {block:Date}
  706. {DayOfWeek}<a href="{Permalink}" title="permalink"><br>{DayofMonth}.{MonthNumber}.{ShortYear} at {24Hour}:{Minutes}</a> {/block:Date}
  707. {block:RebloggedFrom} <br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  708. <br>credit: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  709. {block:NoteCount}<br>- {NoteCount} -{/block:NoteCount}
  710. <br><a href="{ReblogURL}" title="reblog">reblog</a>
  711. {block:HasTags}<br><a href="{TagURL}" title="{block:Tags} #{Tag}{/block:Tags}">Tags</a>{/block:HasTags}</div>
  712. {block:if2columns250}{Video-250}{/block:if2columns250}{block:indexpage}{block:if250px}{Video-250}{/block:if250px}{block:if400px}{Video-400}{/block:if400px}{block:if500px}{Video-500}{/block:if500px}
  713. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  714. {/block:indexpage}
  715. {block:permalinkpage}
  716. <center>{Video-500}</center>
  717. {block:Caption}{Caption}{/block:Caption}
  718. {/block:permalinkpage}
  719. {block:Video}
  720.  
  721. {block:Answer}
  722. <div class="info">
  723. {block:Date}
  724. {DayOfWeek}<a href="{Permalink}" title="permalink"><br>{DayofMonth}.{MonthNumber}.{ShortYear} at {24Hour}:{Minutes}</a> {/block:Date}
  725. {block:RebloggedFrom} <br>via: <a href="{ReblogParentURL}">{ReblogParentName}</a>
  726. <br>credit: <a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:RebloggedFrom}
  727. {block:NoteCount}<br>- {NoteCount} -{/block:NoteCount}
  728. <br><a href="{ReblogURL}" title="reblog">reblog</a>
  729. {block:HasTags}<br><a href="{TagURL}" title="{block:Tags} #{Tag}{/block:Tags}">Tags</a>{/block:HasTags}</div>
  730. <div id="asker"><img src="{AskerPortraitURL-30}" style="vertical-align:-8px;border-right:1px solid #f3f3f3;padding-right:7px;"> {Asker}</div><div id="questions">{Question}</div><div id="text">{Answer}</div>
  731. {/block:Answer}
  732.  
  733.  
  734. {block:permalinkpage}
  735. <div id="infoperm">
  736. {block:Date}{Month} {DayOfMonth}, {Year}{/block:Date}
  737. {block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  738. {block:ContentSource}source: <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}
  739.  
  740. {block:HasTags}
  741. <div id="tagperm">
  742. {block:Tags} <a href="{TagURL}"> <small>#</small>{Tag}</a> {/block:Tags}</div>{/block:HasTags} </div>
  743. {block:NoteCount}<p>{NoteCountWithLabel}{/block:NoteCount}
  744.  
  745.  
  746. <div class="pnotes">
  747. {block:PostNotes}
  748. {PostNotes-16}
  749. {/block:PostNotes}
  750.  
  751. </div>{/block:permalinkpage}</div>
  752. {/block:Posts}
  753. </div>
  754.  
  755.  
  756. {block:ifinfinitescroll}
  757. {block:indexpage}
  758. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  759. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  760. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  761. <script type="text/javascript">
  762. $(window).load(function(){
  763. var $wall = $('#entry');
  764. $wall.imagesLoaded(function(){
  765. $wall.masonry({
  766. itemSelector: '#posts',
  767. isAnimated : false
  768. });
  769. });
  770.  
  771. $wall.infinitescroll({
  772. navSelector : '#page-nav',
  773. nextSelector : '#page-nav a',
  774. itemSelector : '#posts',
  775. bufferPx : 2000,
  776. debug : false,
  777. errorCallback: function() {
  778. $('#infscr-loading').fadeOut('normal');
  779. }},
  780. function( newElements ) {
  781. var $newElems = $( newElements );
  782. $newElems.hide();
  783. $newElems.imagesLoaded(function(){
  784. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  785. });
  786. }); $('#content').show(500);
  787. });
  788. </script>
  789. {/block:indexpage}
  790. {/block:ifinfinitescroll}
  791.  
  792.  
  793.  
  794. </body>
  795. <div id="cr"><center><a href="http://soonjunthemes.tumblr.com/" class="cr" title="© soonjun"> theme. </a></div></div>
  796. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!