Advertisement
vickkyu

theme #01 by minivicky

Feb 18th, 2014
516
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.59 KB | None | 0 0
  1. <html>
  2.  
  3. <!--
  4. Theme #01 'Become Him'
  5. by minivicky.tumblr.com
  6. -->
  7.  
  8. <head>
  9. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  10. <title>{Title}</title>
  11. <link rel="shortcut icon" href="{Favicon}">
  12. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  13. <link rel="alternate" type="application/rss+xml" href="{RSS}" />
  14.  
  15.  
  16. <!-- All -->
  17. <meta name="color:background" content="#faf8f8">
  18. <meta name="color:blockquote" content="#3c504e">
  19. <meta name="color:scrollbar" content="#4b7773">
  20. <meta name="color:scrollbar bg" content="#faf8f8">
  21. <meta name="color:link" content="#442d36">
  22. <meta name="color:link hover" content="#3c504e">
  23. <meta name="color:text" content="#807a7a">
  24. <meta name="color:question background" content="#faf8f8">
  25.  
  26. <!-- Header -->
  27. <meta name="color:header background" content="#f4e3df">
  28. <meta name="color:header links background" content="#442d36">
  29. <meta name="color:navi links" content="#ffffff">
  30. <meta name="color:navi links background hover" content="#3c504e">
  31. <meta name="color:navi links background" content="#442d36">
  32.  
  33. <!-- Posts -->
  34. <meta name="color:entries" content="#ffffff">
  35. <meta name="color:post border" content="#3c504e">
  36. <meta name="color:post title" content="#3c504e">
  37.  
  38. <!-- Images -->
  39. <meta name="image:background" content="">
  40. <meta name="image:header background" content="">
  41. <meta name="image:sidebar" content="http://static.tumblr.com/ctnjtyx/UHymrpf3t/sidebar.gif">
  42. <meta name="image:header 1" content="http://static.tumblr.com/ctnjtyx/a5wn17lgk/header_1.png">
  43. <meta name="image:header 2" content="http://static.tumblr.com/ctnjtyx/fONn17lh4/header_2.png">
  44.  
  45. <!-- Options -->
  46. <meta name="if:Captions" content="0">
  47. <meta name="if:Grayscale Image" content="0">
  48. <meta name="if:Infinite Scrolling" content="0">
  49.  
  50. <!-- Links -->
  51. <meta name="text:Link 1" content="">
  52. <meta name="text:Link 1 url" content="">
  53. <meta name="text:Link 2" content="">
  54. <meta name="text:Link 2 url" content="">
  55. <meta name="text:Link 3" content="">
  56. <meta name="text:Link 3 url" content="">
  57. <meta name="text:Link 4" content="">
  58. <meta name="text:Link 4 url" content="">
  59. <meta name="text:Link 5" content="">
  60. <meta name="text:Link 5 url" content="">
  61. <meta name="text:Link 6" content="">
  62. <meta name="text:Link 6 url" content="">
  63. <meta name="text:Link 7" content="">
  64. <meta name="text:Link 7 url" content="">
  65. <meta name="text:Link 8" content="">
  66. <meta name="text:Link 8 url" content="">
  67. <meta name="text:Link 9" content="">
  68. <meta name="text:Link 9 url" content="">
  69.  
  70. <!-- Scripts -->
  71. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  72.  
  73. <link href='http://fonts.googleapis.com/css?family=Tulpen+One' rel='stylesheet' type='text/css'>
  74.  
  75. <script src="http://static.tumblr.com/taiol9r/FKKmcv180/jquery.style-my-tooltips.js"></script>
  76.  
  77. <script>
  78. (function($){
  79. $(document).ready(function(){
  80. $("[title]").style_my_tooltips({
  81. tip_follows_cursor:true,
  82. tip_delay_time:100,
  83. tip_fade_speed:500,
  84. });});})(jQuery);
  85. </script>
  86.  
  87. {block:IfInfiniteScrolling}
  88. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  89. {/block:IfInfiniteScrolling}
  90.  
  91. <style type="text/css">
  92.  
  93. /*body*/
  94. body{
  95. background-color:{color:background};
  96. background-image: url('{image:background}');
  97. background-repeat:repeat;
  98. font-family: calibri;
  99. margin:0px;
  100. padding:0px;
  101. font-size:10px;
  102. }
  103.  
  104. /*scrollbar*/
  105. ::-webkit-scrollbar{
  106. height: 0px;
  107. width: 2px;
  108. }
  109.  
  110. ::-webkit-scrollbar-thumb{
  111. background-color:{color:scrollbar};
  112. -webkit-border-radius: 50px;
  113. border-radius: 50px;
  114. }
  115.  
  116. ::-webkit-scrollbar-track{
  117. background-color:{color:scrollbar background};
  118. -webkit-border-radius: 50px;
  119. border-radius: 50px;
  120. }
  121.  
  122. ::-webkit-scrollbar-buttom{
  123. background-color:{color:scrollbar background};
  124. }
  125.  
  126. /*links hover*/
  127. #s-m-t-tooltip{
  128. max-width:300px;
  129. margin:14px 10px 5px 15px;
  130. padding:3px;
  131. background-color:{color:header links background};
  132. text-transform:uppercase;
  133. font-family:calibri;
  134. font-size:9px;
  135. color:{color:navi links};
  136. z-index:999;
  137. }
  138.  
  139. /*grayscale images*/
  140. {block:IfGrayscaleImage}
  141. img{
  142. -webkit-transition: all 0.7s ease-in-out;
  143. -moz-transition: all 0.7s ease-in-out;
  144. -o-transition: all 0.7s ease-in-out;
  145. -ms-transition: all 0.7s ease-in-out;
  146. opacity: 0.60;
  147. -webkit-filter:grayscale(100%);
  148. }
  149.  
  150. img:hover{
  151. -webkit-transition: all 0.7s ease-in-out;
  152. -moz-transition: all 0.7s ease-in-out;
  153. -o-transition: all 0.7s ease-in-out;
  154. -ms-transition: all 0.7s ease-in-out;
  155. opacity: 1;
  156. -webkit-filter:none;
  157. }
  158.  
  159. .html_photoset {
  160. -webkit-filter: grayscale(100%);
  161. -webkit-transition: all 0.7s ease-in-out;
  162. -moz-transition: all 0.7s ease-in-out;
  163. -o-transition: all 0.7s ease-in-out;
  164. -ms-transition: all 0.7s ease-in-out;
  165. }
  166. .html_photoset:hover {
  167. -webkit-filter: grayscale(0);
  168. -webkit-transition: all 0.7s ease-in-out;
  169. -moz-transition: all 0.7s ease-in-out;
  170. -o-transition: all 0.7s ease-in-out;
  171. -ms-transition: all 0.7s ease-in-out;
  172. }
  173. {/block:IfGrayscaleImage}
  174.  
  175. /*links*/
  176. a {
  177. text-decoration:none;
  178. outline:none;
  179. -moz-outline-style:none;
  180. color:{color:link};
  181. -webkit-transition: all 0.5s ease;
  182. -moz-transition: all 0.5s ease;
  183. -o-transition: all 0.5s ease;
  184. }
  185.  
  186. a:hover {
  187. -webkit-transition: all 0.5s ease-out;
  188. -moz-transition: all 0.5s ease-out;
  189. transition: all 0.5s ease-out;
  190. color: {color:link hover};
  191. -webkit-transition: all 0.5s ease;
  192. -moz-transition: all 0.5s ease;
  193. -o-transition: all 0.5s ease;
  194. }
  195.  
  196. /*blockquote*/
  197. blockquote {
  198. border-left:2px solid {color:blockquote};
  199. padding-left:5px;
  200. margin-left:2px;
  201. width:500px;
  202. }
  203.  
  204. /*header*/
  205. #header{
  206. width:100%;
  207. height:184px;
  208. background-color:{color:header background};
  209. background-image: url('{image: header background}');
  210. position:fixed;
  211. top:0px;
  212. left:0px;
  213. z-index:9999;
  214. }
  215.  
  216. #header img{
  217. height:184px;
  218. }
  219.  
  220. #headerimg {
  221. position:relative;
  222. height:184px;
  223. width:1250px;
  224. z-index:999;
  225. margin-left:auto;
  226. margin-right:auto;
  227. }
  228.  
  229. /*header links*/
  230. #headerlinks{
  231. font-family: cambria;
  232. font-size: 10px;
  233. text-align: center;
  234. width:1250px;
  235. margin-top:184px;
  236. height:14px;
  237. text-transform:uppercase;
  238. padding:7px;
  239. background-color:{color:header links background};
  240. letter-spacing:1px;
  241. width:100%;
  242. margin-left:auto;
  243. margin-right:auto;
  244. position:fixed;
  245. color:{color:navi links};
  246. z-index:999;
  247. }
  248.  
  249. #headerlinks a{
  250. display:inline-block;
  251. font-family:calibri;
  252. margin-top:-15px;
  253. text-transform:uppercase;
  254. font-size:8px;
  255. padding:9px;
  256. text-decoration:none;
  257. background-color:{color:navi links background};
  258. opacity:.5;
  259. color:{color:navi links};
  260. transition:0.6s; -o-transition-transition:0.6s; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s
  261. }
  262.  
  263. #headerlinks a:hover{
  264. opacity:1;
  265. text-decoration:none;
  266. background-color:{color:navi links background hover};
  267. color:{color:navi links};
  268. transition:0.6s; -o-transition-transition:0.6s; -webkit-transition-duration:0.6s; -moz-transition-duration:0.6s
  269. }
  270.  
  271. /*pages*/
  272. #sidebar{
  273. width:90px;
  274. height:114px;
  275. position:fixed;
  276. padding:10px;
  277. margin-left:560px;
  278. top:233px
  279. }
  280.  
  281. #sidebar h1 {
  282. padding-left: 5px;
  283. font-family: 'Tulpen One', cursive;
  284. font-size: 16px;
  285. color: {color:post title};
  286. font-weight: normal;
  287. text-transform: uppercase;
  288. letter-spacing: 4px;
  289. margin: 0;
  290. margin-bottom:6px;
  291. }
  292.  
  293. #sidebar h1 a{
  294. color: {color:post title};
  295. text-decoration: none;
  296. }
  297.  
  298. .sideimage {
  299. text-align:center;
  300. }
  301.  
  302. .sideimage img {
  303. width:90px;
  304. height:90px;
  305. margin-bottom:0px;
  306. -webkit-border-radius:200px;
  307. border-radius:200px;
  308. -moz-border-radius:200px;
  309. z-index:99;
  310. }
  311.  
  312.  
  313. #desc{
  314. width:90px;
  315. color:{color:text};
  316. padding:10px;
  317. font-family:cambria;
  318. font-size:9px;
  319. font-style:italic;
  320. text-align:center;
  321. text-transform:lowercase;
  322. margin-left:-10px
  323. }
  324.  
  325. /*all*/
  326. .entries {
  327. width:670px;
  328. margin-top:175px;
  329. bottom:5px;
  330. margin-left:auto!important;
  331. margin-right:auto!important;
  332. z-index:999;
  333. }
  334.  
  335. /*posts*/
  336. .posts {
  337. background-color:{color:entries};
  338. width:500px;
  339. padding:15px 15px 15px 15px;
  340. margin:10px!important;
  341. top:193px;
  342. margin-top:5px;
  343. display:block;
  344. font-family:calibri;
  345. font-weight:normal;
  346. font-size:11px;
  347. color:{color:text};
  348. text-align:justify;
  349. z-index:9999!important;
  350. float:left;
  351. }
  352.  
  353. .posts img{
  354. max-width:500px;
  355. background-color:transparent!important;
  356. }
  357.  
  358. .notes {
  359. width:500px;
  360. margin-left:auto!important;
  361. margin-right:auto!important;
  362. margin-bottom:5px;
  363. z-index:9999!important;
  364. }
  365.  
  366. .photo{
  367. max-width:500px;
  368. display:block;
  369. background-color:transparent!important;
  370. padding:0px 0px 4px 0px;
  371. }
  372.  
  373. #date{
  374. width:500px;
  375. text-align:left;
  376. color:{color:text};
  377. text-transform:uppercase;
  378. font-family:calibri;
  379. font-size:8px;
  380. margin-top:4px;
  381. z-index:999;
  382. }
  383.  
  384. #borderinfo{
  385. border-bottom:1px solid {color:post border};
  386. width:500px;
  387. margin-top:3px
  388. }
  389.  
  390. /*posts titles*/
  391. .posts h1 {
  392. border-left: 20px solid {color:post title};
  393. padding-left: 5px;
  394. font-family: 'Tulpen One', cursive;
  395. font-size: 18px;
  396. color: {color:post title};
  397. font-weight: normal;
  398. text-transform: uppercase;
  399. letter-spacing: 4px;
  400. margin: 0;
  401. }
  402.  
  403. .posts h1 a{
  404. color: {color:post title};
  405. text-decoration: none;
  406. }
  407.  
  408. /*quote*/
  409. .quote {
  410. font-family: georgia;
  411. font-size: 24px;
  412. color: {color:Entry Bold};
  413. float: left;
  414. margin-top: 2px;
  415. }
  416.  
  417. h2{
  418. font-family: calibri;
  419. font-size: 11px;
  420. color: {color:text};
  421. font-weight: normal;
  422. text-transform: uppercase;
  423. letter-spacing: 2px;
  424. }
  425.  
  426. h2:first-letter{
  427. color: {color:title first letter};
  428. font-weight: bold;
  429. font-size: 15px;
  430. }
  431.  
  432. /*chat*/
  433. .chat {
  434. line-height:12px;
  435. list-style:none
  436. }
  437.  
  438. .chat ul {
  439. line-height:15px;
  440. list-style:none;
  441. padding:0px;
  442. line-height:20px;
  443. }
  444.  
  445. .person1 {
  446. background-color:{color:question background};
  447. padding-left:6px;
  448. padding-right:6px;
  449. }
  450.  
  451. .person1 .label {
  452. font-weight:bold;
  453. color:{color:bold};
  454. }
  455.  
  456. .person2 {
  457. background-color:{color:entries};
  458. padding-left:6px;
  459. padding-right:6px;
  460. }
  461.  
  462. .person2 .label {
  463. font-weight:bold;
  464. color:{color:bold};
  465. }
  466.  
  467. .person3 {
  468. background-color:{color:question background};
  469. padding-left:6px;
  470. padding-right:6px;
  471. }
  472.  
  473. .person3 .label {
  474. font-weight:bold;
  475. color:{color:bold};
  476. }
  477.  
  478. .person4 {
  479. background-color:{color:entries};
  480. padding-left:6px;
  481. padding-right:6px;
  482. }
  483.  
  484. .person4 .label {
  485. font-weight:bold;
  486. color:{color:bold};
  487. }
  488.  
  489. .person5 {
  490. background-color:{color:question background};
  491. padding-left:6px;
  492. padding-right:6px;
  493. }
  494.  
  495. .person5 .label {
  496. font-weight:bold;
  497. color:{color:bold};
  498. }
  499.  
  500. /*audio*/
  501. .playerbuttonbg {
  502. position: absolute;
  503. left: 20px;
  504. top: 20px;
  505. width: 25px;
  506. height: 25px;
  507. background-color: #ffffff;
  508. padding: 10px;
  509. -webkit-border-radius: 40px;
  510. -moz-border-radius: 40px;
  511. border-radius: 40px;
  512. opacity: .4;
  513. filter: alpha(opacity=40);
  514. -moz-opacity: 0.4;
  515. -khtml-opacity: 0.4;
  516. transition: opacity .7s ease-in-out;
  517. -moz-transition: opacity .7s ease-in-out;
  518. -webkit-transition: opacity .7s ease-in-out;
  519. }
  520.  
  521. .playerbuttonbg:hover {
  522. opacity: .7;
  523. filter: alpha(opacity=100);
  524. -moz-opacity: 1;
  525. -khtml-opacity: 1;
  526. }
  527.  
  528. .newplayerbutton {
  529. position: relative;
  530. width: 25px;
  531. height: 25px;
  532. overflow: hidden;
  533. }
  534.  
  535. .playerbuttonhug {
  536. position: absolute;
  537. top: -32px;
  538. left: -10px;
  539. }
  540.  
  541. .tumblr_audio_player {
  542. height: 90px;
  543. width: 270px;
  544. -moz-transform: scale(0.60, 0.60);
  545. -webkit-transform: scale(0.60, 0.60);
  546. -o-transform: scale(0.60, 0.60);
  547. -ms-transform: scale(0.60, 0.60);
  548. transform: scale(0.60, 0.60);
  549. -moz-transform-origin: top left;
  550. -webkit-transform-origin: top left;
  551. -o-transform-origin: top left;
  552. -ms-transform-origin: top left;
  553. transform-origin: top left;
  554. }
  555.  
  556. .audioimgwrapper {
  557. position: absolute;
  558. left: 0px;
  559. top: 0px;
  560. overflow: hidden;
  561. width: 79px;
  562. height: 79px;
  563. border: 5px solid {color:background};
  564. }
  565.  
  566. .audioimgwrapper img {
  567. width: 100%;
  568. height: auto;
  569.  
  570. }
  571.  
  572. .trackdetails {
  573. width: auto;
  574.  
  575. display:inline-block;
  576. margin-left: 100px;
  577. min-height: 85px;
  578. }
  579.  
  580. .audiowrapper {
  581. position: relative;
  582. display:inline-block;
  583. }
  584.  
  585. .track {
  586. text-align: left;
  587. display: block;
  588. font-family: 'roboto condensed';
  589. font-size: 20px;
  590. border-bottom: 1px solid #000;
  591. color: {color:Accent};
  592. margin-top: 5px;
  593. text-transform: uppercase;
  594. font-style: italic;
  595. }
  596.  
  597. #credit {
  598. position:fixed;
  599. right:0px;
  600. bottom:0px;
  601. background-color:#000;
  602. padding:3px;
  603. text-transform:uppercase;
  604. letter-spacing:1px;
  605. font-size:8px;
  606. }
  607.  
  608. #credit a{
  609. color:#fff;
  610. }
  611.  
  612. #credit a:hover{
  613. color:#6db790;
  614. }
  615.  
  616. #cf {
  617. position:relative;
  618. height:184px;
  619. width:1250px;
  620. }
  621.  
  622. #cf img {
  623. position:absolute;
  624. -webkit-transition: opacity 1s ease-in-out;
  625. -moz-transition: opacity 1s ease-in-out;
  626. -o-transition: opacity 1s ease-in-out;
  627. transition: opacity 1s ease-in-out;
  628. }
  629.  
  630. #cf img.top:hover {
  631. opacity:0;
  632. }
  633. </style>
  634. </head>
  635.  
  636. <body>
  637. <div id="header">
  638.  
  639. <div id="headerimg">
  640. <div id="cf">
  641. <img class="bottom" src="{image:header 2}" />
  642. <img class="top" src="{image:header 1}" />
  643. </div>
  644. </div>
  645.  
  646. </div>
  647.  
  648. <div id="headerlinks">
  649. <a href="/">index</a>
  650. <a href="/ask">message</a>
  651.  
  652. {block:IfLink1}
  653. <a href="{text:Link 1 url}">{text:Link 1}</a>
  654. {/block:IfLink1}
  655.  
  656. {block:IfLink2}
  657. <a href="{text:Link 2 url}">{text:Link 2}</a>
  658. {/block:IfLink2}
  659.  
  660. {block:IfLink3}
  661. <a href="{text:Link 3 url}">{text:Link 3}</a>
  662. {/block:IfLink3}
  663.  
  664. {block:IfLink4}
  665. <a href="{text:Link 4 url}">{text:Link 4}</a>
  666. {/block:IfLink4}
  667.  
  668. {block:IfLink5}
  669. <a href="{text:Link 5 url}">{text:Link 5}</a>
  670. {/block:IfLink5}
  671.  
  672. {block:IfLink6}
  673. <a href="{text:Link 6 url}">{text:Link 6}</a>
  674. {/block:IfLink6}
  675.  
  676. {block:IfLink7}
  677. <a href="{text:Link 7 url}">{text:Link 7}</a>
  678. {/block:IfLink7}
  679.  
  680. {block:IfLink8}
  681. <a href="{text:Link 8 url}">{text:Link 8}</a>
  682. {/block:IfLink8}
  683.  
  684. {block:IfLink9}
  685. <a href="{text:Link 9 url}">{text:Link 9}</a>
  686. {/block:IfLink9}
  687. </div>
  688.  
  689. <br><br><br>
  690.  
  691. <div class="entries">
  692.  
  693. <div id="sidebar">
  694. <h1>{Title}</h1>
  695.  
  696. <div class="sideimage">
  697. <a href="/"><img src="{image:sidebar}" align="center"/></a>
  698. </div>
  699.  
  700. <div id="desc">
  701. {Description}
  702. </div>
  703.  
  704. <center>
  705. {block:IfNotInfiniteScrolling}
  706. {block:Pagination}
  707. {block:PreviousPage}
  708. <a href="{PreviousPage}">< back</a> -
  709. {/block:PreviousPage}
  710.  
  711. {block:NextPage}
  712. <a href="{NextPage}">go ></a>
  713. {/block:NextPage}
  714. {/block:Pagination}
  715. {/block:IfNotInfiniteScrolling}
  716. </center>
  717. </div>
  718.  
  719.  
  720.  
  721. {block:IfInfiniteScrolling}<div class="autopagerize_page_element">{/block:IfInfiniteScrolling}
  722. {block:Posts}
  723. <div class="posts">
  724.  
  725. {block:ContentSource}
  726.  
  727. <!-- {SourceURL}{block:SourceLogo}<img src=”{BlackLogoURL}”
  728.  
  729. width=”{LogoWidth}” height=”{LogoHeight}” alt=”{SourceTitle}” />
  730.  
  731. {/block:SourceLogo}
  732.  
  733. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  734.  
  735. {/block:ContentSource}{block:ReblogParent}{/block:ReblogParent}
  736.  
  737. {block:PermalinkPage}
  738.  
  739. {/block:PermalinkPage}
  740.  
  741. {block:Text}
  742. {block:Title}<h1>{Title}</h1>{/block:Title}
  743. {Body}
  744. {/block:Text}
  745.  
  746. {block:Photo}
  747. <center><div class="photo">
  748. {LinkOpenTag}<img src="{PhotoURL-500}">{LinkCloseTag}</div></center>
  749. {block:IfCaptions}{block:Caption}
  750. {Caption}
  751. {/block:Caption}{/block:IfCaptions}
  752. {block:IfNotCaptions}{block:PermalinkPage}{block:Caption}
  753. {Caption}
  754. {/block:Caption}{/block:PermalinkPage}{block:IfNotCaptions}
  755. {/block:Photo}
  756.  
  757. {block:Photoset}
  758. <div class="photo">
  759. {Photoset-500}
  760. </div>
  761. {block:IfCaptions}{block:Caption}
  762. {Caption}
  763. {/block:Caption}{/block:IfCaptions}
  764. {block:IfNotCaptions}{block:PermalinkPage}{block:Caption}
  765. {Caption}
  766. {/block:Caption}{/block:PermalinkPage}{block:IfNotCaptions}
  767. {/block:Photoset}
  768.  
  769. {block:Quote}
  770. <div class="quote">&#10077;</div>
  771. <h2>{Quote}</h2>
  772. {block:Source}<p align="right">{Source} <b>&mdash;</b></p>{/block:Source}
  773. {/block:Quote}
  774.  
  775. {block:Link}
  776. <h1><a href="{URL}" target="{Target}">{Name}</a></h1>
  777. {block:Description}{Description}{/block:Description}
  778. {/block:Link}
  779.  
  780. {block:Chat}
  781. {block:Title}<a href="{Permalink}"><h1>{Title}</h1></a>{/block:Title}
  782. <div class="chat"><ul>{block:Lines}
  783. <li class="person{UserNumber}">{block:Label}
  784. <span class="label">{Label}</span>{/block:Label} {Line}</li>{/block:Lines}</ul></div>
  785. {/block:Chat}
  786.  
  787. {block:AudioPlayer}
  788. <div class="audiowrapper">
  789. {block:AlbumArt}
  790. <div class="audioimgwrapper"><img src="{AlbumArtURL}"></div>
  791. {/block:AlbumArt}
  792.  
  793. <div class="playerbuttonbg">
  794. <div class="newplayerbutton">
  795. <div class="playerbuttonhug">
  796.  
  797. {AudioPlayerWhite}
  798.  
  799. </div>
  800. </div>
  801. </div>
  802.  
  803. <div class="trackdetails">
  804.  
  805. {block:TrackName}<div class="track">{TrackName}</div>{/block:TrackName}<br>
  806. {block:Artist}<b>Artist:</b> {Artist}{/block:Artist}<br/>
  807. {block:Album}<b>Album:</b> {Album}{/block:Album}
  808. {block:PlayCount}<b>Plays:</b> {PlayCount}{/block:PlayCount}
  809.  
  810. </div>
  811. </div><br><br>
  812. {block:IfCaptions}{block:Caption}
  813. {Caption}
  814. {/block:Caption}{/block:IfCaptions}
  815. {block:IfNotCaptions}{block:PermalinkPage}{block:Caption}
  816. {Caption}
  817. {/block:Caption}{/block:PermalinkPage}{block:IfNotCaptions}
  818. {/block:AudioPlayer}
  819.  
  820.  
  821. {block:Video}
  822. {Video-500}
  823. {block:IfCaptions}{block:Caption}
  824. {Caption}
  825. {/block:Caption}{/block:IfCaptions}
  826. {block:IfNotCaptions}{block:PermalinkPage}{block:Caption}
  827. {Caption}
  828. {/block:Caption}{/block:PermalinkPage}{block:IfNotCaptions}
  829. {/block:Video}
  830.  
  831. {block:Answer}
  832. <table>
  833. <tr><td colspan="3" width="500px" style="padding:9px; text-align:center; background-color:{color:question background};">{Asker} asked: {Question}</td> <img src="{AskerPortraitURL-30}" style="padding:2px;" align="right"></tr>
  834. </table>
  835. {Answer}
  836. {/block:Answer}
  837.  
  838. {block:IndexPage}
  839. <div id="borderinfo"></div>
  840.  
  841. <div id="date">
  842. <a href="{Permalink}">{block:Date} {TimeAgo} {/block:Date}</a> with {NoteCountWithLabel}{/block:NoteCount}
  843.  
  844. <br>
  845.  
  846. {block:HasTags}
  847. Tagged:
  848. {block:Tags}
  849. <a href="{TagURL}">#{Tag}</a>
  850. {/block:Tags}
  851. {/block:HasTags}
  852. </div>
  853. </div>
  854. {/block:IndexPage}
  855.  
  856. {block:PermalinkPage}
  857. <div id="borderinfo"></div>
  858.  
  859. <div id="date">
  860. <a href="{Permalink}">{block:Date} {TimeAgo} {/block:Date}</a> with {NoteCountWithLabel}{/block:NoteCount}
  861.  
  862. <br>
  863.  
  864. {block:HasTags}
  865. Tagged:
  866. {block:Tags}
  867. <a href="{TagURL}">#{Tag}</a>
  868. {/block:Tags}
  869. {/block:HasTags}
  870. </div>
  871. {/block:PermalinkPage}
  872.  
  873. {/block:Posts}
  874. {block:IfInfiniteScrolling}</div>{/block:IfInfiniteScrolling}
  875.  
  876. {block:PostNotes}
  877. <div id="notes">{PostNotes}</div>
  878. {/block:PostNotes}
  879.  
  880. </div></div>
  881.  
  882. <div id="credit">
  883. <a href="http://minivicky.tumblr.com" title="minivicky" target="_blank">MV</a>
  884. </div>
  885.  
  886. </body>
  887. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement