From 9acdaf472043e7aef16fadaf2913df2036d9d360 Mon Sep 17 00:00:00 2001
From: Satyajit Sahoo <satyajit.happy@gmail.com>
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;
}