¿Animaciones sin script?

[MauXXI]

Segunda parte del código:

Código HTML:

{block:Quote}
<div class="node-wrapper quote" id="post-{PostID}">
	<div class="node">
		<div class="header">
			<a href="{Permalink}" class="meta-category">Quote</a>
		</div>
		<div class="body">
			<div class="real-quote">
				<blockquote>{Quote}</blockquote>
			</div>
			{block:Source}<div class="act-as-p">{Source}</div>{/block:Source}
		</div>
		<div class="footer">
			{block:Date}
			<ul class="meta">
            	<li class="meta-comments"><a href="{Permalink}#notes"><strong>{NoteCount}</strong> notes</a></li>
			</ul>
			<div class="right">
				<p><a href="{Permalink}">{TimeAgo}</a>{block:IfDisqusShortname} &ndash; <a href="{Permalink}#disqus_thread">comentarios</a>{/block:IfDisqusShortname}</p>
				{block:HasTags}
				<ul class="meta-tags">
					{block:Tags}<li><a href="{TagURL}">#{Tag}</a> </li>{/block:Tags}
				</ul>
				{/block:HasTags}
			</div><!-- /.right -->
			{/block:Date}
			<div class="fix"></div>
		</div>
	</div>
</div>
<hr />
{/block:Quote}
{block:Link}
<div class="node-wrapper link" id="post-{PostID}">
	<div class="node">
		<div class="header">
            <h2><a href="{URL}" {Target}>{Name}</a></h2>
			<a href="{Permalink}" class="meta-category">Link</a>
		</div>
		<div class="body">
			{block:Description}<div class="act-as-p">{Description}</div>{/block:Description}
		</div>
		<div class="footer">
			{block:Date}
			<ul class="meta">
            	<li class="meta-comments"><a href="{Permalink}#notes"><strong>{NoteCount}</strong> notes</a></li>
			</ul>
			<div class="right">
				<p><a href="{Permalink}">{TimeAgo}</a>{block:IfDisqusShortname} &ndash; <a href="{Permalink}#disqus_thread">comentarios</a>{/block:IfDisqusShortname}</p>
				{block:HasTags}
				<ul class="meta-tags">
					{block:Tags}<li><a href="{TagURL}">#{Tag}</a> </li>{/block:Tags}
				</ul>
				{/block:HasTags}
			</div><!-- /.right -->
			{/block:Date}
			<div class="fix"></div>
		</div>
	</div>
