[gnome-themes-standard] linked-buttons: first implementation of linked+raised button areas



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]