Commit f70310ce authored by Kostas Papadimitriou's avatar Kostas Papadimitriou
Browse files

Better signup button below the login form

parent ee1de5e9
......@@ -189,12 +189,21 @@ textarea {
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;
......@@ -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;
......@@ -586,6 +656,8 @@ ul.inline li {
color: #f89a1c;
}
.page {
zoom: 1;
margin-left: -22px;
zoom: 1;
margin-left: -22px;
margin-top: 42px;
......@@ -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;
}
......@@ -615,6 +695,8 @@ ul.inline li {
width: 470px;
}
.maincol.full {
zoom: 1;
margin-left: -22px;
zoom: 1;
margin-left: -22px;
margin-left: 0;
......@@ -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;
......@@ -677,6 +767,11 @@ input, textarea, .form-widget {
margin-top: 9px;
}
#forms .input, #forms input {
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;
......@@ -799,6 +894,11 @@ form textarea,
form input.text,
form input[type="text"],
form input[type="password"] {
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;
......@@ -819,12 +919,40 @@ form input[type="password"]:focus {
z-index: 100;
}
form input.submit, form input[type="submit"] {
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;
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 {
......
@import "../less/bootstrap.less";
@import "../less/xtra.less";
@import "../less/django_forms.less";
@import "../less/tables.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;
}
......
......@@ -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 %}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment