API tools faq
paste
jaesoonie

THEME #25 BANG

jaesoonie
Aug 11th, 2013
4,736
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.29 KB | None | 0 0
raw download clone embed print report
  1. <!---------------------------------------------------------------------
  2. ᴛʜᴇᴍᴇ #25; ᴍᴀᴅᴇ ʙʏ >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:navigation links hover" content="#aaaaaa" />
  28. <meta name="color:hyperlinks" content="#a2a2a2"/>
  29. <meta name="color:hyperlinks hover" content="#dadada" />
  30. <meta name="color:sidebar borders" content="#f5f5f5" />
  31. <meta name="color:caption bg" content="#fafafa" />
  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:1px 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.  
  249. #sidebarimage {display: block;margin:auto;}
  250.  
  251. #sidebarimage img {
  252. width: 100px;
  253. height:115px;
  254. padding:10px;
  255. border:3px double {color:sidebar borders};
  256. margin-top:5px;
  257. background:#fff;}
  258.  
  259. #title:first-line {font-size:20px;}
  260. #title {
  261. display:block;
  262. font-family:cambria;
  263. text-transform:uppercase;
  264. line-height:125%;
  265. font-size:10px;
  266. color:{color:title};
  267. padding:10px 7px 8px 7px;
  268. margin-top:5px;
  269. width:235px;
  270. text-align:center;
  271. opacity:1;
  272. margin-left:0px;
  273. overflow:hidden;}
  274.  
  275. #description{
  276. font-size:8px;
  277. font-style:oblique;
  278. text-align: justify;
  279. color:{color:description};
  280. font-family:trebuchet ms;;
  281. letter-spacing:1px;
  282. padding: 10px;
  283. width: 100px;
  284. height:117px;
  285. line-height:110%;
  286. margin-left:130px;
  287. overflow:hidden;
  288. margin-top:-144px;
  289. background:{color:description bg};
  290. border:3px double #fff;}
  291.  
  292. #navigation{
  293. display:inline-block;
  294. width:255px;
  295. padding-bottom:2px;
  296. text-align:center;
  297. -webkit-transition-duration:0.8s;
  298. -moz-transition-duration: 0.8s;
  299. opacity:1;
  300. border-bottom: 1px solid {color:sidebar borders};}
  301.  
  302. #navigation a.links {
  303. display:inline-block;
  304. text-align:center;
  305. text-transform: uppercase;
  306. color: {color:navigation links};
  307. width:50px;
  308. font-size:8px;
  309. letter-spacing:1px;
  310. padding:2px 2px 2px 1px;
  311. margin:2px;
  312. font-family:calibri;
  313. -webkit-transition: all 0.7s ease-in-out;
  314. -moz-transition: all 0.7s ease-in-out;
  315. cursor:pointer;}
  316.  
  317. #navigation a.links:hover {color:#fff;background:{color:navigation links hover};
  318. -webkit-transition: all 0.7s ease-in-out;
  319. -moz-transition: all 0.7s ease-in-out;
  320. -o-transition: all 0.7s ease-in-out;
  321. -ms-transition: all 0.7s ease-in-out;
  322. transition: all 0.7s ease-in-out;}
  323.  
  324. #pagination {
  325. display:inline-block;
  326. width:240px;
  327. padding:8px;
  328. margin-left:0px;
  329. line-height:30%;
  330. text-align:center;
  331. font-family: cambria;
  332. font-style:oblique;
  333. border-top: 1px solid {color:sidebar borders};
  334. color:#ababab;
  335. {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}}
  336.  
  337. #pagination a{
  338. color:#bbb;
  339. -webkit-transition: all 0.7s ease-in-out;
  340. -moz-transition: all 0.7s ease-in-out;
  341. -o-transition: all 0.7s ease-in-out;
  342. -ms-transition: all 0.7s ease-in-out;
  343. transition: all 0.7s ease-in-out;}
  344.  
  345.  
  346. .info {
  347. z-index:33;
  348. position:absolute;
  349. text-transform:uppercase;
  350. text-align: left;
  351. letter-spacing:1px;
  352. font-family: calibri;
  353. overflow:auto;
  354. margin-top:0px;
  355. right:-155px;
  356. height:auto;
  357. font-size:8px;
  358. line-height:200%;
  359. color:#999;
  360. border-left:1px solid {color:sidebar borders};
  361. padding-left:8px;
  362. opacity:0;
  363. width: 140px;
  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. -webkit-transition: all 0.3s ease-in-out;
  373. -moz-transition: all 0.3s ease-in-out;}
  374.  
  375. .info a{color:#999;}
  376. .info a:hover{color:#fff;}
  377.  
  378.  
  379. #infoperm{
  380. font-family: lucida console;
  381. font-size:9px;
  382. text-transform:uppercase;
  383. letter-spacing:1px;
  384. text-align:left;
  385. margin-top:20px;
  386. margin-left: 0px;
  387. padding-left: 13px;
  388. padding-right: 5px;
  389. padding-top: 8px;
  390. padding-bottom: 2px;
  391. background-color: #f8f8f8;
  392. {block:permalinkpage}width:485px;{/block:permalinkpage}}
  393.  
  394. #tagperm{
  395. font-family:calibri;
  396. text-transform:normal;
  397. font-size:9px;
  398. letter-spacing: 1px;
  399. text-align:left;
  400. margin-top: 3px;
  401. padding-top: 3px;
  402. padding-bottom: 5px;
  403. background-color: #f8f8f8;}
  404.  
  405. #tagperm a {color:hyperlinks};
  406. #tagperm a:hover {color:{color:hyperlinks hover};}
  407.  
  408. .pnotes {
  409. background:transparent;
  410. max-height:250px;
  411. width:500px;
  412. text-align: left;
  413. overflow:auto;
  414. line-height:15px;
  415. padding:5px;
  416. margin-left: -20px;}
  417.  
  418. .pnotes img{width:16px;}
  419.  
  420. .pnotes li{list-style-type:none; border-bottom: 1px solid #ebebeb;padding:4px;margin-right: 20px;margin-bottom:2px;}
  421.  
  422. ol.notes {margin: 25px 0px;}
  423.  
  424. img.avatar {
  425. vertical-align: -4px;
  426. width: 16px;
  427. height: 16px;
  428. padding: 1px;}
  429.  
  430. .posttitle{
  431. color:{color:posts title};
  432. font-family: cambria;
  433. font-style:oblique;
  434. text-transform: lowercase;
  435. letter-spacing: -1px;
  436. line-height: 100%;
  437. text-align:justify;
  438. padding:7px;
  439. background-color:{color:posts title bg};
  440. border-bottom: 2px solid #f5f5f5;
  441. {block:if250px}
  442. font-size:20px;
  443. {/block:if250px}
  444. {block:if400px}
  445. font-size:25px;
  446. {/block:if400px}
  447. {block:if500px}
  448. font-size:25px;
  449. {/block:if500px}}
  450.  
  451. #asker {
  452. color:{color:asker};
  453. font-family:libre baskerville;
  454. font-style:oblique;
  455. text-transform: lowercase;
  456. letter-spacing: 0px;
  457. line-height: 100%;
  458. text-align:left;
  459. padding:7px;
  460. font-size:22px;
  461. -webkit-transition: all 0.8s ease-in-out;
  462. -moz-transition: all 0.8s ease-in-out;}
  463.  
  464. #asker img{width:30px;}
  465.  
  466. #questions {
  467. text-align:justify;
  468. color: {color:text};
  469. padding:10px;
  470. font-family:cambria;
  471. font-style:oblique;
  472. font-size:10px;
  473. overflow:auto;
  474. background: #f8f8f8;
  475. margin-top:0px;
  476. border: 3px double #fff;
  477. -webkit-transition: all 0.8s ease-in-out;
  478. -moz-transition: all 0.8s ease-in-out;}
  479.  
  480. #asker a {color:{color:posts title};
  481. -webkit-transition: all 0.8s ease-in-out;
  482. -moz-transition: all 0.8s ease-in-out;}
  483. #asker a:hover {text-shadow:0px 0px 3px #eee;
  484. -webkit-transition: all 0.8s ease-in-out;
  485. -moz-transition: all 0.8s ease-in-out;}
  486.  
  487. #quote {
  488. font-family: libre baskerville;
  489. font-style:oblique;
  490. background:#f8f8f8;
  491. font-size: 15px;
  492. letter-spacing:1px;
  493. line-height: 100%;
  494. padding: 17px;
  495. text-align:left;
  496. border: 3px double #fff;}
  497.  
  498. #source {font-size: 9px; text-align: right;font-family:calibri;}
  499.  
  500. .label {color:{color:bold};font-weight:bold;letter-spacing:1px;font-size:10px;text-transform:uppercase;}
  501. ul.chat{margin-bottom:12px;margin-top:0px;padding:0px;}
  502. .chat li{
  503. list-style-type: none;
  504. margin-top:2px;
  505. padding:8px;
  506. background-color:{color:caption bg};
  507. border-bottom: 2px solid #f5f5f5;}
  508.  
  509. .audio {height:47px;margin-bottom:23px;}
  510. .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; }
  511. .audio-album { position:absolute; width:45px; border: 3px double #fff;background:#efefef;padding:7px;}
  512. .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;}
  513.  
  514. #s-m-t-tooltip {
  515. display: block;
  516. background: #bbb;
  517. font-size: 8px;
  518. font-family: calibri;
  519. letter-spacing: 1px;
  520. text-transform: uppercase;
  521. line-height:100%;
  522. color: #fff;
  523. text-align: center;
  524. margin-left: 18px;
  525. padding:4px;
  526. min-width: 40px;
  527. max-width: 200px;
  528. z-index: 99;}
  529.  
  530. #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;}
  531. a.cr {color:#ccc;}
  532.  
  533.  
  534. </style>
  535.  
  536. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  537. <script src="http://static.tumblr.com/6hsqxdt/QBym35odk/jquery.masonry.js"></script>
  538. <script type="text/javascript">
  539. $(window).load(function () {
  540. $('#entry').masonry({
  541. itemSelector : "#posts",
  542. },
  543. function() { $('#entry').masonry({ appendedContent: $(this) }); },
  544. // trigger Masonry as a callback
  545. function( newElements ) {
  546. var $newElems = $( newElements ).css({ opacity: 0 });
  547. // ensure that images load before adding to masonry layout
  548. $newElems.imagesLoaded(function(){
  549. $newElems.animate({ opacity: 1 });
  550. $container.masonry( 'appended', $newElems, true );
  551. });
  552. }
  553. );
  554. });
  555. </script>
  556. <body>
  557.  
  558. <div id="content">
  559. <div id="sidebar">
  560.  
  561. <div id="navigation">
  562. <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}
  563. </div>
  564.  
  565. <div id="sidebarimage">
  566. <img src="{image:sidebar}">
  567. </div>
  568.  
  569. <div id="description">
  570. {block:Description}{Description}{/block:Description}
  571. </div>
  572.  
  573. <div id="title">{Title}</div>
  574.  
  575. <div id="pagination">
  576. {block:Pagination}
  577. {block:PreviousPage} - <a href="{PreviousPage}">newer </a>{/block:PreviousPage} - {CurrentPage} of {TotalPages} - {block:NextPage}<a href="{NextPage}"> older</a> - {/block:NextPage}
  578. {/block:Pagination}
  579. </div>
  580.  
  581. </div></div>
  582.  
  583. <div id="entry">
  584. {block:Posts}
  585. <div id="posts">
  586.  
  587. {block:Text}
  588. <div class="info">
  589. {block:Date}
  590. {DayOfWeek}<a href="{Permalink}" title="permalink"><br>{DayofMonth}.{MonthNumber}.{ShortYear} at {24Hour}:{Minutes}</a> {/block:Date}
  591. {block:RebloggedFrom} <br><b>via:</b> <span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogParentURL}">{ReblogParentName}</a></span>
  592. <br><b>credit:</b> <span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogRootURL}">{ReblogRootName}</a></span>{/block:RebloggedFrom}
  593. {block:NoteCount}<br>- <b>{NoteCount}</b> -{/block:NoteCount}
  594. <br><span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogURL}" title="reblog">reblog</a></span>
  595. {block:HasTags}<br><a href="{TagURL}" title="{block:Tags} #{Tag}{/block:Tags}">Tags</a>{/block:HasTags}</div>
  596. {block:Title}
  597. <div class="posttitle">{Title}</div>
  598. {/block:Title}
  599. <div id="text">{Body}</div>
  600. {/block:Text}
  601.  
  602. {block:Link}
  603. <div class="info">
  604. {block:Date}
  605. {DayOfWeek}<a href="{Permalink}" title="permalink"><br>{DayofMonth}.{MonthNumber}.{ShortYear} at {24Hour}:{Minutes}</a> {/block:Date}
  606. {block:RebloggedFrom} <br><b>via:</b> <span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogParentURL}">{ReblogParentName}</a></span>
  607. <br><b>credit:</b> <span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogRootURL}">{ReblogRootName}</a></span>{/block:RebloggedFrom}
  608. {block:NoteCount}<br>- <b>{NoteCount}</b> -{/block:NoteCount}
  609. <br><span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogURL}" title="reblog">reblog</a></span>
  610. {block:HasTags}<br><a href="{TagURL}" title="{block:Tags} #{Tag}{/block:Tags}">Tags</a>{/block:HasTags}</div>
  611. <a href="{URL}" class="link" {Target}><div class="posttitle">{Name} &rarr;</div></a>
  612. {block:Description}<div id="text">{Description}<br/></div>{/block:Description}
  613. {block:Link}
  614.  
  615. {block:Photo}
  616. {block:indexpage}
  617. <div class="info">
  618. {block:Date}
  619. {DayOfWeek}<a href="{Permalink}" title="permalink"><br>{DayofMonth}.{MonthNumber}.{ShortYear} at {24Hour}:{Minutes}</a> {/block:Date}
  620. {block:RebloggedFrom} <br><b>via:</b> <span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogParentURL}">{ReblogParentName}</a></span>
  621. <br><b>credit:</b> <span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogRootURL}">{ReblogRootName}</a></span>{/block:RebloggedFrom}
  622. {block:NoteCount}<br>- <b>{NoteCount}</b> -{/block:NoteCount}
  623. <br><span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogURL}" title="reblog">reblog</a></span>
  624. {block:HasTags}<br><a href="{TagURL}" title="{block:Tags} #{Tag}{/block:Tags}">Tags</a>{/block:HasTags}</div>
  625. <center><a href="{PhotoURL-HighRes}" target="_blank"><img src="{PhotoURL-500}" style="{block:if2columns250}max-width:250px;{/block:if2columns250}{block:if250px}max-width:250px;
  626. {/block:if250px}{block:if400px}max-width:400px;
  627. {/block:if400px}{block:if500px}max-width:500px;
  628. {/block:if500px}"/></a></center>
  629. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  630. {/block:indexpage}
  631. {block:permalinkpage}
  632. <center>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" style="max-width:500px;">{LinkCloseTag}</center>
  633. {block:Caption}<br><div id="caption">{Caption}</div>{/block:Caption}
  634. {/block:permalinkpage}
  635. {/block:Photo}
  636.  
  637. {block:Photoset}
  638. {block:indexpage}
  639. <div class="info">
  640. {block:Date}
  641. {DayOfWeek}<a href="{Permalink}" title="permalink"><br>{DayofMonth}.{MonthNumber}.{ShortYear} at {24Hour}:{Minutes}</a> {/block:Date}
  642. {block:RebloggedFrom} <br><b>via:</b> <span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogParentURL}">{ReblogParentName}</a></span>
  643. <br><b>credit:</b> <span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogRootURL}">{ReblogRootName}</a></span>{/block:RebloggedFrom}
  644. {block:NoteCount}<br>- <b>{NoteCount}</b> -{/block:NoteCount}
  645. <br><span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogURL}" title="reblog">reblog</a></span>
  646. {block:HasTags}<br><a href="{TagURL}" title="{block:Tags} #{Tag}{/block:Tags}">Tags</a>{/block:HasTags}</div>
  647. <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>
  648. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  649. {/block:indexpage}
  650. {block:permalinkpage}
  651. <center>{Photoset-500}</center>
  652. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  653. {/block:permalinkpage}
  654. {/block:Photoset}
  655.  
  656. {block:Quote}
  657. <div class="info">
  658. {block:Date}
  659. {DayOfWeek}<a href="{Permalink}" title="permalink"><br>{DayofMonth}.{MonthNumber}.{ShortYear} at {24Hour}:{Minutes}</a> {/block:Date}
  660. {block:RebloggedFrom} <br><b>via:</b> <span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogParentURL}">{ReblogParentName}</a></span>
  661. <br><b>credit:</b> <span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogRootURL}">{ReblogRootName}</a></span>{/block:RebloggedFrom}
  662. {block:NoteCount}<br>- <b>{NoteCount}</b> -{/block:NoteCount}
  663. <br><span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogURL}" title="reblog">reblog</a></span>
  664. {block:HasTags}<br><a href="{TagURL}" title="{block:Tags} #{Tag}{/block:Tags}">Tags</a>{/block:HasTags}</div>
  665. <div id="quote">{Quote}<br><div id="source">---{Source}</small></div></div>
  666. {/block:Quote}
  667.  
  668. {block:Chat}
  669. <div class="info">
  670. {block:Date}
  671. {DayOfWeek}<a href="{Permalink}" title="permalink"><br>{DayofMonth}.{MonthNumber}.{ShortYear} at {24Hour}:{Minutes}</a> {/block:Date}
  672. {block:RebloggedFrom} <br><b>via:</b> <span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogParentURL}">{ReblogParentName}</a></span>
  673. <br><b>credit:</b> <span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogRootURL}">{ReblogRootName}</a></span>{/block:RebloggedFrom}
  674. {block:NoteCount}<br>- <b>{NoteCount}</b> -{/block:NoteCount}
  675. <br><span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogURL}" title="reblog">reblog</a></span>
  676. {block:HasTags}<br><a href="{TagURL}" title="{block:Tags} #{Tag}{/block:Tags}">Tags</a>{/block:HasTags}</div>
  677. {block:Title}<div class="posttitle">{Title}</div>{/block:Title}
  678. <ul class="chat">{block:Lines}<li class="user_{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}{/block:Lines}</li></ul>
  679. {/block:Label}
  680. {/block:Chat}
  681.  
  682.  
  683. {block:Audio}
  684. <div class="info">
  685. {block:Date}
  686. {DayOfWeek}<a href="{Permalink}" title="permalink"><br>{DayofMonth}.{MonthNumber}.{ShortYear} at {24Hour}:{Minutes}</a> {/block:Date}
  687. {block:RebloggedFrom} <br><b>via:</b> <span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogParentURL}">{ReblogParentName}</a></span>
  688. <br><b>credit:</b> <span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogRootURL}">{ReblogRootName}</a></span>{/block:RebloggedFrom}
  689. {block:NoteCount}<br>- <b>{NoteCount}</b> -{/block:NoteCount}
  690. <br><span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogURL}" title="reblog">reblog</a></span>
  691. {block:HasTags}<br><a href="{TagURL}" title="{block:Tags} #{Tag}{/block:Tags}">Tags</a>{/block:HasTags}</div>
  692. <div class="audio">
  693. {block:AlbumArt}<img class="audio-album" src="{AlbumArtURL}" style="width:45px;">{/block:AlbumArt}
  694. <div class="audio-player">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</div>
  695. <div class="audio-info">
  696. {block:TrackName} <div style="font-family:cambria;font-style:oblique; font-size:14px;">{TrackName}</div><br>{/block:TrackName}
  697. {block:PlayCount} {FormattedPlayCount} plays<br>{/block:PlayCount}
  698. </div></div>
  699. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  700. {/block:Audio}
  701.  
  702. {block:Video}
  703. <div class="info">
  704. {block:Date}
  705. {DayOfWeek}<a href="{Permalink}" title="permalink"><br>{DayofMonth}.{MonthNumber}.{ShortYear} at {24Hour}:{Minutes}</a> {/block:Date}
  706. {block:RebloggedFrom} <br><b>via:</b> <span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogParentURL}">{ReblogParentName}</a></span>
  707. <br><b>credit:</b> <span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogRootURL}">{ReblogRootName}</a></span>{/block:RebloggedFrom}
  708. {block:NoteCount}<br>- <b>{NoteCount}</b> -{/block:NoteCount}
  709. <br><span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogURL}" title="reblog">reblog</a></span>
  710. {block:HasTags}<br><a href="{TagURL}" title="{block:Tags} #{Tag}{/block:Tags}">Tags</a>{/block:HasTags}</div>
  711. {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}
  712. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  713. {/block:indexpage}
  714. {block:permalinkpage}
  715. <center>{Video-500}</center>
  716. {block:Caption}{Caption}{/block:Caption}
  717. {/block:permalinkpage}
  718. {block:Video}
  719.  
  720. {block:Answer}
  721. <div class="info">
  722. {block:Date}
  723. {DayOfWeek}<a href="{Permalink}" title="permalink"><br>{DayofMonth}.{MonthNumber}.{ShortYear} at {24Hour}:{Minutes}</a> {/block:Date}
  724. {block:RebloggedFrom} <br><b>via:</b> <span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogParentURL}">{ReblogParentName}</a></span>
  725. <br><b>credit:</b> <span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogRootURL}">{ReblogRootName}</a></span>{/block:RebloggedFrom}
  726. {block:NoteCount}<br>- <b>{NoteCount}</b> -{/block:NoteCount}
  727. <br><span style="padding:1px 3px 1px 3px;background:{color:info links bg};"><a href="{ReblogURL}" title="reblog">reblog</a></span>
  728. {block:HasTags}<br><a href="{TagURL}" title="{block:Tags} #{Tag}{/block:Tags}">Tags</a>{/block:HasTags}</div>
  729. <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>
  730. {/block:Answer}
  731.  
  732.  
  733. {block:permalinkpage}
  734. <div id="infoperm">
  735. {block:Date}{Month} {DayOfMonth}, {Year}{/block:Date}
  736. {block:RebloggedFrom}via: <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  737. {block:ContentSource}source: <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}
  738.  
  739. {block:HasTags}
  740. <div id="tagperm">
  741. {block:Tags} <a href="{TagURL}"> <small>#</small>{Tag}</a> {/block:Tags}</div>{/block:HasTags} </div>
  742. {block:NoteCount}<p>{NoteCountWithLabel}{/block:NoteCount}
  743.  
  744.  
  745. <div class="pnotes">
  746. {block:PostNotes}
  747. {PostNotes-16}
  748. {/block:PostNotes}
  749.  
  750. </div>{/block:permalinkpage}</div>
  751. {/block:Posts}
  752. </div>
  753.  
  754.  
  755. {block:ifinfinitescroll}
  756. {block:indexpage}
  757. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  758. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  759. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  760. <script type="text/javascript">
  761. $(window).load(function(){
  762. var $wall = $('#entry');
  763. $wall.imagesLoaded(function(){
  764. $wall.masonry({
  765. itemSelector: '#posts',
  766. isAnimated : false
  767. });
  768. });
  769.  
  770. $wall.infinitescroll({
  771. navSelector : '#page-nav',
  772. nextSelector : '#page-nav a',
  773. itemSelector : '#posts',
  774. bufferPx : 2000,
  775. debug : false,
  776. errorCallback: function() {
  777. $('#infscr-loading').fadeOut('normal');
  778. }},
  779. function( newElements ) {
  780. var $newElems = $( newElements );
  781. $newElems.hide();
  782. $newElems.imagesLoaded(function(){
  783. $wall.masonry( 'appended', $newElems,{isAnimated: false}, function(){$newElems.fadeIn('slow');} );
  784. });
  785. }); $('#content').show(500);
  786. });
  787. </script>
  788. {/block:indexpage}
  789. {/block:ifinfinitescroll}
  790.  
  791.  
  792.  
  793. </body>
  794. <div id="cr"><center><a href="http://soonjunthemes.tumblr.com/" class="cr" title="© soonjun"> theme. </a></div></div>
  795. </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!