API tools faq
paste
jaesoonie

THEME #21 WOOHYUN

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