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