Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

radgrid skin

1 Answer 117 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Baptiste
Top achievements
Rank 1
Baptiste asked on 21 Dec 2011, 05:16 PM
Hello,
I have created my own skin that I applied with this :
EnableEmbeddedSkins="false" Skin="Oreo"

when the page is displayed in the browser, it looks like there is 2 css classes applied : radgrid and radgrid_Oreo. But radgrid seems to take the advantage on the other. When i remove radgrid with firebug, my skin is applied.

Here is my skin:
.RadGrid_Oreo {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #828282;
    color: #333333;
}
.RadGrid_Oreo, .RadGrid_Oreo .rgMasterTable, .RadGrid_Oreo .rgDetailTable, .RadGrid_Oreo .rgGroupPanel table, .RadGrid_Oreo .rgCommandRow table, .RadGrid_Oreo .rgEditForm table, .GridToolTip_Oreo {
    font: 12px/16px "segoe ui",arial,sans-serif;
}
.RadGrid_Oreo .rgMasterTable, .RadGrid_Oreo .rgDetailTable {
    border-collapse: separate;
}
.RadGrid_Oreo .rgRow, .RadGrid_Oreo .rgAltRow, .RadGrid_Oreo .rgHeader, .RadGrid_Oreo .rgResizeCol, .RadGrid_Oreo .rgPager, .RadGrid_Oreo .rgGroupPanel, .RadGrid_Oreo .rgGroupHeader {
    cursor: default;
}
.RadGrid_Oreo input[type="image"] {
    cursor: pointer;
}
.RadGrid_Oreo .rgRow td, .RadGrid_Oreo .rgAltRow td, .RadGrid_Oreo .rgEditRow td, .RadGrid_Oreo .rgFooter td, .RadGrid_Oreo .rgFilterRow td, .RadGrid_Oreo .rgHeader, .RadGrid_Oreo .rgResizeCol, .RadGrid_Oreo .rgGroupHeader td {
    padding-left: 7px;
    padding-right: 7px;
}
.RadGrid_Oreo .rgAdd, .RadGrid_Oreo .rgRefresh, .RadGrid_Oreo .rgEdit, .RadGrid_Oreo .rgDel, .RadGrid_Oreo .rgFilter, .RadGrid_Oreo .rgPagePrev, .RadGrid_Oreo .rgPageNext, .RadGrid_Oreo .rgPageFirst, .RadGrid_Oreo .rgPageLast, .RadGrid_Oreo .rgExpand, .RadGrid_Oreo .rgCollapse, .RadGrid_Oreo .rgSortAsc, .RadGrid_Oreo .rgSortDesc, .RadGrid_Oreo .rgUpdate, .RadGrid_Oreo .rgCancel, .RadGrid_Oreo .rgUngroup {
    background-color: transparent;
    background-image: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437");
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    font-size: 1px;
    height: 16px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 16px;
}
.RadGrid_Oreo .rgGroupItem input, .RadGrid_Oreo .rgCommandRow img, .RadGrid_Oreo .rgHeader input, .RadGrid_Oreo .rgFilterRow img, .RadGrid_Oreo .rgFilterRow input, .RadGrid_Oreo .rgPager img {
    vertical-align: middle;
}
.RadGrid_Oreo .rgHeaderDiv {
    background: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437") repeat-x scroll 0 -5900px #EEEEEE;
}
.rgTwoLines .rgHeaderDiv {
    background-position: 0 -6200px;
}
.rgNoScrollImage .rgHeaderDiv {
    background-image: none;
}
.RadGrid_Oreo .rgHeader, .RadGrid_Oreo th.rgResizeCol {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437") repeat-x scroll 0 -2300px #EAEAEA;
    border-color: -moz-use-text-color -moz-use-text-color #828282;
    border-style: none none solid;
    border-width: 0 0 1px;
    font-weight: normal;
    padding-bottom: 4px;
    padding-top: 5px;
    text-align: left;
}
.RadGrid_Oreo th.rgSorted {
    background-color: #C4C4C4;
    background-position: 0 -2600px;
}
.RadGrid_Oreo .rgHeader, .RadGrid_Oreo .rgHeader a {
    color: #333333;
    text-decoration: none;
}
.RadGrid_Oreo .rgCheck {
    height: 15px;
    margin: 0;
    padding: 0;
}
.RadGrid_Oreo .rgRow td, .RadGrid_Oreo .rgAltRow td, .RadGrid_Oreo .rgEditRow td, .RadGrid_Oreo .rgFooter td {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color;
    border-style: none none solid;
    border-width: 0 0 1px;
    padding-bottom: 0;
    padding-top: 0;
}
.RadGrid_Oreo .rgRow td {
    border-color: #FFFFFF;
}
.RadGrid_Oreo .rgAltRow {
    background: none repeat scroll 0 0 #F2F2F2;
}
.RadGrid_Oreo .rgAltRow td {
    border-color: #F2F2F2;
}
.RadGrid_Oreo .rgRow .rgSorted {
    background-color: #F2F2F2;
    border-bottom-color: #F2F2F2;
}
.RadGrid_Oreo .rgAltRow .rgSorted {
    background-color: #E6E6E6;
    border-bottom-color: #E6E6E6;
}
.RadGrid_Oreo .rgSelectedRow .rgSorted, .RadGrid_Oreo .rgActiveRow .rgSorted, .RadGrid_Oreo .rgHoveredRow .rgSorted, .RadGrid_Oreo .rgEditRow .rgSorted {
    background-color: transparent;
}
.RadGrid_Oreo .rgRow a, .RadGrid_Oreo .rgAltRow a, .RadGrid_Oreo .rgEditRow a, .RadGrid_Oreo .rgFooter a, .RadGrid_Oreo .rgEditForm a {
    color: #000000;
}
.RadGrid_Oreo .rgSelectedRow {
    background: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437") repeat-x scroll 0 -3900px #828282;
    color: #FFFFFF;
}
* + html .RadGrid_Oreo .rgSelectedRow .rgSorted {
    background-color: #828282;
}
* html .RadGrid_Oreo .rgSelectedRow .rgSorted {
    background-color: #828282;
}
.RadGrid_Oreo .rgSelectedRow a {
    color: #FFFFFF;
}
.RadGrid_Oreo .rgActiveRow, .RadGrid_Oreo .rgHoveredRow {
    background: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437") repeat-x scroll 0 -2900px #C5C5C5;
    color: #333333;
}
* + html .RadGrid_Oreo .rgActiveRow .rgSorted, * + html .RadGrid_Oreo .rgHoveredRow .rgSorted {
    background-color: #C5C5C5;
}
* html .RadGrid_Oreo .rgActiveRow .rgSorted, * html .RadGrid_Oreo .rgHoveredRow .rgSorted {
    background-color: #C5C5C5;
}
.RadGrid_Oreo .rgEditRow {
    background: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437") repeat-x scroll 0 -4900px #FFFFFF;
}
* + html .RadGrid_Oreo .rgEditRow .rgSorted {
    background-color: #FFFFFF;
}
* html .RadGrid_Oreo .rgEditRow .rgSorted {
    background-color: #FFFFFF;
}
.RadGrid_Oreo .rgActiveRow td, .RadGrid_Oreo .rgActiveRow td.rgSorted, .RadGrid_Oreo .rgHoveredRow td, .RadGrid_Oreo .rgHoveredRow td.rgSorted {
    border-bottom-color: #9E9E9E;
}
.RadGrid_Oreo .rgSelectedRow td, .RadGrid_Oreo .rgSelectedRow td.rgSorted {
    border-bottom-color: #6C6C6C;
}
.RadGrid_Oreo .rgFooterDiv, .RadGrid_Oreo .rgFooter {
    background: none repeat scroll 0 0 #EEEEEE;
}
.RadGrid_Oreo .rgFooter td {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #828282;
}
.RadGrid_Oreo .rgPager .rgStatus {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #828282 #C9C9C9 #EEEEEE -moz-use-text-color;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    padding: 3px 0 2px;
    width: 35px;
}
.RadGrid_Oreo .rgStatus div {
    background: url("WebResource.axd?d=MgK0un0JQJIgT5M2Af-faJ4__A50xfbWIh5BiQmpoQ0jJbo9NXVf0FEJ8sj0TaL-AbQJnOlNB11SESeute4VnVHzsLewxAXjrzWMPnnHxFVxxaWLOL9fRjKnxY8X7eUF_mY0Xpa7Aa_hUa0UCLwqWDEGfxI1&t=634510730240903437") no-repeat scroll center center transparent;
    border: 0 none;
    height: 24px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    text-indent: -2222px;
    width: 24px;
}
.RadGrid_Oreo .rgPager {
    background: none repeat scroll 0 0 #EEEEEE;
}
.RadGrid_Oreo .rgPager td {
    padding: 0;
}
.RadGrid_Oreo .rgPager .rgPagerCell {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #828282 -moz-use-text-color #EEEEEE #EEEEEE;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    padding: 3px 0 2px;
}
.RadGrid_Oreo .rgWrap {
    float: left;
    line-height: 26px;
    padding: 0 10px;
    white-space: nowrap;
}
.RadGrid_Oreo .rgArrPart1 {
    line-height: 22px;
    padding-right: 0;
}
.RadGrid_Oreo .rgArrPart2 {
    line-height: 22px;
    padding-left: 0;
}
.RadGrid_Oreo .rgInfoPart {
    color: #8A8A8A;
    float: right;
}
.RadGrid_Oreo .rgInfoPart strong {
    color: #4C4E54;
    font-weight: normal;
}
.RadGrid_Oreo .rgSEO .rgArrPart1, .RadGrid_Oreo .rgSEO .rgArrPart2 {
    line-height: 24px;
}
.RadGrid_Oreo .rgWrap a img {
    margin: 0 8px;
}
.RadGrid_Oreo .rgPageFirst, .RadGrid_Oreo .rgPagePrev, .RadGrid_Oreo .rgPageNext, .RadGrid_Oreo .rgPageLast {
    height: 24px;
    width: 22px;
}
.RadGrid_Oreo .rgPageFirst {
    background-position: 0 -549px;
}
.RadGrid_Oreo .rgPageFirst:hover {
    background-position: 0 -599px;
}
.RadGrid_Oreo .rgPagePrev {
    background-position: 0 -699px;
}
.RadGrid_Oreo .rgPagePrev:hover {
    background-position: 0 -749px;
}
.RadGrid_Oreo .rgPageNext {
    background-position: 0 -849px;
}
.RadGrid_Oreo .rgPageNext:hover {
    background-position: 0 -899px;
}
.RadGrid_Oreo .rgPageLast {
    background-position: 0 -999px;
}
.RadGrid_Oreo .rgPageLast:hover {
    background-position: 0 -1049px;
}
.RadGrid_Oreo .rgPagerButton {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437") repeat-x scroll 0 -1550px #E8E8E8;
    border-color: #D0D0D0 #AEAEAE #8B8B8B;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    cursor: pointer;
    font: 12px/12px "segoe ui",arial,sans-serif;
    height: 22px;
    margin: 0 14px 0 0;
    padding: 0 4px 2px;
    vertical-align: middle;
}
.RadGrid_Oreo .rgNumPart {
    padding: 2px 0;
}
.RadGrid_Oreo .NumericPages .rgNumPart {
    padding: 2px 10px;
}
.RadGrid_Oreo .rgNumPart a:hover, .RadGrid_Oreo .rgNumPart a:hover span, .RadGrid_Oreo .rgNumPart a.rgCurrentPage, .RadGrid_Oreo .rgNumPart a.rgCurrentPage span {
    background: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437") no-repeat scroll 0 0 transparent;
}
.RadGrid_Oreo .rgNumPart a {
    color: #000000;
    float: left;
    line-height: 22px;
    margin: 0;
    padding: 0 5px 0 0;
    text-decoration: none;
}
.RadGrid_Oreo .rgNumPart span {
    float: left;
    padding: 0 0 0 5px;
}
.RadGrid_Oreo .rgNumPart a:hover {
    background-position: 100% -1250px;
}
.RadGrid_Oreo .rgNumPart a:hover span {
    background-position: 0 -1150px;
    cursor: pointer;
}
.RadGrid_Oreo .rgNumPart a.rgCurrentPage, .RadGrid_Oreo .rgNumPart a.rgCurrentPage:hover {
    background-position: 100% -1450px;
    cursor: default;
}
.RadGrid_Oreo .rgNumPart a.rgCurrentPage span, .RadGrid_Oreo .rgNumPart a.rgCurrentPage:hover span {
    background-position: 0 -1350px;
    cursor: default;
}
.RadGrid_Oreo .NextPrevNumericAndAdvanced .rgAdvPart {
    float: none;
    text-align: center;
}
.RadGrid_Oreo .rgPager .RadSlider {
    float: left;
    margin: 2px 10px 0 0;
}
.RadGrid_Oreo .rgPagerLabel, .RadGrid_Oreo .rgPager .RadComboBox, .RadGrid_Oreo .rgPager .RadInput_Oreo {
    margin: 0 4px 0 0;
    vertical-align: middle;
}
.RadGrid_Oreo .rgPager .RadComboBox {
    margin-top: -1px;
}
* + html .RadGrid_Oreo .rgPager .RadComboBox {
    margin-top: -2px;
}
* html .RadGrid_Oreo .rgPager .RadComboBox {
    margin-top: -2px;
}
* html .RadGrid_Oreo .rgPager .RadComboBox {
    padding: 1px 0;
}
.RadGrid_Oreo .rgPagerTextBox {
    text-align: center;
}
.RadGrid_Oreo .rgHeader .rgSortAsc {
    background-position: 3px -248px;
    height: 10px;
}
.RadGrid_Oreo .rgHeader .rgSortDesc {
    background-position: 3px -198px;
    height: 10px;
}
.GridReorderTop_Oreo, .GridReorderBottom_Oreo {
    background: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437") no-repeat scroll 0 0 transparent;
    height: 9px !important;
    margin-left: -5px;
    width: 9px !important;
}
.GridReorderBottom_Oreo {
    background-position: 0 -50px;
}
.RadGrid_Oreo .rgFilterRow {
    background: none repeat scroll 0 0 #EEEEEE;
}
.RadGrid_Oreo .rgFilterRow td {
    border-bottom: 1px solid #828282;
    padding-bottom: 7px;
    padding-top: 4px;
}
.RadGrid_Oreo .rgFilter {
    background-position: 0 -300px;
    height: 22px;
    margin: 0 0 0 2px;
    width: 22px;
}
.RadGrid_Oreo .rgFilter:hover {
    background-position: 0 -350px;
}
.RadGrid_Oreo .rgFilterActive, .RadGrid_Oreo .rgFilterActive:hover {
    background-position: 0 -400px;
}
.RadGrid_Oreo .rgFilterBox {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #8E8E8E #C9C9C9 #C9C9C9 #8E8E8E;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    font: 12px "segoe ui",arial,sans-serif;
    padding: 2px 1px 3px;
    vertical-align: middle;
}
.RadGrid_Oreo .rgGroupPanel {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437") repeat-x scroll 0 -1900px #EEEEEE;
    border-color: -moz-use-text-color -moz-use-text-color #828282;
    border-style: none none solid;
    border-width: 0 0 1px;
    height: 24px;
}
.RadGrid_Oreo .rgGroupPanel td {
    border: 0 none;
    padding: 3px 4px;
}
.RadGrid_Oreo .rgGroupPanel td td {
    padding: 0;
}
.RadGrid_Oreo .rgGroupPanel .rgSortAsc {
    background-position: 4px -144px;
}
.RadGrid_Oreo .rgGroupPanel .rgSortDesc {
    background-position: 4px -94px;
}
.RadGrid_Oreo .rgUngroup {
    background-position: 0 -6998px;
}
.RadGrid_Oreo .rgGroupItem {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437") repeat-x scroll 0 -6500px #C6C6C6;
    border-color: #C4C4C4 #C4C4C4 #9E9E9E;
    border-style: solid;
    border-width: 1px;
    font-weight: normal;
    line-height: 20px;
    padding: 0 2px 1px 3px;
    vertical-align: middle;
}
.RadGrid_Oreo .rgMasterTable td.rgGroupCol, .RadGrid_Oreo .rgMasterTable td.rgExpandCol {
    background: none repeat scroll 0 0 #D9D9D9;
    border-color: #D9D9D9;
}
.RadGrid_Oreo .rgGroupHeader {
    background: none repeat scroll 0 0 #D9D9D9;
    color: #000000;
    font-size: 1.1em;
    line-height: 21px;
}
.RadGrid_Oreo .rgGroupHeader td {
    border-bottom: 1px solid #D9D9D9;
    border-top: 1px solid #828282;
    padding-bottom: 0;
    padding-top: 0;
}
.RadGrid_Oreo .rgGroupHeader td.rgGroupCol {
    border-top-color: #828282;
}
.RadGrid_Oreo .rgExpand {
    background-position: 5px -496px;
}
.RadGrid_Oreo .rgCollapse {
    background-position: 3px -444px;
}
.RadGrid_Oreo .rgGroupHeader td p {
    display: inline;
    margin: 0;
    padding: 0 10px;
}
.RadGrid_Oreo .rgGroupHeader td div div {
    padding: 0 10px;
    top: -0.8em;
}
.RadGrid_Oreo .rgGroupHeader td div div div {
    border: 0 none;
    padding: 0;
    top: 0;
}
.RadGrid_Oreo .rgEditForm {
    border-bottom: 1px solid #828282;
}
.RadGrid_Oreo .rgUpdate {
    background-position: 0 -1800px;
}
.RadGrid_Oreo .rgCancel {
    background-position: 2px -1848px;
}
.RadGrid_Oreo .rgDetailTable {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #828282 -moz-use-text-color #828282 #828282;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
}
.RadGrid_Oreo .rgCommandRow {
    background: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437") repeat-x scroll 0 -2099px #C5C5C5;
    color: #000000;
}
.RadGrid_Oreo .rgCommandRow td {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #F2F2F2 #999999;
    border-right: 1px solid #F2F2F2;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    padding: 0;
}
.RadGrid_Oreo tfoot .rgCommandRow td {
    border-bottom: 0 none;
    border-top: 1px solid;
}
.RadGrid_Oreo tr.rgCommandRow td td {
    border: 0 none;
    padding: 3px 7px 4px;
}
.RadGrid_Oreo tr.rgCommandRow td td td {
    padding: 1px;
}
.RadGrid_Oreo .rgCommandRow table {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #FDFDFD -moz-use-text-color #E7E7E7;
    border-left: 0 none;
    border-right: 0 none;
    border-style: solid none;
    border-width: 1px 0;
}
.RadGrid_Oreo .rgCommandRow table table {
    border: 0 none;
}
.RadGrid_Oreo .rgCommandRow a {
    color: #000000;
    text-decoration: none;
}
.RadGrid_Oreo .rgAdd {
    background-position: 0 -1650px;
    margin-right: 3px;
}
.RadGrid_Oreo .rgRefresh {
    background-position: 0 -1600px;
    margin-right: 3px;
}
.RadGrid_Oreo .rgEdit {
    background-position: 0 -1700px;
}
.RadGrid_Oreo .rgDel {
    background-position: 0 -1750px;
}
.GridRowSelector_Oreo {
    background: none repeat scroll 0 0 #4C4E54;
}
.GridItemDropIndicator_Oreo {
    border-top: 1px dashed #666666;
}
.GridToolTip_Oreo {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #828282;
    color: #333333;
    padding: 3px;
}
.RadGridRTL_Oreo .rgHeader, .RadGridRTL_Oreo .rgResizeCol {
    text-align: right;
}
.RadGridRTL_Oreo .rgPager .rgStatus {
    border-left-width: 1px;
    border-right: 0 none;
}
.RadGridRTL_Oreo .rgWrap {
    float: right;
}
.RadGridRTL_Oreo .rgInfoPart {
    float: left;
}
.RadGridRTL_Oreo .rgNumPart {
    width: 220px;
}
.RadGridRTL_Oreo .rgNumPart a {
    float: right;
}
.RadGridRTL_Oreo .rgDetailTable {
    border-left: 0 none;
    border-right: 1px solid;
}

thanks by advance for the tip.

BR

1 Answer, 1 is accepted

Sort by
0
Galin
Telerik team
answered on 23 Dec 2011, 03:23 PM
Hello,

The RadGrid CSS class is always applied to the RadGrid even if internal skins are used. It brings the base styles to the RadControl.
However, it seems the problem comes from the path of the images. You have set it as embedded resources (url("WebResource.axd?d=n4k_O0f...")), but you should set it relatively, e.g.:
.RadGrid_Office2010Silver .rgHeaderDiv
{
    background:#d6e5f3 0 -8050px repeat-x url("Grid/sprite.png");
}

Also, I recommend that you use our Telerik Visual Style Builder tool or just override existed internal Skins.

I hope it helps.

Greetings,
Galin
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Tags
Grid
Asked by
Baptiste
Top achievements
Rank 1
Answers by
Galin
Telerik team
Share this question
or