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

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: Removing duplicated. 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;
144 } 151 }
145 152
146 ::-webkit-scrollbar-track-piece:horizontal:decrement { 153 ::-webkit-scrollbar-track-piece:horizontal:decrement {
147 -webkit-border-image: url(resources/horizontal-track.png) 0 13 0 13; 154 -webkit-border-image: url(resources/horizontal-track.png) 0 13 0 13;
148 border-color: transparent; 155 border-color: transparent;
149 border-width: 0 0 0 13px; 156 border-width: 0 0 0 13px;
157 border-style: solid;
150 } 158 }
151 159
152 ::-webkit-scrollbar-track-piece:horizontal:decrement:hover { 160 ::-webkit-scrollbar-track-piece:horizontal:decrement:hover {
153 -webkit-border-image: url(resources/horizontal-track-hover.png) 0 13 0 13; 161 -webkit-border-image: url(resources/horizontal-track-hover.png) 0 13 0 13;
162 border-style: solid;
154 } 163 }
155 164
156 ::-webkit-scrollbar-track-piece:horizontal:decrement:active { 165 ::-webkit-scrollbar-track-piece:horizontal:decrement:active {
157 -webkit-border-image: url(resources/horizontal-track-active.png) 0 13 0 13; 166 -webkit-border-image: url(resources/horizontal-track-active.png) 0 13 0 13;
167 border-style: solid;
158 } 168 }
159 169
160 ::-webkit-scrollbar-track-piece:horizontal:increment { 170 ::-webkit-scrollbar-track-piece:horizontal:increment {
161 -webkit-border-image: url(resources/horizontal-track.png) 0 13 0 13; 171 -webkit-border-image: url(resources/horizontal-track.png) 0 13 0 13;
162 border-color: transparent; 172 border-color: transparent;
163 border-width: 0 13px 0 0; 173 border-width: 0 13px 0 0;
174 border-style: solid;
164 } 175 }
165 176
166 ::-webkit-scrollbar-track-piece:horizontal:increment:hover { 177 ::-webkit-scrollbar-track-piece:horizontal:increment:hover {
167 -webkit-border-image: url(resources/horizontal-track-hover.png) 0 13 0 13; 178 -webkit-border-image: url(resources/horizontal-track-hover.png) 0 13 0 13;
179 border-style: solid;
168 } 180 }
169 181
170 ::-webkit-scrollbar-track-piece:horizontal:increment:active { 182 ::-webkit-scrollbar-track-piece:horizontal:increment:active {
171 -webkit-border-image: url(resources/horizontal-track-active.png) 0 13 0 13; 183 -webkit-border-image: url(resources/horizontal-track-active.png) 0 13 0 13;
184 border-style: solid;
172 } 185 }
173 186
174 ::-webkit-scrollbar-button:horizontal { 187 ::-webkit-scrollbar-button:horizontal {
175 width: 20px; 188 width: 20px;
176 -webkit-border-image: url(resources/horizontal-button.png) 0 2 0 2; 189 -webkit-border-image: url(resources/horizontal-button.png) 0 2 0 2;
177 border-color: transparent; 190 border-color: transparent;
178 border-width: 0 2px; 191 border-width: 0 2px;
192 border-style: solid;
179 } 193 }
180 194
181 ::-webkit-scrollbar-button:horizontal:decrement { 195 ::-webkit-scrollbar-button:horizontal:decrement {
182 background-image: url(resources/horizontal-decrement-arrow.png), url(resourc es/horizontal-button-background.png); 196 background-image: url(resources/horizontal-decrement-arrow.png), url(resourc es/horizontal-button-background.png);
183 background-repeat: no-repeat, repeat-x; 197 background-repeat: no-repeat, repeat-x;
184 background-position: 2px 3px, 0 0; 198 background-position: 2px 3px, 0 0;
185 } 199 }
186 200
187 ::-webkit-scrollbar-button:horizontal:decrement:hover { 201 ::-webkit-scrollbar-button:horizontal:decrement:hover {
188 -webkit-border-image: url(resources/horizontal-button-hover.png) 0 2 0 2; 202 -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); 203 background-image: url(resources/horizontal-decrement-arrow.png), url(resourc es/horizontal-button-background-hover.png);
204 border-style: solid;
190 } 205 }
191 206
192 ::-webkit-scrollbar-button:horizontal:decrement:active { 207 ::-webkit-scrollbar-button:horizontal:decrement:active {
193 -webkit-border-image: url(resources/horizontal-button-active.png) 0 2 0 2; 208 -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); 209 background-image: url(resources/horizontal-decrement-arrow.png), url(resourc es/horizontal-button-background-active.png);
210 border-style: solid;
195 } 211 }
196 212
197 ::-webkit-scrollbar-button:horizontal:decrement:window-inactive { 213 ::-webkit-scrollbar-button:horizontal:decrement:window-inactive {
198 -webkit-border-image: url(resources/horizontal-button-inactive.png) 0 2 0 2; 214 -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); 215 background-image: url(resources/horizontal-decrement-arrow.png), url(resourc es/horizontal-button-background-inactive.png);
216 border-style: solid;
200 } 217 }
201 218
202 ::-webkit-scrollbar-button:horizontal:increment { 219 ::-webkit-scrollbar-button:horizontal:increment {
203 background-image: url(resources/horizontal-increment-arrow.png), url(resourc es/horizontal-button-background.png); 220 background-image: url(resources/horizontal-increment-arrow.png), url(resourc es/horizontal-button-background.png);
204 background-repeat: no-repeat, repeat-x; 221 background-repeat: no-repeat, repeat-x;
205 background-position: 7px 3px, 0 0; 222 background-position: 7px 3px, 0 0;
206 } 223 }
207 224
208 ::-webkit-scrollbar-button:horizontal:increment:hover { 225 ::-webkit-scrollbar-button:horizontal:increment:hover {
209 -webkit-border-image: url(resources/horizontal-button-hover.png) 0 2 0 2; 226 -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); 227 background-image: url(resources/horizontal-increment-arrow.png), url(resourc es/horizontal-button-background-hover.png);
228 border-style: solid;
211 } 229 }
212 230
213 ::-webkit-scrollbar-button:horizontal:increment:active { 231 ::-webkit-scrollbar-button:horizontal:increment:active {
214 -webkit-border-image: url(resources/horizontal-button-active.png) 0 2 0 2; 232 -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); 233 background-image: url(resources/horizontal-increment-arrow.png), url(resourc es/horizontal-button-background-active.png);
234 border-style: solid;
216 } 235 }
217 236
218 ::-webkit-scrollbar-button:horizontal:increment:window-inactive { 237 ::-webkit-scrollbar-button:horizontal:increment:window-inactive {
219 -webkit-border-image: url(resources/horizontal-button-inactive.png) 0 2 0 2; 238 -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); 239 background-image: url(resources/horizontal-increment-arrow.png), url(resourc es/horizontal-button-background-inactive.png);
240 border-style: solid;
221 } 241 }
222 242
223 :not(.single)::-webkit-scrollbar-button:double-button:horizontal:start:decrement , 243 :not(.single)::-webkit-scrollbar-button:double-button:horizontal:start:decrement ,
224 .double-start::-webkit-scrollbar-button:horizontal:start:decrement, 244 .double-start::-webkit-scrollbar-button:horizontal:start:decrement,
225 .double-both::-webkit-scrollbar-button:horizontal:start:decrement { 245 .double-both::-webkit-scrollbar-button:horizontal:start:decrement {
226 width: 14px; 246 width: 14px;
227 border-right-width: 0; 247 border-right-width: 0;
228 background-position: 2px 3px, 0 0; 248 background-position: 2px 3px, 0 0;
229 } 249 }
230 250
(...skipping 29 matching lines...) Expand all
260 } 280 }
261 281
262 /* Vertical Scrollbar Styles */ 282 /* Vertical Scrollbar Styles */
263 283
264 ::-webkit-scrollbar:vertical { 284 ::-webkit-scrollbar:vertical {
265 -webkit-border-image: url(resources/vertical-button.png) 2 0 2 0; 285 -webkit-border-image: url(resources/vertical-button.png) 2 0 2 0;
266 border-color: transparent; 286 border-color: transparent;
267 border-width: 2px 0; 287 border-width: 2px 0;
268 background-image: url(resources/vertical-button-background.png); 288 background-image: url(resources/vertical-button-background.png);
269 background-repeat: repeat-y; 289 background-repeat: repeat-y;
290 border-style: solid;
270 } 291 }
271 292
272 ::-webkit-scrollbar:vertical:corner-present { 293 ::-webkit-scrollbar:vertical:corner-present {
273 border-bottom-width: 0; 294 border-bottom-width: 0;
274 } 295 }
275 296
276 ::-webkit-scrollbar-track:vertical:disabled:corner-present { 297 ::-webkit-scrollbar-track:vertical:disabled:corner-present {
277 margin-bottom: 5px; 298 margin-bottom: 5px;
278 } 299 }
279 300
280 ::-webkit-scrollbar:vertical:window-inactive { 301 ::-webkit-scrollbar:vertical:window-inactive {
281 -webkit-border-image: url(resources/vertical-button-inactive.png) 2 0 2 0; 302 -webkit-border-image: url(resources/vertical-button-inactive.png) 2 0 2 0;
282 background-image: url(resources/vertical-button-background-inactive.png); 303 background-image: url(resources/vertical-button-background-inactive.png);
304 border-style: solid;
283 } 305 }
284 306
285 ::-webkit-scrollbar-thumb:vertical { 307 ::-webkit-scrollbar-thumb:vertical {
286 -webkit-border-image: url(resources/vertical-thumb.png) 13 0 13 0; 308 -webkit-border-image: url(resources/vertical-thumb.png) 13 0 13 0;
287 border-color: transparent; 309 border-color: transparent;
288 border-width: 13px 0; 310 border-width: 13px 0;
289 min-height: 20px; 311 min-height: 20px;
290 border-style: solid; 312 border-style: solid;
313 border-style: solid;
291 } 314 }
292 315
293 ::-webkit-scrollbar-thumb:vertical:hover { 316 ::-webkit-scrollbar-thumb:vertical:hover {
294 -webkit-border-image: url(resources/vertical-thumb-hover.png) 13 0 13 0; 317 -webkit-border-image: url(resources/vertical-thumb-hover.png) 13 0 13 0;
318 border-style: solid;
295 } 319 }
296 320
297 ::-webkit-scrollbar-thumb:vertical:active { 321 ::-webkit-scrollbar-thumb:vertical:active {
298 -webkit-border-image: url(resources/vertical-thumb-active.png) 13 0 13 0; 322 -webkit-border-image: url(resources/vertical-thumb-active.png) 13 0 13 0;
323 border-style: solid;
299 } 324 }
300 325
301 ::-webkit-scrollbar-thumb:vertical:window-inactive { 326 ::-webkit-scrollbar-thumb:vertical:window-inactive {
302 -webkit-border-image: url(resources/vertical-thumb-inactive.png) 13 0 13 0; 327 -webkit-border-image: url(resources/vertical-thumb-inactive.png) 13 0 13 0;
328 border-style: solid;
303 } 329 }
304 330
305 ::-webkit-scrollbar-track-piece:vertical:start:no-button, 331 ::-webkit-scrollbar-track-piece:vertical:start:no-button,
306 .double-end::-webkit-scrollbar-track-piece:vertical:start, 332 .double-end::-webkit-scrollbar-track-piece:vertical:start,
307 .none::-webkit-scrollbar-track-piece:vertical:start { 333 .none::-webkit-scrollbar-track-piece:vertical:start {
308 margin-top: 6px; 334 margin-top: 6px;
309 } 335 }
310 336
311 ::-webkit-scrollbar-track-piece:vertical:end:no-button, 337 ::-webkit-scrollbar-track-piece:vertical:end:no-button,
312 .double-start::-webkit-scrollbar-track-piece:vertical:end, 338 .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; 366 -webkit-border-image: url(resources/vertical-track-disabled.png) 13 0 13 0;
341 border-color: transparent; 367 border-color: transparent;
342 border-width: 13px 0; 368 border-width: 13px 0;
343 border-style: solid; 369 border-style: solid;
344 } 370 }
345 371
346 ::-webkit-scrollbar-track-piece:vertical:decrement { 372 ::-webkit-scrollbar-track-piece:vertical:decrement {
347 -webkit-border-image: url(resources/vertical-track.png) 13 0 13 0; 373 -webkit-border-image: url(resources/vertical-track.png) 13 0 13 0;
348 border-color: transparent; 374 border-color: transparent;
349 border-width: 13px 0 0 0; 375 border-width: 13px 0 0 0;
376 border-style: solid;
350 } 377 }
351 378
352 ::-webkit-scrollbar-track-piece:vertical:decrement:hover { 379 ::-webkit-scrollbar-track-piece:vertical:decrement:hover {
353 -webkit-border-image: url(resources/vertical-track-hover.png) 13 0 13 0; 380 -webkit-border-image: url(resources/vertical-track-hover.png) 13 0 13 0;
381 border-style: solid;
354 } 382 }
355 383
356 ::-webkit-scrollbar-track-piece:vertical:decrement:active { 384 ::-webkit-scrollbar-track-piece:vertical:decrement:active {
357 -webkit-border-image: url(resources/vertical-track-active.png) 13 0 13 0; 385 -webkit-border-image: url(resources/vertical-track-active.png) 13 0 13 0;
386 border-style: solid;
358 } 387 }
359 388
360 ::-webkit-scrollbar-track-piece:vertical:increment { 389 ::-webkit-scrollbar-track-piece:vertical:increment {
361 -webkit-border-image: url(resources/vertical-track.png) 13 0 13 0; 390 -webkit-border-image: url(resources/vertical-track.png) 13 0 13 0;
362 border-color: transparent; 391 border-color: transparent;
363 border-width: 0 0 13px 0; 392 border-width: 0 0 13px 0;
393 border-style: solid;
364 } 394 }
365 395
366 ::-webkit-scrollbar-track-piece:vertical:increment:hover { 396 ::-webkit-scrollbar-track-piece:vertical:increment:hover {
367 -webkit-border-image: url(resources/vertical-track-hover.png) 13 0 13 0; 397 -webkit-border-image: url(resources/vertical-track-hover.png) 13 0 13 0;
398 border-style: solid;
368 } 399 }
369 400
370 ::-webkit-scrollbar-track-piece:vertical:increment:active { 401 ::-webkit-scrollbar-track-piece:vertical:increment:active {
371 -webkit-border-image: url(resources/vertical-track-active.png) 13 0 13 0; 402 -webkit-border-image: url(resources/vertical-track-active.png) 13 0 13 0;
403 border-style: solid;
372 } 404 }
373 405
374 ::-webkit-scrollbar-button:vertical { 406 ::-webkit-scrollbar-button:vertical {
375 height: 20px; 407 height: 20px;
376 -webkit-border-image: url(resources/vertical-button.png) 2 0 2 0; 408 -webkit-border-image: url(resources/vertical-button.png) 2 0 2 0;
377 border-color: transparent; 409 border-color: transparent;
378 border-width: 2px 0; 410 border-width: 2px 0;
411 border-style: solid;
379 } 412 }
380 413
381 ::-webkit-scrollbar-button:vertical:decrement { 414 ::-webkit-scrollbar-button:vertical:decrement {
382 background-image: url(resources/vertical-decrement-arrow.png), url(resources /vertical-button-background.png); 415 background-image: url(resources/vertical-decrement-arrow.png), url(resources /vertical-button-background.png);
383 background-repeat: no-repeat, repeat-y; 416 background-repeat: no-repeat, repeat-y;
384 background-position: 3px 3px, 0 0; 417 background-position: 3px 3px, 0 0;
385 } 418 }
386 419
387 ::-webkit-scrollbar-button:vertical:decrement:hover { 420 ::-webkit-scrollbar-button:vertical:decrement:hover {
388 -webkit-border-image: url(resources/vertical-button-hover.png) 2 0 2 0; 421 -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); 422 background-image: url(resources/vertical-decrement-arrow.png), url(resources /vertical-button-background-hover.png);
423 border-style: solid;
390 } 424 }
391 425
392 ::-webkit-scrollbar-button:vertical:decrement:active { 426 ::-webkit-scrollbar-button:vertical:decrement:active {
393 -webkit-border-image: url(resources/vertical-button-active.png) 2 0 2 0; 427 -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); 428 background-image: url(resources/vertical-decrement-arrow.png), url(resources /vertical-button-background-active.png);
429 border-style: solid;
395 } 430 }
396 431
397 ::-webkit-scrollbar-button:vertical:decrement:window-inactive { 432 ::-webkit-scrollbar-button:vertical:decrement:window-inactive {
398 -webkit-border-image: url(resources/vertical-button-inactive.png) 2 0 2 0; 433 -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); 434 background-image: url(resources/vertical-decrement-arrow.png), url(resources /vertical-button-background-inactive.png);
435 border-style: solid;
400 } 436 }
401 437
402 ::-webkit-scrollbar-button:vertical:increment { 438 ::-webkit-scrollbar-button:vertical:increment {
403 background-image: url(resources/vertical-increment-arrow.png), url(resources /vertical-button-background.png); 439 background-image: url(resources/vertical-increment-arrow.png), url(resources /vertical-button-background.png);
404 background-repeat: no-repeat, repeat-y; 440 background-repeat: no-repeat, repeat-y;
405 background-position: 3px 8px, 0 0; 441 background-position: 3px 8px, 0 0;
406 } 442 }
407 443
408 ::-webkit-scrollbar-button:vertical:increment:hover { 444 ::-webkit-scrollbar-button:vertical:increment:hover {
409 -webkit-border-image: url(resources/vertical-button-hover.png) 2 0 2 0; 445 -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); 446 background-image: url(resources/vertical-increment-arrow.png), url(resources /vertical-button-background-hover.png);
447 border-style: solid;
411 } 448 }
412 449
413 ::-webkit-scrollbar-button:vertical:increment:active { 450 ::-webkit-scrollbar-button:vertical:increment:active {
414 -webkit-border-image: url(resources/vertical-button-active.png) 2 0 2 0; 451 -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); 452 background-image: url(resources/vertical-increment-arrow.png), url(resources /vertical-button-background-active.png);
453 border-style: solid;
416 } 454 }
417 455
418 ::-webkit-scrollbar-button:vertical:increment:window-inactive { 456 ::-webkit-scrollbar-button:vertical:increment:window-inactive {
419 -webkit-border-image: url(resources/vertical-button-inactive.png) 2 0 2 0; 457 -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); 458 background-image: url(resources/vertical-increment-arrow.png), url(resources /vertical-button-background-inactive.png);
459 border-style: solid;
421 } 460 }
422 461
423 :not(.single)::-webkit-scrollbar-button:double-button:vertical:start:decrement, 462 :not(.single)::-webkit-scrollbar-button:double-button:vertical:start:decrement,
424 .double-start::-webkit-scrollbar-button:vertical:start:decrement, 463 .double-start::-webkit-scrollbar-button:vertical:start:decrement,
425 .double-both::-webkit-scrollbar-button:vertical:start:decrement { 464 .double-both::-webkit-scrollbar-button:vertical:start:decrement {
426 height: 14px; 465 height: 14px;
427 border-bottom-width: 0; 466 border-bottom-width: 0;
428 background-position: 3px 3px, 0 0; 467 background-position: 3px 3px, 0 0;
429 } 468 }
430 469
(...skipping 154 matching lines...) Expand 10 before | Expand all | Expand 10 after
585 <option>Two 624 <option>Two
586 <option>Three 625 <option>Three
587 <option>Four 626 <option>Four
588 <option>Five 627 <option>Five
589 </select> 628 </select>
590 629
591 <select size=4> 630 <select size=4>
592 <option>One 631 <option>One
593 <option>Two 632 <option>Two
594 </select> 633 </select>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698