API tools faq
paste
Advertisement
juliechan

桜 / Sakura Theme

juliechan
Sep 5th, 2012
500
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.43 KB | None | 0 0
raw download clone embed print report
  1. <!--Sakura theme by utekii.tumblr.com // hoshikusu.tumblr.com--
  2. ------------------------------RULES-----------------------------
  3.  
  4. * Please do not remove the credits.
  5. * No third-hand redistribution
  6. * Do not claim as yours
  7. * Don't break the rules or you WILL be reported w/o hesitation
  8. * You can edit this but leave the credits in tact
  9. * Do not use this code as a base code
  10.  
  11. -------------------------------FAQ------------------------------
  12.  
  13. 1. I do not help with customization of themes
  14. 2. Check ALL appearance options before asking a question
  15. 3. I don't give codes to anyone unless on special occasion
  16. 4. I will NEVER take theme requests
  17. 5. Pagination is available once you UNCHECK infinite scrolling
  18. 6. I don't help with adding extra links
  19. 7. Infinite scrolling works fine whether you have scm or not
  20. 8. For the codes, go to the first post of the live preview
  21.  
  22. ◆◇For any other questions message me on my THEME blog◆◇
  23.  
  24. -->
  25.  
  26.  
  27. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  28. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  29.  
  30. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  31.  
  32. <head>
  33. <title>{Title}</title>
  34. <link rel="shortcut icon" href="{Favicon}">
  35. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  36. {block:Description}<meta name="description" content="{MetaDescription}"/>{/block:Description}
  37.  
  38. {block:ifdisablerightclick}
  39. <SCRIPT TYPE="text/javascript">
  40. <!--
  41. //Disable right click script
  42. //visit http://www.rainbow.arch.scriptmania.com/scripts/
  43. var message="Sorry, right-click has been disabled";
  44. ///////////////////////////////////
  45. function clickIE() {if (document.all) {(message);return false;}}
  46. function clickNS(e) {if
  47. (document.layers||(document.getElementById&&!document.all)) {
  48. if (e.which==2||e.which==3) {(message);return false;}}}
  49. if (document.layers)
  50. {document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
  51. else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}
  52. document.oncontextmenu=new Function("return false")
  53. // -->
  54. </SCRIPT>
  55. {/block:ifdisablerightclick}
  56.  
  57. <!--Cherry Blossom-->
  58.  
  59. <meta name="if:disable right click" content="0"/>
  60. <meta name="if:infinite scrolling" content="1"/>
  61. <meta name="if:cute cursor" content="1"/>
  62. <meta name="if:extra link 1" content="1"/>
  63. <meta name="if:extra link 2" content="1"/>
  64. <meta name="if:extra link 3" content="1"/>
  65. <meta name="if:extra link 4" content="1"/>
  66. <meta name="if:500px posts" content="1"/>
  67. <meta name="if:400px posts" content="0"/>
  68. <meta name="if:250px posts" content="0"/>
  69.  
  70. <meta name="text:quote" content="you are the song i sing..."/>
  71. <meta name="text:extra link 1" content="links"/>
  72. <meta name="text:extra link 1 url" content=""/>
  73. <meta name="text:extra link 2" content="links"/>
  74. <meta name="text:extra link 2 url" content=""/>
  75. <meta name="text:extra link 3" content="links"/>
  76. <meta name="text:extra link 3 url" content=""/>
  77. <meta name="text:extra link 4" content="links"/>
  78. <meta name="text:extra link 4 url" content=""/>
  79.  
  80. <meta name="image:background" content="http://static.tumblr.com/yazg0x6/ry4m15elq/1.jpg"/>
  81. <meta name="image:sidebar image" content="http://static.tumblr.com/14xu0fs/OTCm1bgxd/tumblr_m17mucogop1qg3q9eo1_500.png"/>
  82. <meta name="image:index button" content="http://static.tumblr.com/14xu0fs/NFtm1bjt2/home_icon_16.png"/>
  83. <meta name="image:message button" content="http://static.tumblr.com/14xu0fs/nP8m1bk8r/mail_2_icon_16.png"/>
  84. <meta name="image:archive button" content="http://static.tumblr.com/14xu0fs/7fdm1bkkw/paper_airplane_icon_16.png"/>
  85.  
  86. <meta name="color:background" content="#fff"/>
  87. <meta name="color:text" content="#000"/>
  88. <meta name="color:description text" content="#999"/>
  89. <meta name="color:links" content="#E07C65"/>
  90. <meta name="color:links hover" content="#fff"/>
  91. <meta name="color:about bar bg" content="#ddd"/>
  92. <meta name="color:extra links text" content="#000"/>
  93. <meta name="color:extra link 1" content="#FBD9B4"/>
  94. <meta name="color:extra link 2" content="#FDD2B9"/>
  95. <meta name="color:extra link 3" content="#E39B8D"/>
  96. <meta name="color:extra link 4" content="#F86C64"/>
  97. <meta name="color:post titles" content="#FA9F9A"/>
  98.  
  99.  
  100. {block:ifinfinitescrolling}<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  101.  
  102.  
  103. <style type="text/css">
  104. {CustomCSS}
  105.  
  106. ::-webkit-scrollbar-thumb:vertical {background-color:{color:links};height:75px;}
  107. ::-webkit-scrollbar {height:0px;width: 3px;background-color:#ffffff;}
  108.  
  109. body{
  110. background-color:{color:background};
  111. background-image:url('{image:background}');
  112. background-attachment:fixed;
  113. background-repeat:none;
  114. font-family:skinny;
  115. font-size:8px;
  116. color:{color:text};
  117. {block:ifcutecursor}cursor: url(http://media.tumblr.com/tumblr_lqcmexUvFW1qfc7qm.png), progress !important;{/block:ifcutecursor}
  118. }
  119.  
  120. a, a:link, a:visited, a:active{
  121. color:{color:links};
  122. text-decoration:none;
  123. letter-spacing:1px;
  124. -webkit-transition:all 0.5s ease-out;
  125. -moz-transition:all 0.5s ease-out;
  126. -o-transition:all 0.4s ease-out;
  127. transition:all 0.4s ease-out;
  128. }
  129.  
  130. a:hover{
  131. color:{color:links hover};
  132. text-decoration:none;
  133. {block:ifcutecursor}cursor: url(http://media.tumblr.com/tumblr_lqcmexUvFW1qfc7qm.png), progress !important;{/block:ifcutecursor}
  134. -webkit-transition:all 0.5s ease-out;
  135. -moz-transition:all 0.5s ease-out;
  136. -o-transition:all 0.5s ease-out;
  137. transition:all 0.5s ease-out;
  138. }
  139.  
  140. img, a img{
  141. opacity:.6;
  142. -webkit-transition:all 0.9s ease-out;
  143. -moz-transition:all 0.9s ease-out;
  144. -o-transition:all 0.9s ease-out;
  145. transition:all 0.9s ease-out;
  146. }
  147.  
  148. img:hover{
  149. opacity:1;
  150. -webkit-transition:all 0.9s ease-out;
  151. -moz-transition:all 0.9s ease-out;
  152. -o-transition:all 0.9s ease-out;
  153. transition:all 0.9s ease-out;
  154. }
  155.  
  156. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  157.  
  158. @font-face {font-family: "silkscreen";src: url('http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf');}
  159.  
  160. @font-face {font-family: "skinny";src: url('http://static.tumblr.com/iuggpng/dzLlzvdcs/skinny.ttf');}
  161.  
  162. #picu{
  163. margin-left:5px;
  164. opacity:1;
  165. }
  166.  
  167. #about { top:60px; position:fixed; line-height:12px; left:25px; height:155px; padding-top:0px;display:block; width:5px; background-color:#ddd; padding-left:3px;
  168. -webkit-transition: all 1s ease-out;
  169. -moz-transition: all 1s ease-out;
  170. -o-transition: all 1s ease-out;
  171. transition: all 1s ease-out;
  172. }
  173.  
  174. #about:hover #desc{width:200px; line-height:12px;text-align:right;padding:5px;opacity:.9; height:135px; overflow:auto; background-color:#fff; color:{color:description text};
  175. -webkit-transition: all 1s ease-out;
  176. -moz-transition: all 1s ease-out;
  177. -o-transition: all 1s ease-out;
  178. transition: all 1s ease-out;}
  179.  
  180. #desc {color:#fff; opacity:0;font-family:skinny; width:95px; display:block; font-size:8px; height:135px; margin-left:5px; margin-top:1px;
  181. -webkit-transition: all 1s ease-out;
  182. -moz-transition: all 1s ease-out;
  183. -o-transition: all 1s ease-out;
  184. transition: all 1s ease-out;}
  185.  
  186. #mushroom{
  187. width:200px;
  188. height:auto;
  189. position:fixed;
  190. padding:5px;
  191. margin-top:50px;
  192. margin-left:20px;
  193. }
  194.  
  195. #quoteu{
  196. margin-top:15px;
  197. text-align:center;
  198. font-family:tinytots;
  199. font-size:8px;
  200. color:{color:description text};
  201. }
  202.  
  203. #line{
  204. height:2px;
  205. background-color:#aaa;
  206. margin-top:3px;
  207. margin-left:10px;
  208. }
  209.  
  210. #theme{
  211. position:fixed;
  212. left:10px;
  213. top:10px;
  214. font-size:11px;
  215. }
  216.  
  217. .mainbuttons{
  218. margin-top:0px;
  219. letter-spacing:5px;
  220. margin-left:30px;
  221. position:absolute;
  222. }
  223.  
  224. #index{
  225. opacity:.2;
  226. margin-top:7px;
  227. }
  228.  
  229. #message{
  230. opacity:.2;
  231. margin-top:7px;
  232. left:70px;
  233. }
  234.  
  235. #history{
  236. opacity:.2;
  237. margin-top:7px;
  238. left:135px;
  239. }
  240.  
  241. .linkss{
  242. margin-top:0px;
  243. width:2px;
  244. position:absolute;
  245. padding:2px;
  246. padding-top:5px;
  247. -webkit-border-top-left-radius:1.5px;
  248. -webkit-border-top-right-radius:1.5px;
  249. -webkit-border-bottom-left-radius:1.5px;
  250. -webkit-border-bottom-right-radius:1.5px;
  251. -webkit-transition:all 0.9s ease-out;
  252. -moz-transition:all 0.9s ease-out;
  253. -o-transition:all 0.9s ease-out;
  254. transition:all 0.9s ease-out;
  255. }
  256.  
  257. #link1{
  258. margin-top:35px;
  259. margin-left:50px;
  260. height:8px;
  261. background-color:#aaa;
  262. color:#aaa;
  263. opacity:1;
  264. overflow:hidden;
  265. font-family:silkscreen;
  266. text-align:right;
  267. }
  268.  
  269. #link1:hover{
  270. width:80px;
  271. background-color:{color:extra link 1};
  272. color:{color:extra links text};
  273. font-family:silkscreen;
  274. font-size:8px;
  275. opacity:.5;
  276. text-align:center;
  277. letter-spacing:2px;
  278. -webkit-border-top-left-radius:4px;
  279. -webkit-border-top-right-radius:4px;
  280. -webkit-border-bottom-left-radius:4px;
  281. -webkit-border-bottom-right-radius:4px;
  282. -webkit-transition:all 0.9s ease-out;
  283. -moz-transition:all 0.9s ease-out;
  284. -o-transition:all 0.9s ease-out;
  285. transition:all 0.9s ease-out;
  286. }
  287.  
  288. #link2{
  289. margin-top:55px;
  290. margin-left:50px;
  291. height:8px;
  292. background-color:#aaa;
  293. color:#aaa;
  294. opacity:1;
  295. overflow:hidden;
  296. font-family:silkscreen;
  297. text-align:right;
  298. }
  299.  
  300. #link2:hover{
  301. width:80px;
  302. background-color:{color:extra link 2};
  303. color:{color:extra links text};
  304. font-family:silkscreen;
  305. font-size:8px;
  306. opacity:.5;
  307. text-align:center;
  308. letter-spacing:2px;
  309. -webkit-border-top-left-radius:4px;
  310. -webkit-border-top-right-radius:4px;
  311. -webkit-border-bottom-left-radius:4px;
  312. -webkit-border-bottom-right-radius:4px;
  313. -webkit-transition:all 0.9s ease-out;
  314. -moz-transition:all 0.9s ease-out;
  315. -o-transition:all 0.9s ease-out;
  316. transition:all 0.9s ease-out;
  317. }
  318.  
  319. #link3{
  320. margin-top:35px;
  321. margin-left:150px;
  322. height:8px;
  323. background-color:#aaa;
  324. color:#aaa;
  325. opacity:1;
  326. overflow:hidden;
  327. font-family:silkscreen;
  328. text-align:right;
  329. }
  330.  
  331. #link3:hover{
  332. width:80px;
  333. margin-left:72px;
  334. background-color:{color:extra link 3};
  335. color:{color:extra links text};
  336. font-family:silkscreen;
  337. font-size:8px;
  338. opacity:.5;
  339. text-align:center;
  340. letter-spacing:2px;
  341. -webkit-border-top-left-radius:4px;
  342. -webkit-border-top-right-radius:4px;
  343. -webkit-border-bottom-left-radius:4px;
  344. -webkit-border-bottom-right-radius:4px;
  345. -webkit-transition:all 0.9s ease-out;
  346. -moz-transition:all 0.9s ease-out;
  347. -o-transition:all 0.9s ease-out;
  348. transition:all 0.9s ease-out;
  349. }
  350.  
  351. #link4{
  352. margin-top:55px;
  353. margin-left:150px;
  354. height:8px;
  355. background-color:#aaa;
  356. color:#aaa;
  357. opacity:1;
  358. overflow:hidden;
  359. font-family:silkscreen;
  360. text-align:right;
  361. }
  362.  
  363. #link4:hover{
  364. width:80px;
  365. margin-left:72px;
  366. background-color:{color:extra link 4};
  367. color:{color:extra links text};
  368. font-family:silkscreen;
  369. font-size:8px;
  370. opacity:.5;
  371. text-align:center;
  372. letter-spacing:2px;
  373. -webkit-border-top-left-radius:4px;
  374. -webkit-border-top-right-radius:4px;
  375. -webkit-border-bottom-left-radius:4px;
  376. -webkit-border-bottom-right-radius:4px;
  377. -webkit-transition:all 0.9s ease-out;
  378. -moz-transition:all 0.9s ease-out;
  379. -o-transition:all 0.9s ease-out;
  380. transition:all 0.9s ease-out;
  381. }
  382.  
  383. #posts{
  384. overflow:hidden;
  385. margin-left:250px;
  386. }
  387.  
  388. .posteu{
  389. {block:if500pxposts}width:500px;{/block:if500pxposts}
  390. {block:if400pxposts}width:400px;{/block:if400pxposts}
  391. {block:if250pxposts}width:250px;{/block:if250pxposts}
  392. margin-top:10px;
  393. margin-left:5px;
  394. overflow:hidden;
  395. height:auto;
  396. font-family:skinny;
  397. font-size:8px;
  398. color:{color:text};
  399. background-color:#fff;
  400. -webkit-transition:all 0.6s ease-out;
  401. -moz-transition:all 0.6s ease-out;
  402. -o-transition:all 0.6s ease-out;
  403. transition:all 0.6s ease-out;
  404. }
  405.  
  406. .posteu:hover{
  407. opacity:1;
  408. -webkit-transition: all 0.6s ease-out;
  409. -moz-transition: all 0.6s ease-out;
  410. -o-transition: all 0.6s ease-out;
  411. transition: all 0.6s ease-out;
  412. }
  413.  
  414. #box{
  415. position:relative;
  416. {block:if500pxposts}width:500px;{/block:if500pxposts}
  417. {block:if400pxposts}width:400px;{/block:if400pxposts}
  418. {block:if250pxposts}width:250px;{/block:if250pxposts}
  419. left:-5px;
  420. padding:5px;
  421. -webkit-transition: all 0.9s ease-out;
  422. -moz-transition: all 0.9s ease-out;
  423. transition: all 0.9s ease-out;
  424. }
  425.  
  426. #perma{
  427. background-color:#fff;
  428. position:absolute;
  429. height:10px;
  430. text-align:center;
  431. margin-top:-10px;
  432. margin-left:5px;
  433. z-index:998;
  434. font-size:8px;
  435. padding:2px;
  436. color:#000;
  437. width:496px;
  438. text-transform:uppercase;
  439. font-family:silkscreen;
  440. letter-spacing:1px;
  441. opacity:0;
  442. -webkit-transition: all 0.9s ease-out;
  443. -moz-transition: all 0.9s ease-out;
  444. transition: all 0.9s ease-out;
  445. }
  446.  
  447. #box:hover #perma{
  448. opacity:.9;
  449. margin-top:10px;
  450. padding-top:5px;
  451. padding-bottom:5px;
  452. margin-left:5px;
  453. color:#555;
  454. filter: alpha (opacity=8);
  455. -webkit-transition: all 0.9s ease-out;
  456. -moz-transition: all 0.9s ease-out;
  457. transition: all 0.9s ease-out;
  458. }
  459.  
  460. #permalink {
  461. display:block;
  462. {block:if500pxposts}width:500px;{/block:if500pxposts}
  463. {block:if400pxposts}width:400px;{/block:if400pxposts}
  464. {block:if250pxposts}width:250px;{/block:if250pxposts}
  465. height:auto;
  466. background-color:#fff;
  467. color:{color:text};
  468. margin-left:4px;
  469. }
  470.  
  471. .titles{
  472. text-align:right;
  473. border-top:1px solid #eee;
  474. border-bottom:1px solid #eee;
  475. font-family:trebuchet ms;
  476. font-size:14px;
  477. line-height:15px;
  478. color:{color:post titles};
  479. margin-top:3px;
  480. margin-left:5px;
  481. margin-right:5px;
  482. }
  483.  
  484. .titles a{
  485. color:{color:post titles};
  486. }
  487.  
  488. .texts, .quotes, .chat, .audio, .links{
  489. font-family:skinny;
  490. font-size:8px;
  491. line-height:13px;
  492. color:{color:text};
  493. margin:5px;}
  494.  
  495. blockquote {
  496. background-color:#eee;
  497. color:#aaa;
  498. border-left:0px solid #eee;
  499. padding:3px;
  500. }
  501.  
  502. #pag{
  503. margin-top:100px;
  504. }
  505.  
  506. #top {top:-10px; position:fixed;}
  507. #toplinku {position:fixed; bottom:10px; {block:if500pxposts}left:780px{/block:if500pxposts}
  508. {block:if400pxposts}left:680px{/block:if400pxposts}
  509. {block:if250pxposts}left:430px{/block:if250pxposts}}
  510. #toplinku a{color:black; background-color:transparent;}
  511.  
  512. </style>
  513. </head>
  514. <body>
  515. {block:ifinfinitescrolling}<div id="toplinku"><a href="#top">let's fly ↑</a></div>{/block:ifinfinitescrolling}
  516.  
  517. <div id="mushroom">
  518. <img src="{image:sidebar image}" id="picu" width="200px">
  519. <div id="quoteu">{text:quote}</div>
  520. <div id="line"></div>
  521.  
  522. <a href="/" class="mainbuttons" id="index"><img src="{image:index button}"</a>
  523. <a href="/ask" class="mainbuttons" id="message"><img src="{image:message button}"</a>
  524. <a href="/archive" class="mainbuttons" id="history"><img src="{image:archive button}"</a>
  525.  
  526. {block:ifextralink1}<a href="{text:extra link 1 url}" id="link1" class="linkss">{text:extra link 1}</a>{/block:ifextralink1}
  527.  
  528. {block:ifextralink2}<a href="{text:extra link 2 url}" id="link2" class="linkss">{text:extra link 2}</a>{/block:ifextralink2}
  529.  
  530. {block:ifextralink3}<a href="{text:extra link 3 url}" id="link3" class="linkss">{text:extra link 3}</a>{/block:ifextralink3}
  531.  
  532. {block:ifextralink4}<a href="{text:extra link 4 url}" id="link4" class="linkss">{text:extra link 4}</a>{/block:ifextralink4}
  533.  
  534. {block:ifnotinfinitescrolling}
  535. <p><center><div id="pag">{block:Pagination}
  536. {block:PreviousPage}<a href="{PreviousPage}">back</a>&#160| {CurrentPage}/{TotalPages} |&#160 {/block:PreviousPage}{block:NextPage}<a href="{NextPage}">next</a>{/block:NextPage}
  537. {/block:Pagination}</div></center>{/block:ifnotinfinitescrolling}
  538. </div>
  539. </div>
  540.  
  541. <p><a href="http://utekii.tumblr.com" id="theme" target="new">☂</a></p>
  542.  
  543. <div id="about"><div id="desc"><p>{description}<p></div></div>
  544.  
  545. <div id="posts">
  546. <div class="autopagerize_page_element">
  547. {block:Posts}
  548. <div id="box">
  549. {block:IndexPage}<div id="perma">Posted {TimeAgo} with <a href="{permalink}">{notecountwithlabel}</a> // <a href="{ReblogURL}" target="new">Reblog →</a></div>
  550. {block:IndexPage}
  551.  
  552. {block:Text}
  553. <div class="posteu">
  554. <div class="texts">
  555. {block:Title}
  556. <div class="titles"><a href="{Permalink}">{Title}</a></div>
  557. {/block:Title}
  558.  
  559. {Body}
  560. </div></div>
  561. {/block:Text}
  562.  
  563. {block:Photo}<div class="posteu">
  564.  
  565. <div class="photo">
  566. {block:if500pxposts} <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>{/block:if500pxposts}
  567. {block:if400pxposts} <a href="{Permalink}"><img src="{PhotoURL-400}" alt="{PhotoAlt}"/></a>{/block:if400pxposts}
  568. {block:if250pxposts} <a href="{Permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></a>{/block:if250pxposts}
  569. </div>
  570. {block:PermalinkPage}{block:Caption}
  571. {Caption}
  572. {/block:Caption}{/block:PermalinkPage}
  573. </div>
  574. {/block:Photo}
  575.  
  576. {block:Photoset}<div class="posteu">
  577. <div class="photoset">
  578.  
  579. {block:if500pxposts}<a href="{Permalink}">{Photoset-500}</a>{/block:if500pxposts}
  580. {block:if400pxposts}<a href="{Permalink}">{Photoset-400}</a>{/block:if400pxposts}
  581. {block:if250pxposts}<a href="{Permalink}">{Photoset-250}</a>{/block:if250pxposts}
  582.  
  583. {block:PermalinkPage}{block:Caption}
  584. {Caption}
  585. {/block:Caption}{/block:PermalinkPage}
  586. </div>
  587. </div>
  588. {/block:Photoset}
  589.  
  590. {block:Quote}<div class="posteu">
  591. <div class="quotes">
  592. "{Quote}"
  593.  
  594. {block:Source}
  595. <div style="text-align:right">-{Source}</div>
  596. {/block:Source}
  597. </div></div>
  598. {/block:Quote}
  599.  
  600. {block:Link}
  601. <div class="posteu">
  602. <div class="titles"><a href="{URL}" {Target}><big> </big>→ {Name}</a></div>
  603.  
  604. {block:Description}
  605. <div class="texts">{Description}</div>
  606. {/block:Description}</div>
  607. {/block:Link}
  608.  
  609. {block:Chat}<div class="posteu">
  610. <div class="post chat">
  611. {block:Title}
  612. <h3><a href="{Permalink}">{Title}</a></h3>
  613. {/block:Title}
  614.  
  615. <div class="chat">
  616. {block:Lines}
  617. <div class="{Alt} user_{UserNumber}">
  618. {block:Label}
  619. <span class="label">{Label}</span>
  620. {/block:Label}
  621.  
  622. {Line}
  623. </div>
  624. {/block:Lines}
  625. </div>
  626. </div>
  627. </div>
  628. {/block:Chat}
  629.  
  630. {block:Video}<div class="posteu">
  631. <div class="video">
  632.  
  633. {block:if500pxposts}{Video-500}{/block:if500pxposts}
  634. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  635. {block:if250pxposts}{Video-250}{/block:if250pxposts}
  636.  
  637. {block:PermalinkPage}{block:Caption}
  638. <div class="caption">{Caption}</div>
  639. {/block:Caption}{/block:PermalinkPage}
  640. </div></div>
  641. {/block:Video}
  642.  
  643. {block:Audio}<div class="posteu">
  644. <div class="audio">
  645. <center>{AudioPlayerGrey}
  646.  
  647.  
  648. {block:Caption}
  649. <div class="caption">{Caption}</div>
  650. {/block:Caption}</center>
  651. </div></div>
  652. {/block:Audio}
  653.  
  654.  
  655. {block:PermalinkPage}
  656. <div id="permalink">
  657. 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}
  658. <div>{block:HasTags}{block:IfTags}<div id="tags">tagged :{block:Tags}
  659. &#160<a href="{TagURL}">{Tag}</a>&#160{/block:Tags}</div> {/block:IfTags}{/block:HasTags}
  660. <div id="taemin">{block:PostNotes}<div style="height:180px;{block:if500pxposts}width:495px;{/block:if500pxposts}
  661. {block:if400pxposts}width:395px;{/block:if400pxposts}
  662. {block:if250pxposts}width:245px;{/block:if250pxposts} padding:3px;text-align:left;
  663. overflow:auto;border:none;">
  664. {PostNotes}</div>{block:PostNotes}</div></div></div> {/block:PermalinkPage}
  665. </div>
  666. {/block:Posts}
  667. </div>{block:ifinfinitescrolling}</div>{/block:ifinfinitescrolling}
  668. </div>
  669. </body>
  670. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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!