3 * Copyright(c) 2006-2010 Sencha Inc.
5 * http://www.sencha.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 {
16 background: url(../../../resources/images/default/grid/grid3-hrow.gif) repeat-x bottom;
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 {
107 .x-grid3-hd-row .ux-filtered-column {
108 border-left: 1px solid #C7E3B4;
109 border-right: 1px solid #C7E3B4;
112 .x-grid3-hd-row .ux-filtered-column .x-grid3-hd-inner {
113 background-image: url(../images/header_bg.gif);
116 .ux-filtered-column .x-grid3-hd-btn {
117 background-image: url(../images/hd-btn.gif);
120 .x-grid3-hd-row td.ux-filtered-column {
125 .ux-filtered-column.sort-asc .x-grid3-sort-icon {
126 background-image: url(../images/sort_filtered_asc.gif) !important;
129 .ux-filtered-column.sort-desc .x-grid3-sort-icon {
130 background-image: url(../images/sort_filtered_desc.gif) !important;
133 .ux-gridfilter-text-icon {
134 background-image: url(../images/find.png) !important;
137 /* Temporary Patch for Bug ??? */
138 .x-menu-list-item-indent .x-menu-item-icon {
144 li.x-menu-list-item-indent {
147 li.x-menu-list-item div {
155 background-image: url(../images/greater_than.png) !important;
159 background-image: url(../images/less_than.png) !important;
163 background-image: url(../images/equals.png) !important;
165 .x-grid3-summary-row {
166 border-left:1px solid #fff;
167 border-right:1px solid #fff;
171 .x-grid3-summary-row .x-grid3-cell-inner {
175 .x-grid3-cell-first .x-grid3-cell-inner {
178 .x-grid-hide-summary .x-grid3-summary-row {
181 .x-grid3-summary-msg {
184 }.x-grouptabs-panel {
185 background-color: #4E78B1;
186 border: solid 15px #4E78B1;
188 .x-tab-panel-left .x-grouptabs-panel-header,
189 .x-tab-panel-right .x-grouptabs-panel-header {
192 background: transparent;
194 .x-tab-panel-right .x-grouptabs-panel-header {
197 .x-tab-panel-left .x-grouptabs-bwrap {
201 .x-tab-panel-right .x-grouptabs-bwrap {
205 .x-tab-panel-left ul.x-grouptabs-strip,
206 .x-tab-panel-right ul.x-grouptabs-strip {
210 .x-tab-panel-left ul.x-grouptabs-strip li,
211 .x-tab-panel-right ul.x-grouptabs-strip li {
212 padding: 6px 0 2px 6px;
218 .x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text,
219 .x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text{
225 .x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text{
228 .x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text{
232 .x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text,
233 .x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text{
238 .x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text{
241 .x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text{
245 .x-grouptabs-panel .x-grouptabs-strip a.x-grouptabs-text{
250 font-family: tahoma, arial, sans-serif;
252 text-decoration: none;
254 .x-tab-panel-right .x-grouptabs-strip a.x-grouptabs-text {
258 .x-grouptabs-panel .x-grouptabs-strip-active a.x-grouptabs-text {
262 .x-grouptabs-panel ul.x-grouptabs-sub a.x-grouptabs-text {
273 .x-grouptabs-panel .x-grouptabs-panel-body {
274 border: 1px solid #999;
277 .x-grouptabs-panel ul.x-grouptabs-strip li {
278 border-top: 1px solid transparent;
279 border-bottom: 1px solid transparent;
280 border-left: 1px solid transparent;
283 .x-grouptabs-panel ul.x-grouptabs-strip li.x-grouptabs-strip-active {
286 border-top: 1px solid #999;
287 border-bottom: 1px solid #999;
290 .x-tab-panel-left ul.x-grouptabs-strip li.x-grouptabs-strip-active {
291 border-left: 1px solid #999;
293 .x-tab-panel-right ul.x-grouptabs-strip li.x-grouptabs-strip-active {
294 border-right: 1px solid #999;
297 .x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li.x-grouptabs-strip-active{
298 background-color: #EDEEF0;
301 .x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub {
302 background-color: transparent;
305 .x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li {
306 border-color: transparent;
310 .x-grouptabs-panel .x-grouptabs-corner {
311 background-image: url('../images/x-grouptabs-corners.gif');
321 .x-grouptabs-panel .x-grouptabs-strip-active .x-grouptabs-corner {
324 .x-grouptabs-panel .x-grouptabs-main.x-grouptabs-strip-active ul.x-grouptabs-sub .x-grouptabs-corner {
328 .x-grouptabs-panel .x-grouptabs-corner-top-left {
329 background-position: top left;
332 .x-grouptabs-panel .x-grouptabs-corner-bottom-left {
333 background-position: bottom left;
336 .x-grouptabs-panel .x-grouptabs-corner-top-right {
337 background-position: top right;
340 .x-grouptabs-panel .x-grouptabs-corner-bottom-right {
341 background-position: bottom right;
344 .x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-bottom-left{
345 bottom: -4px; left: -4px;
347 .x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-bottom-right{
348 bottom: -4px; right: -4px;
350 .x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-top-left{
351 top: -4px; left: -4px;
353 .x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-top-right{
354 top: -4px; right: -4px;
357 .x-grouptabs-panel ul.x-grouptabs-sub li.x-tab-with-icon a.x-grouptabs-text {
358 background-repeat: no-repeat;
362 /* General tab styling */
363 .x-grouptabs-panel .x-grouptabs-expand {
364 background: transparent url('../images/elbow-plus-nl.gif') no-repeat;
372 .ext-ie6 .x-grouptabs-panel .x-grouptabs-expand,
373 .ext-border-box .x-grouptabs-panel .x-grouptabs-expand {
377 .x-grouptabs-expanded .x-grouptabs-expand {
378 background-image: url('../images/elbow-minus-nl.gif');
381 /* GroupTabs sub group styling */
387 .x-grouptabs-expanded .x-grouptabs-sub {
391 .x-grouptabs-panel ul.x-grouptabs-sub li {
397 .x-grouptabs-panel ul.x-grouptabs-sub .x-grouptabs-main-item {
402 border-style:none !important;
404 .x-grid3-locked, .x-grid3-unlocked {
410 border-right: 1px solid #99BBE8;
413 .x-grid3-locked .x-grid3-scroller {
417 .x-grid3-locked .x-grid3-row {
421 .x-grid3-scroll-spacer {
425 .x-grid3-unlocked .x-grid3-header-offset {
429 .x-grid3-unlocked .x-grid3-row {
435 position:relative; /* for calculating scroll offsets */
440 font:normal 12px tahoma, arial, helvetica, sans-serif;
442 border:1px solid #fff;
446 .ux-mselect-selected{
447 border:1px dotted #a3bae9 !important;
452 .x-view-drag-insert-above {
453 border-top:1px dotted #3366cc;
455 .x-view-drag-insert-below {
456 border-bottom:1px dotted #3366cc;
460 background:transparent url(../images/panel-handle.gif) no-repeat center bottom;
470 }.x-portal .x-panel-dd-spacer {
478 /* Clean up the look of the portlets */
479 .x-portlet .x-panel-ml {
482 .x-portlet .x-panel-mr {
485 .x-portlet .x-panel-bl {
489 .x-portlet .x-panel-br {
492 .x-portlet .x-panel-body {
495 .x-portlet .x-panel-mc {
498 .x-portlet .x-panel-bc .x-panel-footer {
501 .x-portlet .x-panel-nofooter .x-panel-bc {
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 */
609 .x-statusbar .x-status-text {
617 .x-statusbar .x-status-busy {
618 padding-left: 25px !important;
619 background: transparent no-repeat 3px 2px;
622 .x-toolbar div.xtb-text
624 .x-statusbar .x-status-text-panel {
625 border-top: 1px solid;
626 border-right: 1px solid;
627 border-bottom: 1px solid;
628 border-left: 1px solid;
629 padding: 2px 8px 2px 5px;
632 /* StatusBar word processor example styles */
634 #word-status .x-status-text-panel .spacer {
639 #word-status .x-status-busy {
640 padding-left: 25px !important;
641 background: transparent no-repeat 3px 2px;
643 #word-status .x-status-saved {
644 padding-left: 25px !important;
645 background: transparent no-repeat 3px 2px;
648 /* StatusBar form validation example styles */
650 .x-statusbar .x-status-error {
652 padding-left: 25px !important;
653 background: transparent no-repeat 3px 2px;
655 .x-statusbar .x-status-valid {
656 padding-left: 25px !important;
657 background: transparent no-repeat 3px 2px;
659 .x-status-error-list {
660 font: 11px tahoma,arial,verdana,sans-serif;
663 border-top: 1px solid;
664 border-right: 1px solid;
665 border-bottom: 1px solid;
666 border-left: 1px solid;
669 .x-status-error-list li {
674 .x-status-error-list li a {
675 text-decoration: none;
677 .x-status-error-list li a:hover {
678 text-decoration: underline;
682 /* *********************************************************** */
683 /* *********************************************************** */
684 /* *********************************************************** */
687 /* StatusBar - visual */
689 .x-statusbar .x-status-busy {
690 background-image: url(../images/loading.gif);
692 .x-statusbar .x-status-text-panel {
693 border-color: #99bbe8 #fff #fff #99bbe8;
696 /* StatusBar word processor example styles */
698 #word-status .x-status-text {
701 #word-status .x-status-busy {
702 background-image: url(../images/saving.gif);
704 #word-status .x-status-saved {
705 background-image: url(../images/saved.png);
708 /* StatusBar form validation example styles */
710 .x-statusbar .x-status-error {
712 background-image: url(../images/exclamation.gif);
714 .x-statusbar .x-status-valid {
715 background-image: url(../images/accept.png);
717 .x-status-error-list {
720 .x-status-error-list li a {
722 }.x-treegrid-root-table {
723 border-right: 1px solid;
726 .x-treegrid-root-node {
730 .x-treegrid-hd-hidden {
737 border-bottom: 1px solid;
741 -o-text-overflow: ellipsis;
742 text-overflow: ellipsis;
748 -moz-user-select: none;
749 -khtml-user-select: none;
752 .x-treegrid-resizer {
753 border-left:1px solid;
754 border-right:1px solid;
760 .x-treegrid-header-inner {
764 .x-treegrid-root-table,
766 border-color: #ededed;
769 .x-treegrid-resizer {
770 border-left-color:#555;
771 border-right-color:#555;