jaesoonie

THEME #45

Aug 28th, 2014
2,413
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 29.47 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3.  
  4. <!--
  5.  
  6.  
  7.  
  8. ᴛʜᴇᴍᴇ #45;
  9. © ᴍᴀᴅᴇ ʙʏ ᴄʜʟᴏᴇ
  10. [ ʏ-ᴏɴɢɪɴ.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ] & [ sᴏᴏɴᴊᴜɴs.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ]
  11.  
  12. ᴛʜᴇᴍᴇs ᴄᴀɴ ʙᴇ ғᴏᴜɴᴅ ᴀᴛ:
  13. [ sᴏᴏɴ-co.ᴛᴜᴍʙʟʀ.ᴄᴏᴍ ]
  14.  
  15.  
  16. - ᴅᴏɴ'ᴛ sᴛᴇᴀʟ ɪᴛ.
  17. - ᴘʟᴇᴀsᴇ ʟᴇᴀᴠᴇ ᴛʜᴇ ᴄʀᴇᴅɪᴛ ᴏɴ ᴛʜᴇ ᴛʜᴇᴍᴇ.
  18.  
  19.  
  20.  
  21. -->
  22.  
  23. <head>
  24. <title>{Title}</title>
  25. <link rel="shortcut icon" href="{Favicon}">
  26. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}" /><script type="text/javascript"
  27. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  28.  
  29. <meta name="select:Font" content="trebuchet ms" title="Trebuchet ms"/>
  30. <meta name="select:Font" content="arial" title="Arial"/>
  31. <meta name="select:Font" content="calibri" title="Calibri"/>
  32. <meta name="select:Font" content="consolas" title="Consolas"/>
  33. <meta name="select:Font" content="times" title="Times New Roman"/>
  34. <meta name="select:Font" content="tunga" title="Tunga"/>
  35. <meta name="select:Font" content="century gothic" title="Century Gothic"/>
  36. <meta name="select:Font" content="cambria" title="Cambria"/>
  37. <meta name="select:Font" content="georgia" title="Georgia"/>
  38.  
  39. <meta name="color:Blog Background" content="#f5f5f5" />
  40.  
  41. <meta name="color:Sidebar Background" content="#222" />
  42. <meta name="color:Links Font" content="#ddd" />
  43. <meta name="color:Links Hover" content="#fff" />
  44. <meta name="color:Links Hover Font" content="#222" />
  45. <meta name="color:Post Title Font" content="#888" />
  46. <meta name="color:Text Posts Background" content="#f5f5f5" />
  47. <meta name="color:All General Text" content="#565656" />
  48. <meta name="color:Bold Text" content="#6f6e6e" />
  49. <meta name="color:Italic Text" content="#b9b8b8" />
  50. <meta name="color:Hyperlinks" content="#444"/>
  51. <meta name="color:Hyperlinks Hover" content="#fff" />
  52. <meta name="color:Info Font" content="#999" />
  53. <meta name="color:Info Background" content="#f5f5f5" />
  54. <meta name="color:Tags Font" content="#fff" />
  55. <meta name="color:Tags Background" content="#888" />
  56. <meta name="color:Tooltip Background" content="#888" />
  57. <meta name="color:Tooltip Font" content="#fff" />
  58. <meta name="color:Quote Font" content="#999" />
  59. <meta name="color:Quote Background" content="#f5f5f5" />
  60. <meta name="color:Question Background" content="#f5f5f5" />
  61. <meta name="color:Question Font" content="#555" />
  62. <meta name="color:Asker Font" content="#fff" />
  63. <meta name="color:Asker Background" content="#222" />
  64. <meta name="text:Text Size" content="10px" />
  65. <meta name="text:Post Distance" content="150px"/>
  66. <meta name="text:Line Height" content="130%"/>
  67.  
  68. <meta name="text:Height of the Links" content="210px"/>
  69. <meta name="text:Home" content="home" />
  70. <meta name="text:Ask" content="message" />
  71. <meta name="text:Archive" content="archive" />
  72. <meta name="text:Archive Link" content="/archive" />
  73. <meta name="text:Link1" content="/" />
  74. <meta name="text:Link1 Title" content="link 1" />
  75. <meta name="text:Link2" content="/" />
  76. <meta name="text:Link2 Title" content="link 2" />
  77. <meta name="text:Link3" content="/" />
  78. <meta name="text:Link3 Title" content="link 3" />
  79. <meta name="text:Link4" content="/" />
  80. <meta name="text:Link4 Title" content="link 4" />
  81. <meta name="text:Link5" content="/" />
  82. <meta name="text:Link5 Title" content="link 5" />
  83.  
  84. <meta name="if:250px" content="0"/>
  85. <meta name="if:400px" content="0"/>
  86. <meta name="if:500px" content="1"/>
  87.  
  88. <meta name="if:InfiniteScroll" content="0">
  89. <meta name="if:Caption" content="1">
  90. <meta name="text:Opacity Value" content="1"/>
  91. <meta name="if:Greyscale" content="0"/>
  92.  
  93. <meta name="select:Cursor" content="default" title="default">
  94. <meta name="select:Cursor" content="crosshair" title="crosshair">
  95. <meta name="select:Cursor" content="help" title="help">
  96. <meta name="select:Cursor" content="sw-resize" title="resize">
  97.  
  98. <script type="text/javascript"
  99. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  100. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  101. <script>
  102. (function($){
  103. $(document).ready(function(){
  104. $("[title]").style_my_tooltips();
  105. });
  106. })(jQuery);
  107. </script>
  108.  
  109. <link href='http://fonts.googleapis.com/css?family=PT+Mono' rel='stylesheet' type='text/css'>
  110.  
  111. <style type="text/css">
  112.  
  113.  
  114.  
  115. /* --- general --- */
  116.  
  117.  
  118.  
  119. iframe, img, embed, object, video {max-width: 100%;border: none;}
  120.  
  121.  
  122. body { font-family:{select:Font};line-height:{text:Line Height};color:{color:All General Text};word-wrap: break-word;font-size:{text:Text Size};background:{color:Blog Background};cursor:{select:Cursor};}
  123.  
  124.  
  125.  
  126. a {
  127. text-decoration:none;
  128. cursor:pointer;
  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:link, a:active, a:visited {
  137. color: {color:Hyperlinks};
  138. -webkit-transition: all 0.7s ease-in-out;
  139. -moz-transition: all 0.7s ease-in-out;
  140. -o-transition: all 0.7s ease-in-out;
  141. -ms-transition: all 0.7s ease-in-out;
  142. transition: all 0.7s ease-in-out;}
  143.  
  144. a:hover {color:{color:Hyperlinks Hover};}
  145.  
  146.  
  147. b, strong {
  148. font-weight:700;
  149. color:{color:Bold Text};}
  150.  
  151. i, em {
  152. font-weight:light;
  153. color:{color:Italic Text};}
  154.  
  155. h2 { font:bold 15px arial;}
  156.  
  157.  
  158. blockquote {
  159. margin: 3px 3px 6px 0px;
  160. padding:1px 8px 1px 8px;
  161. line-height:120%;
  162. border: 1px solid #eee;
  163. background-color:#fff;}
  164.  
  165. #caption {
  166. padding: 4px 15px 4px 15px;
  167. color:{color:All General Text};
  168. background-color:{color:Text Posts Background};
  169. text-align:justify;}
  170.  
  171.  
  172. pre, xmp, plaintext, listing {
  173. display: block;
  174. white-space: pre;
  175. background: {color:Text Posts Background};
  176. padding: 7px;
  177. word-wrap: break-word;
  178. font: 10px consolas;}
  179.  
  180. small {line-height:80%;}
  181.  
  182.  
  183.  
  184. /* --- sidebar --- */
  185.  
  186.  
  187.  
  188.  
  189. #sidebar {
  190. position: fixed;
  191. top:0px;
  192. width:110px;
  193. height:100%;
  194. z-index:9999999;
  195. letter-spacing:1px;
  196. {block:if250px}
  197. margin-left:328px;
  198. {/block:if250px}
  199. {block:if400px}
  200. margin-left:478px;
  201. {block:if400px}
  202. {block:if500px}
  203. margin-left:578px;
  204. {block:if500px}
  205. {block:permalinkpage}
  206. margin-left:578px;
  207. {/block:permalinkpage}
  208. background:{color:Sidebar Background};}
  209.  
  210. #navigation {
  211. width: 100px;
  212. padding:5px;
  213. text-align:center;
  214. z-index:9;
  215. position:relative;
  216. margin-top:{text:Height of the Links};
  217. -webkit-transition: all 0.7s ease-in-out;
  218. -moz-transition: all 0.7s ease-in-out;
  219. -o-transition: all 0.7s ease-in-out;
  220. -ms-transition: all 0.7s ease-in-out;
  221. transition: all 0.7s ease-in-out;}
  222.  
  223. #navigation a {
  224. position:relative;
  225. display:inline-block;
  226. width:70px;
  227. color:{color:Links Font};
  228. margin-bottom:15px;
  229. padding-bottom:7px;
  230. font: 8px consolas;
  231. text-align:center;
  232. text-transform:uppercase;}
  233.  
  234. #navigation a:before {
  235. border-bottom:20px solid {color:Links Hover};
  236. z-index:-1;
  237. bottom:2px;
  238. left:0;
  239. width:0%;
  240. content:'';
  241. display:block;
  242. position:absolute;
  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.  
  250. #navigation a:hover {color:{color:Links Hover Font};}
  251. #navigation a:hover:before {width:100%;}
  252.  
  253. #pagination {{block:permalinkpage}display:none;{/block:permalinkpage}
  254. {block:ifinfinitescroll}display:none;{/block:ifinfinitescroll}}
  255.  
  256.  
  257.  
  258. /* --- posts --- */
  259.  
  260.  
  261.  
  262. #container{
  263. padding:50px 35px 20px 35px;
  264. background:white;
  265. {block:indexpage}
  266. {block:if250px}
  267. width:250px;
  268. {/block:if250px}
  269. {block:if400px}
  270. width:400px;
  271. {block:if400px}
  272. {block:if500px}
  273. width:500px;
  274. {block:if500px}
  275. {/block:indexpage}
  276. {block:permalinkpage}
  277. width:500px;
  278. {/block:permalinkpage}}
  279.  
  280. #posts{
  281. {block:indexpage}
  282. {block:if250px}
  283. width:250px;
  284. {/block:if250px}
  285. {block:if400px}
  286. width:400px;
  287. {block:if400px}
  288. {block:if500px}
  289. width:500px;
  290. {block:if500px}
  291. margin-bottom:{text:Post Distance};
  292. {/block:indexpage}
  293. {block:PermalinkPage}
  294. width:500px;margin-bottom:20px;
  295. {/block:PermalinkPage}}
  296.  
  297. .titles{
  298. color:{color:Post Title Font};
  299. font: normal 13px 'pt mono';
  300. line-height: 100%;
  301. text-align:left;
  302. padding:9px;
  303. text-transform:lowercase;
  304. letter-spacing:2px;
  305. position:relative;}
  306.  
  307.  
  308. #opandgrey {
  309. opacity:{text:Opacity Value};
  310. -webkit-transition-duration:0.8s;
  311. -moz-transition-duration: 0.8s;
  312. transition: all 0.8s ease-in-out;
  313. {block:ifgreyscale}
  314. 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");filter: gray;
  315. -webkit-filter: grayscale(100%);-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;transition: all 0.8s ease-in-out;{/block:ifgreyscale}}
  316. #opandgrey:hover{{block:indexpage}opacity:1;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;-webkit-filter: grayscale(0%);{/block:indexpage}}
  317.  
  318. #posts img {
  319. max-width:100%;
  320. {block:permalinkpage}max-width:450px;height:auto;{/block:permalinkpage};}
  321.  
  322. #text {
  323. padding: 4px 15px 4px 15px;
  324. text-align:justify;
  325. background:{color:Text Posts Background};}
  326.  
  327. #quote {
  328. position:relative;
  329. text-align:left;
  330. font: normal 13px 'pt mono';
  331. letter-spacing:4px;
  332. line-height: 120%;
  333. padding: 20px 20px 15px 20px;
  334. color:{color:Quote Font};
  335. background:{color:Quote Background};}
  336.  
  337. #source {font: oblique 9px cambria;letter-spacing:1px; text-align:center;padding: 7px; margin-top:20px;color:{color:Quote Font};position:relative;border-top:1px solid #fff;}
  338. #source a {color:{color:Quote Font};}
  339.  
  340. .chat ul{padding:0px 0px 0px 0px;margin:0px;}
  341. .chat li{margin-bottom:1px;padding:10px;list-style-type:none;}
  342. .chat li.odd {background:#f5f5f5;}
  343. .chat li.even {background:#fcfcfc;}
  344. span.chats {color:#222;font: 10px calibri; font-weight:700;letter-spacing:1px;text-transform:uppercase;}
  345.  
  346. .audioplayer {position:relative;display:inline-block;width:100%;height:65px;}
  347. .player {left: 5px;top: 5px;padding:15px;background:#f5f5f5;overflow:hidden;}
  348. .button {position: relative;width: 40px;height: 40px;}
  349. .tumblr_audio_player {margin-left:50px;height:40px;background:#111;border:5px solid #fff;margin-top:-5px;}
  350. .audioalbum {position: absolute;left: 10px;top: 10px;overflow: hidden;width: 40px;height: 40px;border:5px solid #fff;}
  351. .audioalbum img {width: 100%;height: auto;}
  352. .audioinfo {width:auto;margin-top:-55px; padding:5px;text-align:left; font-family:consolas;letter-spacing:1px;font-size:9px;font-weight:bold;color:#777;text-transform:uppercase;overflow:hidden;margin-left:120px;}
  353.  
  354. #asker {
  355. line-height: 100%;
  356. text-align:left;
  357. letter-spacing:2px;
  358. text-transform:uppercase;
  359. color:{color:Asker Font};
  360. padding:5px 8px 5px 8px;
  361. font: 9px consolas;
  362. background:{color:Asker Background};
  363. margin-bottom:5px;
  364. -webkit-transition: all 0.7s ease-in-out;
  365. -moz-transition: all 0.7s ease-in-out;
  366. -o-transition: all 0.7s ease-in-out;
  367. -ms-transition: all 0.7s ease-in-out;
  368. transition: all 0.7s ease-in-out;}
  369.  
  370. #questions img {padding:6px;width:30px;margin-top:0px;background:#fff;display:none;}
  371. #asker a {color:{color:Asker Font};}
  372.  
  373. #questions {
  374. text-align:justify;
  375. padding:13px;
  376. text-transform:uppercase;
  377. font:9px calibri;
  378. margin-bottom:5px;
  379. letter-spacing:1px;
  380. color:{color:Question Font};
  381. margin-left:0px;
  382. background:{color:Question Background};
  383. overflow:auto;}
  384.  
  385.  
  386.  
  387.  
  388. /* --- post information --- */
  389.  
  390.  
  391.  
  392.  
  393. .info {
  394. {block:indexpage}
  395. position:relative;
  396. letter-spacing:1px;
  397. font: 8px consolas;
  398. text-align:center;
  399. text-transform:uppercase;
  400. color:{color:Info Font};
  401. z-index:2;
  402. padding:3px;
  403. line-height:160%;
  404. background:{color:Info Background};
  405. opacity:0;
  406. margin-top:1px;
  407. -webkit-transition: all 0.7s ease-in-out;
  408. -moz-transition: all 0.7s ease-in-out;
  409. -o-transition: all 0.7s ease-in-out;
  410. -ms-transition: all 0.7s ease-in-out;
  411. transition: all 0.7s ease-in-out;
  412. {/block:indexpage}
  413. {block:PermalinkPage}
  414. display:none;
  415. {/block:PermalinkPage}}
  416.  
  417.  
  418. .tagging{
  419. {block:indexpage}
  420. position:absolute;
  421. text-transform:uppercase;
  422. font: 8px calibri;
  423. margin-top:3px;
  424. opacity:0;
  425. line-height:140%;
  426. text-align:justify;
  427. word-wrap: break-word;
  428. text-align:center;
  429. {block:if250px}
  430. width:250px;
  431. {/block:if250px}
  432. {block:if400px}
  433. width:400px;
  434. {block:if400px}
  435. {block:if500px}
  436. width:500px;
  437. {block:if500px}
  438. {/block:indexpage}
  439. {block:PermalinkPage}
  440. display:none;
  441. {/block:PermalinkPage}
  442. -webkit-transition: all 0.5s ease-in-out;
  443. -moz-transition: all 0.5s ease-in-out;
  444. -o-transition: all 0.5s ease-in-out;
  445. -ms-transition: all 0.5s ease-in-out;
  446. transition: all 0.5s ease-in-out;}
  447.  
  448.  
  449. #posts:hover .tagging, #posts:hover .info {opacity:1;}
  450. .info_text a{color:{color:Info Font};}
  451. .info a{color:{color:Info Font};}
  452. .tagging a{color:{color:Tags Font};background:{color:Tags Background};padding:0 2px 0 2px;}
  453.  
  454.  
  455.  
  456.  
  457. /* --- permalink --- */
  458.  
  459.  
  460.  
  461.  
  462. #infoperm{
  463. font-family: arial;
  464. font-size:9px;
  465. text-transform:lowercase;
  466. letter-spacing:1px;
  467. text-align:left;
  468. margin-top:10px;
  469. padding-left: 13px;
  470. padding-right: 13px;
  471. padding-top: 8px;
  472. padding-bottom: 8px;
  473. background-color: #f5f5f5;
  474. {block:permalinkpage}width:474px;{/block:permalinkpage}}
  475.  
  476. #tagperm{
  477. font-family:calibri;
  478. text-transform:normal;
  479. text-transform:uppercase;
  480. font-size:8px;
  481. letter-spacing: 1px;
  482. text-align:left;
  483. margin-top: 3px;
  484. padding: 13px;
  485. background-color: #f5f5f5;}
  486.  
  487. #notecount{
  488. font:bold 17px arial;
  489. text-transform:normal;
  490. letter-spacing: -1px;
  491. text-align:center;
  492. margin-top:5px;
  493. margin-bottom: 10px;
  494. padding: 1px;
  495. color:#333;
  496. background-color:#f5f5f5;}
  497.  
  498. #infoperm a {{color:hyperlinks};}
  499. #tagperm a {{color:hyperlinks};}
  500. #tagperm a:hover {color:{color:hyperlinks hover};}
  501.  
  502. .pnotes {
  503. background:transparent;
  504. max-height:250px;
  505. width:500px;
  506. text-align: left;
  507. overflow:auto;
  508. line-height:15px;
  509. padding:5px;
  510. margin-left: -20px;}
  511.  
  512. .pnotes img{width:26px;margin:5px;border:3px solid #f5f5f5;}
  513. .pnotes li{list-style-type:none; padding:4px;margin-right: 20px;margin-bottom:2px;}
  514. ol.notes {margin: 25px 0px;}
  515. img.avatar {
  516. vertical-align: -18px;
  517. width: 26px;
  518. height: 26px;
  519. padding: 1px;}
  520.  
  521.  
  522.  
  523. /* --- etc --- */
  524.  
  525.  
  526.  
  527. #chloe {font-size:8px;font-family:consolas;text-align:center;letter-spacing:2px;padding: 5px 8px 5px 8px;z-index:99999;position:fixed;bottom:0px;right:0px;color:#aaa;}
  528. #chloe a {color:#aaa;}
  529.  
  530. #s-m-t-tooltip {display: block;background: {color:Tooltip Background};font-size: 8px;font-family: calibri;letter-spacing: 1px;text-transform: uppercase;line-height:130%;color: {color:Tooltip Font};text-align: center;margin-left: 25px;padding:3px 5px 3px 5px;min-width: 40px;max-width: 150px;z-index: 9999999999;}
  531.  
  532. iframe#tumblr_controls {right:0px !important;position:fixed !important;opacity:0.5;z-index:999999;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;}
  533. iframe#tumblr_controls:hover {opacity:1;-webkit-transition-duration:0.8s;-moz-transition-duration: 0.8s;}
  534.  
  535. ::-webkit-scrollbar-track {background-color:#fff;border:2px solid #f5f5f5;}
  536. ::-webkit-scrollbar-thumb {background-color:#fff;border:1px solid #f5f5f5;}
  537. ::-webkit-scrollbar {width:6px;height:5px;}
  538.  
  539. ::selection {color: #bbb; background: #f5f5f5; }
  540. ::-moz-selection {color: #bbb; background: #f5f5f5; }
  541. ::-webkit-selection {color: #bbb; background: #f5f5f5; }
  542.  
  543.  
  544. </style>
  545. </head>
  546. <body>
  547.  
  548.  
  549. <!----------- sidebar -------------->
  550.  
  551.  
  552.  
  553. <div id="sidebar">
  554. <div id="navigation">
  555. <a href="/">home</a>
  556. <a href="/ask">message</a>
  557. <a href="{text:archive link}">{text:archive}</a>
  558. {block:ifLink1}<a href="{text:Link1}">{text:Link1 Title}</a>{/block:ifLink1}
  559. {block:ifLink2}<a href="{text:Link2}">{text:Link2 Title}</a>{/block:ifLink2}
  560. {block:ifLink3}<a href="{text:Link3}">{text:Link3 Title}</a>{/block:ifLink3}
  561. {block:ifLink4}<a href="{text:Link4}">{text:Link4 Title}</a>{/block:ifLink4}
  562. {block:ifLink5}<a href="{text:Link5}">{text:Link5 Title}</a>{/block:ifLink5}
  563. {block:Pagination}
  564. <div id="pagination">
  565. {block:PreviousPage}
  566. <a href="{PreviousPage}">back</a>
  567. {/block:PreviousPage}
  568. {block:NextPage}
  569. <a href="{NextPage}">forth</a>
  570. {/block:NextPage}
  571. </div>
  572. {/block:Pagination}
  573. </div>
  574. </div>
  575.  
  576.  
  577.  
  578.  
  579. <!----------- posts -------------->
  580.  
  581.  
  582.  
  583.  
  584. <div id="container">
  585.  
  586. {block:Posts}
  587. <div id="posts">
  588.  
  589.  
  590.  
  591.  
  592. {block:Quote}
  593.  
  594. <div id="quote">{Quote}<div id="source">{Source}</div></div>
  595.  
  596. <div class="info_error"></div>
  597. <div class="info">
  598. {NoteCount} {block:Date}— <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} — <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> & <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} — <a href="{ReblogURL}" title="reblog this post">reblog</a>
  599. </div>
  600.  
  601. <div class="tagging">
  602. {block:HasTags}{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  603. </div>
  604.  
  605. {/block:Quote}
  606.  
  607.  
  608.  
  609.  
  610.  
  611. {block:Photo}
  612.  
  613. {block:indexpage}
  614.  
  615. <div id="opandgrey">
  616.  
  617. <center>
  618. <img src="{PhotoURL-500}" style="
  619. {block:if250px}width:250px;{/block:if250px}
  620. {block:if400px}width:400px;{/block:if400px}
  621. {block:if500px}width:500px;{/block:if500px}"/>
  622. </center>
  623.  
  624. </div>
  625.  
  626. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  627.  
  628. <div class="info">
  629. {NoteCount} {block:Date}— <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} — <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> & <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} — <a href="{ReblogURL}" title="reblog this post">reblog</a>
  630. </div>
  631.  
  632. <div class="tagging">
  633. {block:HasTags}{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  634. </div>
  635.  
  636. {/block:indexpage}
  637.  
  638. {block:permalinkpage}
  639. <center>
  640. <img src="{PhotoURL-500}" alt="{PhotoAlt}" style="max-width:500px;">
  641. </center>
  642. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  643. {/block:permalinkpage}
  644.  
  645. {/block:Photo}
  646.  
  647.  
  648.  
  649.  
  650.  
  651. {block:Photoset}
  652.  
  653. {block:indexpage}
  654.  
  655. <div id="opandgrey">
  656.  
  657. <center>
  658. {block:if250px}{Photoset-250}{/block:if250px}
  659. {block:if400px}{Photoset-400}{/block:if400px}
  660. {block:if500px}{Photoset-500}{/block:if500px}
  661. </center>
  662.  
  663.  
  664. </div>
  665.  
  666. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  667.  
  668. <div class="info">
  669. {NoteCount} {block:Date}— <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} — <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> & <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} — <a href="{ReblogURL}" title="reblog this post">reblog</a>
  670. </div>
  671.  
  672. <div class="tagging">
  673. {block:HasTags}{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  674. </div>
  675.  
  676. {/block:indexpage}
  677.  
  678. {block:permalinkpage}
  679. <center>{Photoset-500}</center>
  680. {block:Caption}<div id="caption">{Caption}</div>{/block:Caption}
  681. {/block:permalinkpage}
  682.  
  683. {/block:Photoset}
  684.  
  685.  
  686.  
  687.  
  688.  
  689. {block:Link}
  690.  
  691. <a href="{URL}" class="link" {Target}>
  692. <div class="titles">{Name} ▹</div>
  693. </a>
  694. {block:Description}
  695. <div id="text">{Description}</div>
  696. {/block:Description}
  697.  
  698. <div class="info">
  699. {NoteCount} {block:Date}— <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} — <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> & <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} — <a href="{ReblogURL}" title="reblog this post">reblog</a>
  700. </div>
  701.  
  702. <div class="tagging">
  703. {block:HasTags}{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  704. </div>
  705.  
  706. {block:Link}
  707.  
  708.  
  709.  
  710.  
  711.  
  712. {block:Chat}
  713.  
  714. {block:Title}
  715. <div class="titles">{Title}</div>
  716. {/block:Title}
  717. <div class="chat">
  718. <ul>
  719. {block:Lines}
  720. <li class="{Alt} u{UserNumber}">
  721. {block:Label}<span class="chats">{Label}</span>{/block:Label}
  722. {Line}</li>
  723. {/block:Lines}
  724. </ul>
  725. </div>
  726.  
  727. <div class="info">
  728. {NoteCount} {block:Date}— <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} — <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> & <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} — <a href="{ReblogURL}" title="reblog this post">reblog</a>
  729. </div>
  730.  
  731. <div class="tagging">
  732. {block:HasTags}{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  733. </div>
  734.  
  735. {/block:Chat}
  736.  
  737.  
  738.  
  739.  
  740.  
  741. {block:Audio}
  742.  
  743. {block:AudioPlayer}
  744. <div class="audioplayer">
  745. {block:AlbumArt}<div class="audioalbum"><img src="{AlbumArtURL}"></div>{/block:AlbumArt}
  746. <div class="player">
  747. <div class="button">{AudioPlayerGrey}</div>
  748. </div>
  749. <div class="audioinfo">{block:TrackName}{TrackName}{/block:TrackName}{block:Artist} // {Artist}{/block:Artist} {block:PlayCount}// {PlayCountWithLabel}{/block:PlayCount}
  750. </div>
  751. </div>
  752. {/block:AudioPlayer}
  753.  
  754. {block:ifcaption}{block:Caption}<br><br><div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  755.  
  756. <div class="info">
  757. {NoteCount} {block:Date}— <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} — <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> & <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} — <a href="{ReblogURL}" title="reblog this post">reblog</a>
  758. </div>
  759.  
  760. <div class="tagging">
  761. {block:HasTags}{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  762. </div>
  763.  
  764. {/block:Audio}
  765.  
  766.  
  767.  
  768.  
  769.  
  770. {block:Text}
  771.  
  772. {block:indexpage}
  773.  
  774. <div id="opandgrey">
  775.  
  776. {block:Title}
  777. <div class="titles">{Title}</div>
  778. {/block:Title}
  779. <div id="text">{Body}</div>
  780.  
  781. </div>
  782.  
  783. <div class="info">
  784. {NoteCount} {block:Date}— <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} — <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> & <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} — <a href="{ReblogURL}" title="reblog this post">reblog</a>
  785. </div>
  786.  
  787. <div class="tagging">
  788. {block:HasTags}{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  789. </div>
  790.  
  791. {/block:indexpage}
  792.  
  793. {block:permalinkpage}
  794. {block:Title}
  795. <div class="titles">{Title}</div>
  796. {/block:Title}
  797. <div id="text">{Body}</div>
  798. {/block:permalinkpage}
  799.  
  800. {/block:Text}
  801.  
  802.  
  803.  
  804.  
  805.  
  806. {block:Video}
  807.  
  808. {block:indexpage}
  809.  
  810. <center>
  811. {block:if250px}{Video-250}{/block:if250px}
  812. {block:if400px}{Video-400}{/block:if400px}
  813. {block:if500px}{Video-500}{/block:if500px}
  814. </center>
  815.  
  816. {block:ifcaption}{block:Caption}<div id="caption">{Caption}</div>{/block:Caption}{/block:ifcaption}
  817.  
  818. <div class="info">
  819. {NoteCount} {block:Date}— <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} — <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> & <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} — <a href="{ReblogURL}" title="reblog this post">reblog</a>
  820. </div>
  821.  
  822. <div class="tagging">
  823. {block:HasTags}{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  824. </div>
  825.  
  826. {/block:indexpage}
  827.  
  828. {block:permalinkpage}
  829. <center>{Video-500}</center>
  830. {block:Caption}{Caption}{/block:Caption}
  831. {/block:permalinkpage}
  832.  
  833. {block:Video}
  834.  
  835.  
  836.  
  837.  
  838.  
  839. {block:Answer}
  840.  
  841.  
  842. <div id="questions">{Question}</div>
  843. <div id="asker">{Asker}:</div>
  844. <div id="text">{Answer}</div>
  845.  
  846. <div class="info">
  847. {NoteCount} {block:Date}— <a href="{Permalink}" title="permalink">{TimeAgo}</a>{/block:Date} {block:RebloggedFrom} — <a href="{ReblogParentURL}" title="{ReblogParentName}">via</a> & <a href="{ReblogRootURL}" title="{ReblogRootName}">source</a>{/block:RebloggedFrom} — <a href="{ReblogURL}" title="reblog this post">reblog</a>
  848. </div>
  849.  
  850. <div class="tagging">
  851. {block:HasTags}{block:Tags} <a href="{TagURL}"> #{Tag}</a>{/block:Tags}{/block:HasTags}
  852. </div>
  853.  
  854. {/block:Answer}
  855.  
  856.  
  857.  
  858.  
  859.  
  860. <!----------------------->
  861.  
  862.  
  863.  
  864.  
  865. {block:permalinkpage}
  866.  
  867.  
  868. <div id="infoperm">
  869. {block:Date}Posted on {Month} {DayOfMonth}, {Year} at {24Hour}:{Minutes}{/block:Date}
  870. {block:RebloggedFrom} - <b>via:</b> <a href="{ReblogParentURL}">{ReblogParentName}</a> {/block:RebloggedFrom}
  871. {block:ContentSource} - <b>source:</b> <a href="{SourceURL}">{SourceLink}</a>{/block:ContentSource}</div>
  872.  
  873. {block:HasTags}
  874. <div id="tagperm">
  875. <b>Tagged as:</b>{block:Tags} <a href="{TagURL}"> <small>#</small>{Tag}</a> {/block:Tags}</div>{/block:HasTags}
  876.  
  877. <div id="notecount">{block:NoteCount}<p>{NoteCountWithLabel}{/block:NoteCount}</div>
  878.  
  879. <div class="pnotes">
  880. {block:PostNotes}
  881. {PostNotes-64}
  882. {/block:PostNotes}
  883. </div>
  884.  
  885.  
  886. {/block:permalinkpage}
  887.  
  888.  
  889. </div>
  890. {/block:Posts}
  891. </div>
  892.  
  893.  
  894.  
  895. <!----------------------->
  896.  
  897.  
  898.  
  899.  
  900. {block:ifinfinitescroll}
  901. {block:indexpage}
  902.  
  903. {block:NextPage}<div id="page-nav"><a href="{NextPage}"></a></div>{/block:NextPage}
  904. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  905. <script type="text/javascript" src="http://static.tumblr.com/bswe8t6/UFVlryaq2/jquerymsnryv2.js"></script>
  906. <script type="text/javascript">
  907. $(window).load(function(){
  908. var $wall = $('#container');
  909. $wall.imagesLoaded(function(){
  910. $wall.masonry({
  911. itemSelector: '#posts',
  912. isAnimated : true
  913. });
  914. });
  915.  
  916. $wall.infinitescroll({
  917. navSelector : '#page-nav',
  918. nextSelector : '#page-nav a',
  919. itemSelector : '#posts',
  920. bufferPx : 1000,
  921. debug : true,
  922. errorCallback: function() {
  923. $('#infscr-loading').fadeOut('linear');
  924. }},
  925. function( newElements ) {
  926. var $newElems = $( newElements );
  927. $newElems.hide();
  928. $newElems.imagesLoaded(function(){
  929. $wall.masonry( 'appended', $newElems,{isAnimated: true}, function(){$newElems.fadeIn('slow');} );
  930. });
  931. }); $('#content').show(400);
  932. });
  933. </script>
  934.  
  935. {/block:indexpage}
  936. {/block:ifinfinitescroll}
  937.  
  938. <div id="chloe" title="coded by chloe"><a href="http://adf.ly/s0LYq">SOONCO</a></div>
  939. </body>
  940. </html>
Advertisement
Add Comment
Please, Sign In to add comment