addons/web_dashboard/static/src/css/dashboard.css

   1 .openerp table.oe-dashboard {
   2     width: 100%;
   3 }
   4 .openerp .oe-dashboard-links {
   5     text-align: right;
   6     margin: 0 4px 6px 0;
   7 }
   8 .openerp .oe-dashboard-action {
   9     margin: 0 0.5em 0.5em 0;
  10     padding: 0px;
  11     background-color: white;
  12     border-radius: 3px;
  13     -moz-border-radius: 3px;
  14     -webkit-border-radius: 3px;
  15 }
  16
  17 .openerp .oe-dashboard-action .oe-dashboard-action-header {
  18     font-size: 85%;
  19     font-weight: bold;
  20     text-transform: uppercase;
  21     text-indent: 10px;
  22     vertical-align: center;
  23     border-bottom: 1px solid #e5e5e5;
  24     background: white url("/web/static/src/img/box-a-header-a.gif") 0% 0% repeat-x;
  25 }
  26
  27 .openerp h2.oe-dashboard-action-header {
  28     margin: 0;
  29     padding:4px 4px;
  30     -moz-border-radius-topleft: 3px;
  31     -webkit-border-top-left-radius: 3px;
  32     border-top-left-radius: 3px;
  33     -moz-border-radius-topright: 3px;
  34     -webkit-border-top-right-radius: 3px;
  35     border-top-right-radius: 3px;
  36 }
  37 .openerp h2.oe-dashboard-action-header-empty {
  38     padding-top: 0;
  39     padding-bottom: 2px;
  40 }
  41
  42 .openerp .oe_dashboard_button_create {
  43     margin-left: 4px;
  44     padding: 0 4px 0 4px;
  45     height: 16px !important;
  46 }
  47
  48 .openerp a.oe-dashboard-action-rename {
  49     float: left;
  50     padding-right: 4px;
  51     position: relative;
  52     top: 1px;
  53 }
  54 .openerp .oe-dashboard-action-input {
  55     height: 16px;
  56     position: relative;
  57     top: 2px;
  58 }
  59
  60 .openerp .oe-dashboard-action .oe-dashboard-action-header:hover {
  61     cursor: move;
  62 }
  63 .openerp .oe-dashboard-action .ui-icon {
  64     cursor: pointer;
  65 }
  66 .openerp .oe-dashboard-action .ui-icon:hover {
  67     background-color: #ccc;
  68     border-radius: 4px;
  69     -moz-border-radius: 4px;
  70     -webkit-border-radius: 4px;
  71 }
  72
  73 .openerp .oe-dashboard-action .oe-dashboard-action-header .ui-icon {
  74     float: right;
  75 }
  76
  77 .openerp .oe-dashboard .ui-sortable-placeholder {
  78     border: 1px dotted black;
  79     visibility: visible !important;
  80     height: 50px !important;
  81 }
  82
  83 .openerp .oe-dashboard .ui-sortable-placeholder * {
  84     visibility: hidden;
  85 }
  86
  87 /* Base overwriting */
  88 .openerp .oe-dashboard .oe-listview-content, .openerp .oe-dashboard .ui-widget-header {
  89     border-right:none !important;
  90     padding:0 3px;
  91 }
  92
  93 /* Layouts */
  94 .openerp .oe-dashboard-layout_1 .oe-dashboard-column.index_0 {
  95     width: 100%;
  96 }
  97 .openerp .oe-dashboard-layout_1 .oe-dashboard-column.index_1,
  98 .openerp .oe-dashboard-layout_1 .oe-dashboard-column.index_2 {
  99     display: none;
 100 }
 101
 102 .openerp .oe-dashboard-layout_1-1 .oe-dashboard-column {
 103     width: 50%;
 104 }
 105 .openerp .oe-dashboard-layout_1-1 .oe-dashboard-column.index_2 {
 106     display: none;
 107 }
 108
 109 .openerp .oe-dashboard-layout_1-1-1 .oe-dashboard-column {
 110     width: 33%;
 111 }
 112
 113 .openerp .oe-dashboard-layout_2-1 .oe-dashboard-column.index_0 {
 114     width: 70%;
 115 }
 116 .openerp .oe-dashboard-layout_2-1 .oe-dashboard-column.index_1 {
 117     width: 30%;
 118 }
 119 .openerp .oe-dashboard-layout_2-1 .oe-dashboard-column.index_2 {
 120     display: none;
 121 }
 122
 123 .openerp .oe-dashboard-layout_1-2 .oe-dashboard-column.index_0 {
 124     width: 30%;
 125 }
 126 .openerp .oe-dashboard-layout_1-2 .oe-dashboard-column.index_1 {
 127     width: 70%;
 128 }
 129 .openerp .oe-dashboard-layout_1-2 .oe-dashboard-column.index_2 {
 130     display: none;
 131 }
 132
 133
 134 .openerp .oe-dashboard-layout-selector {
 135     overflow: auto;
 136     padding: 10px;
 137 }
 138
 139 .openerp .oe-dashboard-layout-selector ul {
 140     margin: 0;
 141     padding: 0;
 142 }
 143
 144 .openerp .oe-dashboard-layout-selector ul li {
 145     position: relative;
 146     float: left;
 147     height: 51px;
 148     list-style-type: none;
 149     margin: 5px;
 150     padding: 0;
 151     width: 82px;
 152     cursor: pointer;
 153     border: 1px solid white;
 154 }
 155 .openerp .oe-dashboard-layout-selector ul li:hover {
 156     border: 1px solid #090;
 157 }
 158 .openerp .oe-dashboard-layout-selector ul li img.oe-selected-layout {
 159     position: absolute;
 160     top: 0px;
 161     right: 0px;
 162 }
 163
 164 .openerp .oe-dashboard-config-overview .oe-config-progress {
 165     border: 1px inset #d9d9d9;
 166     background-color: #f2f2f2;
 167     padding: 0.5em;
 168     -webkit-border-radius: 0.5em;
 169     -moz-border-radius: 0.5em;
 170     border-radius: 0.5em;
 171 }
 172 .openerp .oe-dashboard-config-overview .oe-config-progress-title {
 173     font-size: 1.1em;
 174     font-weight: bold;
 175     text-transform: uppercase;
 176     margin: 0 0 0.5em 0;
 177 }
 178 .openerp .oe-dashboard-config-overview .oe-config-tip {
 179     color: #222;
 180     text-shadow: #eee 0 1px 0;
 181     text-align: center;
 182 }
 183 .openerp .oe-dashboard-config-overview dt {
 184     font-weight: bold;
 185     text-transform: uppercase;
 186     border-top: 1px solid #eee;
 187     padding-top: 0.5em;
 188 }
 189 .openerp .oe-dashboard-config-overview dt:first-child {
 190     border-top: none;
 191 }
 192 .openerp .oe-dashboard-config-overview dd {
 193     margin-left: 1em;
 194     padding-bottom: 0.5em;
 195 }
 196 .openerp .oe-dashboard-config-overview ul {
 197     list-style: none;
 198     padding:  0;
 199     margin: 0;
 200 }
 201 .openerp .oe-dashboard-config-overview li {
 202     cursor: pointer;
 203     position: relative;
 204 }
 205 .openerp .oe-dashboard-config-overview li:hover {
 206     cursor: pointer;
 207     background-color: #f7f7f7;
 208 }
 209
 210 .openerp .oe-dashboard-config-overview li.oe-done {
 211     cursor: default;
 212     color: #999999;
 213 }
 214
 215 .openerp span.oe-label {
 216     display: inline-block;
 217     padding: 1px 3px 2px;
 218     min-width: 38px;
 219     font-size: 10px;
 220     font-weight: bold;
 221     color: white;
 222     text-transform: uppercase;
 223     text-align: center;
 224     white-space: nowrap;
 225     background-color: #BFBFBF;
 226     -webkit-border-radius: 3px;
 227     -moz-border-radius: 3px;
 228     border-radius: 3px;
 229 }
 230
 231 .openerp span.oe-todo {
 232     background: #7F82AC;
 233 }
 234
 235 .openerp .oe-dashboard-layout_2-1 .index_0 .oe-dashboard-config-overview ul,
 236 .openerp .oe-dashboard-layout_1-2 .index_1 .oe-dashboard-config-overview ul {
 237     -moz-column-count: 2;
 238     -webkit-column-count: 2;
 239     column-count: 2;
 240 }
 241 .openerp .oe-dashboard-config-overview li span.ui-icon {
 242     position: absolute;
 243     top: 0;
 244     left: 0;
 245 }
 246
 247 .openerp .oe-dashboard-home-tile {
 248     text-align: center;
 249     margin:  10px;
 250     -webkit-border-radius: 10px;
 251     -moz-border-radius: 10px;
 252     border-radius: 10px;
 253     -webkit-box-shadow: 3px 3px 5px 3px #DADDDD;
 254     -moz-box-shadow: 3px 3px 5px 3px #DADDDD;
 255     box-shadow: 3px 3px 5px 3px #DADDDD;
 256 }
 257 .openerp .oe-dashboard-home-tile span {
 258     display: block;
 259     padding: 0 0 15px;
 260     font-weight: bold;
 261     text-transform: uppercase;
 262     color: #555;
 263     white-space: nowrap;
 264 }
 265 .openerp .oe-dashboard-home-tile-icon {
 266     height: 100px;
 267 }
 268 .openerp .oe-dashboard-home-tile-icon img {
 269     display: block;
 270     margin: 0 auto;
 271 }
 272 .openerp .oe-dashboard-home-tile-icon img.hover {
 273     display: none;
 274 }
 275 .openerp .oe-dashboard-home-tile:hover {
 276     background-color: #fafafa;
 277     -webkit-box-shadow: 3px 3px 5px 3px #979797;
 278     -moz-box-shadow: 3px 3px 5px 3px #979797;
 279     box-shadow: 3px 3px 5px 3px #979797;
 280 }
 281 .openerp .oe-dashboard-home-tile:hover img {
 282     display: none;
 283 }
 284 .openerp .oe-dashboard-home-tile:hover img.hover {
 285     display: block;
 286 }
 287 .openerp .oe-dashboard-home-tile:hover span {
 288     color: black;
 289 }
 290
 291 .openerp .oe-dashboard-action .view-manager-main-content {
 292     padding: 2px;
 293 }
 294
 295 .openerp .oe-dashboard-action-content {
 296     padding: 8px;
 297 }
 298
 299 .oe-static-home {
 300     padding: 0.5em 0.5em;
 301     text-align: center;
 302 }
 303 .oe-static-home h1 {
 304     margin: 0 0 0.3em;
 305 }
 306 .oe-static-home-banner {
 307     display: inline-block;
 308     margin:  auto 0;
 309     padding: 0.5em 5em;
 310     text-align: left;
 311 }
 312 .oe-static-home-banner li {
 313     font-size: 150%;
 314     font-weight: bold;
 315 }
 316 .oe-static-home address {
 317     font-style: normal;
 318     padding-left: 2em;
 319 }
 320
 321 .oe-static-home-tiles {
 322     text-align: left;
 323 }
 324 .oe-static-home-tiles td {
 325     vertical-align: top;
 326 }
 327 .oe-static-home-tile {
 328     margin: 0.5em;
 329     padding: 0 1em;
 330 }
 331 .oe-static-home-tile-logo {
 332     margin-right: 0.5em;
 333 }
 334 .oe-static-home-tile-text h2 {
 335     margin-top: 0;
 336     margin-bottom: 0.2em;
 337 }
 338 .oe-static-home-tile-text p {
 339     margin: 0.5em 0;
 340 }
 341
 342 .openerp .oe_app_tiles h1, .openerp .oe_app_tiles h3 {
 343   margin: 16px 24px;
 344 }
 345
 346 .openerp .oe_app_tiles {
 347   padding: 0 10px;
 348 }
 349
 350 .openerp .oe_app_tiles li {
 351   float: left;
 352   list-style: none;
 353 }
 354
 355 .openerp .oe_app_tiles li img {
 356   display: block;
 357   margin: 0 auto;
 358   height: 100px;
 359   width: 100px;
 360 }
 361 .openerp .oe_app_tiles li img.hover {
 362     display: none;
 363 }
 364 .openerp .oe_app_tiles li:hover img {
 365     display: none;
 366 }
 367 .openerp .oe_app_tiles li:hover img.hover {
 368     display: block;
 369 }
 370
 371 .openerp .oe_app_tiles li a {
 372   display: block;
 373   height: 120px;
 374   width: 194px;
 375   color: #4C4C4C;
 376   border: 1px solid #f4f2f2;
 377   margin: 6px;
 378   padding: 12px;
 379   text-align: center;
 380   text-transform: uppercase;
 381   text-decoration: none;
 382   font-size: 12px;
 383   font-weight: 800;
 384   background: white;
 385   -moz-border-radius: 6px;
 386   -webkit-border-radius: 6px;
 387   -ms-border-radius: 6px;
 388   border-radius: 6px;
 389   -moz-box-shadow: 0 1px 2px #bbb;
 390   -webkit-box-shadow: 0 1px 2px #bbb;
 391   -o-box-shadow: 0 1px 2px #bbb;
 392   box-shadow: 0 1px 2px #bbb;
 393 }
 394 /* changing icon for the change layout button */
 395
 396 .openerp .oe-dashboard-link-change_layout, .openerp .oe-dashboard-link-reset {
 397     padding-top: 1px;
 398     height: 22px;
 399 }
 400 .openerp .oe-dashboard-link-change_layout > *, .openerp .oe-dashboard-link-reset > *{
 401     vertical-align: middle;
 402 }
 403
 404 .openerp .oe_welcome_message {
 405     display:none;
 406 }
 407 .openerp .oe_initial_welcome_message {
 408     width:30%;
 409     text-align:center;
 410     margin:10px 35% 0 35%;
 411     padding: 5px 10px;
 412     border: 1px solid #ccc;
 413     border-radius: 5px;
 414     -moz-border-radius: 5px;
 415     -webkit-border-radius: 5px;
 416     background: #eeeded;
 417     box-shadow: 0 1px 0 #fff;
 418     -moz-box-shadow: 0 1px 0 #fff;
 419     -webkit-box-shadow: 0 1px 0 #fff;
 420     color: #8c8c8c;
 421     font-size: 90%;
 422     text-transform: uppercase;
 423     font-weight: bold;
 424     text-shadow: #fff 0 1px 0;
 425 }
 426
 427 .openerp .oe_initial_welcome_message ul{
 428     padding:10px 0 0 0;
 429     margin:0;
 430     list-style-type: none;
 431     padding: 7px 0 5px 5px;
 432     background-position: 0 50%;
 433     background-repeat: no-repeat;
 434     cursor: pointer;
 435 }
 436 .openerp .oe_initial_welcome_message ul a, .openerp .initial_welcome_message ul a:hover, .openerp .initial_welcome_message ul a:active, .openerp .initial_welcome_message ul a:focus {
 437     color:#222;
 438     text-decoration:none;
 439 }