commit f70310ce857762e9fb5a37cb317cdd5312f7abc4
Author: Kostas Papadimitriou <kpap@grnet.gr>
Date:   Thu Mar 1 16:43:52 2012 +0200

    Better signup button below the login form

diff --git a/snf-astakos-app/astakos/im/static/im/css/styles.css b/snf-astakos-app/astakos/im/static/im/css/styles.css
index 9525ca8..610ebd1 100644
--- a/snf-astakos-app/astakos/im/static/im/css/styles.css
+++ b/snf-astakos-app/astakos/im/static/im/css/styles.css
@@ -194,7 +194,16 @@ textarea {
   font-weight: normal;
   line-height: 22px;
   letter-spacing: 1px;
+  font-family: 'Antic', sans-serif;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 22px;
+  letter-spacing: 1px;
   background-color: #3582ac;
+  -webkit-transition: background-color 0.15s linear;
+  transition: background-color 0.15s linear;
+  -webkit-transition: background-color 0.15s linear;
+  transition: background-color 0.15s linear;
   color: #ffffff;
   border: none;
   padding: 0.8em 22px;
@@ -203,6 +212,62 @@ textarea {
 .button:hover {
   background-color: #f89a1c;
 }
+.button a {
+  color: #ffffff !important;
+  text-decoration: none !important;
+  border: none !important;
+}
+a.button {
+  color: #ffffff !important;
+  text-decoration: none !important;
+  border: none !important;
+}
+.makeRow {
+  zoom: 1;
+  margin-left: -22px;
+}
+.makeRow:before, .makeRow:after {
+  display: table;
+  content: "";
+  zoom: 1;
+}
+.makeRow:after {
+  clear: both;
+}
+.button {
+  font-family: 'Antic', sans-serif;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 22px;
+  letter-spacing: 1px;
+  font-family: 'Antic', sans-serif;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 22px;
+  letter-spacing: 1px;
+  background-color: #3582ac;
+  -webkit-transition: background-color 0.15s linear;
+  transition: background-color 0.15s linear;
+  -webkit-transition: background-color 0.15s linear;
+  transition: background-color 0.15s linear;
+  color: #ffffff;
+  border: none;
+  padding: 0.8em 22px;
+  font-size: 1em;
+}
+.button:hover {
+  background-color: #f89a1c;
+}
+.button a {
+  color: #ffffff !important;
+  text-decoration: none !important;
+  border: none !important;
+}
+a.button {
+  color: #ffffff !important;
+  text-decoration: none !important;
+  border: none !important;
+}
 /*addon to style django forms rendered with as_p filter*/
 /*
  * Tables.less
@@ -411,6 +476,11 @@ body {
   font-weight: normal;
   line-height: 22px;
   letter-spacing: 1px;
+  font-family: 'Antic', sans-serif;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 22px;
+  letter-spacing: 1px;
 }
 .topbar {
   background-color: #cfcdc7;
@@ -588,6 +658,8 @@ ul.inline li {
 .page {
   zoom: 1;
   margin-left: -22px;
+  zoom: 1;
+  margin-left: -22px;
   margin-top: 42px;
   font-size: 1.1em;
 }
@@ -599,6 +671,14 @@ ul.inline li {
 .page:after {
   clear: both;
 }
+.page:before, .page:after {
+  display: table;
+  content: "";
+  zoom: 1;
+}
+.page:after {
+  clear: both;
+}
 .page .page-inner {
   position: relative;
 }
@@ -617,6 +697,8 @@ ul.inline li {
 .maincol.full {
   zoom: 1;
   margin-left: -22px;
+  zoom: 1;
+  margin-left: -22px;
   margin-left: 0;
   display: inline;
   float: left;
@@ -631,6 +713,14 @@ ul.inline li {
 .maincol.full:after {
   clear: both;
 }
+.maincol.full:before, .maincol.full:after {
+  display: table;
+  content: "";
+  zoom: 1;
+}
+.maincol.full:after {
+  clear: both;
+}
 .appbar {
   height: 30px;
   background-color: #3582ac;
@@ -682,6 +772,11 @@ input, textarea, .form-widget {
   font-weight: normal;
   line-height: 22px;
   letter-spacing: 1px;
+  font-family: 'Antic', sans-serif;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 22px;
+  letter-spacing: 1px;
   border: 1px solid #808080;
   margin-bottom: -1px;
   padding: 0.8em;
@@ -804,6 +899,11 @@ form input[type="password"] {
   font-weight: normal;
   line-height: 22px;
   letter-spacing: 1px;
+  font-family: 'Antic', sans-serif;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 22px;
+  letter-spacing: 1px;
   border: 1px solid #808080;
   margin-bottom: -1px;
   padding: 0.8em;
@@ -824,7 +924,35 @@ form input.submit, form input[type="submit"] {
   font-weight: normal;
   line-height: 22px;
   letter-spacing: 1px;
+  font-family: 'Antic', sans-serif;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 22px;
+  letter-spacing: 1px;
+  background-color: #3582ac;
+  -webkit-transition: background-color 0.15s linear;
+  transition: background-color 0.15s linear;
+  -webkit-transition: background-color 0.15s linear;
+  transition: background-color 0.15s linear;
+  color: #ffffff;
+  border: none;
+  padding: 0.8em 22px;
+  font-size: 1em;
+  font-family: 'Antic', sans-serif;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 22px;
+  letter-spacing: 1px;
+  font-family: 'Antic', sans-serif;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 22px;
+  letter-spacing: 1px;
   background-color: #3582ac;
+  -webkit-transition: background-color 0.15s linear;
+  transition: background-color 0.15s linear;
+  -webkit-transition: background-color 0.15s linear;
+  transition: background-color 0.15s linear;
   color: #ffffff;
   border: none;
   padding: 0.8em 22px;
@@ -833,6 +961,19 @@ form input.submit, form input[type="submit"] {
 form input.submit:hover, form input[type="submit"]:hover {
   background-color: #f89a1c;
 }
+form input.submit a, form input[type="submit"] a {
+  color: #ffffff !important;
+  text-decoration: none !important;
+  border: none !important;
+}
+form input.submit:hover, form input[type="submit"]:hover {
+  background-color: #f89a1c;
+}
+form input.submit a, form input[type="submit"] a {
+  color: #ffffff !important;
+  text-decoration: none !important;
+  border: none !important;
+}
 form .with-errors input, form .with-errors textarea, form .with-errors select {
   color: #9d261d;
 }
@@ -900,6 +1041,16 @@ table tr.consumed td.consumed {
 .row {
   zoom: 1;
   margin-left: -22px;
+  zoom: 1;
+  margin-left: -22px;
+}
+.row:before, .row:after {
+  display: table;
+  content: "";
+  zoom: 1;
+}
+.row:after {
+  clear: both;
 }
 .row:before, .row:after {
   display: table;
@@ -913,11 +1064,15 @@ table tr.consumed td.consumed {
   color: #808080 !important;
   -webkit-transition: color 0.15s linear;
   transition: color 0.15s linear;
+  -webkit-transition: color 0.15s linear;
+  transition: color 0.15s linear;
 }
 .footer a {
   color: #b3b3b3;
   -webkit-transition: color 0.15s linear;
   transition: color 0.15s linear;
+  -webkit-transition: color 0.15s linear;
+  transition: color 0.15s linear;
   text-decoration: none;
 }
 .footer a:hover {
diff --git a/snf-astakos-app/astakos/im/static/im/css/styles.less b/snf-astakos-app/astakos/im/static/im/css/styles.less
index 60468c8..4a93e29 100644
--- a/snf-astakos-app/astakos/im/static/im/css/styles.less
+++ b/snf-astakos-app/astakos/im/static/im/css/styles.less
@@ -1,4 +1,5 @@
 @import "../less/bootstrap.less";
+@import "../less/xtra.less";
 @import "../less/django_forms.less";
 @import "../less/tables.less";
 
diff --git a/snf-astakos-app/astakos/im/static/im/less/xtra.less b/snf-astakos-app/astakos/im/static/im/less/xtra.less
index 362ca38..6ee580b 100644
--- a/snf-astakos-app/astakos/im/static/im/less/xtra.less
+++ b/snf-astakos-app/astakos/im/static/im/less/xtra.less
@@ -16,6 +16,7 @@
 .button {
     #font.main();
     background-color: @buttonBg;
+    .transit(background-color);
     color: @buttonColor;
     border: none;
     padding: 0.8em @gridGutterWidth;
@@ -24,6 +25,18 @@
     &:hover {
         background-color: @linkColor;    
     }
+
+    a {
+        color: @white !important;
+        text-decoration: none !important;
+        border: none !important;
+    }
+}
+
+a.button {
+    color: @white !important;
+    text-decoration: none !important;
+    border: none !important;
 }
 
 
diff --git a/snf-astakos-app/astakos/im/templates/im/login.html b/snf-astakos-app/astakos/im/templates/im/login.html
index a7aa102..d611ad2 100644
--- a/snf-astakos-app/astakos/im/templates/im/login.html
+++ b/snf-astakos-app/astakos/im/templates/im/login.html
@@ -37,9 +37,13 @@ Login
             </div>
             {% endfor %}
         </div>
-            <div class="section">
-                <a href="{% url astakos.im.views.signup %}" class="action">SIGN UP</a>
+        {% block body.signup %}
+        <div class="section signup">
+            <br /><br />
+                <h2>NEW TO OKEANOS ?</h2>
+                <a class="button" href="{% url astakos.im.views.signup %}">CREATE ACCOUNT</a>
             </div>
         </div>
+        {% endblock %}
 
 {% endblock %}
