API tools faq
paste
Advertisement
Ditasaur

Peach Theme

Ditasaur
Jun 9th, 2012
17,062
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.67 KB | None | 0 0
raw download clone embed print report
  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. <!-- PEACH THEME BY RAMYEONS // http://ramyeons.tumblr.com / http://hobakjeon.tumblr.com
  6.  
  7. ---------------------RULES--------------------------------
  8.  
  9. *DO NOT USE MY THEME CODES AS BASE CODES FOR YOUR OWN THEME
  10. *DO NOT CLAIM AS YOUR OWN OR I WILL HUNT YOU DOWN
  11. *DO NOT BREAK ANY RULES OR YOU WILL BE REPORTED
  12. *YOU MAY EDIT THIS THEME, BUT LEAVE THE CREDITS ALONE
  13. *DO NOT TAKE MY CREDITS OUT
  14.  
  15. ----------------------FAQ---------------------------------
  16. 1. I will not help with customizing my themes or other themes.
  17. 2. Check ALL of the appearance options before asking a question.
  18. 3. I do not compile or give any codes for anyone, im not a coding machine.
  19. 4. I do not take theme requests no matter how much you beg.
  20. 5. My themes are not means to be used as base codes for anything.
  21. 6. If you do not want infinite scrolling, just uncheck it.
  22. 7. If your infinite scrolling is not working, thats because you have a SCM music player.
  23. 8. To find the install link, go to the first post of the live previews.
  24. 9. For more questions, please go to http://ramyeons.tumblr.com and visit the FAQ links.
  25.  
  26.  
  27. -->
  28.  
  29.  
  30. <head>
  31.  
  32.  
  33. <!--BASIC FLUFF-->
  34. <meta name="if:500px posts" content="1"/>
  35. <meta name="if:400px posts" content="0"/>
  36. <meta name="if:250px posts" content="0"/>
  37. <meta name="if:Infinite Scrolling" content="1"/>
  38. <meta name="if:Cute Cursor" content="1"/>
  39. <meta name="if:Image Opacity" content="1"/>
  40. <meta name="if:Click Description" content="1"/>
  41. <meta name="if:Dark Sidebar Icons" content="1"/>
  42. <meta name="if:Light Sidebar Icons" content="0"/>
  43.  
  44.  
  45.  
  46. <meta name="text:Nav Custom Text" content="h e a v e n"/>
  47. <meta name="text:Music Player Code" content=""/>
  48. <meta name="text:Link 1" content=""/>
  49. <meta name="text:Link 1 URL" content=""/>
  50. <meta name="text:Link 2" content=""/>
  51. <meta name="text:Link 2 URL" content=""/>
  52. <meta name="text:Link 3" content=""/>
  53. <meta name="text:Link 3 URL" content=""/>
  54. <meta name="text:Link 4" content=""/>
  55. <meta name="text:Link 4 URL" content=""/>
  56. <meta name="text:Link 5" content=""/>
  57. <meta name="text:Link 5 URL" content=""/>
  58. <meta name="text:Link 6" content=""/>
  59. <meta name="text:Link 6 URL" content=""/>
  60.  
  61. <meta name="image:Background IMG" content="http://static.tumblr.com/iuggpng/Erhm5d2em/whitesquares3d.png"/>
  62. <meta name="image:Sidebar" content="http://static.tumblr.com/iuggpng/jnBm5d1w2/peachsidebar.png"/>
  63. <meta name="image:Perm BG" content="http://static.tumblr.com/jtqlgf2/oYEm37qus/obkp8.png"/>
  64.  
  65.  
  66. <meta name="color:Scrollbar" content="#aaa"/>
  67. <meta name="color:Scrollbar bg" content="#eee"/>
  68. <meta name="color:Background" content="#ddd"/>
  69. <meta name="color:Posts BG" content="#fff"/>
  70. <meta name="color:Links" content="#a0da98"/>
  71. <meta name="color:Links Hover" content="#eee"/>
  72. <meta name="color:Text" content="#000"/>
  73. <meta name="color:Blockquote BG" content="#F9F9F9"/>
  74. <meta name="color:Blockquote Text" content="#aaa"/>
  75. <meta name="color:Title" content="#222"/>
  76. <meta name="color:Title Underline" content="#aaa"/>
  77. <meta name="color:Perm BG" content="#fff"/>
  78. <meta name="color:Perm Text" content="#555"/>
  79. <meta name="color:Desc Text" content="#000"/>
  80. <meta name="color:Nav BG" content="#dfeedd"/>
  81. <meta name="color:Nav Text" content="#97ca8f"/>
  82. <meta name="color:Links Text" content="#333"/>
  83.  
  84.  
  85.  
  86.  
  87.  
  88. <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
  89.  
  90. <title>{Title}</title>
  91.  
  92. <link rel="shortcut icon" href="{Favicon}" />
  93. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  94.  
  95. {block:Description}
  96. <meta name="description" content="{MetaDescription}"/>
  97. {/block:Description}
  98.  
  99. <script type="text/javascript">$(document).ready(function(){$( '.content' ).fadeIn("slow");});</script>
  100.  
  101. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/BH7lio0yf/jquery.js"></script>
  102. <script type="text/javascript" src="http://static.tumblr.com/twte3d7/RhUlio0y7/lazyload.js"></script>
  103.  
  104. <script type="text/javascript" charset="utf-8">
  105. var $j = jQuery.noConflict();
  106. $j(function() {
  107. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  108. $j("img").lazyload({
  109. placeholder : "",
  110. effect: "fadeIn",
  111. });
  112. });
  113. </script>
  114.  
  115. {block:ifclickdescription}<script type="text/javascript" src="http://static.tumblr.com/3ikgvxs/0TGl4zgpu/jquery.min.js">
  116. </script>
  117. <script type="text/javascript">
  118. $(document).ready(function(){
  119. $(".shouma").hide();
  120. $("#title").click(function(){
  121. $(this).next(".shouma").slideToggle('slow');
  122. }); }); </script> {/block:ifclickdescription}
  123.  
  124.  
  125.  
  126. <style type="text/css">
  127. {CustomCSS}
  128. ::-webkit-scrollbar-thumb:vertical {background-color:#c8e7c2; height:75px;}
  129.  
  130. ::-webkit-scrollbar {height:0px;width:5px;
  131. background-color:#eee;}
  132.  
  133.  
  134. iframe#tumblr_controls {
  135. right:3px !important;
  136. position: fixed !important;
  137. -webkit-transition: opacity 0.7s linear;
  138. opacity: 0.7;
  139. -webkit-transition: all 0.8s ease-out;
  140. -moz-transition: all 0.8s ease-out;
  141. transition: all 0.8s ease-out;
  142. }
  143.  
  144. iframe#tumblr_controls:hover {
  145. -webkit-transition: opacity 0.7s linear;
  146. opacity: 1;
  147. -webkit-transition: all 0.4s ease-out;
  148. -moz-transition: all 0.4s ease-out;
  149. transition: all 0.4s ease-out;
  150. }
  151.  
  152.  
  153. body{
  154. background-image:url("{image:Background IMG}");
  155. background-color:{color:Background};
  156. background-repeat:repeat;
  157. background-attachment:fixed;
  158. color:{color:Text};
  159. font-family:lucida console;
  160. font-size:9px;
  161. line-height:14px;
  162. {block:ifcutecursor}cursor: url(http://static.tumblr.com/iuggpng/zbmm1rrrg/cursor.png), progress !important;{/block:ifcutecursor}
  163. }
  164.  
  165. a, a:link, a:visited, a:active{
  166. color:{color:Links};
  167. text-decoration:none;
  168. letter-spacing:1px;
  169. -webkit-transition: all 0.4s ease-out;
  170. -moz-transition: all 0.4s ease-out;
  171. transition: all 0.4s ease-out;
  172. }
  173.  
  174. a:hover {
  175. color:{color:Links Hover};
  176. text-decoration:none;
  177. {block:ifcutecursor}cursor: url(http://static.tumblr.com/iuggpng/zbmm1rrrg/cursor.png), progress !important;{/block:ifcutecursor}
  178. -webkit-transition: all 0.4s ease-out;
  179. -moz-transition: all 0.4s ease-out;
  180. transition: all 0.4s ease-out;
  181. }
  182.  
  183.  
  184. #posts {
  185. overflow:auto;
  186. margin-top:0px;
  187. height:auto;
  188. margin-left:190px;
  189.  
  190. }
  191.  
  192. .posteu {
  193. {block:PermalinkPage}width:500px;{block:PermalinkPage}
  194. {block:IndexPage}{block:if500pxposts}width:500px;{/block:if500pxposts}
  195. {block:if400pxposts}width:400px;{/block:if400pxposts}
  196. {block:if250pxposts}width:250px;{/block:if250pxposts}{/block:IndexPage}
  197. height:auto;
  198. padding:1px;
  199. font-family:lucida console;
  200. font-size:9px;
  201. line-height:14px;
  202. margin-top:10px;
  203. border:5px solid {color:Posts BG};
  204. color:{color:Text};
  205. background-color:{color:Posts BG};
  206. opacity:1;
  207. -webkit-transition: all 0.4s ease-out;
  208. -moz-transition: all 0.4s ease-out;
  209. transition: all 0.4s ease-out;
  210.  
  211.  
  212. }
  213.  
  214. .title {
  215. font-family:lucida console;
  216. font-size:11px;
  217. line-height:16px;
  218. text-align:right;
  219. border-bottom:1px dotted {color:Post Titles Underline};
  220. letter-spacing:3px;
  221. color:{color:Post Titles};
  222. text-transform:uppercase;
  223. }
  224.  
  225. .texts, .chat, .link, .quote, .audio{
  226. font-family:lucida console;
  227. font-size:9px;
  228. line-height:14px;
  229. padding:0px;
  230. border:0px solid {color:Posts BG};
  231. letter-spacing:0px;
  232. background-color:{color:Posts BG};
  233. color:{color:Text};
  234.  
  235. -webkit-transition: all 0.4s ease-out;
  236. -moz-transition: all 0.4s ease-out;
  237. transition: all 0.4s ease-out;
  238. }
  239.  
  240.  
  241. {block:IndexPage}{block:ifimageopacity}
  242. .posteu img {
  243. background-color:{color:Posts BG};
  244. opacity:.789;
  245. padding:0px;
  246. -webkit-transition: all 0.4s ease-out;
  247. -moz-transition: all 0.4s ease-out;
  248. transition: all 0.4s ease-out;
  249. }
  250.  
  251. .posteu img a:hover, .posteu img:hover{
  252. opacity:1;
  253. -webkit-transition: all 0.4s ease-out;
  254. -moz-transition: all 0.4s ease-out;
  255. transition: all 0.4s ease-out;
  256. }
  257.  
  258. .photoset {
  259. opacity:.789;
  260. padding:0px;
  261. -webkit-transition: all 0.4s ease-out;
  262. -moz-transition: all 0.4s ease-out;
  263. transition: all 0.4s ease-out;
  264. }
  265.  
  266. .photoset:hover {
  267. opacity:1;
  268. -webkit-transition: all 0.4s ease-out;
  269. -moz-transition: all 0.4s ease-out;
  270. transition: all 0.4s ease-out;
  271. }
  272.  
  273. {/block:ifimageopacity}{/block:IndexPage}
  274.  
  275.  
  276. blockquote {
  277. background-color:{color:Blockquote BG};
  278. color:{color:Blockquote Text};
  279. padding:3px;
  280. }
  281.  
  282. #perm{
  283. background-color:{color:Perm BG};
  284. background-image:url({image:Perm BG});
  285. position:absolute;
  286. height:auto;
  287. text-align:center;
  288. margin-top:-15px;
  289. margin-left:0px;
  290. z-index:998;
  291. font-size:8px;
  292. padding:2px;
  293. color:{color:Perm Text};
  294. text-transform:uppercase;
  295. font-family:consolas;
  296. letter-spacing:3px;
  297. {block:IndexPage}{block:if500pxposts}width:400px;{/block:if500pxposts}
  298. {block:if400pxposts}width:300px;{/block:if400pxposts}
  299. {block:if250pxposts}width:150px;{/block:if250pxposts}{/block:IndexPage}
  300. opacity:0;
  301. -webkit-transition: all 0.6s ease-out;
  302. -moz-transition: all 0.6s ease-out;
  303. transition: all 0.6s ease-out;
  304. }
  305.  
  306. .posteu:hover #perm{
  307. opacity:.8;
  308. margin-left:-5px;
  309. padding-top:0px;
  310. {block:IndexPage}{block:if500pxposts}width:505px;{/block:if500pxposts}
  311. {block:if400pxposts}width:405px;{/block:if400pxposts}
  312. {block:if250pxposts}width:255px;{/block:if250pxposts}{/block:IndexPage}
  313. margin-top:0px;
  314. color:{color:Perm Text};
  315. filter: alpha (opacity=7)
  316. -webkit-transition: all 0.4s ease-out;
  317. -moz-transition: all 0.4s ease-out;
  318. transition: all 0.4s ease-out;
  319. }
  320.  
  321.  
  322. #permalink {
  323. display:block;
  324. width:500px;
  325. padding:6px;
  326. height:auto;
  327. background-color:{color:Posts BG};
  328. color:{color:Text};
  329. }
  330.  
  331. #taemin {
  332. display:block;
  333. background-color:{color:Posts BG};
  334. width:500px;
  335. padding:0px;
  336. }
  337.  
  338. #askpic {
  339. margin-right:5px; float:left;
  340. -moz-border-radius:100px;
  341. border-radius:100px;
  342.  
  343. }
  344. @font-face {font-family: "tinytots";src: url('http://static.tumblr.com/rmj06l2/Usellxb4i/tinytots.ttf');}
  345.  
  346. @font-face {font-family: "silkscreen";src: url('http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf');}
  347.  
  348. @font-face {font-family: "bitcapital";src: url('http://static.tumblr.com/iuggpng/qZbm10ac9/font__bitcapital_by_emotikonz-d2zem0k.ttf');}
  349.  
  350. @font-face {font-family: "open sans";src: url('http://static.tumblr.com/iuggpng/jrXm0dlyf/opensans-condlight.ttf');}
  351.  
  352. @font-face {font-family: "beltalight";src: url('http://static.tumblr.com/iuggpng/PjSm3xrns/belta-light.ttf');}
  353.  
  354. @font-face {font-family: "beltareg";src: url('http://static.tumblr.com/iuggpng/VBum3xrod/belta-regular.ttf');}
  355.  
  356. #eunhyuk {
  357. opacity:1;
  358. position:fixed;
  359. height:auto;
  360. padding:2px;
  361. width:210px;
  362. top:200px;
  363. {block:PermalinkPage}left:750px;{block:PermalinkPage}
  364. {block:IndexPage}{block:if500pxposts}left:750px;{/block:if500pxposts}
  365. {block:if400pxposts}left:650px;{/block:if400pxposts}
  366. {block:if250pxposts}left:500px;{/block:if250pxposts}{/block:IndexPage}
  367. z-index:10;
  368. font-size:9px;
  369. background-color:transparent;
  370. }
  371.  
  372. #nabu {
  373. width:5px;
  374. height:200px;
  375. bottom:0px;
  376. left:130px;
  377. padding:10px;
  378. font-size:12px;
  379. font-family:consolas;
  380. line-height:20px;
  381. text-align:center;
  382. text-transform:uppercase;
  383. color:{color:Nav Text};
  384. background-color:{color:Nav BG};
  385. position:fixed;
  386. }
  387.  
  388. #linku {
  389. width:9px;
  390. padding:8px;
  391. text-align:center;
  392. }
  393.  
  394. #linku:hover {
  395. opacity:.5;
  396. }
  397.  
  398. .linku {
  399. position:absolute;
  400. margin-top:-55px;
  401. margin-left:-10px;
  402. background-color:{color:Nav BG};
  403. }
  404.  
  405. .linkus {
  406. position:absolute;
  407. margin-top:-100px;
  408. margin-left:-10px;
  409. background-color:{color:Nav BG};
  410. }
  411.  
  412. .linkuss {
  413. position:absolute;
  414. margin-top:-145px;
  415. margin-left:-10px;
  416. background-color:{color:Nav BG};
  417. }
  418.  
  419. {block:ifclickdescription}.himari {
  420. margin:0px;
  421. padding:0px;
  422. width:100%;
  423. }
  424.  
  425. {/block:ifclickdescription}
  426.  
  427. .shouma {
  428. padding:2px;
  429. text-align:left;
  430. margin-left:5px;
  431. margin-top:0px;
  432. color:{color:Desc Text};
  433. font-size:9px;
  434. font-family:trebuchet ms;
  435. text-transform:none;
  436. margin-top:5px;
  437. }
  438.  
  439.  
  440.  
  441. #title {
  442. font-size:30px;
  443. letter-spacing:10px;
  444. opacity:.8;
  445. margin-top:7px;
  446. border-bottom:1px dotted {color:Title Underline};
  447. font-family:beltareg;
  448. text-align:center;
  449.  
  450. }
  451.  
  452. #title:hover {
  453. cursor:help;
  454. }
  455.  
  456.  
  457.  
  458. #nav {
  459. display:block;
  460. position:absolute;
  461. margin-left:-60px;
  462. font-size:8px;
  463. width:50px;
  464. color:#aaa;
  465. border-bottom:1px dashed {color:Nav Text};
  466. font-family:consolas;
  467. }
  468.  
  469. #nav:hover {
  470. padding-right:30px;
  471. margin-left:-90px;
  472. border-bottom:1px solid {color:Nav BG};
  473. }
  474.  
  475. #music {
  476. position:absolute;
  477. margin-top:-17px;
  478. margin-left:50px;
  479. height:50px;
  480. width:210px;
  481. -webkit-transition: all 0.6s ease-out;
  482. -moz-transition: all 0.6s ease-out;
  483. transition: all 0.6s ease-out;
  484. }
  485.  
  486. #player {
  487. opacity:0;
  488. margin-top:60px;
  489. -webkit-transition: all 0.6s ease-out;
  490. -moz-transition: all 0.6s ease-out;
  491. transition: all 0.6s ease-out;
  492. }
  493.  
  494. #music:hover #player {
  495. opacity:1;
  496. margin-top:-7px;
  497. -webkit-transition: all 0.6s ease-out;
  498. -moz-transition: all 0.6s ease-out;
  499. transition: all 0.6s ease-out;
  500. }
  501.  
  502. #player {
  503. margin-top:-10px;
  504. }
  505.  
  506. #boom {
  507. -webkit-transition: all 0.6s ease-out;
  508. -moz-transition: all 0.6s ease-out;
  509. transition: all 0.6s ease-out;
  510. }
  511.  
  512. #music:hover #boom {
  513. opacity:0;
  514. margin-top:-10px;
  515. -webkit-transition: all 0.6s ease-out;
  516. -moz-transition: all 0.6s ease-out;
  517. transition: all 0.6s ease-out;
  518. }
  519.  
  520. #pag {
  521. position:fixed;
  522. bottom:5px;
  523. {block:if500pxposts}left:740px;{/block:if500pxposts}
  524. {block:if400pxposts}left:640px;{/block:if400pxposts}
  525. {block:if250pxposts}left:490px;{/block:if250pxposts}
  526. }
  527.  
  528.  
  529. #credit {
  530. position:fixed;
  531. left:5px;
  532. top:5px;
  533. font-family:consolas;
  534. text-transform:uppercase;
  535. font-size:8px;
  536. }
  537.  
  538. #credit a {
  539. color:#222;
  540. padding-bottom:20px;
  541. border-bottom:0px dashed #aaa;
  542. }
  543.  
  544. #credit a:hover {
  545. border-bottom:1px dashed #aaa;
  546. padding-bottom:2px;
  547. }
  548.  
  549.  
  550. </style>
  551.  
  552. {block:ifinfinitescrolling}<script type="text/javascript"
  553. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">
  554. </script>
  555. <script type="text/javascript" language="javascript">
  556. $(function () {
  557. $('#scrlBotm').click(function () {
  558. $('html, body').animate({
  559. scrollTop: $(document).height()
  560. },
  561. 1500);
  562. return false;
  563. });
  564.  
  565. $('#scrlTop').click(function () {
  566. $('html, body').animate({
  567. scrollTop: '0px'
  568. },
  569. 1500);
  570. return false;
  571. });
  572. });
  573. </script>{/block:ifinfinitescrolling}
  574.  
  575.  
  576.  
  577. </head>
  578. <body>
  579.  
  580. <div id="credit"><a href="http://hobakjeon.tumblr.com">☁ theme</a></div>
  581.  
  582. {block:ifinfinitescrolling}
  583. <a id="scrlTop" title="back to top" href="#" style="position: fixed; bottom: 30px; {block:IndexPage}{block:if500pxposts}left:740px;{/block:if500pxposts}
  584. {block:if400pxposts}left:640px;{/block:if400pxposts}
  585. {block:if250pxposts}left:490px;{/block:if250pxposts}{/block:IndexPage}">
  586. <div style="font-size:60px;">▲</div></a>
  587. {/block:ifinfinitescrolling}
  588.  
  589.  
  590. {block:ifnotinfinitescrolling}
  591. {block:Pagination}<div id="pag">{block:PreviousPage}<div style="position:absolute; font-size:60px;margin-top:-68px;"><a href="{PreviousPage}">◀</a></div>
  592. {/block:PreviousPage}
  593. {block:NextPage}<div style="position:absolute; font-size:60px; margin-top:-40px;"><a href="{NextPage}">▶</a></div>{/block:NextPage}
  594. </div>{/block:Pagination}{/block:ifnotinfinitescrolling}
  595.  
  596.  
  597. <div id="nabu">
  598.  
  599.  
  600. {block:iflightsidebaricons}
  601.  
  602. <a title="h i s t o r y" href="/archive" id="linku" class="linku">
  603. <img src="http://i43.tinypic.com/2roht0j.gif"></a>
  604. <a title="m e s s a g e" href="/ask" id="linku" class="linkus"><img src="http://i44.tinypic.com/k34105.gif"></a>
  605. <a title="i n d e x" href="/" id="linku" class="linkuss"><img src="http://i39.tinypic.com/339lv1h.gif"></a>
  606. {/block:iflightsidebaricons}
  607.  
  608.  
  609. {block:ifdarksidebaricons}<a title="h i s t o r y" href="/archive" id="linku" class="linku">
  610. <img src="http://i42.tinypic.com/31694ao.jpg"></a>
  611. <a title="m e s s a g e" href="/ask" id="linku" class="linkus"><img src="http://i44.tinypic.com/rihipt.gif"></a>
  612. <a title="i n d e x" href="/" id="linku" class="linkuss"><img src="http://static.tumblr.com/iuggpng/IiZmpou42/document-blank.gif"></a>
  613. {block:ifdarksidebaricons}
  614.  
  615.  
  616. {block:iflink1}<a href="{text:Link 1 URL}" id="nav">{text:Link 1}</a>{/block:iflink1}
  617. <div style="margin-top:30px; position:absolute;">
  618.  
  619. {block:iflink2}<a href="{text:Link 2 URL}" id="nav">{text:Link 2}</a>{/block:iflink2}</div>
  620.  
  621. <div style="margin-top:60px; position:absolute;">
  622. {block:iflink3}<a href="{text:Link 3 URL}" id="nav">{text:Link 3}</a>{/block:iflink3}
  623.  
  624. </div>
  625. <div style="margin-top:90px; position:absolute;">
  626. {block:iflink4}<a href="{text:Link 4 URL}" id="nav">{text:Link 4}</a>{/block:iflink4}</div>
  627. <div style="margin-top:120px; position:absolute;">
  628. {block:iflink5}<a href="{text:Link 5 URL}" id="nav">{text:Link 5}</a>{/block:iflink5}</div>
  629. <div style="margin-top:150px; position:absolute;">
  630. {block:iflink6}<a href="{text:Link 6 URL}" id="nav">{text:Link 6}</a>{/block:iflink6}</div>
  631.  
  632. {text:Nav Custom Text}
  633.  
  634.  
  635. </div>
  636.  
  637. <div id="eunhyuk">
  638.  
  639. {block:ifmusicplayercode}<div id="music">
  640. <div id="boom"><img src="http://media.tumblr.com/tumblr_ll7wpyHlj71qi6qow.gif"></div>
  641.  
  642. <div id="player">{text:Music Player Code}</div>
  643. </div>
  644. {/block:ifmusicplayercode}
  645.  
  646.  
  647. <img src="{image:Sidebar}" width="210px" style="-moz-border-radius:40px 100px 0px 0px;
  648.  
  649. border-radius:40px 100px 0px 0px; opacity:.8;">
  650.  
  651. <div class="himari">
  652. <div id="title">{Title}</div>
  653. <div class="shouma">
  654. {Description}
  655.  
  656. </div>
  657. </div>
  658.  
  659.  
  660.  
  661. </div>
  662.  
  663.  
  664.  
  665.  
  666. <div id="posts">
  667. {block:ifinfinitescrolling}<div class="autopagerize_page_element"><script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>{/block:ifinfinitescrolling}
  668.  
  669.  
  670. {block:Posts}
  671.  
  672. <div class="posteu">
  673.  
  674.  
  675.  
  676.  
  677. {block:Text}
  678. {block:IndexPage}<div id="perm">{TimeAgo} → <a href="{permalink}">{notecountwithlabel}</a>
  679. <br>{block:HasTags}tagged :{block:Tags}
  680. &#160<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  681. </div>
  682. {/block:IndexPage}
  683. <div class="texts">
  684. {block:Title}
  685. <div class="title">
  686. <a href="{Permalink}">{Title}</a></div>
  687. {/block:Title}
  688. {Body}
  689. </div>
  690. {/block:Text}
  691.  
  692.  
  693. {block:Photo}
  694.  
  695. <div class="photo">
  696. {block:IndexPage}<div id="perm">{TimeAgo} → <a href="{permalink}">{notecountwithlabel}</a>
  697. <br>{block:HasTags}tagged :{block:Tags}
  698. &#160<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  699. </div>
  700. {/block:IndexPage}
  701. {block:PermalinkPage}<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  702. {/block:PermalinkPage}
  703. {block:IndexPage}
  704. {block:if500pxposts}
  705. <a href="{Permalink}"><img src="{PhotoURL-500}" alt="{PhotoAlt}"/></a>{/block:if500pxposts}
  706. {block:if400pxposts} <a href="{Permalink}"><img src="{PhotoURL-500}" width="400px" alt="{PhotoAlt}"/></a>{/block:if400pxposts}
  707. {block:if250pxposts} <a href="{Permalink}"><img src="{PhotoURL-250}" alt="{PhotoAlt}"/></a>
  708. {/block:if250pxposts}
  709. {/block:IndexPage}
  710. </div>
  711. {block:PermalinkPage}
  712. {block:Caption}
  713. {Caption}
  714. {/block:Caption}
  715. {/block:PermalinkPage}
  716.  
  717. {/block:Photo}
  718.  
  719.  
  720. {block:Photoset}
  721. {block:IndexPage}<div id="perm">{TimeAgo} → <a href="{permalink}">{notecountwithlabel}</a>
  722. <br>{block:HasTags}tagged :{block:Tags}
  723. &#160<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  724. </div>
  725. {/block:IndexPage}
  726.  
  727. <div class="photoset">
  728. {block:PermalinkPage}{Photoset-500}{/block:PermalinkPage}
  729. {block:IndexPage}
  730. {block:if500pxposts}<a href="{Permalink}">{Photoset-500}</a>
  731. {/block:if500pxposts}
  732. {block:if400pxposts}<a href="{Permalink}">{Photoset-400}</a>
  733. {/block:if400pxposts}
  734. {block:if250pxposts}<a href="{Permalink}">{Photoset-250}</a>
  735. {/block:if250pxposts}{/block:IndexPage}
  736. {block:PermalinkPage}{block:Caption}
  737. {Caption}
  738. {/block:Caption}{/block:PermalinkPage}
  739. </div>
  740.  
  741. {/block:Photoset}
  742.  
  743.  
  744. {block:Quote}
  745. {block:IndexPage}<div id="perm">{TimeAgo} → <a href="{permalink}">{notecountwithlabel}</a>
  746. <br>{block:HasTags}tagged :{block:Tags}
  747. &#160<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  748. </div>
  749. {/block:IndexPage}
  750. <div class="quote">
  751. <center>"{Quote}"
  752. {block:Source}
  753. <div class="source">{Source}</div>
  754. {/block:Source}</center>
  755. </div>
  756. {/block:Quote}
  757.  
  758.  
  759. {block:Link}
  760. {block:IndexPage}<div id="perm">{TimeAgo} → <a href="{permalink}">{notecountwithlabel}</a>
  761. <br>{block:HasTags}tagged :{block:Tags}
  762. &#160<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  763. </div>
  764. {/block:IndexPage}
  765. <div class="link">
  766. <a href="{URL}" class="link" {Target}>{Name}</a>
  767. {block:Description}
  768. <div class="description">{Description}</div>
  769. {/block:Description}
  770. </div>
  771. {/block:Link}
  772.  
  773.  
  774. {block:Chat}
  775. {block:IndexPage}<div id="perm">{TimeAgo} → <a href="{permalink}">{notecountwithlabel}</a>
  776. <br>{block:HasTags}tagged :{block:Tags}
  777. &#160<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  778. </div>
  779. {/block:IndexPage}
  780. <div class="post chat">
  781. {block:Title}
  782. <h3><a href="{Permalink}">{Title}</a></h3>
  783. {/block:Title}
  784. <div class="chat">
  785. {block:Lines}
  786. <div class="{Alt} user_{UserNumber}">
  787. {block:Label}
  788. <span class="label">{Label}</span>
  789. {/block:Label}
  790. {Line}
  791. </div>
  792. {/block:Lines}
  793. </div>
  794. </div>
  795.  
  796. {/block:Chat}
  797.  
  798.  
  799. {block:Video}
  800. {block:IndexPage}<div id="perm">{TimeAgo} → <a href="{permalink}">{notecountwithlabel}</a>
  801. <br>{block:HasTags}tagged :{block:Tags}
  802. &#160<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  803. </div>
  804. {/block:IndexPage}
  805. <div class="video">
  806. {block:IndexPage}{block:if500pxposts}{Video-500}{/block:if500pxposts}
  807. {block:if400pxposts}{Video-400}{/block:if400pxposts}
  808. {block:if250pxposts}{Video-250}{/block:if250pxposts}{/block:IndexPage}
  809. {block:PermalinkPage}{Video-500}{/block:PermalinkPage}
  810. {block:PermalinkPage}{block:Caption}
  811. <div class="caption">{Caption}</div>
  812. {/block:Caption}{/block:PermalinkPage}
  813. </div>
  814. {/block:Video}
  815.  
  816. {block:Audio}
  817. {block:IndexPage}<div id="perm">{TimeAgo} → <a href="{permalink}">{notecountwithlabel}</a>
  818. <br>{block:HasTags}tagged :{block:Tags}
  819. &#160<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  820. </div>
  821. {/block:IndexPage}
  822. <div class="audio">
  823. <div style="width:100%; background-color:black;">{AudioPlayerBlack}</div>
  824. {block:AlbumArt}<div style="float:left; margin-top:5px; margin-right:10px;">
  825. {block:PermalinkPage}<img src="{AlbumArtURL}" width="100" style="align:left;">{/block:PermalinkPage}
  826. {block:IndexPage}<img src="{AlbumArtURL}" width="60">{/block:IndexPage}
  827. </div>
  828.  
  829. {/block:AlbumArt}
  830. {block:Caption}
  831. <div class="caption">
  832.  
  833. {block:Artist}
  834. <p><b>ARTIST</b>: {Artist}
  835. {/block:Artist}
  836.  
  837. {block:Album}
  838. <br><b>ALBUM</b>: {Album}
  839. {/block:Album}
  840.  
  841. {block:TrackName}
  842. <br><b>TRACK</b>: {TrackName}
  843. {/block:TrackName}
  844.  
  845. {block:PlayCount}
  846. <br><b>PLAYS</b>: {FormattedPlayCount}
  847. {/block:PlayCount}
  848.  
  849. {Caption}</div>
  850. {/block:Caption}
  851. </div>
  852. {/block:Audio}
  853.  
  854. {block:Answer}
  855. {block:IndexPage}<div id="perm">{TimeAgo} → <a href="{permalink}">{notecountwithlabel}</a>
  856. <br>{block:HasTags}tagged :{block:Tags}
  857. &#160<a href="{TagURL}">#{Tag}</a>{/block:Tags}{/block:HasTags}
  858. </div>
  859. {/block:IndexPage}
  860. <div class="askeu">
  861. <div id="asku"><img src="{AskerPortraitURL-48}" id="askpic">
  862. <div style="border-bottom:1px dashed #eee; align:right;">→ {Asker} whispered : {Question}</div></div>
  863. {Answer}
  864. </div>
  865. {/block:Answer}
  866.  
  867. {block:PermalinkPage}
  868. <div id="permalink">
  869. <center>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}
  870. <div>
  871. {block:HasTags}tagged :{block:Tags}
  872. &#160<a href="{TagURL}">#{Tag}</a>{/block:Tags}</div>{/block:HasTags}</center>
  873. <div id="taemin">{PostNotes}</div></div></div> {/block:PermalinkPage}
  874.  
  875. </div>
  876. {/block:Posts}
  877.  
  878. </div>{block:ifinfinitescrolling}</div>{/block:ifinfinitescrolling}
  879.  
  880. </body>
  881. </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!