text-decoration: none;
}
-.header {
+.mediagoblin_header {
width:100%;
height:60px;
- background-image:url('header_back.png');
+ background-image:url('../images/header_back.png');
padding-top:40px;
margin-bottom:80px;
}
-.container {
+.mediagoblin_content {
width: 800px;
margin-left: auto;
margin-right: auto;
text-decoration: none;
}
-.header {
+.mediagoblin_header {
width:100%;
height:60px;
- background-image:url('header_back.png');
+ background-image:url('../images/header_back.png');
padding-top:40px;
margin-bottom:80px;
}
-.container {
+.mediagoblin_content {
width: 800px;
margin-left: auto;
margin-right: auto;
}
.button_red {
- background-image: url('button_red.png');
+ background-image: url('../images/button_red.png');
}
.button_green {
- background-image: url('button_green.png');
+ background-image: url('../images/button_green.png');
}
<body>
{% block mediagoblin_body %}
{% block mediagoblin_header %}
- <table id="mediagoblin_header">
- <tr>
- <td id="mediagoblin_logo">
+ <div class="mediagoblin_header">
+ <div class="mediagoblin_content">
{% block mediagoblin_logo %}
<a href="{{ request.urlgen('index') }}">MediaGoblin</a>
- {% endblock %}
- </td>
- <td>{% block mediagoblin_header_title %}MediaGoblin Home{% endblock %}</td>
- </tr>
- <tr>
- <td></td>
- <td>
+ {% endblock %}{% block mediagoblin_header_title %}MediaGoblin Home{% endblock %}
{% block mediagoblin_header_subtitle %}
Clever subtitle here!
- {% endblock %}</td>
- </tr>
+ {% endblock %}
{% if request.user %}
- <tr>
- <td></td>
- <td>
Welcome {{ request.user['username'] }}! --
<a href="{{ request.urlgen('mediagoblin.auth.logout') }}">
Logout</a>
- </td>
- </tr>
{% else %}
- <tr>
- <td></td>
- <td>
<a href="{{ request.urlgen('mediagoblin.auth.login') }}">
Login</a>
- </td>
- </tr>
{% endif %}
- </table>
+ </div>
+ </div>
{% endblock %}
- <div id="mediagoblin_content">
+ <div class="mediagoblin_content">
{% block mediagoblin_content %}
{% endblock mediagoblin_content %}
</div>
<body>
{% block mediagoblin_body %}
{% block mediagoblin_header %}
- <table id="mediagoblin_header">
- <tr>
- <td id="mediagoblin_logo">
+ <div class="mediagoblin_header">
+ <div class="mediagoblin_content">
{% block mediagoblin_logo %}
<a href="{{ request.urlgen('index') }}">MediaGoblin</a>
- {% endblock %}
- </td>
- <td>{% block mediagoblin_header_title %}MediaGoblin Home{% endblock %}</td>
- </tr>
- <tr>
- <td></td>
- <td>
+ {% endblock %}{% block mediagoblin_header_title %}MediaGoblin Home{% endblock %}
{% block mediagoblin_header_subtitle %}
Clever subtitle here!
- {% endblock %}</td>
- </tr>
+ {% endblock %}
{% if request.user %}
- <tr>
- <td></td>
- <td>
Welcome {{ request.user['username'] }}! --
<a href="{{ request.urlgen('mediagoblin.auth.logout') }}">
Logout</a>
- </td>
- </tr>
{% else %}
- <tr>
- <td></td>
- <td>
<a href="{{ request.urlgen('mediagoblin.auth.login') }}">
Login</a>
- </td>
- </tr>
{% endif %}
- </table>
+ </div>
+ </div>
{% endblock %}
- <div id="mediagoblin_content">
+ <div class="mediagoblin_content">
{% block mediagoblin_content %}
{% endblock mediagoblin_content %}
</div>