Lanalho

Theme "Breezeblocks" by Septim - with B & W hover + no links

Jan 29th, 2015
192
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 17.25 KB | None | 0 0
  1.  
  2.  
  3. <!--
  4.  
  5.  
  6. septim theme
  7.  
  8.  
  9. -->
  10.  
  11. <!DOCTYPE html>
  12. <head>
  13.  
  14.  
  15. <title>{Title}</title>
  16.  
  17. <link rel="shortcut icon" href="{Favicon}">
  18. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  19. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  20.  
  21. <!--Default Variables-->
  22.  
  23. <meta name="color:Background" content="#ffffff"/>
  24. <meta name="color:Text" content="#aaaaaa"/>
  25. <meta name="color:Link" content="#000000"/>
  26. <meta name="color:Link Hover" content="#000000"/>
  27. <meta name="color:Bold" content="#000000"/>
  28. <meta name="color:Posts" content="#ffffff"/>
  29. <meta name="color:Sidebar Text" content="#ffffff"/>
  30. <meta name="color:Sidebar" content="#cccccc"/>
  31. <meta name="color:Scrollbar" content="#cccccc"/>
  32. <meta name="color:Top Bar" content="#ffffff"/>
  33.  
  34.  
  35. <meta name="text:Link 1 URL" content="" />
  36. <meta name="text:Link 1" content="" />
  37. <meta name="text:Link 2 URL" content="" />
  38. <meta name="text:Link 2" content="" />
  39. <meta name="text:Link 3 URL" content="" />
  40. <meta name="text:Link 3" content="" />
  41.  
  42. <meta name="image:Side Image" content=""/>
  43. <meta name="image:Background Image" content=""/>
  44.  
  45. <meta name="if:Hide Tags" content="0"/>
  46. <meta name="if:Hide Captions" content="0"/>
  47. <meta name="if:Infinite Scroll" content="1"/>
  48. <meta name="if:Show Side Image" content="1"/>
  49. <meta name="if:Background Image" content="0"/>
  50. <meta name="if:Stretch Background" content="0"/>
  51. <meta name="if:Top Bar" content="1"/>
  52.  
  53. <!-- jquery for tooltips-->
  54. <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
  55.  
  56. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  57.  
  58. {block:indexpage}
  59. {block:ifinfinitescroll}
  60. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  61. {/block:ifinfinitescroll}
  62. {/block:indexpage}
  63.  
  64. <script src="http://static.tumblr.com/iuw14ew/VSQma1786/jquery.style-my-tooltips.js"></script>
  65.  
  66. <script>
  67.  
  68. (function($){
  69.  
  70. $(document).ready(function(){
  71.  
  72. $("a[title]").style_my_tooltips({
  73.  
  74. tip_follows_cursor:true,
  75.  
  76. tip_delay_time:30,
  77.  
  78. tip_fade_speed:300,
  79.  
  80. attribute:"title"
  81.  
  82. });
  83.  
  84. });
  85.  
  86. })(jQuery);
  87.  
  88. </script>
  89.  
  90. <script>
  91.     $(document).ready(function() {
  92.        $('#o').click(function() {
  93.           $('#description').slideToggle(400);
  94.           $(this).toggleClass('turn');
  95.        });
  96.     });
  97. </script>
  98.  
  99.  
  100. <!--CSS customization here. -->
  101.  
  102. <style type="text/css">
  103.  
  104.  
  105.  
  106.  
  107.  
  108.  
  109.  
  110.  
  111.  
  112.  
  113.  
  114.  
  115.  img{-webkit-filter: Grayscale(100%); -webkit-transition-duration: 0.8s; -moz-transition-duration:0.8s; transition-duration:0.8s; -o-transition-duration:0.8s;}
  116.  
  117. img:hover{-webkit-filter: Grayscale(0%); -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
  118.  
  119.  
  120.  #post:hover #info {
  121.     opacity:0.5
  122.     }
  123.  
  124. #post img {
  125.     opacity:1;
  126.     -webkit-filter: grayscale(100%);
  127.     -webkit-transition: opacity 1s ease-in;
  128.     }
  129.    
  130. #post img:hover{
  131.     -webkit-filter: grayscale(0);
  132.     -webkit-transition: opacity 1s ease-in;
  133.     opacity: 1;
  134.     }
  135.    
  136. iframe.photoset {
  137.     -webkit-filter: grayscale(100%);
  138.     -webkit-transition: opacity 0.5s ease-in;
  139.     opacity:1;
  140.     }
  141. iframe.photoset:hover {
  142.     -webkit-filter: grayscale(0);
  143.     -webkit-transition: opacity 1s ease-in;
  144.     opacity: 1;
  145.     }
  146.  
  147. #s-m-t-tooltip{
  148.     font-size:9px;
  149.     position:absolute;
  150.     margin-top: 15px;
  151.     letter-spacing:1px;
  152.     z-index:9999;
  153.     background-color:#F2F2F2;
  154.     box-shadow: 2px 2px 2px #d3d3d3;
  155.     text-transform:uppercase;
  156.     padding:3px 3px;
  157. }
  158.  
  159.  
  160.     a {
  161.     color:{color:link};
  162.     text-decoration:none;
  163.     -moz-transition-duration:0.5s;
  164.     -webkit-transition-duration:0.5s;
  165.     -o-transition-duration:0.5s;
  166.     }
  167.    
  168.     a:hover {
  169.     color:{color:hover};
  170.     text-decoration:none;
  171.     -moz-transition-duration:0.5s;
  172.     -webkit-transition-duration:0.5s;
  173.     -o-transition-duration:0.5s;
  174.     }
  175.  
  176.  
  177.  
  178.  
  179.  
  180.  
  181.  
  182.  
  183.  
  184.  
  185.  
  186.  
  187.  
  188.  
  189.  
  190.  
  191.  
  192. #s-m-t-tooltip{
  193.     position:absolute;
  194.     margin:25px 0 25px 25px;
  195.     z-index:9999;
  196.     background:{color:posts};
  197.     font-size:8px;
  198.     text-transform:uppercase;
  199.     letter-spacing:1px;
  200.     padding:2px 5px;
  201.     color:{color:bold};
  202. }
  203.  
  204.  
  205.  
  206. #tumblr_lightbox {background-color:rgba(246, 246, 246, .9)!important;z-index:99999!important;}
  207. #tumblr_lightbox img { opacity:0; }
  208. #tumblr_lightbox_caption {color:black!important;
  209. font-family:arial!important;
  210. font-size:10px!important;
  211. font-weight:normal!important;text-shadow:none!important;}
  212. #tumblr_lightbox_center_image, #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {padding:10px!important;
  213. background:white!important;
  214. margin-top:-10px!important;
  215. margin-left:-10px!important;
  216. -moz-box-shadow:none!important;
  217. -webkit-box-shadow:none!important;
  218. box-shadow:none!important;
  219. -moz-border-radius:0px!important;
  220. -webkit-border-radius:0px!important;
  221. border-radius:0pxpx!important;
  222. opacity:1!important;}
  223.  
  224. #tumblr_lightbox_left_image, #tumblr_lightbox_right_image {
  225. opacity:.6!important;}
  226.  
  227.  
  228. iframe#tumblr_controls { white-space:nowrap!important;
  229. -webkit-filter:invert(100%)!important;
  230. -moz-filter:invert(100%)!important;
  231. -ms-filter:invert(100%)!important;
  232. -o-filter:invert(100%)!important;
  233. filter:invert(100%)!important;
  234. top:10px!important;
  235. right:5px!important;
  236. position:fixed!important;
  237. opacity:.3!Important;  
  238. }
  239.  
  240. /*scrollbar*/
  241. ::-webkit-scrollbar{height: 3px;
  242. width: 3px;
  243. -webkit-border-radius: 0px;
  244. background-color:{color:background}}
  245. ::-webkit-scrollbar-thumb{background-color:{color:scrollbar};
  246. }
  247. ::-webkit-scrollbar-track{background-color:{color:background}
  248. }
  249.  
  250. /*basics*/
  251. blockquote {padding:0 0 0 10px;
  252. border-left:3px solid {color:sidebar};
  253. margin:5px 0;
  254. display:block;
  255. }
  256.  
  257. body {
  258. {block:ifnotbackgroundimage}  
  259. background:{color:background};
  260. {/block:ifnotbackgroundimage}
  261. {block:ifbackgroundimage}
  262. background:{color:background} url('{image:background image}') center center fixed repeat;
  263. {block:ifstretchbackground}
  264.   -webkit-background-size: cover;
  265.   -moz-background-size: cover;
  266.   -o-background-size: cover;
  267.   background-size: cover;
  268. {/block:ifstretchbackground}
  269. {/block:ifbackgroundimage}
  270. color:{color:text};
  271. font-family:consolas;
  272. font-size:10px;
  273. text-align:justify;
  274. -webkit-font-smoothing: antialiased;
  275. margin:0;
  276. line-height:150%}
  277.  
  278.  
  279. a {
  280. color:{color:link};
  281. text-decoration:none;
  282. }
  283.  
  284. a:hover {
  285. text-decoration:none;  
  286. color:{color:link hover};    
  287. }
  288.  
  289. img{opacity:1;
  290. border:none;
  291. text-decoration:none}
  292.  
  293.  
  294. small {
  295. font-size:9px;
  296. text-transform:uppercase;
  297. letter-spacing:1px;
  298. }
  299.  
  300. big {
  301. font-size:10px;}
  302.  
  303. h1, h2, h3, h1 {font-size:12px;
  304. font-family:trebuchet ms;
  305. font-weight:bold;
  306. }
  307.  
  308. b {color:{color:bold};}
  309.  
  310. ul {list-style:circle;}
  311. ol {list-style:lower-roman;}
  312.  
  313. p {margin:5px 0;}
  314. p:first-of-type {margin-top:0;}
  315. p:last-of-type {margin-bottom:0;}
  316.  
  317.  
  318. #title {font-size:12px;
  319. color:{color:sidebar text};
  320. background:{color:sidebar};
  321. font-family:trebuchet ms;
  322. font-weight:bold;
  323. padding:15px 20px;
  324. text-align:left;    
  325. }
  326. #title a {color:{color:sidebar text};}
  327. #title a:hover {color:{color:link hover};}
  328.  
  329. /*sidebar*/
  330.  
  331. #bar {height:45px;
  332. position:fixed;
  333. top:0;
  334. left:0;
  335. width:100%;
  336. z-index:99;
  337. background:{color:top bar};}
  338.  
  339. #sidebar {
  340. position:fixed;
  341. left:50%;
  342. margin-left:250px;
  343. top:100px;
  344. z-index:2;
  345. width:220px;
  346. -webkit-animation-name: fade-in;
  347. -webkit-animation-duration: 1.5s;    
  348. }
  349.  
  350. #inner {position:relative;
  351. height:100%;
  352. padding:20px;
  353. color:{color:sidebar text};
  354. background:{color:sidebar};
  355. }
  356.  
  357. #k img {width:220px;
  358. display:block;  
  359. }
  360.  
  361. #sidebar a {color:{color:sidebar text};}
  362.  
  363.  
  364. #hi {font-size:9px;
  365. letter-spacing:1px;
  366. font-weight:normal;
  367. display:block;}
  368.  
  369.  
  370. #blogt {font-size:10px;
  371. font-weight:bold;
  372. letter-spacing:2px;
  373. border-bottom:1px solid rgba(255,255,255,.3);
  374. padding-bottom:14px;
  375. text-transform:uppercase;
  376. position:relative;
  377. }
  378.  
  379. #o {position:absolute;
  380. right:5px;
  381. cursor:pointer;
  382. top:5px;    
  383. font-size:14px;
  384. font-weight:bold;
  385. }
  386.  
  387. #o i {transition:0.4s;
  388. -o-transition-transition:0.4s;
  389. -webkit-transition-duration:0.4s;
  390. -moz-transition-duration:0.4s;}
  391.  
  392. #o.turn i {-ms-transform: rotate(-180deg); /* IE 9 */
  393.     -webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
  394.     transform: rotate(-180deg);}
  395.  
  396. #links {font-size:9px;
  397. letter-spacing:2px;
  398. text-transform:uppercase;
  399. padding:10px 15px 0 15px;
  400. }
  401.  
  402. #links a {
  403. display:block;
  404. line-height:25px;
  405. }
  406.  
  407. #links i {margin-right:15px;}
  408.  
  409.  
  410.  
  411. #description {font-size:8px;
  412. text-transform:uppercase;
  413. letter-spacing:2px;
  414. margin-top:15px;
  415. border-bottom:1px solid rgba(255,255,255,.3);
  416. padding-bottom:14px;
  417. display:none;
  418. }
  419.  
  420.  
  421. /*pagination*/
  422.  
  423. #pagination {border-top:1px solid rgba(255,255,255,.3);
  424. text-align:right;
  425. font-size:8px;
  426. margin-top:10px;
  427. padding-top:14px;
  428. text-transform:uppercase;
  429. letter-spacing:2px;
  430. background:{color:sidebar};
  431. }
  432. #pagination a {
  433. }
  434.  
  435.  
  436.  
  437. /*posts*/
  438.  
  439. #entries {
  440. margin:100px auto 150px auto;
  441. width:400px;
  442. position:relative;
  443. }
  444.  
  445. .posts {position:relative;
  446. width:400px;
  447. {block:IndexPage}
  448. margin-bottom:50px;
  449. {/block:IndexPage}
  450. {block:PermalinkPage}
  451. margin-bottom:25px;
  452. {/block:PermalinkPage}
  453. -webkit-animation-name: fade-in;
  454. -webkit-animation-duration: 1.5s;
  455. }
  456. .posts img {
  457. max-width:400px;
  458. }
  459. .but {background:{color:posts};}
  460.  
  461. .but img, .but iframe {display:block;
  462. width:400px;
  463. }
  464.  
  465. .posts img, .posts li, .posts blockquote {max-width: 100%;}
  466.  
  467. .caption {display:block;
  468. padding:20px 20px 0 20px;
  469. background:{color:posts};
  470. {block:ifhidecaptions}
  471. {block:indexpage}
  472. display:none;
  473. {/block:indexpage}
  474. {/block:ifhidecaptions}
  475. }
  476.  
  477. .butt {display:block;
  478. padding:20px 20px 0 20px;
  479. background:{color:posts};
  480. }
  481.  
  482. a.tumblr_blog {font-size:10px;
  483. text-decoration:underline;}
  484.  
  485. a.tumblr_blog:hover {color:{color:link};
  486. text-decoration:none;}
  487.  
  488. /*quote*/
  489.  
  490. #titlequote{text-align:left;
  491. font-family:trebuchet ms;
  492. font-size:12px;
  493. margin-top:-15px;
  494. line-height:200%;
  495. font-weight:bold;
  496. color:{color:bold};
  497. }
  498.  
  499. #source {
  500. margin-top:10px;
  501. font-size:8px;
  502. text-transform:uppercase;
  503. letter-spacing:1px;
  504. margin-left:15px;}
  505.  
  506. /*audio*/
  507.  
  508. .left {width:140px;
  509. height:140px;
  510. background:{color:sidebar};
  511. color:{color:sidebar text};
  512. font-size:20px;
  513. line-height:140px;
  514. float:left;
  515. position:Relative;  
  516. text-align:center;
  517. }
  518.  
  519. #cool {width:140px;
  520. position:Absolute;
  521. height:140px;
  522. top:0;
  523. left:0;}
  524.  
  525. .left img {width:140px;
  526. height:140px;
  527. display:block;}
  528.  
  529. .side {min-height:100px;
  530. margin-left:140px;
  531. padding:20px;
  532. background:{color:posts};
  533. }
  534. .player {
  535. width:25px;
  536. height:25px;
  537. overflow:hidden;}
  538.  
  539. .song {background:#e4e4e4;
  540. opacity:.5;
  541. display:block;
  542. position:relative;
  543. margin-bottom:15px;
  544. margin-top:-20px;
  545. border:10px solid #e4e4e4;
  546. }
  547.  
  548. .song:after {content:'Listen';
  549. font-size:9px;
  550. position:Absolute;
  551. left:40px;
  552. line-height:30px;
  553. letter-spacing:1px;
  554. top:0;
  555. color:{color:bold};
  556. text-transform:uppercase;}
  557.  
  558. .audioinfo {
  559. font-size:8px;
  560. text-transform:uppercase;
  561. letter-spacing:1px;
  562. line-height:20px;
  563. }
  564.  
  565. .audioinfo b {padding:0px 5px 0px 0px;
  566. }
  567.  
  568. /*asks*/
  569. .q {color:{color:sidebar text};
  570. background:{color:sidebar};
  571. padding:15px 20px;
  572. }
  573. .as {display:inline;
  574. text-transform:uppercase;
  575. letter-spacing:1px;
  576. font-size:9px;
  577. }
  578. .as a {color:{color:sidebar text};}
  579. .as a:hover {color:{color:link hover};}
  580. .a {text-align:left;
  581. padding:20px 20px 0 20px;
  582. background:{color:posts};
  583. }
  584.  
  585.  
  586. /*chat*/
  587.  
  588. .chat ol {
  589. padding:0;
  590. margin:0;
  591. list-style:none;
  592. }
  593. .line {padding:15px 20px;}
  594.  
  595. .line.odd {background:{color:sidebar};
  596. color:{color:sidebar text};}
  597.  
  598. .line.even {background:{color:posts};}
  599.  
  600. .label {font-size:9px;
  601. text-transform:uppercase;
  602. letter-spacing:1px;
  603. }
  604.  
  605.  
  606.  
  607.  
  608.  
  609. /*permalink and notes*/
  610.  
  611. .source {font-size:8px;
  612. text-transform:uppercase;
  613. letter-spacing:1px;
  614. display:block;
  615. padding:15px 20px;
  616. background:{color:posts};
  617. }
  618.  
  619. .source i {margin:0 5px;}
  620.  
  621. .s {float:right;
  622. text-align:right;}
  623.  
  624. .s a {margin-left:5px;}
  625.  
  626. #permalink {font-size:8px;
  627. text-transform:uppercase;
  628. letter-spacing:1px;
  629. display:block;
  630. margin-top:-10px;
  631. padding:25px 20px 15px 20px;
  632. background:{color:posts};
  633. }
  634.  
  635. #permalink i {margin:0 5px;}
  636.  
  637. .tags {
  638. word-break:break-all;
  639. {block:ifhidetags}
  640. {block:indexpage}
  641. display:none;
  642. {/block:indexpage}
  643. {/block:ifhidetags}
  644. }
  645.  
  646. .pagenotes {
  647. width:360px;
  648. background:{color:posts};
  649. padding:20px;
  650. text-align:left;
  651. font-size:8px;
  652. text-transform:uppercase;
  653. letter-spacing:2px;
  654. }
  655. .pagenotes ol {margin:0;
  656. padding:0;}
  657.  
  658.  
  659. .more_notes_link {text-align:left!important;
  660. color:{color:bold};
  661. font-weight:bold;
  662. display:block;
  663.  }
  664.  
  665. .script {position:fixed;
  666. bottom:0;
  667. right:0;
  668. padding:10px;
  669. line-height:15px;
  670. height:15px;
  671. width:15px;
  672. color:{color:link};
  673. opacity:.5;
  674. display:block;}
  675.  
  676. .pagenotes img {
  677. display:none!important;}
  678. .pagenotes li {
  679. list-style-type:none;
  680. padding:5px 0px;
  681. }
  682.  
  683. pre {
  684.  white-space: pre-wrap;       /* css-3 */
  685.  white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
  686.  white-space: -pre-wrap;      /* Opera 4-6 */
  687.  white-space: -o-pre-wrap;    /* Opera 7 */
  688.  word-wrap: break-word;       /* Internet Explorer 5.5+ */
  689. }
  690.  
  691.  
  692.  @-webkit-keyframes fade-in {
  693.         0%   { opacity: 0; }
  694.         50%   { opacity: 0; }
  695.         100% { opacity: 1; }
  696.  
  697.  
  698.  
  699. {CustomCSS}
  700.  
  701.  
  702. </style>
  703.  
  704.  
  705.  
  706.  
  707. </head>
  708.  
  709. <body>
  710.  
  711. {block:iftopbar}
  712. <div id="bar"></div>
  713. {/block:iftopbar}
  714.  
  715. <div id="sidebar">
  716. {block:ifshowsideimage}<div id="k"><a href="/"><img src="{image:side image}"></a></div>{/block:ifshowsideimage}
  717. <div id="inner">
  718. <div id="blogt">
  719. <a id="o"><i class="fa fa-angle-down"></i></a>
  720. <a href="/">{Title}</a>
  721. <span id="hi">{name}</span>
  722. </div>
  723. <div id="description">{description}</div>
  724. {block:ifLink1}<a href="{text:Link 1 URL}"><i class="fa fa-folder-o"></i>{text:Link 1}</a>{/block:ifLink1}
  725. {block:ifLink2}<a href="{text:Link 2 URL}"><i class="fa fa-bars"></i>{text:Link 2}</a>{/block:ifLink2}
  726. {block:ifLink3}<a href="{text:Link 3 URL}"><i class="fa fa-star-o"></i>{text:Link 3}</a>{/block:ifLink3}
  727. </div>
  728.  
  729. {block:ifnotinfinitescroll}
  730. {block:Pagination}
  731. <div id="pagination">
  732. {block:PreviousPage}
  733. <a href="{PreviousPage}">previous </a> /
  734. {/block:PreviousPage}
  735. {block:NextPage}
  736. <a href="{NextPage}">next</a>
  737. {/block:NextPage}
  738. </div>
  739. {/block:Pagination}
  740. {/block:ifnotinfinitescroll}
  741.  
  742. </div>
  743.  
  744.  
  745. </div>
  746.  
  747.  
  748.  
  749.  
  750. <div id="entries" class="autopagerize_page_element">
  751. {block:Posts}
  752. <div class="posts">
  753.  
  754. {block:Date}<div class="source"><a href="/">{name}</a>{block:RebloggedFrom}<i class="fa fa-retweet"></i><a href="{ReblogParentURL}">{ReblogParentName}</a>{block:ContentSource}<span class="s">source:<a href="{ReblogRootURL}">{ReblogRootName}</a>{/block:ContentSource}</span>{/block:RebloggedFrom}</div>{/block:Date}
  755.  
  756.  
  757. {block:Quote}
  758. <div class="butt">
  759. <div id="titlequote">“{Quote}”</div>
  760. {block:Source}<div id="source">&mdash; {Source}</div>{/block:Source}
  761. </div>{/block:Quote}
  762.  
  763.  
  764.  
  765. {block:Text}
  766. {block:Title}<div id="title">{Title}</div>{/block:Title}
  767. <div class="butt">
  768. {Body}</div>
  769. {/block:Text}
  770.  
  771. {block:Link}
  772. <div id="title"><a href="{URL}">{Name}</a></div>{block:Description}
  773. <div class="butt">{Description}</div>{/block:Description}
  774. {/block:Link}
  775.  
  776. {block:Chat}
  777. {block:Title}<div id="title">{Title}</div>{/block:Title}
  778. <div class="chat">
  779. <ol>{block:Lines}
  780. <li class="line {Alt}">
  781. {block:Label}
  782. <span class="label">
  783. {Label}</span>
  784. {/block:Label}{Line}</li>
  785. {/block:Lines}
  786. </ol></div>
  787. {/block:Chat}
  788.  
  789. {block:Photo}<div class="but">
  790. {LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/>{LinkCloseTag}
  791. </div>{/block:Photo}
  792.  
  793. {block:Photoset}
  794. <div class="but">{Photoset-400}</div>
  795. {/block:Photoset}
  796.  
  797. {block:Video}
  798. <div class="but">{Video-400}</div>
  799. {/block:Video}
  800.  
  801. {block:Audio}
  802. <div class="left">
  803. <i class="fa fa-music"></i>
  804.  {block:AlbumArt}
  805. <div id="cool"><img src="{AlbumArtURL}"></div>
  806. {/block:AlbumArt}  
  807. </div>
  808. <div class="side">
  809. <div class="song"><div class="player">{AudioPlayerGrey}</div></div>
  810. <div class="audioinfo">
  811. {block:TrackName}<b>Track:</b>{TrackName}{/block:TrackName}
  812. {block:Artist}<br><b>Artist:</b>{Artist}{/block:Artist}
  813. <br><b>Plays:</b>{playcount}
  814. </div></div>
  815. {/block:Audio}
  816.  
  817. {block:Answer}
  818. <div class="q">
  819. <div class="as">{Asker} said: </div>
  820. {Question}</div>
  821. <div class="a">{Answer}
  822. </div>
  823. {/block:Answer}
  824.  
  825. {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  826.  
  827. {block:Date}
  828. <div id="permalink">
  829. <a href="{Permalink}" title="{timeago}">{month} {dayofmonth}{dayofmonthsuffix}, {year}</a>{block:NoteCount}<i class="fa fa-heart-o"></i><a href="{Permalink}">{NoteCountwithlabel}</a>{/block:NoteCount}{block:HasTags}<span class="tags"> / {block:Tags}<a href="{TagUrl}"> # {Tag}</a>{/block:Tags}</span>{/block:HasTags}
  830. </div>
  831. {/block:Date}
  832.  
  833.  
  834.  
  835. </div>
  836.  
  837.  
  838. {block:PostNotes}
  839. <div class="pagenotes">
  840. {PostNotes}
  841. </div>
  842. {/block:PostNotes}
  843.  
  844.  
  845. {/block:Posts}
  846.  
  847.  
  848.  
  849.  
  850.  
  851.  
  852. </div>
  853.  
  854.  
  855.  
  856. {block:ContentSource}
  857. <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  858. width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" />
  859. {/block:SourceLogo}
  860. {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  861. {/block:ContentSource}
  862. <a href="http://farahmir.tumblr.com" class="script" title="septim">&copy;</a>
  863. </body></html>
Add Comment
Please, Sign In to add comment