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 | 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>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 | } | ... | ... |