From 684527997c7f7ebe6b1c9a5658bbd854284bca68 Mon Sep 17 00:00:00 2001
From: Leandro Brunner <leandrobrunner@yahoo.com.ar>
Date: Wed, 26 Feb 2014 04:58:20 -0300
Subject: [PATCH] Nuevo estilo para el formulario de registro.

---
 static/css/styles.css                         | 39 +++++++++++++++++++
 templates/registration/registration_form.html | 14 +++----
 2 files changed, 46 insertions(+), 7 deletions(-)

diff --git a/static/css/styles.css b/static/css/styles.css
index 05b49ba2..c6282f48 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -265,3 +265,42 @@ h3 {
 	background-position: right center;
 	background-image: url(/static/img/python-footer.png);
 }
+
+/*
+ * Inputs and forms
+ */
+
+form.form-signup {
+	width: 60%;
+	margin-left: 20%;
+	margin-bottom: 35px;
+}
+
+input[type="text"],
+input[type="password"],
+input[type="email"] {
+	display: block;
+	width: 100%;
+	height: 34px;
+	padding: 6px 12px;
+	font-size: 14px;
+	line-height: 1.42857143;
+	color: #555;
+	background-color: #fff;
+	background-image: none;
+	border: 1px solid #ccc;
+	border-radius: 4px;
+	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
+	-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
+}
+
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="email"]:focus {
+	border-color: #66afe9;
+	outline: 0;
+	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
+	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
+}
diff --git a/templates/registration/registration_form.html b/templates/registration/registration_form.html
index 816ea4d6..272e5ef1 100644
--- a/templates/registration/registration_form.html
+++ b/templates/registration/registration_form.html
@@ -7,13 +7,13 @@
     <div class="row">
         <div class="col-md-7">
             <div class="row">
-              <!-- register form -->
-              <h1> Register form </h1>
-              <form action="/pyarenses/register/" method="POST">
-                {% csrf_token %}
-                {{ form.as_p }}
-                <input type="submit" value="Enviar" />
-              </form>
+                <!-- register form -->
+		<form class="form-signup" role="form" action="/pyarenses/register/" method="POST">
+            		{% csrf_token %}
+			<h2 class="form-signin-heading">¿Listo para registrarte?</h2>
+			{{ form.as_p }}
+			<button class="btn btn-lg btn-primary btn-block" type="submit">¡Registrarme!</button>
+		</form>
             </div>
         </div>
         <div class="col-md-5">