Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(148)

Side by Side Diff: third_party/WebKit/LayoutTests/scrollbars/listbox-scrollbar-combinations.html

Issue 1815043003: CSS border-image spec compliance (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Fix failing tests (should also fix flakiness in listbox-scrollbar-combinations). Created 4 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
1 <head> 1 <head>
2 <style> 2 <style>
3 body { 3 body {
4 -webkit-user-select: none; 4 -webkit-user-select: none;
5 } 5 }
6 6
7 body > select { 7 body > select {
8 padding: 10px; 8 padding: 10px;
9 margin: 20px; 9 margin: 20px;
10 display: inline-block; 10 display: inline-block;
(...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after
62 } 62 }
63 63
64 /* Horizontal Scrollbar Styles */ 64 /* Horizontal Scrollbar Styles */
65 65
66 ::-webkit-scrollbar:horizontal { 66 ::-webkit-scrollbar:horizontal {
67 -webkit-border-image: url(resources/horizontal-button.png) 0 2 0 2; 67 -webkit-border-image: url(resources/horizontal-button.png) 0 2 0 2;
68 border-color: transparent; 68 border-color: transparent;
69 border-width: 0 2px; 69 border-width: 0 2px;
70 background-image: url(resources/horizontal-button-background.png); 70 background-image: url(resources/horizontal-button-background.png);
71 background-repeat: repeat-x; 71 background-repeat: repeat-x;
72 border-style: solid;
72 } 73 }
73 74
74 ::-webkit-scrollbar:horizontal:corner-present { 75 ::-webkit-scrollbar:horizontal:corner-present {
75 border-right-width: 0; 76 border-right-width: 0;
76 } 77 }
77 78
78 ::-webkit-scrollbar-track:horizontal:disabled:corner-present { 79 ::-webkit-scrollbar-track:horizontal:disabled:corner-present {
79 margin-right: 5px; 80 margin-right: 5px;
80 } 81 }
81 82
82 ::-webkit-scrollbar:horizontal:window-inactive { 83 ::-webkit-scrollbar:horizontal:window-inactive {
83 -webkit-border-image: url(resources/horizontal-button-inactive.png) 0 2 0 2; 84 -webkit-border-image: url(resources/horizontal-button-inactive.png) 0 2 0 2;
84 background-image: url(resources/horizontal-button-background-inactive.png); 85 background-image: url(resources/horizontal-button-background-inactive.png);
86 border-style: solid;
85 } 87 }
86 88
87 ::-webkit-scrollbar-thumb:horizontal { 89 ::-webkit-scrollbar-thumb:horizontal {
88 -webkit-border-image: url(resources/horizontal-thumb.png) 0 13 0 13; 90 -webkit-border-image: url(resources/horizontal-thumb.png) 0 13 0 13;
89 border-color: transparent; 91 border-color: transparent;
90 border-width: 0 13px; 92 border-width: 0 13px;
91 min-width: 20px; 93 min-width: 20px;
94 border-style: solid;
92 } 95 }
93 96
94 ::-webkit-scrollbar-thumb:horizontal:hover { 97 ::-webkit-scrollbar-thumb:horizontal:hover {
95 -webkit-border-image: url(resources/horizontal-thumb-hover.png) 0 13 0 13; 98 -webkit-border-image: url(resources/horizontal-thumb-hover.png) 0 13 0 13;
99 border-style: solid;
96 } 100 }
97 101
98 ::-webkit-scrollbar-thumb:horizontal:active { 102 ::-webkit-scrollbar-thumb:horizontal:active {
99 -webkit-border-image: url(resources/horizontal-thumb-active.png) 0 13 0 13; 103 -webkit-border-image: url(resources/horizontal-thumb-active.png) 0 13 0 13;
104 border-style: solid;
100 } 105 }
101 106
102 ::-webkit-scrollbar-thumb:horizontal:window-inactive { 107 ::-webkit-scrollbar-thumb:horizontal:window-inactive {
103 -webkit-border-image: url(resources/horizontal-thumb-inactive.png) 0 13 0 13 ; 108 -webkit-border-image: url(resources/horizontal-thumb-inactive.png) 0 13 0 13 ;
109 border-style: solid;
104 } 110 }
105 111
106 ::-webkit-scrollbar-track-piece:horizontal:start:no-button, 112 ::-webkit-scrollbar-track-piece:horizontal:start:no-button,
107 .double-end::-webkit-scrollbar-track-piece:horizontal:start, 113 .double-end::-webkit-scrollbar-track-piece:horizontal:start,
108 .none::-webkit-scrollbar-track-piece:horizontal:start { 114 .none::-webkit-scrollbar-track-piece:horizontal:start {
109 margin-left: 6px; 115 margin-left: 6px;
110 } 116 }
111 117
112 ::-webkit-scrollbar-track-piece:horizontal:end:no-button, 118 ::-webkit-scrollbar-track-piece:horizontal:end:no-button,
113 .double-start::-webkit-scrollbar-track-piece:horizontal:end, 119 .double-start::-webkit-scrollbar-track-piece:horizontal:end,
(...skipping 20 matching lines...) Expand all
134 .single::-webkit-scrollbar-track-piece:horizontal:end, 140 .single::-webkit-scrollbar-track-piece:horizontal:end,
135 .double-end::-webkit-scrollbar-track-piece:horizontal:end, 141 .double-end::-webkit-scrollbar-track-piece:horizontal:end,
136 .double-both::-webkit-scrollbar-track-piece:horizontal:end { 142 .double-both::-webkit-scrollbar-track-piece:horizontal:end {
137 margin-right: -6px; 143 margin-right: -6px;
138 } 144 }
139 145
140 ::-webkit-scrollbar-track:horizontal:disabled { 146 ::-webkit-scrollbar-track:horizontal:disabled {
141 -webkit-border-image: url(resources/horizontal-track-disabled.png) 0 13 0 13 ; 147 -webkit-border-image: url(resources/horizontal-track-disabled.png) 0 13 0 13 ;
142 border-color: transparent; 148 border-color: transparent;
143 border-width: 0 13px; 149 border-width: 0 13px;
150 border-style: solid;
Rick Byers 2016/03/18 19:21:14 nit: remove dupe
151 border-style: solid;
144 } 152 }
145 153
146 ::-webkit-scrollbar-track-piece:horizontal:decrement { 154 ::-webkit-scrollbar-track-piece:horizontal:decrement {
147 -webkit-border-image: url(resources/horizontal-track.png) 0 13 0 13; 155 -webkit-border-image: url(resources/horizontal-track.png) 0 13 0 13;
148 border-color: transparent; 156 border-color: transparent;
149 border-width: 0 0 0 13px; 157 border-width: 0 0 0 13px;
158 border-style: solid;
150 } 159 }
151 160
152 ::-webkit-scrollbar-track-piece:horizontal:decrement:hover { 161 ::-webkit-scrollbar-track-piece:horizontal:decrement:hover {
153 -webkit-border-image: url(resources/horizontal-track-hover.png) 0 13 0 13; 162 -webkit-border-image: url(resources/horizontal-track-hover.png) 0 13 0 13;
163 border-style: solid;
154 } 164 }
155 165
156 ::-webkit-scrollbar-track-piece:horizontal:decrement:active { 166 ::-webkit-scrollbar-track-piece:horizontal:decrement:active {
157 -webkit-border-image: url(resources/horizontal-track-active.png) 0 13 0 13; 167 -webkit-border-image: url(resources/horizontal-track-active.png) 0 13 0 13;
168 border-style: solid;
158 } 169 }
159 170
160 ::-webkit-scrollbar-track-piece:horizontal:increment { 171 ::-webkit-scrollbar-track-piece:horizontal:increment {
161 -webkit-border-image: url(resources/horizontal-track.png) 0 13 0 13; 172 -webkit-border-image: url(resources/horizontal-track.png) 0 13 0 13;
162 border-color: transparent; 173 border-color: transparent;
163 border-width: 0 13px 0 0; 174 border-width: 0 13px 0 0;
175 border-style: solid;
164 } 176 }
165 177
166 ::-webkit-scrollbar-track-piece:horizontal:increment:hover { 178 ::-webkit-scrollbar-track-piece:horizontal:increment:hover {
167 -webkit-border-image: url(resources/horizontal-track-hover.png) 0 13 0 13; 179 -webkit-border-image: url(resources/horizontal-track-hover.png) 0 13 0 13;
180 border-style: solid;
168 } 181 }
169 182
170 ::-webkit-scrollbar-track-piece:horizontal:increment:active { 183 ::-webkit-scrollbar-track-piece:horizontal:increment:active {
171 -webkit-border-image: url(resources/horizontal-track-active.png) 0 13 0 13; 184 -webkit-border-image: url(resources/horizontal-track-active.png) 0 13 0 13;
185 border-style: solid;
172 } 186 }
173 187
174 ::-webkit-scrollbar-button:horizontal { 188 ::-webkit-scrollbar-button:horizontal {
175 width: 20px; 189 width: 20px;
176 -webkit-border-image: url(resources/horizontal-button.png) 0 2 0 2; 190 -webkit-border-image: url(resources/horizontal-button.png) 0 2 0 2;
177 border-color: transparent; 191 border-color: transparent;
178 border-width: 0 2px; 192 border-width: 0 2px;
193 border-style: solid;
179 } 194 }
180 195
181 ::-webkit-scrollbar-button:horizontal:decrement { 196 ::-webkit-scrollbar-button:horizontal:decrement {
182 background-image: url(resources/horizontal-decrement-arrow.png), url(resourc es/horizontal-button-background.png); 197 background-image: url(resources/horizontal-decrement-arrow.png), url(resourc es/horizontal-button-background.png);
183 background-repeat: no-repeat, repeat-x; 198 background-repeat: no-repeat, repeat-x;
184 background-position: 2px 3px, 0 0; 199 background-position: 2px 3px, 0 0;
185 } 200 }
186 201
187 ::-webkit-scrollbar-button:horizontal:decrement:hover { 202 ::-webkit-scrollbar-button:horizontal:decrement:hover {
188 -webkit-border-image: url(resources/horizontal-button-hover.png) 0 2 0 2; 203 -webkit-border-image: url(resources/horizontal-button-hover.png) 0 2 0 2;
189 background-image: url(resources/horizontal-decrement-arrow.png), url(resourc es/horizontal-button-background-hover.png); 204 background-image: url(resources/horizontal-decrement-arrow.png), url(resourc es/horizontal-button-background-hover.png);
205 border-style: solid;
190 } 206 }
191 207
192 ::-webkit-scrollbar-button:horizontal:decrement:active { 208 ::-webkit-scrollbar-button:horizontal:decrement:active {
193 -webkit-border-image: url(resources/horizontal-button-active.png) 0 2 0 2; 209 -webkit-border-image: url(resources/horizontal-button-active.png) 0 2 0 2;
194 background-image: url(resources/horizontal-decrement-arrow.png), url(resourc es/horizontal-button-background-active.png); 210 background-image: url(resources/horizontal-decrement-arrow.png), url(resourc es/horizontal-button-background-active.png);
211 border-style: solid;
195 } 212 }
196 213
197 ::-webkit-scrollbar-button:horizontal:decrement:window-inactive { 214 ::-webkit-scrollbar-button:horizontal:decrement:window-inactive {
198 -webkit-border-image: url(resources/horizontal-button-inactive.png) 0 2 0 2; 215 -webkit-border-image: url(resources/horizontal-button-inactive.png) 0 2 0 2;
199 background-image: url(resources/horizontal-decrement-arrow.png), url(resourc es/horizontal-button-background-inactive.png); 216 background-image: url(resources/horizontal-decrement-arrow.png), url(resourc es/horizontal-button-background-inactive.png);
217 border-style: solid;
200 } 218 }
201 219
202 ::-webkit-scrollbar-button:horizontal:increment { 220 ::-webkit-scrollbar-button:horizontal:increment {
203 background-image: url(resources/horizontal-increment-arrow.png), url(resourc es/horizontal-button-background.png); 221 background-image: url(resources/horizontal-increment-arrow.png), url(resourc es/horizontal-button-background.png);
204 background-repeat: no-repeat, repeat-x; 222 background-repeat: no-repeat, repeat-x;
205 background-position: 7px 3px, 0 0; 223 background-position: 7px 3px, 0 0;
206 } 224 }
207 225
208 ::-webkit-scrollbar-button:horizontal:increment:hover { 226 ::-webkit-scrollbar-button:horizontal:increment:hover {
209 -webkit-border-image: url(resources/horizontal-button-hover.png) 0 2 0 2; 227 -webkit-border-image: url(resources/horizontal-button-hover.png) 0 2 0 2;
210 background-image: url(resources/horizontal-increment-arrow.png), url(resourc es/horizontal-button-background-hover.png); 228 background-image: url(resources/horizontal-increment-arrow.png), url(resourc es/horizontal-button-background-hover.png);
229 border-style: solid;
211 } 230 }
212 231
213 ::-webkit-scrollbar-button:horizontal:increment:active { 232 ::-webkit-scrollbar-button:horizontal:increment:active {
214 -webkit-border-image: url(resources/horizontal-button-active.png) 0 2 0 2; 233 -webkit-border-image: url(resources/horizontal-button-active.png) 0 2 0 2;
215 background-image: url(resources/horizontal-increment-arrow.png), url(resourc es/horizontal-button-background-active.png); 234 background-image: url(resources/horizontal-increment-arrow.png), url(resourc es/horizontal-button-background-active.png);
235 border-style: solid;
216 } 236 }
217 237
218 ::-webkit-scrollbar-button:horizontal:increment:window-inactive { 238 ::-webkit-scrollbar-button:horizontal:increment:window-inactive {
219 -webkit-border-image: url(resources/horizontal-button-inactive.png) 0 2 0 2; 239 -webkit-border-image: url(resources/horizontal-button-inactive.png) 0 2 0 2;
220 background-image: url(resources/horizontal-increment-arrow.png), url(resourc es/horizontal-button-background-inactive.png); 240 background-image: url(resources/horizontal-increment-arrow.png), url(resourc es/horizontal-button-background-inactive.png);
241 border-style: solid;
221 } 242 }
222 243
223 :not(.single)::-webkit-scrollbar-button:double-button:horizontal:start:decrement , 244 :not(.single)::-webkit-scrollbar-button:double-button:horizontal:start:decrement ,
224 .double-start::-webkit-scrollbar-button:horizontal:start:decrement, 245 .double-start::-webkit-scrollbar-button:horizontal:start:decrement,
225 .double-both::-webkit-scrollbar-button:horizontal:start:decrement { 246 .double-both::-webkit-scrollbar-button:horizontal:start:decrement {
226 width: 14px; 247 width: 14px;
227 border-right-width: 0; 248 border-right-width: 0;
228 background-position: 2px 3px, 0 0; 249 background-position: 2px 3px, 0 0;
229 } 250 }
230 251
(...skipping 29 matching lines...) Expand all
260 } 281 }
261 282
262 /* Vertical Scrollbar Styles */ 283 /* Vertical Scrollbar Styles */
263 284
264 ::-webkit-scrollbar:vertical { 285 ::-webkit-scrollbar:vertical {
265 -webkit-border-image: url(resources/vertical-button.png) 2 0 2 0; 286 -webkit-border-image: url(resources/vertical-button.png) 2 0 2 0;
266 border-color: transparent; 287 border-color: transparent;
267 border-width: 2px 0; 288 border-width: 2px 0;
268 background-image: url(resources/vertical-button-background.png); 289 background-image: url(resources/vertical-button-background.png);
269 background-repeat: repeat-y; 290 background-repeat: repeat-y;
291 border-style: solid;
270 } 292 }
271 293
272 ::-webkit-scrollbar:vertical:corner-present { 294 ::-webkit-scrollbar:vertical:corner-present {
273 border-bottom-width: 0; 295 border-bottom-width: 0;
274 } 296 }
275 297
276 ::-webkit-scrollbar-track:vertical:disabled:corner-present { 298 ::-webkit-scrollbar-track:vertical:disabled:corner-present {
277 margin-bottom: 5px; 299 margin-bottom: 5px;
278 } 300 }
279 301
280 ::-webkit-scrollbar:vertical:window-inactive { 302 ::-webkit-scrollbar:vertical:window-inactive {
281 -webkit-border-image: url(resources/vertical-button-inactive.png) 2 0 2 0; 303 -webkit-border-image: url(resources/vertical-button-inactive.png) 2 0 2 0;
282 background-image: url(resources/vertical-button-background-inactive.png); 304 background-image: url(resources/vertical-button-background-inactive.png);
305 border-style: solid;
283 } 306 }
284 307
285 ::-webkit-scrollbar-thumb:vertical { 308 ::-webkit-scrollbar-thumb:vertical {
286 -webkit-border-image: url(resources/vertical-thumb.png) 13 0 13 0; 309 -webkit-border-image: url(resources/vertical-thumb.png) 13 0 13 0;
287 border-color: transparent; 310 border-color: transparent;
288 border-width: 13px 0; 311 border-width: 13px 0;
289 min-height: 20px; 312 min-height: 20px;
290 border-style: solid; 313 border-style: solid;
314 border-style: solid;
291 } 315 }
292 316
293 ::-webkit-scrollbar-thumb:vertical:hover { 317 ::-webkit-scrollbar-thumb:vertical:hover {
294 -webkit-border-image: url(resources/vertical-thumb-hover.png) 13 0 13 0; 318 -webkit-border-image: url(resources/vertical-thumb-hover.png) 13 0 13 0;
319 border-style: solid;
295 } 320 }
296 321
297 ::-webkit-scrollbar-thumb:vertical:active { 322 ::-webkit-scrollbar-thumb:vertical:active {
298 -webkit-border-image: url(resources/vertical-thumb-active.png) 13 0 13 0; 323 -webkit-border-image: url(resources/vertical-thumb-active.png) 13 0 13 0;
324 border-style: solid;
299 } 325 }
300 326
301 ::-webkit-scrollbar-thumb:vertical:window-inactive { 327 ::-webkit-scrollbar-thumb:vertical:window-inactive {
302 -webkit-border-image: url(resources/vertical-thumb-inactive.png) 13 0 13 0; 328 -webkit-border-image: url(resources/vertical-thumb-inactive.png) 13 0 13 0;
329 border-style: solid;
303 } 330 }
304 331
305 ::-webkit-scrollbar-track-piece:vertical:start:no-button, 332 ::-webkit-scrollbar-track-piece:vertical:start:no-button,
306 .double-end::-webkit-scrollbar-track-piece:vertical:start, 333 .double-end::-webkit-scrollbar-track-piece:vertical:start,
307 .none::-webkit-scrollbar-track-piece:vertical:start { 334 .none::-webkit-scrollbar-track-piece:vertical:start {
308 margin-top: 6px; 335 margin-top: 6px;
309 } 336 }
310 337
311 ::-webkit-scrollbar-track-piece:vertical:end:no-button, 338 ::-webkit-scrollbar-track-piece:vertical:end:no-button,
312 .double-start::-webkit-scrollbar-track-piece:vertical:end, 339 .double-start::-webkit-scrollbar-track-piece:vertical:end,
(...skipping 27 matching lines...) Expand all
340 -webkit-border-image: url(resources/vertical-track-disabled.png) 13 0 13 0; 367 -webkit-border-image: url(resources/vertical-track-disabled.png) 13 0 13 0;
341 border-color: transparent; 368 border-color: transparent;
342 border-width: 13px 0; 369 border-width: 13px 0;
343 border-style: solid; 370 border-style: solid;
344 } 371 }
345 372
346 ::-webkit-scrollbar-track-piece:vertical:decrement { 373 ::-webkit-scrollbar-track-piece:vertical:decrement {
347 -webkit-border-image: url(resources/vertical-track.png) 13 0 13 0; 374 -webkit-border-image: url(resources/vertical-track.png) 13 0 13 0;
348 border-color: transparent; 375 border-color: transparent;
349 border-width: 13px 0 0 0; 376 border-width: 13px 0 0 0;
377 border-style: solid;
350 } 378 }
351 379
352 ::-webkit-scrollbar-track-piece:vertical:decrement:hover { 380 ::-webkit-scrollbar-track-piece:vertical:decrement:hover {
353 -webkit-border-image: url(resources/vertical-track-hover.png) 13 0 13 0; 381 -webkit-border-image: url(resources/vertical-track-hover.png) 13 0 13 0;
382 border-style: solid;
354 } 383 }
355 384
356 ::-webkit-scrollbar-track-piece:vertical:decrement:active { 385 ::-webkit-scrollbar-track-piece:vertical:decrement:active {
357 -webkit-border-image: url(resources/vertical-track-active.png) 13 0 13 0; 386 -webkit-border-image: url(resources/vertical-track-active.png) 13 0 13 0;
387 border-style: solid;
358 } 388 }
359 389
360 ::-webkit-scrollbar-track-piece:vertical:increment { 390 ::-webkit-scrollbar-track-piece:vertical:increment {
361 -webkit-border-image: url(resources/vertical-track.png) 13 0 13 0; 391 -webkit-border-image: url(resources/vertical-track.png) 13 0 13 0;
362 border-color: transparent; 392 border-color: transparent;
363 border-width: 0 0 13px 0; 393 border-width: 0 0 13px 0;
394 border-style: solid;
364 } 395 }
365 396
366 ::-webkit-scrollbar-track-piece:vertical:increment:hover { 397 ::-webkit-scrollbar-track-piece:vertical:increment:hover {
367 -webkit-border-image: url(resources/vertical-track-hover.png) 13 0 13 0; 398 -webkit-border-image: url(resources/vertical-track-hover.png) 13 0 13 0;
399 border-style: solid;
368 } 400 }
369 401
370 ::-webkit-scrollbar-track-piece:vertical:increment:active { 402 ::-webkit-scrollbar-track-piece:vertical:increment:active {
371 -webkit-border-image: url(resources/vertical-track-active.png) 13 0 13 0; 403 -webkit-border-image: url(resources/vertical-track-active.png) 13 0 13 0;
404 border-style: solid;
372 } 405 }
373 406
374 ::-webkit-scrollbar-button:vertical { 407 ::-webkit-scrollbar-button:vertical {
375 height: 20px; 408 height: 20px;
376 -webkit-border-image: url(resources/vertical-button.png) 2 0 2 0; 409 -webkit-border-image: url(resources/vertical-button.png) 2 0 2 0;
377 border-color: transparent; 410 border-color: transparent;
378 border-width: 2px 0; 411 border-width: 2px 0;
412 border-style: solid;
379 } 413 }
380 414
381 ::-webkit-scrollbar-button:vertical:decrement { 415 ::-webkit-scrollbar-button:vertical:decrement {
382 background-image: url(resources/vertical-decrement-arrow.png), url(resources /vertical-button-background.png); 416 background-image: url(resources/vertical-decrement-arrow.png), url(resources /vertical-button-background.png);
383 background-repeat: no-repeat, repeat-y; 417 background-repeat: no-repeat, repeat-y;
384 background-position: 3px 3px, 0 0; 418 background-position: 3px 3px, 0 0;
385 } 419 }
386 420
387 ::-webkit-scrollbar-button:vertical:decrement:hover { 421 ::-webkit-scrollbar-button:vertical:decrement:hover {
388 -webkit-border-image: url(resources/vertical-button-hover.png) 2 0 2 0; 422 -webkit-border-image: url(resources/vertical-button-hover.png) 2 0 2 0;
389 background-image: url(resources/vertical-decrement-arrow.png), url(resources /vertical-button-background-hover.png); 423 background-image: url(resources/vertical-decrement-arrow.png), url(resources /vertical-button-background-hover.png);
424 border-style: solid;
390 } 425 }
391 426
392 ::-webkit-scrollbar-button:vertical:decrement:active { 427 ::-webkit-scrollbar-button:vertical:decrement:active {
393 -webkit-border-image: url(resources/vertical-button-active.png) 2 0 2 0; 428 -webkit-border-image: url(resources/vertical-button-active.png) 2 0 2 0;
394 background-image: url(resources/vertical-decrement-arrow.png), url(resources /vertical-button-background-active.png); 429 background-image: url(resources/vertical-decrement-arrow.png), url(resources /vertical-button-background-active.png);
430 border-style: solid;
395 } 431 }
396 432
397 ::-webkit-scrollbar-button:vertical:decrement:window-inactive { 433 ::-webkit-scrollbar-button:vertical:decrement:window-inactive {
398 -webkit-border-image: url(resources/vertical-button-inactive.png) 2 0 2 0; 434 -webkit-border-image: url(resources/vertical-button-inactive.png) 2 0 2 0;
399 background-image: url(resources/vertical-decrement-arrow.png), url(resources /vertical-button-background-inactive.png); 435 background-image: url(resources/vertical-decrement-arrow.png), url(resources /vertical-button-background-inactive.png);
436 border-style: solid;
400 } 437 }
401 438
402 ::-webkit-scrollbar-button:vertical:increment { 439 ::-webkit-scrollbar-button:vertical:increment {
403 background-image: url(resources/vertical-increment-arrow.png), url(resources /vertical-button-background.png); 440 background-image: url(resources/vertical-increment-arrow.png), url(resources /vertical-button-background.png);
404 background-repeat: no-repeat, repeat-y; 441 background-repeat: no-repeat, repeat-y;
405 background-position: 3px 8px, 0 0; 442 background-position: 3px 8px, 0 0;
406 } 443 }
407 444
408 ::-webkit-scrollbar-button:vertical:increment:hover { 445 ::-webkit-scrollbar-button:vertical:increment:hover {
409 -webkit-border-image: url(resources/vertical-button-hover.png) 2 0 2 0; 446 -webkit-border-image: url(resources/vertical-button-hover.png) 2 0 2 0;
410 background-image: url(resources/vertical-increment-arrow.png), url(resources /vertical-button-background-hover.png); 447 background-image: url(resources/vertical-increment-arrow.png), url(resources /vertical-button-background-hover.png);
448 border-style: solid;
411 } 449 }
412 450
413 ::-webkit-scrollbar-button:vertical:increment:active { 451 ::-webkit-scrollbar-button:vertical:increment:active {
414 -webkit-border-image: url(resources/vertical-button-active.png) 2 0 2 0; 452 -webkit-border-image: url(resources/vertical-button-active.png) 2 0 2 0;
415 background-image: url(resources/vertical-increment-arrow.png), url(resources /vertical-button-background-active.png); 453 background-image: url(resources/vertical-increment-arrow.png), url(resources /vertical-button-background-active.png);
454 border-style: solid;
416 } 455 }
417 456
418 ::-webkit-scrollbar-button:vertical:increment:window-inactive { 457 ::-webkit-scrollbar-button:vertical:increment:window-inactive {
419 -webkit-border-image: url(resources/vertical-button-inactive.png) 2 0 2 0; 458 -webkit-border-image: url(resources/vertical-button-inactive.png) 2 0 2 0;
420 background-image: url(resources/vertical-increment-arrow.png), url(resources /vertical-button-background-inactive.png); 459 background-image: url(resources/vertical-increment-arrow.png), url(resources /vertical-button-background-inactive.png);
460 border-style: solid;
421 } 461 }
422 462
423 :not(.single)::-webkit-scrollbar-button:double-button:vertical:start:decrement, 463 :not(.single)::-webkit-scrollbar-button:double-button:vertical:start:decrement,
424 .double-start::-webkit-scrollbar-button:vertical:start:decrement, 464 .double-start::-webkit-scrollbar-button:vertical:start:decrement,
425 .double-both::-webkit-scrollbar-button:vertical:start:decrement { 465 .double-both::-webkit-scrollbar-button:vertical:start:decrement {
426 height: 14px; 466 height: 14px;
427 border-bottom-width: 0; 467 border-bottom-width: 0;
428 background-position: 3px 3px, 0 0; 468 background-position: 3px 3px, 0 0;
429 } 469 }
430 470
(...skipping 154 matching lines...) Expand 10 before | Expand all | Expand 10 after
585 <option>Two 625 <option>Two
586 <option>Three 626 <option>Three
587 <option>Four 627 <option>Four
588 <option>Five 628 <option>Five
589 </select> 629 </select>
590 630
591 <select size=4> 631 <select size=4>
592 <option>One 632 <option>One
593 <option>Two 633 <option>Two
594 </select> 634 </select>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698