</div>
<hr />
{/block:Link}
{block:Chat}
<div class="node-wrapper chat" id="post-{PostID}">
	<div class="node">
		<div class="header">
            {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
			<a href="{Permalink}" class="meta-category">Chat</a>
		</div>
		<div class="body">
			<div class="chat">
                <div class="lines">
					{block:Lines}<div class="line {Alt}">{block:Label}<strong>{Label}</strong> {/block:Label}{Line}</div>{/block:Lines}                             
				</div>
			</div>
		</div>
		<div class="footer">
			{block:Date}
			<ul class="meta">
            	<li class="meta-comments"><a href="{Permalink}#notes"><strong>{NoteCount}</strong> notes</a></li>
			</ul>
			<div class="right">
				<p><a href="{Permalink}">{TimeAgo}</a>{block:IfDisqusShortname} &ndash; <a href="{Permalink}#disqus_thread">comentarios</a>{/block:IfDisqusShortname}</p>
				{block:HasTags}
				<ul class="meta-tags">
					{block:Tags}<li><a href="{TagURL}">#{Tag}</a> </li>{/block:Tags}
				</ul>
				{/block:HasTags}
			</div><!-- /.right -->
			{/block:Date}
			<div class="fix"></div>
		</div>
	</div>
</div>
<hr />
{/block:Chat}
{block:Answer}
<div class="node-wrapper chat answer" id="post-{PostID}">
	<div class="node">
		<div class="header">
			<a href="{Permalink}" class="meta-category">Chat</a>
		</div>
		<div class="body">
            <div class="real-question">{Question}</div>
            <div class="real-asker"><img src="{AskerPortraitURL-24}" alt="" />{Asker}</div>
			<div class="act-as-p">{Answer}</div>
		</div>
		<div class="footer">
			{block:Date}
			<ul class="meta">
            	<li class="meta-comments"><a href="{Permalink}#notes"><strong>{NoteCount}</strong> notes</a></li>
			</ul>
			<div class="right">
				<p><a href="{Permalink}">{TimeAgo}</a>{block:IfDisqusShortname} &ndash; <a href="{Permalink}#disqus_thread">comentarios</a>{/block:IfDisqusShortname}</p>
				{block:HasTags}
				<ul class="meta-tags">
					{block:Tags}<li><a href="{TagURL}">#{Tag}</a> </li>{/block:Tags}
				</ul>
				{/block:HasTags}
			</div><!-- /.right -->
			{/block:Date}
			<div class="fix"></div>
		</div>
	</div>
</div>
<hr />
{/block:Answer}
{block:Video}
<div class="node-wrapper video" id="post-{PostID}">
	<div class="node">
		<div class="header">
			<a href="{Permalink}" class="meta-category">Video</a>
		</div>
		<div class="body">
			<div class="act-as-p"><div class="object">{Video-500}</div></div>
            {block:Caption}<div class="act-as-p">{Caption}</div>{/block:Caption}
		</div>
		<div class="footer">
			{block:Date}
			<ul class="meta">
            	<li class="meta-comments"><a href="{Permalink}#notes"><strong>{NoteCount}</strong> notes</a></li>
			</ul>
			<div class="right">
				<p><a href="{Permalink}">{TimeAgo}</a>{block:IfDisqusShortname} &ndash; <a href="{Permalink}#disqus_thread">comentarios</a>{/block:IfDisqusShortname}</p>
				{block:HasTags}
				<ul class="meta-tags">
					{block:Tags}<li><a href="{TagURL}">#{Tag}</a> </li>{/block:Tags}
				</ul>
				{/block:HasTags}
			</div><!-- /.right -->
			{/block:Date}
			<div class="fix"></div>
		</div>
	</div>
</div>
<hr />
{/block:Video}
{/block:Posts}
{block:Permalink}
{block:IfDisqusShortname}
<div class="node">
	<div id="disqus_thread"></div>
</div>
{/block:IfDisqusShortname}
{/block:Permalink}
{block:PostNotes}
<div class="node">
	<div id="notes">
		<h3>Notes:</h3>
		{PostNotes}
	</div><!-- /#notes -->
</div>
{/block:PostNotes}
{block:HasPages}
<div class="node-wrapper pages">
	<div class="node">
		<ul>
			{block:Pages}<li><a href="{URL}">{Label}</a></li>{/block:Pages}
		</ul>
		<hr class="fix" />
	</div>
</div>
{/block:HasPages}
<div class="node-wrapper paging">
<div class="inner">
	<div class="node">
		<p>Page {CurrentPage} of {TotalPages}</p>
		<ul id="paging">
            <li id="paging-next">{block:NextPage}<a href="{NextPage}">Next page</a>{/block:NextPage}</li>
            <li id="paging-prev">{block:PreviousPage}<a href="{PreviousPage}">Previous page</a>{/block:PreviousPage}</li>
		</ul>
		<div class="fix"></div>
	</div>
</div>
</div>
{block:Permalink}
{block:IfDisqusShortname}
<script type="text/javascript">
//<![CDATA[
(function() {
    var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
    dsq.src = 'http://disqus.com/forums/{text:Disqus Shortname}/embed.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
//]]>
</script>
{/block:IfDisqusShortname}
{/block:Permalink}
{block:IfDisqusShortname}
<script type="text/javascript">
//<![CDATA[
(function() {
	var links = document.getElementsByTagName('a');
	var query = '?';
	for(var i = 0; i < links.length; i++) {
	if(links[i].href.indexOf('#disqus_thread') >= 0) {
		query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&';
	}
	}
	document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/{text:Disqus Shortname}/get_num_replies.js' + query + '"></' + 'script>');
})();
//]]>
</script>
{/block:IfDisqusShortname}
{block:IfGoogleAnalyticsID}
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{text:Google Analytics ID}']);
_gaq.push(['_trackPageview']);

(function() {
  var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
  ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
  (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ga);
})();
//]]>
</script>
{/block:IfGoogleAnalyticsID}
</body>
<!--
    This Tumblr Theme and all of its CSS, Javascript,
    and media assets are subject to Tumblr's Terms of Service:

    http://www.tumblr.com/terms_of_service
-->
</html>