odoo/addons/gamification/static/src/css/goal.css

/* Kanban views */
.openerp .oe_kanban_view .oe_kanban_card.oe_kanban_goal {
  width: 230px;
  min-height: 200px;
}
.openerp .oe_kanban_view .oe_kanban_card.oe_kanban_badge {
    width: 250px;
    min-height: 150px;
}
.oe_kanban_badge_avatars {
    margin-top: 8px;
}
.oe_kanban_badge_avatars img {
    width: 30px;
    height: 30px;
    padding-left: 0;
    margin-top: 3px;
    border-radius: 2px;
    -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.oe_kanban_goal .oe_goal_state_block {
    width:200px;
    height:130px;
    margin: auto;
    margin-bottom: -20px;
}
.oe_kanban_goal .oe_goal_state_block,
.oe_kanban_goal p {
    text-align: center;
}
.oe_kanban_goal .oe_goal_state_block .oe_goal_state {
    font-size: 2.5em;
    font-weight: bold;
    padding-top: 30px;
}
.oe_kanban_goal .oe_goal_state_block .oe_goal_state.oe_e{
    font-size: 7em;
}
.openerp .oe_kanban_view .oe_kanban_content .oe_goal_gauge:first-child {
    margin: auto; /* avoid margin-right: 16px; */
}
.oe_kanban_goal .oe_kanban_content .oe_goal_gauge svg {
    margin-top: -20px;
}

.openerp .oe_red {
    color: red;
}
.openerp .oe_green {
    color: green;
}
.openerp .oe_orange {
    color: orange;
}
/* compensate padding from .openerp .oe_form td.oe_form_group_cell + .oe_form_group_cell */
.openerp .oe_form td .oe_no_padding {
    margin-left: -6px;
}

/* Mail Sidebar */
.openerp .oe_mail_wall .oe_mail_wall_aside {
    margin-top: 15px;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 280px;
    background: #EDEDF6;
    border-radius: 2px;
}
.openerp .oe_mail_wall_aside > div {
    background: #EDEDF6;
    padding: 5px 5px 0 15px;
}
.openerp .oe_mail_wall_aside .oe_gamification_goal .oe_goal_reached,
.openerp .oe_mail_wall_aside .oe_gamification_goal .oe_goal_failed {
    text-decoration: line-through;
}

.openerp .oe_mail_wall .oe_mail_wall_aside ul {
    list-style-type: none; 
    padding-left: 20px;
    margin-bottom: 15px;
}
.openerp .oe_mail_wall .oe_mail_wall_aside li {
    margin-bottom: 15px;
}
.openerp .oe_mail_wall .oe_mail_wall_aside table {
    margin: 10px 0;
}
.oe_mail_wall_aside .oe_list_content tbody tr:nth-child(even) {
    background-color: #fff;
}
.openerp .oe_mail_wall .oe_mail_wall_aside td,
.openerp .oe_mail_wall .oe_mail_wall_aside th {
    vertical-align: middle;
    border: none;
}
.openerp .oe_mail_wall_aside .oe_list_content tbody th {
    padding-left: 5px;
}
.openerp .oe_mail_wall .oe_mail_wall_aside table .col0 {
    font-size: 150%;
    font-weight: bold;
}
.openerp .oe_mail_wall .oe_mail_wall_aside table td.col0 { width: 25px; }
.openerp .oe_mail_wall .oe_mail_wall_aside table td.col1 { width: 32px; }

.openerp .oe_mail_wall .oe_mail_wall_aside .oe_user_avatar { width: 32px; }

.openerp .oe_mail_wall .oe_mail_wall_aside .oe_goal_progress {
    background: rgb(173, 219, 178);
/*    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QQSDDgQbtbJfgAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAAAMSURBVAjXY2jY2AoAA2sBt0HZbqoAAAAASUVORK5CYII=);
    background-image: url("http://lorempixel.com/20/10/");
    background-repeat: repeat-y;
    background-position: 0 50%;*/
}
.openerp .oe_mail_wall .oe_mail_wall_aside table progress,.oe_form_field_progressbar {
    width: 100%;
    display: inline-block;
}
.openerp .oe_mail_wall .oe_mail_wall_aside li progress,.oe_form_field_progressbar {
    width: 80%;
    display: inline-block;
}
.openerp .oe_mail_wall .oe_mail_wall_aside li p {
    margin:5px 0;
}
.openerp .oe_mail_wall .oe_mail_wall_aside .oe_goal .oe_update_plan,
.openerp .oe_mail_wall .oe_mail_wall_aside .oe_goal .oe_goal_action {
    visibility: hidden;
    display: block;
    float: right;
}
.openerp .oe_mail_wall .oe_mail_wall_aside .oe_goal:hover > .oe_update_plan,
.openerp .oe_mail_wall .oe_mail_wall_aside .oe_goal:hover .oe_goal_action {
    visibility: visible;
}
.openerp .oe_mail_wall .oe_mail {
    display: inline-block;
}