skins/sam/datatable-sort-skin.css

	datatable-sort-skin.css revision f5df3320c255ef9e7c007469613dc31b4f91a3d8
.yui3-skin-sam .yui3-datatable-sortable-column {
    cursor: pointer;
    padding-right: 1.5em;
}

.yui3-skin-sam .yui3-datatable-sort-liner {
    position: relative;
}

.yui3-skin-sam .yui3-datatable-columns .yui3-datatable-sorted {
    *background: #c1c4c8 url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -100px;
    background-color: #c1c4c8;

    background-image: -webkit-gradient(
        linear,
        0 0,
        0 100%,
        from(rgba(255,255,255, .8)),
        color-stop(40%, rgba(255,255,255, .8)),
        color-stop(80%, rgba(255,255,255, 0.15)),
        to(transparent));

    background-image: -webkit-linear-gradient(
        rgba(255,255,255, .8),
        rgba(255,255,255, .8) 40%,
        rgba(255,255,255, 0.15) 80%,
        transparent);

    background-image: -moz-linear-gradient(
        top,
        rgba(255,255,255, .8),
        rgba(255,255,255, .8) 40%,
        rgba(255,255,255, 0.15) 80%,
        transparent);

    background-image: -ms-linear-gradient(
        rgba(255,255,255, .8),
        rgba(255,255,255, .8) 40%,
        rgba(255,255,255, 0.15) 80%,
        transparent);

    background-image: -o-linear-gradient(
        rgba(255,255,255, .8),
        rgba(255,255,255, .8) 40%,
        rgba(255,255,255, 0.15) 80%,
        transparent);

    background-image: linear-gradient(
        rgba(255,255,255, .8),
        rgba(255,255,255, .8) 40%,
        rgba(255,255,255, 0.15) 80%,
        transparent);
}

.yui3-skin-sam .yui3-datatable-sorted .yui3-datatable-sort-liner::after,
.yui3-skin-sam .yui3-datatable-sortable-column:hover .yui3-datatable-sort-liner::after {
    content: ' ';
    position: absolute;
    right: -1em;
    bottom: .4ex;
    height: 0px;
    width: 0px;
    border: .7ex solid #000;
    border-color: #000 transparent transparent;
}

.yui3-skin-sam .yui3-datatable-sorted .yui3-datatable-sort-liner::after {
    border-color: #666 transparent transparent;
}

.yui3-skin-sam .yui3-datatable-sorted-desc .yui3-datatable-sort-liner::after,
.yui3-skin-sam .yui3-datatable-sortable-column-desc:hover .yui3-datatable-sort-liner::after,
.yui3-skin-sam .yui3-datatable-sorted:hover .yui3-datatable-sort-liner::after {
    border-color: transparent transparent #000;
    bottom: 1.1ex;
}

.yui3-skin-sam .yui3-datatable-sorted-desc:hover .yui3-datatable-sort-liner::after {
    border-color: #000 transparent transparent;
    bottom: .4ex;
}

.yui3-skin-sam .yui3-datatable-sorted-desc .yui-datatable-sort-liner::after {
    border-color: transparent transparent #666;
}

.yui3-skin-sam .yui3-datatable-even .yui3-datatable-sorted {
    background-color: #edf5ff;
}

.yui3-skin-sam .yui3-datatable-odd .yui3-datatable-sorted {
    background-color: #dbeaff;
}