diff options
Diffstat (limited to 'js/dojo/dojox/grid/resources/claroGrid.css')
| -rw-r--r-- | js/dojo/dojox/grid/resources/claroGrid.css | 311 |
1 files changed, 311 insertions, 0 deletions
diff --git a/js/dojo/dojox/grid/resources/claroGrid.css b/js/dojo/dojox/grid/resources/claroGrid.css new file mode 100644 index 0000000..f15ff84 --- /dev/null +++ b/js/dojo/dojox/grid/resources/claroGrid.css @@ -0,0 +1,311 @@ +/* Claro styles for DataGrid */ +@import url("Grid.css"); + +.claro .dojoxGrid { + margin:0px; + padding:0px; + border-collapse:collapse; + background-color: #fff; + border: 1px solid #DBDBDB; +} +/* messages */ +.claro .dojoxGridMasterMessages { + background-color: #fefefe; +} +.claro .dojoxGridLoading, +.claro .dojoxGridError { + background-position:left center; + background-repeat: no-repeat; + padding-left:25px; +} +.claro .dojoxGridLoading { + background-image:url("../../../dijit/themes/claro/images/loadingAnimation.gif"); +} +.claro .dojoxGridError { + background-image: url('../../../dijit/icons/images/commonIconsObjActEnabled.png'); + background-position: -496px; + width: 16px; + height: 16px; +} + +/* header */ +.claro .dojoxGridHeader { + background: transparent; + margin-left: -2px; +} +.claro .dojoxGridHeader .dojoxGridCell { + padding: 2px 5px; + vertical-align: top; + background: transparent; + border-style:solid; + border-width:1px; + border-color: #FFFFFF #BCBCBC #BCBCBC #FFFFFF; +} +.dj_ie6 .claro .dojoxGridHeader .dojoxGridCell { + border-color:#BCBCBC #BCBCBC #BCBCBC #e5edf4; +} +.claro .dojoxGridHeader .dojoxGridCellOver { + background: #9dcfff; +} + +/* header sorting arrow */ +.claro .dojoxGridSortNode { + text-decoration:none; + display:block; + white-space: normal; + background: none; + border: none; + padding: 0; +} +.claro .dojoxGridCellOver .dojoxGridSortNode { + background-color:#9dcfff; +} +.claro .dojoxGridArrowButtonChar { + display:none; + float:right; +} +.claro .dojoxGridArrowButtonNode { + background:transparent url("../../../dijit/themes/claro/images/spriteArrows.png") no-repeat scroll left center; + display:block; + float:right; + height:1em; + margin:2px 4px 0 5px; + padding-left:0; + width:7px; +} +.claro .dojoxGridSortUp .dojoxGridArrowButtonNode { + background-position:-21px 50%; +} + +/* header rows */ +.claro .dojoxGridMasterHeader { + background: url("images/header.png") #EDF2F7 repeat-x bottom; + background: -moz-linear-gradient(top, #EDF2F7, #D0DFEA); + background: -webkit-gradient(linear, left top, left bottom, from(#EDF2F7), to(#D0DFEA)); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEDF2F7, endColorstr=#FFD0DFEA); + border: 1px solid #FFFFFF; + border-right: none; +} +.claro .dojoxGridMasterHeader .dojoxGridRowTable { + border-left: 1px solid #BCBCBC; + border-right: 1px solid #FFFFFF; + background-color: transparent; +} +.dj_ie .claro .dojoxGridHeader .dojoxGridRowTable { + border-collapse:separate; +} +.claro .dojoxGridHeader .dojoxGridRowTable tr { + background: none; +} +.claro .dojoxGridHeader tr:first-child .dojoxGridCell { + border-top: 1px solid transparent; +} +.claro .dojoxGridHeader:first-child .dojoxGridRowTable { + border-left-width: 0; +} +.claro .dojoxGridHeader:first-child { + margin-left: -1px; +} +/* Grid view content */ +.claro .dojoxGridScrollbox { + background-color: #fefefe; +} + +/* rowbar - row headers */ +.claro .dojoxGridRowbar { + background:url("images/header.png") #e5edf4 repeat-x top; + border:none; + border-right:1px solid #BCBCBC; +} +.claro .dojoxGridRowbarTable { + background:transparent url("images/header_shadow.png") repeat-x scroll center bottom; +} +.dj_ie6 .claro .dojoxGridRowbar, +.dj_ie6 .claro .dojoxGridRowbarTable { + background-image:none; +} +.claro .dojoxGridRowbarInner { + border:none; + border-bottom:1px solid #ccc; +} +.claro .dojoxGridRowbarOver .dojoxGridRowbarTable { + background-color:#abd5fd; +} +.claro .dojoxGridRowbarSelected { + background-color:#abd5fd; + border-right:1px solid #ccc; +} + +/* rows */ +.claro .dojoxGridRow { + border:none; + background-color:#fff; +} +.dj_ie .claro .dojoxGridMasterView .dojoxGridRowTable { + border-collapse:separate;/*IE, separate is must to show the border of tr and td*/ +} +.claro .dojoxGridRowTable tr { + background:url("images/row_back.png") #fff repeat-x; +} +.claro .dojoxGridRowOdd .dojoxGridRowTable tr { + background-color:#f7fcff; +} +.claro .dojoxGridRowSelected .dojoxGridRowTable tr { + background-color:#cee6fa; +} + +/* cells */ +.claro .dojoxGridCell { + outline: none; + padding: 3px 5px; + word-wrap: break-word; + border:1px solid transparent; + border-color: transparent #E5DAC8 #E5DAC8 transparent; +} +.dj_ie6 .claro .dojoxGridCell { + border-color: #F5F5F5; +} +.dj_ie6 .claro .dojoxGridRowOdd .dojoxGridCell { + border-left-color:#f4f9fd; + border-right-color:#f4f9fd; +} +.dj_ie6 .claro .dojoxGridRowSelected .dojoxGridCell { + border-left-color:#d3e9fb; + border-right-color:#d3e9fb; +} +.claro .dojoxGridRowSelected .dojoxGridCell { + border-top:1px solid #BFD6EB; + border-bottom:1px solid #BFD6EB; +} +.claro .dojoxGridCellFocus { + outline: none; + border:1px dashed darkblue !important; +} + +/* Single Affordance Hover Effect */ +.claro .dojoxGridRowOver .dojoxGridCell { + background:url("images/row_back.png") #ABD6FF repeat-x; + border-top:1px solid #769DC0; + border-bottom:1px solid #769DC0; +} +.dj_ie6 .claro .dojoxGridRowOver .dojoxGridCell, +.dj_ie7 .claro .dojoxGridRowOver .dojoxGridCell { + border-left:1px solid #ABD6FF; + border-right:1px solid #ABD6FF; +} +.claro .dojoxGridRowActive .dojoxGridCell { + background:url("images/td_button_down.png") #7DBEFA repeat-x; +} +.dj_ie6 .claro .dojoxGridRowActive .dojoxGridCell, +.dj_ie7 .claro .dojoxGridRowActive .dojoxGridCell { + border-left:1px solid #7DBEFA; + border-right:1px solid #7DBEFA; +} + +/* Double Affordance Hover Effect */ +.claro .dojoxGridDoubleAffordance .dojoxGridRowOver .dojoxGridCellOver { + border:solid 1px #769dc0; + background-color:#93cafe; + border-collapse:separate;/*FF*/ +} +.claro .dojoxGridDoubleAffordance .dojoxGridRowActive .dojoxGridCell{ + background-image:url("images/row_back.png"); +} +.claro .dojoxGridDoubleAffordance .dojoxGridRowActive .dojoxGridCellActive { + background:url("images/td_button_down.png") #93cafe repeat-x; +} +.dj_ie6 .claro .dojoxGridCell { + background-image:none !important; +} + +/* editing */ +.claro .dojoxGridRowEditing td { + /* background-color: #F4FFF4; */ + background-color: #cee6fa; + /* padding: 0px 3px 0px 3px; */ +} +.claro .dojoxGridRow-inserting td { + background-color: #F4FFF4; +} +.claro .dojoxGridRow-inflight td { + background-color: #F2F7B7; +} +.claro .dojoxGridRow-error td { + background-color: #F8B8B6; +} + +/* Drag and Drop */ +.claro .dojoxGrid .dojoDndItemBefore { + border-left-color: #3559ac; +} +.claro .dojoxGrid .dojoDndItemAfter { + border-right-color: #3559ac; +} + +/* Tree Grid */ +.claro .dojoxGridExpando { + float: left; + height: 18px; + width: 18px; + text-align: center; + margin-top: -3px; +} +.dijitRtl .claro .dojoxGridExpando { + float: right; +} +.claro .dojoxGridExpandoCell { + padding-top: 5px; + background-position: left top !important; +} +.claro .dojoxGridExpandoNode { + background-image: url('../../../dijit/themes/claro/images/treeExpandImages.png'); + width: 16px; + height: 16px; + cursor: pointer; + background-position: 1px 0px; /* for closed state */ +} +.dj_ie6 .claro .dojoxGridExpandoNode { + background-image: url('../../../dijit/themes/claro/images/treeExpandImages8bit.png'); +} +.claro .dojoxGridRowOver .dojoxGridExpandoNode { + background-position: -17px 0px; +} +.claro .dojoxGridExpandoOpened .dojoxGridExpandoNode { + background-position: -35px 0px; +} +.claro .dojoxGridRowOver .dojoxGridExpandoOpened .dojoxGridExpandoNode { + background-position: -53px 0px; +} +.claro .dojoxGridExpandoLoading .dojoxGridExpandoNode { + background-image: url('../../../dijit/themes/claro/images/loadingAnimation.gif'); +} +.claro .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpando { + visibility: visible !important; + width: 18px !important; +} +.claro .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode, +.dj_ie6 .claro .dojoxGridTreeModel .dojoxGridNoChildren .dojoxGridExpandoNode { + background-image:none; +} +.claro .dojoxGridExpandoNodeInner { + visibility: hidden; +} +.dijit_a11y .dojoxGridExpandoNodeInner { + visibility: visible; +} + +.claro .dojoxGridSummaryRow .dojoxGridCell { + border:1px solid transparent; +} +.dj_ie6 .claro .dojoxGridSummaryRow .dojoxGridCell { + border-color:#fff +} +.claro tr.dojoxGridSubRowAlt { + background-color:#f4f9fd; +} +.claro .dojoxGridRowOdd tr.dojoxGridSubRowAlt { + background-color:#fff; +} +.claro .dojoxGridRow .dojoxGridRowTable tr.dojoxGridRowSelected { + background-color:#cee6fa; +} |