Switch over content to new layout/text; slight css edits

This commit is contained in:
Jef van Schendel 2012-03-31 16:48:06 +02:00
parent c5a9ecf247
commit 18dbdf07ba
2 changed files with 24 additions and 0 deletions

View File

@ -126,6 +126,17 @@ header {
margin: 8px;
}
.header_right ul {
display: none;
position: absolute;
top: 29px;
left: 0px;
width: 150px;
border: 1px solid #ccc;
background: white;
padding: 10px 0 0 0;
}
a.logo {
color: #fff;
font-weight: bold;

View File

@ -28,6 +28,14 @@
<link rel="shortcut icon"
href="{{ request.staticdirect('/images/goblin.ico') }}" />
<script src="{{ request.staticdirect('/js/extlib/jquery.js') }}"></script>
<script>
$(document).ready(function(){
$(".header_right").click(function(){
$(".sublist").slideToggle("fast");
});
});
</script>
<!--[if lt IE 9]>
<script src="{{ request.staticdirect('/js/extlib/html5shiv.js') }}"></script>
<![endif]-->
@ -68,6 +76,11 @@
<a href="{{ request.urlgen('mediagoblin.auth.login') }}">
{% trans %}Log in{% endtrans %}</a>
{% endif %}
<ul class="sublist">
<li><a href="#">Enviornment</a></li>
<li><a href="#">General Sciences</a></li>
<li><a href="#">Space</a></li>
</ul>
</div>
</header>
{% endblock %}