[damned-lies: 1/13] Theme done by Vinicius Depizzol



commit c8dc0bb9c2809d61504dcfd00752faded4a0e6d2
Author: Vinicius Depizzol <vdepizzol gmail com>
Date:   Fri Oct 28 00:12:52 2011 -0200

    Theme done by Vinicius Depizzol

 media/img/closed.png                              |  Bin 263 -> 276 bytes
 media/img/help.png                                |  Bin 1592 -> 435 bytes
 media/img/open.png                                |  Bin 211 -> 270 bytes
 media/newcss/reset.css                            |    1 +
 media/newcss/template.css                         |  653 +++++++++++++++++++++
 media/newcss/text.css                             |   99 ++++
 media/newimg/favicon.png                          |  Bin 0 -> 895 bytes
 media/newimg/foot.png                             |  Bin 0 -> 2545 bytes
 media/newimg/footer_arts/l10n.png                 |  Bin 0 -> 6668 bytes
 media/newimg/globalnav-arrow.png                  |  Bin 0 -> 341 bytes
 media/newimg/grass.png                            |  Bin 0 -> 10178 bytes
 media/newimg/hr-shadow.png                        |  Bin 0 -> 1189 bytes
 media/newimg/html-bg.png                          |  Bin 0 -> 312 bytes
 templates/base.html                               |  123 ++--
 templates/branch_detail.html                      |   47 +-
 templates/index.html                              |   90 ++--
 templates/languages/language_list.html            |   27 +-
 templates/languages/language_release.html         |    2 +-
 templates/languages/language_release_summary.html |    8 +-
 templates/module_detail.html                      |   24 +-
 templates/people/person_overview.html             |   54 +-
 templates/release_detail.html                     |  104 ++--
 templates/stats_show.html                         |   93 ++--
 templates/teams/team_base.html                    |   83 ++--
 templates/teams/team_detail.html                  |   53 ++-
 templates/vertimus/vertimus_detail.html           |   11 +-
 26 files changed, 1134 insertions(+), 338 deletions(-)
