API tools faq
paste
jaesoonie

THEME #21.5 WOOHYUN

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