/source/Plug-in/ext/resources/css/xtheme-vista.css

  1/*
  2 * Ext JS Library 2.0
  3 * Copyright(c) 2006-2007, Ext JS, LLC.
  4 * licensing@extjs.com
  5 * 
  6 * http://www.extjs.com/license
  7 */
  8
  9.ext-el-mask-msg {
 10    border:1px solid #aaa;
 11    background: #ddd url(../images/default/box/tb.gif) repeat-x 0 -16px;
 12}
 13.ext-el-mask-msg div {
 14    border:1px solid #ccc;
 15}
 16/*
 17 Menu
 18 */
 19.x-menu {
 20	border-color: #999 #999 #999 #999;
 21    background-image:url(../images/gray/menu/menu.gif);
 22}
 23.x-menu-item-arrow{
 24	background-image:url(../images/gray/menu/menu-parent.gif);
 25}
 26.x-menu-item {
 27	color:#222;
 28}
 29.x-menu-item-active {
 30	background:#ddd;
 31    border:1px solid #aaa;
 32}
 33.x-menu-sep {
 34	background:#aaa;
 35}
 36/** 
 37* Tabs
 38*/
 39.x-tabs-wrap {
 40	background:#4f4f4f;
 41	border-bottom:1px solid #b3b6b0;
 42}
 43.x-tabs-strip .x-tabs-text {
 44	color:white;
 45	font-weight:normal;
 46}
 47.x-tabs-strip .on .x-tabs-text {
 48	cursor:default;
 49	color:#333333;
 50}
 51.x-tabs-top .x-tabs-strip a.x-tabs-right {
 52	background:transparent url(../images/vista/tabs/tab-sprite.gif) no-repeat right -50px;
 53}
 54.x-tabs-top .x-tabs-strip a .x-tabs-left{
 55	background:transparent url(../images/vista/tabs/tab-sprite.gif) no-repeat 0px -150px;
 56}
 57.x-tabs-top .x-tabs-strip .on .x-tabs-right {
 58	 background: url(../images/vista/tabs/tab-sprite.gif) no-repeat right 0;
 59}
 60.x-tabs-top .x-tabs-strip .on .x-tabs-left{
 61	 background: url(../images/vista/tabs/tab-sprite.gif) no-repeat 0px -100px;
 62}
 63.x-tabs-strip .x-tabs-closable .close-icon{
 64	background-image:url(../images/vista/layout/tab-close.gif);
 65}
 66.x-tabs-strip .on .close-icon{
 67	background-image:url(../images/vista/layout/tab-close-on.gif);
 68}
 69.x-tabs-strip .x-tabs-closable .close-over{
 70	background-image:url(../images/vista/layout/tab-close-on.gif);
 71}
 72.x-tabs-body {
 73    border:1px solid #b3b6b0;
 74    border-top:0 none;
 75}
 76
 77.x-tabs-bottom .x-tabs-strip {
 78	background:#4f4f4f;
 79}
 80.x-tabs-bottom .x-tabs-strip a.x-tabs-right {
 81	background:transparent url(../images/vista/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;
 82}
 83.x-tabs-bottom .x-tabs-strip a .x-tabs-left{
 84	background:transparent url(../images/vista/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;
 85}
 86.x-tabs-bottom .x-tabs-wrap {
 87	border-bottom:0 none;
 88	padding-top:0;
 89	border-top:1px solid #b3b6b0;
 90}
 91.x-tabs-bottom .x-tabs-strip .on .x-tabs-right {
 92	 background: url(../images/vista/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
 93}
 94.x-tabs-bottom .x-tabs-strip .on .x-tabs-left {
 95	 background: url(../images/vista/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
 96}
 97
 98.x-tabs-bottom .x-tabs-body {
 99    border:1px solid #b3b6b0;
100    border-bottom:0 none;
101}
102/**
103* Basic-Dialog 
104*/
105.x-dlg-proxy {
106	background:#d3d6d0;
107	border:2px solid #b3b6b0;
108}
109.x-dlg-shadow{
110	background:#cccccc;
111   opacity:.3;
112   -moz-opacity:.3;
113   filter: alpha(opacity=30);
114}
115.x-dlg .x-dlg-hd {
116	background: url(../images/vista/basic-dialog/hd-sprite.gif) repeat-x 0 -82px;
117	background-color:#333333;
118	zoom:1;
119}
120.x-dlg .x-dlg-hd-left {
121	opacity:.95;-moz-opacity:.95;filter:alpha(opacity=90);
122	background: url(../images/vista/basic-dialog/hd-sprite.gif) no-repeat 0 -41px;
123	zoom:1;
124}
125.x-dlg .x-dlg-hd-right {
126	background: url(../images/vista/basic-dialog/hd-sprite.gif) no-repeat right 0;
127	zoom:1;
128}
129.x-dlg .x-dlg-dlg-body{
130	background:#fff;
131	border:0 none;
132	border-top:0 none;
133	padding:0 0px 0px;
134	position:absolute;
135	top:24px;left:0;
136	z-index:1;
137}
138.x-dlg-auto-tabs .x-dlg-dlg-body{
139	background:transparent;
140}
141.x-dlg-auto-tabs .x-tabs-top .x-tabs-wrap{
142	background:transparent;
143}
144.x-dlg .x-dlg-ft{
145	border-top:1px solid #b3b6b0;
146	background:#F0F0F0;
147	padding-bottom:8px;
148}
149.x-dlg .x-dlg-bg{
150	opacity:.90;-moz-opacity:.90;filter:alpha(opacity=85);
151	zoom:1;
152}
153.x-dlg .x-dlg-bg-left,.x-dlg .x-dlg-bg-center,.x-dlg .x-dlg-bg-right{
154}
155.x-dlg .x-dlg-bg-center {
156	padding: 0px 4px 4px 4px;
157	background:transparent url(../images/vista/basic-dialog/bg-center.gif) repeat-x bottom;
158	zoom:1;
159}
160.x-dlg .x-dlg-bg-left{
161	padding-left:4px;
162	background:transparent url(../images/vista/basic-dialog/bg-left.gif) no-repeat bottom left;
163	zoom:1;
164}
165.x-dlg .x-dlg-bg-right{
166	padding-right:4px;
167	background:transparent url(../images/vista/basic-dialog/bg-right.gif) no-repeat bottom right;
168	zoom:1;
169}
170.x-dlg .x-tabs-top .x-tabs-body{
171	border:0 none;
172}
173.x-dlg .x-tabs-bottom .x-tabs-body{
174	border:1px solid #b3b6b0;
175	border-bottom:0 none;
176}
177.x-dlg .x-layout-container  .x-tabs-body{
178	border:0 none;
179}
180.x-dlg .x-dlg-close {
181    background-image:url(../images/vista/basic-dialog/close.gif);
182}
183.x-dlg .x-dlg-collapse {
184    background-image:url(../images/vista/basic-dialog/collapse.gif);
185}
186.x-dlg-collapsed .x-dlg-collapse {
187    background-image:url(../images/vista/basic-dialog/expand.gif);
188}
189.x-dlg div.x-resizable-handle-east{
190	background-image:url(../images/vista/s.gif);
191	border:0 none;
192}
193.x-dlg div.x-resizable-handle-south{
194	background-image:url(../images/vista/s.gif);
195	border:0 none;
196}
197.x-dlg div.x-resizable-handle-west{
198	background-image:url(../images/vista/s.gif);
199	border:0 none;
200}
201.x-dlg div.x-resizable-handle-southeast{
202	background-image:url(../images/vista/s.gif);
203	background-position: bottom right;
204	width:8px;
205	height:8px;
206	border:0;
207}
208.x-dlg div.x-resizable-handle-southwest{
209	background-image:url(../images/vista/s.gif);
210	background-position: top right;
211	margin-left:1px;
212	margin-bottom:1px;
213	border:0;
214}
215.x-dlg div.x-resizable-handle-north{
216	background-image:url(../images/vista/s.gif);
217	border:0 none;
218}
219
220/* QuickTips */
221
222.x-tip .x-tip-top {
223	background-image: url(../images/vista/qtip/tip-sprite.gif);
224}
225.x-tip .x-tip-top-left {
226	background-image: url(../images/vista/qtip/tip-sprite.gif);
227}
228.x-tip .x-tip-top-right {
229	background-image: url(../images/vista/qtip/tip-sprite.gif);
230}
231.x-tip .x-tip-ft {
232	background-image: url(../images/vista/qtip/tip-sprite.gif);
233}
234.x-tip .x-tip-ft-left {
235	background-image: url(../images/vista/qtip/tip-sprite.gif);
236}
237.x-tip .x-tip-ft-right {
238	background-image: url(../images/vista/qtip/tip-sprite.gif);
239}
240.x-tip .x-tip-bd-left {
241	background-image: url(../images/vista/qtip/tip-sprite.gif);
242}
243.x-tip .x-tip-bd-right {
244	background-image: url(../images/vista/qtip/tip-sprite.gif);
245}
246
247.x-tip .x-tip-bd-inner {
248    padding:2px;
249}
250
251/* BorderLayout */
252.x-layout-container{
253    background:#4f4f4f;
254}
255.x-layout-collapsed{
256    background-color:#9f9f9f;
257	 border:1px solid #4c535c;
258}
259.x-layout-collapsed-over{
260	 background-color:#bfbfbf;
261}
262.x-layout-panel{
263    border:1px solid #4c535c;
264}
265.x-layout-nested-layout .x-layout-panel {
266	  border:0 none;
267}
268.x-layout-split{
269    background-color:#f3f2e7;
270}
271.x-layout-panel-hd{
272    background-image: url(../images/vista/layout/panel-title-bg.gif);
273    border-bottom:1px solid #b5bac1;
274    color:white;
275}
276.x-layout-panel-hd-text{
277	color:white;
278}
279.x-layout-tools-button-over{
280    border:1px solid #4c535c;
281	 background:#9f9f9f url(../images/vista/layout/panel-title-bg.gif) repeat-x;
282}
283.x-layout-close{
284    background-image:url(../images/vista/layout/tab-close.gif);
285}
286
287.x-layout-stick{
288    background-image:url(../images/vista/layout/stick.gif);
289}
290.x-layout-collapse-west,.x-layout-expand-east{
291    background-image:url(../images/vista/layout/collapse.gif);
292}
293.x-layout-expand-west,.x-layout-collapse-east{
294    background-image:url(../images/vista/layout/expand.gif);
295}
296.x-layout-collapse-north,.x-layout-expand-south{
297    background-image:url(../images/vista/layout/ns-collapse.gif);
298}
299.x-layout-expand-north,.x-layout-collapse-south{
300    background-image:url(../images/vista/layout/ns-expand.gif);
301}
302.x-layout-split-h{
303    background:#9f9f9f;
304}
305.x-layout-split-v{
306    background:#9f9f9f;
307}
308.x-layout-panel .x-tabs-wrap{
309    background:#4f4f4f;
310}
311.x-layout-nested-layout .x-layout-panel-north {
312	  border-bottom:1px solid #4c535c;
313}
314.x-layout-nested-layout .x-layout-panel-south {
315	  border-top:1px solid #4c535c;
316}
317.x-layout-nested-layout .x-layout-panel-east {
318	  border-left:1px solid #4c535c;
319}
320.x-layout-nested-layout .x-layout-panel-west {
321	  border-right:1px solid #4c535c;
322}
323.x-layout-panel-dragover {
324	border: 2px solid #4c535c;
325}
326.x-layout-panel-proxy {
327	background-image: url(../images/vista/layout/gradient-bg.gif);
328	background-color:#f3f2e7;
329	border:1px dashed #4c535c;
330}
331
332.x-layout-container .x-layout-tabs-body{
333	border:0 none;
334}
335/** Resizable */
336
337.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-east{
338    background:url(../images/vista/sizer/e-handle.gif);
339	 background-position: left;
340}
341.x-resizable-over .x-resizable-handle-east, .x-resizable-pinned .x-resizable-handle-west{
342    background:url(../images/vista/sizer/e-handle.gif);
343	 background-position: left;
344}
345.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-south{
346    background:url(../images/vista/sizer/s-handle.gif);
347    background-position: top;
348}
349.x-resizable-over .x-resizable-handle-south, .x-resizable-pinned .x-resizable-handle-north{
350    background:url(../images/vista/sizer/s-handle.gif);
351    background-position: top;
352}
353.x-resizable-over .x-resizable-handle-southeast, .x-resizable-pinned .x-resizable-handle-southeast{
354    background:url(../images/vista/sizer/se-handle.gif);
355    background-position: top left;
356}
357.x-resizable-over .x-resizable-handle-northwest,.x-resizable-pinned .x-resizable-handle-northwest{
358    background:url(../images/vista/sizer/nw-handle.gif);
359    background-position:bottom right;
360}
361.x-resizable-over .x-resizable-handle-northeast,.x-resizable-pinned .x-resizable-handle-northeast{
362    background:url(../images/vista/sizer/ne-handle.gif);
363    background-position: bottom left;
364}
365.x-resizable-over .x-resizable-handle-southwest,.x-resizable-pinned .x-resizable-handle-southwest{
366    background:url(../images/vista/sizer/sw-handle.gif);
367    background-position: top right;
368}
369.x-resizable-proxy{
370    border: 1px dashed #615e55;
371}
372
373/** Toolbar */
374.x-toolbar{
375	border:0 none;
376	background: #efefe3 url(../images/vista/toolbar/gray-bg.gif) repeat-x;
377	padding:3px;
378}
379.x-toolbar .ytb-button-over{
380	border:1px solid transparent;
381	border-bottom:1px solid #bbbbbb;
382	border-top:1px solid #eeeeee;
383	background:#9f9f9f url(../images/vista/grid/grid-vista-hd.gif) repeat-x;
384}
385
386.x-paging-info {
387    color:#000;
388}
389/* grid */
390.x-grid-topbar .x-toolbar{
391	border:0;
392	border-bottom:1px solid #555;
393}
394.x-grid-bottombar .x-toolbar{
395	border:0;
396	border-top:1px solid #555;
397}
398.x-grid-locked .x-grid-body td {
399	background: #fafafa;
400	border-right: 1px solid #e1e1e1;
401	border-bottom: 1px solid #e1e1e1 !important;
402}
403.x-grid-locked .x-grid-body td .x-grid-cell-inner {
404	border-top:0 none;
405}
406.x-grid-locked .x-grid-row-alt td{
407	background: #f1f1f1;
408}
409.x-grid-locked .x-grid-row-selected td{
410	color: #fff !important;
411	background-color: #316ac5 !important;
412}
413.x-grid-hd{
414	border-bottom:0;
415	background:none;
416}
417.x-grid-hd-row{
418	height:auto;
419}
420.x-grid-split {
421	background-image: url(../images/vista/grid/grid-split.gif);
422}
423.x-grid-header{
424	background: url(../images/vista/grid/grid-vista-hd.gif);
425	border:0 none;
426    border-bottom:1px solid #555;
427}
428.x-grid-row-alt{
429	background-color: #f5f5f5;
430}
431.x-grid-row-over td{
432	background-color:#eeeeee;
433}
434.x-grid-col {
435	border-right: 1px solid #eee;
436	border-bottom: 1px solid #eee;
437}
438.x-grid-header .x-grid-hd-inner {
439	padding-bottom: 1px;
440}
441.x-grid-header  .x-grid-hd-text {
442	padding-bottom: 3px;
443    color:#333333;
444}
445.x-grid-hd-over .x-grid-hd-inner {
446	border-bottom: 1px solid #555;
447	padding-bottom: 0;
448}
449.x-grid-hd-over .x-grid-hd-text {
450	background-color: #fafafa;
451	border-bottom: 1px solid #555;
452	padding-bottom: 2px;
453}
454.x-grid-header .sort-asc .x-grid-hd-inner, .x-grid-header .sort-desc .x-grid-hd-inner {
455	border-bottom: 1px solid #555;
456	padding-bottom: 0;
457}
458.x-grid-header .sort-asc  .x-grid-hd-text, .x-grid-header .sort-desc .x-grid-hd-text {
459	border-bottom: 1px solid #3b5a82;
460	padding-bottom: 2px;
461}
462.x-dd-drag-proxy .x-grid-hd-inner{
463	background: url(../images/vista/grid/grid-vista-hd.gif) repeat-x;
464	height:22px;
465	width:120px;
466}
467.x-props-grid .x-grid-col-name{
468	 background-color: #eee;
469}
470/* toolbar */
471.x-toolbar .ytb-sep{
472	background-image: url(../images/vista/grid/grid-split.gif);
473}
474
475.x-toolbar .x-btn-over .x-btn-left{
476	background:url(../images/vista/toolbar/tb-btn-sprite.gif) no-repeat 0 0px;
477}
478.x-toolbar .x-btn-over .x-btn-right{
479	background:url(../images/vista/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px;
480}
481.x-toolbar .x-btn-over .x-btn-center{
482	background:url(../images/vista/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;
483}
484
485.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{
486	background:url(../images/vista/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px;
487}
488.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{
489	background:url(../images/vista/toolbar/tb-btn-sprite.gif) no-repeat 0 -84px;
490}
491.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{
492	background:url(../images/vista/toolbar/tb-btn-sprite.gif) repeat-x 0 -105px;
493}
494
495/* combo box */
496.x-combo-list {
497    border:1px solid #999;
498    background:#dddddd;
499}
500.x-combo-list-hd {
501    background-image: url(../images/vista/layout/panel-title-bg.gif);
502    border-bottom:1px solid #b5bac1;
503    color:white;
504}
505.x-resizable-pinned .x-combo-list-inner {
506    border-bottom:1px solid #aaa;
507}
508.x-combo-list .x-combo-selected{
509	background:#ddd !important;
510    border:1px solid #aaa;
511}