[IMP] make it beautiful

bzr revid: mat@openerp.com-20130425101759-y3cwymvey8i9mwie

1 files changed, 45 insertions, 32 deletions

diff --git a/addons/gamification/static/src/css/gamification.css b/addons/gamification/static/src/css/gamification.css
index c5c5a3be6dd..62b7e2c8091 100644
--- a/addons/gamification/static/src/css/gamification.css
+++ b/addons/gamification/static/src/css/gamification.css
@@ -66,11 +66,12 @@
     display: inline-block;
     vertical-align: top;
     width: 280px;
-    background: #EDEDF6;
+    /*background: #EDEDF6;*/
+    background-color: #f8f8f8;
+    border: solid 1px rgba(0,0,0,0.03);
     border-radius: 2px;
 }
 .openerp .oe_mail_wall_aside > div {
-    background: #EDEDF6;
     padding: 5px 5px 0 15px;
 }
 .openerp .oe_mail_wall_aside h3 {
@@ -81,32 +82,31 @@
     line-height: 1em;
 }
 .openerp .oe_mail_wall_aside .oe_goal {
-    width: 95%;
-}
-.openerp .oe_mail_wall_aside ul.oe_goals_list {
-
+    width: 100%;
 }
+/*.openerp .oe_mail_wall_aside .oe_goal a {
+    color: #4c4c4c;;
+}*/
 .openerp .oe_mail_wall_aside .oe_goals_list {
     list-style-type: none;
-    /*list-style-type: disc;*/
     padding-left: 0;
-    /*margin-left: 15px;*/
-    margin-top: 0;
+    margin-top: 5px;
     margin-bottom: 15px;
 }
 .openerp .oe_mail_wall_aside table.oe_goals_list {
-    /*width: 95%;*/
-    border: 1px dotted rgb(221, 221, 221);
-    border-color: rgba(133, 133, 133, 0.3);
+    width: 95%;
+    /*border: 1px dotted rgb(221, 221, 221);
+    border-color: rgba(133, 133, 133, 0.3);*/
+    border: solid 1px rgba(0,0,0,0.05);
 }
 .openerp .oe_mail_wall_aside .oe_goals_list > li::before {
     content: "\0BB \020";
-    width: 15px;
 }
 .openerp .oe_mail_wall_aside .oe_goals_list > li.oe_goal_reached::before {
     color: rgb(27, 70, 7);
     content: "✓";
-    font-size: 65%; /* reduce font to have the same size as "\0BB \020" */
+    /*font-size: 65%;*/ /* reduce font to have the same size as "\0BB \020" */
+    margin-right: -4px;
 }
 .openerp .oe_mail_wall_aside .oe_gamification_goal .oe_goal_reached .oe_goal_inner_box {
     text-decoration: line-through;
@@ -116,34 +116,42 @@
     display: inline-block;
     position: relative;
     height: 100%;
-    min-height: 12px;
-    width: 94%;
+    width: 90%;
     z-index: 0;
     vertical-align: top;
+    padding-bottom: 5px;
+}
+.openerp .oe_mail_wall .oe_mail_wall_aside table .oe_goal_outer_box {
+    width: 100%;
 }
-.openerp .oe_mail_wall .oe_mail_wall_aside li .oe_goal_outer_box {
+/*.openerp .oe_mail_wall .oe_mail_wall_aside li .oe_goal_outer_box {
     border: 1px dotted rgb(221, 221, 221);
     border-color: rgba(133, 133, 133, 0.3);
+}*/
+.openerp .oe_mail_wall .oe_mail_wall_aside .oe_goal_progress_background {
+    background-color: rgb(231, 190, 190);
+    position: absolute;
+    height: 4px;
+    width: 100%;
+    z-index: -2;
+    top: 0; left: 0;
 }
 .openerp .oe_mail_wall .oe_mail_wall_aside .oe_goal_progress {
-    background: rgb(183, 231, 179);
-    background: rgba(183, 231, 179, 0.5);
-    display: inline-block;
+    /*background: rgb(183, 231, 179);*/
+    /*background: rgba(183, 231, 179, 0.5);*/
+    /*background-color: #7c7bad;*/
+    background-color: rgb(88, 155, 91);
     position: absolute;
-    height: 100%;
+    height: 3px;
     width: 0;
     z-index: -1;
     top: 0; left: 0;
 }
 .openerp .oe_mail_wall_aside .oe_goals_list .oe_goal_inner_box {
     display: inline-block;
-    /*position: absolute;*/
-    /*width: 200px;*/
-    /*min-height: 32px;*/
-    /*vertical-align: middle;*/
-    z-index: 2;
-    /*top: 0; left: 0;*/
     height: 100%;
+    padding-top: 3px;
+    line-height: 1em;
 }
 .openerp .oe_mail_wall_aside .oe_goals_list .oe_goal_inner_box strong {
     padding-left: 5px;
@@ -162,14 +170,18 @@
     padding: 5px;
 }
 .openerp .oe_mail_wall_aside .oe_goals_list tbody tr {
-    height: 32px;
+    height: 24px;
 }
-.oe_mail_wall_aside .oe_goals_list tbody tr:nth-child(even) {
+/*.oe_mail_wall_aside .oe_goals_list tbody tr:nth-child(even) {
     background-color: #fff;
 }
+*/
+.openerp .oe_mail_wall_aside .oe_goals_list tbody td {
+    padding-bottom: 5px;
+}
 .openerp .oe_mail_wall_aside .oe_goals_list tbody th {
     padding-left: 5px;
-    height: 32px;
+    height: 24px;
 }
 .openerp .oe_mail_wall_aside table.oe_goals_list .col0 {
     font-size: 160%;
@@ -179,10 +191,10 @@
     padding: 0 5px;
 }
 .openerp .oe_mail_wall_aside table.oe_goals_list .col2 {
-    width: 200px;
+    width: 100%;
 }
 .openerp .oe_mail_wall .oe_mail_wall_aside .oe_user_avatar {
-    width: 32px;
+    width: 24px;
     padding-right: 5px;
 }
 .openerp .oe_mail_wall .oe_mail_wall_aside .oe_goal .oe_update_plan.oe_e,
@@ -190,6 +202,7 @@
     visibility: hidden;
     font-size: 25px;
     float: right;
+    margin-right: 15px;
     position: relative;
 }
 .openerp .oe_mail_wall .oe_mail_wall_aside .oe_goal div:hover > .oe_update_plan,