diff --git a/budget/static/main.css b/budget/static/main.css index 45e4152..7a0e974 100644 --- a/budget/static/main.css +++ b/budget/static/main.css @@ -2,7 +2,7 @@ @import url(http://fonts.googleapis.com/css?family=Lobster|Comfortaa); @import "jquery/jquery-ui.css"; -html body{ +html, body{ height: 100%; } @@ -14,6 +14,18 @@ div.topbar ul.secondary-nav { padding-right: 75px; } .positive { color: green; } .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 button{ margin-top: 10px; float: right; } @@ -87,7 +99,7 @@ div.topbar ul.secondary-nav { padding-right: 75px; } #footer{ margin-top: 30px; - position: relative; + position: fixed; bottom: 0px; width: 100%; text-align: center; @@ -97,7 +109,6 @@ div.topbar ul.secondary-nav { padding-right: 75px; } .identifier{ float: right; - margin-top: -15px; } .password-reminder{ diff --git a/budget/templates/home.html b/budget/templates/home.html index 1073a49..414e730 100644 --- a/budget/templates/home.html +++ b/budget/templates/home.html @@ -17,7 +17,7 @@ {% endblock %} {% block container %} -
+
diff --git a/budget/templates/layout.html b/budget/templates/layout.html index 82b6ce9..55650d2 100644 --- a/budget/templates/layout.html +++ b/budget/templates/layout.html @@ -40,7 +40,7 @@ }); - + {% macro translations() %}
  • fr
  • en
    • @@ -77,9 +77,9 @@
    {% block header %}{% endblock %} {% block container %} -
    +
    {% block sidebar %}{% endblock %}
    -
    +
    {% for message in get_flashed_messages() %}

    {{ message }}

    {% endfor %}