3 * Copyright(c) 2006-2010 Ext JS, LLC
5 * http://www.extjs.com/license
7 .ux-layout-center-item {
11 .ux-layout-center .x-panel-body,
12 body.ux-layout-center {
15 td.ux-grid-hd-group-cell {
\r
16 background: url(../../../resources/images/default/grid/grid3-hrow.gif) repeat-x bottom;
\r
17 }.x-column-tree .x-panel-header {
18 padding: 3px 0px 0px 0px;
19 border-bottom-width: 0px;
22 .x-column-tree .x-panel-header .x-panel-header-text {
26 .x-column-tree .x-tree-node {
29 .x-column-tree .x-tree-node-el {
30 /*border-bottom:1px solid #eee; borders? */
33 .x-column-tree .x-tree-selected {
36 .x-column-tree .x-tree-node a {
38 vertical-align:middle;
40 .x-column-tree .x-tree-node a span{
43 .x-column-tree .x-tree-node .x-tree-selected a span{
44 background:transparent;
54 .x-tree-col-text, .x-tree-hd-text {
57 -o-text-overflow: ellipsis;
58 text-overflow: ellipsis;
59 padding:3px 3px 3px 5px;
61 font:normal 11px arial, tahoma, helvetica, sans-serif;
66 background: #f9f9f9 url(../../../resources/images/default/grid/grid3-hrow.gif) repeat-x 0 bottom;
74 border-left:1px solid #eee;
75 border-right:1px solid #d0d0d0;
78 * FileUploadField component styles
84 .x-form-file-wrap .x-form-file {
88 filter:alpha(opacity: 0);
93 .x-form-file-wrap .x-form-file-btn {
98 .x-form-file-wrap .x-form-file-text {
104 * GridFilters Styles
\r
107 .x-grid3-hd-row .ux-filtered-column {
\r
108 border-left: 1px solid #C7E3B4;
\r
109 border-right: 1px solid #C7E3B4;
\r
112 .x-grid3-hd-row .ux-filtered-column .x-grid3-hd-inner {
\r
113 background-image: url(../images/header_bg.gif);
\r
116 .ux-filtered-column .x-grid3-hd-btn {
\r
117 background-image: url(../images/hd-btn.gif);
\r
120 .x-grid3-hd-row td.ux-filtered-column {
\r
121 font-style: italic;
\r
125 .ux-filtered-column.sort-asc .x-grid3-sort-icon {
\r
126 background-image: url(../images/sort_filtered_asc.gif) !important;
\r
129 .ux-filtered-column.sort-desc .x-grid3-sort-icon {
\r
130 background-image: url(../images/sort_filtered_desc.gif) !important;
\r
133 .ux-gridfilter-text-icon {
\r
134 background-image: url(../images/find.png) !important;
\r
137 /* Temporary Patch for Bug ??? */
\r
138 .x-menu-list-item-indent .x-menu-item-icon {
\r
139 position: relative;
\r
142 margin-right: 10px;
\r
144 li.x-menu-list-item-indent {
\r
147 li.x-menu-list-item div {
\r
155 background-image: url(../images/greater_than.png) !important;
\r
159 background-image: url(../images/less_than.png) !important;
\r
163 background-image: url(../images/equals.png) !important;
\r
165 .x-grid3-summary-row {
\r
166 border-left:1px solid #fff;
\r
167 border-right:1px solid #fff;
\r
169 background: #f1f2f4;
\r
171 .x-grid3-summary-row .x-grid3-cell-inner {
\r
173 padding-bottom:4px;
\r
175 .x-grid3-cell-first .x-grid3-cell-inner {
\r
178 .x-grid-hide-summary .x-grid3-summary-row {
\r
181 .x-grid3-summary-msg {
\r
184 }.x-grouptabs-panel {
\r
185 background-color: #4E78B1;
\r
186 border: solid 15px #4E78B1;
\r
188 .x-tab-panel-left .x-grouptabs-panel-header,
\r
189 .x-tab-panel-right .x-grouptabs-panel-header {
\r
192 background: transparent;
\r
194 .x-tab-panel-right .x-grouptabs-panel-header {
\r
197 .x-tab-panel-left .x-grouptabs-bwrap {
\r
199 position: relative;
\r
201 .x-tab-panel-right .x-grouptabs-bwrap {
\r
203 position: relative;
\r
205 .x-tab-panel-left ul.x-grouptabs-strip,
\r
206 .x-tab-panel-right ul.x-grouptabs-strip {
\r
210 .x-tab-panel-left ul.x-grouptabs-strip li,
\r
211 .x-tab-panel-right ul.x-grouptabs-strip li {
\r
212 padding: 6px 0 2px 6px;
\r
215 position: relative;
\r
218 .x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text,
\r
219 .x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text{
\r
225 .x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text{
\r
226 padding-left: 18px;
\r
228 .x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text{
\r
229 padding-right: 18px;
\r
232 .x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text,
\r
233 .x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text{
\r
238 .x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text{
\r
241 .x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text{
\r
245 .x-grouptabs-panel .x-grouptabs-strip a.x-grouptabs-text{
\r
247 white-space: nowrap;
\r
250 font-family: tahoma, arial, sans-serif;
\r
252 text-decoration: none;
\r
254 .x-tab-panel-right .x-grouptabs-strip a.x-grouptabs-text {
\r
258 .x-grouptabs-panel .x-grouptabs-strip-active a.x-grouptabs-text {
\r
262 .x-grouptabs-panel ul.x-grouptabs-sub a.x-grouptabs-text {
\r
263 font-weight: normal;
\r
266 position: absolute;
\r
273 .x-grouptabs-panel .x-grouptabs-panel-body {
\r
274 border: 1px solid #999;
\r
277 .x-grouptabs-panel ul.x-grouptabs-strip li {
\r
278 border-top: 1px solid transparent;
\r
279 border-bottom: 1px solid transparent;
\r
280 border-left: 1px solid transparent;
\r
283 .x-grouptabs-panel ul.x-grouptabs-strip li.x-grouptabs-strip-active {
\r
286 border-top: 1px solid #999;
\r
287 border-bottom: 1px solid #999;
\r
290 .x-tab-panel-left ul.x-grouptabs-strip li.x-grouptabs-strip-active {
\r
291 border-left: 1px solid #999;
\r
293 .x-tab-panel-right ul.x-grouptabs-strip li.x-grouptabs-strip-active {
\r
294 border-right: 1px solid #999;
\r
297 .x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li.x-grouptabs-strip-active{
\r
298 background-color: #EDEEF0;
\r
301 .x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub {
\r
302 background-color: transparent;
\r
305 .x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li {
\r
306 border-color: transparent;
\r
310 .x-grouptabs-panel .x-grouptabs-corner {
\r
311 background-image: url('../images/x-grouptabs-corners.gif');
\r
315 position: absolute;
\r
321 .x-grouptabs-panel .x-grouptabs-strip-active .x-grouptabs-corner {
\r
324 .x-grouptabs-panel .x-grouptabs-main.x-grouptabs-strip-active ul.x-grouptabs-sub .x-grouptabs-corner {
\r
328 .x-grouptabs-panel .x-grouptabs-corner-top-left {
\r
329 background-position: top left;
\r
332 .x-grouptabs-panel .x-grouptabs-corner-bottom-left {
\r
333 background-position: bottom left;
\r
334 left: 0; bottom: 0;
\r
336 .x-grouptabs-panel .x-grouptabs-corner-top-right {
\r
337 background-position: top right;
\r
340 .x-grouptabs-panel .x-grouptabs-corner-bottom-right {
\r
341 background-position: bottom right;
\r
342 right: 0; bottom: 0;
\r
344 .x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-bottom-left{
\r
345 bottom: -4px; left: -4px;
\r
347 .x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-bottom-right{
\r
348 bottom: -4px; right: -4px;
\r
350 .x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-top-left{
\r
351 top: -4px; left: -4px;
\r
353 .x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-top-right{
\r
354 top: -4px; right: -4px;
\r
357 .x-grouptabs-panel ul.x-grouptabs-sub li.x-tab-with-icon a.x-grouptabs-text {
\r
358 background-repeat: no-repeat;
\r
359 padding-left: 20px;
\r
362 /* General tab styling */
\r
363 .x-grouptabs-panel .x-grouptabs-expand {
\r
364 background: transparent url('../images/elbow-plus-nl.gif') no-repeat;
\r
367 position: absolute;
\r
372 .ext-ie6 .x-grouptabs-panel .x-grouptabs-expand,
\r
373 .ext-border-box .x-grouptabs-panel .x-grouptabs-expand {
\r
377 .x-grouptabs-expanded .x-grouptabs-expand {
\r
378 background-image: url('../images/elbow-minus-nl.gif');
\r
381 /* GroupTabs sub group styling */
\r
387 .x-grouptabs-expanded .x-grouptabs-sub {
\r
391 .x-grouptabs-panel ul.x-grouptabs-sub li {
\r
397 .x-grouptabs-panel ul.x-grouptabs-sub .x-grouptabs-main-item {
\r
402 border-style:none !important;
\r
404 .x-grid3-locked, .x-grid3-unlocked {
\r
406 position: absolute;
\r
410 border-right: 1px solid #99BBE8;
\r
413 .x-grid3-locked .x-grid3-scroller {
\r
417 .x-grid3-locked .x-grid3-row {
\r
421 .x-grid3-scroll-spacer {
\r
425 .x-grid3-unlocked .x-grid3-header-offset {
\r
429 .x-grid3-unlocked .x-grid3-row {
\r
435 position:relative; /* for calculating scroll offsets */
\r
440 font:normal 12px tahoma, arial, helvetica, sans-serif;
\r
442 border:1px solid #fff;
\r
443 white-space: nowrap;
\r
446 .ux-mselect-selected{
\r
447 border:1px dotted #a3bae9 !important;
\r
448 background:#DFE8F6;
\r
452 .x-view-drag-insert-above {
\r
453 border-top:1px dotted #3366cc;
\r
455 .x-view-drag-insert-below {
\r
456 border-bottom:1px dotted #3366cc;
\r
460 background:transparent url(../images/panel-handle.gif) no-repeat center bottom;
470 }.x-portal .x-panel-dd-spacer {
\r
471 margin-bottom:10px;
\r
475 margin-bottom:10px;
\r
478 /* Clean up the look of the portlets */
\r
479 .x-portlet .x-panel-ml {
\r
482 .x-portlet .x-panel-mr {
\r
485 .x-portlet .x-panel-bl {
\r
489 .x-portlet .x-panel-br {
\r
492 .x-portlet .x-panel-body {
\r
495 .x-portlet .x-panel-mc {
\r
498 .x-portlet .x-panel-bc .x-panel-footer {
\r
499 padding-bottom:2px;
\r
501 .x-portlet .x-panel-nofooter .x-panel-bc {
\r
503 }.ext-ie .x-row-editor .x-form-text {
506 .x-row-editor-header {
509 background: transparent url(../images/row-editor-bg.gif) repeat-x 0 0;
511 .x-row-editor-footer {
514 background: transparent url(../images/row-editor-bg.gif) repeat-x 0 -2px;
516 .ext-ie .x-row-editor-footer {
526 .x-row-editor .x-btns {
531 background: transparent url(../images/row-editor-btns.gif) no-repeat 0 0;
533 .x-row-editor .x-btns .x-plain-bwrap {
535 background: transparent url(../images/row-editor-btns.gif) no-repeat right -31px;
537 .x-row-editor .x-btns .x-plain-body {
538 background: transparent url(../images/row-editor-btns.gif) repeat-x 0 -62px;
541 .x-row-editor .x-btns .x-table-layout-cell {
545 /* Fixes for IE6/7 trigger fields */
546 .ext-ie6 .x-row-editor .x-form-field-wrap .x-form-trigger, .ext-ie7 .x-row-editor .x-form-field-wrap .x-form-trigger {
550 .ext-ie6 .x-row-editor .x-form-field-trigger-wrap, .ext-ie7 .x-row-editor .x-form-field-trigger-wrap {
554 .errorTip .x-tip-body ul{
555 list-style-type:disc;
558 .x-form-spinner-proxy{
559 /*background-color:#ff00cc;*/
561 .x-form-field-wrap .x-form-spinner-trigger {
562 background:transparent url('../images/spinner.gif') no-repeat 0 0;
565 .x-form-field-wrap .x-form-spinner-overup{
566 background-position:-17px 0;
568 .x-form-field-wrap .x-form-spinner-clickup{
569 background-position:-34px 0;
571 .x-form-field-wrap .x-form-spinner-overdown{
572 background-position:-51px 0;
574 .x-form-field-wrap .x-form-spinner-clickdown{
575 background-position:-68px 0;
579 .x-trigger-wrap-focus .x-form-spinner-trigger{
580 background-position:-85px 0;
582 .x-trigger-wrap-focus .x-form-spinner-overup{
583 background-position:-102px 0;
585 .x-trigger-wrap-focus .x-form-spinner-clickup{
586 background-position:-119px 0;
588 .x-trigger-wrap-focus .x-form-spinner-overdown{
589 background-position:-136px 0;
591 .x-trigger-wrap-focus .x-form-spinner-clickdown{
592 background-position:-153px 0;
594 .x-trigger-wrap-focus .x-form-trigger{
595 border-bottom: 1px solid #7eadd9;
598 .x-form-field-wrap .x-form-spinner-splitter {
601 background:transparent url('../images/spinner-split.gif') no-repeat 0 0;
605 .x-trigger-wrap-focus .x-form-spinner-splitter{
606 background-position:-14px 0;
608 /* StatusBar - structure */
\r
609 .x-statusbar .x-status-text {
\r
617 .x-statusbar .x-status-busy {
\r
618 padding-left: 25px !important;
\r
619 background: transparent no-repeat 3px 2px;
\r
622 .x-toolbar div.xtb-text
\r
624 .x-statusbar .x-status-text-panel {
\r
625 border-top: 1px solid;
\r
626 border-right: 1px solid;
\r
627 border-bottom: 1px solid;
\r
628 border-left: 1px solid;
\r
629 padding: 2px 8px 2px 5px;
\r
632 /* StatusBar word processor example styles */
\r
634 #word-status .x-status-text-panel .spacer {
\r
639 #word-status .x-status-busy {
\r
640 padding-left: 25px !important;
\r
641 background: transparent no-repeat 3px 2px;
\r
643 #word-status .x-status-saved {
\r
644 padding-left: 25px !important;
\r
645 background: transparent no-repeat 3px 2px;
\r
648 /* StatusBar form validation example styles */
\r
650 .x-statusbar .x-status-error {
\r
652 padding-left: 25px !important;
\r
653 background: transparent no-repeat 3px 2px;
\r
655 .x-statusbar .x-status-valid {
\r
656 padding-left: 25px !important;
\r
657 background: transparent no-repeat 3px 2px;
\r
659 .x-status-error-list {
\r
660 font: 11px tahoma,arial,verdana,sans-serif;
\r
661 position: absolute;
\r
663 border-top: 1px solid;
\r
664 border-right: 1px solid;
\r
665 border-bottom: 1px solid;
\r
666 border-left: 1px solid;
\r
669 .x-status-error-list li {
\r
674 .x-status-error-list li a {
\r
675 text-decoration: none;
\r
677 .x-status-error-list li a:hover {
\r
678 text-decoration: underline;
\r
682 /* *********************************************************** */
\r
683 /* *********************************************************** */
\r
684 /* *********************************************************** */
\r
687 /* StatusBar - visual */
\r
689 .x-statusbar .x-status-busy {
\r
690 background-image: url(../images/loading.gif);
\r
692 .x-statusbar .x-status-text-panel {
\r
693 border-color: #99bbe8 #fff #fff #99bbe8;
\r
696 /* StatusBar word processor example styles */
\r
698 #word-status .x-status-text {
\r
701 #word-status .x-status-busy {
\r
702 background-image: url(../images/saving.gif);
\r
704 #word-status .x-status-saved {
\r
705 background-image: url(../images/saved.png);
\r
708 /* StatusBar form validation example styles */
\r
710 .x-statusbar .x-status-error {
\r
712 background-image: url(../images/exclamation.gif);
\r
714 .x-statusbar .x-status-valid {
\r
715 background-image: url(../images/accept.png);
\r
717 .x-status-error-list {
\r
718 border-color: #C33;
\r
720 .x-status-error-list li a {
\r
723 * Ext JS Library 3.1+
724 * Copyright(c) 2006-2009 Ext JS, LLC
725 * licensing@extjs.com
726 * http://www.extjs.com/license
728 .x-treegrid-root-table {
729 border-right: 1px solid;
732 .x-treegrid-root-node {
736 .x-treegrid-hd-hidden {
743 border-bottom: 1px solid;
747 -o-text-overflow: ellipsis;
748 text-overflow: ellipsis;
754 -moz-user-select: none;
755 -khtml-user-select: none;
758 .x-treegrid-resizer {
759 border-left:1px solid;
760 border-right:1px solid;
766 .x-treegrid-header-inner {
770 .x-treegrid-root-table,
772 border-color: #ededed;
775 .x-treegrid-resizer {
776 border-left-color:#555;
777 border-right-color:#555;