jaesoonie

THEME #6 REVAMPED

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