addons/web_kanban/static/src/css/kanban.css

   1 @charset "utf-8";
   2 .openerp .oe_kanban_view {
   3   background: white;
   4   height: inherit;
   5 }
   6 .openerp .oe_kanban_view.oe_kanban_grouped .oe_kanban_dummy_cell {
   7   background: url(/web/static/src/img/form_sheetbg.png);
   8   width: 100%;
   9 }
  10 .openerp .oe_kanban_view .oe_kanban_group_length {
  11   text-align: center;
  12   display: none;
  13 }
  14 .openerp .oe_kanban_view .oe_kanban_group_length .oe_tag {
  15   position: relative;
  16   top: 8px;
  17   font-weight: bold;
  18 }
  19 .openerp .oe_kanban_view .oe_kanban_header:hover .oe_kanban_group_length {
  20   display: none;
  21 }
  22 .openerp .oe_kanban_view .ui-sortable-placeholder {
  23   border: 1px solid rgba(0, 0, 0, 0.1);
  24   visibility: visible !important;
  25 }
  26 .openerp .oe_kanban_view .ui-sortable-helper {
  27   -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
  28   -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
  29   -box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
  30   -moz-transform: rotate(3deg);
  31   -webkit-transform: rotate(3deg);
  32   -o-transform: rotate(3deg);
  33   -ms-transform: rotate(3deg);
  34   -webkit-transition: -webkit-transform 100ms linear;
  35   -moz-transition: -moz-transform 100ms linear;
  36   transition: transform 100ms linear;
  37 }
  38 .openerp .oe_kanban_view .oe_kanban_left {
  39   float: left;
  40 }
  41 .openerp .oe_kanban_view .oe_kanban_right {
  42   float: right;
  43 }
  44 .openerp .oe_kanban_view .oe_kanban_clear {
  45   clear: both;
  46 }
  47 .openerp .oe_kanban_view .oe_kanban_content {
  48   word-wrap: break-word;
  49 }
  50 .openerp .oe_kanban_view .oe_kanban_content .oe_star_on, .openerp .oe_kanban_view .oe_kanban_content .oe_star_off {
  51   color: #cccccc;
  52   text-shadow: 0 0 2px black;
  53   vertical-align: top;
  54   position: relative;
  55   top: -5px;
  56 }
  57 .openerp .oe_kanban_view .oe_kanban_content .oe_star_on:hover, .openerp .oe_kanban_view .oe_kanban_content .oe_star_off:hover {
  58   text-decoration: none;
  59 }
  60 .openerp .oe_kanban_view .oe_kanban_content .oe_star_on {
  61   color: gold;
  62 }
  63 .openerp .oe_kanban_view .oe_kanban_content div:first-child {
  64   margin-right: 16px;
  65 }
  66 .openerp .oe_kanban_view .oe_kanban_button_new {
  67   color: white;
  68   background: #dc5f59;
  69 }
  70 .openerp .oe_kanban_view .oe_kanban_groups {
  71   height: inherit;
  72 }
  73 .openerp .oe_kanban_view.oe_kanban_ungrouped .oe_kanban_groups {
  74   width: 100%;
  75 }
  76 .openerp .oe_kanban_view.oe_kanban_grouped_by_m2o .oe_kanban_group_title {
  77   cursor: move;
  78 }
  79 .openerp .oe_kanban_view .oe_kanban_header .oe_dropdown_kanban {
  80   float: right;
  81 }
  82 .openerp .oe_kanban_view .oe_kanban_header .oe_dropdown_kanban > span {
  83   visibility: hidden;
  84 }
  85 .openerp .oe_kanban_view .oe_kanban_header:hover .oe_dropdown_kanban > span {
  86   visibility: visible;
  87 }
  88 .openerp .oe_kanban_view .oe_kanban_header .oe_dropdown_menu {
  89   font-weight: normal;
  90   font-size: 13px;
  91 }
  92 .openerp .oe_kanban_view .oe_kanban_group_title {
  93   position: relative;
  94   font-size: 16px;
  95   font-weight: bold;
  96   color: #333333;
  97   text-shadow: 0 1px 0 white;
  98   margin-right: 30px;
  99   width: 200px;
 100 }
 101 .openerp .oe_kanban_view .oe_kanban_group_title .oe_kanban_group_title_text {
 102   margin-right: 4px;
 103   white-space: nowrap;
 104   overflow: hidden;
 105   text-overflow: ellipsis;
 106 }
 107 .openerp .oe_kanban_view .oe_fold_column .oe_kanban_group_length {
 108   position: absolute;
 109   top: -1px;
 110   right: -14px;
 111   float: right;
 112   display: block;
 113 }
 114 .openerp .oe_kanban_view.oe_kanban_grouped .oe_kanban_column, .openerp .oe_kanban_view.oe_kanban_grouped .oe_kanban_group_header {
 115   width: 185px;
 116   min-width: 185px;
 117 }
 118 .openerp .oe_kanban_view.oe_kanban_grouped .oe_kanban_column.oe_kanban_group_folded, .openerp .oe_kanban_view.oe_kanban_grouped .oe_kanban_group_header.oe_kanban_group_folded {
 119   width: auto;
 120   min-width: 30px;
 121 }
 122 .openerp .oe_kanban_view .oe_kanban_column, .openerp .oe_kanban_view .oe_kanban_group_header {
 123   vertical-align: top;
 124   padding: 5px 5px 5px 4px;
 125 }
 126 .openerp .oe_kanban_view .oe_kanban_column ul, .openerp .oe_kanban_view .oe_kanban_column li, .openerp .oe_kanban_view .oe_kanban_group_header ul, .openerp .oe_kanban_view .oe_kanban_group_header li {
 127   margin: 0;
 128   padding: 0;
 129   list-style-type: none;
 130 }
 131 .openerp .oe_kanban_view .oe_kanban_group_header.oe_kanban_no_group {
 132   padding: 0px;
 133 }
 134 .openerp .oe_kanban_view.oe_kanban_grouped .oe_kanban_column, .openerp .oe_kanban_view .oe_kanban_group_header {
 135   background: #f0eeee;
 136   border-left: 1px solid #f0f8f8;
 137   border-right: 1px solid #b9b9b9;
 138 }
 139 .openerp .oe_kanban_view .oe_form .oe_kanban_column {
 140   padding: 0px;
 141   background: white;
 142 }
 143 .openerp .oe_kanban_view .oe_kanban_column, .openerp .oe_kanban_view .oe_kanban_column_cards {
 144   height: 100%;
 145 }
 146 .openerp .oe_kanban_view .oe_kanban_aggregates {
 147   padding: 0;
 148   margin: 0px;
 149 }
 150 .openerp .oe_kanban_view .oe_kanban_group_folded .oe_kanban_group_title, .openerp .oe_kanban_view .oe_kanban_group_folded.oe_kanban_column *, .openerp .oe_kanban_view .oe_kanban_group_folded .oe_kanban_aggregates, .openerp .oe_kanban_view .oe_kanban_group_folded .oe_kanban_add {
 151   display: none;
 152 }
 153 .openerp .oe_kanban_view .oe_kanban_group_folded .oe_kanban_group_title_vertical, .openerp .oe_kanban_view .oe_kanban_group_folded .oe_kanban_group_length {
 154   display: block;
 155 }
 156 .openerp .oe_kanban_view .oe_kanban_group_folded .oe_dropdown_kanban {
 157   left: -5px;
 158 }
 159 .openerp .oe_kanban_view .oe_kanban_group_title_undefined {
 160   color: #666666;
 161 }
 162 .openerp .oe_kanban_view .oe_kanban_group_title_vertical {
 163   writing-mode: tb-rl;
 164   -webkit-transform: rotate(90deg);
 165   -moz-transform: rotate(90deg);
 166   -o-transform: rotate(90deg);
 167   -ms-transform: rotate(90deg);
 168   transform: rotate(90deg);
 169   width: 30px;
 170   font-size: 24px;
 171   white-space: nowrap;
 172   display: none;
 173   position: relative;
 174   opacity: 0.75;
 175   top: 26px;
 176 }
 177 .openerp .oe_kanban_view .oe_kanban_add, .openerp .oe_kanban_view .oe_kanban_header .oe_dropdown_toggle {
 178   margin-left: 4px;
 179   cursor: pointer;
 180   position: relative;
 181 }
 182 .openerp .oe_kanban_view .oe_kanban_add {
 183   top: -8px;
 184 }
 185 .openerp .oe_kanban_view .oe_kanban_header .oe_dropdown_toggle {
 186   top: -2px;
 187   height: 14px;
 188 }
 189 .openerp .oe_kanban_view .oe_kanban_card, .openerp .oe_kanban_view .oe_dropdown_toggle {
 190   cursor: pointer;
 191   display: inline-block;
 192 }
 193 .openerp .oe_kanban_view .oe_kanban_add {
 194   float: right;
 195 }
 196 .openerp .oe_kanban_view .oe_kanban_quick_create_buttons {
 197   margin: 4px 0;
 198 }
 199 .openerp .oe_kanban_view .oe_kanban_no_group .oe_kanban_quick_create {
 200   width: 185px;
 201   padding: 10px;
 202 }
 203 .openerp .oe_kanban_view .oe_kanban_quick_create input {
 204   -webkit-box-sizing: border-box;
 205   -moz-box-sizing: border-box;
 206   box-sizing: border-box;
 207   outline: none;
 208   border: 1px solid transparent;
 209   display: block;
 210   margin-bottom: 8px;
 211   font-size: 13px;
 212   width: 100%;
 213   -moz-box-shadow: none;
 214   -webkit-box-shadow: none;
 215   -box-shadow: none;
 216 }
 217 .openerp .oe_kanban_view .oe_kanban_quick_create input:focus {
 218   border: 1px solid #a6a6fe;
 219   -moz-box-shadow: 0px 0px 7px rgba(0, 133, 255, 0.3) inset;
 220   -webkit-box-shadow: 0px 0px 7px rgba(0, 133, 255, 0.3) inset;
 221   -box-shadow: 0px 0px 7px rgba(0, 133, 255, 0.3) inset;
 222 }
 223 .openerp .oe_kanban_view .oe_kanban_vignette {
 224   padding: 8px;
 225   min-height: 100px;
 226 }
 227 .openerp .oe_kanban_view .oe_kanban_image {
 228   display: inline-block;
 229   vertical-align: top;
 230   width: 64px;
 231   height: 64px;
 232   text-align: center;
 233   overflow: hidden;
 234   -moz-border-radius: 3px;
 235   -webkit-border-radius: 3px;
 236   border-radius: 3px;
 237   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
 238   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
 239   -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
 240 }
 241 .openerp .oe_kanban_view .oe_kanban_details {
 242   display: inline-block;
 243   vertical-align: top;
 244   width: 240px;
 245   font-size: 13px;
 246   padding: 0 5px;
 247   color: #4c4c4c;
 248 }
 249 .openerp .oe_kanban_view .oe_kanban_details h4 {
 250   margin: 0 0 4px 0;
 251 }
 252 .openerp .oe_kanban_view .oe_kanban_details .oe_tag {
 253   display: inline-block;
 254   margin: 0 2px 2px 0;
 255 }
 256 .openerp .oe_kanban_view .oe_kanban_record {
 257   position: relative;
 258   display: block;
 259   min-height: 20px;
 260   margin: 0;
 261   -moz-border-radius: 4px;
 262   -webkit-border-radius: 4px;
 263   border-radius: 4px;
 264 }
 265 .openerp .oe_kanban_view .oe_kanban_record:last-child {
 266   margin-bottom: 0;
 267 }
 268 .openerp .oe_kanban_view .oe_kanban_record .oe_kanban_title {
 269   font-weight: bold;
 270   margin: 2px 4px;
 271 }
 272 .openerp .oe_kanban_view.oe_kanban_grouped .oe_kanban_record {
 273   margin-bottom: 4px;
 274 }
 275 .openerp .oe_kanban_view .oe_kanban_avatar_smallbox {
 276   height: 40px;
 277   width: 40px;
 278   border: 1px solid;
 279   border-color: #e5e5e5 #dbdbdb #d2d2d2;
 280   -moz-border-radius: 3px;
 281   -webkit-border-radius: 3px;
 282   border-radius: 3px;
 283   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
 284   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
 285   -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
 286 }
 287 .openerp .oe_kanban_view .oe_kanban_box {
 288   background: white;
 289   border: 2px solid #cccccc;
 290   border-radius: 4px;
 291   -moz-border-radius: 4px;
 292   -webkit-border-radius: 4px;
 293   margin-bottom: 5px;
 294 }
 295 .openerp .oe_kanban_view .oe_kanban_box_header {
 296   border-bottom: 1px solid #cccccc;
 297 }
 298 .openerp .oe_kanban_view .oe_kanban_title {
 299   font-size: 95%;
 300   font-weight: bold;
 301   padding: 0 4px 0 4px;
 302 }
 303 .openerp .oe_kanban_view .oe_kanban_small {
 304   font-size: 80%;
 305   font-weight: normal;
 306 }
 307 .openerp .oe_kanban_view .oe_kanban_show_more {
 308   clear: both;
 309   text-align: center;
 310 }
 311 .openerp .oe_kanban_view.oe_kanban_grouped .oe_kanban_show_more .oe_button {
 312   width: 100%;
 313 }
 314 .openerp .oe_kanban_view.oe_kanban_ungrouped .oe_kanban_column .oe_kanban_record {
 315   display: inline-block;
 316   padding: 2px;
 317   vertical-align: top;
 318   box-sizing: border-box;
 319   -moz-box-sizing: border-box;
 320   -webkit-box-sizing: border-box;
 321 }
 322 .openerp .oe_kanban_view .oe_kanban_action_button {
 323   height: 22px;
 324   margin: 0;
 325 }
 326 .openerp .oe_kanban_view .oe_kanban_action_a {
 327   text-decoration: none;
 328 }
 329 .openerp .oe_kanban_view .oe_kanban_action_a:hover {
 330   text-decoration: none;
 331 }
 332 .openerp .oe_kanban_view .oe_kanban_table {
 333   width: 100%;
 334   border: none;
 335   border-collapse: collapse;
 336   margin: 0;
 337   padding: 0;
 338 }
 339 .openerp .oe_kanban_view .oe_kanban_table tr td {
 340   padding: 0;
 341 }
 342 .openerp .oe_kanban_view .oe_kanban_table tr td.oe_kanban_title {
 343   padding: 2px;
 344 }
 345 .openerp .oe_kanban_view .oe_kanban_box_content {
 346   padding: 4px;
 347   font-size: 90%;
 348 }
 349 .openerp .oe_kanban_view .oe_kanban_button {
 350   border: 1px solid #8ec1da;
 351   background-color: #ddeef6;
 352   border-radius: 3px;
 353   -moz-border-radius: 3px;
 354   -webkit-border-radius: 3px;
 355   color: black;
 356   text-shadow: 0 1px white;
 357   padding: 0 4px;
 358   font-size: 85%;
 359   margin: 1px;
 360 }
 361 .openerp .oe_kanban_view a.oe_kanban_button:hover, .openerp .oe_kanban_view .openerp button.oe_kanban_button:hover {
 362   background-color: #eeddf6;
 363 }
 364 .openerp .oe_kanban_view .oe_kanban_buttons_set {
 365   border-top: 1px dotted;
 366   white-space: nowrap;
 367   padding-top: 2px;
 368   position: relative;
 369   clear: both;
 370 }
 371 .openerp .oe_kanban_view .oe_kanban_buttons_set a {
 372   padding: 2px;
 373 }
 374 .openerp .oe_kanban_view .oe_kanban_box_show_onclick {
 375   display: none;
 376 }
 377 .openerp .oe_kanban_view .oe_kanban_draghandle {
 378   cursor: move;
 379 }
 380 .openerp .oe_kanban_view .oe_kanban_color_border {
 381   border-color: #cccccc;
 382 }
 383 .openerp .oe_kanban_view .oe_kanban_color_border {
 384   border-color: #cccccc;
 385 }
 386 .openerp .oe_kanban_view .oe_kanban_tooltip ul, .openerp .oe_kanban_view ul.oe_kanban_tooltip {
 387   padding: 0 0 4px 0;
 388   margin: 5px 0 0 15px;
 389   list-style: circle;
 390 }
 391 .openerp .oe_kanban_view .oe_kanban_highlight {
 392   border-radius: 2px;
 393   -moz-border-radius: 2px;
 394   -webkit-border-radius: 2px;
 395   padding: 1px 5px;
 396   margin: 1px 4px;
 397   white-space: nowrap;
 398   display: inline-block;
 399   line-height: 1em;
 400 }
 401 .openerp .oe_kanban_view .oe_kanban_card, .openerp .oe_kanban_view .oe_kanban_quick_create {
 402   margin-bottom: 4px;
 403   position: relative;
 404   display: block;
 405   background: white;
 406   border: 1px solid rgba(0, 0, 0, 0.16);
 407   border-bottom-color: rgba(0, 0, 0, 0.3);
 408   padding: 5px;
 409   display: block;
 410   -webkit-transition: -webkit-transform, -webkit-box-shadow, border 200ms linear;
 411   -moz-border-radius: 4px;
 412   -webkit-border-radius: 4px;
 413   border-radius: 4px;
 414 }
 415 .openerp .oe_kanban_view .oe_kanban_card:not(.ui-sortable-helper):hover, .openerp .oe_kanban_view .oe_kanban_quick_create:not(.ui-sortable-helper):hover {
 416   border: 1px solid #7c7bad;
 417   -moz-box-shadow: 0 0 4px #7c7bad;
 418   -webkit-box-shadow: 0 0 4px #7c7bad;
 419   -box-shadow: 0 0 4px #7c7bad;
 420 }
 421 .openerp .oe_kanban_view .oe_kanban_card:not(.ui-sortable-helper):hover .oe_dropdown_kanban > span, .openerp .oe_kanban_view .oe_kanban_quick_create:not(.ui-sortable-helper):hover .oe_dropdown_kanban > span {
 422   visibility: visible;
 423 }
 424 .openerp .oe_kanban_view .oe_kanban_card h3, .openerp .oe_kanban_view .oe_kanban_quick_create h3 {
 425   margin: 0 16px 0 0;
 426   color: #4c4c4c;
 427   text-decoration: none;
 428 }
 429 .openerp .oe_kanban_view .oe_kanban_card h3:hover, .openerp .oe_kanban_view .oe_kanban_quick_create h3:hover {
 430   text-decoration: none;
 431 }
 432 .openerp .oe_kanban_view .oe_kanban_card .oe_dropdown_kanban .oe_kanban_project_times li, .openerp .oe_kanban_view .oe_kanban_quick_create .oe_dropdown_kanban .oe_kanban_project_times li {
 433   float: left;
 434 }
 435 .openerp .oe_kanban_view .oe_kanban_star {
 436   float: left;
 437   position: inline-block;
 438   margin: 0 4px 0 0;
 439 }
 440 .openerp .oe_kanban_view .oe_kanban_avatar {
 441   -moz-border-radius: 3px;
 442   -webkit-border-radius: 3px;
 443   border-radius: 3px;
 444   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
 445   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
 446   -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
 447 }
 448 .openerp .oe_kanban_view .oe_kanban_footer_left {
 449   margin-top: 2px;
 450 }
 451 .openerp .oe_kanban_view .oe_kanban_footer_left > span {
 452   margin-top: 2px;
 453   display: inline-block;
 454   background: #e6e6e6;
 455   border: 1px solid #b9b9b9;
 456   color: #666666;
 457   padding: 0 2px;
 458   line-height: 16px;
 459   -moz-border-radius: 3px;
 460   -webkit-border-radius: 3px;
 461   border-radius: 3px;
 462 }
 463 .openerp .oe_kanban_view .oe_kanban_footer_left > span .oe_e {
 464   line-height: 12px;
 465   font-size: 22px;
 466 }
 467 .openerp .oe_kanban_view .oe_kanban_footer_left .oe_tags {
 468   margin-right: 0;
 469 }
 470 .openerp .oe_kanban_view .oe_kanban_footer_left .oe_tags .oe_tag {
 471   display: inline-block;
 472   padding: 0 2px;
 473   line-height: 14px;
 474 }
 475 .openerp .oe_kanban_view .oe_kanban_footer_left .oe_kanban_mail_new {
 476   line-height: 18px;
 477   background-color: #8a89ba;
 478   color: white;
 479   font-weight: bold;
 480   position: relative;
 481   top: -1px;
 482 }
 483 .openerp .oe_kanban_view .oe_kanban_bottom_right {
 484   float: right;
 485   position: relative;
 486   top: 2px;
 487 }
 488 .openerp .oe_kanban_view .oe_kanban_status {
 489   position: relative;
 490   top: 4px;
 491   display: inline-block;
 492   height: 12px;
 493   width: 12px;
 494   -moz-border-radius: 6px;
 495   -webkit-border-radius: 6px;
 496   border-radius: 6px;
 497   background-position: center center;
 498   background-image: -webkit-radial-gradient(circle, #eeeeee 0%, #cccccc 40%, #bbbbbb 100%);
 499   background-image: -moz-radial-gradient(#eeeeee 0%, #cccccc 40%, #bbbbbb 100%);
 500   background-image: -ms-radial-gradient(#eeeeee 0%, #cccccc 40%, #bbbbbb 100%);
 501   background-image: radial-gradient(#eeeeee 0%, #cccccc 40%, #bbbbbb 100%);
 502 }
 503 .openerp .oe_kanban_view .oe_kanban_status_green {
 504   background: green;
 505   background-position: center center;
 506   background-image: -webkit-radial-gradient(circle, #55dd55 0%, #44aa44 40%, #339933 100%);
 507   background-image: -moz-radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%);
 508   background-image: -ms-radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%);
 509   background-image: radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%);
 510 }
 511 .openerp .oe_kanban_view .oe_kanban_status_red {
 512   background: red;
 513   background-position: center center;
 514   background-image: -webkit-radial-gradient(circle, #ee7777 0%, #cc3333 40%, #bb0808 100%);
 515   background-image: -moz-radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%);
 516   background-image: -ms-radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%);
 517   background-image: radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%);
 518 }
 519 .openerp .oe_kanban_view .oe_kanban_text_red {
 520   color: #a61300;
 521   font-weight: bold;
 522   -moz-border-radius: 4px;
 523   -webkit-border-radius: 4px;
 524   border-radius: 4px;
 525 }
 526 .openerp .oe_kanban_view .oe_kanban_ellipsis {
 527   overflow: hidden;
 528   text-overflow: ellipsis;
 529   white-space: nowrap;
 530 }
 531 .openerp .oe_kanban_view .oe_dropdown_kanban {
 532   float: right;
 533   cursor: pointer;
 534   margin-top: -6px;
 535 }
 536 .openerp .oe_kanban_view .oe_dropdown_kanban:hover {
 537   text-decoration: none;
 538 }
 539 .openerp .oe_kanban_view .oe_dropdown_kanban .oe_dropdown_menu {
 540   left: 0;
 541   top: 28px;
 542   min-width: 160px;
 543   padding: 2px;
 544 }
 545 .openerp .oe_kanban_view .oe_dropdown_kanban .oe_dropdown_menu > li {
 546   padding: 3px;
 547 }
 548 .openerp .oe_kanban_view .oe_dropdown_kanban.oe_opened > span {
 549   visibility: visible;
 550 }
 551 .openerp .oe_kanban_view .oe_dropdown_kanban > span {
 552   visibility: hidden;
 553 }
 554 .openerp .oe_kanban_view .oe_kanban_colorpicker {
 555   white-space: nowrap;
 556 }
 557 .openerp .oe_kanban_view .oe_kanban_colorpicker li {
 558   float: left;
 559   margin: 0;
 560   padding: 0;
 561 }
 562 .openerp .oe_kanban_view .oe_kanban_colorpicker li a {
 563   display: inline-block;
 564   width: 16px;
 565   height: 16px;
 566   border: 1px solid white;
 567 }
 568 .openerp .oe_kanban_view .oe_kanban_colorpicker li a:hover {
 569   border: 1px solid gray !important;
 570 }
 571 .openerp .oe_kanban_view .oe_kanban_colorpicker li:first-child a {
 572   border: 1px solid #cccccc;
 573 }
 574 .openerp .oe_kanban_view .oe_kanban_color_0 {
 575   background-color: white;
 576   color: #5a5a5a;
 577 }
 578 .openerp .oe_kanban_view .oe_kanban_color_1 {
 579   background-color: #cccccc;
 580   color: #424242;
 581 }
 582 .openerp .oe_kanban_view .oe_kanban_color_2 {
 583   background-color: #ffc7c7;
 584   color: #7a3737;
 585 }
 586 .openerp .oe_kanban_view .oe_kanban_color_3 {
 587   background-color: #fff1c7;
 588   color: #756832;
 589 }
 590 .openerp .oe_kanban_view .oe_kanban_color_4 {
 591   background-color: #e3ffc7;
 592   color: #5d6937;
 593 }
 594 .openerp .oe_kanban_view .oe_kanban_color_5 {
 595   background-color: #c7ffd5;
 596   color: #1a7759;
 597 }
 598 .openerp .oe_kanban_view .oe_kanban_color_6 {
 599   background-color: #c7ffff;
 600   color: #1a5d83;
 601 }
 602 .openerp .oe_kanban_view .oe_kanban_color_7 {
 603   background-color: #c7d5ff;
 604   color: #3b3e75;
 605 }
 606 .openerp .oe_kanban_view .oe_kanban_color_8 {
 607   background-color: #e3c7ff;
 608   color: #4c3668;
 609 }
 610 .openerp .oe_kanban_view .oe_kanban_color_9 {
 611   background-color: #ffc7f1;
 612   color: #6d2c70;
 613 }
 614
 615 .openerp .oe_form .oe_kanban_view .oe_kanban_column, .openerp .oe_form .oe_kanban_view .oe_kanban_group_header {
 616   padding: 0px;
 617   background: white;
 618 }
 619
 620 .openerp .oe_popup_form .oe_kanban_buttons .oe_highlight {
 621   color: #404040;
 622   background: none;
 623 }
 624 .openerp .oe_popup_form .oe_kanban_buttons button.oe_highlight {
 625   background-color: #efefef;
 626   background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d8d8d8));
 627   background-image: -webkit-linear-gradient(top, #efefef, #d8d8d8);
 628   background-image: -moz-linear-gradient(top, #efefef, #d8d8d8);
 629   background-image: -ms-linear-gradient(top, #efefef, #d8d8d8);
 630   background-image: -o-linear-gradient(top, #efefef, #d8d8d8);
 631   background-image: linear-gradient(to bottom, #efefef, #d8d8d8);
 632   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
 633   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
 634   -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
 635 }
 636 .openerp .oe_popup_form .oe_kanban_buttons button.oe_highlight:active {
 637   background-color: #e3e3e3;
 638   background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f6f6f6));
 639   background-image: -webkit-linear-gradient(top, #e3e3e3, #f6f6f6);
 640   background-image: -moz-linear-gradient(top, #e3e3e3, #f6f6f6);
 641   background-image: -ms-linear-gradient(top, #e3e3e3, #f6f6f6);
 642   background-image: -o-linear-gradient(top, #e3e3e3, #f6f6f6);
 643   background-image: linear-gradient(to bottom, #e3e3e3, #f6f6f6);
 644   -moz-box-shadow: none;
 645   -webkit-box-shadow: none;
 646   -box-shadow: none;
 647 }
 648 .openerp .oe_popup_form .oe_kanban_buttons button.oe_highlight:hover {
 649   background-color: #f6f6f6;
 650   background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
 651   background-image: -webkit-linear-gradient(top, #f6f6f6, #e3e3e3);
 652   background-image: -moz-linear-gradient(top, #f6f6f6, #e3e3e3);
 653   background-image: -ms-linear-gradient(top, #f6f6f6, #e3e3e3);
 654   background-image: -o-linear-gradient(top, #f6f6f6, #e3e3e3);
 655   background-image: linear-gradient(to bottom, #f6f6f6, #e3e3e3);
 656   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
 657   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
 658   -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
 659 }
 660
 661 .openerp_ie .oe_kanban_view .oe_kanban_group_header .oe_kanban_group_title_vertical {
 662   display: none !important;
 663 }
 664 .openerp_ie .oe_kanban_view .oe_kanban_group_header.oe_kanban_group_folded .oe_kanban_group_title_vertical {
 665   display: inline-block !important;
 666 }
 667 .openerp_ie .oe_kanban_view .oe_kanban_group_title_vertical {
 668   -ms-writing-mode: lr-tb !important;
 669   background: #f0eeee;
 670 }
 671 .openerp_ie .oe_kanban_view.oe_kanban_grouped .oe_kanban_group_header {
 672   height: 1%;
 673 }
 674
 675 @media print {
 676   .openerp .oe_kanban_groups button {
 677     visibility: hidden;
 678   }
 679   .openerp .oe_kanban_groups a[data-type=object], .openerp .oe_kanban_groups a[data-type=delete] {
 680     visibility: hidden;
 681   }
 682   .openerp .oe_kanban_view .oe_kanban_group_title {
 683     text-shadow: none !important;
 684   }
 685 }