gtk-widgets-assets.css (25716B)
1 /************** 2 * background * 3 **************/ 4 /*** Ubuntu Fixes: they may all no longer be necessary***/ 5 GtkPaned, 6 GtkEventBox, 7 GtkEmpty, 8 .toolbar 9 /*GtkPaned:backdrop, 10 GtkEventBox:backdrop, 11 GtkEmpty:backdrop, 12 .toolbar:backdrop*/ { 13 background-color: @theme_bg_color; 14 background-image: none; 15 } 16 17 /*************** 18 * Resize grip * 19 ***************/ 20 21 .grip { 22 background-color: transparent; 23 background-image: url("assets/resize-grip.svg"); 24 } 25 26 /************************* 27 * Check and Radio items * 28 *************************/ 29 30 /* draw regular check and radio items using our SVG assets */ 31 .check { 32 background-image: url("assets/check-radio/check-unchecked.svg"); 33 background-color: transparent; 34 transition: 620ms ease-in-out; 35 } 36 37 .check.cell { 38 background-image: url("assets/check-radio/check-unchecked-alt.svg"); 39 background-color: transparent; 40 } 41 .check.cell:selected, 42 .check.cell:selected:focus, 43 .check row:selected, 44 .check row:selected:focus { 45 background-image: url("assets/check-radio/check-unchecked-alt.svg"); 46 background-color: transparent; 47 } 48 49 .check:hover { 50 background-image: url("assets/check-radio/check-unchecked-hover.svg"); 51 transition: 620ms ease-in-out; 52 } 53 54 .check row:hover, 55 .check row:nth-child(even):hover, 56 .check row:nth-child(odd):hover { 57 background-image: url("assets/check-radio/check-unchecked-alt-hover.svg"); 58 background-color: transparent; 59 } 60 61 .check.cell:selected:hover, 62 .check.cell:selected:hover:focus, 63 .check row:selected:hover, 64 .check row:selected:hover:focus { 65 background-image: url("assets/check-radio/check-unchecked-alt-hover.svg"); 66 background-color: transparent; 67 } 68 /* 69 .check:backdrop, 70 .check:hover:backdrop, 71 .notebook .check:hover:backdrop, 72 .check.cell:backdrop, 73 .notebook .check.cell:hover:backdrop, 74 .check row:hover:backdrop, 75 .notebook .check row:hover:backdrop, 76 .check row:nth-child(even):hover:backdrop, 77 .check row:nth-child(odd):hover:backdrop, 78 .check row:selected:backdrop, 79 .check row:selected:focus:backdrop, 80 .notebook .check row:selected:backdrop, 81 .notebook .check row:selected:focus:backdrop, 82 .check row:selected:hover:backdrop, 83 .check row:selected:hover:focus:backdrop, 84 .notebook .check row:selected:hover:backdrop, 85 .notebook .check row:selected:focus:hover:backdrop { 86 background-image: url("assets/check-unchecked-backdrop.svg"); 87 }*/ 88 89 .check:insensitive { 90 background-image: url("assets/check-radio/check-unchecked-insensitive.svg"); 91 } 92 93 .check row:insensitive, 94 .check row:nth-child(even):insensitive, 95 .check row:nth-child(odd):insensitive, 96 .check row:insensitive:hover, 97 .check row:selected:insensitive, 98 .check row:selected:focus:insensitive, 99 .check row:selected:insensitive:hover, 100 .check row:selected:focus:insensitive:hover { 101 background-image: url("assets/check-radio/check-unchecked-insensitive-alt.svg"); 102 background-color: transparent; 103 }/* 104 .check:insensitive:backdrop, 105 .check row:insensitive:backdrop, 106 .check row:nth-child(even):insensitive:backdrop, 107 .check row:nth-child(odd):insensitive:backdrop, 108 .check row:insensitive:hover:backdrop, 109 .check row:selected:insensitive:backdrop, 110 .check row:selected:focus:insensitive:backdrop, 111 .notebook .check:insensitive:backdrop, 112 .notebook .check row:insensitive:backdrop, 113 .notebook .check row:nth-child(even):insensitive:backdrop, 114 .notebook .check row:nth-child(odd):insensitive:backdrop, 115 .notebook .check row:insensitive:hover:backdrop, 116 .notebook .check row:selected:insensitive:backdrop, 117 .notebook .check row:selected:focus:insensitive:backdrop { 118 background-image: url("assets/check-insensitive-backdrop.svg"); 119 }*/ 120 121 .check:active { 122 background-image: url("assets/check-radio/check-active.svg"); 123 transition: 320ms ease-in-out; 124 } 125 126 .cell.check:active { 127 background-image: url("assets/check-radio/check-active-alt.svg"); 128 background-color: transparent; 129 } 130 131 .check row:selected:active, 132 .check row:selected:focus:active { 133 background-image: url("assets/check-radio/check-active-alt.svg"); 134 background-color: transparent; 135 } 136 137 .check:active:hover { 138 background-image: url("assets/check-radio/check-active-hover.svg"); 139 } 140 141 .cell.check:active:hover { 142 background-image: url("assets/check-radio/check-active-hover-alt.svg"); 143 background-color: transparent; 144 } 145 146 .check row:selected:active:hover, 147 .check row:selected:focus:active:hover { 148 background-image: url("assets/check-radio/check-active-hover-alt.svg"); 149 background-color: transparent; 150 } 151 /* 152 .check:active:backdrop, 153 .check:active:hover:backdrop, 154 .notebook .check:active:backdrop, 155 .notebook .check:active:hover:backdrop, 156 .check row:active:hover:backdrop, 157 .check row:selected:active:hover:backdrop, 158 .check row:selected:focus:active:hover:backdrop, 159 .notebook .check row:active:hover:backdrop, 160 .notebook .check row:selected:active:hover:backdrop, 161 .notebook .check row:selected:focus:active:hover:backdrop, 162 .notebook .check row:selected:active:backdrop, 163 .notebook .check row:selected:focus:active:backdrop, 164 .check row:selected:active:backdrop, 165 .check row:selected:focus:active:backdrop { 166 background-image: url("assets/check-active-backdrop.svg"); 167 }*/ 168 169 .check:active:insensitive, 170 .check:active:insensitive:hover { 171 background-image: url("assets/check-radio/check-active-insensitive-inset.svg"); 172 } 173 174 .check row:active:insensitive, 175 .check row:active:insensitive:hover, 176 .check row:selected:active:insensitive, 177 .check row:selected:focus:active:insensitive, 178 .check row:selected:active:insensitive:hover, 179 .check row:selected:focus:active:insensitive:hover { 180 background-image: url("assets/check-radio/check-active-insensitive-alt.svg"); 181 background-color: transparent; 182 } 183 /* 184 .check:active:insensitive:backdrop, 185 .check row:active:insensitive:backdrop, 186 .check row:active:insensitive:hover:backdrop, 187 .check row:selected:active:insensitive:backdrop, 188 .check row:selected:focus:active:insensitive:backdrop, 189 .check row:selected:active:insensitive:hover:backdrop, 190 .check row:selected:focus:active:insensitive:hover:backdrop, 191 .notebook .check:active:insensitive:backdrop, 192 .notebook .check row:active:insensitive:backdrop, 193 .notebook .check row:active:insensitive:hover:backdrop, 194 .notebook .check row:selected:active:insensitive:backdrop, 195 .notebook .check row:selected:focus:active:insensitive:backdrop, 196 .notebook .check row:selected:active:insensitive:hover:backdrop, 197 .notebook .check row:selected:focus:active:insensitive:hover:backdrop { 198 background-image: url("assets/check-active-insensitive-backdrop.svg"); 199 }*/ 200 201 .check:inconsistent { 202 background-image: url("assets/check-radio/check-mixed-inset.svg"); 203 } 204 205 .cell.check:inconsistent { 206 background-image: url("assets/check-radio/check-mixed-alt-inset.svg"); 207 background-color: transparent; 208 } 209 210 .check row:selected:inconsistent, 211 .check row:selected:focus:inconsistent { 212 background-image: url("assets/check-radio/check-mixed-alt-inset.svg"); 213 } 214 215 .check:inconsistent:hover { 216 background-image: url("assets/check-radio/check-mixed.svg"); 217 } 218 219 .cell.check:inconsistent:hover { 220 background-image: url("assets/check-radio/check-mixed-alt.svg"); 221 background-color: transparent; 222 } 223 224 .check row:selected:inconsistent:hover, 225 .check row:selected:focus:inconsistent:hover { 226 background-image: url("assets/check-radio/check-mixed-alt.svg"); 227 background-color: transparent; 228 } 229 /* 230 .check:inconsistent:backdrop, 231 .check:inconsistent:hover:backdrop, 232 .notebook .check:inconsistent:backdrop, 233 .notebook .check:inconsistent:hover:backdrop, 234 .check row:inconsistent:hover:backdrop, 235 .notebook .check row:inconsistent:hover:backdrop, 236 .check row:selected:inconsistent:backdrop, 237 .check row:selected:focus:inconsistent:backdrop, 238 .notebook .check row:selected:inconsistent:backdrop, 239 .notebook .check row:selected:focus:inconsistent:backdrop, 240 .check row:selected:inconsistent:hover:backdrop, 241 .check row:selected:focus:inconsistent:hover:backdrop, 242 .notebook .check row:selected:inconsistent:hover:backdrop, 243 .notebook .check row:selected:focus:inconsistent:hover:backdrop { 244 background-image: url("assets/check-inconsistant-backdrop.svg"); 245 }*/ 246 247 .check:inconsistent:insensitive, 248 .check:inconsistent:insensitive:hover { 249 background-image: url("assets/check-radio/check-mixed-insensitive-inset.svg"); 250 } 251 252 .check row:inconsistent:insensitive, 253 .check row:inconsistent:insensitive:hover, 254 .check row:selected:inconsistent:insensitive, 255 .check row:selected:focus:inconsistent:insensitive, 256 .check row:selected:inconsistent:insensitive:hover, 257 .check row:selected:focus:inconsistent:insensitive:hover { 258 background-image: url("assets/check-radio/check-mixed-insensitive-alt-inset.svg"); 259 background-color: transparent; 260 } 261 /* 262 .check:inconsistent:insensitive:backdrop, 263 .check:inconsistent:insensitive:hover:backdrop, 264 .check row:selected:inconsistent:insensitive:backdrop, 265 .check row:selected:focus:inconsistent:insensitive:backdrop, 266 .check row:selected:inconsistent:insensitive:hover:backdrop, 267 .check row:selected:focus:inconsistent:insensitive:hover:backdrop, 268 .notebook .check:inconsistent:insensitive:backdrop, 269 .notebook .check:inconsistent:insensitive:hover:backdrop, 270 .notebook .check row:selected:inconsistent:insensitive:backdrop, 271 .notebook .check row:selected:focus:inconsistent:insensitive:backdrop, 272 .notebook .check row:selected:inconsistent:insensitive:hover:backdrop, 273 .notebook .check row:selected:focus:inconsistent:insensitive:hover:backdrop { 274 background-image: url("assets/check-inconsistant-insensitive-backdrop.svg"); 275 background-color: transparent; 276 }*/ 277 278 .radio { 279 background-image: url("assets/check-radio/radio-un.svg"); 280 } 281 282 .cell.radio { 283 background-image: url("assets/check-radio/radio-un-alt.svg"); 284 background-color: transparent; 285 } 286 287 .radio.cell:selected, 288 .radio.cell:selected:focus, 289 .radio row:selected, 290 .radio row:selected:focus { 291 background-image: url("assets/check-radio/radio-un-alt.svg"); 292 background-color: transparent; 293 } 294 295 .radio:hover { 296 background-image: url("assets/check-radio/radio-un-hover.svg"); 297 } 298 299 .radio row:hover, 300 .radio row:nth-child(even):hover, 301 .radio row:nth-child(odd):hover { 302 background-image: url("assets/check-radio/radio-un-alt-hover.svg"); 303 background-color: transparent; 304 } 305 306 .radio.cell:selected:hover, 307 .radio.cell:selected:hover:focus, 308 .radio row:selected:hover, 309 .radio row:selected:hover:focus { 310 background-image: url("assets/check-radio/radio-un-alt-hover.svg"); 311 background-color: transparent; 312 } 313 /* 314 .radio:backdrop, 315 .radio:hover:backdrop, 316 .radio.cell:backdrop, 317 .notebook .radio:backdrop, 318 .notebook .radio:hover:backdrop, 319 .notebook .radio.cell:backdrop, 320 .radio row:hover:backdrop, 321 .notebook .radio row:hover:backdrop, 322 .radio row:nth-child(even):hover:backdrop, 323 .radio row:nth-child(odd):hover:backdrop, 324 .radio row:selected:backdrop, 325 .radio row:selected:focus:backdrop, 326 .notebook .radio row:selected:backdrop, 327 .notebook .radio row:selected:focus:backdrop, 328 .radio.cell:selected:hover:backdrop, 329 .radio.cell:selected:hover:focus:backdrop, 330 .notebook .radio.cell:selected:hover:backdrop, 331 .notebook .radio.cell:selected:hover:focus:backdrop { 332 background-image: url("assets/radio-unchecked-backdrop.svg"); 333 background-color: transparent; 334 }*/ 335 336 .radio:insensitive { 337 background-image: url("assets/check-radio/radio-insensitive.svg"); 338 } 339 340 .radio row:insensitive, 341 .radio row:nth-child(even):insensitive, 342 .radio row:nth-child(odd):insensitive, 343 .radio row:insensitive:hover, 344 .radio row:selected:insensitive, 345 .radio row:selected:focus:insensitive, 346 .radio row:selected:insensitive:hover, 347 .radio row:selected:focus:insensitive:hover{ 348 background-image: url("assets/check-radio/radio-insensitive-alt.svg"); 349 background-color: transparent; 350 } 351 /* 352 .radio:insensitive:backdrop, 353 .notebook .radio:insensitive:backdrop, 354 .radio row:insensitive:backdrop, 355 .radio row:nth-child(even):insensitive:backdrop, 356 .radio row:nth-child(odd):insensitive:backdrop, 357 .radio row:insensitive:hover:backdrop, 358 .radio row:selected:insensitive:backdrop, 359 .radio row:selected:focus:insensitive:backdrop, 360 .radio row:selected:insensitive:hover:backdrop, 361 .radio row:selected:focus:insensitive:hover:backdrop, 362 .notebook .radio row:insensitive:backdrop, 363 .notebook .radio row:nth-child(even):insensitive:backdrop, 364 .notebook .radio row:nth-child(odd):insensitive:backdrop, 365 .notebook .radio row:insensitive:hover:backdrop, 366 .notebook .radio row:selected:insensitive:backdrop, 367 .notebook .radio row:selected:focus:insensitive:backdrop, 368 .notebook .radio row:selected:insensitive:hover:backdrop, 369 .notebook .radio row:selected:focus:insensitive:hover:backdrop { 370 background-image: url("assets/radio-unchecked-insensitive-backdrop.svg"); 371 }*/ 372 373 .radio:active { 374 background-image: url("assets/check-radio/radio-active.svg"); 375 } 376 377 .cell.radio:active { 378 background-image: url("assets/check-radio/radio-active-alt.svg"); 379 background-color: transparent; 380 } 381 382 .radio row:selected:active, 383 .radio row:selected:focus:active { 384 background-image: url("assets/check-radio/radio-active-alt.svg"); 385 background-color: transparent; 386 } 387 388 .radio:active:hover { 389 background-image: url("assets/check-radio/radio-active-hover.svg"); 390 } 391 392 .cell.radio:active:hover { 393 background-image: url("assets/check-radio/radio-active-hover-alt.svg"); 394 background-color: transparent; 395 } 396 397 .radio row:selected:active:hover, 398 .radio row:selected:focus:active:hover { 399 background-image: url("assets/check-radio/radio-active-hover-alt.svg"); 400 background-color: transparent; 401 } 402 403 404 /* 405 .radio:active:backdrop, 406 .radio:active:hover:backdrop, 407 .notebook .radio:active:backdrop, 408 .notebook .radio:active:hover:backdrop, 409 .radio row:active:hover:backdrop, 410 .radio row:selected:active:hover:backdrop, 411 .radio row:selected:focus:active:hover:backdrop, 412 .notebook .radio row:active:hover:backdrop, 413 .notebook .radio row:selected:active:hover:backdrop, 414 .notebook .radio row:selected:focus:active:hover:backdrop, 415 .radio row:selected:active:backdrop, 416 .radio row:selected:focus:active:backdrop, 417 .notebook .radio row:selected:active:backdrop, 418 .notebook .radio row:selected:focus:active:backdrop { 419 background-image: url("assets/radio-active-backdrop.svg"); 420 }*/ 421 422 .radio:active:insensitive, 423 .radio:active:insensitive:hover { 424 background-image: url("assets/check-radio/radio-insensitive-active.svg"); 425 } 426 427 .radio row:active:insensitive, 428 .radio row:active:insensitive:hover, 429 .radio row:selected:active:insensitive, 430 .radio row:selected:focus:active:insensitive, 431 .radio row:selected:active:insensitive:hover, 432 .radio row:selected:focus:active:insensitive:hover { 433 background-image: url("assets/check-radio/radio-insensitive-active-alt.svg"); 434 background-color: transparent; 435 } 436 /* 437 .radio:active:insensitive:backdrop, 438 .radio row:active:insensitive:backdrop, 439 .radio row:active:insensitive:hover:backdrop, 440 .radio row:selected:active:insensitive:backdrop, 441 .radio row:selected:focus:active:insensitive:backdrop, 442 .radio row:selected:active:insensitive:hover:backdrop, 443 .radio row:selected:focus:active:insensitive:hover:backdrop, 444 .notebook .radio:active:insensitive:backdrop, 445 .notebook .radio row:active:insensitive:backdrop, 446 .notebook .radio row:active:insensitive:hover:backdrop, 447 .notebook .radio row:selected:active:insensitive:backdrop, 448 .notebook .radio row:selected:focus:active:insensitive:backdrop, 449 .notebook .radio row:selected:active:insensitive:hover:backdrop, 450 .notebook .radio row:selected:focus:active:insensitive:hover:backdrop { 451 background-image: url("assets/radio-active-insensitive-backdrop.svg"); 452 }*/ 453 454 .radio:inconsistent { 455 background-image: url("assets/check-radio/radio-mixed.svg"); 456 } 457 458 .cell.radio:inconsistent { 459 background-image: url("assets/check-radio/radio-mixed-alt.svg"); 460 background-color: transparent; 461 } 462 463 .radio row:selected:inconsistent, 464 .radio row:selected:focus:inconsistent { 465 background-image: url("assets/check-radio/radio-mixed-alt.svg"); 466 background-color: transparent; 467 } 468 469 .radio:inconsistent:hover { 470 background-image: url("assets/check-radio/radio-mixed-hover.svg"); 471 } 472 473 .cell.radio:inconsistent:hover { 474 background-image: url("assets/check-radio/radio-mixed-hover-alt.svg"); 475 background-color: transparent; 476 } 477 478 .radio row:selected:inconsistent:hover, 479 .radio row:selected:focus:inconsistent:hover { 480 background-image: url("assets/check-radio/radio-mixed-hover-alt.svg"); 481 background-color: transparent; 482 } 483 /* 484 .radio:inconsistent:backdrop, 485 .radio:inconsistent:hover:backdrop, 486 .notebook .radio:inconsistent:backdrop, 487 .notebook .radio:inconsistent:hover:backdrop, 488 .radio row:inconsistent:hover:backdrop, 489 .notebook .radio row:inconsistent:hover:backdrop, 490 .radio row:selected:inconsistent:backdrop, 491 .radio row:selected:focus:inconsistent:backdrop, 492 .notebook .radio row:selected:inconsistent:backdrop, 493 .notebook .radio row:selected:focus:inconsistent:backdrop, 494 .radio row:selected:inconsistent:hover:backdrop, 495 .radio row:selected:focus:inconsistent:hover:backdrop, 496 .notebook .radio row:selected:inconsistent:hover:backdrop, 497 .notebook .radio row:selected:focus:inconsistent:hover:backdrop { 498 background-image: url("assets/radio-inconsistant-backdrop.svg"); 499 }*/ 500 501 .radio:inconsistent:insensitive, 502 .radio:inconsistent:insensitive:hover { 503 background-image: url("assets/check-radio/radio-mixed-insensitive.svg"); 504 } 505 506 .radio row:inconsistent:insensitive, 507 .radio row:inconsistent:insensitive:hover, 508 .radio row:selected:inconsistent:insensitive, 509 .radio row:selected:focus:inconsistent:insensitive, 510 .radio row:selected:inconsistent:insensitive:hover, 511 .radio row:selected:focus:inconsistent:insensitive:hover{ 512 background-image: url("assets/check-radio/radio-mixed-insensitive-alt.svg"); 513 background-color: transparent; 514 } 515 /* 516 .radio:inconsistent:insensitive:backdrop, 517 .radio:inconsistent:insensitive:hover:backdrop, 518 .radio row:selected:inconsistent:insensitive:backdrop, 519 .radio row:selected:focus:inconsistent:insensitive:backdrop, 520 .radio row:selected:inconsistent:insensitive:hover:backdrop, 521 .radio row:selected:focus:inconsistent:insensitive:hover:backdrop, 522 .notebook .radio:inconsistent:insensitive:backdrop, 523 .notebook .radio:inconsistent:insensitive:hover:backdrop, 524 .notebook .radio row:selected:inconsistent:insensitive:backdrop, 525 .notebook .radio row:selected:focus:inconsistent:insensitive:backdrop, 526 .notebook .radio row:selected:inconsistent:insensitive:hover:backdrop, 527 .notebook .radio row:selected:focus:inconsistent:insensitive:hover:backdrop { 528 background-image: url("assets/radio-inconsistant-insensitive-backdrop.svg"); 529 }*/ 530 531 .sidebar .radio:active, 532 .sidebar .radio:active:focus, 533 .sidebar .radio:active:hover { 534 background-image: url("assets/sidebar-radio/sidebar-radio-checked.svg"); 535 } 536 537 .sidebar .radio:hover { 538 background-image: url("assets/sidebar-radio/sidebar-radio-prelight.svg"); 539 } 540 541 .sidebar .radio:active:selected, 542 .sidebar .radio:active:selected:focus { 543 background-image: url("assets/sidebar-radio/sidebar-radio-selected.svg"); 544 } 545 546 .sidebar .radio:selected:hover, 547 .sidebar .radio:selected:focus { 548 background-image: url("assets/sidebar-radio/sidebar-radio-selected-prelight.svg"); 549 } 550 /* 551 .sidebar .radio:active:backdrop, 552 .sidebar .radio:active:focus:backdrop, 553 .sidebar .radio:active:hover:backdrop, 554 .sidebar .radio:hover:backdrop, 555 .sidebar .radio:active:selected:backdrop, 556 .sidebar .radio:active:selected:focus:backdrop, 557 .sidebar .radio:selected:hover:backdrop, 558 .sidebar .radio:selected:focus:backdrop { 559 background-image: url("assets/sidebar-radio-backdrop.svg"); 560 }*/ 561 562 /********************* 563 * GtkScale's slider * 564 *********************/ 565 /* 566 .scale.slider, 567 .scale.slider.horizontal { 568 background-image: url("assets/scale-slider-horz.png"); 569 } 570 571 .scale.slider:hover, 572 .scale.slider.horizontal:hover { 573 background-image: url("assets/scale-slider-horz-hover.png"); 574 } 575 576 .scale.slider:active, 577 .scale.slider:active:hover, 578 .scale.slider.horizontal:active, 579 .scale.slider.horizontal:active:hover { 580 background-image: url("assets/scale-slider-horz-active.png"); 581 } 582 583 .scale.slider:backdrop, 584 .scale.slider:backdrop:hover, 585 .scale.slider.horizontal:backdrop, 586 .scale.slider.horizontal:backdrop:hover { 587 background-image: url("assets/scale-slider-horz-backdrop.png"); 588 } 589 590 .scale.slider:insensitive, 591 .scale.slider:insensitive:hover, 592 .scale.slider.horizontal:insensitive, 593 .scale.slider.horizontal:insensitive:hover { 594 background-image: url("assets/scale-slider-horz-insensitive.png"); 595 } 596 597 .scale.slider:insensitive:backdrop, 598 .scale.slider:insensitive:backdrop:hover, 599 .scale.slider.horizontal:insensitive:backdrop, 600 .scale.slider.horizontal:insensitive:backdrop:hover { 601 background-image: url("assets/scale-slider-horz-backdrop-insensitive.png"); 602 } 603 604 605 .scale.slider.vertical { 606 background-image: url("assets/scale-slider-vert.png"); 607 } 608 609 .scale.slider.vertical:hover { 610 background-image: url("assets/scale-slider-vert-hover.png"); 611 } 612 613 .scale.slider.vertical:active, 614 .scale.slider.vertical:active:hover { 615 background-image: url("assets/scale-slider-vert-active.png"); 616 } 617 618 .scale.slider.vertical:backdrop, 619 .scale.slider.vertical:backdrop:hover { 620 background-image: url("assets/scale-slider-vert-backdrop.png"); 621 } 622 623 .scale.slider.vertical:insensitive, 624 .scale.slider.vertical:insensitive:hover { 625 background-image: url("assets/scale-slider-vert-insensitive.png"); 626 } 627 628 .scale.slider.vertical:insensitive:backdrop, 629 .scale.slider.vertical:insensitive:backdrop:hover { 630 background-image: url("assets/scale-slider-vert-backdrop-insensitive.png"); 631 } 632 */ 633 634 .scale.scale-has-marks-above.slider.horizontal { 635 background-image: url("assets/scale-slider/scale-up.svg"); 636 } 637 638 .scale.scale-has-marks-above.slider.horizontal:hover { 639 background-image: url("assets/scale-slider/scale-up-hover.svg"); 640 } 641 /* 642 .scale.scale-has-marks-above.slider.horizontal:active, 643 .scale.scale-has-marks-above.slider.horizontal:active:hover { 644 background-image: url("assets/scale-slider-up-active.png"); 645 } 646 */ 647 .scale.scale-has-marks-above.slider.horizontal:insensitive, 648 .scale.scale-has-marks-above.slider.horizontal:insensitive:hover { 649 background-image: url("assets/scale-slider/scale-up-insensitive.svg"); 650 } 651 /* 652 .scale.scale-has-marks-above.slider.horizontal:backdrop, 653 .scale.scale-has-marks-above.slider.horizontal:backdrop:hover { 654 background-image: url("assets/scale-slider-up-dark.png"); 655 }*/ 656 /* 657 .scale.scale-has-marks-above.slider.horizontal:backdrop:insensitive, 658 .scale.scale-has-marks-above.slider.horizontal:backdrop:insensitive:hover { 659 background-image: url("assets/scale-slider-up-insensitive-dark.png"); 660 }*/ 661 662 .scale.scale-has-marks-above.slider.vertical { 663 background-image: url("assets/scale-slider/scale-left.svg"); 664 } 665 666 .scale.scale-has-marks-above.slider.vertical:hover { 667 background-image: url("assets/scale-slider/scale-left-hover.svg"); 668 } 669 /* 670 .scale.scale-has-marks-above.slider.vertical:active, 671 .scale.scale-has-marks-above.slider.vertical:active:hover { 672 background-image: url("assets/scale-slider-left-active.png"); 673 } 674 */ 675 .scale.scale-has-marks-above.slider.vertical:insensitive, 676 .scale.scale-has-marks-above.slider.vertical:insensitive:hover { 677 background-image: url("assets/scale-slider/scale-left-insensitive.svg"); 678 } 679 /* 680 .scale.scale-has-marks-above.slider.vertical:backdrop, 681 .scale.scale-has-marks-above.slider.vertical:backdrop:hover { 682 background-image: url("assets/scale-slider-left-dark.png"); 683 }*/ 684 /* 685 .scale.scale-has-marks-above.slider.vertical:backdrop:insensitive, 686 .scale.scale-has-marks-above.slider.vertical:backdrop:insensitive:hover { 687 background-image: url("assets/scale-slider-left-insensitive-dark.png"); 688 }*/ 689 690 .scale.scale-has-marks-below.slider.horizontal { 691 background-image: url("assets/scale-slider/scale-down.svg"); 692 } 693 694 .scale.scale-has-marks-below.slider.horizontal:hover { 695 background-image: url("assets/scale-slider/scale-down-hover.svg"); 696 } 697 /* 698 .scale.scale-has-marks-below.slider.horizontal:active, 699 .scale.scale-has-marks-below.slider.horizontal:active:hover { 700 background-image: url("assets/scale-slider-down-active.png"); 701 } 702 */ 703 .scale.scale-has-marks-below.slider.horizontal:insensitive, 704 .scale.scale-has-marks-below.slider.horizontal:insensitive:hover { 705 background-image: url("assets/scale-slider/scale-down-insensitive.svg"); 706 } 707 /* 708 .scale.scale-has-marks-below.slider.horizontal:backdrop, 709 .scale.scale-has-marks-below.slider.horizontal:backdrop:hover { 710 background-image: url("assets/scale-slider-down-dark.png"); 711 }*/ 712 /* 713 .scale.scale-has-marks-below.slider.horizontal:backdrop:insensitive, 714 .scale.scale-has-marks-below.slider.horizontal:backdrop:insensitive:hover { 715 background-image: url("assets/scale-slider-down-insensitive-dark.png"); 716 }*/ 717 718 .scale.scale-has-marks-below.slider.vertical { 719 background-image: url("assets/scale-slider/scale-right.svg"); 720 } 721 722 .scale.scale-has-marks-below.slider.vertical:hover { 723 background-image: url("assets/scale-slider/scale-right-hover.svg"); 724 } 725 /* 726 .scale.scale-has-marks-below.slider.vertical:active, 727 .scale.scale-has-marks-below.slider.vertical:active:hover { 728 background-image: url("assets/scale-slider-right-active.png"); 729 } 730 */ 731 .scale.scale-has-marks-below.slider.vertical:insensitive, 732 .scale.scale-has-marks-below.slider.vertical:insensitive:hover { 733 background-image: url("assets/scale-slider/scale-right-insensitive.svg"); 734 } 735 /* 736 .scale.scale-has-marks-below.slider.vertical:backdrop, 737 .scale.scale-has-marks-below.slider.vertical:backdrop:hover { 738 background-image: url("assets/scale-slider-right-dark.png"); 739 }*/ 740 /* 741 .scale.scale-has-marks-below.slider.vertical:backdrop:insensitive, 742 .scale.scale-has-marks-below.slider.vertical:backdrop:insensitive:hover { 743 background-image: url("assets/scale-slider-right-insensitive-dark.png"); 744 }*/ 745 746 /******************************** 747 * Touch text selection handles * 748 ********************************/ 749 .cursor-handle.bottom { 750 background-image: url("assets/scale-slider/scale-up.svg"); 751 } 752 753 .cursor-handle.top { 754 background-image: url("assets/scale-slider/scale-down.svg"); 755 }