/source/Plug-in/ext/resources/css/toolbar.css

  1/*
  2 * Ext JS Library 2.2
  3 * Copyright(c) 2006-2008, 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}