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 a.oe-dashboard-action-rename {
  43     float: left;
  44     padding-right: 4px;
  45     position: relative;
  46     top: 1px;
  47 }
  48 .openerp .oe-dashboard-action-input {
  49     height: 16px;
  50     position: relative;
  51     top: 2px;
  52 }
  53
  54 .openerp .oe-dashboard-action .oe-dashboard-action-header:hover {
  55     cursor: move;
  56 }
  57 .openerp .oe-dashboard-action .ui-icon {
  58     cursor: pointer;
  59 }
  60 .openerp .oe-dashboard-action .ui-icon:hover {
  61     background-color: #ccc;
  62     border-radius: 4px;
  63     -moz-border-radius: 4px;
  64     -webkit-border-radius: 4px;
  65 }
  66
  67 .openerp .oe-dashboard-action .oe-dashboard-action-header .ui-icon {
  68     float: right;
  69 }
  70
  71 .openerp .oe-dashboard .ui-sortable-placeholder {
  72     border: 1px dotted black;
  73     visibility: visible !important;
  74     height: 50px !important;
  75 }
  76
  77 .openerp .oe-dashboard .ui-sortable-placeholder * {
  78     visibility: hidden;
  79 }
  80
  81 /* Base overwriting */
  82 .openerp .oe-dashboard .oe-listview-content, .openerp .oe-dashboard .ui-widget-header {
  83     border:none !important;
  84     padding:0px 3px;
  85 }
  86
  87 /* Layouts */
  88 .openerp .oe-dashboard-layout_1 .oe-dashboard-column.index_0 {
  89     width: 100%;
  90 }
  91 .openerp .oe-dashboard-layout_1 .oe-dashboard-column.index_1,
  92 .openerp .oe-dashboard-layout_1 .oe-dashboard-column.index_2 {
  93     display: none;
  94 }
  95
  96 .openerp .oe-dashboard-layout_1-1 .oe-dashboard-column {
  97     width: 50%;
  98 }
  99 .openerp .oe-dashboard-layout_1-1 .oe-dashboard-column.index_2 {
 100     display: none;
 101 }
 102
 103 .openerp .oe-dashboard-layout_1-1-1 .oe-dashboard-column {
 104     width: 33%;
 105 }
 106
 107 .openerp .oe-dashboard-layout_2-1 .oe-dashboard-column.index_0 {
 108     width: 70%;
 109 }
 110 .openerp .oe-dashboard-layout_2-1 .oe-dashboard-column.index_1 {
 111     width: 30%;
 112 }
 113 .openerp .oe-dashboard-layout_2-1 .oe-dashboard-column.index_2 {
 114     display: none;
 115 }
 116
 117 .openerp .oe-dashboard-layout_1-2 .oe-dashboard-column.index_0 {
 118     width: 30%;
 119 }
 120 .openerp .oe-dashboard-layout_1-2 .oe-dashboard-column.index_1 {
 121     width: 70%;
 122 }
 123 .openerp .oe-dashboard-layout_1-2 .oe-dashboard-column.index_2 {
 124     display: none;
 125 }
 126
 127
 128 .openerp .oe-dashboard-layout-selector {
 129     overflow: auto;
 130     padding: 10px;
 131 }
 132
 133 .openerp .oe-dashboard-layout-selector ul {
 134     margin: 0;
 135     padding: 0;
 136 }
 137
 138 .openerp .oe-dashboard-layout-selector ul li {
 139     position: relative;
 140     float: left;
 141     height: 51px;
 142     list-style-type: none;
 143     margin: 5px;
 144     padding: 0;
 145     width: 82px;
 146     cursor: pointer;
 147     border: 1px solid white;
 148 }
 149 .openerp .oe-dashboard-layout-selector ul li:hover {
 150     border: 1px solid #090;
 151 }
 152 .openerp .oe-dashboard-layout-selector ul li img.oe-selected-layout {
 153     position: absolute;
 154     top: 0px;
 155     right: 0px;
 156 }
 157
 158 .openerp .oe-dashboard-config-overview .oe-config-progress {
 159     border: 1px inset #d9d9d9;
 160     background-color: #f2f2f2;
 161     padding: 0.5em;
 162     -webkit-border-radius: 0.5em;
 163     -moz-border-radius: 0.5em;
 164     border-radius: 0.5em;
 165 }
 166 .openerp .oe-dashboard-config-overview .oe-config-progress-title {
 167     font-size: 1.1em;
 168     font-weight: bold;
 169     text-transform: uppercase;
 170     margin: 0 0 0.5em 0;
 171 }
 172 .openerp .oe-dashboard-config-overview .oe-config-tip {
 173     color: #222;
 174     text-shadow: #eee 0 1px 0;
 175     text-align: center;
 176 }
 177 .openerp .oe-dashboard-config-overview dt {
 178     font-weight: bold;
 179     text-transform: uppercase;
 180     border-top: 1px solid #eee;
 181     padding-top: 0.5em;
 182 }
 183 .openerp .oe-dashboard-config-overview dt:first-child {
 184     border-top: none;
 185 }
 186 .openerp .oe-dashboard-config-overview dd {
 187     margin-left: 1em;
 188     padding-bottom: 0.5em;
 189 }
 190 .openerp .oe-dashboard-config-overview ul {
 191     list-style: none;
 192     padding:  0;
 193     margin: 0;
 194 }
 195 .openerp .oe-dashboard-config-overview li {
 196     cursor: pointer;
 197     position: relative;
 198     text-indent: 20px;
 199 }
 200 .openerp .oe-dashboard-config-overview li:hover {
 201     cursor: pointer;
 202     background-color: #f7f7f7;
 203 }
 204
 205 .openerp .oe-dashboard-config-overview li.oe-done {
 206     cursor: default;
 207     color: #999999;
 208 }
 209
 210 .openerp .oe-dashboard-layout_2-1 .index_0 .oe-dashboard-config-overview ul,
 211 .openerp .oe-dashboard-layout_1-2 .index_1 .oe-dashboard-config-overview ul {
 212     -moz-column-count: 2;
 213     -webkit-column-count: 2;
 214     column-count: 2;
 215 }
 216 .openerp .oe-dashboard-config-overview li span.ui-icon {
 217     position: absolute;
 218     top: 0;
 219     left: 0;
 220 }
 221
 222 .openerp .oe-dashboard-home-tile {
 223     text-align: center;
 224     margin:  10px;
 225     -webkit-border-radius: 10px;
 226     -moz-border-radius: 10px;
 227     border-radius: 10px;
 228     -webkit-box-shadow: 3px 3px 5px 3px #DADDDD;
 229     -moz-box-shadow: 3px 3px 5px 3px #DADDDD;
 230     box-shadow: 3px 3px 5px 3px #DADDDD;
 231 }
 232 .openerp .oe-dashboard-home-tile span {
 233     display: block;
 234     padding: 0 0 15px;
 235     font-weight: bold;
 236     text-transform: uppercase;
 237     color: #555;
 238     white-space: nowrap;
 239 }
 240 .openerp .oe-dashboard-home-tile-icon {
 241     height: 100px;
 242 }
 243 .openerp .oe-dashboard-home-tile-icon img {
 244     display: block;
 245     margin: 0 auto;
 246 }
 247 .openerp .oe-dashboard-home-tile-icon img.hover {
 248     display: none;
 249 }
 250 .openerp .oe-dashboard-home-tile:hover {
 251     background-color: #fafafa;
 252     -webkit-box-shadow: 3px 3px 5px 3px #979797;
 253     -moz-box-shadow: 3px 3px 5px 3px #979797;
 254     box-shadow: 3px 3px 5px 3px #979797;
 255 }
 256 .openerp .oe-dashboard-home-tile:hover img {
 257     display: none;
 258 }
 259 .openerp .oe-dashboard-home-tile:hover img.hover {
 260     display: block;
 261 }
 262 .openerp .oe-dashboard-home-tile:hover span {
 263     color: black;
 264 }
 265
 266 .openerp .oe-dashboard-action .view-manager-main-content {
 267     padding: 2px;
 268 }
 269
 270 .oe-static-home {
 271     padding: 0.5em 0.5em;
 272     text-align: center;
 273 }
 274 .oe-static-home h1 {
 275     margin: 0 0 0.3em
 276 }
 277 .oe-static-home-banner {
 278     display: inline-block;
 279     margin:  auto 0;
 280     padding: 0.5em 5em;
 281     text-align: left;
 282 }
 283 .oe-static-home-banner li {
 284     font-size: 150%;
 285     font-weight: bold;
 286 }
 287 .oe-static-home address {
 288     font-style: normal;
 289     padding-left: 2em;
 290 }
 291
 292 .oe-static-home-tiles {
 293     text-align: left;
 294 }
 295 .oe-static-home-tiles td {
 296     vertical-align: top;
 297 }
 298 .oe-static-home-tile {
 299     margin: 0.5em;
 300     padding: 0 1em;
 301 }
 302 .oe-static-home-tile-logo {
 303     margin-right: 0.5em;
 304 }
 305 .oe-static-home-tile-text h2 {
 306     margin-top: 0;
 307     margin-bottom: 0.2em;
 308 }
 309 .oe-static-home-tile-text p {
 310     margin: 0.5em 0;
 311 }
 312
 313 .openerp .oe_app_tiles {
 314   width: 980px;
 315 }
 316
 317 .openerp .oe_app_tiles h1, .openerp .oe_app_tiles h3 {
 318   margin: 16px 24px;
 319   color: #555
 320 }
 321
 322 .openerp .oe_app_tiles li {
 323   float: left;
 324   list-style: none;
 325 }
 326
 327 .openerp .oe_app_tiles li img {
 328   display: block;
 329   margin: 12px auto 16px;
 330   height: 64px;
 331   width: 64px;
 332 }
 333 .openerp .oe_app_tiles li img.hover {
 334     display: none;
 335 }
 336 .openerp .oe_app_tiles li:hover img {
 337     display: none;
 338 }
 339 .openerp .oe_app_tiles li:hover img.hover {
 340     display: block;
 341 }
 342
 343 .openerp .oe_app_tiles li div {
 344   color: #555;
 345 }
 346
 347 .openerp .oe_app_tiles li a {
 348   display: block;
 349   height: 120px;
 350   width: 194px;
 351   border: 1px solid #f4f2f2;
 352   margin: 6px;
 353   padding: 12px;
 354   text-align: center;
 355   text-transform: uppercase;
 356   text-decoration: none;
 357   font-size: 12px;
 358   font-weight: 800;
 359   background: white;
 360   -moz-border-radius: 6px;
 361   -webkit-border-radius: 6px;
 362   -ms-border-radius: 6px;
 363   border-radius: 6px;
 364   -moz-box-shadow: 0 1px 2px #bbb;
 365   -webkit-box-shadow: 0 1px 2px #bbb;
 366   -o-box-shadow: 0 1px 2px #bbb;
 367   box-shadow: 0 1px 2px #bbb;
 368 }
 369
 370