resources/css/toolbar.css

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