API tools faq
paste
jaesoonie

THEME #27 WU

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