Chromium Code Reviews| OLD | NEW |
|---|---|
| 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 Loading... | |
| 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 Loading... | |
| 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 Loading... | |
| 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 Loading... | |
| 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 Loading... | |
| 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> |
| OLD | NEW |