Style infobar close buttons
parent
e4d5589fb9
commit
7d59aa8cb0
|
@ -574,39 +574,111 @@ GtkInfoBar {
|
||||||
.info {
|
.info {
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: shade(@info_bg_color, 0.9);
|
border-color: shade(@info_bg_color, 0.8);
|
||||||
background-color: @info_bg_color;
|
background-color: @info_bg_color;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: @info_fg_color;
|
color: @info_fg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.info .button.close {
|
||||||
|
color: @info_fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.info .button.close:hover {
|
||||||
|
background-image: linear-gradient(to bottom,
|
||||||
|
alpha(white, 0.3),
|
||||||
|
alpha(white, 0.2) 30%,
|
||||||
|
alpha(black, 0.02));
|
||||||
|
}
|
||||||
|
|
||||||
|
.info .button.close:active {
|
||||||
|
color: @info_fg_color;
|
||||||
|
background-image: linear-gradient(to bottom,
|
||||||
|
alpha(black, 0.1),
|
||||||
|
transparent);
|
||||||
|
}
|
||||||
|
|
||||||
.warning {
|
.warning {
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: shade(@warning_bg_color, 0.9);
|
border-color: shade(@warning_bg_color, 0.8);
|
||||||
background-color: @warning_bg_color;
|
background-color: @warning_bg_color;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: @warning_fg_color;
|
color: @warning_fg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.warning .button.close {
|
||||||
|
color: @warning_fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.warning .button.close:hover {
|
||||||
|
background-image: linear-gradient(to bottom,
|
||||||
|
alpha(white, 0.3),
|
||||||
|
alpha(white, 0.2) 30%,
|
||||||
|
alpha(black, 0.02));
|
||||||
|
}
|
||||||
|
|
||||||
|
.warning .button.close:active {
|
||||||
|
color: @warning_fg_color;
|
||||||
|
background-image: linear-gradient(to bottom,
|
||||||
|
alpha(black, 0.1),
|
||||||
|
transparent);
|
||||||
|
}
|
||||||
|
|
||||||
.question {
|
.question {
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: shade(@question_bg_color, 0.9);
|
border-color: shade(@question_bg_color, 0.8);
|
||||||
background-color: @question_bg_color;
|
background-color: @question_bg_color;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: @question_fg_color;
|
color: @question_fg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.question .button.close {
|
||||||
|
color: @question_fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.question .button.close:hover {
|
||||||
|
background-image: linear-gradient(to bottom,
|
||||||
|
alpha(white, 0.3),
|
||||||
|
alpha(white, 0.2) 30%,
|
||||||
|
alpha(black, 0.02));
|
||||||
|
}
|
||||||
|
|
||||||
|
.question .button.close:active {
|
||||||
|
color: @question_fg_color;
|
||||||
|
background-image: linear-gradient(to bottom,
|
||||||
|
alpha(black, 0.1),
|
||||||
|
transparent);
|
||||||
|
}
|
||||||
|
|
||||||
.error {
|
.error {
|
||||||
border-width: 1px;
|
border-width: 1px;
|
||||||
border-style: solid;
|
border-style: solid;
|
||||||
border-color: shade(@error_bg_color, 0.9);
|
border-color: shade(@error_bg_color, 0.8);
|
||||||
background-color: @error_bg_color;
|
background-color: @error_bg_color;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
color: @error_fg_color;
|
color: @error_fg_color;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.error .button.close {
|
||||||
|
color: @error_fg_color;
|
||||||
|
}
|
||||||
|
|
||||||
|
.error .button.close:hover {
|
||||||
|
background-image: linear-gradient(to bottom,
|
||||||
|
alpha(white, 0.3),
|
||||||
|
alpha(white, 0.2) 30%,
|
||||||
|
alpha(black, 0.02));
|
||||||
|
}
|
||||||
|
|
||||||
|
.error .button.close:active {
|
||||||
|
color: @error_fg_color;
|
||||||
|
background-image: linear-gradient(to bottom,
|
||||||
|
alpha(black, 0.1),
|
||||||
|
transparent);
|
||||||
|
}
|
||||||
|
|
||||||
/*******************
|
/*******************
|
||||||
* symbolic images *
|
* symbolic images *
|
||||||
*******************/
|
*******************/
|
||||||
|
|
Loading…
Reference in New Issue