YunoHost-Apps/ihatemoney_ynh
1
0
Fork 0
mirror of https://github.com/YunoHost-Apps/ihatemoney_ynh.git synced 2024-09-03 19:26:15 +02:00
Code Issues Activity Actions

Styling stuff. Fixes #9 (Adds a menu)

Browse source
This commit is contained in:
Alexis Metaireau 2011-08-09 23:49:09 +02:00
parent 10642d9ad1
commit 04fa8d5b02
3 changed files with 63 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

57
budget/static/main.css
View file

@ -7,39 +7,64 @@
@import url(http://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here); @import url(http://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here);
a {
color: #a45900;
}
#title{ #title{
margin-top: 10px; margin-top: 10px;
} }
.container h1{ #title h1{
text-align: center;
font-family: 'Lobster', arial, serif; font-family: 'Lobster', arial, serif;
} }
.fleft{
float: left;
margin-right: 20px;
}
#content h2 {
font-weight: bold;
text-shadow: #DDD 2px 5px 2px;
}
#topmenu{ #topmenu{
margin-top: 15px; margin-top: 30px;
} }
#topmenu ul{ #topmenu ul{
float: right; float: right;
} }
#topmenu ul li{ #topmenu ul li{
float: right; float: right;
list-style-type: none; list-style-type: none;
margin-left: 10px; margin-left: 10px;
} }
/** links **/
a { #leftmenu input{
color: #a45900; width: 150px;
}
.members {
list-style-type: none;
margin: 0;
padding: 0;
width: 80%;
}
.members li{
padding: 5px;
}
.members .odd{
background-color: #efefef;
}
.members .remove{
float: right;
}
.members .balance{
margin-right: 10px;
font-weight: bold;
}
.positive{
color: green;
}
.negative{
color: red;
} }

9
budget/templates/layout.html
View file

@ -8,13 +8,12 @@
<body> <body>
<div class="container" class="span-24"> <div class="container" class="span-24">
<div id="title"> <div id="title" class="span-20">
<a href="/"><h1>Account manager ! <span class="small">Manage your shared expenses.</span></h1></a> <a href="/"><h1>Account manager ! <span class="small">Manage your shared expenses.</span></h1></a></div>
<hr> <div class="span-4 last" id="topmenu">
<div class="fright" id="topmenu">
{% block top_menu %}{% endblock %} {% block top_menu %}{% endblock %}
</div> </div>
</div> <hr>
{% for message in get_flashed_messages() %} {% for message in get_flashed_messages() %}
<div class=info>{{ message }}</div> <div class=info>{{ message }}</div>
{% endfor %} {% endfor %}

14
budget/templates/list_bills.html
View file

@ -2,23 +2,27 @@
{% block top_menu %} {% block top_menu %}
<ul> <ul>
<li><a class="awesome button" href="{{ url_for('add_bill', project_id=project.id) }}">Add a bill</a></li> <li><a href="{{ url_for("exit") }}">logout</a></li>
</ul> </ul>
{% endblock %} {% endblock %}
{% block content %} {% block content %}
<div id="leftmenu" class="span-4"> <div id="leftmenu" class="span-6">
<ul> <ul class="members">
{% set balance = project.get_balance() %} {% set balance = project.get_balance() %}
{% for member in project.active_members %} {% for member in project.active_members %}
<li> {{ member.name }} {{ balance[member] }} <a href="{{ url_for("remove_member", project_id=project.id, member_id=member.id) }}">x</a></li> <li class="{{ loop.cycle("even", "odd") }}">
<span class="balance {% if balance[member] < 0 %}positive{% elif balance[member] > 0 %}negative{% endif %}">{{ balance[member] }}</span>
{{ member.name }}
<a class="remove" href="{{ url_for("remove_member", project_id=project.id, member_id=member.id) }}">delete</a></li>
{% endfor %} {% endfor %}
</ul> </ul>
<form action="{{ url_for("add_member", project_id=project.id) }}" method="post"> <form action="{{ url_for("add_member", project_id=project.id) }}" method="post">
{{ forms.add_member(member_form) }} {{ forms.add_member(member_form) }}
</form> </form>
</div> </div>
<div id="content" class="uniForm span-20 last"> <div id="content" class="uniForm span-18 last">
<a class="awesome button fright" href="{{ url_for('add_bill', project_id=project.id) }}">Add a bill</a>
<form id="add_bill" action="{{ url_for('add_bill', project_id=project.id) }}" method="post" style="width: 400px; display: none"> <form id="add_bill" action="{{ url_for('add_bill', project_id=project.id) }}" method="post" style="width: 400px; display: none">
{{ forms.add_bill(bill_form) }} {{ forms.add_bill(bill_form) }}
</form> </form>