Add style for check and radio inside content view

pull/145/head
Satyajit Sahoo 2014-02-21 17:57:11 +05:30
parent 71bc960ce7
commit 9acdaf4720
1 changed files with 57 additions and 14 deletions

View File

@ -245,6 +245,27 @@
background-repeat: no-repeat;
}
.menuitem.radio:active {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent));
background-position: center center;
background-size: 40% 40%;
background-repeat: no-repeat;
}
.menuitem.radio:active:hover {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_fg_color), to(transparent));
background-position: center center;
background-size: 40% 40%;
background-repeat: no-repeat;
}
.menuitem.radio:active:insensitive {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(mix(@menu_fg_color, @menu_bg_color, 0.5)), to(transparent));
background-position: center center;
background-size: 40% 40%;
background-repeat: no-repeat;
}
.menuitem.check:inconsistent,
.menuitem.radio:inconsistent {
background-image: linear-gradient(to bottom, @theme_selected_bg_color, @theme_selected_bg_color);
@ -272,24 +293,46 @@
background-repeat: no-repeat;
}
.menuitem.radio:active {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent));
background-position: center center;
background-size: 40% 40%;
GtkIconView.content-view.cell.check {
background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color),
linear-gradient(to bottom, @theme_base_color, @theme_base_color),
linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
background-position: center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%;
background-size: 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%;
background-repeat: no-repeat;
}
.menuitem.radio:active:hover {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_fg_color), to(transparent));
background-position: center center;
background-size: 40% 40%;
background-repeat: no-repeat;
}
GtkIconView.content-view.cell.check:active {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_selected_bg_color), to(transparent)),
linear-gradient(45deg, transparent, transparent 30%, @theme_selected_bg_color 30%, @theme_selected_bg_color 70%, transparent 70%, transparent),
linear-gradient(-45deg, transparent, transparent 37%, @theme_selected_bg_color 37%, @theme_selected_bg_color 62%, transparent 62%, transparent),
linear-gradient(to bottom, @theme_base_color, @theme_base_color),
linear-gradient(to bottom, @theme_base_color, @theme_base_color),
linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
linear-gradient(to bottom, shade(@theme_base_color, 0.6), shade(@theme_base_color, 0.6)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(@theme_base_color), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent)),
-gtk-gradient(radial, center center, 0, center center, 0.5, to(shade(@theme_base_color, 0.6)), to(transparent));
.menuitem.radio:active:insensitive {
background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(mix(@menu_fg_color, @menu_bg_color, 0.5)), to(transparent));
background-position: center center;
background-size: 40% 40%;
background-position: 17% 50%, 41% 73%, 90% 26%, 24% 64%, 76% 48%, center center, center center, center center, center center, 6% 6%, 6% 94%, 94% 94%, 94% 6%, 0% 0%, 0% 100%, 100% 100%, 100% 0%;
background-size: 17% 17%, 20% 20%, 18% 18%, 30% 30%, 50% 50%, 80% 90%, 90% 80%, 80% 100%, 100% 80%, 10% 10%, 10% 10%, 10% 10%, 10% 10%, 20% 20%, 20% 20%, 20% 20%, 20% 20%;
background-repeat: no-repeat;
}