{% extends 'base.html' %}
{% load staticfiles %}

{% block title %}
	HPC TOP100排行榜
{% endblock %}

{% block css %}
	<link href="{% static 'css/base.css' %}" rel="stylesheet" media="screen" type="text/css" />
	<link href="{% static 'css/header.css' %}" rel="stylesheet" media="screen" type="text/css" />
	<link href="{% static 'css/ad.css' %}" rel="stylesheet" media="screen" type="text/css" />
	<link href="{% static 'css/main.css' %}" rel="stylesheet" media="screen" type="text/css" />
	<link href="{% static 'css/top5.css' %}" rel="stylesheet" media="screen" type="text/css" />
	<link href="{% static 'css/friends.css' %}" rel="stylesheet" media="screen" type="text/css" />
	<link href="{% static 'css/footer.css' %}" rel="stylesheet" media="screen" type="text/css" />
{% endblock %}

{% block js %}
	<script src="{% static 'js/jquery-1.10.2.js' %}" type="text/javascript"></script>
	<script src="{% static 'js/archefoucs.js' %}" type="text/javascript"></script>
	<script>
	$(document).ready(function(){
		$('.nav > li').hover(function(){
			$(this).find('ul').stop(true,true).slideDown(500);
		},function(){
			$(this).find('ul').stop(true,true).slideUp("fast");
		})
	});
	</script>
{% endblock %}

 {# {% block ad %}  #}
 {# {% include 'ad.html' %} #}
 {# {% endblock %}#}
  
{% block top5 %}
	{% include 'top5.html' %}
{% endblock %}

{% block content %}
<div class="mainWrap">
    <div class="main">
        <div class="leftBar">
                <script>
					<!--
					/*第一种形式 第二种形式 更换显示样式*/
					function setTab(name,cursel,n){
						for(i=1;i<=n;i++){
							var menu=document.getElementById(name+i);
							var con=document.getElementById("con_"+name+"_"+i);
							menu.className=i==cursel?"hover":"";
							con.style.display=i==cursel?"block":"none";
						}
					}
					//-->
                </script>            
                        
                   </div>
        
    </div>
</div>
{% endblock %}