examples/toolbar/toolbars.css

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