---
diff --git a/media/img/closed.png b/media/img/closed.png
index 7323a89..acbe5f6 100644
Binary files a/media/img/closed.png and b/media/img/closed.png differ
diff --git a/media/img/help.png b/media/img/help.png
index 05d2c56..e21e902 100644
Binary files a/media/img/help.png and b/media/img/help.png differ
diff --git a/media/img/open.png b/media/img/open.png
index 25e1aa4..e7d63d5 100644
Binary files a/media/img/open.png and b/media/img/open.png differ
diff --git a/media/newcss/reset.css b/media/newcss/reset.css
new file mode 100644
index 0000000..11a1387
--- /dev/null
+++ b/media/newcss/reset.css
@@ -0,0 +1 @@
+html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
diff --git a/media/newcss/template.css b/media/newcss/template.css
new file mode 100644
index 0000000..ec61aa6
--- /dev/null
+++ b/media/newcss/template.css
@@ -0,0 +1,653 @@
+ import url("reset.css");
+ import url("text.css");
+
+
+/* Base information */
+/* ========================================================================== */
+
+html {
+    background: #fff url(../newimg/html-bg.png) 0 10px repeat-x;
+}
+body {
+    
+}
+a {
+    color: #204a87;
+}
+a:hover {
+    color: #3465a4;
+}
+a:visited {
+   color: #5d396e;
+}
+.left {
+    float: left;
+}
+.right {
+    float: right;
+}
+.hidden {
+    display: none;
+}
+.maxwidth {
+    width: 960px;
+    margin: 0 auto;
+}
+.clear {
+    clear: both;
+}
+
+
+/* Global Domain Bar */
+/* ========================================================================== */
+
+
+
+#global_domain_bar {
+    background: #fff;
+    height: 10px;
+}
+#global_domain_bar .maxwidth {
+    position: relative;
+}
+
+/* Tab */
+
+#global_domain_bar .tab {
+    background: #fff;
+    position: absolute;
+    right: 0;
+    float: right;
+    padding: 6px 8px;
+    font-size: 12px;
+    line-height: 16px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    -moz-box-shadow: 0 4px 2px -2px #8fb3d9;
+    -webkit-box-shadow: 0 4px 2px -2px #8fb3d9;
+    box-shadow: 0 4px 2px -2px #8fb3d9;
+    white-space: nowrap;
+}
+#global_domain_bar .tab a.root {
+    color: #555753 !important;
+    font-weight: bold;
+    text-decoration: none;
+    background: #fff url(../newimg/favicon.png) 0 0 no-repeat;
+    padding-left: 18px;
+    border-right: 1px solid #ccc;
+    padding-right: 6px;
+    margin-right: 3px;
+}
+#global_domain_bar .tab a.root:last-child {
+    border-right: 0;
+    padding-right: 0;
+    margin-right: 0;
+}
+#global_domain_bar .tab a.root:hover {
+    text-decoration: underline;
+}
+#global_domain_bar .tab a.user {
+    padding: 2px 14px 2px 4px;
+    margin: -2px -4px -2px -2px;
+    color: inherit !important;
+    text-decoration: none;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    background: url(images/globaldomain-user-arrow.png) right center no-repeat;
+    outline: none;
+}
+#global_domain_bar .tab a.user:hover,
+#global_domain_bar .tab a.user:focus {
+    background-color: #ececec;
+}
+#global_domain_bar .tab a.user.active {
+    background-color: #ececec;
+    -moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
+    -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
+    box-shadow: inset 0 1px 3px rgba(0,0,0,0.2);
+}
+
+#global_domain_bar .tab a:visited {
+    color: #204A87;
+}
+
+
+
+
+/* GNOME Header */
+/* ========================================================================== */
+
+
+
+#gnome_header {
+    margin: 0;
+    padding: 6px auto;
+}
+
+#gnome_header h1 {
+    margin: 0;
+    padding: 20px 0;
+    font-size: 34px;
+    line-height: 54px;
+    color: #2e3436;
+    font-family: "Copse";
+    font-weight: normal;
+    text-shadow: 0 1px 0 #fff;
+    float: left;
+}
+#gnome_header h1 a {
+    color: inherit;
+    text-decoration: none;
+}
+#gnome_header h1 a img {
+    vertical-align: bottom;
+}
+
+#gnome_header .right {
+    margin-top: 38px;
+}
+#gnome_header #search_input {
+    border: 1px solid #999;
+    padding: 4px 28px 4px 9px;
+    background: #fff url(images/search-icon.png) 172px 5px no-repeat;
+    width: 160px;
+    -moz-border-radius: 25px;
+    -webkit-border-radius: 25px;
+    border-radius: 25px;
+    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
+    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
+    box-shadow: inset 0 1px 1px rgba(0,0,0,0.2);
+}
+#gnome_header #search_input:focus {
+    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2), 0 0 3px #0489B7;
+    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.2), 0 0 3px #0489B7;
+    box-shadow: inset 0 1px 1px rgba(0,0,0,0.2), 0 0 3px #0489B7;
+    outline: none;
+}
+
+
+/* Global Navigation */
+/* ========================================================================== */
+
+#globalnav {
+    list-style: none;
+    display: block;
+    float: left;
+    margin: 34px 0 16px 20px;
+    vertical-align: middle;
+}
+#globalnav li {
+    float: left;
+    margin: 0;
+    padding: 0;
+}
+#globalnav li a {
+    text-decoration: none;
+    color: inherit;
+    display: block;
+    padding: 5px 15px;
+    font-weight: bold;
+    text-shadow: 0 1px 0 #fff;
+    outline: none;
+    line-height: 22px;
+}
+#globalnav li a:hover {
+    color: #000;
+}
+#globalnav li a:active {
+    position: relative;
+    top: 1px;
+}
+#globalnav li.active a {
+    background: #7fa7d4;
+    padding: 5px 15px;
+    color: #000;
+    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
+    color: #fff;
+    -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;
+    position: relative;
+}
+#globalnav li.active a:after {
+    content: url(../newimg/globalnav-arrow.png);
+    position: absolute;
+    bottom: 0;
+    margin-bottom: -11px;
+    left: 50%;
+    margin-left: -8px;
+}
+
+
+
+/* Page Title */
+/* ========================================================================== */
+
+
+#content h1 {
+    margin: 10px 0 20px;
+    border-bottom: 1px solid #d3d7cf;
+    font-size: 37px;
+    text-shadow: 0 1px 0 #fff;
+    line-height: normal;
+    letter-spacing: -0.04em;
+}
+#content h1 a {
+    text-decoration: none;
+    color: inherit;
+}
+#content h1 a:hover {
+    text-decoration: underline;
+}
+
+
+
+/* GNOME Container */
+/* ========================================================================== */
+
+
+#gnome_container {
+    min-height: 400px;
+}
+
+
+/* Grid Columns */
+/* ========================================================================== */
+
+.columns {
+    overflow: hidden;
+}
+.columns .bloc {
+    width: 135px;
+    margin-left: 30px;
+    float: left;
+}
+.columns .bloc.one {
+    width: 130px;
+}
+.columns .bloc.sidebar,
+.columns .bloc.two {
+    width: 300px;
+}
+.columns .bloc.half,
+.columns .bloc.three {
+    width: 465px;
+}
+.columns .bloc.content,
+.columns .bloc.four {
+    width: 630px;
+}
+.columns .bloc.five {
+    width: 795px;
+}
+.columns .bloc.full,
+.columns .bloc.six {
+    width: 960px;
+}
+.columns .bloc.first {
+    margin-left: 0;
+    clear: left;
+}
+.columns .bloc.offset_one {
+    margin-left: 165px !important;
+}
+.columns .bloc.offset_sidebar,
+.columns .bloc.offset_two {
+    margin-left: 330px !important;
+}
+.columns .bloc.offset_half,
+.columns .bloc.offset_three {
+    margin-left: 495px !important;
+}
+.columns .bloc.offset_four {
+    margin-left: 660px !important;
+}
+.columns .bloc.offset_five {
+    margin-left: 825px !important;
+}
+
+
+/* Separators */
+/* ========================================================================== */
+
+hr {
+    border: 0 #ccc solid;
+    border-top-width: 1px;
+    clear: both;
+    height: 0;
+    margin: 20px 0;
+}
+
+hr.top_shadow,
+hr.bottom_shadow {
+    height: 25px;
+    background: url(../newimg/hr-shadow.png) no-repeat bottom;
+    background-size: contain;
+    border: 0;
+    margin: 40px 0;
+}
+hr.bottom_shadow {
+    -moz-transform: rotate(180deg);
+    -webkit-transform: rotate(180deg);
+    transform: rotate(180deg);
+}
+
+
+/* Specific stylesheet for Damned-lies */
+/* ========================================================================== */
+
+/* Columns */
+
+.bloc50 {
+    display: block;
+    float: left;
+    width: 50%;
+    padding: 0 15px;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+}
+.bloc50.reset {
+    clear: left;
+}
+
+/* Statistics table */
+
+table.stats {
+    width: 100%;
+    margin: 10px 0;
+    background: #fff;
+    border: 1px solid #ccc;
+    border-collapse: collapse;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+}
+table.stats thead th {
+    text-align: left;
+    padding-top: 5px;
+    padding-bottom: 5px;
+    background: -moz-linear-gradient(top, #f9f9f9, #ececec);
+    white-space: nowrap;
+}
+table.stats th,
+table.stats td {
+    border: 1px solid #ccc;
+    border-left: 0;
+    border-right: 0;
+    padding: 5px 8px;
+}
+table.stats tbody tr:hover {
+    background: #ececec;
+}
+table.stats th img,
+table.stats td img {
+    vertical-align: middle;
+}
+table.stats tfoot {
+    background: #f4f4f4;
+    background: -moz-linear-gradient(top, #f4f4f4, #fff);
+    background: -webkit-linear-gradient(top, #f4f4f4, #fff);
+    background: linear-gradient(top, #f4f4f4, #fff);
+}
+
+/* Compact text stats */
+
+.stats_numb a {
+    text-decoration: none;
+    border-bottom: 1px dotted rgba(0, 0, 0, 0.5);
+}
+
+pre.stats {
+    color: #333;
+    display: inline;
+    white-space: pre;
+    font-size: 10px;
+}
+pre.stats * {
+
+}
+pre.stats .num1 {
+    color: #4e9a06;
+}
+pre.stats .num2 {
+    color: #ce5c00;
+}
+pre.stats .num3 {
+    color: #a40000;
+}
+pre.stats .zero {
+    opacity: 0.7;
+}
+
+/* Graphic stats */
+
+.graph {
+    width: 100%;
+    height: 9px;
+    background: #ccc;
+    overflow: hidden;
+    position: relative;
+    
+    -moz-border-radius: 10px;
+    -webkit-border-radius: 10px;
+    border-radius: 10px;
+    
+    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
+    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
+    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
+}
+.graph div {
+    display: block;
+    float: left;
+    height: 9px;
+}
+.graph .translated {
+    background: #73d216;
+    background: -moz-linear-gradient(top, #73d216, #66bb14);
+}
+.graph .fuzzy {
+    background: #5688c9;
+    background: -moz-linear-gradient(top, #ff840d, #e37000);
+}
+.graph .untranslated {
+    background: #ff1b1b;
+    background: -moz-linear-gradient(top, #ff1b1b, #cc0000);
+}
+
+/* Download button */
+
+.download_button {
+    background: red; /* FIXME */
+}
+
+/* Multi column lists */
+
+.multi_column_list {
+    -moz-column-count: 3;
+}
+.multi_column_list li {
+    border: 1px solid #ccc;
+    background: #fff;
+    padding: 4px 8px;
+    list-style: none;
+    margin: 8px 0;
+    
+    -moz-border-radius: 3px;
+    -webkit-border-radius: 3px;
+    border-radius: 3px;
+}
+
+
+/* Person details */
+
+.person_detail {
+    display: table-row;
+}
+.person_detail .image,
+.person_detail .txt {
+    display: table-cell;
+    vertical-align: top;
+}
+.person_detail .image {
+    padding-right: 15px;
+}
+.person_detail .txt .name {
+    font-weight: bold;
+}
+.person_detail .txt .email {
+    color: #999;
+    text-decoration: none;
+}
+.person_detail .txt .email:hover {
+    text-decoration: underline;
+}
+
+/* Icon button */
+
+.icon_button {
+    background: #eeeeec;
+    border: 1px solid #babdb6;
+    padding: 4px 12px;
+    display: inline-block;
+    line-height: 16px;
+    
+    font-size: 13px;
+    font-weight: normal;
+    
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    
+    -moz-box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.1);
+    -webkit-box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.1);
+    box-shadow: inset 0 -1px 2px rgba(0, 0, 0, 0.1);
+}
+.icon_button:hover,
+.icon_button:focus {
+    outline: 0;
+    background: #f4f4f4;
+}
+.icon_button:active {
+    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
+    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
+    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2);
+}
+
+/* Stats show */
+
+.stats_show .path {
+    margin-top: -0.2em;
+    color: #999;
+    font-size: 18px;
+}
+.stats_show .pot_information {
+    font-size: 13px;
+    margin: 0;
+}
+.stats_show .notices {
+    background: #ececec;
+    padding: 15px;
+    margin-top: 10px;
+    margin-bottom: -10px;
+    overflow: auto;
+    
+    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
+    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
+    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+.stats_show .notices h4 {
+    margin-top: 0;
+}
+.stats_show .notices pre {
+    margin: 0;
+    font-size: 12px;
+}
+
+/* Footer */
+/* ========================================================================== */
+
+
+/* Footer Artwork */
+
+#footer_art {
+    background: transparent no-repeat bottom center;
+    height: 180px;
+    margin-top: 0;
+    clear: left;
+}
+#footer_art.none {
+    height: 30px;
+    margin-top: 0;
+}
+#footer_art {
+    background-image: url(../newimg/footer_arts/l10n.png);
+}
+
+/* Footer Grass */
+
+#footer_grass {
+    background: url(../newimg/grass.png) top center repeat-x;
+    height: 39px;
+    margin-top: -33px;
+}
+
+/* Footer */
+
+#footer {
+    clear: left;
+    background: #d3d7cf;
+    color: #555753;
+    padding: 20px 0;
+}
+#footer .links {
+    overflow: hidden;
+}
+#footer .links > ul > li {
+    float: left;
+    margin: 0 40px 10px 0;
+}
+#footer .links a,
+#footer .links strong {
+    display: block;
+    text-decoration: none;
+}
+#footer .links a:hover,
+#footer .links a:focus {
+    text-decoration: underline;
+}
+
+#footer ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+#footer ul li {
+    margin: 0;
+    padding: 0;
+}
+#footer .links > ul > li > a {
+    font-weight: bold;
+}
+#footer .links a {
+    color: inherit;
+    -webkit-transition: background-color 100ms ease-in;
+    -moz-transition: background-color 100ms ease-in;
+    transition: background-color 100ms ease-in;
+}
+
+#footer #footnotes {
+    margin-top: 20px;
+}
+#footer #footnotes small {
+    font-size: 88%;
+}
+#footer #footnotes a {
+    color: inherit;
+}
+
diff --git a/media/newcss/text.css b/media/newcss/text.css
new file mode 100644
index 0000000..fe510e2
--- /dev/null
+++ b/media/newcss/text.css
@@ -0,0 +1,99 @@
+ import url("fonts.css");
+
+/* Main Elements */
+/* ========================================================================== */
+
+
+body {
+    font-family: Cantarell, 'Droid Sans', Ubuntu, 'DejaVu Sans', Arial, sans-serif;
+    font-size: 14px;
+    line-height: 1.6;
+    color: #2e3436;
+}
+h1, h2, h3, h4, h5, h6, dt {
+    color: #0489B7;
+}
+h1 {
+    font-size: 42px;
+}
+h2 {
+    font-size: 25px;
+}
+h3, dt {
+    font-size: 18px;
+    margin: 0.4em 0 0.5em;
+    color: #2E3436;
+}
+dt {
+    color: #E36615;
+}
+dt a:hover {
+    color: #fa7721;    
+}
+h4 {
+    font-size: 16px;
+    color: #ce5c00;
+}
+h5 {
+    font-size: 14px;
+}
+h6 {
+    font-size: 12px;
+}
+ol {
+    list-style:decimal;
+}
+ul {
+    list-style:square;
+}
+li {
+    margin-left:30px;
+}
+dl,dt,h1,h2,h3,h4,h5,h6,pre,table,address,fieldset {
+    margin: 0.8em 0 0.4em;
+}
+p, dd, .action_box, ul, ol {
+    margin: 0.4em 0 1em;
+}
+code {
+    background: #ececec;
+    background: rgba(0,0,0,0.1);
+    padding: 1px;
+}
+
+
+/* Text classes */
+/* ========================================================================== */
+
+.highlight {
+    background: yellow;
+}
+
+.main_feature {
+    font-size: 16pt;
+    line-height: 130%;
+}
+
+.footnotes {
+    font-size: 11px;
+    color: #888a85;
+}
+.footnotes a {
+    color: #888a85;
+}
+
+.more {
+    background: url(../images/more-arrow.png) right 6px no-repeat;
+    cursor: pointer;
+    white-space: nowrap;
+    padding-right: 10px;
+    text-decoration: none;
+}
+.more {
+    text-decoration: underline;
+}
+
+#footer {
+    font-size: 11px;
+    line-height: 1.5em;
+}
diff --git a/media/newimg/favicon.png b/media/newimg/favicon.png
new file mode 100644
index 0000000..5d5e45f
Binary files /dev/null and b/media/newimg/favicon.png differ
diff --git a/media/newimg/foot.png b/media/newimg/foot.png
new file mode 100644
index 0000000..dcdee84
Binary files /dev/null and b/media/newimg/foot.png differ
diff --git a/media/newimg/footer_arts/l10n.png b/media/newimg/footer_arts/l10n.png
new file mode 100644
index 0000000..c8a9cd7
Binary files /dev/null and b/media/newimg/footer_arts/l10n.png differ
diff --git a/media/newimg/globalnav-arrow.png b/media/newimg/globalnav-arrow.png
new file mode 100644
index 0000000..4ba825d
Binary files /dev/null and b/media/newimg/globalnav-arrow.png differ
diff --git a/media/newimg/grass.png b/media/newimg/grass.png
new file mode 100644
index 0000000..ded0bd9
Binary files /dev/null and b/media/newimg/grass.png differ
diff --git a/media/newimg/hr-shadow.png b/media/newimg/hr-shadow.png
new file mode 100644
index 0000000..c5636b9
Binary files /dev/null and b/media/newimg/hr-shadow.png differ
diff --git a/media/newimg/html-bg.png b/media/newimg/html-bg.png
new file mode 100644
index 0000000..b51984e
Binary files /dev/null and b/media/newimg/html-bg.png differ
diff --git a/templates/base.html b/templates/base.html
index 24179d0..a92886d 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -4,12 +4,11 @@
 <!DOCTYPE html>
 <html lang="{{ LANGUAGE_CODE }}">
 <head>
