New file |
0,0 → 1,549 |
/* |
* Ext JS Library 2.0.2 |
* Copyright(c) 2006-2008, Ext JS, LLC. |
* licensing@extjs.com |
* |
* http://extjs.com/license |
*/ |
|
/* Grid3 styles */ |
.x-grid3 { |
position:relative; |
overflow:hidden; |
background-color:#fff; |
} |
|
.x-grid-panel .x-panel-body { |
overflow:hidden !important; |
} |
|
.x-grid-panel .x-panel-mc .x-panel-body { |
border:1px solid #99bbe8; |
} |
|
.ext-ie .x-grid3 table,.ext-safari .x-grid3 table { |
table-layout:fixed; |
} |
.x-grid3-viewport{ |
overflow:hidden; |
} |
.x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{ |
font:normal 11px arial, tahoma, helvetica, sans-serif; |
-moz-outline: none; |
-moz-user-focus: normal; |
} |
.x-grid3-row td, .x-grid3-summary-row td { |
line-height:13px; |
vertical-align: top; |
padding-left:1px; |
padding-right:1px; |
-moz-user-select: none; |
} |
.x-grid3-hd-row td { |
line-height:15px; |
vertical-align:middle; |
border-left:1px solid #eee; |
border-right:1px solid #d0d0d0; |
} |
|
.x-grid3-hd-row .x-grid3-marker-hd { |
padding:3px; |
} |
|
.x-grid3-row .x-grid3-marker { |
padding:3px; |
} |
|
.x-grid3-cell-inner, .x-grid3-hd-inner{ |
overflow:hidden; |
-o-text-overflow: ellipsis; |
text-overflow: ellipsis; |
padding:3px 3px 3px 5px; |
white-space: nowrap; |
} |
|
.x-grid3-hd-inner { |
position:relative; |
cursor:inherit; |
padding:4px 3px 4px 5px; |
} |
|
.x-grid3-row-body { |
white-space:normal; |
} |
|
.x-grid3-body-cell { |
-moz-outline:0 none; |
outline:0 none; |
} |
/* IE Quirks to clip */ |
.ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{ |
width:100%; |
} |
/* reverse above in strict mode */ |
.ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{ |
width:auto; |
} |
|
.x-grid3-col { |
|
} |
|
.x-grid-row-loading { |
background: #fff url(../images/default/shared/loading-balls.gif) no-repeat center center; |
} |
.x-grid-page { |
overflow:hidden; |
} |
.x-grid3-row { |
cursor: default; |
border:1px solid #ededed; |
border-top-color:#fff; |
/*border-bottom: 1px solid #ededed;*/ |
width:100%; |
} |
.x-grid3-row-alt{ |
background-color:#fafafa; |
} |
|
.x-grid3-row-over { |
border:1px solid #dddddd; |
background: #efefef url(../images/default/grid/row-over.gif) repeat-x left top; |
} |
|
.x-grid3-resize-proxy { |
width:1px; |
left:0; |
background-color:#777; |
cursor: e-resize; |
cursor: col-resize; |
position:absolute; |
top:0; |
height:100px; |
overflow:hidden; |
visibility:hidden; |
border:0 none; |
z-index:7; |
} |
.x-grid3-resize-marker { |
width:1px; |
left:0; |
background-color:#777; |
position:absolute; |
top:0; |
height:100px; |
overflow:hidden; |
visibility:hidden; |
border:0 none; |
z-index:7; |
} |
.x-grid3-focus { |
position:absolute; |
top:0; |
-moz-outline:0 none; |
outline:0 none; |
-moz-user-select: normal; |
-khtml-user-select: normal; |
} |
|
/* header styles */ |
.x-grid3-header{ |
background: #f9f9f9 url(../images/default/grid/grid3-hrow.gif) repeat-x 0 bottom; |
cursor:default; |
zoom:1; |
padding:1px 0 0 0; |
} |
|
.x-grid3-header-pop { |
border-left:1px solid #d0d0d0; |
float:right; |
clear:none; |
} |
.x-grid3-header-pop-inner { |
border-left:1px solid #eee; |
width:14px; |
height:19px; |
background: transparent url(../images/default/grid/hd-pop.gif) no-repeat center center; |
} |
.ext-ie .x-grid3-header-pop-inner { |
width:15px; |
} |
.ext-strict .x-grid3-header-pop-inner { |
width:14px; |
} |
.x-grid3-header-inner { |
overflow:hidden; |
zoom:1; |
float:left; |
} |
.x-grid3-header-offset { |
padding-left:1px; |
width:10000px; |
} |
|
td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open { |
border-left:1px solid #aaccf6; |
border-right:1px solid #aaccf6; |
} |
td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner { |
background: #ebf3fd url(../images/default/grid/grid3-hrow-over.gif) repeat-x left bottom; |
|
} |
.x-grid3-sort-icon{ |
background-repeat: no-repeat; |
display: none; |
height: 4px; |
width: 13px; |
margin-left:3px; |
vertical-align: middle; |
} |
.sort-asc .x-grid3-sort-icon { |
background-image: url(../images/default/grid/sort_asc.gif); |
display: inline; |
} |
.sort-desc .x-grid3-sort-icon { |
background-image: url(../images/default/grid/sort_desc.gif); |
display: inline; |
} |
|
/* Header position fixes for IE strict mode */ |
.ext-strict .ext-ie .x-grid3-header-inner{position:relative;} |
.ext-strict .ext-ie6 .x-grid3-hd{position:relative;} |
.ext-strict .ext-ie6 .x-grid3-hd-inner{position:static;} |
|
/* Body Styles */ |
.x-grid3-body { |
zoom:1; |
} |
.x-grid3-scroller { |
overflow:auto; |
zoom:1; |
position:relative; |
} |
.x-grid3-cell-text, .x-grid3-hd-text { |
display: block; |
padding: 3px 5px 3px 5px; |
-moz-user-select: none; |
-khtml-user-select: none; |
color:black; |
} |
.x-grid3-split { |
background-image: url(../images/default/grid/grid-split.gif); |
background-position: center; |
background-repeat: no-repeat; |
cursor: e-resize; |
cursor: col-resize; |
display: block; |
font-size: 1px; |
height: 16px; |
overflow: hidden; |
position: absolute; |
top: 2px; |
width: 6px; |
z-index: 3; |
} |
|
.x-grid3-hd-text { |
color:#15428b; |
} |
/* Column Reorder DD */ |
.x-dd-drag-proxy .x-grid3-hd-inner{ |
background: #ebf3fd url(../images/default/grid/grid3-hrow-over.gif) repeat-x left bottom; |
width:120px; |
padding:3px; |
border:1px solid #aaccf6; |
overflow:hidden; |
} |
|
.col-move-top, .col-move-bottom{ |
width:9px; |
height:9px; |
position:absolute; |
top:0; |
line-height:1px; |
font-size:1px; |
overflow:hidden; |
visibility:hidden; |
z-index:20000; |
} |
.col-move-top{ |
background:transparent url(../images/default/grid/col-move-top.gif) no-repeat left top; |
} |
.col-move-bottom{ |
background:transparent url(../images/default/grid/col-move-bottom.gif) no-repeat left top; |
} |
|
/* Selection Styles */ |
.x-grid3-row-selected { |
background: #DFE8F6 !important; |
border:1px dotted #a3bae9; |
} |
|
.x-grid3-cell-selected{ |
background-color: #B8CFEE !important; |
color: black; |
} |
.x-grid3-cell-selected span{ |
color: black !important; |
} |
.x-grid3-cell-selected .x-grid3-cell-text{ |
color: black; |
} |
|
.x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{ |
background: #ebeadb url(../images/default/grid/grid-hrow.gif) repeat-x 0 bottom !important; |
vertical-align:middle !important; |
color:black; |
padding:0; |
border-top:1px solid white; |
border-bottom:none !important; |
border-right:1px solid #6fa0df !important; |
text-align:center; |
} |
.x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{ |
padding:0 4px; |
color:#15428b !important; |
text-align:center; |
} |
|
/* dirty cells */ |
.x-grid3-dirty-cell { |
background: transparent url(../images/default/grid/dirty.gif) no-repeat 0 0; |
} |
|
/* Grid Toolbars */ |
.x-grid3-topbar, .x-grid3-bottombar{ |
font:normal 11px arial, tahoma, helvetica, sans-serif; |
overflow:hidden; |
display:none; |
zoom:1; |
position:relative; |
} |
.x-grid3-topbar .x-toolbar{ |
border-right:0 none; |
} |
.x-grid3-bottombar .x-toolbar{ |
border-right:0 none; |
border-bottom:0 none; |
border-top:1px solid #a9bfd3; |
} |
/* Props Grid Styles */ |
.x-props-grid .x-grid3-cell{ |
padding:1px; |
} |
.x-props-grid .x-grid3-td-name .x-grid3-cell-inner{ |
background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y -16px !important; |
padding-left:12px; |
color:black !important; |
} |
.x-props-grid .x-grid3-body .x-grid3-td-name{ |
padding:1px; |
padding-right:0; |
background:white !important; |
border:0 none; |
border-right:1px solid #eeeeee; |
} |
|
/* header menu */ |
.xg-hmenu-sort-asc .x-menu-item-icon{ |
background-image: url(../images/default/grid/hmenu-asc.gif); |
} |
.xg-hmenu-sort-desc .x-menu-item-icon{ |
background-image: url(../images/default/grid/hmenu-desc.gif); |
} |
.xg-hmenu-lock .x-menu-item-icon{ |
background-image: url(../images/default/grid/hmenu-lock.gif); |
} |
.xg-hmenu-unlock .x-menu-item-icon{ |
background-image: url(../images/default/grid/hmenu-unlock.gif); |
} |
|
/* dd */ |
.x-grid3-col-dd { |
border:0 none; |
padding:0; |
background:transparent; |
} |
|
.x-dd-drag-ghost .x-grid3-dd-wrap { |
padding:1px 3px 3px 1px; |
} |
|
.x-grid3-hd { |
-moz-user-select:none; |
} |
|
.x-grid3-hd-btn { |
display:none; |
position:absolute; |
width:14px; |
background:#c3daf9 url(../images/default/grid/grid3-hd-btn.gif) no-repeat left center; |
right:0; |
top:0; |
z-index:2; |
cursor:pointer; |
} |
|
.x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn { |
display:block; |
} |
|
a.x-grid3-hd-btn:hover { |
background-position:-14px center; |
} |
|
/* Expanders */ |
|
.x-grid3-body .x-grid3-td-expander { |
background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right; |
} |
.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner { |
padding:0 !important; |
height:100%; |
} |
.x-grid3-row-expander { |
width:100%; |
height:18px; |
background-position:4px 2px; |
background-repeat:no-repeat; |
background-color:transparent; |
background-image:url(../images/default/grid/row-expand-sprite.gif); |
} |
.x-grid3-row-collapsed .x-grid3-row-expander { |
background-position:4px 2px; |
} |
.x-grid3-row-expanded .x-grid3-row-expander { |
background-position:-21px 2px; |
} |
.x-grid3-row-collapsed .x-grid3-row-body { |
display:none !important; |
} |
.x-grid3-row-expanded .x-grid3-row-body { |
display:block !important; |
} |
|
/* Checkers */ |
|
.x-grid3-body .x-grid3-td-checker { |
background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right; |
} |
|
.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner { |
padding:0 !important; |
height:100%; |
} |
|
.x-grid3-row-checker, .x-grid3-hd-checker { |
width:100%; |
height:18px; |
background-position:2px 2px; |
background-repeat:no-repeat; |
background-color:transparent; |
background-image:url(../images/default/grid/row-check-sprite.gif); |
} |
.x-grid3-row .x-grid3-row-checker { |
background-position:2px 2px; |
} |
.x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker { |
background-position:-23px 2px; |
} |
.x-grid3-hd-checker { |
background-position:2px 3px; |
} |
.x-grid3-hd-checker-on .x-grid3-hd-checker { |
background-position:-23px 3px; |
} |
|
/* Numberer */ |
|
.x-grid3-body .x-grid3-td-numberer { |
background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right; |
} |
.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner { |
padding:3px 5px 0 0 !important; |
text-align:right; |
color:#444; |
} |
|
/* All specials */ |
|
.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer, |
.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker, |
.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander { |
background:transparent url(../images/default/grid/grid3-special-col-sel-bg.gif) repeat-y right; |
} |
.x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner { |
padding: 1px 0 0 0 !important; |
} |
|
.x-grid3-check-col { |
width:100%; |
height:16px; |
background-position:center center; |
background-repeat:no-repeat; |
background-color:transparent; |
background-image:url(../images/default/menu/unchecked.gif); |
} |
|
|
.x-grid3-check-col-on { |
width:100%; |
height:16px; |
background-position:center center; |
background-repeat:no-repeat; |
background-color:transparent; |
background-image:url(../images/default/menu/checked.gif); |
} |
|
/* Grouping classes */ |
.x-grid-group, .x-grid-group-body, .x-grid-group-hd { |
zoom:1; |
} |
.x-grid-group-hd { |
border-bottom: 2px solid #99bbe8; |
cursor:pointer; |
padding-top:6px; |
} |
.x-grid-group-hd div { |
background:transparent url(../images/default/grid/group-expand-sprite.gif) no-repeat 3px -47px; |
padding:4px 4px 4px 17px; |
color:#3764a0; |
font:bold 11px tahoma, arial, helvetica, sans-serif; |
} |
.x-grid-group-collapsed .x-grid-group-hd div { |
background-position: 3px 3px; |
} |
.x-grid-group-collapsed .x-grid-group-body { |
display:none; |
} |
|
.x-group-by-icon { |
background-image:url(../images/default/grid/group-by.gif); |
} |
.x-cols-icon { |
background-image:url(../images/default/grid/columns.gif); |
} |
.x-show-groups-icon { |
background-image:url(../images/default/grid/group-by.gif); |
} |
|
.ext-ie .x-grid3 .x-editor .x-form-text { |
position:relative; |
top:-1px; |
} |
.ext-ie .x-props-grid .x-editor .x-form-text { |
position:static; |
top:0; |
} |
|
.x-grid-empty { |
padding:10px; |
color:gray; |
font:normal 11px tahoma, arial, helvetica, sans-serif; |
} |
|
|
/* fix floating toolbar issue */ |
.ext-ie7 .x-grid-panel .x-panel-bbar { |
position:relative; |
} |