From 4634f2f0f77a642605840dccf782d1b1edffd1aa Mon Sep 17 00:00:00 2001 From: Satyajit Sahoo Date: Fri, 21 Mar 2014 18:41:46 +0530 Subject: [PATCH] Rework notebook tabs, incompatible with gtk3.10 and previous --- gtk-3.0/gtk-widgets.css | 64 +++++++++++++++++++++++++++++++---------- 1 file changed, 49 insertions(+), 15 deletions(-) diff --git a/gtk-3.0/gtk-widgets.css b/gtk-3.0/gtk-widgets.css index 6420b59..d87638c 100644 --- a/gtk-3.0/gtk-widgets.css +++ b/gtk-3.0/gtk-widgets.css @@ -1134,7 +1134,7 @@ GtkModelButton.button:selected { ************/ .notebook { padding: 0; - border-width: 1px; + border-width: 1px 0 0 0; border-style: solid; border-color: shade(@theme_base_color, 0.7); border-radius: 0; @@ -1182,67 +1182,101 @@ GtkModelButton.button:selected { } .notebook tab { - padding: 4px; - border-style: none; - background-color: shade(@theme_base_color, 0.85); - background-image: none; -} - -.notebook tab:hover { - background-color: shade(@theme_base_color, 0.95); + padding: 4px 6px; + border-style: solid; + border-width: 1px; + border-color: transparent; + background-color: transparent; background-image: none; } .notebook tab:active { - background-color: shade(@theme_base_color, 0.85); + background-color: transparent; background-image: none; } .notebook tab.top { + border-bottom-width: 2px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } +.notebook tab.top:hover { + border-bottom-color: alpha(@theme_selected_bg_color, 0.3); +} + .notebook tab.top:active { - box-shadow:inset 0 -2px @theme_selected_bg_color; + border-bottom-color: @theme_selected_bg_color; } .notebook tab.right { + border-left-width: 2px; border-bottom-left-radius: 0; border-top-left-radius: 0; } +.notebook tab.right:hover { + border-left-color: alpha(@theme_selected_bg_color, 0.3); +} + .notebook tab.right:active { - box-shadow:inset 2px 0 @theme_selected_bg_color; + border-left-color: @theme_selected_bg_color; } .notebook tab.bottom { + border-top-width: 2px; border-top-right-radius: 0; border-top-left-radius: 0; } +.notebook tab.bottom:hover { + border-top-color: alpha(@theme_selected_bg_color, 0.3); +} + .notebook tab.bottom:active { - box-shadow:inset 0 2px @theme_selected_bg_color; + border-top-color: @theme_selected_bg_color; } .notebook tab.left { + border-right-width: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; } +.notebook tab.left:hover { + border-right-color: alpha(@theme_selected_bg_color, 0.3); +} + .notebook tab.left:active { - box-shadow:inset -2px 0 @theme_selected_bg_color; + border-right-color: @theme_selected_bg_color; } .notebook tab GtkLabel { color: mix(@theme_text_color, @theme_base_color, 0.3); } +.notebook .prelight-page, +.notebook .prelight-page GtkLabel { + color: mix (@theme_text_color, @theme_base_color, 0.15); +} + .notebook .active-page, -.notebook tab .active-page GtkLabel { +.notebook .active-page GtkLabel { color: @theme_text_color; } +.notebook tab.reorderable-page:hover { + background-color: shade(@theme_base_color, 0.85); + border-left: 1px solid shade(@theme_base_color, 0.7); + border-right: 1px solid shade(@theme_base_color, 0.7); +} + +.notebook tab.reorderable-page:active { + background-color: shade(@theme_base_color, 0.90); + border-left: 1px solid shade(@theme_base_color, 0.75); + border-right: 1px solid shade(@theme_base_color, 0.75); +} + /* close button styling */ .notebook tab .button, .notebook tab .button:active,