Don't like ads? PRO users don't see any ads ;-)

Theme 5 by ohmyklaus - withOUT shadow - chrome

By: ohmy-klaus on Jun 23rd, 2012  |  syntax: None  |  size: 17.05 KB  |  hits: 9,025  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. <!--
  2.    
  3.         WTH is a Stiles? by Evy
  4.         ohmyklaus.tumblr.com
  5.  
  6.         EEEEEE  EE    EE  EE    EE
  7.         EE      EE    EE  EE    EE
  8.         EE       EE  EE    EE  EE
  9.         EEEEE    EE  EE     EEEE
  10.         EE        EEEE       EE
  11.         EE        EEEE       EE
  12.         EEEEEEE    EE        EE
  13.  
  14.         DO NOT REMOVE THE CREDIT!
  15.         DO NOT CLAIM AS YOUR OWN!
  16.                                      -->
  17.  
  18.  
  19.  
  20.  
  21. <html><head>
  22.    
  23.         <meta name="color:Background" content="#352e31"/>
  24.         <meta name="color:Font" content="#d8b4a8"/>
  25.         <meta name="color:Links" content="#f33c4f"/>
  26.         <meta name="color:Links Hover" content="#d8b4a8"/>
  27.         <meta name="color:Bold" content="#f33c4f"/>
  28.         <meta name="color:Posts Title" content="#f33c4f"/>
  29.         <meta name="color:Blog Title Color" content="#d8b4a8"/>
  30.         <meta name="color:Posts Background" content="#453d40"/>
  31.         <meta name="color:Posts Hover Border" content="#3d3539"/>
  32.         <meta name="color:Scrollbar" content="#f33c4f"/>
  33.        
  34.         <meta name="color:Nav Links Color" content="#d8b4a8"/>
  35.         <meta name="color:Home Link Background" content="#453d40"/>
  36.         <meta name="color:Ask Link Background" content="#453d40"/>
  37.         <meta name="color:Theme Link Background" content="#453d40"/>
  38.         <meta name="color:Link 1 Background" content="#453d40"/>
  39.         <meta name="color:Link 2 Background" content="#453d40"/>
  40.         <meta name="color:Link 3 Background" content="#453d40"/>
  41.        
  42.         <meta name="image:Background Image" content=""/>
  43.         <meta name="image:Sidebar Image" content="
  44.         http://store.picbg.net/pubpic/4E/8C/8f3f5135d2254e8c.png"/>
  45.         <meta name="text:Sidebar Image height" content="210" />
  46.        
  47.         <meta name="text:Blog Title" content="" />
  48.        
  49.         <meta name="text:Home Link URL" content="/" />
  50.         <meta name="text:Home Link Title" content="home" />
  51.         <meta name="text:Ask Link URL" content="/ask" />
  52.         <meta name="text:Ask Link Title" content="message" />
  53.         <meta name="text:Link 1 URL" content="/" />
  54.         <meta name="text:Link 1 Title" content="link 1" />
  55.         <meta name="text:Link 2 URL" content="/" />
  56.         <meta name="text:Link 2 Title" content="link 2" />
  57.         <meta name="text:Link 3 URL" content="/" />
  58.         <meta name="text:Link 3 Title" content="link 3" />
  59.        
  60.        
  61.         <title>{Title}</title>
  62.         <link rel="shortcut icon" href="{Favicon}">
  63.        
  64.  
  65.  
  66.  
  67.      
  68.      
  69.  
  70. <style type="text/css">
  71.        
  72.        
  73.        
  74. /* --- BASICS --- */
  75.  
  76.  
  77. body {
  78.     font-family: verdana;
  79.     font-size: 8px;
  80.     line-height: 100%;
  81.     text-align: justify;
  82.     text-transform: uppercase;
  83.     color: {color:Font};
  84.     background-color: {color:Background};
  85.     background-image: url('{image:Background Image}');
  86.     background-attachment: fixed;
  87.     background-position:  left top;
  88.     background-repeat: no-repeat; }
  89.  
  90.  
  91. a:link, a:visited, a:active {
  92.     font-family: mane;
  93.     font-size: 8px;
  94.     text-transform: uppercase;
  95.     color: {color:Links};
  96.     border-bottom: 0px solid transparent;
  97.     -webkit-transition-duration: .90s; }
  98.  
  99. a:hover {
  100.     border-bottom: 1px solid {color:Links Hover};
  101.     color: {color:Links Hover};
  102.     -webkit-transition-duration: .90s; }
  103.  
  104. b, strong {
  105.     color: {color:Bold}; }
  106.    
  107.    
  108. blockquote {
  109.     margin-left: 0px;
  110.     padding-left:4px;
  111.     border-left: 4px solid {color:Bold}; }
  112.    
  113.  
  114. #title {
  115.     font-family: Calibri;
  116.     font-size: 20px;
  117.     margin-top: 5px;
  118.     margin-bottom: 5px;
  119.     padding-bottom: 4px;
  120.     font-size: 16px;
  121.     text-align: center; }
  122.  
  123. #link {
  124.     font-family: Calibri;
  125.     font-size: 20px;
  126.     margin-top: 5px;
  127.     padding-bottom: 0px;
  128.     font-size: 16px;
  129.     text-align: center; }
  130.  
  131.  
  132. h1 {
  133.     font-family: Calibri;
  134.     font-size: 20px;
  135.     line-height: 15px;
  136.     letter-spacing: 0px;
  137.     text-transform: none;
  138.     font-weight: normal;
  139.     text-align: left;
  140.     margin-top: 0px;
  141.     margin-bottom: 0px;
  142.     padding: 0px;
  143.     color: {color:Posts Title}; }
  144.  
  145.  
  146.  
  147. /* --- POSTS --- */
  148.    
  149. #entries {
  150.     position: absolute;
  151.     top: 70px;
  152.     margin-left: 300px;
  153.     width: 520px; }
  154.      
  155. #posts {
  156.     overflow: hidden;
  157.     margin-top: -40px;
  158.     margin-bottom: 40px;
  159.     padding: 10px 10px 8px 10px;
  160.     font: 8px mane;
  161.     text-transform: uppercase;  
  162.     background-color: {color:Background};
  163.     -webkit-transition: 0.4s linear; }
  164.      
  165. #posts:hover  {
  166.     background-color: {color:Posts Background};
  167.     border-top: 5px solid {color:Posts Hover Border};
  168.     border-bottom: 5px solid {color:Posts Hover Border};
  169.     -webkit-transition: 0.4s linear; }
  170.      
  171. #posts:hover #info {
  172.     opacity:1;
  173.     display:block;
  174.     }
  175.  
  176.  
  177.  
  178. /* --- POST INFO --- */
  179.  
  180. #info {
  181.     position: absolute;
  182.     opacity: 0;
  183.     margin-top: -10px;
  184.     margin-left: 515px;
  185.     width: 150px;
  186.     padding: 1px 5px 3px 5px;
  187.     font-family: mane;
  188.     font-size: 8px;
  189.     line-height:120%;
  190.     text-transform: uppercase;
  191.     text-align: left;
  192.     color: {color:Font};
  193.     background-color: none;
  194.     -webkit-transition: 0.4s linear; }
  195.    
  196. #info a {
  197.     color: {color:Font}; }
  198.  
  199. #info a:hover {  
  200.     color: {color:Links};
  201.     -webkit-transition: 0.4s linear; }
  202.    
  203.    
  204.    
  205. /* --- QUOTE --- */
  206.  
  207. #quote {
  208.     margin: 0px 32px;
  209.     font-family: Calibri;
  210.     font-size: 16px; }
  211.  
  212. #source {
  213.     font-size: 8px; }
  214.  
  215.  
  216.  
  217. /* --- AUDIO --- */
  218.  
  219. #audio {
  220.     padding: 0px; }
  221.    
  222. .qu {
  223.     opacity: 0.7;
  224.     font-family: georgia;
  225.     font-size: 25px;
  226.     font-weight: bold;  
  227.     line-height: 33px;}
  228.    
  229. .ote {
  230.     opacity: 0.9;
  231.     margin-top: -34px;
  232.     text-indent: 15px; }
  233.  
  234. .audio {
  235.     background-color :white;
  236.     display: block; }
  237.    
  238.  
  239.  
  240. /* --- QUESTION --- */
  241.  
  242. .asker {
  243.     width: 490px;
  244.     padding: 5px;
  245.     font-size: 8px;
  246.     text-transform: normal;
  247.     line-height: 100%;
  248.     font-weight: normal;
  249.     color:{color:Font};}
  250.    
  251. .asker img {
  252.     float: left;
  253.     padding: 0px 5px 0px 0px; }
  254.    
  255. .asker a {
  256.     margin: 0;
  257.     padding: 0;
  258.     font-size: 8px;
  259.     line-height: 100%;
  260.     font-weight: bold;
  261.     text-transform: normal;
  262.     color: {color:Links};;}
  263.    
  264. .asker a:hover {
  265.     margin: 0;
  266.     padding: 0;
  267.     font-weight: bold;
  268.     text-transform: normal;
  269.     color: {color:Links Hover}; }
  270.  
  271. .question {
  272.     font-size: 8px;
  273.     font-weight: normal;
  274.     text-transform: none;
  275.     color:{color:Font};
  276.     background-color: {color:Posts Background}; }
  277.    
  278. .answer {
  279.     padding-top: 0px;
  280.     padding-left: 5px;
  281.     padding-right: 5px; }
  282.    
  283. .answer img {
  284.     max-width: 500px; }
  285.  
  286. img a {
  287.     border:none;
  288.     width:100%; }
  289.  
  290.  
  291.  
  292. /* --- CHAT --- */  
  293.  
  294. .user_1 .label {color:{color:links}; font-weight:bold;}    
  295. .user_2 .label {color:{color:links}; font-weight:bold;}    
  296. .user_3 .label {color:{color:links}; font-weight:bold;}    
  297. .user_4 .label {color:{color:links}; font-weight:bold;}    
  298. .user_5 .label {color:{color:links}; font-weight:bold;}    
  299. .user_6 .label {color:{color:links}; font-weight:bold;}    
  300. .user_7 .label {color:{color:links}; font-weight:bold;}    
  301. .user_8 .label {color:{color:links}; font-weight:bold;}    
  302. .user_9 .label {color:{color:links}; font-weight:bold;}    
  303. .user_10 .label {color:{color:links}; font-weight:bold;}    
  304. .user_11 .label {color:{color:links}; font-weight:bold;}    
  305. .user_12 .label {color:{color:links}; font-weight:bold;}    
  306. .user_13 .label {color:{color:links}; font-weight:bold;}    
  307. .user_14 .label {color:{color:links}; font-weight:bold;}    
  308. .user_15 .label {color:{color:links}; font-weight:bold;}    
  309. .user_16 .label {color:{color:links}; font-weight:bold;}    
  310. .user_17 .label {color:{color:links}; font-weight:bold;}    
  311. .user_18 .label {color:{color:links}; font-weight:bold;}    
  312. .user_19 .label {color:{color:links}; font-weight:bold;}    
  313. .user_20 .label {color:{color:links}; font-weight:bold;}
  314.    
  315. ul.chat, .chat ol, .chat li {
  316.     margin:0px;
  317.     padding:0px;
  318.     list-style:none;}
  319.  
  320.  
  321.  
  322.  
  323.  
  324. /* --- SCROLLBAR --- */
  325.  
  326.  
  327. ::-webkit-scrollbar-thumb:vertical {
  328.     height:10px;
  329.     background-color: {color:Scrollbar}; }
  330.    
  331. ::-webkit-scrollbar-thumb:horizontal {
  332.     height:10px;
  333.     background-color: {color:Scrollbar}; }
  334.    
  335. ::-webkit-scrollbar {
  336.     height: 10px;
  337.     width: 5px;
  338.     background-color: {color:Background}; }
  339.  
  340.  
  341.  
  342.  
  343.  
  344. /* --- PERMALINK NOTES PAGE --- */
  345.  
  346.  
  347. #postnotes {
  348.     margin:0px 0px 0px 0px;
  349.     width:510px;
  350.     padding:5px;
  351.     font-family: mane;
  352.     font-size: 8px;
  353.     background-color: none; }
  354.    
  355. #postnotes a {
  356.     margin-top:1px; }
  357.  
  358. ol.notes li.note {
  359.     padding:1px;
  360.     border-bottom: solid 0px;}
  361.  
  362. ol.notes li.note img.avatar {
  363.     vertical-align:-4px;
  364.     margin-right:0px;
  365.     width:16px;
  366.     height:16px; }
  367.  
  368.  
  369.  
  370.  
  371.  
  372. /* --- BORDER --- */
  373.      
  374.    
  375. #top {
  376.     position: fixed;
  377.     top: 0px;
  378.     margin-left: 300px;
  379.     width: 520px;
  380.     height: 10px;
  381.     background-color: {color:Posts Background};
  382.     border-bottom: 5px solid {color:Posts Hover Border};
  383.     z-index: 1001; }    
  384.    
  385. #bottom {
  386.     position: fixed;
  387.     bottom: 0px;
  388.     margin-left: 300px;
  389.     width: 520px;
  390.     height: 10px;
  391.     background-color: {color:Posts Background};
  392.     border-top: 5px solid {color:Posts Hover Border};
  393.     z-index: 1001; }
  394.  
  395.  
  396.  
  397.  
  398.  
  399. /* --- SIDEBAR --- */
  400.  
  401.  
  402. #center {
  403.     margin-left: auto;
  404.     margin-right: auto;
  405.     width: 800px; }
  406.  
  407. #position {
  408.     position: fixed;
  409.     top: 100px;
  410.     margin-left: 20px;
  411.     width: 200px; }
  412.  
  413.  
  414. .sidebar {
  415.     margin-left: 0px;
  416.     width: 200px;
  417.     height: {text:Sidebar Image height}px;
  418.     padding: 0px 0px -2px 0px;
  419.     font: 8px mane;
  420.     text-transform: uppercase;  
  421.     color: {color:Font};
  422.     background: {color:Sidebar Image Border}; }
  423.  
  424.  
  425. #ttl {
  426.     position: fixed;
  427.     margin-top: -45px;
  428.     width: 200px;
  429.     font: 9px 'Orator Std';
  430.     letter-spacing: 2px;  
  431.     text-transform: uppercase;
  432.     color: {color:Blog Title Color}; }
  433.  
  434.  
  435. #description {
  436.     position: fixed;
  437.     opacity: 0.9;
  438.     overflow: hidden;
  439.     margin-top: 30px;
  440.     margin-left: 0px;  
  441.     width: 200px;
  442.     padding: 6px 0px 4px 0px;  
  443.     text-align: justify;
  444.     color: {color:Font};
  445.     background: none;
  446.     border: 5px solid none;
  447.     -webkit-transition-duration: .90s;}
  448.  
  449.  
  450.  
  451.  
  452.  
  453. /* --- NAVIGATION --- */
  454.  
  455.  
  456. #nav-a {
  457.     position: fixed;
  458.     margin-top: -21px;
  459.     margin-left: -1px;
  460.     background: {color:Home Link Background};
  461.     -webkit-transition-duration: .90s; }
  462. #nav-a:hover {
  463.     margin-top: -21px;
  464.     color: {color:Links Hover}; }
  465.  
  466. #nav-b {
  467.     position: fixed;
  468.     margin-top: -21px;
  469.     margin-left: 68px;
  470.     background: {color:Ask Link Background};
  471.     -webkit-transition-duration: .90s;  }
  472. #nav-b:hover {
  473.     margin-top: -21px;
  474.     color: {color:Links Hover}; }
  475.  
  476. #nav-c {
  477.     position: fixed;
  478.     margin-top: -21px;
  479.     margin-left: 137px;
  480.     background: {color:Theme Link Background};
  481.     -webkit-transition-duration: .90s;  }
  482. #nav-c:hover {
  483.     margin-top: -21px;
  484.     color: #fd9558; }
  485.  
  486. #nav-d {
  487.     position: fixed;
  488.     margin-top: 3px;
  489.     margin-left: -1px;
  490.     background: {color:Link 1 Background};
  491.     -webkit-transition-duration: .90s;  }
  492. #nav-d:hover {
  493.     margin-top: 3px;
  494.     color: {color:Links Hover}; }
  495.  
  496. #nav-e {
  497.     position: fixed;
  498.     margin-top: 3px;
  499.     margin-left: 68px;
  500.     background: {color:Link 2 Background};
  501.     -webkit-transition-duration: .90s;  }
  502. #nav-e:hover {
  503.     margin-top: 3px;
  504.     color: {color:Links Hover}; }
  505.  
  506. #nav-f {
  507.     position: fixed;
  508.     margin-top: 3px;
  509.     margin-left: 137px;
  510.     background: {color:Link 3 Background};
  511.     -webkit-transition-duration: .90s;  }
  512. #nav-f:hover {
  513.     margin-top: 3px;
  514.     color: {color:Links Hover}; }
  515.  
  516.  
  517. .link-1 {
  518.     float: left;
  519.     display: block;
  520.     margin-top: 0px;
  521.     margin-left: 0px;
  522.     width: 64px;
  523.     padding: 2px 0px 4px 0px;
  524.     font: 8px mane;
  525.     text-align: center;
  526.     color: {color:Nav Links Color};
  527.     -webkit-transition-duration: .90s; }
  528. .link-1 a, a {
  529.     text-decoration: none;
  530.     text-transform: none;
  531.     color: {color:Nav Links Color}; }
  532. .link-1:hover {
  533.     background: {color:Posts Background};
  534.     color: {color:Font}; }
  535.  
  536.  
  537.  
  538.  
  539.  
  540. /* --- PAGES --- */
  541.  
  542.  
  543. #prev {
  544.     position: fixed;
  545.     margin-top: 70px;
  546.     margin-left: -40px;
  547.     width: 0px;
  548.     -webkit-transition-duration: .90s; }
  549.  
  550. #next {
  551.     position: fixed;
  552.     margin-top: 70px;
  553.     margin-left: 205px;
  554.     width: 0px;
  555.     -webkit-transition-duration: .90s; }
  556.  
  557.  
  558. .pages {
  559.     display: block;
  560.     width: 30px;
  561.     padding: 0px 2px 4px 2px;
  562.     font: 35px tahoma;  
  563.     text-align: center;  
  564.     color: {color:Links};
  565.     background: none;
  566.     -webkit-transition-duration: .90s; }
  567. .pages a, a {
  568.     text-decoration: none;
  569.     text-transform: none;
  570.     color: {color:Links}; }
  571. .pages:hover {
  572.     color: {color:Font};
  573.     background: none; }
  574.  
  575.  
  576.  
  577.  
  578.  
  579. /* --- FONT FACE --- */
  580.  
  581.  
  582. @font-face {
  583.     font-family: mane;
  584.     src: url('http://static.tumblr.com/amm1lw6/Mwqm2qtbb/pfarmafive.ttf');}
  585.  
  586.  
  587.  
  588.  
  589.  
  590. </style>
  591. </head>
  592.    
  593.  
  594.  
  595.  
  596.  
  597. <body>
  598.  
  599.  
  600.  
  601. <div id="center">
  602.  
  603. <div id="top"><br></div>
  604. <div id="bottom"><br></div>
  605.  
  606.  
  607.  
  608. <div id="position">
  609.  
  610. <center><div id="ttl"><br>
  611. {text:Blog Title}
  612. </div></center>
  613. <br>
  614.  
  615.  
  616. <div class="sidebar">
  617.  
  618.  
  619. <div id="prev"><center>
  620. {block:Pagination}
  621. {block:PreviousPage}
  622. <a href="{PreviousPage}"> <div class="pages">«</div></a>
  623. {/block:PreviousPage}
  624. {/block:Pagination}
  625. </center></div>
  626.  
  627. <div id="next"><center>
  628. {block:Pagination}
  629. {block:NextPage}
  630. <a href="{NextPage}"> <div class="pages">»</div></a>
  631. {/block:NextPage}
  632. {/block:Pagination}
  633. </center></div>
  634.  
  635.  
  636. <div id="nav-a"><center>
  637. <a href="{text:Home Link URL}"> <div class="link-1">{text:Home Link Title}</div></a>
  638. </center></div>
  639.  
  640. <div id="nav-b"><center>
  641. <a href="{text:Ask Link URL}"> <div class="link-1">{text:Ask Link Title}</div></a>
  642. </center></div>
  643.  
  644. <div id="nav-c"><center>
  645. <a href="http://ohmyklaus.tumblr.com/tagged/themes" target="_blank"> <div class="link-1">theme</div></a>
  646. </center></div>
  647.  
  648. <img src="{image:Sidebar Image}" width="200px">
  649.  
  650. <div id="nav-d"><center>
  651. <a href="{text:Link 1 URL}"> <div class="link-1">{text:Link 1 Title}</div></a>
  652. </center></div>
  653.  
  654. <div id="nav-e"><center>
  655. <a href="{text:Link 2 URL}"> <div class="link-1">{text:Link 2 Title}</div></a>
  656. </center></div>
  657.  
  658. <div id="nav-f"><center>
  659. <a href="{text:Link 3 URL}"> <div class="link-1">{text:Link 3 Title}</div></a>
  660. </center></div>
  661.  
  662.  
  663. <div id="description">
  664. <center>
  665. {description}
  666. </center>
  667. </div>
  668.  
  669.  
  670. </div>
  671. </div>
  672.  
  673.  
  674. <div id="entries">
  675. {block:Posts}
  676. <div id="posts">
  677.  
  678.  
  679. <div id="info">
  680.  
  681. {block:Date}
  682. Posted
  683. <a href="{Permalink}">{TimeAgo}</a> <br>
  684. {/block:Date}
  685. {block:NoteCount}
  686. with
  687. <a href="{Permalink}">{NoteCount}  notes</a> <br>
  688. {/block:NoteCount}
  689.  
  690. {block:RebloggedFrom}<br>
  691. via: <a href="{ReblogParentURL}">
  692. <a href="{ReblogParentURL}">{ReblogParentName}</a>  <br>
  693. {/block:RebloggedFrom}
  694.  
  695. {block:ContentSource}
  696. source: <a href="{SourceURL}">{SourceLink}</a> <br>
  697. {/block:ContentSource}
  698.  
  699. {block:HasTags}<br>
  700. Tags:
  701. {block:Tags}#<a href="/tagged/{Tag}">{Tag}</a> {/block:Tags}
  702. {/block:HasTags}
  703.  
  704. </div>
  705.  
  706.      
  707. {block:Title}
  708. <h1>{Title}&nbsp;</h1>
  709. {/block:Title}
  710.  
  711. {block:Text}
  712. {Body}
  713. {/block:Text}
  714.      
  715. {block:Quote}
  716. <div id="quote">
  717. <center>
  718. " {Quote} "
  719. </center>
  720. </div>
  721. {block:Source}
  722. <div id="source">
  723. <center>
  724. {Source}
  725. </center>
  726. </div>{/block:Source}
  727. {/block:Quote}
  728.      
  729. {block:Link}
  730. <a href="{URL}" class="link" {Target}><h1>{Name}&nbsp;</h1></a>
  731. {block:Description}{Description}{/block:Description}
  732. {/block:Link}
  733.      
  734. {block:Photo}
  735. {LinkOpenTag}
  736. <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  737. {LinkCloseTag}<br>
  738. {block:Caption}
  739. {Caption}
  740. {/block:Caption}
  741. {/block:Photo}
  742.  
  743. {block:Photoset}
  744. {Photoset-500}
  745. {block:Caption}
  746. {Caption}
  747. {/block:Caption}
  748. {/block:Photoset}
  749.      
  750. {block:Chat}
  751. <ul class="chat">
  752. {block:Lines}
  753. <li class="user_{UserNumber}">
  754. {block:Label}
  755. <span class="label">{Label}</span>
  756. {/block:Label}
  757. &nbsp;{Line}</li>
  758. {/block:Lines}</ul>
  759. {/block:Chat}
  760.      
  761. {block:Video}
  762. {Video-500}
  763. {block:Caption}
  764. {Caption}
  765. {/block:Caption}
  766. {/block:Video}
  767.    
  768. {block:Answer}
  769. <div class="asker">
  770. <img src="{AskerPortraitURL-24}"><b>{Asker}</b> asked:
  771. <div class="questions">
  772. {Question}
  773. </div></div>
  774. <div class="answer">
  775. {Answer}
  776. </div>
  777. {/block:Answer}
  778.  
  779. {block:Audio}
  780. <div id="audio">
  781. {block:AlbumArt}
  782. <img src="{AlbumArtURL}" width="55px" height="55px" align="left" style="margin-right:10px" />
  783. {/block:AlbumArt}
  784. {block:TrackName}
  785. Song: <b>{TrackName}</b><br>
  786. {/block:TrackName}
  787. {block:Artist}
  788. Artist: <b>{Artist}</b><br><br>
  789. {/block:Artist}
  790. {AudioPlayerBlack}<br>
  791. </div>
  792. {block:Caption}
  793. {Caption}
  794. {/block:Caption}
  795. {/block:Audio}
  796.  
  797.    
  798. </div>
  799. {/block:Posts}
  800.  
  801. {block:PostNotes}
  802. <div id="postnotes">{PostNotes}</div>
  803. {/block:PostNotes}
  804.  
  805. </div>
  806.    
  807. </body>
  808. </html>