Advertisement
Guest User

Untitled

a guest
Feb 16th, 2012
108
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 29.84 KB | None | 0 0
  1. <!DOCTYPE html>
  2.  
  3. <!-- ----------------------------------
  4.     Theme Next, Preview °1
  5.    
  6.     Theme is made by Max Davis.
  7.     More free tumblr themes at:
  8.     http://themes.themaxdavis.com  
  9.     ---------------------------------- -->
  10.  
  11. <html lang="en">
  12. <head>
  13. <meta charset="utf-8" />
  14. <title>{Title}</title>
  15. <link rel="shortcut icon" href="{Favicon}">
  16. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  17. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  18.  
  19. <meta name="color:Background" content="#F5F5F5"/>
  20. <meta name="color:Center" content="FFFFFF"/>
  21. <meta name="color:Permalink Background" content="#F1F3F8"/>
  22.  
  23. <meta name="color:Titles" content="#888888"/>
  24. <meta name="color:Text" content="#959595"/>
  25. <meta name="color:Permalinks" content="#959595"/>
  26. <meta name="color:Links" content="#888888"/>
  27. <meta name="color:Links Hover" content="#959595"/>
  28.  
  29. <meta name="if:Posts Resize" content="1" />
  30. <meta name="if:Infinite Scroll" content="0"/>
  31. <meta name="if:Show Caption" content="0"/>
  32.  
  33. <meta name="image:Background" content="" />
  34. <meta name="image:Portrait" content="" />
  35.  
  36. <meta name="text:Previous Page Title" content="<<" />
  37. <meta name="text:Next Page Title" content=">>" />
  38. <meta name="text:Ask Title" content="Ask" />
  39. <meta name="text:Link 1" content="" />
  40. <meta name="text:Link 1 Title" content="" />
  41. <meta name="text:Link 2" content="" />
  42. <meta name="text:Link 2 Title" content="" />
  43. <meta name="text:Link 3" content="" />
  44. <meta name="text:Link 3 Title" content="" />
  45. <meta name="text:Link 4" content="" />
  46. <meta name="text:Link 4 Title" content="" />
  47. <meta name="text:Link 5" content="" />
  48. <meta name="text:Link 5 Title" content="" />
  49.  
  50. {block:Ifinfinitescroll}
  51. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>  
  52. {/block:Ifinfinitescroll}<script type="text/javascript" src="http://themaxdavisthemes.com/code/jQuery.js"></script>
  53. <script type="text/javascript">
  54. $(window).scroll(function(){var totalHeight = $('body').height();var yPos = $(window).scrollTop();if( yPos > (totalHeight*.10) && yPos < (totalHeight*.90) ){$(".footer").fadeIn('fast');} else {$('.footer').fadeOut('fast');}});</script>
  55. <style type="text/css">
  56. /*** Basic Styles ***/
  57. body {
  58.     padding:0;
  59.     margin:0;
  60.     font-family: Verdana,Helvetica,Arial,sans-serif;
  61.     background-color:{color:background};
  62.     background-image:url({image:Background});
  63.     font-size:11px;
  64.     color:{color:Text};}
  65. a { text-decoration:none;
  66.     color:{color:links};}
  67. a:hover {
  68.     color:{color:links hover};}
  69.    
  70.     a:active{outline: none;}
  71.     a:focus{-moz-outline-style: none;}
  72.     :-moz-any-link:focus{outline: none;}
  73.     img{border:none;}
  74.     p{margin:0;}
  75. .clear {clear:both;}
  76.  
  77. .container{
  78.     width:520px;
  79.     margin:20px auto;}
  80.  
  81. .header{
  82.     padding:10px;
  83.     margin:0 15px;
  84.     width:470px;
  85.     box-shadow:0 0 5px rgba(0,0,0,0.1);
  86.     background-color:{color:Center};}
  87. .header .portrait{
  88.     width:64px;
  89.     height:64px;
  90.     float:left;
  91.     margin:0 10px 0 0;
  92.     overflow:hidden;
  93.     border:4px solid {color:Center};
  94.     box-shadow:0 0 5px rgba(0,0,0,0.1);}
  95. .header .portrait img{
  96.     max-width:0px;
  97.     min-height:0px;
  98.     height:auto;}
  99. .header .title{
  100.     float:left;
  101.     min-width:366px;
  102.     max-width:366px;
  103.     font-weight:bold;
  104.     font-size:40px;
  105.     color:{color:titles};
  106.     margin:0 0 5px;}
  107. .header .description{
  108.     float:left;
  109.     min-width:386px;
  110.     max-width:386px;
  111.     font-size:10px;}
  112. .header .links{
  113.     margin:10px 0 0 -10px;
  114.     width:470px;
  115.     padding:10px 10px;
  116.     font-size:9px;
  117.     line-height:15px;
  118.     list-style:none;
  119.     text-align:center;
  120.     text-transform:uppercase;
  121.     border-bottom:1px dotted rgba(0,0,0,0.07);
  122.     border-top:1px dotted rgba(0,0,0,0.07);
  123.     background-color:{color:Permalink Background};}
  124. .header .links li{
  125.     display:inline;
  126.     padding:0 5px;}
  127. .header .links li a{
  128.     color:{color:Permalinks};}
  129. .header .links li:first-child{
  130.     padding:0 5px 0 0;}
  131. .header .links li:last-child{
  132.     padding:0 0 0 5px;}
  133. .header .navigation{
  134.     font-size: 9px;
  135.     margin: 8px 0 0;
  136.     text-align: center;}
  137. .header .navigation a{
  138.     margin: 0 5px;}
  139. .header .navigation a:first-child{
  140.     margin: 0 5px 0 0;}
  141. .header .navigation a:last-child{
  142.     margin: 0 0 0 5px;}
  143. .header .navigation .current_page{
  144.     text-decoration:underline}
  145.    
  146.  
  147. .content{
  148.     width:1000px;
  149.     margin:15px auto 75px;
  150.     padding:1px 0;
  151.     box-shadow:0 0 5px rgba(0,0,0,0.1);
  152.     background-color:{color:Center};
  153.     {block:PermalinkPage}
  154.     margin:15px auto;
  155.     {/block:PermalinkPage}}
  156. .content .post{
  157.     margin:10px 0;}
  158. .content .navigation{
  159.     font-size: 9px;
  160.     margin: 8px 0 0;
  161.     text-align: center;}
  162. .content .navigation a{
  163.     margin: 0 5px;}
  164. .content .navigation a:first-child{
  165.     margin: 0 5px 0 0;}
  166. .content .navigation a:last-child{
  167.     margin: 0 0 0 5px;}
  168. .content .navigation .current_page{
  169.     text-decoration:underline}
  170.    
  171. .content .inhoud{
  172.     box-shadow:0 0 5px rgba(0,0,0,0.1);
  173.     width:1000px;
  174.     margin:0px 0 10px -280px;
  175.     {block:IndexPage}
  176.     padding:10px;
  177.     {/block:IndexPage}
  178.     background-color:{color:Center};
  179.     border:4px solid {color:Center};
  180.     {block:PermalinkPage}
  181.     border:14px solid {color:Center};
  182.     {/block:PermalinkPage}}
  183.     {Block:IfPostsResize}
  184.     {block:IndexPage}
  185. .content .inhoud:hover{
  186.     margin-left:-280px;
  187.     margin-top:0px;
  188.     margin-bottom:5px;
  189.     border:8px solid {color:Center};}
  190.     {/block:IndexPage}
  191.     {/Block:IfPostsResize}
  192. .content .photo{
  193.     padding:0px;
  194.     width:1000px;
  195.     height:850px;
  196.     {block:PermalinkPage}
  197.     width:480px;
  198.     {/block:PermalinkPage}
  199.     position:relative;
  200.     overflow:hidden;}
  201. .content .inhoud img{
  202.     max-width:400px;}
  203. .content .photo img{
  204.     max-width:1000px;
  205.     min-width:1000px;
  206.     max-height:700px;
  207.     min-height:700px;
  208.     {block:PermalinkPage}
  209.     max-width:1200px;
  210.     min-width:1200px;
  211.     max-height:850px;
  212.     min-height:850px;
  213.     {/block:PermalinkPage}}
  214.  
  215. .content h3{
  216.     font-size:17px;
  217.     font-weight:bold;
  218.     margin: 0 0 10px;
  219.     color:{color:titles};}
  220.  
  221. .caption{
  222.     {block:PermalinkPage}
  223.     font-size:9px;
  224.     color:{color:Permalinks};
  225.     border-bottom:1px dotted rgba(0,0,0,0.07);
  226.     padding:0 0 10px;
  227.     margin:0 0 10px;
  228.     {/block:PermalinkPage}}
  229.  
  230. .content .photo .tag_box{
  231.     display:none;
  232.     position:absolute;
  233.     top:50%;
  234.     height: 44px;
  235.     margin-top: -32px;
  236.     width:500px;
  237.     padding:5px 0;
  238.     box-shadow:0 0 10px rgba(0,0,0,0.3);
  239.     background-color:{color:Center};}
  240. .content .photo:hover .tag_box{
  241.     display:block;}
  242. .content .photo .tag_box .inner{
  243.     border:1px dotted rgba(0,0,0,0.07);
  244.     margin:5px 0;
  245.     padding:10px;
  246.     height: 12px;
  247.     font-size:9px;
  248.     background-color:{color:Permalink Background};
  249.     color:{color:Permalinks};}
  250. .content .photo .tag_box .inner a{
  251.     margin-right:5px;
  252.     color:{color:Permalinks};}
  253. .content .photo .caption{
  254.     padding:5px 10px;
  255.     font-size:10px;}
  256.  
  257.  
  258. .content .audio{
  259.     padding:7px 10px 5px;
  260.     background-color:black;
  261.     opacity:0.07;}
  262. .content .audio:hover{
  263.     opacity:0.2;}
  264. .content .album{
  265.     padding:5px;
  266.     margin:10px 10px 0 0;
  267.     background:rgba(0,0,0,0.07);
  268.     height:128px;
  269.     width:128px;
  270.     float:left;}
  271. .content .album img{
  272.     width:128px;
  273.     height:128px;}
  274. .content .audio_caption{
  275.     float:left;
  276.     margin:10px 0 0;
  277.     width:332px;
  278.     position:relative;
  279.     height:138px}
  280. .content .audio_caption .caption{
  281.     margin:0 0 10px;}
  282. .content .audio_caption .caption p{
  283.     margin:0;
  284.     padding:0;}
  285. .content .audio_caption .info_box{
  286.     position:absolute;
  287.     bottom:0;}
  288. .content .audio_caption .info{}
  289.  
  290. .content ul.chat{
  291.     margin:0 0 3px;
  292.     padding:0;
  293.     list-style:none;
  294.     font-size:9px;}
  295. .content ul.chat li{
  296.     padding:5px 10px;}
  297. .content ul.chat li:nth-child(even){
  298.     border:1px dotted rgba(0,0,0,0.07);
  299.     background-color:rgba(0, 0, 0, 0.07);}
  300.  
  301. .content .asker_portrait{
  302.     border: 4px solid white;
  303.     box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  304.     float: left;
  305.     height:48px;
  306.     margin-bottom: 10px;
  307.     margin-right: 10px;
  308.     position: relative;
  309.     width: 48px;
  310.     z-index: 2;}
  311. .content .question_box{
  312.     float: left;
  313.     width: 400px;}
  314. .content .question_box .asker{
  315.     margin: 3px 0;}
  316. .content .question_box .question{
  317.     background: none repeat scroll 0 0 #EEEEEE;
  318.     border-bottom: 1px dotted rgba(0, 0, 0, 0.07);
  319.     border-left: 1px dotted rgba(0, 0, 0, 0.07);
  320.     border-top: 1px dotted rgba(0, 0, 0, 0.07);
  321.     margin-bottom: 10px;
  322.     margin-left: -38px;
  323.     padding: 5px 10px 5px 38px;
  324.     width: 417px;}    
  325. .content .inhoud:hover .question{
  326.     width:421px;}
  327. .content .answer{
  328.     clear: both;
  329.     margin: 0 0 0 8px;
  330.     width: 479px;}
  331.    
  332. .content .permalink{
  333.     border-bottom:1px dotted rgba(0,0,0,0.07);
  334.     border-top:1px dotted rgba(0,0,0,0.07);
  335.     margin:5px 0;
  336.     padding:10px 15px;
  337.     font-size:9px;
  338.     background-color:{color:Permalink Background};
  339.     color:{color:Permalinks};}
  340. .content .permalink .post_type{
  341.     display:inline;
  342.     margin: 0 15px 0  0;
  343.     font-weight:bold;
  344.     color:{color:Permalinks};}
  345. .content .permalink .date{
  346.     display:inline;
  347.     margin: 0 15px;
  348.     color:{color:Permalinks};}
  349. .content .permalink .notes{
  350.     display:inline;
  351.     margin: 0 15px;
  352.     color:{color:Permalinks};}
  353. .content .permalink .permalink_link{
  354.     display:inline;
  355.     margin: 0 15px;
  356.     color:{color:Permalinks};}
  357.    
  358. .content .permalink .share{
  359.     float:right;
  360.     font-weight:bold;
  361.     cursor:pointer;
  362.     text-transform:uppercase;}
  363. .content .permalink .share_box{
  364.     display:none;
  365.     border-top:1px dotted rgba(0, 0, 0, 0.07);
  366.     padding:10px 0 0;
  367.     height:12px;
  368.     margin:10px 0 0;}
  369. .content .permalink .share_box .short_url{
  370.     float:right;
  371.     margin: -1px 0 0;}
  372. .content .permalink .share_box .short_url .shorturl{
  373.     border:0;
  374.     background-color:transparent;
  375.     padding:2px 0;
  376.     font-size:9px;
  377.     color:{color:Permalinks}}
  378. .content .permalink .share_box .others{
  379.     float:left;
  380.     margin: -3px 0 0;}
  381. .content .permalink .reblog{
  382.     margin: 0 5px 0 0;
  383.     padding: 2px 5px 3px 0;
  384.     color:{color:Permalinks};}
  385. .content .permalink .twitter{
  386.     float:left;
  387.     height: 10px;
  388.     margin: 0 5px 0 0;}
  389. .content .permalink .facebook{
  390.     float:left;
  391.     width:160px;}
  392.    
  393. ol.notes {
  394.     font-size: 10px;
  395.     list-style-type: none;
  396.     margin: 0;
  397.     padding: 0;}
  398. ol.notes a{
  399.     text-decoration:none;
  400.     padding:0 1px;
  401.     background-color:transparent;}
  402. ol.notes li.note {
  403.     padding: 2px;}
  404. ol.notes li.note img.avatar {
  405.     vertical-align: -4px;
  406.     margin-right: 10px;
  407.     width: 16px;
  408.     height: 16px;}
  409. ol.notes li.note span.action a{
  410.     font-weight: normal;}
  411. ol.notes li.note .answer_content {
  412.     font-weight: normal;}
  413. ol.notes li.note blockquote {
  414.     background: none repeat scroll 0 0 #EEEEEE;
  415.     border-bottom: 1px dotted rgba(0, 0, 0, 0.07);
  416.     border-top: 1px dotted rgba(0, 0, 0, 0.07);
  417.     margin: 6px -16px;
  418.     padding: 5px 19px;}
  419. ol.notes li.note blockquote a {}
  420.  
  421. .footer  {
  422.     display: none;
  423.     position: fixed;
  424.     margin-left: 2px;
  425.     max-height: 45px;
  426.     padding: 5px 13px 10px;
  427.     bottom: 0;
  428.     width: 490px;
  429.     z-index: 99;
  430.     background-color: rgba(255, 255, 255, 0.8);
  431.     -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);
  432.     -moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);
  433.     box-shadow: 0 0 5px rgba(0,0,0,0.1);}
  434. .footer .inner{
  435.     height:12px;
  436.     margin:5px 0 0 -13px;
  437.     padding:14px 13px;
  438.     width:490px;
  439.     border-bottom:1px dotted rgba(0,0,0,0.07);
  440.     border-top:1px dotted rgba(0,0,0,0.07);
  441.     background-color:{color:Permalink Background};}
  442. .footer .portrait{
  443.     width:40px;
  444.     height:40px;
  445.     float:left;
  446.     margin:-19px 10px 0 0;
  447.     overflow:hidden;
  448.     border:5px solid {color:Center};
  449.     box-shadow:0 0 5px rgba(0,0,0,0.1);}
  450. .footer .portrait img{
  451.     max-width:40px;
  452.     min-height:40px;
  453.     height:auto;}
  454. .footer .links{
  455.     float: left;
  456.     font-size: 9px;
  457.     line-height: 15px;
  458.     list-style: none outside none;
  459.     margin: -1px 0 0;
  460.     padding: 0 10px 0 0;
  461.     text-transform: uppercase;
  462.     width: 420px;}
  463. .footer .links li{
  464.     display:inline;
  465.     padding:0 5px;}
  466. .footer .links li a{
  467.     color:{color:Permalinks};}
  468. .footer .links li:first-child{
  469.     padding:0 5px 0 0;}
  470. .footer .links li:last-child{
  471.     padding:0 0 0 5px;}
  472.    
  473. </style>
  474. </head>
  475. <body>      
  476. <div class="container">
  477.     <!-- Begin Header -->
  478.     <div class="header">
  479.          <a href="/" title="home">
  480.          <div class="portrait">
  481.               {block:IfnotPortraitimage}
  482.               <img src="{PortraitURL-64}"/>
  483.               {/block:IfnotPortraitimage}
  484.               {block:IfPortraitimage}
  485.               <img src="{image:Portrait}"/>
  486.               {block:IfPortraitimage}
  487.          </div>
  488.          </a>
  489.          
  490.          <a href="/" title="home"><div class="title">{Title}</div></a>
  491.          <div class="description">{Description}</div>
  492.          <div class="clear"></div>
  493.          <ul class="links">
  494.              {block:AskEnabled}<li>
  495.              <a href="/ask">
  496.              {block:ifasktitle}{text:Ask Title}{/block:ifasktitle}
  497.              {block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}
  498.              </a></li>{/block:AskEnabled}
  499.              {block:SubmissionsEnabled}
  500.              <li><a href="/submit">{SubmitLabel}</li>
  501.              {/block:SubmissionsEnabled}
  502.              {block:HasPages}{block:Pages}<li><a href="{URL}">
  503.              {Label}</a></li>{/block:Pages}
  504.              {/block:HasPages}
  505.              {block:ifLink1Title}
  506.              <li><a href="{text:Link 1}">
  507.              {text:Link 1 Title}</a></li>
  508.              {/block:ifLink1Title}
  509.              {block:ifLink2Title}
  510.              <li><a href="{text:Link 2}">
  511.              {text:Link 2 Title}</a></li>
  512.              {/block:ifLink2Title}
  513.              {block:ifLink3Title}
  514.              <li><a href="{text:Link 3}">
  515.              {text:Link 3 Title}</a></li>
  516.              {/block:ifLink3Title}
  517.              {block:ifLink4Title}
  518.              <li><a href="{text:Link 4}">
  519.              {text:Link 4 Title}</a></li>
  520.              {/block:ifLink4Title}
  521.              {block:ifLink5Title}
  522.              <li><a href="{text:Link 5}">
  523.              {text:Link 5 Title}</a></li>
  524.              {/block:ifLink5Title}
  525.         </ul>
  526.  
  527.         {block:Pagination}
  528.         {block:IfNotinfinitescroll}
  529.         <div class="navigation">
  530.             {block:PreviousPage}
  531.                 <a href="{PreviousPage}">{text:Previous Page Title}</a>
  532.             {/block:PreviousPage}
  533.  
  534.             {block:JumpPagination length="12"}
  535.                 {block:CurrentPage}
  536.                     <span class="current_page">{PageNumber}</span>
  537.                 {/block:CurrentPage}
  538.  
  539.                 {block:JumpPage}
  540.                     <a class="jump_page" href="{URL}">{PageNumber}</a>
  541.                 {/block:JumpPage}
  542.             {/block:JumpPagination}
  543.  
  544.             {block:NextPage}
  545.                 <a href="{NextPage}">{text:Next Page Title}</a>
  546.             {/block:NextPage}
  547.         </div>{/block:IfNotinfinitescroll}
  548.        
  549.         {block:PermalinkPage}
  550.         <div class="navigation">
  551.         {block:PreviousPost}
  552.         <a href="{PreviousPost}">Previous Post</a>
  553.         {/block:PreviousPost}
  554.         {block:NextPost}
  555.         <a href="{NextPost}">Next Post</a>
  556.         {/block:NextPost}
  557.         </div>
  558.         {/block:PermalinkPage}
  559.         {/block:Pagination}
  560.     </div>
  561.    
  562. <!-- Begin Posts -->
  563.     <div class="content">
  564.         {block:Posts}
  565.         <div class="post">
  566.                 {block:Text}
  567.                     <div class="inhoud">
  568.                         {block:Title}
  569.                             <h3><a href="{Permalink}">{Title}</a></h3>
  570.                         {/block:Title}
  571.  
  572.                         {Body}
  573.                     </div>
  574.                 {/block:Text}
  575.  
  576.                 {block:Photo}
  577.                     <div class="inhoud photo">
  578.                         {block:IndexPage}
  579.                         {block:RebloggedFrom}
  580.                         <div class="tag_box">
  581.                         <div class="inner">
  582.                             Reblogged from
  583.                             <a href="{ReblogParentURL}" class="tags">
  584.                             {ReblogParentName},
  585.                             </a>
  586.                             Posted by
  587.                             <a href="{ReblogRootURL}" class="tags">
  588.                             {ReblogRootName}.</a>
  589.                             {block:HasTags}
  590.                             Filed under:
  591.                             {block:Tags}
  592.                             <a href="{TagURL}" class="tags">#{Tag}</a>
  593.                             {/block:Tags}
  594.                             {/block:HasTags}
  595.                         </div>
  596.                         </div>
  597.                         {/block:RebloggedFrom}
  598.                         {/block:IndexPage}
  599.                         <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
  600.                         {block:IndexPage}
  601.                        
  602.                         {block:IfShowCaption}
  603.                         {block:Caption}
  604.                             <div class="caption">{Caption}</div>
  605.                         {/block:Caption}
  606.                         {/block:IfShowCaption}
  607.                         {/block:IndexPage}
  608.                     </div>
  609.                 {/block:Photo}
  610.                
  611.                
  612.                 {block:Photoset}
  613.                     <div class="inhoud">
  614.                         {Photoset-500}
  615.                         {block:IfShowCaption}
  616.                         {block:Caption}
  617.                             <div class="caption">{Caption}</div>
  618.                         {/block:Caption}
  619.                         {/block:IfShowCaption}
  620.                     </div>
  621.                 {/block:Photoset}
  622.  
  623.                 {block:Quote}
  624.                     <div class="inhoud">
  625.                         <center><h3>"{Quote}"</h3>
  626.  
  627.                         {block:Source}
  628.                             <div class="source">{Source}</div>
  629.                         {/block:Source}</center>
  630.                     </div>
  631.                 {/block:Quote}
  632.  
  633.                 {block:Link}
  634.                     <div class="inhoud">
  635.                         <a href="{URL}" class="link" {Target}>
  636.                         <h3>{Name}</h3></a>
  637.  
  638.                         {block:Description}
  639.                             <div class="description">{Description}</div>
  640.                         {/block:Description}
  641.                     </div>
  642.                 {/block:Link}
  643.                
  644.                 {block:Answer}
  645.                 <div class="inhoud">
  646.                 <img class="asker_portrait"
  647.                     src="{AskerPortraitURL-48}"/>
  648.                 <div class="question_box">
  649.                 <div class="asker">
  650.                     {Asker} asked:
  651.                 </div>
  652.                 <div class="question">
  653.                    {Question}
  654.                 </div>
  655.                 </div>
  656.                 <div class="answer">{Answer}</div>
  657.                 </div>
  658.                 {/block:Answer}  
  659.          
  660.                 {block:Chat}
  661.                     <div class="inhoud">
  662.                         {block:Title}
  663.                             <a href="{Permalink}"><h3>{Title}</h3></a>
  664.                         {/block:Title}
  665.  
  666.                         <ul class="chat">
  667.                             {block:Lines}
  668.                                 <li class="{Alt} user_{UserNumber}">
  669.                                     {block:Label}
  670.                                     <span class="label">{Label}</span>
  671.                                     {/block:Label}
  672.                                     {Line}
  673.                                 </li>
  674.                             {/block:Lines}
  675.                         </ul>
  676.                     </div>
  677.                 {/block:Chat}
  678.  
  679.                 {block:Video}
  680.                     <div class="inhoud">
  681.                         {Video-500}
  682.                         {block:Caption}
  683.                             <div class="caption">{Caption}</div>
  684.                         {/block:Caption}
  685.                     </div>
  686.                 {/block:Video}
  687.  
  688.                 {block:Audio}
  689.                     <div class="inhoud">
  690.                         <div class="audio">
  691.                         {AudioPlayerBlack}
  692.                         </div>
  693.                         {block:AlbumArt}
  694.                         <div class="album">
  695.                             <img src="{AlbumArtURL}" />
  696.                         </div>
  697.                         {/block:AlbumArt}
  698.                              <div class="audio_caption">
  699.                              {block:Caption}
  700.                              <div class="caption">{Caption}</div>
  701.                              {/block:Caption}
  702.                              
  703.                              <div class="info_box">
  704.                              <div class="info">
  705.                                  <strong>Played —</strong>
  706.                                  {FormattedPlayCount} times
  707.                              </div>
  708.                              
  709.                              {block:TrackName}
  710.                              <div class="info">
  711.                                  <strong>Trackname —</strong>
  712.                                  {TrackName}
  713.                              </div>{/block:TrackName}
  714.                              {block:Artist}
  715.                              <div class="info">
  716.                                  <strong>Artist —</strong> {Artist}
  717.                              </div>{/block:Artist}
  718.                              {block:Album}
  719.                              <div class="info">
  720.                                  <strong>Album —</strong> {Album}
  721.                              </div>{/block:Album}
  722.                              </div>
  723.                              </div>
  724.                         {/block:Caption}
  725.                         <div class="clear"></div>
  726.                     </div>
  727.                 {/block:Audio}
  728.                
  729.                 {block:IndexPage}
  730.                 {block:Date}
  731.                 <div class="permalink">
  732.                 <a href="{Permalink}" title="Permalink">
  733.                 <div class="post_type">
  734.                  {block:Text}TEXT{/block:Text}
  735.                  {block:Photo}PHOTO{/block:Photo}
  736.                  {block:Photoset}SET{/block:Photoset}
  737.                  {block:Quote}QUOTE{/block:Quote}
  738.                  {block:Link}LINK{/block:Link}
  739.                  {block:Chat}CHAT{/block:Chat}
  740.                  {block:Audio}AUDIO{/block:Audio}
  741.                  {block:Video}VIDEO{/block:Video}
  742.                  {block:Answer}Q/A{/block:Answer}
  743.                 </div></a> -
  744.                 <a href="{Permalink}"
  745.                title="{TimeAgo} at {24Hour}:{Minutes}">
  746.                 <div class="date">
  747.                      {TimeAgo} at {24Hour}:{Minutes}
  748.                 </div>
  749.                 </a> -
  750.                 {block:NoteCount}
  751.                 <a href="{Permalink}" title="{NoteCountWithLabel}">
  752.                 <div class="notes">
  753.                      ♥ {NoteCountWithLabel}
  754.                 </div>
  755.                 </a> -
  756.                 {/block:NoteCount}
  757.                 <a href="{Permalink}" title="Permalink">
  758.                 <div class="permalink_link">
  759.                      Permalink
  760.                 </div>
  761.                 </a>
  762.                 {block:IfNotinfinitescroll}
  763.                 <div class="share" id="{PostID}">+ Share</div>
  764.                 <div class="clear"></div>
  765.                 <div class="share_box" id="box_{PostID}">
  766.                     <div class="short_url">
  767.                     <script type="text/javascript">
  768.                          function SelectAll(id){
  769.                          document.getElementById(id).focus();
  770.                          document.getElementById(id).select();}
  771.                     </script>
  772.                     <a href="{ReblogURL}" class="reblog">
  773.                     Reblog</a>
  774.                     Short url: <input type="text" width="100%" spellcheck='false' class="shorturl" value="{ShortURL}" id="shorturl" onClick="SelectAll('shorturl');"/>
  775.                     </div>
  776.                     <div class="others">
  777.                     <div class="twitter">
  778.                     <a href="https://twitter.com/share" class="twitter-share-button" data-url="{URLEncodedPermalink}" data-count="none">Tweet</a>
  779. <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script></div>
  780.  
  781.                     <div class="facebook">
  782.                     <iframe src="http://www.facebook.com/plugins/like.php?href={URLEncodedPermalink}&amp;layout=button_count&amp;show_faces=false&amp;width=200&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none;
  783. overflow:hidden; width:200px; height:21px;"></iframe></div>
  784.                     </div>
  785.                     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  786.                     <script type="text/javascript">
  787.                     $('#{PostID}').click(function() {
  788.                        $('#box_{PostID}').slideToggle('fast', function() {
  789.                        });
  790.                     });
  791.                     </script>
  792.                 </div>{/block:IfNotinfinitescroll}
  793.                 </div>
  794.                 {/block:Date}
  795.                 {/block:IndexPage}
  796.             </div>
  797.            
  798.             {block:PermalinkPage}
  799.             {block:Date}
  800.             <div class="post">
  801.                 <div class="permalink">
  802.                 {block:Caption}
  803.                     <div class="caption">{Caption}</div>
  804.                 {/block:Caption}
  805.                 <div class="post_type">
  806.                  {block:Text}TEXT{/block:Text}
  807.                  {block:Photo}PHOTO{/block:Photo}
  808.                  {block:Photoset}SET{/block:Photoset}
  809.                  {block:Quote}QUOTE{/block:Quote}
  810.                  {block:Link}LINK{/block:Link}
  811.                  {block:Chat}CHAT{/block:Chat}
  812.                  {block:Audio}AUDIO{/block:Audio}
  813.                  {block:Video}VIDEO{/block:Video}
  814.                  {block:Answer}Q/A{/block:Answer}
  815.                 </div> -
  816.                 <div class="date">
  817.                      {TimeAgo} at {24Hour}:{Minutes}
  818.                 </div> -
  819.                 {block:NoteCount}
  820.                 <div class="notes">
  821.                      ♥ {NoteCountWithLabel}
  822.                 </div> -
  823.                 {/block:NoteCount}
  824.                 <div class="permalink_link">
  825.                      Permalink
  826.                 </div>
  827.                 <div class="clear"></div>
  828.                 </div>
  829.             <div class="inhoud">
  830.             {PostNotes}
  831.             </div>
  832.             </div>
  833.             {/block:Date}
  834.             {/block:PermalinkPage}
  835.              
  836.             {/block:Posts}
  837.            
  838.         {block:Pagination}
  839.         {block:IfNotinfinitescroll}
  840.         <div class="navigation">
  841.             {block:PreviousPage}
  842.                 <a href="{PreviousPage}">{text:Previous Page Title}</a>
  843.             {/block:PreviousPage}
  844.  
  845.             {block:JumpPagination length="8"}
  846.                 {block:CurrentPage}
  847.                     <span class="current_page">{PageNumber}</span>
  848.                 {/block:CurrentPage}
  849.  
  850.                 {block:JumpPage}
  851.                     <a class="jump_page" href="{URL}">{PageNumber}</a>
  852.                 {/block:JumpPage}
  853.             {/block:JumpPagination}
  854.  
  855.             {block:NextPage}
  856.                 <a href="{NextPage}">{text:Next Page Title}</a>
  857.             {/block:NextPage}
  858.         </div>{/block:IfNotinfinitescroll}
  859.         {/block:Pagination}
  860.     </div>
  861.    
  862.     {block:IndexPage}
  863.     <div class="footer clearfix">
  864.         <div class="inner">
  865.         <a href="/" title="home">
  866.         <div class="portrait">
  867.               {block:IfnotPortraitimage}
  868.               <img src="{PortraitURL-40}"/>
  869.               {/block:IfnotPortraitimage}
  870.               {block:IfPortraitimage}
  871.               <img src="{image:Portrait}"/>
  872.               {block:IfPortraitimage}
  873.         </div>
  874.         </a>
  875.         <ul class="links">
  876.              {block:AskEnabled}<li>
  877.              <a href="/ask">
  878.              {block:ifasktitle}{text:Ask Title}{/block:ifasktitle}
  879.              {block:ifnotasktitle}{AskLabel}{/block:ifnotasktitle}
  880.              </a></li>{/block:AskEnabled}
  881.              {block:SubmissionsEnabled}
  882.              <li><a href="/submit">{SubmitLabel}</li>
  883.              {/block:SubmissionsEnabled}
  884.              {block:HasPages}{block:Pages}<li><a href="{URL}">
  885.              {Label}</a></li>{/block:Pages}
  886.              {/block:HasPages}
  887.              {block:ifLink1Title}
  888.              <li><a href="{text:Link 1}">
  889.              {text:Link 1 Title}</a></li>
  890.              {/block:ifLink1Title}
  891.              {block:ifLink2Title}
  892.              <li><a href="{text:Link 2}">
  893.              {text:Link 2 Title}</a></li>
  894.              {/block:ifLink2Title}
  895.              {block:ifLink3Title}
  896.              <li><a href="{text:Link 3}">
  897.              {text:Link 3 Title}</a></li>
  898.              {/block:ifLink3Title}
  899.              {block:ifLink4Title}
  900.              <li><a href="{text:Link 4}">
  901.              {text:Link 4 Title}</a></li>
  902.              {/block:ifLink4Title}
  903.              {block:ifLink5Title}
  904.              <li><a href="{text:Link 5}">
  905.              {text:Link 5 Title}</a></li>
  906.              {/block:ifLink5Title}
  907.         </ul>
  908.         </div>
  909.     </div>
  910.     {/block:IndexPage}
  911.    
  912. </div>
  913. </body>
  914. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement