Commit adc7565eeab15114bbf89f933681a8c30099de92

Authored by Matheus Figueiredo
1 parent a28689f2

Assing style to Sign Up page

src/accounts/templates/accounts/signup-form.html
... ... @@ -3,59 +3,73 @@
3 3 {% load i18n %}
4 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 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 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 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 75 {% endblock %}
... ...
src/colab/static/css/screen.css
... ... @@ -136,8 +136,15 @@ fieldset&gt;legend {
136 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 }
... ...