From cffe88c88e748058de7917b260cf3181a5922329 Mon Sep 17 00:00:00 2001 From: raveit65 Date: Tue, 24 Jan 2017 08:57:47 +0100 Subject: GTK+-3.20 Traditional themes: rework GtkNotebook --- .../TraditionalGreen/gtk-3.0/gtk-widgets.css | 76 ++++++++-------------- .../TraditionalOk/gtk-3.0/gtk-widgets.css | 76 ++++++++-------------- 2 files changed, 56 insertions(+), 96 deletions(-) (limited to 'desktop-themes') diff --git a/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css index e200753a..0bba7138 100644 --- a/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/TraditionalGreen/gtk-3.0/gtk-widgets.css @@ -1721,12 +1721,18 @@ notebook header.top { border-radius: 3px 3px 0px 0px; background-image: linear-gradient(to bottom, shade(@notebook_tab_gradient_a, 1.05), - shade(@notebook_tab_gradient_b, 1.05) 50%, - shade(@notebook_tab_gradient_c, 1.05) 50%, + shade(@notebook_tab_gradient_b, 1.04) 50%, + shade(@notebook_tab_gradient_c, 1.06) 50%, shade(@notebook_tab_gradient_d, 1.05)); box-shadow: inset 0px -1px 0 0 @border_color; } +paned.horizontal notebook header.top { + border-width: 0px 0px 0px 1px; + border-style: solid; + border-color: @border_color; +} + printdialog > box.view.vertical.dialog-vbox > box.vertical > notebook > header.top { border-radius: 0px; } @@ -1735,8 +1741,8 @@ notebook header.bottom { border-width: 1px 1px 0px 0px; background-image: linear-gradient(to top, shade(@notebook_tab_gradient_a, 1.05), - shade(@notebook_tab_gradient_b, 1.05) 50%, - shade(@notebook_tab_gradient_c, 1.05) 50%, + shade(@notebook_tab_gradient_b, 1.04) 50%, + shade(@notebook_tab_gradient_c, 1.06) 50%, shade(@notebook_tab_gradient_d, 1.05)); box-shadow: inset 0px 1px 0 0 @border_color; } @@ -1745,8 +1751,8 @@ notebook header.left { border-width: 0px 1px 0px 0px; background-image: linear-gradient(to right, shade(@notebook_tab_gradient_a, 1.05), - shade(@notebook_tab_gradient_b, 1.05) 50%, - shade(@notebook_tab_gradient_c, 1.05) 50%, + shade(@notebook_tab_gradient_b, 1.04) 50%, + shade(@notebook_tab_gradient_c, 1.06) 50%, shade(@notebook_tab_gradient_d, 1.05)); box-shadow: inset -1px 0px 0 0 @border_color; } @@ -1755,8 +1761,8 @@ notebook header.right { border-width: 0px 0px 0px 1px; background-image: linear-gradient(to left, shade(@notebook_tab_gradient_a, 1.05), - shade(@notebook_tab_gradient_b, 1.05) 50%, - shade(@notebook_tab_gradient_c, 1.05) 50%, + shade(@notebook_tab_gradient_b, 1.04) 50%, + shade(@notebook_tab_gradient_c, 1.06) 50%, shade(@notebook_tab_gradient_d, 1.05)); box-shadow: inset 1px 0px 0 0 @border_color; } @@ -1764,12 +1770,12 @@ notebook header.right { /* tabs in view areas, ie. pluma-, caja-tabs */ paned.horizontal notebook header.top tab { padding: 4px 2px 4px 2px; - border-width: 0px 1px 1px 1px; + border-width: 1px 1px 0px 1px; } paned.horizontal notebook header.top tab:checked { padding: 4px 2px 4px 2px; - border-width: 0px 1px 0px 1px; + border-width: 1px 1px 0px 1px; } notebook header tab { @@ -1781,95 +1787,69 @@ notebook header tab { notebook header.top tab { margin: 0px 0px 0px -1px; - padding: 4px 2px 0 2px; + padding: 6px; border-width: 0px 1px 1px 1px; border-radius: 3px 3px 0px 0px; background-image: linear-gradient(to bottom, @notebook_tab_gradient_a, - @notebook_tab_gradient_b 50%, - @notebook_tab_gradient_c 50%, @notebook_tab_gradient_d); } notebook header.top tab:checked { - border-top-color: @notebook_active_tab_border; border-width: 0px 1px 0px 1px; background-image: linear-gradient(to bottom, - @notebook_active_tab_strip_gradient_a, - @notebook_active_tab_strip_gradient_b 3px, - @notebook_active_tab_strip_border_bottom_color 4px, - @notebook_active_tab_gradient_a 4px, + @notebook_active_tab_gradient_a, @notebook_active_tab_gradient_b); } notebook header.right tab { margin: -1px 0px 0px 0px; - padding: 2px 4px 2px 1px; + padding: 6px; border-width: 1px 0px 1px 1px; border-radius: 0px 3px 3px 0px; background-image: linear-gradient(to left, @notebook_tab_gradient_a, - @notebook_tab_gradient_b 50%, - @notebook_tab_gradient_c 50%, @notebook_tab_gradient_d); } notebook header.right tab:checked { - padding: 2px 4px 2px 2px; border-width: 1px 0px 1px 0px; - border-right-color: @notebook_active_tab_border; background-image: linear-gradient(to left, - @notebook_active_tab_strip_gradient_a, - @notebook_active_tab_strip_gradient_b 3px, - @notebook_active_tab_strip_border_bottom_color 4px, - @notebook_active_tab_gradient_a 4px, + @notebook_active_tab_gradient_a, @notebook_active_tab_gradient_b); } notebook header.bottom tab { margin: 0px 0px 0px -1px; - padding: 0px 2px 4px 2px; + padding: 6px; border-width: 1px 1px 0px 1px; border-radius: 0px 0px 3px 3px; background-image: linear-gradient(to top, @notebook_tab_gradient_a, - @notebook_tab_gradient_b 50%, - @notebook_tab_gradient_c 50%, @notebook_tab_gradient_d); } notebook header.bottom tab:checked { - padding: 1px 2px 4px 2px; border-width: 0px 1px 0px 1px; - border-bottom-color: @notebook_active_tab_border; background-image: linear-gradient(to top, - @notebook_active_tab_strip_gradient_a, - @notebook_active_tab_strip_gradient_b 3px, - @notebook_active_tab_strip_border_bottom_color 4px, - @notebook_active_tab_gradient_a 4px, + @notebook_active_tab_gradient_a, @notebook_active_tab_gradient_b); } notebook header.left tab { margin: -1px 0px 0px 0px; - padding: 2px 1px 2px 4px; + padding: 6px; border-width: 1px 1px 1px 0px; border-radius: 3px 0px 0px 3px; background-image: linear-gradient(to right, @notebook_tab_gradient_a, - @notebook_tab_gradient_b 50%, - @notebook_tab_gradient_c 50%, @notebook_tab_gradient_d); } notebook header.left tab:checked { border-width: 1px 0px 1px 0px; - border-left-color: @notebook_active_tab_border; background-image: linear-gradient(to right, - @notebook_active_tab_strip_gradient_a, - @notebook_active_tab_strip_gradient_b 3px, - @notebook_active_tab_strip_border_bottom_color 4px, - @notebook_active_tab_gradient_a 4px, + @notebook_active_tab_gradient_a, @notebook_active_tab_gradient_b); } @@ -1895,15 +1875,15 @@ notebook header.bottom tab:checked { notebook header.left tab:checked { -gtk-outline-top-left-radius: 4px; -gtk-outline-top-right-radius: 0px; - -gtk-outline-bottom-left-radius: 0px; - -gtk-outline-bottom-right-radius: 4px; + -gtk-outline-bottom-left-radius: 4px; + -gtk-outline-bottom-right-radius: 0px; } notebook header.right tab:checked { -gtk-outline-top-left-radius: 0px; -gtk-outline-top-right-radius: 4px; - -gtk-outline-bottom-left-radius: 4px; - -gtk-outline-bottom-right-radius: 0px; + -gtk-outline-bottom-left-radius: 0px; + -gtk-outline-bottom-right-radius: 4px; } /* close button styling */ diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css index a6939627..f5629b56 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css @@ -1722,12 +1722,18 @@ notebook header.top { border-radius: 3px 3px 0px 0px; background-image: linear-gradient(to bottom, shade(@notebook_tab_gradient_a, 1.05), - shade(@notebook_tab_gradient_b, 1.05) 50%, - shade(@notebook_tab_gradient_c, 1.05) 50%, + shade(@notebook_tab_gradient_b, 1.04) 50%, + shade(@notebook_tab_gradient_c, 1.06) 50%, shade(@notebook_tab_gradient_d, 1.05)); box-shadow: inset 0px -1px 0 0 @border_color; } +paned.horizontal notebook header.top { + border-width: 0px 0px 0px 1px; + border-style: solid; + border-color: @border_color; +} + printdialog > box.view.vertical.dialog-vbox > box.vertical > notebook > header.top { border-radius: 0px; } @@ -1736,8 +1742,8 @@ notebook header.bottom { border-width: 1px 1px 0px 0px; background-image: linear-gradient(to top, shade(@notebook_tab_gradient_a, 1.05), - shade(@notebook_tab_gradient_b, 1.05) 50%, - shade(@notebook_tab_gradient_c, 1.05) 50%, + shade(@notebook_tab_gradient_b, 1.04) 50%, + shade(@notebook_tab_gradient_c, 1.06) 50%, shade(@notebook_tab_gradient_d, 1.05)); box-shadow: inset 0px 1px 0 0 @border_color; } @@ -1746,8 +1752,8 @@ notebook header.left { border-width: 0px 1px 0px 0px; background-image: linear-gradient(to right, shade(@notebook_tab_gradient_a, 1.05), - shade(@notebook_tab_gradient_b, 1.05) 50%, - shade(@notebook_tab_gradient_c, 1.05) 50%, + shade(@notebook_tab_gradient_b, 1.04) 50%, + shade(@notebook_tab_gradient_c, 1.06) 50%, shade(@notebook_tab_gradient_d, 1.05)); box-shadow: inset -1px 0px 0 0 @border_color; } @@ -1756,8 +1762,8 @@ notebook header.right { border-width: 0px 0px 0px 1px; background-image: linear-gradient(to left, shade(@notebook_tab_gradient_a, 1.05), - shade(@notebook_tab_gradient_b, 1.05) 50%, - shade(@notebook_tab_gradient_c, 1.05) 50%, + shade(@notebook_tab_gradient_b, 1.04) 50%, + shade(@notebook_tab_gradient_c, 1.06) 50%, shade(@notebook_tab_gradient_d, 1.05)); box-shadow: inset 1px 0px 0 0 @border_color; } @@ -1765,12 +1771,12 @@ notebook header.right { /* tabs in view areas, ie. pluma-, caja-tabs */ paned.horizontal notebook header.top tab { padding: 4px 2px 4px 2px; - border-width: 0px 1px 1px 1px; + border-width: 1px 1px 0px 1px; } paned.horizontal notebook header.top tab:checked { padding: 4px 2px 4px 2px; - border-width: 0px 1px 0px 1px; + border-width: 1px 1px 0px 1px; } notebook header tab { @@ -1782,95 +1788,69 @@ notebook header tab { notebook header.top tab { margin: 0px 0px 0px -1px; - padding: 4px 2px 0 2px; + padding: 6px; border-width: 0px 1px 1px 1px; border-radius: 3px 3px 0px 0px; background-image: linear-gradient(to bottom, @notebook_tab_gradient_a, - @notebook_tab_gradient_b 50%, - @notebook_tab_gradient_c 50%, @notebook_tab_gradient_d); } notebook header.top tab:checked { - border-top-color: @notebook_active_tab_border; border-width: 0px 1px 0px 1px; background-image: linear-gradient(to bottom, - @notebook_active_tab_strip_gradient_a, - @notebook_active_tab_strip_gradient_b 3px, - @notebook_active_tab_strip_border_bottom_color 4px, - @notebook_active_tab_gradient_a 4px, + @notebook_active_tab_gradient_a, @notebook_active_tab_gradient_b); } notebook header.right tab { margin: -1px 0px 0px 0px; - padding: 2px 4px 2px 1px; + padding: 6px; border-width: 1px 0px 1px 1px; border-radius: 0px 3px 3px 0px; background-image: linear-gradient(to left, @notebook_tab_gradient_a, - @notebook_tab_gradient_b 50%, - @notebook_tab_gradient_c 50%, @notebook_tab_gradient_d); } notebook header.right tab:checked { - padding: 2px 4px 2px 2px; border-width: 1px 0px 1px 0px; - border-right-color: @notebook_active_tab_border; background-image: linear-gradient(to left, - @notebook_active_tab_strip_gradient_a, - @notebook_active_tab_strip_gradient_b 3px, - @notebook_active_tab_strip_border_bottom_color 4px, - @notebook_active_tab_gradient_a 4px, + @notebook_active_tab_gradient_a, @notebook_active_tab_gradient_b); } notebook header.bottom tab { margin: 0px 0px 0px -1px; - padding: 0px 2px 4px 2px; + padding: 6px; border-width: 1px 1px 0px 1px; border-radius: 0px 0px 3px 3px; background-image: linear-gradient(to top, @notebook_tab_gradient_a, - @notebook_tab_gradient_b 50%, - @notebook_tab_gradient_c 50%, @notebook_tab_gradient_d); } notebook header.bottom tab:checked { - padding: 1px 2px 4px 2px; border-width: 0px 1px 0px 1px; - border-bottom-color: @notebook_active_tab_border; background-image: linear-gradient(to top, - @notebook_active_tab_strip_gradient_a, - @notebook_active_tab_strip_gradient_b 3px, - @notebook_active_tab_strip_border_bottom_color 4px, - @notebook_active_tab_gradient_a 4px, + @notebook_active_tab_gradient_a, @notebook_active_tab_gradient_b); } notebook header.left tab { margin: -1px 0px 0px 0px; - padding: 2px 1px 2px 4px; + padding: 6px; border-width: 1px 1px 1px 0px; border-radius: 3px 0px 0px 3px; background-image: linear-gradient(to right, @notebook_tab_gradient_a, - @notebook_tab_gradient_b 50%, - @notebook_tab_gradient_c 50%, @notebook_tab_gradient_d); } notebook header.left tab:checked { border-width: 1px 0px 1px 0px; - border-left-color: @notebook_active_tab_border; background-image: linear-gradient(to right, - @notebook_active_tab_strip_gradient_a, - @notebook_active_tab_strip_gradient_b 3px, - @notebook_active_tab_strip_border_bottom_color 4px, - @notebook_active_tab_gradient_a 4px, + @notebook_active_tab_gradient_a, @notebook_active_tab_gradient_b); } @@ -1896,15 +1876,15 @@ notebook header.bottom tab:checked { notebook header.left tab:checked { -gtk-outline-top-left-radius: 4px; -gtk-outline-top-right-radius: 0px; - -gtk-outline-bottom-left-radius: 0px; - -gtk-outline-bottom-right-radius: 4px; + -gtk-outline-bottom-left-radius: 4px; + -gtk-outline-bottom-right-radius: 0px; } notebook header.right tab:checked { -gtk-outline-top-left-radius: 0px; -gtk-outline-top-right-radius: 4px; - -gtk-outline-bottom-left-radius: 4px; - -gtk-outline-bottom-right-radius: 0px; + -gtk-outline-bottom-left-radius: 0px; + -gtk-outline-bottom-right-radius: 4px; } /* close button styling */ -- cgit v1.2.1