tardissauce

Theme 5a: Raindrops on Roses

Dec 29th, 2013
671
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.86 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. <!--
  4.  
  5. ╱╭╮╱╱╱╱╱╱╱╭╮
  6. ╭╯╰╮╱╱╱╱╱╱┃┃
  7. ╰╮╭╋━━┳━┳━╯┣┳━━┳━━┳━━┳╮╭┳━━┳━━╮
  8. ╱┃┃┃╭╮┃╭┫╭╮┣┫━━┫━━┫╭╮┃┃┃┃╭━┫┃━┫
  9. ╱┃╰┫╭╮┃┃┃╰╯┃┣━━┣━━┃╭╮┃╰╯┃╰━┫┃━┫
  10. ╱╰━┻╯╰┻╯╰━━┻┻━━┻━━┻╯╰┻━━┻━━┻━━╯
  11.  
  12. THEME #5a: RAINDROPS ON ROSES by TARDISSAUCE
  13.  
  14. RULES:
  15. 1.DO NOT CLAIM OR REDISTRIBUTE AS YOUR OWN, I WORKED HARD ON THIS
  16. 2.I WOULD LIKE IT IF YOU LIKED/REBLOGGED THE POST REGARDING THIS THEME
  17. 3.YOU MAY TWEAK THIS THEME TO YOUR HEART'S CONTENT, BUT DO NOT REMOVE THE CREDIT AND DO NOT USE AS A BASE
  18. 4.IF YOU NEED A BASE CODE, HERE IS THE ONE I USED:
  19. http://wolverwhore.tumblr.com/post/46869896709/base-code-1-by-wolverwhore-i-decided-to-make-a
  20.  
  21. IF YOU HAVE ANY QUESTIONS REGARDING THE THEME, FEEL FREE TO ASK
  22.  
  23. THANK YOU.
  24. HAVE FUN WOOHOO
  25.  
  26. -->
  27.  
  28.  
  29. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  30. <head><title>{Title}</title>
  31. <link rel="shortcut icon" href="{Favicon}">
  32. <link href='http://fonts.googleapis.com/css?family=Alegreya+SC' rel='stylesheet' type='text/css'>
  33. <link href='http://fonts.googleapis.com/css?family=Advent+Pro:400,300' rel='stylesheet' type='text/css'>
  34. <link href='http://fonts.googleapis.com/css?family=Belleza' rel='stylesheet' type='text/css'>
  35. <link href='http://fonts.googleapis.com/css?family=Alegreya+Sans+SC' rel='stylesheet' type='text/css'>
  36. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  37. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  38.  
  39. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script><script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script><script>(function($){$(document).ready(function(){$("a[title]").style_my_tooltips({tip_follows_cursor:true,tip_delay_time:0,tip_fade_speed:600,attribute:"title"});});})(jQuery);</script>
  40.  
  41.  
  42. <meta name="color:Background" content="#ffffff"/>
  43. <meta name="color:Sidebar" content="#ffffff"/>
  44. <meta name="color:Text" content="#a8a8a8"/>
  45. <meta name="color:Link" content="#b8b8b8"/>
  46. <meta name="color:Title" content="#aaaaaa"/>
  47. <meta name="color:LinkHover" content="#111111"/>
  48. <meta name="color:SBLinkHover" content="#bbbbbb"/>
  49. <meta name="color:SidebarBorder" content="#e4e4e4"/>
  50. <meta name="color:AudioInfo" content="#ffffff"/>
  51. <meta name="color:LinkCircle" content="#ffffff"/>
  52. <meta name="color:Desc" content="#ffffff"/>
  53. <meta name="color:Info Border" content="#dddddd" />
  54. <meta name="color:Info" content="#f2f2f2" />
  55. <meta name="color:Ask BG" content="#f8f8f8"/>
  56. <meta name="image:Small Sidebar 1" content=""/>
  57. <meta name="image:Large Sidebar" content=""/>
  58. <meta name="image:Left Bar" content=""/>
  59. <meta name="text:Link 1" content="" />
  60. <meta name="text:Link 1 Text" content="" />
  61. <meta name="text:Link 2" content="" />
  62. <meta name="text:Link 2 Text" content="" />
  63. <meta name="text:Link 3" content="" />
  64. <meta name="text:Link 3 Text" content="" />
  65. <meta name="text:Link 4" content="" />
  66. <meta name="text:Link 4 Text" content="" />
  67. <meta name="color:Scrollbar" content="#f4f4f4"/>
  68. <meta name="color:Updates" content="#000000"/>
  69. <meta name="color:Updates Text" content="#ffffff"/>
  70.  
  71.  
  72.  
  73. <style type="text/css">
  74.  
  75. /* --- SCROLLBAR ---*/
  76.  
  77. ::-webkit-scrollbar {background-color:{color:Scrollbar}; height:8px; width:8px; border:3px solid {color:background}}
  78. ::-webkit-scrollbar-thumb:vertical {background-color:{color:Scrollbar}; border:1px solid {color:background}; height:50px}
  79. ::-webkit-scrollbar-thumb:horizontal {background-color:{color:Scrollbar}; border:1px solid {color:background}; height:8px!important}
  80.  
  81. /* --- BODY ---*/
  82.  
  83.  
  84. #s-m-t-tooltip {
  85. max-width:300px;
  86. background-color:#ffffff;
  87. border:3px double #e4e4e4;
  88. font-size:10px;
  89. color:#bbb;
  90. letter-spacing:1px;
  91. text-transform:lowercase;
  92. padding:3px;
  93. margin:20px 0px 0px 20px;
  94. z-index:9999999999999999999999;
  95. border-radius: 2px;
  96. }
  97.  
  98.  
  99. body {
  100. background:{color:background};
  101. margin:0px;
  102. color:{color:text};
  103. font-family: 'Belleza', sans-serif;
  104. font-size:9px;
  105. line-height:100%;
  106. }
  107.  
  108. a {
  109. text-decoration:none;
  110. outline:none;
  111. -moz-outline-style:none;
  112. color:{color:link};
  113. -webkit-transition: all 0.7s ease;
  114. -moz-transition: all 0.7s ease;
  115. -o-transition: all 0.7s ease
  116. }
  117.  
  118. img {
  119. border:none;
  120. }
  121.  
  122. blockquote {
  123. padding-left:5px;
  124. border-left:2px solid;
  125. }
  126.  
  127. blockquote blockquote {
  128. padding-left:5px;
  129. border-left:2px solid;
  130. }
  131.  
  132. h1 {
  133. font-size:12px;
  134. text-transform:uppercase;
  135. text-align:center;
  136. }
  137.  
  138. a:hover {
  139. opacity:10;
  140. color:{color:LinkHover};
  141. -webkit-transition: all 0.7s ease;
  142. -moz-transition: all 0.7s ease;
  143. -o-transition: all 0.7s ease
  144. }
  145.  
  146. /* --- POST ENTRIES ---*/
  147.  
  148.  
  149. #entries {
  150. padding:10px;
  151. width:500px;
  152. margin-left:550px;
  153. margin-top:0px;
  154. font-size:10px;
  155. }
  156.  
  157. /* --- BODY: POSTS ---*/
  158.  
  159.  
  160. #post {
  161. width:500px;
  162. padding-bottom:20px;
  163. padding:10px;
  164. line-height:120%;
  165. margin-top:15px;
  166. background-color:{color:Background};
  167. word-break:keep-all;
  168. }
  169.  
  170. /* --- TITLE ---*/
  171.  
  172. #title {
  173. margin-top:-160px;
  174. margin-left:-40px;
  175. font-family: 'Alegreya SC', serif;
  176. letter-spacing:1px;
  177. padding-top:2px;
  178. padding-bottom:2px;
  179. font-size:10pt;
  180. width:202px;
  181. text:italic;
  182. text-align:center;
  183. background-color:{color:Background};
  184. opacity:.8;
  185. word-break:keep-all;
  186. color:{color:Title};
  187. -webkit-transition-duration:1s;
  188. -moz-transition-duration:1s;
  189. -o-transition-duration:1s;
  190. }
  191.  
  192. /* --- SIDEBAR IMAGES ---*/
  193.  
  194.  
  195. #sidebar {
  196. width:100px;
  197. position:fixed;
  198. margin-left:260px;
  199. margin-top:140px;
  200. background-color:{color:Sidebar};
  201. -webkit-transition-duration:1s;
  202. -moz-transition-duration:1s;
  203. -o-transition-duration:1s;
  204. }
  205.  
  206.  
  207. #sidebarimage img {
  208. width:110px;
  209. height:110px;
  210. border:solid 1px;
  211. padding:3px;
  212. border-radius:50%;
  213. border-color: {color:SidebarBorder};
  214. background-color:{color:Sidebar};
  215. opacity:.9;
  216. z-index:999;
  217. -webkit-transition-duration:1s;
  218. -moz-transition-duration:1s;
  219. -o-transition-duration:1s;
  220. }
  221.  
  222. #sidebarimage2 img {
  223. width:200px;
  224. height:450px;
  225. margin-left:-43px;
  226. margin-top:-200px;
  227. border:solid 1px;
  228. padding:3px;
  229. border-color: {color:SidebarBorder};
  230. background-color:{color:Sidebar};
  231. opacity:0;
  232. -webkit-transition-duration:2s;
  233. -moz-transition-duration:2s;
  234. -o-transition-duration:2s;
  235. }
  236.  
  237. /* --- HOVER STUFF ---*/
  238.  
  239. #panel {
  240. z-index:-99999;
  241. width:270px;
  242. height:570px;
  243. position:fixed;
  244. -webkit-transition-duration:1s;
  245. -moz-transition-duration:1s;
  246. -o-transition-duration:1s;
  247. }
  248.  
  249. #sidebar:hover #sidebarimage2 img {
  250. opacity:1;
  251. -webkit-transition-duration:2s;
  252. -moz-transition-duration:2s;
  253. -o-transition-duration:2s;
  254. }
  255.  
  256. #sidebar:hover #sidebarimage img {
  257. opacity:1;
  258. z-index:99;
  259. -webkit-transition-duration:1s;
  260. -moz-transition-duration:1s;
  261. -o-transition-duration:1s;
  262. }
  263.  
  264. #sidebar:hover .links {
  265. opacity:.85;
  266. z-index:99999;
  267. -webkit-transition-duration:1s;
  268. -moz-transition-duration:1s;
  269. -o-transition-duration:1s;
  270. }
  271.  
  272. #sidebar:hover #next {
  273. margin-left:105px;
  274. background-color:{color:Sidebar};
  275. -webkit-transition-duration:1s;
  276. -moz-transition-duration:1s;
  277. -o-transition-duration:1s;
  278. }
  279.  
  280. #sidebar:hover #back {
  281. margin-left:-42px;
  282. z-index:-10;
  283. background-color:{color:Sidebar};
  284. -webkit-transition-duration:1s;
  285. -moz-transition-duration:1s;
  286. -o-transition-duration:1s;
  287. }
  288.  
  289. #sidebar:hover #description {
  290. margin-top:170px;
  291. opacity:.85;
  292. background-color:{color:Desc};
  293. color:{color:text};
  294. -webkit-transition-duration:2s;
  295. -moz-transition-duration:2s;
  296. -o-transition-duration:2s;
  297. }
  298.  
  299. #sidebar:hover #pagination {
  300. margin-left:9px;
  301. margin-top:153px;
  302. -webkit-transition-duration:1s;
  303. -moz-transition-duration:1s;
  304. -o-transition-duration:1s;
  305. }
  306.  
  307. #post:hover #tags {
  308. margin-top:4px;
  309. opacity:1;
  310. -webkit-transition-duration:.5s;
  311. -moz-transition-duration:.5s;
  312. -o-transition-duration:.5s;
  313. }
  314.  
  315. /* --- SIDEBAR LINKS ---*/
  316.  
  317. .links {
  318. position:fixed;
  319. font-size:8px;
  320. font-family:'calibri';
  321. text-align:center;
  322. text-transform:uppercase;
  323. padding-bottom:7px;
  324. opacity:0;
  325. margin-top:27px;
  326. width:110px;
  327. height:110px;
  328. border:solid 1px;
  329. padding:3px;
  330. border-radius:50%;
  331. border-color: {color:SidebarBorder};
  332. background-color:{color:LinkCircle};
  333. display:block;
  334. -webkit-transition-duration:1s;
  335. -moz-transition-duration:1s;
  336. -o-transition-duration:1s;
  337. -webkit-transition-duration:1s;
  338. -moz-transition-duration:1s;
  339. -o-transition-duration:1s;
  340. }
  341.  
  342. .links a {
  343. font-size: 8px;
  344. background-color:{color:LinkCircle};
  345. width:55px;
  346. display:inline-block;
  347. border-radius:5px;
  348. -webkit-transition-duration:1s;
  349. -moz-transition-duration:1s;
  350. -o-transition-duration:1s;
  351. }
  352.  
  353. .links a:hover {
  354. letter-spacing:4px;
  355. background-color:{color:SBLinkHover};
  356. opacity:1;
  357. color:{color:LinkHover};
  358. }
  359.  
  360.  
  361. /* --- DESCRIPTION ---*/
  362.  
  363. #description {
  364. position:fixed;
  365. background-color:{color:Background};
  366. font-family:georgia;
  367. line-height:90%;
  368. font-size:9px;
  369. text-transform:lowercase;
  370. width:188px;
  371. margin-top:100px;
  372. padding:10px;
  373. margin-left:-43px;
  374. text-align:center;
  375. color:{color:Background};
  376. z-index:-1;
  377. -webkit-transition-duration:1s;
  378. -moz-transition-duration:1s;
  379. -o-transition-duration:1s;
  380. }
  381.  
  382. #description a {color:{color:text}; -moz-transition-duration:0.4s;
  383. -webkit-transition-duration:0.4s; -o-transition-duration:0.4s;}
  384.  
  385. /* --- PAGINATION---*/
  386.  
  387.  
  388.  
  389. #back {
  390. font-family:Trebuchet MS;
  391. letter-spacing:0px;
  392. text-align:left;
  393. position:fixed;
  394. font-size:8px;
  395. margin-left:-12px;
  396. margin-top:85px;
  397. background-color:{color:Background};
  398. padding:4px;
  399. padding-right:4px;
  400. width:50px;
  401. opacity:1;
  402. z-index:-1;
  403. -webkit-transition-duration:1s;
  404. -moz-transition-duration:1s;
  405. -o-transition-duration:1s;
  406. }
  407.  
  408. #next {
  409. font-family:Trebuchet MS;
  410. letter-spacing:0px;
  411. text-align:right;
  412. position:fixed;
  413. font-size:8px;
  414. margin-left:72px;
  415. margin-top:85px;
  416. background-color:{color:Background};
  417. width:50px;
  418. padding:4px;
  419. padding-left:4px;
  420. opacity:1;
  421. z-index:-1;
  422. -webkit-transition-duration:1s;
  423. -moz-transition-duration:1s;
  424. -o-transition-duration:1s;
  425. }
  426.  
  427. /* --- UPDATES BAR ---*/
  428.  
  429. #updates {
  430. position:fixed;
  431. margin-left:0px;
  432. margin-top:0px;
  433. z-index:1;
  434. }
  435.  
  436. #updatesimage img{
  437. width:40px;
  438. height:640px;
  439. border-right:15px solid {color:Updates};
  440. }
  441.  
  442.  
  443. #updatesinfo {
  444. background-color:{color:Updates};
  445. font-family: 'Belleza', sans-serif;
  446. line-height:90%;
  447. font-size:9px;
  448. text-transform:none;
  449. width:90px;
  450. padding:7px;
  451. border-radius:0px 4px 4px 0px;
  452. margin-left:-110px;
  453. letter-spacing:1px;
  454. text-align:center;
  455. color:{color:Updates Text};
  456. word-break:break-word;
  457.  
  458. -webkit-transition-duration:1s;
  459. -moz-transition-duration:1s;
  460. -o-transition-duration:1s;
  461. }
  462.  
  463. #updatestitle {
  464. margin-left:53px;
  465. margin-top:0px;
  466. padding:7px;
  467. font-family: 'Advent Pro', sans-serif;
  468. width:100px;
  469. letter-spacing:2px;
  470. font-size:10px;
  471. text-transform:uppercase;
  472. color:#999999;
  473. position:fixed;
  474. -moz-transition-duration:1s;
  475. -webkit-transition-duration:1s;
  476. -o-transition-duration:1s;
  477. }
  478.  
  479. #updatestitle:hover {
  480. margin-left:80px;
  481. -moz-transition-duration:1s;
  482. -webkit-transition-duration:1s;
  483. -o-transition-duration:1s;
  484. }
  485.  
  486. #updatestitle:hover #updatesinfo{
  487. margin-left:-32px;
  488. -moz-transition-duration:1s;
  489. -webkit-transition-duration:1s;
  490. -o-transition-duration:1s;
  491. }
  492.  
  493. /* --- POST INFO ---*/
  494.  
  495.  
  496. #info {
  497. text-align:center;
  498. font-family: 'Alegreya Sans SC', sans-serif;
  499. margin-top:7px;
  500. padding-bottom:3px;
  501. padding-top:2px;
  502. text-transform:none;
  503. font-size:9px;
  504. font-style:none;
  505. background-color:{color:info};
  506. border-top:3px double {color:info border};
  507. z-index:999;
  508. border-radius:12px 12px 0px 0px;
  509. }
  510.  
  511.  
  512. #tags {
  513. font-family: 'Alegreya Sans SC', sans-serif;
  514. letter-spacing:0px;
  515. text-transform:lowercase;
  516. font-size:10px;
  517. font-style:none;
  518. padding-top:0px;
  519. text-align:right;
  520. background-color:{color:info};
  521. margin-top:-13px;
  522. text-align:center;
  523. z-index:-1;
  524. opacity:0;
  525. -webkit-transition-duration:.5s;
  526. -moz-transition-duration:.5s;
  527. -o-transition-duration:.5s;
  528. }
  529.  
  530. #tags
  531. a {display:inline;background-color:{color:Tags};padding:-3px;text-align:left;
  532. -webkit-transition: all 0.6s ease-in-out;
  533. -moz-transition: all 0.6s ease-in-out;
  534. -o-transition: all 0.6s ease-in-out;
  535. -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
  536.  
  537.  
  538. /* --- AUDIO POSTS---*/
  539.  
  540. #audioinfo {
  541. text-align:left;
  542. margin-top:10px;
  543. padding:7px;
  544. background-color:{color:AudioInfo};
  545. }
  546.  
  547. #audioplayer {
  548. padding:10px;
  549. background-color:{color:Background};
  550. }
  551.  
  552. /* --- QUESTIONS ---*/
  553.  
  554. #asker {
  555. padding:5px;
  556. font-family:helvetica;
  557. letter-spacing:1px;
  558. text-align:left;
  559. border-radius:15px;
  560. font-style:italic;
  561. margin-left:15px;
  562. border-bottom:3px double #f2f2f2;
  563. border-top:3px double #f2f2f2;
  564. background-color:{color:Ask BG};
  565.  
  566. }
  567.  
  568. #answer {
  569. margin-top:-40px;
  570. margin-left:55px;
  571. padding-bottom:30px;
  572.  
  573. }
  574.  
  575. /* --- CREDIT D O N O T R E M O V E ---*/
  576.  
  577. #credit {
  578. position:fixed;
  579. bottom:3px;
  580. right:15px;
  581. font-size:20px;
  582. padding-top:7px;
  583. text-align:left;
  584. padding-left:5px;
  585. width:17px;
  586. height:15px;
  587. border:solid 1px #fff;
  588. letter-spacing:2px;
  589. font-family:Trebuchet MS;
  590. background-color:#ffffff;
  591. border:solid 1px #acacac;
  592. -webkit-transition-duration:1s;
  593. -moz-transition-duration:1s;
  594. -o-transition-duration:1s;
  595. }
  596.  
  597. #credit a{
  598. color:#000000;
  599. -webkit-transition-duration:1s;
  600. -moz-transition-duration:1s;
  601. -o-transition-duration:1s;
  602. }
  603.  
  604. #credit:hover {
  605. right:15px;
  606. background-color:#acacac;
  607.  
  608. border-radius:7px;
  609. -webkit-transition-duration:1s;
  610. -moz-transition-duration:1s;
  611. -o-transition-duration:1s;
  612. }
  613.  
  614. #credit:hover a{
  615. color:#ffffff;
  616. -webkit-transition-duration:1s;
  617. -moz-transition-duration:1s;
  618. -o-transition-duration:1s;
  619. }
  620.  
  621. {CustomCSS}</style></head><body>
  622.  
  623. <div id="updates">
  624. <div id="updatesimage">
  625. <img src="{image:Left Bar}">
  626. </div>
  627. </div>
  628.  
  629. <div id="updatestitle">
  630. updates
  631. <div id="updatesinfo">
  632.  
  633. !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
  634. !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!PUT YOUR UPDATES HERE!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
  635. !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
  636.  
  637. </div>
  638. </div>
  639.  
  640.  
  641. <div id="sidebar">
  642. <div id="sidebarimage"><img src="{image:Small Sidebar 1}"></div>
  643.  
  644. <div id="panel">
  645. <div id="sidebarimage2"><img src="{image:Large Sidebar}"></div>
  646. </div>
  647.  
  648. <div id="title">{Title}</div>
  649.  
  650. <div id="description">
  651. {Description} <p><img src="http://images1.wikia.nocookie.net/__cb20130330175504/glee/images/8/84/DividerTransparent-1-.png" width="100px" height="12px"></p>
  652. </div>
  653.  
  654. <div class="links"> <p></p>
  655. <a href="/">home</a> <p></p>
  656. <a href="/ask">mssg</a> <p></p>
  657. <a href="{text:Link 1}">{text:Link 1 Text}</a> <p></p>
  658. <a href="{text:Link 2}">{text:Link 2 Text}</a> <p></p>
  659. <a href="{text:Link 3}">{text:Link 3 Text}</a> <p></p>
  660. <a href="{text:Link 4}">{text:Link 4 Text}</a> <p></p>
  661. </div>
  662.  
  663.  
  664. {block:Pagination}
  665. {block:PreviousPage}<div id="back"><a href="{PreviousPage}">⊰ &nbsp;retreat</a></div>{/block:PreviousPage}
  666. {block:NextPage}<div id="next"><a href="{NextPage}">advance&nbsp; ⊱</a></div>{/block:NextPage}
  667. {/block:Pagination}
  668. </div>
  669.  
  670.  
  671.  
  672. <div id="entries">{block:Posts}<div id="post">
  673.  
  674. {block:Text}<h1>{block:Title}{Title}{/block:Title}</h1>{Body}{/block:Text}
  675.  
  676. {block:Photo}{LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}{block:Caption}{Caption}{/block:Caption}{/block:Photo}
  677.  
  678. {block:Photoset}{Photoset-500}{block:Caption}{Caption}{/block:Caption}{/block:Photoset}
  679.  
  680. {block:Quote}<h1>"{Quote}"</h1>{block:Source}<center><em>-{Source}-</em></center>{/block:Source}{/block:Quote}
  681.  
  682. {block:Link}<h1><a href="{URL}" {Target}>{Name}</a></h1>{block:Description}{Description}{/block:Description}{/block:Link}
  683.  
  684. {block:Chat}{block:Title}<h1>{Title}</h1>{/block:Title}{block:Lines}{block:Label}<b>{Label}</b>{/block:Label} {Line}<br>{/block:Lines}{/block:Chat}
  685.  
  686. {block:Audio}
  687. <center>{block:AlbumArt}<img src="{AlbumArtURL}" style="width:80px;height:80px;border-radius:50%;">{/block:AlbumArt}<div id="audioplayer">{block:AudioPlayer}{AudioPlayerWhite}{/block:AudioPlayer}</center</div>
  688. <div id="audioinfo"><center><br>{block:TrackName}<em><b>Title:</b> {TrackName}</em><br />{/block:TrackName}
  689. <br>{block:Artist}<em><b>Artist:</b> {Artist}</em><br />{/block:Artist}
  690. {/block:ExternalAudio}<br><em><b>Played:</b> {FormattedPlayCount}</em> times<p>{Caption}</p></center>
  691. </div>
  692. {/block:Audio}
  693.  
  694. {block:Video}{Video-500}{block:Caption}{Caption}{/block:Caption}{/block:Video}
  695.  
  696. {block:Answer}<div id="asker"><img src="{AskerPortraitURL-40}" style="margin-left:6px;"><div id="answer"> {Asker} inquired: {Question}</div></div><center><font face="helvetica">{Answer}</font></center>{/block:Answer}
  697.  
  698. <div id="info">
  699. <a href="{Permalink}">{DayOfMonthWithZero}.{MonthNumberWithZero}.{ShortYear}</a> - {block:RebloggedFrom} <a href="{ReblogParentURL}" target="_blank"></a>{/block:RebloggedFrom} <a href="{Permalink}">{NoteCountWithLabel}</a> - <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> - {block:ContentSource}( <a href="{SourceURL}">© </a>){/block:ContentSource}
  700.  
  701. {block:HasTags}<div id="tags">filed under: {block:Tags}⇢<a href="{TagURL}">{Tag}</a> {/block:Tags}</div>{/block:HasTags}</div></div>
  702.  
  703. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  704. {/block:Posts}</div>
  705. </div>
  706.  
  707.  
  708. <!--
  709. THEME MAKER CREDIT
  710. -->
  711.  
  712. <div id="credit"><a href="http://tardissauce.tumblr.com/" title="tardissauce">ℑ</a></div>
  713.  
  714.  
  715. </body></html>
Add Comment
Please, Sign In to add comment