Commit 70e08214f0d8f3eeb852fe7b92c862297715b23d

Authored by Matheus Figueiredo
1 parent daa0087d

Adding css to message-thread

src/accounts/templates/accounts/signup-form.html
... ... @@ -3,73 +3,71 @@
3 3 {% load i18n %}
4 4 {% block main-content %}
5 5  
6   -<div class="container">
7   - <h2>{% trans "Sign up" %}</h2>
  6 +<h2>{% trans "Sign up" %}</h2>
8 7  
9   - {% if form.errors %}
10   - <div>
11   - <b>{% trans "Please correct the errors below and try again." %}</b>
12   - </div>
13   - {% endif %}
  8 +{% if form.errors %}
  9 +<div>
  10 + <b>{% trans "Please correct the errors below and try again." %}</b>
  11 +</div>
  12 +{% endif %}
14 13  
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>
  14 +<div class="row">
  15 + <div class="col-lg-11 well">
  16 + <label>{% trans "Avatar" %}</label >
  17 + <div id="avatar">
  18 + <img src="{{ STATIC_URL }}img/user.png" alt="user"/>
  19 + </div>
  20 + <p>
  21 + {% trans "Add an avatar to your account using" %} <a href="http://gravatar.com/" target="_blank">Gravatar</a>
  22 + </p>
25 23 </div>
  24 +</div>
26 25  
27 26  
28   - <p class="required">
29   - <label>{% trans "Required fields" %}</label>
30   - </p>
  27 +<p class="required">
  28 + <label>{% trans "Required fields" %}</label>
  29 +</p>
31 30  
32   - <form action="." method="post">
33   - {% csrf_token %}
  31 +<form action="." method="post">
  32 + {% csrf_token %}
34 33  
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>
  34 + <div class="row">
  35 + <div class="col-lg-5">
  36 + <fieldset class="well">
  37 + <legend>{% trans "Personal Information" %}</legend>
  38 + {% render_form_field form.first_name %}
  39 + {% render_form_field form.last_name %}
  40 + {% render_form_field form.email %}
  41 + {% render_form_field form.username %}
  42 + </fieldset>
44 43  
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>
  44 + <fieldset class="well">
  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 + </div>
53 52  
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>
  53 + <div class="col-lg-5 col-lg-offset-1">
  54 + <fieldset class="well">
  55 + <legend>{% trans "Professionals Information" %}</legend>
  56 + {% render_form_field form.institution %}
  57 + {% render_form_field form.role %}
  58 + </fieldset>
60 59  
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>
  60 + <fieldset class="well">
  61 + <legend>{% trans "Subscribe to mail lists" %}</legend>
  62 + <div class="unstyled-list">
  63 + {% render_form_field form.lists %}
  64 + </div>
  65 + </fieldset>
  66 + </div>
68 67  
69   - <div class="col-lg-2 pull-right">
70   - <input type="submit" value="{% trans 'Register' %}"/>
71   - </div>
  68 + <div class="col-lg-2 pull-right">
  69 + <input type="submit" value="{% trans 'Register' %}"/>
72 70 </div>
73   - </form>
74   -</div>
  71 + </div>
  72 +</form>
