Advertisement
Ditasaur

Guri Theme

Feb 25th, 2012
14,710
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 23.27 KB | None | 0 0
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2.  
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4.  
  5. <!--GURI THEME BY RAMYEONS // http://ramyeons.tumblr.com / http://hobakjeon.tumblr.com
  6.  
  7. *DO NOT USE MY THEME CODES AS BASE CODES FOR YOUR OWN THEME
  8. *DO NOT CLAIM AS YOUR OWN OR I WILL HUNT YOU DOWN
  9. *DO NOT BREAK ANY RULES OR YOU WILL BE REPORTED
  10. *YOU MAY EDIT THIS THEME, BUT LEAVE THE CREDITS ALONE
  11. *DO NOT TAKE MY CREDITS OUT
  12.  
  13. -->
  14.  
  15. <head>
  16. <title>{Title}</title>
  17. <link rel="shortcut icon" href="{Favicon}" />
  18.  
  19. <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
  20.  
  21. {block:Description}
  22. <meta name="description" content="{MetaDescription}"/>
  23. {/block:Description}
  24.  
  25. <script src="http://static.tumblr.com/iuggpng/8iplzlvdu/smoothscroll.js" type="text/javascript"></script>
  26.  
  27. <script type="text/javascript">$(document).ready(function(){$( '.content' ).fadeIn("slow");});</script>
  28.  
  29. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  30. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  31.  
  32. <script type="text/javascript" charset="utf-8">
  33. var $j = jQuery.noConflict();
  34. $j(function() {
  35. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  36. $j("img").lazyload({
  37. placeholder : "",
  38. effect: "fadeIn",
  39. });
  40. });
  41. </script>
  42.  
  43.  
  44. {block:ifdisablerightclick}<SCRIPT TYPE="text/javascript">
  45. <!--
  46. //Disable right click script
  47. //visit http://www.rainbow.arch.scriptmania.com/scripts/
  48. var message="Sorry, right-click has been disabled";
  49. ///////////////////////////////////
  50. function clickIE() {if (document.all) {(message);return false;}}
  51. function clickNS(e) {if
  52. (document.layers||(document.getElementById&&!document.all)) {
  53. if (e.which==2||e.which==3) {(message);return false;}}}
  54. if (document.layers)
  55. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  56. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  57. document.oncontextmenu=new Function("return false")
  58. // -->
  59. </SCRIPT>{/block:ifdisablerightclick}
  60. <!--BASIC FLUFF-->
  61.  
  62. <meta name="if:500px posts" content="1"/>
  63. <meta name="if:400px posts" content="0"/>
  64. <meta name="if:250px posts" content="0"/>
  65. <meta name="if:cute cursor" content="1"/>
  66. <meta name="if:infinite scrolling" content="1"/>
  67. <meta name="if:cute cursor" content="1"/>
  68. <meta name="if:disable right click" content="0"/>
  69. <meta name="if:dark sidebar pixels" content="1"/>
  70. <meta name="if:light sidebar pixels" content="0"/>
  71.  
  72. <meta name="text:link 1" content="link 1"/>
  73. <meta name="text:link 1 url" content=""/>
  74. <meta name="text:link 2" content="link 2"/>
  75. <meta name="text:link 2 url" content=""/>
  76. <meta name="text:link 3" content="link 3"/>
  77. <meta name="text:link 3 url" content=""/>
  78. <meta name="text:link 4" content="link 4"/>
  79. <meta name="text:link 4 url" content=""/>
  80. <meta name="text:link 5" content="link 5"/>
  81. <meta name="text:link 5 url" content=""/>
  82. <meta name="text:link 6" content="link 6"/>
  83. <meta name="text:link 6 url" content=""/>
  84.  
  85. <meta name="image:sidebar pic" content="http://static.tumblr.com/iuggpng/bO8lzz4vz/sidepicflower.jpg"/>
  86. <meta name="image:background" content="http://static.tumblr.com/iuggpng/2MKlzz4r0/dottedmanywhite.png"/>
  87. <meta name="image:wrap" content="http://static.tumblr.com/iuggpng/0d3lzz4tr/scratchedwhite.png"/>
  88. <meta name="image:posts bg" content="http://static.tumblr.com/iuggpng/6Jrlzz4tf/sidebarlinedpaper.png"/>
  89.  
  90. <meta name="color:background" content="#fff"/>
  91. <meta name="color:posts bg" content="#fff"/>
  92. <meta name="color:posts wrap bg" content="#fff"/>
  93. <meta name="color:link" content="#f5b39d"/>
  94. <meta name="color:link hover" content="#aaa"/>
  95. <meta name="color:text" content="#000"/>
  96. <meta name="color:post titles" content="#000"/>
  97. <meta name="color:desc text" content="#aaa"/>
  98. <meta name="color:perm bar text" content="#666"/>
  99. <meta name="color:perm bar bg" content="#ddd"/>
  100. <meta name="color:perm bar bg hover" content="#fff"/>
  101. <meta name="color:perm button 1" content="#eee"/>
  102. <meta name="color:perm button 2" content="#aaa"/>
  103. <meta name="color:perm button 3" content="#555"/>
  104. <meta name="color:link buttons" content="#eee"/>
  105. <meta name="color:sidebar img border" content="#eee"/>
  106.  
  107.  
  108. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  109.  
  110.  
  111. <style type="text/css">
  112. {CustomCSS}
  113. ::-webkit-scrollbar-thumb:vertical {background-color:{color:link};height:75px;}
  114.  
  115. ::-webkit-scrollbar {height:0px;width:10px;background-color:white;}
  116.  
  117.  
  118. iframe#tumblr_controls {
  119. right:3px !important;
  120. position: fixed !important;
  121. -webkit-transition: opacity 0.7s linear;
  122. opacity: 0.7;
  123. -webkit-transition: all 0.8s ease-out;
  124. -moz-transition: all 0.8s ease-out;
  125. transition: all 0.8s ease-out;
  126. }
  127.  
  128. iframe#tumblr_controls:hover {
  129. -webkit-transition: opacity 0.7s linear;
  130. opacity: 1;
  131. -webkit-transition: all 0.4s ease-out;
  132. -moz-transition: all 0.4s ease-out;
  133. transition: all 0.4s ease-out;
  134. }
  135.  
  136. body{
  137. background-image:url("{image:background}");
  138. background-color:{color:background};
  139. background-repeat:repeat;
  140. background-attachment:fixed;
  141. color:{color:text};
  142. font-family:trebuchet ms;
  143. font-size:9px;
  144. {block:ifcutecursor}cursor: url(http://static.tumblr.com/iuggpng/z55m1rsg6/cursor.png), progress !important;{/block:ifcutecursor}
  145. }
  146.  
  147. a, a:link, a:visited, a:active{
  148. color:{color:link};
  149. text-decoration:none;
  150. letter-spacing:1px;
  151. -webkit-transition: all 0.4s ease-out;
  152. -moz-transition: all 0.4s ease-out;
  153. transition: all 0.4s ease-out;
  154. }
  155.  
  156. a:hover {
  157. color:{color:link hover};
  158. text-decoration:none;
  159. {block:ifcutecursor} cursor: url(http://static.tumblr.com/iuggpng/z55m1rsg6/cursor.png), progress !important;{/block:ifcutecursor}
  160. -webkit-transition: all 0.4s ease-out;
  161. -moz-transition: all 0.4s ease-out;
  162. transition: all 0.4s ease-out;
  163. }
  164.  
  165.  
  166. #posts {
  167. overflow:auto;
  168. margin-top:10px;
  169. height:auto;
  170. margin-left:250px;
  171.  
  172. }
  173.  
  174. .posteu {
  175. {block:PermalinkPage}width:500px;{/block:PermalinkPage}
  176. {block:IndexPage}{block:if500pxposts}width:500px;{/block:if500pxposts}
  177. {block:if400pxposts}width:400px;{/block:if400pxposts}
  178. {block:if250pxposts}width:250px;{/block:if250pxposts}{/block:IndexPage}
  179. height:auto;
  180. padding:0px;
  181. margin-top:0px;
  182. border: 0px solid {color:posts bg};
  183. font-family:helvetica new;
  184. font-size:9px;
  185. z-index:999;
  186. color:{color:text};
  187. background-color:{color:posts bg};
  188. background-image:url({image:posts bg});
  189. opacity:1;
  190. -webkit-transition: all 0.4s ease-out;
  191. -moz-transition: all 0.4s ease-out;
  192. transition: all 0.4s ease-out;
  193.  
  194.  
  195. }
  196.  
  197. .wrapu {
  198. background-color:{color:posts wrap bg};
  199. background-image:url({image:wrap});
  200. opacity:.8;
  201. {block:PermalinkPage}width:530px;{/block:PermalinkPage}
  202. {block:IndexPage}{block:if500pxposts}width:530px;{/block:if500pxposts}
  203. {block:if400pxposts}width:430px;{/block:if400pxposts}
  204. {block:if250pxposts}width:280px;{/block:if250pxposts}{/block:IndexPage}
  205. position:fixed;
  206. z-index:-999;
  207. left:240px;
  208. top:0px;
  209. padding:2px;
  210. height:100%;
  211. }
  212.  
  213.  
  214. .posteu:hover{
  215. opacity:.98;
  216. margin-top:20px;
  217. -webkit-transition: all 0.4s ease-out;
  218. -moz-transition: all 0.4s ease-out;
  219. transition: all 0.4s ease-out;
  220.  
  221. }
  222.  
  223. .title {
  224. font-family:consolas;
  225. font-weight:lighter;
  226. font-size:14px;
  227. line-height:16px;
  228. text-align:right;
  229. letter-spacing:3px;
  230. color:{color:post titles};
  231. text-transform:uppercase;
  232. }
  233.  
  234. .texts, .chat, .link, .quote, .audio{
  235. font-family:lucida console;
  236. font-size:9px;
  237. line-height:15px;
  238. margin-bottom:5px;
  239. margin-top:5px;
  240. color:{color:text};
  241. padding:3px;
  242. background-image:url({image:posts bg});
  243. letter-spacing:0px;
  244. }
  245.  
  246. img, a img {
  247. opacity:1;
  248. -webkit-transition: all 0.4s ease-out;
  249. -moz-transition: all 0.4s ease-out;
  250. transition: all 0.4s ease-out;
  251. }
  252.  
  253. img:hover, a img:hover {
  254. opacity:.9;
  255. -webkit-transition: all 0.4s ease-out;
  256. -moz-transition: all 0.4s ease-out;
  257. transition: all 0.4s ease-out;
  258. }
  259.  
  260.  
  261. #perm{
  262. background-color:{color:perm bar bg};
  263. float:left;
  264. position:absolute;
  265. height:auto;
  266. text-align:center;
  267. margin-top:-5px;
  268. {block:IndexPage}{block:if500pxposts}margin-left:150px;{/block:if500pxposts}
  269. {block:if400pxposts}margin-left:50px;{/block:if400pxposts}
  270. {block:if250pxposts}margin-left:75px;{/block:if250pxposts}{/block:IndexPage}
  271. z-index:998;
  272. font-size:8px;
  273. padding:2px;
  274. color:{color:perm bar text};
  275. text-transform:uppercase;
  276. font-family:arial;
  277. width:200px;
  278. opacity:0;
  279. -webkit-transition: all 0.6s ease-out;
  280. -moz-transition: all 0.6s ease-out;
  281. transition: all 0.6s ease-out;
  282. }
  283.  
  284. .bap{
  285. position:absolute;
  286. height:10px;
  287. text-align:center;
  288. margin-top:9px;
  289. z-index:998;
  290. font-size:0px;
  291. padding:2px;
  292. text-transform:uppercase;
  293. font-family:arial;
  294. width:10px;
  295. opacity:0;
  296. -webkit-transition: all 0.6s ease-out;
  297. -moz-transition: all 0.6s ease-out;
  298. transition: all 0.6s ease-out;
  299. }
  300.  
  301. #reblog{
  302. margin-top:9px;
  303. {block:IndexPage}{block:if500pxposts}margin-left:220px;{/block:if500pxposts}
  304. {block:if400pxposts}margin-left:176px;{/block:if400pxposts}
  305. {block:if250pxposts}margin-left:110px;{/block:if250pxposts}{/block:IndexPage}
  306. background-color:{color:perm button 1};
  307. }
  308.  
  309. #source {
  310. margin-top:40px;
  311. {block:IndexPage}{block:if500pxposts}margin-left:250px;{/block:if500pxposts}
  312. {block:if400pxposts}margin-left:200px;{/block:if400pxposts}
  313. {block:if250pxposts}margin-left:125px;{/block:if250pxposts}{/block:IndexPage}
  314. background-color:{color:perm button 2};
  315. }
  316.  
  317. #original {
  318. margin-top:40px;
  319. {block:IndexPage}{block:if500pxposts}margin-left:270px;{/block:if500pxposts}
  320. {block:if400pxposts}margin-left:216px;{/block:if400pxposts}
  321. {block:if250pxposts}margin-left:135px;{/block:if250pxposts}{/block:IndexPage}
  322. background-color:{color:perm button 3};
  323. }
  324.  
  325. #perm:hover{
  326. padding-left:70px;
  327. height:10px;
  328. {block:IndexPage}{block:if500pxposts}width:160px;{/block:if500pxposts}
  329. {block:if400pxposts}width:140px;{/block:if400pxposts}
  330. {block:if250pxposts}width:120px;{/block:if250pxposts}{/block:IndexPage}
  331. background-color:white;
  332. -webkit-transition: all 0.6s ease-out;
  333. -moz-transition: all 0.6s ease-out;
  334. transition: all 0.6s ease-out;
  335. }
  336.  
  337. #inpiniteu:hover #perm{
  338. opacity:1;
  339. height:10px;
  340. {block:IndexPage}{block:if500pxposts}margin-left:150px;{/block:if500pxposts}
  341. {block:if400pxposts}margin-left:100px;{/block:if400pxposts}
  342. {block:if250pxposts}margin-left:30px;{/block:if250pxposts}{/block:IndexPage}
  343. margin-top:-18px;
  344. width:200px;
  345. filter: alpha (opacity=9)
  346. -webkit-transition: all 0.4s ease-out;
  347. -moz-transition: all 0.4s ease-out;
  348. transition: all 0.4s ease-out;
  349. }
  350.  
  351. #inpiniteu:hover #reblog{
  352. opacity:1;
  353. height:10px;
  354. margin-top:-4px;
  355. {block:IndexPage}{block:if500pxposts}margin-left:220px;{/block:if500pxposts}
  356. {block:if400pxposts}margin-left:176px;{/block:if400pxposts}
  357. {block:if250pxposts}margin-left:100px;{/block:if250pxposts}{/block:IndexPage}
  358. -webkit-border-bottom-left-radius: 5px;
  359. -webkit-border-bottom-right-radius: 5px;
  360. -moz-border-radius-bottomright: 5px;
  361. -moz-border-radius-bottomleft: 5px;
  362. width:5px;
  363. filter: alpha (opacity=9)
  364. -webkit-transition: all 0.4s ease-out;
  365. -moz-transition: all 0.4s ease-out;
  366. transition: all 0.4s ease-out;
  367. }
  368.  
  369. #inpiniteu:hover #source{
  370. opacity:1;
  371. height:15px;
  372. margin-top:-4px;
  373. {block:IndexPage}{block:if500pxposts}margin-left:245px;{/block:if500pxposts}
  374. {block:if400pxposts}margin-left:190px;{/block:if400pxposts}
  375. {block:if250pxposts}margin-left:120px;{/block:if250pxposts}{/block:IndexPage}
  376. -webkit-border-bottom-left-radius: 5px;
  377. -webkit-border-bottom-right-radius: 5px;
  378. -moz-border-radius-bottomright: 5px;
  379. -moz-border-radius-bottomleft: 5px;
  380. width:5px;
  381. filter: alpha (opacity=9)
  382. -webkit-transition: all 0.4s ease-out;
  383. -moz-transition: all 0.4s ease-out;
  384. transition: all 0.4s ease-out;
  385. }
  386.  
  387. #inpiniteu:hover #original{
  388. opacity:1;
  389. height:10px;
  390. margin-top:-4px;
  391. {block:IndexPage}{block:if500pxposts}margin-left:270px;{/block:if500pxposts}
  392. {block:if400pxposts}margin-left:206px;{/block:if400pxposts}
  393. {block:if250pxposts}margin-left:140px;{/block:if250pxposts}{/block:IndexPage}
  394. -webkit-border-bottom-left-radius: 5px;
  395. -webkit-border-bottom-right-radius: 5px;
  396. -moz-border-radius-bottomright: 5px;
  397. -moz-border-radius-bottomleft: 5px;
  398. width:5px;
  399. filter: alpha (opacity=9)
  400. -webkit-transition: all 0.4s ease-out;
  401. -moz-transition: all 0.4s ease-out;
  402. transition: all 0.4s ease-out;
  403. }
  404.  
  405. #reblog:hover, #source:hover, #original:hover{
  406. padding-top:50px;
  407. }
  408.  
  409. #inpiniteu {
  410. {block:IndexPage}{block:if500pxposts}width:500px;{/block:if500pxposts}
  411. {block:if400pxposts}width:400px;{/block:if400pxposts}
  412. {block:if250pxposts}width:250px;{/block:if250pxposts}{/block:IndexPage}
  413. -webkit-transition: all 0.6s ease-out;
  414. -moz-transition: all 0.6s ease-out;
  415. transition: all 0.6s ease-out;
  416. }
  417.  
  418. #inpiniteu:hover{margin-top:20px;
  419. }
  420.  
  421. #permalink {
  422. display:block;
  423. width:500px;
  424. padding:2px;
  425. height:auto;
  426. background-color:{color:posts bg};
  427. color:{color:text};
  428. }
  429.  
  430. #taemin {
  431. display:block;
  432. background-color:{color:background};
  433. background-image:url({image:background});
  434. width:500px;
  435. padding:0px;
  436. }
  437. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  438.  
  439. @font-face {font-family: "silkscreen";src: url('http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf');}
  440.  
  441.  
  442. #eunhyuk {
  443. opacity:1;
  444. position:fixed;
  445. left:10px;
  446. border-right:2px solid gray;
  447. height:auto;
  448. top:300px;
  449. padding:10px;
  450. text-align:right;
  451. font-family:tinytots;
  452. font-size:8px;
  453. letter-spacing:0px;
  454. text-transform:uppercase;
  455. color:{color:desc text};
  456. width:200px;
  457. }
  458.  
  459. #titre {color:black; letter-spacing:6px; font-family:consolas;
  460. font-size:12px; text-align:right; text-transform:none; margin-top:5px;
  461. }
  462.  
  463. #picpic{
  464. opacity:.9;
  465. margin-left:-5px;
  466. width:200px;
  467. }
  468.  
  469. #picpic:hover #linkies {
  470. opacity:.9;
  471. margin-top:-120px;
  472. right:0px;
  473. -webkit-transition: all 0.4s ease-out;
  474. -moz-transition: all 0.4s ease-out;
  475. transition: all 0.4s ease-out;
  476.  
  477. }
  478.  
  479. #linkies {
  480. background-color:#eee;
  481. color:#aaa;
  482. padding:1px;
  483. padding-left:10px;
  484. opacity:0;
  485. right:0px;
  486. position:absolute;
  487. margin-top:-140px;
  488. font-family:silkscreen;
  489. font-size:9px;
  490. text-transform:uppercase;
  491. -webkit-transition: all 0.4s ease-out;
  492. -moz-transition: all 0.4s ease-out;
  493. transition: all 0.4s ease-out;
  494. }
  495.  
  496. #linkies:hover {padding-right:40px;}
  497. .nabu {background-color:transparent; padding:5px; position:fixed; margin-top:-28px; padding-left:10px;text-align:right; margin-left:0px;
  498. -webkit-transition: all 0.4s ease-out;
  499. -moz-transition: all 0.4s ease-out;
  500. transition: all 0.4s ease-out;
  501. }
  502.  
  503. .nabu:hover {background-color:{color:sidebar img border};}
  504.  
  505. li, ul {
  506. list-style: hiragana;
  507. margin-left: 5px;
  508. }
  509.  
  510.  
  511. #top {top:-10px; position:fixed;}
  512. #toplinku {position:fixed; bottom:10px; left:100px;}
  513. #toplinku a{color:black;}
  514. #creditu {position:fixed; bottom:10px; right:10px; color:black; background-color:white; }
  515. </style>
  516. </head>
  517. <body>
  518. <div id="creditu"><a href="http://hobakjeon.tumblr.com" target="new">☂ theme credit</a></div>
  519.  
  520. {block:ifinfinitescrolling}<div id="toplinku"><a href="#top">back to top</a></div>{/block:ifinfinitescrolling}
  521.  
  522. <div id="eunhyuk">
  523. <div id="picpic">
  524. <img src="{image:sidebar pic}" width="200px" style="border:5px solid {color:sidebar img border};">
  525.  
  526. <a title="{text:link 1}" href="{text:link 1 url}" id="linkies" style="margin-top:-130px;">{text:link 1}</a>
  527. <a title="{text:link 2}" style="margin-top:-110px;" href="{text:link 2 url}" id="linkies" >{text:link 2}</a>
  528. <a title="{text:link 3}" href="{text:link 3 url}" id="linkies" style="margin-top:-90px;">{text:link 3}</a>
  529. <a title="{text:link 4}" href="{text:link 4 url}" id="linkies" style="margin-top:-70px;">{text:link 4}</a>
  530. <a title="{text:link 5}" href="{text:link 5 url}" id="linkies" style="margin-top:-50px;">{text:link 5}</a>
  531. <a title="{text:link 6}" href="{text:link 6 url}" id="linkies" style="margin-top:-30px;">{text:link 6}</a>
  532.  
  533. </div>
  534.  
  535. {block:ifdarksidebarpixels}<a title="index" href="/" class="nabu"><img src="http://i39.tinypic.com/2w2hjyt.gif"></a>
  536. <a title="archive" href="/archive" class="nabu" style="margin-top:-50px;"><img src="http://i42.tinypic.com/31694ao.jpg"></a>
  537. <a title="message" href="/ask" class="nabu" style="margin-top:-70px;"><img src="http://i39.tinypic.com/2j3m7wg.gif"></a>
  538. {/block:ifdarksidebarpixels}
  539.  
  540. {block:iflightsidebarpixels}<a title="index" href="/" class="nabu"><img src="http://i39.tinypic.com/339lv1h.gif"></a>
  541. <a title="archive" href="/archive" class="nabu" style="margin-top:-50px;"><img src="http://i43.tinypic.com/2roht0j.gif"></a>
  542. <a title="message" href="/ask" class="nabu" style="margin-top:-70px;"><img src="http://i39.tinypic.com/ne6u74.gif"></a>
  543. {/block:iflightsidebarpixels}
  544.  
  545. <div id="titre">
  546. {title}
  547. </div>
  548. <p>{description}</p>
  549. {block:ifnotinfinitescrolling}
  550. <br>{block:Pagination}
  551. {block:PreviousPage}<a href="{PreviousPage}">back</a>&#160| {CurrentPage}/{TotalPages} |&#160 {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  552. {/block:Pagination}
  553. {/block:ifnotinfinitescrolling}
  554. </div>
  555.  
  556.  
  557.  
  558.  
  559.  
  560.  
  561. <div id="posts"><div class="wrapu"></div>
  562. {block:ifinfinitescrolling}<div class="autopagerize_page_element"><script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}{block:Posts}
  563.  
  564. <div id="inpiniteu">
  565.  
  566. {block:IndexPage}<a href="{permalink}" id="perm">+ {notecountwithlabel}</a>
  567. <a title="Reblog This !" href="{ReblogURL}" class="bap" id="reblog"></a>
  568. <a title="Reblogged From: {ReblogParentName}" href="{ReblogParentURL}" target="new" class="bap" id="source"></a>
  569. <a title="Posted {TimeAgo}" class="bap" id="original"></a>{/block:IndexPage}
  570.  
  571.  
  572.  
  573. {block:Text}
  574. <div class="posteu">
  575. <div class="texts">
  576. {block:Title}
  577. <div class="title"><a href="{Permalink}">{Title}</a></div>
  578. {/block:Title}
  579.  
  580. {Body}
  581. </div></div>
  582. {/block:Text}
  583.  
  584. {block:Photo}<div class="posteu">
  585. <a href="{Permalink}"><img class="photo"
  586. {block:IndexPage}{block:if500pxposts}src="{PhotoURL-500}"{/block:if500pxposts}
  587. {block:if400pxposts}src="{PhotoURL-500}" width="400px"{/block:if400pxposts}
  588. {block:if250pxposts}src="{PhotoURL-250}"{/block:if250pxposts}
  589. {/block:IndexPage} {block:PermalinkPage}src="{PhotoURL-500}"{/block:PermalinkPage}
  590. alt="{PhotoAlt}"/></a>
  591. {block:PermalinkPage}{block:Caption}
  592. {Caption}
  593. {/block:Caption}{/block:PermalinkPage}
  594. </div>
  595. {/block:Photo}
  596.  
  597. {block:Photoset}<div class="posteu">
  598. <div class="photoset">
  599. <a href="{Permalink}">
  600. {block:IndexPage}{block:if500pxposts}{Photoset-500}{/block:if500pxposts}
  601. {block:if400pxposts}{Photoset-400}{/block:if400pxposts}
  602. {block:if250pxposts}{Photoset-250}{/block:if250pxposts}
  603. {/block:IndexPage}
  604. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  605. </a>
  606.  
  607. {block:PermalinkPage}{block:Caption}
  608. {Caption}
  609. {/block:Caption}{/block:PermalinkPage}
  610. </div>
  611. </div>
  612. {/block:Photoset}
  613.  
  614. {block:Quote}<div class="posteu">
  615. <div class="quote">
  616. "{Quote}"
  617.  
  618. {block:Source}
  619. <div class="source">{Source}</div>
  620. {/block:Source}
  621. </div></div>
  622. {/block:Quote}
  623.  
  624. {block:Link}<div class="posteu">
  625. <div class="link">
  626. <a href="{URL}" class="link" {Target}>{Name}</a>
  627.  
  628. {block:Description}
  629. <div class="description">{Description}</div>
  630. {/block:Description}
  631. </div></div>
  632. {/block:Link}
  633.  
  634. {block:Chat}<div class="posteu">
  635. <div class="post chat">
  636. {block:Title}
  637. <h3><a href="{Permalink}">{Title}</a></h3>
  638. {/block:Title}
  639.  
  640. <div class="chat">
  641. {block:Lines}
  642. <div class="{Alt} user_{UserNumber}">
  643. {block:Label}
  644. <span class="label">{Label}</span>
  645. {/block:Label}
  646.  
  647. {Line}
  648. </div>
  649. {/block:Lines}
  650. </div>
  651. </div>
  652. </div>
  653. {/block:Chat}
  654.  
  655. {block:Video}<div class="posteu">
  656. <div class="video">
  657. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  658. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  659. {block:if250pxposts}{Video-250}{/block:if250pxposts}
  660. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  661.  
  662. {block:PermalinkPage}{block:Caption}
  663. <div class="caption">{Caption}</div>
  664. {/block:Caption}{/block:PermalinkPage}
  665. </div></div>
  666. {/block:Video}
  667.  
  668. {block:Audio}<div class="posteu">
  669. <div class="audio">
  670. <center>{AudioPlayerWhite}
  671.  
  672.  
  673. {block:Caption}
  674. <div class="caption">{Caption}</div>
  675. {/block:Caption}</center>
  676. </div></div>
  677. {/block:Audio}
  678.  
  679. {block:PermalinkPage}
  680. <div id="permalink">
  681. Posted {block:Date}<a href="{Permalink}">{TimeAgo}</a> with {NoteCountWithLabel}{/block:Date}{block:PostNotes} {/block:PostNotes}{block:RebloggedFrom} (via <a href="{ReblogParentURL}">{ReblogParentName}</a> , org. <a href="{ReblogRootURL}">{ReblogRootName}</a> ){/block:RebloggedFrom}
  682. <div>{block:HasTags}{block:IfTags}<div id="tags">tagged :{block:Tags}
  683. &#160<a href="{TagURL}">{Tag}</a>&#160{/block:Tags}</div> {/block:IfTags}{block:IfNotTags} <div id="tags">tagged :{block:Tags}
  684. &#160<a href="{TagURL}">{Tag}</a>&#160{/block:Tags}</div>{/block:IfNotTags}{/block:HasTags}
  685. <div id="taemin">{PostNotes}</div></div></div> {/block:PermalinkPage}
  686. </div>
  687. {/block:Posts}
  688. </div>{block:ifinfinitescrolling}</div>{/block:ifinfinitescrolling}
  689.  
  690. </body>
  691. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement