API tools faq
paste
jaesoonie

THEME #23 JAY

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