datatable-base-skin.css revision 9f61355243edf6ed98ab0e2994fb132ffd47dd66
/* basic skin styles */
.yui3-skin-sam .yui3-datatable-table {
margin: 0;
padding: 0;
font-family: arial, sans-serif;
border-collapse: collapse;
border: 1px solid #cbcbcb;
}
.yui3-skin-sam .yui3-datatable-caption {
color: #000;
font: normal italic 85%/1 arial, sans-serif;
padding: 1em 0;
text-align: center;
}
.yui3-skin-sam .yui3-datatable-cell,
.yui3-skin-sam .yui3-datatable-header {
border-right: 1px solid #cbcbcb;/* inner column border */
font-size: inherit;
margin: 0;
overflow: visible; /*to make ths where the title is really long work*/
padding: 4px 10px 4px 10px; /* cell padding */
white-space: nowrap;
}
.yui3-skin-sam .yui3-datatable-header {
/* header gradient */
background: #d8d8da url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
background-image: -webkit-gradient(
linear,
0 0,
0 100%,
from(rgba(255,255,255, 1)),
color-stop(40%, rgba(255,255,255, 1)),
color-stop(80%, rgba(255,255,255, 0.15)),
to(transparent));
background-image: -webkit-linear-gradient(
rgba(255,255,255, 1) 40%,
rgba(255,255,255, 0.15) 80%,
transparent);
background-image: -moz-linear-gradient(
top,
rgba(255,255,255, 1) 40%,
rgba(255,255,255, 0.15) 80%,
transparent);
background-image: -ms-linear-gradient(
rgba(255,255,255, 1) 40%,
rgba(255,255,255, 0.15) 80%,
transparent);
background-image: -o-linear-gradient(
rgba(255,255,255, 1) 40%,
rgba(255,255,255, 0.15) 80%,
transparent);
background-image: linear-gradient(
rgba(255,255,255, 1) 40%,
rgba(255,255,255, 0.15) 80%,
transparent);
/* IE gradient doesn't support color stops, so this isn't going to work out */
/*
filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#80ffffff',
endColorstr='#00ffffff',
GradientType=0);
*/
color: #000;
font-weight: normal;
text-align: left;
text-shadow: 0 1px 1px #fff;
vertical-align: bottom;
}
/*
striping:
even - #fff (white)
odd - #edf5ff (light blue)
*/
.yui3-skin-sam .yui3-datatable-cell {
background-color: transparent;
}
.yui3-skin-sam .yui3-datatable-even .yui3-datatable-cell {
background-color: #fff;
}
.yui3-skin-sam .yui3-datatable-odd .yui3-datatable-cell {
background-color: #edf5ff;
}