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

Paint sidebar in green. Close #34

Browse source
This commit is contained in:
Arnaud Bos 2011-10-18 04:30:34 +02:00
parent 1486b20ac9
commit c3b3e2f770
3 changed files with 18 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
budget/static/main.css
View file

@ -2,7 +2,7 @@
@import url(http://fonts.googleapis.com/css?family=Lobster|Comfortaa); @import url(http://fonts.googleapis.com/css?family=Lobster|Comfortaa);
@import "jquery/jquery-ui.css"; @import "jquery/jquery-ui.css";
html body{ html, body{
height: 100%; height: 100%;
} }
@ -14,6 +14,18 @@ div.topbar ul.secondary-nav { padding-right: 75px; }
.positive { color: green; } .positive { color: green; }
.negative { color: red; } .negative { color: red; }
.sidebar {
background-color: #ABE128;
background-image: url("gradient.png");
background-position: center top;
background-position-x: 50%;
background-position-y: 0%;
background-repeat: no-repeat;
height: 100%;
width: 220px;
padding-left: 10px;
padding-right: 10px;
}
.sidebar h2 { text-align: center; } .sidebar h2 { text-align: center; }
.sidebar button{ margin-top: 10px; float: right; } .sidebar button{ margin-top: 10px; float: right; }
@ -87,7 +99,7 @@ div.topbar ul.secondary-nav { padding-right: 75px; }
#footer{ #footer{
margin-top: 30px; margin-top: 30px;
position: relative; position: fixed;
bottom: 0px; bottom: 0px;
width: 100%; width: 100%;
text-align: center; text-align: center;
@ -97,7 +109,6 @@ div.topbar ul.secondary-nav { padding-right: 75px; }
.identifier{ .identifier{
float: right; float: right;
margin-top: -15px;
} }
.password-reminder{ .password-reminder{

2
budget/templates/home.html
View file

@ -17,7 +17,7 @@
{% endblock %} {% endblock %}
{% block container %} {% block container %}
<div class="container-fluid" style="margin-top: 20px"> <div class="container-fluid" style="margin-top: 20px; height: 100%;">
<div class="content home"> <div class="content home">
<div class="row"> <div class="row">

6
budget/templates/layout.html
View file

@ -40,7 +40,7 @@
}); });
</script> </script>
</head> </head>
<body> <body style="margin-top: 50px;">
{% macro translations() %} {% macro translations() %}
<li {% if g.lang == "fr" %}class="active"{% endif %}><a href="{{ url_for(".change_lang", lang="fr") }}">fr</a></li> <li {% if g.lang == "fr" %}class="active"{% endif %}><a href="{{ url_for(".change_lang", lang="fr") }}">fr</a></li>
<li {% if g.lang == "en" %}class="active"{% endif %}><a href="{{ url_for(".change_lang", lang="en") }}">en</a></li> <li {% if g.lang == "en" %}class="active"{% endif %}><a href="{{ url_for(".change_lang", lang="en") }}">en</a></li>
@ -77,9 +77,9 @@
</div> </div>
{% block header %}{% endblock %} {% block header %}{% endblock %}
{% block container %} {% block container %}
<div class="container-fluid" style="margin-top: 40px"> <div class="container-fluid" style="height: 100%; padding-left: 10px;">
<div class="sidebar">{% block sidebar %}{% endblock %}</div> <div class="sidebar">{% block sidebar %}{% endblock %}</div>
<div class="content"> <div class="content" style="margin-left: 250px;">
{% for message in get_flashed_messages() %} {% for message in get_flashed_messages() %}
<div class="flash alert-message info"><p>{{ message }}</p></div> <div class="flash alert-message info"><p>{{ message }}</p></div>
{% endfor %} {% endfor %}