API tools faq
paste
jaesoonie

THEME #32 GIKWANG

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