.claro .dgrid { background: #fff; border-color: #aaa; color: #000; } .claro .dgrid-header, .claro .dgrid-footer { background: #ebf0f5; background-image: -webkit-linear-gradient(top, #ebf0f5 0%, #d5e0ea 100%); background-image: -moz-linear-gradient(top, #ebf0f5 0%, #d5e0ea 100%); background-image: -o-linear-gradient(top, #ebf0f5 0%, #d5e0ea 100%); background-image: -ms-linear-gradient(top, #ebf0f5 0%, #d5e0ea 100%); background-image: linear-gradient(to bottom, #ebf0f5 0%, #d5e0ea 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf0f5', endColorstr='#d5e0ea',GradientType=0 ); } .claro .dgrid-header .dgrid-cell { border-color: #bbb; font-weight: bold; } .claro .dgrid-header .dgrid-cell:hover { background: #ebf1f6; background-image: -webkit-linear-gradient(top, #fff 0%, #d2e0eb 100%); background-image: -moz-linear-gradient(top, #fff 0%, #d2e0eb 100%); background-image: -o-linear-gradient(top, #fff 0%, #d2e0eb 100%); background-image: -ms-linear-gradient(top, #fff 0%, #d2e0eb 100%); background-image: linear-gradient(to bottom, #fff 0%, #d2e0eb 100%); } .claro .dgrid-row { background: #fff url("images/row_back.png") repeat-x; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; -ms-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-property: background-color, border-color; -moz-transition-property: background-color, border-color; -o-transition-property: background-color, border-color; -ms-transition-property: background-color, border-color; transition-property: background-color, border-color; } .claro .dgrid-row:hover { background-color: #e9f2fe; } .claro .dgrid-selected { background-color: #cee6fa; } .claro .dgrid-selected:hover { background-color: #9bc6f2; } .claro .dgrid-highlight { background-color: #ff6; } .claro .dgrid-cell { border-color: #edc; }