Advertisement
Themes_Mandrakescry

Theme 21

Oct 5th, 2013
4,418
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.77 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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  
  4.  
  5. <!-------------------------------------------
  6. Theme by Clara Schueller
  7. http://mandrakescry.tumblr.com/
  8. DON'T REMOVE THE CREDITS
  9. -------------------------------------------->
  10.  
  11.  
  12. <html>
  13. <head>
  14.  
  15. <link href='http://fonts.googleapis.com/css?family=Snippet' rel='stylesheet' type='text/css'>
  16.  
  17. <meta name="color:background" content="#ffffff"/>
  18. <meta name="color:text" content="#b3aeae"/>
  19. <meta name="color:link" content="#5e5243"/>
  20. <meta name="color:border" content="#e6e7e7"/>
  21. <meta name="color:scrollbar Background" content="#ffffff"/>
  22. <meta name="color:scrollbar" content="#e6e7e7"/>
  23. <meta name="color:sidebar line" content="#50a8c8" />
  24. <meta name="color:stitle" content="#fff"/>
  25. <meta name="color:link" content="#50a8c8" />
  26. <meta name="color:link hover" content="#b4dae7" />
  27. <meta name="color:answer backg" content="#3f3939"/>
  28. <meta name="color:notes link" content="#8ecce2" />
  29. <meta name="color:notes link hover" content="#b4dae7" />
  30. <meta name="color:notes text" content="#398caa" />
  31. <meta name="color:pagination" content="#50a8c8" />
  32. <meta name="color:pagination hover" content="#b4dae7" />
  33. <meta name="color:sidebar bg" content="#000000" />
  34. <meta name="color:sidebar links" content="#50a8c8" />
  35. <meta name="color:sidebar text" content="#eeecec" />
  36. <meta name="color:text" content="#999999" />
  37. <meta name="color:nav links" content="#fff"/>
  38. <meta name="color:nav hover" content="#fff"/>
  39. <meta name="color:border 2" content="#eeecec" />
  40. <meta name="color:title1" content="#eeecec" />
  41. <meta name="color:title2" content="#bebcbc" />
  42. <meta name="color:link border" content="#00a1ff" />
  43.  
  44.  
  45.  
  46.  
  47.  
  48. <meta name="image:Background" content="" />
  49. <meta name="image:Sidebar" content="" />
  50. <meta name="image:Border Background" content="http://static.tumblr.com/xkrznpq/C6amu6gkb/dark_exa.png" />
  51.  
  52. <meta name="if:Infinite Scrolling" content="0" />
  53. <meta name="if:Show Caption" content="0"/>
  54.  
  55. <meta name="text:title1" content="" />
  56. <meta name="text:title2" content="" />
  57.  
  58. <meta name="font:sidebar title" content="Helvetica Neue"/>
  59. <meta name="font:Body" content="Arial, Helvetica, sans-serif"/>
  60.  
  61. <meta name="text:Link 1" content="" />
  62. <meta name="text:Link 1 Text" content="" />
  63. <meta name="text:Link 2" content="" />
  64. <meta name="text:Link 2 Text" content="" />
  65. <meta name="text:Link 3" content="" />
  66. <meta name="text:Link 3 Text" content="" />
  67. <meta name="text:Link 4" content="" />
  68. <meta name="text:Link 4 Text" content="" />
  69. <meta name="if:Show Link 1" content="1" />
  70. <meta name="text:Link 5" content="" />
  71. <meta name="text:Link 5 Text" content="" />
  72. <meta name="if:Show Link 5" content="1" />
  73. <meta name="if:Show Link 2" content="1" />
  74. <meta name="if:Show Link 3" content="1" />
  75. <meta name="if:Show Link 4" content="1" />
  76. <meta name="color:accentcolour" content="#f7f3f3"/>
  77.  
  78. <title>{Title}</title>
  79. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  80. <link rel="shortcut icon" href="{Favicon}">
  81. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  82. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  83. <script type="text/javascript" src="http://static.tumblr.com/tiu5k68/xTkm8wqw2/tumblr-title-qtip.js"></script>
  84.  
  85. {block:IfInfiniteScrolling}
  86. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  87. {/block:IfInfiniteScrolling}
  88.  
  89.  
  90. <script>
  91. $(document).ready(function(){
  92.  
  93. $(".slidingDiv").hide();
  94. $(".show_hide").show();
  95.  
  96. $('.show_hide').toggle(function(){
  97. $(".slidingDiv").slideDown(
  98. function(){
  99. $("#navigation").text("navigation")
  100. }
  101. );
  102. },function(){
  103. $(".slidingDiv").slideUp(
  104. function(){
  105. $("#navigation").text("navigation")
  106. }
  107. );
  108. });
  109. });
  110. </script>
  111.  
  112. <script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
  113. <script>
  114. (function($){
  115. $(document).ready(function(){
  116. $("[title]").style_my_tooltips();
  117. });
  118. })(jQuery);
  119. </script>
  120.  
  121. <script type="text/javascript"
  122. src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
  123.  
  124.  
  125. <style type="text/css">
  126.  
  127.  
  128. #s-m-t-tooltip{
  129. max-width:300px;
  130. z-index:10;
  131. margin-top:-25px;
  132. margin-left:0px;
  133. padding:3px;
  134. background-color:#000;
  135. font-family: Consolas;
  136. font-size:10px;
  137. color:#fff;
  138. border-style:solid;
  139. border-color:#1e1e1e;
  140. border-width:1px;
  141. text-transform:uppercase;
  142. }
  143.  
  144. img{
  145. opacity: .8;
  146. filter:alpha(opacity=10);
  147. -moz-opacity: 0.1;
  148. -moz-transition: all .9s ease;
  149. -o-transition: all .9s ease;
  150. transition: all .9s ease;
  151. -webkit-transition: all .9s ease;}
  152.  
  153.  
  154.  
  155. img:hover{
  156. opacity: 1;
  157. filter:alpha(opacity=100);
  158. -moz-opacity: 1;
  159. -moz-transition: all .9s ease;
  160. -o-transition: all .9s ease;
  161. transition: all .9s ease;
  162. -webkit-transition: all .9s ease;}
  163.  
  164.  
  165.  
  166.  
  167. .photo {
  168. opacity: .8;
  169. filter:alpha(opacity=10);
  170. -moz-opacity: 0.1;
  171. -moz-transition: all .9s ease;
  172. -o-transition: all .9s ease;
  173. transition: all .9s ease;
  174. -webkit-transition: all .9s ease;}
  175.  
  176.  
  177.  
  178. .photo:hover{
  179. opacity: 1;
  180. filter:alpha(opacity=100);
  181. -moz-opacity: 1;
  182. -moz-transition: all .9s ease;
  183. -o-transition: all .9s ease;
  184. transition: all .9s ease;
  185. -webkit-transition: all .9s ease;}
  186.  
  187.  
  188.  
  189. iframe#tumblr_controls {right:3px !important; position: fixed !important;-webkit-transition: opacity 0.7s linear;opacity: 0.2;-webkit-transition: all 0.8s ease-out;-moz-transition: all 0.8s ease-out;transition: all 0.8s ease-out;}
  190.  
  191.  
  192. iframe#tumblr_controls:hover{-webkit-transition: opacity 0.7s linear;opacity: .9;-webkit-transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
  193.  
  194. ::-webkit-scrollbar {width: 5px; height: 5px; background:{color:Scrollbar Background}; }
  195. ::-webkit-scrollbar-thumb { background-color: {color:Scrollbar};}
  196.  
  197.  
  198.  
  199. @font-face {font-family: "print";src: url('http://static.tumblr.com/iuggpng/oQfm4mzne/princ___.ttf');}
  200.  
  201. body{
  202. background-color: {color:Background};
  203. background-image: url({image:Background});
  204. background-attachment: fixed;
  205. background-repeat: repeat;
  206. background-position: center;
  207. font-family:cambria;
  208. font-size:11px;
  209. line-height:12px;
  210. color:{color:Text};
  211. }
  212.  
  213.  
  214. ::selection { color: {color:Link Hover};
  215. background: {color:Link Hover Bkgd}; }
  216. ::-moz-selection { color: {color:Link Hover};
  217. background: {color:Link Hover Bkgd}; }
  218.  
  219. a:link, a:active, a:visited{
  220. color: {color:Link};
  221. text-decoration:none;
  222. transition: all 0.5s ease-out;
  223. -o-transition-transition: all 0.5s ease-out;
  224. -webkit-transition: all 0.5s ease-out;
  225. -moz-transition: all 0.5s ease-out;
  226. }
  227. a:hover{
  228. color: {color:Link Hover};
  229. background: {color:Link Hover Bkgd};
  230. cursor: url(http://i.imgur.com/IepP2.jpg), progress;
  231. }
  232.  
  233.  
  234.  
  235. #title {
  236. width:340px;
  237. text-align:center;
  238. font-size:20px;
  239. letter-spacing:1px;
  240. text-transform:justify;
  241. color:{color:title1};
  242. font-family: 'Snippet', sans-serif;
  243. margin-left:-120px;
  244. }
  245.  
  246. #title a:hover {
  247. background-color:{color:border};
  248. -webkit-transition: all 0.6s ease-in-out;
  249. -moz-transition: all 0.6s ease-in-out;
  250. -o-transition: all 0.6s ease-in-out;
  251. -ms-transition: all 0.6s ease-in-out;
  252. transition: all 0.6s ease-in-out;
  253. }
  254.  
  255.  
  256. #second {
  257. margin-top:-8px;
  258. margin-left:-15px;
  259. width:260px;
  260. text-align:center;
  261. font-size:15px;
  262. letter-spacing:1px;
  263. text-transform:justify;
  264. color:{color:title2};
  265. font-style:italic;
  266. font-family: 'Snippet', sans-serif;
  267. }
  268.  
  269.  
  270. #line {
  271. position:fixed;
  272. width:5px;
  273. height:110%;
  274. margin-top:-60px;
  275. margin-left:220px;
  276. background-color:{color:sidebar line};
  277. }
  278.  
  279. #backgroundsidebar{
  280. width:220px;
  281. height:200%;
  282. background-color: {color:sidebar bg};
  283. position:fixed;
  284. margin-top:-60px;
  285. margin-left:120px;
  286. }
  287.  
  288.  
  289. #padfoot {
  290. height:auto;
  291. width:150px;
  292. margin-top:180px;
  293. text-align:center;
  294. position:fixed;
  295. margin-left:-1px;
  296. }
  297.  
  298. #padfootimage {
  299. width: 120px;
  300. }
  301.  
  302. #padfootimage img {
  303. width:140px;
  304. height:140px;
  305. margin-left:30px;
  306. border:10px solid {color:sidebar line}
  307. }
  308.  
  309.  
  310.  
  311. .desc{
  312. width:150px;
  313. color:{color:sidebar text};
  314. padding:10px;
  315. font-family:cambria;
  316. font-size:10px;
  317. font-style:justify;
  318. text-align:center;
  319. text-transform:justify;
  320. margin-left:1px
  321. }
  322.  
  323. .about {
  324. width:180px;
  325. margin-top:5px;
  326. padding:5px 20px;
  327. text-align:right;
  328. color:{color:sidebar text};
  329. }
  330.  
  331. .about a {
  332. color:{color:sidebar links};
  333. text-decoration:none;
  334. }
  335.  
  336. .about a:hover {
  337. color:{color:link hover};
  338. }
  339.  
  340. .links{
  341. font-size:9px;
  342. font-family: calibri;
  343. text-transform:uppercase;
  344. margin-top:-260px;
  345. word-spacing:6px;
  346. padding-bottom:4px;
  347. width:80px;
  348. text-align:left;
  349. display:block;
  350. margin-left:10px;
  351. }
  352.  
  353. .links a{
  354. padding:5px;
  355. letter-spacing:0px;
  356. width:80px;
  357. color:{color:nav links};
  358. margin-left:-140px;
  359. display:block;
  360. text-decoration:none;
  361. -moz-transition-duration:0.6s;
  362. -webkit-transition-duration:0.6s;
  363. -o-transition-duration:0.6s;
  364. }
  365.  
  366. .links a:hover {
  367. color:{color:nav hover};
  368. text-decoration:none;
  369. -moz-transition:0.3s ease-in;
  370. -webkit-transition:0.3s ease-in;
  371. -o-transition:0.3s ease-in;
  372. transition:0.3s ease-in;
  373. }
  374.  
  375. .show_hide {
  376. display:none;
  377. font-family:arial;
  378. width:150px;
  379. font-size:9px;
  380.  
  381. }
  382.  
  383. #bor2{
  384. z-index:-9;
  385. top:0px;
  386. left:0px;
  387. height:110%;
  388. width:130px;
  389. position:fixed;
  390. background-color: {Color:border2};
  391. background-image: url('{image:border background}');
  392. background-attachment:fixed;
  393. }
  394.  
  395. #pagination {
  396. position: fixed;
  397. display: block;
  398. top: 60%;
  399. font-size: 55px;
  400. font-family: georgia;
  401. left: 40px;
  402. width: 50px;
  403. padding-bottom:10px;
  404. text-align: center;
  405. }
  406.  
  407. #pagination a{
  408. color:{color:nav links};
  409. }
  410.  
  411. #pagination a:hover{
  412. color:{color:nav hover};
  413. }
  414.  
  415. blockquote{
  416. padding:0px 0px 2px 5px;
  417. margin-left:10px;
  418. border-left: 3px solid {color:Border};}
  419. blockquote p, ul{margin:0px; padding:0px;
  420. }
  421.  
  422. #container {
  423. margin:auto;
  424. width:700px;
  425. }
  426.  
  427. #entry {
  428. width:500px;
  429. margin-left:450px;
  430. margin-top:50px;
  431. padding:7px;
  432. background:transparent;
  433. }
  434.  
  435. #entry .permalink{
  436. width:100px;
  437. position:absolute;
  438. font-size:10px;
  439. font-family:calibri;
  440. text-transform:justify;
  441. margin-left:507px;
  442. padding-left:4px;
  443. opacity:0;
  444. -webkit-transition: all 0.3s linear;
  445. -moz-transition: all 0.3s linear;
  446. transition: all 0.3s linear;
  447. }
  448.  
  449. #entry:hover .permalink{
  450. overflow:visible;
  451. opacity:0.8;
  452. -webkit-transition: opacity 0.3s linear;
  453. -webkit-transition: all 0.3s linear;
  454. -moz-transition: all 0.3s linear;
  455. transition: all 0.3s linear;
  456. }
  457.  
  458. #permalink{
  459. position:relative;
  460. margin-top:9px;
  461. padding-top:7px;
  462. font-size:9px;
  463. font-family:calibri;
  464. letter-spacing:1px;
  465. text-align:center;
  466. text-transform:uppercase;
  467. {block:IndexPage}
  468. border-top:1px solid {color:Border};
  469. {/block:IndexPage}
  470. }
  471.  
  472. .chat .line{
  473. padding: 2px;
  474. }
  475.  
  476. .label {color:{color:text}}
  477.  
  478. a img{border: 0px;}
  479.  
  480. .p { padding-top: 5px; }
  481. .ol, ul { margin-left: 10px; padding: 5px; }
  482. .ul { list-style-type: square; }
  483.  
  484. .cover {position: absolute; z-index: 1; width:65px;}
  485.  
  486. .playbox {background-color: #000; position: absolute; z-index: 1000;}
  487.  
  488. .playbutton {width: 20px; height: 30px; overflow: hidden; position: relative; z-index: 1000; margin: 11px 20px 8px 11px;}
  489.  
  490. .playbox {background-color: #000; position: absolute; z-index: 1000; margin-top: 8px; margin-left: 8px; opacity:.5;
  491. -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;-webkit-border-radius: 45px;
  492. -moz-border-radius: 45px;
  493. border-radius: 45px;}
  494.  
  495. .playbox:hover {opacity:.8;}
  496.  
  497. .title{
  498. width:
  499. position:absolute;
  500. line-height:14px;
  501. margin-left:65px;
  502. padding:4px;
  503. z-index: 1000;
  504. text-transform:uppercase;
  505. }
  506.  
  507. .artist{
  508. width:
  509. position:absolute;
  510. line-height:14px;
  511. margin-left:65px;
  512. padding:5px;
  513. z-index: 1000;
  514. text-transform:uppercase;
  515. }
  516.  
  517. .video embed, .post div.video object {width:250px; height:187px}
  518.  
  519. .notes img{width:10px; position:left; top:3px;}
  520.  
  521.  
  522.  
  523. #asker {
  524. color:#fff;
  525. padding:14px;
  526. font-family: 'HominisNormal';
  527. font-size:11px;
  528. letter-spacing:0px;
  529. text-align:left;
  530. margin-top:0px;
  531. text-transform:lowercase;
  532. line-height:100%;
  533. background-color:{color:Answer Backg};}
  534.  
  535. #asker a{
  536. color:{color:sidebar links};
  537. }
  538.  
  539. #asker a:hover {
  540. -moz-transition-duration:0.3s;
  541. -webkit-transition-duration:0.3s;
  542. -o-transition-duration:0.3s;
  543. color:#000;}
  544.  
  545. #credit{
  546. width:20px;
  547. position:fixed;
  548. bottom:10px;
  549. right:10px;
  550. opacity:1;
  551. z-index:1;
  552. -webkit-transition: all 0.3s linear;
  553. -moz-transition: all 0.3s linear;
  554. -o-transition: all 0.3s linear;
  555. -ms-transition: all 0.3s linear;
  556. -webkit-filter: grayscale(100%);
  557. -moz-filter: grayscale(100%);
  558. -ms-filter: grayscale(100%);
  559. -o-filter: grayscale(100%);
  560. }
  561.  
  562. #credit:hover{
  563. opacity:0.3;
  564. -webkit-filter: grayscale(0%);
  565. -moz-filter: grayscale(0%);
  566. -ms-filter: grayscale(0%);
  567. -o-filter: grayscale(0%);
  568. }
  569.  
  570. @font-face {
  571. font-family: "04b03";
  572. src: url('http://static.tumblr.com/icz5xqv/ZUmlobzpk/bonjourlindas.blgspt_upload_pxl.ttf');
  573. format("truetype");
  574. }
  575.  
  576. </style>
  577. </head>
  578.  
  579. <body>
  580.  
  581. <div id="backgroundsidebar">
  582.  
  583. <div id="line"></div>
  584.  
  585.  
  586. <div id="padfoot">
  587. <div id="title">{text:title1}</div><br><div id="second">{text:title2}</div><br><br>
  588. <div id="padfootimage"><img src="{image:sidebar}"></div>
  589. <div class="about">
  590. <div class="desc">
  591. {block:Description}{Description}{/block:Description}<br><br>
  592.  
  593. <div id="bor2"></div>
  594.  
  595. <div class="links">
  596. <a href="#" class="show_hide" id="links" style="margin-left:-130px; border-bottom:1px solid {color:sidebarbg}";>navigation</a>
  597. <div class="slidingDiv">
  598. <div style="color:{color:link border}; font-size:30px;">
  599. </div>
  600.  
  601. <a href="/"><div style="color:{color:link border}; display:inline-block;">■ </div> home</a>
  602. <a href="/ask"><div style="color:{color:link border}; display:inline-block;">■</div> ask</a>
  603. {block:IfShowLink1}<a href="{text:Link 1}"><div style="color:{color:link border}; display:inline-block;">■ </div> {text:Link 1 Text}</a>{/block:IfShowLink1}
  604. {block:IfShowLink2}<a href="{text:Link 2}"><div style="color:{color:link border}; display:inline-block;">■ </div> {text:Link 2 Text}</a>{/block:IfShowLink2}
  605. {block:IfShowLink3}<a href="{text:Link 3}"><div style="color:{color:link border}; display:inline-block;">■ </div> {text:Link 3 Text}</a>{/block:IfShowLink3}
  606. {block:IfShowLink4}<a href="{text:Link 4}"><div style="color:{color:link border}; display:inline-block;">■ </div> {text:Link 4 Text}</b></a>{/block:IfShowLink4}
  607. {block:IfShowLink5}<a href="{text:Link 5}"><div style="color:{color:link border}; display:inline-block;">■ </div> {text:Link 5 Text}</a>{/block:IfShowLink5}</div>
  608. </div>
  609.  
  610. <div id="pagi"></div>
  611.  
  612. <div id="pagination">
  613. {block:PreviousPage}<a href="{PreviousPage}">&laquo;</a>{/block:PreviousPage}<br><br>{block:NextPage}<a href="{NextPage}">&raquo;</a>{/block:NextPage}</div>
  614. </div>
  615. </div>
  616. </div>
  617. </div>
  618. </div>
  619. </div></div> </div>
  620.  
  621.  
  622. {block:Posts}
  623. <div id="entry">
  624. {block:IndexPage}
  625. <div class="permalink">
  626. {block:HasTags}
  627. TAGGED AS:<br>
  628. {block:Tags}<a href="{TagURL}">#{Tag}</a><br>
  629. {/block:Tags}
  630. {/block:HasTags}
  631. </div>
  632. {/block:IndexPage}
  633.  
  634. {block:Answer}<div id="asker">{Question} —<span style="text-align:lowercase; color:#fff; "><b><i>{Asker}</i></b><br></span> </div><left><div style="padding:4px;margin-top:3px;font-size:11px;"><font face="arial">{Answer}</font></div>{/block:Answer}
  635.  
  636. {block:Text}
  637. {block:Title}
  638. <div class="posttitle">{Title}</div>
  639. {/block:Title}
  640. {Body}
  641. {/block:Text}
  642.  
  643. {block:Link}
  644. <div class="posttitle">
  645. <a href="{URL}">{Name}</a>
  646. </div>
  647. {block:Description}{Description}{/block:Description}
  648. {/block:Link}
  649.  
  650. {block:Photo}
  651. <center>
  652. {LinkOpenTag}
  653. <div id="pic">
  654. <a href="{permalink}">
  655. <img src="{PhotoURL-500}" alt="{PhotoAlt}" width="500px"></a>
  656. </div>
  657. {LinkCloseTag}
  658. </center>
  659. {block:Caption}{Caption}{/block:Caption}
  660. {block:ContentSource}
  661. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  662. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  663. {/block:SourceLogo}
  664. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  665. {/block:ContentSource}
  666. {block:ReblogParentURL}
  667. <!-- {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  668. {/block:ReblogParentURL}
  669. {/block:Photo}
  670.  
  671. {block:Photoset}
  672. <center>
  673. <div class="photo">
  674. {Photoset-500}
  675. </div>
  676. </center>
  677. {block:Caption}{Caption}{/block:Caption}
  678. {/block:Photoset}
  679.  
  680. {block:Quote}
  681. <div class="posttitle">"{Quote}"</div>
  682. {block:Source}
  683. <i> - {Source}</i>
  684. {/block:Source}
  685. {/block:Quote}
  686.  
  687. {block:Chat}
  688. {block:Title}
  689. <div id="posttitle">
  690. {Title}
  691. </div>
  692. {/block:Title}
  693. <div class="chat">
  694. {block:Lines}
  695. <div class="chat">
  696. <div class="line {Alt}">
  697. <div class="{Alt} user_{UserNumber}">
  698. {block:Label}
  699. <b>{Label} </b>
  700. {/block:Label}
  701. {Line}
  702. </div>
  703. </div>
  704. </div>
  705. {/block:Lines}
  706. </div>
  707. {/block:Chat}
  708.  
  709. {block:Audio}
  710. <div class="playbox">
  711. <div class="playbutton">
  712. {block:AudioPlayer}{AudioPlayerBlack}{/block:AudioPlayer}
  713. </div></div>
  714. {block:AlbumArt}
  715. <img src="{AlbumArtURL}" class="cover">
  716. {/block:AlbumArt}
  717.  
  718. <div class="title">
  719. {block:TrackName}
  720. <b>Title</b>:{TrackName}
  721. {/block:TrackName}
  722. </div>
  723.  
  724. <div class="artist">
  725. {block:Artist}
  726. <b>Artist:</b>{Artist}
  727. {/block:Artist}
  728. </div>
  729.  
  730. <div class="title">
  731. {PlayCountWithLabel}
  732. </div>
  733.  
  734. <br>
  735. {block:Caption}{Caption}{/block:Caption}
  736. {/block:Audio}
  737.  
  738. {block:Video}
  739. <center>
  740. <div class="photo">
  741. {Video-500}
  742. </div>
  743. </center>
  744. {block:Caption}{Caption}{/block:Caption}
  745. {/block:Video}
  746.  
  747. {block:IndexPage}
  748. <div id="permalink">posted
  749. <a href="{Permalink}"> {TimeAgo}</a>
  750. with
  751. <a href="{Permalink}">{NoteCountWithLabel}</a>
  752. {block:RebloggedFrom}· <a href="{ReblogParentURL}" target="_blank">via</a> · (<a href="{ReblogRootURL}" target="_blank">©</a>) <a href="{ReblogURL}" target="_blank" class="details">Reblog</a> {/block:RebloggedFrom}
  753. </div>
  754. {/block:IndexPage}
  755.  
  756. {block:PermalinkPage}
  757. <center>
  758. <div id="permalink">
  759. {block:Date}
  760. {TimeAgo} on
  761. {ShortMonth} {DayofMonth},{Year}
  762. {/block:Date}
  763. {block:NoteCount} · {NoteCountWithLabel}
  764. {/block:NoteCount}
  765. {block:HasTags} · Tags:
  766. {block:Tags}<a href="{TagURL}">#{Tag} </a>
  767. {/block:Tags}
  768. {/block:HasTags}
  769. <br>{block:RebloggedFrom}via: <a href="{ReblogParentURL}" target="_blank">{ReblogParentName}</a> · (©: <a href="{ReblogRootURL}" target="_blank">{ReblogRootName}</a>) {/block:RebloggedFrom}
  770. </div>
  771. </center>
  772. {/block:PermalinkPage}
  773.  
  774. {block:PostNotes}
  775. {PostNotes}
  776. {/block:PostNotes}
  777. </div>
  778. {/block:Posts}
  779. </div>
  780.  
  781. <a href="http://adf.ly/WipQG"><img src="http://static.tumblr.com/xkrznpq/6aemtt6wy/m.png" id="credit" title="mandrakescry themes"></a>
  782.  
  783.  
  784. </body>
  785. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement