update css style
This commit is contained in:
@@ -1,45 +1,38 @@
|
||||
{% extends 'layout.html' %}
|
||||
{% block content %}
|
||||
{% extends "layout.html" %}
|
||||
{% load softhyphen_tags %}
|
||||
|
||||
<style>
|
||||
.button {
|
||||
background-color: gray;
|
||||
|
||||
}
|
||||
.button:hover {
|
||||
background-color: black;
|
||||
}
|
||||
.memb {
|
||||
background-color: darkgray;
|
||||
}
|
||||
.active {
|
||||
background-color: black;
|
||||
}
|
||||
</style>
|
||||
|
||||
{% block content %}
|
||||
<div class="grid-container">
|
||||
|
||||
<div class="grid-x grid-padding-x padding-top-1">
|
||||
|
||||
{% for job in pinned_job_groups %}
|
||||
<div class="cell large-2 medium-4 small-6">
|
||||
<a class="button expanded {% if job.slug in request.path %} active {% endif %}" href="{% url 'jobs' job.slug %}">
|
||||
{{job.name}}
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
{% for job in unpinned_job_groups %}
|
||||
<div class="cell large-2 medium-4 small-6">
|
||||
<a class="button expanded {% if job.slug in request.path %} active {% endif %}" href="{% url 'jobs' job.slug %}">
|
||||
<a class="button job-btn {% if job.slug in request.path %} active {% endif %}" href="{% url 'jobs' job.slug %}">
|
||||
{{ job.name|softhyphen|safe }}
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
<div class="cell large-2 medium-4 small-6"><a class="button memb expanded {% if '/members/P' == request.path %} active {% endif %}" href="/members/P">Pension</a></div>
|
||||
<div class="cell large-2 medium-4 small-6"><a class="button memb expanded {% if '/members/' == request.path %} active {% endif %}" href="/members">Alle Mitglieder</a></div>
|
||||
{% for job in unpinned_job_groups %}
|
||||
<div class="cell large-2 medium-4 small-6">
|
||||
<a class="button job-btn {% if job.slug in request.path %} active {% endif %} job-btn" href="{% url 'jobs' job.slug %}">
|
||||
{{ job.name|softhyphen|safe }}
|
||||
</a>
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
<div class="cell large-2 medium-4 small-6">
|
||||
<a class="button memb-btn {% if '/members/P' == request.path %} active {% endif %}" href="/members/P">
|
||||
Pension
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="cell large-2 medium-4 small-6">
|
||||
<a class="button memb-btn {% if '/members/' == request.path %} active {% endif %}" href="/members">
|
||||
Alle Mitglieder
|
||||
</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
@@ -53,9 +46,8 @@
|
||||
|
||||
<!-- show details of a member -->
|
||||
{% if member %}
|
||||
<div class="padding-top-1 padding-left-1 padding-bottom-1 padding-right-1" style="background-color: white;">
|
||||
{% include 'members/partials/_member_details.html' %}
|
||||
</div>
|
||||
{% block members_content %}
|
||||
{% endblock %}
|
||||
{% endif %}
|
||||
|
||||
<!-- show all, active or pension members -->
|
||||
|
||||
Reference in New Issue
Block a user