Style infobar close buttons

pull/63/head
Satyajit Sahoo 2013-08-19 09:37:38 +05:30
parent e4d5589fb9
commit 7d59aa8cb0
1 changed files with 76 additions and 4 deletions

View File

@ -574,39 +574,111 @@ GtkInfoBar {
.info {
border-width: 1px;
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-image: none;
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 {
border-width: 1px;
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-image: none;
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 {
border-width: 1px;
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-image: none;
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 {
border-width: 1px;
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-image: none;
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 *
*******************/