API tools faq
paste
jaesoonie

THEME #26 JHOPE

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