[gnome-themes-standard] linked-buttons: first implementation of linked+raised button areas
- From: Cosimo Cecchi <cosimoc src gnome org>
- To: commits-list gnome org
- Cc:
- Subject: [gnome-themes-standard] linked-buttons: first implementation of linked+raised button areas
- Date: Fri, 8 Jul 2011 17:07:31 +0000 (UTC)
commit 860b2dfefdbe0d596f8532fe752fe0982b1df199
Author: Cosimo Cecchi <cosimoc gnome org>
Date: Fri Jul 8 13:04:07 2011 -0400
linked-buttons: first implementation of linked+raised button areas
themes/Adwaita/gtk-3.0/gtk-dark.css | 1 +
themes/Adwaita/gtk-3.0/gtk-widgets-assets-dark.css | 29 ++++++++++++++++++++
themes/Adwaita/gtk-3.0/gtk-widgets-assets.css | 28 +++++++++++++++++++
themes/Adwaita/gtk-3.0/gtk-widgets.css | 27 ++++++++++++++++++
themes/Adwaita/gtk-3.0/gtk.css | 1 +
5 files changed, 86 insertions(+), 0 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/gtk-dark.css b/themes/Adwaita/gtk-3.0/gtk-dark.css
index 49016b1..e86970e 100644
--- a/themes/Adwaita/gtk-3.0/gtk-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-dark.css
@@ -27,6 +27,7 @@
@define-color button_raised_gradient_color_a #373e37;
@define-color button_raised_gradient_color_b #1c1e1c;
+ define-color button_raised_linked_shadow alpha(#000000, 0.14);
@define-color button_raised_active_gradient_color_a @button_raised_gradient_color_b;
@define-color button_raised_active_gradient_color_b @button_raised_gradient_color_a;
diff --git a/themes/Adwaita/gtk-3.0/gtk-widgets-assets-dark.css b/themes/Adwaita/gtk-3.0/gtk-widgets-assets-dark.css
index 8c36084..9a92f11 100644
--- a/themes/Adwaita/gtk-3.0/gtk-widgets-assets-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-widgets-assets-dark.css
@@ -170,6 +170,35 @@ GtkScale.scale-has-marks-below.slider.vertical:insensitive {
border-image: url("assets/primary-toolbar-raised-button-border-dark.svg") 4 / 4 stretch;
}
+
+/* nth-child for linked areas */
+.primary-toolbar.toolbar .raised.linked.button,
+.primary-toolbar.toolbar .raised.linked.button:active,
+.primary-toolbar.toolbar .raised.linked.button:active:hover,
+.primary-toolbar.toolbar .raised.linked .button,
+.primary-toolbar.toolbar .raised.linked .button:active,
+.primary-toolbar.toolbar .raised.linked .button:active:hover {
+ border-image: url("assets/primary-toolbar-raised-button-border-dark.svg") 4 / 4 0 stretch;
+}
+
+.primary-toolbar.toolbar .raised.linked.button:nth-child(first) ,
+.primary-toolbar.toolbar .raised.linked.button:active:nth-child(first),
+.primary-toolbar.toolbar .raised.linked.button:active:hover:nth-child(first),
+.primary-toolbar.toolbar .raised.linked:nth-child(first) .button,
+.primary-toolbar.toolbar .raised.linked:nth-child(first) .button:active,
+.primary-toolbar.toolbar .raised.linked:nth-child(first) .button:active:hover {
+ border-image: url("assets/primary-toolbar-raised-button-border-dark.svg") 4 / 4 0 4 4 stretch;
+}
+
+.primary-toolbar.toolbar .raised.linked.button:nth-child(last),
+.primary-toolbar.toolbar .raised.linked.button:active:nth-child(last),
+.primary-toolbar.toolbar .raised.linked.button:active:hover:nth-child(last),
+.primary-toolbar.toolbar .raised.linked:nth-child(last) .button,
+.primary-toolbar.toolbar .raised.linked:nth-child(last) .button:active,
+.primary-toolbar.toolbar .raised.linked:nth-child(last) .button:active:hover {
+ border-image: url("assets/primary-toolbar-raised-button-border-dark.svg") 4 / 4 4 4 0 stretch;
+}
+
.primary-toolbar.toolbar .entry {
border-image: url("assets/primary-toolbar-entry-border-normal-dark.svg") 2 / 2 stretch;
}
diff --git a/themes/Adwaita/gtk-3.0/gtk-widgets-assets.css b/themes/Adwaita/gtk-3.0/gtk-widgets-assets.css
index e6793c1..ee9c4d5 100644
--- a/themes/Adwaita/gtk-3.0/gtk-widgets-assets.css
+++ b/themes/Adwaita/gtk-3.0/gtk-widgets-assets.css
@@ -188,3 +188,31 @@ GtkScale.scale-has-marks-below.slider.vertical:insensitive {
.primary-toolbar.toolbar .raised .button {
border-image: url("assets/primary-toolbar-raised-button-border.svg") 4 / 4 stretch;
}
+
+/* nth-child for linked areas */
+.primary-toolbar.toolbar .raised.linked.button,
+.primary-toolbar.toolbar .raised.linked.button:active,
+.primary-toolbar.toolbar .raised.linked.button:active:hover,
+.primary-toolbar.toolbar .raised.linked .button,
+.primary-toolbar.toolbar .raised.linked .button:active,
+.primary-toolbar.toolbar .raised.linked .button:active:hover {
+ border-image: url("assets/primary-toolbar-raised-button-border.svg") 4 / 4 0 stretch;
+}
+
+.primary-toolbar.toolbar .raised.linked.button:nth-child(first) ,
+.primary-toolbar.toolbar .raised.linked.button:active:nth-child(first),
+.primary-toolbar.toolbar .raised.linked.button:active:hover:nth-child(first),
+.primary-toolbar.toolbar .raised.linked:nth-child(first) .button,
+.primary-toolbar.toolbar .raised.linked:nth-child(first) .button:active,
+.primary-toolbar.toolbar .raised.linked:nth-child(first) .button:active:hover {
+ border-image: url("assets/primary-toolbar-raised-button-border.svg") 4 / 4 0 4 4 stretch;
+}
+
+.primary-toolbar.toolbar .raised.linked.button:nth-child(last),
+.primary-toolbar.toolbar .raised.linked.button:active:nth-child(last),
+.primary-toolbar.toolbar .raised.linked.button:active:hover:nth-child(last),
+.primary-toolbar.toolbar .raised.linked:nth-child(last) .button,
+.primary-toolbar.toolbar .raised.linked:nth-child(last) .button:active,
+.primary-toolbar.toolbar .raised.linked:nth-child(last) .button:active:hover {
+ border-image: url("assets/primary-toolbar-raised-button-border.svg") 4 / 4 4 4 0 stretch;
+}
diff --git a/themes/Adwaita/gtk-3.0/gtk-widgets.css b/themes/Adwaita/gtk-3.0/gtk-widgets.css
index c6f4990..dae1b4b 100644
--- a/themes/Adwaita/gtk-3.0/gtk-widgets.css
+++ b/themes/Adwaita/gtk-3.0/gtk-widgets.css
@@ -904,6 +904,33 @@ GtkTreeMenu .menuitem * {
text-shadow: none;
}
+/* nth-child for linked regions */
+.primary-toolbar.toolbar .raised.linked .button,
+.primary-toolbar.toolbar .raised.linked .button:active,
+.primary-toolbar.toolbar .raised.linked.button,
+.primary-toolbar.toolbar .raised.linked.button:active {
+ border-width: 1 0;
+ border-radius: 0;
+
+ box-shadow: inset 1 0 @button_raised_linked_shadow;
+}
+
+.primary-toolbar.toolbar .raised.linked.button:nth-child(first),
+.primary-toolbar.toolbar .raised.linked.button:active:nth-child(first),
+.primary-toolbar.toolbar .raised.linked:nth-child(first) .button,
+.primary-toolbar.toolbar .raised.linked:nth-child(first) .button:active {
+ border-width: 1 0 1 1;
+
+ box-shadow: none;
+}
+
+.primary-toolbar.toolbar .raised.linked.button:nth-child(last),
+.primary-toolbar.toolbar .raised.linked.button:active:nth-child(last),
+.primary-toolbar.toolbar .raised.linked:nth-child(last) .button,
+.primary-toolbar.toolbar .raised.linked:nth-child(last) .button:active {
+ border-width: 1 1 1 0;
+}
+
.primary-toolbar.toolbar .entry {
background-color: @primary_toolbar_entry_bg;
color: @primary_toolbar_entry_fg;
diff --git a/themes/Adwaita/gtk-3.0/gtk.css b/themes/Adwaita/gtk-3.0/gtk.css
index e14561a..d0d495d 100644
--- a/themes/Adwaita/gtk-3.0/gtk.css
+++ b/themes/Adwaita/gtk-3.0/gtk.css
@@ -65,6 +65,7 @@
@define-color button_raised_gradient_color_a @button_gradient_color_a;
@define-color button_raised_gradient_color_b @button_gradient_color_b;
+ define-color button_raised_linked_shadow alpha(@theme_base_color, 0.70);
@define-color button_raised_active_gradient_color_a @button_active_gradient_color_a;
@define-color button_raised_active_gradient_color_b alpha(@button_active_gradient_color_b, 0.13);
[
Date Prev][
Date Next] [
Thread Prev][
Thread Next]
[
Thread Index]
[
Date Index]
[
Author Index]