Guest

Metamorphos Theme by Noctos

By: a guest on Jan 28th, 2012  |  syntax: None  |  size: 24.39 KB  |  hits: 11  |  expires: Never
download  |  raw  |  embed  |  report abuse
Copied
  1. <!-----
  2.  
  3. metamorphos theme by noctos.
  4. I'm sorry this is a crappy code. and I'm sorry if something doesn't work but i tried OTL
  5.  
  6. good luck :)
  7.  
  8. -------
  9. how to install:
  10. copy the code.
  11. go to the customize page for your blog.
  12. click the "custom HTML" button. Delete everything there.
  13. paste this code.
  14. press save.
  15. close the page. and then go back.
  16. customize.
  17. ------
  18.  
  19.  
  20. ---->
  21.  
  22.  
  23. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  24.  
  25. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  26.  
  27. <head>
  28.  
  29. <html>
  30.     <head>
  31. <title>{Title}</title>
  32. <link rel="shortcut icon" href="{Favicon}">
  33. <link rel="alternate" type="application/rss+xml" href="{RSS}">
  34. {block:Description}<meta name="description" content="{MetaDescription}" />{/block:Description}
  35.  
  36.  
  37. <meta name="image:Background" content="http://media.tumblr.com/tumblr_ly0tgqeREA1qklwal.png"/>
  38. <meta name="image:perma background" content="http://media.tumblr.com/tumblr_ly0t3dZ6Fm1qklwal.jpg"/>
  39. <meta name="image:Sidebar" content=""/>
  40. <meta name="image:side background" content="http://media.tumblr.com/tumblr_ly0t0nli921qklwal.jpg"/>
  41. <meta name="image:Side backgroundbar" content="http://media.tumblr.com/tumblr_ly0szww1te1qklwal.png"/>
  42. <meta name="color:Background" content="#ffffff" />
  43. <meta name="color:top bar" content="#000000"/>
  44. <meta name="color:menu hover" content="#ffffff"/>
  45. <meta name="color:menu" content="#ffffff" />
  46. <meta name="color:menu border" content="#727070" />
  47. <meta name="color:menu border hover" content="#a7a3a3" />
  48. <meta name="color:Blockquote Background" content="#f7f7f7" />
  49. <meta name="color:Link" content="#4b4848" />
  50. <meta name="color:Link Hover" content="#4d4b4b" />
  51. <meta name="color:Text" content="#000000" />
  52. <meta name="color:Entry Background" content="#ffffff" />
  53. <meta name="color:Title" content="#9ea8a8" />
  54. <meta name="color:askcolor" content="#f5f3f3" />
  55. <meta name="if:Endless Scroll" content="1"/>
  56. <meta name="if:Show Captions" content="0"/>
  57. <meta name="if:Show Hover Notes" content="1" />
  58. <meta name="if:Picture Fade" content="1" />
  59. <meta name="if:Infinite Scroll" content="1" />
  60. <meta name="if:Lazy Load" content="1" />
  61. <meta name="if:Links1" content="0" />
  62. <meta name="if:Links2" content="0" />
  63. <meta name="if:Links3" content="0" />
  64. <meta name="if:Links4" content="0" />
  65. <meta name="text:custom title" content="" />
  66. <meta name="text:back to top" content="back to top" />
  67. <meta name="text:Link 1" content="" />
  68. <meta name="text:Link 1 title" content="" />
  69. <meta name="text:Link 2" content="" />
  70. <meta name="text:Link 2 title" content="" />
  71. <meta name="text:Link 3" content="" />
  72. <meta name="text:Link 3 title" content="" />
  73. <meta name="text:Link 4" content="" />
  74. <meta name="text:Link 4 title" content="" />
  75.  
  76.  
  77.  
  78.     <style type="text/css">
  79.  
  80.    
  81.  
  82.  iframe#tumblr_controls {right:3px !important;
  83. position: fixed !important;
  84.     opacity: 0.5;
  85.     filter:alpha(opacity=50);
  86.     -moz-opacity: 0.5;
  87.     -khtml-opacity: 0.5;
  88.     -webkit-transition: all 0.9s ease;
  89.     -moz-transition: all 0.9s ease;
  90.     -o-transition: all 0.9s ease;}
  91. iframe#tumblr_controls:hover{
  92.     opacity: 1;
  93.     filter:alpha(opacity=100);
  94.     -moz-opacity: 1;
  95.     -khtml-opacity: 1;
  96.     -webkit-transition: all 0.9s ease;
  97.     -moz-transition: all 0.9s ease;
  98.     -o-transition: all 0.9s ease;}
  99.  
  100.    
  101.  
  102.  
  103. @font-face {font-family: "silkscreen";src: url('http://static.tumblr.com/qbwrk8v/zmWlpdkl0/slkscr.ttf');}
  104.  
  105.  
  106.  #eden {
  107. font-family: consolas minor;
  108. border-bottom: 1px dotted {color:text};
  109. font-size:14px;
  110. text-transform:uppercase;
  111. color:{color:title};
  112. padding-bottom:5px;
  113. letter-spacing:-1.5px;
  114. text-align:left;}
  115.  
  116.  
  117.  #hope {
  118.      position:fixed;left:0px; top:55px;
  119. font-size: 35px;
  120. font-family:georgia;
  121. color:{color:maintitle};
  122. font-style:italic;
  123. width:300px;
  124. letter-spacing:1px;
  125. font-weight:normal;
  126. text-align:center;
  127. z-index:1;}  
  128.  
  129.  
  130.  
  131.  
  132.  
  133. #pulser {
  134.     text-align:center;
  135.     -webkit-border-radius: 10px;
  136. -moz-border-radius: 10px;
  137. border-radius: 10px;}
  138.  
  139. #pulse {
  140.     color: #737373;
  141.     font-style: italic;
  142.     padding:5px;
  143.     text-align: center;
  144.     background-color:{color:askcolor};
  145.     font-family: georgia;
  146.     font-size: 10px;
  147.     text-transform:uppercase;}
  148.  
  149. #pulse a{
  150.     color: {color:link};}
  151.    
  152. #pulse a:hover{
  153.     color: {color:link hover};}
  154.  
  155. #oerba {
  156.     padding: 5px;
  157.     font-size:12px;
  158.    font-family:georgia;
  159.     letter-spacing: -1px;}
  160.  
  161.  
  162. blockquote{
  163.    
  164.     padding:3px;
  165.         color: {color:text};
  166.     border-left: 1px dotted {color:text};
  167.     background-color:{color:blockquote background};
  168.         font: 8px georgia;
  169.         margin-right: 50px;}
  170.  
  171.  
  172. #sazh {
  173. width:400px;
  174. float:left;
  175. text-align:justify;
  176. margin-top:7px;
  177. background:{color:entry background};
  178. color: {color:text};
  179. padding:10px;
  180. font-family: georgia;
  181. font-size:9px;
  182. height: auto;
  183. margin-left:360px;
  184. overflow:hidden;}
  185.  
  186.  
  187. #sazh img {max-width:400px;}
  188.  
  189.  
  190. #text {font-family:arial;
  191. padding:5px; font-size:9px;}
  192.  
  193. #jihl {max-width:400px; min-width:400px;overflow:hidden;}  
  194.  
  195. #jihl img
  196.     {max-width:400px; min-width:400px; overflow:hidden; padding-bottom:3px;    }
  197.  
  198. {block:IfPictureFade}
  199.  
  200. #sazh  img {
  201.     opacity: 0.8;
  202.     filter: alpha:(opacity=80);
  203.     -moz-opacity: 0.8;
  204.     -webkit-transition: all 0.7s ease;
  205.     -moz-transition: all 0.7s ease;
  206.     -o-transition: all 0.7s ease;}
  207.  
  208. #sazh img:hover {
  209.     opacity: 1;
  210.     filter: alpha:(opacity=100);
  211.     -moz-opacity: 1;
  212.     -webkit-transition: all 1.8s ease;
  213.     -moz-transition: all 1.8s ease;
  214.     -o-transition: all 1.8s ease;}
  215.    
  216. {/block:IfPictureFade}
  217.  
  218. .cid {
  219. float: right;
  220. width:20px;
  221. height:3px;
  222. font-size: 7px;
  223. padding:0px;
  224. margin-top:-20px;
  225. padding-bottom:7px;
  226. padding-left:15px;
  227. background-image: url('{image:perma background}') ;opacity:0.2;
  228. margin-left:370px;
  229. position: absolute;
  230. text-align: left;
  231. overflow:hidden;
  232. -webkit-transition: all 0.4s ease-in;
  233. -moz-transition: all 0.4s ease-in;
  234. -o-transition: all 0.4s ease-in;opacity:0;
  235. z-index:999;-webkit-border-bottom-left-radius: 10px;
  236. -moz-border-radius-bottomleft: 10px;
  237. border-bottom-left-radius: 10px; }
  238.  
  239. .cid a  {color:{color:text}; padding-right:0px; padding-left:0px; font-size: 8px; letter-spacing: 1px;
  240. font-family: consolas ; text-transform: uppercase; z-index:-1;}
  241.  
  242. #sazh:hover .cid {width:440px;margin-left:-47px;opacity: 1; filter: alpha(opacity = 100); zoom: 0; margin-bottom:0px; z-index:999;}
  243.  
  244.  
  245.  
  246.  
  247. body {
  248. background-image: url('{image:background}');
  249. background-attachment:fixed;
  250. background-color:{color:background};
  251. font-family: silkscreen;
  252. font-size: 9px;-webkit-transition: all 0.6s ease-in;
  253. -moz-transition: all 0.6s ease-in;
  254. -o-transition: all 0.6s ease-in;}
  255.  
  256.  
  257. a {font-weight:normal; color:{color:link}; text-decoration:none;-webkit-transition: all 0.6s ease-in;
  258. -moz-transition: all 0.6s ease-in;
  259. -o-transition: all 0.6s ease-in;}
  260. a:hover {color:{color:link hover};-webkit-transition: all 0.6s ease-in;
  261. -moz-transition: all 0.6s ease-in;
  262. -o-transition: all 0.6s ease-in;}
  263.  
  264.  
  265. #snowdiv {
  266.     width:380px;
  267.     padding:4px;
  268.     border-bottom: 1px dotted {color:text};
  269.     }
  270.  
  271.  
  272. #snow {
  273.         width:375px;
  274.     padding:10px;
  275.     color: {color:text};
  276.     margin-left:370px;
  277.     line-height: 15px;
  278.     letter-spacing: 0px;
  279.     text-transform:lowercase;
  280.     font-family: georgia; font-size: 10px; z-index:-9999999999;}
  281.  
  282. li.snow {
  283.         list-style:decimal;
  284.     padding: 2px;
  285.         margin: 2px;
  286.     letter-spacing: 0px;
  287.     text-transform:lowercase;}
  288.    
  289. #snow a{
  290.         color: {color:maintitle};
  291.      letter-spacing: 0px;
  292.      text-transform:lowercase;
  293.      font-family: georgia; font-size: 10px;}
  294.  
  295.  
  296. #yun {font-size:10px; font-family:consolas;text-align:center;}
  297.  
  298.  
  299. #source a, #caption a, #quotesource a {
  300.         font: normal 8px arial;
  301.         font-weight:bold;
  302.         letter-spacing: 0px;
  303.         color: {color:text};
  304. letter-spacing: 1px;
  305.         background:none ;
  306. text-transform:lowercase;
  307.         padding: 1px 3px;}
  308.  
  309. #quotesource {
  310.         display: block;
  311.         text-align: center;}
  312.  
  313. #cocoon {
  314.         font-style: normal;
  315.     font-family:arial;}
  316.  
  317.  
  318. ul {
  319.         list-style:square;}
  320.  
  321. #dajh {
  322.         width: 100%px;
  323.         background: #000000;
  324.     }
  325.    
  326. #dajhtext {
  327.         text-transform: uppercase;
  328.         padding: 0px;
  329.         text-align:center;}
  330.  
  331. .label {
  332.         font: 8px arial;
  333.     text-transform:uppercase;
  334.         letter-spacing: 0px;
  335.         padding-right: 5px;}
  336.  
  337.  
  338.    
  339. #vanille{
  340.     color: {color:text};
  341.     opacity:1;
  342.      text-align:center;    
  343.     font-family: georgia;
  344.     font-size:9px;
  345.     padding:5px;
  346.     margin-top:3px;
  347.     width:auto; height:auto; z-index:999;
  348.     overflow:hidden;-webkit-transition: all 1.0s ease-in;
  349.     -moz-transition: all 1.0s ease-in;
  350.     -o-transition: all 1.0s ease-in;}
  351.  
  352.  
  353.  
  354. #lightningbackground {
  355. background-color: {color: background}; position:fixed; left:70px; width: 165px; height:110%; background: url({image:side background}) repeat; margin-top:-20px;   z-index:-9;}
  356.  
  357. #lightningbackgroundbar {
  358. background-color: {color: background}; position:fixed; left:50px; width: 20px; height:110%; background: url({image:side backgroundbar}) repeat; margin-top:-20px;   z-index:-9;}
  359.  
  360. #lightningbackground2 {
  361.    
  362. position:fixed; left:178px; width: 150px;  height:0px; margin-top:190px;  opacity:1; z-index:99999;
  363. padding-right:5px; border-left:0px solid {color:text};
  364. -webkit-transition: all 0.8s ease-in;
  365. -moz-transition: all 0.8s ease-in;
  366. -o-transition: all 0.8s ease-in;}
  367.  
  368. #lightning {
  369.         height:auto; text-align:right ;font-size: 11px;
  370.         margin-top:50px; width:155px;
  371.         position:fixed; left:75px;
  372.         border: 0px solid {color: entry background};
  373.         -webkit-transition: all 1.4s ease-in;
  374.         -moz-transition: all 1.4s ease-in;
  375.         -o-transition: all 1.4s ease-in;z-index:999;}
  376.      
  377.  
  378.  
  379. #lightning  img {
  380.      width:140px;
  381.      opacity: 1;
  382.    
  383.      filter: alpha:(opacity=100;)
  384.     -moz-opacity: 1;
  385.     -webkit-transition: all 0.8s ease;
  386.     -moz-transition: all 0.8s ease;
  387.     -o-transition: all 0.8s ease;
  388.     -webkit-border-radius: 10px;
  389. -moz-border-radius: 10px;
  390. border-radius: 10px;}
  391.  
  392. #lightning img:hover {{block:IfPictureFade}
  393.     opacity: 0.7;
  394.     filter: alpha:(opacity=70);
  395.     -moz-opacity: 0.7;
  396.     {/block:IfPictureFade}
  397.     -webkit-transition: all 1.8s ease;
  398.     -moz-transition: all 1.8s ease;
  399.     -o-transition: all 0.8s ease;}
  400.  
  401.        
  402. #fangtext {
  403.     font-size:8px;
  404.     text-align:right;
  405. margin-right:48px;
  406.     z-index:99;}
  407.  
  408. #fang {
  409.     background-color: {color:menu};
  410.     text-color: {color:text};
  411.     width:110px;
  412.     height:10px;
  413.    
  414.     font-family:arial;
  415.     margin-left:5px;
  416.     font-size:7.5px;
  417.     margin-top:2px;
  418.     border:1px solid {color:menu border};
  419.     border-left: 30px solid {color:menu border};
  420.     letter-spacing:1px;
  421.    
  422.     text-align:center;
  423.  
  424.      z-index:1;}
  425.  
  426.    
  427. #fang:hover {
  428.     background-color:{color:menu hover};
  429.     width:130px;
  430.     border:1px solid {color:menu border hover};
  431.     border-left: 10px solid {color:menu border hover};
  432.    
  433.    
  434.     }
  435.  
  436.  
  437.  
  438.     #invisible { height:35px; width:100%;}
  439.    
  440.    #topbar {position:fixed; height:60px; width:110%;  background-color: {color:top bar}; margin-top:-60px; margin-left:-30px; z-index:10;}
  441.     #toptitle {  width:405px;font-size:30px; font-family:georgia; color:#ffffff; padding-top: 15px; font-style:italic; margin-left:390px; margin-top:5px; text-align:center;}
  442.    
  443.  
  444. #top-link{ display:none; position:fixed; right:10px; bottom:10px;color:#000;font-family: arial;text-decoration:none;background:none;font-size:8px;}
  445.  
  446. #credit{ position:fixed; left:10px; bottom:10px;color:#000;font-family: arial;font-size:10px; opacity:0.2;}
  447. #credit:hover {opacity:1;}
  448.  
  449. </style>
  450. <script type="text/javascript" src="http://static.tumblr.com/q0etgkr/J5bl3lkz1/tumblrautopagernopage.js"></script>
  451.  
  452.  
  453. <script type="text/javascript" src="http://davidwalsh.name/dw-content/jquery-1.3.2.js"></script>
  454.         <script type="text/javascript" src="http://davidwalsh.name/dw-content/jquery.scrollTo-1.4.0-min.js"></script>
  455.         <script type="text/javascript">
  456.         jQuery.fn.topLink = function(settings) {
  457.                 settings = jQuery.extend({
  458.                         min: 1,
  459.                         fadeSpeed: 200,
  460.                         ieOffset: 50
  461.                 }, settings);
  462.                 return this.each(function() {
  463.                         //listen for scroll
  464.                         var el = $(this);
  465.                         el.css('display','none'); //in case the user forgot
  466.                         $(window).scroll(function() {
  467.                                 if(!jQuery.support.hrefNormalized) {
  468.                                         el.css({
  469.                                                 'position': 'absolute',
  470.                                                 'top': $(window).scrollTop() + $(window).height() - settings.ieOffset
  471.                                         });
  472.                                 }
  473.                                 if($(window).scrollTop() >= settings.min)
  474.                                 {
  475.                                         el.fadeIn(settings.fadeSpeed);
  476.                                 }
  477.                                 else
  478.                                 {
  479.                                         el.fadeOut(settings.fadeSpeed);
  480.                                 }
  481.                         });
  482.                 });
  483.         };
  484.        
  485.         $(document).ready(function() {
  486.                 $('#top-link').topLink({
  487.                         min: 400,
  488.                         fadeSpeed: 500
  489.                 });
  490.                 //smoothscroll
  491.                 $('#top-link').click(function(e) {
  492.                         e.preventDefault();
  493.                         $.scrollTo(0,300);
  494.                 });
  495.         });
  496.        
  497.    
  498.  
  499. </script>
  500.  
  501. <script type="text/javascript" src="http://davidwalsh.name/dw-content/jquery-1.3.2.js"></script>
  502.         <script type="text/javascript" src="http://davidwalsh.name/dw-content/jquery.scrollTo-1.4.0-min.js"></script>
  503.         <script type="text/javascript">
  504.         jQuery.fn.topLink = function(settings) {
  505.                 settings = jQuery.extend({
  506.                         min: 1,
  507.                         fadeSpeed: 200,
  508.                         ieOffset: 50
  509.                 }, settings);
  510.                 return this.each(function() {
  511.                         //listen for scroll
  512.                         var el = $(this);
  513.                         el.css('display','none'); //in case the user forgot
  514.                         $(window).scroll(function() {
  515.                                 if(!jQuery.support.hrefNormalized) {
  516.                                         el.css({
  517.                                                 'position': 'absolute',
  518.                                                 'top': $(window).scrollTop() + $(window).height() - settings.ieOffset
  519.                                         });
  520.                                 }
  521.                                 if($(window).scrollTop() >= settings.min)
  522.                                 {
  523.                                         el.fadeIn(settings.fadeSpeed);
  524.                                 }
  525.                                 else
  526.                                 {
  527.                                         el.fadeOut(settings.fadeSpeed);
  528.                                 }
  529.                         });
  530.                 });
  531.         };
  532.        
  533.         $(document).ready(function() {
  534.                 $('#top-link').topLink({
  535.                         min: 400,
  536.                         fadeSpeed: 500
  537.                 });
  538.                 //smoothscroll
  539.                 $('#top-link').click(function(e) {
  540.                         e.preventDefault();
  541.                         $.scrollTo(0,300);
  542.                 });
  543.         });
  544.        
  545.        
  546.         </script>
  547.        
  548.         {block:IfLazyLoad}
  549.         <script type="text/javascript" src="http://static.tumblr.com/yauabn1/dTzlwknnj/jquery.js"></script>
  550.  
  551. <script type="text/javascript" src="http://static.tumblr.com/yauabn1/erElwknoc/lazyload.js"></script>
  552.  
  553. <script type="text/javascript" charset="utf-0">
  554. var $j = jQuery.noConflict();
  555. $j(function() {
  556. if (navigator.platform == "iPad" || navigator.platform == "iPhone") return;
  557. $j("img").lazyload({
  558. placeholder : "http://static.tumblr.com/twte3d7/RSvlio0k5/grey.gif",
  559. effect: "fadeIn",
  560. });
  561. });
  562.  
  563. </script>
  564. {/block:IfLazyLoad}
  565.  
  566. </head>
  567. <body>
  568.  
  569. <!---- please don't remove this credit ---->
  570. <div id="credit"><a href="http://noctos.tumblr.com" title="theme by noctos">☂</a></div>
  571. <!---- please don't remove this credit ---->
  572.  
  573. <div id ="invisible"></div>
  574. <div id ="topbar"><div id="toptitle">{title}</div></div>
  575.    <div id="top"></div>
  576. <div id="top-link"><a style="border:none;" href="#top">{text:back to top}</a></div>
  577.  
  578.    
  579.  
  580. <div id = "lightningbackground"></div>
  581. <div id = "lightningbackgroundbar"></div>
  582.  
  583.  
  584. <div id="hope"><a href="/" title="{title}">{text:custom title}</a></div>
  585. <div id = "lightning">
  586.  
  587.  
  588. <center> <a href="/" title="{title}">  <img src="{image:Sidebar}"></a></center>
  589. <div id ="vanille">{description}</div>
  590.  
  591. <a href="/" title="index"><div id="fang">home</div></a>
  592.  
  593. <a href="/ask" title="message"><div id="fang">message</div></a>
  594.  
  595. {block:IfLinks1}
  596. <a href="{text:Link 1}" title="{text:Link 1 title}"><div id="fang">{text:Link 1 title}</div></a>{/block:IfLinks1}
  597.  
  598. {block:IfLinks2}
  599. <a href="{text:Link 2}" title="{text:Link 2 title}"><div id="fang">{text:Link 2 title}</div></a>{/block:IfLinks2}
  600.  
  601. {block:IfLinks3}
  602. <a href="{text:Link 3}" title="{text:Link 3 title}"><div id="fang">{text:Link 3 title}</div></a>{/block:IfLinks3}
  603.  
  604. {block:IfLinks4}
  605. <a href="{text:Link 4}" title="{text:Link 4 title}"><div id="fang">{text:Link 4 title}</div></a>{/block:IfLinks4}
  606.  
  607. <a href="http://noctos.tumblr.com" title="theme by noctos ~"><div id="fang">credit</div></a>
  608.  
  609.  
  610. {block:IfNotEndlessScroll}    
  611. <div id="yun">
  612. {block:PreviousPage}<a href="{PreviousPage}">◁ </a>{/block:PreviousPage}
  613. {block:NextPage}<a href="{NextPage}">▷</a>{/block:NextPage}</div>
  614. {/block:IfNotEndlessScroll}    
  615.  
  616. </div>
  617.  
  618.  
  619.  
  620.  
  621.      
  622.  
  623.        
  624.          
  625.       {block:IfEndlessScroll}    
  626.         <div class="autopagerize_page_element">
  627.        {/block:IfEndlessScroll}
  628.      
  629.         {block:Posts}
  630.        
  631.      
  632.           <table width="0" border="0" align="center" cellspacing="0px" cellpadding="0px">
  633.    
  634.          
  635.   <tr>
  636.  
  637.                 {block:Text}
  638.         <div id="sazh">
  639.         <div id="cid">
  640.                
  641.                         {block:Title}<div id="eden"><big>『 </big><a href="{Permalink}">{Title}</a></div>{/block:Title}
  642.                         <div id="text">{Body}</div>{block:IfShowHoverNotes} <span class="cid"><a href="{Permalink}">{TimeAgo} {block:NoteCount}{NoteCountWithLabel}{/block:Notecount}</a></span>{/block:IfShowHoverNotes}  </div>  </div>
  643.                     {/block:Text}
  644.                      
  645.                                 {block:Quote}
  646.                                    <div id="sazh">
  647.                                 <div id="oerba" align="center">&#8220;{Quote}&#8221;</div>
  648.                     <div id="quotesource">{block:Source}&#8212; {Source}{/block:Source}</div>
  649.        
  650.         <span class="cid"><a href="{Permalink}">{TimeAgo}{block:IfShowHoverNotes} {block:NoteCount}{NoteCountWithLabel}{/block:Notecount} {/block:IfShowHoverNotes}</a></span></div>
  651.                     {/block:Quote}    
  652.                  
  653.                     {block:Link}
  654.                      <div id="sazh">{/block:ShowHoverTags}
  655.                     <div id="eden"><big>『 </big><a href="{URL}" {Target}>{Name}</a></div>
  656.                     {block:Description}<div id="text">{Description}</div>{/block:Description}{block:IfShowHoverNotes} <span class="cid"><a href="{Permalink}">{TimeAgo} {block:NoteCount}{NoteCountWithLabel}{/block:Notecount}</a></span>{/block:IfShowHoverNotes}</div>      {/block:Link}
  657.                  
  658.                     {block:Chat}<div id="sazh">{/block:ShowHoverTags}{block:Title}
  659.                        
  660.                       <div id="eden"><big>『 </big><a href="{Permalink}">{Title}</a></div>
  661.                     {/block:Title}
  662.                     <div id="cocoon">
  663.                       <ul>
  664.                         {block:Lines}
  665.                         <li class="person{UserNumber}">{block:Label}<span class="label">{Label}</span>{/block:Label}{Line}</li>
  666.                         {/block:Lines}
  667.                       </ul>
  668.                     {block:IfShowHoverNotes} <span class="cid"><a href="{Permalink}">{TimeAgo} {block:NoteCount}{NoteCountWithLabel}{/block:Notecount}</a></span>{/block:IfShowHoverNotes}</div> </div> {/block:Chat}
  669.                
  670.                   {block:Audio}
  671.                       <div id="sazh">{/block:ShowHoverTags}
  672.                    
  673.                     <div id="dajh">{AudioPlayerBlack}</div>
  674.                     <div id="dajhtext">
  675.                     <div id="dajhtext">{PlayCountWithLabel}</div>
  676.      {block:PermalinkPage}
  677.      {block:Caption}
  678.      {Caption}
  679.      {/block:Caption}
  680.      {/block:PermalinkPage}
  681.      
  682.      {block:Caption}
  683.      {Caption}
  684.      {/block:Caption}
  685.      
  686.                    {block:IfShowHoverNotes} <span class="cid"><a href="{Permalink}">{TimeAgo} {block:NoteCount}{NoteCountWithLabel}{/block:Notecount}</a></span>{/block:IfShowHoverNotes}</div></div> {/block:Caption}
  687.                     {/block:Audio}
  688.        
  689.                     {block:Answer}
  690.                      <div id="sazh">
  691.                     <div id="pulse">{Asker} whispered: {Question}</div>
  692.                     <div id="pulser">{Answer}{block:IfShowHoverNotes} <span class="cid"><a href="{Permalink}">{TimeAgo} {block:NoteCount}{NoteCountWithLabel}{/block:Notecount}</a></span>{/block:IfShowHoverNotes}</div></div>
  693.                         {/block:Answer}
  694.                        
  695.      
  696.                  {block:Photo}   <div id="sazh">{LinkOpenTag}<a href="{Permalink}"><img src="{PhotoURL-500}"/></a>{LinkCloseTag}
  697.                  
  698.      {block:IfNotShowCaptions}{block:PermalinkPage}
  699.      {block:Caption}
  700.      {Caption}
  701.      {/block:Caption}
  702.      {/block:PermalinkPage}{/block:IfNotShowCaptions}
  703.      {block:IfShowCaptions}
  704.      {block:Caption}
  705.      {Caption}
  706.      {/block:Caption}
  707.      {/block:IfShowCaptions}
  708.      {block:IfShowHoverNotes} <span class="cid"><a href="{Permalink}">{TimeAgo} | {block:NoteCount}{NoteCountWithLabel}{/block:Notecount}</a></span>{/block:IfShowHoverNotes}
  709.             </div></div>{/block:Caption} {/block:Photo}
  710.        
  711.         {block:Photoset}<div id="sazh">{/block:ShowHoverTags}
  712.      <div id="jihl"><div style="width:400px !important;">{Photoset-400}</div></div>
  713.      {block:IfNotShowCaptions}{block:PermalinkPage}
  714.      {block:Caption}
  715.      {Caption}
  716.      {/block:Caption}
  717.      {/block:PermalinkPage}{/block:IfNotShowCaptions}
  718.      {block:IfShowCaptions}
  719.      {block:Caption}
  720.      {Caption}
  721.      {/block:Caption}
  722.      {/block:IfShowCaptions}
  723.         {block:IfShowHoverNotes} <span class="cid"><a href="{Permalink}">{TimeAgo} | {block:NoteCount}{NoteCountWithLabel}{/block:Notecount}</a></span>{/block:IfShowHoverNotes}</div></div> {/block:Caption}
  724.        {/block:Photoset}
  725.        
  726.        
  727.                  
  728.                     {block:Video}<div id="sazh">{/block:ShowHoverTags}{Video-400}
  729.      {block:IfNotShowCaptions}{block:PermalinkPage}
  730.      {block:Caption}
  731.      {Caption}
  732.      {/block:Caption}
  733.      {/block:PermalinkPage}{/block:IfNotShowCaptions}
  734.      {block:IfShowCaptions}
  735.      {block:Caption}
  736.      {Caption}
  737.      {/block:Caption}
  738.      {/block:IfShowCaptions}
  739.        {block:IfShowHoverNotes} <span class="cid"><a href="{Permalink}">{TimeAgo} {block:NoteCount}{NoteCountWithLabel}{/block:Notecount}</a></span>{/block:IfShowHoverNotes} </div></div>  {/block:Caption}{/block:Video}
  740.        
  741.                  
  742.                
  743.          
  744.         </div> </div>
  745.        </div>
  746.                          
  747.      <div id="snow"><br>{block:PermalinkPage}<center> {TimeAgo} {NoteCountWithLabel} {block:RebloggedFrom} reblogged from <a href="{ReblogParentURL}" title="{ReblogParentTitle}">{ReblogParentName}</a> (source <a href="{ReblogRootURL}" title="{ReblogRootTitle}">{ReblogRootName}</a>){/block:RebloggedFrom}
  748.      <br> {block:HasTags}tagged {block:Tags}#<a href="{TagURL}">{Tag}</a> {/block:Tags}{/block:HasTags}</center><div id="snowdiv"></div>
  749.      {block:PostNotes}{PostNotes}{/block:PostNotes}</div>{/block:PermalinkPage}
  750.  
  751.          </td>
  752.     </tr></table> {/block:Posts}</div></div></div>
  753.     </div></div>
  754.     </body> </html>