examples/ext/resources/css/toolbar.css

   1 /*\r
   2  * Ext JS Library 1.1.1\r
   3  * Copyright(c) 2006-2007, Ext JS, LLC.\r
   4  * licensing@extjs.com\r
   5  * \r
   6  * http://www.extjs.com/license\r
   7  */\r
   8 \r
   9 .x-toolbar{\r
  10         border-top: 1px solid #eaf0f7;\r
  11     border-bottom: 1px solid #a9bfd3;\r
  12     display: block;\r
  13         padding:2px;\r
  14     background:#d0def0 url(../images/default/layout/panel-title-light-bg.gif) repeat-x;\r
  15     position:relative;\r
  16     zoom:1;\r
  17 }\r
  18 .x-toolbar .x-item-disabled .x-btn-icon {\r
  19     opacity: .35;\r
  20     -moz-opacity: .35;\r
  21     filter: alpha(opacity=35);\r
  22 }\r
  23 .x-toolbar td {\r
  24         vertical-align:middle;\r
  25 }\r
  26 .mso .x-toolbar, .x-grid-mso .x-toolbar{\r
  27         border: 0 none;\r
  28         background: url(../images/default/grid/mso-hd.gif);\r
  29 }\r
  30 .x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label{\r
  31         white-space: nowrap;\r
  32     font:normal 11px tahoma, arial, helvetica, sans-serif;\r
  33 }\r
  34 .x-toolbar .x-item-disabled {\r
  35         color:gray;\r
  36         cursor:default;\r
  37         opacity:.6;\r
  38         -moz-opacity:.6;\r
  39         filter:alpha(opacity=60);\r
  40 }\r
  41 .x-toolbar .x-item-disabled * {\r
  42         color:gray;\r
  43         cursor:default;\r
  44 }\r
  45 .x-toolbar .x-btn-left{\r
  46         background:none;\r
  47 }\r
  48 .x-toolbar .x-btn-right{\r
  49         background:none;\r
  50 }\r
  51 .x-toolbar .x-btn-center{\r
  52         background:none;\r
  53         padding:0 0;\r
  54 }\r
  55 \r
  56 .x-toolbar .x-btn-menu-text-wrap .x-btn-center button{\r
  57         padding-right:2px;\r
  58 }\r
  59 .ext-gecko .x-toolbar .x-btn-menu-text-wrap .x-btn-center button{\r
  60         padding-right:0;\r
  61 }\r
  62 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button{\r
  63         padding:0 2px;\r
  64 }\r
  65 .x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {\r
  66     width:12px;\r
  67     background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat 0 3px;\r
  68 }\r
  69 .x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {\r
  70     width:12px;\r
  71     background:transparent url(../images/default/toolbar/btn-arrow.gif) no-repeat 0 3px;\r
  72 }\r
  73 .x-toolbar .x-btn-over .x-btn-menu-arrow-wrap .x-btn-center button {\r
  74         background-position: 0 -47px;\r
  75 }\r
  76 .x-toolbar .x-btn-over .x-btn-left{\r
  77         background:url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 0;\r
  78 }\r
  79 .x-toolbar .x-btn-over .x-btn-right{\r
  80         background:url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px;\r
  81 }\r
  82 .x-toolbar .x-btn-over .x-btn-center{\r
  83         background:url(../images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;\r
  84 }\r
  85 \r
  86 .x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{\r
  87         background:url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px;\r
  88 }\r
  89 .x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{\r
  90         background:url(../images/default/toolbar/tb-btn-sprite.gif) no-repeat 0 -84px;\r
  91 }\r
  92 .x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{\r
  93         background:url(../images/default/toolbar/tb-btn-sprite.gif) repeat-x 0 -105px;\r
  94 }\r
  95 \r
  96 .x-toolbar .x-btn-with-menu .x-btn-center em{\r
  97         padding-right:8px;\r
  98 }\r
  99 \r
 100 .x-toolbar .ytb-text{\r
 101    padding:2px;\r
 102 }\r
 103 .x-toolbar .ytb-sep {\r
 104         background-image: url(../images/default/grid/grid-split.gif);\r
 105         background-position: center;\r
 106         background-repeat: no-repeat;\r
 107         display: block;\r
 108         font-size: 1px;\r
 109         height: 16px;\r
 110         width:4px;\r
 111         overflow: hidden;\r
 112         cursor:default;\r
 113         margin: 0 2px 0;\r
 114         border:0;\r
 115 }\r
 116 .x-toolbar .ytb-spacer {\r
 117     width:2px;\r
 118 }\r
 119 .mso .x-toolbar .ytb-sep, .x-grid-mso .x-toolbar .ytb-sep{\r
 120         background-image: url(../images/default/grid/grid-blue-split.gif);\r
 121 }\r
 122 \r
 123 \r
 124 /* Paging Toolbar */\r
 125 \r
 126 .x-grid-page-number{\r
 127         width:24px;\r
 128         height:14px;\r
 129 }\r
 130 .x-grid-page-first .x-btn-text{\r
 131         background-image: url(../images/default/grid/page-first.gif);\r
 132 }\r
 133 .x-grid-loading .x-btn-text{\r
 134         background-image: url(../images/default/grid/done.gif);\r
 135 }\r
 136 .x-grid-page-last .x-btn-text{\r
 137         background-image: url(../images/default/grid/page-last.gif);\r
 138 }\r
 139 .x-grid-page-next .x-btn-text{\r
 140         background-image: url(../images/default/grid/page-next.gif);\r
 141 }\r
 142 .x-grid-page-prev .x-btn-text{\r
 143         background-image: url(../images/default/grid/page-prev.gif);\r
 144 }\r
 145 .x-item-disabled .x-grid-loading .x-btn-text{\r
 146         background-image: url(../images/default/grid/loading.gif);\r
 147 }\r
 148 .x-item-disabled .x-grid-page-first .x-btn-text{\r
 149         background-image: url(../images/default/grid/page-first-disabled.gif);\r
 150 }\r
 151 .x-item-disabled .x-grid-page-last .x-btn-text{\r
 152         background-image: url(../images/default/grid/page-last-disabled.gif);\r
 153 }\r
 154 .x-item-disabled .x-grid-page-next .x-btn-text{\r
 155         background-image: url(../images/default/grid/page-next-disabled.gif);\r
 156 }\r
 157 .x-item-disabled .x-grid-page-prev .x-btn-text{\r
 158         background-image: url(../images/default/grid/page-prev-disabled.gif);\r
 159 }\r
 160 .x-paging-info {\r
 161     position:absolute;\r
 162     top:8px;\r
 163     right: 8px;\r
 164     color:#15428b;\r
 165 }\r