dotfiles

config files for my linux setup
git clone git://edryd.org/dotfiles
Log | Files | Refs | README

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 }