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

#1 blanco - a free tumblr theme

By: veilsandvisions on Dec 31st, 2011  |  syntax: None  |  size: 24.70 KB  |  hits: 4,824  |  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. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <!--
  3.                                          
  4. B L A N C O   B Y   V E I L S   A N D   V I S I O N S !
  5. http://veilsandvisions.tumblr.com/
  6. ver 1.5.0
  7.  
  8. -->
  9. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  10. <head>
  11.  
  12.     <!-- DEFAULT VARIABLES -->
  13.     <meta name="color:Background" content="#f5f5f5" />
  14.     <meta name="color:BlogTitle" content="#000000" />
  15.     <meta name="color:Text" content="#000000" />
  16.     <meta name="color:Content" content="#ffffff" />
  17.     <meta name="color:NavLinks" content="#222222" />
  18.     <meta name="color:Link" content="#00008b" />
  19.     <meta name="color:LinkHover" content="#4169E1" />
  20.     <meta name="color:Date" content="#222222" />
  21.     <meta name="color:Footer" content="#c5c5c5" />
  22.     <meta name="color:Accent" content="#f5f5f5" />
  23.  
  24.     <meta name="font:BlogTitle" content="Baskerville" />
  25.     <meta name="font:Body" content="Arial" />
  26.     <meta name="font:Title" content="Georgia" />
  27.     <meta name="font:NavLinks" content="Courier new" />
  28.    
  29.     <meta name="if:Fixed Background" content="1" />
  30.     <meta name="if:Repeat Background" content="1" />
  31.     <meta name="if:Show Archive Link" content="1" />
  32.     <meta name="if:Show Random Link" content="1" />
  33.     <meta name="if:Show Home Link" content="1" />
  34.     <meta name="if:Transparent Content Background" content="0" />
  35.     <meta name="if:Stretch Images" content="0" />
  36.     <meta name="if:Centered Images" content="1" />
  37.     <meta name="if:Infinite Scrolling" content="0" />
  38.     <meta name="if:Date Style TimeAgo" content="0" />
  39.     <meta name="if:Hide Caption" content="0" />
  40.     <meta name="if:Link 1" content="0" />
  41.     <meta name="if:Link 2" content="0" />
  42.     <meta name="if:Link 3" content="0" />
  43.     <meta name="if:Link 4" content="0" />
  44.     <meta name="if:Link 5" content="0" />
  45.  
  46.     <meta name="text:Background Position" content="top right" />
  47.    <meta name="text:Ask label" content="ask" />
  48.     <meta name="text:Archive label" content="archive" />
  49.     <meta name="text:Random label" content="random" />
  50.     <meta name="text:Home label" content="home" />
  51.     <meta name="text:Link 1 Url" content="http://" />
  52.     <meta name="text:Link 1 Name" content="link 1" />
  53.     <meta name="text:Link 2 Url" content="http://" />
  54.     <meta name="text:Link 2 Name" content="link 2" />
  55.     <meta name="text:Link 3 Url" content="http://" />
  56.     <meta name="text:Link 3 Name" content="link 3" />
  57.     <meta name="text:Link 4 Url" content="http://" />
  58.     <meta name="text:Link 4 Name" content="link 4" />
  59.     <meta name="text:Link 5 Url" content="http://" />
  60.     <meta name="text:Link 5 Name" content="link 5" />
  61.    
  62.     <meta name="image:BackgroundPic" content="" />
  63.  
  64.  
  65.  
  66.    
  67. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  68.  
  69. <title>{Title}</title>
  70. <link rel="shortcut icon" href="{Favicon}">
  71. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  72. {block:Description}
  73. <meta name="description" content="{MetaDescription}" />
  74. {/block:Description}
  75.  
  76. <style type="text/css">
  77.  
  78. body { background-color:{color:Background}; background-image: url('{image:BackgroundPic}'); background-position: {text:Background Position}; }
  79.  
  80. {block:IfNotFixedBackground}
  81. body {background-attachment: scroll;}
  82. {/block:IfNotFixedBackground}
  83. {block:IfFixedBackground}
  84. body {background-attachment:fixed;}
  85. {/block:IfFixedBackground}
  86. {block:IfNotRepeatBackground}
  87. body {background-repeat:no-repeat;}
  88. {/block:IfNotRepeatBackground}
  89. {block:IfRepeatBackground}
  90. body {background-repeat:repeat;}
  91. {/block:IfRepeatBackground}
  92.  
  93. a {     -webkit-transition: all 0.3s linear;
  94.         -moz-transition: all 0.3s linear;
  95.         -o-transition: all 0.3s linear ;
  96.         -ms-transition: all 0.3s linear; }
  97.  a:hover {
  98.         -webkit-transition: all 0.3s linear;
  99.         -moz-transition: all 0.3s linear;
  100.         -o-transition: all 0.3s linear ;
  101.         -ms-transition: all 0.3s linear; }
  102.  
  103.  
  104. #wrapper {
  105.         position: absolute; top:100px; left: 20%;
  106.         background-color: none;
  107.          }
  108.  
  109. #content {
  110.         width: 520px;
  111.         margin:0px;
  112.         padding-top:0px;
  113.         font: 11px {font:Body};  
  114.         background-color:none; }
  115.  
  116. #background {
  117.         width: 520px; height:2000px;
  118.         background-color:{color:Content};
  119.         z-index:-235;
  120.         position:fixed; top:0px; left: 20%; }
  121.  
  122. {block:IfTransparentContentBackground}
  123. #background {
  124.         opacity: 0.6; filter: alpha(opacity=60); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";   }
  125. {/block:IfTransparentContentBackground}
  126.  
  127. #title {
  128.         width: 520px;
  129.         background-color:{color:Content};
  130.         position:fixed; top:0px; left: 20%;
  131.         font:51px {font:BlogTitle};
  132.         margin:0px;
  133.         padding-bottom:5px; padding-top:15px;
  134.         text-decoration: none;
  135.         font-weight: bold;
  136.         text-align:center;
  137.         letter-spacing:-1px;
  138.         line-height:70%;
  139.         z-index:2343;  
  140.         opacity: 0.3; filter: alpha(opacity=30); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; }
  141.  
  142. #title a {
  143.         color:{color:BlogTitle};
  144.         text-decoration: none;}
  145. #title a:visited {
  146.         text-decoration: none;
  147.         color: {color:BlogTitle};
  148.         -webkit-transition-duration: 0.4s;}
  149. #title a:hover {
  150.         text-decoration: none;
  151.         color: {color:LinkHover};
  152.         -webkit-transition-duration: 0.4s;}
  153. #title:hover {
  154.         -webkit-transition-duration: 0.5s;
  155.         opacity: 1.0; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  156.  
  157.  
  158. #links {
  159.         font: 12px {font:NavLinks}; }
  160. #links ul {
  161.         list-style-type:none;
  162.         margin:0px; padding:0px;}
  163. #links li { display:inline; }
  164. #links a {
  165.         color: {color:NavLinks};
  166.         text-decoration:none;
  167.         font-weight:bold;
  168.         margin-right:5px;
  169.         word-spacing:-2px; }
  170. #links a:visited {
  171.         color: {color:NavLinks};
  172.         text-decoration:none;
  173.         font-weight:bold;
  174.         margin-right:5px;
  175.         word-spacing:-2px; }
  176. #links a:hover {
  177.         text-decoration: none;
  178.         color: {color:LinkHover};
  179.         -webkit-transition-duration: 0.4s; }
  180.  
  181. .post {
  182.         margin-top:0px;
  183.         padding: 10px;
  184.         width: 500px; color: {color:Text};  }
  185.  
  186. .post a {
  187.         color:{color:Link}; text-decoration:none; }
  188. .post a:visited {
  189.         color:{color:Link}; text-decoration:none; }
  190. .post a:hover {
  191.         text-decoration:none; color:{color:LinkHover}; }
  192. .post a:active {
  193.         text-decoration:none; color:{color:LinkHover}; }
  194. .post:hover #tags {
  195.         opacity: 1.0; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";}
  196.  
  197. .post p {
  198.         line-height:110%;}
  199. .copy {
  200.         margin-top:-3px; margin-bottom:-4px; }
  201. .caption {
  202.         margin-top:-3px; margin-bottom:-4px;
  203. {block:IfHideCaption}
  204.         display:none;
  205. {/block:IfHideCaption}
  206. }
  207.  
  208. #postinfo {
  209.         font:11px {font:Body};
  210.         color:{color:Text};
  211.         padding-top:5px;  padding-bottom:5px;
  212.         margin: 10px 0 0 0;
  213.         text-align: center;
  214.         border-bottom: 2px solid {color:Footer};
  215.         border-top: 2px solid {color:Footer};
  216.         text-transform: lowercase;
  217.         }
  218.  
  219. #tags {
  220.         font:11px {font:NavLinks};
  221.         background-color:none;
  222.         color:{color:Date};
  223.         width:140px;
  224.         display:block;
  225.         text-align:left;
  226.         text-transform: lowercase;
  227.         margin-left:520px;
  228.         opacity:0;
  229.         position:absolute;      
  230.         -webkit-transition-duration: 0.4s;
  231.         padding:3px;
  232.         z-index:2; }
  233. #tags a {
  234.         font-weight:normal;
  235.         color:{color:Date};
  236.         letter-spacing:-1px; }
  237. #tags a:hover {
  238.         font-weight:normal;
  239.         color:{color:LinkHover};}
  240.  
  241. ul.tags {
  242.         list-style-type:none;
  243.         padding: 0px;
  244.         margin: 0px 0px;}
  245.  
  246. .postfooter {  
  247.         width:500px;
  248.         padding:0px; margin-left:10px; margin-top:0px; margin-bottom:0px;
  249.         height: 2px;
  250.         background-color: {color:Footer}; }
  251.  
  252. .posttitle {
  253.         font:20px {font:Title};
  254.         font-weight:normal;
  255.         margin:0px; padding:0px;}
  256.  
  257. .postlink a {
  258.         color:{color:Text};
  259.         text-decoration:none;
  260.         font-size: 20px;
  261.         font-family: {font:Title};
  262.         text-align: center;
  263.         letter-spacing:-1px; }
  264. .postlink a:hover {
  265.         color:{color:LinkHover}; }
  266.  
  267. .postquote {
  268.         width:440px;
  269.         font-family:{font:Title}; color:{color:Text}; font-size:20px; font-weight: normal; padding: 0px 20px 5px 0px; position: relative; left: 30px; top: -60px; z-index: 2;}
  270.  
  271. .quotebg {
  272.         font-family:{font:Title}; font-size:100px;
  273.         color:{color:Text};
  274.         position: relative; left: 0px; top: 0px;
  275.         z-index: 1; line-height: 90%;
  276.         opacity: 0.2; filter: alpha(opacity=20); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; height:70px;}
  277.  
  278. .quote_source {margin: -55px 20px 5px 0; text-align: right; }
  279. .quote_source a{color:{color:Link}; text-decoration:none;}
  280. .quote_source a:hover { color:{color:LinkHover}; }
  281.  
  282.  
  283.  
  284. li.postchat { list-style-type:none;}
  285. li.chattitle {
  286.         list-style-type:none;
  287.         margin-bottom:-10px; font: 16px {font:Title};}
  288.  
  289. li.postphotoset { list-style-type:none; }
  290.  
  291. ul.chat {  padding: 0px;
  292.                 margin: 5px 0px;
  293.                 list-style-type: none;
  294.                 border-bottom: solid 0px {color:Text};}
  295.  
  296. ul.chat li {
  297.   border-top: solid 0px {color:Text};
  298.  padding: 5px; list-style-type:none; }
  299.  
  300. ul.chat li:nth-child(odd) { background-color:{color:Accent};}
  301. ul.chat li:nth-child(even) { background-color: none}
  302.  
  303. ul.chat .label { font-weight:bold;}
  304.  
  305. .row:nth-child(odd) { background-color:none;}
  306. .row:nth-child(even) { background-color:{color:Accent};}
  307.  
  308.  
  309. .question_post { background-color:{color:Accent}; -moz-border-radius:6px;-webkit-border-radius:6px; padding:5px;}
  310. .asker_container { font-family:{font:title}; font-size:12px; font-weight:bold; }
  311. .asker_container img { float: left; margin-right: 5px; }
  312. .question { background-color:none; }
  313. .answer { display:block;}
  314.  
  315. .notecontainer { margin:0px; text-align: left;}
  316.  
  317. ol.notes {
  318.                 padding: 0px;
  319.                 margin: 5px 0px 10px 0px;
  320.                 list-style-type: none; }
  321.  
  322. ol.notes li.note { font-family:{font:Tags}; font-size: 11px; font-weight: normal;
  323.                 padding: 2px; }
  324.  
  325. ol.notes li.note img.avatar {
  326.                 vertical-align: -4px;
  327.                 margin-right: 10px;
  328.                 width: 16px;
  329.                 height: 16px; }
  330.  
  331. ol.notes li.note span.action {
  332.                 font-weight: normal; }
  333. ol.notes li.note .answer_content { font-family:{font:Tags};
  334.                 font-weight: normal;}
  335.  
  336. ol.notes li.note blockquote { font-family:{font:Tags};
  337.                 border-color:{color:Text};
  338.                 padding: 4px 10px;
  339.                 margin: 4px 0px 0px 25px;  }
  340. ol.notes li.note blockquote a {
  341.                font-family:{font:Tags};
  342.                 text-decoration: none; }
  343.  
  344. #credit {  
  345.         font-family: arial;
  346.         top:26px;
  347.         right: 5px;
  348.         position: fixed;
  349.         text-align: right;
  350.         font-size:13px;
  351.         background-color: none;
  352.         color: white;
  353.         text-decoration:none;
  354.         font-weight:normal;
  355.         word-spacing:-2px; }
  356. #credit a, #credit a:visited {
  357.         font: 10px arial;
  358.         background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png);
  359.         color: white;
  360.         text-decoration:none;
  361.         font-weight:normal;
  362.         padding: 3px;
  363.         letter-spacing: 1px;
  364.         line-height: 14px;
  365.         opacity: 0.4; filter: alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  366.         border-radius: 2px;
  367.         -webkit-border-radius: 2px;
  368.         -moz-border-radius: 2px;
  369.         -webkit-transition: all 0.4s linear;
  370.         -moz-transition: all 0.4s linear;
  371.         -o-transition: all 0.4s linear ;
  372.         -ms-transition: all 0.4s linear; }
  373. #credit a:hover {    
  374.         opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  375.         -webkit-transition: all 0.4s linear;
  376.         -moz-transition: all 0.4s linear;
  377.         -o-transition: all 0.4s linear;
  378.         -ms-transition: all 0.4s linear; }
  379.  
  380. iframe#tumblr_controls {    
  381.         top:0px !important;  
  382.         right:3px !important;    
  383.         position: fixed !important;    
  384.         opacity: 0.4; filter: alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  385.         -webkit-transition: all 0.4s linear;
  386.         -moz-transition: all 0.4s linear;
  387.         -o-transition: all 0.4s linear ;
  388.         -ms-transition: all 0.4s linear; }  
  389. iframe#tumblr_controls:hover {    
  390.         opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  391.         -webkit-transition: all 0.4s linear;
  392.         -moz-transition: all 0.4s linear;
  393.         -o-transition: all 0.4s linear;
  394.         -ms-transition: all 0.4s linear;}
  395.  
  396. img {  border-style: none; }  
  397.  
  398. blockquote {
  399.         border-left:2px {color:Text} solid;
  400.         padding-left:5px; padding-right:0px; padding-top:0px; padding-bottom:0px;
  401.         margin:-3px 0px 0px 10px;}
  402. blockquote img { max-width: 482px; }
  403. blockquote blockquote img { max-width: 465px; }
  404. blockquote blockquote blockquote img { max-width: 447px; }
  405.  
  406.  
  407. #bottom {  background-color:none; height:10px;}  
  408.  
  409.         </style>
  410.  
  411.         <style type="text/css">{CustomCSS}</style>
  412.  
  413. {block:IfInfiniteScrolling}
  414.         <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  415. {/block:IfInfiniteScrolling}
  416.  
  417. </head>
  418. <body>
  419.  
  420. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --> {/block:ContentSource}
  421.  
  422. <div id="background"></div>
  423.  
  424. <div id="title">
  425.         <a href="/">
  426.                 {Title}
  427.         </a>
  428.  
  429.         <div id="links">
  430.                 <ul>
  431. {block:IfNotInfiniteScrolling}
  432. {block:Pagination}  
  433.             {block:PreviousPage}
  434.                <li><a href="{PreviousPage}">&larr; prev</a></li>
  435.             {/block:PreviousPage}
  436. {/block:Pagination}
  437. {/block:IfNotInfiniteScrolling}
  438. <li><a href="/ask">{text:ask label}</a></li>
  439. {block:IfShowArchiveLink}
  440. <li><a href="/archive">{text:archive label}</a> </li>
  441. {/block:IfShowArchiveLink}
  442. {block:IfShowRandomLink}
  443. <li><a href="/random">{text:random label}</a> </li>
  444. {/block:IfShowRandomLink}
  445. {block:IfShowHomeLink}
  446. <li><a href="/">{text:home label}</a> </li>
  447. {/block:IfShowHomeLink}
  448. {block:IfLink1}<li><a href="{text:Link 1 Url}">{text:Link 1 Name}</a></li>{/block:IfLink1}
  449. {block:IfLink2}<li><a href="{text:Link 2 Url}">{text:Link 2 Name}</a></li>{/block:IfLink2}
  450. {block:IfLink3}<li><a href="{text:Link 3 Url}">{text:Link 3 Name}</a></li>{/block:IfLink3}
  451. {block:IfLink4}<li><a href="{text:Link 4 Url}">{text:Link 4 Name}</a></li>{/block:IfLink4}
  452. {block:IfLink5}<li><a href="{text:Link 5 Url}">{text:Link 5 Name}</a></li>{/block:IfLink5}    
  453. {block:IfNotInfiniteScrolling}
  454. {block:Pagination}
  455.             {block:NextPage}
  456.                 <li><a href="{NextPage}">next &rarr;</a></li>
  457.             {/block:NextPage}
  458. {/block:Pagination}
  459. {/block:IfNotInfiniteScrolling}
  460.                 </ul>
  461.         </diV>
  462. </div>
  463.        
  464.  <div id="wrapper">
  465.  
  466.         <div id="content">
  467.            
  468.             {block:SearchPage}
  469.                 {block:SearchResults}
  470.                     <div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
  471.                 {/block:SearchResults}
  472.                
  473.                 {block:NoSearchResults}
  474.                     <div id="searchresults">{lang:No search results for SearchQuery 2}</div>
  475.                 {/block:NoSearchResults}
  476.             {/block:SearchPage}
  477.            
  478. <div class ="autopagerize_page_element">
  479. {block:Posts}
  480.         <div class="post">
  481.  
  482.  
  483.                    
  484. {block:Photo}
  485.         {block:IndexPage}
  486.         <div id="tags">
  487.         <ul class="tags">
  488.         {block:Date}
  489.                         {block:IfNotDateStyleTimeAgo}
  490.                         <li><a href="{Permalink}">{ShortMonth} {DayOfMonth} {Year} at {FormattedTime}</a> </li>
  491.                         {/block:IfNotDateStyleTimeAgo}
  492.                         {block:IfDateStyleTimeAgo}
  493.                         <li><a href="{Permalink}">{TimeAgo}</a></li>
  494.                         {/block:IfDateStyleTimeAgo}
  495.                         <li>{block:NoteCount}<a href="{Permalink}"> {NoteCountWithLabel}{/block:NoteCount}</a></li>
  496.                         <li><a href="{ReblogURL}">reblog &hearts;</a></li>
  497.  
  498.         </ul>
  499.         {/block:Date}
  500.         </div>
  501.          {/block:IndexPage}
  502.         <div class="media" {block:IfCenteredImages} align="center"{/block:IfCenteredImages}>{LinkOpenTag}<img src="{PhotoURL-500}" alt="{PhotoAlt}" {block:IfStretchImages}width="500px"{/block:IfStretchImages}/>{LinkCloseTag}</div>
  503.                 {block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
  504. {/block:Photo}
  505.                    
  506. {block:Photoset}
  507.         {block:IndexPage}
  508.         <div id="tags">
  509.         <ul class="tags">
  510.         {block:Date}
  511.                         {block:IfNotDateStyleTimeAgo}
  512.                         <li><a href="{Permalink}">{ShortMonth} {DayOfMonth} {Year} at {FormattedTime}</a> </li>
  513.                         {/block:IfNotDateStyleTimeAgo}
  514.                         {block:IfDateStyleTimeAgo}
  515.                         <li><a href="{Permalink}">{TimeAgo}</a></li>
  516.                         {/block:IfDateStyleTimeAgo}
  517.                         <li>{block:NoteCount}<a href="{Permalink}"> {NoteCountWithLabel}{/block:NoteCount}</a></li>
  518.                         <li><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblog &hearts;</a></li>
  519.  
  520.         </ul>
  521.         {/block:Date}
  522.         </div>
  523.          {/block:IndexPage}
  524.         <li class="postphotoset">
  525.                 {Photoset-500}
  526.                         {block:Caption}
  527.                         <div class="caption">{Caption}</div>
  528.                         {/block:Caption}
  529.         </li>
  530. {/block:Photoset}
  531.  
  532. {block:Video}
  533.         {block:IndexPage}
  534.         <div id="tags">
  535.         <ul class="tags">
  536.         {block:Date}
  537.                         {block:IfNotDateStyleTimeAgo}
  538.                         <li><a href="{Permalink}">{ShortMonth} {DayOfMonth} {Year} at {FormattedTime}</a> </li>
  539.                         {/block:IfNotDateStyleTimeAgo}
  540.                         {block:IfDateStyleTimeAgo}
  541.                         <li><a href="{Permalink}">{TimeAgo}</a></li>
  542.                         {/block:IfDateStyleTimeAgo}
  543.                         <li>{block:NoteCount}<a href="{Permalink}"> {NoteCountWithLabel}{/block:NoteCount}</a></li>
  544.                         <li><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblog &hearts;</a></li>
  545.  
  546.         </ul>
  547.         {/block:Date}
  548.         </div>
  549.          {/block:IndexPage}
  550.         <div class="media">{Video-500}</div>
  551.                 {block:Caption}
  552.                         <div class="caption">{Caption}</div>
  553.                 {/block:Caption}
  554. {/block:Video}
  555.                    
  556. {block:Audio}
  557.         {block:IndexPage}
  558.         <div id="tags">
  559.         <ul class="tags">
  560.         {block:Date}
  561.                         {block:IfNotDateStyleTimeAgo}
  562.                         <li><a href="{Permalink}">{ShortMonth} {DayOfMonth} {Year} at {FormattedTime}</a> </li>
  563.                         {/block:IfNotDateStyleTimeAgo}
  564.                         {block:IfDateStyleTimeAgo}
  565.                         <li><a href="{Permalink}">{TimeAgo}</a></li>
  566.                         {/block:IfDateStyleTimeAgo}
  567.                         <li>{block:NoteCount}<a href="{Permalink}"> {NoteCountWithLabel}{/block:NoteCount}</a></li>
  568.                         <li><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblog &hearts;</a></li>
  569.  
  570.         </ul>
  571.         {/block:Date}
  572.         </div>
  573.          {/block:IndexPage}
  574.  
  575.         <table border="0" width="500px">
  576.                 <tr class="row">
  577.                         <td width="203px" valign="top">
  578.                         <div class="audio">
  579.                                 <div class="player">{AudioPlayerGrey}</div>
  580.                         </div>
  581.                         </td>
  582.                         <td rowspan="5">
  583.                                 {block:AlbumArt}
  584.                                 <div class="album_art">
  585.                                         <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:0px;" width="285"/>
  586.                                 </div>
  587.                                 {/block:AlbumArt}
  588.                         </td>
  589.                 </tr>
  590.                 <tr class="row">
  591.                         <td>
  592.                                 <div class="meta">{block:TrackName}{TrackName}{/block:TrackName} </div>
  593.                         </td>
  594.                 </tr>
  595.                 <tr class="row">
  596.                         <td>
  597.                                 <div class="meta"> by {block:Artist}{Artist}{/block:Artist}</div>
  598.                 </tr>
  599.                 <tr class="row">
  600.                         <td>
  601.                                  <div class="meta">{PlayCountWithLabel}</div>
  602.                        
  603.                         </td>
  604.                 </tr>
  605.                 <tr class="row">
  606.                         <td valign="top">
  607.                                 {block:Caption}
  608.                                         <div class="caption">{Caption}</div>
  609.                                 {/block:Caption}
  610.  
  611.                         </td>
  612.                 </tr>
  613.         </table>
  614. {/block:Audio}
  615.                    
  616. {block:Quote}
  617.         {block:IndexPage}
  618.         <div id="tags">
  619.         <ul class="tags">
  620.         {block:Date}
  621.                         {block:IfNotDateStyleTimeAgo}
  622.                         <li><a href="{Permalink}">{ShortMonth} {DayOfMonth} {Year} at {FormattedTime}</a> </li>
  623.                         {/block:IfNotDateStyleTimeAgo}
  624.                         {block:IfDateStyleTimeAgo}
  625.                         <li><a href="{Permalink}">{TimeAgo}</a></li>
  626.                         {/block:IfDateStyleTimeAgo}
  627.                         <li>{block:NoteCount}<a href="{Permalink}"> {NoteCountWithLabel}{/block:NoteCount}</a></li>
  628.                         <li><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblog &hearts;</a></li>
  629.  
  630.         </ul>
  631.         {/block:Date}
  632.         </div>
  633.          {/block:IndexPage}
  634.  
  635.         <div class="quotebg">“</div>
  636.         <div class="postquote">{Quote}</div>                            
  637.                             {block:Source}
  638.                                         <div class="quote_source">
  639.                                             &mdash; {Source}</div>
  640.                                        
  641.                             {/block:Source}
  642.                        
  643. {/block:Quote}
  644.                        
  645. {block:Text}
  646.         {block:IndexPage}
  647.         <div id="tags">
  648.         <ul class="tags">
  649.         {block:Date}
  650.                         {block:IfNotDateStyleTimeAgo}
  651.                         <li><a href="{Permalink}">{ShortMonth} {DayOfMonth} {Year} at {FormattedTime}</a> </li>
  652.                         {/block:IfNotDateStyleTimeAgo}
  653.                         {block:IfDateStyleTimeAgo}
  654.                         <li><a href="{Permalink}">{TimeAgo}</a></li>
  655.                         {/block:IfDateStyleTimeAgo}
  656.                         <li>{block:NoteCount}<a href="{Permalink}"> {NoteCountWithLabel}{/block:NoteCount}</a></li>
  657.                         <li><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblog &hearts;</a></li>
  658.  
  659.         </ul>
  660.         {/block:Date}
  661.         </div>
  662.          {/block:IndexPage}
  663.         {block:Title}
  664.                 <div class="posttitle">{Title}</div>
  665.         {/block:Title}
  666.                 <div class="copy">{Body}</div>
  667. {/block:Text}
  668.                    
  669. {block:Answer}
  670.         {block:IndexPage}
  671.         <div id="tags">
  672.         <ul class="tags">
  673.         {block:Date}
  674.                         {block:IfNotDateStyleTimeAgo}
  675.                         <li><a href="{Permalink}">{ShortMonth} {DayOfMonth} {Year} at {FormattedTime}</a> </li>
  676.                         {/block:IfNotDateStyleTimeAgo}
  677.                         {block:IfDateStyleTimeAgo}
  678.                         <li><a href="{Permalink}">{TimeAgo}</a></li>
  679.                         {/block:IfDateStyleTimeAgo}
  680.  
  681.         </ul>
  682.         {/block:Date}
  683.         </div>
  684.          {/block:IndexPage}
  685.         <div class="question_post">
  686.                 <div class="asker_container"><img src="{AskerPortraitURL-24}"> {Asker} said: </div>
  687.                 <div class="question">
  688.                                         {Question}
  689.                 </div>
  690.         </div>
  691.         <div class="answer">{Answer}</div>
  692. {/block:Answer}
  693.                    
  694. {block:Chat}
  695.         {block:IndexPage}
  696.         <div id="tags">
  697.         <ul class="tags">
  698.         {block:Date}
  699.                         {block:IfNotDateStyleTimeAgo}
  700.                         <li><a href="{Permalink}">{ShortMonth} {DayOfMonth} {Year} at {FormattedTime}</a> </li>
  701.                         {/block:IfNotDateStyleTimeAgo}
  702.                         {block:IfDateStyleTimeAgo}
  703.                         <li><a href="{Permalink}">{TimeAgo}</a></li>
  704.                         {/block:IfDateStyleTimeAgo}
  705.                         <li>{block:NoteCount}<a href="{Permalink}"> {NoteCountWithLabel}{/block:NoteCount}</a></li>
  706.                         <li><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblog &hearts;</a></li>
  707.  
  708.         </ul>
  709.         {/block:Date}
  710.         </div>
  711.          {/block:IndexPage}
  712.         <li class="postchat"><li class="chattitle">
  713.                         {block:Title}
  714.                             <h3><a href="{Permalink}">{Title}</a></h3>
  715.                         {/block:Title}</li>
  716.  
  717.                         <ul class="chat">
  718.                             {block:Lines}
  719.                                 <li class="{Alt} user_{UserNumber}">
  720.                                     {block:Label}
  721.                                         <span class="label">{Label}</span>
  722.                                     {/block:Label}
  723.  
  724.                                     {Line}
  725.                                 </li>
  726.                             {/block:Lines}
  727.                         </ul>
  728.                     </li>
  729. {/block:Chat}
  730.                    
  731. {block:Link}
  732.         {block:IndexPage}
  733.         <div id="tags">
  734.         <ul class="tags">
  735.         {block:Date}
  736.                         {block:IfNotDateStyleTimeAgo}
  737.                         <li><a href="{Permalink}">{ShortMonth} {DayOfMonth} {Year} at {FormattedTime}</a> </li>
  738.                         {/block:IfNotDateStyleTimeAgo}
  739.                         {block:IfDateStyleTimeAgo}
  740.                         <li><a href="{Permalink}">{TimeAgo}</a></li>
  741.                         {/block:IfDateStyleTimeAgo}
  742.                         <li>{block:NoteCount}<a href="{Permalink}"> {NoteCountWithLabel}{/block:NoteCount}</a></li>
  743.                         <li><a href="http://tmv.proto.jp/reblog.php?post_url={Permalink};">reblog &hearts;</a></li>
  744.  
  745.         </ul>
  746.         {/block:Date}
  747.         </div>
  748.          {/block:IndexPage}
  749.  
  750.         <div class="postlink">
  751.                 <a href="{URL}" {Target}>{Name} &raquo;</a>
  752.         </div>
  753.         {block:Description}<div class="copy">{Description}</div>{/block:Description}
  754. {/block:Link}
  755.  
  756.  
  757.          
  758. {block:PermalinkPage}
  759.         {block:Date}
  760.         <div id="postinfo">
  761.         <ul class="tags">
  762.                         <li>Posted on {Month} {DayOfMonth} {Year} at {FormattedTime} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</li>
  763.                 {block:Reblog}
  764.                         <li>Source <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFromReblog}, via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFromReblog}</li>
  765.                 {/block:Reblog}
  766.                 {block:HasTags}
  767.                         <li>Tags {block:Tags} <a href="/tagged/{Tag}">#{Tag}</a>{/block:Tags}</li>
  768.                 {/block:HasTags}
  769.         </ul>
  770.         </div>
  771.         {/block:Date}
  772.                     {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  773.  
  774. {/block:PermalinkPage}                    
  775.                        
  776.                  
  777.  
  778.                    
  779.  
  780.  
  781.                    
  782. </div>
  783.  
  784. {block:IndexPage}
  785. <div class="postfooter"></div>
  786. {/block:IndexPage}
  787.  
  788.                 <div class="bottom"></div>
  789.  
  790. {/block:Posts}
  791. </div>
  792.  
  793.            
  794. </div>
  795.        
  796.  
  797.  
  798.  
  799.  
  800.             <div id="bottom"></div>
  801.    </div>
  802.        
  803.         <div class="clear"></div>
  804. </div>
  805.    
  806. <div id="credit"><a href="http://veilsandvisions.tumblr.com">&copy;&ensp;veils and visions</a></div>
  807.    
  808.  
  809. </body>
  810. </html>