dotfiles/.themes/FlatColor/gtk-3.0/gtk-widgets-assets.css

210 lines
5.8 KiB
CSS

/*******************
* check and radio *
*******************/
/* draw regular check and radio items using our assets */
.check,
.check:hover,
.check row:selected,
.check row:selected:focus {
border-style: none;
border-radius: 0;
background-color: @button_normal_color;
background-image: url("assets/blank.png");
}
.check:insensitive,
.check row:selected:insensitive,
.check row:selected:focus:insensitive {
background-color: shade(@theme_bg_color, 0.93);
background-image: url("assets/blank.png");
}
.check:active,
.check:active:hover,
.check row:selected:active,
.check row:selected:focus:active {
background-color: @theme_selected_bg_color;
background-image: url("assets/check.png");
}
.check:active:insensitive,
.check row:selected:active:insensitive,
.check row:selected:focus:active:insensitive {
background-color: shade(@theme_bg_color, 0.93);
background-image: url("assets/check-insensitive.png");
}
.check:inconsistent,
.check:inconsistent:hover,
.check:inconsistent:active:hover,
.check row:selected:inconsistent,
.check row:selected:focus:inconsistent {
background-color: @theme_selected_bg_color;
background-image: url("assets/check-mixed.png");
}
.check:inconsistent:insensitive,
.check row:selected:inconsistent:insensitive,
.check row:selected:focus:inconsistent:insensitive {
background-color: shade(@theme_bg_color, 0.93);
background-image: url("assets/check-mixed-insensitive.png");
}
.check row:selected:active,
.check row:selected:focus:active {
box-shadow: inset 1px 1px @theme_selected_fg_color,
inset -1px -1px @theme_selected_fg_color;
}
.check row:selected:active:insensitive,
.check row:selected:focus:active:insensitive {
box-shadow: none;
}
.radio,
.radio:hover,
.radio row:selected,
.radio row:selected:focus {
border-style: none;
border-radius: 8px;
background-color: @button_normal_color;
background-image: url("assets/radio-unchecked.png");
}
.radio:insensitive,
.radio row:selected:insensitive,
.radio row:selected:focus:insensitive {
background-color: shade(@theme_bg_color, 0.93);
background-image: url("assets/blank.png");
}
.radio:active,
.radio:active:hover,
.radio row:selected:active,
.radio row:selected:focus:active {
background-color: @theme_selected_bg_color;
background-image: url("assets/radio.png");
}
.radio:active:insensitive,
.radio row:selected:active:insensitive,
.radio row:selected:focus:active:insensitive {
background-color: shade(@theme_bg_color, 0.93);
background-image: url("assets/radio-insensitive.png");
}
.radio:inconsistent,
.radio:inconsistent:hover,
.radio:inconsistent:active:hover,
.radio row:selected:inconsistent,
.radio row:selected:focus:inconsistent {
background-color: @theme_selected_bg_color;
background-image: url("assets/check-mixed.png");
}
.radio:inconsistent:insensitive,
.radio row:selected:inconsistent:insensitive,
.radio row:selected:focus:inconsistent:insensitive {
background-color: shade(@theme_bg_color, 0.93);
background-image: url("assets/check-mixed-insensitive.png");
}
.radio row:selected:active,
.radio row:selected:focus:active {
box-shadow: inset 1px 1px @theme_selected_fg_color,
inset -1px -1px @theme_selected_fg_color;
}
.radio row:selected:active:insensitive,
.radio row:selected:focus:active:insensitive {
box-shadow: none;
}
.menuitem.check:active {
background-image: url("assets/menuitem-checkbox-checked.png");
}
.menuitem.check:active:hover {
background-image: url("assets/menuitem-checkbox-checked-hover.png");
}
.menuitem.check:active:insensitive {
background-image: url("assets/menuitem-checkbox-checked-insensitive.png");
}
.menuitem.check:inconsistent:hover,
.menuitem.radio:inconsistent:hover {
background-image: url("assets/menuitem-checkbox-mixed-hover.png");
}
.menuitem.check:inconsistent,
.menuitem.radio:inconsistent {
background-image: url("assets/menuitem-checkbox-mixed.png");
}
.menuitem.check:inconsistent:insensitive,
.menuitem.radio:inconsistent:insensitive {
background-image: url("assets/menuitem-checkbox-mixed-insensitive.png");
}
.menuitem.radio:active {
background-image: url("assets/menuitem-radio-checked.png");
}
.menuitem.radio:active:hover {
background-image: url("assets/menuitem-radio-checked-hover.png");
}
.menuitem.radio:active:insensitive {
background-image: url("assets/menuitem-radio-checked-insensitive.png");
}
.menuitem.check,
.menuitem.radio,
.menuitem.check:hover,
.menuitem.radio:hover,
.menuitem.check:insensitive,
.menuitem.radio:insensitive {
border-style: none;
background-color: transparent;
background-image: none;
}
GtkIconView.content-view.cell.check {
border-radius: 0;
background-color: @button_normal_color;
background-image: url("assets/grid-selection-blank.png");
}
GtkIconView.content-view.cell.check:active {
background-color: @theme_selected_bg_color;
background-image: url("assets/grid-selection.png");
}
.sidebar .view.radio:active,
.sidebar .view.radio:active:focus,
.sidebar .view.radio:active:hover {
background-image: url("assets/radio-checked.png");
}
.sidebar .view.radio:hover {
background-image: url("assets/radio-checked.png");
}
.sidebar .view.radio:active:selected,
.sidebar .view.radio:active:selected:focus {
background-image: url("assets/radio.png");
}
.sidebar .view.radio:selected:hover,
.sidebar .view.radio:selected:focus {
background-image: url("assets/radio.png");
}
/******************
* pane separator *
******************/
.pane-separator.horizontal {
background-image: url("assets/pane-separator-grip.png");
background-repeat: no-repeat;
background-position: center center;
}
.pane-separator.vertical {
background-image: url("assets/pane-separator-grip-vertical.png");
background-repeat: no-repeat;
background-position: center center;
}