examples/toolbar/toolbar.css

   1 #container {
   2     width:600px;
   3     height:400px;
   4     border:3px solid #c3daf9;
   5 }
   6
   7 .add {
   8     background-image: url( images/add.gif ) !important;
   9 }
  10 .add16 {
  11     background-image: url( images/add16.gif ) !important;
  12 }
  13 .add24 {
  14     background-image: url( images/add24.gif ) !important;
  15 }
  16 .remove {
  17     background-image: url( ../menu/images/delete.gif ) !important;
  18 }
  19 .edit {
  20     background-image: url( ../menu/images/edit.gif ) !important;
  21 }
  22 .find {
  23     background-image: url( ../menu/images/find.gif ) !important;
  24 }
  25 .view {
  26     background-image: url( ../menu/images/view.gif ) !important;
  27 }
  28 .money-up {
  29     background-image: url( images/money_add.png ) !important;
  30 }
  31 .money-down {
  32     background-image: url( images/money_delete.png ) !important;
  33 }
  34
  35 .btn-panel td {
  36     padding-left:5px;
  37 }
  38
  39 h2 {
  40     color:#083772 !important;
  41     margin: 20px 0 0 !important;
  42     padding: 5px;
  43     background:#eee;
  44     width:400px;
  45 }
  46
  47 h3 {
  48     font-weight:normal !important;
  49 }
  50
  51 .company {
  52   float: left;
  53   width: 179px;
  54   height: 30px;
  55   margin: 5px;
  56   padding: 5px;
  57   cursor: pointer;
  58 }
  59
  60 .company h3 {
  61   font-weight: bold !important;
  62 }
  63
  64 .company .up {
  65     color: green;
  66 }
  67
  68 .company .down {
  69     color: red;
  70 }
  71
  72 .company.x-view-selected {
  73     background-color: #efefef;
  74 }