From a6190cdc8cec7ccdb89ad10b05db57c60a6f1e1d Mon Sep 17 00:00:00 2001 From: raveit65 Date: Tue, 1 Mar 2016 10:14:27 +0100 Subject: GTK+-3.20 TraditionalOK: adjust notebook tabs and use symbolic arrows --- .../TraditionalOk/gtk-3.0/gtk-widgets.css | 150 ++++++++++++++++----- 1 file changed, 114 insertions(+), 36 deletions(-) diff --git a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css index 0bc92379..52a51c27 100644 --- a/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css +++ b/desktop-themes/TraditionalOk/gtk-3.0/gtk-widgets.css @@ -1424,9 +1424,9 @@ notebook header tab { } notebook header.top tab { - padding: 7px 2px 0 2px; - border-width: 0px 1px 1px 1px; - border-radius: 3px 3px 0px 0px;; + padding: 7px 28px 0 28px; + border-width: 0px 0px 1px 0px; + border-radius: 0px; background-image: linear-gradient(to bottom, @notebook_tab_gradient_a, @notebook_tab_gradient_b 50%, @@ -1434,40 +1434,8 @@ notebook header.top tab { @notebook_tab_gradient_d); } -notebook header.right tab { - padding: 2px 7px 2px 0; - 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.bottom tab { - padding: 0px 2px 7px 2px; - 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.left tab { - padding: 2px 0 2px 7px; - 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.top tab:active { + border-radius: 3px 3px 0px 0px; border-width: 0px 1px 0px 1px; border-top-color: @notebook_active_tab_border; background-image: linear-gradient(to bottom, @@ -1478,6 +1446,25 @@ notebook header.top tab:active { @notebook_active_tab_gradient_b); } +notebook header.top tab:active:first-child { + border-width: 0px 1px 0px 0px; +} + +notebook header.top tab:active:last-child { + border-width: 0px 0px 0px 1px; +} + +notebook header.right tab { + padding: 2px 7px 2px 0; + border-width: 0px 0px 0px 1px; + border-radius: 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:active { border-width: 1px 0px 1px 0px; border-right-color: @notebook_active_tab_border; @@ -1489,6 +1476,25 @@ notebook header.right tab:active { @notebook_active_tab_gradient_b); } +notebook header.right tab:active:first-child { + border-width: 0px 0px 1px 0px; +} + +notebook header.right tab:active:last-child { + border-width: 1px 0px 0px 0px; +} + +notebook header.bottom tab { + padding: 0px 28px 7px 28px; + border-width: 1px 0px 0px 0px; + border-radius: 0px; + 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:active { border-width: 0px 1px 0px 1px; border-bottom-color: @notebook_active_tab_border; @@ -1500,6 +1506,25 @@ notebook header.bottom tab:active { @notebook_active_tab_gradient_b); } +notebook header.bottom tab:active:first-child { + border-width: 0px 1px 0px 0px; +} + +notebook header.bottom tab:active:last-child { + border-width: 0px 0px 0px 1px; +} + +notebook header.left tab { + padding: 2px 0 2px 7px; + border-width: 0px 1px 0px 0px; + border-radius: 0px; + 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:active { border-width: 1px 0px 1px 0px; border-left-color: @notebook_active_tab_border; @@ -1511,6 +1536,14 @@ notebook header.left tab:active { @notebook_active_tab_gradient_b); } +notebook header.left tab:active:first-child { + border-width: 0px 0px 1px 0px; +} + +notebook header.left tab:active:last-child { + border-width: 1px 0px 0px 0px; +} + .notebook tab * { background-color: transparent; } @@ -1535,6 +1568,51 @@ notebook button.flat.small-button:hover{ border-color: alpha(black, 0.1); } +notebook header.top tabs arrow.up, +notebook header.bottom tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); + color: @theme_fg_color; +} + +notebook header.top tabs arrow.down, +notebook header.bottom tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); + color: @theme_fg_color; +} + +notebook header.left tabs arrow.up, +notebook header.right tabs arrow.up { + -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); + color: @theme_fg_color; +} + +notebook header.left tabs arrow.down, +notebook header.right tabs arrow.down { + -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); + color: @theme_fg_color; +} + +notebook header tabs arrow { + color: @theme_fg_color; +} + +notebook header tabs arrow:hover, +notebook header tabs arrow:active { + color: @theme_selected_bg_color; +} + +notebook header tabs arrow:disabled { + color: rgba(141, 144, 145, 0.3); +} + +notebook header tabs arrow:backdrop { + color: rgba(84, 89, 90, 0.4); +} + +notebook header tabs arrow:backdrop:disabled { + color: #c7c7c7; +} + /************** * ComboBoxes * **************/ -- cgit v1.2.1