75 73 {% endblock %}
... ...
src/colab/static/css/screen.css
... ... @@ -156,3 +156,28 @@ fieldset&gt;legend {
156 156 .blog-post-item .tags {
157 157 margin-top: 1em;
158 158 }
  159 +
  160 +.plus {
  161 + border: 1px dotted #ddd;
  162 + margin: 0;
  163 +}
  164 +
  165 +.plus span {
  166 + vertical-align: middle;
  167 + height: 40px;
  168 + line-height: 40px;
  169 + font-size: 150%;
  170 + font-weight: bold;
  171 + color: #0a0;
  172 +}
  173 +
  174 +.plus img {
  175 + vertical-align: middle;
  176 + cursor: pointer;
  177 + margin-top: 8px;
  178 + margin-right: 20px;
  179 +}
  180 +
  181 +.plus img:hover {
  182 + opacity: 0.8;
  183 +}
... ...
src/super_archives/templates/message-thread.html
... ... @@ -2,77 +2,83 @@
2 2 {% load i18n %}
3 3 {% load append_to_get %}
4 4 {% block main-content %}
5   - <div id="vote-notification" class="error hide"></div>
  5 +<div class="row">
6 6  
7 7 <h2>{{ first_msg.subject_clean }}</h2>
8   - <hr/>
9   - <div class="span-17 border">
10   - <ul>
11   - {% for email in emails %}
12   - <li>
13   - <div id="msg-{{ email.id }}" class="email_message">
14   - <div class="span-3 center">
15   - <div>
16   - <a href="{{ email.from_address.get_profile_link }}">
17   - <img class="avatar" width="80px" heigth="80px"
18   - src="http://www.gravatar.com/avatar/{{ email.from_address.md5 }}?s=80&d=identicon" />
19   - {% trans "Anonymous" as anonymous %}
20   - <span>{% firstof email.from_address.get_full_name anonymous %}</span>
21   - </a>
22   - </div>
23   - <p>{{ email.received_time|date:"SHORT_DATETIME_FORMAT" }}</p>
24   -
25   - <div class="plus">
26   - <span>{{ email.votes_count }}</span>
27   - <img title="{% trans 'Vote' %}" class="right" src="{{ STATIC_URL }}img/plus.png">
28   - </div>
  8 + <hr />
29 9  
30   - <p class="minus {% if not user in email.vote_list %}hide{% endif %}">
31   - <a href="#">{% trans "Remove votes" %}</a>
32   - </p>
33   - </div>
34   -
35   - <div class="span-13">
36   - <pre>{{ email.body }}</pre>
37   - </div>
38   - </div>
39   - {% if not forloop.last %}
40   - <hr/>
41   - {% endif %}
42   - </li>
43   - {% endfor %}
44   - </ul>
45   - </div>
46   - <div class="span-6 filters last">
47   - <h4><b>{% trans "Order by" %}:</b></h4>
48   - <ul>
49   - <li><a href="{% append_to_get order='voted' %}">{% trans "Votes" %}</a></li>
50   - <li><a href="{% append_to_get order='date' %}">{% trans "Date" %}</a></li>
  10 + <div class="col-lg-3 pull-right">
  11 + <h4><strong>{% trans "Order by" %}:</strong></h4>
  12 + <ul class="none">
  13 + <li><span class="glyphicon glyphicon-chevron-right">
  14 + <a href="{% append_to_get order='voted' %}">{% trans "Votes" %}</a>
  15 + </span></li>
  16 + <li><span class="glyphicon glyphicon-chevron-right">
  17 + <a href="{% append_to_get order='date' %}">{% trans "Date" %}</a>
  18 + </span></li>
51 19 </ul>
52 20  
53   - <hr class="space"/>
54   -
55   - <h4><b>{% trans "Statistics:" %}</b></h4>
56   -
57   - <ul>
58   - <li class="quiet">{% trans "started at" %}
59   - <h4>{{ first_msg.received_time|timesince }} {% trans "ago" %}</h4>
60   - </li>
61   - <li class="quiet">{% trans "viewed" %}
62   - <h4>{{ pagehits }} {% trans "times" %}</h4>
63   - </li>
64   - <li class="quiet">{% trans "answered" %}
65   - <h4>{{ emails|length }} {% trans "times" %}</h4>
66   - </li>
67   - <li class="quiet">{% trans "voted" %}
68   - <h4>{{ total_votes }} {% trans "times" %}</h4>
69   - </li>
  21 + <div>&nbsp;</div>
  22 +
  23 + <h4><strong>{% trans "Statistics:" %}</strong></h4>
  24 +
  25 + <ul class="none">
  26 + <li class="quiet"><span class="glyphicon glyphicon-chevron-right">
  27 + {% trans "started at" %}
  28 + </span></li>
  29 + <h5>{{ first_msg.received_time|timesince }} {% trans "ago" %}</h5>
  30 + <li class="quiet"><span class="glyphicon glyphicon-chevron-right">
  31 + {% trans "viewed" %}
  32 + </span></li>
  33 + <h5>{{ pagehits }} {% trans "times" %}</h5>
  34 + <li class="quiet"><span class="glyphicon glyphicon-chevron-right">
  35 + {% trans "answered" %}
  36 + </span></li>
  37 + <h5>{{ emails|length }} {% trans "times" %}</h5>
  38 + <li class="quiet"><span class="glyphicon glyphicon-chevron-right">
  39 + {% trans "voted" %}
  40 + </span></li>
  41 + <h5>{{ total_votes }} {% trans "times" %}</h5>
70 42 </ul>
71   -
72 43 </div>
73   -
  44 +
  45 + <ul class="none">
  46 + {% for email in emails %}
  47 + <li>
  48 + <div class="col-lg-2 text-center">
  49 + <a href="{{ email.from_address.get_profile_link }}">
  50 + <img width="80px" height="80px"
  51 + src="http://www.gravatar.com/avatar/{{ email.from_address.md5 }}?s=80&d=identicon" />
  52 + <div>&nbsp;</div>
  53 + {% trans "Anonymous" as anonymous %}
  54 + <span>{% firstof email.from_address.get_full_name anonymous %}</span>
  55 + </a>
  56 +
  57 + <p>{{ email.received_time|date:"SHORT_DATETIME_FORMAT" }}</p>
  58 +
  59 + <div class="plus">
  60 + <span>{{ email.votes_count }}</span>
  61 + <img title="{% trans 'Vote' %}" class="pull-right" src="{{ STATIC_URL }}img/plus.png">
  62 + </div>
  63 +
  64 + <p class="{% if not user in email.vote_list %}hide{% endif %}">
  65 + <a href="#">{% trans "Remove votes" %}</a>
  66 + </p>
  67 + </div>
  68 +
  69 + <div class="col-lg-7">
  70 + <pre>{{ email.body }}</pre>
  71 + </div>
  72 + {% if not forloop.last %}
  73 + <div>&nbsp;</div>
  74 + {% endif %}
  75 + </li>
  76 + {% endfor %}
  77 + </ul>
  78 +
74 79 <script type="text/javascript" charset="utf-8">
75 80 pagehit("{{ request.path_info }}");
76 81 </script>
77   -
78   -{% endblock %}
  82 +
  83 +</div>
  84 +{% endblock %}
... ...