-  <meta charset="UTF-8">
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
   <title>{% block title %}page title{% endblock %}</title>
   <link rel="icon" type="image/png" href="/media/img/foot-16.png">
-  <link rel="stylesheet" href="/media/css/main.css">
-  <link rel="stylesheet" href="/media/css/layout.css">
-  <link rel="stylesheet" href="/media/css/style.css">
+  <!--<link rel="stylesheet" type="text/css" href="/media/css/main.css">-->
+  <link rel="stylesheet" type="text/css" href="/media/newcss/template.css">
 {% if LANGUAGE_BIDI %}
   <link rel="stylesheet" href="/media/css/rtl.css">
 {% endif %}
@@ -20,65 +19,45 @@
 </head>
 
 <body>
-  <div id="page">
-    <ul id="general">
-      <li id="siteaction-gnome_home" class="home"><a href="http://www.gnome.org/";>{% trans "Home" %}</a></li>
-      <li id="siteaction-gnome_news"><a href="http://news.gnome.org";>{% trans "News" %}</a></li>
-      <li id="siteaction-gnome_projects"><a href="http://www.gnome.org/projects/";>{% trans "Projects" %}</a></li>
-      <li id="siteaction-gnome_art"><a href="http://art.gnome.org";>{% trans "Art" %}</a></li>
-      <li id="siteaction-gnome_support"><a href="http://www.gnome.org/support/";>{% trans "Support" %}</a></li>
-      <li id="siteaction-gnome_development"><a href="http://developer.gnome.org";>{% trans "Development" %}</a></li>
-      <li id="siteaction-gnome_community"><a href="http://www.gnome.org/community/";>{% trans "Community" %}</a></li>
-    </ul>
-    <div id="header">
-      <h1><a href="{% url 'home' %}">{% trans "Damned Lies" %}</a></h1>
-      <div id="tabs">
-        <ul id="portal-globalnav">
-          <li
-{% if pageSection == "home" %}
-      class="selected"
-{% endif %}
-            ><a href="{% url 'home' %}" title="{% trans "Back to Damned Lies home page" %}"><span>{% trans "Home" %}</span></a>
-          </li>
-      <li
-{% if pageSection == "teams" %}
-      class="selected"
-{% endif %}
-       ><a href="{% url 'teams' %}"><span>{% trans "Teams" %}</span></a></li>
-      <li
-{% if pageSection == "languages" %}
-      class="selected"
-{% endif %}
-       ><a href="{% url 'languages' %}"><span>{% trans "Languages" %}</span></a></li>
-      <li
-{% if pageSection == "releases" %}
-      class="selected"
-{% endif %}
-       ><a href="{% url 'releases' %}"><span>{% trans "Release sets" %}</span></a></li>
-      <li
-{% if pageSection == "module" %}
-      class="selected"
-{% endif %}
-       ><a href="{% url 'modules' %}"><span>{% trans "Modules" %}</span></a></li>
-        </ul>
-      </div> <!-- end of #tabs -->
-    </div> <!-- end of #header -->
-  </div>
-  <!-- end site header -->
-  <div id="authenticated">
-    {% if user.is_authenticated %}
-    <form action="{% url 'login' %}" method="post">
-      <a href="{{ user.get_absolute_url }}"><img src="{{ MEDIA_URL }}img/nobody-16.png" alt="Person">&nbsp;{{ user.person }}</a> &bull;
-      <input type="hidden" name="logout" value="1">
-      <input type="submit" value="{% trans 'Log out' %}">
-    </form>
-    {% else %}
-    <a href="{% url 'login' %}">{% trans "Log in" %}</a>
-    {% endif %}
-  </div>
+    <!-- global gnome.org domain bar -->
+    <div id="global_domain_bar">
+        <div class="maxwidth">
+            <div class="tab">
+                <a class="root" href="/">GNOME.org</a>
+                {% if user.is_authenticated %}
+                    <form action="{% url 'login' %}" method="post">
+                        <a href="{{ user.get_absolute_url }}"><img src="{{ MEDIA_URL }}img/nobody-16.png" alt="Person">&nbsp;{{ user.person }}</a> &bull;
+                        <input type="hidden" name="logout" value="1">
+                        <input type="submit" value="{% trans 'Log out' %}">
+                    </form>
+                {% else %}
+                    <a href="{% url 'login' %}">{% trans "Log in" %}</a>
+                {% endif %}
+            </div>
+        </div>
+    </div>
+    
+    <div id="gnome_header">
+    
+        <div class="maxwidth">
+    
+            <h1><a href="{% url home %}" title="{% trans "Back to Damned Lies home page" %}"><img src="{{ MEDIA_URL }}newimg/foot.png" alt="GNOME" /> {% trans "Damned Lies" %}</a></h1>
+            
+            <ul id="globalnav">
+                <li{% if pageSection == "home" %} class="active"{% endif %}><a href="{% url 'home' %}" title="{% trans "Back to Damned Lies home page" %}"><span>{% trans "Home" %}</span></a></li>
+                <li{% if pageSection == "teams" %} class="active"{% endif %}><a href="{% url 'teams' %}"><span>{% trans "Teams" %}</span></a></li>
+                <li{% if pageSection == "languages" %} class="active"{% endif %}><a href="{% url 'languages' %}"><span>{% trans "Languages" %}</span></a></li>
+                <li{% if pageSection == "releases" %} class="active"{% endif %}><a href="{% url 'releases' %}"><span>{% trans "Release sets" %}</span></a></li>
+                <li{% if pageSection == "module" %} class="active"{% endif %}><a href="{% url 'modules' %}"><span>{% trans "Modules" %}</span></a></li>
+            </ul>
+            
+            <div class="clear"></div>
+        </div>
+    
+    </div>
 
   <div class="body">
