1 /* <script type="text/javascript"> */
\r
2 /** unknown styles from new grid **/
\r
5 .x-layout-grid-wrapper
\r
18 background-color:#FFFFFF;
\r
49 /* stops jumping? */
\r
50 -moz-user-select: none;
\r
51 /* white-space: nowrap; */
\r
55 height:16px !important;
\r
56 box-sizing: border-box;
\r
57 -moz-box-sizing: border-box;
\r
58 /* position:absolute;
\r
62 -moz-user-focus: normal;
\r
64 border-left: 1px solid #f1efe2;
\r
66 .x-edit-grid .x-grid-col{
\r
67 -moz-outline: normal;
\r
69 .x-grid-col, .x-grid-header {
\r
70 -o-text-overflow: ellipsis;
\r
71 text-overflow: ellipsis;
\r
77 border-right: 1px solid #f1efe2;
\r
80 box-sizing: border-box;
\r
81 -moz-box-sizing: border-box;
\r
82 /* position:absolute; */
\r
83 /* visibility:hidden; */
\r
84 font: normal 8pt arial;
\r
85 border: 1px solid #afbdc9;
\r
88 .x-grid-editor input{
\r
89 font: normal 8pt arial;
\r
95 .x-grid-editor-container{
\r
98 background-color:white;
\r
100 .x-grid-editor .pick-button{
\r
108 background-image: url(../images/default/grid/pick-button.gif);
\r
109 background-repeat: no-repeat;
\r
111 .x-grid-editor-invalid{
\r
112 background-image: url(../images/default/grid/invalid_line.gif);
\r
113 background-repeat: repeat-x;
\r
114 background-position: bottom;
\r
115 border: 1px solid #afbdc9;
\r
117 .x-grid-checkbox-editor{
\r
118 text-align: center;
\r
121 background-color:white;
\r
123 .x-grid-checkbox-editor input{
\r
128 select.x-grid-editor{
\r
130 -moz-outline: none;
\r
131 border: 1px solid #afbdc9;
\r
133 .x-grid-num-editor{
\r
138 .x-grid-text-editor{
\r
143 font: normal 8pt arial;
\r
144 background-color: #ebeadb;
\r
145 box-sizing: border-box;
\r
146 -moz-box-sizing: border-box;
\r
148 position: absolute;
\r
152 border-bottom: 1px solid #333;
\r
155 .x-grid-column-sizer {
\r
157 border-right:1px dashed #6593cf;
\r
159 cursor: col-resize;
\r
161 .x-grid-drag-proxy{
\r
164 background-color:#3366cc;
\r
165 border: 1px solid #002266;
\r
171 font: normal 8pt arial;
\r
186 background-position: center;
\r
187 background-repeat: no-repeat;
\r
189 .x-grid-drop-nodrop{
\r
190 background-image: url(../images/default/grid/drop-no.gif);
\r
193 background-image: url(../images/default/grid/drop-yes.gif);
\r
196 .x-grid-hd-row img.x-grid-sort-icon {
\r
201 vertical-align: middle;
\r
204 .x-grid-hd-row .sort-asc img.x-grid-sort-icon {
\r
205 background-image: url(../images/default/grid/sort_asc.gif);
\r
206 background-position: right;
\r
207 background-repeat: no-repeat;
\r
208 /* display: none; */
\r
211 .x-grid-hd-row .sort-desc img.x-grid-sort-icon {
\r
212 background-image: url(../images/default/grid/sort_desc.gif);
\r
213 background-position: right;
\r
214 background-repeat: no-repeat;
\r
215 /* display: none; */
\r
221 font: normal 8pt arial;
\r
225 position: relative;
\r
227 white-space: nowrap;
\r
229 .x-grid-hd-body span {
\r
230 font: normal 8pt arial;
\r
231 white-space: nowrap;
\r
234 border-bottom: 2px solid #fcc247;
\r
236 .x-grid-hd-over .x-grid-hd-body{
\r
237 background-color: #faf9f4;
\r
238 border-bottom: 1px solid #f9a900;
\r
241 background-image: url(../images/default/grid/grid-split.gif);
\r
242 background-position: center;
\r
243 background-repeat: no-repeat;
\r
249 position: absolute;
\r
255 background: #ebeadb url(../images/default/grid/grid-hrow.gif) repeat-x;
\r
259 position: relative;
\r
265 .x-grid-hrow-frame{
\r
269 position: absolute;
\r
274 .x-grid-footer .x-toolbar{
\r
277 .x-grid-page-number{
\r
283 .x-grid-page-first button {
\r
284 background: url(../images/default/grid/page-first.gif) no-repeat;
\r
287 .x-grid-loading button {
\r
288 background: url(../images/default/grid/done.gif) no-repeat;
\r
291 .x-grid-page-last button {
\r
292 background: url(../images/default/grid/page-last.gif) no-repeat;
\r
296 .x-grid-page-next button
\r
298 background: url(../images/default/grid/page-next.gif) no-repeat;
\r
302 .x-grid-page-prev button
\r
304 background: url(../images/default/grid/page-prev.gif) no-repeat;
\r
317 .x-item-disabled .x-grid-loading button {
\r
318 background: url(../images/default/grid/loading.gif) no-repeat;
\r
320 .x-item-disabled .x-grid-page-first button {
\r
321 background: url(../images/default/grid/page-first-disabled.gif) no-repeat;
\r
323 .x-item-disabled .x-grid-page-last button {
\r
324 background: url(../images/default/grid/page-last-disabled.gif) no-repeat;
\r
326 .x-item-disabled .x-grid-page-next button {
\r
327 background: url(../images/default/grid/page-next-disabled.gif) no-repeat;
\r
329 .x-item-disabled .x-grid-page-prev button {
\r
330 background: url(../images/default/grid/page-prev-disabled.gif) no-repeat;
\r
334 .x-grid-mso .x-grid-header{
\r
338 .x-grid-mso .x-grid-footer {
\r
339 border-top: 1px solid #6593cf;
\r
342 .x-grid-mso .x-grid-footer .x-grid-fbutton{
\r
345 .x-grid-mso .x-grid-hd-body {
\r
348 .x-grid-mso .x-grid-hd-over{
\r
351 .x-grid-mso .x-grid-hd-over .x-grid-hd-body{
\r
352 background-color: transparent;
\r
354 .x-grid-mso .x-grid-split {
\r
355 background-image: url(../images/default/grid/grid-blue-split.gif);
\r
357 .x-grid-mso .x-toolbar .x-tb-sep {
\r
358 background-image: url(../images/default/grid/grid-blue-split.gif);
\r
360 .x-grid-mso .x-grid-hrow{
\r
361 background: url(../images/default/grid/mso-hd.gif);
\r
362 border-bottom: 1px solid #6593cf;
\r
365 .x-grid-mso .x-grid-row{
\r
367 border-bottom: 1px solid #ddecfe;
\r
369 .x-grid-mso .x-grid-row-alt{
\r
370 background-color: #f5f5f5;
\r
372 .x-grid-mso .x-grid-row-selected{
\r
373 background-color: #b3c8e8 !important;
\r
376 .x-grid-mso .x-grid-row-selected span{
\r
377 color: black !important;
\r
379 .x-props-grid .x-grid-col-1{
\r
380 background-color: #f1efe2;
\r
382 .x-props-grid .x-grid-col-1 .x-grid-cell-text{
\r
383 background-color: white;
\r
385 .x-props-grid .x-grid-col-0{
\r
386 background-color: #f1efe2;
\r
388 .x-props-grid .x-grid-col-0 .x-grid-cell-text{
\r
389 background-color: white;
\r
392 .x-props-grid .x-grid-prop-edting .x-grid-col-0 .x-grid-cell-text{
\r
393 background-color: #316ac5;
\r
396 .x-props-grid .x-grid-prop-edting .x-grid-col-0{
\r
399 .x-props-grid .x-grid-num-editor{
\r
405 font: normal 8pt tahoma,arial,helvetica;
\r
406 border-bottom: 1px solid #f1efe2;
\r
407 border-left: 1px solid #f1efe2;
\r
409 white-space: nowrap;
\r
411 /* width:10000px; */
\r
412 /* box-sizing: border-box;
\r
413 -moz-box-sizing: border-box;
\r
416 /* position:absolute; */
\r
419 background-color: #fcfaf6;
\r
422 background-color: #f1f1f1;
\r
425 .x-grid-cell-selected,
\r
426 .x-grid-row-selected {
\r
427 background-color: #316ac5 !important;
\r
430 /*.x-grid-row-selected span{
\r
431 color: white !important;
\r
439 To have the scrollbars overlap the header, change .x-grid-wrap top style to 0 and
\r
440 and ygrid-wrap-body top to 22px
\r
441 Then grid.getView().scrollbarMode = YAHOO.ext.grid.GridView.SCROLLBARS_OVERLAP;
\r
447 position: relative;
\r
454 border-top: 1px solid #cbc7b8;
\r
456 .x-grid-wrap-footer {
\r
461 box-sizing: border-box;
\r
462 -moz-box-sizing: border-box;
\r
463 background-color: #ebeadb;
\r
467 .x-grid-wrap-body {
\r
470 position: absolute;
\r
474 .x-grid-wrap-headers {
\r
477 position: absolute;
\r
484 .x-grid-simple-view .x-grid-col{
\r
485 height:100% !important;
\r
487 display:table-cell;
\r
488 display:inline-block;
\r
490 .x-grid-simple-view .x-grid-row{
\r
492 display: table-row;
\r
495 /* ----------------------- PAGING ---------------------- */
\r
499 position: absolute;
\r
504 .x-grid-topbar, .x-grid-bottombar
\r
508 position: relative;
\r
513 /* --- checkbox wrapping hides background -- */
\r
514 .x-grid-editor .x-form-check-wrap {
\r
515 background-color:#FFFFFF;
\r
520 .x-grid-row-selected .x-grid-check-icon-toggle,
\r
521 .x-grid-check-icon-checked {
\r
522 background:transparent url(../../roojs1/images/default/menu/chk-sprite.gif) no-repeat scroll 0 -16px;
\r
526 .x-grid-check-icon-toggle,
\r
527 .x-grid-check-icon {
\r
528 background:transparent url(../../roojs1/images/default/menu/chk-sprite.gif) no-repeat scroll 0 0;
\r
536 .x-grid-dd-above td {
\r
537 border-top: 20px solid #fcfcfc;
\r
540 .x-grid-dd-below td {
\r
541 border-bottom: 20px solid #fcfcfc;
\r
545 .x-grid-row-fadeout {
\r
546 visibility: hidden;
\r
548 transition: visibility 0s 1s, opacity 1s linear;
\r