3
Copyright 2011 Yahoo! Inc. All rights reserved.
4
Licensed under the BSD License.
5
http://yuilibrary.com/license/
7
.yui3-skin-night .yui3-datatable{
8
font-family: HelveticaNeue,arial,helvetica,clean,sans-serif;
11
.yui3-skin-night .yui3-datatable table {
15
border-collapse:separate;*border-collapse:collapse;border-spacing:0; /* since ie6 and ie7 behave differently */
16
border:1px solid #323434;
19
.yui3-skin-night .yui3-datatable thead {border-spacing:0;} /* for safari bug */
21
.yui3-skin-night .yui3-datatable caption {
31
.yui3-skin-night .yui3-datatable th {
32
background-color:#3b3c3d;
34
background: -moz-linear-gradient(
40
background: -webkit-gradient(
45
color-stop(0.96, #3b3c3d),
50
.yui3-skin-night .yui3-datatable th,
51
.yui3-skin-night .yui3-datatable th a {
52
font-weight:normal;text-decoration:none;color:#eee; /* header text */
53
vertical-align:bottom;
55
.yui3-skin-night .yui3-datatable th {
58
border-right:1px solid #303030;/* inner column border */
60
.yui3-skin-night .yui3-datatable tr.yui3-datatable-first td {
61
border-top:1px solid #323434; /*f00 tbody top border */
63
.yui3-skin-night .yui3-datatable th .yui3-datatable-liner {
66
.yui3-skin-night .yui3-datatable-liner {
68
padding:4px 10px 4px 10px; /* cell padding */
69
overflow:visible; /*to make ths where the title is really long work*/
72
.yui3-skin-night .yui3-datatable-coltarget {
74
background-color: red; /*#foo*/
76
.yui3-skin-night .yui3-datatable td {
79
border-right:1px solid #303030; /* inner column border */
82
.yui3-skin-night .yui3-datatable-list td {
83
border-right:none; /* disable inner column border in list mode */
85
.yui3-skin-night .yui3-datatable-resizer {
90
.yui3-skin-night .yui3-datatable-mask {
91
background-color: #000;
93
filter: alpha(opacity=25); /* Set opacity in IE */
97
.yui3-skin-night .yui3-datatable-message {
98
background-color:#FFF;
104
/* Jeff added this to cover the datatable attribute COLOR_COLUMNFILLER which sets the style through js */
105
.yui3-skin-night .yui3-datatable-scrollable thead .yui3-datatable-first th:last-child div{
106
border-right:solid 30px #2F3031;
109
.yui3-skin-night .yui3-datatable-scrollable table {border:none;}
110
.yui3-skin-night .yui3-datatable-scrollable .yui3-datatable-hd {
111
border-left:1px solid #303030;
112
border-top:1px solid #303030;
113
border-right:1px solid #303030;
115
.yui3-skin-night .yui3-datatable-scrollable .yui3-datatable-bd {
116
border-left:1px solid #303030;
117
border-bottom:1px solid #303030;
118
border-right:1px solid #303030;
119
background-color:#000;/*FFF*/
121
.yui3-skin-night .yui3-datatable-scrollable .yui3-datatable-data tr.yui3-datatable-last td {border-bottom:1px solid #303030;}
123
/* sortable columns */
124
.yui3-skin-night th.yui3-datatable-asc,
125
.yui3-skin-night th.yui3-datatable-desc {
126
background-color:#555658;
127
background: -moz-linear-gradient(
133
background: -webkit-gradient(
138
color-stop(0.96, #555658),
143
.yui3-skin-night th.yui3-datatable-sortable .yui3-datatable-liner {
144
padding-right:20px; /* room for arrow */
146
.yui3-skin-night th.yui3-datatable-asc .yui3-datatable-liner {
147
background:url(dt-arrow-up.png) no-repeat right; /* up arrow */
149
.yui3-skin-night th.yui3-datatable-desc .yui3-datatable-liner {
150
background:url(dt-arrow-dn.png) no-repeat right; /* down arrow */
154
tbody .yui3-datatable-editable {
157
.yui3-datatable-editor {
159
background-color:#F2F2F2;
160
border:1px solid #808080;
163
.yui3-datatable-editor label {
164
padding-left:4px;padding-right:6px;
166
.yui3-datatable-editor .yui3-datatable-button {
167
padding-top:6px;text-align:right;
169
.yui3-datatable-editor .yui3-datatable-button button {
170
background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 0;
171
border:1px solid #999;
172
width:4em;height:1.8em;
175
.yui3-datatable-editor .yui3-datatable-button button.yui3-datatable-default {
176
background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1400px;
177
background-color: #5584E0;
178
border:1px solid #304369;
181
.yui3-datatable-editor .yui3-datatable-button button:hover {
182
background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1300px;
185
.yui3-datatable-editor .yui3-datatable-button button:active {
186
background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -1700px;
191
.yui3-skin-night .yui3-datatable td { background-color:transparent; } /* none */
192
.yui3-skin-night tr.yui3-datatable-even td { background-color:#0E0E0E; } /* darkest bkg even*/
193
.yui3-skin-night tr.yui3-datatable-odd td { background-color:#1D1E1E; } /* lighter odd */
194
.yui3-skin-night tr.yui3-datatable-even td.yui3-datatable-asc,
195
.yui3-skin-night tr.yui3-datatable-even td.yui3-datatable-desc { background-color:#191a1A; } /* dark sorted */
196
.yui3-skin-night tr.yui3-datatable-odd td.yui3-datatable-asc,
197
.yui3-skin-night tr.yui3-datatable-odd td.yui3-datatable-desc { background-color:#2B2C2C; } /* light sorted */
199
/* disable striping in list mode */
200
.yui3-skin-night .yui3-datatable-list tr.yui3-datatable-even { background-color:#0E0E0E; } /* darkest bkg */
201
.yui3-skin-night .yui3-datatable-list tr.yui3-datatable-odd { background-color:#0E0E0E; } /* darkest bkg */
202
.yui3-skin-night .yui3-datatable-list tr.yui3-datatable-even td.yui3-datatable-asc,
203
.yui3-skin-night .yui3-datatable-list tr.yui3-datatable-even td.yui3-datatable-desc { background-color:#151515; } /* light blue sorted */
204
.yui3-skin-night .yui3-datatable-list tr.yui3-datatable-odd td.yui3-datatable-asc,
205
.yui3-skin-night .yui3-datatable-list tr.yui3-datatable-odd td.yui3-datatable-desc { background-color:#151515; } /* light blue sorted */
208
.yui3-skin-night th.yui3-datatable-highlighted,
209
.yui3-skin-night th.yui3-datatable-highlighted a {
210
background-color:#B2D2FF; /* med blue hover */
212
.yui3-skin-night tr.yui3-datatable-highlighted,
213
.yui3-skin-night tr.yui3-datatable-highlighted td.yui3-datatable-asc,
214
.yui3-skin-night tr.yui3-datatable-highlighted td.yui3-datatable-desc,
215
.yui3-skin-night tr.yui3-datatable-even td.yui3-datatable-highlighted,
216
.yui3-skin-night tr.yui3-datatable-odd td.yui3-datatable-highlighted {
218
background-color:#B2D2FF; /* med blue hover */
221
/* enable highlighting in list mode */
222
.yui3-skin-night .yui3-datatable-list th.yui3-datatable-highlighted,
223
.yui3-skin-night .yui3-datatable-list th.yui3-datatable-highlighted a {
224
background-color:#B2D2FF; /* med blue hover */
226
.yui3-skin-night .yui3-datatable-list tr.yui3-datatable-highlighted,
227
.yui3-skin-night .yui3-datatable-list tr.yui3-datatable-highlighted td.yui3-datatable-asc,
228
.yui3-skin-night .yui3-datatable-list tr.yui3-datatable-highlighted td.yui3-datatable-desc,
229
.yui3-skin-night .yui3-datatable-list tr.yui3-datatable-even td.yui3-datatable-highlighted,
230
.yui3-skin-night .yui3-datatable-list tr.yui3-datatable-odd td.yui3-datatable-highlighted {
232
background-color:#B2D2FF; /* med blue hover */
236
.yui3-skin-night th.yui3-datatable-selected,
237
.yui3-skin-night th.yui3-datatable-selected a {
238
background-color:#446CD7; /* bright blue selected cell */
240
.yui3-skin-night tr.yui3-datatable-selected td,
241
.yui3-skin-night tr.yui3-datatable-selected td.yui3-datatable-asc,
242
.yui3-skin-night tr.yui3-datatable-selected td.yui3-datatable-desc {
243
background-color:#426FD9; /* bright blue selected row */
246
.yui3-skin-night tr.yui3-datatable-even td.yui3-datatable-selected,
247
.yui3-skin-night tr.yui3-datatable-odd td.yui3-datatable-selected {
248
background-color:#446CD7; /* bright blue selected cell */
252
/* enable selection in list mode */
253
.yui3-skin-night .yui3-datatable-list th.yui3-datatable-selected,
254
.yui3-skin-night .yui3-datatable-list th.yui3-datatable-selected a {
255
background-color:#446CD7; /* bright blue selected cell */
257
.yui3-skin-night .yui3-datatable-list tr.yui3-datatable-selected td,
258
.yui3-skin-night .yui3-datatable-list tr.yui3-datatable-selected td.yui3-datatable-asc,
259
.yui3-skin-night .yui3-datatable-list tr.yui3-datatable-selected td.yui3-datatable-desc {
260
background-color:#426FD9; /* bright blue selected row */
263
.yui3-skin-night .yui3-datatable-list tr.yui3-datatable-even td.yui3-datatable-selected,
264
.yui3-skin-night .yui3-datatable-list tr.yui3-datatable-odd td.yui3-datatable-selected {
265
background-color:#446CD7; /* bright blue selected cell */
270
.yui3-skin-night .yui3-datatable-paginator {
271
display:block;margin:6px 0;white-space:nowrap;
273
.yui3-skin-night .yui3-datatable-paginator .yui3-datatable-first,
274
.yui3-skin-night .yui3-datatable-paginator .yui3-datatable-last,
275
.yui3-skin-night .yui3-datatable-paginator .yui3-datatable-selected {
278
.yui3-skin-night .yui3-datatable-paginator a.yui3-datatable-first,
279
.yui3-skin-night .yui3-datatable-paginator a.yui3-datatable-last {
280
text-decoration:none;
282
.yui3-skin-night .yui3-datatable-paginator .yui3-datatable-previous,
283
.yui3-skin-night .yui3-datatable-paginator .yui3-datatable-next {
286
.yui3-skin-night a.yui3-datatable-page {
287
border:1px solid #303030;
289
text-decoration:none;
290
background-color:#fff
292
.yui3-skin-night .yui3-datatable-selected {
293
border:1px solid #fff;
294
background-color:#fff;