2 Copyright (c) 2010, Yahoo! Inc. All rights reserved.
3 Code licensed under the BSD License:
4 http://developer.yahoo.com/yui/license.html
8 /* basic skin styles */
9 .yui3-skin-sam .yui3-datatable table {
11 font-family:arial;font-size:inherit;
12 border-collapse:separate;*border-collapse:collapse;border-spacing:0; /* since ie6 and ie7 behave differently */
13 border:1px solid #7F7F7F;
15 .yui3-skin-sam .yui3-datatable thead {border-spacing:0;} /* for safari bug */
17 .yui3-skin-sam .yui3-datatable caption {
27 .yui3-skin-sam .yui3-datatable th {
28 background:#D8D8DA url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0; /* header gradient */
30 .yui3-skin-sam .yui3-datatable th,
31 .yui3-skin-sam .yui3-datatable th a {
32 font-weight:normal;text-decoration:none;color:#000; /* header text */
33 vertical-align:bottom;
35 .yui3-skin-sam .yui3-datatable th {
38 border-right:1px solid #CBCBCB;/* inner column border */
40 .yui3-skin-sam .yui3-datatable tr.yui3-datatable-first td {
41 border-top:1px solid #7F7F7F; /* tbody top border */
43 .yui3-skin-sam .yui3-datatable th .yui3-datatable-liner {
46 .yui3-skin-sam .yui3-datatable-liner {
48 padding:4px 10px 4px 10px; /* cell padding */
49 overflow:visible; /*to make ths where the title is really long work*/
50 border:0px solid black;
52 .yui3-skin-sam .yui3-datatable-coltarget {
54 background-color: red;
56 .yui3-skin-sam .yui3-datatable td {
59 border-right:1px solid #CBCBCB; /* inner column border */
62 .yui3-skin-sam .yui3-datatable-list td {
63 border-right:none; /* disable inner column border in list mode */
65 .yui3-skin-sam .yui3-datatable-resizer {
70 .yui3-skin-sam .yui3-datatable-mask {
71 background-color: #000;
73 filter: alpha(opacity=25); /* Set opacity in IE */
77 .yui3-skin-sam .yui3-datatable-message {
78 background-color:#FFF;
82 .yui3-skin-sam .yui3-datatable-scrollable table {border:none;}
83 .yui3-skin-sam .yui3-datatable-scrollable .yui3-datatable-hd {border-left:1px solid #7F7F7F;border-top:1px solid #7F7F7F;border-right:1px solid #7F7F7F;}
84 .yui3-skin-sam .yui3-datatable-scrollable .yui3-datatable-bd {border-left:1px solid #7F7F7F;border-bottom:1px solid #7F7F7F;border-right:1px solid #7F7F7F;background-color:#FFF;}
85 .yui3-skin-sam .yui3-datatable-scrollable .yui3-datatable-data tr.yui3-datatable-last td {border-bottom:1px solid #7F7F7F;}
87 /* sortable columns */
88 .yui3-skin-sam th.yui3-datatable-asc,
89 .yui3-skin-sam th.yui3-datatable-desc {
90 background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -100px; /* sorted header gradient */
92 .yui3-skin-sam th.yui3-datatable-sortable .yui3-datatable-liner {
93 padding-right:20px; /* room for arrow */
95 .yui3-skin-sam th.yui3-datatable-asc .yui3-datatable-liner {
96 background:url(dt-arrow-up.png) no-repeat right; /* up arrow */
98 .yui3-skin-sam th.yui3-datatable-desc .yui3-datatable-liner {
99 background:url(dt-arrow-dn.png) no-repeat right; /* down arrow */
103 tbody .yui3-datatable-editable {
106 .yui3-datatable-editor {
108 background-color:#F2F2F2;
109 border:1px solid #808080;
112 .yui3-datatable-editor label {
113 padding-left:4px;padding-right:6px;
115 .yui3-datatable-editor .yui3-datatable-button {
116 padding-top:6px;text-align:right;
118 .yui3-datatable-editor .yui3-datatable-button button {
119 background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
120 border:1px solid #999;
121 width:4em;height:1.8em;
124 .yui3-datatable-editor .yui3-datatable-button button.yui3-datatable-default {
125 background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1400px;
126 background-color: #5584E0;
127 border:1px solid #304369;
130 .yui3-datatable-editor .yui3-datatable-button button:hover {
131 background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1300px;
134 .yui3-datatable-editor .yui3-datatable-button button:active {
135 background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1700px;
140 .yui3-skin-sam td { background-color:transparent; } /* none */
141 .yui3-skin-sam tr.yui3-datatable-even { background-color:#FFF; } /* white */
142 .yui3-skin-sam tr.yui3-datatable-odd { background-color:#EDF5FF; } /* light blue */
143 .yui3-skin-sam tr.yui3-datatable-even td.yui3-datatable-asc,
144 .yui3-skin-sam tr.yui3-datatable-even td.yui3-datatable-desc { background-color:#EDF5FF; } /* light blue sorted */
145 .yui3-skin-sam tr.yui3-datatable-odd td.yui3-datatable-asc,
146 .yui3-skin-sam tr.yui3-datatable-odd td.yui3-datatable-desc { background-color:#DBEAFF; } /* dark blue sorted */
148 /* disable striping in list mode */
149 .yui3-skin-sam .yui3-datatable-list tr.yui3-datatable-even { background-color:#FFF; } /* white */
150 .yui3-skin-sam .yui3-datatable-list tr.yui3-datatable-odd { background-color:#FFF; } /* white */
151 .yui3-skin-sam .yui3-datatable-list tr.yui3-datatable-even td.yui3-datatable-asc,
152 .yui3-skin-sam .yui3-datatable-list tr.yui3-datatable-even td.yui3-datatable-desc { background-color:#EDF5FF; } /* light blue sorted */
153 .yui3-skin-sam .yui3-datatable-list tr.yui3-datatable-odd td.yui3-datatable-asc,
154 .yui3-skin-sam .yui3-datatable-list tr.yui3-datatable-odd td.yui3-datatable-desc { background-color:#EDF5FF; } /* light blue sorted */
157 .yui3-skin-sam th.yui3-datatable-highlighted,
158 .yui3-skin-sam th.yui3-datatable-highlighted a {
159 background-color:#B2D2FF; /* med blue hover */
161 .yui3-skin-sam tr.yui3-datatable-highlighted,
162 .yui3-skin-sam tr.yui3-datatable-highlighted td.yui3-datatable-asc,
163 .yui3-skin-sam tr.yui3-datatable-highlighted td.yui3-datatable-desc,
164 .yui3-skin-sam tr.yui3-datatable-even td.yui3-datatable-highlighted,
165 .yui3-skin-sam tr.yui3-datatable-odd td.yui3-datatable-highlighted {
167 background-color:#B2D2FF; /* med blue hover */
170 /* enable highlighting in list mode */
171 .yui3-skin-sam .yui3-datatable-list th.yui3-datatable-highlighted,
172 .yui3-skin-sam .yui3-datatable-list th.yui3-datatable-highlighted a {
173 background-color:#B2D2FF; /* med blue hover */
175 .yui3-skin-sam .yui3-datatable-list tr.yui3-datatable-highlighted,
176 .yui3-skin-sam .yui3-datatable-list tr.yui3-datatable-highlighted td.yui3-datatable-asc,
177 .yui3-skin-sam .yui3-datatable-list tr.yui3-datatable-highlighted td.yui3-datatable-desc,
178 .yui3-skin-sam .yui3-datatable-list tr.yui3-datatable-even td.yui3-datatable-highlighted,
179 .yui3-skin-sam .yui3-datatable-list tr.yui3-datatable-odd td.yui3-datatable-highlighted {
181 background-color:#B2D2FF; /* med blue hover */
185 .yui3-skin-sam th.yui3-datatable-selected,
186 .yui3-skin-sam th.yui3-datatable-selected a {
187 background-color:#446CD7; /* bright blue selected cell */
189 .yui3-skin-sam tr.yui3-datatable-selected td,
190 .yui3-skin-sam tr.yui3-datatable-selected td.yui3-datatable-asc,
191 .yui3-skin-sam tr.yui3-datatable-selected td.yui3-datatable-desc {
192 background-color:#426FD9; /* bright blue selected row */
195 .yui3-skin-sam tr.yui3-datatable-even td.yui3-datatable-selected,
196 .yui3-skin-sam tr.yui3-datatable-odd td.yui3-datatable-selected {
197 background-color:#446CD7; /* bright blue selected cell */
201 /* enable selection in list mode */
202 .yui3-skin-sam .yui3-datatable-list th.yui3-datatable-selected,
203 .yui3-skin-sam .yui3-datatable-list th.yui3-datatable-selected a {
204 background-color:#446CD7; /* bright blue selected cell */
206 .yui3-skin-sam .yui3-datatable-list tr.yui3-datatable-selected td,
207 .yui3-skin-sam .yui3-datatable-list tr.yui3-datatable-selected td.yui3-datatable-asc,
208 .yui3-skin-sam .yui3-datatable-list tr.yui3-datatable-selected td.yui3-datatable-desc {
209 background-color:#426FD9; /* bright blue selected row */
212 .yui3-skin-sam .yui3-datatable-list tr.yui3-datatable-even td.yui3-datatable-selected,
213 .yui3-skin-sam .yui3-datatable-list tr.yui3-datatable-odd td.yui3-datatable-selected {
214 background-color:#446CD7; /* bright blue selected cell */
219 .yui3-skin-sam .yui3-datatable-paginator {
220 display:block;margin:6px 0;white-space:nowrap;
222 .yui3-skin-sam .yui3-datatable-paginator .yui3-datatable-first,
223 .yui3-skin-sam .yui3-datatable-paginator .yui3-datatable-last,
224 .yui3-skin-sam .yui3-datatable-paginator .yui3-datatable-selected {
227 .yui3-skin-sam .yui3-datatable-paginator a.yui3-datatable-first,
228 .yui3-skin-sam .yui3-datatable-paginator a.yui3-datatable-last {
229 text-decoration:none;
231 .yui3-skin-sam .yui3-datatable-paginator .yui3-datatable-previous,
232 .yui3-skin-sam .yui3-datatable-paginator .yui3-datatable-next {
235 .yui3-skin-sam a.yui3-datatable-page {
236 border:1px solid #CBCBCB;
238 text-decoration:none;
239 background-color:#fff
241 .yui3-skin-sam .yui3-datatable-selected {
242 border:1px solid #fff;
243 background-color:#fff;