Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!

Theme 11: Shiro

By: wantoup on Mar 8th, 2013  |  syntax: None  |  size: 19.92 KB  |  views: 6,163  |  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. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3. <head><title>{Title}</title>
  4. <link rel="shortcut icon" href="{Favicon}">
  5. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  6. {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
  7.  
  8. <!--
  9.  
  10. Theme #11: Shiro by viwan-th (http://viwan-th.tumblr.com)
  11.  
  12. Dropdown menu by manatopia (http://manatopia.org/)
  13. Music player by Sheep Productions (http://www.sheepproductions.com/billy/)
  14. Scroll to top Script from Dynamic Drive (http://www.dynamicdrive.com/dynamicindex3/scrolltop.htm)
  15.  
  16. Please do not remove theme credit. You can move the credit to another page, as long as it remains on the blog.
  17.  
  18. -->
  19.  
  20. <meta name="color:Background" content="#ffffff">
  21. <meta name="color:Body Text" content="#888888">
  22. <meta name="color:Body Bold" content="#555555">
  23. <meta name="color:Body Links" content="#aaaaaa">
  24. <meta name="color:Body Links Hover" content="#666666">
  25. <meta name="color:Post Headers" content="#333333">
  26. <meta name="color:Borders" content="#cccccc">
  27.  
  28. <meta name="color:Sidebar" content="#eeeeee">
  29. <meta name="color:Sidebar Image Border" content="#ffffff">
  30. <meta name="color:Title" content="#000000">
  31. <meta name="color:Navigation Links" content="#333333">
  32.  
  33. <meta name="color:Chat Odd" content="#eeeeee">
  34. <meta name="color:Chat Even" content="#fafafa">
  35.  
  36. <meta name="color:Info Bar" content="#333333">
  37. <meta name="color:Info" content="#000000">
  38. <meta name="color:Info Labels" content="#ffffff">
  39. <meta name="color:Tags" content="#aaaaaa">
  40.  
  41. <meta name="image:Background" content="">
  42. <meta name="image:Sidebar Background" content="http://static.tumblr.com/mtdphun/b0Amjeqty/tumblr_m1vpcc4omu1r9ly5j.gif">
  43. <meta name="image:Sidebar" content="http://static.tumblr.com/mtdphun/fpFmjeqwt/th11_side.jpg">
  44. <meta name="image:Album Art" content="http://static.tumblr.com/mtdphun/rc7mjefs4/th11_art.jpg">
  45.  
  46. <meta name="if:Show Captions" content="1">
  47. <meta name="if:400px Posts" content="0">
  48. <meta name="if:Show Tags" content="1">
  49. <meta name="if:Photo Fade" content="0">
  50. <meta name="if:Infinite Scroll" content="0">
  51.  
  52. <meta name="if:Crown" content="1">
  53. <meta name="if:Grey Player" content="1">
  54. <meta name="if:Dropdown Menu" content="1">
  55.  
  56. <meta name="text:Font Size" content="11">
  57. <meta name="text:Read More" content="Read More">
  58. <meta name="text:Navigation Title" content="navigation">
  59. <meta name="text:Music Player Code" content="">
  60. <meta name="text:Sidebar Height" content="100">
  61.  
  62. <meta name="text:Link 1" content="link one">
  63. <meta name="text:Link 1 URL" content="">
  64. <meta name="text:Link 2" content="link two">
  65. <meta name="text:Link 2 URL" content="">
  66. <meta name="text:Link 3" content="link three">
  67. <meta name="text:Link 3 URL" content="">
  68. <meta name="text:Link 4" content="link four">
  69. <meta name="text:Link 4 URL" content="">
  70. <meta name="text:Link 5" content="link five">
  71. <meta name="text:Link 5 URL" content="">
  72. <meta name="text:Link 6" content="link six">
  73. <meta name="text:Link 6 URL" content="">
  74.  
  75. <style type="text/css">
  76.  
  77. /* BODY */
  78.  
  79. body {
  80.     font-family:calibri;
  81.     text-align:justify;
  82.     background-image:url('{image:Background}');
  83.     background-attachment:fixed;
  84.     font-size:{text:Font Size}px;
  85.     color:{color:Body Text};
  86. }
  87.  
  88. a, a:hover {
  89.     text-decoration:none;
  90.     color:{color:Body Links};
  91. }
  92.  
  93. b, strong {
  94.     color:{color:Body Bold};
  95. }
  96.  
  97. h1, h1 a, h1 a:hover {
  98.     margin-top:0px;
  99.     font-size:15px;
  100.     text-transform:lowercase;
  101.     color:{color:Post Headers};
  102. }
  103.  
  104. blockquote {
  105.     margin-left:10px;
  106.     padding-left:10px;
  107.     border-left:3px solid {color:Borders};
  108. }
  109.  
  110. /* BLOCKS */
  111.  
  112. #side {
  113.     z-index:1;
  114.     position:fixed;
  115.     top:0px;
  116.     left:0px;
  117.     height:100%;
  118.     width:300px;
  119.     padding:20px;
  120.     overflow:hidden;
  121.     font-size:11px;
  122.     background-image: url("{image:Sidebar Background}");
  123.     background-color:{color:Sidebar};
  124. }
  125.  
  126. #side a {
  127.     color:{color:Navigation Links};
  128. }
  129.  
  130. #sidebar {
  131.     margin-left:40px;
  132.     width:200px;
  133.     height:200px;
  134.     border-radius:200px;
  135.     padding:10px;
  136.     background-color:{color:Sidebar Image Border};
  137.     margin-top:{Text:Sidebar Height}px;
  138. }
  139.  
  140. #left {
  141.     position:fixed;
  142.     top:0px;
  143.     left:340px;
  144.     height:100%;
  145.     width:100px;
  146.     background-color:{color:Info Bar};
  147. }
  148.  
  149. /* LINKS */
  150.  
  151. #links {
  152.     z-index:1;
  153.     position:absolute;
  154.     margin-top:-50px;
  155. }
  156.  
  157. #links a {
  158.     color:{color:Sidebar Image Border};
  159. }
  160.  
  161. /* CROWN */
  162.  
  163. .l {
  164.     position:absolute;
  165.     font-size:50px;
  166.     font-family:serif;
  167. }
  168.  
  169. #a {
  170.     margin-top:4px;
  171.     margin-left:38px;
  172.     -webkit-transform:rotate(352deg);
  173. }
  174.  
  175. #b {
  176.     margin-top:21px;
  177.     margin-left:-1px;
  178.     -webkit-transform:rotate(323deg);
  179. }
  180.  
  181. #c {
  182.     margin-top:53px;
  183.     margin-left:-27px;
  184.     -webkit-transform:rotate(294deg);
  185. }
  186.  
  187. /* CONTENT */
  188.  
  189. .title {
  190.     z-index:1;
  191.     position:absolute;
  192.     text-align:center;
  193.     width:180px;
  194.     margin-top:25%;
  195.     text-transform:lowercase;
  196.     font-style:italic;
  197.     padding:10px;
  198.     overflow:hidden;
  199.     opacity:0;
  200.     font-size:15px;
  201.     color:{color:Title};
  202.     -webkit-transition:all 1s ease;
  203.     -moz-transition:all 1s ease;
  204.     -o-transition:all 1s ease;
  205.     transition:all 1s ease-in-out;
  206. }
  207.  
  208. #sidebar:hover .title {
  209.     opacity:1;
  210. }
  211.  
  212. #image {
  213.     z-index:1;
  214.     width:200px;
  215.     height:200px;
  216.     border-radius:200px;
  217.     -webkit-transition:all 1s ease;
  218.     -moz-transition:all 1s ease;
  219.     -o-transition:all 1s ease;
  220.     transition:all 1s ease-in-out;
  221. }
  222.  
  223. #sidebar:hover #image {
  224.     opacity:0.2;
  225. }
  226.  
  227. /* MUSIC PLAYER */
  228.  
  229. #music {
  230.     position:absolute;
  231.     margin-top:-25px;
  232.     margin-left:230px;
  233.     width:15px;
  234.     overflow:hidden;
  235.     padding:5px;
  236.     -webkit-transition:all 1s ease;
  237.     -moz-transition:all 1s ease;
  238.     -o-transition:all 1s ease;
  239.     transition:all 1s ease-in-out;
  240. }
  241.  
  242. #music:hover {
  243.     width:50px;
  244. }
  245.  
  246. #billy {
  247.     position:absolute;
  248.     margin-top:-4px;
  249.     margin-left:25px;
  250.     width:30px;
  251.     overflow:hidden;
  252. }
  253.  
  254. /* DESCRIPTION */
  255.  
  256. #desc {
  257.     margin-top:30px;
  258. }
  259.  
  260. #desc a {
  261.     color:{color:Body Links};
  262. }
  263.  
  264. #desc a:hover {
  265.     text-decoration:underline;
  266.     color:{color:Body Links Hover};
  267. }
  268.  
  269. #menu {
  270.     width:300px;
  271.     padding:3px;
  272.     font-family:calibri;
  273.     font-size:10px;
  274.     text-transform:uppercase;
  275.     border:1px solid {color:Borders};
  276. }
  277.  
  278. /* NAVIGATION */
  279.  
  280. #nav {
  281.     text-align:center;
  282.     margin-top:20px;
  283.     font-style:italic;
  284. }
  285.  
  286. /* POSTS */
  287.  
  288. #container {
  289.     top:0px;
  290.     margin-left:442px;
  291.     padding:10px;
  292.     margin-bottom:-20px;
  293. }
  294.  
  295. #posts {
  296.     padding:10px 10px 0 10px;
  297.     margin-bottom:20px;
  298.     {block:ifNot400pxPosts}width:500px;{/block:ifNot400pxPosts}
  299.     {block:if400pxPosts}width:400px;{/block:if400pxPosts}
  300. }
  301.  
  302. #posts small {
  303.     font-size:{text:Font Size}px;
  304. }
  305.  
  306. #posts pre {
  307.     overflow-x:auto;
  308. }
  309.  
  310. #posts a:hover {
  311.     text-decoration:underline;
  312.     color:{color:Body Links Hover};
  313. }
  314.  
  315. #posts img {
  316.     max-width:100%;
  317. }
  318.  
  319. /* PHOTO*/
  320.  
  321. #photo, iframe.photoset {
  322.     display:block;
  323.     {block:ifPhotoFade}opacity:0.8;
  324.     -webkit-transition:all 1s ease;
  325.     -moz-transition:all 1s ease;
  326.     -o-transition:all 1s ease;
  327.     transition:all 1s ease-in-out;
  328. }
  329.  
  330. #photo:hover {
  331.     opacity:1;{/block:ifPhotoFade}
  332. }
  333.  
  334. /* AUDIO */
  335.  
  336. .art {
  337.     position:Absolute;
  338.     width:100px;
  339.     margin-left:-2px;
  340.     margin-top:-50px;
  341. }
  342.  
  343. #art {
  344.     position:absolute;
  345.     width:100px;
  346.     height:100px;
  347.     display:block;
  348. }
  349.  
  350. #player {
  351.      height:27px;
  352.      overflow:hidden;
  353.      margin-top:-2px;
  354.      {block:ifNotGreyPlayer}background:#000;{/block:ifNotGreyPlayer}
  355.      {block:ifGreyPlayer}background:#e4e4e4;{/block:ifGreyPlayer}
  356. }
  357.  
  358. #audio {
  359.     {block:ifNot400pxPosts}width:502px;{/block:ifNot400pxPosts}
  360.     {block:if400pxPosts}width:402px;{/block:if400pxPosts}
  361. }
  362.  
  363. #audioinfo {
  364.     font-size:11px;
  365.     margin-bottom:0px;
  366. }
  367.  
  368. #audioinfo span {
  369.     display:inline-block;
  370.     padding:5px 0;
  371.     width:100%;
  372.     border-bottom:1px solid {color:Borders}
  373. }
  374.  
  375. /* QUOTE */
  376.  
  377. #quote {
  378.     font-size:15px;
  379.     font-style:italic;
  380. }
  381.  
  382. #quote span {
  383.     font-style:normal;
  384.     font-family:georgia;
  385. }
  386.  
  387. /* CHAT */
  388.  
  389. .chat {
  390.     padding:5px;
  391.     margin-bottom:2px;
  392. }
  393.  
  394. #odd {
  395.     background-color:{color:Chat Odd};
  396. }
  397.  
  398. #even {
  399.     background-color:{color:Chat Even};
  400. }
  401.  
  402. /* ASK */
  403.  
  404. #ask {
  405.     padding:5px;
  406.     background-color:{color:Info Bar};
  407.     color:{color:Labels};
  408. }
  409.  
  410. #ask a, #ask a:hover, #ask b {
  411.     color:{color:Labels};
  412. }
  413.  
  414. /* REBLOG INFO */
  415.  
  416. #reblog {
  417.     position:absolute;
  418.     margin-top:10px;
  419.     border:none;
  420.     width:100px;
  421.     margin-left:-110px;
  422. }
  423.  
  424. #reblog span {
  425.     display:inline-block;
  426.     padding:0px 3px 1px 3px;
  427.     width:32px;
  428.     margin-top:4px;
  429.     margin-right:4px;
  430.     text-align:center;
  431.     font-size:10px;
  432.     font-style:italic;
  433.     margin-bottom:4px;
  434.     color:{color:Info Labels};
  435.     background-color:{color:Info};
  436. }
  437.  
  438. .info {
  439.     width:32px;
  440.     border:3px solid {color:Info};
  441. }
  442.  
  443. #via {
  444.     float:left;
  445.     margin-right:4px;
  446. }
  447.  
  448. #source {
  449.     float:left;
  450. }
  451.  
  452. #r {
  453.     display:inline-block;
  454.     width:74px;
  455.     padding:0px 3px 1px 3px;
  456.     text-align:center;
  457.     font-size:10px;
  458.     font-style:italic;
  459.     color:{color:Info Labels};
  460.     background-color:{color:Info};
  461. }
  462.  
  463. /* INFO */
  464.  
  465. #info {
  466.     margin-top:10px;
  467.     text-transform:uppercase;
  468.     font-size:10px;
  469.     text-align:left;
  470.     color:{color:Info Labels};
  471. }
  472.  
  473. #info a:hover {
  474.     text-decoration:none;
  475.     color:{color:Info Labels};
  476. }
  477.  
  478. #date {
  479.     display:inline-block;
  480.     background-color:{color:Info};
  481.     color:{color:Info Labels};
  482.     text-align:center;
  483.     {block:ifNotShowTags}padding:5px 0;
  484.     width:100%;{/block:ifNotShowTags}
  485.     {block:ifShowTags}padding:5px;{/block:ifShowTags}
  486. }
  487.  
  488. /* TAGS */
  489.  
  490. #tags {
  491.     display:inline-block;
  492.     padding:5px;
  493.     margin-bottom:2px;
  494.     color:{color:Tags};
  495.     -webkit-transition:all 1s ease;
  496.     -moz-transition:all 1s ease;
  497.     -o-transition:all 1s ease;
  498.     transition:all 1s ease-in-out;
  499. }
  500.  
  501. #tags:hover {
  502.     color:{color:Labels};
  503.     background-color:{color:Info};
  504. }
  505.  
  506. /* PERMALINK */
  507.  
  508. #notes {
  509.     margin-top:20px;
  510. }
  511.  
  512. ol.notes {
  513.     list-style-type:none;
  514.     margin-left:-30px;
  515.     text-transform:uppercase;
  516.     font-size:8px;
  517.     line-height:150%;
  518.    
  519. }
  520.  
  521. ol.notes img {
  522.     float:left;
  523.     height:10px;
  524.     border-radius:5px;
  525.     margin-right:10px;
  526. }
  527.  
  528. /* PAGINATION */
  529.  
  530. #pagination {
  531.     position:fixed;
  532.     bottom:15px;
  533.     font-size:10px;
  534.     {block:ifNot400pxPosts}left:1000px;{/block:ifNot400pxPosts}
  535.     {block:if400pxPosts}left:900px;{/block:if400pxPosts}
  536. }
  537.  
  538. #pagination a {
  539.     display:inline-block;
  540.     text-align:center;
  541.     font-style:italic;
  542.     padding:3px;
  543.     margin-bottom:5px;
  544.     width:80px;
  545.     color:{color:Info Labels};
  546.     background-color:{color:Info};
  547. }
  548.  
  549. /* MISC */
  550.  
  551. ::-webkit-scrollbar-thumb:vertical {
  552.     background-color:#333;
  553. }
  554.  
  555. ::-webkit-scrollbar-thumb:horizontal {
  556.     background-color:#333;
  557. }
  558.  
  559. ::-webkit-scrollbar-button:vertical {
  560.     height:6px;
  561.     width:5px;
  562.     background-color:#555;
  563. }
  564.  
  565. ::-webkit-scrollbar-button:horizontal {
  566.     width:6px;
  567.     height:5px;
  568.     background-color:#555;
  569. }
  570.  
  571. ::-webkit-scrollbar {
  572.     height:5px;
  573.     width:5px;
  574.     background-color:#aaa;
  575. }
  576.  
  577. iframe#tumblr_controls {
  578.     position:fixed !important;
  579.     top:5px !important;
  580.     right:5px !important;
  581. }
  582.  
  583. </style>
  584.    
  585. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
  586.  
  587. <script type="text/javascript" src="http://static.tumblr.com/mtdphun/3hXmj7g47/scrolltopcontrol.js"></script>
  588.  
  589. {block:ifInfiniteScroll}
  590.  
  591. <!-- INFINITE SCROLL SCRIPT -->
  592.  
  593. <script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>
  594.  
  595. {/block:ifInfiniteScroll}
  596.    
  597. </head><body>
  598.  
  599. <!-- SIDEBAR -->
  600.  
  601. <div id="side">
  602.  
  603. <!-- SIDEBAR IMAGE -->
  604.    
  605. <div id="sidebar">
  606.  
  607. <!-- CROWN -->
  608.  
  609. {block:ifCrown}
  610.  
  611. <div id="links">
  612.    <a class="l" id="a" href="{text:Link 1 URL}" title="{text:Link 1}">▲</a>
  613.    <a class="l" id="b" href="{text:Link 2 URL}" title="{text:Link 2}">▲</a>
  614.    <a class="l" id="c" href="{text:Link 3 URL}" title="{text:Link 3}">▲</a>
  615. </div>
  616.  
  617. {/block:ifCrown}
  618.  
  619. <!-- IMAGE AND TITLE -->
  620.  
  621.     <a class="title" href="/">{Title}</a>
  622.     <a href="/"><img id="image" src="{image:Sidebar}"></a>
  623.    
  624. </div><!-- END SIDEBAR DIV -->
  625.  
  626. <!-- MUSIC PLAYER -->
  627.  
  628. {block:ifMusicPlayerCode}{block:IndexPage}
  629. <div id="music">
  630.     <div id="billy"><span style="margin-left:-28px;">
  631.         {text:Music Player Code}
  632.     </span></div>
  633.     <img src="http://media.tumblr.com/tumblr_m7w2izzY0j1r6o8v2.gif">
  634. </div>
  635. {/block:IndexPage}{/block:ifMusicPlayerCode}
  636.  
  637. <!-- CONTENT -->
  638.  
  639. <div id="desc">
  640.     <div style="margin:-10px 0;"><p>{Description}</p>
  641.  
  642. <!-- DROPDOWN MENU -->
  643.  
  644. {block:ifDropdownMenu}
  645.     <select id="menu" onChange="location.href=this.options[this.selectedIndex].value;">
  646.         <option value="/">{text:Navigation Title}</option>
  647.     {block:ifNotCrown}{block:ifLink1}
  648.         <option value="{text:Link 1 URL}">{text:Link 1}</option>
  649.     {/block:ifLink1}
  650.     {block:ifLink2}
  651.         <option value="{text:Link 2 URL}">{text:Link 2}</option>
  652.     {/block:ifLink2}
  653.     {block:ifLink3}
  654.         <option value="{text:Link 3 URL}">{text:Link 3}</option>
  655.     {/block:ifLink3}{/block:ifNotCrown}
  656.     {block:ifLink4}
  657.         <option value="{text:Link 4 URL}">{text:Link 4}</option>
  658.     {/block:ifLink4}
  659.     {block:ifLink5}
  660.         <option value="{text:Link 5 URL}">{text:Link 5}</option>
  661.     {/block:ifLink5}
  662.     {block:ifLink6}
  663.         <option value="{text:Link 6 URL}">{text:Link 6}</option>
  664.     {/block:ifLink6}
  665.     {block:Pages}<option value="{URL}">{Label}</option>{/block:Pages}
  666.     </select>
  667. {/block:ifDropdownMenu}
  668. <!-- TO ADD MORE CUSTOM LINKS, COPY AND PASTE ONE OF THE LINES BEGINNING WITH <option> AND ENDING WITH </option> BENEATH THE REST OF THE LINKS, AND REPLACE THE URL AND TITLE WITH YOUR OWN. -->
  669. {/block:ifLink1}
  670.     </div>
  671. </div><!-- END DESC -->
  672.  
  673. <!-- NAVIGATION -->
  674.  
  675. <div id="nav">
  676.     <a href="/">home</a> &middot;
  677.     <a href="/ask">message</a> &middot;
  678.     <a href="/archive">archive</a> &middot;
  679.     <!-- PLEASE DO NOT REMOVE THEME CREDIT -->
  680.     <a href="http://viwan-th.tumblr.com" target="blank" title="shiro theme">theme</a>
  681.     <!-- PLEASE DO NOT REMOVE THEME CREDIT -->
  682. </div>
  683.    
  684. </div><!-- END SIDE DIV -->
  685.  
  686. <!-- END SIDEBAR -->
  687.  
  688. <div id="left"></div>
  689.  
  690. <div id="container">
  691.  
  692. <!-- POSTS BLOCK -->
  693.  
  694. {block:ifInfiniteScroll}<div class="autopagerize_page_element">{/block:ifInfiniteScroll}{block:Posts}
  695.  
  696.     {block:ContentSource}
  697.         <!-- {SourceURL}{block:SourceLogo}<img src="{BlackLogoURL}"
  698.         width="{LogoWidth}" height="{LogoHeight}" alt="{SourceTitle}">
  699.         {/block:SourceLogo}
  700.         {block:NoSourceLogo}{SourceLink}{/block:NoSourceLogo} -->
  701.     {/block:ContentSource}
  702.    
  703. <!-- REBLOG INFO -->
  704.  
  705. <div id="reblog">
  706. {block:RebloggedFrom}
  707.     <a href="{ReblogParentURL}" title="{ReblogParentName}">
  708.     <img src="{ReblogParentPortraitURL-64}" class="info" id="via"></a>
  709.     <a href="{ReblogRootURL}" title="{ReblogRootName}">
  710.     <img src="{ReblogRootPortraitURL-64}" class="info" id="source"></a>
  711.     <span>via</span><span>source</span>
  712. {/block:RebloggedFrom}
  713.  
  714. {block:IndexPage}
  715.     <a href="{ReblogURL}" id="r">reblog</a>
  716. {/block:IndexPage}
  717. </div>
  718.  
  719. <!-- ENTRIES -->
  720.  
  721. <div id="posts">
  722.  
  723. <!-- TEXT -->
  724.  
  725. {block:Text}
  726.  
  727.     {block:Title}<div style="margin-bottom:20px;">
  728.     <a href="{Permalink}"><h1>{Title}</h1></a></div>{/block:Title}
  729.    
  730.     <div style="margin-top:-10px;"><p>{Body}</p></div>
  731.     {block:More}<a href="{Permalink}">{text:Read More}</a>{/block:More}
  732.  
  733. {/block:Text}
  734.  
  735. <!-- PHOTO -->
  736.  
  737. {block:Photo}
  738.  
  739.     {block:IndexPage}
  740.     <a href="{Permalink}"><img src="{PhotoURL-highres}" id="photo"></a>
  741.     {/block:IndexPage}
  742.    
  743.     {block:PermalinkPage}{LinkOpenTag}
  744.     <center><img src="{PhotoURL-500}" id="photo"></center>
  745.     {LinkCloseTag}{/block:PermalinkPage}
  746.    
  747.     {block:ifShowCaptions}
  748.         {block:Caption}
  749.         {Caption}
  750.         {/block:Caption}
  751.     {/block:ifShowCaptions}
  752.  
  753. {/block:Photo}
  754.  
  755. <!-- PANORAMA -->
  756.  
  757. {block:Panorama}
  758.  
  759.     {LinkOpenTag}<img src="{PhotoURL-Panorama}" id="photo">{LinkCloseTag}
  760.    
  761.     {block:ifShowCaptions}
  762.         {block:Caption}
  763.         {Caption}
  764.         {/block:Caption}
  765.     {/block:ifShowCaptions}
  766.  
  767. {/block:Panorama}
  768.  
  769. <!-- PHOTOSET -->
  770.  
  771. {block:Photoset}
  772.  
  773. <div id="photo">
  774.     {block:ifNot400pxPosts}{Photoset-500}{/block:ifNot400pxPosts}
  775.     {block:if400pxPosts}{Photoset-400}{/block:if400pxPosts}
  776. </div>
  777.    
  778.     {block:ifShowCaptions}
  779.         {block:Caption}
  780.         {Caption}
  781.         {/block:Caption}
  782.     {/block:ifShowCaptions}
  783.  
  784. {/block:Photoset}
  785.  
  786. <!-- QUOTE -->
  787.  
  788. {block:Quote}
  789.  
  790.     <div id="quote"><span>“</span>{Quote}</br></div>
  791.     <p align="right">- {Source}
  792.  
  793. {/block:Quote}
  794.  
  795. <!-- LINK -->
  796.  
  797. {block:Link}
  798.  
  799.     <a href="{URL}" target="{Target}"><h1>{Name}</h1></a>
  800.    
  801.     {block:Description}
  802.     {Description}
  803.     {/block:Description}
  804.  
  805. {/block:Link}
  806.  
  807. <!-- CHAT -->
  808.  
  809. {block:Chat}
  810.  
  811.     {block:Title}<h1>{Title}</h1>{/block:Title}
  812.  
  813.     {block:Lines}
  814.         <div class="chat" id="{Alt}">
  815.             {block:Label}<b>{Label}</b>{/block:Label} {Line}
  816.         </div>
  817.     {/block:Lines}
  818.    
  819. {/block:Chat}
  820.  
  821. <!-- AUDIO -->
  822.  
  823. {block:Audio}
  824.  
  825. <table border="0" cellpadding="0" id="audio"><tr>
  826.  
  827. <td width="106px">
  828.     {block:IndexPage}<a href="{Permalink}">{/block:IndexPage}
  829.     <img src="{image:Album Art}" class="art">
  830.     {block:AlbumArt}<img src="{AlbumArtURL}" class="art">{/block:AlbumArt}
  831.     {block:IndexPage}</a>{/block:IndexPage}
  832. </td>
  833.  
  834. <td>
  835.     <div id="player">
  836.         {block:ifNotGreyPlayer}{AudioPlayerBlack}{/block:ifNotGreyPlayer}
  837.         {block:ifGreyPlayer}{AudioPlayerGrey}{/block:ifGreyPlayer}
  838.     </div>
  839.     <div id="audioinfo">
  840.         <span><b>TRACK:</b> {block:TrackName}{TrackName}{/block:TrackName}</span></br>
  841.         <span><b>ARTIST:</b> {block:Artist}{Artist}{/block:Artist}</span></br>
  842.         <span><b>ALBUM:</b> {block:Album}{Album}{/block:Album}</span></br>
  843.     </div>
  844. </td>
  845.  
  846. </tr></table>
  847.    
  848.     {block:ifShowCaptions}
  849.         {block:Caption}
  850.         {Caption}
  851.         {/block:Caption}
  852.     {/block:ifShowCaptions}
  853.    
  854. {/block:Audio}
  855.  
  856. <!-- VIDEO -->
  857.  
  858. {block:Video}
  859.  
  860.     {block:ifNot400pxPosts}{Video-500}{/block:ifNot400pxPosts}
  861.     {block:if400pxPosts}{Video-400}{/block:if400pxPosts}
  862.    
  863.     {block:ifShowCaptions}
  864.         {block:Caption}
  865.         {Caption}
  866.         {/block:Caption}
  867.     {/block:ifShowCaptions}
  868.  
  869. {/block:Video}
  870.  
  871. <!-- ANSWER -->
  872.  
  873. {block:Answer}
  874.  
  875.     <div id="ask">{Asker}: {Question}</div>
  876.     {Answer}
  877.  
  878. {/block:Answer}
  879.  
  880. <!-- END ENTRIES -->
  881.  
  882. <!-- INFO -->
  883.  
  884. <div id="info">
  885.     <a id="date" href="{Permalink}">{TimeAgo} — {NoteCountWithLabel}</a>
  886.  
  887.     {block:ifShowTags}{block:HasTags}
  888.         {block:Tags}<a id="tags" href="{TagURL}">{Tag}</a> {/block:Tags}
  889.     {block:HasTags}{/block:ifShowTags}
  890. </div>
  891.  
  892. <!-- POSTNOTES -->
  893.  
  894. {block:PermalinkPage}
  895.  
  896.     {block:ifNotShowCaptions}
  897.         {block:Caption}
  898.         {Caption}
  899.         {/block:Caption}
  900.     {/block:ifNotShowCaptions}
  901.  
  902. {block:PostNotes}<div id="notes">{PostNotes}</div>{/block:PostNotes}
  903. {/block:PermalinkPage}
  904.  
  905. </div><!-- END POSTS DIV -->
  906.  
  907. {/block:Posts}{block:ifInfiniteScroll}</div>{/block:ifInfiniteScroll}
  908. </div>
  909.  
  910. <!-- PAGINATION -->
  911.  
  912. <div id="pagination">
  913.  
  914.     {block:ifNotInfiniteScroll}{block:Pagination}
  915.     {block:PreviousPage}
  916.         <a href="{PreviousPage}">previous</a></br>
  917.     {/block:PreviousPage}
  918.     {block:NextPage}
  919.         <a href="{NextPage}">next</a>
  920.     {/block:NextPage}
  921.     {/block:Pagination}{/block:ifNotInfiniteScroll}
  922.  
  923. </div>
  924.  
  925. </body></html>