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

#7 tinfoil - a free tumblr theme

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