[damned-lies/newtheme] Module page changes for D-L theme

[Tom Tryfonidis <tomtryf src gnome org>]

commit 95bf4610b8b81de2a0b7f96e713e9b025fa06349
Author: Tom Tryfonidis <tomtryf gmail com>
Date:   Wed Aug 8 11:56:34 2012 +0300

    Module page changes for D-L theme
    
    Various fixes and improvements to the module page.Changes to CSS code
    for the user's actions and action form.
    
    https://bugzilla.gnome.org/show_bug.cgi?id=681167

 media/newcss/template.css               |  141 +++++++++++++++++++++++++++++++
 templates/vertimus/vertimus_detail.html |   22 +++--
 2 files changed, 153 insertions(+), 10 deletions(-)
---
diff --git a/media/newcss/template.css b/media/newcss/template.css
index 313f990..1d0dd8f 100644
--- a/media/newcss/template.css
+++ b/media/newcss/template.css
@@ -574,6 +574,147 @@ pre.stats .zero {
     font-size: 12px;
 }
 
+/* Vertimus detail */
+/* ========================================================================== */
+
+/* Vertimus action box */
+
+.vertimus_action {
+	background: #eeeeee;
+    background: -moz-linear-gradient(top, #f9f9f9, #ececec);
+    background: -webkit-linear-gradient(top, #f9f9f9, #ececec);
+    background: linear-gradient(top, #f9f9f9, #ececec);
+	margin: 1em 0 1.5em;
+	border: solid #ddd 1px;
+}
+.vertimus_action_head {
+	border-bottom: solid #ddd 1px;
+	padding: 0.5em 12px 0;
+}
+.vertimus_action_content {
+	padding: 1em 12px 0;
+}
+.vertimus_action_comment {
+	font-family: monospace;
+}
+
+div.release_link {
+	float: right;
+	font-size:small;
+	margin: 54px 0 0 0;
+}
+div.uploaded_file {
+	float: right;
+	padding: 1px;
+	margin: -10px 0 0 5px;
+}
+div.face_image {
+	float: left;
+	margin: 0 10px 0 0;
+}
+
+.right_actions {
+	float: right;
+	padding: 6px;
+	font-size: small;
+}
+.right_actions ul {
+	list-style: none;
+}
+
+/* Vertimus action form*/
+
+#action_form {
+	margin-top: 10px;
+	padding: 20px;
+	border: 1px solid #ccc;
+
+	background: #eeeeee;
+    background: -moz-linear-gradient(top, #f9f9f9, #ececec);
+    background: -webkit-linear-gradient(top, #f9f9f9, #ececec);
+    background: linear-gradient(top, #f9f9f9, #ececec);
+
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border-radius: 5px;
+}
+#action_form .djform textarea {
+	width: 100%;
+	min-height: 130px;
+	font: inherit;
+	padding: 10px;
+	resize: vertical;
+
+	-moz-box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+	box-sizing: border-box;
+}
+#action_form td  {
+	font-size: 12px;
+	color: #999;
+}
+#action_form th {
+	vertical-align: top;
+	padding-right: 10px;
+	text-align: left;
+}
+
+/* Miscellaneous */
+.helptext{
+	font-size: 12px;
+	color: #000;
+}
+
+.error {
+	font-style: italic;
+	color: #666666;
+}
+
+.errornote {
+	color: #fff;
+	text-align: center;
+	font-weight: bold;
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
+	border: 1px solid #eee;
+	padding: 5px;
+	background: #7fa7d4;
+
+	-moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+
+    -moz-box-shadow: inset 0 2px 3px -1px #396da9, 0 1px 0 #fff;
+    -webkit-box-shadow: inset 0 2px 3px -1px #396da9, 0 1px 0 #fff;
+    box-shadow: inset 0 2px 3px -1px #396da9, 0 1px 0 #fff;
+}
+
+ul.errorlist {
+	list-style: none;
+	margin: 0.5em 0;
+	padding: 0;
+}
+
+.errorlist li {
+	color: red;
+	font-size: 15px !important;
+	font-weight: bold;
+	display: block;
+	padding: 4px 5px 4px 25px;
+	margin: 0 0 3px 0;
+}
+
+.help_link a {
+	border-bottom: 0 !important;
+}
+.help_link img {
+	vertical-align:top;
+	padding: 2px 5px;
+}
+img.screenshot {
+	max-width: 550px;
+	border: 0;
+}
+
 /* Footer */
 /* ========================================================================== */
 
diff --git a/templates/vertimus/vertimus_detail.html b/templates/vertimus/vertimus_detail.html
index af1bb31..4673c1d 100644
--- a/templates/vertimus/vertimus_detail.html
+++ b/templates/vertimus/vertimus_detail.html
@@ -40,7 +40,7 @@ $(document).ready(function() {
 
 <h1>
 <a href="{% url 'module' module.name %}">{{ module.get_description }}</a>
-Â {{ branch.name }} Â <a href="{{ language.get_team_url }}">{{ language.get_name }}</a>
+Â <span style="color: #000">{{ branch.name }}</span> Â <a href="{{ language.get_team_url }}">{{ language.get_name }}</a>
 </h1>
 
 <p>{{ domain.get_description }}</p>
@@ -157,15 +157,15 @@ $(document).ready(function() {
   <div class="vertimus_action">
     <div class="vertimus_action_head">
       <a name="{{ action.id }}"></a>
-      <div class="face_image">
-      {% if action.person.image %}<img src="{{ action.person.image }}" alt="face" style="max-height: 50px;"/>
-      {% else %}<img src="{{ MEDIA_URL }}img/nobody-16.png" alt="Person"/>
-      {% endif %}
-      </div>
       <a href="{{ action.person.get_absolute_url }}">{{ action.person.name }}</a>
       , <strong>{{ action.description }}</strong>, {{ action.created|date:_("Y-m-d g:i a O") }}
     </div>
     <div class="vertimus_action_content">
+		<div class="face_image">
+			{% if action.person.image %}<img src="{{ action.person.image }}" alt="face" style="max-height: 50px;"/>
+			{% else %}<img src="{{ MEDIA_URL }}img/nobody-16.png" alt="Person"/>
+			{% endif %}
+		</div>
       {% if action.file %}
       <div class="uploaded_file">
         <a href="{{ action.file.url }}" class="download_button">
@@ -177,9 +177,9 @@ $(document).ready(function() {
             <a href="{{ action.merged_file.url }}" class="download_button">
               {{ action.merged_file.filename }}
             </a>
-            {{ action.merged_file|num_stats:'short' }}<br/>
+			<span style="margin-left: 5px;">{{ action.merged_file|num_stats:'short' }}</span><br/>
           {% endif %}
-          <div class="right_actions">{% trans "diff with:" %}
+          <div class="right">{% trans "diff with:" %}
             {% for f in files %}
                 <a href="{% url 'vertimus_diff' action.id f.action_id level %}" title="{{ f.title }}">[{{ forloop.revcounter }}]</a>
             {% endfor %}
@@ -201,13 +201,15 @@ $(document).ready(function() {
   <p><em>{% trans "No current actions." %}</em></p>
 {% endif %}
 
+<hr class="top_shadow">
+
 {% if level == 0 %}
   <h2>{% trans "New Action" %}</h2>
 
   {% if action_form %}
   <form enctype="multipart/form-data"
         action="{% url 'vertimus_by_stats_id' stats.id language.id %}"
-        method="POST">
+        method="POST" id="action_form">
     <script type="text/javascript">
       var send_mail_defaults = Array();
       {% for action in action_form.actions %}
@@ -236,5 +238,5 @@ $(document).ready(function() {
 {% else %}
   <p><img src="{{ MEDIA_URL }}img/warn.png"/>&nbsp;{% trans "This team is not using the Vertimus translation workflow." %}</p>
 {% endif %}
-
+</div>
 {% endblock %}