| 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; |
| 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 Loading... |
| 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 Loading... |
| 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 Loading... |
| 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> |
| OLD | NEW |