From 67d24462ec639b8daa3287a72f1990b92b728d4a Mon Sep 17 00:00:00 2001 From: Henry Bravo Date: Sun, 28 May 2017 12:57:02 -0500 Subject: [PATCH] Apply design in Signup and change password, and fixed details --- hosting/static/hosting/css/landing-page.css | 63 ++++++++++++------- hosting/templates/hosting/login.html | 1 + hosting/templates/hosting/reset_password.html | 31 +++++---- hosting/templates/hosting/signup.html | 31 +++++---- 4 files changed, 81 insertions(+), 45 deletions(-) diff --git a/hosting/static/hosting/css/landing-page.css b/hosting/static/hosting/css/landing-page.css index 1fd3ef65..5d4c6a90 100644 --- a/hosting/static/hosting/css/landing-page.css +++ b/hosting/static/hosting/css/landing-page.css @@ -196,14 +196,32 @@ h6 { } /*------Auth section---------*/ .auth-container{ - display: flex; - align-items: center; - justify-content: center; - background: url(../img/auth-bg.jpg) no-repeat center center; - background-size: cover; height: 100vh; position: relative; } +.auth-bg{ + background: url(../img/auth-bg.jpg); + position: fixed; + left: 0; + top: 0; + width: 100%; + height: 100vh; + background-repeat: no-repeat; + background-position: center center; + background-size: cover; + background-attachment: fixed; + +} +.auth-bg::before{ + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(75, 75, 101, 0.55); + z-index: 1; +} .auth-container .container{ z-index: 1000; } @@ -214,6 +232,9 @@ h6 { margin-top: 60px; } +.auth-container .auth-title{ + margin-top: 40px; +} .auth-container .auth-title h2{ color: #fff; font-family: 'Montserrat-Bold'; @@ -234,16 +255,7 @@ h6 { left: 50%; transform: translate(-50%, 0); } -.auth-container::before{ - content: ""; - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - background: rgba(75, 75, 101, 0.55); - z-index: 1; -} + .auth-box{ background: #fff; padding: 0; @@ -253,17 +265,18 @@ h6 { border-radius: 4px; z-index: 10; } + .auth-box .section-heading{ - text-align: left; - margin-bottom: 20px; - background-color: rgba(33, 69, 113, 0.82); - color: #fff; - padding: 10px; + color: #5a5a5a; + padding-top: 20px; + padding-bottom: 5px; text-align: center; text-transform: uppercase; letter-spacing: 3px; - font-size: 17px; + font-size: 20px; border-radius: 3px 3px 0px 0px; + margin: 0 auto; + font-family: 'Montserrat-Medium'; } .auth-box .form{ padding: 20px; @@ -296,6 +309,14 @@ h6 { .auth-box .auth-footer .links a:hover{ color: #1e94cc; } + +.auth-box.sign-up{ + padding-bottom: 5px; +} +.auth-box.sign-up .form{ + padding: 15px 20px 0 20px; +} + @media (max-width: 1199px) { ul.banner-social-buttons { float: left; diff --git a/hosting/templates/hosting/login.html b/hosting/templates/hosting/login.html index 19a1caec..e06099bd 100644 --- a/hosting/templates/hosting/login.html +++ b/hosting/templates/hosting/login.html @@ -4,6 +4,7 @@ {% block content %}
+

{% trans "Your VM hosted in Switzerland"%}

diff --git a/hosting/templates/hosting/reset_password.html b/hosting/templates/hosting/reset_password.html index 66bd1f4c..63f1a669 100644 --- a/hosting/templates/hosting/reset_password.html +++ b/hosting/templates/hosting/reset_password.html @@ -3,29 +3,36 @@ {% load i18n %} {% block content %} -
-
-
 
-
-
+
+
+
+
+

{% trans "Your VM hosted in Switzerland"%}

+
+
+ -
+ +
+
{% endblock %} diff --git a/hosting/templates/hosting/signup.html b/hosting/templates/hosting/signup.html index c7aaca60..6cbb2969 100644 --- a/hosting/templates/hosting/signup.html +++ b/hosting/templates/hosting/signup.html @@ -2,29 +2,36 @@ {% load staticfiles bootstrap3 i18n %} {% block content %} -