Commit adc7565eeab15114bbf89f933681a8c30099de92
1 parent
a28689f2
Exists in
master
and in
39 other branches
Assing style to Sign Up page
Showing
2 changed files
with
74 additions
and
53 deletions
Show diff stats
src/accounts/templates/accounts/signup-form.html
| @@ -3,59 +3,73 @@ | @@ -3,59 +3,73 @@ | ||
| 3 | {% load i18n %} | 3 | {% load i18n %} |
| 4 | {% block main-content %} | 4 | {% block main-content %} |
| 5 | 5 | ||
| 6 | -<h2>{% trans "Sign up" %}</h2> | 6 | +<div class="container"> |
| 7 | + <h2>{% trans "Sign up" %}</h2> | ||
| 7 | 8 | ||
| 8 | -{% if form.errors %} | ||
| 9 | -<div><b>{% trans "Please correct the errors below and try again." %}</b></div> | ||
| 10 | -{% endif %} | ||
| 11 | - | ||
| 12 | -<div> | ||
| 13 | - <label>{% trans "Avatar" %}</label > | 9 | + {% if form.errors %} |
| 14 | <div> | 10 | <div> |
| 15 | - <img src="{{ STATIC_URL }}img/user.png" alt="user"/> | 11 | + <b>{% trans "Please correct the errors below and try again." %}</b> |
| 12 | + </div> | ||
| 13 | + {% endif %} | ||
| 14 | + | ||
| 15 | + <div class="row"> | ||
| 16 | + <div class="col-lg-11 well"> | ||
| 17 | + <label>{% trans "Avatar" %}</label > | ||
| 18 | + <div id="avatar"> | ||
| 19 | + <img src="{{ STATIC_URL }}img/user.png" alt="user"/> | ||
| 20 | + </div> | ||
| 21 | + <p> | ||
| 22 | + {% trans "Add an avatar to your account using" %} <a href="http://gravatar.com/" target="_blank">Gravatar</a> | ||
| 23 | + </p> | ||
| 24 | + </div> | ||
| 16 | </div> | 25 | </div> |
| 17 | - <p> | ||
| 18 | - {% trans "Add an avatar to your account using" %} <a href="http://gravatar.com/" target="_blank">Gravatar</a>. | 26 | + |
| 27 | + | ||
| 28 | + <p class="required"> | ||
| 29 | + <label>{% trans "Required fields" %}</label> | ||
| 19 | </p> | 30 | </p> |
| 20 | -</div> | ||
| 21 | 31 | ||
| 32 | + <form action="." method="post"> | ||
| 33 | + {% csrf_token %} | ||
| 22 | 34 | ||
| 23 | -<p> | ||
| 24 | - <label>{% trans "Required fields" %}</label> | ||
| 25 | -</p> | ||
| 26 | - | ||
| 27 | -<form id="signup" action="." method="post"> | ||
| 28 | - {% csrf_token %} | ||
| 29 | - | ||
| 30 | - <fieldset> | ||
| 31 | - <legend>{% trans "Personal Information" %}</legend> | ||
| 32 | - {% render_form_field form.first_name %} | ||
| 33 | - {% render_form_field form.last_name %} | ||
| 34 | - {% render_form_field form.email %} | ||
| 35 | - {% render_form_field form.username %} | ||
| 36 | - </fieldset> | ||
| 37 | - | ||
| 38 | - <fieldset> | ||
| 39 | - <legend>{% trans "Professionals Information" %}</legend> | ||
| 40 | - {% render_form_field form.institution %} | ||
| 41 | - {% render_form_field form.role %} | ||
| 42 | - </fieldset> | ||
| 43 | - | ||
| 44 | - <fieldset> | ||
| 45 | - <legend>{% trans "Others" %}</legend> | ||
| 46 | - {% render_form_field form.twitter %} | ||
| 47 | - {% render_form_field form.facebook %} | ||
| 48 | - {% render_form_field form.google_talk %} | ||
| 49 | - {% render_form_field form.webpage %} | ||
| 50 | - </fieldset> | ||
| 51 | - | ||
| 52 | - <fieldset> | ||
| 53 | - <legend>{% trans "Subscribe to mail lists" %}</legend> | ||
| 54 | - {% render_form_field form.lists %} | ||
| 55 | - </fieldset> | ||
| 56 | - | ||
| 57 | - <div> | ||
| 58 | - <input type="submit" value="{% trans 'Register' %}"/> | ||
| 59 | - </div> | ||
| 60 | -</form> | 35 | + <div class="row"> |
| 36 | + <div class="col-lg-5"> | ||
| 37 | + <fieldset class="well"> | ||
| 38 | + <legend>{% trans "Personal Information" %}</legend> | ||
| 39 | + {% render_form_field form.first_name %} | ||
| 40 | + {% render_form_field form.last_name %} | ||
| 41 | + {% render_form_field form.email %} | ||
| 42 | + {% render_form_field form.username %} | ||
| 43 | + </fieldset> | ||
| 44 | + | ||
| 45 | + <fieldset class="well"> | ||
| 46 | + <legend>{% trans "Others" %}</legend> | ||
| 47 | + {% render_form_field form.twitter %} | ||
| 48 | + {% render_form_field form.facebook %} | ||
| 49 | + {% render_form_field form.google_talk %} | ||
| 50 | + {% render_form_field form.webpage %} | ||
| 51 | + </fieldset> | ||
| 52 | + </div> | ||
| 53 | + | ||
| 54 | + <div class="col-lg-5 col-lg-offset-1"> | ||
| 55 | + <fieldset class="well"> | ||
| 56 | + <legend>{% trans "Professionals Information" %}</legend> | ||
| 57 | + {% render_form_field form.institution %} | ||
| 58 | + {% render_form_field form.role %} | ||
| 59 | + </fieldset> | ||
| 60 | + | ||
| 61 | + <fieldset class="well"> | ||
| 62 | + <legend>{% trans "Subscribe to mail lists" %}</legend> | ||
| 63 | + <div class="unstyled-list"> | ||
| 64 | + {% render_form_field form.lists %} | ||
| 65 | + </div> | ||
| 66 | + </fieldset> | ||
| 67 | + </div> | ||
| 68 | + | ||
| 69 | + <div class="col-lg-2 pull-right"> | ||
| 70 | + <input type="submit" value="{% trans 'Register' %}"/> | ||
| 71 | + </div> | ||
| 72 | + </div> | ||
| 73 | + </form> | ||
| 74 | +</div> | ||
| 61 | {% endblock %} | 75 | {% endblock %} |
src/colab/static/css/screen.css
| @@ -136,8 +136,15 @@ fieldset>legend { | @@ -136,8 +136,15 @@ fieldset>legend { | ||
| 136 | vertical-align: middle; | 136 | vertical-align: middle; |
| 137 | } | 137 | } |
| 138 | 138 | ||
| 139 | -ul.none { | ||
| 140 | - list-style-type:none; | ||
| 141 | - padding:3px 0; | ||
| 142 | - margin:10px 0; | 139 | +.unstyled-list ul, ul.none { |
| 140 | + list-style-type: none; | ||
| 141 | + padding: 3px 0; | ||
| 142 | + margin: 10px 0; | ||
| 143 | +} | ||
| 144 | + | ||
| 145 | +#avatar { | ||
| 146 | + background-color: #FFF; | ||
| 147 | + padding: 9px 12px; | ||
| 148 | + width: 47px; | ||
| 149 | + height: 50px; | ||
| 143 | } | 150 | } |