@ -12,551 +12,658 @@
* * * * * * * * * * * * * * * * * * * * * * * * * /
* * * * * * * * * * * * * * * * * * * * * * * * * /
/* draw regular check and radio items using our SVG assets */
/* draw regular check and radio items using our SVG assets */
. check {
check {
-gtk-icon-source : url ( "assets/check-unselected.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-unselected.png" ) ,
url ( "assets/check-unselected@2.png" ) ) ;
}
}
. check : hover {
check : hover {
-gtk-icon-source : url ( "assets/check-unselected-hover.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-unselected-hover.png" ) ,
url ( "assets/check-unselected-hover@2.png" ) ) ;
}
}
. check row ,
check row ,
. check row : selected ,
check row : selected ,
. check row : selected : focus {
check row : selected : focus {
-gtk-icon-source : url ( "assets/check-unselected-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-unselected-alt.png" ) ,
url ( "assets/check-unselected-alt@2.png" ) ) ;
}
}
. check row : hover ,
check row : hover ,
. check row : selected : hover ,
check row : selected : hover ,
. check row : selected : focus : hover {
check row : selected : focus : hover {
-gtk-icon-source : url ( "assets/check-unselected-hover-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-unselected-hover-alt.png" ) ,
url ( "assets/check-unselected-hover-alt@2.png" ) ) ;
}
}
. check : insensitive {
check : disabled {
-gtk-icon-source : url ( "assets/check-unselected-disabled.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-unselected-disabled.png" ) ,
url ( "assets/check-unselected-disabled@2.png" ) ) ;
}
}
. check row : insensitive {
check row : disabled {
background-color : transparent ;
background-color : transparent ;
}
}
. check row : insensitive ,
check row : disabled ,
. check row : selected : insensitive ,
check row : selected : disabled ,
. check row : selected : focus : insensitive {
check row : selected : focus : disabled {
background-color : transparent ;
background-color : transparent ;
-gtk-icon-source : url ( "assets/check-unselected-disabled-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-unselected-disabled-alt.png" ) ,
url ( "assets/check-unselected-disabled-alt@2.png" ) ) ;
}
}
. check : backdrop {
check : backdrop {
-gtk-icon-source : url ( "assets/backdrop-check-unselected.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-check-unselected.png" ) ,
url ( "assets/backdrop-check-unselected@2.png" ) ) ;
}
}
. check : hover : backdrop {
check : hover : backdrop {
-gtk-icon-source : url ( "assets/backdrop-check-unselected-hover.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-check-unselected-hover.png" ) ,
url ( "assets/backdrop-check-unselected-hover@2.png" ) ) ;
}
}
. check row : backdrop ,
check row : backdrop ,
. check row : selected : backdrop {
check row : selected : backdrop {
-gtk-icon-source : url ( "assets/backdrop-check-unselected-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-check-unselected-alt.png" ) ,
url ( "assets/backdrop-check-unselected-alt@2.png" ) ) ;
}
}
. check row : hover : backdrop ,
check row : hover : backdrop ,
. check row : selected : hover : backdrop {
check row : selected : hover : backdrop {
-gtk-icon-source : url ( "assets/backdrop-check-unselected-hover-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-check-unselected-hover-alt.png" ) ,
url ( "assets/backdrop-check-unselected-hover-alt@2.png" ) ) ;
}
}
. check : insensitive : backdrop {
check : disabled : backdrop {
-gtk-icon-source : url ( "assets/backdrop-check-unselected-disabled.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-check-unselected-disabled.png" ) ,
url ( "assets/backdrop-check-unselected-disabled@2.png" ) ) ;
}
}
. check row : selected : insensitive : backdrop {
check row : selected : disabled : backdrop {
-gtk-icon-source : url ( "assets/backdrop-check-unselected-disabled-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-check-unselected-disabled-alt.png" ) ,
url ( "assets/backdrop-check-unselected-disabled-alt@2.png" ) ) ;
}
}
. check : checked {
check : checked {
-gtk-icon-source : url ( "assets/check-selected.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-selected.png" ) ,
url ( "assets/check-selected@2.png" ) ) ;
}
}
. check : checked : hover {
check : checked : hover {
-gtk-icon-source : url ( "assets/check-selected-hover.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-selected-hover.png" ) ,
url ( "assets/check-selected-hover@2.png" ) ) ;
}
}
. check row : checked ,
check row : checked ,
. check row : selected : checked ,
check row : selected : checked ,
. check row : selected : focus : checked {
check row : selected : focus : checked {
-gtk-icon-source : url ( "assets/check-selected-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-selected-alt.png" ) ,
url ( "assets/check-selected-alt@2.png" ) ) ;
}
}
. check row : checked : hover ,
check row : checked : hover ,
. check row : selected : checked : hover ,
check row : selected : checked : hover ,
. check row : selected : checked : focus : hover {
check row : selected : checked : focus : hover {
-gtk-icon-source : url ( "assets/check-selected-hover-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-selected-hover-alt.png" ) ,
url ( "assets/check-selected-hover-alt@2.png" ) ) ;
}
}
. check : checked : insensitive {
check : checked : disabled {
-gtk-icon-source : url ( "assets/check-selected-disabled.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-selected-disabled.png" ) ,
url ( "assets/check-selected-disabled@2.png" ) ) ;
}
}
. check row : checked : insensitive ,
check row : checked : disabled ,
. check row : selected : checked : insensitive ,
check row : selected : checked : disabled ,
. check row : selected : focus : checked : insensitive {
check row : selected : focus : checked : disabled {
-gtk-icon-source : url ( "assets/check-selected-disabled-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-selected-disabled-alt.png" ) ,
url ( "assets/check-selected-disabled-alt@2.png" ) ) ;
}
}
. check : checked : backdrop {
check : checked : backdrop {
-gtk-icon-source : url ( "assets/backdrop-check-selected.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-check-selected.png" ) ,
url ( "assets/backdrop-check-selected@2.png" ) ) ;
}
}
. check : checked : backdrop {
check : checked : backdrop {
-gtk-icon-source : url ( "assets/backdrop-check-selected-hover.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-check-selected-hover.png" ) ,
url ( "assets/backdrop-check-selected-hover@2.png" ) ) ;
}
}
. check row : checked : backdrop ,
check row : checked : backdrop ,
. check row : selected : checked : backdrop {
check row : selected : checked : backdrop {
-gtk-icon-source : url ( "assets/backdrop-check-selected-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-check-selected-alt.png" ) ,
url ( "assets/backdrop-check-selected-alt@2.png" ) ) ;
}
}
. check row : checked : hover : backdrop ,
check row : checked : hover : backdrop ,
. check row : selected : checked : hover : backdrop {
check row : selected : checked : hover : backdrop {
-gtk-icon-source : url ( "assets/backdrop-check-selected-hover-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-check-selected-hover-alt.png" ) ,
url ( "assets/backdrop-check-selected-hover-alt@2.png" ) ) ;
}
}
. check : checked : insensitive : backdrop {
check : checked : disabled : backdrop {
-gtk-icon-source : url ( "assets/backdrop-check-selected-disabled.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-check-selected-disabled.png" ) ,
url ( "assets/backdrop-check-selected-disabled@2.png" ) ) ;
}
}
. check row : selected : checked : insensitive : backdrop {
check row : selected : checked : disabled : backdrop {
-gtk-icon-source : url ( "assets/backdrop-check-selected-disabled-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-check-selected-disabled-alt.png" ) ,
url ( "assets/backdrop-check-selected-disabled-alt@2.png" ) ) ;
}
}
. check : inconsistent {
check : indeterminate {
-gtk-icon-source : url ( "assets/check-mixed.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-mixed.png" ) ,
url ( "assets/check-mixed@2.png" ) ) ;
}
}
. check : inconsistent : hover {
check : indeterminate : hover {
-gtk-icon-source : url ( "assets/check-mixed-hover.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-mixed-hover.png" ) ,
url ( "assets/check-mixed-hover@2.png" ) ) ;
}
}
. check row : inconsistent ,
check row : indeterminate ,
. check row : selected : inconsistent ,
check row : selected : indeterminate ,
. check row : selected : focus : inconsistent {
check row : selected : focus : indeterminate {
-gtk-icon-source : url ( "assets/check-mixed-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-mixed-alt.png" ) ,
url ( "assets/check-mixed-alt@2.png" ) ) ;
}
}
. check row : inconsistent : hover ,
check row : indeterminate : hover ,
. check row : selected : inconsistent : hover ,
check row : selected : indeterminate : hover ,
. check row : selected : focus : inconsistent : hover {
check row : selected : focus : indeterminate : hover {
-gtk-icon-source : url ( "assets/check-mixed-hover-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-mixed-hover-alt.png" ) ,
url ( "assets/check-mixed-hover-alt@2.png" ) ) ;
}
}
. check : inconsistent : insensitive {
check : indeterminate : disabled {
-gtk-icon-source : url ( "assets/check-mixed-disabled.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-mixed-disabled.png" ) ,
url ( "assets/check-mixed-disabled@2.png" ) ) ;
}
}
. check row : inconsistent : insensitive ,
check row : indeterminate : disabled ,
. check row : selected : inconsistent : insensitive ,
check row : selected : indeterminate : disabled ,
. check row : selected : focus : inconsistent : insensitive {
check row : selected : focus : indeterminate : disabled {
-gtk-icon-source : url ( "assets/check-mixed-disabled-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-mixed-disabled-alt.png" ) ,
url ( "assets/check-mixed-disabled-alt@2.png" ) ) ;
}
}
. check : inconsistent : backdrop {
check : indeterminate : backdrop {
-gtk-icon-source : url ( "assets/backdrop-check-mixed.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-check-mixed.png" ) ,
url ( "assets/backdrop-check-mixed@2.png" ) ) ;
}
}
. check : inconsistent : hover : backdrop {
check : indeterminate : hover : backdrop {
-gtk-icon-source : url ( "assets/backdrop-check-mixed-hover.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-check-mixed-hover.png" ) ,
url ( "assets/backdrop-check-mixed-hover@2.png" ) ) ;
}
}
. check row : inconsistent : backdrop ,
check row : indeterminate : backdrop ,
. check row : selected : inconsistent : backdrop {
check row : selected : indeterminate : backdrop {
-gtk-icon-source : url ( "assets/backdrop-check-mixed-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-check-mixed-alt.png" ) ,
url ( "assets/backdrop-check-mixed-alt@2.png" ) ) ;
}
}
. check row : inconsistent : hover : backdrop ,
check row : indeterminate : hover : backdrop ,
. check row : selected : inconsistent : hover : backdrop {
check row : selected : indeterminate : hover : backdrop {
-gtk-icon-source : url ( "assets/backdrop-check-mixed-hover-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-check-mixed-hover-alt.png" ) ,
url ( "assets/backdrop-check-mixed-hover-alt@2.png" ) ) ;
}
}
. check : inconsistent : insensitive : backdrop {
check : indeterminate : disabled : backdrop {
-gtk-icon-source : url ( "assets/backdrop-check-mixed-disabled.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-check-mixed-disabled.png" ) ,
url ( "assets/backdrop-check-mixed-disabled@2.png" ) ) ;
}
}
. check row : selected : inconsistent : insensitive : backdrop {
check row : selected : indeterminate : disabled : backdrop {
-gtk-icon-source : url ( "assets/backdrop-check-mixed-disabled-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-check-mixed-disabled-alt.png" ) ,
url ( "assets/backdrop-check-mixed-disabled-alt@2.png" ) ) ;
}
}
. radio {
radio {
-gtk-icon-source : url ( "assets/radio-unselected.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/radio-unselected.png" ) ,
url ( "assets/radio-unselected@2.png" ) ) ;
}
}
. radio : hover {
radio : hover {
-gtk-icon-source : url ( "assets/radio-unselected-hover.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/radio-unselected-hover.png" ) ,
url ( "assets/radio-unselected-hover@2.png" ) ) ;
}
}
. radio row ,
radio row ,
. radio row : selected ,
radio row : selected ,
. radio row : selected : focus {
radio row : selected : focus {
-gtk-icon-source : url ( "assets/radio-unselected-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/radio-unselected-alt.png" ) ,
url ( "assets/radio-unselected-alt@2.png" ) ) ;
}
}
. radio row : hover ,
radio row : hover ,
. radio row : selected : hover ,
radio row : selected : hover ,
. radio row : selected : focus : hover {
radio row : selected : focus : hover {
-gtk-icon-source : url ( "assets/radio-unselected-hover-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/radio-unselected-hover-alt.png" ) ,
url ( "assets/radio-unselected-hover-alt@2.png" ) ) ;
}
}
. radio : insensitive {
radio : disabled {
-gtk-icon-source : url ( "assets/radio-unselected-disabled.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/radio-unselected-disabled.png" ) ,
url ( "assets/radio-unselected-disabled@2.png" ) ) ;
}
}
. radio row : insensitive {
radio row : disabled {
background-color : transparent ;
background-color : transparent ;
}
}
. radio row : insensitive ,
radio row : disabled ,
. radio row : selected : insensitive ,
radio row : selected : disabled ,
. radio row : selected : focus : insensitive {
radio row : selected : focus : disabled {
-gtk-icon-source : url ( "assets/radio-unselected-disabled-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/radio-unselected-disabled-alt.png" ) ,
url ( "assets/radio-unselected-disabled-alt@2.png" ) ) ;
}
}
. radio : backdrop {
radio : backdrop {
-gtk-icon-source : url ( "assets/backdrop-radio-unselected.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-radio-unselected.png" ) ,
url ( "assets/backdrop-radio-unselected@2.png" ) ) ;
}
}
. radio : hover : backdrop {
radio : hover : backdrop {
-gtk-icon-source : url ( "assets/backdrop-radio-unselected-hover.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-radio-unselected-hover.png" ) ,
url ( "assets/backdrop-radio-unselected-hover@2.png" ) ) ;
}
}
. radio row : backdrop ,
radio row : backdrop ,
. radio row : selected : backdrop {
radio row : selected : backdrop {
-gtk-icon-source : url ( "assets/backdrop-radio-unselected-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-radio-unselected-alt.png" ) ,
url ( "assets/backdrop-radio-unselected-alt@2.png" ) ) ;
}
}
. radio row : hover : backdrop ,
radio row : hover : backdrop ,
. radio row : selected : hover : backdrop {
radio row : selected : hover : backdrop {
-gtk-icon-source : url ( "assets/backdrop-radio-unselected-hover-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-radio-unselected-hover-alt.png" ) ,
url ( "assets/backdrop-radio-unselected-hover-alt@2.png" ) ) ;
}
}
. radio : insensitive : backdrop {
radio : disabled : backdrop {
-gtk-icon-source : url ( "assets/backdrop-radio-unselected-disabled.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-radio-unselected-disabled.png" ) ,
url ( "assets/backdrop-radio-unselected-disabled@2.png" ) ) ;
}
}
. radio row : selected : insensitive : backdrop {
radio row : selected : disabled : backdrop {
-gtk-icon-source : url ( "assets/backdrop-radio-unselected-disabled-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-radio-unselected-disabled-alt.png" ) ,
url ( "assets/backdrop-radio-unselected-disabled-alt@2.png" ) ) ;
}
}
. radio : checked {
radio : checked {
-gtk-icon-source : url ( "assets/radio-selected.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/radio-selected.png" ) ,
url ( "assets/radio-selected@2.png" ) ) ;
}
}
. radio : checked : hover {
radio : checked : hover {
-gtk-icon-source : url ( "assets/radio-selected-hover.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/radio-selected-hover.png" ) ,
url ( "assets/radio-selected-hover@2.png" ) ) ;
}
}
. radio row : checked ,
radio row : checked ,
. radio row : selected : checked ,
radio row : selected : checked ,
. radio row : selected : focus : checked {
radio row : selected : focus : checked {
-gtk-icon-source : url ( "assets/radio-selected-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/radio-selected-alt.png" ) ,
url ( "assets/radio-selected-alt@2.png" ) ) ;
}
}
. radio row : checked : hover ,
radio row : checked : hover ,
. radio row : selected : checked : hover ,
radio row : selected : checked : hover ,
. radio row : selected : focus : checked : hover {
radio row : selected : focus : checked : hover {
-gtk-icon-source : url ( "assets/radio-selected-hover-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/radio-selected-hover-alt.png" ) ,
url ( "assets/radio-selected-hover-alt@2.png" ) ) ;
}
}
. radio : checked : insensitive {
radio : checked : disabled {
-gtk-icon-source : url ( "assets/radio-selected-disabled.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/radio-selected-disabled.png" ) ,
url ( "assets/radio-selected-disabled@2.png" ) ) ;
}
}
. radio row : insensitive ,
radio row : disabled ,
. radio row : selected : checked : insensitive ,
radio row : selected : checked : disabled ,
. radio row : selected : focus : checked : insensitive {
radio row : selected : focus : checked : disabled {
-gtk-icon-source : url ( "assets/radio-selected-disabled-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/radio-selected-disabled-alt.png" ) ,
url ( "assets/radio-selected-disabled-alt@2.png" ) ) ;
}
}
. radio : checked : backdrop {
radio : checked : backdrop {
-gtk-icon-source : url ( "assets/backdrop-radio-selected.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-radio-selected.png" ) ,
url ( "assets/backdrop-radio-selected@2.png" ) ) ;
}
}
. radio : checked : hover : backdrop {
radio : checked : hover : backdrop {
-gtk-icon-source : url ( "assets/backdrop-radio-selected-hover.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-radio-selected-hover.png" ) ,
url ( "assets/backdrop-radio-selected-hover@2.png" ) ) ;
}
}
. radio row : checked : backdrop ,
radio row : checked : backdrop ,
. radio row : selected : checked : backdrop {
radio row : selected : checked : backdrop {
-gtk-icon-source : url ( "assets/backdrop-radio-selected-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-radio-selected-alt.png" ) ,
url ( "assets/backdrop-radio-selected-alt@2.png" ) ) ;
}
}
. radio row : checked : hover : backdrop ,
radio row : checked : hover : backdrop ,
. radio row : selected : checked : hover : backdrop {
radio row : selected : checked : hover : backdrop {
-gtk-icon-source : url ( "assets/backdrop-radio-selected-hover-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-radio-selected-hover-alt.png" ) ,
url ( "assets/backdrop-radio-selected-hover-alt@2.png" ) ) ;
}
}
. radio : checked : insensitive : backdrop {
radio : checked : disabled : backdrop {
-gtk-icon-source : url ( "assets/backdrop-radio-selected-disabled.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-radio-selected-disabled.png" ) ,
url ( "assets/backdrop-radio-selected-disabled@2.png" ) ) ;
}
}
. radio row : selected : checked : insensitive : backdrop {
radio row : selected : checked : disabled : backdrop {
-gtk-icon-source : url ( "assets/backdrop-radio-selected-disabled-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-radio-selected-disabled-alt.png" ) ,
url ( "assets/backdrop-radio-selected-disabled-alt@2.png" ) ) ;
}
}
. radio : inconsistent {
radio : indeterminate {
-gtk-icon-source : url ( "assets/radio-mixed.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/radio-mixed.png" ) ,
url ( "assets/radio-mixed@2.png" ) ) ;
}
}
. radio : inconsistent : hover {
radio : indeterminate : hover {
-gtk-icon-source : url ( "assets/radio-mixed-hover.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/radio-mixed-hover.png" ) ,
url ( "assets/radio-mixed-hover@2.png" ) ) ;
}
}
. radio row : inconsistent ,
radio row : indeterminate ,
. radio row : selected : inconsistent ,
radio row : selected : indeterminate ,
. radio row : selected : focus : inconsistent {
radio row : selected : focus : indeterminate {
-gtk-icon-source : url ( "assets/radio-mixed-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/radio-mixed-alt.png" ) ,
url ( "assets/radio-mixed-alt@2.png" ) ) ;
}
}
. radio row : inconsistent : hover ,
radio row : indeterminate : hover ,
. radio row : selected : inconsistent : hover ,
radio row : selected : indeterminate : hover ,
. radio row : selected : focus : inconsistent : hover {
radio row : selected : focus : indeterminate : hover {
-gtk-icon-source : url ( "assets/radio-mixed-hover-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/radio-mixed-hover-alt.png" ) ,
url ( "assets/radio-mixed-hover-alt@2.png" ) ) ;
}
}
. radio : inconsistent : insensitive {
radio : indeterminate : disabled {
-gtk-icon-source : url ( "assets/radio-mixed-disabled.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/radio-mixed-disabled.png" ) ,
url ( "assets/radio-mixed-disabled@2.png" ) ) ;
}
}
. radio row : inconsistent : insensitive ,
radio row : indeterminate : disabled ,
. radio row : selected : inconsistent : insensitive ,
radio row : selected : indeterminate : disabled ,
. radio row : selected : focus : inconsistent : insensitive {
radio row : selected : focus : indeterminate : disabled {
-gtk-icon-source : url ( "assets/radio-mixed-disabled-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/radio-mixed-disabled-alt.png" ) ,
url ( "assets/radio-mixed-disabled-alt@2.png" ) ) ;
}
}
. radio : inconsistent : backdrop {
radio : indeterminate : backdrop {
-gtk-icon-source : url ( "assets/backdrop-radio-mixed.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-radio-mixed.png" ) ,
url ( "assets/backdrop-radio-mixed@2.png" ) ) ;
}
}
. radio : inconsistent : hover : backdrop {
radio : indeterminate : hover : backdrop {
-gtk-icon-source : url ( "assets/backdrop-radio-mixed-hover.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-radio-mixed-hover.png" ) ,
url ( "assets/backdrop-radio-mixed-hover@2.png" ) ) ;
}
}
. radio row : inconsistent : backdrop ,
radio row : indeterminate : backdrop ,
. radio row : selected : inconsistent : backdrop {
radio row : selected : indeterminate : backdrop {
-gtk-icon-source : url ( "assets/backdrop-radio-mixed-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-radio-mixed-alt.png" ) ,
url ( "assets/backdrop-radio-mixed-alt.png" ) ) ;
}
}
. radio row : inconsistent : hover : backdrop ,
radio row : indeterminate : hover : backdrop ,
. radio row : selected : inconsistent : hover : backdrop {
radio row : selected : indeterminate : hover : backdrop {
-gtk-icon-source : url ( "assets/backdrop-radio-mixed-hover-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-radio-mixed-hover-alt.png" ) ,
url ( "assets/backdrop-radio-mixed-hover-alt@2.png" ) ) ;
}
}
. radio : inconsistent : insensitive : backdrop {
radio : indeterminate : disabled : backdrop {
-gtk-icon-source : url ( "assets/backdrop-radio-mixed-disabled.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-radio-mixed-disabled.png" ) ,
url ( "assets/backdrop-radio-mixed-disabled@2.png" ) ) ;
}
}
. radio row : selected : inconsistent : insensitive : backdrop {
radio row : selected : indeterminate : disabled : backdrop {
-gtk-icon-source : url ( "assets/backdrop-radio-mixed-disabled-alt.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/backdrop-radio-mixed-disabled-alt.png" ) ,
url ( "assets/backdrop-radio-mixed-disabled-alt@2.png" ) ) ;
}
}
. primary-toolbar . menu . check ,
. primary-toolbar menu check ,
. menubar . toolbar . menu . check ,
menubar toolbar menu check ,
. header-bar . menu . check ,
headerbar menu check ,
. menu . check {
menu check ,
-gtk-icon-source : url ( "assets/check-menuitem-unselected.png" ) ;
menu check : hover ,
menu check : disabled : not ( : checked ) ,
menu check : indeterminate : not ( : checked ) {
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-menuitem-unselected.png" ) ,
url ( "assets/check-menuitem-unselected@2.png" ) ) ;
}
}
. primary-toolbar . menu . radio ,
. primary-toolbar menu radio ,
. menubar . toolbar . menu . radio ,
menubar toolbar menu radio ,
. header-bar . menu . radio ,
headerbar menu radio ,
. menu . radio {
menu radio ,
-gtk-icon-source : url ( "assets/check-menuitem-unselected.png" ) ;
menu radio : hover ,
menu radio : disabled : not ( : checked ) ,
menu radio : indeterminate : not ( : checked ) {
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-menuitem-unselected.png" ) ,
url ( "assets/check-menuitem-unselected@2.png" ) ) ;
}
}
. primary-toolbar . menu . check : checked ,
. primary-toolbar menu check : checked ,
. menubar . toolbar . menu . check : checked ,
menubar toolbar menu check : checked ,
. header-bar . menu . check : checked ,
headerbar menu check : checked ,
. menu . check : checked {
menu check : checked {
-gtk-icon-source : url ( "assets/check-menuitem-dark.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-menuitem-dark.png" ) ,
url ( "assets/check-menuitem-dark@2.png" ) ) ;
}
}
. toolbar . menu . check : checked : hover ,
toolbar menu check : checked : hover ,
. menu . check : checked : hover {
menu check : checked : hover {
-gtk-icon-source : url ( "assets/check-menuitem.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-menuitem.png" ) ,
url ( "assets/check-menuitem@2.png" ) ) ;
}
}
. primary-toolbar . menu . check : checked : insensitive ,
. primary-toolbar menu check : checked : disabled ,
. menubar . toolbar . menu . check : checked : insensitive ,
menubar toolbar menu check : checked : disabled ,
. header-bar . menu . check : checked : insensitive ,
headerbar menu check : checked : disabled ,
. toolbar . menu . check : checked : hover : insensitive ,
toolbar menu check : checked : hover : disabled ,
. menu . check : checked : insensitive ,
menu check : checked : disabled ,
. menu . check : checked : hover : insensitive {
menu check : checked : hover : disabled {
-gtk-icon-source : url ( "assets/check-menuitem-insensitive.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-menuitem-insensitive.png" ) ,
url ( "assets/check-menuitem-insensitive@2.png" ) ) ;
}
}
. toolbar . menu . radio : checked : hover ,
. primary-toolbar menu radio : checked ,
. menu . radio : checked {
menubar toolbar menu radio : checked ,
-gtk-icon-source : url ( "assets/radio-menuitem.png" ) ;
headerbar menu radio : checked ,
toolbar menu radio : checked : hover ,
menu radio : checked ,
menu radio : checked : hover {
-gtk-icon-source : -gtk-scaled ( url ( "assets/radio-menuitem.png" ) ,
url ( "assets/radio-menuitem@2.png" ) ) ;
}
}
. primary-toolbar . menu . radio : checked : insensitive ,
. primary-toolbar menu radio : checked : disabled ,
. menubar . toolbar . menu . radio : checked : insensitive ,
menubar toolbar menu radio : checked : disabled ,
. header-bar . menu . radio : checked : insensitive ,
headerbar menu radio : checked : disabled ,
. toolbar . menu . radio : checked : hover : insensitive ,
toolbar menu radio : checked : hover : disabled ,
. menu . radio : checked : insensitive ,
menu radio : checked : disabled ,
. menu . radio : checked : hover : insensitive {
menu radio : checked : hover : disabled {
-gtk-icon-source : url ( "assets/radio-menuitem-insensitive.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/radio-menuitem-insensitive.png" ) ,
url ( "assets/radio-menuitem-insensitive@2.png" ) ) ;
}
}
. toolbar . menu . check {
toolbar menu check {
-gtk-icon-source : url ( "assets/check-menuitem-unselected.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-menuitem-unselected.png" ) ,
url ( "assets/check-menuitem-unselected@2.png" ) ) ;
}
}
. toolbar . menu . radio {
toolbar menu radio {
-gtk-icon-source : url ( "assets/check-menuitem-unselected.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-menuitem-unselected.png" ) ,
url ( "assets/check-menuitem-unselected@2.png" ) ) ;
}
}
. toolbar . menu . check : checked {
toolbar menu check : checked {
-gtk-icon-source : url ( "assets/check-menuitem-dark.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-menuitem-dark.png" ) ,
url ( "assets/check-menuitem-dark@2.png" ) ) ;
}
}
. toolbar . menu . check : checked : insensitive {
toolbar menu check : checked : disabled {
-gtk-icon-source : url ( "assets/check-menuitem-insensitive-dark.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/check-menuitem-insensitive-dark.png" ) ,
url ( "assets/check-menuitem-insensitive-dark@2.png" ) ) ;
}
}
. toolbar . menu . radio : checked {
toolbar menu radio : checked {
-gtk-icon-source : url ( "assets/radio-menuitem-dark.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/radio-menuitem-dark.png" ) ,
url ( "assets/radio-menuitem-dark@2.png" ) ) ;
}
}
. toolbar . menu . radio : checked : insensitive {
toolbar menu radio : checked : disabled {
-gtk-icon-source : url ( "assets/radio-menuitem-insensitive-dark.png" ) ;
-gtk-icon-source : -gtk-scaled ( url ( "assets/radio-menuitem-insensitive-dark.png" ) ,
url ( "assets/radio-menuitem-insensitive-dark@2.png" ) ) ;
}
}
/ * * * * * * * * * * * * * * * * * * * * *
/ * * * * * * * * * * * * * * * * * * * * *
* GtkScale ' s slider *
* GtkScale ' s slider *
* * * * * * * * * * * * * * * * * * * * * /
* * * * * * * * * * * * * * * * * * * * * /
. scale . slider ,
scale slider ,
. scale . slider . horizontal {
scale . horizontal contents : only-child trough slider {
background-image : url ( "assets/slider-horizontal.png" ) ;
background-image : -gtk-scaled ( url ( "assets/slider-horizontal.png" ) ,
url ( "assets/slider-horizontal@2.png" ) ) ;
background-repeat : no-repeat ;
}
}
. scale . slider : backdrop ,
scale : backdrop slider ,
. scale . slider . horizontal : backdrop {
scale . horizontal : backdrop slider {
/*background-image: url("assets/slider-horizontal-disabled.png");*/
/*background-image: url("assets/slider-horizontal-disabled.png");*/
}
}
. scale . slider : hover ,
scale slider : hover ,
. scale . slider . horizontal : hover {
scale . horizontal slider : hover {
background-image : url ( "assets/slider-horizontal-hover.png" ) ;
background-image : -gtk-scaled ( url ( "assets/slider-horizontal-hover.png" ) ,
url ( "assets/slider-horizontal-hover@2.png" ) ) ;
background-repeat : no-repeat ;
}
}
. scale . slider : focused ,
scale slider : focus ,
. scale . slider . horizontal : focused {
scale . horizontal slider : focus {
background-image : url ( "assets/slider-horizontal-focused.png" ) ;
background-image : -gtk-scaled ( url ( "assets/slider-horizontal-focused.png" ) ,
url ( "assets/slider-horizontal-focused@2.png" ) ) ;
}
}
. scale . slider : hover : focused ,
scale slider : hover : focus ,
. scale . slider . horizontal : hover : focused {
scale . horizontal slider : hover : focus {
background-image : url ( "assets/slider-horizontal-focused-hover.png" ) ;
background-image : -gtk-scaled ( url ( "assets/slider-horizontal-focused-hover.png" ) ,
url ( "assets/slider-horizontal-focused-hover@2.png" ) ) ;
}
}
. scale . slider : insensitive ,
scale : disabled slider ,
. scale . slider . horizontal : insensitive {
scale . horizontal : disabled slider {
background-image : url ( "assets/slider-horizontal-disabled.png" ) ;
background-image : -gtk-scaled ( url ( "assets/slider-horizontal-disabled.png" ) ,
url ( "assets/slider-horizontal-disabled@2.png" ) ) ;
}
}
. scale . slider : insensitive : backdrop ,
scale slider : disabled : backdrop ,
. scale . slider . horizontal : insensitive : backdrop {
scale . horizontal slider : disabled : backdrop {
/*background-image: url("assets/slider-horizontal-backdrop-disabled.png");*/
/*background-image: url("assets/slider-horizontal-backdrop-disabled.png");*/
}
}
. scale . slider . vertical {
scale . vertical slider {
background-image : url ( "assets/slider-vertical.png" ) ;
background-image : -gtk-scaled ( url ( "assets/slider-vertical.png" ) ,
url ( "assets/slider-vertical@2.png" ) ) ;
}
}
. scale . slider . vertical : backdrop {
scale : backdrop . vertical slider {
/*background-image: url("assets/slider-vertical-backdrop.png");*/
/*background-image: url("assets/slider-vertical-backdrop.png");*/
}
}
. scale . slider . vertical : hover {
scale . vertical slider : hover {
background-image : url ( "assets/slider-vertical-hover.png" ) ;
background-image : -gtk-scaled ( url ( "assets/slider-vertical-hover.png" ) ,
url ( "assets/slider-vertical-hover@2.png" ) ) ;
}
}
. scale . slider . vertical : focused {
scale . vertical slider : focus {
background-image : url ( "assets/slider-vertical-focused.png" ) ;
background-image : -gtk-scaled ( url ( "assets/slider-vertical-focused.png" ) ,
url ( "assets/slider-vertical-focused@2.png" ) ) ;
}
}
. scale . slider . vertical : hover : focused {
scale . vertical slider : hover : focus {
background-image : url ( "assets/slider-vertical-focused-hover.png" ) ;
background-image : -gtk-scaled ( url ( "assets/slider-vertical-focused-hover.png" ) ,
url ( "assets/slider-vertical-focused-hover@2.png" ) ) ;
}
}
. scale . slider . vertical : insensitive {
scale : disabled . vertical slider {
background-image : url ( "assets/slider-vertical-disabled.png" ) ;
background-image : -gtk-scaled ( url ( "assets/slider-vertical-disabled.png" ) ,
url ( "assets/slider-vertical-disabled@2.png" ) ) ;
}
}
. scale . slider . vertical : insensitive : backdrop {
scale : disabled : backdrop . vertical slider {
/*background-image: url("assets/slider-vertical-backdrop-disabled.png");*/
/*background-image: url("assets/slider-vertical-backdrop-disabled.png");*/
}
}
/ * . scale . scale-has-marks-above. slider . horizontal {
/ * scale scale-has-marks-above. slider . horizontal {
background-image : url ( "assets/slider-up.png" ) ;
background-image : url ( "assets/slider-up.png" ) ;
}
}
. scale . scale-has-marks-above . slider . horizontal : insensitive {
scale scale-has-marks-above . slider . horizontal : disabled {
background-image : url ( "assets/slider-up-disabled.png" ) ;
background-image : url ( "assets/slider-up-disabled.png" ) ;
}
}
. scale . scale-has-marks-above. slider . horizontal : backdrop {
scale scale-has-marks-above. slider . horizontal : backdrop {
background-image : url ( "assets/slider-up-backdrop.png" ) ;
background-image : url ( "assets/slider-up-backdrop.png" ) ;
}
}
. scale . scale-has-marks-above. slider . horizontal : backdrop : insensitive {
scale scale-has-marks-above. slider . horizontal : backdrop : disabled {
background-image : url ( "assets/slider-up-backdrop-disabled.png" ) ;
background-image : url ( "assets/slider-up-backdrop-disabled.png" ) ;
}
}
. scale . scale-has-marks-above. slider . vertical {
scale scale-has-marks-above. slider . vertical {
background-image : url ( "assets/slider-left.png" ) ;
background-image : url ( "assets/slider-left.png" ) ;
}
}
. scale . scale-has-marks-above . slider . vertical : insensitive {
scale scale-has-marks-above . slider . vertical : disabled {
background-image : url ( "assets/slider-left-disabled.png" ) ;
background-image : url ( "assets/slider-left-disabled.png" ) ;
}
}
. scale . scale-has-marks-above. slider . vertical : backdrop {
scale scale-has-marks-above. slider . vertical : backdrop {
background-image : url ( "assets/slider-left-backdrop.png" ) ;
background-image : url ( "assets/slider-left-backdrop.png" ) ;
}
}
. scale . scale-has-marks-above. slider . vertical : backdrop : insensitive {
scale scale-has-marks-above. slider . vertical : backdrop : disabled {
background-image : url ( "assets/slider-left-backdrop-disabled.png" ) ;
background-image : url ( "assets/slider-left-backdrop-disabled.png" ) ;
}
}
. scale . scale-has-marks-below. slider . horizontal {
scale scale-has-marks-below. slider . horizontal {
background-image : url ( "assets/slider-down.png" ) ;
background-image : url ( "assets/slider-down.png" ) ;
}
}
. scale . scale-has-marks-below . slider . horizontal : insensitive {
scale scale-has-marks-below . slider . horizontal : disabled {
background-image : url ( "assets/slider-down-disabled.png" ) ;
background-image : url ( "assets/slider-down-disabled.png" ) ;
}
}
. scale . scale-has-marks-below. slider . horizontal : backdrop {
scale scale-has-marks-below. slider . horizontal : backdrop {
background-image : url ( "assets/slider-down-backdrop.png" ) ;
background-image : url ( "assets/slider-down-backdrop.png" ) ;
}
}
. scale . scale-has-marks-below. slider . horizontal : backdrop : insensitive {
scale scale-has-marks-below. slider . horizontal : backdrop : disabled {
background-image : url ( "assets/slider-down-backdrop-disabled.png" ) ;
background-image : url ( "assets/slider-down-backdrop-disabled.png" ) ;
}
}
. scale . scale-has-marks-below. slider . vertical {
scale scale-has-marks-below. slider . vertical {
background-image : url ( "assets/slider-right.png" ) ;
background-image : url ( "assets/slider-right.png" ) ;
}
}
. scale . scale-has-marks-below . slider . vertical : insensitive {
scale scale-has-marks-below . slider . vertical : disabled {
background-image : url ( "assets/slider-right-disabled.png" ) ;
background-image : url ( "assets/slider-right-disabled.png" ) ;
}
}
. scale . scale-has-marks-below. slider . vertical : backdrop {
scale scale-has-marks-below. slider . vertical : backdrop {
background-image : url ( "assets/slider-right-backdrop.png" ) ;
background-image : url ( "assets/slider-right-backdrop.png" ) ;
}
}
. scale . scale-has-marks-below. slider . vertical : backdrop : insensitive {
scale scale-has-marks-below. slider . vertical : backdrop : disabled {
background-image : url ( "assets/slider-right-backdrop-disabled.png" ) ;
background-image : url ( "assets/slider-right-backdrop-disabled.png" ) ;
} * /
} * /