From 9acdaf472043e7aef16fadaf2913df2036d9d360 Mon Sep 17 00:00:00 2001 From: Satyajit Sahoo Date: Fri, 21 Feb 2014 17:57:11 +0530 Subject: [PATCH] Add style for check and radio inside content view --- gtk-3.0/gtk-widgets-assets.css | 71 +++++++++++++++++++++++++++------- 1 file changed, 57 insertions(+), 14 deletions(-) diff --git a/gtk-3.0/gtk-widgets-assets.css b/gtk-3.0/gtk-widgets-assets.css index 311165e..6f878e1 100644 --- a/gtk-3.0/gtk-widgets-assets.css +++ b/gtk-3.0/gtk-widgets-assets.css @@ -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; }