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     text-indent: 20px;
 205 }
 206 .openerp .oe-dashboard-config-overview li:hover {
 207     cursor: pointer;
 208     background-color: #f7f7f7;
 209 }
 210
 211 .openerp .oe-dashboard-config-overview li.oe-done {
 212     cursor: default;
 213     color: #999999;
 214 }
 215
 216 .openerp .oe-dashboard-layout_2-1 .index_0 .oe-dashboard-config-overview ul,
 217 .openerp .oe-dashboard-layout_1-2 .index_1 .oe-dashboard-config-overview ul {
 218     -moz-column-count: 2;
 219     -webkit-column-count: 2;
 220     column-count: 2;
 221 }
 222 .openerp .oe-dashboard-config-overview li span.ui-icon {
 223     position: absolute;
 224     top: 0;
 225     left: 0;
 226 }
 227
 228 .openerp .oe-dashboard-home-tile {
 229     text-align: center;
 230     margin:  10px;
 231     -webkit-border-radius: 10px;
 232     -moz-border-radius: 10px;
 233     border-radius: 10px;
 234     -webkit-box-shadow: 3px 3px 5px 3px #DADDDD;
 235     -moz-box-shadow: 3px 3px 5px 3px #DADDDD;
 236     box-shadow: 3px 3px 5px 3px #DADDDD;
 237 }
 238 .openerp .oe-dashboard-home-tile span {
 239     display: block;
 240     padding: 0 0 15px;
 241     font-weight: bold;
 242     text-transform: uppercase;
 243     color: #555;
 244     white-space: nowrap;
 245 }
 246 .openerp .oe-dashboard-home-tile-icon {
 247     height: 100px;
 248 }
 249 .openerp .oe-dashboard-home-tile-icon img {
 250     display: block;
 251     margin: 0 auto;
 252 }
 253 .openerp .oe-dashboard-home-tile-icon img.hover {
 254     display: none;
 255 }
 256 .openerp .oe-dashboard-home-tile:hover {
 257     background-color: #fafafa;
 258     -webkit-box-shadow: 3px 3px 5px 3px #979797;
 259     -moz-box-shadow: 3px 3px 5px 3px #979797;
 260     box-shadow: 3px 3px 5px 3px #979797;
 261 }
 262 .openerp .oe-dashboard-home-tile:hover img {
 263     display: none;
 264 }
 265 .openerp .oe-dashboard-home-tile:hover img.hover {
 266     display: block;
 267 }
 268 .openerp .oe-dashboard-home-tile:hover span {
 269     color: black;
 270 }
 271
 272 .openerp .oe-dashboard-action .view-manager-main-content {
 273     padding: 2px;
 274 }
 275
 276 .oe-static-home {
 277     padding: 0.5em 0.5em;
 278     text-align: center;
 279 }
 280 .oe-static-home h1 {
 281     margin: 0 0 0.3em;
 282 }
 283 .oe-static-home-banner {
 284     display: inline-block;
 285     margin:  auto 0;
 286     padding: 0.5em 5em;
 287     text-align: left;
 288 }
 289 .oe-static-home-banner li {
 290     font-size: 150%;
 291     font-weight: bold;
 292 }
 293 .oe-static-home address {
 294     font-style: normal;
 295     padding-left: 2em;
 296 }
 297
 298 .oe-static-home-tiles {
 299     text-align: left;
 300 }
 301 .oe-static-home-tiles td {
 302     vertical-align: top;
 303 }
 304 .oe-static-home-tile {
 305     margin: 0.5em;
 306     padding: 0 1em;
 307 }
 308 .oe-static-home-tile-logo {
 309     margin-right: 0.5em;
 310 }
 311 .oe-static-home-tile-text h2 {
 312     margin-top: 0;
 313     margin-bottom: 0.2em;
 314 }
 315 .oe-static-home-tile-text p {
 316     margin: 0.5em 0;
 317 }
 318
 319 .openerp .oe_app_tiles h1, .openerp .oe_app_tiles h3 {
 320   margin: 16px 24px;
 321 }
 322
 323 .openerp .oe_app_tiles {
 324   padding: 0 10px;
 325 }
 326
 327 .openerp .oe_app_tiles li {
 328   float: left;
 329   list-style: none;
 330 }
 331
 332 .openerp .oe_app_tiles li img {
 333   display: block;
 334   margin: 0 auto;
 335   height: 100px;
 336   width: 100px;
 337 }
 338 .openerp .oe_app_tiles li img.hover {
 339     display: none;
 340 }
 341 .openerp .oe_app_tiles li:hover img {
 342     display: none;
 343 }
 344 .openerp .oe_app_tiles li:hover img.hover {
 345     display: block;
 346 }
 347
 348 .openerp .oe_app_tiles li a {
 349   display: block;
 350   height: 120px;
 351   width: 194px;
 352   color: #4C4C4C;
 353   border: 1px solid #f4f2f2;
 354   margin: 6px;
 355   padding: 12px;
 356   text-align: center;
 357   text-transform: uppercase;
 358   text-decoration: none;
 359   font-size: 12px;
 360   font-weight: 800;
 361   background: white;
 362   -moz-border-radius: 6px;
 363   -webkit-border-radius: 6px;
 364   -ms-border-radius: 6px;
 365   border-radius: 6px;
 366   -moz-box-shadow: 0 1px 2px #bbb;
 367   -webkit-box-shadow: 0 1px 2px #bbb;
 368   -o-box-shadow: 0 1px 2px #bbb;
 369   box-shadow: 0 1px 2px #bbb;
 370 }
 371 /* changing icon for the change layout button */
 372
 373 .openerp .oe-dashboard-link-change_layout, .openerp .oe-dashboard-link-reset {
 374     padding-top: 1px;
 375     height: 22px;
 376 }
 377 .openerp .oe-dashboard-link-change_layout > *, .openerp .oe-dashboard-link-reset > *{
 378     vertical-align: middle;
 379 }
 380
 381 .openerp .oe_welcome_message {
 382     display:none;
 383 }
 384 .openerp .oe_initial_welcome_message {
 385     width:30%;
 386     text-align:center;
 387     margin:10px 35% 0 35%;
 388     padding: 5px 10px;
 389     border: 1px solid #ccc;
 390     border-radius: 5px;
 391     -moz-border-radius: 5px;
 392     -webkit-border-radius: 5px;
 393     background: #eeeded;
 394     box-shadow: 0 1px 0 #fff;
 395     -moz-box-shadow: 0 1px 0 #fff;
 396     -webkit-box-shadow: 0 1px 0 #fff;
 397     color: #8c8c8c;
 398     font-size: 90%;
 399     text-transform: uppercase;
 400     font-weight: bold;
 401     text-shadow: #fff 0 1px 0;
 402 }
 403
 404 .openerp .oe_initial_welcome_message ul{
 405     padding:10px 0 0 0;
 406     margin:0;
 407     list-style-type: none;
 408     padding: 7px 0 5px 5px;
 409     background-position: 0 50%;
 410     background-repeat: no-repeat;
 411     cursor: pointer;
 412 }
 413 .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 {
 414     color:#222;
 415     text-decoration:none;
 416 }