API tools faq
paste
ellaclair

Chaotic Tumblr Theme (Simple)

ellaclair
Oct 2nd, 2011
243
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 21.37 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. <html xmlns="http://www.w3.org/1999/xhtml">
  3.  
  4. <!---PLEASE DO NOT REMOVE THIS CREDIT---!>
  5. <!---Theme by http://www.ellaclair.tumblr.com---!>
  6. <!---Theme name : "Chaotic"-->
  7. <!---base theme by pimp my profile---!>
  8. <!---PLEASE DO NOT REMOVE THIS CREDIT---!>
  9.  
  10. <HEAD>
  11.  
  12.  
  13. <script type="text/javascript">
  14. // <![CDATA[
  15. var colour3="#FFFF00";
  16. var colour="#000000";
  17. var sparkles=80;
  18.  
  19. /******************************
  20. * Tinkerbell Magic Sparkle *
  21. * (c) 2005 mf2fm web-design *
  22. * http://www.mf2fm.com/rv *
  23. * Generated at pnoyonline.com *
  24. * tumblr layouts - pnoyonline *
  25. * DON'T EDIT BELOW THIS BOX *
  26. ****************************/
  27. var x=ox=400;
  28. var y=oy=300;
  29. var swide=800;
  30. var shigh=600;
  31. var sleft=sdown=0;
  32. var tiny=new Array();
  33. var star=new Array();
  34. var starv=new Array();
  35. var starx=new Array();
  36. var stary=new Array();
  37. var tinyx=new Array();
  38. var tinyy=new Array();
  39. var tinyv=new Array();
  40.  
  41. window.onload=function() { if (document.getElementById) {
  42. var i, rats, rlef, rdow;
  43. for (var i=0; i<sparkles; i++) {
  44. var rats=createDiv(3, 3);
  45. rats.style.visibility="hidden";
  46. document.body.appendChild(tiny[i]=rats);
  47. starv[i]=0;
  48. tinyv[i]=0;
  49. var rats=createDiv(5, 5);
  50. var rats=createDiv3(5, 5);
  51.  
  52. rats.style.backgroundColor="transparent";
  53. rats.style.visibility="hidden";
  54. var rlef=createDiv(1, 5);
  55. var rlef=createDiv3(1, 5);
  56. var rdow=createDiv(5, 1);
  57. var rdow=createDiv3(5, 1);
  58. rats.appendChild(rlef);
  59. rats.appendChild(rdow);
  60. rlef.style.top="2px";
  61. rlef.style.left="0px";
  62. rdow.style.top="0px";
  63. rdow.style.left="2px";
  64. document.body.appendChild(star[i]=rats);
  65. }
  66. set_width();
  67. sparkle();
  68. }}
  69.  
  70. function sparkle() {
  71. var c;
  72. if (x!=ox || y!=oy) {
  73. ox=x;
  74. oy=y;
  75. for (c=0; c<sparkles; c++) if (!starv[c]) {
  76. star[c].style.left=(starx[c]=x)+"px";
  77. star[c].style.top=(stary[c]=y)+"px";
  78. star[c].style.clip="rect(0px, 5px, 5px, 0px)";
  79. star[c].style.visibility="visible";
  80. starv[c]=50;
  81. break;
  82. }
  83. }
  84. for (c=0; c<sparkles; c++) {
  85. if (starv[c]) update_star(c);
  86. if (tinyv[c]) update_tiny(c);
  87. }
  88. setTimeout("sparkle()", 40);
  89. }
  90.  
  91. function update_star(i) {
  92. if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
  93. if (starv[i]) {
  94. stary[i]+=1+Math.random()*3;
  95. if (stary[i]<shigh+sdown) {
  96. star[i].style.top=stary[i]+"px";
  97. starx[i]+=(i%5-2)/5;
  98. star[i].style.left=starx[i]+"px";
  99. }
  100. else {
  101. star[i].style.visibility="hidden";
  102. starv[i]=0;
  103. return;
  104. }
  105. }
  106. else {
  107. tinyv[i]=50;
  108. tiny[i].style.top=(tinyy[i]=stary[i])+"px";
  109. tiny[i].style.left=(tinyx[i]=starx[i])+"px";
  110. tiny[i].style.width="2px";
  111. tiny[i].style.height="2px";
  112. star[i].style.visibility="hidden";
  113. tiny[i].style.visibility="visible"
  114. }
  115. }
  116.  
  117. function update_tiny(i) {
  118. if (--tinyv[i]==25) {
  119. tiny[i].style.width="1px";
  120. tiny[i].style.height="1px";
  121. }
  122. if (tinyv[i]) {
  123. tinyy[i]+=1+Math.random()*3;
  124. if (tinyy[i]<shigh+sdown) {
  125. tiny[i].style.top=tinyy[i]+"px";
  126. tinyx[i]+=(i%5-2)/5;
  127. tiny[i].style.left=tinyx[i]+"px";
  128. }
  129. else {
  130. tiny[i].style.visibility="hidden";
  131. tinyv[i]=0;
  132. return;
  133. }
  134. }
  135. else tiny[i].style.visibility="hidden";
  136. }
  137.  
  138. document.onmousemove=mouse;
  139. function mouse(e) {
  140. set_scroll();
  141. y=(e)?e.pageY:event.y+sdown;
  142. x=(e)?e.pageX:event.x+sleft;
  143. }
  144.  
  145. function set_scroll() {
  146. if (typeof(self.pageYOffset)=="number") {
  147. sdown=self.pageYOffset;
  148. sleft=self.pageXOffset;
  149. }
  150. else if (document.body.scrollTop || document.body.scrollLeft) {
  151. sdown=document.body.scrollTop;
  152. sleft=document.body.scrollLeft;
  153. }
  154. else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
  155. sleft=document.documentElement.scrollLeft;
  156. sdown=document.documentElement.scrollTop;
  157. }
  158. else {
  159. sdown=0;
  160. sleft=0;
  161. }
  162. }
  163.  
  164. window.onresize=set_width;
  165. function set_width() {
  166. if (typeof(self.innerWidth)=="number") {
  167. swide=self.innerWidth;
  168. shigh=self.innerHeight;
  169. }
  170. else if (document.documentElement && document.documentElement.clientWidth) {
  171. swide=document.documentElement.clientWidth;
  172. shigh=document.documentElement.clientHeight;
  173. }
  174. else if (document.body.clientWidth) {
  175. swide=document.body.clientWidth;
  176. shigh=document.body.clientHeight;
  177. }
  178. }
  179.  
  180. function createDiv(height, width) {
  181. var div=document.createElement("div");
  182. div.style.position="absolute";
  183. div.style.height=height+"px";
  184. div.style.width=width+"px";
  185. div.style.overflow="hidden";
  186. div.style.backgroundColor=colour;
  187. return (div);
  188. }
  189.  
  190.  
  191. function createDiv3(height, width) {
  192. var div=document.createElement("div");
  193. div.style.position="absolute";
  194. div.style.height=height+"px";
  195. div.style.width=width+"px";
  196. div.style.overflow="hidden";
  197. div.style.backgroundColor=colour3;
  198. return (div);
  199. }
  200. // ]]>
  201. </script>
  202.  
  203. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  204. <meta name="description" content="{MetaDescription}" />
  205. <title> {title}</title>
  206. <link rel="shortcut icon" href="http://i360.photobucket.com/albums/oo47/CeSSia_013/117.png">
  207. <pnk rel="alternate" type="application/rss+xml" href="{RSS}">
  208. <!-- Default Colors -->
  209. <META name="color:Background Color" content="#ffffff">
  210. <META name="color:Post Background" content="#transparent">
  211. <META name="color:header background" content="#transparent">
  212. <META name="color:header font" content="#ffffff">
  213. <META name="color:image border" content="#ffffff">
  214. <META name="color:font color" content="#ffffff">
  215. <META name="color:link color" content="#ffffff>
  216. <META name="color:link hover" content="#ffffff">
  217. <META name="color:Notes Border" content="#ffffff">
  218. <META name="color:post title font" content="#ffffff">
  219. <META name="color:Bold font" content="#ffffff">
  220. <META name="color:nav bg" content="#transparent">
  221. <META name="color:nav hover" content="#ffffff">
  222.  
  223. <!-- End Default Colors -->
  224.  
  225. <meta name="if:ShowPostDetails" content="1"/>
  226. <meta name="if:ShowReblogLink" content="1"/>
  227. <meta name="if:ShowTagLink" content="1"/>
  228.  
  229.  
  230. <style type="text/css">
  231.  
  232. img{
  233. -webkit-transition: opacity 0.8s linear;
  234. opacity: 0.60;
  235. }
  236. img:hover{
  237. -webkit-transition: opacity 0.8s linear;
  238. opacity: 1;
  239. }
  240.  
  241. @charset "utf-8";
  242. body {
  243. background-color: {color:Background Color};
  244. background-image:url(http://www.sadmuffin.org/pinkforsure/myspace-layouts/vintage/23.gif);
  245. background-repeat: repeat;
  246. background-attachment: fixed;
  247. background-position: Center Center;
  248. cursor: url("http://media.tumblr.com/tumblr_loyza2awKr1qepbs7.gif"), default;
  249. }
  250.  
  251.  
  252. /* Links */
  253. a:link, a:visited, a:active {
  254. color: #AF7817;
  255. text-decoration:none;
  256.  
  257. }
  258.  
  259. a:hover {
  260. color: {color:link hover};
  261. text-decoration:none;
  262.  
  263. }
  264. /* Text Effect */
  265. b {
  266.  
  267. color: #ffffff;}
  268. strong {
  269.  
  270. color: #ffffff;}
  271.  
  272. i {
  273.  
  274. color: #ffffff;}
  275.  
  276. u {
  277.  
  278. font-color: #ffffff;
  279.  
  280. }
  281. /* Navigation */
  282. a.links{
  283. font-weight:none;
  284. text-decoration:none;
  285. display:block;
  286. font-family: arial;
  287. font-size:11px;
  288. background-color:transparent;
  289. border: 0px solid {color:header background};
  290. text-align:center;
  291. padding:2 0 2 0; width:185px;
  292. }
  293. a.links:hover{
  294. font-weight:none;
  295. text-decoration:underline;
  296. display:block;
  297. font-family: arial;
  298. font-size:11px;
  299. background-color:#FAAFBA;
  300. border: 0px solid 110000;
  301. text-align:center;
  302. padding:2 0 2 0; width:185px;
  303.  
  304. }
  305. /* Table */
  306. #table {
  307. background:transparent;
  308. font-family: arial;
  309. font-size: 11px;
  310. color: {color:font color};
  311. text-align:justify;
  312. width:700px;
  313. padding:10px;
  314. margin:0 auto;
  315. }
  316. /* Post */
  317. #each {
  318. background-color:#000000;
  319. background-image:url(none);
  320. padding:5px;
  321. margin:5px 0px 5px 0px;
  322. -moz-border-radius: 4px;
  323. -webkit-border-radius: 4px;
  324. }
  325.  
  326.  
  327. /* Bullets */
  328. table ul li {
  329. margin-right:2px;
  330. margin-left:5px;
  331. list-style-image: url(http://static.tumblr.com/f3gdoib/A4xleo2lx/arrow_bullets.gif);
  332. }
  333. /* Columns */
  334. #post { width: 450px; float:right;
  335. }
  336. #right { width: 200px; float:left;
  337. }
  338. /* Headers */
  339. h1 {
  340. margin:0;
  341. color:#ffffff;
  342. font-family: 'Arial, verdana', arial, serif;
  343. font-weight:normal;
  344. font-style: italic;
  345. font-size:20px;
  346. line-height:17px;
  347. letter-spacing:0px;
  348. }
  349. .header2 {
  350. background-color:transparent;
  351. font-size: 16px;
  352. font-family: 'Arial, verdana', arial, serif;
  353. font-weight:normal;
  354. text-transform: normal;
  355. letter-spacing: 0px;
  356. line-height: 12px;
  357. text-align: left;
  358. margin-bottom: 5px;
  359. margin-top: 5px;
  360. }
  361. .header {
  362. background-color:transparent;
  363. font-size: 16px;
  364. font-family: 'Arial, verdana', arial, serif;
  365. font-weight:normal;
  366. text-transform: normal;
  367. letter-spacing: 0px;
  368. line-height: 12px;
  369. text-align: left;
  370. margin-bottom: 5px;
  371. margin-top: 5px;
  372.  
  373. }
  374. .tumblrdate {
  375. padding: 5px 0 0 0;
  376. font-family: Trebuchet Ms;
  377. text-transform: normal;
  378. font-size:11px;
  379. }
  380. /* Post Blockquote */
  381. blockquote{
  382. border-left-width: 5px;
  383. border-left-style: solid;
  384. border-left-color:{color:Notes Border};
  385. padding:1px; padding-left: 5px; margin: 0px;
  386. }
  387.  
  388. /* Notes */
  389. ol.notes {
  390. padding: 0px;
  391. margin: 15px 0px;
  392. list-style-type: none;
  393. border-bottom: solid 0px {color:Notes Border};
  394. }
  395. ol.notes li.note {
  396. border-top: solid 0px {color:Notes Border};
  397. padding: 5px;
  398. }
  399. ol.notes li.note img.avatar {
  400. vertical-align: -4px;
  401. margin-right: 10px;
  402. width: 16px;
  403. height: 16px;
  404. }
  405. ol.notes li.note span.action {
  406. font-weight: bold;
  407. }
  408. ol.notes li.note .answer_content {
  409. font-weight: normal;
  410. }
  411. ol.notes li.note blockquote {
  412. border-color: {color:Notes Border};
  413. padding: 4px 10px;
  414. margin: 10px 0px 0px 25px;
  415. }
  416. ol.notes li.note blockquote a {
  417. text-decoration: none;
  418. }
  419.  
  420. {CustomCSS}
  421. </style>
  422. </head>
  423. <body>
  424. <table id="table">
  425. <tr><td id="none" colspan="3">
  426.  
  427. </td></tr>
  428. </td><td id="right">
  429. <div style="width: 200px;">
  430.  
  431. <br>
  432. <div id="each">
  433. <!-- About Me -->
  434.  
  435. <div class="header2"><b><center><img src="http://i1044.photobucket.com/albums/b443/cutesecrets/themediary/aboutme/aboutme12.png"; width="150" height="40">
  436.  
  437. <center><a href="/"><img style="border:0px solid 22FFFF" src="{PortraitURL-128}" width="128"></a>
  438.  
  439. <br><div style="width: 180px;">
  440. {description}</div></div>
  441.  
  442. <div id="each">
  443. <!-- Navigation -->
  444. <div class="header2"><b>Navigation</b></div>
  445. <center>
  446. <a href="/" class="links"><span color="transparent">Home</span></a>
  447. <a href="/ask" class="links">Ask Me</a>
  448. <a href="/archive" class="links"><span color="transparent">Archive</span></a>
  449. <a href="/random" class="links">Random</a>
  450. <a href="http://www.ellaclair.tumblr.com" class="links" title="This Theme" target=_blank>This Theme</a>
  451.  
  452.  
  453. <div id="each">
  454. <!-- Following -->
  455. <div class="header2"><b>Following</b></div><div style="height:153px; overflow-y: hidden;overflow-x: hidden;">
  456. <br>{block:Following}
  457. <center>{block:Followed}<a href="{FollowedURL}"><img style="border:0px solid {color:image border}" src="{FollowedPortraitURL-24}"></a> {/block:Followed}
  458. </center><BR>{/block:Following}
  459. </div></div>
  460.  
  461. </div>
  462.  
  463. </div></td>
  464.  
  465. <td id="post">
  466. <!-- Blog Post -->
  467. <div style="width: 450px;">
  468.  
  469.  
  470. {block:Posts}
  471. {block:Text}<br><div id="each">
  472.  
  473. <div id="box"> <div class="header"><div id="blogt"><b>Text Post <a href="{Permalink}"> {ShortDayOfWeek},
  474.  
  475. {ShortMonth}. {DayOfMonthWithZero}, {Year}</a> </b><b>{block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount}</b></div></div></div>
  476. {block:Title}
  477. <h1>{Title}</h1>
  478. {/block:Title}
  479.  
  480. <p>{Body}</p>
  481.  
  482.  
  483. </li><br>
  484. {block:IfShowPostDetails}<div class="tumblrdate" style="float:left;" >
  485. {block:IfShowTagLink}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
  486. {/block:HasTags}{/block:IfShowTagLink}</div>
  487. <div class="tumblrdate" style="float:right;" >
  488. {block:IfShowReblogLink}<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&#187;SHARE THIS POST&#171;</a>{/block:IfShowReblogLink}</div>{/block:IfShowPostDetails}
  489. <br>
  490. <br>{block:PostNotes}<br><B>COMMENTS</B><BR>{PostNotes}{/block:PostNotes}</div>
  491.  
  492. {/block:Text}
  493. <br>
  494. {block:Photo}<div id="each">
  495.  
  496.  
  497. <div id="box"> <div class="header"><div id="blogt"><b>Photo Post <a href="{Permalink}"> {ShortDayOfWeek},
  498.  
  499. {ShortMonth}. {DayOfMonthWithZero}, {Year} </a></b><b>{block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount}</b></div></div></div><br>
  500. {LinkOpenTag}<center><img id="pic" style="border:0px solid {color:image border}" src="{PhotoURL-400}" alt="{PhotoAlt}"/></center>{LinkCloseTag}
  501.  
  502. {block:Caption}
  503. <p>{Caption}</p>
  504. {/block:Caption}
  505.  
  506.  
  507. {block:IfShowPostDetails}<div class="tumblrdate" style="float:left;" >
  508. {block:IfShowTagLink}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
  509. {/block:HasTags}{/block:IfShowTagLink}</div>
  510. <div class="tumblrdate" style="float:right;" >
  511. {block:IfShowReblogLink}<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&#187;SHARE THIS POST&#171;</a>{/block:IfShowReblogLink}</div>{/block:IfShowPostDetails}
  512. <br>
  513. <br>{block:PostNotes}<br><B>COMMENTS</B><BR>{PostNotes}{/block:PostNotes}</div>
  514. </div>{/block:Photo}
  515.  
  516. {block:Quote}<div id="each">
  517.  
  518. <div id="box"> <div class="header"><div id="blogt"><b>Quote Post <a href="{Permalink}">{ShortDayOfWeek},
  519.  
  520. {ShortMonth}. {DayOfMonthWithZero}, {Year}</a> </b><b>{block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount}</b></div></div></div>
  521. <p class="qcontainer">
  522. <h1>�{Quote}�</h1>
  523.  
  524. {block:Source}
  525. <span class="source"><br><i>{Source}</i></span>
  526. {/block:Source}
  527. </p><br>
  528. {block:IfShowPostDetails}<div class="tumblrdate" style="float:left;" >
  529. {block:IfShowTagLink}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
  530. {/block:HasTags}{/block:IfShowTagLink}</div>
  531. <div class="tumblrdate" style="float:right;" >
  532. {block:IfShowReblogLink}<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&#187;SHARE THIS POST&#171;</a>{/block:IfShowReblogLink}</div>{/block:IfShowPostDetails}
  533. <br>
  534. <br>{block:PostNotes}<br><B>COMMENTS</B><BR>{PostNotes}{/block:PostNotes}</div>
  535. </div>
  536. {/block:Quote}
  537.  
  538. {block:Link}<div id="each">
  539.  
  540. <div id="box"> <div class="header"><div id="blogt"><b>Link Post <a href="{Permalink}"> {ShortDayOfWeek},
  541.  
  542. {ShortMonth}. {DayOfMonthWithZero}, {Year} </a></b><b>{block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount}</b></div></div></div>
  543. <p><a href="{URL}" id="postlink" {Target}><h1>{Name}</h1></a></p>
  544.  
  545. {block:Description}
  546. <p>{Description}</p>
  547. {/block:Description}
  548.  
  549.  
  550. </li>
  551.  
  552. {block:IfShowPostDetails}<div class="tumblrdate" style="float:left;" >
  553. {block:IfShowTagLink}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
  554. {/block:HasTags}{/block:IfShowTagLink}</div>
  555. <div class="tumblrdate" style="float:right;" >
  556. {block:IfShowReblogLink}<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&#187;SHARE THIS POST&#171;</a>{/block:IfShowReblogLink}</div>{/block:IfShowPostDetails}
  557. <br>
  558. <br>{block:PostNotes}<br><B>COMMENTS</B><BR>{PostNotes}{/block:PostNotes}</div>
  559. </div>
  560.  
  561. {/block:Link}
  562.  
  563. {block:Chat}<div id="each">
  564.  
  565. <div id="box"> <div class="header"><div id="blogt"><b>Chat Post<a href="{Permalink}"> {ShortDayOfWeek},
  566.  
  567. {ShortMonth}. {DayOfMonthWithZero}, {Year}</a> </b><b>{block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount}</b></div></div></div>
  568. {block:Title}
  569. <p id="posttitle"><a href="{Permalink}">{Title}</a></p>
  570. {/block:Title}
  571.  
  572. <ul class="chat">
  573. {block:Lines}
  574. <li class="{Alt}">
  575. {block:Label}
  576. <span class="label">{Label}</span>
  577. {/block:Label}
  578.  
  579. {Line}
  580.  
  581. {/block:Lines}
  582. </ul>
  583.  
  584. </li></li>
  585.  
  586.  
  587. {block:IfShowPostDetails}<div class="tumblrdate" style="float:left;" >
  588. {block:IfShowTagLink}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
  589. {/block:HasTags}{/block:IfShowTagLink}</div>
  590. <div class="tumblrdate" style="float:right;" >
  591. {block:IfShowReblogLink}<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&#187;SHARE THIS POST&#171;</a>{/block:IfShowReblogLink}</div>{/block:IfShowPostDetails}
  592. <br>
  593. <br>{block:PostNotes}<br><B>COMMENTS</B><BR>{PostNotes}{/block:PostNotes}</div>
  594. </div>
  595. {/block:Chat}
  596.  
  597. {block:Video}<div id="each">
  598.  
  599. <div id="box"> <div class="header"><div id="blogt"><b>Video Post <a href="{Permalink}"> {ShortDayOfWeek},
  600.  
  601. {ShortMonth}. {DayOfMonthWithZero}, {Year}</a> </b><b>{block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount}</b></div></div></div>
  602. {Video-400}
  603. {block:Caption}
  604. <p>{Caption}</p>
  605. {/block:Caption}
  606.  
  607.  
  608. </li>
  609.  
  610. {block:IfShowPostDetails}<div class="tumblrdate" style="float:left;" >
  611. {block:IfShowTagLink}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
  612. {/block:HasTags}{/block:IfShowTagLink}</div>
  613. <div class="tumblrdate" style="float:right;" >
  614. {block:IfShowReblogLink}<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&#187;SHARE THIS POST&#171;</a>{/block:IfShowReblogLink}</div>{/block:IfShowPostDetails}
  615. <br>
  616. <br>{block:PostNotes}<br><B>COMMENTS</B><BR>{PostNotes}{/block:PostNotes}</div>
  617. </div>
  618.  
  619. {/block:Video}
  620. {block:Audio}<div id="each">
  621.  
  622. <div id="box"> <div class="header"><div id="blogt"><b>Audio Post<a href="{Permalink}">{ShortDayOfWeek},
  623.  
  624. {ShortMonth}. {DayOfMonthWithZero}, {Year} </a></b><b>{block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount}</b></div></div></div>
  625. <div style="width:450; height:80; background: {color:Music Bg}; -webkit-border-bottom-right-radius:8;bottom-left-radius:8;-moz-border-radius:8 8 8 8;padding: 0px 5px 2px 5px;"><br>{block:AlbumArt}<img src="{AlbumArtURL}" align="left" width="50px" height="50px" />{/block:AlbumArt} <div style=" height:60px; background: black; -webkit-border-bottom-right-radius:8;bottom-left-radius:8;-moz-border-radius:8 8 8 8;">{AudioPlayerblack}<div class="tumblrdate">{block:TrackName}<span><strong>Title</strong>: {TrackName}</span>{/block:TrackName}
  626. {block:Artist}<span><strong>Artist:</strong> {Artist}</span>{/block:Artist}
  627. <span>{PlayCountWithLabel}</span><br></div>
  628. </div></div>
  629.  
  630.  
  631. {block:Caption}
  632. <p>{Caption}</p>
  633. {/block:Caption}
  634.  
  635. </li>
  636.  
  637. {block:IfShowPostDetails}<div class="tumblrdate" style="float:left;" >
  638. {block:IfShowTagLink}{block:HasTags}{block:Tags}#<a href="{TagURL}">{Tag}</a>{/block:Tags}
  639. {/block:HasTags}{/block:IfShowTagLink}</div>
  640. <div class="tumblrdate" style="float:right;" >
  641. {block:IfShowReblogLink}<a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};" target="_blank">&#187;SHARE THIS POST&#171;</a>{/block:IfShowReblogLink}</div>{/block:IfShowPostDetails}
  642. <br>
  643. <br>{block:PostNotes}<br><B>Comments</B><BR>{PostNotes}{/block:PostNotes}</div>
  644. </div>
  645.  
  646. {/block:Audio}
  647. {block:Answer}<div id="each">
  648. <div id="box"> <div class="header"><div id="blogt"><b>Ask me anything <a href="{Permalink}">{ShortDayOfWeek},
  649.  
  650. {ShortMonth}. {DayOfMonthWithZero}, {Year} </a></b><b>{block:NoteCount}{NoteCountWithLabel}</a>{/block:NoteCount}</b></div></div></div>
  651. <div id="askr">
  652. <img style="border:3px solid #1A1A1A" src="{AskerPortraitURL-40}"align="left" /></div>
  653. <div id="question"><div id="asked">{Asker} Asked:<BR>
  654. {Question}</div></div><br>
  655. {answer}<BR clear="all">
  656. <br>
  657. <BR>{block:PostNotes}
  658. <br><B>Comments</B><BR>
  659. {PostNotes}
  660. {/block:PostNotes}</div>{/block:answer}
  661.  
  662.  
  663.  
  664. {/block:Posts}
  665. {/block:Posts}
  666.  
  667. </ol>
  668. <!-- END BLOG POST -->
  669.  
  670. <!-- Pagination -->
  671. <center>{block:PreviousPage}<a href="{PreviousPage}"><font size="3"><b>&#171; newer</b></a></font> {/block:PreviousPage}{CurrentPage}/{TotalPages}{block:NextPage} <a href="{NextPage}"><font size="3"><b>older &#187;</b></a></font>{/block:NextPage}{/block:Pagination}</center>
  672. <br>
  673.  
  674. </div>
  675.  
  676.  
  677.  
  678. </body>
  679. </html>
  680.  
  681. <!---PLEASE DO NOT REMOVE THIS CREDIT---!>
  682. <!---Theme by http://www.ellaclair.tumblr.com---!>
  683. <!---Theme name : "Chaotic"-->
  684. <!---base theme by pimp my profile---!>
  685. <!---PLEASE DO NOT REMOVE THIS CREDIT---!>
  686.  
  687.  
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
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!