Theming.

Uses uni-form to style forms and add a macro to ease this.
Of course, the overall thing has to be reworked, but having this in place will
help us to have something easier to change when we will really care about design.

All the form templates can now be defined in templates/forms.html and be called
thansk to {{ forms.name_of_the_form(form) }}.

I've done some styling, but that's really not my thing, feel free to modify it.

1 files changed, 2 insertions, 47 deletions

diff --git a/budget/static/main.css b/budget/static/main.css
index d8f25f9..8520d94 100644
--- a/budget/static/main.css
+++ b/budget/static/main.css
@@ -1,5 +1,6 @@
 @import url('blueprint/screen.css');
-@import url('awesome.css');
+@import url('awesome/awesome.css');
+@import url('uniform/blue.uni-form.css');
 
 /** CSS3 fonts **/
 @import url(http://fonts.googleapis.com/css?family=Lobster);
@@ -20,10 +21,6 @@
     margin-right: 20px;
 }
 
-#share{
-    float:right;
-}
-
 #content h2 {
     font-weight: bold;
     text-shadow:  #DDD 2px 5px 2px;
@@ -46,45 +43,3 @@
 a {
     color: #a45900;
 }
-
-/** Recipe **/
-.recipe-title{
-    font-family: 'Vibur', arial, serif;
-    font-size: 2.5em;
-}
-
-.recipe-ingredients{
-    float: right;
-    width: 24em;
-    margin: 0 40px;
-    margin-top: -60px;
-}
-
-dl.recipe-ingredients
-{
-    width: 24em;
-    margin: 2em 0;
-    padding: 0;
-    font-family: georgia, times, serif;
-}
-
-.recipe-ingredients dt
-{
-    width: 7em;
-    float: left;
-    margin: 0 0 0 0;
-    padding: .5em;
-    border-top: 1px solid #999;
-    font-weight: bold;
-}
-
-dt { clear: both; }
-
-.recipe-ingredients dd
-{
-    float: left;
-    width: 13em;
-    margin: 0 0 0 0;
-    padding: .5em;
-    border-top: 1px solid #999;
-}