-    <div id="content">
+    <div id="content" class="maxwidth">
     {% if messages %}
         {% for message in messages %}
         <p class="errornote">{{ message|safe }}</p>
@@ -86,15 +65,27 @@
     {% endif %}
 
     {% block content %}
+    
     {% endblock %}
     </div>
 
+  <div id="footer_art">
+  </div>
+
+  <div id="footer_grass">
+  </div>
+
   <div id="footer">
-    <a href="{% url 'about' %}">{% trans "About Damned Liesâ" %}</a>
-    <br>
-    {% trans "Copyright &copy; 2006-2012" %} <a href="http://www.gnome.org/";>{% trans "The GNOME Project" %}</a>.
-    <br>
-    {% blocktrans with "<a href='http://www.canonical.com/'>Canonical</a>" as link %}Hosted by {{ link }}.{% endblocktrans %}
+    <div class="maxwidth">
+      <div class="links">
+      </div>
+      <div id="footnotes">
+        {% trans "Copyright &copy; 2006-2012" %} <strong><a href="http://www.gnome.org/";>{% trans "The GNOME Project" %}</strong></a>.
+        <br>
+        <a href="{% url 'about' %}">{% trans "About Damned Liesâ" %}</a>
+        {% blocktrans with "<a href='http://www.canonical.com/'>Canonical</a>" as link %}Hosted by {{ link }}.{% endblocktrans %}
+      </div>
+    </div>
   </div>
 
 </div> <!-- end of div.body -->
diff --git a/templates/branch_detail.html b/templates/branch_detail.html
index 5de45e3..caf0941 100644
--- a/templates/branch_detail.html
+++ b/templates/branch_detail.html
@@ -4,28 +4,25 @@
   <p>{% trans "This branch is currently string-frozen." %}</p>
 {% endif %}
 
-<table width="100%">
-  <tr>
-    <td valign="top"><!-- split to two columns -->
-      {% with branch.get_ui_stats as stats %}
-      {% if stats|length %}
-      {% if not stats|length_is:"1" %}
-      <h3>{% trans "Translation" %}</h3>
-      {% endif %}
-      {% include "stats_show.html" %}
-      {% endif %}
-      {% endwith %}
-    </td>
-    <td valign="top"><!-- split to two columns -->
-      {% with branch.get_doc_stats as stats %}
-      {% if stats|length %}
-      {% if not stats|length_is:"1" %}
-      <h3>{% trans "Documentation" %}</h3>
-      {% endif %}
-      {% include "stats_show.html" %}
-      {% endif %}
-      {% endwith %}
-    </td>
-  </tr>
-</table>
-
+<div class="columns">
+    <div class="bloc half first">
+        {% with branch.get_ui_stats as stats %}
+            {% if stats|length %}
+                {% if not stats|length_is:"1" %}
+                    <h3>{% trans "Translation" %}</h3>
+                {% endif %}
+                {% include "stats_show.html" %}
+            {% endif %}
+        {% endwith %}
+    </div>
+    <div class="bloc half">
+        {% with branch.get_doc_stats as stats %}
+            {% if stats|length %}
+                {% if not stats|length_is:"1" %}
+                    <h3>{% trans "Documentation" %}</h3>
+                {% endif %}
+                {% include "stats_show.html" %}
+            {% endif %}
+        {% endwith %}
+    </div>
+</div>
diff --git a/templates/index.html b/templates/index.html
index 5b56e60..811badd 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -6,50 +6,54 @@
 
 {% block content %}
 <div class="mainpage">
-
-<h1>{% trans "Damned Lies about GNOME" %}</h1>
-
-<p>{% trans "Damned Lies is the Web application used to manage the localisation (l10n) of the GNOME project." %}
+    <div class="columns">
+        
+        <div class="bloc content first offset_one">
+            <p class="main_feature" style="text-align: center;">{% trans "Damned Lies is the Web application used to manage the localisation (l10n) of the GNOME project." %}
 <em><a href="{% url 'about' %}">{% trans "Moreâ" %}</a></em></p>
