3 * Copyright(c) 2006-2009 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 .x-column-tree .x-panel-header {
16 padding: 3px 0px 0px 0px;
17 border-bottom-width: 0px;
20 .x-column-tree .x-panel-header .x-panel-header-text {
24 .x-column-tree .x-tree-node {
27 .x-column-tree .x-tree-node-el {
28 /*border-bottom:1px solid #eee; borders? */
31 .x-column-tree .x-tree-selected {
34 .x-column-tree .x-tree-node a {
36 vertical-align:middle;
38 .x-column-tree .x-tree-node a span{
41 .x-column-tree .x-tree-node .x-tree-selected a span{
42 background:transparent;
52 .x-tree-col-text, .x-tree-hd-text {
55 -o-text-overflow: ellipsis;
56 text-overflow: ellipsis;
57 padding:3px 3px 3px 5px;
59 font:normal 11px arial, tahoma, helvetica, sans-serif;
64 background: #f9f9f9 url(../../../resources/images/default/grid/grid3-hrow.gif) repeat-x 0 bottom;
72 border-left:1px solid #eee;
73 border-right:1px solid #d0d0d0;
76 * FileUploadField component styles
82 .x-form-file-wrap .x-form-file {
86 filter:alpha(opacity: 0);
91 .x-form-file-wrap .x-form-file-btn {
96 .x-form-file-wrap .x-form-file-text {
102 * GridFilters Styles
\r
105 .x-grid3-hd-row .ux-filtered-column {
\r
106 border-left: 1px solid #C7E3B4;
\r
107 border-right: 1px solid #C7E3B4;
\r
110 .x-grid3-hd-row .ux-filtered-column .x-grid3-hd-inner {
\r
111 background-image: url(../images/header_bg.gif);
\r
114 .ux-filtered-column .x-grid3-hd-btn {
\r
115 background-image: url(../images/hd-btn.gif);
\r
118 .x-grid3-hd-row td.ux-filtered-column {
\r
119 font-style: italic;
\r
123 .ux-filtered-column.sort-asc .x-grid3-sort-icon {
\r
124 background-image: url(../images/sort_filtered_asc.gif) !important;
\r
127 .ux-filtered-column.sort-desc .x-grid3-sort-icon {
\r
128 background-image: url(../images/sort_filtered_desc.gif) !important;
\r
131 .ux-gridfilter-text-icon {
\r
132 background-image: url(../images/find.png) !important;
\r
135 /* Temporary Patch for Bug ??? */
\r
136 .x-menu-list-item-indent .x-menu-item-icon {
\r
137 position: relative;
\r
140 margin-right: 10px;
\r
142 li.x-menu-list-item-indent {
\r
145 li.x-menu-list-item div {
\r
153 background-image: url(../images/greater_than.png) !important;
\r
157 background-image: url(../images/less_than.png) !important;
\r
161 background-image: url(../images/equals.png) !important;
\r
163 .x-grid3-summary-row {
\r
164 border-left:1px solid #fff;
\r
165 border-right:1px solid #fff;
\r
167 background: #f1f2f4;
\r
169 .x-grid3-summary-row .x-grid3-cell-inner {
\r
171 padding-bottom:4px;
\r
173 .x-grid3-cell-first .x-grid3-cell-inner {
\r
176 .x-grid-hide-summary .x-grid3-summary-row {
\r
179 .x-grid3-summary-msg {
\r
182 }.x-grouptabs-panel {
\r
183 background-color: #4E78B1;
\r
184 border: solid 15px #4E78B1;
\r
186 .x-tab-panel-left .x-grouptabs-panel-header,
\r
187 .x-tab-panel-right .x-grouptabs-panel-header {
\r
190 background: transparent;
\r
192 .x-tab-panel-right .x-grouptabs-panel-header {
\r
195 .x-tab-panel-left .x-grouptabs-bwrap {
\r
197 position: relative;
\r
199 .x-tab-panel-right .x-grouptabs-bwrap {
\r
201 position: relative;
\r
203 .x-tab-panel-left ul.x-grouptabs-strip,
\r
204 .x-tab-panel-right ul.x-grouptabs-strip {
\r
208 .x-tab-panel-left ul.x-grouptabs-strip li,
\r
209 .x-tab-panel-right ul.x-grouptabs-strip li {
\r
210 padding: 6px 0 2px 6px;
\r
213 position: relative;
\r
216 .x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text,
\r
217 .x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text{
\r
223 .x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text{
\r
224 padding-left: 18px;
\r
226 .x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-strip a.x-grouptabs-text{
\r
227 padding-right: 18px;
\r
230 .x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text,
\r
231 .x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text{
\r
236 .x-tab-panel-left .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text{
\r
239 .x-tab-panel-right .x-tab-panel-header ul.x-grouptabs-sub a.x-grouptabs-text{
\r
243 .x-grouptabs-panel .x-grouptabs-strip a.x-grouptabs-text{
\r
245 white-space: nowrap;
\r
248 font-family: tahoma, arial, sans-serif;
\r
250 text-decoration: none;
\r
252 .x-tab-panel-right .x-grouptabs-strip a.x-grouptabs-text {
\r
256 .x-grouptabs-panel .x-grouptabs-strip-active a.x-grouptabs-text {
\r
260 .x-grouptabs-panel ul.x-grouptabs-sub a.x-grouptabs-text {
\r
261 font-weight: normal;
\r
264 position: absolute;
\r
271 .x-grouptabs-panel .x-grouptabs-panel-body {
\r
272 border: 1px solid #999;
\r
275 .x-grouptabs-panel ul.x-grouptabs-strip li {
\r
276 border-top: 1px solid transparent;
\r
277 border-bottom: 1px solid transparent;
\r
278 border-left: 1px solid transparent;
\r
281 .x-grouptabs-panel ul.x-grouptabs-strip li.x-grouptabs-strip-active {
\r
284 border-top: 1px solid #999;
\r
285 border-bottom: 1px solid #999;
\r
288 .x-tab-panel-left ul.x-grouptabs-strip li.x-grouptabs-strip-active {
\r
289 border-left: 1px solid #999;
\r
291 .x-tab-panel-right ul.x-grouptabs-strip li.x-grouptabs-strip-active {
\r
292 border-right: 1px solid #999;
\r
295 .x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li.x-grouptabs-strip-active{
\r
296 background-color: #EDEEF0;
\r
299 .x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub {
\r
300 background-color: transparent;
\r
303 .x-grouptabs-panel li.x-grouptabs-strip-active ul.x-grouptabs-sub li {
\r
304 border-color: transparent;
\r
308 .x-grouptabs-panel .x-grouptabs-corner {
\r
309 background-image: url('../images/x-grouptabs-corners.gif');
\r
313 position: absolute;
\r
319 .x-grouptabs-panel .x-grouptabs-strip-active .x-grouptabs-corner {
\r
322 .x-grouptabs-panel .x-grouptabs-main.x-grouptabs-strip-active ul.x-grouptabs-sub .x-grouptabs-corner {
\r
326 .x-grouptabs-panel .x-grouptabs-corner-top-left {
\r
327 background-position: top left;
\r
330 .x-grouptabs-panel .x-grouptabs-corner-bottom-left {
\r
331 background-position: bottom left;
\r
332 left: 0; bottom: 0;
\r
334 .x-grouptabs-panel .x-grouptabs-corner-top-right {
\r
335 background-position: top right;
\r
338 .x-grouptabs-panel .x-grouptabs-corner-bottom-right {
\r
339 background-position: bottom right;
\r
340 right: 0; bottom: 0;
\r
342 .x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-bottom-left{
\r
343 bottom: -4px; left: -4px;
\r
345 .x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-bottom-right{
\r
346 bottom: -4px; right: -4px;
\r
348 .x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-top-left{
\r
349 top: -4px; left: -4px;
\r
351 .x-grouptabs-panel li.x-grouptabs-strip-active .x-grouptabs-corner-top-right{
\r
352 top: -4px; right: -4px;
\r
355 .x-grouptabs-panel ul.x-grouptabs-sub li.x-tab-with-icon a.x-grouptabs-text {
\r
356 background-repeat: no-repeat;
\r
357 padding-left: 20px;
\r
360 /* General tab styling */
\r
361 .x-grouptabs-panel .x-grouptabs-expand {
\r
362 background: transparent url('../images/elbow-plus-nl.gif') no-repeat;
\r
365 position: absolute;
\r
370 .ext-ie6 .x-grouptabs-panel .x-grouptabs-expand,
\r
371 .ext-border-box .x-grouptabs-panel .x-grouptabs-expand {
\r
375 .x-grouptabs-expanded .x-grouptabs-expand {
\r
376 background-image: url('../images/elbow-minus-nl.gif');
\r
379 /* GroupTabs sub group styling */
\r
385 .x-grouptabs-expanded .x-grouptabs-sub {
\r
389 .x-grouptabs-panel ul.x-grouptabs-sub li {
\r
395 .x-grouptabs-panel ul.x-grouptabs-sub .x-grouptabs-main-item {
\r
400 border-style:none !important;
\r
405 position:relative; /* for calculating scroll offsets */
\r
410 font:normal 12px tahoma, arial, helvetica, sans-serif;
\r
412 border:1px solid #fff;
\r
413 white-space: nowrap;
\r
416 .ux-mselect-selected{
\r
417 border:1px dotted #a3bae9 !important;
\r
418 background:#DFE8F6;
\r
422 .x-view-drag-insert-above {
\r
423 border-top:1px dotted #3366cc;
\r
425 .x-view-drag-insert-below {
\r
426 border-bottom:1px dotted #3366cc;
\r
430 background:transparent url(../images/panel-handle.gif) no-repeat center bottom;
440 }.x-portal .x-panel-dd-spacer {
\r
441 margin-bottom:10px;
\r
445 margin-bottom:10px;
\r
448 /* Clean up the look of the portlets */
\r
449 .x-portlet .x-panel-ml {
\r
452 .x-portlet .x-panel-mr {
\r
455 .x-portlet .x-panel-bl {
\r
459 .x-portlet .x-panel-br {
\r
462 .x-portlet .x-panel-body {
\r
465 .x-portlet .x-panel-mc {
\r
468 .x-portlet .x-panel-bc .x-panel-footer {
\r
469 padding-bottom:2px;
\r
471 .x-portlet .x-panel-nofooter .x-panel-bc {
\r
473 }.ext-ie .x-row-editor .x-form-text {
\r
474 margin:0 !important;
\r
476 .x-row-editor-header {
\r
479 background: transparent url(../images/row-editor-bg.gif) repeat-x 0 0;
\r
481 .x-row-editor-footer {
\r
484 background: transparent url(../images/row-editor-bg.gif) repeat-x 0 -2px;
\r
486 .ext-ie .x-row-editor-footer {
\r
490 .x-row-editor-body {
\r
493 background: #ebf2fb;
\r
496 .x-row-editor .x-btns {
\r
501 background: transparent url(../images/row-editor-btns.gif) no-repeat 0 0;
\r
503 .x-row-editor .x-btns .x-plain-bwrap {
\r
505 background: transparent url(../images/row-editor-btns.gif) no-repeat right -31px;
\r
507 .x-row-editor .x-btns .x-plain-body {
\r
508 background: transparent url(../images/row-editor-btns.gif) repeat-x 0 -62px;
\r
511 .x-row-editor .x-btns .x-table-layout-cell {
\r
515 /* Fixes for IE6/7 trigger fields */
\r
516 .ext-ie6 .x-row-editor .x-form-field-wrap .x-form-trigger, .ext-ie7 .x-row-editor .x-form-field-wrap .x-form-trigger {
\r
520 .ext-ie6 .x-row-editor .x-form-field-trigger-wrap, .ext-ie7 .x-row-editor .x-form-field-trigger-wrap {
\r
524 .errorTip .x-tip-body ul{
\r
525 list-style-type:disc;
\r
528 .x-form-spinner-proxy{
529 /*background-color:#ff00cc;*/
531 .x-form-field-wrap .x-form-spinner-trigger {
532 background:transparent url('../images/spinner.gif') no-repeat 0 0;
535 .x-form-field-wrap .x-form-spinner-overup{
536 background-position:-17px 0;
538 .x-form-field-wrap .x-form-spinner-clickup{
539 background-position:-34px 0;
541 .x-form-field-wrap .x-form-spinner-overdown{
542 background-position:-51px 0;
544 .x-form-field-wrap .x-form-spinner-clickdown{
545 background-position:-68px 0;
549 .x-trigger-wrap-focus .x-form-spinner-trigger{
550 background-position:-85px 0;
552 .x-trigger-wrap-focus .x-form-spinner-overup{
553 background-position:-102px 0;
555 .x-trigger-wrap-focus .x-form-spinner-clickup{
556 background-position:-119px 0;
558 .x-trigger-wrap-focus .x-form-spinner-overdown{
559 background-position:-136px 0;
561 .x-trigger-wrap-focus .x-form-spinner-clickdown{
562 background-position:-153px 0;
564 .x-trigger-wrap-focus .x-form-trigger{
565 border-bottom: 1px solid #7eadd9;
568 .x-form-field-wrap .x-form-spinner-splitter {
571 background:transparent url('../images/spinner-split.gif') no-repeat 0 0;
575 .x-trigger-wrap-focus .x-form-spinner-splitter{
576 background-position:-14px 0;
578 /* StatusBar - structure */
\r
579 .x-statusbar .x-status-text {
\r
587 .x-statusbar .x-status-busy {
\r
588 padding-left: 25px !important;
\r
589 background: transparent no-repeat 3px 2px;
\r
592 .x-toolbar div.xtb-text
\r
594 .x-statusbar .x-status-text-panel {
\r
595 border-top: 1px solid;
\r
596 border-right: 1px solid;
\r
597 border-bottom: 1px solid;
\r
598 border-left: 1px solid;
\r
599 padding: 2px 8px 2px 5px;
\r
602 /* StatusBar word processor example styles */
\r
604 #word-status .x-status-text-panel .spacer {
\r
609 #word-status .x-status-busy {
\r
610 padding-left: 25px !important;
\r
611 background: transparent no-repeat 3px 2px;
\r
613 #word-status .x-status-saved {
\r
614 padding-left: 25px !important;
\r
615 background: transparent no-repeat 3px 2px;
\r
618 /* StatusBar form validation example styles */
\r
620 .x-statusbar .x-status-error {
\r
622 padding-left: 25px !important;
\r
623 background: transparent no-repeat 3px 2px;
\r
625 .x-statusbar .x-status-valid {
\r
626 padding-left: 25px !important;
\r
627 background: transparent no-repeat 3px 2px;
\r
629 .x-status-error-list {
\r
630 font: 11px tahoma,arial,verdana,sans-serif;
\r
631 position: absolute;
\r
633 border-top: 1px solid;
\r
634 border-right: 1px solid;
\r
635 border-bottom: 1px solid;
\r
636 border-left: 1px solid;
\r
639 .x-status-error-list li {
\r
644 .x-status-error-list li a {
\r
645 text-decoration: none;
\r
647 .x-status-error-list li a:hover {
\r
648 text-decoration: underline;
\r
652 /* *********************************************************** */
\r
653 /* *********************************************************** */
\r
654 /* *********************************************************** */
\r
657 /* StatusBar - visual */
\r
659 .x-statusbar .x-status-busy {
\r
660 background-image: url(../images/loading.gif);
\r
662 .x-statusbar .x-status-text-panel {
\r
663 border-color: #99bbe8 #fff #fff #99bbe8;
\r
666 /* StatusBar word processor example styles */
\r
668 #word-status .x-status-text {
\r
671 #word-status .x-status-busy {
\r
672 background-image: url(../images/saving.gif);
\r
674 #word-status .x-status-saved {
\r
675 background-image: url(../images/saved.png);
\r
678 /* StatusBar form validation example styles */
\r
680 .x-statusbar .x-status-error {
\r
682 background-image: url(../images/exclamation.gif);
\r
684 .x-statusbar .x-status-valid {
\r
685 background-image: url(../images/accept.png);
\r
687 .x-status-error-list {
\r
688 border-color: #C33;
\r
690 .x-status-error-list li a {
\r