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

#4 arc - a free tumblr theme

By: veilsandvisions on Mar 18th, 2012  |  syntax: None  |  size: 29.58 KB  |  hits: 3,041  |  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. A R C   B Y   V E I L S   A N D   V I S I O N S !
  5. http://veilsandvisions.tumblr.com/
  6. ver 2.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="#dddddd" />
  14.     <meta name="color:ContentBG" content="#ffffff" />
  15.     <meta name="color:Text" content="#000000" />
  16.     <meta name="color:Link" content="#fcbccc" />
  17.     <meta name="color:LinkHover" content="#87ceeb" />
  18.     <meta name="color:SidebarBG" content="#ffffff" />
  19.     <meta name="color:Description" content="#000000" />
  20.     <meta name="color:DescriptionLinks" content="#fcbccc" />
  21.     <meta name="color:BlogTitle" content="#87ceeb" />
  22.     <meta name="color:CircleLinks" content="#ffffff" />
  23.     <meta name="color:CircleLinksBG" content="#222222" />
  24.     <meta name="color:CircleLinksBGHover" content="#fcbccc" />
  25.     <meta name="color:Ask" content="#fcbccc" />
  26.     <meta name="color:Separator" content="#000000" />
  27.  
  28.     <meta name="font:BlogTitle" content="Baskerville" />
  29.     <meta name="font:Body" content="Trebuchet MS" />
  30.     <meta name="font:Description" content="Trebuchet MS" />
  31.     <meta name="font:PostTitle" content="Georgia" />
  32.     <meta name="font:CircleLinks" content="Georgia" />
  33.    
  34.     <meta name="if:Fixed Background" content="1" />
  35.     <meta name="if:Repeat Background" content="1" />
  36.     <meta name="if:Show Album Art" content="1">
  37.     <meta name="if:Show Tags" content="1" />
  38.     <meta name="if:Centered Images" content="1" />
  39.     <meta name="if:Stretch Images" content="0" />
  40.     <meta name="if:Infinite Scrolling" content="0" />
  41.     <meta name="if:Date Style TimeAgo" content="0" />
  42.     <meta name="if:Hide Caption" content="0" />
  43.     <meta name="if:Sidebar on left" content="0" />
  44.     <meta name="if:Show SidebarPic" content="1" />
  45.     <meta name="if:Show SidebarBackground" 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:Link 1 Url" content="http://" />
  58.     <meta name="text:Link 1 Name" content="link 1" />
  59.     <meta name="text:Link 2 Url" content="http://" />
  60.     <meta name="text:Link 2 Name" content="link 2" />
  61.     <meta name="text:Link 3 Url" content="http://" />
  62.     <meta name="text:Link 3 Name" content="link 3" />
  63.     <meta name="text:Link 4 Url" content="http://" />
  64.     <meta name="text:Link 4 Name" content="link 4" />
  65.     <meta name="text:Link 5 Url" content="http://" />
  66.     <meta name="text:Link 5 Name" content="link 5" />
  67.     <meta name="text:Link 6 Url" content="http://" />
  68.     <meta name="text:Link 6 Name" content="link 6" />
  69.  
  70.     <meta name="image:BackgroundPic" content="" />
  71.     <meta name="image:SidebarPic" content="" />
  72.  
  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.  
  101. #description {
  102.         background-color: transparent;
  103.         margin-top:0px;
  104.         font-family: {font:Description};
  105.         font-size: 11px;
  106.         color: {color:Description}; }
  107. #description a, #description a:visited  {
  108.         color: {color:Link};
  109.         text-decoration:none;}
  110. #description a:hover {
  111.         color: {color:LinkHover};
  112.         text-decoration:none;}
  113.  
  114. #custom_links, #custom_links a, #custom_links a:visited {
  115.         font-family: {font:Description};
  116.         font-size: 11px;
  117.         text-align: center;
  118.         text-decoration: none;
  119.         margin: 3px 0px;
  120. {block:IfNotInfiniteScrolling}  color: {color:DescriptionLinks};         {/block:IfNotInfiniteScrolling}
  121. {block:IfInfiniteScrolling}     color:{color:BlogTitle};        {/block:IfInfiniteScrolling} }
  122. #custom_links a:hover{
  123.         text-decoration: none;
  124.         color: {color:LinkHover}; }
  125.  
  126. a {     -webkit-transition: all 0.3s linear;
  127.         -moz-transition: all 0.3s linear;
  128.         -o-transition: all 0.3s linear ;
  129.         -ms-transition: all 0.3s linear; }
  130.  a:hover {
  131.         -webkit-transition: all 0.3s linear;
  132.         -moz-transition: all 0.3s linear;
  133.         -o-transition: all 0.3s linear ;
  134.         -ms-transition: all 0.3s linear; }
  135.  
  136. #wrapper {
  137.         position: absolute; top:0px; left:22%;
  138.         background-color:none; }
  139.  
  140. #content { position: relative;
  141. {block:IfNotSidebarOnLeft}
  142.         left: 0px;
  143. {/block:IfNotSidebarOnLeft}
  144. {block:IfSidebarOnLeft}
  145.         left: 250px;
  146. {/block:IfSidebarOnLeft}
  147.         width: 520px;
  148.         margin:0px;
  149.         padding-top:0px;
  150.         font: 11px {font:Body};  
  151.         background-color:none; }
  152.  
  153. .menu_table  {
  154.         height:70px;
  155.         margin-left: 3px; }
  156.  
  157. .links {               
  158.         width:70px;
  159.         font: 11px {font:CircleLinks};
  160.         text-align: center;
  161.         valign: center;
  162.         list-style-type: none;
  163.         margin: 0px;
  164.         padding: 0px; }
  165. .links a.ball, .links a.ball:visited {
  166.         margin-left:0px;
  167.         padding-top:25px;;
  168.         width: 60px; height: 35px;
  169.         display: block;
  170.         background-color: {color:CircleLinksBG}; color: {color:CircleLinks};
  171.         text-decoration:none;
  172.         font-weight:bold;
  173.         word-spacing:-2px;
  174.         border-radius: 30px;
  175.         -webkit-border-radius: 30px;
  176.         -moz-border-radius: 30px;
  177.         -webkit-transition: all 0.3s linear;
  178.         -moz-transition: all 0.3s linear;
  179.         -o-transition: all 0.3s linear ;
  180.         -ms-transition: all 0.3s linear; }
  181. .links a.ball:hover {
  182.         text-decoration: none;
  183.         background-color: {color:CircleLinksBGHover};
  184.         color: {color:CircleLinksBG};
  185.         -webkit-transition: all 0.3s linear;
  186.         -moz-transition: all 0.3s linear;
  187.         -o-transition: all 0.3s linear ;
  188.         -ms-transition: all 0.3s linear; }
  189.  
  190. #menu img {
  191.         float: right;
  192.         margin:0px;}
  193.  
  194. #title {  
  195.         text-align: center;
  196.         background-color:none;
  197.         font:16px {font:BlogTitle};
  198.         margin:0px 0px;
  199.         text-decoration: none;
  200.         font-weight: bold;
  201.         letter-spacing:-1px;
  202.         z-index:892343;         }
  203.  
  204. #title a, #title a:visited {
  205.         color:{color:BlogTitle};
  206.         text-decoration: none; }
  207. #title a:hover {
  208.         text-decoration: none;
  209.         color: {color:CircleLinksBGHover}; }
  210.  
  211. #sidebar_content {
  212.         background-color: transparent;
  213.         margin-top:0px; margin-right:10px; margin-bottom:10px; margin-left:10px; }
  214.  
  215. #sidebar_wrap { position: fixed; top: 100px; left: 22%;}
  216. #sidebar {
  217.         position: absolute; top: 0px;
  218. {block:IfNotSidebarOnLeft}
  219.         left: 550px;
  220. {/block:IfNotSidebarOnLeft}
  221. {block:IfSidebarOnLeft}
  222.         left: 0px;
  223. {/block:IfSidebarOnLeft}
  224.         width:200px;
  225. {block:IfShowSidebarBackground} background-color: {color:SidebarBG}; {/block:IfShowSidebarBackground}
  226. {block:IfNotShowSidebarBackground} background-color: none; {/block:IfNotShowSidebarBackground}
  227.         padding: 5px 10px 10px 10px;
  228.         z-index:23456;
  229.         border-radius: 2px;
  230.         -webkit-border-radius: 2px;
  231.         -moz-border-radius: 2px; }
  232.  
  233. #sidebar_pic {  
  234.         z-index:23454;
  235. {block:IfNotShowSidebarPic}
  236.         display:none;
  237. {/block:IfNotShowSidebarPic}
  238.  }
  239.  
  240. #sidebar_pic img {
  241.         width: 200px;
  242.         text-align:right; }
  243.  
  244.  
  245. #navigation { text-align: center; }
  246.  
  247. .navi { color:{color:BlogTitle};
  248.         font:14px {font:BlogTitle};
  249.         font-weight: bold;
  250.         word-spacing:-1px;
  251.         text-decoration: none;  }
  252. .navi a, .navi a:visited  {
  253.         color: {color:BlogTitle};
  254.         text-decoration: none;
  255.         font-weight: bold; }
  256. .navi a:hover {
  257.         text-decoration: none;
  258.         color: {color:CircleLinksBGHover}; }
  259. .current_page {         text-decoration: none; font-style: italic; }
  260.  
  261. ol#posts {
  262.         list-style-type: none;
  263.         margin:0px; padding:0px;
  264.         width:520px; }
  265. ol#posts li.post {
  266.         padding:10px;
  267.         margin-top: 5px;
  268.         background-color: {color:ContentBG};
  269.         color: {color:Text};
  270.         border-radius: 2px;
  271.         -webkit-border-radius: 2px;
  272.         -moz-border-radius: 2px; }
  273.  
  274. ol#posts a, ol#posts a:visited {
  275.         color: {color:Link};
  276.         text-decoration: none; }
  277.  
  278. ol#posts a:hover {
  279.         color: {color:LinkHover}; }
  280.  
  281. ol#posts li ul {
  282.         list-style-type: disc; }
  283.  
  284. .postinfo {
  285.         font:11px {font:Body};
  286.         color:{color:Text};
  287.         width: 500px;
  288.         background-color: {color:ContentBG};
  289.         padding: 10px; margin-top: 5px; }
  290.  
  291. ul.tags {
  292.         list-style-type: disc;
  293.         margin: 0px 0px;
  294.         text-align: left; }
  295.  
  296. .postfooter {
  297.         margin-left:0px; margin-top:5px; margin-bottom:0px;
  298.         width:500px;
  299.         padding:3px 0px 0px 0px;
  300.         font:10px {font:Body};
  301.         background-color: none;
  302.         color:{color:link};
  303.         text-align: center;
  304.         text-transform: lowercase;
  305.         z-index:2;
  306.         text-decoration: none; }
  307.  
  308. .dots {
  309.         font: 30px georgia;
  310.         line-height: 70%;
  311.         margin-left: 5px;
  312.         color: {color:Separator};}
  313.  
  314. .posttitle {
  315.         font:20px {font:PostTitle};
  316.         font-weight: bold;
  317.         margin:0px; padding:0px;
  318.         text-align: center; }
  319.  
  320. .postlink {
  321.         color:{color:Link};
  322.         text-decoration:none;
  323.         font-size: 20px;
  324.         font-family: {font:PostTitle};
  325.         text-align: center;
  326.         letter-spacing:-1px; }
  327. .postlink:hover {
  328.         color:{color:LinkHover}; }
  329.  
  330. .postquote {
  331.         width:390px; background-color: none; position: relative; top: 0px; left: 40px;
  332.         font-family:{font:PostTitle}; color:{color:Text};
  333.         font-size:20px; font-weight: normal;
  334.         text-align: center;
  335.         padding: 10px 10px; z-index: 4;}
  336.  
  337. #post_quote { POSITION: relative; }
  338.  
  339. .signs {
  340.         font-family: georgia; font-size:80px; width:70px; display: inline;
  341.         color:{color:Text};
  342.         font-weight: bold; position: absolute;
  343.         z-index: 6; line-height: 40%;
  344.         opacity: 0.7; filter: alpha(opacity=70); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";  }
  345. #sign_left { top: 20px; left: 5px; }
  346. #sign_right { bottom: 0px; left: 445px; }
  347.  
  348. .source {  text-align: center; position:relative; }
  349. .source a{color:{color:Link}; text-decoration:none;}
  350. .source a:hover { color:{color:LinkHover}; }
  351.  
  352. .chattitle {
  353.         list-style-type:none;
  354.         text-align: center;
  355.         margin:0px; font: 16px {font:PostTitle};}
  356.  
  357. ul.chat {  padding: 0px;
  358.                 margin: 0px 0px;
  359.                 list-style-type: none;}
  360.  
  361. ul.chat li.line {
  362.  padding: 2px; list-style-type:none; }
  363.  
  364. ul.chat li.line:nth-child(odd) { background-color: none;}
  365. ul.chat li.line:nth-child(even) { background-color: none}
  366. li.postphotoset { list-style-type:none; }
  367.  
  368.  
  369. ul.chat .label { font-weight:bold;}
  370.  
  371. .audio { background-color: black; width: 500px;  }
  372. .copy p { padding: 0px; margin:0px;}
  373. .copy blockquote { margin: 5px 10px; }
  374. .row:nth-child(odd) { background-color:none;}
  375. .row:nth-child(even) { background-color: none;}
  376. .player { }
  377. .meta { padding-left: 3px; }
  378.  
  379. .caption {
  380. {block:IfHideCaption}
  381.         display: none;
  382. {/block:IfHideCaption}
  383. }
  384.  
  385.  
  386. .question_post { background-color: none; -moz-border-radius:6px;-webkit-border-radius:6px; border-radius: 6px; padding:5px;}
  387. .asker_container { font-family:{font:PostTitle}; font-size:12px; font-weight:bold; position: relative; z-index: 4;}
  388. .question_post img.icon { margin-right: 0px;
  389.         -moz-border-radius:30px;
  390.         -webkit-border-radius:30px;
  391.         border-radius: 30px; }
  392. .question_wrap { position: relative; }
  393. .tri { color: {color:Ask}; font: 50px baskerville; position:absolute; top:-20px; left: 220px; z-index: 1;}
  394. .question { background-color: {color:Ask}; position: relative; padding: 10px; -moz-border-radius:15px;-webkit-border-radius:15px; border-radius: 15px; z-index: 6;}
  395. .answer { display:block;}
  396. .answer p {
  397.         line-height:110%;}
  398.  
  399. .notecontainer { margin-bottom:0px; margin-top: 5px;
  400.         text-align: left;
  401.         background-color: {color:ContentBG};
  402.         padding: 5px 10px 10px 10px;
  403.         width: 500px; }
  404.  
  405. ol.notes {
  406.                 padding: 0px;
  407.                 margin: 5px 0px;
  408.                 list-style-type: none;
  409.                 border-bottom: solid 0px #ccc; }
  410. ol.notes li.note {
  411.                 border-top: solid 0px #ccc;
  412.                 padding: 2px;            }
  413. ol.notes li.note img.avatar {
  414.                 vertical-align: -4px;
  415.                 margin-right: 10px;
  416.                 width: 16px;
  417.                 height: 16px; }
  418. ol.notes li.note span.action {
  419.                 font-weight: normal; }
  420. ol.notes li.note .answer_content {
  421.                 font-weight: normal;}
  422. ol.notes li.note blockquote {
  423.         border-left:3px {color:Text} solid;
  424.         padding-left: 5px; padding-right:0px; padding-top:0px; padding-bottom:0px;
  425.         margin: 0px 0px 0px 20px; }
  426. ol.notes li.note blockquote a { text-decoration: none; }
  427.  
  428.  
  429. #credit {  
  430.         font-family: arial;
  431.         top:26px;
  432.         right: 5px;
  433.         position: fixed;
  434.         text-align: right;
  435.         font-size:13px;
  436.         background-color: none;
  437.         color: white;
  438.         text-decoration:none;
  439.         font-weight:normal;
  440.         word-spacing:-2px; }
  441. #credit a, #credit a:visited {
  442.         font: 10px arial;
  443.         background-image:url(http://static.tumblr.com/8jq17g7/CH8lofvyp/dark-transparent.png);
  444.         color: white;
  445.         text-decoration:none;
  446.         font-weight:normal;
  447.         padding: 3px;
  448.         letter-spacing: 1px;
  449.         line-height: 14px;
  450.         opacity: 0.4; filter: alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  451.         border-radius: 2px;
  452.         -webkit-border-radius: 2px;
  453.         -moz-border-radius: 2px;
  454.         -webkit-transition: all 0.4s linear;
  455.         -moz-transition: all 0.4s linear;
  456.         -o-transition: all 0.4s linear ;
  457.         -ms-transition: all 0.4s linear; }
  458. #credit a:hover {    
  459.         opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  460.         -webkit-transition: all 0.4s linear;
  461.         -moz-transition: all 0.4s linear;
  462.         -o-transition: all 0.4s linear;
  463.         -ms-transition: all 0.4s linear; }
  464.  
  465. iframe#tumblr_controls {    
  466.         top:0px !important;  
  467.         right:3px !important;    
  468.         position: fixed !important;    
  469.         opacity: 0.4; filter: alpha(opacity=40); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  470.         -webkit-transition: all 0.4s linear;
  471.         -moz-transition: all 0.4s linear;
  472.         -o-transition: all 0.4s linear ;
  473.         -ms-transition: all 0.4s linear; }  
  474. iframe#tumblr_controls:hover {    
  475.         opacity: 1; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  476.         -webkit-transition: all 0.4s linear;
  477.         -moz-transition: all 0.4s linear;
  478.         -o-transition: all 0.4s linear;
  479.         -ms-transition: all 0.4s linear;}
  480.  
  481. img {  border-style: none; }  
  482.  
  483. blockquote {
  484.         border-left:3px {color:Text} solid;
  485.         padding-left:5px; padding-right:0px; padding-top:0px; padding-bottom:0px;
  486.         margin:-2px 0px -2px 15px; }
  487. blockquote img { max-width: 477px; }
  488. blockquote blockquote img { max-width: 454px; }
  489. blockquote blockquote blockquote img { max-width: 431px; }
  490.  
  491. #bottom {  background-color:none; height:10px;}  
  492.  
  493.         </style>
  494.  
  495.         <style type="text/css">{CustomCSS}</style>
  496.  
  497. {block:IfInfiniteScrolling}
  498.         <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  499. {/block:IfInfiniteScrolling}
  500.  
  501. </head>
  502. <body>
  503.  
  504. {block:ContentSource} <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}" width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}" /> {/block:SourceLogo} {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} --> {/block:ContentSource}
  505.  
  506. <div id="background"></div>
  507. <div id="background2"></div>
  508.  
  509.  
  510. <div id="sidebar_wrap">
  511.         <div id="sidebar">
  512.         <div class="links">
  513.                 <table class="menu_table" border="0" width="100px">
  514.                         <tr>
  515.                         <td>
  516.                                         <a class="ball" href="/ask">{text:ask label}</a>
  517.                         </td>
  518.                         <td>
  519.                                         <a class="ball" href="/">{text:home label}</a>
  520.                         </td>
  521.                         <td>
  522.                                         <a class="ball" href="/archive">{text:archive label}</a>
  523.                         </td></tr>             
  524.                 </table>
  525.         </div>
  526.  
  527.                 <div id="sidebar_pic"><a href="/">
  528.                         <img src="{image:SidebarPic}"></a>
  529.                 </div>
  530.  
  531.                 <div id="title">
  532.                         <a href="/">
  533.                                 {Title}
  534.                         </a>
  535.                 </div>
  536.  
  537.                 {block:Description}
  538.                     <div id="description">
  539.                         {Description}
  540.                    </div>
  541.                 {/block:Description}
  542.  
  543.                 <div id="custom_links">
  544.                                 {block:IfLink1}<a href="{text:Link 1 Url}">{text:Link 1 Name}</a> {/block:IfLink1}
  545.                                 {block:IfLink2} &bull; <a href="{text:Link 2 Url}">{text:Link 2 Name}</a>{/block:IfLink2}
  546.                                 {block:IfLink3} &bull; <a href="{text:Link 3 Url}">{text:Link 3 Name}</a> {/block:IfLink3}
  547.                                 {block:IfLink4} &bull; <a href="{text:Link 4 Url}">{text:Link 4 Name}</a>{/block:IfLink4}
  548.                                 {block:IfLink5} &bull; <a href="{text:Link 5 Url}">{text:Link 5 Name}</a>{/block:IfLink5}
  549.                                 {block:IfLink6} &bull; <a href="{text:Link 6 Url}">{text:Link 6 Name}</a>{/block:IfLink6}
  550.                 </div>
  551.  
  552.  
  553. {block:IfNotInfiniteScrolling}
  554. <div id="navigation">
  555.         <div class="navi">
  556.                 {block:Pagination}
  557.                         {block:PreviousPage}
  558.                                 <a href="{PreviousPage}">&laquo;</a>
  559.                         {/block:PreviousPage}
  560.                         {block:JumpPagination length="7"}
  561.                                 {block:CurrentPage}
  562.                                         <span class="current_page">{PageNumber}</span>
  563.                                 {/block:CurrentPage}
  564.                                 {block:JumpPage}
  565.                                         <a class="jump_page" href="{URL}">{PageNumber}</a>
  566.                                 {/block:JumpPage}
  567.                         {/block:JumpPagination}
  568.                         {block:NextPage}
  569.                                 <a href="{NextPage}">&raquo;</a>
  570.                         {/block:NextPage}
  571.                 {/block:Pagination}
  572.         </div> 
  573. </div>
  574. {/block:IfNotInfiniteScrolling}        
  575.  
  576.         </div>
  577. </div>
  578.    
  579.  
  580.  
  581.  <div id="wrapper">
  582.  
  583.         <div id="content">
  584.            
  585.             {block:SearchPage}
  586.                 {block:SearchResults}
  587.                     <div id="searchresults">{lang:SearchResultCount results for SearchQuery 2}</div>
  588.                 {/block:SearchResults}
  589.                
  590.                 {block:NoSearchResults}
  591.                     <div id="searchresults">{lang:No search results for SearchQuery 2}</div>
  592.                 {/block:NoSearchResults}
  593.             {/block:SearchPage}
  594.            
  595. <div class ="autopagerize_page_element">
  596.  
  597. <ol id="posts">
  598. {block:Posts}
  599.  
  600. {block:Text}
  601.         <li class="post">
  602.                 {block:Title}
  603.                         <div class="posttitle">{Title}</div>
  604.                 {/block:Title}
  605.                 {Body}
  606.  
  607. <div class="postfooter">
  608.         {block:IndexPage}
  609.         {block:Date}
  610.                 {block:Reblog}reblogged{/block:Reblog} {block:NotReblog}posted{/block:NotReblog}
  611.                         {block:IfNotDateStyleTimeAgo}
  612.                         <a href="{Permalink}">{ShortMonth} {DayOfMonth} {Year} at {FormattedTime}</a> &bull;
  613.                         {/block:IfNotDateStyleTimeAgo}
  614.                         {block:IfDateStyleTimeAgo}
  615.                         <a href="{Permalink}">{TimeAgo}</a> &bull;
  616.                         {/block:IfDateStyleTimeAgo}
  617.                         {block:NoteCount}<a href="{Permalink}"> {NoteCountWithLabel}</a> &bull;  {/block:NoteCount}
  618.                         <a href="{ReblogURL}">reblog</a>
  619.                
  620.         {/block:Date}
  621.                 <div class="tags">
  622.    {block:IfShowTags}
  623.                 {block:HasTags}
  624.                         {block:Tags}   
  625.                                 <a href="/tagged/{Tag}">#{Tag}</a>
  626.                         {/block:Tags}
  627.                 {/block:HasTags}
  628.    {/block:IfShowTags}
  629.                 </div>
  630.          {/block:IndexPage}
  631. </div>
  632.  
  633.  
  634.         </li>
  635. {/block:Text}
  636.  
  637. {block:Photo}
  638.         <li class="post">
  639.                 <div class="media" {block:IfCenteredImages} align="center"{/block:IfCenteredImages}>
  640.                         <img src="{PhotoURL-500}" alt="{PhotoAlt}"/ {block:IfStretchImages}width="500px"{/block:IfStretchImages}>
  641.                 </div>
  642.                 {block:Caption}
  643.                         <div class="caption">{Caption}</div>
  644.                 {/block:Caption}
  645.  
  646. <div class="postfooter">
  647.         {block:IndexPage}
  648.         {block:Date}
  649.                 {block:Reblog}reblogged{/block:Reblog} {block:NotReblog}posted{/block:NotReblog}
  650.                         {block:IfNotDateStyleTimeAgo}
  651.                         <a href="{Permalink}">{ShortMonth} {DayOfMonth} {Year} at {FormattedTime}</a> &bull;
  652.                         {/block:IfNotDateStyleTimeAgo}
  653.                         {block:IfDateStyleTimeAgo}
  654.                         <a href="{Permalink}">{TimeAgo}</a> &bull;
  655.                         {/block:IfDateStyleTimeAgo}
  656.                         {block:NoteCount}<a href="{Permalink}"> {NoteCountWithLabel}</a> &bull;  {/block:NoteCount}
  657.                         <a href="{ReblogURL}">reblog</a>
  658.                
  659.         {/block:Date}
  660.                 <div class="tags">
  661.    {block:IfShowTags}
  662.                 {block:HasTags}
  663.                         {block:Tags}   
  664.                                 <a href="/tagged/{Tag}">#{Tag}</a>
  665.                         {/block:Tags}
  666.                 {/block:HasTags}
  667.    {/block:IfShowTags}
  668.                 </div>
  669.          {/block:IndexPage}
  670. </div>
  671.  
  672.          
  673.  
  674.         </li>
  675. {/block:Photo}
  676.  
  677. {block:Photoset}
  678.         <li class="post">
  679.                 {Photoset-500}
  680.                 {block:Caption}
  681.                         <div class="caption">{Caption}</div>
  682.                 {/block:Caption}
  683.  
  684. <div class="postfooter">
  685.         {block:IndexPage}
  686.         {block:Date}
  687.                 {block:Reblog}reblogged{/block:Reblog} {block:NotReblog}posted{/block:NotReblog}
  688.                         {block:IfNotDateStyleTimeAgo}
  689.                         <a href="{Permalink}">{ShortMonth} {DayOfMonth} {Year} at {FormattedTime}</a> &bull;
  690.                         {/block:IfNotDateStyleTimeAgo}
  691.                         {block:IfDateStyleTimeAgo}
  692.                         <a href="{Permalink}">{TimeAgo}</a> &bull;
  693.                         {/block:IfDateStyleTimeAgo}
  694.                         {block:NoteCount}<a href="{Permalink}"> {NoteCountWithLabel}</a> &bull;  {/block:NoteCount}
  695.                         <a href="{ReblogURL}">reblog</a>
  696.                
  697.         {/block:Date}
  698.                 <div class="tags">
  699.    {block:IfShowTags}
  700.                 {block:HasTags}
  701.                         {block:Tags}   
  702.                                 <a href="/tagged/{Tag}">#{Tag}</a>
  703.                         {/block:Tags}
  704.                 {/block:HasTags}
  705.    {/block:IfShowTags}
  706.                 </div>
  707.          {/block:IndexPage}
  708. </div>
  709.  
  710.  
  711.         </li>
  712. {/block:Photoset}
  713.  
  714. {block:Quote}
  715.         <li class="post">      
  716.                 <div id="post_quote">  
  717.                         <div id="sign_left" class="signs">&ldquo;</div>
  718.                         <div class="postquote">{Quote}</div>
  719.                         <div id="sign_right" class="signs">&rdquo;</div>
  720.  
  721.                         {block:Source}
  722.                                 <div class="source">&mdash; {Source}</div>
  723.                         {/block:Source}
  724.                 </div>
  725.  
  726. <div class="postfooter">
  727.         {block:IndexPage}
  728.         {block:Date}
  729.                 {block:Reblog}reblogged{/block:Reblog} {block:NotReblog}posted{/block:NotReblog}
  730.                         {block:IfNotDateStyleTimeAgo}
  731.                         <a href="{Permalink}">{ShortMonth} {DayOfMonth} {Year} at {FormattedTime}</a> &bull;
  732.                         {/block:IfNotDateStyleTimeAgo}
  733.                         {block:IfDateStyleTimeAgo}
  734.                         <a href="{Permalink}">{TimeAgo}</a> &bull;
  735.                         {/block:IfDateStyleTimeAgo}
  736.                         {block:NoteCount}<a href="{Permalink}"> {NoteCountWithLabel}</a> &bull;  {/block:NoteCount}
  737.                         <a href="{ReblogURL}">reblog</a>
  738.                
  739.         {/block:Date}
  740.                 <div class="tags">
  741.    {block:IfShowTags}
  742.                 {block:HasTags}
  743.                         {block:Tags}   
  744.                                 <a href="/tagged/{Tag}">#{Tag}</a>
  745.                         {/block:Tags}
  746.                 {/block:HasTags}
  747.    {/block:IfShowTags}
  748.                 </div>
  749.          {/block:IndexPage}
  750. </div>
  751.  
  752.         </li>
  753. {/block:Quote}
  754.  
  755. {block:Link}
  756.         <li class="post">
  757.                 <div class="postlink">
  758.                         <a href="{URL}" class="link" {Target}>{Name}</a>
  759.                 </div>
  760.                         {block:Description}
  761.                                 <div class="description">{Description}</div>
  762.                         {/block:Description}
  763. <div class="postfooter">
  764.         {block:IndexPage}
  765.         {block:Date}
  766.                 {block:Reblog}reblogged{/block:Reblog} {block:NotReblog}posted{/block:NotReblog}
  767.                         {block:IfNotDateStyleTimeAgo}
  768.                         <a href="{Permalink}">{ShortMonth} {DayOfMonth} {Year} at {FormattedTime}</a> &bull;
  769.                         {/block:IfNotDateStyleTimeAgo}
  770.                         {block:IfDateStyleTimeAgo}
  771.                         <a href="{Permalink}">{TimeAgo}</a> &bull;
  772.                         {/block:IfDateStyleTimeAgo}
  773.                         {block:NoteCount}<a href="{Permalink}"> {NoteCountWithLabel}</a> &bull;  {/block:NoteCount}
  774.                         <a href="{ReblogURL}">reblog</a>
  775.                
  776.         {/block:Date}
  777.                 <div class="tags">
  778.    {block:IfShowTags}
  779.                 {block:HasTags}
  780.                         {block:Tags}   
  781.                                 <a href="/tagged/{Tag}">#{Tag}</a>
  782.                         {/block:Tags}
  783.                 {/block:HasTags}
  784.    {/block:IfShowTags}
  785.                 </div>
  786.          {/block:IndexPage}
  787. </div>
  788.  
  789.         </li>
  790. {/block:Link}
  791.  
  792. {block:Chat}
  793.         <li class="post">
  794.                 {block:Title}
  795.                         <div class="chattitle">{Title}</div>
  796.                 {/block:Title}
  797.                 <ul class="chat">
  798.                         {block:Lines}
  799.                                 <li class="line">
  800.                                         {block:Label}
  801.                                                 <span class="label">{Label}</span>
  802.                                         {/block:Label}
  803.                                                 {Line}
  804.                                 </li>
  805.                         {/block:Lines}
  806.                 </ul>
  807. <div class="postfooter">
  808.         {block:IndexPage}
  809.         {block:Date}
  810.                 {block:Reblog}reblogged{/block:Reblog} {block:NotReblog}posted{/block:NotReblog}
  811.                         {block:IfNotDateStyleTimeAgo}
  812.                         <a href="{Permalink}">{ShortMonth} {DayOfMonth} {Year} at {FormattedTime}</a> &bull;
  813.                         {/block:IfNotDateStyleTimeAgo}
  814.                         {block:IfDateStyleTimeAgo}
  815.                         <a href="{Permalink}">{TimeAgo}</a> &bull;
  816.                         {/block:IfDateStyleTimeAgo}
  817.                         {block:NoteCount}<a href="{Permalink}"> {NoteCountWithLabel}</a> &bull;  {/block:NoteCount}
  818.                         <a href="{ReblogURL}">reblog</a>
  819.                
  820.         {/block:Date}
  821.                 <div class="tags">
  822.    {block:IfShowTags}
  823.                 {block:HasTags}
  824.                         {block:Tags}   
  825.                                 <a href="/tagged/{Tag}">#{Tag}</a>
  826.                         {/block:Tags}
  827.                 {/block:HasTags}
  828.    {/block:IfShowTags}
  829.                 </div>
  830.          {/block:IndexPage}
  831. </div>
  832.  
  833.          
  834.         </li>
  835. {/block:Chat}
  836.  
  837. {block:Video}
  838.         <li class="post">
  839.                 {Video-500}
  840.                 {block:Caption}
  841.                         <div class="caption">{Caption}</div>
  842.                 {/block:Caption}
  843. <div class="postfooter">
  844.         {block:IndexPage}
  845.         {block:Date}
  846.                 {block:Reblog}reblogged{/block:Reblog} {block:NotReblog}posted{/block:NotReblog}
  847.                         {block:IfNotDateStyleTimeAgo}
  848.                         <a href="{Permalink}">{ShortMonth} {DayOfMonth} {Year} at {FormattedTime}</a> &bull;
  849.                         {/block:IfNotDateStyleTimeAgo}
  850.                         {block:IfDateStyleTimeAgo}
  851.                         <a href="{Permalink}">{TimeAgo}</a> &bull;
  852.                         {/block:IfDateStyleTimeAgo}
  853.                         {block:NoteCount}<a href="{Permalink}"> {NoteCountWithLabel}</a> &bull;  {/block:NoteCount}
  854.                         <a href="{ReblogURL}">reblog</a>
  855.                
  856.         {/block:Date}
  857.                 <div class="tags">
  858.    {block:IfShowTags}
  859.                 {block:HasTags}
  860.                         {block:Tags}   
  861.                                 <a href="/tagged/{Tag}">#{Tag}</a>
  862.                         {/block:Tags}
  863.                 {/block:HasTags}
  864.    {/block:IfShowTags}
  865.                 </div>
  866.          {/block:IndexPage}
  867. </div>
  868.          
  869.         </li>
  870. {/block:Video}
  871.  
  872. {block:Audio}
  873.         <li class="post">
  874.  
  875.         <table border="0" width="500px">
  876.                 <tr class="row">
  877.                         <td>{block:IfShowAlbumArt}
  878.                                 {block:AlbumArt}
  879.                                 <div class="album_art">
  880.                                         <img src="{AlbumArtURL}" alt="{block:Artist}{Artist}{/block:Artist}{block:TrackName} - {TrackName}{/block:TrackName}" style="margin-bottom:0px;" width="498"/>
  881.                                 </div>
  882.                                 {/block:AlbumArt}
  883.                         {/block:IfShowAlbumArt}</td>
  884.                 </tr>
  885.                 <tr>
  886.                         <td>
  887.                         <div class="audio">
  888.                                 <div class="player">{AudioPlayerBlack}</div>
  889.  
  890.                         </div>
  891.                         </td>
  892.                 </tr>
  893.                 <tr>
  894.                         <td valign="top">
  895.                                 {block:Caption}
  896.                                         <div class="copy">{Caption}</div>
  897.                                 {/block:Caption}
  898.                         </td>
  899.                 </tr>
  900.         </table>
  901. <div class="postfooter">
  902.         {block:IndexPage}
  903.         {block:Date}
  904.                 {block:Reblog}reblogged{/block:Reblog} {block:NotReblog}posted{/block:NotReblog}
  905.                         {block:IfNotDateStyleTimeAgo}
  906.                         <a href="{Permalink}">{ShortMonth} {DayOfMonth} {Year} at {FormattedTime}</a> &bull;
  907.                         {/block:IfNotDateStyleTimeAgo}
  908.                         {block:IfDateStyleTimeAgo}
  909.                         <a href="{Permalink}">{TimeAgo}</a> &bull;
  910.                         {/block:IfDateStyleTimeAgo}
  911.                         {block:NoteCount}<a href="{Permalink}"> {NoteCountWithLabel}</a> &bull;  {/block:NoteCount}
  912.                         <a href="{ReblogURL}">reblog</a>
  913.                
  914.         {/block:Date}
  915.                 <div class="tags">
  916.    {block:IfShowTags}
  917.                 {block:HasTags}
  918.                         {block:Tags}   
  919.                                 <a href="/tagged/{Tag}">#{Tag}</a>
  920.                         {/block:Tags}
  921.                 {/block:HasTags}
  922.    {/block:IfShowTags}
  923.                 </div>
  924.          {/block:IndexPage}
  925. </div>
  926.          
  927.         </li>
  928. {/block:Audio}
  929.  
  930.  
  931. {block:Answer}
  932.         <li class="post">
  933.         <div class="question_post">
  934.         <table border="0" width="100%">
  935.                 <tr>
  936.                         <td width="40%" align="right">
  937.                                 <img class="icon" src="{AskerPortraitURL-30}">
  938.                         </td>
  939.                         <td width="60%" align="left">
  940.                                 <div class="asker_container"> {Asker}</div>
  941.                         </td>
  942.                 </tr>
  943.                 <tr>
  944.                         <td valign="top" colspan="2">
  945.                                 <div class="question_wrap">
  946.                                         <div class="tri">&spades;</div>
  947.                                         <div class="question">
  948.                                                 {Question}
  949.                                         </div>
  950.                                 </div>
  951.                         </td>
  952.                 </tr>
  953.         </table>
  954.  
  955.         </div>
  956.  
  957.         <div class="answer">{Answer}</div>
  958. <div class="postfooter">
  959.         {block:IndexPage}
  960.         {block:Date}
  961.                 {block:Reblog}reblogged{/block:Reblog} {block:NotReblog}posted{/block:NotReblog}
  962.                         {block:IfNotDateStyleTimeAgo}
  963.                         <a href="{Permalink}">{ShortMonth} {DayOfMonth} {Year} at {FormattedTime}</a> &bull;
  964.                         {/block:IfNotDateStyleTimeAgo}
  965.                         {block:IfDateStyleTimeAgo}
  966.                         <a href="{Permalink}">{TimeAgo}</a> &bull;
  967.                         {/block:IfDateStyleTimeAgo}
  968.                         {block:NoteCount}<a href="{Permalink}"> {NoteCountWithLabel}</a> &bull;  {/block:NoteCount}
  969.                         <a href="{ReblogURL}">reblog</a>
  970.                
  971.         {/block:Date}
  972.                 <div class="tags">
  973.    {block:IfShowTags}
  974.                 {block:HasTags}
  975.                         {block:Tags}   
  976.                                 <a href="/tagged/{Tag}">#{Tag}</a>
  977.                         {/block:Tags}
  978.                 {/block:HasTags}
  979.    {/block:IfShowTags}
  980.                 </div>
  981.          {/block:IndexPage}
  982. </div>
  983.  
  984.         </li>
  985. {/block:Answer}
  986.  
  987. <div class="dots">
  988. &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull;
  989. </div>
  990.  
  991.          
  992. {block:PermalinkPage}
  993.         {block:Date}
  994.         <div class="postinfo">
  995.         <ul class="tags">
  996.                         <li>Posted on {Month} {DayOfMonth} {Year} at {FormattedTime} {block:NoteCount}with {NoteCountWithLabel}{/block:NoteCount}</li>
  997.                 {block:Reblog}
  998.                         <li>Source <a href="{ReblogRootURL}">{ReblogRootName}</a>{block:RebloggedFromReblog}, via <a href="{ReblogParentURL}">{ReblogParentName}</a>{/block:RebloggedFromReblog}</li>
  999.                 {/block:Reblog}
  1000.                 {block:HasTags}
  1001.                         <li>Tags {block:Tags} <a href="/tagged/{Tag}">#{Tag}</a>{/block:Tags}</li>
  1002.                 {/block:HasTags}
  1003.         </ul>
  1004.         </div>
  1005.  
  1006. <div class="dots">
  1007. &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull; &bull;
  1008. </div>
  1009.         {/block:Date}
  1010.        
  1011.  
  1012.  
  1013.                     {block:PostNotes}<div class="notecontainer">{PostNotes}</div>{/block:PostNotes}
  1014.  
  1015. {/block:PermalinkPage}  
  1016.  
  1017. {/block:Posts}
  1018. </ol>    
  1019.                                
  1020.  
  1021. </div>
  1022.                 <div class="bottom"></div>
  1023.  
  1024.            
  1025. </div>
  1026.        
  1027.  
  1028.  
  1029.  
  1030.  
  1031.             <div id="bottom"></div>
  1032.    </div>
  1033.        
  1034.         <div class="clear"></div>
  1035. </div>
  1036.    
  1037. <div id="credit"><a href="http://veilsandvisions.tumblr.com">&copy;&ensp;veils and visions</a></div>
  1038.  
  1039. </body>
  1040. </html>