-
-<div class="bloc50">
-  <h2><a href="{% url 'teams' %}">{% trans "Teams" %}</a></h2>
-  <p>{% trans "List of all GNOME Translation Teams, with full information such as primary contact (coordinator), web pages and mailing list information." %}
-  {% trans "If there is no team for your language, you can easily <a href='http://live.gnome.org/TranslationProject/StartingATeam/'>start your own team</a>." %}
-  {% if user_language %}
-    {% with user_language.get_team_url as team_url %}
-    {% with user_language.get_name as language_name %}
-    <br><strong>{% blocktrans %}Go to the <a href='{{ team_url }}'>{{ language_name }} team page</a> and help us to translate GNOME!{% endblocktrans %}</strong>
-    {% endwith %}
-    {% endwith %}
-  {% endif %}
-  </p>
-</div>
-
-<div class="bloc50">
-  <h2><a href="{% url 'languages' %}">{% trans "Languages" %}</a></h2>
-  {% url 'teams' as teams_url %}
-  <p>{% blocktrans %}List of all languages there are <a href='{{ teams_url }}'>Translation Teams</a> for.{% endblocktrans %}
-  {% trans "Some teams manage more than one language (usually just simple variants), and here you can see all the languages GNOME is being translated to." %}</p>
-</div>
-
-<div class="bloc50 reset">
-  <h2><a href="{% url 'releases' %}">{% trans "Release Sets" %}</a></h2>
-  <p>{% trans "List of all GNOME release sets and releases we gather stats for." %}</p>
-
-  <p>{% trans "Examples of release sets are &quot;GNOME Infrastructure&quot; or &quot;GNOME 2.26&quot;." %}
-  {% trans "Official GNOME release sets are further divided into categories such as &quot;Desktop Applications&quot; and &quot;Developer Platform&quot;." %}</p>
-
-  <p>{% trans "Look here if you want to compare language support in any of these release sets." %}</p>
-</div>
-
-<div class="bloc50">
-  <h2><a href="{% url 'modules' %}">{% trans "Modules" %}</a></h2>
-  <p>{% trans "List of all modules with statistics in here." %}</p>
-
-  <p>{% trans "Modules are separate libraries or applications, with one or more branches of development included." %}
-  {% trans "They are usually taken from the Git repository, and we keep all relevant information on them (Bugzilla details, web page, maintainer information,...)." %}</p>
-</div>
+        </div>
+        
+        <div class="bloc half first">
+          <h2><a href="{% url 'teams' %}">{% trans "Teams" %}</a></h2>
+          <p>{% trans "List of all GNOME Translation Teams, with full information such as primary contact (coordinator), web pages and mailing list information." %}
+          {% trans "If there is no team for your language, you can easily <a href='http://live.gnome.org/TranslationProject/StartingATeam/'>start your own team</a>." %}
+
+          {% if user_language %}
+            {% with user_language.get_team_url as team_url %}
+            {% with user_language.get_name as language_name %}
+            <br><strong>{% blocktrans %}Go to the <a href='{{ team_url }}'>{{ language_name }} team page</a> and help us to translate GNOME!{% endblocktrans %}</strong>
+            {% endwith %}
+            {% endwith %}
+          {% endif %}
+          </p>
+        </div>
+
+        <div class="bloc half">
+            <h2><a href="{% url 'languages' %}">{% trans "Languages" %}</a></h2>
+            {% url 'teams' as teams_url %}
+            <p>{% blocktrans %}List of all languages there are <a href='{{ teams_url }}'>Translation Teams</a> for.{% endblocktrans %}
+            {% trans "Some teams manage more than one language (usually just simple variants), and here you can see all the languages GNOME is being translated to." %}</p>
+        </div>
+
+        <div class="bloc half first">
+            <h2><a href="{% url 'releases' %}">{% trans "Release Sets" %}</a></h2>
+            <p>{% trans "List of all GNOME release sets and releases we gather stats for." %}</p>
+
+            <p>{% trans "Examples of release sets are &quot;GNOME Infrastructure&quot; or &quot;GNOME 2.26&quot;." %}
+            {% trans "Official GNOME release sets are further divided into categories such as &quot;Desktop Applications&quot; and &quot;Developer Platform&quot;." %}</p>
+
+            <p>{% trans "Look here if you want to compare language support in any of these release sets." %}</p>
+        </div>
+
+        <div class="bloc half">
+            <h2><a href="{% url 'modules' %}">{% trans "Modules" %}</a></h2>
+            <p>{% trans "List of all modules with statistics in here." %}</p>
+
+            <p>{% trans "Modules are separate libraries or applications, with one or more branches of development included." %}
+            {% trans "They are usually taken from the Git repository, and we keep all relevant information on them (Bugzilla details, web page, maintainer information,...)." %}</p>
+        </div>
+
+    </div>
 
 </div>
 {% endblock %}
diff --git a/templates/languages/language_list.html b/templates/languages/language_list.html
index f7bcdc9..1e8ec13 100644
--- a/templates/languages/language_list.html
+++ b/templates/languages/language_list.html
@@ -12,24 +12,17 @@
 {% plural %}GNOME is being translated to following {{ numb }} languages.
 {% endblocktrans %}</p>
 
-{% load list_to_columns %}
-<div class="col3_container">
-  {% list_to_columns languages as columns 3 %}
-  {% for column in columns %}
-  <div class="col3_column">
-    <ul class="foot">
-      {% for lang in column %}
-      <li>
-        <a href="{{ lang.get_team_url }}">{{ lang.get_name }}</a>
-        <a href="/rss/languages/{{ lang.locale }}">
-          <img width="10" height="10" border="0" src="{{ MEDIA_URL }}img/feed-icon-10x10.png" alt="{% blocktrans %}RSS feed for {{ lang.get_name }}{% endblocktrans %}"/>
-        </a>
-      </li>
-      {% endfor %}
-    </ul>
-  </div>
+
+<ul class="multi_column_list">
+  {% for lang in languages %}
+  <li>
+    <a href="{{ lang.get_team_url }}">{{ lang.get_name }}</a>
+    <a href="/rss/languages/{{ lang.locale }}">
+      <img width="10" height="10" border="0" src="{{ MEDIA_URL }}img/feed-icon-10x10.png" alt="{% blocktrans %}RSS feed for {{ lang.get_name }}{% endblocktrans %}"/>
+    </a>
+  </li>
   {% endfor %}
-</div>
+</ul>
 
 <p class="comment" style="clear:both">
   {% blocktrans %}If anything should be changed on this page, please <a href="{{ bug_url }}">submit a bug report</a>.{% endblocktrans %}
