API tools faq
paste
jaesoonie

THEME #22 DOOJ

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