diff --git a/templates/languages/language_release.html b/templates/languages/language_release.html
index 964c42f..f61a7fd 100644
--- a/templates/languages/language_release.html
+++ b/templates/languages/language_release.html
@@ -41,7 +41,7 @@ $(document).ready(function()
 
 {% if language %}
 <hr />
-<p><a href="{% url 'language_release_tar' language.locale release.name dtype %}"><img src="{{ MEDIA_URL }}img/download.png" /> {% trans "Download all po files" %}</a></p>
+<p><a href="{% url 'languages.views.language_release_tar' language.locale release.name dtype %}" class="download_button">{% trans "Download all po files" %}</a></p>
 {% endif %}
 
 </div>
diff --git a/templates/languages/language_release_summary.html b/templates/languages/language_release_summary.html
index 07cb3cc..61d569d 100644
--- a/templates/languages/language_release_summary.html
+++ b/templates/languages/language_release_summary.html
@@ -12,12 +12,13 @@ Following variables should be set:
     <th>{% trans "User Interface" %}</th>
     <th>{% trans "Graph" %}</th>
     <th>{% trans "User Interface (red.)" %}
-        <a href="{% url 'help' 'reduced_po' %}"><img src="{{ MEDIA_URL }}img/help.png" alt="help icon" width="26"></a>
+        <a href="{% url 'help' 'reduced_po' %}"><img src="{{ MEDIA_URL }}img/help.png" alt="help icon"></a>
     </th>
     <th>{% trans "Documentation" %}</th>
     <th>{% trans "Graph" %}</th>
     </tr>
   </thead>
+  <tbody>
   {% for stat in stats %}
     <tr>
       <td class="leftcell">
@@ -46,9 +47,12 @@ Following variables should be set:
     {% endif %}
     </tr>
   {% endfor %}
+  </tbody>
+  <tfoot>
   {% if show_all_modules_line %}
-  <tr style="border-top: 1px solid gray;"><td></td><td class="stats_numb"><a href="{% url 'language_all' lang.locale "ui" %}">{% trans "All modules" %}</a></td>
+  <tr><td></td><td class="stats_numb"><a href="{% url 'language_all' lang.locale "ui" %}">{% trans "All modules" %}</a></td>
       <td></td><td class="stats_numb"><a href="{% url 'language_all' lang.locale "ui-part" %}">{% trans "All modules" %}</a></td>
       <td class="stats_numb"><a href="{% url 'language_all' lang.locale "doc" %}">{% trans "All modules" %}</a></td><td></td></tr>
   {% endif %}
+  </tfoot>
 </table>
diff --git a/templates/module_detail.html b/templates/module_detail.html
index 6a86b2e..7e1a711 100644
--- a/templates/module_detail.html
+++ b/templates/module_detail.html
@@ -14,7 +14,7 @@ $(document).ready(function() {
             branch_div = $("#div-"+this.id.replace(".","\\."));
             is_visible = branch_div.is(':visible');
             if (is_visible) {
-                branch_div.hide();
+                branch_div.slideUp();
                 $(this).children('img').attr("src", "{{ MEDIA_URL }}img/closed.png");
             } else {
                 if (branch_div.attr("class") == "empty") {
@@ -22,7 +22,7 @@ $(document).ready(function() {
                     branch_div.load("/module/{{ module.name }}/branch/"+this.id+"/");
                     branch_div.attr("class", "loaded");
                 }
-                branch_div.show();
+                branch_div.slideDown();
                 $(this).children('img').attr("src", "{{ MEDIA_URL }}img/open.png");
             }
         });
@@ -48,17 +48,17 @@ $(document).ready(function() {
   <p><a href="{{ module.homepage }}">{{ module.homepage }}</a></p>
 {% endif %}
 
-<table width="100%">
-  <tr>
-    <td width="50%" valign="top">
+<div class="columns">
+    <div class="bloc half first">
       {% if module.maintainers.all %}
       <h2>{% trans "Maintainers" %}</h2>
       {% for person in module.maintainers.all %}
         {% include "people/person_overview.html" %}
       {% endfor %}
       {% endif %}
-    </td>
-    <td width="50%" valign="top">
+    </div>
+    
+    <div class="bloc half">
       {% if module.bugs_base %}
       <h2>{% trans "Bug reporting" %}</h2>
       <ul>
@@ -68,9 +68,8 @@ $(document).ready(function() {
         <li><a href="{{ module.get_bugs_enter_url }}">{% trans "Report a bug" %}</a></li>
       </ul>
       {% endif %}
-    </td>
-  </tr>
-</table>
+    </div>
+</div>
 
 {% if branches %}
   <!-- Links to branches of module -->
@@ -89,6 +88,7 @@ $(document).ready(function() {
 
   <!-- Main loop through branches -->
   {% for branch in branches %}
+    <hr />
     <h2><a href="." class="branch" id="{{ branch.name }}">
     {% if forloop.counter < 3 %}
       <img src="{{ MEDIA_URL }}img/open.png" /></a>
@@ -97,12 +97,12 @@ $(document).ready(function() {
     {% endif %}
      <a name="{{ branch.name }}"></a>{{ branch.name }}
     {% if branch.get_vcs_web_url %}
-      <small>(<a href="{{ branch.get_vcs_web_url }}">{% trans "Browse Repository" %}</a>)</small>
+      <a href="{{ branch.get_vcs_web_url }}" title="{% trans 'Browse Repository' %}"><img src="{{ MEDIA_URL }}newimg/repository-icon.png" /></a>
     {% endif %}
     </h2>
     {% if forloop.counter < 3 %}
       <div id="div-{{ branch.name }}" class="loaded">
-      {% include "branch_detail.html" %}
+        {% include "branch_detail.html" %}
       </div>
     {% else %}
       <div id="div-{{ branch.name }}" class="empty" style="display:none;"></div>
diff --git a/templates/people/person_overview.html b/templates/people/person_overview.html
index 5b6151c..eb5c00f 100644
--- a/templates/people/person_overview.html
+++ b/templates/people/person_overview.html
@@ -4,35 +4,33 @@
 {% load i18n %}
 
 <div class="person_detail">
-  <div class="image">
-  {% if person.image %}
-  <img src="{{ person.image }}" alt="{{ person.name }}" />
-  {% else %}
-  <img src="{{ MEDIA_URL }}img/nobody.png" alt="" />
-  {% endif %}
-  </div>
-  <div class="txt">
-  <a class="name" href="{{ person.get_absolute_url }}">{{ person.name }}</a><br />
+    <div class="image">
+    {% if person.image %}
+        <img src="{{ person.image }}" alt="{{ person.name }}" />
+    {% else %}
+        <img src="{{ MEDIA_URL }}img/nobody.png" alt="" />
+    {% endif %}
+    </div>
+    
+    <div class="txt">
+        <a class="name" href="{{ person.get_absolute_url }}">{{ person.name }}</a><br />
+        
+        {% if person.no_spam_email %}
+            <a class="email" href="mailto:{{ person.no_spam_email }}">{{ person.no_spam_email }}</a><br />
+        {% endif %}
 
-  {% if person.no_spam_email %}
-  <a href="mailto:{{ person.no_spam_email }}">{{ person.no_spam_email }}</a><br />
-  {% endif %}
+        {% if person.webpage_url %}
+            <a class="url" href="{{ person.webpage_url }}">{{ person.webpage_url }}</a><br />
+        {% endif %}
+        
+        {% if person.irc_nick %}
+            <span class="label">{% trans "Instant messaging:" %}</span>
+            <span class="value">{{ person.irc_nick }}</em> (IRC)</span>
+        {% endif %}
 
-  {% if person.webpage_url %}
-  <a href="{{ person.webpage_url }}">{{ person.webpage_url }}</a><br />
-  {% endif %}
+        {% if person.no_spam_bugzilla_account %}
+        <strong>{% trans "Bugzilla account:" %}</strong> {{ person.no_spam_bugzilla_account }}<br />
+        {% endif %}
 
-  <br />
-  {% if person.irc_nick %}
-  <strong>{% trans "Instant messaging:" %}</strong>
-  <ul>
-    <li><em>{{ person.irc_nick }}</em> (IRC)</li>
-  </ul>
-  {% endif %}
-
-  {% if person.no_spam_bugzilla_account %}
-  <strong>{% trans "Bugzilla account:" %}</strong> {{ person.no_spam_bugzilla_account }}<br />
-  {% endif %}
-
-  </div>
+    </div>
 </div>
diff --git a/templates/release_detail.html b/templates/release_detail.html
index cce523b..d37c44b 100644
--- a/templates/release_detail.html
+++ b/templates/release_detail.html
@@ -22,56 +22,74 @@
       <th>{% trans "User Interface" %}</th>
       <th>{% trans "Graph" %}</th>
       <th>{% trans "User Interface (red.)" %}
-          <a href="{% url 'help' 'reduced_po' %}"><img src="{{ MEDIA_URL }}img/help.png" alt="help icon" width="26"></a>
+          <a href="{% url 'help' 'reduced_po' %}"><img src="{{ MEDIA_URL }}img/help.png" alt="help icon"></a>
       </th>
       <th>{% trans "Documentation" %}</th>
       <th>{% trans "Graph" %}</th>
-  </tr>
+    </tr>
   </thead>
 
-{% for lstats in release.get_global_stats %}
-<tr>
-  <td class="counter">{{ forloop.counter }}</td>
-  <td class="leftcell">
-    <a href="{% url 'team_slug' lstats.lang_locale %}">
-      {% if user_language.locale == lstats.lang_locale  %}
-        <b>{% trans lstats.lang_name %}</b>
+  <tbody>
+    {% for lstats in release.get_global_stats %}
+      <tr>
+        <td class="counter">{{ forloop.counter }}</td>
+        <td class="leftcell">
+          <a href="{% url 'team_slug' lstats.lang_locale %}">
+            {% if user_language.locale == lstats.lang_locale  %}
+              <b>{% trans lstats.lang_name %}</b>
+            {% else %}
+              {% trans lstats.lang_name %}
+            {% endif %}
+          </a>
+        </td>
+
+        <td class="stats_numb">
+		  <a href="{% url 'language_release' lstats.lang_locale release.name 'ui' %}">
+          {{ lstats.ui|num_stats }}</a>
+        </td>
+
+        <td style="width: 108px; text-align: center;">
+          <div class="graph">{{ lstats.ui|vis_stats }}</div>
+        </td>
+
+        <td class="stats_numb">
+          <a href="{% url 'language_release' lstats.lang_locale release.name "ui-part" %}">
+            {{ lstats.ui_part|num_stats }}</a>
+        </td>
+
+      {% if lstats.doc.translated|add:lstats.doc.fuzzy != "0" %}
+        <td class="stats_numb">
+          <a href="{% url 'language_release' lstats.lang_locale release.name 'doc' %}">
+            {{ lstats.doc|num_stats }}
+          </a>
+        </td>
       {% else %}
-        {% trans lstats.lang_name %}
+        <td>&ndash;</td>
       {% endif %}
-    </a>
-  </td>
-
-  <td class="stats_numb"><a href="{% url 'language_release' lstats.lang_locale release.name "ui" %}">
-      {{ lstats.ui|num_stats }}</a>
-  </td>
-  <td style="width: 108px; text-align: center;">
-      <div class="graph">{{ lstats.ui|vis_stats }}</div>
-  </td>
-  <td class="stats_numb"><a href="{% url 'language_release' lstats.lang_locale release.name "ui-part" %}">
-      {{ lstats.ui_part|num_stats }}</a>
-  </td>
-
-  {% if lstats.doc.translated|add:lstats.doc.fuzzy != "0" %}
-  <td class="stats_numb"><a href="{% url 'language_release' lstats.lang_locale release.name "doc" %}">
-      {{ lstats.doc|num_stats }}</a>
-  </td>
-  {% else %}
-  <td>-</td>
-  {% endif %}
-
-  <td style="width: 108px; text-align: center;">
-    <div class="graph">{{ lstats.doc|vis_stats }}</div>
-   </td>
-
-</tr>
-{% endfor %}
-<tr><td class="counter"><td colspan="6"><hr></td></tr>
-<tr><td class="counter"></td>
-    <td class="leftcell"><i><small>{% trans "Original strings" %}</small></i></td>
-    <td colspan="3"><i><small><a href="{% url 'language_release' "C" release.name "ui" %}">{% trans "User Interface" %}</a></small></i></td>
-    <td colspan="2"><i><small><a href="{% url 'language_release' "C" release.name "doc" %}">{% trans "Documentation" %}</a></small></i></td>
-</tr>
+
+        <td style="width: 108px; text-align: center;">
+          <div class="graph">{{ lstats.doc|vis_stats }}</div>
+        </td>
+
+      </tr>
+
+    {% endfor %}
+    
+  </tbody>
+
+  <tfoot>
+    <tr>
+      <td class="counter"></td>
+      <td colspan="6"><hr></td>
+    </tr>
+    <tr>
+      <td class="counter"></td>
+      <td class="leftcell"><i><small>{% trans "Original strings" %}</small></i></td>
+      <td colspan="3"><i><small><a href="{% url language_release "C" release.name "ui" %}">{% trans "User Interface" %}</a></small></i></td>
+      <td colspan="2"><i><small><a href="{% url language_release "C" release.name "doc" %}">{% trans "Documentation" %}</a></small></i></td>
+    </tr>
+  </tfoot>
+
 </table>
 
 </div>
diff --git a/templates/stats_show.html b/templates/stats_show.html
index bc9a7a9..59895f7 100644
--- a/templates/stats_show.html
+++ b/templates/stats_show.html
@@ -2,48 +2,54 @@
 {% load url from future %}
 
 {% for dname, stat in stats.items %}
-  {% with stat|first as pot_stat %}
-  <h3>{% trans pot_stat.domain.get_description %}
-  {% if pot_stat|domain_type == "mallard" %}
-    <img src="{{ MEDIA_URL }}img/mallard.png" width="18" title="{% trans "This document is written in Mallard documentation format" %}" alt="mallard icon"/>
-  {% endif %}
-  {% if pot_stat.domain.directory != 'help' and pot_stat.domain.directory != 'po' %}
-    <br />
-    <span class="path">{{ pot_stat.domain.directory }}</span>
-  {% endif %}
-  </h3>
-  {% if pot_stat.full_po %}
-  <a href="{{ pot_stat.po_url }}"><img src="{{ MEDIA_URL }}img/download.png" alt="{% trans "Download POT file" %}" /></a>
-  {% endif %}
-  {{ pot_stat.pot_text }}
-  <!-- This is the title of the section that lists notices about a module -->
-  {% if pot_stat.informations %}
-  <h4>{% trans "Notices" %}</h4>
-  <table>
-    {% for msg in pot_stat.informations %}
-    <tr>
-      <td valign="top"><img src="{{ msg.get_icon }}" alt="{{ msg.type }}" /></td>
-      <td>{{ msg.get_description|safe }}</td>
-      {% if user.is_authenticated %}
-        {% if msg.type == 'error' or msg.type == 'error-ext' %}
-        <td>
-           <a href='{{ module|browse_bugs:"error+pot+file" }}' target='_blank'>
-             <img src="{{ MEDIA_URL }}img/search.png" alt="{% trans "Search for similar bugs before reporting it" %}" title="{% trans "Search for similar bugs before reporting it" %}"/>
-           </a>
-        </td>
-        <td>
-          <a href='{{ msg.report_bug_url }}' target='_blank'>
-            <img src="{{ MEDIA_URL }}img/bug.png" alt="{% trans "Report this bug" %}" title="{% trans "Report this bug" %}"/>
-          </a>
-        </td>
+    {% with stat|first as pot_stat %}
+    
+    <div class="stats_show">
+    
+    <h3>{% trans pot_stat.domain.get_description %}
+        
+        {% if pot_stat|domain_type == "mallard" %}
+            <img src="{{ MEDIA_URL }}img/mallard.png" title="{% trans "This document is written in Mallard documentation format" %}" alt="mallard icon"/>
         {% endif %}
-      {% endif %}
-    </tr>
-    {% endfor %}
-  </table>
-  {% endif %}
 
-  <table class="stats">
+        {% if pot_stat.full_po %}
+            <a href="{{ pot_stat.po_url }}" class="icon_button" title="{% trans 'Download POT file' %}"><img src="{{ MEDIA_URL }}newimg/download-icon.png" alt="{% trans 'Download POT file' %}" /></a>
+        {% endif %}
+    
+    </h3>
+    
+    {% if pot_stat.domain.directory != 'help' and pot_stat.domain.directory != 'po' %}
+    <p class="path">{{ pot_stat.domain.directory }}</p>
+    {% endif %}
+
+    <p class="pot_information">{{ pot_stat.pot_text }}</p>
+
+    <!-- This is the title of the section that lists notices about a module -->
+    {% if pot_stat.informations %}
+        <div class="notices">
+            <h4>{% trans "Notices" %}</h4>
+            {% for msg in pot_stat.informations %}
+                <div class="item">
+                    {{ msg.get_description|safe }}
+                    
+                    {% if user.is_authenticated %}
+                        {% if msg.type == 'error' or msg.type == 'error-ext' %}
+                        <div class="actions">
+                            <a href="{{ module|browse_bugs:'error+pot+file' }}" target="_blank">
+                                <img src="{{ MEDIA_URL }}img/search.png" alt="{% trans 'Search for similar bugs before reporting it' %}" title="{% trans 'Search for similar bugs before reporting it' %}"/>
+                            </a>
+                            <a href="{{ msg.report_bug_url }}" target="_blank">
+                                <img src="{{ MEDIA_URL }}img/bug.png" alt="{% trans 'Report this bug' %}" title="{% trans 'Report this bug' %}" />
+                            </a>
+                        </div>
+                        {% endif %}
+                    {% endif %}
+                </div>
+            {% endfor %}
+        </div>
+    {% endif %}
+
+    <table class="stats">
     <thead><tr>
         <th>{% trans "Language" %}</th><th>{% trans "Translated" %}</th>
         {% if pot_stat.full_po.fig_count %}
@@ -81,6 +87,9 @@
     </tr>
     {% endif %}
     {% endfor %}
-  </table>
-  {% endwith %}
+    </table>
+    
+    </div>
+    
+    {% endwith %}
 {% endfor %}
diff --git a/templates/teams/team_base.html b/templates/teams/team_base.html
index cd49ae4..e1d8188 100644
--- a/templates/teams/team_base.html
+++ b/templates/teams/team_base.html
@@ -3,45 +3,58 @@
 {% load url from future %}
 
 {% with team.get_description as lang %}
-<table width="100%"><tr><td valign="top" width="50%">
+<div class="columns">
 
-  <h2>{% trans "Details" %}
-      {% if can_edit_details %}<a href="{% url 'team_edit' team.name %}">
-        <img src="{{ MEDIA_URL }}img/edit_small.png" alt="Edit"/></a>
-      {% endif %}
-  </h2>
+    <div class="bloc first half">
+        <h2>{% trans "Details" %}
+            {% if can_edit_details %}
+                <a href="{% url 'team_edit' team.name %}">
+                    <img src="{{ MEDIA_URL }}img/edit_small.png" alt="Edit"/>
+                </a>
+            {% endif %}
+        </h2>
+        
+        <dl>
+        {% if team.webpage_url %}
+          <dt>{% blocktrans %}{{ lang }} Translation Team Page:{% endblocktrans %}</dt>
+          <dd><a href="{{ team.webpage_url }}">{{ team.webpage_url }}</a></dd>
+        {% endif %}
+        </dl>
 
-  {% if team.webpage_url %}
-  <h3>{% blocktrans %}{{ lang }} Translation Team Page:{% endblocktrans %}</h3>
-  <a href="{{ team.webpage_url }}">{{ team.webpage_url }}</a>
-  {% endif %}
+        <dt>{% trans "Bugzilla:" %}</dt>
+        <dd>
+            <ul>
+                <li><a href="{{ language.bugs_url_enter|safe }}">{% trans "Report Bug in Translation" %}</a></li>
+                <li><a href="{{ language.bugs_url_show|safe }}">{% trans "Show Existing Bugs" %}</a></li>
+            </ul>
+        </dd>
 
-  <h3>{% trans "Bugzilla:" %}</h3>
-  <ul class="smallspacing">
-    <li><a href="{{ language.bugs_url_enter|safe }}">{% trans "Report Bug in Translation" %}</a></li>
-    <li><a href="{{ language.bugs_url_show|safe }}">{% trans "Show Existing Bugs" %}</a></li>
-  </ul>
+        {% if team.mailing_list %}
+        <dt>{% trans "Mailing List:" %}</dt>
+        <dd>
+            <ul>
+                <li><a href="mailto:{{ team.mailing_list }}">{% trans "Send e-mail to the list" %}</a></li>
+                {% if team.mailing_list_subscribe %}
+                    <li><a href="{{ team.mailing_list_subscribe }}">{% trans "Subscribe" %}</a></li>
+                {% endif %}
+            </ul>
+        </dd>
+        {% endif %}
+      
+    </div>
 
-  {% if team.mailing_list %}
-  <h3>{% trans "Mailing List:" %}</h3>
-  <ul class="smallspacing">
-    <li><a href="mailto:{{ team.mailing_list }}">{% trans "Send e-mail to the list" %}</a></li>
-    {% if team.mailing_list_subscribe %}
-    <li><a href="{{ team.mailing_list_subscribe }}">{% trans "Subscribe" %}</a></li>
-    {% endif %}
-  </ul>
-  {% endif %}
+    <div class="bloc half">
+        <h2>{% trans "Coordinator" %}</h2>
+        {% if team.get_coordinator %}
+          {% with team.get_coordinator as person %}
+          {% include "people/person_overview.html" %}
+          {% endwith %}
+        {% else %}
+          <p><em>{% trans "This team has currently no coordinator." %}<br>
+             {% blocktrans with link="http://live.gnome.org/TranslationProject/TeamCoordinatorResponsibilities"; %}See <a href="{{ link }}">the GTP Wiki</a> for more information about coordinatorship.{% endblocktrans %}</em></p>
+        {% endif %}
+    </div>
 
-  </td><td valign="top">
-    <h2>{% trans "Coordinator" %}</h2>
-    {% if team.get_coordinator %}
-      {% with team.get_coordinator as person %}
-      {% include "people/person_overview.html" %}
-      {% endwith %}
-    {% else %}
-      <p><em>{% trans "This team has currently no coordinator." %}<br>
-         {% blocktrans with link="http://live.gnome.org/TranslationProject/TeamCoordinatorResponsibilities"; %}See <a href="{{ link }}">the GTP Wiki</a> for more information about coordinatorship.{% endblocktrans %}</em></p>
-    {% endif %}
-</td></tr></table>
+</div>
 {% endwith %}
 
diff --git a/templates/teams/team_detail.html b/templates/teams/team_detail.html
index ada7908..a6d5b96 100644
--- a/templates/teams/team_detail.html
+++ b/templates/teams/team_detail.html
@@ -37,37 +37,52 @@ $(document).ready(function() {
 <div class="mainpage">
 
 {% if not team.fake %}
-  <h1>{% blocktrans with team.get_description as lang %}{{ lang }} Translation Team{% endblocktrans %}</h1>
-  {% if team.presentation %}<p>{{ team.presentation|markdown }}</p>{% endif %}
 
-  {% with team.get_languages.0 as language %}
-  {% include "teams/team_base.html" %}
-  {% endwith %}
+    <h1>{% blocktrans with team.get_description as lang %}{{ lang }} Translation Team{% endblocktrans %}</h1>
+    {% if team.presentation %}
+        <div>{{ team.presentation|markdown }}</div>
+        <hr />
+    {% endif %}
+
+    {% with team.get_languages.0 as language %}
+        {% include "teams/team_base.html" %}
+    {% endwith %}
+    
 {% else %}
-  <h1>{{ team.get_description }}</h1>
-  <p><em>{% blocktrans %}There is currently no established team for this language. See <a href="http://live.gnome.org/TranslationProject/StartingATeam";>the GTP Wiki</a> to get more information about the process of building a new translation team.{% endblocktrans %}</em></p>
+
+    <h1>{{ team.get_description }}</h1>
+    <p><em>{% blocktrans %}There is currently no established team for this language. See <a href="http://live.gnome.org/TranslationProject/StartingATeam";>the GTP Wiki</a> to get more information about the process of building a new translation team.{% endblocktrans %}</em></p>
+
 {% endif %}
 
 {% for lang in team.get_languages %}
-  <h2>{{ lang.get_name }} ({{ lang.locale }})</h2>
-  {% with show_all_modules_line=1 stats=lang.get_release_stats %}
-  {% include "languages/language_release_summary.html" %}
-  {% endwith %}
+
+    <h2>{{ lang.get_name }} <code style="font-weight: normal;">({{ lang.locale }})</code></h2>
+    
+    {% with 1 as show_all_modules_line %}
+        {% with lang.get_release_stats as stats %}
+            {% include "languages/language_release_summary.html" %}
+        {% endwith %}
+    {% endwith %}
+
 {% if user.is_authenticated %}
   <div class="float_right"><a href="{% url 'activity_by_language' lang.locale %}">{% trans "Current activities" %}</a></div>
 {% endif %}
-<div><strong>{% trans "Plural forms:" %}</strong> {{ lang.get_plurals }}</div>
 
-<h3><a href="." class="archives" id="{{ lang.locale|escapeat }}"><img src="{{ MEDIA_URL }}img/closed.png" /></a>&nbsp;{% trans "Archives" %}</h3>
-<div id="div-rel-archives-{{ lang.locale|escapeat }}" class="empty" style="display:none;"></div>
+    <p><strong>{% trans "Plural forms:" %}</strong> {{ lang.get_plurals }}</p>
+
+    <h3><a href="." class="archives" id="{{ lang.locale|escapeat }}"><img src="{{ MEDIA_URL }}img/closed.png" /></a>&nbsp;{% trans "Archives" %}</h3>
+    <div id="div-rel-archives-{{ lang.locale|escapeat }}" class="empty" style="display:none;"></div>
 
 {% endfor %}
 
 {% if not team.fake %}
-<h2>{% trans "Team membership" %}</h2>
-{% for group in mem_groups %}
-    <h3>{{ group.title }}</h3>
-    {% if group.form %}
+    <h2>{% trans "Team membership" %}</h2>
+    
+    {% for group in mem_groups %}
+        <h3>{{ group.title }}</h3>
+        
+        {% if group.form %}
         <form action="#" method="POST">
         <ul>
         {% for field in group.form.get_fields %}
@@ -75,7 +90,7 @@ $(document).ready(function() {
         {% endfor %}
         </ul>
         {{ group.form.form_type }}
-        <input type="submit" value="{% trans "Apply modifications" %}">
+        <input type="submit" value="{% trans 'Apply modifications' %}">
         </form>
     {% else %}
       {% if not group.members %}
diff --git a/templates/vertimus/vertimus_detail.html b/templates/vertimus/vertimus_detail.html
index 365a309..af1bb31 100644
--- a/templates/vertimus/vertimus_detail.html
+++ b/templates/vertimus/vertimus_detail.html
@@ -85,7 +85,7 @@ $(document).ready(function() {
     {% trans "PO file statistics (reduced):" %}
     <div style="display: inline-block;">
       <span class="help_link"><a href="{% url 'help' 'reduced_po' %}">
-        <img src="{{ MEDIA_URL }}img/help.png" alt="help icon" width="26">
+        <img src="{{ MEDIA_URL }}img/help.png" alt="help icon" />
       </a></span>
     </div>
     <br />
@@ -168,14 +168,15 @@ $(document).ready(function() {
     <div class="vertimus_action_content">
       {% if action.file %}
       <div class="uploaded_file">
-        <a href="{{ action.file.url }}">
-          <img src="{{ MEDIA_URL }}img/download.png"/>&nbsp;{{ action.get_filename }}
+        <a href="{{ action.file.url }}" class="download_button">
+          {{ action.get_filename }}
         </a>
         <br/>
         {% if action.has_po_file %}
           {% if action.merged_file.url %}
-            <a href="{{ action.merged_file.url }}">
-              <img src="{{ MEDIA_URL }}img/download.png"/>&nbsp;{{ action.merged_file.filename }}</a>
+            <a href="{{ action.merged_file.url }}" class="download_button">
+              {{ action.merged_file.filename }}
+            </a>
             {{ action.merged_file|num_stats:'short' }}<br/>
           {% endif %}
           <div class="right_actions">{% trans "diff with:" %}



[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]